/* Ported from nail-implementation-package/apps/portal/redesign.css — tokens in shared/styles/tokens.css */
*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--canvas);font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.skip-link{position:fixed;z-index:999;left:16px;top:-60px;padding:10px 14px;border-radius:10px;background:var(--ink);color:#fff}.skip-link:focus{top:12px}.app{min-height:100vh}.topbar{height:82px;padding:0 28px 0 26px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:15px;border:0;background:transparent;padding:0;text-align:left}.brand img{width:168px;height:54px;object-fit:contain;object-position:left center}.brand>span{padding-left:15px;border-left:1px solid var(--line);display:flex;flex-direction:column}.brand strong{font-size:17px}.brand small{color:var(--muted);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:12px}.locale-switch,.role-switch,.profile-button{border:1px solid var(--line);background:#fff;border-radius:14px;min-height:46px}.locale-switch{display:flex;padding:4px}.locale-switch button{border:0;background:transparent;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:800;color:var(--muted)}.locale-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.role-switch{padding:0 15px;display:flex;gap:9px;align-items:center;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}.profile-button{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 5px}.profile-button>span:first-child{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#dcefeb;color:#17665e;font-weight:850}.profile-copy{display:flex;flex-direction:column;text-align:left}.profile-copy strong{font-size:13px}.profile-copy small{font-size:11px;color:var(--muted)}.shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:calc(100vh - 82px)}.sidebar{position:sticky;top:82px;height:calc(100vh - 82px);padding:24px 16px 20px;background:#f8f9fa;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.sidebar nav,.sidebar-foot{display:grid;gap:5px}.sidebar button{width:100%;display:flex;gap:12px;align-items:center;border:0;background:transparent;padding:12px 13px;border-radius:13px;color:#596371;text-align:left;font-weight:700}.sidebar button:hover{background:#eef1f4;color:var(--ink)}.sidebar button[aria-current=page]{background:#fff;color:var(--ink);box-shadow:0 3px 16px rgba(29,40,57,.06)}.nav-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#e8ecf1;font-size:13px}.sidebar button[aria-current=page] .nav-icon{background:var(--blue-soft);color:var(--blue)}.sidebar-section{padding:18px 13px 7px;color:#8a929e;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:850}main{min-width:0;padding:38px 44px 72px}.page{max-width:1440px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-head h1,.hero h1{font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-.045em;margin:6px 0 8px}.page-head p,.hero p{font-size:17px;color:var(--muted);margin:0;max-width:760px}.eyebrow{color:#747e8a;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:850}.button{border:1px solid var(--line-strong);background:#fff;border-radius:13px;padding:11px 16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px}.button:hover{border-color:#aab5c2;transform:translateY(-1px)}.button.primary{border-color:var(--ink);background:var(--ink);color:#fff}.button.blue{border-color:var(--blue);background:var(--blue);color:#fff}.button.danger{border-color:#edc4c7;color:var(--red);background:#fff}.button.small{padding:8px 12px;border-radius:10px;font-size:13px}.icon-button{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:22px}.hero{background:linear-gradient(135deg,#ffffff 25%,#f0f5ff 100%);border:1px solid var(--line);border-radius:28px;padding:38px 40px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:36px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.hero::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-110px;top:-140px;background:radial-gradient(circle,rgba(36,99,220,.14),transparent 67%)}.hero-actions{display:flex;gap:10px;margin-top:26px}.hero-aside{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:end;position:relative;z-index:2}.metric{padding:20px;border:1px solid rgba(200,210,222,.8);background:rgba(255,255,255,.78);border-radius:18px}.metric span{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:29px;letter-spacing:-.035em;margin-top:3px}.metric small{display:block;color:var(--green);font-size:11px;margin-top:4px}.section{margin-top:28px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.section-heading h2{font-size:25px;letter-spacing:-.025em;margin:0}.section-heading p{margin:4px 0 0;color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.attention-list,.activity-list,.table-list{overflow:hidden}.attention-row,.activity-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px 19px;border-top:1px solid var(--line)}.attention-row:first-child,.activity-row:first-child{border-top:0}.attention-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--amber-soft);color:var(--amber);font-weight:900}.attention-row strong,.activity-row strong{display:block}.attention-row p,.activity-row p{margin:2px 0 0;color:var(--muted);font-size:13px}.table-toolbar{padding:16px;display:grid;grid-template-columns:minmax(230px,1fr) repeat(3,minmax(140px,.35fr)) auto;gap:10px;border-bottom:1px solid var(--line)}.field{display:grid;gap:6px}.field span{font-size:12px;font-weight:800;color:#56606c}.input,.field input,.field select,.field textarea{width:100%;border:1px solid var(--line-strong);background:#fff;border-radius:11px;padding:10px 12px;min-height:43px}.field textarea{min-height:100px;resize:vertical}.table-head,.table-row{display:grid;grid-template-columns:minmax(250px,1.35fr) minmax(150px,.65fr) minmax(150px,.65fr) minmax(130px,.55fr) 52px;gap:14px;align-items:center;padding:0 18px}.table-head{height:42px;background:#fafbfc;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#77818d;font-weight:850}.table-row{min-height:76px;border-bottom:1px solid var(--line)}.table-row:last-child{border-bottom:0}.table-row:hover{background:#fbfcff}.primary-cell{display:flex;align-items:center;gap:13px;min-width:0}.thumb{width:72px;height:44px;border-radius:10px;object-fit:cover;background:#16181c}.primary-cell strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-cell small,.secondary{color:var(--muted);font-size:12px}.status{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:850}.status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status.green{background:var(--green-soft);color:var(--green)}.status.blue{background:var(--blue-soft);color:var(--blue)}.status.amber{background:var(--amber-soft);color:var(--amber)}.status.red{background:var(--red-soft);color:var(--red)}.status.gray{background:#edf0f3;color:#65707c}.row-arrow{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:11px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;color:var(--muted);font-size:12px}.pagination div{display:flex;gap:7px}.progress-rail{display:flex;gap:4px;margin-top:8px}.progress-rail i{height:5px;flex:1;border-radius:10px;background:#dfe4ea}.progress-rail i.done{background:var(--green)}.progress-rail i.current{background:var(--blue)}.detail-hero{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}.back-link{border:0;background:transparent;padding:0;color:var(--blue);font-weight:800;margin-bottom:18px}.detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.detail-title h1{font-size:38px;letter-spacing:-.04em;line-height:1.08;margin:0}.detail-title p{color:var(--muted);margin:7px 0 0}.detail-meta{display:flex;gap:20px;margin-top:24px;flex-wrap:wrap}.detail-meta div{min-width:130px}.detail-meta span{display:block;color:var(--muted);font-size:11px}.detail-meta strong{display:block;margin-top:2px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:24px 0 18px;overflow:auto}.tabs button{padding:13px 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-weight:800;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.trace-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:18px}.trace-card{padding:22px}.trace-card h3{font-size:18px;margin:0 0 4px}.trace-card>p{color:var(--muted);margin:0 0 20px}.stage-line{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:start;position:relative;padding-bottom:20px}.stage-line:not(:last-child)::after{content:"";position:absolute;width:2px;background:#dfe4ea;left:13px;top:27px;bottom:0}.stage-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef1f4;color:#6d7783;font-size:11px;font-weight:900;z-index:1}.stage-line.done .stage-dot{background:var(--green);color:#fff}.stage-line.current .stage-dot{background:var(--blue);color:#fff}.stage-line.failed .stage-dot{background:var(--red);color:#fff}.stage-line p{margin:2px 0;color:var(--muted);font-size:12px}.stage-line time{color:var(--muted);font-size:11px}.link-list{display:grid;gap:9px}.link-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:14px}.link-card:hover{border-color:#9fbaf0;background:#fbfdff}.link-card strong{display:block}.link-card span{font-size:12px;color:var(--muted)}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.callout{padding:16px;border-radius:14px;background:var(--blue-soft);color:#244b91;font-size:13px}.callout.amber{background:var(--amber-soft);color:#7b5010}.callout.green{background:var(--green-soft);color:#176647}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.summary-strip>div{padding:20px;border-left:1px solid var(--line)}.summary-strip>div:first-child{border-left:0}.summary-strip span{font-size:11px;color:var(--muted)}.summary-strip strong{display:block;font-size:22px;margin-top:3px}.invoice-group{margin-bottom:14px;overflow:hidden}.invoice-head{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;background:#fafbfc;border-bottom:1px solid var(--line)}.invoice-head h3{margin:0;font-size:16px}.invoice-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.billing-row{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(160px,.7fr) minmax(130px,.5fr) 120px 40px;gap:12px;padding:15px 18px;align-items:center;border-bottom:1px solid var(--line)}.billing-row:last-child{border-bottom:0}.billing-row button{border:0;background:transparent;color:var(--blue);font-weight:800;text-align:left;padding:0}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:750}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.empty{padding:54px 24px;text-align:center}.empty span{width:48px;height:48px;border-radius:16px;background:var(--soft);display:grid;place-items:center;margin:0 auto 14px}.empty h3{margin:0}.empty p{color:var(--muted);max-width:460px;margin:7px auto 0}.drawer,.modal{position:fixed;inset:0;z-index:80}.drawer-backdrop,.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(15,19,25,.28);backdrop-filter:blur(3px)}.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(620px,94vw);background:#fff;box-shadow:-24px 0 70px rgba(20,28,39,.18);overflow:auto}.drawer-panel>header,.modal-panel>header{display:flex;justify-content:space-between;gap:20px;padding:25px 28px;border-bottom:1px solid var(--line)}.drawer-panel h2,.modal-panel h2{margin:3px 0 0;font-size:27px;letter-spacing:-.03em}.drawer-body{padding:24px 28px}.drawer-section{padding:18px 0;border-top:1px solid var(--line)}.drawer-section:first-child{padding-top:0;border-top:0}.drawer-section h3{margin:0 0 12px;font-size:15px}.definition-list{display:grid;grid-template-columns:150px 1fr;gap:9px 15px;margin:0}.definition-list dt{color:var(--muted)}.definition-list dd{margin:0;font-weight:650;word-break:break-word}.drawer-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.modal{display:grid;place-items:center;padding:30px}.modal-panel{position:relative;width:min(900px,96vw);max-height:92vh;overflow:auto;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.modal-panel>header p{color:var(--muted);margin:5px 0 0}.wizard-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:20px 28px 0}.wizard-progress span{height:5px;border-radius:10px;background:#dfe4ea}.wizard-progress span.done,.wizard-progress span.current{background:var(--blue)}.wizard-body{padding:26px 28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px;text-align:left}.choice-card[aria-pressed=true]{border-color:#7ba2ef;background:var(--blue-soft);box-shadow:inset 0 0 0 1px #7ba2ef}.choice-card strong{display:block}.choice-card span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.check-row{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:13px}.check-row input{margin-top:3px}.wizard-footer{display:flex;justify-content:space-between;gap:10px;padding:18px 28px;border-top:1px solid var(--line);position:sticky;bottom:0;background:#fff}.audit-query{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr)) auto;gap:10px;padding:17px}.investigation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.investigation-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:18px;text-align:left}.investigation-card:hover{border-color:#9eb7e8}.investigation-card span{display:block;font-size:24px;margin-bottom:10px}.investigation-card strong{display:block}.investigation-card small{display:block;color:var(--muted);margin-top:4px}.event-row{display:grid;grid-template-columns:150px 180px minmax(250px,1fr) 150px 42px;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);align-items:start}.event-row code{font-size:11px;color:#4b5663}.event-row p{margin:0}.event-row small{color:var(--muted)}.chart{height:210px;padding:24px;display:flex;align-items:flex-end;gap:12px}.bar{flex:1;min-width:16px;border-radius:8px 8px 2px 2px;background:linear-gradient(#5f8ce7,#2f66d0);position:relative}.bar span{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted)}.bar small{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted)}.toast{position:fixed;right:24px;bottom:24px;z-index:120;max-width:430px;padding:13px 16px;border-radius:13px;background:var(--ink);color:#fff;box-shadow:var(--shadow)}[hidden]{display:none!important}:focus-visible{outline:3px solid rgba(36,99,220,.32);outline-offset:2px}
@media(max-width:1120px){.shell{grid-template-columns:86px minmax(0,1fr)}.sidebar button span:not(.nav-icon),.sidebar-section{display:none}.sidebar button{justify-content:center}.brand>span,.profile-copy{display:none}.table-toolbar{grid-template-columns:1fr 1fr}.table-head,.table-row{grid-template-columns:minmax(220px,1fr) 150px 130px 52px}.table-head>*:nth-child(3),.table-row>*:nth-child(3){display:none}.trace-grid{grid-template-columns:1fr}.audit-query{grid-template-columns:1fr 1fr 1fr}.event-row{grid-template-columns:130px 150px minmax(220px,1fr) 42px}.event-row>*:nth-child(4){display:none}}
@media(max-width:760px){.topbar{padding:0 14px;height:68px}.brand img{width:124px}.role-switch{display:none}.profile-button>span:not(:first-child){display:none}.shell{display:block}.sidebar{position:fixed;z-index:25;left:0;right:0;bottom:0;top:auto;width:auto;height:66px;padding:7px 8px;border-top:1px solid var(--line);border-right:0}.sidebar nav{display:flex;justify-content:space-around}.sidebar nav button:nth-child(n+6),.sidebar-foot{display:none}.sidebar button{padding:8px;width:auto}.shell main{padding:25px 15px 92px}.page-head{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;padding:28px 24px}.hero-aside{grid-template-columns:1fr 1fr}.grid-2,.grid-3,.form-grid,.choice-grid,.investigation-grid{grid-template-columns:1fr}.table-toolbar,.audit-query{grid-template-columns:1fr}.table-head{display:none}.table-row{grid-template-columns:1fr auto;padding:15px}.table-row>*:not(:first-child):not(:last-child){display:none}.summary-strip{grid-template-columns:1fr 1fr}.summary-strip>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.summary-strip>div:nth-child(4){border-top:1px solid var(--line)}.billing-row{grid-template-columns:1fr auto}.billing-row>*:nth-child(2),.billing-row>*:nth-child(3){display:none}.detail-title{flex-direction:column}.event-row{grid-template-columns:1fr 40px}.event-row>*:nth-child(1),.event-row>*:nth-child(2),.event-row>*:nth-child(4){display:none}.modal{padding:10px}.wizard-progress{padding:15px 18px 0}.wizard-body,.drawer-body{padding:20px}.modal-panel>header,.drawer-panel>header{padding:20px}.wizard-footer{padding:14px 18px}}
.drawer-panel>header{align-items:flex-start}.drawer-heading{flex:1}.drawer-back-button{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:900}.customer-focus{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px) auto;gap:18px;align-items:end;padding:22px;margin-bottom:22px}.customer-focus h2{font-size:28px;margin:4px 0}.customer-focus p{color:var(--muted);margin:0}.finance-summary{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.finance-summary>div{padding:20px;border-left:1px solid var(--line)}.finance-summary>div:first-child{border-left:0}.finance-summary span,.finance-summary small{display:block;color:var(--muted);font-size:11px}.finance-summary strong{display:block;font-size:24px;margin:3px 0}.finance-video-list{overflow:hidden}.finance-video-row{border-bottom:1px solid var(--line)}.finance-video-row:last-child{border-bottom:0}.finance-video-main{width:100%;border:0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;text-align:left}.finance-video-main:hover{background:#fbfcff}.finance-video-main>span>strong,.finance-video-main small{display:block}.finance-video-main small{margin-top:5px;color:var(--muted)}.finance-video-main b{font-size:17px}.finance-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 20px 16px;color:var(--muted);font-size:12px}.finance-breakdown span{padding:10px 12px;border-radius:11px;background:var(--soft)}.finance-breakdown strong{display:block;color:var(--ink);margin-top:2px}.finance-breakdown button{border:0;background:transparent;padding:0;color:var(--blue);font-weight:800}.customer-toolbar{grid-template-columns:minmax(280px,1fr) 220px auto}.customer-list-head,.customer-list-row{display:grid;grid-template-columns:minmax(260px,1.2fr) 150px 220px 180px 52px;gap:16px;align-items:center;padding:0 18px}.customer-list-head,.collection-head{min-height:42px;background:#fafbfc;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#77818d;font-weight:850}.customer-list-row{min-height:78px;border-bottom:1px solid var(--line)}.customer-list-row>div strong,.customer-list-row>div small,.collection-row>div strong,.collection-row>div small{display:block}.customer-list-row small,.collection-row small{color:var(--muted)}.collection-head,.collection-row{display:grid;grid-template-columns:minmax(300px,1fr) 180px 180px 52px;gap:16px;align-items:center;padding:0 18px}.collection-row{min-height:76px;border-bottom:1px solid var(--line)}.analytics-toolbar{grid-template-columns:repeat(4,1fr) auto}.event-head{background:#fafbfc;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:var(--muted)}.card-title{font-size:23px;margin:5px 0}.organization-title{font-size:30px!important}.user-avatar{background:#e6f1ef;color:#17665e}.activity-row[type=button],button.activity-row{width:100%;border-left:0;border-right:0;border-bottom:0;background:#fff;text-align:left}.selection-list{display:grid;gap:10px;max-height:50vh;overflow:auto;padding:24px 28px}.empty.compact{padding:20px}
@media(max-width:1120px){.customer-focus{grid-template-columns:1fr 260px}.customer-focus>.button{grid-column:1/-1}.finance-breakdown{grid-template-columns:1fr 1fr}.customer-list-head,.customer-list-row{grid-template-columns:minmax(240px,1fr) 140px 180px 52px}.customer-list-head>*:nth-child(4),.customer-list-row>*:nth-child(4){display:none}}
@media(max-width:760px){.customer-focus,.finance-summary{grid-template-columns:1fr}.customer-focus>.button{grid-column:auto}.finance-summary>div{border-left:0;border-top:1px solid var(--line)}.finance-summary>div:first-child{border-top:0}.finance-breakdown{grid-template-columns:1fr}.customer-list-head{display:none}.customer-list-row{grid-template-columns:1fr auto;padding:15px}.customer-list-row>*:not(:first-child):not(:last-child){display:none}.collection-head{display:none}.collection-row{grid-template-columns:1fr auto;padding:15px}.collection-row>*:not(:first-child):not(:last-child){display:none}}

/* V2 financial workspace and persistent developer scope */
.developer-context{position:sticky;top:82px;z-index:18;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);align-items:center;gap:22px;margin:-12px 0 28px;padding:14px 18px;border:1px solid #cfd9e8;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 10px 32px rgba(29,40,57,.08);backdrop-filter:blur(16px)}
.developer-context>div strong,.developer-context>div small{display:block}.developer-context>div strong{font-size:17px;margin-top:2px}.developer-context>div small{color:var(--muted);font-size:11px;margin-top:2px}.developer-context .field{grid-template-columns:auto minmax(190px,1fr);align-items:center}.developer-context .field span{white-space:nowrap}
.billing-section-heading{padding:22px 22px 0}.billing-toolbar{grid-template-columns:minmax(250px,1fr) repeat(3,minmax(150px,.45fr)) auto;margin-top:16px;border-top:1px solid var(--line)}
.billing-row-clear{grid-template-columns:minmax(190px,.8fr) minmax(270px,1.2fr) minmax(145px,.55fr) max-content 105px 40px;padding:18px 20px}
.billing-row-clear .billing-video strong,.billing-row-clear .billing-video small,.billing-row-clear .billing-work strong,.billing-row-clear .billing-work span,.billing-row-clear .billing-work small,.billing-row-clear .billing-invoice span,.billing-row-clear .billing-invoice strong{display:block}
.billing-row-clear .billing-video strong{margin:4px 0 2px;font-size:15px;color:var(--ink)}.billing-row-clear .billing-video small,.billing-row-clear .billing-work small{color:var(--muted);font-size:11px}.billing-row-clear .billing-work span{margin:3px 0 5px;color:#4f5a67;font-size:12px}.billing-row-clear .billing-invoice strong{margin-top:4px;font-size:12px}.billing-row-clear .billing-amount{text-align:right}
.invoice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.invoice-card{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:16px;width:100%;padding:18px 20px;border:1px solid var(--line);border-radius:17px;background:#fff;text-align:left}.invoice-card:hover{border-color:#9eb7e8;box-shadow:0 8px 24px rgba(29,40,57,.06)}.invoice-card>span:first-child strong,.invoice-card>span:first-child small{display:block}.invoice-card>span:first-child strong{font-size:17px;margin:4px 0}.invoice-card>span:first-child small{color:var(--muted)}.invoice-card>span:nth-child(2){display:grid;justify-items:end;gap:8px}.invoice-card>b{color:var(--blue);font-size:18px}
.invoice-builder-intro{display:grid;gap:4px;padding:24px 28px 14px}.invoice-builder-intro strong{font-size:18px}.invoice-builder-intro span{color:var(--muted)}.invoice-selection{display:grid;max-height:44vh;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.invoice-select-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 28px;border-bottom:1px solid var(--line);cursor:pointer}.invoice-select-row:last-child{border-bottom:0}.invoice-select-row:hover{background:#fbfcff}.invoice-select-row>input{width:19px;height:19px}.invoice-select-row>span strong,.invoice-select-row>span span,.invoice-select-row>span small{display:block}.invoice-select-row>span span{margin-top:3px;color:#4f5a67;font-size:12px}.invoice-select-row>span small{margin-top:3px;color:var(--muted);font-size:11px}.invoice-fields{padding:20px 28px}.invoice-fields .full{grid-column:1/-1}.invoice-total{margin-left:auto;text-align:right}.invoice-total span,.invoice-total strong{display:block}.invoice-total span{color:var(--muted);font-size:11px}.invoice-total strong{font-size:18px}.invoice-review{padding:24px 28px}.invoice-review-video{margin-top:18px;border:1px solid var(--line);border-radius:15px;overflow:hidden}.invoice-review-video header{padding:13px 15px;background:var(--soft)}.invoice-review-video header strong,.invoice-review-video header small{display:block}.invoice-review-video header small{color:var(--muted);margin-top:2px}.invoice-review-video>div{display:flex;justify-content:space-between;gap:18px;padding:13px 15px;border-top:1px solid var(--line)}.invoice-review-video>div span small{display:block;color:var(--muted);margin-top:3px}.invoice-review-total{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:18px;border-top:2px solid var(--ink)}.invoice-review-total strong{font-size:24px}
@media(max-width:1180px){.billing-row-clear{grid-template-columns:minmax(180px,.8fr) minmax(240px,1.2fr) max-content 100px 40px}.billing-row-clear .billing-invoice{display:none}.invoice-list{grid-template-columns:1fr}}
@media(max-width:760px){.developer-context{position:static;grid-template-columns:1fr;margin-top:0}.developer-context .field{grid-template-columns:1fr}.billing-row-clear{grid-template-columns:minmax(0,1fr) auto;padding:16px}.billing-row-clear .billing-work{grid-column:1/-1}.billing-row-clear>div:nth-child(3),.billing-row-clear>div:nth-child(4),.billing-row-clear .billing-amount{display:none}.billing-toolbar{grid-template-columns:1fr}.invoice-card{grid-template-columns:minmax(0,1fr) 24px}.invoice-card>span:nth-child(2){display:none}.invoice-select-row{padding:14px 18px}.invoice-fields{grid-template-columns:1fr;padding:18px}.invoice-fields .full{grid-column:auto}.invoice-review{padding:20px}.wizard-footer .invoice-total{order:3;width:100%;margin:8px 0 0}.wizard-footer{flex-wrap:wrap}}

/* Searchable multi-language selection and reusable organisation presets */
.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}.form-grid>.full{grid-column:1/-1}.language-picker{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fbfcfd}.language-picker-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.language-picker-head>div{display:grid;gap:2px}.field-label{font-size:12px;font-weight:800;color:#56606c}.language-picker-head small{color:var(--muted)}.language-search{width:min(280px,100%)}.language-search input{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:11px;background:#fff}.selected-languages{display:flex;gap:7px;flex-wrap:wrap;min-height:36px;margin:14px 0}.language-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 7px 7px 11px;border-radius:999px;background:var(--blue-soft);color:#244b91;font-size:12px;font-weight:800}.language-chip button{width:22px;height:22px;border:0;border-radius:50%;background:rgba(36,99,220,.12);color:inherit;line-height:1}.language-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:232px;overflow:auto;padding:3px}.language-option{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer}.language-option:hover{border-color:#9eb7e8}.language-option:has(input:checked){border-color:#87aaf0;background:var(--blue-soft)}.language-option input{width:17px;height:17px;flex:0 0 auto}.language-option span,.language-option strong,.language-option small{display:block;min-width:0}.language-option strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.language-option small{color:var(--muted);font-size:10px}.language-presets{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.language-preset-manager{margin-top:12px}.language-preset-manager summary{color:var(--blue);font-size:12px;font-weight:800;cursor:pointer}.language-preset-create{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:10px;margin-top:12px}.language-preset-list{display:grid;gap:7px;margin-top:12px}.language-preset-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#fff}.language-preset-row strong,.language-preset-row small{display:block}.language-preset-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.icon-button.small{width:34px;height:34px;border-radius:9px;font-size:18px}
@media(max-width:900px){.language-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.language-picker-head{align-items:stretch;flex-direction:column}.language-search{width:100%}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:280px}.language-presets,.language-preset-create{grid-template-columns:1fr}.language-preset-row{grid-template-columns:minmax(0,1fr) auto auto}}

/* Reliability pass: compact wizard, clear row actions and large-data-safe surfaces. */
.form-grid{align-items:start}.field{min-width:0}.field input,.field select{max-width:100%}.video-row-main{border:0;background:transparent;text-align:left;padding:0;min-width:0;color:inherit;font:inherit}.video-row-main:hover strong{color:var(--blue)}.video-row-main span,.video-row-main strong,.video-row-main small{display:block}.wizard-body{min-height:0}.wizard-note,.wizard-ai-fields,.wizard-ai-toggle,.wizard-subheading{margin-top:18px}.conditional-panel{margin-top:12px;padding:16px;border:1px solid #cfd9e8;border-radius:16px;background:#f8faff}.ai-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.check-row span{min-width:0}.check-row span strong,.check-row span small{display:block}.check-row span small{margin-top:4px;color:var(--muted);line-height:1.45}.order-review-grid{align-items:start}.quote-card{background:var(--soft)}.agreement-panel{display:grid;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.agreement-panel>div h3{margin:0}.agreement-panel>div p{margin:5px 0 4px;color:var(--muted)}.agreement-row{padding:12px 14px;background:#fff}.legal-details{padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#fafbfc}.legal-details summary{cursor:pointer;font-weight:800;color:var(--blue)}.legal-details p{margin:10px 0 0;color:var(--muted);font-size:12px}.modal-panel{display:flex;flex-direction:column;overflow:hidden}.modal-panel>header{flex:0 0 auto}.modal-panel>#modal-body{min-height:0;overflow:auto}.wizard-footer{z-index:2}.language-picker.full{grid-column:1/-1;min-width:0}.language-picker input,.language-picker select{font:inherit}.pagination{min-height:58px}.pagination span{font-variant-numeric:tabular-nums}
.directory-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:14px 16px;margin-bottom:10px;border:1px solid var(--line);border-radius:14px;background:#fff}.directory-toolbar .field{width:min(460px,100%)}.directory-toolbar small{color:var(--muted);max-width:430px;text-align:right}@media(max-width:760px){.directory-toolbar{align-items:stretch;flex-direction:column}.directory-toolbar small{text-align:left}.ai-choice-grid{grid-template-columns:1fr}}
@media(max-width:900px){.order-review-grid,.ai-choice-grid{grid-template-columns:1fr}.modal-panel{width:min(760px,96vw)}}
.wizard-final-action{display:grid;justify-items:end;gap:6px}.button.upload-blocked{border-color:#d7dde4;background:#e8ebef;color:#707985;cursor:pointer;transform:none}.button.upload-blocked:hover{border-color:#c6ced7;background:#e1e5ea;transform:none}.upload-requirement{color:var(--muted);font-size:11px;font-weight:750}.native-file-trigger{position:relative;overflow:hidden;cursor:pointer;user-select:none}.native-file-trigger:active{transform:translateY(0)}.native-file-control{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.native-file-trigger:focus-within{outline:3px solid rgba(36,99,220,.32);outline-offset:2px}

/* Production alert / session chrome kept from prior scaffold */
.alert{padding:16px 18px;border-radius:14px;border:1px solid var(--line)}
.alert-error{background:var(--red-soft);border-color:#edc4c7;color:var(--red)}
.alert-title{margin:0;font-weight:800}
.alert-meta{margin:8px 0 0;font-size:12px;color:var(--muted)}
.alert-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;align-items:center}
.stack-gap{display:grid;gap:18px}
.muted,.status{color:var(--muted);font-size:13px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.plain-list{margin:0;padding-left:18px}
.row-actions{display:flex;flex-wrap:wrap;gap:8px}