.handover-shift-strip{display:flex;justify-content:space-between;gap:20px;background:#eaf2ec;border:1px solid #d5e3d7;border-radius:7px;padding:20px;margin-bottom:18px}.handover-shift-strip small,.handover-shift-strip strong,.handover-shift-strip span{display:block}.handover-shift-strip small{font-size:10px;color:#8a9e8d}.handover-shift-strip strong{font-size:18px;color:#35634a;font-weight:500;margin:10px 0}.handover-shift-strip span{font-size:10px;line-height:2;color:#829a83}.handover-shift-strip>div:last-child{text-align:right;align-self:center}.handover-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.handover-metrics button{border:1px solid var(--border);background:white;border-radius:6px;text-align:left;padding:16px 20px;cursor:pointer}.handover-metrics span{font-size:11px;color:#96a28e}.handover-metrics strong{display:block;font-size:26px;font-weight:500;color:#3b6b50;margin-top:12px}.handover-metrics button:first-child strong{color:#b8795e}.handover-board .tabs{flex-wrap:wrap;gap:17px}.handover-board .tabs-toolbar{min-height:58px}.handover-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px;background:#f8faf7}.handover-column{min-width:0}.handover-column>h3{font-size:12px;color:#7a9074;font-weight:500;display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.handover-column>h3 span{background:#eaf0e6;border-radius:4px;padding:3px 7px;font-size:10px}.handover-card{background:white;border:1px solid #e0e8db;border-top:3px solid #b9cbb2;border-radius:6px;padding:15px;margin-bottom:13px}.handover-card.urgent{border-top-color:#bf8162}.handover-card.important{border-top-color:#c0aa73}.handover-card-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.handover-card-top small{display:block;width:100%;font-size:9px;line-height:1.7;color:#9aa58f;margin:6px 0}.handover-priority{font-size:9px;padding:4px 7px;border-radius:3px;color:#8d9d80;background:#eff4ea}.handover-priority.urgent,.handover-late{color:#b37556;background:#fbefe5}.handover-priority.important{color:#a18a55;background:#f7f2e4}.handover-late{font-size:9px;padding:4px 6px;border-radius:3px}.handover-card-title{display:block;text-align:left;font-size:13px;line-height:1.7;color:#466e50;font-weight:600;padding:0;border:0;background:none;cursor:pointer;overflow-wrap:anywhere}.handover-card>p{font-size:11px;line-height:1.9;color:#8b9b80;white-space:pre-wrap;overflow-wrap:anywhere;max-height:100px;overflow:auto;margin:10px 0}.handover-card-meta{font-size:9px;color:#9ca88f;line-height:2}.handover-card-meta span{display:block}.handover-card-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.handover-card-actions .button{font-size:10px;padding:8px 11px}.handover-card-actions .text-button{font-size:10px}.handover-empty{font-size:11px;color:#b0bba6;text-align:center;padding:38px 10px;border:1px dashed #dce5d5;border-radius:5px}.handover-detail-title{font-size:17px;font-weight:500;color:#406c4d;line-height:1.8;overflow-wrap:anywhere}.handover-full-content,.handover-note p,.handover-result p{font-size:12px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;color:#7c9272}.handover-note{border-top:1px solid var(--border);padding:10px 0}.handover-note small,.handover-result small{font-size:10px;color:#a1ad93}.handover-result{background:#f0f6ec;border-radius:5px;padding:13px;margin-top:16px}.handover-result strong{font-size:11px;color:#69855b}.handover-history{margin-top:20px;font-size:11px;color:#8b9c80}.handover-history summary{cursor:pointer}.handover-history p{padding:10px 0;border-bottom:1px solid var(--border)}.handover-history small{display:block;font-size:10px;line-height:1.8;margin-top:6px}.handover-shift-list{font-size:12px;line-height:2;color:#7b9471}.handover-alert{display:flex;align-items:center;gap:12px;background:#fff6ee;border:1px solid #ead2bf;padding:16px;border-radius:6px;margin-bottom:20px;color:#aa7556}.handover-alert>svg{width:20px;height:20px;flex-shrink:0}.handover-alert>div{flex:1;min-width:0}.handover-alert strong{font-size:12px}.handover-alert p{font-size:11px;line-height:1.8;margin:6px 0 0;overflow-wrap:anywhere}.handover-alert .button{font-size:10px;background:white;color:#a87b5a;border-color:#e8d6c7}
@media(max-width:1100px){.handover-columns{gap:10px;padding:13px}.handover-card{padding:12px}.handover-board .tabs-toolbar{flex-wrap:wrap;padding-top:8px;padding-bottom:8px}}
@media(max-width:780px){.handover-columns{grid-template-columns:1fr}.handover-shift-strip{flex-wrap:wrap;padding:17px}.handover-shift-strip>div:last-child{text-align:left;width:100%}.handover-metrics{gap:9px}.handover-metrics button{padding:14px}.handover-metrics span{font-size:10px}.handover-alert{flex-wrap:wrap}.handover-alert>div{flex-basis:calc(100% - 35px)}.handover-alert .button{margin-left:30px}.handover-board .tabs{gap:14px}.handover-board .tabs-toolbar>.metric-mini{display:none}}