/* Screen-only clarity layer. Keep existing grids, field widths and print layouts. */
@media screen {
  body.admin-shell {font-family:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif;color:#18283b}
  .admin-shell button,.admin-shell input,.admin-shell select,.admin-shell textarea {font-family:inherit}
  .ui-icon {width:20px;height:20px;flex:0 0 20px;vertical-align:middle}
  .admin-shell .hint,.admin-shell .quote-product-meta {color:#526174}
  .admin-shell .toolbar h1 {color:#18283b;letter-spacing:.015em}
  .admin-main .view-btn {background:#eaf2ff;color:#154f96;border:1px solid #b8ccec}
  .admin-main .edit-btn,.admin-main .print-btn {background:#f5f7fa;color:#33465e;border:1px solid #c7d1df}
  .admin-main .ops a,.admin-main .ops button {font-size:13px;line-height:1.45}
  .admin-main .button.secondary,.admin-main button.secondary {background:#edf2f7;color:#33465e;border:1px solid #bdcad9}
  .admin-main a.button.secondary {color:#33465e!important}
  .admin-main .repair-package-actions {display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  .admin-main .repair-package-actions>form {display:flex;flex:0 0 auto;margin:0}
  .admin-main .repair-package-actions .button,.admin-main .repair-package-actions button {display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;line-height:1.4;white-space:nowrap;flex-shrink:0}
  .admin-main .button.danger,.admin-main button.danger,.admin-main .trash-btn,.admin-main .purge-btn {background:#ae2631;color:white;border-color:#ae2631}
  .admin-main a.button.danger {color:white!important}
  .admin-shell :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid #b26000;outline-offset:3px}
  .admin-shell :is(button,input,select,textarea):disabled {cursor:not-allowed;opacity:.55}
  .admin-shell .top-ux-actions button {font-weight:700;white-space:nowrap;flex-shrink:0}
  .admin-shell .top-ux-actions [hidden] {display:none!important}
  .admin-shell .top-meta a {white-space:nowrap}
  .admin-shell #ux-favorite-toggle.active .ui-icon {fill:#f5c754}
  .admin-shell .nav-icon {display:inline-flex;align-items:center}
  .admin-shell .nav-group summary {color:#e7eff7}
  .admin-shell .nav-group-links a.active {border-left:3px solid #ffd18c}
  .document-scope {margin:0 0 16px;padding:12px 14px;background:white;border:1px solid #cfdae7;border-radius:9px}
  .document-scope-tabs {display:flex;flex-wrap:wrap;gap:8px;align-items:center}
  .document-scope-tabs a {display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;color:#33465e;border:1px solid #c7d1df;border-radius:7px;font-weight:700;background:#f7f9fc}
  .document-scope-tabs a[aria-current=page] {background:#185fb4;color:white;border-color:#185fb4}
  .document-scope-tabs .document-history-link {margin-left:auto;background:white;color:#185fb4}
  .document-scope p {margin:9px 0 0;font-size:13px;line-height:1.6;color:#526174}
  .admin-main .filters:has(.document-filter-label) {flex-wrap:wrap;align-items:end;gap:10px}
  .document-filter-label {display:flex;flex-direction:column;gap:4px;font-size:12px;flex:0 1 auto}
  .document-filter-label select {width:130px;margin:0;min-height:40px}
  .history-category-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
  .history-category {padding:20px;display:block;color:#18283b}
  .history-category p {font-size:14px;color:#526174;line-height:1.65}
  .history-category span {color:#185fb4;font-weight:700}
  .history-category:hover {border-color:#185fb4}
  .repair-optional-config {margin:0 0 16px;border:1px solid #cfdae7;border-radius:9px;background:#f7f9fc}
  .repair-optional-config>summary {padding:12px 14px;cursor:pointer;color:#33465e;font-weight:700;min-height:44px}
  .repair-optional-config>.quote-form-section {margin-bottom:0}
  .repair-optional-config .quote-configuration-entry {margin:0;border:0;box-shadow:none}
  @media(min-width:651px) and (max-width:1600px) {
    .admin-shell .topbar {gap:10px;padding-left:16px;padding-right:16px}
    .admin-shell .top-title {display:flex;align-items:center;gap:6px;font-size:15px;flex-shrink:0}
    .admin-shell .top-title .menu-btn {margin:0;padding:5px;display:flex}
    .admin-shell .top-meta {font-size:12px;gap:8px}
    .admin-shell .top-meta #clock {display:none}
    .admin-shell .top-ux-actions kbd {display:none}
  }
  @media(max-width:1100px) {
    .admin-shell .top-ux-actions button:not(#ux-favorite-toggle) span {display:inline;font-size:11px}
    .admin-shell .top-ux-actions button {flex-direction:column;gap:2px;min-width:40px;padding:5px}
    .admin-shell .top-ux-actions button .ui-icon {width:17px;height:17px;flex-basis:17px}
    .admin-shell #ux-favorite-toggle .favorite-label {font-size:11px}
  }
  @media(max-width:650px) {
    .admin-shell .topbar {height:68px;padding:0 10px;gap:6px}
    .admin-shell .top-title {display:flex;align-items:center;flex:0 0 auto;gap:3px;font-size:12px;white-space:nowrap}
    .admin-shell .top-title .menu-btn {margin:0;padding:5px;display:flex}
    .admin-shell .top-brand-full,.admin-shell .top-version,.admin-shell .top-title .runtime-mode {display:none}
    .admin-shell .top-brand-short {display:inline}
    .admin-shell .top-ux-actions {margin-left:auto;gap:3px;flex:0 1 auto}
    .admin-shell .top-ux-actions button {min-width:34px;padding:5px 4px;white-space:nowrap}
    .admin-shell .top-meta {flex:0 0 auto;gap:0}
    .admin-shell .top-meta a {font-size:12px;padding:7px 6px}
    .document-scope-tabs {gap:6px}
    .document-scope-tabs a {flex:1;justify-content:center;padding:8px;white-space:nowrap;font-size:13px}
    .document-scope-tabs .document-history-link {flex-basis:100%;margin-left:0}
    .admin-main .filters:has(.document-filter-label)>input {flex-basis:100%;min-width:0}
    .document-filter-label {flex:1}
    .document-filter-label select {width:100%;min-width:0}
  }
  @media(min-width:651px) {.top-brand-short {display:none}}
}