/* SpeedBox Envios. The supplied wordmark is an image, never simulated in type. */
:root { color: var(--sb-ink); background: var(--sb-canvas); font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
html { scroll-padding-top: 100px; }
body { max-width: none; margin: 0; padding: 0; font-size: 14px; }
button, input, select, textarea { font: inherit; }
button, .button-link { min-height: 44px; font-weight: 650; transition: background .12s, border-color .12s; }
button.primary { background: var(--sb-blue); color: #fff; }
button.primary:hover:not(:disabled) { background: #064d8f; }
button.secondary, .button-link.secondary { background: #edf2f7; color: #234365; }
button.secondary:hover:not(:disabled) { background: #e1eaf3; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid #1184d4; outline-offset: 3px;
}
input, select, textarea { border-color: #c8d4e2; color: var(--sb-ink); border-radius: 8px; }
input:focus, select:focus, textarea:focus { border-color: var(--sb-blue); }
input[type=checkbox] { accent-color: var(--sb-blue); width: 18px; height: 18px; }
.app-content { min-width: 0; max-width: 1320px; padding: 0 32px 40px; margin: 0 auto; }
.is-authenticated .app-content { margin-left: 244px; max-width: none; }
.app-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 70; width: 244px; padding: 30px 18px 20px; display: flex; flex-direction: column; background: var(--sb-navy); color: #fff; }
.sidebar-brand { display: flex; align-items: center; gap: 8px; }
.sidebar-brand img { width: 216px; height: auto; image-rendering: auto; }
.sidebar-caption { margin: 18px 12px 36px; font-size: 10px; font-weight: 650; letter-spacing: .16em; color: #bed4eb; }
.workspace-nav { flex-direction: column; border: 0; margin: 0; padding: 0; gap: 6px; }
.workspace-nav button { display: flex; gap: 13px; align-items: center; text-align: left; color: #d3e2f2; background: transparent; padding: 13px 14px; border-radius: 8px; border-left: 3px solid transparent; }
.workspace-nav button svg { width: 21px; height: 21px; flex: 0 0 auto; }
.workspace-nav button:hover { background: #ffffff12; color: white; }
.workspace-nav button[aria-current=page] { background: #ffffff15; color: white; border-left-color: var(--sb-orange); }
.sidebar-footer { margin-top: auto; padding: 24px 10px 0; border-top: 1px solid #ffffff23; }
.sidebar-footer>p { font-size: 10px; color: #bed4eb; letter-spacing: .1em; }
#session-actions { display: grid; width: 100%; gap: 18px; margin: 0; }
#session-actions strong { font-size: 14px; overflow-wrap: anywhere; }
#session-actions small { margin-top: 3px; color: #b8cee4; font-size: 12px; }
#session-actions button { color: #e8f2fd; background: #ffffff12; width: 100%; text-align: left; }
.workspace-header { display: flex; flex-wrap: nowrap; align-items: center; gap: 16px; padding: 24px 0; margin: 0; min-width: 0; }
.workspace-header h1 { margin: 0; font-size: 15px; font-weight: 500; color: var(--sb-muted); }
.header-company { font-weight: 750; font-size: 15px; }
#integration-badge { margin-left: auto; font-size: 11px; max-width: 380px; white-space: normal; border: 1px solid #dfdfc8; padding: 7px 12px; border-radius: 7px; text-align: right; }
#portal-main, #admin-workspace, #history-panel { max-width: 1120px; margin: 0 auto; padding: 28px; border: 1px solid var(--sb-line); border-radius: 12px; box-shadow: 0 2px 4px #142e4805; background: white; }
.workspace-heading h2, #history-title { font-size: 26px; letter-spacing: -.03em; margin: 3px 0 8px; }
.workspace-heading p, .history-header p { color: var(--sb-muted); font-size: 14px; margin: 0; line-height: 1.5; }
.eyebrow { font-size: 10px; letter-spacing: .14em; color: var(--sb-muted); font-weight: 700; margin: 0; }
.service-picker h3 { margin: 0 0 12px; font-size: 14px; }
.service-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.service-choice { display: flex; text-align: left; gap: 15px; padding: 20px; border: 1px solid #cbd7e5; background: white; border-radius: 10px; color: var(--sb-ink); min-height: 126px; }
.service-choice:hover { border-color: var(--sb-blue); background: #fafcfe; }
.service-choice[aria-pressed=true] { border: 2px solid var(--sb-blue); padding: 19px; background: #f1f7fd; }
.choice-icon { display: flex; align-items: center; justify-content: center; border-radius: 9px; width: 44px; height: 44px; background: #edf2f7; color: var(--sb-blue); flex-shrink: 0; }
.choice-icon svg { width: 26px; height: 26px; }
.service-choice[aria-pressed=true] .choice-icon { background: #e0edf9; }
.choice-copy { display: grid; align-content: start; gap: 6px; }
.choice-copy strong { font-size: 19px; font-weight: 750; }
.choice-copy>span { color: var(--sb-muted); font-weight: 400; font-size: 13px; line-height: 1.45; }
.choice-copy small { color: var(--sb-blue); font-weight: 650; font-size: 12px; }
.context-note.routing-note { background: #f5f8fc; color: #476078; border: 0; border-radius: 8px; font-size: 12px; padding: 12px 14px; margin: 0; }
#posting-form>.grid { gap: 22px 16px; }
#posting-form>.grid>* { min-width: 0; }
.recipient-list { max-width: 100%; overflow-x: auto; }
#posting-form fieldset { margin: 0; padding: 18px; border-color: var(--sb-line); background: white; }
#posting-form legend { color: var(--sb-navy); font-size: 15px; font-weight: 700; padding: 0 7px; }
.party-row-primary { grid-template-columns: minmax(0, 1fr) minmax(145px, .3fr); }
#posting-form .field-required:not(.is-filled) input, #posting-form .field-required:not(.is-filled) textarea { background: #fffdf7; border-color: #d8c399; }
#posting-form .field-required.is-filled input, #posting-form .field-required.is-filled textarea { background: #f6faf7; border-color: #a1c4b1; }
#posting-form .field-derived-required.is-filled input, #posting-form input[readonly] { background: #f4f6f8; color: #506477; border-color: #d8e1ea; }
#posting-form .field-required:focus-within input { box-shadow: 0 0 0 2px #0874bd1a; }
#ecarta-extras .ecarta-service-card { background: white; border: 1px solid #d3deea; border-radius: 9px; min-height: 128px; color: var(--sb-ink); }
#ecarta-extras .ecarta-service-card.selected { background: #eef6fd; border: 2px solid var(--sb-blue); color: var(--sb-navy); }
#ecarta-extras .ecarta-service-card p { opacity: 1; color: var(--sb-muted); }
#ecarta-extras .ecarta-service-card small { display: block; margin-top: 7px; color: var(--sb-muted); font-weight: 650; }
.account-service-line { display: grid; gap: 2px; margin-bottom: 8px; }
.account-service-line:last-child { margin-bottom: 0; }
.account-service-line small { margin-top: 0; }
.account-card-selection { display: grid; gap: 9px; margin-top: 11px; padding: 11px; border: 1px solid #ead392; border-radius: 8px; background: #fffaf0; }
.account-card-selection > strong { color: var(--sb-navy); font-size: 13px; }
.account-card-selection > small { margin: 0; color: #6d5631; }
.account-card-choice { display: grid; grid-template-columns: minmax(170px, 1fr) auto; align-items: end; gap: 8px; }
.account-card-choice label { display: grid; gap: 5px; font-weight: 650; }
@media (max-width: 760px) { .account-card-choice { grid-template-columns: 1fr; } .account-card-choice button { width: 100%; } }
.recipient-manager, .mail-merge { background: #f8fafc; border-color: var(--sb-line); }
.recipient-manager-actions button, .recipient-table-actions button { min-height: 40px; }
.placeholder-chip { min-height: 34px; color: #22577d; }
.recipient-card { border-color: var(--sb-line); }
.settings-nav { margin: 24px 0; background: #f1f4f8; }
.settings-nav [aria-current=page] { color: var(--sb-blue); box-shadow: 0 1px 3px #1c385814; }
.section-heading h3 { font-size: 18px; }
.settings-form { background: #f8fafc; }
.settings-table td, .settings-table th { padding: 14px; }
.settings-table button { min-height: 38px; }
.status-tag { border-radius: 5px; }
.context-note:not(.routing-note) { background: #fffaee; border-left-color: #e4a54c; }
.history-objects-content { border-left-color: var(--sb-blue); }
.history-table button, .history-artifact-link { min-height: 40px; }
.progress-panel { background: #f7fbfe; border-color: #cddfeb; }
.pdf-preview iframe { max-height: 75vh; }
.icon-button { display: flex; align-items: center; justify-content: center; min-width: 44px; padding: 10px; background: #edf2f7; color: var(--sb-navy); }
.icon-button svg { width: 23px; height: 23px; }
#menu-toggle, #menu-close { display: none; }
.menu-scrim { position: fixed; inset: 0; background: #071c36a8; z-index: 65; border-radius: 0; width: 100%; height: 100%; }
.skip-link { position: fixed; top: -100px; left: 12px; background: white; color: var(--sb-navy); padding: 12px; border: 2px solid var(--sb-blue); z-index: 120; }
.skip-link:focus { top: 12px; }
.login-screen { min-height: 100svh; }
#login-screen { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px, 450px); gap: 64px; align-items: center; padding: 48px 0; }
.auth-brand { padding: 48px; border-radius: 16px; background: var(--sb-navy); align-self: stretch; display: flex; flex-direction: column; justify-content: space-between; min-height: 620px; color: white; }
.auth-brand img { width: min(100%, 420px); height: auto; image-rendering: auto; }
.auth-brand h2 { font-size: clamp(26px, 2.5vw, 38px); line-height: 1.2; letter-spacing: -.035em; margin: 15px 0 20px; }
.auth-brand p:not(.eyebrow) { max-width: 360px; color: #c7d9eb; line-height: 1.7; font-size: 15px; }
.auth-brand .eyebrow, .auth-brand small { color: #b9d2eb; }
.login-card { border: 0; box-shadow: none; background: transparent; border-radius: 0; gap: 18px; padding: 24px 0; width: 100%; max-width: 420px; }
.login-logo { display: block; width: 312px; height: auto; max-width: 100%; margin: 0 auto 22px; image-rendering: auto; }
.telegram-extra-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.telegram-extra-card { display: grid; gap: 18px; min-height: 148px; padding: 18px; border: 1px solid var(--sb-line); border-radius: 12px; background: #fff; box-shadow: 0 5px 16px #0e3d6b0c; }
.telegram-extra-card:has(.telegram-extra-toggle input:checked) { border: 2px solid var(--sb-blue); padding: 17px; background: #eef6fd; }
.telegram-extra-toggle { display: flex; align-items: flex-start; gap: 10px; }
.telegram-extra-toggle input { flex: 0 0 auto; width: 19px; height: 19px; margin-top: 2px; }
.telegram-extra-toggle span { display: grid; gap: 4px; }
.telegram-extra-toggle strong { color: var(--sb-navy); font-size: 15px; }
.telegram-extra-toggle small, .extra-email small { color: var(--sb-muted); font-weight: 400; }
.modality-options { display: flex; flex-wrap: wrap; gap: 9px; margin-top: auto; }
.modality-options label { display: flex; align-items: center; gap: 6px; min-height: 36px; padding: 7px 10px; border: 1px solid #cbd8e6; border-radius: 999px; background: #fff; font-weight: 600; }
.modality-options label:has(input:checked) { border-color: var(--sb-blue); background: #ddecfa; color: var(--sb-navy); }
.modality-options input { width: 16px; height: 16px; padding: 0; }
.modality-options input:disabled { opacity: 1; }
.extra-email { margin-top: 14px; }
.extra-email input[readonly] { background: #edf2f7; color: var(--sb-navy); cursor: default; }
.login-card h1 { font-size: 29px; line-height: 1.2; margin: 0; letter-spacing: -.035em; }
.login-card p { line-height: 1.6; color: var(--sb-muted); }
.login-card label { font-size: 13px; gap: 8px; }
.login-card input { min-height: 48px; background: white; font-size: 16px; }
.login-card input[inputmode=numeric] { letter-spacing: .3em; }
.login-card>button[type=submit] { min-height: 48px; }
.credential-switch { display: flex; background: #e9eef5; border-radius: 9px; padding: 4px; gap: 4px; }
.credential-switch button { flex: 1; background: transparent; color: var(--sb-muted); font-size: 13px; }
.credential-switch [aria-pressed=true] { background: white; color: var(--sb-navy); box-shadow: 0 1px 3px #17365a12; }
#password-change-screen { display: grid; place-items: center; }
#password-change-screen .login-card { padding: 32px; background: white; border: 1px solid var(--sb-line); border-radius: 12px; margin: 32px 0; }
dialog { max-height: calc(100svh - 32px); overflow-y: auto; }
@media (min-width: 1024px) { .app-sidebar { transform: none; } }
@media (max-width: 1023px) {
  .app-content, .is-authenticated .app-content { margin: 0 auto; padding: 0 24px 32px; }
  .app-sidebar { transform: translateX(-110%); width: 272px; padding-top: 24px; }
  .menu-open .app-sidebar { transform: translateX(0); }
  .menu-open { overflow: hidden; }
  .sidebar-brand img { width: 192px; }
  #menu-toggle, #menu-close { display: flex; }
  #menu-close { background: #ffffff15; color: white; }
  #login-screen { gap: 32px; grid-template-columns: 1fr 1fr; }
  .auth-brand { padding: 28px; min-height: 600px; }
}
@media (max-width: 760px) {
  .app-content, .is-authenticated .app-content { padding: 0 14px 24px; }
  .workspace-header { padding: 16px 0; gap: 10px; flex-direction: row; align-items: center; }
  .workspace-header h1 { font-size: 12px; }
  .header-company { font-size: 14px; }
  #integration-badge { font-size: 10px; padding: 6px 8px; max-width: 43%; }
  #portal-main, #admin-workspace, #history-panel { padding: 20px 16px; }
  .workspace-heading h2, #history-title { font-size: 24px; }
  .service-choice { padding: 14px; min-height: 128px; gap: 10px; }
  .service-choice[aria-pressed=true] { padding: 13px; }
  .choice-icon { width: 34px; height: 36px; }
  .choice-icon svg { width: 22px; height: 22px; }
  .choice-copy strong { font-size: 17px; }
  #posting-form fieldset { padding: 14px 12px; }
  input, select, textarea { font-size: 16px; }
  .extra-row { grid-template-columns: 1fr; }
  .settings-form { padding: 16px 12px; }
  .history-header { flex-wrap: wrap; }
  .section-heading p, .workspace-heading p { font-size: 13px; }
  #login-screen { display: grid; grid-template-columns: 1fr; gap: 0; padding: 24px 10px; }
  .auth-brand { display: none; }
  .login-card { margin: 0 auto; }
  .login-logo { width: 252px; margin-bottom: 18px; }
  .telegram-extra-cards { grid-template-columns: 1fr; }
  .login-card h1 { font-size: 28px; }
}
@media (max-width: 480px) {
  .service-choices { gap: 10px; grid-template-columns: 1fr; }
  .service-choice { min-height: 0; padding: 14px; }
  .service-choice[aria-pressed=true] { padding: 13px; }
  .choice-copy { gap: 3px; }
  .choice-copy>span { font-size: 12px; }
  .choice-icon { width: 40px; height: 40px; }
  .address-row.party-row-primary, .address-row.party-row-address, .address-row.party-row-location, .address-row.party-row-contact { grid-template-columns: minmax(0, 1fr); }
  .recipient-manager-header { flex-direction: column; align-items: stretch; gap: 12px; }
  .recipient-manager-actions { justify-content: flex-start; }
  .recipient-manager-actions button { flex: 1 1 100%; }
  .pdf-actions { align-items: stretch; }
  .pdf-actions a, .pdf-actions button { min-height: 44px; display: inline-flex; align-items: center; }
  .posting-confirm-dialog-actions { flex-direction: column-reverse; }
  .recipient-editor form { padding: 16px; }
  .recipient-editor-actions { flex-wrap: wrap; }
  .recipient-editor-actions button { flex: 1; }
  .settings-nav { gap: 4px; }
  .settings-nav button { white-space: normal; min-height: 44px; padding: 9px; }
  .history-object-table tbody>tr { grid-template-columns: minmax(0,1fr); }
  .history-object-table td { grid-column: 1 !important; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }
.technical-details { margin-top: 5px; color: var(--sb-muted); font-size: 11px; }
.technical-details summary { cursor: pointer; padding: 4px 0; }

/* Address fields scale with the workspace, not the full desktop viewport. */
.party-row-address { grid-template-columns: minmax(100px,.85fr) minmax(105px,1fr) minmax(130px,1.7fr) minmax(66px,.6fr); }
.party-row-primary { grid-template-columns: minmax(0,1fr) minmax(145px,.3fr); }
.party-row-location { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr) 70px; }
.party-row-contact { grid-template-columns: 64px 132px minmax(0,1fr); }
@media (max-width: 640px) {
  .party-row-address, .party-row-primary, .party-row-location, .party-row-contact { grid-template-columns: minmax(0,1fr); }
}
:root .lucide{width:18px;height:18px;flex-shrink:0;vertical-align:middle;stroke-width:1.8}
button .lucide,a .lucide{pointer-events:none}
#account-card-editor{display:grid;gap:12px;margin:16px 0}
.history-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;}
.history-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:6px;border:1px solid #cbd5e1;background:#fff;color:#334155;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;}
.history-btn-icon:hover{background:#f1f5f9;border-color:#94a3b8;}
.history-btn-icon.btn-receipt{color:#15803d;border-color:#bbf7d0;background:#f0fdf4;}
.history-btn-icon.btn-receipt:hover{background:#dcfce7;border-color:#86efac;}
.history-btn-icon.btn-excel{color:#0369a1;border-color:#bae6fd;background:#f0f9ff;}
.history-btn-icon.btn-excel:hover{background:#e0f2fe;border-color:#7dd3fc;}
.history-btn-icon.btn-draft{color:#475569;border-color:#cbd5e1;background:#f8fafc;}
.history-btn-icon.btn-refresh{color:#d97706;border-color:#fde68a;background:#fffbeb;}

.history-btn-toggle{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 7px;border-radius:6px;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;font-size:11px;font-weight:600;cursor:pointer;}
.history-btn-toggle:hover{background:#f1f5f9;border-color:#94a3b8;}
.history-btn-toggle .toggle-count{font-size:11px;color:#64748b;}
[data-toggle-history-row][aria-expanded=true] .lucide{transform:rotate(180deg)}

#history-panel .history-table{font-size:12px;width:100%;border-collapse:collapse;}
#history-panel .history-table th{background:#f8fafc;padding:8px 10px;text-align:left;color:#475569;border-bottom:1px solid #e2e8f0;font-weight:650;}
#history-panel .history-lot-row>td{padding:6px 10px;border-bottom:1px solid #e2e8f0;vertical-align:middle;}
.cell-primary{font-weight:600;color:#0f172a;}
.history-subline{font-size:11px;color:#64748b;line-height:1.2;}
.history-state-cell{width:115px;}
.history-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.history-controls input, .history-controls select{padding:6px 10px;border:1px solid var(--sb-line);border-radius:6px;font-size:13px;}

.history-objects-content{padding:8px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;}
.history-dropdown-wrapper{display:flex;flex-direction:column;gap:6px;}
.history-dropdown-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#475569;padding:0 2px;}
.history-dropdown-batch-files{display:flex;gap:6px;align-items:center;}
.history-dropdown-batch-files a{font-size:11px;text-decoration:none;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:4px;background:#fff;border:1px solid #cbd5e1;color:#334155;font-weight:500;}
.history-dropdown-batch-files a:hover{background:#f1f5f9;border-color:#94a3b8;}
.history-unlinked-alert{font-size:11px;background:#fffbeb;border:1px solid #fef3c7;color:#92400e;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:6px;}

.history-objects-scroll-pane{max-height:300px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:6px;background:#fff;}
.history-objects-dense-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.2;}
.history-objects-dense-table thead th{position:sticky;top:0;background:#f1f5f9;color:#475569;font-weight:600;font-size:11px;padding:6px 8px;text-align:left;border-bottom:1px solid #cbd5e1;z-index:1;}
.history-objects-dense-table tbody tr{height:30px;border-bottom:1px solid #f1f5f9;}
.history-objects-dense-table tbody tr:hover{background:#f8fafc;}
.history-objects-dense-table td{padding:4px 8px;vertical-align:middle;white-space:nowrap;}
.history-objects-dense-table .col-num{color:#94a3b8;font-size:11px;}
.history-objects-dense-table .col-dest{max-width:260px;overflow:hidden;text-overflow:ellipsis;}
.history-objects-dense-table .dest-name{font-weight:500;color:#0f172a;}
.tracking-pill{font-family:monospace;font-size:11px;background:#f1f5f9;padding:1px 5px;border-radius:4px;border:1px solid #e2e8f0;color:#0f172a;}
.history-mini-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:1px solid #cbd5e1;background:#fff;color:#475569;text-decoration:none;margin-left:2px;}
.history-mini-btn:hover{background:#f1f5f9;color:#0f172a;border-color:#94a3b8;}
.history-mini-btn .lucide{width:13px;height:13px;}

/* One responsive model per breakpoint keeps pointer hit-testing deterministic. */
.progress-list li::before { display: none; }
.progress-list [data-stage-icon] { display: inline-flex; }
#history-panel { max-width: none; }
#history-panel .history-scroll { max-width: 100%; overflow-x: hidden; }
#history-panel .history-table { width: 100%; min-width: 0; table-layout: fixed; }
#history-panel .history-table th,
#history-panel .history-lot-row > td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#history-panel .history-actions { position: relative; z-index: 1; flex-wrap: nowrap; }
#history-panel .history-object-table { width: 100%; table-layout: fixed; }
#history-panel .history-objects-scroll-pane { overflow: auto; }
#history-panel .history-objects-dense-table td { overflow-wrap: anywhere; white-space: normal; word-break: break-word; }
#history-panel .history-objects-dense-table .col-dest { width: auto; max-width: none; overflow: visible; text-overflow: clip; }

@media (max-width: 900px) {
  #history-panel .history-scroll { overflow: visible; }
  #history-panel .history-table,
  #history-panel .history-table > tbody { display: block; width: 100%; }
  #history-panel .history-table > thead { display: none; }
  #history-panel .history-table > tbody > tr[hidden] { display: none; }
  #history-panel .history-lot-row { display: block; width: 100%; margin-bottom: 12px; padding: 12px; border: 1px solid var(--sb-line); border-radius: 10px; background: var(--sb-surface); }
  #history-panel .history-lot-row > td { display: grid; grid-template-columns: minmax(96px, .35fr) minmax(0, 1fr); gap: 10px; width: 100%; padding: 5px 0; border: 0; overflow: visible; text-align: left !important; text-overflow: clip; white-space: normal; }
  #history-panel .history-lot-row > td::before { content: attr(data-label); color: var(--sb-muted); font-size: 11px; font-weight: 700; }
  #history-panel .history-lot-row > td:first-child { margin-bottom: 4px; padding-bottom: 10px; border-bottom: 1px solid var(--sb-line); }
  #history-panel .history-lot-row > td:last-child { display: block; margin-top: 6px; padding-top: 10px; border-top: 1px solid var(--sb-line); }
  #history-panel .history-lot-row > td:last-child::before { display: none; }
  #history-panel .history-actions { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; gap: 8px; }
  #history-panel .history-actions button { min-width: 44px; min-height: 44px; }
  #history-panel .history-actions .history-btn-icon { width: 44px; height: 44px; }
  #history-panel .history-actions .history-btn-toggle { flex: 1 1 150px; height: 44px; justify-content: center; }
  #history-panel .history-objects-row { display: block; width: 100%; margin: -4px 0 12px; }
  #history-panel .history-objects-row > td { display: block; width: 100%; padding: 0; }
}

.readiness-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sb-space-3, 12px); margin: 0 0 18px; }
.readiness-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 52px; padding: 10px 12px; border: 1px solid var(--sb-line); border-radius: var(--sb-radius-md, 10px); background: var(--sb-surface); }
.readiness-item > span { font-size: 13px; font-weight: 700; }
.settings-switches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
.filter-row { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)) auto; gap: 10px; align-items: end; margin: 0 0 18px; padding: 14px; border: 1px solid var(--sb-line); border-radius: var(--sb-radius-md, 10px); background: var(--sb-surface-subtle, #f8fafc); }
.filter-row label { min-width: 0; }
.order-detail-card { margin-top: 18px; }
.order-detail-card h3[tabindex] { outline: none; }
.order-state-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 16px 0; }
.order-state-grid > div { padding: 10px; border: 1px solid var(--sb-line); border-radius: 8px; }
.order-state-grid dt { color: var(--sb-muted); font-size: 11px; font-weight: 700; text-transform: uppercase; }
.order-state-grid dd { margin: 4px 0 0; overflow-wrap: anywhere; font-weight: 700; }
.event-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.event-list li { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--sb-line); }
.event-list span { color: var(--sb-muted); font-size: 12px; text-align: right; }
.admin-confirm-dialog { width: min(460px, calc(100% - 32px)); padding: 0; border: 0; border-radius: var(--sb-radius-lg, 14px); box-shadow: var(--sb-shadow-lg, 0 20px 70px #17203340); }
.admin-confirm-dialog::backdrop { background: #17203399; }
.admin-confirm-dialog form { display: grid; gap: 14px; padding: 24px; }
.admin-confirm-dialog h2, .admin-confirm-dialog p { margin: 0; }
button.danger { min-height: 44px; border: 1px solid #b42318; background: #fff; color: #b42318; }

@media (max-width: 760px) {
  .readiness-grid, .order-state-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .filter-row { grid-template-columns: 1fr 1fr; }
  .filter-row label:last-of-type, .filter-row button { grid-column: 1 / -1; }
  .settings-switches { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .readiness-grid, .order-state-grid, .filter-row { grid-template-columns: 1fr; }
  .event-list li { align-items: flex-start; flex-direction: column; }
  .event-list span { text-align: left; }
}