/* Approved SumiNord appearance. Screen-only; invoice/CMR/PDF print layouts are unchanged. */
@media screen {
  .sn-finished { --navy:#152e3d; --blue:#234e64; --gold:#bd9b55; --ink:#203c4b; --muted:#536b77; --line:#dce3e6; --border:#dce3e6; --radius:8px; font-family:"Segoe UI",Arial,sans-serif; font-size:14px; line-height:1.45; color:var(--ink); background:#f4f6f5; }
  .sn-finished h1 { font-size:26px; font-weight:500; letter-spacing:-.5px; line-height:1.2; }
  .sn-finished h2 { font-size:16px; font-weight:500; letter-spacing:0; line-height:1.35; }
  .sn-finished h3 { font-size:15px; font-weight:500; letter-spacing:0; }
  .sn-finished b, .sn-finished strong { font-weight:500; }
  .sn-finished label, .sn-finished .field label { font-size:13px; color:#334f60; font-weight:500; }
  .sn-finished p { overflow-wrap:anywhere; }
  .sn-finished .hint, .sn-finished .muted { color:var(--muted); font-size:12px; line-height:1.45; }
  .sn-finished input, .sn-finished select, .sn-finished textarea { font:inherit; color:var(--ink); min-height:38px; border-radius:6px; padding:8px 10px; }
  .sn-finished input[type=checkbox], .sn-finished input[type=radio] { min-height:0; padding:0; }
  .sn-finished .field textarea, .sn-finished textarea { min-height:90px; }
  .sn-finished .btn, .sn-finished .button, .sn-finished .camera, .sn-finished .gallery { font-size:13px; font-weight:400; padding:7px 12px; min-height:34px; border-radius:6px; }
  .sn-finished .btn.primary, .sn-finished .button.primary { background:var(--blue); border-color:var(--blue); box-shadow:inset 0 -2px var(--gold); }
  .sn-finished .panel { padding:18px; border-radius:8px; margin-bottom:16px; box-shadow:none; }
  .sn-finished .panel h2 { font-size:16px; font-weight:500; }
  .sn-finished .panel-head, .sn-finished .panel-heading { margin-bottom:14px; gap:10px; }
  .sn-finished .actions { gap:8px; }
  .sn-finished .formgrid, .sn-finished .grid-form { gap:14px; }
  .sn-finished table { font-size:13px; }
  .sn-finished th { font-size:12px; text-transform:none; letter-spacing:0; color:#486370; }
  .sn-finished th, .sn-finished td { padding:10px 12px; }
  .sn-finished .empty { padding:14px 0; font-size:13px; color:var(--muted); }
  .sn-finished .pill, .sn-finished .badge { font-weight:400; font-size:11px; border-radius:4px; }
  .sn-finished .stats, .sn-finished .cards { gap:12px; margin-bottom:16px; }
  .sn-finished .stat, .sn-finished .cards>.card { padding:16px; border-radius:8px; border-top:2px solid var(--gold); box-shadow:none; }
  .sn-finished .stat::after, .sn-finished .cards>.card::after { display:none; }
  .sn-finished .stat span, .sn-finished .card>span { color:var(--muted); font-size:12px; }
  .sn-finished .stat strong, .sn-finished .cards .card strong { font-size:28px; font-weight:500; line-height:1.2; letter-spacing:-.4px; }
  .sn-finished .card small { font-size:11px; }
  .sn-finished .brand, .sn-finished header .brand, .sn-finished .sn-brand, .sn-finished header .brand b { color:#d5b66f; font-weight:500; letter-spacing:-.7px; }
  .sn-finished .brand::after { display:none; }
  .sn-finished header .brand>span { color:#dce5e9; }
  .sn-finished:has(> .app) { display:block; height:auto; min-height:100dvh; overflow:visible; }
  .sn-finished .app { display:grid; grid-template-columns:202px minmax(0,1fr); height:auto; min-height:calc(100dvh - 54px); overflow:visible; align-items:start; }
  .sn-finished .app>.sidebar { position:sticky; top:0; width:auto; height:auto; max-height:100dvh; padding:12px 10px; overflow-y:auto; background:var(--navy); align-self:start; min-height:calc(100dvh - 54px); }
  .sn-finished .sidebar>.brand, .sn-finished .sidebar>.subbrand { display:none; }
  .sn-finished .sidebar .nav { display:grid; gap:3px; overflow:visible; }
  .sn-finished .sidebar .nav button, .sn-finished .sidebar .nav-link, .sn-finished .sidebar .nav-group>summary { min-height:34px; padding:8px 10px; border-radius:5px; font-size:13px; font-weight:400; line-height:1.35; color:#e6eef1; margin:0; text-align:left; }
  .sn-finished .sidebar .nav-link { width:100%; }
  .sn-finished .nav-group>summary { cursor:pointer; }
  .sn-finished .nav-group>button, .sn-finished .nav-group>.nav-link { padding-left:23px; }
  .sn-finished .nav button.active { background:#294957; color:white; box-shadow:inset 2px 0 var(--gold); }
  .sn-finished .side-note { color:#c0ced5; border-top:1px solid #36505e; margin:18px 8px 0; padding-top:10px; font-size:11px; }
  .sn-finished .app>.main { height:auto; overflow:visible; max-width:none; margin:0; padding:24px; }
  .sn-finished .top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0; border:0; margin-bottom:20px; }
  .sn-finished .top h1 { margin:0; font-size:26px; font-weight:500; }
  .sn-finished #pageSubtitle { display:none; }
  .sn-finished .sn-main-actions { display:flex; margin:0; flex-wrap:wrap; }
  .sn-finished .sn-dashboard-actions { display:flex; justify-content:flex-end; }
  .sn-finished .workflow-queue-row { padding:9px 0; }
  .sn-finished .workflow-tabs { gap:6px; padding-top:12px; }
  .sn-finished .sn-recovery-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:54px; padding:10px 22px; border:0; background:var(--navy); color:#edf2f4; }
  .sn-finished .sn-brand { font-size:24px; text-decoration:none; padding:0; }
  .sn-finished .sn-header-controls { display:flex; align-items:center; gap:16px; }
  .sn-finished .sn-recovery-bar .btn { min-height:30px; padding:4px 8px; background:transparent; border:1px solid #4e6b7b; color:#edf2f4; font-size:12px; }
  .sn-finished .sn-backup-menu { position:relative; font-size:12px; }
  .sn-finished .sn-backup-menu summary { font-size:12px; font-weight:400; cursor:pointer; }
  .sn-finished .sn-backup-menu summary::marker { color:#d5b66f; }
  .sn-finished .sn-backup-menu>div { position:absolute; right:0; top:calc(100% + 12px); z-index:1200; width:260px; max-width:80vw; padding:14px; border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--ink); box-shadow:0 8px 24px #152e3d14; display:grid; gap:10px; }
  .sn-finished .sn-backup-menu a { color:var(--blue); }
  .sn-finished .sn-recovery-bar #healthLabel:empty::after { content:'Nema aktivnih upozorenja.'; }
  .sn-finished .page-heading { margin-bottom:20px; }
  .sn-finished .page-heading h1 { margin:0; font-size:26px; font-weight:500; }
  .sn-finished header { padding:12px 24px; }
  .sn-finished header .brand { font-size:24px; }
  .sn-finished header .brand>span { font-size:11px; }
  .sn-finished main:not(.main):not(.wrap) { padding-top:24px; }
  .sn-finished .filters { padding:14px 16px; margin-bottom:16px; gap:12px; border-radius:8px; }
  .sn-finished .tabs button { font-size:13px; font-weight:400; padding:8px 12px; }
  .sn-finished .definitions { font-size:13px; gap:8px 16px; }
  .sn-finished .definitions dt { font-weight:400; }
  .sn-finished .brand .logo { color:#d5b66f; }
  .sn-finished .wrap>.card { padding:18px; }
  .sn-finished .table-wrap::before { display:none; }
  body.sn-login.sn-finished { margin:0; display:flex; flex-direction:column; min-height:100svh; padding:0; background:#f4f6f5; }
  .sn-login.sn-finished .sn-login-header { background:var(--navy); min-height:54px; padding:10px 24px; display:flex; align-items:center; width:100%; }
  .sn-login.sn-finished main { width:min(390px,calc(100% - 32px)); padding:26px 28px; margin:28px auto; background:white; border:1px solid var(--line); border-radius:10px; box-shadow:0 8px 24px #19354408; }
  .sn-login.sn-finished h1 { font-size:25px; font-weight:500; margin:0 0 5px; }
  .sn-login.sn-finished .login-subtitle { color:var(--muted); font-size:13px; margin:0 0 20px; }
  .sn-login.sn-finished label { display:flex; align-items:center; justify-content:space-between; font-size:13px; color:#334f60; font-weight:500; }
  .sn-login.sn-finished input { width:100%; min-height:40px; height:40px; margin:7px 0 14px; padding:8px 11px; font-size:16px; border:1px solid #ccd6dc; border-radius:6px; }
  .sn-login.sn-finished .sn-optional { font-size:11px; font-weight:400; color:var(--muted); }
  .sn-login.sn-finished .sn-field-help { display:block; margin:-8px 0 15px; color:var(--muted); font-size:11px; }
  .sn-login.sn-finished button[type=submit] { width:100%; min-height:40px; font-size:14px; margin:0; padding:9px 14px; border-radius:6px; font-weight:500; background:var(--blue); box-shadow:inset 0 -2px var(--gold); }
  .sn-login.sn-finished .sn-password-toggle { display:block; width:auto; border:0; background:none; color:var(--blue); min-height:24px; margin:-10px 0 12px auto; padding:2px 0; font-size:11px; font-weight:400; box-shadow:none; }
  .sn-login.sn-finished #msg { margin:12px 0 0; min-height:0; font-size:13px; color:#9c3030; }
  .sn-login.sn-finished #msg:empty { display:none; }
  @media(max-width:1000px) { .sn-finished .stats,.sn-finished .cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media(max-width:850px) {
    .sn-finished .app { display:block; }
    .sn-finished .app>.sidebar { position:static; height:auto; max-height:none; min-height:0; overflow:visible; padding:10px 14px; }
    .sn-finished .sidebar-menu>summary { min-height:36px; padding:7px 10px; font-size:13px; font-weight:400; }
    .sn-finished .sidebar-menu .nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .sn-finished .sidebar-menu:not([open]) .nav { display:none; }
    .sn-finished .nav-group { grid-column:auto; }
    .sn-finished .app>.main { padding:18px; }
    .sn-finished .formgrid,.sn-finished .grid-form { grid-template-columns:1fr; }
    .sn-finished .side-note { display:none; }
    .sn-finished .table-wrap { max-width:100%; overflow-x:auto; }
  }
  @media(max-width:550px) {
    .sn-finished .sn-recovery-bar { padding:10px 14px; gap:8px; }
    .sn-finished .sn-brand { font-size:22px; }
    .sn-finished .sn-header-controls { gap:8px; }
    .sn-finished .sn-backup-menu summary { font-size:11px; }
    .sn-finished .sn-recovery-bar .btn { font-size:11px; padding:4px 6px; }
    .sn-finished .app>.main { padding:16px; }
    .sn-finished .top { align-items:flex-start; flex-wrap:wrap; gap:12px; }
    .sn-finished .top h1,.sn-finished .page-heading h1 { font-size:24px; }
    .sn-finished .stats,.sn-finished .cards { gap:10px; }
    .sn-finished .stat,.sn-finished .cards>.card { padding:12px; }
    .sn-finished .stat strong,.sn-finished .cards .card strong { font-size:25px; }
    .sn-finished .panel { padding:14px; }
    .sn-finished header { padding:12px 16px; }
    .sn-finished header .brand { font-size:22px; }
    .sn-finished .sn-main-actions .btn { flex-grow:0; }
    .sn-login.sn-finished main { padding:23px 20px; margin:20px auto; }
  }
  @media(pointer:coarse) { .sn-finished .btn,.sn-finished .button,.sn-finished .nav button,.sn-finished .nav-link,.sn-finished summary,.sn-finished select { min-height:44px; } }
}

/* Shared application shell: a single document scroll, with the same navigation on every page. */
@media screen {
  .sn-finished .app { align-items:stretch; }
  .sn-finished .app>.sidebar { position:static; height:auto; max-height:none; overflow:visible; border:0; border-radius:0; }
  .sn-finished .app>.main { display:block; height:auto; min-height:0; overflow:visible; }
  .sn-finished .sidebar-menu { position:static; }
  .sn-finished .sidebar .nav a,.sn-finished .sidebar .nav button { display:flex; align-items:center; gap:10px; text-decoration:none; }
  .sn-finished .sidebar .nav-group>summary { display:flex; align-items:center; gap:10px; list-style:none; font-weight:400; }
  .sn-finished .sidebar .nav-group>summary::-webkit-details-marker { display:none; }
  .sn-finished .sidebar .nav-group>summary::marker { content:''; }
  .sn-finished .sidebar .nav-group>summary .sn-icon:last-child { margin-left:auto; width:13px; height:13px; }
  .sn-finished .sidebar .nav-group[open]>summary .sn-icon:last-child { transform:rotate(180deg); }
  .sn-finished .nav a.active { background:#294957; color:#fff; box-shadow:inset 2px 0 var(--gold); }
  .sn-finished .sn-icon { display:inline-block; width:16px; height:16px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; vertical-align:middle; }
  .sn-finished a.btn { text-decoration:none; }
  .sn-finished .side-note { display:none; }
  .sn-finished .sn-finance-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sn-finished .sn-finance-cards .card:last-child { background:#edf2f1; border-top-color:var(--blue); }
  .sn-finished .sn-finance-cards small:empty { display:none; }
  .sn-finished .sn-finance-cards strong { font-size:clamp(20px,2vw,28px); white-space:nowrap; }
  .sn-finished .sn-monthly-lines { margin:0; }
  .sn-finished .sn-monthly-lines>div { display:flex; justify-content:space-between; gap:16px; padding:11px 0; border-bottom:1px solid #edf0f1; font-size:14px; }
  .sn-finished .sn-monthly-lines dd { margin:0; font-variant-numeric:tabular-nums; white-space:nowrap; }
  .sn-finished .sn-monthly-lines .sn-monthly-result { border-top:1px solid var(--line); border-bottom:0; margin-top:4px; font-weight:500; padding-top:14px; }
  .sn-finished .sn-vehicle-report { margin-top:12px; }
  .sn-finished .sn-vehicle-report summary { font-size:13px; font-weight:400; padding:8px 0; color:var(--muted); }
  .sn-finished.sn-shell-page .filters { display:flex; flex-wrap:wrap; align-items:end; }
  .sn-finished.sn-shell-page main>.top { margin-bottom:20px; }
  .sn-finished.sn-shell-page main>.top h1 { font-size:26px; }
  .sn-finished.sn-map.sn-shell-page main.main { display:block; width:auto; max-width:none; margin:0; padding:24px; height:auto; min-height:0; }
  .sn-finished.sn-map .app>.sidebar { padding:12px 10px; }
  .sn-finished .sn-map-content { display:grid; grid-template-columns:minmax(220px,280px) minmax(0,1fr); gap:16px; }
  .sn-finished .sn-map-content>aside { max-height:none; height:auto; overflow:visible; min-width:0; padding:16px; }
  .sn-finished .sn-map-content .map-panel { min-height:480px; height:65dvh; }
  .sn-finished.map-wide .sn-map-content { grid-template-columns:minmax(0,1fr); }
  .sn-finished.map-wide .sn-map-content>aside { display:none; }
  .sn-finished .sn-dashboard-actions { justify-content:flex-end; }
  .sn-finished .sn-record-row { display:flex; align-items:center; justify-content:space-between; gap:20px; width:100%; padding:17px 0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; color:var(--ink); text-align:left; font:inherit; font-weight:400; }
  .sn-finished .sn-pdf-import { padding:18px; margin-bottom:22px; border:1px solid var(--line); border-top:2px solid var(--gold); border-radius:8px; background:#f6f9f8; }
  .sn-finished .sn-pdf-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
  .sn-finished .sn-pdf-heading h3 { margin:0 0 4px; font-size:17px; }
  .sn-finished .sn-pdf-caption { font-size:12px; color:var(--muted); }
  .sn-finished .sn-pdf-file { display:grid; grid-template-columns:1fr; gap:8px; }
  .sn-finished .sn-pdf-file input { width:100%; min-width:0; padding:8px; background:#fff; }
  .sn-finished .sn-pdf-file input::file-selector-button { border:0; border-radius:4px; background:var(--blue); color:#fff; padding:8px 12px; margin-right:12px; font:inherit; }
  .sn-finished .sn-pdf-format { color:var(--muted); font-size:11px; }
  .sn-finished .sn-pdf-result { padding-top:12px; margin-top:12px; border-top:1px solid var(--line); }
  .sn-finished #pdfStatus { font-weight:400; font-size:13px; color:var(--ink); }
  .sn-finished #pdfStatus[data-state=incomplete] { color:#8b5a1c; }
  .sn-finished .sn-pdf-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:14px; }
  .sn-finished .sn-pdf-summary>div { display:grid; gap:5px; min-width:0; }
  .sn-finished .sn-pdf-summary span { font-size:11px; color:var(--muted); }
  .sn-finished .sn-pdf-summary strong { font-size:13px; font-weight:500; overflow-wrap:anywhere; }
  .sn-finished .sn-pdf-confirm { display:flex; align-items:center; gap:10px; padding:12px 0; margin:12px 0 4px; }
  .sn-finished .sn-pdf-confirm input { min-height:0; width:17px; height:17px; accent-color:var(--blue); }
  .sn-finished .sn-pdf-missing { border-color:#b89243; }
  .sn-finished .sn-location-advanced { margin-top:12px; }
  .sn-finished .sn-location-advanced summary { font-size:12px; color:var(--muted); font-weight:400; }
  .sn-finished .sn-location-advanced>.formgrid { margin-top:12px; }
  .sn-finished [hidden] { display:none !important; }
  @media(max-width:650px) { .sn-finished .sn-pdf-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } }
  .sn-finished .sn-record-row:last-child { border-bottom:0; }
  .sn-finished .sn-record-row>span:first-child { min-width:0; overflow-wrap:anywhere; }
  .sn-finished .sn-record-row>span:last-child { color:var(--muted); text-align:right; font-variant-numeric:tabular-nums; }
  .sn-finished .sn-record-row:hover { background:#f6f9f8; }
  .sn-finished .sn-record-search { font-size:12px; }
  .sn-finished .sn-record-search input { margin-top:8px; }
  .sn-finished .sn-trip-tools { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
  .sn-finished .sn-trip-tools label { display:flex; align-items:center; gap:8px; }
  .sn-finished .sn-currency { font-size:12px; font-weight:400; }
  .sn-finished .sn-backup-menu>summary { list-style:none; display:flex; align-items:center; gap:8px; }
  .sn-finished .sn-backup-menu>summary::-webkit-details-marker { display:none; }
  .sn-finished .sn-backup-menu>summary::before { content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:#d5b66f; }
  .sn-finished #safeReload,.sn-finished #sn-shell-refresh { display:flex; align-items:center; justify-content:center; border:0; padding:4px; background:transparent; }
  .sn-finished.sn-shell-page .filters { background:transparent; border:0; box-shadow:none; padding:0; }
  .sn-finished.sn-shell-page .filters label { display:flex; flex-direction:row; align-items:center; gap:10px; }
  .sn-finished.sn-shell-page .tabs { margin-bottom:16px; }
  @media(max-width:1000px) { .sn-finished .sn-finance-cards { grid-template-columns:1fr; } .sn-finished .sn-finance-cards .card { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; } }
  @media(max-width:850px) { .sn-finished .sn-map-content { grid-template-columns:1fr; } .sn-finished.sn-map.sn-shell-page main.main { padding:18px; } }
  @media(max-width:550px) { .sn-finished .sn-monthly-lines>div { font-size:12px; } .sn-finished .sn-recovery-bar { min-height:54px; } }
}

/* Overview: existing records, accessible status labels and a local map frame. */
.sn-truck-icon{width:62px;height:42px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.sn-finished .app>.main{min-width:0;box-sizing:border-box}.sn-finished .top,.sn-finished .panel-head{flex-wrap:wrap}.sn-finished .top>*,.sn-finished .panel-head>*{min-width:0;max-width:100%}.sn-finished .sn-dashboard-actions .btn{white-space:normal;overflow-wrap:anywhere}.sn-finished .table-wrap{max-width:100%;overflow-x:auto}.sn-finished .sn-delivery-card>*{min-width:0;overflow-wrap:anywhere}
.sn-order-status{display:inline-block;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:700;white-space:nowrap;border:1px solid transparent}
.sn-status-new{background:#edf2f7;color:#40546a;border-color:#ccd9e3}.sn-status-assigned{background:#e5f0ff;color:#205798;border-color:#b6d1ef}.sn-status-transit{background:#eee7ff;color:#6934ad;border-color:#d1b9ef}.sn-status-waiting{background:#fff5d6;color:#805800;border-color:#ebd588}.sn-status-done{background:#e0f3e8;color:#206348;border-color:#a9d6bc}.sn-status-cancelled{background:#fde9e9;color:#9b3030;border-color:#e9b6b6}
.sn-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;margin:20px 0}.sn-overview-grid .panel{margin:0;min-width:0}.sn-overview-grid h2{font-size:19px}.sn-delivery-card{display:flex;gap:15px;justify-content:space-between;border:1px solid #dce4e9;border-radius:10px;padding:16px;margin-top:12px}.sn-delivery-card:first-of-type{border-color:#c4abdf}.sn-delivery-card h3{margin:5px 0 10px;font-size:17px}.sn-delivery-card p{font-size:13px;line-height:1.5}.sn-vehicle-tag{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;max-width:130px;text-align:center;font-size:12px}.sn-vehicle-tag>span{font-size:42px;color:#244957}.sn-overview-map iframe{width:100%;height:365px;border:0;border-radius:10px}.sn-overview-stats .stat{border-top:3px solid #c6a04f}.sn-overview-stats .stat:nth-child(2){border-top-color:#64a88c}.sn-overview-stats .stat:nth-child(3){border-top-color:#7f69b1}.sn-overview-stats .stat:nth-child(4){border-top-color:#dcad45}
body.dashboard-map main{display:block!important;height:100dvh!important;min-height:0!important;padding:0!important}body.dashboard-map main>aside{display:none!important}body.dashboard-map .map-panel{height:100dvh!important;min-height:0!important;border-radius:0!important}body.dashboard-map .map-tools{display:none!important}
@media(max-width:1050px){.sn-overview-grid{grid-template-columns:1fr}.sn-overview-map iframe{height:320px}}@media(max-width:600px){.sn-delivery-card{padding:12px}.sn-overview-grid .panel-head{flex-wrap:wrap;gap:10px}.sn-overview-stats{grid-template-columns:1fr 1fr!important}.sn-overview-stats .stat{min-width:0}.sn-overview-map iframe{height:280px}}

/* Compact overview, including laptop-sized virtual-machine viewports. */
@media screen {
 .sn-finished .main:has(.sn-overview-grid){padding:18px}
 .sn-finished .main:has(.sn-overview-grid)>.top{margin-bottom:10px}
 .sn-finished .main:has(.sn-overview-grid)>.top h1{font-size:24px}
 .sn-finished .sn-dashboard-actions{margin:0 0 10px}
 .sn-finished .sn-overview-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
 .sn-finished .sn-overview-stats .stat{min-width:0;padding:12px;min-height:82px}
 .sn-finished .sn-overview-stats .stat span{font-size:11px;line-height:1.35}
 .sn-finished .sn-overview-stats .stat strong{font-size:25px;margin-top:6px}
 .sn-finished .sn-overview-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:14px;margin:12px 0}
 .sn-finished .sn-overview-grid .panel{padding:14px}
 .sn-finished .sn-overview-grid .panel-head{margin-bottom:10px;gap:6px}
 .sn-finished .sn-overview-grid h2{font-size:15px;margin:0}
 .sn-finished .sn-overview-grid .panel-head .btn{font-size:11px;padding:5px 8px;min-height:29px}
 .sn-finished .sn-delivery-card{padding:8px;gap:10px;margin-top:7px;border-radius:7px;min-height:0}
 .sn-finished .sn-delivery-card>div>.hint:first-child{display:none}
 .sn-finished .sn-delivery-card h3{font-size:14px;margin:0 0 3px}
 .sn-finished .sn-delivery-card p{font-size:12px;margin:4px 0;line-height:1.35}
 .sn-finished .sn-delivery-card .hint{font-size:10px}
 .sn-finished .sn-delivery-card .sn-order-status{font-size:10px;padding:3px 6px}
 .sn-finished .sn-vehicle-tag{max-width:95px;flex:0 0 80px;gap:6px;font-size:10px}
 .sn-finished .sn-vehicle-tag>span{font-size:0;line-height:1;display:block;height:30px}
 .sn-finished .sn-vehicle-tag .btn{font-size:11px;padding:4px 8px;min-height:28px}
 .sn-finished .sn-truck-icon{width:50px;height:30px}
 .sn-finished .sn-overview-map iframe{height:300px;display:block}
 .sn-finished .sn-overview-map>.hint{font-size:10px;margin:7px 0 0}
 .sn-finished .main:has(.sn-overview-grid) .table-wrap th,.sn-finished .main:has(.sn-overview-grid) .table-wrap td{padding:8px;font-size:12px}
 .sn-finished .main:has(.sn-overview-grid) .table-wrap .btn{padding:4px 8px;min-height:28px;font-size:11px}
}
@media screen and (min-width:760px) and (max-width:1100px){
 .sn-finished .app:has(.sn-overview-grid){grid-template-columns:172px minmax(0,1fr)}
 .sn-finished .main:has(.sn-overview-grid){padding:14px}
 .sn-finished .sn-overview-grid{gap:10px}
 .sn-finished .sn-overview-grid .panel{padding:11px}
 .sn-finished .sn-overview-grid .panel-head{align-items:flex-start}
 .sn-finished .sn-overview-stats .stat{padding:10px}
}
@media screen and (max-width:759px){
 .sn-finished .sn-overview-grid{grid-template-columns:minmax(0,1fr)}
 .sn-finished .sn-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .sn-finished .sn-overview-map iframe{height:280px}
}

/* Compact order rows; only the order identifier receives the purple accent. */
.sn-finished .sn-orders-table{table-layout:auto;min-width:720px;width:100%}
.sn-finished .sn-orders-table td,.sn-finished .sn-orders-table th{padding:7px 9px!important;vertical-align:top;font-size:12px;line-height:1.35}
.sn-finished .sn-orders-table td{height:auto}
.sn-finished .sn-order-number{color:#7041b0;font-weight:600}
.sn-finished .sn-orders-table td:nth-child(1){width:15%}
.sn-finished .sn-orders-table td:nth-child(2){width:17%}
.sn-finished .sn-orders-table td:nth-child(3){width:25%;overflow-wrap:anywhere}
.sn-finished .sn-orders-table td:nth-child(4){width:10%}
.sn-finished .sn-orders-table td:nth-child(5){white-space:nowrap}
.sn-finished .sn-order-actions{display:flex;gap:5px;flex-wrap:nowrap;align-items:flex-start}
.sn-finished .sn-order-actions .btn{white-space:nowrap;min-height:28px;padding:4px 7px;font-size:11px}
.sn-finished .sn-orders-table .sn-order-status{font-size:10px;padding:4px 6px}

/* Invoice and CMR tables use compact spacing, keeping every action available. */
.sn-finished .sn-invoices-table,.sn-finished .sn-cmr-table{width:100%;table-layout:auto}
.sn-finished .sn-invoices-table td,.sn-finished .sn-invoices-table th,.sn-finished .sn-cmr-table td,.sn-finished .sn-cmr-table th{padding:7px 8px!important;vertical-align:top;font-size:12px;line-height:1.35;height:auto}
.sn-finished .sn-invoices-table{min-width:720px}
.sn-finished .sn-invoices-table td:nth-child(3),.sn-finished .sn-invoices-table td:nth-child(4),.sn-finished .sn-invoices-table td:nth-child(5),.sn-finished .sn-invoices-table td:nth-child(6){white-space:nowrap}
.sn-finished .sn-invoices-table td:first-child{min-width:130px;max-width:180px;overflow-wrap:anywhere}
.sn-finished .sn-invoices-table td:nth-child(2){min-width:100px;max-width:160px}
.sn-finished .sn-table-actions{display:flex;align-items:flex-start;gap:5px;flex-wrap:nowrap}
.sn-finished .sn-table-actions .btn{white-space:nowrap;min-height:28px;padding:4px 7px;font-size:11px;line-height:1.3}
.sn-finished .sn-cmr-table{min-width:720px}
.sn-finished .sn-cmr-actions{flex-wrap:wrap;min-width:230px;max-width:330px}
.sn-finished .sn-cmr-table td:nth-last-child(2){overflow-wrap:anywhere;max-width:240px}
.sn-finished .sn-cmr-table .pill{padding:4px 6px;font-size:11px}
@media screen and (max-width:1100px){
 .sn-finished .sn-invoices-table td,.sn-finished .sn-invoices-table th{padding:6px 5px!important;font-size:11px}
 .sn-finished .sn-invoices-table td:first-child{min-width:100px;max-width:140px}
 .sn-finished .sn-invoices-table td:nth-child(2){min-width:80px;max-width:120px}
 .sn-finished .sn-invoices-table .sn-table-actions .btn{font-size:10px;padding:4px 5px}
 .sn-finished .sn-invoices-table .hint{font-size:10px}
}

/* Keep all invoice columns and actions inside a laptop viewport. */
.sn-finished .sn-new-order.btn.primary{background:#7141b7;border-color:#6335a4;color:#fff;box-shadow:none}
.sn-finished .sn-new-order.btn.primary:hover{background:#5b2c98;border-color:#5b2c98}
.sn-finished .sn-delivery-card h3{color:#7041b0}
@media screen and (min-width:601px){
 .sn-finished .sn-invoices-table{table-layout:fixed;min-width:0;width:100%}
 .sn-finished .sn-invoices-table td{min-width:0!important;max-width:none!important;overflow-wrap:anywhere;white-space:normal!important}
 .sn-finished .sn-invoices-table th{overflow-wrap:anywhere}
 .sn-finished .sn-invoices-table th,.sn-finished .sn-invoices-table td{font-size:12px}
 .sn-finished .sn-invoices-table th:nth-child(1){width:18%}
 .sn-finished .sn-invoices-table th:nth-child(2){width:15%}
 .sn-finished .sn-invoices-table th:nth-child(3),.sn-finished .sn-invoices-table th:nth-child(4),.sn-finished .sn-invoices-table th:nth-child(5){width:11%}
 .sn-finished .sn-invoices-table th:nth-child(6){width:12%}
 .sn-finished .sn-invoices-table th:nth-child(7){width:10%}
 .sn-finished .sn-invoices-table th:nth-child(8){width:12%}
 .sn-finished .sn-invoices-table .sn-table-actions{flex-wrap:wrap;gap:4px}
 .sn-finished .sn-invoices-table .sn-table-actions .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:11px;min-height:30px}
}

/* Record navigation only: no changes to business rules or global scale. */
.sn-finished .sn-order-status{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;font-size:12px}
.sn-finished .sn-status-new{color:#7041b0}.sn-finished .sn-status-transit{color:#205798}.sn-finished .sn-status-done{color:#206348}
.sn-record-link{color:#7041b0;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.sn-record-link:focus-visible{outline:2px solid #7041b0;outline-offset:3px}
.sn-record-footer{margin-top:24px;padding-top:16px;border-top:1px solid #ddd}
.sn-cmr-table .sn-order-status{white-space:normal}

@media screen and (min-width:601px){
 .sn-finished .sn-orders-table,.sn-finished .sn-cmr-table{min-width:0;width:100%;table-layout:fixed}
 .sn-finished .sn-orders-table td,.sn-finished .sn-cmr-table td{min-width:0;overflow-wrap:anywhere;white-space:normal}
 .sn-orders-table th:nth-child(1),.sn-orders-table td:nth-child(1){width:19%}
 .sn-orders-table th:nth-child(2),.sn-orders-table td:nth-child(2){width:22%}
 .sn-orders-table th:nth-child(3),.sn-orders-table td:nth-child(3){width:27%}
 .sn-orders-table th:nth-child(4),.sn-orders-table td:nth-child(4){width:11%}
 .sn-orders-table th:nth-child(5),.sn-orders-table td:nth-child(5){width:11%}
 .sn-orders-table th:nth-child(6),.sn-orders-table td:nth-child(6){width:10%}
 .sn-cmr-table th:nth-child(1){width:23%}.sn-cmr-table th:nth-child(2){width:30%}
 .sn-cmr-table th:nth-child(3){width:18%}.sn-cmr-table th:nth-child(4){width:29%}
 .sn-invoices-table th:nth-child(1){width:22%}.sn-invoices-table th:nth-child(2){width:22%}
 .sn-invoices-table th:nth-child(3),.sn-invoices-table th:nth-child(4),.sn-invoices-table th:nth-child(5){width:12%}
 .sn-invoices-table th:nth-child(6){width:11%}.sn-invoices-table th:nth-child(7){width:9%}
}

.sn-finished .sn-orders-table .sn-order-status{white-space:normal;overflow-wrap:anywhere;font-size:12px;padding:0}

@media screen and (min-width:601px){
 .sn-orders-table th:nth-child(2){width:21%}.sn-orders-table th:nth-child(3){width:25%}.sn-orders-table th:nth-child(6){width:13%}
 .sn-finished .sn-orders-table .sn-order-status{overflow-wrap:normal;word-break:normal}
}

/* Requested status colors; labels and business state remain separate. */
.sn-finished .sn-status-new{color:#957100}.sn-finished .sn-status-transit{color:#7041b0}.sn-finished .sn-status-done{color:#438a52}

.sn-finished .sn-status-waiting{color:#a75d0b}

.sn-delete-dialog{width:min(560px,calc(100vw - 40px));max-height:85vh;box-sizing:border-box;overflow:auto;border:1px solid #ccd4dd;border-radius:12px;padding:24px;color:#183440;background:#fff;box-shadow:0 10px 40px #0004}
.sn-delete-dialog::backdrop{background:#152c3b88}.sn-delete-dialog h2{font-size:21px;margin-top:0}
.sn-delete-dialog input{display:block;box-sizing:border-box;width:100%;padding:10px;font:inherit;margin-top:6px}
.sn-delete-dialog #deleteRecordMessage{padding:10px;background:#f4f6f8;white-space:pre-wrap}
.sn-related-record{background:none;border:0;color:#7041b0;text-decoration:underline;padding:5px 0;font:inherit;cursor:pointer;text-align:left}

.sn-delete-dialog textarea{display:block;width:100%;min-height:80px;box-sizing:border-box;padding:10px;font:inherit;margin:6px 0 12px}