*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f7fc;color:#17304d;font:16px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:#155cb0}.wrap{max-width:1080px;margin:auto;padding-left:22px;padding-right:22px}header{background:white;border-bottom:1px solid #dce7f3}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:74px}.logo{text-decoration:none;font-size:25px;font-weight:800;color:#123f77}.logo span{color:#2581d8}.logo small{font-size:10px;color:#7c92a9;vertical-align:middle}.nav nav{display:flex;gap:18px}.nav nav a{text-decoration:none;font-size:14px;font-weight:600}.hero{background:linear-gradient(125deg,#123b72,#155dab 70%,#2679c9);color:white;padding:72px 0 85px}.eyebrow{font-size:12px;letter-spacing:2px;color:#c1dcfa;font-weight:700}.hero h1{font-size:clamp(34px,5vw,60px);line-height:1.13;margin:18px 0}.hero p{font-size:19px;max-width:590px;color:#e2efff}.btn{display:inline-block;background:#1765ba;color:white;padding:13px 20px;border:0;border-radius:9px;text-decoration:none;font:700 15px system-ui;cursor:pointer}.btn:hover{background:#0d4c94}.btn.light{background:white;color:#174e8c}.btn.secondary{background:#e6eef9;color:#134f90}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:-38px;position:relative}.cards article{background:white;border-radius:12px;padding:22px;box-shadow:0 7px 25px #10355a15}.cards strong{display:block;color:#1358a2;font-size:30px}.cards span{color:#59728c;font-size:14px}.content{padding-top:44px;padding-bottom:80px}.intro{max-width:770px}.intro h2{font-size:31px;margin-bottom:10px}.panel{background:white;border:1px solid #dbe6f1;border-radius:15px;padding:30px;box-shadow:0 6px 25px #113b6210}.panel h3{margin:28px 0 15px;border-bottom:1px solid #e5edf7;padding-bottom:8px;color:#164c87}.panel h3:first-of-type{margin-top:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-weight:650;font-size:14px;margin-bottom:15px}input:not([type=checkbox]),select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #c5d4e5;border-radius:8px;padding:12px;background:#fff;color:#18344e;font:inherit;font-weight:400}input:focus,select:focus,textarea:focus{outline:2px solid #74a9e9;outline-offset:1px}.hint{font-size:13px;color:#657d95}.price{background:#edf5ff;border:1px solid #cce0f8;border-radius:12px;padding:19px;display:flex;gap:5px;flex-direction:column;margin:22px 0}.price strong{font-size:28px;color:#1356a0}.price span{font-size:14px}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}.check input{margin-top:5px}.notice{background:#fff7e5;border-left:4px solid #e2a443;padding:13px 16px;border-radius:5px}.trap{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}footer{padding:25px 0;background:#12365e;color:#cfe1f5;font-size:13px}.adminhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.narrow{max-width:460px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e3ebf4;white-space:nowrap}th{color:#4d6986}@media(max-width:650px){.cards,.two{grid-template-columns:1fr}.cards{margin-top:-25px;gap:9px}.cards article{padding:15px}.hero{padding:46px 0 65px}.panel{padding:18px}.nav nav{gap:10px}.logo{font-size:20px}.intro h2{font-size:25px}}
/* V2.4: tilaajayrityksen valinnat */
.orderer-options{display:flex;flex-direction:column;gap:12px;margin:12px 0 18px}.orderer-options label{display:flex;align-items:center;gap:10px;margin:0;font-weight:500}.orderer-options input[type=radio]{width:auto!important;margin:0!important;flex:0 0 auto;accent-color:#1765ba}

.login-identity{display:flex;flex-direction:column;align-items:flex-end;text-align:right;line-height:1.25;max-width:260px}.login-caption,.login-role{font-size:12px;color:#59728c}.login-identity strong{font-size:14px;color:#17304d;overflow-wrap:anywhere}@media(max-width:700px){.nav{flex-wrap:wrap}.login-identity{width:100%;max-width:none;align-items:flex-start;text-align:left}}

/* V2.6.2: compact driver mobile cards */
.driver-card{padding:14px 16px;margin-bottom:10px}.driver-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.94rem}.driver-done{color:#287d48;font-size:.8rem}.driver-address{margin:8px 0 5px;line-height:1.35}.driver-meta{margin:5px 0 9px;font-size:.88rem;line-height:1.5}.driver-actions{margin:6px 0}.driver-actions .btn{padding:8px 14px}.driver-details{margin-top:9px;border-top:1px solid #ddd;padding-top:9px}.driver-details summary{cursor:pointer;font-weight:600}.driver-details-inner{padding-top:9px}.driver-details-inner p{overflow-wrap:anywhere}@media(max-width:600px){.driver-card{padding:12px;margin-bottom:8px}.driver-card h2{font-size:1rem}.driver-actions .btn{width:auto}}

.signature-canvas{border:1px solid #888;max-width:100%;touch-action:none;background:#fff}

/* V2.6.4 */
.signature-canvas{display:block;width:100%;max-width:460px;height:190px;touch-action:none!important;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.driver-drag{touch-action:none;cursor:grab;border:1px solid #b7c9dd;border-radius:7px;padding:9px;background:#f3f7fc;font-size:20px}
.driver-card.dragging{opacity:.55}.driver-sort-help{font-size:.85rem;color:#526c85}
.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-weight:700;font-size:12px}
.status-unassigned{background:#ffe4e4;color:#9d1b1b}.status-assigned{background:#fff0d1;color:#955500}.status-accepted{background:#e2efff;color:#1756a2}.status-done{background:#e1f5e7;color:#166534}.status-reject{background:#ffe4e4;color:#9d1b1b}
.dispatch-sort{border:0;background:none;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:3px}.dispatch-sort:hover{text-decoration:underline}
.dispatch-detail td{white-space:normal;background:#f7faff}.dispatch-detail[hidden]{display:none}.dispatch-table tbody tr[draggable=true]{cursor:grab}.dispatch-table tbody tr.dragging{opacity:.5}
.dispatch-table select{min-width:145px}.dispatch-table .btn{padding:9px 12px}.dispatch-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
/* V2.6.4.1: iOS Safari signing and mobile drag */
.signature-canvas{touch-action:none!important;-webkit-user-select:none!important;user-select:none!important;overscroll-behavior:none!important}
.driver-drag{touch-action:none!important;-webkit-user-select:none!important;user-select:none!important;min-width:44px;min-height:44px;flex-shrink:0}
.driver-card-head{justify-content:flex-start;flex-wrap:wrap;gap:8px}
.driver-card-head strong{overflow-wrap:anywhere;min-width:0;flex:1 1 160px}
.driver-card-head>span{margin-left:auto;white-space:normal}
.driver-completed{margin-top:18px;border:1px solid #cbded1;border-radius:13px;background:#f0f8f2;padding:12px}
.driver-completed>summary{font-weight:750;color:#176534;cursor:pointer;padding:7px}
.driver-completed-list{margin-top:12px}

/* V2.6.4.6: noudettu / toimitettu - tilavärit */
.status-pill.status-pickedup,.status-pill.status-pickup-done,.status-pill.status-noudettu{background:#fff2b8!important;color:#755400!important}
.status-pill.status-delivered,.status-pill.status-delivery-done,.status-pill.status-toimitettu{background:#dcfce7!important;color:#166534!important}

/* V2.8: osoite-ehdotukset ja tiivis kuljettajanäkymä */
.address-suggestions{position:absolute;z-index:40;left:0;right:0;background:#fff;color:#17212e;border-radius:8px;box-shadow:0 5px 20px #0003;max-height:260px;overflow:auto}
.address-choice{display:block;width:100%;text-align:left;padding:11px;border:0;border-bottom:1px solid #eee;background:#fff;color:#17212e;cursor:pointer}.address-choice:hover,.address-choice:focus{background:#e8f3fc}
.driver-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;margin:12px 0;background:#edf4fb;border-radius:10px;color:#1d2939}.driver-totals div{font-size:14px}.driver-totals strong{display:block;font-size:17px}
.driver-card .driver-address{margin:6px 0 2px}.driver-card .driver-meta{margin:2px 0 6px}.driver-tags{font-weight:600;color:#385c7a}

/* TurkuRahti v35: parcel fields, scoped to order form */
#customerOrderForm #packageCount { width:90px !important; min-width:90px !important; max-width:90px !important; display:inline-block !important; }
#customerOrderForm .parcel-extras { padding-top:78px; font-size:16px; }
#customerOrderForm .parcel-extras .check { font-size:16px; }
#customerOrderForm .parcel-temp-row { display:flex !important; align-items:center !important; gap:6px; width:max-content !important; max-width:100%; }
#customerOrderForm .parcel-temp-wrap { flex:0 0 70px !important; width:70px !important; min-width:70px !important; max-width:70px !important; }
#customerOrderForm input.parcel-temp-input { display:inline-block !important; width:70px !important; min-width:70px !important; max-width:70px !important; box-sizing:border-box !important; margin:0 !important; padding:9px 5px !important; text-align:center; }
@media(max-width:650px){#customerOrderForm .parcel-extras{padding-top:12px;}}

/* v36: lämpötilan yksikkö syöttökentän viereen */
#customerOrderForm label.parcel-temp-row {display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;width:max-content!important;}
#customerOrderForm .parcel-temp-row .parcel-temp-unit {display:inline!important;white-space:nowrap!important;flex:0 0 auto!important;}

/* TurkuRahti mobile v37: layout is fluid after device rotation */
html,body{max-width:100%;min-width:0}main{min-width:0}img,video,canvas{max-width:100%}
.nav{min-width:0}.desktop-menu{flex-wrap:wrap;justify-content:flex-end}.nav .logo{flex-shrink:0}
.site-menu{display:none}.footer-staff{display:inline-block;margin-left:16px}.footer-staff a{color:#fff;text-decoration:underline}.staff-login-links{display:flex;gap:12px;flex-wrap:wrap}
.adminhead{flex-wrap:wrap}.adminhead>h1{overflow-wrap:anywhere}.adminhead>p{max-width:100%;line-height:2}
.dispatch-mobile-filter{display:none}
@media(max-width:700px){
 .wrap{width:100%;max-width:100%;padding-left:16px;padding-right:16px}
 .nav{display:flex;flex-wrap:wrap;align-items:center;min-height:62px;gap:8px;justify-content:space-between}
 .nav .logo{font-size:20px;white-space:nowrap}.nav .logo small{font-size:9px}
 .nav nav.desktop-menu{display:none!important}
 .site-menu{display:block;position:relative;margin-left:auto;z-index:50}
 .site-menu summary{list-style:none;cursor:pointer;border:1px solid #c8d9ea;border-radius:9px;padding:9px 12px;font-weight:700;color:#145394;background:#fff}
 .site-menu summary::-webkit-details-marker{display:none}
 .site-menu nav{position:absolute;right:0;top:calc(100% + 7px);display:flex!important;flex-direction:column;gap:0;width:min(280px,calc(100vw - 32px));padding:7px;background:white;border:1px solid #d6e4f2;border-radius:12px;box-shadow:0 10px 28px #102d4b30}
 .site-menu nav a{display:block;padding:12px;text-decoration:none;font-size:15px;border-radius:6px}
 .site-menu nav a:focus,.site-menu nav a:hover{background:#eef5fd}
 .login-identity{width:100%;max-width:100%;padding-bottom:8px}
 .hero{padding:38px 0 58px}.hero h1{font-size:clamp(30px,9vw,43px);overflow-wrap:break-word}.hero p{font-size:16px}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cards article{min-width:0}.cards article strong{font-size:25px}.cards article:last-child{grid-column:1/-1}
 .panel{padding:16px;min-width:0}.content{padding-top:24px}.adminhead{display:block}.adminhead h1{font-size:26px}.adminhead p{margin:8px 0 16px}
 .admin-orders{overflow:visible}.admin-orders table,.admin-orders tbody,.admin-orders tr,.admin-orders td{display:block;width:100%}
 .admin-orders thead{display:none}.admin-orders tr{background:#fff;border:1px solid #d8e6f4;border-radius:12px;margin:12px 0;padding:10px}
 .admin-orders td{border:0;white-space:normal;padding:5px 4px;overflow-wrap:anywhere}
 .admin-orders td::before{content:attr(data-label);display:block;color:#647d96;font-size:12px;font-weight:700}
 .dispatch-mobile-filter{display:block;margin-bottom:16px}.dispatch-mobile-filter label{margin-bottom:5px}.dispatch-mobile-filter select{max-width:100%;margin:0}
 .dispatch-toolbar{gap:8px}.dispatch-toolbar .btn{font-size:13px;padding:10px}
 .dispatch-table{display:block;width:100%;font-size:14px}.dispatch-table thead{display:none}.dispatch-table tbody{display:block;width:100%}
 .dispatch-table tr.dispatch-row{display:block;width:100%;border:1px solid #d8e6f4;border-radius:12px;margin:12px 0;padding:12px;background:#fff;overflow-wrap:anywhere}
 .dispatch-table tr.dispatch-row td{display:block;width:100%;border:0;white-space:normal;padding:5px 0}
 .dispatch-table tr.dispatch-row td::before{content:attr(data-label);display:block;color:#647d96;font-size:12px;font-weight:700;margin-bottom:2px}
 .dispatch-table tr.dispatch-row td:first-child{display:none}
 .dispatch-table tr.dispatch-row td[data-label="Tilaus"]{font-weight:700;font-size:15px}
 .dispatch-table tr.dispatch-row td[data-label="Kuljettaja"] select{width:100%;min-width:0}
 .dispatch-table tr.dispatch-row td[data-label="Kuljettaja"] form{display:flex;gap:8px;flex-wrap:wrap;align-items:end}
 .dispatch-table tr.dispatch-row td[data-label="Kuljettaja"] form select{flex:1 1 160px}
 .dispatch-table tr.dispatch-row td[data-label="Kuljettaja"] form button{flex:0 0 auto}
 .dispatch-table tr.dispatch-detail{display:block;width:100%;margin:-8px 0 14px;border:1px solid #d8e6f4;border-radius:12px;background:#f7faff}
 .dispatch-table tr.dispatch-detail[hidden]{display:none!important}
 .dispatch-table tr.dispatch-detail td{display:block;width:100%;white-space:normal;padding:12px;overflow-wrap:anywhere}
 .dispatch-table .status-pill{white-space:normal}
 .dispatch-table .dispatch-row.mobile-filter-hidden,.dispatch-table .dispatch-detail.mobile-filter-hidden{display:none!important}
 .dispatch-table tr.dispatch-row .dispatch-toggle{width:100%}
 .tablewrap:has(.dispatch-table){overflow:visible}
}
@media(min-width:701px){.dispatch-mobile-filter{display:none}.site-menu{display:none}}

/* v38: Tiivis ylläpidon mobiilitilauskortti */
.admin-mobile-head,.admin-mobile-recipient{display:none}
.admin-orders td strong,.admin-orders td span{overflow-wrap:anywhere}
.admin-orders td[data-label="Lähettäjä"] strong,.admin-orders td[data-label="Vastaanottaja"] strong{display:block}
.admin-orders td[data-label="Lähettäjä"] span,.admin-orders td[data-label="Vastaanottaja"] span{display:block}
@media(max-width:700px){
 .admin-orders tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 12px;padding:12px;margin:10px 0}
 .admin-orders td{min-width:0;padding:0!important;line-height:1.35;font-size:14px}
 .admin-orders td.admin-mobile-order{grid-column:1/-1;padding-bottom:8px!important;border-bottom:1px solid #e1eaf5}
 .admin-orders td.admin-mobile-order::before,.admin-orders td.admin-mobile-hide{display:none!important}
 .admin-orders td.admin-mobile-recipient{display:block}
 .admin-orders td::before{font-size:11px;margin-bottom:2px}
 .admin-mobile-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
 .admin-mobile-head>a{font-weight:750;font-size:13px;overflow-wrap:anywhere}
 .admin-requirements{display:inline-flex;gap:4px;align-items:center;flex-wrap:wrap}
 .admin-requirement{font-size:12px;font-weight:700;white-space:nowrap}
 .admin-order-status{font-size:11px;border-radius:12px;padding:3px 7px;font-weight:700;margin-left:auto;white-space:nowrap}
 .admin-order-status.status-new{background:#fff0d1;color:#8b5400}
 .admin-order-status.status-confirmed{background:#dceeff;color:#13518c}
 .admin-order-status.status-completed{background:#dcfce7;color:#166534}
 .admin-order-status.status-rejected{background:#ffe4e4;color:#9d1b1b}
 .admin-desktop-reference{display:none}
 .admin-orders td[data-label="Kuljetuksen tila"] .admin-transport-status{font-weight:700}
}

/* TurkuRahti DEV: red / black visual refresh; overrides only */
:root{--tr-red:#d71920;--tr-black:#17191c;--tr-muted:#62666c}
body{background:#f5f5f5;color:#24272b}
a{color:#bd151d}
header{border-bottom:3px solid var(--tr-red)}
.logo{display:inline-flex;align-items:center;gap:12px;line-height:1;text-decoration:none;color:var(--tr-black)}
.logo .brand-wordmark{display:block;width:auto;max-width:min(235px,45vw);height:48px;object-fit:contain}
.logo small{color:#62666c;font-size:10px;letter-spacing:.08em}
.nav nav a{color:#24272b}.nav nav a:hover{color:var(--tr-red)}
.hero{background:linear-gradient(118deg,#111317 0%,#27292d 58%,#76191e 100%);border-bottom:5px solid var(--tr-red)}
.eyebrow{color:#ffb9bd}
.hero p{color:#f0e9e9}
.btn{background:var(--tr-red);color:white}.btn:hover{background:#a70e17}
.btn.light{background:white;color:#1e2024}.btn.light:hover{background:#f7dfe0;color:#8d1117}
.btn.secondary{background:#f5e8e9;color:#97131a}
.cards article{border-top:3px solid var(--tr-red);box-shadow:0 8px 25px #00000010}
.cards strong,.panel h3,.price strong{color:#b7161e}
.panel{border-color:#e2e2e2}
.price{background:#fff5f5;border-color:#efc8cb}
input:focus,select:focus,textarea:focus{outline-color:#db7075}
footer{background:#17191c;color:#eee}
footer a{color:#ffb3b6}
@media(max-width:650px){.logo .brand-wordmark{height:38px;max-width:190px}}


/* JANX-inspired refinement v2: visual-only, preserves forms and functionality */
:root{--tr-red:#c81022;--tr-black:#101114;--tr-ink:#242428;--tr-surface:#f4f3f2;--tr-line:#ddd9d7}
body{background:var(--tr-surface);color:var(--tr-ink);font-family:Arial,Helvetica,system-ui,sans-serif}
header{background:#fff;border-bottom:3px solid var(--tr-red)}
.nav{min-height:88px;gap:20px}
.logo .brand-wordmark{height:56px;max-width:min(270px,46vw)}
.nav nav a{font-weight:700;letter-spacing:.01em}
.hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#0d0e10 0%,#1b1c20 52%,#4b151b 100%);padding:92px 0 118px;border-bottom:5px solid var(--tr-red)}
.hero:before{content:"";position:absolute;right:-11%;top:-52%;width:60%;height:180%;border:1px solid rgba(255,255,255,.09);transform:rotate(22deg);pointer-events:none}
.hero:after{content:"";position:absolute;right:12%;top:-40%;width:16%;height:190%;background:rgba(190,12,30,.13);transform:rotate(22deg);pointer-events:none}
.hero>.wrap{position:relative;z-index:1}
.eyebrow{color:#ffb9bd;font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.hero h1{font-size:clamp(40px,5.6vw,68px);font-weight:850;letter-spacing:-.04em;line-height:1.07;max-width:760px;margin:22px 0 24px}
.hero p{color:#e9e6e5;font-size:19px;line-height:1.65}
.btn{background:var(--tr-red);border-radius:5px;padding:14px 22px;box-shadow:none;transition:background .18s ease,transform .18s ease}
.btn:hover{background:#9f0c1b;transform:translateY(-1px)}
.btn.light{background:#fff;color:#16171a;border:1px solid #fff}
.btn.light:hover{background:#f6eeee;color:#9f0c1b}
.btn.secondary{background:#eee9e8;color:#85131d}
.cards{gap:20px;margin-top:-52px}
.cards article{border:1px solid #e8e3e1;border-top:4px solid var(--tr-red);border-radius:6px;padding:27px;box-shadow:0 14px 35px #00000012}
.cards strong{color:#191a1d;font-size:clamp(23px,2.8vw,31px);letter-spacing:-.025em}
.cards span{color:#626267;line-height:1.55}
.content{padding-top:62px}
.intro h2{color:#18191b;font-weight:800;letter-spacing:-.025em}
.panel{border:1px solid #e4e0de;border-radius:7px;box-shadow:0 8px 28px #00000008}
.panel h3{color:#26262a;border-bottom:2px solid #eae6e4}
input:not([type=checkbox]),select,textarea{border-color:#d0ccca;border-radius:5px}
input:focus,select:focus,textarea:focus{outline-color:#d75a65}
.price{background:#fbf4f4;border-color:#e8d1d4;border-radius:6px}
.price strong{color:#b70e20}
footer{background:#121316;border-top:4px solid var(--tr-red)}
@media(max-width:700px){.nav{min-height:68px}.logo .brand-wordmark{height:42px;max-width:190px}.hero{padding:55px 0 80px}.hero h1{font-size:clamp(34px,9vw,48px)}.hero p{font-size:16px}.cards{margin-top:-32px;gap:10px}.cards article{padding:17px}}
/* Etusivun toimintopainikkeiden välistys */
.hero .btn + .btn {
    margin-left: 16px;
}

@media (max-width: 600px) {
    .hero .btn + .btn {
        margin-left: 0;
        margin-top: 12px;
    }
}
/* v21: iOS Safari date/time input overflow fix (all forms) */
input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;-webkit-appearance:none;appearance:none;min-height:44px;text-align:left;background-color:#fff}
input[type=date]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value,input[type=datetime-local]::-webkit-date-and-time-value,input[type=month]::-webkit-date-and-time-value{text-align:left;margin:0}
label,form .two>*,form .three>*,.grid>*,.two>*,.three>*,fieldset{min-width:0}

/* v27b: mobile header — lang | logo | Valikko without overlap (desktop unchanged) */
@media (max-width:700px){
  .nav{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    column-gap:6px;
    row-gap:8px;
    position:relative;
  }
  .nav>.logo{
    grid-column:2;grid-row:1;justify-self:center;align-self:center;
    position:static;transform:none;z-index:1;
    margin:0;width:100%;max-width:100%;min-width:0;
    display:flex;justify-content:center;overflow:hidden;
  }
  .nav>.logo .brand-wordmark{
    display:block;width:auto;height:auto;
    max-width:100%;max-height:34px;
    object-fit:contain;object-position:center;
  }
  .nav>.logo small{display:none} /* hide TESTI badge crowding logo on narrow screens */
  .nav .tr-language{
    grid-column:1;grid-row:1;justify-self:start;
    order:unset!important;margin:0!important;z-index:3;flex:0 0 auto;
  }
  .nav .site-menu{
    grid-column:3;grid-row:1;justify-self:end;
    order:unset!important;margin:0!important;z-index:3;
  }
  .nav .site-menu summary{
    padding:8px 10px;font-size:14px;white-space:nowrap;
  }
  .nav .login-identity{grid-column:1/-1;grid-row:2;width:100%;max-width:none}
  .nav nav.desktop-menu{display:none!important}
}
@media (max-width:375px){
  .nav{column-gap:4px}
  .nav>.logo .brand-wordmark{max-height:30px}
  .nav .site-menu summary{padding:7px 8px;font-size:13px}
}
@media (max-width:320px){
  .nav>.logo .brand-wordmark{max-height:26px}
  .nav .site-menu summary{padding:6px 7px;font-size:12px}
}