/* Platinum Precision: supporting pages and dialogs. Inbox and shell live in platinum.css. */
main:not(:has(.inbox-heading)) { color: #172026; }
main:not(:has(.inbox-heading)) .page-heading { margin-bottom: 28px; }
main:not(:has(.inbox-heading)) .page-heading h1 { font-size: clamp(26px, 2.5vw, 34px); font-weight: 650; letter-spacing: -1px; }
main:not(:has(.inbox-heading)) .page-heading p { color: #626d78; font-size: 13px; line-height: 1.75; max-width: 680px; }
main:not(:has(.inbox-heading)) .eyebrow { color: #d64b1a; font-size: 11px; letter-spacing: 1.5px; }
main:not(:has(.inbox-heading)) .panel { border: 1px solid #dce0e5; border-radius: 12px; background: #fff; box-shadow: 0 3px 12px #17202604; }
main:not(:has(.inbox-heading)) .panel-header { padding: 23px 24px 20px; align-items: flex-start; }
main:not(:has(.inbox-heading)) .panel-header h2 { color: #172026; font-size: 17px; line-height: 1.45; }
main:not(:has(.inbox-heading)) .panel-header p { color: #626d78; font-size: 12px; line-height: 1.65; margin-top: 5px; }
main:not(:has(.inbox-heading)) .panel-header > svg { color: #626d78; }
main:not(:has(.inbox-heading)) .panel-footer { padding: 15px 24px; background: #f6f7f8; border-color: #dce0e5; color: #626d78; font-size: 11px; line-height: 1.75; align-items: flex-start; }
main:not(:has(.inbox-heading)) .panel-footer svg { margin-top: 3px; }
main:not(:has(.inbox-heading)) .text-link { color: #bd3d12; font-size: 12px; line-height: 1.7; }

/* Controls shared by the supporting pages, payment dialogs and sign-in. */
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .button { min-height: 40px; border-radius: 10px; font-size: 12px; padding: 10px 15px; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .button-primary { background: #d84f21; border-color: #d84f21; color: #fff; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .button-primary:hover { background: #bb3e14; border-color: #bb3e14; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .button-secondary { background: #fff; border-color: #dce0e5; color: #26323b; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .button-secondary:hover { background: #f6f7f8; border-color: #b7bfc8; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .button-quiet { color: #626d78; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .button-quiet:hover { color: #172026; background: #f0f1f3; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .button-danger { color: #aa3438; background: #fff0f0; border-color: #edcfd1; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .button-danger:hover { background: #fce5e6; border-color: #d8a7ab; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) :is(button, a, input, select, textarea):focus-visible { outline: 3px solid #d64b1a; outline-offset: 3px; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) :is(.input, select, textarea) { background: #fff; border: 1px solid #cbd1d8; color: #172026; font-size: 13px; min-height: 42px; padding: 10px 12px; border-radius: 10px; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) :is(input, textarea)::placeholder { color: #737e89; opacity: 1; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) :is(input, select, textarea):disabled { color: #6b7580; background: #f0f1f3; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .badge { font-size: 11px; padding: 4px 8px; border-radius: 6px; letter-spacing: 0; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .badge.neutral { background: #edf0f3; color: #596571; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .badge.teal { background: #eaf5ee; color: #267048; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .badge.amber { background: #fff4df; color: #8c6117; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .badge.red { background: #fff0f0; color: #a3383d; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .badge.blue { background: #ecf2fb; color: #3f6391; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .badge.purple { background: #f1edf8; color: #6f5792; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .info-note { border-color: #dce0e5; background: #f6f7f8; color: #56616c; font-size: 12px; border-radius: 10px; line-height: 1.8; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .info-note.amber { color: #87611e; background: #fff8ea; border-color: #eadbb7; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .info-note.red { color: #9c3940; background: #fff1f1; border-color: #edcfd1; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .empty-icon { background: #f0f1f3; color: #737e89; border: 1px solid #dce0e5; border-radius: 12px; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .empty-state h3 { color: #36434d; font-size: 15px; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .empty-state p { color: #626d78; font-size: 12px; }
:is(main:not(:has(.inbox-heading)), dialog, .auth-screen) .spinner { border-color: #dce0e5; border-top-color: #d64b1a; }

/* Overview: calm surfaces, clear numbers, and one restrained orange accent. */
.stats-grid { gap: 16px; margin-bottom: 24px; }
.stat-card { padding: 22px; background: #fff; color: #172026; border: 1px solid #dce0e5; border-radius: 12px; box-shadow: 0 3px 12px #17202604; }
button.stat-card:hover { background: #fffaf7; border-color: #e5b7a4; }
.stat-top { align-items: flex-start; }
.stat-top span { color: #626d78; font-size: 12px; line-height: 1.65; }
.stat-icon { width: 32px; height: 32px; background: #fff0e8; color: #d64b1a; border-radius: 9px; }
.stat-icon.amber { background: #fff4df; color: #997026; }
.stat-icon.blue { background: #ecf2fb; color: #52739b; }
.stat-icon.purple { background: #f1edf8; color: #7a6598; }
.stat-value { margin: 15px 0 8px; font-size: 38px; font-weight: 600; line-height: 1.15; letter-spacing: -1.5px; font-variant-numeric: tabular-nums; }
.stat-foot { color: #626d78; font-size: 11px; line-height: 1.65; align-items: flex-start; }
.stat-foot svg { margin-top: 3px; }
.overview-columns { gap: 24px; grid-template-columns: minmax(0, 1.65fr) minmax(300px, 1fr); }
.overview-columns .stack { min-width: 0; gap: 24px; }
.queue-list { padding: 0 24px; }
.queue-row { border-color: #e7eaee; gap: 13px; padding: 19px 0; }
.queue-avatar { color: #6a7580; background: #f6f7f8; border-color: #dce0e5; border-radius: 10px; }
.queue-name { color: #26323b; font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; }
.queue-sub { color: #626d78; font-size: 11px; line-height: 1.7; overflow-wrap: anywhere; }
.separator { color: #a5aeb7; }
.queue-amount { color: #26323b; font-size: 13px; font-variant-numeric: tabular-nums; }
.case-link { color: #26323b; }
.case-link:hover { color: #bd3d12; }
.service-card { padding: 25px; background: #fff; border: 1px solid #dce0e5; border-radius: 12px; color: #172026; box-shadow: 0 3px 12px #17202604; }
.service-card::after { border-color: #d64b1a12; box-shadow: 0 0 0 28px #d64b1a04, 0 0 0 57px #d64b1a03; }
.service-card .eyebrow { color: #d64b1a; font-size: 11px; position: relative; z-index: 1; }
.service-card h2 { color: #172026; font-size: 23px; letter-spacing: -.65px; max-width: none; position: relative; z-index: 1; }
.service-card > p { color: #626d78; font-size: 12px; line-height: 1.85; max-width: 340px; }
.schedule { border-color: #e3e6ea; gap: 18px; margin-top: 22px; }
.schedule-item { min-width: 0; }
.schedule-item small { color: #626d78; font-size: 11px; line-height: 1.55; }
.schedule-item strong { color: #26323b; font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.schedule-item:last-child { border-color: #e3e6ea; padding-left: 18px; }
.schedule-zone { color: #626d78; font-size: 11px; line-height: 1.75; margin-top: 16px; }
.integration-list { padding: 0 24px 9px; }
.integration-row { border-color: #e7eaee; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 11px; padding: 18px 0; }
.integration-icon { background: #f6f7f8; color: #6d7883; border-color: #dce0e5; border-radius: 9px; }
.integration-copy strong { color: #26323b; font-size: 12px; }
.integration-copy p { color: #626d78; font-size: 11px; line-height: 1.75; }
.workflow { gap: 22px; padding: 3px 24px 25px; }
.step-number { background: #fff0e8; color: #bd3d12; border-color: #f0d2c4; width: 29px; height: 29px; font-size: 11px; }
.workflow-step:not(:last-child)::after { background: #dce0e5; top: 14px; left: 41px; }
.workflow-step h3 { color: #26323b; font-size: 12px; line-height: 1.65; }
.workflow-step p { color: #626d78; font-size: 12px; line-height: 1.8; margin-top: 6px; }
.activity-list { padding: 0 24px 20px; }
.activity-item { gap: 12px; font-size: 12px; line-height: 1.7; padding: 13px 0; }
.activity-dot { background: #a6afb9; margin-top: 7px; }
.activity-copy { min-width: 0; overflow-wrap: anywhere; }
.activity-copy strong { color: #26323b; }
.activity-copy small, .activity-time { color: #626d78; font-size: 11px; line-height: 1.7; }
.activity-time { padding-top: 0; }
.delivery-list { padding: 0 24px 20px; }
.delivery-item { border-color: #e3e6ea; font-size: 12px; padding: 17px 0; }
.delivery-item > div { min-width: 0; }
.delivery-item p { color: #626d78; font-size: 12px; line-height: 1.7; }

/* Payments and identity audit retain the existing mobile card-table layout. */
.toolbar { background: #fff; border-color: #dce0e5; padding: 20px 24px; }
.toolbar .search-field { min-width: min(220px, 100%); }
.toolbar .search-field svg { color: #737e89; top: 13px; }
.toolbar .search-field input { padding-left: 38px; }
.toolbar .filter-select { background: #f6f7f8; }
.data-table { color: #26323b; font-size: 13px; }
.data-table th { background: #f6f7f8; border-color: #dce0e5; color: #626d78; font-size: 11px; letter-spacing: .65px; padding-top: 15px; padding-bottom: 15px; }
.data-table td { border-color: #e7eaee; padding-top: 20px; padding-bottom: 20px; }
.data-table tbody tr:hover { background: #fafbfc; }
.cell-primary { color: #26323b; font-size: 13px; line-height: 1.6; }
.cell-secondary { color: #626d78; font-size: 12px; line-height: 1.65; }
.data-table .mono { font-size: 12px; }
.data-table .cell-assignee { margin-top: 7px; }

/* ONU checks: distinguish measured values from source timestamps. */
.network-layout { gap: 24px; }
.network-layout .panel { min-width: 0; }
.network-placeholder { padding: 64px 30px; }
.result-header { padding: 24px; border-color: #dce0e5; }
.result-header > div { min-width: 0; }
.result-header h2 { overflow-wrap: anywhere; }
.result-header p { color: #626d78; }
.result-grid { padding: 24px; gap: 18px; }
.result-metric { min-width: 0; }
.result-metric > span { color: #626d78; font-size: 11px; line-height: 1.65; }
.result-metric strong { color: #172026; font-size: 27px; font-weight: 600; letter-spacing: -.8px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.result-metric .result-state { font-size: 17px; letter-spacing: -.3px; }
.result-metric small { color: #626d78; font-size: 11px; line-height: 1.7; }
.result-meta { font-size: 12px; gap: 13px; padding: 0 24px 24px; }
.result-meta > div { border-color: #e7eaee; padding-top: 13px; }
.result-meta span { color: #626d78; }
.result-meta strong { color: #26323b; font-size: 12px; max-width: 70%; }
.source-age { color: #626d78; font-size: 11px; line-height: 1.65; }
.progress-label { color: #626d78; }
.demo-examples { color: #626d78; font-size: 12px; line-height: 1.75; }
.demo-examples strong, .demo-examples code { color: #56616c; font-size: 12px; }
.demo-example-button { color: #bd3d12; font-size: 12px; line-height: 1.8; }

/* Payment and identity forms, evidence, and case detail. */
.field { gap: 8px; margin-bottom: 19px; }
.field > span, .field > label { color: #46535e; font-size: 12px; line-height: 1.65; }
.field small { color: #626d78; font-size: 12px; line-height: 1.65; }
.required { color: #bd3d12; }
.form-error { color: #a3383d; font-size: 12px; line-height: 1.75; }
.detail-hint { color: #626d78; font-size: 12px; line-height: 1.75; }
.checkbox-field { color: #46535e; font-size: 12px; line-height: 1.8; gap: 10px; }
.checkbox-field input, .payment-evidence-option > input { accent-color: #d64b1a; width: 16px; height: 16px; margin-top: 3px; }
dialog { color: #172026; background: #fff; border: 1px solid #dce0e5; box-shadow: 0 20px 70px #17202626; }
dialog::backdrop { background: #17202655; backdrop-filter: blur(4px); }
.case-dialog, .create-dialog { border-radius: 14px; }
.dialog-header { background: #fff; border-color: #dce0e5; padding: 25px; }
.dialog-header h2 { color: #172026; font-size: 21px; letter-spacing: -.45px; }
.dialog-header p { color: #626d78; font-size: 12px; line-height: 1.75; }
.dialog-header .icon-button { color: #626d78; background: #f0f1f3; min-width: 36px; min-height: 36px; }
.dialog-header .icon-button:hover { color: #172026; background: #e7eaee; }
.dialog-body { background: #fff; padding: 25px; }
.dialog-footer { padding: 18px 25px; background: #f6f7f8; border-color: #dce0e5; }
.detail-summary h3 { color: #172026; font-size: 19px; }
.detail-summary p { color: #626d78; font-size: 12px; line-height: 1.75; }
.detail-grid { border-color: #dce0e5; gap: 20px 24px; }
.detail-field { min-width: 0; }
.detail-field span { color: #626d78; font-size: 12px; line-height: 1.65; }
.detail-field strong { color: #26323b; font-size: 13px; line-height: 1.7; }
.detail-note { color: #46535e; font-size: 13px; line-height: 1.8; }
.detail-section > h3 { color: #26323b; font-size: 13px; }
.action-form { background: #f6f7f8; border-color: #dce0e5; border-radius: 12px; padding: 20px; }
.action-form h3 { color: #26323b; font-size: 14px; }
.completion-card { background: #f6f7f8; border-color: #dce0e5; border-radius: 12px; padding: 20px; }
.completion-header h3 { color: #26323b; font-size: 14px; }
.completion-note { color: #626d78; border-color: #dce0e5; font-size: 12px; line-height: 1.8; }
.evidence-item { color: #46535e; background: #fff; border-color: #dce0e5; border-radius: 10px; padding: 13px; font-size: 12px; }
.evidence-item a, .payment-evidence-option a { color: #bd3d12; }
.evidence-item small { color: #626d78; font-size: 11px; }
.upload-form input { color: #626d78; font-size: 12px; }
.upload-form input::file-selector-button { background: #f6f7f8; border-color: #cbd1d8; color: #46535e; border-radius: 8px; padding: 9px 11px; font-size: 12px; }
.payment-evidence-picker { background: #f6f7f8; border-color: #dce0e5; border-radius: 10px; padding: 15px; }
.payment-evidence-picker legend { color: #46535e; font-size: 12px; }
.payment-evidence-picker > p, .payment-evidence-picker .payment-evidence-empty { color: #626d78; font-size: 12px; }
.payment-evidence-option { background: #fff; border-color: #dce0e5; border-radius: 8px; padding: 12px; }
.payment-evidence-option:has(input:checked) { border-color: #e6b19c; background: #fffaf7; }
.payment-evidence-option strong { color: #26323b; font-size: 12px; overflow-wrap: anywhere; }
.payment-evidence-option small { color: #626d78; font-size: 11px; }
.payment-evidence-option a { font-size: 12px; }
.timeline-item { color: #26323b; border-color: #dce0e5; font-size: 12px; line-height: 1.75; }
.timeline-item::before { background: #a6afb9; }
.timeline-item p { color: #56616c; font-size: 12px; }
.timeline-item small { color: #626d78; font-size: 11px; }

/* Sign-in and feedback share the same light surfaces. */
.auth-screen { background: #f0f1f3; background-image: radial-gradient(ellipse at top right, #fff0e8, transparent 60%); }
.auth-card { background: #fff; border: 1px solid #dce0e5; border-radius: 14px; padding: 36px; box-shadow: 0 12px 38px #17202609; }
.auth-card .brand { color: #172026; }
.auth-card .brand b { color: #d64b1a; }
.auth-card .brand small { color: #626d78; font-size: 11px; }
.auth-card .brand-mark i { background: #d64b1a; }
.auth-card h1 { color: #172026; font-size: 26px; }
.auth-card > p { color: #626d78; font-size: 13px; line-height: 1.85; }
.auth-foot { color: #626d78; font-size: 11px; line-height: 1.75; }
.toast { color: #26323b; background: #fff; border: 1px solid #dce0e5; box-shadow: 0 6px 25px #17202616; border-radius: 12px; font-size: 13px; padding: 15px 18px; overflow-wrap: anywhere; }
.toast.error { color: #9c3940; background: #fff4f4; border-color: #edcfd1; }

/* Command palette remains usable when the previous theme is removed. */
.command-dialog { width: min(600px, calc(100% - 32px)); border-radius: 14px; margin-top: min(18vh, 130px); }
.command-header { padding: 22px 24px 10px; display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.command-header h2 { font-size: 21px; letter-spacing: -.45px; }
.command-header p { color: #626d78; font-size: 12px; line-height: 1.75; margin-top: 5px; }
.command-header .icon-button { color: #626d78; background: #f6f7f8; min-width: 36px; min-height: 36px; }
.command-header .icon-button:hover { background: #edf0f3; color: #172026; }
.command-search-row { margin: 13px 22px 17px; display: flex; align-items: center; gap: 11px; }
.command-search-row svg { color: #737e89; width: 18px; height: 18px; }
.command-search-row input { min-width: 0; width: 100%; border: 1px solid #cbd1d8; border-radius: 10px; padding: 12px; color: #172026; background: #f6f7f8; min-height: 45px; font-size: 14px; }
.command-results { padding: 0 12px 12px; max-height: 45vh; overflow-y: auto; overscroll-behavior: contain; }
.command-item { width: 100%; display: flex; align-items: center; gap: 14px; text-align: left; color: #26323b; background: transparent; border: 1px solid transparent; border-radius: 10px; padding: 13px 12px; font-size: 13px; }
.command-item:hover, .command-item:focus-visible, .command-item.is-active { color: #172026; background: #fff0e8; border-color: #efd4c8; }
.command-item svg { color: #626d78; width: 18px; height: 18px; }
.command-item.is-active svg { color: #d64b1a; }
.command-item-copy { min-width: 0; overflow-wrap: anywhere; }
.command-item small { display: block; color: #626d78; font-size: 12px; line-height: 1.65; margin-top: 3px; }
.command-key { margin-left: auto; color: #737e89; font-size: 12px; }
.command-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; padding: 14px 24px; border-top: 1px solid #dce0e5; background: #f6f7f8; color: #626d78; font-size: 11px; line-height: 1.8; }
.command-footer kbd { color: #46535e; background: #fff; border: 1px solid #dce0e5; border-radius: 4px; padding: 2px 4px; font-family: inherit; font-size: 11px; }

@media (max-width: 1150px) {
  .stat-card { padding: 19px; }
  .overview-columns { grid-template-columns: minmax(0, 1.4fr) minmax(285px, 1fr); gap: 20px; }
  .overview-columns .stack { gap: 20px; }
  .integration-row { grid-template-columns: 32px minmax(0, 1fr); }
  .integration-row > .badge { grid-column: 2; justify-self: start; margin-top: -3px; }
  .network-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); }
}
@media (max-width: 920px) {
  .overview-columns, .network-layout { grid-template-columns: minmax(0, 1fr); }
  .overview-columns > .stack:last-child { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .overview-columns > .stack:last-child > .panel:last-child { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  main:not(:has(.inbox-heading)) .page-heading { margin-bottom: 23px; gap: 17px; }
  main:not(:has(.inbox-heading)) .page-heading h1 { font-size: 27px; line-height: 1.3; }
  main:not(:has(.inbox-heading)) .page-heading p { font-size: 12px; }
  main:not(:has(.inbox-heading)) .heading-actions .button { min-height: 44px; font-size: 12px; }
  main:not(:has(.inbox-heading)) .panel { border-radius: 12px; }
  main:not(:has(.inbox-heading)) .panel-header { padding: 20px; gap: 12px; flex-wrap: wrap; }
  main:not(:has(.inbox-heading)) .panel-header h2 { font-size: 16px; }
  main:not(:has(.inbox-heading)) .panel-footer { padding: 14px 20px; }
  .stats-grid { gap: 12px; }
  .stat-card { padding: 17px; }
  .stat-top span { font-size: 12px; }
  .stat-icon { width: 27px; height: 27px; flex-shrink: 0; border-radius: 8px; }
  .stat-value { font-size: 34px; margin-top: 12px; }
  .stat-foot { font-size: 11px; }
  .overview-columns > .stack:last-child { grid-template-columns: minmax(0, 1fr); }
  .overview-columns > .stack:last-child > .panel:last-child { grid-column: auto; }
  .queue-list { padding: 0 20px; }
  .queue-row { grid-template-columns: 34px minmax(0, 1fr); gap: 10px 12px; }
  .queue-avatar { width: 34px; height: 34px; font-size: 12px; align-self: start; }
  .queue-name { font-size: 13px; }
  .queue-amount { grid-column: 2; display: flex; flex-wrap: wrap; text-align: left; justify-content: flex-start; align-items: center; gap: 10px; font-size: 13px; }
  .queue-sub { font-size: 11px; }
  .service-card { padding: 23px; }
  .service-card h2 { font-size: 23px; }
  .integration-list { padding-left: 20px; padding-right: 20px; }
  .integration-row { grid-template-columns: 34px minmax(0, 1fr) auto; }
  .integration-row > .badge { grid-column: auto; margin-top: 0; }
  .workflow { grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 0 20px 23px; }
  .workflow-step { padding-left: 43px; }
  .step-number { position: absolute; top: 0; left: 0; }
  .workflow-step:not(:last-child)::after { width: 1px; height: auto; left: 14px; right: auto; top: 37px; bottom: -15px; }
  .workflow-step h3 { font-size: 13px; }
  .activity-list, .delivery-list { padding-left: 20px; padding-right: 20px; }
  .activity-time { font-size: 11px; }
  .delivery-item { flex-wrap: wrap; gap: 10px; }
  .toolbar { padding: 17px; }
  .data-table tbody { padding: 16px; gap: 13px; }
  .data-table tbody tr { background: #fff; border-color: #dce0e5; border-radius: 11px; padding: 17px; }
  .data-table td, .data-table td:first-child { padding: 8px 0; }
  .data-table td::before { color: #626d78; font-size: 11px; letter-spacing: .45px; }
  .data-table td:nth-child(1) { border-color: #e7eaee; }
  .data-table .cell-primary { font-size: 13px; }
  .data-table .cell-secondary { color: #626d78; font-size: 12px; }
  .data-table .badge { font-size: 11px; }
  .data-table .table-end .button { min-height: 44px; }
  .result-header { padding: 20px; flex-wrap: wrap; gap: 13px; }
  .result-grid { padding: 22px 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 16px; }
  .result-metric:last-child { grid-column: 1 / -1; }
  .result-meta { padding-left: 20px; padding-right: 20px; }
  .result-meta > div { flex-wrap: wrap; gap: 6px 12px; }
  .result-meta strong { max-width: 100%; text-align: left; }
  .result-note { margin: 0 20px 20px; }
  .case-dialog { margin: 9px; width: calc(100% - 18px); border-radius: 12px; max-height: calc(100dvh - 18px); }
  .create-dialog { width: calc(100% - 22px); border-radius: 12px; }
  .dialog-header, .dialog-body { padding: 20px; }
  .dialog-header h2 { font-size: 20px; }
  .dialog-footer { padding: 17px 20px; flex-wrap: wrap; }
  .dialog-footer .button { min-height: 44px; }
  .field-row { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .detail-summary { flex-wrap: wrap; gap: 12px; }
  .completion-header { flex-wrap: wrap; }
  .completion-card .detail-grid { grid-template-columns: minmax(0, 1fr); }
  .evidence-item { flex-wrap: wrap; }
  .auth-card { padding: 29px; }
  .auth-card .brand small { font-size: 11px; }
  .toast-region { bottom: 88px; right: 16px; left: 16px; max-width: none; }
  .command-dialog { margin-top: 40px; width: calc(100% - 24px); }
  .command-header { padding: 20px 18px 9px; }
  .command-search-row { margin: 12px 18px 16px; }
  .command-item { padding: 13px 10px; }
  .command-footer { padding: 13px 18px; }
}
@media (max-width: 390px) {
  .stat-top { flex-wrap: wrap; gap: 7px; }
  .stat-card { padding: 15px; }
  .stat-value { font-size: 32px; }
  .integration-row { grid-template-columns: 32px minmax(0, 1fr); }
  .integration-row > .badge { grid-column: 2; }
  .schedule { gap: 12px; }
  .schedule-item:last-child { padding-left: 12px; }
  .schedule-item strong { font-size: 14px; }
  .detail-grid { grid-template-columns: minmax(0, 1fr); }
  .detail-field.wide { grid-column: auto; }
}