/* ATENEA inspections (client pages: list, wizard, detail). Uses only the tokens of styles.css; no new colours. */
.insp-shell{max-width:860px}
.insp-top{margin:var(--s4) 0}
.insp-h2{font-size:clamp(20px,3vw,26px);font-weight:300;line-height:1.25;margin:0 0 var(--s2)}
.insp-block{display:block}
.insp-login{margin:var(--s5) 0}
.insp-legs{list-style:none;margin:var(--s3) 0;padding:0;display:grid;gap:var(--s3)}
.insp-legline{padding-top:var(--s3);border-top:1px solid var(--line);min-width:0}
.insp-legline:first-child{border-top:0;padding-top:0}
.insp-dl{margin:var(--s3) 0}

/* progress */
.insp-progress{list-style:none;display:flex;gap:var(--s2);margin:var(--s5) 0 var(--s3);padding:0}
.insp-progress li{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-3);font:400 11.5px/1.3 var(--font-mono);letter-spacing:var(--track-tight);text-transform:uppercase;text-align:center}
.insp-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);font:500 12px/1 var(--font-mono)}
.insp-progress li.is-current{color:var(--text)}
.insp-progress li.is-current .insp-dot{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}
.insp-progress li.is-done .insp-dot{border-color:var(--accent);color:var(--accent)}
.insp-bar{height:3px;background:var(--line);border-radius:3px;overflow:hidden}
.insp-bar span{display:block;height:100%;width:20%;background:var(--accent);transition:width .25s ease}
.insp-stepof{margin:var(--s3) 0 var(--s4);color:var(--text-2);font-size:14px}
.insp-step{outline:none;min-width:0}
.insp-nav{display:flex;gap:var(--s3);justify-content:space-between;margin:var(--s6) 0 0}
.insp-nav .btn{flex:0 1 auto}
.insp-nav #inspNext,.insp-nav #inspSend{margin-left:auto}
.insp-restored{display:flex;gap:var(--s3);align-items:center;justify-content:space-between;flex-wrap:wrap}

/* groups */
.insp-fs{border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);padding:var(--s4);margin:var(--s4) 0;min-width:0}
.insp-fs>legend{padding:0 var(--s2);font:400 11.5px/1.4 var(--font-mono);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--accent)}
.insp-sub{border:0;padding:0;margin:var(--s3) 0;min-width:0}
.insp-sub>legend,.insp-sublabel{padding:0;margin:0 0 var(--s2);font:400 12px/1.4 var(--font-mono);letter-spacing:var(--track-mid);text-transform:uppercase;color:var(--text-3)}
.insp-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);margin:var(--s3) 0}
.insp-grid2>.field.full{grid-column:1 / -1}
.insp-party{display:grid;gap:var(--s3);align-content:start}
.insp-short{max-width:140px}
.insp-mini{font-size:12.5px;color:var(--text-3)}

/* services and radios: big tap targets */
.insp-svc{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:start;gap:var(--s3);padding:var(--s3);margin:var(--s2) 0;border:1px solid var(--line);border-radius:var(--r2);cursor:pointer;min-height:48px}
.insp-radio{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s3);margin:var(--s2) 0;border:1px solid var(--line);border-radius:var(--r2);cursor:pointer;min-height:48px}
.insp-svc:hover,.insp-radio:hover{border-color:var(--line-strong)}
.insp-svc input,.insp-radio input{width:20px;min-height:0;height:20px;flex:none;margin:2px 0 0;accent-color:var(--accent)}
.insp-svc:has(input:checked),.insp-radio:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.insp-svc-text{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}
.insp-svc-d{display:block;color:var(--text-2);font-size:14px;line-height:1.45}
.insp-svc-lvl{color:var(--text-3);font-size:12.5px}
.insp-chip{flex:none;font:400 11px/1.3 var(--font-mono);letter-spacing:var(--track-tight);text-transform:uppercase;color:var(--text-2);border:1px solid var(--line-strong);border-radius:99px;padding:3px 9px;white-space:nowrap}
.insp-legprice{margin:var(--s3) 0 0;color:var(--accent);font-size:14.5px;min-height:1.4em}
.insp-radios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.insp-radios3{grid-template-columns:repeat(3,minmax(0,1fr))}
.insp-note{margin:var(--s3) 0 0;font-size:14px}

/* place picker */
.insp-combo{position:relative}
.insp-results{list-style:none;margin:0;padding:0;position:absolute;top:100%;left:0;right:0;z-index:30;margin-top:4px;background:var(--surface-3);border:1px solid var(--line-strong);border-radius:var(--r2);box-shadow:var(--shadow-pop);max-height:280px;overflow-y:auto}
.insp-results[hidden]{display:none}
.insp-opt{padding:12px 14px;cursor:pointer;min-height:44px;border-top:1px solid var(--line)}
.insp-opt:first-child{border-top:0}
.insp-opt:hover,.insp-opt[aria-selected="true"]{background:var(--accent-soft)}
.insp-opt.is-empty{cursor:default;color:var(--text-2)}
.insp-map{height:320px;border:1px solid var(--line-strong);border-radius:var(--r2);overflow:hidden;background:var(--map-water)}
.insp-map[hidden]{display:none}
.insp-pin{display:grid;gap:var(--s3);margin-top:var(--s2)}

/* repeating rows */
.insp-rows{display:grid;gap:var(--s3)}
.insp-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:var(--s3);align-items:end}
.insp-row-1{grid-template-columns:minmax(0,1fr) auto}
.insp-rows>.btn{justify-self:start}
.insp-linked{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;margin:0}

/* summary */
.insp-sum .insp-steps{margin:var(--s2) 0 0;padding-left:var(--s5);color:var(--text-2);font-size:14.5px;display:grid;gap:4px}
.insp-total{border-color:var(--accent)}
.insp-total-row{display:flex;justify-content:space-between;align-items:baseline;font-size:20px}
.insp-pilot{margin:var(--s2) 0 0;color:var(--lvl-low);font-size:14.5px}
.insp-terms{max-height:260px;overflow:auto;padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--r2);background:var(--surface-2);font-size:14.5px;line-height:1.55;margin:var(--s3) 0}
.insp-terms h3,.insp-terms h4{font-size:16px;margin:var(--s3) 0 var(--s2)}
.insp-terms p{margin:var(--s2) 0}
.insp-accept{margin-top:var(--s3);align-items:flex-start}
.insp-accept input{width:22px;height:22px;flex:none;accent-color:var(--accent)}

/* detail */
.insp-track{list-style:none;display:flex;gap:2px;margin:var(--s3) 0;padding:0}
.insp-track li{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:var(--text-3);font-size:11.5px;line-height:1.3;overflow-wrap:anywhere}
.insp-track-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--line-strong);background:var(--bg)}
.insp-track li.is-done{color:var(--text-2)}
.insp-track li.is-done .insp-track-dot{background:var(--accent);border-color:var(--accent)}
.insp-track li.is-current{color:var(--text)}
.insp-track li.is-current .insp-track-dot{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.insp-report{margin-top:var(--s3);outline:none}

/* result page card */
.insp-rp-list{display:grid;gap:var(--s2);margin:var(--s3) 0;padding:0;list-style:none}
.insp-rp-list li{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:var(--s3);border:1px solid var(--line);border-radius:var(--r2)}

@media (max-width:640px){
  .insp-grid2,.insp-radios,.insp-radios3{grid-template-columns:minmax(0,1fr)}
  .insp-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .insp-row .btn{grid-column:1 / -1;justify-self:start}
  .insp-row-1{grid-template-columns:minmax(0,1fr)}
  .insp-progress li{font-size:0}
  .insp-progress li .insp-pname{display:none}
  .insp-svc{grid-template-columns:20px minmax(0,1fr)}
  .insp-chip{grid-column:2;justify-self:start}
  .insp-map{height:260px}
  .insp-nav .btn{flex:1 1 0}
}
@media (prefers-reduced-motion:reduce){.insp-bar span{transition:none}}

/* ALI landing and shared accent: the logo blue, only on ALI blocks (home band, landing hero). */
:root{--ali:#45b4e4;--ali-deep:#2a7fb8;--ali-soft:rgba(69,180,228,.09);--ali-line:rgba(69,180,228,.32)}
.ali-hero{padding:var(--s8) 0 var(--s6);background:linear-gradient(180deg,var(--ali-soft),transparent);border-bottom:1px solid var(--line)}
.ali-eyebrow{color:var(--ali)}
.ali-name{margin:0 0 var(--s4);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);font-size:inherit;font-weight:300;line-height:1;color:var(--text)}
.ali-logo{display:block;width:clamp(105px,25vw,182px);color:var(--text)}
.ali-mark-lg{width:100%}
.ali-wordmark-svg{display:block;width:100%;height:auto;margin-top:var(--s3);color:var(--text-2);font-family:var(--font-sans);overflow:visible}
.ali-wordmark{font-size:clamp(11px,2.4vw,12px);font-weight:400;letter-spacing:var(--track-wide);line-height:1.3;text-transform:uppercase;color:var(--text-2)}
.ali-importer{margin:var(--s4) 0 var(--s2);color:var(--text-2);max-width:60ch}
.ali-hero .ali-soon{margin-bottom:var(--s4)}
.ali-link-line{margin:var(--s4) 0 var(--s5);padding-left:var(--s3);border-left:2px solid var(--ali);color:var(--text)}
.ali-steps{list-style:none;margin:var(--s4) 0 0;padding:0;display:grid;gap:var(--s4);grid-template-columns:repeat(4,minmax(0,1fr))}
.ali-steps li{display:flex;flex-direction:column;gap:6px;padding:var(--s4);border:1px solid var(--line);border-radius:var(--r2);background:var(--surface)}
.ali-num{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--ali-line);color:var(--ali);font:500 12px/1 var(--font-mono)}
.ali-cols{display:grid;gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--s4)}
.ali-col h3{margin:0 0 var(--s3);font:400 12px/1.4 var(--font-mono);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--ali)}
.ali-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.ali-prices{width:100%;border-collapse:collapse;margin-bottom:var(--s3)}
.ali-prices th,.ali-prices td{padding:var(--s2) 0;border-bottom:1px solid var(--line);text-align:left;font-weight:400;vertical-align:top}
.ali-prices td{text-align:right;white-space:nowrap;font-family:var(--font-mono)}
.ali-pilot{margin:0;color:var(--ali);font-weight:500}
@media (max-width:960px){.ali-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ali-steps,.ali-cols,.ali-badges{grid-template-columns:1fr}.ali-hero{padding:var(--s7) 0 var(--s5)}}

/* ALI landing: simple, fast, cheap */
.ali-title{margin:0 0 var(--s3);max-width:20ch;font-size:clamp(28px,5.5vw,46px);font-weight:300;line-height:1.15;color:var(--text)}
.ali-hero .lede{max-width:56ch}
.ali-cta-row{margin:var(--s5) 0}
.ali-badges{list-style:none;margin:var(--s5) 0 var(--s4);padding:0;display:grid;gap:var(--s3);grid-template-columns:repeat(3,minmax(0,1fr))}
.ali-badges li{display:flex;flex-direction:column;gap:4px;padding:var(--s3) var(--s4);border:1px solid var(--ali-line);border-radius:var(--r2);background:var(--surface)}
.ali-badges strong{font:500 12px/1.4 var(--font-mono);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--ali)}
.ali-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--ali-line);color:var(--ali)}
.ali-ico svg{width:22px;height:22px}
.ali-trust-q{margin:var(--s3) 0 var(--s2);font-size:18px;color:var(--text)}
.ali-checklist{list-style:none;margin:var(--s4) 0 0;padding:0;display:grid;gap:var(--s3);max-width:760px}
.ali-checklist li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:var(--s3);align-items:start;color:var(--text)}
.ali-checklist svg{width:22px;height:22px;color:var(--ali)}
.ali-join{background:var(--ali-soft);border-top:1px solid var(--line)}
.insp-warn{border-left-color:var(--warn,#d99a2b);background:rgba(217,154,43,.1);color:var(--text)}

/* exporter self-inspection: who inspects at origin, invitation link, per-leg label */
.insp-who{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}
.insp-who-h{margin:0 0 var(--s3);font:400 12px/1.4 var(--font-mono);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--text-2)}
.insp-who-exp{margin-top:var(--s3)}
.insp-fs.is-self .insp-chip,.insp-fs.is-self .insp-visit{display:none}
.insp-invite-box{margin:var(--s4) 0}
.insp-invite-row{display:flex;gap:var(--s3);align-items:stretch}
.insp-invite-url{flex:1 1 auto;min-width:0;font-family:var(--font-mono);font-size:13px}
.insp-invite-row .btn{flex:none}
.insp-by{display:inline-block;margin-top:var(--s2);padding:2px var(--s3);border:1px solid var(--line);border-radius:999px;font-size:12.5px;color:var(--text-2)}
.insp-by.is-self{border-color:var(--ali-line,var(--line-strong));color:var(--text)}
@media (max-width:640px){.insp-invite-row{flex-direction:column}.insp-invite-row .btn{width:100%}}
