/* PROMOMO v2 · Brand app — web dashboard + mobile */
.ba{--line:rgba(14,16,22,.1);font-family:'Manrope',system-ui,sans-serif;color:#0E1016;background:#F2EEE6;min-height:100svh;display:grid;grid-template-columns:248px minmax(0,1fr)}
.ba-side{position:sticky;top:0;height:100svh;background:#0E1016;color:#F2EEE6;padding:24px 18px;display:flex;flex-direction:column;gap:4px}
.ba-side .v2-logo{padding:4px 10px 24px}
.ba-nav{border:0;background:transparent;color:rgba(242,238,230,.6);font:inherit;font-size:14px;font-weight:600;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;cursor:pointer;text-align:left;transition:all .2s;width:100%}
.ba-nav:hover{color:#F2EEE6;background:rgba(242,238,230,.06)}
.ba-nav.on{color:#F2EEE6;background:rgba(242,238,230,.1)}
.ba-nav .n{margin-left:auto;font-family:var(--mono);font-size:11px;background:#FF4A1C;color:#fff;padding:2px 7px;border-radius:999px}
.ba-side-foot{margin-top:auto;display:flex;flex-direction:column;gap:12px}
.ba-org{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:rgba(242,238,230,.06)}
.ba-org img{width:34px;height:34px;border-radius:10px;object-fit:cover}
.ba-org b{display:block;font-size:13.5px}.ba-org small{font-size:11.5px;opacity:.6}
.ba-main{min-width:0;display:flex;flex-direction:column}
.ba-top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 32px;background:rgba(242,238,230,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.ba-top h1{font-family:var(--disp);font-weight:700;font-size:24px;letter-spacing:-.03em;margin:0}
.ba-top .r{display:flex;align-items:center;gap:10px}
.ba-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;color:#5B6070;font-size:13.5px;width:260px}
.ba-search input{border:0;background:transparent;font:inherit;outline:none;flex:1;min-width:0;color:#0E1016}
.ba-content{padding:28px 32px 48px;flex:1}
.ba-h2{font-family:var(--disp);font-weight:700;font-size:20px;letter-spacing:-.03em;margin:0}
.ba-h3{font-family:var(--disp);font-weight:700;font-size:16px;letter-spacing:-.02em;margin:0}
.ba-sub{color:#5B6070;font-size:13.5px;line-height:1.5;margin:0}
.ba-mono{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#FF4A1C;font-weight:500}
.ba-card{background:#fff;border-radius:20px;border:1px solid var(--line);padding:22px}
.ba-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ba-kpi b{display:block;font-family:var(--disp);font-size:34px;letter-spacing:-.04em;line-height:1;margin-top:14px}
.ba-kpi small{display:block;color:#5B6070;font-size:12.5px;margin-top:6px}
.ba-kpi .d{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#167A49;margin-top:8px}
.ba-kpi.ink{background:#0E1016;color:#F2EEE6}.ba-kpi.ink small{color:rgba(242,238,230,.6)}
.ba-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;margin-top:14px;align-items:start}
.ba-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ba-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid transparent;border-radius:999px;padding:12px 18px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:transform .35s var(--ease),background .25s,opacity .25s;line-height:1;white-space:nowrap}
.ba-btn:hover{transform:translateY(-1px)}
.ba-btn.sig{background:#FF4A1C;color:#fff}.ba-btn.ink{background:#0E1016;color:#F2EEE6}.ba-btn.ghost{border-color:rgba(14,16,22,.18);color:#0E1016;background:transparent}.ba-btn.bone{background:#F2EEE6;color:#0E1016}
.ba-btn.sm{padding:9px 14px;font-size:13px}.ba-btn.lg{padding:16px 24px;font-size:15px}
.ba-btn:disabled{opacity:.4;pointer-events:none}
.ba-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:999px;background:rgba(14,16,22,.06);white-space:nowrap}
.ba-badge.ok{background:rgba(29,164,98,.14);color:#167A49}.ba-badge.warn{background:rgba(201,162,39,.16);color:#8A6D0E}.ba-badge.sig{background:rgba(255,74,28,.12);color:#D43A10}.ba-badge.live{background:#0E1016;color:#F2EEE6}
.ba-badge.live::before{content:"";width:7px;height:7px;border-radius:50%;background:#FF4A1C;animation:ba-pulse 1.4s infinite}
@keyframes ba-pulse{50%{opacity:.3}}
.ba-brief{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--line);cursor:pointer}
.ba-brief:first-of-type{border-top:0}
.ba-brief img{width:56px;height:56px;border-radius:14px;object-fit:cover}
.ba-brief b{display:block;font-family:var(--disp);font-size:16px;letter-spacing:-.02em}
.ba-brief small{display:block;color:#5B6070;font-size:12.5px;margin-top:3px}
.ba-brief .stack{display:flex;align-items:center}
.ba-brief .stack img{width:28px;height:28px;border-radius:50%;border:2px solid #fff;margin-left:-8px}
.ba-brief .stack img:first-child{margin-left:0}
.ba-prog{height:5px;border-radius:3px;background:rgba(14,16,22,.08);overflow:hidden;margin-top:8px}
.ba-prog i{display:block;height:100%;background:#FF4A1C;border-radius:3px;width:var(--w)}
.ba-list{display:flex;flex-direction:column}
.ba-li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.ba-li:last-child{border-bottom:0}
.ba-li img{width:40px;height:40px;border-radius:12px;object-fit:cover}
.ba-li .c{flex:1;min-width:0}.ba-li b{display:block;font-size:14px}.ba-li small{display:block;color:#5B6070;font-size:12.5px;margin-top:2px}
.ba-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:14px}
.ba-cal span{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;border-radius:10px;color:#5B6070;position:relative}
.ba-cal span.h{font-family:var(--mono);font-size:10px;letter-spacing:.08em;aspect-ratio:auto;padding:4px 0}
.ba-cal span.ev{background:#0E1016;color:#F2EEE6}
.ba-cal span.ev2{background:rgba(255,74,28,.15);color:#D43A10}
.ba-cal span.today{outline:1.5px solid #FF4A1C;outline-offset:-1.5px}
/* wizard */
.ba-wiz{max-width:720px;margin:0 auto}
.ba-steps{display:flex;gap:6px;margin:18px 0 28px}
.ba-steps span{flex:1;height:3px;border-radius:2px;background:rgba(14,16,22,.1)}
.ba-steps span.on{background:#FF4A1C}
.ba-field{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.ba-field label{font-size:13px;font-weight:700;display:flex;justify-content:space-between}
.ba-field label em{font-style:normal;color:#5B6070;font-weight:500}
.ba-field input,.ba-field textarea,.ba-field select{border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:14px 16px;font:inherit;font-size:15px;color:inherit;outline:none;width:100%;transition:border-color .25s}
.ba-field input:focus,.ba-field textarea:focus{border-color:#0E1016}
.ba-field textarea{min-height:110px;resize:vertical}
.ba-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ba-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.ba-role{text-align:left;padding:16px;border-radius:16px;border:1.5px solid var(--line);background:#fff;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;gap:10px;transition:all .25s}
.ba-role.on{border-color:#0E1016;background:#0E1016;color:#F2EEE6}
.ba-role b{font-family:var(--disp);font-size:15px;letter-spacing:-.02em}.ba-role small{font-size:12px;opacity:.65}
.ba-stepper{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:8px 8px 8px 16px}
.ba-stepper b{flex:1;font-family:var(--disp);font-size:20px;letter-spacing:-.03em}
.ba-stepper button{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:18px}
.ba-summary{background:#0E1016;color:#F2EEE6;border-radius:20px;padding:24px}
.ba-summary .row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(242,238,230,.12);font-size:14px}
.ba-summary .row:last-child{border-bottom:0}
.ba-summary .row span:last-child{font-family:var(--mono);font-size:13px}
.ba-summary .total{font-family:var(--disp);font-size:36px;letter-spacing:-.04em;margin-top:14px}
.ba-hint{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:14px;background:rgba(255,74,28,.08);color:#0E1016;font-size:13px;line-height:1.5;margin-top:16px}
.ba-hint svg{color:#FF4A1C;flex-shrink:0;margin-top:2px}
/* applicants */
.ba-apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:18px}
.ba-app{background:#fff;border-radius:20px;border:1.5px solid var(--line);overflow:hidden;transition:all .3s;position:relative}
.ba-app.short{border-color:#0E1016}
.ba-app.booked{border-color:#1DA462}
.ba-app .im{aspect-ratio:4/4;position:relative}
.ba-app .im img{width:100%;height:100%;object-fit:cover;display:block}
.ba-app .im .ck{position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#0E1016;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.ba-app .im .ck.on{background:#0E1016;color:#fff}
.ba-app .meta{padding:14px}
.ba-app .meta b{display:block;font-family:var(--disp);font-size:16px;letter-spacing:-.02em}
.ba-app .meta small{display:block;color:#5B6070;font-size:12.5px;margin-top:2px}
.ba-app .stats{display:flex;gap:10px;margin-top:10px;font-size:12.5px;font-weight:700}
.ba-app .stats span{display:inline-flex;align-items:center;gap:4px}.ba-app .stats svg{color:#FF4A1C}
.ba-app .act{display:flex;gap:6px;margin-top:12px}
.ba-app .act .ba-btn{flex:1}
.ba-compare{position:sticky;bottom:20px;z-index:10;margin-top:20px;background:#0E1016;color:#F2EEE6;border-radius:20px;padding:14px 14px 14px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 30px 60px -24px rgba(14,16,22,.6);animation:ra-up .5s var(--ease)}
.ba-compare .stack{display:flex}.ba-compare .stack img{width:32px;height:32px;border-radius:50%;border:2px solid #0E1016;margin-left:-10px;object-fit:cover}.ba-compare .stack img:first-child{margin-left:0}
.ba-tabs{display:flex;gap:4px;padding:4px;background:rgba(14,16,22,.06);border-radius:999px;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none}
.ba-tabs button{border:0;background:transparent;font:inherit;font-size:13.5px;font-weight:700;padding:9px 16px;border-radius:999px;cursor:pointer;color:#5B6070;white-space:nowrap}
.ba-tabs button.on{background:#0E1016;color:#F2EEE6}
/* team / event day */
.ba-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:18px}
.ba-member{display:flex;gap:14px;align-items:center;padding:16px}
.ba-member img{width:56px;height:56px;border-radius:16px;object-fit:cover}
.ba-member .c{flex:1;min-width:0}.ba-member b{display:block;font-family:var(--disp);font-size:16px}.ba-member small{display:block;color:#5B6070;font-size:12.5px;margin-top:2px}
.ba-stars{display:flex;gap:6px}
.ba-stars button{border:0;background:transparent;cursor:pointer;color:rgba(14,16,22,.15);padding:0;transition:transform .2s,color .2s}
.ba-stars button.on{color:#FF4A1C}.ba-stars button:hover{transform:scale(1.15)}
.ba-escrow{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;margin-top:18px;align-items:start}
.ba-done{width:64px;height:64px;border-radius:50%;background:#1DA462;color:#fff;display:flex;align-items:center;justify-content:center;animation:v2-pop .7s var(--ease)}
.ba-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:300;background:#0E1016;color:#F2EEE6;padding:14px 18px;border-radius:16px;font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:10px;animation:ra-up .5s var(--ease);box-shadow:0 20px 40px -16px rgba(0,0,0,.5);white-space:nowrap}
.ba-toast svg{color:#FF6A45}
.ba-fade{animation:ra-fade .4s var(--ease)}
/* device toggle */
.ba-device{position:fixed;right:20px;bottom:20px;z-index:250;display:flex;gap:3px;padding:4px;border-radius:999px;background:#0E1016;box-shadow:0 20px 40px -16px rgba(0,0,0,.5)}
.ba-device button{border:0;background:transparent;color:rgba(242,238,230,.6);font:inherit;font-size:12.5px;font-weight:700;padding:9px 14px;border-radius:999px;cursor:pointer}
.ba-device button.on{background:#F2EEE6;color:#0E1016}
/* chat drawer */
.ba-drawer{position:fixed;inset:0;z-index:200;background:rgba(14,16,22,.4);display:flex;justify-content:flex-end;animation:v2-fade .3s}
.ba-drawer>div{width:min(420px,100%);background:#F2EEE6;height:100%;display:flex;flex-direction:column;animation:v2-slide .5s var(--ease)}
/* ── mobile ── */
.ba-mobile .ba{grid-template-columns:1fr;min-height:100%}
.ba-mobile .ba-side{display:none}
.ba-mobile .ba-top{padding:14px 18px}.ba-mobile .ba-top h1{font-size:20px}.ba-mobile .ba-search,.ba-mobile .ba-top .hide-m{display:none}
.ba-mobile .ba-content{padding:18px 18px 110px}
.ba-mobile .ba-kpis{grid-template-columns:1fr 1fr;gap:10px}.ba-mobile .ba-kpi b{font-size:26px}
.ba-mobile .ba-grid,.ba-mobile .ba-escrow{grid-template-columns:1fr}
.ba-mobile .ba-card{padding:16px;border-radius:18px}
.ba-mobile .ba-brief{grid-template-columns:48px minmax(0,1fr)}.ba-mobile .ba-brief .stack{display:none}
.ba-mobile .ba-roles{grid-template-columns:1fr 1fr}.ba-mobile .ba-2{grid-template-columns:1fr}
.ba-mobile .ba-apps{grid-template-columns:1fr 1fr;gap:10px}.ba-mobile .ba-app .meta{padding:10px}.ba-mobile .ba-app .stats{font-size:11.5px}
.ba-mobile .ba-team{grid-template-columns:1fr}
.ba-mobile .ba-compare{position:sticky;bottom:90px}
.ba-mobile .ba-mtabs{display:flex}
.ba-mtabs{display:none;position:sticky;bottom:0;z-index:30;justify-content:space-around;padding:10px 8px 26px;background:rgba(242,238,230,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}
.ba-mtab{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:5px;font:inherit;font-size:10.5px;font-weight:700;color:#8A8F9C;cursor:pointer;padding:6px 8px;min-width:54px;position:relative}
.ba-mtab.on{color:#0E1016}.ba-mtab.on::after{content:"";position:absolute;top:-10px;width:18px;height:3px;border-radius:2px;background:#FF4A1C}
.ba-mtab.fab{background:#FF4A1C;color:#fff;border-radius:50%;width:52px;height:52px;min-width:0;margin-top:-22px;justify-content:center;box-shadow:0 12px 24px -8px rgba(255,74,28,.6)}
.ba-mtab.fab::after{display:none}
.ba-mobile .ba-toast{bottom:100px}
/* phone-frame preview */
.ba-frame-stage{min-height:100svh;background:#E9E3D8;display:flex;align-items:center;justify-content:center;padding:40px 20px}
.ba-frame-stage .ra-scr{display:flex;flex-direction:column}
.ba-frame-stage .ra-body{display:flex;flex-direction:column}
.ba-frame-stage .ba{min-height:100%}
.ba-frame-stage .ba-toast{position:absolute}