:root{--ink:#f4f7f2;--muted:#8b958f;--line:#28302b;--paper:#060807;--white:#101411;--lime:#615bae;--lime-soft:#242143;--green:#72b889;--blue:#8f8ae0;--amber:#e4ad58;--red:#ef837b;--nav:#030504;--radius:18px}
.auth-gate{min-height:100vh;background:radial-gradient(circle at 78% 18%,rgba(97,91,174,.2),transparent 30%),#050605;color:#f7f7f5;display:grid;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;padding:28px;font-family:Montserrat,sans-serif}.auth-gate[hidden]{display:none}.auth-brand{justify-self:start;display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em}.auth-brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#675dc0;color:#fff;font-size:20px;box-shadow:0 10px 30px rgba(97,91,174,.35)}.auth-card{width:min(100%,470px);padding:40px;border:1px solid #292b2a;border-radius:24px;background:rgba(13,15,14,.96);box-shadow:0 34px 100px rgba(0,0,0,.52)}.auth-card h1{margin:5px 0 10px;font-size:clamp(34px,6vw,52px);line-height:.98;font-weight:900;letter-spacing:-.055em}.auth-card>p:not(.eyebrow){color:#a6aaa7;line-height:1.65;margin:0 0 24px}.auth-loading{padding:18px 0;color:#a6aaa7;font-size:13px}.auth-loading.error{color:#ff8888}.auth-gate>small{color:#737875;font-size:11px;letter-spacing:.08em;text-transform:uppercase}#clerkSignIn{min-height:20px;width:100%}#portalApp[hidden]{display:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Montserrat",sans-serif;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--nav);color:#fff;padding:26px 18px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:800 16px Montserrat;letter-spacing:.12em;padding:0 8px 34px}.brand span{width:32px;height:32px;display:grid;place-items:center;background:var(--lime);color:#10150a;border-radius:9px}.sidebar nav{display:grid;gap:5px}.nav-item{width:100%;display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:9px;border:0;background:transparent;color:#818c86;padding:11px 12px;border-radius:10px;text-align:left;font:600 12px Montserrat;cursor:pointer;transition:.18s}.nav-item i{font-style:normal;font-size:16px;text-align:center}.nav-item em{font-style:normal;font-size:9px;background:#283029;padding:3px 6px;border-radius:100px}.nav-item:hover,.nav-item.active{background:#1a211d;color:#fff}.nav-item.active i{color:var(--lime)}.sidebar-bottom{margin-top:auto}.client-mini{border-top:1px solid #262d29;margin-top:12px;padding:18px 9px 2px;display:flex;align-items:center;gap:11px}.client-mini b,.client-mini small{display:block}.client-mini b{font:700 12px Montserrat}.client-mini small{font-size:10px;color:#78827d;margin-top:3px}.avatar{width:37px;height:37px;border-radius:11px;background:#30411c;color:var(--lime);display:grid;place-items:center;font:800 11px Montserrat}.avatar.small{width:33px;height:33px}.app-shell{margin-left:230px;min-height:100vh}.topbar{height:74px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:rgba(244,245,240,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.page-name{font:700 12px Montserrat}.top-actions{display:flex;align-items:center;gap:12px}.private-pill{font-size:10px;color:#69726c;border:1px solid var(--line);background:#fff;border-radius:100px;padding:7px 10px;display:flex;align-items:center;gap:6px}.private-pill i{width:6px;height:6px;border-radius:50%;background:#7ca726;box-shadow:0 0 0 3px #e8f0d3}.icon-btn{position:relative;border:1px solid var(--line);background:#fff;width:33px;height:33px;border-radius:10px;cursor:pointer}.icon-btn span{position:absolute;width:6px;height:6px;border-radius:50%;background:#f2665c;right:6px;top:6px}.mobile-menu{display:none;border:0;background:transparent;font-size:20px}main{max-width:1420px;margin:auto;padding:48px 42px 70px}.view{display:none;animation:fade .25s ease}.view.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.eyebrow{font:800 9px/1 Montserrat;letter-spacing:.16em;color:#59741d;margin:0 0 10px}.dark-text{color:#7b847e}.hero-row,.section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:32px}.hero-row h1,.section-head h1{font:800 clamp(30px,4vw,46px)/1 Montserrat;letter-spacing:-.045em;margin:0}.hero-row h1 span{color:#778078}.hero-row>div>p:last-child,.section-head>div>p:last-child{color:var(--muted);font-size:13px;margin:13px 0 0}.primary-btn,.secondary-btn{border:1px solid transparent;border-radius:11px;padding:12px 16px;font:700 11px Montserrat;cursor:pointer;transition:.18s}.primary-btn{background:var(--ink);color:#fff}.primary-btn span{color:var(--lime);margin-right:6px}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px);box-shadow:0 7px 22px rgba(15,20,17,.12)}.secondary-btn{background:#fff;color:var(--ink);border-color:var(--line)}.metrics-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:13px;margin-bottom:13px}.credit-card,.metric-card,.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.credit-card{padding:23px;background:linear-gradient(145deg,#111714,#172018);color:#fff}.metric-head{display:flex;justify-content:space-between;color:#87918b;font:700 9px Montserrat;letter-spacing:.12em}.live-dot{color:#a6c360;letter-spacing:0;font-size:9px}.live-dot:before{content:"";display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-right:5px}.credit-main{display:flex;align-items:flex-end;gap:12px;margin:18px 0}.credit-main strong{font:800 47px/1 Montserrat;letter-spacing:-.05em;color:var(--lime)}.credit-main span{color:#909a94;font-size:11px;line-height:1.45}.credit-main span b{color:#d4dad6}.progress{height:5px;background:#2e3732;border-radius:100px;overflow:hidden}.progress i{display:block;height:100%;width:64%;background:var(--lime);border-radius:inherit;transition:.35s}.credit-foot{display:flex;justify-content:space-between;color:#727c76;font-size:9px;margin-top:10px}.credit-foot b{color:#aeb6b1}.metric-card{padding:20px;min-height:174px;display:flex;flex-direction:column}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;margin-bottom:23px}.metric-icon.lime{background:var(--lime);color:#18200c}.metric-icon.dark{background:#eef0eb;color:#3b4540}.metric-card>span{font:700 9px Montserrat;color:#8b938e;letter-spacing:.1em}.metric-card>strong{font:800 34px/1 Montserrat;margin:9px 0;color:#151a17}.metric-card>strong em{font:700 14px Montserrat;color:#707973}.metric-card>small{font-size:9px;color:#929993;margin-top:auto}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.status-dot.blue{background:var(--blue)}.dashboard-grid{display:grid;grid-template-columns:1.55fr .8fr;gap:13px;margin-bottom:13px}.card{padding:23px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.card-head h2{font:800 19px/1.1 Montserrat;margin:0;letter-spacing:-.03em}.text-btn{border:0;background:none;padding:0;color:#68736c;font:700 10px Montserrat;cursor:pointer}.request-list{display:grid}.request-item{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #edf0eb}.request-item:first-child{border-top:0}.request-type{width:36px;height:36px;border-radius:10px;background:#eff1ec;display:grid;place-items:center;font:800 9px Montserrat;color:#6c766f}.request-copy b,.request-copy small{display:block}.request-copy b{font:700 11px Montserrat}.request-copy small{font-size:9px;color:#8c948f;margin-top:4px}.status-pill{font:700 8px Montserrat;border-radius:100px;padding:6px 8px;white-space:nowrap}.status-production{background:#ecf1ff;color:#4969b8}.status-review{background:#fff1d9;color:#99601d}.status-queued{background:#edf0eb;color:#68736c}.status-correction{background:#fdebe9;color:#a04c47}.status-completed,.status-approved{background:#e8f5e9;color:#3c794c}.activity-list{display:grid;gap:18px}.activity{display:grid;grid-template-columns:28px 1fr;gap:10px;position:relative}.activity:not(:last-child):after{content:"";position:absolute;left:13px;top:28px;bottom:-18px;width:1px;background:#e3e7e0}.activity-icon{width:27px;height:27px;background:#eff1ec;border-radius:50%;display:grid;place-items:center;font-size:10px;z-index:1}.activity b,.activity small{display:block}.activity b{font:600 10px Montserrat;line-height:1.4}.activity small{color:#969d98;font-size:8px;margin-top:3px}.recent-card{overflow:hidden}.video-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.video-card{cursor:pointer;min-width:0}.thumb{height:125px;border-radius:12px;position:relative;overflow:hidden;background:linear-gradient(145deg,#1c2521,#59665f)}.thumb:before,.thumb:after{content:"";position:absolute;border-radius:50%;filter:blur(0)}.thumb:before{width:140px;height:140px;background:rgba(97,91,174,.28);right:-50px;top:-70px}.thumb:after{width:95px;height:95px;background:rgba(255,255,255,.09);left:-35px;bottom:-45px}.thumb.v2{background:linear-gradient(145deg,#332b2b,#9a7463)}.thumb.v3{background:linear-gradient(145deg,#1d2636,#60739b)}.thumb.v4{background:linear-gradient(145deg,#2e2738,#79628d)}.play{position:absolute;inset:0;margin:auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);z-index:1;font-size:11px;padding-left:2px}.duration{position:absolute;bottom:8px;right:8px;background:rgba(8,11,9,.75);color:#fff;font-size:8px;padding:4px 5px;border-radius:5px;z-index:1}.video-info{padding:9px 2px}.video-info b{display:block;font:700 10px Montserrat;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-info>span{display:flex;justify-content:space-between;align-items:center;margin-top:5px;color:#8b938e;font-size:8px}.section-head{margin-bottom:28px}.search{border:1px solid var(--line);background:#fff;border-radius:11px;padding:0 12px;display:flex;align-items:center;width:230px}.search span{color:#8d958f}.search input{border:0;outline:0;background:transparent;padding:12px 8px;width:100%;font:500 11px Montserrat}.filter-row,.video-filters{display:flex;gap:7px;margin-bottom:14px}.filter{border:1px solid var(--line);background:#fff;border-radius:100px;padding:8px 12px;color:#7d857f;font:700 9px Montserrat;cursor:pointer}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.filter span{margin-left:5px;color:var(--lime)}.request-table{padding:0;overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr .8fr .8fr;gap:12px;align-items:center}.table-head{background:#fafbf8;padding:12px 20px;border-bottom:1px solid var(--line);color:#929994;font:700 8px Montserrat;letter-spacing:.1em}.table-row{padding:16px 20px;border-bottom:1px solid #ecefe9;font-size:10px}.table-row:last-child{border:0}.table-row b{font:700 10px Montserrat}.table-row small{display:block;color:#929994;margin-top:3px}.video-library{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-library .thumb{height:190px}.video-library .video-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:8px}.video-library .video-info{padding:10px 5px 6px}.video-library .video-info b{font-size:12px}dialog{border:1px solid var(--line);border-radius:18px;background:#fff;padding:0;box-shadow:0 30px 100px rgba(16,20,18,.26);color:var(--ink)}dialog::backdrop{background:rgba(10,14,12,.58);backdrop-filter:blur(4px)}.request-dialog,.correction-dialog{width:min(680px,calc(100% - 24px))}.request-dialog form,.correction-dialog form{padding:28px}.dialog-top,.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.dialog-top h2,.drawer-head h2{font:800 27px/1 Montserrat;letter-spacing:-.04em;margin:0}.close-btn{border:1px solid var(--line);background:#fff;width:31px;height:31px;border-radius:9px;font-size:20px;color:#6e7771;cursor:pointer}.credit-callout{display:flex;justify-content:space-between;background:#f2f6e8;border:1px solid #dfe8ca;border-radius:11px;padding:12px 14px;margin-bottom:20px;font-size:10px}.credit-callout b{color:#4f6b19}.credit-callout small{color:#7c8767}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.three{grid-template-columns:1.2fr .65fr 1fr}.field{margin-bottom:15px}.field label,.admin-frame label{display:block;font:700 10px Montserrat;margin-bottom:7px}.field input,.field select,.field textarea,.admin-frame input{width:100%;border:1px solid #d8ddd6;border-radius:10px;background:#fbfcfa;padding:12px 13px;font:500 11px Montserrat;outline:0}.field input:focus,.field select:focus,.field textarea:focus,.admin-frame input:focus{border-color:#8c9a7a;box-shadow:0 0 0 3px #eff4e8}.field textarea{resize:vertical}.error{display:none;color:var(--red);font-size:9px;margin-top:5px}.field.invalid .error{display:block}.field.invalid input,.field.invalid textarea{border-color:#d69a96}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:8px}.toast{position:fixed;right:24px;bottom:24px;z-index:80;background:#101612;color:#fff;border:1px solid #2d382f;border-radius:13px;padding:13px 16px;display:flex;gap:11px;align-items:center;box-shadow:0 16px 50px rgba(0,0,0,.25);transform:translateY(120px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.toast>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#111609;font-weight:800}.toast b,.toast small{display:block}.toast b{font:700 10px Montserrat}.toast small{font-size:8px;color:#9aa59e;margin-top:3px}.drawer-backdrop{position:fixed;inset:0;background:rgba(8,11,9,.52);backdrop-filter:blur(3px);z-index:40;opacity:0;pointer-events:none;transition:.25s}.drawer-backdrop.show{opacity:1;pointer-events:auto}.review-drawer{position:fixed;right:0;top:0;bottom:0;width:min(610px,100%);background:#fff;z-index:50;padding:28px;overflow-y:auto;transform:translateX(102%);transition:.3s cubic-bezier(.2,.8,.2,1);box-shadow:-30px 0 90px rgba(0,0,0,.2)}.review-drawer.show{transform:none}.frame-stage{height:335px;background:#0e1311;border-radius:15px;overflow:hidden;display:grid;place-items:center;position:relative}.frame-stage iframe{border:0;width:100%;height:100%}.frame-empty{text-align:center;color:#fff;padding:30px}.frame-empty span{width:52px;height:52px;border-radius:50%;background:var(--lime);color:#15200a;display:grid;place-items:center;margin:0 auto 16px;font-weight:800}.frame-empty b,.frame-empty small{display:block}.frame-empty b{font:700 15px Montserrat}.frame-empty small{color:#89938d;font-size:10px;line-height:1.5;margin-top:8px}.frame-fallback{display:flex;justify-content:space-between;padding:11px 3px;color:#7e8781;font-size:9px}.frame-fallback a{color:#4a6721;text-decoration:none;font-weight:700}.frame-fallback a.disabled{pointer-events:none;color:#a7aea9}.review-meta{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;margin:18px 0;overflow:hidden}.review-meta div{padding:13px;border-right:1px solid var(--line)}.review-meta div:last-child{border:0}.review-meta small,.review-meta strong{display:block}.review-meta small{font:700 7px Montserrat;color:#9ba29e;letter-spacing:.1em}.review-meta strong{font:700 10px Montserrat;margin-top:5px}.review-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.admin-frame{display:none;background:#f5f6f2;border:1px dashed #cdd3ca;border-radius:12px;padding:14px;margin-top:19px}.admin-frame.visible{display:block}.admin-frame>div{display:grid;grid-template-columns:1fr auto;gap:7px}.admin-frame button{border:0;border-radius:8px;background:var(--ink);color:#fff;font:700 9px Montserrat;padding:0 12px}.admin-frame small{display:block;color:#858d87;font-size:8px;margin-top:6px}.selected-video{display:flex;align-items:center;gap:10px;background:#f3f5f0;border-radius:11px;padding:12px;margin-bottom:18px}.selected-video>span{width:31px;height:31px;border-radius:8px;background:#162018;color:var(--lime);display:grid;place-items:center;font-size:9px}.selected-video small,.selected-video b{display:block}.selected-video small{font:700 7px Montserrat;color:#969e98}.selected-video b{font:700 10px Montserrat;margin-top:3px}.info-line{display:flex;gap:9px;align-items:center;color:#788078;background:#f5f7f2;border-radius:10px;padding:10px;font-size:9px;margin-bottom:10px}.info-line span{width:18px;height:18px;display:grid;place-items:center;border:1px solid #cbd2c7;border-radius:50%;font-weight:700}
@media(max-width:1100px){.metrics-grid{grid-template-columns:1.4fr 1fr 1fr}.metric-card:last-child{display:none}.dashboard-grid{grid-template-columns:1.35fr .8fr}.video-row{grid-template-columns:repeat(3,1fr)}.video-row .video-card:last-child{display:none}.video-library{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.app-shell{margin-left:0}.mobile-menu{display:block}.topbar{padding:0 18px}.page-name{display:none}main{padding:32px 18px 60px}.hero-row,.section-head{align-items:flex-start;flex-direction:column}.metrics-grid{grid-template-columns:1fr 1fr}.credit-card{grid-column:1/3}.dashboard-grid{grid-template-columns:1fr}.video-row{grid-template-columns:repeat(2,1fr)}.video-row .video-card:nth-last-child(-n+2){display:none}.video-library{grid-template-columns:repeat(2,1fr)}.table-head{display:none}.table-row{grid-template-columns:1.5fr 1fr .8fr}.table-row>:nth-child(3),.table-row>:nth-child(5){display:none}.search{width:100%}.section-head{gap:18px}.section-head .primary-btn{width:100%}.review-drawer{padding:22px}.frame-stage{height:280px}}
@media(max-width:520px){.private-pill{display:none}.metrics-grid{grid-template-columns:1fr}.credit-card{grid-column:auto}.metric-card{min-height:150px}.metric-card:last-child{display:flex}.dashboard-grid{display:block}.activity-card{margin-top:13px}.video-row,.video-library{grid-template-columns:1fr}.video-row .video-card:nth-child(n+3){display:none}.form-grid,.form-grid.three{grid-template-columns:1fr}.request-dialog form,.correction-dialog form{padding:20px}.review-meta{grid-template-columns:1fr}.review-meta div{border-right:0;border-bottom:1px solid var(--line)}.review-meta div:last-child{border:0}.review-actions{grid-template-columns:1fr}.filter-row,.video-filters{overflow-x:auto;padding-bottom:4px}.filter{white-space:nowrap}.frame-stage{height:225px}}

/* Adar black brand theme */
body{font-family:"Montserrat",sans-serif;font-weight:400;background:radial-gradient(circle at 82% 0%,#121020 0,transparent 30%),var(--paper)}
h1,h2,.brand,.credit-main strong,.metric-card>strong{font-weight:900!important}
.sidebar{border-right:1px solid #1d231f;background:#030504}
.sidebar .nav-item:hover,.sidebar .nav-item.active{background:#111713}
.topbar{background:rgba(6,8,7,.9);border-color:var(--line)}
.page-name,.hero-row h1,.section-head h1,.card-head h2,.video-info b,.request-copy b,.activity b{color:#f7f8f5}
.hero-row h1 span{color:#8b948e}
.eyebrow,.dark-text{color:var(--lime)}
.private-pill,.icon-btn{background:#101411;border-color:#2b342e;color:#9aa39d}
.primary-btn{background:var(--lime);color:#fff;font-weight:900}
.primary-btn span{color:#fff}
.secondary-btn{background:#171c19;color:#f2f5f1;border-color:#333d36}
.credit-card{background:linear-gradient(145deg,#111713,#0b0f0c);border-color:#344321}
.metric-card,.card{background:linear-gradient(145deg,#111512,#0d110f);border-color:var(--line)}
.metric-icon.dark,.request-type,.activity-icon{background:#1b211d;color:#aeb7b1}
.metric-card>strong{color:#f7f8f5}
.metric-card>small,.metric-card>span,.request-copy small,.activity small,.video-info>span{color:#7f8983}
.request-item{border-color:#252d28}
.text-btn{color:#a8b1ab}
.thumb{border:1px solid #29322c}
.play{background:var(--lime);color:#fff}
.video-library .video-card{background:#0d110f;border-color:#29322c}
.filter,.search{background:#0f1311;border-color:#2b332e;color:#aab3ad}
.filter.active{background:var(--lime);border-color:var(--lime);color:#fff}
.search input{color:#f4f6f3}
.table-head{background:#0a0d0b;border-color:#28302b;color:#737d77}
.table-row{border-color:#242c27;color:#d6dcd8}
dialog,.review-drawer{background:#0b0f0c;color:#f5f7f4;border-color:#2a332d}
.close-btn{background:#171c19;border-color:#343d37;color:#abb4ae}
.credit-callout{background:#141c0f;border-color:#344522;color:#d7e7bd}
.field input,.field select,.field textarea,.admin-frame input{background:#101411;border-color:#303a33;color:#f4f6f3}
.field input::placeholder,.field textarea::placeholder,.admin-frame input::placeholder{color:#606a64}
.info-line,.selected-video,.admin-frame{background:#121714;border-color:#2f3832;color:#9ba49e}
.review-meta{border-color:#2b342e}.review-meta div{border-color:#2b342e}
.frame-fallback{color:#8c958f}.frame-fallback a{color:var(--lime)}
.status-work{background:#242143;color:#aaa6ee}.status-delivered{background:#162326;color:#8fc9d2}.status-correction{background:#35201d;color:#f1a19b}.status-approved{background:#15281b;color:#86ca98}
.status-ready-for-review{background:#2d2817;color:#f1cf72}.notification-wrap{position:relative}.notification-btn b{position:absolute;right:-6px;top:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:100px;background:#615bae;color:#fff;display:grid;place-items:center;font:800 9px Montserrat;border:2px solid #070a08}.notification-menu{position:absolute;right:0;top:42px;width:min(360px,calc(100vw - 28px));background:#0c110e;border:1px solid #2b332e;border-radius:14px;box-shadow:0 22px 70px rgba(0,0,0,.42);padding:10px;z-index:40}.notification-head{display:flex;justify-content:space-between;align-items:center;padding:8px 9px 12px;border-bottom:1px solid #252d28}.notification-head strong{font:800 12px Montserrat}.notification-head small{font-size:9px;color:#8f9993}.notification-item{width:100%;border:0;border-bottom:1px solid #202722;background:transparent;color:#f4f6f4;display:grid;grid-template-columns:28px 1fr;gap:10px;text-align:left;padding:12px 8px;cursor:pointer}.notification-item:last-child{border-bottom:0}.notification-item>span{width:27px;height:27px;border-radius:8px;background:#242143;color:#aaa6ee;display:grid;place-items:center;font-size:9px}.notification-item b,.notification-item small{display:block}.notification-item b{font:700 10px Montserrat;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-item small{color:#89938d;font-size:8px;margin-top:4px}.notification-item:hover{background:#131a16;border-radius:9px}.notification-empty{color:#8f9993;font-size:10px;padding:18px 10px;margin:0;text-align:center}
.toast{background:#111713;border-color:#35402f}

.brand span,.metric-icon.lime,.toast>span,.frame-empty span{color:#fff}
.avatar{background:#242143;color:#b7b3f3}
.private-pill i{background:var(--lime);box-shadow:0 0 0 3px rgba(97,91,174,.22)}
.credit-card{border-color:#3d386e}.live-dot{color:#a9a4e9}.text-btn,.frame-fallback a{color:#a9a4e9}

/* Billing */
.secure-billing{display:flex;align-items:center;gap:7px;border:1px solid #2e3731;background:#0f1311;border-radius:100px;padding:8px 11px;color:#8e9891;font-size:9px}.secure-billing i{font-style:normal;color:#a9a4e9}
.billing-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-bottom:14px}.billing-plan-card{background:linear-gradient(145deg,#141326,#0e1010 58%);border:1px solid #3d386e;border-radius:var(--radius);padding:28px}.billing-plan-top,.billing-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.billing-plan-top h2,.billing-card h2{font:900 23px/1 Montserrat;margin:0;color:#fff}.billing-plan-top>div>span{display:block;color:#858f89;font-size:10px;margin-top:7px}.current-badge{border:1px solid #504b8c;background:#242143;color:#b7b3f3;border-radius:100px;padding:6px 8px;font:700 7px Montserrat;letter-spacing:.1em}.plan-price{display:flex;align-items:flex-end;gap:8px;margin:30px 0 24px}.plan-price strong{font:900 43px/1 Montserrat;letter-spacing:-.05em}.plan-price span{color:#818a84;font-size:10px;padding-bottom:5px}.plan-details{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #2b322e;border-radius:12px;overflow:hidden}.plan-details div{padding:14px;border-right:1px solid #2b322e}.plan-details div:last-child{border:0}.plan-details b,.plan-details span{display:block}.plan-details b{font:900 13px Montserrat}.plan-details span{font-size:8px;color:#7c867f;margin-top:4px}.renewal-line{display:flex;justify-content:space-between;color:#7f8983;font-size:9px;margin:20px 0}.renewal-line b{color:#d7ddd9}.wide-btn{width:100%}.billing-side{display:grid;grid-template-rows:1fr 1fr;gap:14px}.billing-card{display:flex;flex-direction:column}.billing-card-head{margin-bottom:20px}.billing-card-head h2{font-size:18px}.card-brand{font:900 9px Montserrat;color:#b6b2ee;border:1px solid #3d386e;background:#1d1b36;border-radius:7px;padding:7px}.payment-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}.payment-row b,.payment-row small{display:block}.payment-row b{font:700 11px Montserrat}.payment-row small{font-size:8px;color:#79837d;margin-top:5px}.card-chip,.invoice-icon{width:35px;height:35px;border-radius:10px;background:#242143;color:#aaa6ee;display:grid;place-items:center}.billing-card .wide-btn{margin-top:auto}.invoice-request-card>p{color:#7f8983;font-size:9px;line-height:1.6;margin:0 0 18px}.invoice-history{padding-bottom:8px}.invoice-table{display:grid}.invoice-head,.invoice-row{display:grid;grid-template-columns:1.25fr 1fr 1fr .7fr .7fr;align-items:center;gap:12px}.invoice-head{color:#747e78;font:700 7px Montserrat;letter-spacing:.1em;padding:10px 0;border-bottom:1px solid #242c27}.invoice-row{padding:14px 0;border-bottom:1px solid #242c27;font-size:9px}.invoice-row:last-child{border:0}.invoice-row>b{font:700 9px Montserrat}.invoice-row>button{border:0;background:none;color:#a9a4e9;font:700 8px Montserrat;cursor:pointer;text-align:right}.billing-dialog{width:min(580px,calc(100% - 24px))}.billing-dialog form{padding:28px}.billing-options{display:grid;gap:9px;margin-bottom:18px}.billing-option{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid #303832;background:#101411;border-radius:12px;padding:14px;cursor:pointer}.billing-option:has(input:checked){border-color:#615bae;background:#17152d}.billing-option input{accent-color:#615bae}.billing-option b,.billing-option small{display:block}.billing-option b{font:700 11px Montserrat}.billing-option small{font-size:8px;color:#7f8983;margin-top:4px}.billing-option>strong{font:900 10px Montserrat;color:#b7b3f3}.secure-payment-note{display:flex;gap:12px;align-items:flex-start;border:1px solid #3d386e;background:#17152d;border-radius:12px;padding:14px;margin-bottom:15px}.secure-payment-note>span{width:30px;height:30px;border-radius:8px;background:#615bae;display:grid;place-items:center}.secure-payment-note b,.secure-payment-note small{display:block}.secure-payment-note b{font:700 10px Montserrat}.secure-payment-note small{font-size:8px;color:#9690cb;line-height:1.5;margin-top:5px}.current-payment{border:1px solid #2d352f;border-radius:12px;padding:14px;margin-bottom:18px}.current-payment small,.current-payment b,.current-payment span{display:block}.current-payment small{font:700 7px Montserrat;color:#747e78}.current-payment b{font:900 12px Montserrat;margin:7px 0 4px}.current-payment span{font-size:8px;color:#7d8780}
@media(max-width:900px){.billing-grid{grid-template-columns:1fr}.billing-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.invoice-head,.invoice-row{grid-template-columns:1.3fr 1fr .8fr .7fr}.invoice-head>:nth-child(2),.invoice-row>:nth-child(2){display:none}}
@media(max-width:560px){.billing-side{grid-template-columns:1fr}.plan-details{grid-template-columns:1fr}.plan-details div{border-right:0;border-bottom:1px solid #2b322e}.invoice-head,.invoice-row{grid-template-columns:1.25fr .8fr .7fr}.invoice-head>:nth-child(2),.invoice-row>:nth-child(2),.invoice-head>:nth-child(3),.invoice-row>:nth-child(3){display:none}}

/* Owner-only live connection */
.admin-setup{display:none;margin-bottom:34px;border:1px solid #3d386e;border-radius:22px;padding:26px;background:linear-gradient(145deg,#141326,#0b0f0c 62%)}
.admin-setup.visible{display:block}
.admin-setup-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}
.admin-setup-head h1{font:900 clamp(27px,4vw,42px)/1 Montserrat;letter-spacing:-.045em;margin:0}
.admin-setup-head p:last-child{font-size:11px;color:#8d9690;margin:10px 0 0}
.setup-status{border:1px solid #3f3a70;background:#1c1a33;color:#b8b4ed;border-radius:100px;padding:8px 11px;font:700 9px Montserrat;white-space:nowrap}
.setup-status.connected{border-color:#285536;background:#122319;color:#87cc99}
.admin-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.admin-panel{border:1px solid #2b342e;background:#0d110f;border-radius:16px;padding:20px}
.admin-panel h2{font:900 18px/1.1 Montserrat;margin:0}
.admin-panel>p:not(.eyebrow){font-size:9px;line-height:1.6;color:#7f8983;margin:9px 0 18px}
.admin-panel .primary-btn,.admin-panel .secondary-btn{width:100%}
.client-panel{grid-column:1/-1}.admin-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-panel-heading .eyebrow{margin-bottom:7px}.mini-connection{border:1px solid #353d38;border-radius:100px;color:#7f8983;padding:6px 8px;font:700 7px Montserrat;white-space:nowrap}.mini-connection.connected{border-color:#285536;background:#122319;color:#87cc99}.frame-admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.frame-admin-actions .secondary-btn{text-align:center;text-decoration:none;padding:13px}.frame-admin-actions [hidden]{display:none}
.preview-client{display:grid;grid-template-columns:1fr minmax(220px,.7fr) auto;align-items:center;gap:12px;border-top:1px solid #2c2b43;margin-top:20px;padding-top:20px}
.preview-client b,.preview-client span{display:block}.preview-client b{font:800 11px Montserrat}.preview-client span{font-size:8px;color:#7f8983;margin-top:4px}
.preview-client input{width:100%;border:1px solid #303a33;border-radius:10px;background:#101411;color:#f4f6f3;padding:12px 13px;font:500 11px Montserrat;outline:0}
.private-pill.live{border-color:#3f3a70;color:#b8b4ed}.private-pill.live i{background:#615bae}
@media(max-width:900px){.admin-setup-grid{grid-template-columns:1fr}.preview-client{grid-template-columns:1fr}}
@media(max-width:560px){.admin-setup{padding:19px}.admin-setup-head{flex-direction:column}.setup-status{white-space:normal}.preview-client .primary-btn{width:100%}}

/* Three-card dashboard after removing the average-turnaround tracker. */
@media(min-width:1101px){.metrics-grid{grid-template-columns:1.45fr repeat(2,1fr)}}
@media(min-width:801px) and (max-width:1100px){.metrics-grid{grid-template-columns:1.4fr 1fr 1fr}.metric-card:last-child{display:flex}}
@media(max-width:800px){.metric-card:last-child{display:flex}}

/* Cleaner client-facing video library and review state. */
.video-title-row{display:flex;align-items:center;gap:8px;min-width:0}.video-title-row b{flex:1;min-width:0}.rename-video,.rename-drawer{border:0;background:transparent;color:#817bc9;cursor:pointer;border-radius:7px;display:grid;place-items:center}.rename-video{width:25px;height:25px;font-size:13px;opacity:.72}.rename-video:hover,.rename-video:focus-visible,.rename-drawer:hover,.rename-drawer:focus-visible{background:#201e38;color:#c1bdf3;opacity:1;outline:none}.video-info>span{margin-top:8px}.video-info>span>span:first-child{font-size:9px;color:#858f89}.drawer-title-block{flex:1;min-width:0}.drawer-title-display{display:flex;align-items:center;gap:9px}.drawer-title-display h2{min-width:0;overflow-wrap:anywhere}.rename-drawer{width:32px;height:32px;font-size:15px;flex:0 0 auto}.title-edit-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center}.title-edit-form input{min-width:0;border:1px solid #4b466f;border-radius:10px;background:#111512;color:#fff;padding:11px 12px;font:700 13px Montserrat;outline:0}.title-edit-form input:focus{border-color:#817bc9;box-shadow:0 0 0 3px rgba(97,91,174,.2)}.title-edit-form .primary-btn,.title-edit-form .secondary-btn{padding:11px 12px}.review-meta{grid-template-columns:repeat(2,1fr)}.review-meta #drawerStatus{display:inline-block;margin-top:7px;width:max-content}.review-actions .primary-btn{background:#171c19;border-color:#333d36;color:#f2f5f1}.review-actions button.selected{cursor:default}.review-actions #approveVideo.selected{background:#15281b;border-color:#2f5b3b;color:#86ca98}
.thumb{position:relative;overflow:hidden}.video-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.thumb .play{position:relative;z-index:2;box-shadow:0 6px 22px rgba(0,0,0,.3)}
@media(max-width:520px){.title-edit-form{grid-template-columns:1fr 1fr}.title-edit-form input{grid-column:1/3}.rename-video{opacity:1}.review-meta{grid-template-columns:1fr 1fr}.review-meta div{border-bottom:0}.review-meta div:first-child{border-right:1px solid var(--line)}}

/* Re-edit handoff: Frame.io for precise notes, portal for general context. */
.frame-guidance{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;border:1px solid #3d386e;background:#17152d;border-radius:12px;padding:14px;margin-bottom:17px}.frame-guidance>span{width:28px;height:28px;border-radius:50%;background:#615bae;color:#fff;display:grid;place-items:center;font:900 13px Montserrat}.frame-guidance b{display:block;font:700 11px Montserrat;color:#f3f2ff}.frame-guidance p{margin:6px 0 0;color:#9c98c8;font-size:10px;line-height:1.55}.saved-reedit-note{margin-top:14px;border-left:3px solid #615bae;background:#111512;border-radius:0 10px 10px 0;padding:12px 14px}.saved-reedit-note small{font:700 7px Montserrat;letter-spacing:.1em;color:#918bd7}.saved-reedit-note p{margin:6px 0 0;color:#c4cbc6;font-size:10px;line-height:1.55;white-space:pre-wrap}

/* Cleaner owner preview, video library, and review panel. */
.owner-setup-actions{display:flex;align-items:center;gap:8px}.owner-setup-actions .secondary-btn{padding:9px 12px}.admin-setup-body[hidden]{display:none}.admin-setup:has(.admin-setup-body[hidden]){padding:17px 20px}.admin-setup:has(.admin-setup-body[hidden]) .admin-setup-head{align-items:center;margin-bottom:0}.admin-setup:has(.admin-setup-body[hidden]) .admin-setup-head h1{font-size:20px}.admin-setup:has(.admin-setup-body[hidden]) .admin-setup-head p:last-child{display:none}
.video-library{gap:16px}.video-library .video-card{padding:7px;border-radius:14px;transition:border-color .18s,transform .18s}.video-library .video-card:hover{transform:translateY(-2px);border-color:#4b466f}.video-library .thumb{height:auto;aspect-ratio:16/9}.video-thumbnail{opacity:0;transition:opacity .2s}.thumb.preview-ready .video-thumbnail{opacity:1}.thumb.preview-ready:before,.thumb.preview-ready:after{display:none}.video-library .video-info{padding:11px 6px 7px}.video-library .video-info b{font-size:13px}.video-info>span>span:first-child{font-size:11px}.video-library .status-pill{font-size:9px}.video-library .play{width:34px;height:34px;background:rgba(20,18,40,.82);color:#fff;backdrop-filter:blur(7px)}
.batch-count{position:absolute;right:8px;bottom:8px;z-index:3;border:1px solid rgba(255,255,255,.14);border-radius:100px;background:rgba(5,7,6,.82);backdrop-filter:blur(8px);color:#f5f7f4;padding:5px 7px;font:700 9px Montserrat;box-shadow:0 4px 14px rgba(0,0,0,.24)}
.review-drawer{padding:24px}.drawer-head{margin-bottom:18px}.frame-stage{height:315px}.review-meta{margin:14px 0}.review-actions button{min-height:43px}.review-note{font-size:10px}.admin-frame{margin-top:14px}.admin-frame summary{cursor:pointer;font:700 9px Montserrat;color:#8c958f;list-style:none}.admin-frame summary::-webkit-details-marker{display:none}.admin-frame summary:before{content:"＋";margin-right:7px;color:#918bd7}.admin-frame[open] summary:before{content:"−"}.admin-frame-fields{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:11px}.admin-frame-fields input{min-width:0}.admin-frame-fields button{padding:0 12px}
@media(max-width:700px){.owner-setup-actions{width:100%;justify-content:space-between}.admin-setup:has(.admin-setup-body[hidden]) .admin-setup-head{align-items:flex-start}.video-library .video-info b{font-size:12px}}

/* Feedback is the re-edit action; individual Frame.io assets stay grouped in Monday. */
.review-actions{grid-template-columns:1fr}.feedback-panel{margin-top:10px;border:1px solid #2d352f;background:#0e1210;border-radius:14px;padding:14px}.feedback-panel .frame-guidance{margin-bottom:14px}.feedback-panel .field{margin-bottom:10px}.feedback-panel textarea{min-height:94px;line-height:1.55}.automation-btn{width:100%;margin-top:10px;border:1px solid #4c477f;border-radius:10px;background:#242143;color:#c4c1ef;padding:12px;font:800 10px Montserrat;cursor:pointer}.automation-btn:hover{background:#2d2950}.automation-btn[hidden]{display:none}.automation-status{display:block;color:#87cc99;font-size:8px;line-height:1.5;margin-top:8px}.batch-count{max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* One portal card equals one Frame.io file. The wider, fixed review viewport
   opens that file directly, so Frame.io shows the player and comments without
   the batch asset browser or its horizontal scrollbar. */
.review-drawer{width:min(820px,100%)}
.frame-stage{height:430px;display:block;overscroll-behavior:contain}
.frame-stage iframe{display:block;overflow:hidden}
@media(max-width:800px){.frame-stage{height:390px}}
@media(max-width:520px){.frame-stage{height:330px}}

/* Direct package checkout and flexible credit purchases. */
.billing-current{display:grid;grid-template-columns:minmax(240px,1.6fr) .65fr .65fr auto;align-items:center;gap:24px;padding:22px 24px;margin-bottom:16px;background:linear-gradient(120deg,#111512,#121126);border-color:#393565}.billing-current h2{font:900 22px/1.05 Montserrat;margin:0}.billing-current>div>span{display:block;color:#838c86;font-size:10px;margin-top:7px}.billing-current-stat{border-left:1px solid #2c302f;padding-left:22px}.billing-current-stat strong,.billing-current-stat span{display:block}.billing-current-stat strong{font:900 22px/1 Montserrat;color:#fff}.billing-current-stat span{color:#7f8882;font-size:9px;margin-top:6px}.plan-market{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.package-card{position:relative;display:flex;flex-direction:column;min-height:395px;border:1px solid #29322c;border-radius:18px;background:#0d110f;padding:23px;overflow:hidden}.package-card.featured{border-color:#5d57a1;background:linear-gradient(155deg,#17152d,#0d110f 62%);box-shadow:0 16px 48px rgba(42,36,91,.2)}.package-card.current{border-color:#45652a;box-shadow:inset 0 0 0 1px #45652a}.package-card.current:after{content:"CURRENT";position:absolute;right:16px;top:16px;border:1px solid #45652a;border-radius:100px;background:#172515;color:#9bc170;padding:6px 8px;font:800 7px Montserrat;letter-spacing:.08em}.popular-label{position:absolute;right:-42px;top:22px;transform:rotate(37deg);width:155px;background:#615bae;color:#fff;text-align:center;padding:5px;font:800 7px Montserrat;letter-spacing:.08em}.package-price{display:flex;align-items:flex-end;gap:8px;margin:15px 0 5px}.package-price strong{font:900 36px/1 Montserrat;letter-spacing:-.05em}.package-price span{color:#858e88;font-size:10px;padding-bottom:5px}.package-card>small{color:#9d98cd;font-size:9px}.package-card ul{display:grid;gap:12px;list-style:none;margin:24px 0;padding:0}.package-card li{position:relative;padding-left:18px;color:#a4aca7;font-size:10px;line-height:1.45}.package-card li:before{content:"✓";position:absolute;left:0;color:#a9a4e9;font-weight:900}.package-card li b{color:#f4f6f3}.package-card .wide-btn{margin-top:auto}.package-card button:disabled{cursor:default;opacity:.7;transform:none;box-shadow:none}.billing-lower-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.credit-shop,.package-includes{padding:24px}.credit-shop{display:grid;grid-template-columns:1fr minmax(190px,.55fr);gap:22px}.credit-shop h2,.package-includes h2{font:900 20px/1.1 Montserrat;margin:0}.credit-shop p,.package-includes p{color:#87908a;font-size:10px;line-height:1.65}.credit-shop>.wide-btn{grid-column:2}.credit-purchase-controls label{display:block;color:#89928c;font:700 9px Montserrat;margin-bottom:8px}.credit-purchase-controls>div{display:grid;grid-template-columns:38px 1fr 38px;border:1px solid #343d37;border-radius:11px;overflow:hidden}.credit-purchase-controls button{border:0;background:#171c19;color:#c2c8c4;font-size:18px;cursor:pointer}.credit-purchase-controls input{min-width:0;border:0;border-left:1px solid #343d37;border-right:1px solid #343d37;background:#101411;color:#fff;text-align:center;padding:11px;font:800 13px Montserrat;outline:0}.credit-purchase-controls>strong{display:block;text-align:right;font:900 25px Montserrat;margin-top:12px}.package-includes ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0;margin:20px 0}.package-includes li{color:#c0c7c2;font-size:9px}.package-includes li:before{content:"✓";color:#a9a4e9;margin-right:7px}.package-includes .text-btn{padding:0;border:0;background:none;font:800 10px Montserrat;cursor:pointer}.billing-connection-note{text-align:center;color:#7e8781;font-size:9px;margin:14px 0 0}.billing-connection-note.connected{color:#87cc99}.checkout-summary{border:1px solid #373264;background:#17152d;border-radius:13px;padding:15px;margin-bottom:16px}.checkout-summary b,.checkout-summary span{display:block}.checkout-summary b{font:900 15px Montserrat}.checkout-summary span{color:#9b96c9;font-size:9px;margin-top:6px}.paypal-button-container{min-height:55px;border-radius:10px;overflow:hidden}.paypal-button-container>span{display:block;color:#858e88;text-align:center;padding:20px;font-size:10px}.checkout-legal{display:block;color:#717a74;font-size:8px;line-height:1.5;margin-top:10px}.ai-title-btn{width:100%;border:1px solid #4b466f!important;background:#201e38!important;color:#c3bff1!important;border-radius:9px!important;padding:11px!important;margin:12px 0 0;font:800 9px Montserrat!important;cursor:pointer}.ai-title-btn:disabled{opacity:.65;cursor:wait}
.credit-breakdown{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0 0 16px;overflow:hidden}.credit-breakdown>div{padding:17px 20px;border-right:1px solid #28302b}.credit-breakdown>div:last-child{border-right:0}.credit-breakdown span,.credit-breakdown strong{display:block}.credit-breakdown span{color:#7f8882;font:700 9px Montserrat}.credit-breakdown strong{margin-top:7px;font:900 21px/1 Montserrat}.credit-breakdown .credit-balance-total{background:#17152d}.credit-breakdown .credit-balance-total strong{color:#b6b1f0}
@media(max-width:1050px){.billing-current{grid-template-columns:1.3fr .7fr .7fr}.billing-current>button{grid-column:1/-1}.plan-market{grid-template-columns:1fr 1fr}.package-card:last-child{grid-column:1/-1}.billing-lower-grid{grid-template-columns:1fr}}
@media(max-width:700px){.billing-current{grid-template-columns:1fr 1fr}.billing-current>div:first-child,.billing-current>button{grid-column:1/-1}.billing-current-stat{border-left:0;border-top:1px solid #2c302f;padding:15px 0 0}.credit-breakdown{grid-template-columns:1fr 1fr}.credit-breakdown>div{border-bottom:1px solid #28302b}.credit-breakdown>div:nth-child(2){border-right:0}.credit-breakdown>div:nth-last-child(-n+2){border-bottom:0}.plan-market{grid-template-columns:1fr}.package-card:last-child{grid-column:auto}.package-card{min-height:auto}.credit-shop{grid-template-columns:1fr}.credit-shop>.wide-btn{grid-column:auto}.package-includes ul{grid-template-columns:1fr}.package-price strong{font-size:32px}}

/* Full review workspace: the selected Frame.io video and its comment timeline
   stay large and fixed while the portal actions live in a compact side rail. */
.review-drawer{top:18px;right:18px;bottom:18px;width:min(1460px,calc(100vw - 36px));padding:22px;border:1px solid #303933;border-radius:22px;overflow:hidden;transform:translateX(calc(100% + 40px))}
.review-drawer.show{transform:none}
.review-drawer .drawer-head{height:54px;margin:0 0 14px;align-items:flex-start}
.review-drawer .drawer-title-display h2{max-width:min(900px,70vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drawer-title-display[hidden],.title-edit-form[hidden]{display:none!important}
.mini-connection.attention{border-color:#8b5c27;background:#2a1d10;color:#ffbd70}
.ai-billing-link{display:inline-flex;margin-top:12px;text-decoration:none}.ai-billing-link[hidden]{display:none}
.drawer-header-actions{display:flex;align-items:center;gap:12px;margin-left:18px}.review-card-nav{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:9px}.review-card-nav button{height:34px;display:flex;align-items:center;gap:8px;border:1px solid #3b443e;border-radius:10px;background:#151b17;color:#f1f4f2;padding:0 12px;font:700 10px Montserrat;cursor:pointer}.review-card-nav button span{color:#aaa5ea;font:700 20px/1 Montserrat}.review-card-nav button:hover:not(:disabled),.review-card-nav button:focus-visible{border-color:#6861b5;background:#211f3c;outline:none}.review-card-nav button:disabled{opacity:.35;cursor:default}.review-card-nav small{min-width:52px;color:#8e9791;text-align:center;font:700 9px Montserrat}.review-card-nav.single{display:none}
.review-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;height:calc(100% - 68px);min-height:0}
.review-media{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0}
.review-media .frame-stage{height:auto;min-height:0;border:1px solid #252c28;border-radius:15px}
/* Frame.io owns the embedded UI, so crop its collection navigation strip from
   the portal view while preserving the full player and comment workspace. */
.review-media .frame-stage iframe{position:absolute!important;top:-52px!important;left:0!important;width:100%!important;height:calc(100% + 52px)!important;transform:none!important}
.review-workspace.card-change-next{animation:portal-card-next .24s ease-out}.review-workspace.card-change-previous{animation:portal-card-previous .24s ease-out}@keyframes portal-card-next{from{opacity:.35;transform:translateX(24px)}to{opacity:1;transform:none}}@keyframes portal-card-previous{from{opacity:.35;transform:translateX(-24px)}to{opacity:1;transform:none}}
.review-media .frame-fallback{padding:11px 3px 0}
.review-side{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 3px 8px 0;scrollbar-width:thin;scrollbar-color:#3c443f transparent}
.review-side .review-meta{margin:0 0 10px}
.review-side .feedback-panel{margin-top:10px}
.review-side .frame-guidance{padding:12px;margin-bottom:12px}
.review-side .frame-guidance p{font-size:9px}
.review-side .field textarea{min-height:112px}
@media(max-width:950px){.review-drawer{inset:0;width:100%;border-radius:0;padding:18px;overflow-y:auto}.review-drawer .drawer-head{height:auto;min-height:54px;gap:12px}.drawer-header-actions{margin-left:auto}.review-card-nav button b{display:none}.review-card-nav button{width:34px;justify-content:center;padding:0}.review-workspace{display:block;height:auto}.review-media .frame-stage{height:min(66vh,610px);min-height:430px}.review-side{overflow:visible;padding:0}.review-side .review-meta{margin-top:14px}}
@media(max-width:520px){.review-drawer{padding:14px}.review-drawer .drawer-title-display h2{max-width:42vw;font-size:21px}.review-card-nav{gap:5px}.review-card-nav small{min-width:40px}.drawer-header-actions{gap:6px}.review-media .frame-stage{height:58vh;min-height:360px}.frame-fallback span{display:none}.review-workspace{gap:10px}}

/* Zapier-compatible video intake. Clients see only the creative fields; account
   pricing, paid status, seller, editor pay, and credit rules are derived server-side. */
.request-dialog{width:min(620px,calc(100% - 24px));max-height:min(900px,calc(100vh - 32px));overflow:hidden}
.request-dialog form{max-height:min(900px,calc(100vh - 32px));overflow-y:auto;padding:28px 30px 30px;scrollbar-width:thin;scrollbar-color:#3b443e transparent}
.request-dialog .dialog-top{position:sticky;top:-28px;z-index:2;margin:-28px -30px 20px;padding:28px 30px 17px;background:rgba(11,15,12,.96);border-bottom:1px solid #252d28;backdrop-filter:blur(14px)}
.request-dialog .dialog-top h2{font-size:26px}
.request-dialog .credit-callout{margin-bottom:22px}
.request-dialog .field{margin-bottom:23px}
.request-dialog .field label{font-size:11px;margin-bottom:9px}
.required-note{color:#8d9690;font-weight:500}
.request-dialog .field input,.request-dialog .field select,.request-dialog .field textarea{min-height:43px;border-radius:8px;background:#0e1210;border-color:#353d38;padding:12px 13px;font-size:12px}
.request-dialog .field textarea{min-height:112px;line-height:1.55}
.request-dialog .field-template{margin:9px 0 0;color:#9aa39d;font-size:11px;line-height:1.65}
.field-help,.file-help{display:block;color:#747f78;font-size:9px;line-height:1.5;margin-top:7px;overflow-wrap:anywhere}
.file-drop{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px dashed #3b443e;border-radius:9px;background:#0d110f;padding:16px;cursor:pointer;transition:border-color .18s,background .18s}
.file-drop:hover,.file-drop:focus-visible,.file-drop.dragging{border-color:#7770c7;background:#17152d;outline:none}
.file-drop-copy{display:flex;align-items:center;gap:10px;min-width:0;color:#9ba49e}
.file-drop-copy i{font-style:normal;color:#aaa5e9;font-size:17px}
.file-drop-copy b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 11px Montserrat}
.file-drop .secondary-btn{flex:0 0 auto;padding:11px 15px;background:#151a17;color:#e7ebe8;border-color:#3b443e}
.request-dialog .dialog-actions{padding:0}.request-dialog .dialog-actions .primary-btn{min-height:43px;background:#615bae;color:#fff;font-size:12px}
.request-dialog .dialog-actions .primary-btn:hover{background:#7069c3}
@media(max-width:520px){.request-dialog form{padding:22px 18px 20px}.request-dialog .dialog-top{top:-22px;margin:-22px -18px 18px;padding:22px 18px 15px}.file-drop{align-items:stretch;flex-direction:column}.file-drop .secondary-btn{width:100%}}
.request-link{cursor:pointer;transition:background .16s,border-color .16s}.request-link:hover,.request-link:focus-visible{background:#141a16;outline:1px solid #615bae;outline-offset:-1px}.notification-item.new b{color:#fff}.notification-item.seen{opacity:.62}.notification-btn[aria-expanded="true"]{background:#211e3c;border-color:#615bae}
.status-re-edit-ready{background:#173429;color:#7ee2ad}

/* Owner-only credit reconciliation. It is intentionally read-only until the
   audited numbers are approved and the legacy Zaps are retired. */
.credit-audit-panel{grid-column:1/-1}.credit-audit-form{display:grid;grid-template-columns:1fr 190px;gap:10px;align-items:end}.credit-audit-form .field{margin:0}.credit-audit-result{margin-top:18px;border-top:1px solid #29312c;padding-top:18px}.credit-audit-result[hidden]{display:none}.credit-audit-summary{display:grid;grid-template-columns:150px 150px 1fr;border:1px solid #303934;border-radius:12px;overflow:hidden}.credit-audit-summary>div{padding:14px 16px;border-right:1px solid #303934}.credit-audit-summary>div:last-child{border-right:0}.credit-audit-summary span,.credit-audit-summary strong{display:block}.credit-audit-summary span{color:#7f8983;font:700 8px Montserrat;text-transform:uppercase;letter-spacing:.06em}.credit-audit-summary strong{margin-top:7px;font:900 18px/1.2 Montserrat}.credit-audit-summary .match strong{color:#87cc99}.credit-audit-summary .mismatch strong{color:#ffbd70;font-size:13px}.credit-audit-mode{color:#8c958f!important;margin:10px 0!important}.credit-audit-table-wrap{max-height:360px;overflow:auto;border:1px solid #29312c;border-radius:12px}.credit-audit-table-wrap table{width:100%;border-collapse:collapse;font-size:10px}.credit-audit-table-wrap th{position:sticky;top:0;background:#171c19;color:#8e9791;text-align:left;padding:10px;font:700 8px Montserrat}.credit-audit-table-wrap td{padding:10px;border-top:1px solid #252c28;color:#dce1de}.credit-audit-table-wrap td b,.credit-audit-table-wrap td small{display:block}.credit-audit-table-wrap td small{color:#747e78;font-size:8px;margin-top:4px}.credit-audit-table-wrap tr.excluded{opacity:.5}.credit-audit-table-wrap th:not(:first-child),.credit-audit-table-wrap td:not(:first-child){text-align:right}
@media(max-width:700px){.credit-audit-form{grid-template-columns:1fr}.credit-audit-summary{grid-template-columns:1fr 1fr}.credit-audit-summary>div:nth-child(2){border-right:0}.credit-audit-summary>div:last-child{grid-column:1/-1;border-top:1px solid #303934}.credit-audit-table-wrap{overflow-x:auto}.credit-audit-table-wrap table{min-width:560px}}

/* Owner-only per-client pricing. */
.pricing-email-row{display:grid;grid-template-columns:1fr auto;gap:8px}.pricing-email-row .secondary-btn{padding:0 18px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.money-input{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid #303934;border-radius:10px;background:#0c100e;overflow:hidden}.money-input:focus-within{border-color:#6b64bd}.money-input span{padding-left:13px;color:#8f9892;font:800 11px Montserrat}.money-input input{border:0!important;background:transparent!important;padding-left:6px!important}.pricing-panel .mini-connection.connected{color:#8ed09c}
@media(max-width:700px){.pricing-grid{grid-template-columns:1fr}.pricing-email-row{grid-template-columns:1fr}.pricing-email-row .secondary-btn{min-height:40px}}
.plan-market{grid-template-columns:repeat(4,1fr)}
@media(max-width:1050px){.plan-market{grid-template-columns:1fr 1fr}.package-card:last-child{grid-column:auto}}
@media(max-width:700px){.plan-market{grid-template-columns:1fr}}

/* Final dark-theme pass. Shared components originally inherited light prototype
   colors; keep every client-facing surface consistently black and accessible. */
.topbar{background:rgba(6,8,7,.92)}
.private-pill,.icon-btn,.secondary-btn,.search,.filter,.video-library .video-card,
dialog,.review-drawer{background-color:#101411;color:#f3f6f2}
.icon-btn,.mobile-menu{color:#e9eeea}
.metric-card>strong,.card-head h2,.request-copy b,.activity b,.video-info b{color:#f7f8f5}
.metric-icon.dark,.request-type,.activity-icon{background:#1a211d;color:#b6bdb8}
.request-item,.table-row{border-color:#252d28}
.status-production,.status-work{background:#242143;color:#b7b3f1}
.status-review{background:#332710;color:#f0c475}
.status-queued{background:#202722;color:#aeb7b1}
.status-correction{background:#351c20;color:#f29b95}
.status-completed,.status-approved{background:#15291b;color:#8bd09b}
.search input,.filter{color:#dce2de}
.table-head{background:#0a0d0b;color:#8d9690}
.credit-callout{background:#15152a;border-color:#39356b}
.credit-callout b{color:#b9b5ef}.credit-callout small{color:#9691c8}
.field input,.field select,.field textarea,.admin-frame input{color-scheme:dark}
.field input:focus,.field select:focus,.field textarea:focus,.admin-frame input:focus{
  border-color:#7770c7;box-shadow:0 0 0 3px rgba(97,91,174,.22)
}
.selected-video,.info-line,.admin-frame{background:#121714;color:#aab2ad}
.review-drawer,.request-dialog form{scrollbar-color:#3b443e transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid #918bd7;outline-offset:2px
}
.account-wrap{position:relative}.account-button{display:flex;align-items:center;gap:6px;padding:3px 5px 3px 3px;border:1px solid transparent;border-radius:12px;background:transparent;color:#d9dedb;cursor:pointer}.account-button:hover,.account-button[aria-expanded="true"]{border-color:#303833;background:#121713}.account-chevron{font-size:12px;color:#858e88}.account-menu{position:absolute;right:0;top:45px;width:225px;padding:8px;border:1px solid #2b332e;border-radius:14px;background:#0d110f;box-shadow:0 20px 60px rgba(0,0,0,.45);z-index:45}.account-identity{padding:11px 12px 13px;border-bottom:1px solid #252c28}.account-identity b,.account-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-identity b{font:700 12px Montserrat;color:#f7f8f6}.account-identity small{margin-top:5px;font:500 9px Montserrat;color:#8d9690}.account-menu button{width:100%;margin-top:7px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#e7ebe8;text-align:left;font:700 10px Montserrat;cursor:pointer}.account-menu button:hover{background:#1b1f2f;color:#bbb7f1}.account-menu button span{margin-right:8px;color:#8f88dc}
@media(max-width:520px){
  .top-actions{gap:7px}.icon-btn{width:38px;height:38px}.topbar{height:64px}
  main{padding-top:25px}.hero-row{margin-bottom:24px}.hero-row h1,.section-head h1{font-size:34px}
}