/* WinNak v5: neutral workspace, clear type and compact proportions. */
:root{--paper:#f7f7f5;--line:#e3e5e5;--muted:#687680;--ink:#173247;--accent:#bf8055}
.portal{background:var(--paper)}input,textarea,.filters{background:#fff}input:focus,textarea:focus,select:focus{outline:none;border-color:#a87a58;box-shadow:0 0 0 3px #bf805518}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b47c53;outline-offset:3px}
.sidebar{width:272px;padding:20px 14px 16px;border-color:var(--line)}.sidebar .brand-logo{padding:0 12px 16px;margin-bottom:13px}.sidebar .brand-logo img{height:75px}.sidebar .brand-logo span{font-size:12px;letter-spacing:.15px;color:#546574;margin-top:8px}.sidebar .brand-logo b{font-size:11px;background:#f1e8df;color:#986944;padding:2px 5px;border-radius:4px}.sidebar nav{gap:3px;flex:1;min-height:0;scrollbar-width:thin}.sidebar nav a{font-size:15px;padding:11px 12px;min-height:44px;color:#526474;letter-spacing:-.15px}.sidebar nav a.active{background:#f4eee8;color:#193b53;box-shadow:inset 3px 0 #ba8057}.sidebar nav a:hover{background:#f4f4f1}.nav-group{padding:8px 0 4px}.nav-group summary{list-style:none;font-size:11px;font-weight:650;letter-spacing:1.1px;padding:10px 12px;color:#85908f;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary::after{content:'›';font-size:20px;line-height:1}.nav-group[open] summary::after{transform:rotate(90deg)}.sidebar-bottom{margin-top:12px;padding:13px 12px 0;font-size:12px}.sidebar-bottom small{margin-top:3px}
.workspace{margin-left:272px;min-width:0;display:flex;flex-direction:column;min-height:100dvh}.menu-toggle.secondary{display:inline-flex;width:42px;height:42px;padding:9px;border-color:var(--line);background:#fff}.topbar{height:76px;flex-shrink:0;padding:0 28px;gap:16px;background:#fff;position:relative;z-index:21}.product-name{margin-right:auto;line-height:1.4}.product-name strong{display:block;font-size:15px;font-weight:650}.product-name>span{display:block;font-size:12px;color:#84908f;margin-top:3px}.product-name b{font-size:10px;margin-left:6px;color:#a47550}.main-content{padding:25px 28px 28px;min-height:0;flex:1;max-width:none}.page-heading{margin-bottom:20px}.page-heading h1{font-size:28px;letter-spacing:-.8px;margin:8px 0}.page-heading p{max-width:85ch;line-height:1.6}.page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.page-actions .primary{width:auto;margin:0;gap:10px}
.filters{gap:12px;padding:18px 20px}.filters label{font-size:14px;color:#526474}.filters input,.filters select{font-size:15px;margin-top:6px}.table-title{padding:18px 20px}.table-title>span{font-size:13px;color:#71808a}.panel,.stat-card{border-color:var(--line);box-shadow:none}th,.shipment-table th{background:#f5f5f2;color:#5b6a75;font-size:14px;letter-spacing:0;font-weight:600}td,.shipment-table td{font-size:15px;color:#3c5363;padding:14px 18px;border-color:#eef0ee}.shipment-table strong{font-size:15px}tbody tr:hover{background:#fcfaf7}.text-link{color:#335d78}.table-scroll{max-width:100%}.stat-card i,.avatar{background:#f1f2ef}.stat-foot,.journey-line{border-color:#e9ece8}.demo-banner{background:#f1eee8;border-color:#e5ddd1;color:#7a7165;margin-bottom:20px;font-size:14px;padding:9px 13px}.demo-banner b{color:#9f704b;font-size:11px}.exchange-strip{background:transparent;border-top:1px solid var(--line);color:#75818a;font-size:12px;padding:13px 28px}.portal-footer{padding:12px 28px;color:#89928f;font-size:12px}.brand-attribution{background:#fff;border-color:var(--line)}.brand-attribution__inner{min-height:66px;padding:14px 24px;gap:18px}.brand-attribution__logo{width:120px;flex-basis:120px;border-color:var(--line);padding-right:18px}.brand-attribution__copy strong{font-size:13px}.brand-attribution__copy span{font-size:11px}.portal.nav-collapsed .sidebar{transform:translateX(-100%)}.portal.nav-collapsed .workspace{margin-left:0}
.login-page{min-height:100dvh;grid-template-columns:48% 52%;grid-template-rows:1fr auto;background:#fff}.login-story{padding:32px clamp(28px,4vw,70px) 25px;min-height:0;justify-content:center;background:#142e42}.login-brand{width:220px;padding:10px 18px;border-radius:8px}.story-copy{margin-top:36px}.story-copy h1{font-size:clamp(34px,3vw,52px);margin:18px 0;font-weight:600}.story-copy p{margin:14px 0;font-size:15px}.story-copy .eyebrow{font-size:11px;letter-spacing:1.3px}.logistics-visual{height:150px;flex-shrink:0;margin-top:10px}.shipment-mini{padding:12px;top:42%;left:27%}.shipment-mini small{font-size:11px}.city-a{top:66%}.city-b{right:1%}.transport-tags{padding-top:18px;margin-top:12px}.login-story footer{padding-top:25px;margin-top:0;font-size:11px;letter-spacing:.5px}.login-form-area{padding:25px clamp(25px,4vw,70px) 20px;min-height:0}.language{font-size:12px}.login-card{max-width:390px;padding:24px 0}.login-card h2{font-size:32px;margin:12px 0}.login-card p{margin:8px 0;max-width:none}.login-card form{margin-top:22px}.login-card label{margin-top:16px}.login-card input{background:#fff;font-size:16px;padding:13px 15px;height:50px}.login-card input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset}.login-card .primary{margin-top:23px;padding:15px 18px}.secure-note{margin-top:16px;font-size:12px}.demo-entry{margin-top:21px;padding-top:18px;gap:10px}.demo-entry span{font-size:13px}.demo-entry small{font-size:12px}.login-form-area footer{font-size:11px}
.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.workflow-card{padding:22px}.workflow-card h2{font-size:21px;letter-spacing:-.5px}.workflow-card .primary{width:auto;gap:12px}.check-label{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.6}.check-label input{width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:#173a52}.section-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.section-tabs a{padding:9px 15px;border:1px solid var(--line);background:#fff;border-radius:7px;font-size:14px}.section-tabs a.active{background:#18384d;border-color:#18384d;color:#fff}
@media(min-width:761px) and (max-height:760px){.login-story{padding-block:24px}.story-copy{margin-top:23px}.logistics-visual{height:105px}.shipment-mini{display:none}.login-story footer{padding-top:18px}.login-card{padding:15px 0}.login-card h2{font-size:29px}.login-card form{margin-top:18px}.login-card label{margin-top:12px}.login-card input{height:47px}.login-card .primary{margin-top:18px}.login-card .secure-note{margin-top:12px}.demo-entry{margin-top:16px;padding-top:14px}.brand-attribution__inner{min-height:60px;padding-block:11px}}
@media(max-width:1100px){.sidebar{width:252px}.workspace{margin-left:252px}.main-content{padding:23px}.topbar{padding:0 23px}.product-name>span{display:none}.account strong{max-width:150px}.story-copy h1{font-size:36px}.city-b{right:0}}
@media(max-width:760px){.sidebar{display:flex;transform:translateX(-100%);width:278px;padding-top:16px;top:68px;height:calc(100dvh - 68px);box-shadow:12px 0 35px #102c431a}.portal.nav-open .sidebar{display:flex;transform:none;top:68px;width:278px;height:calc(100dvh - 68px)}.workspace{margin-left:0}.topbar{height:68px;padding:0 14px;gap:10px}.product-name{display:none}.mobile-brand{display:block}.mobile-brand img{height:47px;width:112px}.main-content{padding:20px 14px}.account strong{max-width:110px}.page-heading h1{font-size:25px}.page-heading{gap:14px}.page-actions{width:100%}.page-actions .secondary{flex:1;min-height:42px}.filters{padding:16px;gap:12px}.filters label{min-width:140px}.table-title{padding:17px 16px}.exchange-strip,.portal-footer{padding-inline:16px}.workflow-grid{grid-template-columns:1fr}.brand-attribution__inner{flex-direction:row;text-align:left;padding:14px 16px;gap:14px}.brand-attribution__logo{width:104px;flex-basis:104px;padding-right:14px;border-right:1px solid var(--line)}.brand-attribution__copy strong{font-size:12px}.brand-attribution__copy span{font-size:10px}.login-page{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.login-story{padding:18px 24px;display:block}.login-brand{width:165px;padding:7px 12px;margin:0}.story-copy{margin-top:15px}.story-copy .eyebrow{display:none}.story-copy h1{font-size:24px;letter-spacing:-.7px;line-height:1.3;margin:0}.story-copy h1 br{display:none}.story-copy h1 em{margin-left:5px}.story-copy p,.logistics-visual,.transport-tags,.login-story footer{display:none}.login-form-area{padding:18px 24px 16px;min-height:0}.login-card{padding:22px 0 20px;margin:0 auto;max-width:430px}.login-card h2{font-size:28px}.login-card .eyebrow{font-size:11px}.login-card input{font-size:16px}.login-form-area footer{margin-top:0}.language{font-size:11px}.demo-entry{margin-top:18px}.login-page .brand-attribution__inner{padding-block:15px}}
.shipment-summary,.shipment-admin-summary{margin-bottom:20px}.shipment-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0 22px 22px;margin:0}.shipment-facts dt{color:#7a878d;font-size:13px;margin-bottom:7px}.shipment-facts dd{margin:0;font-size:15px;font-weight:600;overflow-wrap:anywhere}.shipment-workflow-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:20px}.workflow-content{padding:0 22px 22px}.workflow-content>p{margin-top:0}.workflow-form{border-top:1px solid var(--line);padding-top:6px;margin-top:20px}.workflow-form .primary{width:auto;gap:12px;justify-content:center}.workflow-form small{display:block;margin-top:9px;font-size:13px}.workflow-checkbox,.confirmation{display:flex;align-items:flex-start;gap:10px;line-height:1.6;font-size:15px}.workflow-checkbox input,.confirmation input{width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:#173a52}.shipment-note{padding:16px 0;border-bottom:1px solid var(--line)}.shipment-note header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:14px}.shipment-note time{font-size:12px;color:#7b878a}.shipment-note p{margin:9px 0 0;font-size:15px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.shipment-notes{max-height:520px;overflow:auto}.shipment-audit article{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.shipment-audit span{display:block;color:#75828c;font-size:12px;margin-top:4px}.shipment-lookup,.shipment-group-form{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.shipment-lookup .admin-field,.shipment-group-form .admin-field{flex:1;min-width:190px}.shipment-group-form{padding-top:0}.shipment-lookup .admin-button,.shipment-group-form .admin-button{margin-bottom:22px}.admin-panel+.admin-panel{margin-top:22px}.admin-panel select,.admin-panel textarea{padding:12px;border:1px solid var(--line);border-radius:7px;background:white;width:100%;color:var(--ink);font:inherit}.admin-panel .shipment-facts{padding-inline:0}.shipment-admin-grid{margin-top:22px}.shipment-approval-status{padding:16px;border-radius:8px;background:#f4f3ee}.notice.success,.status.success{color:#417661;background:#eef5ef}.status{padding:6px 10px;border-radius:5px;font-size:13px}.status.pending{background:#f6efe5;color:#997348}.empty-state{padding:24px;color:#6a7e8a}.no-print{margin-top:22px}.no-print.entry-form{padding:22px}.no-print .table-title{padding:0}.no-print .primary{width:auto;gap:12px}.no-print .confirmation input{height:18px}.table-title p{font-size:14px;margin:7px 0 0;line-height:1.5}.table-title>.primary{width:auto;gap:12px;margin:0}.admin-body .section-tabs a{font-size:15px}
@media(max-width:900px){.shipment-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.shipment-workflow-grid{grid-template-columns:1fr}}
@media(max-width:760px){.shipment-facts{padding:0 16px 18px;gap:16px}.workflow-content{padding:0 16px 18px}.shipment-lookup,.shipment-group-form{display:block}.shipment-lookup .admin-button,.shipment-group-form .admin-button{margin:0}.workflow-form .primary{width:100%}.shipment-note header{display:block}.shipment-note time{display:block;margin-top:5px}.table-title>.primary{width:100%;justify-content:center}.no-print.entry-form{padding:18px}.confirmation{align-items:flex-start}}
@media(max-width:760px){.login-story{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:18px;padding:16px 22px}.login-brand{width:140px;flex:0 0 140px;padding:7px 10px}.story-copy{margin:0}.story-copy h1{font-size:17px;letter-spacing:-.4px;line-height:1.4}.story-copy h1 br{display:block}.story-copy h1 em{margin-left:0}.login-card{padding:18px 0 16px}.login-card form{margin-top:17px}.login-card label{margin-top:12px}.login-card .primary{margin-top:18px}.login-card .demo-entry{padding-top:14px;margin-top:17px}.login-card .demo-entry span{font-size:12px}.login-card .demo-entry strong{font-size:13px}}
@media print{.sidebar,.topbar,.exchange-strip,.brand-attribution,.portal-footer,.page-actions,.filters,.demo-banner,.section-tabs,.no-print,.workflow-form{display:none!important}.workspace{margin:0}.main-content{padding:0}.panel{overflow:visible}.table-scroll{overflow:visible}.portal{background:#fff}th,td{font-size:10px!important;padding:6px!important}}
.currency-summaries{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:22px}.currency-summary{padding:22px;color:inherit;text-decoration:none}.currency-summary.selected{border-color:#bd865e;box-shadow:inset 0 3px #bd865e}.currency-summary h2{margin:0 0 20px}.currency-summary h2 small{font-size:13px;color:#74838a;margin-left:12px;font-weight:400}.currency-summary dl{margin:0}.currency-summary dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0}.currency-summary dt{color:#73838c;font-size:14px}.currency-summary dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}