.call-day-toolbar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0 16px;
  padding: 8px;
  border: 1px solid #c9e6dc;
  background: #f7fffb;
  border-radius: 8px;
}
.call-day-toolbar button {
  min-height: 42px;
  border: 1px solid #b7dace;
  border-radius: 7px;
  background: #fff;
  color: #164d40;
  font-weight: 700;
  cursor: pointer;
}
.call-day-toolbar button.is-active {
  color: #fff;
  background: #168d69;
  border-color: #168d69;
  box-shadow: 0 7px 18px rgba(22, 141, 105, .18);
}
.quote-request-card { position: relative; }
.call-sequence-number {
  position: absolute;
  left: 12px;
  top: 10px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 0 9px;
  border-radius: 6px;
  color: #fff;
  background: #173f36;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}
.quote-request-card.has-operation-upgrade { padding-top: 44px; }
.admin-price-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 8px 0;
}
.admin-price-overview span {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 9px;
  border-radius: 6px;
  background: #edf9f4;
  color: #315f54;
  font-size: 12px;
}
.admin-price-overview strong { color: #053f32; }
.assigned-leader-phone,
.customer-request-preview {
  margin-top: 6px;
  padding: 7px 9px;
  border-radius: 6px;
  color: #315f54;
  background: #f7faf9;
  font-size: 12px;
  line-height: 1.45;
}
.assigned-leader-phone a { color: #087c5d; font-weight: 800; }
.admin-upgrade-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
}
.admin-upgrade-actions button {
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid #b7dace;
  border-radius: 7px;
  background: #fff;
  color: #14664f;
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
}
.admin-upgrade-actions .kakao-order-button { border-color: #f2cf42; background: #fff8c8; color: #4a3a00; }
.admin-upgrade-actions .complete-call-button { border-color: #168d69; background: #168d69; color: #fff; }
.connection-warning {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin-top: 7px;
  padding: 0 10px;
  border: 1px solid #e95c4f;
  border-radius: 999px;
  background: #fff0ed;
  color: #a82c22;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
  animation: adminWarningPulse 1.2s ease-in-out infinite;
}
@keyframes adminWarningPulse {
  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(233,92,79,.18); }
  50% { opacity: .48; box-shadow: 0 0 0 7px rgba(233,92,79,0); }
}
.admin-operation-modal[hidden] { display: none; }
.admin-operation-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(10, 34, 28, .56);
}
.admin-operation-dialog {
  width: min(620px, 100%);
  max-height: min(88vh, 820px);
  overflow: auto;
  border: 1px solid #c7e1d7;
  border-radius: 8px;
  background: #fffef9;
  box-shadow: 0 22px 60px rgba(8, 45, 35, .24);
}
.admin-operation-head {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid #deebe6;
  background: #fffef9;
}
.admin-operation-head h2 { margin: 0; color: #073f32; font-size: 20px; }
.admin-operation-close {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  color: #315f54;
  background: #edf7f3;
  font-size: 22px;
  cursor: pointer;
}
.admin-operation-body { padding: 18px; }
.admin-edit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.admin-edit-grid label { display: grid; gap: 5px; color: #315f54; font-size: 12px; font-weight: 750; }
.admin-edit-grid label.is-wide { grid-column: 1 / -1; }
.admin-edit-grid input,
.admin-edit-grid textarea,
.kakao-order-text {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #bdd9cf;
  border-radius: 7px;
  background: #fff;
  color: #143f35;
  font: inherit;
}
.admin-edit-grid input { min-height: 42px; padding: 0 11px; }
.admin-edit-grid textarea { min-height: 96px; padding: 10px 11px; resize: vertical; }
.kakao-order-text { min-height: 390px; padding: 14px; line-height: 1.65; resize: vertical; }
.admin-operation-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 0 18px 18px; }
.admin-operation-footer button {
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid #b7dace;
  border-radius: 7px;
  background: #fff;
  color: #14664f;
  font-weight: 800;
  cursor: pointer;
}
.admin-operation-footer .is-primary { border-color: #168d69; background: #168d69; color: #fff; }
.registration-number-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  margin-right: 6px;
  border-radius: 999px;
  color: #fff;
  background: #365f55;
  font-size: 11px;
  font-weight: 800;
}
@media (max-width: 720px) {
  .call-day-toolbar { grid-template-columns: 1fr; }
  .admin-price-overview { grid-template-columns: 1fr; }
  .admin-edit-grid { grid-template-columns: 1fr; }
  .admin-edit-grid label.is-wide { grid-column: auto; }
}

/* 2026-08 operations console */
.ops-call-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid #c9e2d9;
  border-radius: 8px;
  background: #f7fbf9;
}
.ops-filter-buttons { display: flex; flex-wrap: wrap; gap: 7px; }
.ops-filter-buttons button {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid #bcd9cf;
  border-radius: 6px;
  background: #fff;
  color: #315f54;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.ops-filter-buttons button.is-active {
  border-color: #168d69;
  background: #168d69;
  color: #fff;
}
.ops-call-count { color: #56776e; font-size: 13px; font-weight: 700; white-space: nowrap; }
.ops-enhanced-card { position: relative; padding-top: 48px !important; }
.ops-call-header {
  position: absolute;
  inset: 10px 14px auto;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  min-height: 28px;
}
.ops-call-number {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 9px;
  border-radius: 5px;
  background: #0b5544;
  color: #fff;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .02em;
}
.ops-call-alerts { display: flex; align-items: center; gap: 6px; min-width: 0; }
.ops-leader-contact { color: #46675f; font-size: 12px; font-weight: 700; text-align: right; }
.ops-leader-contact a { color: #087758; text-decoration: underline; text-underline-offset: 2px; }
.ops-call-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin: 10px 0;
}
.ops-call-summary > span {
  min-width: 0;
  padding: 8px 10px;
  border-radius: 6px;
  background: #eef8f4;
  color: #123f35;
  font-size: 12px;
  font-weight: 750;
  overflow-wrap: anywhere;
}
.ops-call-summary small { display: block; margin-bottom: 3px; color: #6a857e; font-size: 10px; font-weight: 700; }
.ops-call-summary .ops-wide { grid-column: 1 / -1; }
.ops-call-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 8px; }
.ops-call-actions button,
.ops-alert {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #b9d8cd;
  border-radius: 6px;
  background: #fff;
  color: #12664f;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.ops-call-actions .ops-complete { border-color: #168d69; background: #168d69; color: #fff; }
.ops-alert { min-height: 26px; padding: 0 9px; border-color: #efb3a5; color: #a33e24; }
.ops-alert.is-ack { border-color: #ccd8d4; background: #f4f7f6; color: #71827d; }
@keyframes opsAttention {
  0%, 100% { background: #fff4e9; box-shadow: 0 0 0 0 rgba(231, 91, 46, .08); }
  50% { background: #ffddd2; box-shadow: 0 0 0 5px rgba(231, 91, 46, .13); }
}
.ops-alert.is-flashing { animation: opsAttention 1.1s ease-in-out infinite; }
.ops-modal[hidden] { display: none; }
.ops-modal {
  position: fixed;
  z-index: 10050;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(7, 37, 30, .48);
}
.ops-modal-panel {
  width: min(920px, 100%);
  max-height: calc(100vh - 36px);
  overflow: auto;
  border: 1px solid #bdd9cf;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(5, 45, 35, .25);
}
.ops-modal-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; border-bottom: 1px solid #dce9e4; }
.ops-modal-heading h2 { margin: 0; color: #073f32; font-size: 20px; }
.ops-modal-heading button { width: 36px; height: 36px; border: 0; border-radius: 50%; background: #edf6f2; color: #245e50; cursor: pointer; }
.ops-modal form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 18px 20px 20px; }
.ops-edit-section { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ops-edit-section[hidden] { display: none; }
.ops-edit-help { grid-column: 1 / -1; margin: 0; padding: 10px 12px; border-radius: 7px; background: #f2f8f5; color: #52736a; font-size: 12px; }
.ops-modal label { display: grid; gap: 6px; color: #315f54; font-size: 12px; font-weight: 750; }
.ops-modal .ops-field-wide { grid-column: 1 / -1; }
.ops-payment-choice { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 0; padding: 12px; border: 1px solid #bdd9cf; border-radius: 7px; }
.ops-payment-choice legend { padding: 0 5px; color: #315f54; font-size: 12px; font-weight: 800; }
.ops-payment-choice label { display: inline-flex; align-items: center; gap: 6px; }
.ops-payment-choice input { width: auto; margin: 0; }
.ops-detail-group { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin: 0; padding: 12px; border: 1px solid #bdd9cf; border-radius: 7px; }
.ops-detail-group legend { padding: 0 5px; color: #315f54; font-size: 12px; font-weight: 850; }
.ops-detail-group .ops-field-wide { grid-column: 1 / -1; }
.ops-detail-group label small { color: #789087; font-size: 10px; font-weight: 650; }
.ops-inline-check { display: inline-flex !important; grid-template-columns: auto 1fr; align-items: center; align-self: end; min-height: 38px; }
.ops-inline-check input { width: auto !important; margin: 0; }
.ops-external-window-editor { grid-template-columns: minmax(180px, .7fr) minmax(260px, 1.3fr); }
.ops-edit-price-warning { margin: 0; padding: 9px 11px; border: 1px solid #efc66e; border-radius: 7px; background: #fff7da; color: #8b5700; font-size: 11px; font-weight: 800; line-height: 1.45; }
.ops-modal input,
.ops-modal textarea,
.ops-modal select { width: 100%; box-sizing: border-box; border: 1px solid #bdd9cf; border-radius: 6px; background: #fff; color: #143f35; font: inherit; padding: 10px 11px; }
.ops-modal textarea { resize: vertical; }
.ops-modal-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 8px; padding-top: 6px; }
.ops-modal-actions button { min-height: 40px; padding: 0 16px; border: 1px solid #b7dace; border-radius: 6px; background: #fff; color: #14664f; font-weight: 800; cursor: pointer; }
.ops-modal-actions .is-primary { border-color: #168d69; background: #168d69; color: #fff; }
body.ops-modal-open { overflow: hidden; }
@media (prefers-reduced-motion: reduce) { .ops-alert.is-flashing { animation: none; background: #ffe2d7; } }
@media (max-width: 760px) {
  .ops-call-toolbar { align-items: stretch; flex-direction: column; }
  .ops-call-count { text-align: right; }
  .ops-enhanced-card { padding-top: 76px !important; }
  .ops-call-header { grid-template-columns: auto 1fr; align-items: start; }
  .ops-leader-contact { grid-column: 1 / -1; text-align: left; }
  .ops-call-summary { grid-template-columns: 1fr 1fr; }
  .ops-modal form { grid-template-columns: 1fr; }
  .ops-edit-section { grid-template-columns: 1fr; }
  .ops-detail-group,
  .ops-external-window-editor { grid-template-columns: 1fr 1fr; }
  .ops-modal .ops-field-wide,
  .ops-edit-help,
  .ops-modal-actions { grid-column: auto; }
}
@media (max-width: 520px) {
  .ops-detail-group,
  .ops-external-window-editor { grid-template-columns: 1fr; }
  .ops-detail-group .ops-field-wide { grid-column: auto; }
}

/* 운영진 첫 화면 통합 작업 카드 */
.admin-workbench-card {
  display: grid !important;
  grid-template-columns: minmax(400px, 1.62fr) minmax(190px, .7fr) minmax(350px, 1.18fr) !important;
  align-items: stretch;
  gap: 8px;
  padding: 9px !important;
  border: 1px solid #cee4dc;
  border-radius: 18px;
  background: #fff;
}
.admin-workbench-card section { min-width: 0; }
.workbench-customer,
.workbench-money,
.workbench-progress,
.workbench-actions { padding: 10px; border-radius: 13px; background: #f7fbf9; }
.workbench-kicker { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: #6c837d; font-size: 11.5px; font-weight: 750; }
.workbench-kicker > span:first-child { color: #12755a; }
.workbench-name-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 9px; margin: 7px 0 8px; }
.workbench-name-row h3 { margin: 0; color: #093e32; font-size: 19px; line-height: 1.3; }
.workbench-customer-title { display: grid; gap: 4px; min-width: 0; }
.workbench-service-kind { width: max-content; max-width: 100%; padding: 4px 8px; border-radius: 999px; background: #e5f7ef; color: #087458; font-size: 12px; line-height: 1.2; overflow-wrap: anywhere; }
.workbench-payment-request.is-requested { padding: 6px 8px; border: 1px solid #efbf63; border-radius: 10px; background: #fff4cf; }
.workbench-payment-request.is-requested dt { color: #9a6314; font-weight: 900; }
.workbench-payment-request.is-requested dd { color: #b15321; font-weight: 950; }
.workbench-urgent { display: inline-block; margin-left: 4px; padding: 3px 6px; border-radius: 999px; background: #fff0e9; color: #cf5534; font-size: 10px; font-style: normal; vertical-align: 2px; }
.workbench-mini-actions { display: grid; flex: 0 0 auto; gap: 4px; }
.workbench-mini-actions button,
.workbench-money button { min-height: 25px; padding: 0 8px; border: 1px solid #eeb650; border-radius: 5px; background: #fffaf0; color: #9b5c00; font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; }
.workbench-mini-actions button[data-ops-action="order-room-share"] { border-color: #e9a14e; background: #fff7e8; color: #a75b08; }
.workbench-mini-actions button:disabled { cursor: default; opacity: .56; }
.workbench-customer-details { display: grid; gap: 4px; margin: 0; }
.workbench-customer-details div { display: grid; grid-template-columns: 72px 1fr; gap: 7px; color: #365e54; font-size: 13px; line-height: 1.35; }
.workbench-customer-details dt { color: #779088; font-weight: 750; }
.workbench-customer-details dd { margin: 0; overflow-wrap: anywhere; }
.workbench-request { margin-top: 6px; border-top: 1px dashed #cfe1db; padding-top: 5px; color: #285c4e; font-size: 12px; }
.workbench-request summary { cursor: pointer; color: #166b54; font-weight: 800; }
.workbench-request p { margin: 5px 0 0; line-height: 1.45; white-space: pre-wrap; }
.workbench-money { display: grid; align-content: center; gap: 7px; }
.workbench-money > div { display: grid; grid-template-columns: 64px 1fr; align-items: center; gap: 6px; min-height: 42px; padding: 6px 8px; border: 1px solid #d8ebe4; border-radius: 10px; background: #edf8f4; }
.workbench-money > .workbench-money-edit { grid-template-columns: 1fr auto; min-height: 30px; border-color: #ead9b5; background: #fff9ec; }
.workbench-money-edit span { color: #7c6232; font-weight: 850; }
.workbench-money span { color: #547a70; font-size: 11px; font-weight: 750; }
.workbench-money strong { color: #123f34; font-size: 13px; text-align: right; }
.workbench-money button { border-color: #d6c5df; background: #f8f2fb; color: #725681; }
.workbench-progress { display: grid; align-content: center; gap: 7px; }
.workbench-progress-title { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.workbench-progress-title strong { color: #124e3e; font-size: 12px; }
.workbench-connected { padding: 5px 8px; border-radius: 999px; background: #e9f2ef; color: #5c7770; font-size: 10px; font-weight: 850; }
.workbench-connected.is-on { background: #dff6ec; color: #087458; }
.workbench-progress p { margin: 0; color: #5b746e; font-size: 11px; line-height: 1.4; }
.workbench-progress .workbench-next { color: #8c5700; }
.workbench-next b { display: block; margin-bottom: 2px; color: #126c54; }
.workbench-signals { display: flex; flex-wrap: wrap; gap: 5px; min-height: 25px; }
.workbench-signals button,
.workbench-signals span { min-height: 25px; padding: 5px 8px; border: 1px solid #efb3a5; border-radius: 999px; background: #fff4e9; color: #a33e24; font: inherit; font-size: 10px; font-weight: 800; }
.workbench-signals .is-done { border-color: #b8ddd0; background: #eefaf5; color: #087458; }
.workbench-actions { display: grid; grid-template-columns: repeat(3, minmax(92px, 1fr)); align-content: center; gap: 7px; }
.workbench-progress-inline { grid-column: 1 / -1; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-content: center; align-items: center; gap: 5px 8px; margin-bottom: 1px; padding: 0 0 7px; border-bottom: 1px dashed #cee2db; border-radius: 0; background: transparent; }
.workbench-progress-inline > p:not(.workbench-next) { grid-column: 2 / -1; }
.workbench-progress-inline .workbench-next { grid-column: 1 / 3; }
.workbench-progress-inline .workbench-next b { display: inline; margin: 0 5px 0 0; }
.workbench-progress-inline .workbench-signals { grid-column: 3; justify-content: flex-end; min-height: 0; }
.workbench-actions button { min-height: 38px; padding: 6px 8px; border: 1px solid #b8ddd1; border-radius: 10px; background: #fff; color: #087257; font: inherit; font-size: 11px; font-weight: 850; line-height: 1.2; cursor: pointer; }
.workbench-actions button:first-child,
.workbench-actions button[data-quote-action="complete"],
.workbench-actions button[data-quote-action="settlement-confirm"] { border-color: #168d69; background: #168d69; color: #fff; }
.workbench-actions button.danger { border-color: #f1d3c8; background: #fff7f3; color: #bd5a3d; }
.workbench-actions button:disabled { cursor: default; opacity: .46; }
.workbench-actions button.dispatch-connection-success:disabled { border-color: #0b8a66; background: #e4f8f0; color: #087056; opacity: 1; }
.workbench-actions button.dispatch-connection-waiting:disabled { border-color: #d7b35b; background: #fff8de; color: #8a5c0a; opacity: 1; }
.workbench-actions button.dispatch-failure-alert { border-color: #d94b38; background: #fff0ec; color: #ae2f20; opacity: 1; animation: dispatchFailureBlink .85s ease-in-out infinite; }
.workbench-actions button.dispatch-failure-alert:hover { background: #ffe1da; }
@keyframes dispatchFailureBlink { 50% { box-shadow: 0 0 0 4px rgba(217, 75, 56, .22); background: #ffd7cf; transform: scale(1.02); } }
@media (prefers-reduced-motion: reduce) { .workbench-actions button.dispatch-failure-alert { animation: none; } }
.quote-live-progress { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 2px 10px; min-height: 48px; padding: 8px 11px; border: 1px solid; border-radius: 11px; animation: quoteProgressPulse 1.5s ease-in-out infinite; }
.quote-live-progress strong { font-size: 13px; line-height: 1.25; }
.quote-live-progress span { font-size: 11px; font-weight: 900; white-space: nowrap; }
.quote-live-progress small { grid-column: 1 / -1; font-size: 10px; font-weight: 750; opacity: .8; }
.quote-live-progress.is-unassigned { border-color: #ee9d45; background: #fff2d4; color: #9a5510; }
.quote-live-progress.is-assigned { border-color: #73add7; background: #eaf6ff; color: #175f91; }
.quote-live-progress.is-deposit { border-color: #be8bd4; background: #f8edff; color: #773994; }
.quote-live-progress.is-confirmed { border-color: #77c4a7; background: #e8faF2; color: #087458; animation: none; }
.workbench-actions .deposit-confirm-action { border-color: #168d69; background: #168d69; color: #fff; }
@keyframes quoteProgressPulse { 0%,100% { box-shadow: none; filter: saturate(1); } 50% { box-shadow: 0 0 0 4px rgba(255,183,65,.14); filter: saturate(1.16); } }
.workbench-actions.is-consultation { grid-template-columns: 1fr 1fr; }
.workbench-actions.is-consultation .consultation-complete { grid-column: 1 / -1; border-color: #126b55; background: #0b765b; color: #fff; }
.consultation-sms-panel { width: min(560px, 100%); }
.consultation-sms-form { display: grid; gap: 9px; padding: 10px 22px 22px; }
.consultation-sms-form label { color: #154d3f; font-weight: 850; }
.consultation-sms-form textarea { width: 100%; box-sizing: border-box; padding: 13px; border: 1px solid #bddbd1; border-radius: 13px; background: #fff; color: #173f35; font: inherit; line-height: 1.6; resize: vertical; }
.consultation-sms-form small { color: #71847e; font-size: 11px; }
.admin-recipient-open { display: inline-flex; align-items: center; gap: 7px; }
.admin-recipient-panel { width: min(1040px, calc(100vw - 32px)); max-height: min(88vh, 900px); overflow: auto; }
.admin-recipient-form { display: grid; grid-template-columns: 110px minmax(150px,1fr) minmax(190px,1.15fr) minmax(270px,1.45fr); gap: 12px; align-items: end; padding: 10px 22px 18px; }
.admin-recipient-form > label { display: grid; gap: 6px; color: #174c3f; font-size: 12px; font-weight: 850; }
.admin-recipient-form > label,.admin-recipient-form fieldset { min-width: 0; }
.admin-recipient-form select,.admin-recipient-form input[type="text"],.admin-recipient-form input[type="tel"],.admin-recipient-form input[type="email"],.admin-recipient-form input:not([type]) { width: 100%; min-width: 0; min-height: 44px; box-sizing: border-box; border: 1px solid #bddbd1; border-radius: 12px; background: #fff; padding: 9px 11px; font: inherit; }
.admin-recipient-form fieldset { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px 14px; min-height: 44px; box-sizing: border-box; margin: 0; border: 1px solid #bddbd1; border-radius: 12px; padding: 6px 11px; }
.admin-recipient-form legend { padding: 0 5px; color: #174c3f; font-size: 11px; font-weight: 850; }
.admin-recipient-form fieldset label { display: inline-flex; gap: 5px; align-items: center; color: #24594c; font-size: 12px; font-weight: 800; }
.admin-recipient-form > button { grid-column: 1 / -1; justify-self: end; min-width: 150px; min-height: 44px; white-space: nowrap; }
.admin-recipient-safety { margin: 0 22px 12px; border-radius: 12px; background: #fff6da; color: #845c18; font-size: 12px; font-weight: 750; padding: 10px 12px; }
.admin-recipient-list { display: grid; gap: 9px; padding: 0 22px 24px; }
.admin-recipient-row { display: grid; grid-template-columns: minmax(170px,.8fr) minmax(300px,1.5fr) auto; gap: 12px; align-items: center; border: 1px solid #d3e7df; border-radius: 15px; background: #f9fffc; padding: 12px; }
.admin-recipient-person { display: grid; gap: 3px; }
.admin-recipient-person strong { color: #0a5946; }
.admin-recipient-person span { color: #657b74; font-size: 12px; }
.admin-recipient-person label { display: grid; gap: 3px; color: #657b74; font-size: 10px; font-weight: 800; }
.admin-recipient-person input[type="email"] { width: 100%; min-width: 150px; min-height: 34px; box-sizing: border-box; border: 1px solid #c5ded5; border-radius: 9px; background: #fff; color: #214f43; padding: 6px 8px; font: inherit; font-size: 11px; }
.admin-recipient-person em { width: fit-content; border-radius: 999px; background: #e8f7f1; color: #167258; font-size: 10px; font-style: normal; font-weight: 850; padding: 3px 7px; }
.admin-recipient-options { display: flex; flex-wrap: wrap; gap: 9px 16px; }
.admin-recipient-options label { display: inline-flex; align-items: center; gap: 6px; color: #234f44; font-size: 12px; font-weight: 850; }
.admin-recipient-actions { display: flex; gap: 7px; }
.admin-recipient-actions button { min-height: 38px; border: 1px solid #9fd2c1; border-radius: 10px; background: #e9f9f2; color: #087058; font-weight: 850; padding: 7px 10px; }
.admin-recipient-actions button.danger { border-color: #efc4b6; background: #fff3ef; color: #ad4829; }
.admin-recipient-empty { display: grid; gap: 4px; border: 1px dashed #c8ddd5; border-radius: 14px; color: #61756f; padding: 18px; text-align: center; }
@media (max-width: 1050px) { .admin-recipient-form { grid-template-columns: repeat(2,minmax(0,1fr)); } .admin-recipient-form fieldset { grid-column: 1 / -1; } .admin-recipient-row { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .admin-recipient-panel { width: calc(100vw - 16px); } .admin-recipient-form { grid-template-columns: 1fr; padding-inline: 14px; } .admin-recipient-form fieldset,.admin-recipient-form > button { grid-column: auto; } .admin-recipient-form > button { width: 100%; } .admin-recipient-safety,.admin-recipient-list { margin-inline: 14px; padding-inline: 0; } .admin-recipient-options,.admin-recipient-actions { display: grid; grid-template-columns: 1fr; } }

.quote-alert-panel.has-pending { animation: none; }
.admin-inquiry-lane { margin-top: 18px; padding: 16px; border: 1px solid #cde6dc; border-radius: 20px; background: rgba(255,255,255,.72); scroll-margin-top: 22px; }
.admin-inquiry-lane:focus { outline: 3px solid rgba(15,145,106,.2); outline-offset: 3px; }
.admin-inquiry-lane.consultation-lane { border-color: #eadcb9; background: rgba(255,251,239,.82); }
.admin-inquiry-lane-title { position: relative; display: grid; grid-template-columns: minmax(130px, 1fr) minmax(320px, 2.2fr) minmax(110px, 1fr); gap: 12px; align-items: center; }
.admin-inquiry-lane-title small { display: block; color: #688078; font-size: 11px; font-weight: 800; }
.admin-inquiry-lane-title h3 { margin: 2px 0 0; color: #0b5746; font-size: 20px; }
.admin-inquiry-lane-title > strong { justify-self: end; padding: 7px 11px; border-radius: 999px; background: #e6f6ef; color: #087056; font-size: 12px; }
.consultation-lane .admin-inquiry-lane-title > strong { background: #fff1cf; color: #926017; }

.admin-alert-center { position: relative; width: min(100%, 590px); justify-self: center; z-index: 12; }
.admin-alert-center__bar { display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; border: 1px solid #c6ddd5; border-radius: 15px; background: #f8fcfa; box-shadow: 0 7px 18px rgba(18, 83, 64, .08); overflow: hidden; }
.admin-alert-center__toggle { width: 100%; min-width: 0; min-height: 50px; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto 22px; align-items: center; gap: 9px; padding: 7px 10px; border: 0; color: #164e40; background: transparent; text-align: left; cursor: pointer; }
.admin-alert-center__siren { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 11px; background: #e8f4ef; font-size: 20px; line-height: 1; }
.admin-alert-center__summary { min-width: 0; }
.admin-alert-center__summary strong, .admin-alert-center__summary small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-alert-center__summary strong { font-size: 13px; }
.admin-alert-center__summary small { margin-top: 2px; color: #6b817a; font-size: 10px; }
.admin-alert-center__count { min-width: 25px; padding: 4px 7px; border-radius: 999px; color: #667b75; background: #e9f2ee; font-size: 11px; font-weight: 900; text-align: center; }
.admin-alert-center__chevron { color: #658078; font-size: 20px; transform-origin: 50% 55%; transition: transform .18s ease; }
.admin-alert-center.is-open .admin-alert-center__chevron { transform: rotate(180deg); }
.admin-alert-center.has-unread .admin-alert-center__bar { border-color: #ed9d36; background: #fff8e7; box-shadow: 0 0 0 2px rgba(239, 161, 55, .1), 0 9px 22px rgba(125, 82, 15, .12); animation: adminAlertPulse 1.15s ease-in-out infinite; }
.admin-alert-center.has-unread .admin-alert-center__siren { background: #ffebbf; animation: adminSirenShake .7s ease-in-out infinite; }
.admin-alert-center.has-unread .admin-alert-center__count { color: #fff; background: #d76521; }
.admin-alert-center__panel { position: absolute; top: calc(100% + 7px); left: 50%; width: min(590px, calc(100vw - 42px)); max-height: min(440px, 66vh); overflow: hidden; transform: translateX(-50%); border: 1px solid #c9ddd6; border-radius: 16px; background: #fffdf8; box-shadow: 0 22px 55px rgba(20, 61, 49, .24); }
.admin-alert-center__panel[hidden] { display: none; }
.admin-alert-center__panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border-bottom: 1px solid #e2ece8; background: #f4faf7; }
.admin-alert-center__panel-head strong { color: #155845; font-size: 14px; }
.admin-alert-center__panel-head small { color: #748780; font-size: 10px; text-align: right; }
.admin-alert-center__panel-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; min-width: 0; }
.admin-alert-center__panel-actions button { flex: 0 0 auto; padding: 6px 9px; border: 1px solid #d18b45; border-radius: 9px; color: #9a4f18; background: #fff8e8; font: inherit; font-size: 11px; font-weight: 900; cursor: pointer; }
.admin-alert-center__panel-actions button:hover { background: #ffedc4; }
.admin-alert-center__panel-actions button:disabled { opacity: .55; cursor: wait; }
.admin-alert-center__list { max-height: min(380px, 57vh); overflow: auto; padding: 6px; }
.admin-alert-center__item { width: 100%; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 9px; padding: 10px; border: 0; border-bottom: 1px solid #e8efec; color: #214d42; background: transparent; text-align: left; cursor: pointer; }
.admin-alert-center__item:last-child { border-bottom: 0; }
.admin-alert-center__item:hover { border-radius: 11px; background: #eff8f4; }
.admin-alert-center__item:disabled { opacity: .62; cursor: wait; }
.admin-alert-center__item-icon { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 10px; color: #7b8c87; background: #edf3f0; font-weight: 900; }
.admin-alert-center__item.is-unread .admin-alert-center__item-icon { background: #ffebbf; }
.admin-alert-center__item span:nth-child(2) { min-width: 0; }
.admin-alert-center__item strong, .admin-alert-center__item small, .admin-alert-center__item em { display: block; }
.admin-alert-center__item strong { font-size: 13px; }
.admin-alert-center__item small { margin-top: 2px; color: #8e691f; font-size: 10px; }
.admin-alert-center__item em { margin-top: 4px; overflow: hidden; color: #647972; font-size: 11px; font-style: normal; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.admin-alert-center__item.is-read { opacity: .72; }
.admin-alert-center__empty { margin: 0; padding: 24px 14px; color: #7a8e87; font-size: 12px; text-align: center; }
@keyframes adminAlertPulse { 50% { box-shadow: 0 0 0 4px rgba(239, 161, 55, .18), 0 11px 26px rgba(125, 82, 15, .15); } }
@keyframes adminSirenShake { 0%, 100% { transform: rotate(-4deg); } 50% { transform: rotate(4deg) scale(1.06); } }
@media (prefers-reduced-motion: reduce) { .admin-alert-center.has-unread .admin-alert-center__bar, .admin-alert-center.has-unread .admin-alert-center__siren { animation: none; } }

@media (max-width: 760px) {
  .admin-inquiry-lane-title { grid-template-columns: 1fr auto; }
  .admin-alert-center { grid-column: 1 / -1; grid-row: 2; width: 100%; }
  .admin-inquiry-lane-title > strong { grid-column: 2; grid-row: 1; }
  .admin-alert-center__panel { width: 100%; }
  .admin-alert-center__panel-head { align-items: flex-start; }
  .admin-alert-center__panel-actions { flex-wrap: wrap; gap: 5px 8px; }
  .admin-alert-center__panel-actions small { width: 100%; }
  .admin-alert-center__bar { grid-template-columns: 1fr; }
}

.admin-topbar-tools { display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-width: 0; }
.admin-inquiry-dock { position: static; z-index: auto; display: flex; align-items: center; justify-content: flex-end; gap: 7px; width: auto; pointer-events: auto; }
.admin-inquiry-dock button { width: auto; border: 1px solid #d8c798; border-radius: 999px; background: rgba(255,253,245,.9); box-shadow: none; color: #124f42; cursor: pointer; font: inherit; white-space: nowrap; }
.admin-inquiry-shortcut { display: flex; align-items: center; gap: 5px; min-height: 34px; padding: 5px 10px; text-align: left; }
.admin-inquiry-shortcut strong { color: #b57417; font-size: 14px; white-space: nowrap; }
.admin-inquiry-shortcut span { padding: 0; border: 0; background: transparent; color: #124f42; font-size: 11px; font-weight: 850; line-height: 1.2; }
.admin-inquiry-shortcut.has-pending { border-color: #ed9c45; background: linear-gradient(135deg,#fff6d9,#effff7); animation: adminInquiryPulse 1.5s ease-in-out infinite; }
@keyframes adminInquiryPulse { 0%,100% { box-shadow: none; } 50% { box-shadow: 0 0 0 3px rgba(255,183,65,.18); } }

@media (max-width: 900px) {
  .admin-topbar { flex-wrap: wrap; }
  .admin-topbar-tools { width: 100%; justify-content: space-between; }
  .admin-inquiry-dock { min-width: 0; overflow-x: auto; justify-content: flex-start; }
  .admin-inquiry-shortcut { min-height: 31px; padding: 4px 8px; }
  .admin-inquiry-shortcut strong { font-size: 13px; }
  .admin-inquiry-shortcut span { font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) { .quote-live-progress { animation: none; } }

/* 운영진 접수 콜은 한 화면에서 여러 건을 볼 수 있도록 세로 간격을 최소화합니다. */
#callList { gap: 7px; }
.call-management-section .section-title { margin-bottom: 8px; }
.call-date-filter-bar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; margin: 0 -22px 12px; border-top: 1px solid rgba(20,119,89,.08); border-bottom: 1px solid rgba(20,119,89,.18); background: rgba(255,255,255,.54); }
.call-date-filter-bar button { position: relative; display: inline-flex; min-width: 0; min-height: 48px; align-items: center; justify-content: center; gap: 7px; border: 0; border-radius: 0; background: transparent; color: #7c6978; font-size: 14px; font-weight: 850; cursor: pointer; }
.call-date-filter-bar button:not(:last-child)::after { content: ""; position: absolute; top: 11px; right: 0; width: 3px; height: 26px; border-radius: 99px; background: #8b8b8b; }
.call-date-filter-bar button.active { color: #154ee4; background: linear-gradient(180deg,rgba(255,249,222,.72),rgba(255,255,255,.16)); }
.call-date-filter-bar button:nth-child(2).active { color: #aa2bb0; }
.call-date-filter-bar button:nth-child(3).active { color: #8c278f; }
.call-date-filter-bar button span { font-size: 15px; }
.call-date-filter-bar button small { color: currentColor; font-size: 10px; opacity: .72; }
.call-date-empty { display: grid; min-height: 118px; place-items: center; border: 1px dashed #b9d9ce; border-radius: 15px; background: rgba(249,255,252,.78); color: #667d75; font-size: 14px; font-weight: 800; text-align: center; }
#callList .admin-workbench-card { grid-template-columns: minmax(440px, 1.55fr) minmax(210px, .62fr) minmax(350px, 1fr) !important; gap: 7px; padding: 7px !important; border-radius: 13px; }
#callList .workbench-customer,
#callList .workbench-money,
#callList .workbench-progress,
#callList .workbench-actions { padding: 6px 8px; border-radius: 9px; }
#callList .workbench-customer { padding-left: 12px; padding-right: 12px; }
#callList .workbench-kicker { gap: 4px; font-size: 10px; }
#callList .status-pill { padding: 4px 7px; font-size: 10px; }
#callList .workbench-name-row { align-items: center; gap: 6px; margin: 3px 0 4px; }
#callList .workbench-name-row h3 { font-size: 17px; line-height: 1.2; }
#callList .workbench-mini-actions { grid-template-columns: 1fr 1fr; gap: 3px; }
#callList .workbench-mini-actions button,
#callList .workbench-money button { min-height: 22px; padding: 0 6px; font-size: 9px; }
#callList .workbench-customer-details { gap: 1px; }
#callList .workbench-customer-details div { grid-template-columns: 68px 1fr; gap: 6px; font-size: 11.5px; line-height: 1.3; }
#callList .workbench-request { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 4px; align-items: center; margin-top: 3px; padding-top: 3px; font-size: 11px; }
#callList .workbench-request summary { white-space: nowrap; }
#callList .workbench-request p { min-width: 0; margin: 0; line-height: 1.25; white-space: normal; }
#callList .workbench-money { gap: 4px; }
#callList .workbench-money > div { grid-template-columns: 57px 1fr; gap: 4px; min-height: 32px; padding: 3px 5px; border-radius: 7px; }
#callList .workbench-money > .workbench-money-edit { grid-template-columns: 1fr auto; }
#callList .workbench-money span { font-size: 10px; }
#callList .workbench-money strong { font-size: 11px; }
#callList .workbench-progress { gap: 4px; }
#callList .workbench-connected { padding: 4px 6px; }
#callList .workbench-next b { display: inline; margin: 0 5px 0 0; }
#callList .workbench-actions { gap: 4px; }
#callList .workbench-actions button { min-height: 31px; padding: 4px 5px; border-radius: 7px; font-size: 10px; }
#callList .call-workbench-actions { display: grid; grid-template-columns: 1fr; align-content: stretch; gap: 5px; }
#callList .call-action-status { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 25px; color: #124e3e; font-size: 11px; }
#callList .call-action-buttons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
#callList .call-action-next { display: flex; align-items: center; justify-content: center; gap: 5px; margin: 0; color: #8c5700; font-size: 10px; }
#callList .call-action-next b { display: inline; margin: 0; color: #126c54; }

/* 실제 견적·상담 콜 카드도 위아래를 압축해 한 화면에 여러 건이 보이게 합니다. */
:is(#quoteRequestList, #consultationRequestList).quote-request-list { gap: 6px; margin-top: 8px; }
:is(#quoteRequestList, #consultationRequestList) .admin-workbench-card { gap: 6px; padding: 6px !important; border-radius: 14px; }
:is(#quoteRequestList, #consultationRequestList) :is(.workbench-customer, .workbench-money, .workbench-actions) { padding: 7px 9px; border-radius: 10px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-kicker { gap: 4px; font-size: 10.5px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-kicker .quote-stage { padding: 3px 8px; font-size: 10.5px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-name-row { align-items: center; gap: 7px; margin: 4px 0 5px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-name-row h3 { font-size: 17px; line-height: 1.2; }
:is(#quoteRequestList, #consultationRequestList) .workbench-customer-title { gap: 2px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-service-kind { padding: 3px 7px; font-size: 10.5px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-mini-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; width: 168px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-mini-actions button { min-height: 23px; padding: 2px 5px; font-size: 9px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-customer-details { gap: 1px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-customer-details div { grid-template-columns: 68px 1fr; gap: 5px; font-size: 11.5px; line-height: 1.25; }
:is(#quoteRequestList, #consultationRequestList) .workbench-payment-request.is-requested { padding: 3px 6px; border-radius: 7px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-request { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 4px; align-items: center; margin-top: 3px; padding-top: 3px; font-size: 10.5px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-request summary { white-space: nowrap; }
:is(#quoteRequestList, #consultationRequestList) .workbench-request p { min-width: 0; margin: 0; line-height: 1.2; white-space: normal; }
:is(#quoteRequestList, #consultationRequestList) .workbench-money { gap: 3px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-money > div { grid-template-columns: 58px 1fr; gap: 4px; min-height: 31px; padding: 3px 6px; border-radius: 7px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-money > .workbench-money-edit { grid-template-columns: 1fr auto; min-height: 27px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-money span { font-size: 10px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-money strong { font-size: 11.5px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-money button { min-height: 21px; padding: 0 5px; font-size: 9px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-actions { gap: 4px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-progress-inline { gap: 2px 6px; padding-bottom: 4px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-progress-title { gap: 4px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-connected { padding: 3px 6px; font-size: 9px; }
:is(#quoteRequestList, #consultationRequestList) .workbench-progress p { font-size: 10px; line-height: 1.25; }
:is(#quoteRequestList, #consultationRequestList) .workbench-actions button { min-height: 31px; padding: 4px 5px; border-radius: 7px; font-size: 10px; }

@media (max-width: 1180px) {
  .admin-workbench-card { grid-template-columns: minmax(280px, 1.2fr) minmax(210px, .8fr) !important; }
  #callList .admin-workbench-card { grid-template-columns: minmax(320px, 1.25fr) minmax(200px, .75fr) !important; }
  #callList .call-workbench-actions { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .call-date-filter-bar { margin-inline: -14px; }
  .call-date-filter-bar button { min-height: 54px; padding: 6px 4px; gap: 3px; font-size: 11px; line-height: 1.2; flex-wrap: wrap; }
  .call-date-filter-bar button small { flex-basis: 100%; }
  .admin-workbench-card { grid-template-columns: 1fr !important; padding: 10px !important; }
  #callList .admin-workbench-card { grid-template-columns: 1fr !important; }
  .workbench-name-row { flex-direction: column; }
  .workbench-mini-actions { width: 100%; grid-template-columns: 1fr 1fr; }
  .workbench-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #callList .workbench-request { grid-template-columns: 1fr; }
  #callList .call-workbench-actions { grid-column: auto; }
}