﻿/* Handoff presentation only: existing reservation, assignment and save workflows are retained. */
#handoffs{font-family:EverycallPretendard,"Malgun Gothic",sans-serif;color:#172b4d;}
#handoffs :is(button,input,select,textarea,table){font-family:inherit;}
#workspace #handoffs>.controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0;}
#workspace #handoffs :is(input:not([type=checkbox]),select){height:40px;min-height:40px;box-sizing:border-box;border:1px solid #8590a2;border-radius:6px;background:white;color:#172b4d;font-size:14px;padding:8px 10px;}
#workspace #handoffs button{border-radius:6px;min-height:36px;font-size:13px;padding:8px 12px;}
#workspace #handoffs button.primary{background:#0c66e4;border-color:#0c66e4;color:white;}
#handoffs .handoff-reservation-tools{padding:12px 16px;background:#f7f8f9;border:1px solid #dfe1e6;border-radius:8px;}
#handoffs .handoff-statistics{margin:16px 0;color:#44546f;}
#workspace #handoff-summary th{background:#f7f8f9;color:#44546f;font-size:13px;font-weight:600;border-color:#dfe1e6;}
#workspace #handoff-summary td{font-size:14px;font-variant-numeric:tabular-nums;}
#workspace #handoff-results .table-wrap{max-height:65vh;overflow:auto;border:1px solid #dfe1e6;border-radius:8px;}
#workspace #handoff-results table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;}
#workspace #handoff-results thead th:nth-child(n){position:sticky;top:0;background:#f7f8f9!important;color:#44546f!important;border:0;border-bottom:1px solid #dfe1e6;font-size:13px;font-weight:600;padding:12px 8px;}
#workspace #handoff-results tbody td{background:white;border:0;border-bottom:1px solid #dfe1e6;color:#172b4d;font-size:14px;line-height:1.5;padding:12px 8px;}
#workspace #handoff-results tbody tr:hover td{background:#f7f8f9;}
#workspace #handoff-results .handoff-customer-name{color:#0c66e4;}
#workspace #handoff-results td:last-child button{color:#0c66e4;border-color:#b3d4ff;}
#handoffs .handoff-dialog{border:1px solid #dfe1e6;border-radius:12px;box-shadow:0 16px 48px #091e4233;color:#172b4d;background:white;}
#handoffs .handoff-dialog::backdrop{background:#091e4266;}
#handoffs .handoff-dialog-toolbar{background:#fff;border-bottom:1px solid #dfe1e6;}
#handoffs .handoff-dialog-toolbar h2{color:#172b4d;font-size:20px;}
#handoffs .handoff-dialog :is(textarea,input,select){border-color:#8590a2;border-radius:6px;font-size:14px;}
#handoffs .handoff-dialog-footer>button{background:#0c66e4;border-color:#0c66e4;color:white;}
#handoffs .handoff-dialog :is(th,summary){color:#44546f;background:#f7f8f9;}
#handoffs :is(button,input,select,textarea,summary):focus-visible{outline:2px solid #0c66e4;outline-offset:2px;}
#handoffs [hidden]{display:none!important;}
#workspace #handoffs #handoff-agent-filter{width:180px;max-width:180px;}
#workspace #handoffs #handoff-summary table thead th{background:#f7f8f9!important;color:#44546f!important;border-color:#dfe1e6!important;}
#handoffs .handoff-columns{border:1px solid #dfe1e6;border-radius:8px;background:#f7f8f9;margin:12px 0;padding:12px 16px;}
#handoffs .handoff-columns>summary{cursor:pointer;color:#172b4d;font-size:14px;font-weight:600;}
#handoffs .handoff-columns .controls{margin:12px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
#handoffs .handoff-column-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;}
#handoffs .handoff-column-options label{display:flex;align-items:center;gap:8px;margin:0;color:#44546f;font-size:14px;cursor:pointer;}
#handoffs .handoff-column-options input{accent-color:#0c66e4;width:16px;height:16px;}
/* Expanded handoff statistics use the same table language as the main list. */
#workspace #handoffs .handoff-statistics{border:1px solid #dfe1e6;border-radius:8px;background:#fff;overflow:hidden;}
#workspace #handoffs .handoff-statistics>summary{padding:12px 16px;background:#f7f8f9;color:#172b4d;font-size:14px;font-weight:600;cursor:pointer;}
#workspace #handoffs .handoff-statistics>.card{border:0;box-shadow:none;border-radius:0;margin:0;padding:20px;}
#workspace #handoffs .handoff-statistics h2{font-size:18px;color:#172b4d;margin:0 0 8px;}
#workspace #handoffs .handoff-statistics h3{font-size:15px;color:#172b4d;margin:24px 0 12px;}
#workspace #handoffs .handoff-statistics p{font-size:13px;line-height:1.6;color:#626f86;margin:0 0 16px;}
#workspace #handoffs .handoff-statistics .table-wrap{max-height:420px;overflow:auto;border:1px solid #dfe1e6;border-radius:8px;}
#workspace #handoffs .handoff-statistics table{width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;}
#workspace #handoffs .handoff-statistics table thead th{position:sticky;top:0;z-index:2;background:#f7f8f9!important;color:#44546f!important;font-size:13px!important;font-weight:600!important;padding:12px!important;border:0!important;border-bottom:1px solid #dfe1e6!important;white-space:nowrap;}
#workspace #handoffs .handoff-statistics table tbody td{background:white!important;color:#172b4d;font-size:14px!important;line-height:1.5;padding:12px!important;border:0!important;border-bottom:1px solid #ebecf0!important;}
#workspace #handoffs .handoff-statistics table tbody tr:last-child td{border-bottom:0!important;}
#workspace #handoffs .handoff-statistics table tbody tr:hover td{background:#f7f8f9!important;}
#workspace #handoffs .handoff-statistics table :is(th,td):first-child{text-align:left;min-width:120px;}
#workspace #handoffs .handoff-statistics table :is(th,td):nth-child(2){font-weight:600;}
