.handover-page{max-width:1700px;padding-top:var(--page-block-space)!important;padding-bottom:var(--page-block-space)!important}
.handover-heading{align-items:center;min-height:50px;margin-bottom:var(--section-space)}
.handover-heading .heading-actions{display:flex;align-items:center;gap:.55rem}
.handover-setup-button{min-height:40px;padding:.5rem .8rem;display:inline-flex;align-items:center;gap:.45rem;border:1px solid #dc2626;background:#dc2626;color:#fff;font-size:.86rem;font-weight:850;white-space:nowrap}
.handover-setup-button:hover,.handover-setup-button:focus{border-color:#b91c1c;background:#b91c1c;color:#fff}
.handover-setup-button:focus-visible{outline:2px solid #fecaca;outline-offset:2px}
.handover-setup-button[hidden]{display:none!important}
.handover-heading [data-handover-add],.handover-toolbar [data-handover-add]{min-height:40px;padding:.55rem .9rem;display:inline-flex;align-items:center;gap:.42rem;white-space:nowrap;font-size:.88rem}
.handover-history-button{min-height:40px;padding:.52rem .82rem;display:inline-flex;align-items:center;gap:.42rem;white-space:nowrap;border:1px solid var(--admin-border);background:var(--admin-surface-soft);color:var(--admin-text);font-size:.88rem;font-weight:800}
.handover-history-button:hover,.handover-history-button:focus{border-color:#5b83ad;background:rgba(37,99,235,.1);color:var(--admin-text)}
.handover-heading .page-icon{width:46px;height:46px;color:#bfdbfe}
.handover-heading .page-icon i{display:block;font-size:1.28rem;line-height:1}
.handover-heading h1{margin-bottom:.05rem!important;line-height:1.15}
.handover-status{min-height:1.25rem;margin:0 0 .15rem;font-size:.9rem;line-height:1.25rem;color:var(--admin-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.handover-status:empty{display:none}
.handover-status.is-error{color:#fca5a5}
.handover-status.is-success{color:#86efac}
.handover-status.is-busy{color:#93c5fd}
.handover-toolbar{display:flex;align-items:center;gap:var(--space-3);min-height:58px;padding:var(--space-2);margin-bottom:var(--space-3);background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:10px}
.handover-toolbar .handover-tabs{flex:1 1 auto;min-width:0;min-height:40px;padding:0;margin:0;background:transparent;border:0;border-radius:0}
.handover-toolbar-actions{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;margin-left:auto}
.handover-tabs{display:flex;align-items:center;gap:var(--space-2);min-height:58px;overflow-x:auto;overflow-y:hidden;padding:var(--space-2);margin-bottom:var(--space-3);background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:10px}
.handover-tabs[hidden]{display:none!important}
.handover-tab{appearance:none;flex:0 0 auto;min-height:40px;border:1px solid var(--admin-border);background:transparent;color:var(--admin-muted);border-radius:8px;padding:.52rem .85rem;font-size:.88rem;font-weight:800;line-height:1.2;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease,color .12s ease}
.handover-tab.active{background:#2563eb;border-color:#2563eb;color:#fff}
.handover-group{position:relative;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:12px;box-shadow:var(--admin-shadow-sm);margin-bottom:.75rem;overflow:visible}
.handover-group:focus-within{z-index:4}
.handover-group-head{position:relative;display:flex;align-items:center;gap:.55rem;min-height:44px;padding:.6rem 1rem .6rem 1.15rem;border-bottom:1px solid var(--admin-border);font-size:1rem;font-weight:850}
.handover-group-head::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--handover-group-accent)}
.handover-group-head.temporary{--handover-group-accent:#38bdf8}
.handover-group-head.permanent{--handover-group-accent:#f59e0b}
.handover-group-count{margin-left:auto;min-width:28px;height:28px;padding:0 .48rem;border:1px solid var(--admin-border);border-radius:999px;display:inline-grid;place-items:center;color:var(--admin-muted);font-size:.8rem;font-weight:850}
.handover-table-wrap{width:100%;max-width:100%;overflow:visible;border-radius:0 0 12px 12px}
.handover-table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed}
.handover-table th{padding:.68rem .8rem;background:rgba(15,23,42,.05);border-bottom:1px solid var(--admin-border);color:var(--admin-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap;text-align:left}
.handover-table td{padding:.78rem .8rem;border-bottom:1px solid var(--admin-border);font-size:.87rem;line-height:1.42;vertical-align:middle;overflow-wrap:break-word;word-break:normal}
.handover-table tbody tr:last-child td{border-bottom:0}
.handover-row{cursor:pointer;outline:none}
.handover-row:hover td{background:rgba(37,99,235,.08)}
.handover-row:focus-visible td{background:rgba(37,99,235,.1)}
.handover-table .col-type{width:7%}
.handover-table .col-created{width:11%}
.handover-table .col-operator{width:10%}
.handover-table .col-company{width:12%}
.handover-table .col-handover{width:18%}
.handover-table .col-reminder{width:13%}
.handover-table .col-next{width:12%}
.handover-table .col-valid{width:9%}
.handover-table .col-actions{width:8%}
.handover-table th:nth-child(9),.handover-table td:nth-child(9){text-align:right}
.handover-table td:nth-child(2),.handover-table td:nth-child(7),.handover-table td:nth-child(8){white-space:nowrap}
.handover-badge{display:inline-flex;align-items:center;border:1px solid var(--admin-border);border-radius:999px;padding:.22rem .5rem;font-size:.76rem;font-weight:850;white-space:nowrap}
.handover-badge.temporary{border-color:rgba(56,189,248,.35);color:#7dd3fc;background:rgba(14,116,144,.16)}
.handover-badge.permanent{border-color:rgba(245,158,11,.45);color:#fbbf24;background:rgba(120,53,15,.18)}
.handover-badge.interval{border-color:rgba(245,158,11,.35);color:#fde68a;background:rgba(120,53,15,.16)}
.handover-badge.custom{border-color:rgba(16,185,129,.35);color:#a7f3d0;background:rgba(6,78,59,.16)}
.handover-badge.weekly{border-color:rgba(168,85,247,.4);color:#d8b4fe;background:rgba(88,28,135,.16)}
.handover-badge.none{color:var(--admin-muted)}
.handover-title-cell strong{display:block;margin-bottom:.18rem;font-size:.94rem;overflow-wrap:break-word}
.handover-title-cell small{display:block;color:var(--admin-muted);font-size:.84rem;line-height:1.35}
.handover-ref{font-family:Consolas,monospace;color:#93c5fd;font-size:.82rem}
.handover-alarm-main{font-weight:850}
.handover-alarm-sub{color:var(--admin-muted);font-size:.8rem;margin-top:.12rem}
.handover-empty{padding:1.6rem;text-align:center;color:var(--admin-muted);border:1px dashed var(--admin-border);border-radius:10px;background:rgba(15,23,42,.03);font-size:.9rem}
.handover-actions{min-width:98px;display:flex;justify-content:flex-end}
.handover-action-menu{position:relative;display:inline-block}
.handover-action-menu>summary{min-height:36px;min-width:90px;list-style:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:.38rem;white-space:nowrap;font-size:.88rem}
.handover-action-menu>summary::-webkit-details-marker{display:none}
.handover-action-menu[open]>summary{border-color:#5b83ad;background:rgba(37,99,235,.14)}
.handover-action-menu-pop{position:absolute;right:0;top:calc(100% + 7px);z-index:30;min-width:184px;padding:7px;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:9px;box-shadow:var(--admin-shadow);display:grid;gap:3px}
.handover-row:nth-last-child(-n+2) .handover-action-menu-pop{top:auto;bottom:calc(100% + 6px)}
.handover-menu-action{width:100%;min-height:40px;border:0;background:transparent;color:var(--admin-text);padding:.55rem .65rem;border-radius:7px;display:flex;align-items:center;gap:.55rem;font-size:.9rem;font-weight:800;text-align:left}
.handover-menu-action:hover{background:rgba(37,99,235,.1)}
.handover-menu-action.close-action{border:0;background:transparent;color:#e11d48}
.handover-menu-action.close-action:hover{background:rgba(244,63,94,.1);color:#be123c}
.handover-ico{display:inline-flex;width:1rem;height:1rem;flex:0 0 1rem}
.handover-ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.handover-modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.72);display:none;align-items:center;justify-content:center;padding:24px;z-index:1100}
.handover-modal-backdrop.show{display:flex}
.handover-modal{width:min(760px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:12px;box-shadow:var(--admin-shadow-lg)}
.handover-modal.small{width:min(540px,100%)}
.handover-modal.details{width:min(860px,100%)}
.handover-modal.history{width:min(1280px,100%)}
.handover-modal form{min-height:0;display:flex;flex-direction:column}
.handover-modal-head{flex:0 0 auto;display:flex;align-items:center;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid var(--admin-border)}
.handover-modal-head h3{margin:0;font-size:1.14rem;font-weight:850}
.handover-modal-head p{margin-top:.2rem!important;font-size:.88rem}
.handover-modal-head-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}
.handover-modal-head-actions [data-details-edit]{min-height:36px;padding:.42rem .72rem;border:1px solid var(--admin-border);background:var(--admin-surface-soft);color:var(--admin-muted);font-weight:850}
.handover-modal-head-actions [data-details-edit]:hover,.handover-modal-head-actions [data-details-edit]:focus{border-color:#5b83ad;background:rgba(37,99,235,.1);color:var(--admin-text)}
.handover-modal-head>div:first-child{min-width:0}
.handover-modal-head>div:first-child h3{overflow-wrap:anywhere}
.handover-modal-head>.handover-icon-btn{margin-left:auto}
.handover-icon-btn{width:36px;height:36px;flex:0 0 36px;border-radius:8px;border:1px solid var(--admin-border);background:var(--admin-surface-soft);color:var(--admin-muted);display:grid;place-items:center}
.handover-icon-btn:hover,.handover-icon-btn:focus{border-color:#5b83ad;background:rgba(37,99,235,.1);color:var(--admin-text);box-shadow:0 0 0 3px rgba(96,165,250,.15)}
.handover-modal-body{min-height:0;overflow-y:auto;padding:1.1rem 1.15rem}
.handover-modal-foot{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:.55rem;padding:.85rem 1.15rem;border-top:1px solid var(--admin-border)}
.handover-modal-foot .btn{min-height:40px;border-radius:8px;padding:.52rem .82rem;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;font-weight:850;line-height:1}
.handover-modal-foot .btn:not(.btn-primary):not(.handover-close-edit){border:1px solid var(--admin-border);background:var(--admin-surface-soft);color:var(--admin-text)}
.handover-modal-foot .btn:not(.btn-primary):not(.handover-close-edit):hover{border-color:#5b83ad;background:rgba(37,99,235,.1)}
.handover-history-filters{display:flex;align-items:flex-end;gap:.75rem;padding:.8rem 1.15rem;border-bottom:1px solid var(--admin-border);background:rgba(15,23,42,.025)}
.handover-history-tabs{display:flex;gap:.45rem;padding:.7rem 1.15rem 0;border-bottom:1px solid var(--admin-border)}
.handover-history-tabs button{min-height:40px;margin-bottom:-1px;padding:.55rem .85rem;border:1px solid transparent;border-bottom-color:var(--admin-border);background:transparent;color:var(--admin-muted);font-size:.88rem;font-weight:850}
.handover-history-tabs button.active{border-color:var(--admin-border);border-bottom-color:var(--admin-surface);border-radius:8px 8px 0 0;color:var(--admin-text);background:var(--admin-surface)}
.handover-history-filters label{display:grid;gap:.3rem;min-width:150px;margin:0;color:var(--admin-muted);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.handover-history-filters .handover-form-control{min-height:40px;padding:.48rem .65rem;text-transform:none;letter-spacing:normal}
.handover-history-filters [data-handover-history-count]{margin-left:auto;padding-bottom:.6rem;color:var(--admin-muted);font-size:.86rem;font-weight:800;white-space:nowrap}
.handover-history-body{padding:0;overflow:auto}
.handover-history-table-wrap{width:100%;overflow:auto}
.handover-history-table{width:100%;min-width:1080px;border-collapse:collapse;table-layout:fixed}
.handover-history-table th{padding:.66rem .72rem;background:rgba(15,23,42,.05);border-bottom:1px solid var(--admin-border);color:var(--admin-muted);font-size:.7rem;text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.handover-history-table td{padding:.72rem;border-bottom:1px solid var(--admin-border);font-size:.84rem;line-height:1.35;vertical-align:top;overflow-wrap:break-word}
.handover-history-table tbody tr:last-child td{border-bottom:0}
.handover-history-table .history-col-date{width:14%}.handover-history-table .history-col-dept{width:9%}.handover-history-table .history-col-type{width:8%}.handover-history-table .history-col-handover{width:18%}.handover-history-table .history-col-operator{width:11%}.handover-history-table .history-col-company{width:13%}.handover-history-table .history-col-reference{width:12%}.handover-history-table .history-col-closed{width:15%}
.handover-history-table td small{display:block;margin-top:.22rem;color:var(--admin-muted);font-size:.78rem}
.acknowledgement-history-table{min-width:700px;table-layout:auto}
.acknowledgement-history-table th{width:25%!important}
.handover-history-clickable{cursor:pointer;outline:none}
.handover-history-clickable:hover td,.handover-history-clickable:focus-visible td{background:rgba(37,99,235,.08)}
.handover-acknowledged-yes{display:inline-flex;padding:.22rem .55rem;border:1px solid rgba(16,185,129,.35);border-radius:999px;background:rgba(16,185,129,.1);color:#10b981;font-weight:850}
.handover-modal.acknowledgement{width:min(920px,100%)}
.handover-acknowledgement-list{display:grid;gap:.7rem}
.handover-acknowledgement-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.9rem;border:1px solid var(--admin-border);border-radius:10px;background:var(--admin-surface-soft)}
.handover-acknowledgement-title{display:flex;align-items:center;gap:.55rem;margin-bottom:.3rem}
.handover-acknowledgement-meta{color:var(--admin-muted);font-size:.82rem}
.handover-acknowledgement-instructions{margin-top:.55rem;font-size:.86rem}
.handover-acknowledgement-instructions p{margin:.22rem 0}
.handover-modal.acknowledgement-details{width:min(1040px,100%)}
.handover-modal.acknowledgement-details .handover-modal-body{padding:1rem}
.acknowledgement-details-group{margin:0}
.acknowledgement-details-table .ack-col-created{width:19%}
.acknowledgement-details-table .ack-col-company{width:18%}
.acknowledgement-details-table .ack-col-handover{width:27%}
.acknowledgement-details-table .ack-col-reminder{width:20%}
.acknowledgement-details-table .ack-col-valid{width:16%}
.acknowledgement-details-table td:first-child,.acknowledgement-details-table td:last-child{white-space:nowrap}
.handover-acknowledge-one{min-width:124px;min-height:40px;border:1px solid #3b82f6;background:#3b82f6;color:#fff;font-weight:850}
.handover-acknowledge-one.acknowledged{border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.12);color:#10b981;opacity:1}
.handover-acknowledgement-error{min-height:1.25rem;margin-top:.65rem;color:#f87171;font-size:.86rem}
.handover-close-edit{margin-right:auto!important;border-color:rgba(251,113,133,.62)!important;background:rgba(244,63,94,.11)!important;color:#e11d48!important}
.handover-close-edit:hover,.handover-close-edit:focus{border-color:#fb7185!important;background:#be123c!important;color:#fff!important}
.handover-close-control{border-color:var(--admin-border)!important;background:var(--admin-surface-soft)!important;color:var(--admin-text)!important}
.handover-close-control:hover,.handover-close-control:focus{border-color:#5b83ad!important;background:rgba(37,99,235,.1)!important;color:var(--admin-text)!important}
.handover-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem .85rem}
.handover-field.full{grid-column:1/-1}
.handover-field label{display:block;color:var(--admin-text);font-size:.86rem;font-weight:800;margin-bottom:.35rem}
.handover-field .req{color:#ef4444}
.handover-form-control{width:100%;min-height:44px;border:1px solid var(--admin-border);background:var(--admin-surface-soft);color:var(--admin-text);border-radius:8px;padding:.62rem .72rem;font-size:.9rem;outline:none}
.handover-form-control:focus{border-color:#5daef4;box-shadow:0 0 0 2px rgba(70,154,226,.15)}
textarea.handover-form-control{resize:vertical;min-height:82px}
.handover-instruction-rows{display:grid;gap:.55rem}
.handover-instruction-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:.5rem}
.handover-instruction-remove{border:1px solid var(--admin-border);border-radius:8px;background:var(--admin-surface-soft);color:#f87171;display:grid;place-items:center}
.handover-instruction-remove:hover,.handover-instruction-remove:focus{border-color:#64748b;background:rgba(148,163,184,.1);color:#fca5a5}
.handover-choice-row{display:grid;grid-template-columns:1fr;gap:.45rem}
.handover-choice{min-height:44px;border:1px solid var(--admin-border);background:var(--admin-surface-soft);color:var(--admin-text);border-radius:8px;padding:.6rem .8rem;display:flex!important;align-items:center;gap:.65rem;margin:0!important;font-size:.9rem;font-weight:750;line-height:1.3;cursor:pointer}
.handover-choice:has(input:checked){border-color:#5daef4;background:rgba(37,99,235,.1)}
.handover-choice:focus-within{outline:2px solid rgba(93,174,244,.45);outline-offset:1px}
.handover-choice input{flex:0 0 auto;margin:0;accent-color:#3b82f6}
.handover-schedule-box{background:rgba(15,23,42,.04);border:1px solid var(--admin-border);border-radius:8px;padding:.9rem;margin-top:.7rem}
.handover-schedule-box[hidden]{display:none!important}
.handover-inline-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;align-items:start}
.handover-inline-fields .handover-field{min-width:0}
.handover-schedule-box[data-custom-box] .handover-inline-fields{grid-template-columns:minmax(0,1fr) auto;align-items:end}
.handover-schedule-box[data-custom-box] [data-add-time]{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1rem;border:1px solid #3b82f6;border-radius:8px;background:#3b82f6;color:#fff;font-weight:800;box-shadow:0 3px 10px rgba(37,99,235,.22);white-space:nowrap}
.handover-schedule-box[data-custom-box] [data-add-time]:hover{border-color:#2563eb;background:#2563eb;color:#fff}
.handover-schedule-box[data-custom-box] [data-add-time]:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}
.handover-schedule-box .handover-field label{margin-bottom:.4rem}
.handover-time-chips{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.6rem}
.handover-time-chip{display:inline-flex;align-items:center;gap:.38rem;border:1px solid rgba(37,99,235,.32);border-radius:999px;padding:.3rem .55rem;background:rgba(37,99,235,.08);font-weight:800;font-size:.86rem}
.handover-time-chip button{border:1px solid rgba(251,113,133,.55);border-radius:5px;background:rgba(244,63,94,.1);color:#e11d48;padding:.1rem;display:grid;place-items:center}
.handover-time-chip button:hover,.handover-time-chip button:focus{border-color:#fb7185;background:#be123c;color:#fff}
.handover-field-help{font-size:.78rem;color:var(--admin-muted);margin-top:.32rem}
.handover-recipient-dropdown{border:1px solid var(--admin-border);border-radius:9px;background:var(--admin-surface-soft);transition:border-color .15s ease,box-shadow .15s ease}
.handover-recipient-dropdown:hover{border-color:#526783}
.handover-recipient-dropdown[open]{border-color:#5daef4;box-shadow:0 0 0 3px rgba(70,154,226,.13)}
.handover-recipient-dropdown>summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:48px;padding:.55rem .62rem .55rem .75rem;color:var(--admin-text);font-size:.9rem;font-weight:800;cursor:pointer;list-style:none}
.handover-recipient-dropdown>summary::-webkit-details-marker{display:none}
.handover-recipient-dropdown>summary:focus-visible{outline:2px solid rgba(93,174,244,.45);outline-offset:1px}
.handover-recipient-summary-value{display:flex;align-items:center;gap:.58rem;min-width:0}
.handover-recipient-summary-value>.handover-ico{width:1.15rem;height:1.15rem;flex-basis:1.15rem;color:#60a5fa}
.handover-recipient-summary-value>[data-handover-recipient-selection]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.handover-recipient-chevron{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid var(--admin-border);border-radius:7px;background:rgba(15,23,42,.08);color:var(--admin-muted);transition:transform .15s ease,background-color .15s ease}
.handover-recipient-chevron>.handover-ico{width:.95rem;height:.95rem;flex-basis:.95rem}
.handover-recipient-dropdown[open] .handover-recipient-chevron{transform:rotate(180deg);background:rgba(37,99,235,.14);color:#93c5fd}
.handover-recipient-panel{padding:.65rem;border-top:1px solid var(--admin-border)}
.handover-recipient-search{min-height:40px;margin-bottom:.45rem}
.handover-recipient-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;max-height:220px;overflow:auto}
.handover-recipient-option{display:flex!important;align-items:flex-start;gap:.55rem;min-width:0;margin:0!important;padding:.55rem .65rem;border:1px solid transparent;border-radius:7px;color:var(--admin-text);font-size:.86rem;font-weight:750;cursor:pointer}
.handover-recipient-option[hidden]{display:none!important}
.handover-recipient-option:hover,.handover-recipient-option:focus-within{border-color:rgba(93,174,244,.48);background:rgba(37,99,235,.07)}
.handover-recipient-option:has(input:checked){border-color:#5daef4;background:rgba(37,99,235,.11)}
.handover-recipient-option input{flex:0 0 auto;margin:.15rem 0 0;accent-color:#3b82f6}
.handover-recipient-option span{min-width:0;overflow-wrap:anywhere}
.handover-recipient-option small{display:block;margin-top:.12rem;color:var(--admin-muted);font-size:.74rem;font-weight:600}
.handover-recipient-option.all{grid-column:1/-1}
.handover-recipient-message{padding:.65rem;color:var(--admin-muted);font-size:.82rem;text-align:center}
.handover-feedback-warning{display:flex;gap:.5rem;padding:.65rem;border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.09);border-radius:7px;color:#fcd34d;font-size:.88rem;margin-bottom:.75rem}
.handover-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.9rem}
.handover-detail-box{min-height:62px;border:1px solid var(--admin-border);background:rgba(15,23,42,.03);border-radius:9px;padding:.72rem .78rem}
.handover-detail-box.full{grid-column:1/-1}
.handover-detail-label{display:block;color:var(--admin-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:850;margin-bottom:.25rem}
.handover-detail-value{color:var(--admin-text);font-size:.92rem;line-height:1.45;overflow-wrap:anywhere}
.handover-instruction-detail{white-space:pre-wrap}
.handover-details-history-head{display:flex;align-items:center;gap:.5rem;margin:.25rem 0 .55rem}
.handover-details-history-head h4{margin:0;font-size:.95rem;font-weight:850}
.handover-history-list{display:grid;gap:.55rem}
.handover-history-entry{border:1px solid var(--admin-border);border-radius:9px;padding:.72rem .78rem}
.handover-history-row{display:flex;align-items:center;gap:.45rem}
.handover-history-row strong{font-size:.88rem}
.handover-history-operator{color:var(--admin-muted);font-size:.82rem}
.handover-history-row time{margin-left:auto;color:var(--admin-muted);font-size:.8rem}
.handover-history-feedback{border-left:2px solid rgba(37,99,235,.28);padding-left:.55rem;margin:.42rem 0 0;color:var(--admin-text);font-size:.86rem}
.handover-modal.details .handover-modal-head{min-height:68px;padding:.9rem 1.2rem}
.handover-modal.details .handover-modal-head h3{font-size:1.08rem;font-weight:800;letter-spacing:-.01em;line-height:1.3}
.handover-modal.details .handover-modal-head-actions{gap:.45rem}
.handover-modal.details .handover-modal-head-actions [data-details-edit]{min-height:38px;padding:.48rem .72rem;border-radius:8px;color:var(--admin-text);font-size:.84rem;font-weight:750;line-height:1}
.handover-modal.details .handover-modal-head-actions [data-details-edit] .handover-ico{width:.9rem;height:.9rem;flex-basis:.9rem}
.handover-modal.details .handover-icon-btn{width:38px;height:38px;flex-basis:38px}
.handover-modal.details .handover-modal-body{padding:1rem 1.2rem 1.15rem;background:rgba(15,23,42,.015)}
.handover-modal.details .handover-details-grid{gap:.72rem;margin-bottom:0}
.handover-modal.details .handover-detail-box{min-height:72px;padding:.75rem .82rem;border-radius:9px;background:var(--admin-surface-soft)}
.handover-modal.details .handover-detail-label{margin-bottom:.3rem;color:var(--admin-muted);font-size:.69rem;font-weight:800;letter-spacing:.045em;line-height:1.25}
.handover-modal.details .handover-detail-value{font-size:.9rem;font-weight:550;line-height:1.42}
.handover-modal.details .handover-detail-box.full{margin-top:.05rem;padding:0;overflow:hidden}
.handover-modal.details .handover-detail-box.full>.handover-detail-label{margin:0;padding:.68rem .82rem;border-bottom:1px solid var(--admin-border);background:rgba(15,23,42,.035)}
.handover-modal.details .handover-instruction-detail{display:grid;gap:.7rem;padding:.75rem .82rem;white-space:normal}
.handover-modal.details .handover-instruction-detail>div{min-width:0}
.handover-modal.details .handover-instruction-detail>div+div{padding-top:.7rem;border-top:1px solid var(--admin-border)}
.handover-modal.details .handover-instruction-detail small{display:block;margin-bottom:.18rem;color:var(--admin-muted)!important;font-size:.75rem;line-height:1.3}
.handover-modal.details .handover-instruction-detail small+div{font-size:.89rem;line-height:1.5;white-space:pre-wrap}
.handover-modal.details .handover-details-history-head{display:flex;align-items:center;gap:.7rem;margin:1.05rem 0 .62rem}
.handover-modal.details .handover-details-history-head::after{content:"";height:1px;flex:1;background:var(--admin-border)}
.handover-modal.details .handover-details-history-head h4{font-size:.93rem;font-weight:800;line-height:1.3}
.handover-modal.details .handover-history-list{gap:.6rem}
.handover-modal.details .handover-history-entry{padding:.78rem .84rem;border-radius:9px;background:var(--admin-surface-soft)}
.handover-modal.details .handover-history-row{gap:.5rem;min-width:0}
.handover-modal.details .handover-history-row strong{font-size:.84rem;font-weight:800}
.handover-modal.details .handover-history-operator{font-size:.79rem}
.handover-modal.details .handover-history-operator::before{content:"•";margin-right:.5rem;color:var(--admin-border)}
.handover-modal.details .handover-history-row time{font-size:.77rem;white-space:nowrap}
.handover-modal.details .handover-history-feedback{margin:.55rem 0 0;padding:.48rem .62rem;border-left:3px solid rgba(59,130,246,.55);border-radius:0 6px 6px 0;background:rgba(37,99,235,.055);font-size:.84rem;line-height:1.45}
.handover-modal.details .handover-modal-foot{padding:.72rem 1.2rem;background:rgba(15,23,42,.025)}
.handover-modal.details .handover-close-control{min-width:94px;min-height:38px!important;padding:.48rem .72rem!important;font-size:.84rem;font-weight:750!important}
.handover-modal.details .handover-close-control .handover-ico{width:.9rem;height:.9rem;flex-basis:.9rem}
.handover-toast{position:fixed;right:20px;bottom:20px;z-index:1200;width:min(390px,calc(100vw - 40px));background:var(--admin-surface);border:1px solid #6281a9;box-shadow:var(--admin-shadow-lg);border-radius:10px;padding:.8rem;display:none}
.handover-toast.show{display:block}
.handover-toast-head{display:flex;gap:.6rem;align-items:center}
.handover-bellbox{width:34px;height:34px;border-radius:8px;background:rgba(245,158,11,.16);color:#f59e0b;display:grid;place-items:center}
.handover-toast strong{display:block}
.handover-toast small{display:block;color:var(--admin-muted);margin-top:.12rem;font-size:.84rem}
.handover-toast-actions{display:flex;gap:.45rem;margin-top:.65rem}
html[data-theme="dark"] .handover-toolbar,
html[data-theme="dark"] .handover-tabs,
html[data-theme="dark"] .handover-group,
html[data-theme="dark"] .handover-modal,
html[data-theme="dark"] .handover-toast{background:#182436;border-color:#334155;color:#e5edf7}
html[data-theme="dark"] .handover-table th{background:#172334;color:#b9c5d4;border-color:#334155}
html[data-theme="dark"] .handover-table td,
html[data-theme="dark"] .handover-group-head,
html[data-theme="dark"] .handover-modal-head,
html[data-theme="dark"] .handover-modal-foot{border-color:#2c3b50}
html[data-theme="dark"] .handover-table tbody tr:hover td{background:#223148}
html[data-theme="dark"] .handover-action-menu-pop{background:#162234;border-color:#465873}
html[data-theme="dark"] .handover-menu-action{color:#edf3fa}
html[data-theme="dark"] .handover-menu-action:hover{background:#24344a}
html[data-theme="dark"] .handover-menu-action.close-action{border:0;background:transparent;color:#fda4af}
html[data-theme="dark"] .handover-menu-action.close-action:hover{background:rgba(244,63,94,.12);color:#fecdd3}
html[data-theme="dark"] .handover-form-control,
html[data-theme="dark"] .handover-choice{background:#141f2f;border-color:#4a586e;color:#f1f5fa}
html[data-theme="dark"] .handover-instruction-remove{background:#141f2f;border-color:#4a586e;color:#f87171}
html[data-theme="dark"] .handover-instruction-remove:hover,html[data-theme="dark"] .handover-instruction-remove:focus{background:#24344a;border-color:#64748b;color:#fca5a5}
html[data-theme="dark"] .handover-icon-btn{background:#141f2f;border-color:#4a586e;color:#cbd5e1}
html[data-theme="dark"] .handover-icon-btn:hover,html[data-theme="dark"] .handover-icon-btn:focus{background:#24344a;border-color:#5b83ad;color:#fff}
html[data-theme="dark"] .handover-history-button{background:#141f2f;border-color:#4a586e;color:#cbd5e1}
html[data-theme="dark"] .handover-modal-head-actions [data-details-edit]{background:#141f2f;border-color:#4a586e;color:#cbd5e1}
html[data-theme="dark"] .handover-modal-head-actions [data-details-edit]:hover,html[data-theme="dark"] .handover-modal-head-actions [data-details-edit]:focus{background:#24344a;border-color:#5b83ad;color:#fff}
html[data-theme="dark"] .handover-close-edit{color:#fda4af!important}
html[data-theme="dark"] .handover-choice:has(input:checked){background:#203653;border-color:#60a5fa}
html[data-theme="dark"] .handover-detail-box,
html[data-theme="dark"] .handover-schedule-box,
html[data-theme="dark"] .handover-recipient-dropdown{background:#142032;border-color:#33445d}
html[data-theme="light"] .handover-heading .page-icon{background:#e8f1ff;color:#1d4ed8}
html[data-theme="light"] .handover-status.is-error{color:#b91c1c}
html[data-theme="light"] .handover-status.is-success{color:#047857}
html[data-theme="light"] .handover-status.is-busy{color:#1d4ed8}
html[data-theme="light"] .handover-badge.temporary{border-color:#7dd3fc;color:#0369a1;background:#e0f2fe}
html[data-theme="light"] .handover-badge.permanent,
html[data-theme="light"] .handover-badge.interval{border-color:#f6c453;color:#92400e;background:#fffbeb}
html[data-theme="light"] .handover-badge.custom{border-color:#6ee7b7;color:#047857;background:#ecfdf5}
html[data-theme="light"] .handover-badge.weekly{border-color:#c4b5fd;color:#6d28d9;background:#f5f3ff}
html[data-theme="light"] .handover-ref{color:#2563eb}
html[data-theme="light"] .handover-modal-backdrop{background:rgba(15,23,42,.48)}
html[data-theme="light"] .handover-feedback-warning{border-color:#f6c453;background:#fffbeb;color:#92400e}
html[data-theme="light"] .handover-close-edit{color:#be123c!important}
@media(max-width:900px){
  .handover-heading{align-items:flex-start;flex-direction:column}
  .handover-heading .heading-actions{flex-wrap:wrap}
  .handover-toolbar{align-items:stretch;flex-wrap:wrap}
  .handover-toolbar .handover-tabs{flex-basis:100%}
  .handover-toolbar-actions{margin-left:auto}
  .handover-form-grid,.handover-details-grid{grid-template-columns:1fr}
  .handover-field.full,.handover-detail-box.full{grid-column:auto}
  .handover-inline-fields{grid-template-columns:1fr}
  .handover-recipient-options{grid-template-columns:1fr}
  .handover-recipient-option.all{grid-column:auto}
  .handover-schedule-box[data-custom-box] .handover-inline-fields{grid-template-columns:minmax(0,1fr) auto}
  .handover-modal-backdrop{padding:12px}
  .handover-modal{max-height:calc(100vh - 24px)}
  .handover-history-filters{align-items:stretch;flex-wrap:wrap}
  .handover-history-filters label{flex:1 1 130px;min-width:0}
  .handover-history-filters [data-handover-history-count]{width:100%;margin-left:0;padding:0}
  .handover-acknowledgement-item{grid-template-columns:1fr}
  .handover-acknowledge-one{width:100%}
}

/* Embedded Control Room view keeps the handover tools aligned with the shared page. */
.control-room-handover.handover-page {
  max-width: none;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media(max-width:1400px){
  .handover-table th{padding:.58rem .48rem;font-size:.68rem;letter-spacing:.03em}
  .handover-table td{padding:.62rem .48rem;font-size:.82rem}
  .handover-actions{min-width:0}
  .handover-action-menu>summary{padding-inline:.45rem}
}
@media (min-width:901px) and (max-width:1200px){
  .handover-table-wrap{
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-gutter:stable;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
  .handover-table{min-width:1160px}
  .handover-table .col-type{width:10%}
  .handover-table .col-created{width:12%}
  .handover-table .col-operator{width:11%}
  .handover-table .col-company{width:11%}
  .handover-table .col-handover{width:15%}
  .handover-table .col-reminder{width:12%}
  .handover-table .col-next{width:12%}
  .handover-table .col-valid{width:8%}
  .handover-table .col-actions{width:9%}
  .handover-table-wrap::-webkit-scrollbar{height:10px}
  .handover-table-wrap::-webkit-scrollbar-track{background:rgba(148,163,184,.12);border-radius:999px}
  .handover-table-wrap::-webkit-scrollbar-thumb{background:#4b79a8;border:2px solid transparent;border-radius:999px;background-clip:padding-box}
  .handover-table-wrap::-webkit-scrollbar-thumb:hover{background:#60a5fa;background-clip:padding-box}
  .handover-table-wrap{scrollbar-width:thin;scrollbar-color:#4b79a8 rgba(148,163,184,.12)}
  .handover-table-wrap:has(.handover-action-menu[open]){padding-bottom:205px}
  .handover-row:nth-last-child(-n+2) .handover-action-menu-pop{top:calc(100% + 7px);bottom:auto}
}
@media(max-width:900px){
  .handover-group{border:0;background:transparent!important;box-shadow:none}
  .handover-group-head{border:1px solid var(--admin-border);border-radius:10px;background:var(--admin-surface);margin-bottom:.55rem}
  .handover-table-wrap{overflow:visible}
  .handover-table colgroup{display:none}
  .handover-table,.handover-table tbody,.handover-table tr,.handover-table td{display:block;width:100%;min-width:0}
  .handover-table thead{display:none}
  .handover-table tbody{display:grid;gap:.65rem}
  .handover-table tr{border:1px solid var(--admin-border);border-radius:10px;background:var(--admin-surface);overflow:visible}
  .handover-table td{display:grid;grid-template-columns:112px minmax(0,1fr);gap:.7rem;padding:.62rem .75rem;border-bottom:1px solid var(--admin-border);text-align:left}
  .handover-table td:nth-child(2),.handover-table td:nth-child(7),.handover-table td:nth-child(8){white-space:normal}
  .handover-table td::before{content:attr(data-label);color:var(--admin-muted);font-size:.72rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
  .handover-table td:last-child{border-bottom:0}
  .handover-actions{min-width:0;justify-content:flex-start}
  .handover-row:nth-last-child(-n+2) .handover-action-menu-pop{top:calc(100% + 7px);bottom:auto;left:0;right:auto}
  .handover-modal-foot{flex-wrap:wrap}
  .handover-close-edit{width:100%;margin:0 0 .1rem}
  .handover-history-row{align-items:flex-start;flex-wrap:wrap}
  .handover-history-row time{width:100%;margin-left:0}
}