/* Canada → India export planner (E1) — uses LBIC Design System tokens with safe fallbacks */
.lbic-ei{ max-width:960px; margin:0 auto; padding:8px 16px 40px; color:var(--lbic-ink,#1c2b3a); font-family:var(--lbic-sans,inherit); }
.lbic-ei h1{ font-family:var(--lbic-serif,inherit); font-size:2rem; margin:4px 0 6px; }
.lbic-ei .ei-eyebrow{ font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; color:var(--lbic-ink-soft,#3a4a5a); margin:0; }
.lbic-ei .ei-sec{ border:1px solid var(--lbic-line,#d4dde6); border-radius:12px; padding:16px 18px; margin:18px 0; background:#fff; }
.lbic-ei .ei-sec h2{ font-size:1.2rem; margin:0 0 6px; }
.lbic-ei .ei-note{ color:var(--lbic-ink-soft,#3a4a5a); margin:0 0 12px; }
.lbic-ei .ei-checks{ display:grid; gap:8px; }
.lbic-ei .ei-check{ display:flex; gap:12px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--lbic-line,#e3e9ef); padding:6px 0; }
.lbic-ei .ei-check span{ flex:1; }
.lbic-ei .ei-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px 16px; }
@media (max-width:640px){ .lbic-ei .ei-grid{ grid-template-columns:1fr; } .lbic-ei .ei-check{ flex-direction:column; align-items:flex-start; } }
.lbic-ei .ei-field{ display:flex; flex-direction:column; gap:4px; }
.lbic-ei .ei-field span{ font-weight:600; font-size:.88rem; }
.lbic-ei .ei-field small{ color:var(--lbic-ink-soft,#5b6b7b); }
.lbic-ei .ei-input{ padding:9px 10px; border:1px solid var(--lbic-line-strong,#b9c8d6); border-radius:8px; font:inherit; min-width:0; }
.lbic-ei .ei-actions{ display:flex; gap:12px; align-items:center; margin-top:14px; flex-wrap:wrap; }
.lbic-ei .ei-btn{ background:var(--lbic-primary,#17304F); color:#fff; border:0; border-radius:8px; padding:9px 16px; font-weight:700; cursor:pointer; }
.lbic-ei .ei-btn[disabled]{ opacity:.6; cursor:default; }
.lbic-ei .ei-status{ margin:0; }
.lbic-ei .ei-status.err{ color:#8f3a43; } .lbic-ei .ei-status.ok{ color:#2f6f4f; }
.lbic-ei .ei-result{ margin-top:12px; }
.lbic-ei .ei-good{ border-left:4px solid #2f6f4f; background:#f2f8f4; padding:8px 12px; border-radius:6px; font-weight:600; }
.lbic-ei .ei-warn{ border-left:4px solid #A9535C; background:#fdf7f7; padding:8px 12px; border-radius:6px; font-weight:600; }
.lbic-ei .ei-due strong{ font-size:1.05rem; }
.lbic-ei .ei-src{ font-size:.82rem; color:var(--lbic-ink-soft,#5b6b7b); }
.lbic-ei .ei-scroll{ overflow-x:auto; }
.lbic-ei .ei-table{ width:100%; border-collapse:collapse; font-size:.88rem; margin-top:10px; }
.lbic-ei .ei-table th,.lbic-ei .ei-table td{ text-align:left; padding:7px 9px; border-bottom:1px solid var(--lbic-line,#e3e9ef); }
.lbic-ei .ei-table .ei-input{ width:90px; }
.lbic-ei .ei-back{ font-weight:700; color:var(--lbic-primary,#17304F); }
.lbic-ei .ei-confirm{ flex-direction:row; align-items:flex-start; gap:8px; grid-column:1/-1; } .lbic-ei .ei-confirm span{ font-weight:400; }
/* E2: Steps 2, 3, 4, 6 and 8 */
.lbic-ei .ei-nav{ display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 4px; }
.lbic-ei .ei-nav a{ display:inline-flex; align-items:center; min-height:44px; padding:0 12px; border:1px solid var(--lbic-line,#d4dde6); border-radius:999px; color:var(--lbic-primary,#17304F); text-decoration:none; font-weight:600; font-size:.88rem; background:#fff; }
.lbic-ei .ei-nav a:focus-visible,.lbic-ei .ei-btn:focus-visible,.lbic-ei .ei-input:focus-visible{ outline:3px solid #6b9bc3; outline-offset:2px; }
.lbic-ei .ei-sec{ scroll-margin-top:16px; }
.lbic-ei .ei-btn{ min-height:44px; }
.lbic-ei .ei-input{ min-height:44px; box-sizing:border-box; }
.lbic-ei textarea.ei-input{ min-height:88px; }
.lbic-ei .ei-linkbtn{ display:inline-flex; align-items:center; text-decoration:none; }
.lbic-ei .ei-btn-ghost{ background:#fff; color:var(--lbic-primary,#17304F); border:1px solid var(--lbic-primary,#17304F); }
.lbic-ei .ei-fs{ border:0; padding:0; margin:0 0 6px; display:grid; gap:6px; }
.lbic-ei .ei-fs legend{ font-weight:600; margin-bottom:6px; padding:0; }
.lbic-ei .ei-tick{ display:flex; gap:10px; align-items:center; min-height:44px; }
.lbic-ei .ei-tick input,.lbic-ei .ei-confirm input{ width:20px; height:20px; flex:none; }
.lbic-ei .ei-confirm{ min-height:44px; align-items:center; }
.lbic-ei .ei-item{ border-top:1px solid var(--lbic-line,#e3e9ef); padding:12px 0 4px; }
.lbic-ei .ei-item h3{ font-size:1rem; margin:0 0 6px; }
.lbic-ei .ei-item p{ margin:0 0 6px; }
.lbic-ei .ei-item .ei-field{ max-width:320px; }
.lbic-ei .ei-confirm-line{ font-style:italic; color:var(--lbic-ink-soft,#3a4a5a); }
.lbic-ei .ei-tag{ display:inline-block; font-size:.75rem; font-weight:700; border:1px solid var(--lbic-line-strong,#b9c8d6); border-radius:999px; padding:1px 8px; vertical-align:middle; }
.lbic-ei .ei-kv th{ width:34%; font-weight:600; vertical-align:top; }
.lbic-ei .ei-wide{ grid-column:1/-1; }
.lbic-ei .ei-fca[hidden]{ display:none; }
.lbic-ei .ei-pack{ border:1px solid var(--lbic-line,#d4dde6); border-radius:10px; padding:16px; margin-top:12px; background:#fbfcfd; }
.lbic-ei .ei-pack h4{ margin:16px 0 4px; font-size:1rem; }
.lbic-ei .ei-pack-title{ font-family:var(--lbic-serif,inherit); font-size:1.4rem; margin:2px 0 8px; }
.lbic-ei .ei-pack-note{ white-space:pre-wrap; border-left:4px solid var(--lbic-line-strong,#b9c8d6); padding:6px 10px; }
.lbic-ei .ei-item p,.lbic-ei .ei-pack td,.lbic-ei .ei-kv td{ overflow-wrap:anywhere; }
@media print{
  body.ei-printing *{ visibility:hidden !important; }
  body.ei-printing .ei-print-target,body.ei-printing .ei-print-target *{ visibility:visible !important; }
  body.ei-printing .ei-print-target{ position:absolute; left:0; top:0; width:100%; border:0; background:#fff; }
}
.lbic-ei .ei-back{ display:inline-flex; align-items:center; min-height:44px; }
.lbic-ei .ei-grid > *{ min-width:0; }
.lbic-ei .ei-grid .ei-input,.lbic-ei .ei-item .ei-input{ width:100%; max-width:100%; }
.lbic-ei select.ei-input{ text-overflow:ellipsis; }
/* E3: invoice, packing list and carton calculator */
.lbic-ei .ei-doc{ border:1px solid var(--lbic-line,#d4dde6); border-radius:10px; padding:16px; margin-top:12px; background:#fbfcfd; }
.lbic-ei .ei-parties{ display:grid; grid-template-columns:1fr 1fr; gap:12px 16px; margin:8px 0; }
@media (max-width:640px){ .lbic-ei .ei-parties{ grid-template-columns:1fr; } }
.lbic-ei .ei-party h4{ margin:0 0 4px; font-size:.95rem; }
.lbic-ei .ei-addr{ white-space:pre-line; margin:0 0 4px; overflow-wrap:anywhere; }
.lbic-ei .ei-checklist{ list-style:none; padding:0; margin:8px 0; display:grid; gap:6px; }
.lbic-ei .ei-checklist li{ display:flex; gap:8px; align-items:flex-start; }
.lbic-ei .ei-mark{ flex:none; width:22px; height:22px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-weight:700; font-size:.8rem; }
.lbic-ei .ei-checklist li.ok .ei-mark{ background:#e3f1e8; color:#2f6f4f; }
.lbic-ei .ei-checklist li.todo .ei-mark{ background:#fbe9ea; color:#8f3a43; }
.lbic-ei .ei-cartons th,.lbic-ei .ei-cartons td{ padding:6px 4px; }
.lbic-ei .ei-cartons th{ font-size:.8rem; }
.lbic-ei .ei-cartons .ei-input{ width:68px; padding:9px 6px; }
.lbic-ei .ei-cartons td:nth-child(7) .ei-input{ width:150px; }
.lbic-ei .ei-cartons td:nth-child(8) .ei-input{ width:90px; }
.lbic-ei .ei-btn-sm{ min-height:44px; padding:6px 12px; font-weight:600; }
.lbic-ei .ei-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:6px 0 10px; }
@media (max-width:640px){ .lbic-ei .ei-stats{ grid-template-columns:1fr 1fr; } }
.lbic-ei .ei-stat{ border:1px solid var(--lbic-line,#d4dde6); border-radius:10px; padding:10px 12px; background:#fff; display:flex; flex-direction:column; gap:2px; }
.lbic-ei .ei-stat span{ font-size:.82rem; color:var(--lbic-ink-soft,#5b6b7b); }
.lbic-ei .ei-stat strong{ font-size:1.1rem; }
.lbic-ei .ei-field[hidden]{ display:none; }
.lbic-ei .screen-reader-text{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
/* E4: getting paid and funding */
.lbic-ei .ei-sec h3{ font-size:1.02rem; margin:14px 0 6px; }
.lbic-ei .ei-tag-closed{ border-color:#c99; color:#8f3a43; }
.lbic-ei .ei-fit{ background:#f5f8fa; border-radius:6px; padding:6px 10px; }
.lbic-ei tr.ei-best td{ font-weight:700; }
.lbic-ei .ei-fxq .ei-input{ width:100%; min-width:110px; }

/* E6: words explained and Directory links */
.lbic-ei .ei-help{ margin:14px 0 4px; padding:12px 14px; border:1px solid var(--lbic-line,#d4dde6); border-radius:10px; background:var(--lbic-surface-2,#f5f8fb); }
.lbic-ei .ei-help h3{ margin:0 0 4px; font-size:.95rem; }
.lbic-ei .ei-help ul{ list-style:none; margin:0; padding:0; }
.lbic-ei .ei-help li{ display:flex; flex-wrap:wrap; align-items:center; column-gap:10px; }
.lbic-ei .ei-help li a{ display:inline-flex; align-items:center; min-height:44px; font-weight:700; }
.lbic-ei .ei-help li span{ color:var(--lbic-ink-soft,#5b6b7b); font-size:.88rem; }
.lbic-ei .ei-words{ margin:12px 0 0; border-top:1px solid var(--lbic-line,#d4dde6); }
.lbic-ei .ei-words summary{ display:flex; align-items:center; min-height:44px; cursor:pointer; font-weight:700; color:var(--lbic-primary,#1d4f91); }
.lbic-ei .ei-words summary:focus-visible{ outline:2px solid var(--lbic-primary,#1d4f91); outline-offset:2px; }
.lbic-ei .ei-words__list{ margin:4px 0 8px; }
.lbic-ei .ei-words__list dt{ font-weight:700; margin-top:10px; }
.lbic-ei .ei-words__list dd{ margin:2px 0 0; }
.lbic-ei .ei-words__list dd .ei-src{ display:block; margin-top:2px; }
@media print{ .lbic-ei .ei-help,.lbic-ei .ei-words{ display:none; } }
