/* ===== Refund System — Shared CSS (extracted v0.5.2) ===== */
/* Auto-extracted from inline <style> blocks. Do not edit individual pages. */

[hidden]{display:none!important}

@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes rot{to{transform:rotate(360deg)}}:root{--brand:#0284C7;--brand-strong:#075985;--brand-bright:#0EA5E9;--brand-primary:#38BDF8;--brand-soft:#E0F2FE;--brand-usoft:#F0F9FF;--bg:#F4F8FB;--surface:#ffffff;--surface-soft:#F8FAFC;--surface-raised:#ffffff;--surface-tint:#F5FAFE;--ink:#0F172A;--muted:#525E6E;--line:#D7E3EE;--green:#16a34a;--amber:#d97706;--red:#dc2626;--blue:#0EA5E9;--radius:14px;--radius-sm:10px;--radius-lg:18px;--radius-pill:999px;--ring:rgba(56,189,248,.25);--shadow-sm:0 1px 2px rgba(15,23,42,.05);--shadow:0 1px 2px rgba(15,23,42,.04),0 10px 30px rgba(15,23,42,.055);--shadow-md:0 12px 32px rgba(2,132,199,.12),0 2px 8px rgba(15,23,42,.06);--shadow-lg:0 24px 60px rgba(15,23,42,.22);--font-ui:"Segoe UI",Arial,sans-serif;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:17px;--weight-regular:400;--weight-medium:600;--weight-bold:700}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#bcccdd transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c4cfdd;border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:content-box}html{scroll-behavior:smooth;scroll-padding-top:92px;margin:0}body{margin:0;min-height:100vh;background:radial-gradient(900px 440px at 94% -12%,rgba(56,189,248,.11),transparent 65%),linear-gradient(180deg,#f8fbfd 0,var(--bg) 360px);color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#bae6fd;color:#0c4a6e}button{font-family:inherit}:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px;border-radius:4px}a,button,input,select,textarea{outline-color:var(--brand-bright)}header.app,nav.links{display:flex;flex-wrap:wrap}header.app{position:sticky;top:0;z-index:40;color:#fff;padding:12px max(18px,calc((100vw - 1080px)/2));justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(120deg,var(--brand-strong),var(--brand) 52%,var(--brand-bright));box-shadow:0 2px 18px rgba(2,132,199,.24);border-bottom:1px solid rgba(255,255,255,.18)}header.app .brand{display:flex;align-items:center;gap:14px}.brand-mark{position:relative;display:block;width:56px;height:56px;flex:none}.brand-mark .logo{position:absolute;inset:0}.brand-mark img[src=""]{display:none}.brand-mark img,.logo{width:56px;height:56px;border-radius:16px;border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 8px rgba(8,47,73,.2)}.brand-mark img{position:absolute;inset:0;display:block;object-fit:contain;background:#fff}.logo{flex:none;font-size:0;color:transparent;background-color:#fff;background-image:url(/icons/et-logo.png);background-repeat:no-repeat;background-position:center;background-size:76%}h2,header.app h1{margin:0;letter-spacing:0}header.app h1{font-size:var(--text-lg);font-weight:var(--weight-bold)}header.app .who{font-size:var(--text-xs);opacity:.88;font-weight:var(--weight-regular);margin-top:1px}nav.links{gap:8px}nav.links a,nav.links button{color:#fff;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;text-decoration:none;padding:8px 15px;border-radius:var(--radius-pill);background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);transition:background .15s,transform .12s,box-shadow .15s;font-family:inherit;backdrop-filter:blur(8px)}nav.links a:hover,nav.links button:hover{background:rgba(255,255,255,.25);box-shadow:0 5px 14px rgba(8,47,73,.16);transform:translateY(-1px)}nav.links a:active,nav.links button:active{transform:translateY(1px)}.wrap{max-width:1080px;margin:28px auto;padding:0 18px}.card{background:linear-gradient(180deg,var(--surface-raised),#fff);border:1px solid rgba(203,216,229,.88);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px;margin-bottom:16px;transition:border-color .16s,box-shadow .16s}.card:hover{border-color:#c5d9e8}h2{font-size:18px}.sub{color:var(--muted);font-size:var(--text-sm);line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(180deg,#0795d1,var(--brand));color:#fff;border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 16px;font-size:var(--text-md);font-weight:var(--weight-medium);font-family:inherit;cursor:pointer;box-shadow:0 2px 5px rgba(2,132,199,.22);transition:background .15s,box-shadow .15s,transform .12s}.btn:hover{background:linear-gradient(180deg,var(--brand),var(--brand-strong));box-shadow:0 6px 16px rgba(2,132,199,.25);transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default;box-shadow:none}.btn.sec,input,select,textarea{background:#fff;color:var(--ink)}.btn.sec{border:1px solid var(--line);box-shadow:var(--shadow-sm)}.btn.sec:hover{background:var(--brand-usoft);border-color:var(--brand-primary);color:var(--brand-strong)}.btn.sm{padding:5px 11px;font-size:var(--text-xs);border-radius:8px}.btn.danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;box-shadow:none}.btn.danger:hover{background:#fee2e2}.btn.danger.solid{background:var(--red);color:#fff;border:0}.btn.danger.solid:hover{background:#b91c1c}label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:#334155;margin:12px 0 5px}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #cddbe7;border-radius:var(--radius-sm);font-size:var(--text-md);font-family:inherit;box-shadow:inset 0 1px 2px rgba(15,23,42,.025);transition:border-color .15s,box-shadow .15s,background .15s}input::placeholder,textarea::placeholder{color:#9aa8bb}input:hover,select:hover,textarea:hover{border-color:#bcccdd}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--brand-bright);box-shadow:0 0 0 3px var(--ring)}input:disabled,select:disabled,textarea:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}textarea{resize:vertical;min-height:64px}select{cursor:pointer}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap;border:1px solid transparent}.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8;flex:none}.s-done{background:#dcfce7;color:#166534;border-color:#bbf7d0}.s-prog{background:#fef3c7;color:#92400e;border-color:#fde68a}.s-temp{background:#e0f2fe;color:#075985;border-color:#bae6fd}.s-bad{background:#fee2e2;color:#991b1b;border-color:#fecaca}.s-open{background:#e0e7ff;color:#3730a3;border-color:#c7d2fe}.s-none{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}.tag{display:inline-block;padding:2px 9px;border-radius:7px;font-size:11px;font-weight:var(--weight-bold);margin-inline-start:6px;vertical-align:2px;white-space:nowrap}.tag-red{background:#fee2e2;color:#991b1b}.tag-amber{background:#fef3c7;color:#92400e}.tag-temp{background:#e0f2fe;color:#075985}.tag-green{background:#dcfce7;color:#166534}.tag-attn{background:#fde68a;color:#92400e}table{width:100%;border-collapse:collapse;font-size:var(--text-md)}td,th{text-align:right;padding:9px 10px;border-bottom:1px solid #eef2f6;vertical-align:top}th{color:#52647a;font-weight:var(--weight-bold);font-size:var(--text-xs);white-space:nowrap;background:linear-gradient(180deg,#fafcfe,#f5f8fb)}tbody tr{transition:background .12s}tbody tr:hover{background:var(--brand-usoft)}tr:last-child td{border-bottom:0}.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm)}.empty,.meta{color:var(--muted)}.meta{font-size:var(--text-sm)}.empty{text-align:center;padding:46px 20px}.empty .big{font-size:34px;margin-bottom:8px}.modal-bg{position:fixed;inset:0;background:rgba(8,47,73,.5);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;z-index:60;padding:16px}.modal-bg.open{display:flex}.modal{background:#fff;border-radius:var(--radius-lg);padding:22px 24px;width:480px;max-width:96vw;max-height:92vh;overflow:auto;box-shadow:var(--shadow-lg);border:1px solid var(--line);animation:pop .16s ease-out}.modal h3{margin:0 0 6px;font-size:var(--text-lg);letter-spacing:0}.modal .sub{color:var(--muted);font-size:var(--text-sm);margin:0 0 10px}.modal-actions{display:flex;gap:8px;margin-top:20px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#0f172a;color:#fff;padding:11px 20px;border-radius:12px;display:none;z-index:99;font-size:var(--text-md);font-weight:var(--weight-medium);box-shadow:0 10px 30px rgba(15,23,42,.35);max-width:90vw}.toast.ok{background:#15803d}.toast.err{background:#b91c1c}.toast[role=alert],.toast[role=status]{text-align:center}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}body.modal-open{overflow:hidden}.spin{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:rot .7s linear infinite;vertical-align:-3px}.spin.dark{border-color:#cbd5e1;border-top-color:var(--brand)}.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:14px 18px;flex:1;min-width:130px}.stat .num{font-size:26px;font-weight:var(--weight-bold);line-height:1.2;font-variant-numeric:tabular-nums}.stat .lbl{color:var(--muted);font-size:var(--text-xs);margin-top:2px}.stat.warn .num{color:var(--amber)}.stat.bad .num{color:var(--red)}.stat.good .num{color:var(--green)}.prog,.prog>i{border-radius:var(--radius-pill)}.prog{height:7px;background:#e2e8f0;overflow:hidden}.prog>i{display:block;height:100%;background:linear-gradient(90deg,var(--brand-bright),var(--brand));transition:width .3s}.stickbar{position:sticky;top:60px;z-index:30;background:var(--bg);margin:0-18px 14px;padding:12px 18px 4px;border-bottom:1px solid var(--line)}.stickbar::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px;background:linear-gradient(var(--bg),transparent);pointer-events:none}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-thumb{background:#bcccdd;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#93a7bd}.appfoot{margin-top:34px;padding:24px 18px 30px;border-top:1px solid var(--line);text-align:center}.appfoot-in,.appfoot-logo{align-items:center;justify-content:center}.appfoot-in{display:inline-flex;flex-direction:column;gap:14px;color:var(--muted);font-size:13px}.appfoot-logo{display:flex;width:100%;line-height:0}.appfoot-logo img,.appfoot-logo svg{display:block;width:230px;max-width:min(58vw,230px);height:auto;margin:0 auto}.appfoot-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#0f3a57,#0284c7);color:#fff;font-size:20px;font-weight:800;letter-spacing:.08em;box-shadow:0 10px 24px rgba(15,23,42,.14)}.appfoot-txt{text-align:center;line-height:1.65}.appfoot-txt b{color:var(--ink);font-weight:700}.appfoot a{color:var(--brand);font-weight:600;text-decoration:none}.appfoot a:hover{text-decoration:underline}@media (max-width:760px){.wrap{margin:14px auto;padding:0 12px}header.app{padding:11px 14px}header.app h1{font-size:15.5px}.card{padding:14px}.modal{padding:18px}.stickbar{top:56px;margin:0-12px 12px;padding:10px 12px 4px}.appfoot-in{gap:10px}.appfoot-logo img,.appfoot-logo svg{width:185px;max-width:68vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.appfoot{display:none}}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--control-height:40px;--touch-target:44px;--radius-control:8px;--radius-card:12px;--radius-drawer:16px;--z-topbar:50;--z-dropdown:70;--z-overlay:90;--z-toast:100;--content-max:1240px;--danger:#b91c1c;--success:#15803d;--warning:#b45309}.app-shell{min-height:100vh}.app-page{width:min(100% - 32px,var(--content-max));margin:auto;padding:var(--space-6)0}.app-page-actions,.app-page-head{display:flex;gap:var(--space-4);align-items:center;justify-content:space-between}.app-page-title{margin:0}.app-page-subtitle{color:var(--muted)}.ui-card{padding:var(--space-5);background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}.ui-btn{min-height:var(--control-height)}.ui-btn,.ui-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-control);font:inherit;cursor:pointer}.ui-btn{padding:0 var(--space-4)}.ui-btn--primary{color:#fff;background:var(--brand)}.ui-btn--secondary{color:var(--ink);background:#fff;border-color:var(--line)}.ui-btn--danger{color:var(--danger);background:#fee2e2}.ui-icon-btn{min-width:var(--touch-target);min-height:var(--touch-target);padding:0;background:0 0}.ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.ui-field{display:grid;gap:var(--space-1)}.ui-field__label{font-weight:600}.ui-field__control{min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control)}.ui-field__hint{color:var(--muted)}.ui-field__error{color:var(--danger)}.ui-badge{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:var(--text-xs)}.ui-badge--success{color:var(--success);background:#dcfce7}.ui-badge--warning{color:var(--warning);background:#fef3c7}.ui-badge--danger{color:var(--danger);background:#fee2e2}.ui-badge--info{color:var(--brand-strong);background:var(--brand-soft)}.ui-alert{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control)}.ui-alert--error{color:var(--danger);background:#fee2e2}.ui-alert--warning{color:var(--warning);background:#fef3c7}.ui-alert--success{color:var(--success);background:#dcfce7}.ui-empty{text-align:center;padding:var(--space-8);color:var(--muted)}.ui-skeleton{display:block;min-height:16px;background:#e8f0f6;border-radius:var(--radius-control)}.ui-drawer{position:fixed;inset:0 0 0 auto;z-index:var(--z-overlay);width:min(760px,100vw);background:#fff;box-shadow:var(--shadow-lg)}.ui-toast{position:fixed;z-index:var(--z-toast);bottom:16px;left:16px;padding:12px;border-radius:var(--radius-control);color:#fff;background:var(--ink)}.ui-toast[role=status]{background:var(--success)}.ui-toast[role=alert]{background:var(--danger)}body[data-app-shell-ready=true] header.app{display:none}.app-topbar,.app-topbar__brand{display:flex;align-items:center;gap:var(--space-2)}.app-topbar{position:sticky;top:0;z-index:var(--z-topbar);min-height:64px;padding:var(--space-2) max(var(--space-3),calc((100vw - var(--content-max))/2));color:#fff;background:var(--brand-strong)}.app-topbar__brand{color:inherit;text-decoration:none}.app-topbar .brand-mark,.app-topbar .brand-mark img,.app-topbar .logo{width:40px;height:40px;border-radius:12px}.app-topbar__identity{display:grid}.app-topbar__identity small{opacity:.75}.app-search,.app-topbar__nav{display:flex;gap:4px}.app-topbar__nav a{padding:8px;color:#e0f2fe;text-decoration:none}.app-topbar__nav a:hover,.app-topbar__nav a[aria-current=page]{color:#fff;background:#ffffff22;border-radius:var(--radius-control)}.app-search{position:relative;align-items:center;flex:1;max-width:520px;padding:0 8px;border:1px solid #ffffff55;border-radius:var(--radius-control)}.app-search input{height:38px;min-width:0;padding:0;border:0;background:0 0;color:inherit}.app-search__results{position:absolute;z-index:var(--z-dropdown);top:44px;inset-inline:0;background:#fff;border:1px solid var(--line);color:var(--ink)}.app-search__result{display:block;width:100%;padding:10px;border:0;background:0 0;text-align:start}.app-topbar__actions{display:flex;gap:var(--space-1);margin-inline-start:auto}.app-user-menu__panel{position:absolute;z-index:var(--z-dropdown);padding:8px;background:#fff;color:var(--ink);border:1px solid var(--line)}@media (max-width:760px){.app-topbar{flex-wrap:wrap;min-height:56px}.app-topbar__nav{display:none}.app-search{order:3;flex-basis:100%;max-width:none}.app-topbar__primary{display:none}.ui-btn{min-height:var(--touch-target)}.app-page{width:calc(100% - 24px)}}@media print{.app-topbar{display:none}}

/* ===== Refund commercial shell polish ===== */
:root{--brand:#1769E0;--brand-strong:#0B1F3A;--brand-bright:#2878E8;--brand-primary:#1769E0;--brand-soft:#E8F1FF;--brand-usoft:#F4F8FF;--bg:#F3F6FA;--surface-soft:#F7F9FC;--surface-tint:#F5F8FC;--ink:#10213A;--muted:#525E6E;--line:#D8E0EA;--ring:rgba(23,105,224,.18);--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(11,31,58,.05);--shadow:0 1px 3px rgba(11,31,58,.06);--shadow-md:0 8px 24px rgba(11,31,58,.1);--font-ui:"Segoe UI",Arial,sans-serif;--content-max:1180px}
html{scroll-padding-top:76px}
body{background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5}
::selection{background:#CFE0FF;color:var(--brand-strong)}
h1,h2,h3{color:var(--brand-strong);letter-spacing:-.015em}
h2{font-size:17px;line-height:1.35}
.wrap,.app-page{margin-top:8px}
.card,.ui-card,.stat{background:var(--surface);border-color:var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}
.card{padding:18px 20px;margin-bottom:14px;transition:border-color .15s}
.card:hover{border-color:#C4CFDD;box-shadow:var(--shadow-sm)}
.stat{padding:12px 16px}
.stat .num{font-size:24px}
label,.ui-field__label{color:#32445E;font-weight:600}
input,select,textarea,.ui-field__control{border-color:#C9D3E0;border-radius:var(--radius-control);box-shadow:none;background:#fff}
input:hover,select:hover,textarea:hover{border-color:#AEBBCB}
input:focus,select:focus,textarea:focus,.ui-field__control:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}
.btn,.ui-btn{font-weight:600;border-radius:var(--radius-control);box-shadow:none;transition:background .15s,border-color .15s,color .15s}
.btn,.ui-btn--primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn:hover,.ui-btn--primary:hover{background:#125BC5;border-color:#125BC5;box-shadow:none;transform:none}
.btn:active,.ui-btn:active{transform:none}
.btn.sec,.ui-btn--secondary{background:#fff;border-color:#C9D3E0;color:#253750;box-shadow:none}
.btn.sec:hover,.ui-btn--secondary:hover{background:#F4F7FA;border-color:#AEBBCB;color:var(--brand-strong)}
.btn.danger,.ui-btn--danger{box-shadow:none}
.prog>i{background:var(--brand)}

.app-topbar{display:flex;align-items:center;gap:14px;min-height:56px;padding:6px max(16px,calc((100vw - var(--content-max))/2));background:var(--brand-strong);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 2px 8px rgba(11,31,58,.16)}
.app-topbar__brand{min-width:max-content;gap:9px;padding-inline-end:2px}
.app-topbar .brand-mark,.app-topbar .brand-mark img,.app-topbar .logo{width:34px;height:34px;border-radius:9px;border-color:rgba(255,255,255,.28);box-shadow:none}
.app-topbar__identity{line-height:1.15}
.app-topbar__identity strong{font-size:14px;letter-spacing:.005em}
.app-topbar__identity small{margin-top:3px;color:#B9C8DB;font-size:11px;opacity:1}
.app-topbar__nav{align-items:center;gap:2px}
.app-topbar__nav a{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:7px;color:#C8D5E5;font-size:13px;font-weight:600}
.app-topbar__nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.app-topbar__nav a[aria-current=page]{background:rgba(40,120,232,.25);color:#fff;box-shadow:inset 0 -2px 0 #5B9BFF}
.app-topbar__nav .ui-icon{width:17px;height:17px}
.app-search{height:36px;max-width:420px;margin-inline-start:auto;padding:0 10px;gap:7px;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.08)}
.app-search:focus-within{border-color:#73A8F5;background:rgba(255,255,255,.12);box-shadow:0 0 0 3px rgba(91,155,255,.16)}
.app-search input{height:34px;color:#fff;box-shadow:none}
.app-search input::placeholder{color:#B9C8DB}
.app-search input:focus{box-shadow:none}
.app-search>.ui-icon{width:17px;height:17px;color:#B9C8DB}
.app-search .ui-icon-btn{min-width:30px;min-height:30px;color:#D8E4F1}
.app-search__results{top:40px;overflow:hidden;border-radius:10px;box-shadow:var(--shadow-md)}
.app-search__result{padding:9px 12px;color:var(--ink);font-size:13px;border-bottom:1px solid #EDF1F5}
.app-search__result:hover,.app-search__result[aria-selected=true]{background:var(--brand-usoft);color:var(--brand-strong)}
.app-topbar__actions{display:flex;align-items:center;margin-inline-start:0}
.app-topbar__actions>.ui-btn{min-height:36px;padding-inline:12px;background:#fff;border-color:#fff;color:var(--brand-strong)}
.app-topbar__actions>.ui-btn:hover{background:#EDF4FF;border-color:#EDF4FF}
.app-topbar__utility{display:flex;align-items:center;gap:4px;padding-inline-start:4px;border-inline-start:1px solid rgba(255,255,255,.16)}
.app-topbar__utility-link,.app-topbar__logout{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#D8E4F1;font:inherit;font-size:12.5px;font-weight:600;text-decoration:none;cursor:pointer}
.app-topbar__utility-link:hover,.app-topbar__logout:hover{background:rgba(255,255,255,.08);color:#fff}
.app-topbar__logout .ui-icon{width:16px;height:16px}
.app-topbar__mobile-nav{display:none}
.app-topbar [hidden]{display:none!important}

.appfoot{margin-top:20px;padding:10px 16px;border-top:1px solid var(--line);background:#EEF2F7;text-align:center}
.appfoot-in{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 10px;color:#718096;font-size:11px;line-height:1.35}
.appfoot-product{color:#42526A;font-weight:600}
.appfoot-meta{display:inline-flex;align-items:center;gap:6px}
.appfoot-credit{display:inline-flex;align-items:center;gap:6px;color:#8793A5;text-decoration:none}.appfoot-credit:hover{color:#526987}.appfoot-et-logo{width:24px;height:24px;object-fit:contain;border-radius:6px;flex:none}
.appfoot a{color:#526987;font-weight:600}
.appfoot-sep{color:#B4BECA}

@media (max-width:920px){.app-topbar{gap:8px}.app-topbar__identity small{display:none}.app-topbar__nav a{padding-inline:7px}.app-topbar__nav a span{display:none}.app-search{max-width:none}.app-topbar__primary span{display:none}.app-topbar__actions>.ui-btn{padding-inline:8px}.app-topbar__utility-link,.app-topbar__logout{padding-inline:7px}}
@media (max-width:760px){.app-topbar{min-height:52px;padding:6px 12px;flex-wrap:wrap}.app-topbar__brand{flex:1}.app-topbar__nav{display:none}.app-search{order:3;flex-basis:100%;height:44px}.app-search input{height:42px}.app-topbar__primary{display:none}.app-search .ui-icon-btn{min-width:44px;min-height:44px}.app-topbar__utility{border-inline-start:0;padding-inline-start:0}.app-topbar__utility-link,.app-topbar__logout{min-height:40px;padding-inline:8px}.app-topbar__mobile-nav{order:4;display:flex;flex-basis:100%;align-items:center;justify-content:space-around;gap:4px;padding-top:5px;border-top:1px solid rgba(255,255,255,.12)}.app-topbar__mobile-nav a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;flex:1;border-radius:7px;color:#C8D5E5;font-size:12px;font-weight:600;text-decoration:none}.app-topbar__mobile-nav a:hover,.app-topbar__mobile-nav a[aria-current=page]{background:rgba(255,255,255,.08);color:#fff}.app-topbar__mobile-nav .ui-icon{width:16px;height:16px}.wrap,.app-page{margin-top:14px}.card{padding:15px}.appfoot{padding:8px 12px}.appfoot-in{gap:3px 7px}}
@media print{body{background:#fff}.appfoot{display:none}.card,.ui-card,.stat{box-shadow:none}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.overview-card,.kpi,.case,.achip,.brow,.admin-action,.tplbtn{cursor:pointer}

/* ===== Breadcrumbs ===== */
.crumbs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:0 0 12px;font-size:12.5px;color:var(--muted)}
.crumbs a{color:var(--brand);font-weight:600;text-decoration:none;padding:3px 6px;border-radius:4px;transition:background .12s}
.crumbs a:hover{background:var(--brand-usoft)}
.crumbs span{padding:3px 6px;color:var(--ink);font-weight:600}
.crumbs .sep{color:var(--line);font-weight:400;padding:0 2px;font-size:10px}

/* ===== Toast notifications ===== */
.toast-stack{position:fixed;bottom:20px;inset-inline-start:50%;transform:translateX(50%);display:flex;flex-direction:column;gap:8px;z-index:9999;pointer-events:none;max-width:420px;width:calc(100vw - 32px)}
.toast-item{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:var(--radius-sm);background:#0f172a;color:#fff;font-size:13.5px;line-height:1.45;box-shadow:0 12px 32px rgba(15,23,42,.25);pointer-events:auto;animation:toastIn .22s ease-out;backdrop-filter:blur(6px)}
.toast-item.toast-out{animation:toastOut .18s ease-in forwards}
.toast-item.success{background:#14532d;border-inline-start:4px solid #22c55e}
.toast-item.error{background:#7f1d1d;border-inline-start:4px solid #ef4444}
.toast-item.warning{background:#78350f;border-inline-start:4px solid #f59e0b}
.toast-item.info{background:#0c4a6e;border-inline-start:4px solid #0ea5e9}
.toast-item .toast-icon{flex:none;width:18px;height:18px;margin-top:1px}
.toast-item .toast-body{flex:1;min-width:0}
.toast-item .toast-title{font-weight:700;margin-bottom:2px;font-size:13px}
.toast-item .toast-msg{font-size:12.5px;opacity:.9}
.toast-item .toast-close{flex:none;border:0;background:none;color:rgba(255,255,255,.6);cursor:pointer;font-size:16px;line-height:1;padding:2px 4px;border-radius:4px}
.toast-item .toast-close:hover{color:#fff;background:rgba(255,255,255,.12)}
@keyframes toastIn{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}
@keyframes toastOut{to{opacity:0;transform:translateY(12px) scale(.96)}}

/* ===== Empty states ===== */
.empty-illustration{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px;text-align:center}
.empty-illustration .empty-icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:var(--brand-usoft);color:var(--brand);font-size:24px}
.empty-illustration .empty-icon svg{width:28px;height:28px}
.empty-illustration h3{margin:0;font-size:16px;color:var(--ink)}
.empty-illustration p{margin:0;font-size:13px;color:var(--muted);max-width:340px;line-height:1.55}
.empty-illustration .btn{margin-top:6px}

/* ===== Enhanced focus states ===== */
:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}
.app-nav__item:focus-visible,.admin-nav__item:focus-visible,.consultant-nav__item:focus-visible{outline:2px solid var(--brand-bright);outline-offset:-2px;box-shadow:0 0 0 4px var(--ring)}

/* ===== Footer redesign — centered compact layout ===== */
.appfoot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:8px 16px 10px}
.appfoot-in{flex-direction:row!important;align-items:center!important;gap:4px 8px!important}
.appfoot-credit{flex-direction:row!important;gap:5px!important;margin-top:0}
.appfoot-credit span{font-size:13px!important;font-weight:700!important;color:#42526A!important}
.appfoot-credit:hover span{color:#1769E0!important}

/* shipping-polish-0-6 */
.empty{padding:36px 18px!important}
.empty .big{font-size:28px!important;line-height:1;margin-bottom:10px}
.empty .btn{margin-top:12px}
body[data-app-shell-ready=true] .wrap{margin-top:14px}
.tblwrap.scroll-y th{box-shadow:0 1px 0 var(--line)}
.ui-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border:1px solid #C5D0DE;border-bottom-width:2px;border-radius:6px;background:#F8FAFC;color:#334155;font:700 11px ui-monospace,Consolas,monospace}
body[data-app-page=admin] .wrap,body[data-app-page=status] .wrap{max-width:1320px}

.quote-builder{margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.quote-builder__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.quote-builder__head h3{margin:0;font-size:16px}.quote-builder__head p{margin:3px 0 0;color:var(--muted);font-size:13px}.quote-presets{display:flex;flex-wrap:wrap;gap:6px}.quote-milestones{display:grid;gap:8px}.quote-milestone{display:grid;grid-template-columns:minmax(180px,2fr) minmax(90px,.7fr) minmax(130px,1fr) auto;gap:10px;align-items:end;padding:11px;border:1px solid #dbe6ef;border-radius:10px;background:#fff}.quote-milestone label{margin:0}.quote-milestone__amount{display:grid;gap:5px;align-self:stretch;align-content:center}.quote-milestone__amount span{font-size:12px;color:var(--muted)}.quote-milestone__amount strong{font-variant-numeric:tabular-nums}.quote-milestone__actions{display:flex;gap:5px}.quote-add{margin-top:10px}.quote-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}.quote-totals>div{display:grid;gap:3px;padding:11px;border-radius:10px;background:#fff;border:1px solid var(--line)}.quote-totals span{font-size:12px;color:var(--muted)}.quote-totals strong{font-variant-numeric:tabular-nums}.quote-totals__grand{border-color:#7dd3fc!important;background:#f0f9ff!important}.quote-totals .is-valid{color:var(--green)}.quote-builder__error{min-height:22px;margin:8px 0 0;color:var(--red);font-size:13px;font-weight:600}
.quote-preview{width:min(1100px,96vw);height:min(920px,94vh);padding:0;border:0;border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden}.quote-preview::backdrop{background:rgba(8,47,73,.65);backdrop-filter:blur(3px)}.quote-preview__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line)}.quote-preview__head h2{margin:0}.quote-preview__head p{margin:4px 0 0;color:var(--muted);font-size:13px}.quote-preview iframe{display:block;width:100%;height:calc(100% - 150px);border:0;background:#e2e8f0}.quote-preview__actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--line)}
@media(max-width:760px){.quote-builder{padding:12px}.quote-builder__head{display:grid}.quote-builder .btn{min-height:44px}.quote-milestone{grid-template-columns:minmax(0,1fr) 100px}.quote-milestone__amount{grid-column:1/2}.quote-milestone__actions{grid-column:2/3;display:grid;grid-template-columns:1fr 1fr}.quote-milestone__actions [data-remove]{grid-column:1/-1}.quote-totals{grid-template-columns:1fr 1fr}.quote-preview{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.quote-preview__head{padding:12px}.quote-preview iframe{height:calc(100% - 190px)}.quote-preview__actions{display:grid;grid-template-columns:1fr 1fr}.quote-preview__actions [data-send]{grid-column:1/-1;grid-row:1}.quote-preview__actions .btn{min-height:44px}}
