/* ═══════════════════════════════════════════════════════════════════════════
 * Trang khách "Xác nhận thông tin xuất HĐ" (/hd/) — FILE SINH TỰ ĐỘNG, sửa tay sẽ mất.
 * Sinh bởi: python3 scripts/gen_invoice_request_public_css.py
 * Nguồn: docs/kits/invoice_confirm_v2/ic-theme.css (bản chép NGUYÊN VĂN kit THAMKHAO/.../ui_kits/invoice_confirm_v2/)
 *   — giữ nguyên toàn bộ token --brand-* 3 brand, component, container query, lớp trang trí
 *     [data-brand=…]; chỉ bỏ khối "Review toolbar" của kit. Override nối ở đuôi từ
 *     orders/static/orders/css/invoice_request_public_extra.css.
 * ═══════════════════════════════════════════════════════════════════════════ */
/* Invoice confirm · public page — 1 component tree, 3 brand themes. Brands override ONLY --brand-* tokens (+ a few [data-brand] decorative rules at the end). */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Chakra+Petch:wght@500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&display=swap');
[data-brand=gdp]{--brand-page-bg:#F6F3EF;--brand-surface:#FFFFFF;--brand-surface-2:#FAF7F5;--brand-tint:#FDF4F3;--brand-tint-border:#F3DAD7;--brand-field:#FFFFFF;--brand-text:#1F1B1A;--brand-body:#48413E;--brand-muted:#6F6764;--brand-border:#ECE5E0;--brand-border-strong:#CFC5BF;--brand-primary:#C22026;--brand-primary-hover:#A81B20;--brand-on-primary:#FFFFFF;--brand-accent:#C22026;--brand-accent-text:#B01E23;--brand-accent-2:#C22026;--brand-ring:rgba(194,32,38,.16);--brand-success:#1D7443;--brand-success-bg:#EEF7F1;--brand-success-border:#C3E2CF;--brand-warn:#8A5208;--brand-warn-bg:#FDF5E6;--brand-warn-border:#F0D8A8;--brand-error:#B42318;--brand-error-bg:#FDEFED;--brand-error-border:#F2C3BD;--brand-mod:#B01E23;--brand-mod-bg:#FDEEEC;--brand-look-bg:#FFFFFF;--brand-look-text:#B01E23;--brand-look-border:#E3A7A4;--brand-solid-bg:#1F1B1A;--brand-solid-text:#FFFFFF;--brand-radius:16px;--brand-radius-field:10px;--brand-radius-btn:10px;--brand-heading-font:'Be Vietnam Pro',system-ui,sans-serif;--brand-heading-weight:700;--brand-heading-size:26px;--brand-heading-track:-.015em;--brand-body-font:'Be Vietnam Pro',system-ui,sans-serif;--brand-logo-h:36px;--brand-shadow:0 1px 2px rgba(31,27,26,.04),0 14px 36px -18px rgba(31,27,26,.16);--brand-cta-shadow:0 1px 2px rgba(120,20,24,.18)}
[data-brand=lteng]{--brand-page-bg:linear-gradient(rgba(120,150,255,.04) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(120,150,255,.04) 1px,transparent 1px) 0 0/32px 32px,radial-gradient(760px 420px at 50% -12%,rgba(76,201,238,.11),transparent 70%),#0A1230;--brand-surface:#0F1A40;--brand-surface-2:#13204C;--brand-tint:#0B1537;--brand-tint-border:#23336C;--brand-field:#0A1333;--brand-text:#EEF2FB;--brand-body:#BAC5DF;--brand-muted:#8A97BA;--brand-border:#1F2C5E;--brand-border-strong:#374983;--brand-primary:#CF1075;--brand-primary-hover:#DE1780;--brand-on-primary:#FFFFFF;--brand-accent:#E0228A;--brand-accent-text:#F463AE;--brand-accent-2:#4CC9EE;--brand-ring:rgba(224,34,138,.32);--brand-success:#63D6C6;--brand-success-bg:rgba(99,214,198,.07);--brand-success-border:rgba(99,214,198,.32);--brand-warn:#F2BA6A;--brand-warn-bg:rgba(242,186,106,.07);--brand-warn-border:rgba(242,186,106,.32);--brand-error:#FF928A;--brand-error-bg:rgba(255,146,138,.07);--brand-error-border:rgba(255,146,138,.42);--brand-mod:#F463AE;--brand-mod-bg:rgba(224,34,138,.13);--brand-look-bg:transparent;--brand-look-text:#EEF2FB;--brand-look-border:#4A5E9E;--brand-solid-bg:#EEF2FB;--brand-solid-text:#0A1230;--brand-radius:6px;--brand-radius-field:4px;--brand-radius-btn:4px;--brand-heading-font:'Chakra Petch','Be Vietnam Pro',sans-serif;--brand-heading-weight:700;--brand-heading-size:28px;--brand-heading-track:0;--brand-body-font:'Be Vietnam Pro',system-ui,sans-serif;--brand-logo-h:24px;--brand-shadow:0 30px 70px -36px rgba(0,0,0,.7);--brand-cta-shadow:0 0 0 1px rgba(244,99,174,.35),0 10px 30px -10px rgba(207,16,117,.75)}
[data-brand=phaledo]{--brand-page-bg:radial-gradient(680px 440px at 88% -10%,rgba(140,42,48,.24),transparent 70%),radial-gradient(560px 420px at -5% 105%,rgba(243,236,223,.05),transparent 70%),#0E0B09;--brand-surface:#17120F;--brand-surface-2:#1E1814;--brand-tint:#130F0C;--brand-tint-border:#3A2F28;--brand-field:#110D0B;--brand-text:#F3ECDF;--brand-body:#D5CAB9;--brand-muted:#A69A88;--brand-border:#2E2621;--brand-border-strong:#4D4138;--brand-primary:#8C2A30;--brand-primary-hover:#9E3239;--brand-on-primary:#F8F1E6;--brand-accent:#B4474F;--brand-accent-text:#E3A89F;--brand-accent-2:#BFA06A;--brand-ring:rgba(180,71,79,.38);--brand-success:#B5CDA4;--brand-success-bg:rgba(181,205,164,.06);--brand-success-border:rgba(181,205,164,.28);--brand-warn:#E6BD7A;--brand-warn-bg:rgba(230,189,122,.06);--brand-warn-border:rgba(230,189,122,.3);--brand-error:#F29C91;--brand-error-bg:rgba(242,156,145,.06);--brand-error-border:rgba(242,156,145,.4);--brand-mod:#E3A89F;--brand-mod-bg:rgba(180,71,79,.16);--brand-look-bg:transparent;--brand-look-text:#F3ECDF;--brand-look-border:#5E5046;--brand-solid-bg:#F3ECDF;--brand-solid-text:#17120F;--brand-radius:20px;--brand-radius-field:12px;--brand-radius-btn:999px;--brand-heading-font:'Newsreader',Georgia,serif;--brand-heading-weight:400;--brand-heading-size:36px;--brand-heading-track:-.012em;--brand-body-font:'Be Vietnam Pro',system-ui,sans-serif;--brand-logo-h:34px;--brand-shadow:inset 0 1px 0 rgba(243,236,223,.06),0 40px 90px -50px #000;--brand-cta-shadow:inset 0 1px 0 rgba(255,236,226,.16),0 12px 32px -14px rgba(140,42,48,.85)}

/* ── BrandShell ── */
.ic-page{box-sizing:border-box;background:var(--brand-page-bg);color:var(--brand-text);font-family:var(--brand-body-font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;container:ic/inline-size}
.ic-page *,.ic-page *::before,.ic-page *::after{box-sizing:border-box}
.ic-page [hidden]{display:none!important}
.ic-page a{color:var(--brand-accent-text)}.ic-page a:hover{color:var(--brand-text)}
.ic-shell{max-width:680px;margin:0 auto;padding:28px 24px 44px;display:flex;flex-direction:column;min-height:100vh}
.ic-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;padding:0 2px 22px}
.ic-logo{display:block;height:var(--brand-logo-h);width:auto}
.ic-secure{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--brand-muted);white-space:nowrap}
.ic-secure svg{width:14px;height:14px;flex:none;color:var(--brand-success)}
.ic-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:0}
.ic-steps li{padding-top:8px;border-top:2px solid var(--brand-border);font-size:12px;font-weight:600;color:var(--brand-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ic-steps li.is-done{border-top-color:color-mix(in oklab,var(--brand-accent) 42%,transparent);color:var(--brand-body)}
.ic-steps li.is-on{border-top-color:var(--brand-accent);color:var(--brand-text)}
.ic-card{position:relative;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);box-shadow:var(--brand-shadow)}
.ic-cb{padding:36px 40px 34px}
.ic-foot{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;font-size:12.5px;color:var(--brand-muted)}
.ic-foot b{font-weight:600;color:var(--brand-body)}

/* ── Page header + OrderReference ── */
.ic-h1{margin:0;font-family:var(--brand-heading-font);font-weight:var(--brand-heading-weight);font-size:var(--brand-heading-size);line-height:1.18;letter-spacing:var(--brand-heading-track);color:var(--brand-text);text-wrap:balance}
.ic-lead{margin:10px 0 0;color:var(--brand-body);text-wrap:pretty;max-width:54ch}
.ic-ref{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:16px;padding:6px 12px;border-radius:999px;background:var(--brand-surface-2);border:1px solid var(--brand-border);font-size:13px;color:var(--brand-muted)}
.ic-ref span,.ic-ref b{white-space:nowrap}
.ic-ref b{font-weight:600;color:var(--brand-text);font-variant-numeric:tabular-nums;letter-spacing:.05em}
.ic-ref i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.7}

/* ── Sections ── */
.ic-sec{margin-top:28px;padding-top:26px;border-top:1px solid var(--brand-border)}
.ic-h2{display:flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:700;line-height:1.3;color:var(--brand-text)}
.ic-idx{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--brand-accent);color:var(--brand-on-primary);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.ic-sub{margin:6px 0 0;font-size:13.5px;color:var(--brand-muted);text-wrap:pretty}
.ic-box{margin-top:16px;padding:18px;border-radius:calc(var(--brand-radius) - 4px);background:var(--brand-tint);border:1px solid var(--brand-tint-border)}

/* ── Fields ── */
.ic-fields{display:flex;flex-direction:column;gap:20px;margin-top:18px}
.ic-lbl{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;min-height:22px}
.ic-lbl label{font-size:14px;font-weight:600;color:var(--brand-text)}
.ic-mod{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:11.5px;font-weight:600;line-height:1;color:var(--brand-mod);background:var(--brand-mod-bg);padding:5px 9px;border-radius:999px}
.ic-mod::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.ic-mod[hidden]{display:none}
.ic-in{display:block;width:100%;min-height:48px;margin:0;padding:11px 14px;font:inherit;font-size:16px;line-height:1.45;color:var(--brand-text);background:var(--brand-field);border:1px solid var(--brand-border-strong);border-radius:var(--brand-radius-field);outline:none;transition:border-color .15s,box-shadow .15s;resize:vertical}
textarea.ic-in{min-height:74px}
.ic-in::placeholder{color:var(--brand-muted)}
.ic-in:hover{border-color:color-mix(in oklab,var(--brand-border-strong),var(--brand-text) 22%)}
.ic-in:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px var(--brand-ring)}
.ic-in.is-mod{border-color:color-mix(in oklab,var(--brand-mod) 50%,var(--brand-border-strong))}
.ic-in.is-err,.ic-in.is-err:focus{border-color:var(--brand-error);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand-error) 16%,transparent)}
.ic-help{margin:7px 0 0;font-size:12.5px;line-height:1.5;color:var(--brand-muted)}
.ic-err{display:flex;align-items:flex-start;gap:6px;margin:7px 0 0;font-size:13px;font-weight:600;line-height:1.45;color:var(--brand-error)}
.ic-err svg{width:15px;height:15px;flex:none;margin-top:2px}
.ic-mstrow{display:flex;gap:10px}
.ic-in--mst{min-height:54px;font-size:20px;font-weight:600;letter-spacing:.08em;font-variant-numeric:tabular-nums}

/* ── Buttons ── */
.ic-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;margin:0;border-radius:var(--brand-radius-btn);border:1px solid transparent;font:inherit;font-size:15px;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s,transform .08s}
.ic-btn:active{transform:translateY(1px)}
.ic-btn svg{width:17px;height:17px;flex:none}
.ic-btn--primary{width:100%;min-height:54px;background:var(--brand-primary);color:var(--brand-on-primary);box-shadow:var(--brand-cta-shadow)}
.ic-btn--primary:hover{background:var(--brand-primary-hover)}
.ic-btn--secondary{width:100%;background:transparent;color:var(--brand-text);border-color:var(--brand-border-strong)}
.ic-btn--secondary:hover{background:var(--brand-surface-2)}
.ic-btn--lookup{flex:none;min-height:54px;min-width:132px;background:var(--brand-look-bg);color:var(--brand-look-text);border-color:var(--brand-look-border)}
.ic-btn--lookup:hover{border-color:var(--brand-accent)}
.ic-btn--solid{min-height:44px;padding:0 18px;font-size:14px;background:var(--brand-solid-bg);color:var(--brand-solid-text)}
.ic-btn[disabled]{cursor:progress;opacity:.82}
.ic-btn:focus-visible,.ic-link:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}
.ic-link{display:inline-flex;align-items:center;gap:6px;min-height:32px;background:none;border:0;padding:0;font:inherit;font-size:14px;font-weight:600;color:var(--brand-accent-text);cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.ic-link:hover{color:var(--brand-text)}
.ic-spin{width:16px;height:16px;flex:none;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:ic-sp .7s linear infinite}
@keyframes ic-sp{to{transform:rotate(360deg)}}

/* ── BusinessLookupResult / notes ── */
.ic-res{margin-top:14px;padding:16px 18px;border-radius:var(--brand-radius-field);border:1px solid var(--brand-border);background:var(--brand-surface)}
.ic-res--ok{background:var(--brand-success-bg);border-color:var(--brand-success-border)}
.ic-res--warn{background:var(--brand-warn-bg);border-color:var(--brand-warn-border)}
.ic-res-h{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;color:var(--brand-body)}
.ic-res-h svg{width:17px;height:17px;flex:none}
.ic-res--ok .ic-res-h{color:var(--brand-success)}.ic-res--warn .ic-res-h{color:var(--brand-warn)}
.ic-res-n{margin:10px 0 0;font-size:16px;font-weight:700;line-height:1.35;color:var(--brand-text)}
.ic-res-d{display:grid;grid-template-columns:76px minmax(0,1fr);gap:6px 12px;margin:10px 0 0;font-size:13.5px}
.ic-res-d dt{color:var(--brand-muted)}.ic-res-d dd{margin:0;color:var(--brand-body)}
.ic-res-p{margin:6px 0 0;font-size:13.5px;color:var(--brand-body);text-wrap:pretty}
.ic-res-a{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:16px}
.ic-skel{height:11px;margin-top:12px;border-radius:6px;background:linear-gradient(90deg,var(--brand-border),color-mix(in oklab,var(--brand-border),var(--brand-text) 10%),var(--brand-border));background-size:200% 100%;animation:ic-sk 1.3s ease-in-out infinite}
.ic-skel.w60{width:60%}.ic-skel.w80{width:80%}
@keyframes ic-sk{0%{background-position:100% 0}100%{background-position:-100% 0}}
.ic-note{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;border-radius:var(--brand-radius-field);background:var(--brand-success-bg);border:1px solid var(--brand-success-border);font-size:13.5px;color:var(--brand-text)}
.ic-note svg{width:17px;height:17px;flex:none;margin-top:1px;color:var(--brand-success)}
.ic-note .ic-link{min-height:0;font-size:13.5px;margin-left:4px}
.ic-alert{display:flex;gap:10px;align-items:flex-start;margin:0 0 22px;padding:14px 16px;border-radius:var(--brand-radius-field);background:var(--brand-error-bg);border:1px solid var(--brand-error-border);font-size:13.5px;color:var(--brand-text)}
.ic-alert svg{width:18px;height:18px;flex:none;color:var(--brand-error);margin-top:1px}
.ic-alert b{display:block;color:var(--brand-error);font-size:14px}
.ic-changes{display:flex;align-items:center;gap:8px;margin:22px 0 0;font-size:13.5px;color:var(--brand-body)}
.ic-changes::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--brand-mod)}

/* ── ConfirmationSummary / SubmitAction ── */
.ic-sum{margin-top:24px;border:1px solid var(--brand-tint-border);border-radius:calc(var(--brand-radius) - 4px);background:var(--brand-tint);overflow:hidden}
.ic-sum-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:14px 18px;border-bottom:1px solid var(--brand-tint-border);font-size:14px;font-weight:700;color:var(--brand-text)}
.ic-sum-r{display:grid;grid-template-columns:132px minmax(0,1fr);gap:4px 16px;padding:14px 18px;border-bottom:1px solid var(--brand-tint-border)}
.ic-sum-r:last-child{border-bottom:0}
.ic-sum-k{font-size:13px;color:var(--brand-muted);padding-top:1px}
.ic-sum-v{font-size:15px;font-weight:600;line-height:1.45;color:var(--brand-text);word-break:break-word}
.ic-sum-v.num{font-variant-numeric:tabular-nums;letter-spacing:.04em}
.ic-sum-v .ic-mod{margin-left:8px;vertical-align:1px}
.ic-sum-p{display:block;margin-top:3px;font-size:12.5px;font-weight:400;color:var(--brand-muted)}
.ic-acts{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.ic-fine{margin:12px 0 0;text-align:center;font-size:12.5px;line-height:1.5;color:var(--brand-muted);text-wrap:pretty}

/* ── SuccessState / ExpiredState / other status views ── */
.ic-state{text-align:center;padding:10px 0 2px}
.ic-state .ic-lead{margin-left:auto;margin-right:auto}
.ic-state .ic-ref{margin-top:18px}
.ic-state .ic-sum,.ic-state .ic-acts{text-align:left}
.ic-state-ic{display:grid;place-items:center;width:64px;height:64px;margin:4px auto 20px;border-radius:50%;border:1px solid var(--brand-border);background:var(--brand-surface-2);color:var(--brand-muted)}
.ic-state-ic svg{width:28px;height:28px}
.ic-state-ic.ok{background:var(--brand-success-bg);border-color:var(--brand-success-border);color:var(--brand-success)}
.ic-state-ic.warn{background:var(--brand-warn-bg);border-color:var(--brand-warn-border);color:var(--brand-warn)}
.ic-help-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin-top:18px;font-size:13.5px;color:var(--brand-body)}
.ic-help-row b{color:var(--brand-text);font-variant-numeric:tabular-nums}

/* ── Responsive (container query → works in full page and in 390px review frames) ── */
@container ic (max-width:560px){
.ic-shell{padding:16px 16px 32px}
.ic-top{padding-bottom:16px}
.ic-cb{padding:26px 20px 24px}
.ic-h1{font-size:calc(var(--brand-heading-size) * .86)}
.ic-mstrow{flex-direction:column}
.ic-btn--lookup{width:100%;min-height:48px}
.ic-sum-r{grid-template-columns:minmax(0,1fr)}
.ic-sec{margin-top:24px;padding-top:22px}
.ic-box{padding:16px 14px}
.ic-res{padding:14px}
.ic-res-a .ic-btn--solid{width:100%}
.ic-ref{display:flex;width:fit-content;max-width:100%;border-radius:var(--brand-radius-field);row-gap:2px}
.ic-ref i{display:none}
.ic-ref span:last-child{flex-basis:100%}
.ic-state .ic-ref{margin-left:auto;margin-right:auto;justify-content:center;text-align:center}
.ic-page[data-brand=lteng] .ic-secure{letter-spacing:.06em;font-size:11px}
}

/* ══ Brand decorative layer (no layout changes) ══ */
/* GDP — compact red top accent */
[data-brand=gdp].ic-page{border-top:3px solid #C22026}
/* LTENG — technical: magenta tick + cyan corner, Chakra labels */
[data-brand=lteng] .ic-card::before{content:'';position:absolute;left:28px;top:-1px;width:56px;height:2px;background:var(--brand-primary);box-shadow:0 0 12px rgba(224,34,138,.7)}
[data-brand=lteng] .ic-card::after{content:'';position:absolute;right:-1px;bottom:-1px;width:14px;height:14px;border-right:1px solid var(--brand-accent-2);border-bottom:1px solid var(--brand-accent-2);opacity:.55;border-bottom-right-radius:var(--brand-radius)}
[data-brand=lteng] .ic-secure,[data-brand=lteng] .ic-steps li{font-family:'Chakra Petch',sans-serif;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase}
[data-brand=lteng] .ic-secure svg{color:var(--brand-accent-2)}
[data-brand=lteng] .ic-steps li.is-on{border-top-color:var(--brand-primary);box-shadow:0 -1px 10px -2px rgba(224,34,138,.6)}
[data-brand=lteng] .ic-h2{font-family:'Chakra Petch',sans-serif;font-size:13.5px;letter-spacing:.12em;text-transform:uppercase}
[data-brand=lteng] .ic-idx{display:inline-flex;gap:4px;width:auto;height:auto;border-radius:0;background:none;color:var(--brand-accent-text);font-family:'Chakra Petch',sans-serif;font-size:13.5px;letter-spacing:.06em}
[data-brand=lteng] .ic-idx::after{content:' /';color:var(--brand-border-strong)}
[data-brand=lteng] .ic-sec{border-top-style:dashed}
[data-brand=lteng] .ic-ref,[data-brand=lteng] .ic-mod{border-radius:3px}
[data-brand=lteng] .ic-btn{font-family:'Chakra Petch',sans-serif;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
[data-brand=lteng] .ic-sum-h{font-family:'Chakra Petch',sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
[data-brand=lteng] .ic-state-ic{border-radius:6px}
/* PHALEDO — editorial serif, glass edge, thin separators, ruby glow */
[data-brand=phaledo] .ic-top{flex-direction:column;justify-content:center;gap:12px;padding-bottom:26px}
[data-brand=phaledo] .ic-secure{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase}
[data-brand=phaledo] .ic-secure svg{color:var(--brand-accent-2);width:12px;height:12px}
[data-brand=phaledo] .ic-steps li{border-top-width:1px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
[data-brand=phaledo] .ic-card{background:radial-gradient(420px 220px at 100% 0,rgba(140,42,48,.12),transparent 70%),var(--brand-surface)}
[data-brand=phaledo] .ic-card::before{content:'';position:absolute;left:12%;right:12%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(243,236,223,.34),transparent)}
[data-brand=phaledo] .ic-cb{padding-top:40px}
[data-brand=phaledo] .ic-idx{display:none}
[data-brand=phaledo] .ic-h2{font-family:'Newsreader',Georgia,serif;font-size:22px;font-weight:400;letter-spacing:-.005em}
[data-brand=phaledo] .ic-sum-h{font-family:'Newsreader',Georgia,serif;font-size:19px;font-weight:400}
[data-brand=phaledo] .ic-ref{background:transparent}
[data-brand=phaledo] .ic-btn{font-weight:600;letter-spacing:.02em}
[data-brand=phaledo] .ic-state-ic.ok{background:transparent;border-color:rgba(191,160,106,.55);color:var(--brand-text)}
[data-brand=phaledo] .ic-foot b{font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:400;font-size:15px;line-height:1.4;white-space:nowrap}

/* ═══ override sau kit (orders/static/orders/css/invoice_request_public_extra.css) ═══ */
/* Override SAU kit cho trang khách THẬT (kit chỉ có trang review + khung 390px).
 * Sửa file này rồi chạy lại `python3 scripts/gen_invoice_request_public_css.py` — KHÔNG sửa file sinh. */

/* Trang thật: body chính là .ic-page — kit 04/05/06-edit-*.html khai inline `html,body{margin:0;min-height:100%}`
 * + `body.ic-page{min-height:100vh}` (bỏ `padding-bottom:64px` của thanh Review). */
html,body{margin:0;min-height:100%}
body.ic-page{min-height:100vh}
/* `.ic-page{container:ic/inline-size}` là CONTAINMENT ⇒ nền của body KHÔNG lan ra canvas: vùng kéo quá đà
 * (iOS) / dưới trang ngắn lộ nền trắng trên LTENG/PHALEDO nền tối. Tô canvas bằng màu nền gốc của từng
 * brand (giá trị cuối của --brand-page-bg trong kit). QA 29/09 bắt được. */
html:has(> body[data-brand=gdp]){background:#F6F3EF}
html:has(> body[data-brand=lteng]){background:#0A1230}
html:has(> body[data-brand=phaledo]){background:#0E0B09}

/* Lúc đang mở phiên (JS chưa biết brand của đơn): body chưa có data-brand ⇒ token TRUNG TÍNH cho khung
 * xương `ic-skel` — không mượn màu brand nào (tránh chớp đỏ GDP trước khi hiện LTENG/PHALEDO). */
.ic-page:not([data-brand]){--brand-page-bg:#F5F5F4;--brand-surface:#FFFFFF;--brand-surface-2:#FAFAF9;--brand-border:#E7E5E4;--brand-text:#1C1917;--brand-body:#44403C;--brand-muted:#78716C;--brand-radius:16px;--brand-shadow:0 1px 2px rgba(28,25,23,.04);--brand-heading-font:'Be Vietnam Pro',system-ui,sans-serif;--brand-heading-weight:700;--brand-heading-size:24px;--brand-heading-track:0;--brand-body-font:'Be Vietnam Pro',system-ui,sans-serif}

/* BrandHeader: kit vẽ WORDMARK brand (assets/logo-*.png, cao --brand-logo-h). Sếp chốt Q8 dùng logo SHOP
 * = ảnh đại diện VUÔNG trên Shopee ⇒ logo vuông 36px + tên shop (Luật 1: shop = logo + tên). Thiếu logo /
 * ảnh lỗi ⇒ chỉ còn tên shop. */
.ic-mark{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%}
.ic-mark .ic-logo{flex:none;width:36px;height:36px;border-radius:var(--brand-radius-field);object-fit:cover;background:var(--brand-surface);border:1px solid var(--brand-border)}
.ic-mark-name{min-width:0;font-family:var(--brand-heading-font);font-weight:var(--brand-heading-weight);font-size:17px;line-height:1.25;color:var(--brand-text);overflow-wrap:anywhere}