:root{
  --ink:#120b08;
  --espresso:#1b110d;
  --brown:#2b1f1a;
  --brown-2:#34241e;
  --panel:rgba(52,36,30,.88);
  --panel-strong:#33231d;
  --cream:#f8f3ed;
  --cream-2:#f4e7d7;
  --copper:#d8b08c;
  --muted:#c6b8ae;
  --dim:#8b7b71;
  --line:rgba(248,243,237,.15);
  --line-soft:rgba(248,243,237,.09);
  --iri:linear-gradient(118deg,#f9ddd8 0%,#eef0e9 21%,#dceff6 40%,#f3e7c5 58%,#eadcf0 78%,#f6dbd5 100%);
  --shadow:0 28px 80px rgba(0,0,0,.35);
  --radius:32px;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--ink);color-scheme:dark}
body{margin:0;min-height:100vh;background:
  radial-gradient(circle at 10% 16%,rgba(216,176,140,.11),transparent 30%),
  radial-gradient(circle at 88% 18%,rgba(226,218,242,.055),transparent 24%),
  linear-gradient(180deg,#21140f 0%,#160d0a 56%,#100907 100%);
  color:var(--cream);font-family:"Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.018em;overflow-x:hidden}
button,input{font:inherit}.hidden{display:none!important}button{color:inherit}
body.motion-paused .ambient i{animation-play-state:paused}.play-icon{display:none}body.motion-paused .pause-icon{display:none}body.motion-paused .play-icon{display:block}

.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.ambient:before{content:"";position:absolute;width:min(1180px,118vw);aspect-ratio:1402/768;left:50%;top:5%;transform:translateX(-50%);background:url('/images/hero-cloud-transparent.png') center/contain no-repeat;opacity:.13;filter:blur(1.5px) saturate(1.16);mix-blend-mode:screen;animation:cloud-breathe 18s ease-in-out infinite alternate}
.ambient:after{content:"";position:absolute;left:-20%;right:-20%;height:380px;bottom:-160px;background:
  radial-gradient(ellipse at 14% 74%,rgba(220,205,190,.32),transparent 30%),
  radial-gradient(ellipse at 36% 83%,rgba(208,235,242,.18),transparent 24%),
  radial-gradient(ellipse at 65% 80%,rgba(239,209,230,.17),transparent 24%),
  radial-gradient(ellipse at 88% 72%,rgba(216,176,140,.24),transparent 31%);filter:blur(19px);opacity:.82}
.ambient i{position:absolute;border-radius:50%;filter:blur(55px);opacity:.11;animation:float 12s ease-in-out infinite alternate}
.ambient i:nth-child(1){width:310px;height:190px;right:-120px;top:25%;background:#e6cdd7}
.ambient i:nth-child(2){width:250px;height:170px;left:-120px;bottom:18%;background:#d8edf4;animation-delay:-4s}
.ambient i:nth-child(3){width:210px;height:150px;right:12%;bottom:-30px;background:#f2dec5;animation-delay:-7s}
@keyframes float{to{transform:translate3d(18px,-14px,0) scale(1.08)}}
@keyframes cloud-breathe{to{transform:translateX(-50%) translate3d(12px,-8px,0) scale(1.035);opacity:.18}}

.app-shell{position:relative;z-index:2;width:min(100%,760px);min-height:100svh;margin:0 auto;padding:calc(env(safe-area-inset-top) + 22px) 24px calc(env(safe-area-inset-bottom) + 126px)}
.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:88px}
.brand-lockup{border:0;background:none;padding:0;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer}
.brand-icon{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.25))}
.brand-words{display:grid;gap:7px}.brand-wordmark{width:225px;max-width:48vw;height:auto;display:block}.brand-words span{font-size:15px;letter-spacing:.25em;color:var(--cream);padding-left:5px}
.header-actions{display:flex;gap:12px}.round-btn,.motion-toggle{border:1px solid rgba(248,243,237,.2);background:rgba(43,31,26,.72);backdrop-filter:blur(18px);border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.round-btn{width:58px;height:58px}.round-btn svg{width:28px;height:28px;fill:none;stroke:var(--cream);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.loading .refresh-icon{animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

.app-content{padding:66px 8px 0}.screen-head{position:relative;margin-bottom:34px}.screen-head .kicker,.kicker{font-size:13px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:#e7c9b9;margin:0 0 18px}.screen-head h1{font-size:clamp(46px,12vw,70px);line-height:.94;letter-spacing:-.065em;margin:0;font-weight:700}.screen-head .subtitle{font-size:21px;line-height:1.38;color:var(--muted);margin:18px 0 0;max-width:610px}.screen-head .star{position:absolute;width:82px;height:82px;object-fit:contain;right:2px;top:18px;filter:drop-shadow(0 9px 24px rgba(0,0,0,.34))}
.sync{font-size:11px;color:var(--dim);margin-top:16px}

.glance{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0}.glance-card{min-height:168px;border:1px solid rgba(248,243,237,.18);background:rgba(52,36,30,.65);border-radius:28px;padding:24px 20px;display:flex;flex-direction:column;justify-content:space-between}.glance-card.primary{background:var(--iri);color:var(--ink);border:0}.glance-card strong{font-size:54px;line-height:1;font-weight:700;letter-spacing:-.06em}.glance-card span{font-size:18px;line-height:1.25}
.notice-card,.section-card,.list-card,.filter-bar{border:1px solid rgba(248,243,237,.18);background:rgba(52,36,30,.77);backdrop-filter:blur(18px);border-radius:30px}.notice-card{display:flex;align-items:center;gap:18px;padding:25px 28px;margin-bottom:30px;font-size:20px;color:var(--cream-2)}.attention-card{width:100%;text-align:left;cursor:pointer;font:inherit;appearance:none;-webkit-appearance:none}.attention-card:active{transform:scale(.995)}.attention-arrow{margin-left:auto;font-size:22px;color:var(--muted);line-height:1}.notice-check{width:30px;height:18px;border-left:4px solid var(--cream);border-bottom:4px solid var(--cream);transform:rotate(-45deg);margin-top:-8px}.section-card{padding:26px;margin:0 0 18px}.section-card.feature{border-color:rgba(216,176,140,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-title h2{font-size:28px;line-height:1;margin:0;letter-spacing:-.04em}.section-title span{color:var(--muted);font-size:13px}.project-name{font-weight:700;font-size:18px}.project-service{color:var(--muted);font-size:13px;line-height:1.4;margin-top:8px}.project-bottom{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:18px;font-size:13px}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:rgba(248,243,237,.04);border-radius:999px;padding:7px 10px;color:var(--cream-2);font-size:11px}.pill:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--copper)}.money-value{font-variant-numeric:tabular-nums}.quiet{color:var(--muted)}

.bottom-nav{position:fixed;z-index:50;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom) + 14px);width:min(calc(100% - 28px),720px);height:98px;padding:8px;border:1px solid rgba(248,243,237,.24);background:rgba(43,31,26,.92);backdrop-filter:blur(28px);border-radius:35px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;box-shadow:0 22px 60px rgba(0,0,0,.35)}
.bottom-nav button{border:0;background:transparent;border-radius:28px;color:var(--muted);padding:10px 4px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:13px;font-weight:500;min-width:0}.bottom-nav button.active{background:var(--iri);color:var(--ink);font-weight:700}.nav-icon{height:29px;display:grid;place-items:center}.nav-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.money-glyph{font-size:26px;font-weight:700}
.motion-toggle{position:fixed;z-index:55;right:max(24px,calc((100vw - 720px)/2 + 24px));bottom:calc(env(safe-area-inset-bottom) + 116px);width:52px;height:52px}.motion-toggle svg{width:23px;height:23px;fill:none;stroke:var(--cream);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.page-actions{display:flex;gap:12px;margin:-8px 0 26px}.action-btn{border:1px solid rgba(248,243,237,.2);background:rgba(52,36,30,.75);color:var(--cream);border-radius:20px;padding:14px 18px;font-size:14px;cursor:pointer}.action-btn.iri{background:var(--iri);color:var(--ink);border:0;font-weight:700}
.accordion{border:1px solid rgba(248,243,237,.18);border-radius:28px;background:rgba(52,36,30,.72);overflow:hidden;margin-bottom:18px}.accordion>button{width:100%;border:0;background:none;color:inherit;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left}.accordion>button strong{font-size:22px}.accordion-count{border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--muted);font-size:12px;margin-left:10px}.accordion-body{border-top:1px solid var(--line-soft);padding:0 22px 12px}.accordion.closed .accordion-body{display:none}.chev{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:.2s}.accordion.closed .chev{transform:rotate(-45deg)}

.searchbox,.filter-bar{width:100%;display:flex;align-items:center;gap:12px;padding:15px 18px;margin-bottom:14px}.searchbox{border:1px solid rgba(248,243,237,.2);background:rgba(52,36,30,.72);border-radius:22px}.searchbox svg{width:22px;height:22px;fill:none;stroke:var(--cream-2);stroke-width:1.8}.searchbox input{flex:1;min-width:0;border:0;background:transparent;color:var(--cream);outline:none;font-size:16px}.searchbox input::placeholder{color:var(--dim)}
.list-card{overflow:hidden;margin-bottom:14px}.list-row{padding:19px 20px;border-top:1px solid var(--line-soft);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;cursor:pointer}.list-row:first-child{border-top:0}.list-row strong{font-size:16px}.list-row .meta{font-size:12px;color:var(--muted);line-height:1.45;margin-top:6px}.list-row .right{text-align:right;font-size:12px;color:var(--muted)}.list-row .right b{display:block;color:var(--cream);font-size:14px;margin-bottom:4px}.arrow{font-size:26px;color:var(--muted)}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.stat{border:1px solid rgba(248,243,237,.18);border-radius:26px;background:rgba(52,36,30,.68);padding:20px}.stat label{display:block;font-size:11px;color:var(--muted);margin-bottom:10px}.stat strong{font-size:28px;letter-spacing:-.04em}
.empty{padding:26px 4px;color:var(--muted);font-size:14px}.link{color:var(--cream);text-decoration:none;border-bottom:1px solid rgba(248,243,237,.3)}

.auth{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:26px;background:radial-gradient(circle at 70% 10%,rgba(216,176,140,.12),transparent 32%),var(--ink)}.auth-card{width:min(540px,100%);border:1px solid rgba(248,243,237,.16);background:rgba(43,31,26,.82);backdrop-filter:blur(24px);border-radius:34px;padding:34px;box-shadow:var(--shadow)}.auth-brand{display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:14px;row-gap:10px;align-items:center;margin-bottom:42px}.auth-icon{width:56px;height:auto;object-fit:contain;display:block}.auth-wordmark{width:min(100%,290px);height:auto;object-fit:contain;display:block;min-width:0}.auth-brand span{grid-column:2;width:auto;padding-left:0;font-size:13px;letter-spacing:.25em}.auth-card h1{font-size:46px;line-height:.98;letter-spacing:-.06em;margin:0}.auth-copy{color:var(--muted);font-size:16px;line-height:1.5;margin:18px 0 28px}.form{display:grid;gap:10px}.form label{font-size:11px;color:var(--muted)}.form input{border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.14);padding:14px 15px;color:var(--cream);outline:none}.form input:focus{border-color:rgba(216,176,140,.55);box-shadow:0 0 0 4px rgba(216,176,140,.06)}.primary-btn{margin-top:8px;border:0;border-radius:18px;background:var(--iri);color:var(--ink);padding:15px;font-weight:800;cursor:pointer}.error{min-height:18px;color:#e3b1aa;font-size:12px;margin:0}

.sheet{position:fixed;inset:0;z-index:80}.sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.55);backdrop-filter:blur(5px)}.sheet-panel{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,760px);max-height:86svh;overflow:auto;background:#241712;border:1px solid rgba(248,243,237,.16);border-bottom:0;border-radius:34px 34px 0 0;padding:14px 24px calc(env(safe-area-inset-bottom) + 28px);box-shadow:0 -20px 70px rgba(0,0,0,.45)}.sheet-handle{width:42px;height:5px;border-radius:999px;background:rgba(248,243,237,.22);margin:0 auto 24px}.sheet-title{font-size:30px;line-height:1.05;letter-spacing:-.045em;margin:0 0 7px}.sheet-sub{font-size:13px;color:var(--muted);margin:0 0 24px}.sheet-section{padding:18px 0;border-top:1px solid var(--line-soft)}.sheet-section:first-of-type{border-top:0}.sheet-section label{display:block;color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:7px}.sheet-section p{margin:0;font-size:15px;line-height:1.45}.sheet-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.sheet-actions button,.sheet-actions a{border:1px solid var(--line);border-radius:18px;padding:12px 15px;background:rgba(248,243,237,.04);color:var(--cream);text-decoration:none;font-size:13px}.sheet-actions .primary{background:var(--iri);color:var(--ink);border:0;font-weight:700}.global-results{display:grid;gap:10px}.global-result{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(248,243,237,.03);cursor:pointer}.global-result b{display:block}.global-result small{color:var(--muted)}
.toast{position:fixed;z-index:120;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom) + 130px);background:var(--cream);color:var(--ink);border-radius:999px;padding:11px 16px;font-size:12px;box-shadow:var(--shadow);white-space:nowrap}

@media(max-width:620px){
  .app-shell{padding-left:18px;padding-right:18px}.brand-icon{width:48px;height:48px}.brand-wordmark{width:188px}.brand-words span{font-size:13px}.round-btn{width:52px;height:52px}.round-btn svg{width:25px;height:25px}.app-content{padding-top:58px}.screen-head h1{font-size:54px}.screen-head .subtitle{font-size:18px}.screen-head .star{width:72px;height:72px;right:0;top:24px}.glance-card{min-height:145px;padding:20px 17px}.glance-card strong{font-size:48px}.glance-card span{font-size:16px}.notice-card{padding:22px;font-size:17px}.section-card{padding:22px}.bottom-nav{height:92px}.bottom-nav button{font-size:12px}.stats-grid{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.motion-toggle{right:24px;bottom:calc(env(safe-area-inset-bottom) + 112px)}
}
@media(max-width:430px){
  .app-shell{padding-left:14px;padding-right:14px}.app-header{min-height:78px}.brand-lockup{gap:10px}.brand-icon{width:42px;height:42px}.brand-wordmark{width:158px;max-width:43vw}.brand-words{gap:5px}.brand-words span{font-size:11px}.header-actions{gap:8px}.round-btn{width:46px;height:46px}.round-btn svg{width:22px;height:22px}.app-content{padding:48px 2px 0}.screen-head{margin-bottom:26px}.screen-head .kicker{font-size:11px;margin-bottom:15px}.screen-head h1{font-size:46px}.screen-head .subtitle{font-size:17px;margin-top:14px}.screen-head .star{width:62px;height:62px;top:25px}.glance{gap:7px;margin:26px 0}.glance-card{min-height:136px;border-radius:24px;padding:18px 13px}.glance-card strong{font-size:45px}.glance-card span{font-size:15px}.notice-card{border-radius:25px;padding:19px 18px}.section-card{border-radius:26px;padding:20px}.section-title h2{font-size:25px}.bottom-nav{width:calc(100% - 18px);height:86px;border-radius:30px;bottom:calc(env(safe-area-inset-bottom) + 9px);padding:6px}.bottom-nav button{gap:5px;border-radius:24px;font-size:11px}.nav-icon svg{width:24px;height:24px}.money-glyph{font-size:23px}.motion-toggle{width:47px;height:47px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 103px)}
}

.progress-row{display:flex;align-items:center;gap:14px;margin:20px 0 4px;color:var(--muted);font-size:12px}.progress-row span{white-space:nowrap}.progress-track{height:7px;flex:1;border-radius:999px;background:rgba(248,243,237,.09);overflow:hidden}.progress-track i{display:block;height:100%;border-radius:inherit;background:var(--iri)}
.sheet-work-list{display:grid;gap:9px;margin-top:14px}.sheet-work{width:100%;border:1px solid var(--line-soft);background:rgba(255,255,255,.025);color:var(--cream);border-radius:18px;padding:14px 15px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer}.sheet-work b{display:block;font-size:14px}.sheet-work small{display:block;color:var(--muted);margin-top:4px}.sheet-work-status{font-size:11px;color:var(--copper);text-align:right;max-width:42%}
.shared-link-card{cursor:pointer}
@media(max-width:620px){
  .ambient:before{width:165vw;top:12%;opacity:.12}
  .auth-brand{grid-template-columns:52px minmax(0,1fr);column-gap:12px}
  .auth-icon{width:50px}
  .auth-wordmark{width:min(100%,270px)}
}
@media(max-width:430px){
  .ambient:before{width:190vw;top:15%;opacity:.11}
  .auth-card{padding:30px 26px}
  .auth-brand{grid-template-columns:48px minmax(0,1fr);margin-bottom:36px}
  .auth-icon{width:46px}
  .auth-wordmark{width:min(100%,245px)}
  .auth-brand span{font-size:12px}
}

.client-identity-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:18px}
.client-identity-grid .sheet-section{border-top:0;padding-top:0}
.client-contact-actions{margin-top:14px}
.client-questionnaire{border:1px solid var(--line);border-radius:20px;background:rgba(248,243,237,.035);overflow:hidden}
.client-questionnaire summary{list-style:none;cursor:pointer;padding:15px 16px;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.client-questionnaire summary::-webkit-details-marker{display:none}
.client-questionnaire summary:after{content:"+";font-size:21px;color:var(--copper);font-weight:400}
.client-questionnaire[open] summary:after{content:"−"}
.questionnaire-copy{border-top:1px solid var(--line-soft);padding:18px 16px 20px;color:var(--cream-2);font-size:13px;line-height:1.7}
@media(max-width:520px){.client-identity-grid{grid-template-columns:1fr;gap:0}.client-identity-grid .sheet-section+ .sheet-section{border-top:1px solid var(--line-soft);padding-top:18px}}


/* Client portal */
.client-portal-body{min-height:100svh;padding-bottom:120px}
.client-portal-top{position:sticky;top:0;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(100%,860px);margin:0 auto;padding:calc(env(safe-area-inset-top) + 15px) 22px 14px;background:linear-gradient(180deg,rgba(18,11,8,.96),rgba(18,11,8,.76) 70%,transparent);backdrop-filter:blur(16px)}
.client-portal-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--cream)}
.client-portal-brand img{width:48px;height:48px;object-fit:contain;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.client-portal-brand span{display:grid;gap:4px}.client-portal-brand b{font-size:25px;letter-spacing:-.055em}.client-portal-brand small{font-size:9px;letter-spacing:.21em;color:var(--muted)}
.client-logout{border:1px solid var(--line);background:rgba(52,36,30,.68);color:var(--cream);border-radius:999px;padding:10px 13px;font-size:11px;cursor:pointer}
.client-portal-shell{position:relative;z-index:2;width:min(100%,820px);margin:0 auto;padding:36px 22px 30px}
.client-screen>.client-kicker,.client-auth-card>.client-kicker{font-size:11px;letter-spacing:.18em;color:#e7c9b9;font-weight:800;margin:0 0 15px}
.client-screen>h1,.client-auth-card h1{font-size:clamp(48px,10vw,74px);line-height:.92;letter-spacing:-.065em;margin:0 0 30px}
.client-page-intro{max-width:610px;color:var(--muted);font-size:18px;line-height:1.55;margin:-10px 0 28px}
.client-project-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-top:1px solid var(--line-soft);padding-top:24px}
.client-project-title h2{font-size:30px;line-height:1.03;letter-spacing:-.045em;margin:0}.client-project-title p{color:var(--muted);font-size:14px;line-height:1.45;margin:9px 0 0}
.client-status{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:rgba(248,243,237,.04);color:var(--cream-2);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:7px 10px;white-space:nowrap}
.client-status.is-good{background:linear-gradient(118deg,rgba(249,221,216,.92),rgba(220,239,246,.9),rgba(243,231,197,.9));color:var(--ink);border:0}.client-status.is-wait{border-color:rgba(216,176,140,.42);color:#efd0b8}
.client-progress-card{margin:26px 0 18px;border:1px solid var(--line);border-radius:28px;padding:22px;background:rgba(52,36,30,.7);backdrop-filter:blur(20px)}
.client-progress-top,.client-progress-meta{display:flex;justify-content:space-between;gap:18px;align-items:center}.client-progress-top span{font-size:13px;color:var(--muted)}.client-progress-top strong{font-size:23px}.client-progress-track{height:9px;background:rgba(248,243,237,.08);border-radius:999px;overflow:hidden;margin:18px 0 12px}.client-progress-track i{display:block;height:100%;border-radius:inherit;background:var(--iri)}.client-progress-meta{font-size:11px;color:var(--dim)}
.client-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.client-info-card,.client-scope-card{border:1px solid var(--line);border-radius:27px;background:rgba(52,36,30,.7);padding:22px}.client-info-card.needs-you{background:var(--iri);color:var(--ink);border:0}.client-info-card small,.client-scope-card small,.client-drive-card small,.client-note-card small{display:block;font-size:9px;letter-spacing:.16em;font-weight:800;color:var(--muted);margin-bottom:14px}.client-info-card.needs-you small{color:rgba(18,11,8,.62)}.client-info-card h3,.client-drive-card h3,.client-note-card h3{font-size:20px;line-height:1.12;letter-spacing:-.035em;margin:0 0 9px}.client-info-card p,.client-drive-card p,.client-scope-card p{font-size:13px;line-height:1.48;margin:0;color:var(--muted)}.client-info-card.needs-you p{color:rgba(18,11,8,.7)}
.client-scope-card{margin-top:12px}.client-scope-card p{font-size:15px;color:var(--cream-2)}
.client-portal-nav{position:fixed;z-index:60;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom) + 12px);width:min(calc(100% - 24px),780px);height:86px;border:1px solid rgba(248,243,237,.22);background:rgba(43,31,26,.94);backdrop-filter:blur(28px);border-radius:31px;padding:6px;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 24px 70px rgba(0,0,0,.4)}
.client-portal-nav button{border:0;background:transparent;color:var(--muted);border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;cursor:pointer}.client-portal-nav button span{font-size:20px;line-height:1}.client-portal-nav button.active{background:var(--iri);color:var(--ink);font-weight:800}
.client-work-list,.client-invoice-list{display:grid;gap:13px}.client-work-card,.client-invoice-card{border:1px solid var(--line);background:rgba(52,36,30,.74);border-radius:28px;padding:22px;backdrop-filter:blur(18px)}
.client-work-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.client-work-top small,.client-invoice-card small{font-size:9px;letter-spacing:.15em;color:var(--dim)}.client-work-top h3,.client-invoice-card h3{font-size:21px;line-height:1.13;margin:6px 0 0;letter-spacing:-.035em}.client-work-meta{font-size:12px;color:var(--muted);margin:14px 0 0}
.client-work-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.client-work-actions a,.client-work-actions button,.client-change-form button,.client-note-card button,.client-message-compose button,.client-auth-form button{border:1px solid var(--line);border-radius:17px;background:rgba(248,243,237,.04);color:var(--cream);padding:12px 14px;font-size:12px;text-decoration:none;cursor:pointer}.client-work-actions .client-approve,.client-change-form button,.client-note-card button,.client-message-compose button,.client-auth-form button{background:var(--iri);color:var(--ink);border:0;font-weight:800}.client-work-actions .client-changes{border-color:rgba(216,176,140,.45)}
.client-change-form{margin-top:14px;display:grid;gap:9px}.client-change-form textarea,.client-note-card textarea,.client-message-compose textarea,.client-auth-form input{width:100%;border:1px solid var(--line);border-radius:17px;background:rgba(0,0,0,.15);color:var(--cream);outline:none;padding:13px 14px;resize:vertical;min-height:94px}.client-auth-form input{min-height:auto;resize:none;font-size:16px}.client-change-form textarea:focus,.client-note-card textarea:focus,.client-message-compose textarea:focus,.client-auth-form input:focus{border-color:rgba(216,176,140,.55);box-shadow:0 0 0 4px rgba(216,176,140,.05)}
.client-file-list{display:grid;gap:10px}.client-file-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);background:rgba(52,36,30,.7);border-radius:23px;padding:18px 19px;color:var(--cream);text-decoration:none}.client-file-row small{display:block;font-size:9px;letter-spacing:.14em;color:var(--dim);margin-bottom:5px}.client-file-row b{font-size:15px}.client-file-row i{font-style:normal;font-size:21px;color:var(--muted)}
.client-drive-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--iri);color:var(--ink);border-radius:29px;padding:24px;text-decoration:none;margin-bottom:16px}.client-drive-card small,.client-drive-card p{color:rgba(18,11,8,.62)}.client-drive-card>span{font-size:32px}
.client-note-card{border:1px solid rgba(216,176,140,.36);background:rgba(52,36,30,.72);border-radius:28px;padding:22px;margin-top:20px}.client-note-card textarea{margin:8px 0 10px}
.client-message-thread{display:grid;gap:10px;margin-bottom:18px}.client-message{max-width:82%;border:1px solid var(--line);border-radius:22px;padding:14px 16px;background:rgba(52,36,30,.72)}.client-message.from-client{margin-left:auto;background:var(--iri);color:var(--ink);border:0}.client-message small{display:block;font-size:9px;letter-spacing:.06em;color:var(--dim);margin-bottom:7px}.client-message.from-client small{color:rgba(18,11,8,.55)}.client-message p{font-size:14px;line-height:1.5;margin:0}.client-message-type{display:inline-block;margin-top:9px;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.client-message-compose{position:sticky;bottom:104px;border:1px solid var(--line);background:rgba(43,31,26,.92);backdrop-filter:blur(20px);border-radius:26px;padding:12px;display:grid;gap:9px}.client-message-compose textarea{min-height:88px}
.client-money-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.client-money-summary>div{border:1px solid var(--line);border-radius:26px;padding:22px;background:rgba(52,36,30,.7)}.client-money-summary small{font-size:9px;letter-spacing:.15em;color:var(--dim)}.client-money-summary strong{display:block;font-size:31px;margin-top:10px}
.client-invoice-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.client-invoice-card p{font-size:12px;color:var(--muted);margin:8px 0 0}.client-invoice-amount{text-align:right}.client-invoice-amount b{font-size:21px}.client-invoice-amount span{display:block;font-size:10px;color:var(--muted);margin-top:6px}.client-invoice-card>a{grid-column:1/-1;width:max-content;color:var(--cream);font-size:12px;text-decoration:none;border-bottom:1px solid rgba(248,243,237,.28)}
.client-empty{border:1px dashed var(--line);border-radius:22px;padding:22px;color:var(--muted);font-size:13px}
.client-auth-wrap{min-height:calc(100svh - 150px);display:grid;place-items:center}.client-auth-card{width:min(100%,560px);border:1px solid var(--line);background:rgba(43,31,26,.82);backdrop-filter:blur(24px);border-radius:34px;padding:32px;box-shadow:var(--shadow)}.client-auth-card h1{font-size:46px;margin-bottom:18px}.client-auth-copy{color:var(--muted);font-size:16px;line-height:1.55;margin:0 0 24px}.client-auth-form{display:grid;gap:10px}.client-auth-form label{font-size:10px;color:var(--muted)}.client-auth-form button{font-size:14px;padding:14px}.client-form-note{min-height:18px;margin:0;color:#e6b3aa;font-size:11px;line-height:1.4}.client-code-input{text-align:center;letter-spacing:.28em;font-size:27px!important;font-weight:800}.client-text-btn{border:0;background:none;color:var(--muted);padding:8px 0;font-size:11px;cursor:pointer;margin-right:16px}
@media(max-width:680px){.client-home-grid{grid-template-columns:1fr}.client-message{max-width:91%}.client-portal-shell{padding-top:24px}.client-screen>h1{font-size:52px}.client-project-title{align-items:center}.client-project-title h2{font-size:26px}}
@media(max-width:430px){.client-portal-top{padding-left:15px;padding-right:15px}.client-portal-brand img{width:43px;height:43px}.client-portal-brand b{font-size:22px}.client-portal-shell{padding-left:15px;padding-right:15px}.client-screen>h1{font-size:46px}.client-auth-card{padding:27px 22px}.client-auth-card h1{font-size:41px}.client-portal-nav{width:calc(100% - 16px);height:82px;bottom:calc(env(safe-area-inset-bottom) + 8px)}.client-portal-nav button{font-size:9px}.client-portal-nav button span{font-size:18px}.client-invoice-card{grid-template-columns:1fr}.client-invoice-amount{text-align:left}.client-invoice-card>a{grid-column:1}}

.studio-client-thread{display:grid;gap:9px;margin-top:10px}.studio-client-message{max-width:88%;border:1px solid var(--line-soft);border-radius:18px;padding:12px 14px;background:rgba(255,255,255,.025)}.studio-client-message.from-client{margin-left:auto;background:rgba(216,176,140,.12);border-color:rgba(216,176,140,.24)}.studio-client-message small{display:block;font-size:9px;color:var(--dim);margin-bottom:6px}.studio-client-message p{font-size:13px;line-height:1.48;margin:0}.studio-client-message b{display:inline-block;margin-top:8px;font-size:9px;letter-spacing:.1em;color:var(--copper)}.studio-client-reply{display:grid;gap:9px;margin-top:14px}.studio-client-reply textarea{width:100%;min-height:88px;resize:vertical;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.14);color:var(--cream);padding:12px 13px;outline:none}.studio-client-reply button{width:max-content;border:0;border-radius:16px;padding:11px 14px}


/* Client project journey */
.client-journey-card{margin:26px 0 18px;border:1px solid rgba(248,243,237,.16);border-radius:30px;padding:24px;background:
  radial-gradient(circle at 84% 12%,rgba(225,214,240,.08),transparent 28%),
  radial-gradient(circle at 10% 92%,rgba(216,176,140,.09),transparent 30%),
  rgba(52,36,30,.72);backdrop-filter:blur(22px);overflow:hidden}
.client-journey-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}
.client-journey-head small{display:block;font-size:9px;letter-spacing:.17em;font-weight:800;color:var(--dim);margin-bottom:7px}
.client-journey-head h3{font-size:28px;line-height:1;letter-spacing:-.045em;margin:0}
.client-journey-head strong{font-size:34px;line-height:1;letter-spacing:-.045em;background:var(--iri);-webkit-background-clip:text;background-clip:text;color:transparent}
.client-journey-line{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;position:relative;padding:0 2px}
.client-journey-line:before{content:"";position:absolute;left:3%;right:3%;top:9px;height:2px;background:rgba(248,243,237,.1)}
.client-journey-step{position:relative;z-index:1;text-align:center;display:grid;justify-items:center;gap:9px}
.client-journey-step i{width:20px;height:20px;border-radius:50%;display:block;background:#2c1f1a;border:2px solid rgba(248,243,237,.18);box-shadow:0 0 0 5px rgba(18,11,8,.35)}
.client-journey-step span{max-width:92px;font-size:9px;line-height:1.18;color:var(--dim)}
.client-journey-step>b{display:none;font-size:8px;line-height:1;letter-spacing:.13em;color:#f2d6c8;font-weight:900}
.client-journey-step.is-done i{border:0;background:var(--iri);box-shadow:0 0 0 5px rgba(216,176,140,.07),0 0 22px rgba(223,224,224,.1)}
.client-journey-step.is-done span{color:var(--cream-2)}
.client-journey-step.is-current i{transform:scale(1.18);box-shadow:0 0 0 6px rgba(216,176,140,.11),0 0 28px rgba(235,221,225,.14)}
.client-journey-step.is-current span{color:var(--cream);font-weight:800}
.client-journey-next{margin-top:24px;padding-top:17px;border-top:1px solid var(--line-soft);display:flex;align-items:center;gap:10px;font-size:11px}
.client-journey-next span{color:var(--dim);text-transform:uppercase;letter-spacing:.13em;font-weight:800}
.client-journey-next b{font-size:13px;color:var(--cream-2)}
.client-journey-next em{margin-left:auto;color:var(--muted);font-style:normal}
.client-work-card.is-private{background:linear-gradient(145deg,rgba(52,36,30,.64),rgba(40,28,23,.72));border-style:dashed}
.client-work-card.is-private .client-work-meta{max-width:520px}
@media(max-width:680px){
  .client-journey-card{padding:20px 18px 18px}
  .client-journey-line{display:grid;grid-template-columns:1fr;gap:0;overflow:visible;padding:0 0 2px}
  .client-journey-line:before{left:9px;right:auto;top:12px;bottom:12px;width:2px;height:auto;background:rgba(248,243,237,.11)}
  .client-journey-step{min-height:43px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:start;justify-items:start;gap:11px;text-align:left}
  .client-journey-step i{grid-column:1;width:20px;height:20px;margin:0}
  .client-journey-step span{grid-column:2;max-width:none;font-size:12px;line-height:1.28;padding-top:2px}
  .client-journey-step>b{display:block;grid-column:3;align-self:start;margin-top:3px;white-space:nowrap}
  .client-journey-step.is-done span:after{content:" · Done";color:var(--dim);font-size:10px;font-weight:500}
  .client-journey-step.is-current{padding:5px 8px 7px 5px;margin:0 -6px 5px;border-radius:16px;background:rgba(216,176,140,.08)}
  .client-journey-step.is-current i{margin-top:0}
  .client-journey-next{align-items:flex-start;flex-wrap:wrap;margin-top:14px}
  .client-journey-next em{width:100%;margin-left:0}
}


/* Client action, scope and bonus experience */
.client-review-card{width:100%;font:inherit;text-align:left;cursor:pointer;appearance:none;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.client-review-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.18)}
.client-review-card:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
.client-card-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(18,11,8,.13);font-size:12px;font-weight:900;letter-spacing:.01em}
.client-card-cta b{font-size:20px;line-height:1}
.client-scope-card{padding:24px}
.client-scope-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.client-scope-head small{margin-bottom:8px}
.client-scope-head h3{font-size:24px;line-height:1.08;letter-spacing:-.04em;margin:0;max-width:520px}
.client-scope-head>span{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:8px 10px;color:var(--muted);font-size:10px;white-space:nowrap}
.client-scope-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line-soft)}
.client-scope-grid>div{min-width:0}
.client-scope-grid small{margin:0 0 7px}
.client-scope-grid b{display:block;font-size:13px;line-height:1.35;color:var(--cream-2);font-weight:700}
.client-bonus-card{position:relative;isolation:isolate;overflow:hidden;margin-top:14px;border:1px solid rgba(235,224,238,.2);border-radius:30px;padding:24px;background:
  radial-gradient(circle at 88% 4%,rgba(223,238,246,.15),transparent 30%),
  radial-gradient(circle at 6% 100%,rgba(244,215,208,.12),transparent 34%),
  rgba(45,30,25,.86);box-shadow:inset 0 0 0 1px rgba(248,243,237,.025),0 18px 55px rgba(0,0,0,.16)}
.client-bonus-card:after{content:"✦";position:absolute;right:20px;top:15px;z-index:-1;font-size:92px;line-height:1;color:rgba(248,243,237,.035);transform:rotate(8deg)}
.client-bonus-signal{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(248,243,237,.13);border-radius:999px;padding:7px 10px;margin-bottom:22px;background:rgba(248,243,237,.035);font-size:9px;letter-spacing:.16em;font-weight:900;color:#f1d9ce}
.client-bonus-signal i{width:8px;height:8px;border-radius:50%;background:#f4e7d7;box-shadow:0 0 0 0 rgba(244,231,215,.4);animation:bonusPulse 1.65s ease-out infinite}
.client-bonus-copy small{display:block;font-size:9px;letter-spacing:.16em;color:var(--dim);font-weight:800;margin-bottom:9px}
.client-bonus-copy h3{font-size:27px;line-height:1.06;letter-spacing:-.045em;margin:0 0 10px;max-width:580px}
.client-bonus-copy p{font-size:13px;line-height:1.55;color:var(--muted);margin:0;max-width:590px}
.client-bonus-card>button{margin-top:18px;border:0;border-radius:17px;background:var(--iri);color:var(--ink);padding:12px 15px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.client-bonus-card>button b{font-size:17px;margin-left:6px}
.client-bonus-free{display:inline-block;margin-top:18px;color:#efd9ca;font-size:11px;font-weight:800}
.client-work-card.is-bonus{border-color:rgba(224,213,236,.22);background:
  radial-gradient(circle at 94% 5%,rgba(222,238,244,.08),transparent 27%),
  rgba(52,36,30,.74)}
.client-work-card.is-bonus.is-private{border-style:solid}
@keyframes bonusPulse{0%{box-shadow:0 0 0 0 rgba(244,231,215,.42);opacity:1}70%{box-shadow:0 0 0 9px rgba(244,231,215,0);opacity:.75}100%{box-shadow:0 0 0 0 rgba(244,231,215,0);opacity:1}}
@media(max-width:680px){
  .client-scope-head{display:grid;gap:12px}
  .client-scope-head>span{width:max-content}
  .client-scope-grid{grid-template-columns:1fr;gap:14px}
  .client-scope-grid>div+div{padding-top:13px;border-top:1px solid var(--line-soft)}
  .client-bonus-card{padding:22px 20px}
  .client-bonus-copy h3{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
  .client-review-card{transition:none}
  .client-bonus-signal i{animation:none}
}


/* Compact client bonus notification */
.client-bonus-notice{margin:14px 0 4px;border:1px solid rgba(238,224,236,.2);border-radius:999px;background:rgba(248,243,237,.055);color:var(--cream);padding:9px 12px 9px 10px;display:inline-flex;align-items:center;gap:10px;font:inherit;text-align:left;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.12);backdrop-filter:blur(16px)}
.client-bonus-notice>i{width:9px;height:9px;border-radius:50%;background:#f4e7d7;box-shadow:0 0 0 0 rgba(244,231,215,.4);animation:bonusPulse 1.65s ease-out infinite;flex:0 0 auto}
.client-bonus-notice>span{display:grid;gap:1px;line-height:1}
.client-bonus-notice>span b{font-size:11px;letter-spacing:.04em}
.client-bonus-notice>span small{font-size:9px;color:var(--muted);letter-spacing:.01em}
.client-bonus-notice>em{font-style:normal;font-size:14px;color:#efd8cb;margin-left:2px}
.client-bonus-notice.is-ready{background:var(--iri);color:var(--ink);border:0}
.client-bonus-notice.is-ready>span small{color:rgba(18,11,8,.58)}
.client-bonus-notice.is-ready>i{background:var(--ink);box-shadow:0 0 0 0 rgba(18,11,8,.18)}
.client-bonus-notice:hover{transform:translateY(-1px)}
.client-bonus-notice:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
@media(max-width:680px){
  .client-bonus-notice{margin-top:13px;max-width:100%}
}
@media(prefers-reduced-motion:reduce){
  .client-bonus-notice>i{animation:none}
}

.client-bonus-notice.is-locked{cursor:default}
.client-bonus-notice.is-locked:hover{transform:none}


/* High-visibility unrevealed bonus alert */
.client-bonus-notice.is-locked{
  position:relative;
  width:min(100%,520px);
  border:1px solid rgba(255,82,82,.72);
  background:
    radial-gradient(circle at 12% 50%,rgba(255,65,65,.18),transparent 28%),
    rgba(72,18,18,.38);
  color:#fff7f5;
  box-shadow:
    0 0 0 1px rgba(255,82,82,.08),
    0 0 24px rgba(255,54,54,.16),
    0 14px 34px rgba(0,0,0,.18);
  padding:11px 14px 11px 11px;
  animation:bonusAlertGlow 2.1s ease-in-out infinite;
}
.client-bonus-notice.is-locked>i{
  width:11px;
  height:11px;
  background:#ff4242;
  box-shadow:0 0 0 0 rgba(255,66,66,.72);
  animation:bonusRedPulse 1.1s ease-out infinite;
}
.client-bonus-notice.is-locked>span{gap:3px}
.client-bonus-notice.is-locked>span b{
  font-size:12px;
  letter-spacing:.12em;
  color:#fff;
}
.client-bonus-notice.is-locked>span small{
  font-size:10px;
  color:#ffd9d5;
}
.client-bonus-notice.is-locked>em{
  margin-left:auto;
  font-size:17px;
  color:#ffb3ad;
  text-shadow:0 0 14px rgba(255,71,71,.45);
}
@keyframes bonusRedPulse{
  0%{box-shadow:0 0 0 0 rgba(255,66,66,.72);transform:scale(1)}
  65%{box-shadow:0 0 0 11px rgba(255,66,66,0);transform:scale(1.07)}
  100%{box-shadow:0 0 0 0 rgba(255,66,66,0);transform:scale(1)}
}
@keyframes bonusAlertGlow{
  0%,100%{border-color:rgba(255,82,82,.58);box-shadow:0 0 0 1px rgba(255,82,82,.06),0 0 18px rgba(255,54,54,.12),0 14px 34px rgba(0,0,0,.18)}
  50%{border-color:rgba(255,105,105,.95);box-shadow:0 0 0 1px rgba(255,82,82,.12),0 0 34px rgba(255,54,54,.28),0 14px 34px rgba(0,0,0,.18)}
}
@media(max-width:680px){
  .client-bonus-notice.is-locked{width:100%;border-radius:20px}
}
@media(prefers-reduced-motion:reduce){
  .client-bonus-notice.is-locked,
  .client-bonus-notice.is-locked>i{animation:none}
}


/* Refined bonus alert: red signal + iridescent border */
.client-bonus-notice.is-locked{
  width:min(100%,520px);
  border:1px solid transparent;
  background:
    linear-gradient(rgba(37,24,20,.96),rgba(37,24,20,.96)) padding-box,
    var(--iri) border-box;
  color:var(--cream);
  box-shadow:0 14px 34px rgba(0,0,0,.22),0 0 22px rgba(231,222,235,.07);
  animation:none;
}
.client-bonus-notice.is-locked>i{
  width:11px;
  height:11px;
  background:#ff3b3b;
  box-shadow:0 0 0 0 rgba(255,59,59,.72);
  animation:bonusRedPulse 1.05s ease-out infinite;
}
.client-bonus-notice.is-locked>span b{
  color:var(--cream);
}
.client-bonus-notice.is-locked>span small{
  color:var(--muted);
}
.client-bonus-notice.is-locked>em{
  color:#f1d8d0;
  text-shadow:none;
}
@media(prefers-reduced-motion:reduce){
  .client-bonus-notice.is-locked>i{animation:none}
}


/* Ashcloud journey motion + client brief */
.client-current-label{
  display:inline-block;
  margin:10px 0 6px;
  font-size:8px;
  line-height:1;
  letter-spacing:.16em;
  font-weight:900;
  color:#edd5c8;
  text-transform:uppercase;
}
.client-journey-line:after{
  content:"";
  position:absolute;
  z-index:0;
  left:3%;
  right:3%;
  top:9px;
  height:2px;
  background:var(--iri);
  background-size:220% 100%;
  clip-path:inset(0 calc(100% - var(--journey-pct)) 0 0);
  animation:journeyFlow 4s linear infinite;
  filter:drop-shadow(0 0 7px rgba(231,224,238,.16));
}
.client-journey-step.is-current{
  position:relative;
}
.client-journey-step.is-current i{
  border:0;
  background:var(--iri);
  background-size:180% 180%;
  animation:journeyCurrentPulse 2.1s ease-in-out infinite,journeyFlow 4s linear infinite;
}
.client-journey-step.is-current:after{
  content:"✦";
  position:absolute;
  top:-13px;
  right:calc(50% - 21px);
  font-size:11px;
  line-height:1;
  color:#f0d9d2;
  text-shadow:0 0 12px rgba(239,216,208,.3);
  animation:journeySpark 2.3s ease-in-out infinite;
}
.client-brief-details{
  margin-top:19px;
  border-top:1px solid var(--line-soft);
}
.client-brief-details summary{
  list-style:none;
  cursor:pointer;
  padding:17px 0 2px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.client-brief-details summary::-webkit-details-marker{display:none}
.client-brief-details summary span{display:grid;gap:5px}
.client-brief-details summary small{
  margin:0;
  color:var(--dim);
}
.client-brief-details summary b{
  font-size:13px;
  color:var(--cream-2);
}
.client-brief-details summary i{
  width:28px;
  height:28px;
  border:1px solid var(--line);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-style:normal;
  color:var(--copper);
  transition:transform .2s ease;
}
.client-brief-details[open] summary i{transform:rotate(45deg)}
.client-brief-copy{
  margin-top:14px;
  border:1px solid var(--line-soft);
  border-radius:20px;
  padding:17px;
  background:rgba(248,243,237,.025);
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
.client-work-waiting{
  display:grid;
  gap:7px;
  background:
    radial-gradient(circle at 86% 10%,rgba(225,214,240,.06),transparent 26%),
    rgba(52,36,30,.4);
  border-style:solid;
}
.client-work-waiting b{
  color:var(--cream-2);
  font-size:16px;
}
.client-work-waiting span{
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
@keyframes journeyFlow{
  0%{background-position:0% 50%}
  100%{background-position:220% 50%}
}
@keyframes journeyCurrentPulse{
  0%,100%{transform:scale(1.08);box-shadow:0 0 0 5px rgba(216,176,140,.07),0 0 16px rgba(229,222,235,.08)}
  50%{transform:scale(1.26);box-shadow:0 0 0 8px rgba(216,176,140,.09),0 0 30px rgba(229,222,235,.18)}
}
@keyframes journeySpark{
  0%,100%{transform:translate3d(0,1px,0) rotate(0deg);opacity:.45}
  50%{transform:translate3d(5px,-5px,0) rotate(18deg);opacity:1}
}
@media(max-width:680px){
  .client-current-label{margin-top:8px}
  .client-journey-line:after{
    left:9px;
    right:auto;
    top:12px;
    bottom:12px;
    width:2px;
    height:auto;
    clip-path:inset(0 0 calc(100% - var(--journey-pct)) 0);
    background-size:100% 220%;
  }
  .client-journey-step.is-current:after{
    top:2px;
    right:8px;
  }
  .client-brief-copy{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .client-journey-line:after,
  .client-journey-step.is-current i,
  .client-journey-step.is-current:after{animation:none}
}


/* Files page hierarchy */
.client-files-section{display:grid;gap:14px}
.client-files-heading{margin-bottom:2px}
.client-files-heading small{display:block;font-size:9px;letter-spacing:.17em;font-weight:900;color:var(--dim);margin-bottom:8px}
.client-files-heading h2{font-size:27px;line-height:1.06;letter-spacing:-.045em;margin:0}
.client-files-heading p{margin:9px 0 0;max-width:590px;color:var(--muted);font-size:13px;line-height:1.5}
.client-project-files .client-drive-card{margin-bottom:0}
.client-project-files .client-upload-note{margin-top:0}
.client-note-intro{margin:-1px 0 9px;color:var(--muted);font-size:12px;line-height:1.5}
.client-files-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:34px 0 27px}
.client-files-divider span{height:1px;background:linear-gradient(90deg,transparent,rgba(248,243,237,.17))}
.client-files-divider span:last-child{background:linear-gradient(90deg,rgba(248,243,237,.17),transparent)}
.client-files-divider b{font-size:9px;letter-spacing:.19em;color:#e8cbc0}
.client-final-files{padding-bottom:10px}
.client-final-empty{display:grid;gap:7px;border-style:solid;background:rgba(52,36,30,.4)}
.client-final-empty b{color:var(--cream-2);font-size:15px}
.client-final-empty span{color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:680px){
  .client-files-divider{margin:29px 0 23px}
  .client-files-heading h2{font-size:24px}
}


/* Studio client-message alerts */
.bottom-nav button.has-unread{position:relative}
.bottom-nav button.has-unread:after{
  content:attr(data-unread);
  position:absolute;
  top:7px;
  right:18%;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#ff3b30;
  color:white;
  font-size:9px;
  line-height:1;
  font-weight:900;
  box-shadow:0 0 0 3px rgba(43,31,26,.94),0 0 16px rgba(255,59,48,.32);
}
.studio-push-setup{
  width:100%;
  margin:0 0 22px;
  border:1px solid transparent;
  border-radius:22px;
  background:
    linear-gradient(rgba(43,31,26,.92),rgba(43,31,26,.92)) padding-box,
    var(--iri) border-box;
  color:var(--cream);
  padding:13px 15px;
  display:flex;
  align-items:center;
  gap:12px;
  text-align:left;
  cursor:pointer;
  font:inherit;
}
.studio-push-light{
  width:10px;
  height:10px;
  flex:0 0 auto;
  border-radius:50%;
  background:#ff3b30;
  box-shadow:0 0 0 0 rgba(255,59,48,.66);
  animation:studioAlertPulse 1.3s ease-out infinite;
}
.studio-push-setup>span:nth-child(2){display:grid;gap:3px;min-width:0}
.studio-push-setup b{font-size:13px}
.studio-push-setup small{font-size:10px;line-height:1.35;color:var(--muted)}
.studio-push-setup em{margin-left:auto;white-space:nowrap;font-style:normal;font-size:11px;color:var(--copper);font-weight:800}
.studio-inbox{margin:28px 0 22px}
.studio-inbox .section-title{margin:0 5px 12px}
.studio-unread-count{color:#ff8a82!important}
.studio-inbox-list{display:grid;gap:8px}
.studio-message-alert{
  width:100%;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(52,36,30,.68);
  color:var(--cream);
  border-radius:20px;
  padding:13px 14px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  font:inherit;
}
.studio-message-alert:hover{border-color:rgba(216,176,140,.32)}
.studio-message-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#ff3b30;
  box-shadow:0 0 0 0 rgba(255,59,48,.6);
  animation:studioAlertPulse 1.45s ease-out infinite;
}
.studio-message-alert>span:nth-child(2){display:grid;gap:4px;min-width:0}
.studio-message-alert b{font-size:13px}
.studio-message-alert small{font-size:10px;line-height:1.3;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-message-alert em{font-style:normal;font-size:10px;color:var(--copper);font-weight:800}
.studio-client-message.is-unread{
  border-color:rgba(255,59,48,.36);
  box-shadow:inset 3px 0 0 #ff3b30;
}
.studio-client-message.is-unread small>b{
  color:#ff8a82;
  font-size:8px;
  letter-spacing:.12em;
}
@keyframes studioAlertPulse{
  0%{box-shadow:0 0 0 0 rgba(255,59,48,.62)}
  70%{box-shadow:0 0 0 9px rgba(255,59,48,0)}
  100%{box-shadow:0 0 0 0 rgba(255,59,48,0)}
}
@media(max-width:430px){
  .bottom-nav button.has-unread:after{top:5px;right:14%}
  .studio-push-setup{padding:12px 13px}
  .studio-message-alert{grid-template-columns:auto minmax(0,1fr);padding:12px}
  .studio-message-alert em{grid-column:2}
}
@media(prefers-reduced-motion:reduce){
  .studio-push-light,.studio-message-dot{animation:none}
}


/* Client bank-transfer payments */
.client-payment-card{
  width:100%;
  font:inherit;
  text-align:left;
  cursor:pointer;
  appearance:none;
}
.client-payment-card:hover{transform:translateY(-1px)}
.client-bank-card{
  margin:0 0 18px;
  border:1px solid transparent;
  border-radius:28px;
  padding:22px;
  background:
    linear-gradient(rgba(43,31,26,.9),rgba(43,31,26,.9)) padding-box,
    var(--iri) border-box;
}
.client-bank-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:17px;
}
.client-bank-head small{
  display:block;
  font-size:9px;
  letter-spacing:.16em;
  font-weight:900;
  color:var(--dim);
  margin-bottom:7px;
}
.client-bank-head h2{
  margin:0;
  font-size:28px;
  line-height:1;
  letter-spacing:-.045em;
}
.client-bank-head>span{
  border:1px solid var(--line);
  border-radius:999px;
  padding:7px 9px;
  font-size:8px;
  letter-spacing:.12em;
  color:var(--muted);
  white-space:nowrap;
}
.client-bank-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:9px}
.client-copy-row{
  min-width:0;
  border:1px solid var(--line-soft);
  border-radius:18px;
  background:rgba(248,243,237,.025);
  color:var(--cream);
  padding:13px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:10px;
  text-align:left;
  cursor:pointer;
  font:inherit;
}
.client-copy-row>span{display:grid;gap:5px;min-width:0}
.client-copy-row small,.client-payment-reference small{
  font-size:8px;
  letter-spacing:.14em;
  color:var(--dim);
}
.client-copy-row b{
  font-size:13px;
  overflow-wrap:anywhere;
}
.client-copy-row em{
  font-style:normal;
  font-size:9px;
  color:var(--copper);
  font-weight:800;
}
.client-bank-card>p{
  margin:14px 2px 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
.client-invoice-pay{
  grid-column:1/-1;
  margin-top:4px;
  padding-top:15px;
  border-top:1px solid var(--line-soft);
  display:grid;
  gap:11px;
}
.client-payment-reference{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.client-payment-reference>span{display:grid;gap:5px}
.client-payment-reference b{font-size:13px;color:var(--cream-2)}
.client-payment-reference button{
  border:1px solid var(--line);
  border-radius:999px;
  background:transparent;
  color:var(--copper);
  padding:7px 10px;
  font:inherit;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}
.client-report-payment{
  border:0;
  border-radius:17px;
  background:var(--iri);
  color:var(--ink);
  padding:13px 15px;
  font:inherit;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.client-report-payment:disabled{opacity:.6;cursor:wait}
.client-payment-reported{
  grid-column:1/-1;
  margin-top:4px;
  padding-top:15px;
  border-top:1px solid var(--line-soft);
  display:flex;
  align-items:center;
  gap:10px;
}
.client-payment-reported i{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--iri);
  flex:0 0 auto;
}
.client-payment-reported span{display:grid;gap:3px}
.client-payment-reported b{font-size:12px;color:var(--cream-2)}
.client-payment-reported small{font-size:10px;color:var(--muted)}
@media(max-width:680px){
  .client-bank-grid{grid-template-columns:1fr}
  .client-bank-head{display:grid}
  .client-bank-head>span{width:max-content}
}


/* Client header uses the same Ashcloud lockup as internal Studio */
.client-portal-brand{
  gap:14px;
}
.client-portal-brand .brand-icon{
  width:54px;
  height:54px;
  object-fit:contain;
  border-radius:0;
  box-shadow:none;
  filter:drop-shadow(0 4px 14px rgba(0,0,0,.25));
}
.client-portal-brand .brand-words{
  display:grid;
  gap:6px;
}
.client-portal-brand .brand-wordmark{
  width:225px;
  max-width:48vw;
  height:auto;
  display:block;
  border-radius:0;
  box-shadow:none;
}
.client-portal-brand .brand-words>span{
  font-size:11px;
  letter-spacing:.25em;
  color:var(--cream);
  padding-left:5px;
}
@media(max-width:620px){
  .client-portal-brand .brand-icon{width:48px;height:48px}
  .client-portal-brand .brand-wordmark{width:188px}
  .client-portal-brand .brand-words>span{font-size:10px}
}
@media(max-width:430px){
  .client-portal-brand{gap:10px}
  .client-portal-brand .brand-icon{width:42px;height:42px}
  .client-portal-brand .brand-wordmark{width:158px;max-width:43vw}
  .client-portal-brand .brand-words{gap:5px}
  .client-portal-brand .brand-words>span{font-size:9px}
}


/* Premium Ashcloud visual language */
.client-visual{
  position:relative;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border:1px solid rgba(248,243,237,.09);
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.08),transparent 34%),
    rgba(248,243,237,.025);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.12);
  overflow:hidden;
}
.client-visual.sm{width:34px;height:34px;border-radius:12px}
.client-visual.md{width:48px;height:48px;border-radius:16px}
.client-visual.lg{width:68px;height:68px;border-radius:22px}
.client-visual img{width:78%;height:78%;object-fit:contain;display:block;filter:drop-shadow(0 5px 10px rgba(0,0,0,.12))}
.client-visual:after{
  content:"";
  position:absolute;
  inset:-40%;
  background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.22) 50%,transparent 62%);
  transform:translateX(-45%) rotate(8deg);
  animation:clientVisualSweep 7.5s ease-in-out infinite;
  pointer-events:none;
}
.client-card-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.client-card-heading small{margin:0!important}
.client-project-title-visual{align-items:center}
.client-title-side{display:flex;align-items:center;gap:12px}
.client-title-side .client-status{flex:0 0 auto}
.client-title-side .client-visual{
  border-color:rgba(216,176,140,.18);
  background:rgba(248,243,237,.022);
}
.client-page-intro-visual{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 15px;
  border:1px solid var(--line-soft);
  border-radius:20px;
  background:rgba(248,243,237,.02);
}
.client-page-intro-visual p{margin:0!important}
.client-files-heading{
  position:relative;
  padding-left:0;
}
.client-files-heading:before{
  content:"";
  display:block;
  width:42px;
  height:2px;
  margin-bottom:13px;
  border-radius:999px;
  background:var(--iri);
  opacity:.8;
}
.client-info-card h3{max-width:24ch}
.client-info-card p{max-width:32ch}
.client-scope-card,
.client-journey-card,
.client-bank-card{
  position:relative;
  overflow:hidden;
}
.client-scope-card:after,
.client-journey-card:after,
.client-bank-card:after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-70px;
  bottom:-80px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(225,218,239,.07),transparent 68%);
  pointer-events:none;
}
@keyframes clientVisualSweep{
  0%,72%,100%{transform:translateX(-55%) rotate(8deg);opacity:0}
  79%{opacity:.38}
  90%{transform:translateX(55%) rotate(8deg);opacity:0}
}
@media(max-width:680px){
  .client-title-side{align-items:flex-end;flex-direction:column-reverse}
  .client-visual.lg{width:58px;height:58px;border-radius:19px}
  .client-page-intro-visual{padding:12px}
}
@media(prefers-reduced-motion:reduce){
  .client-visual:after{animation:none;display:none}
}


/* Client polish: milestones, handover, contextual help, rewards */
.client-last-updated{
  display:block;
  margin-top:9px;
  font-size:10px;
  color:var(--dim);
  letter-spacing:.02em;
}
.client-journey-meta{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.client-tip{
  position:relative;
  z-index:8;
}
.client-tip summary{
  list-style:none;
  width:24px;
  height:24px;
  border:1px solid var(--line);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--copper);
  font-size:10px;
  font-weight:900;
  cursor:pointer;
  background:rgba(248,243,237,.035);
}
.client-tip summary::-webkit-details-marker{display:none}
.client-tip p{
  position:absolute;
  z-index:20;
  right:0;
  top:30px;
  width:min(260px,74vw);
  margin:0;
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#2a1c17;
  color:var(--cream-2);
  box-shadow:0 18px 45px rgba(0,0,0,.32);
  font-size:10px;
  line-height:1.45;
}
.client-page-intro-visual .client-tip{margin-left:auto}
.client-milestone{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:17px;
  align-items:center;
  margin:18px 0 20px;
  padding:20px;
  border:1px solid transparent;
  border-radius:27px;
  background:
    linear-gradient(rgba(42,27,22,.94),rgba(42,27,22,.94)) padding-box,
    var(--iri) border-box;
  box-shadow:0 20px 54px rgba(0,0,0,.18);
}
.client-milestone:after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-85px;
  top:-90px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(222,237,242,.13),transparent 67%);
  animation:milestoneGlow 4.5s ease-in-out infinite;
}
.client-milestone-visual{
  position:relative;
  z-index:2;
}
.client-milestone-visual>i{
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  right:1px;
  top:2px;
  background:#f6e5dd;
  box-shadow:0 0 18px rgba(246,229,221,.52);
  animation:milestoneSpark 2.4s ease-in-out infinite;
}
.client-milestone small{
  display:block;
  color:#e9cbbf;
  font-size:8px;
  letter-spacing:.18em;
  font-weight:900;
  margin-bottom:6px;
}
.client-milestone h2{
  margin:0;
  font-size:27px;
  line-height:1.02;
  letter-spacing:-.045em;
}
.client-milestone p{
  margin:7px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}
.client-milestone.is-complete{
  background:
    radial-gradient(circle at 86% 14%,rgba(224,239,246,.11),transparent 28%),
    linear-gradient(rgba(42,27,22,.94),rgba(42,27,22,.94)) padding-box,
    var(--iri) border-box;
}
.client-handover-grid{
  display:grid;
  gap:10px;
  margin:18px 0;
}
.client-handover-action{
  width:100%;
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(52,36,30,.58);
  color:var(--cream);
  padding:13px 15px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  font:inherit;
}
.client-handover-action>span:nth-child(2){display:grid;gap:4px}
.client-handover-action small{
  font-size:8px;
  letter-spacing:.15em;
  color:var(--dim);
}
.client-handover-action b{font-size:14px}
.client-handover-action em{
  font-style:normal;
  color:var(--copper);
  font-size:18px;
}
.client-start-another{
  width:100%;
  margin:0 0 18px;
  border:1px solid transparent;
  border-radius:20px;
  background:
    linear-gradient(rgba(43,31,26,.9),rgba(43,31,26,.9)) padding-box,
    var(--iri) border-box;
  color:var(--cream);
  padding:13px 15px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.client-empty-visual{
  min-height:116px;
  display:flex!important;
  align-items:center;
  gap:14px;
  border:1px solid var(--line-soft);
  border-radius:22px;
  padding:17px!important;
  background:rgba(52,36,30,.36)!important;
}
.client-empty-visual>div{display:grid;gap:5px}
.client-empty-visual b{
  color:var(--cream-2);
  font-size:14px;
}
.client-empty-visual span{
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
.client-back-link{
  margin:-4px 0 18px;
  border:0;
  background:none;
  color:var(--muted);
  padding:0;
  font:inherit;
  font-size:11px;
  cursor:pointer;
}

/* Rewards */
.client-rewards-hero{
  position:relative;
  overflow:hidden;
  margin:18px 0;
  padding:23px;
  border:1px solid transparent;
  border-radius:30px;
  background:
    radial-gradient(circle at 88% 8%,rgba(224,239,246,.12),transparent 30%),
    linear-gradient(rgba(43,31,26,.92),rgba(43,31,26,.92)) padding-box,
    var(--iri) border-box;
}
.client-rewards-orbit{
  position:absolute;
  right:20px;
  top:18px;
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
}
.client-rewards-orbit>i{
  position:absolute;
  inset:5px;
  border:1px solid rgba(248,243,237,.09);
  border-radius:50%;
  animation:rewardOrbit 8s linear infinite;
}
.client-rewards-orbit>i:last-child{
  inset:15px;
  border-style:dashed;
  animation-direction:reverse;
  animation-duration:11s;
}
.client-rewards-hero>div:nth-of-type(2){padding-right:88px}
.client-rewards-hero small{
  display:block;
  font-size:8px;
  letter-spacing:.17em;
  color:var(--dim);
  font-weight:900;
}
.client-rewards-hero h2{
  margin:7px 0 5px;
  font-size:38px;
  line-height:1;
  letter-spacing:-.055em;
}
.client-rewards-hero p{
  margin:0;
  color:var(--muted);
  font-size:12px;
}
.client-rewards-hero>.client-tip{
  position:absolute;
  right:17px;
  bottom:18px;
}
.client-reward-progress{
  height:7px;
  margin-top:24px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(248,243,237,.08);
}
.client-reward-progress i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:var(--iri);
  background-size:200% 100%;
  animation:journeyFlow 4s linear infinite;
}
.client-reward-levels{
  display:grid;
  gap:10px;
  margin:18px 0 26px;
}
.client-reward-level{
  border:1px solid var(--line);
  border-radius:24px;
  background:rgba(52,36,30,.56);
  padding:16px;
  display:grid;
  grid-template-columns:65px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
}
.client-reward-level.is-unlocked{
  border-color:rgba(221,214,235,.24);
  background:
    radial-gradient(circle at 95% 0%,rgba(224,239,246,.09),transparent 30%),
    rgba(52,36,30,.7);
}
.client-reward-cost{
  width:58px;
  height:58px;
  border-radius:19px;
  border:1px solid transparent;
  background:
    linear-gradient(rgba(43,31,26,.92),rgba(43,31,26,.92)) padding-box,
    var(--iri) border-box;
  display:grid;
  place-items:center;
  align-content:center;
}
.client-reward-cost strong{
  font-size:24px;
  line-height:1;
}
.client-reward-cost span{
  margin-top:3px;
  font-size:7px;
  letter-spacing:.12em;
  color:var(--dim);
}
.client-reward-level small{
  font-size:8px;
  letter-spacing:.14em;
  color:var(--dim);
  font-weight:900;
}
.client-reward-level h3{
  margin:4px 0;
  font-size:16px;
  line-height:1.05;
}
.client-reward-level p{
  margin:0;
  color:var(--muted);
  font-size:10px;
  line-height:1.4;
}
.client-claim-reward{
  border:0;
  border-radius:15px;
  background:var(--iri);
  color:var(--ink);
  padding:10px 12px;
  font:inherit;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}
.client-reward-lock{
  font-size:9px;
  color:var(--dim);
  white-space:nowrap;
}
.client-referral-card{
  margin:20px 0 28px;
  border:1px solid var(--line);
  border-radius:27px;
  padding:20px;
  background:rgba(52,36,30,.62);
}
.client-referral-card h2{
  margin:0;
  font-size:24px;
  letter-spacing:-.04em;
}
.client-referral-card>p{
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
  margin:9px 0 17px;
}
.client-referral-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.client-referral-form input{
  width:100%;
  border:1px solid var(--line);
  border-radius:15px;
  background:rgba(0,0,0,.13);
  color:var(--cream);
  padding:12px 13px;
  outline:none;
}
.client-referral-form input[name="email"]{grid-column:1/-1}
.client-referral-form button{
  grid-column:1/-1;
  border:0;
  border-radius:16px;
  background:var(--iri);
  color:var(--ink);
  padding:12px 14px;
  font:inherit;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.client-reward-section{margin:26px 0}
.client-section-mini-head{
  display:flex;
  justify-content:space-between;
  margin:0 4px 10px;
}
.client-section-mini-head span{display:flex;align-items:center;gap:10px}
.client-section-mini-head small{
  font-size:8px;
  letter-spacing:.16em;
  color:var(--dim);
  font-weight:900;
}
.client-section-mini-head b{
  font-size:10px;
  color:var(--muted);
  font-weight:600;
}
.client-reward-history{
  border:1px solid var(--line-soft);
  border-radius:22px;
  overflow:hidden;
  background:rgba(52,36,30,.42);
}
.client-reward-history-row{
  min-height:68px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  padding:10px 12px;
  border-top:1px solid var(--line-soft);
}
.client-reward-history-row:first-child{border-top:0}
.client-reward-history-row>div{display:grid;gap:4px}
.client-reward-history-row b{font-size:12px}
.client-reward-history-row small{font-size:9px;color:var(--muted)}
.client-reward-history-row em{
  font-style:normal;
  color:#e8cfc4;
  font-size:11px;
  font-weight:900;
}
.client-reward-history-row em.is-spent{color:var(--dim)}
@keyframes milestoneGlow{
  0%,100%{transform:scale(.9);opacity:.45}
  50%{transform:scale(1.12);opacity:.9}
}
@keyframes milestoneSpark{
  0%,100%{transform:translate3d(0,0,0) scale(.8);opacity:.45}
  50%{transform:translate3d(5px,-5px,0) scale(1.2);opacity:1}
}
@keyframes rewardOrbit{to{transform:rotate(360deg)}}

@media(max-width:680px){
  .client-journey-meta{align-items:center}
  .client-milestone{padding:17px}
  .client-milestone h2{font-size:23px}
  .client-reward-level{grid-template-columns:58px minmax(0,1fr)}
  .client-reward-level>button,.client-reward-level>.client-reward-lock{grid-column:2}
  .client-referral-form{grid-template-columns:1fr}
  .client-referral-form input[name="email"],
  .client-referral-form button{grid-column:1}
}
@media(prefers-reduced-motion:reduce){
  .client-milestone:after,
  .client-milestone-visual>i,
  .client-rewards-orbit>i,
  .client-reward-progress i{animation:none}
}


/* Internal Studio command centre */
.quick-capture-btn{
  position:fixed;
  z-index:55;
  left:max(24px,calc((100vw - 720px)/2 + 24px));
  bottom:calc(env(safe-area-inset-bottom) + 116px);
  height:52px;
  border:1px solid transparent;
  border-radius:999px;
  background:
    linear-gradient(rgba(43,31,26,.94),rgba(43,31,26,.94)) padding-box,
    var(--iri) border-box;
  color:var(--cream);
  padding:0 15px 0 8px;
  display:flex;
  align-items:center;
  gap:9px;
  box-shadow:0 14px 38px rgba(0,0,0,.26);
  backdrop-filter:blur(18px);
  cursor:pointer;
  font:inherit;
}
.quick-capture-btn span{
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--iri);
  color:var(--ink);
  font-size:24px;
  line-height:1;
  font-weight:400;
}
.quick-capture-btn b{
  font-size:11px;
  letter-spacing:.02em;
}
.studio-business-pulse{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin:24px 0 8px;
}
.studio-business-pulse>div{
  min-width:0;
  border:1px solid var(--line-soft);
  border-radius:20px;
  background:rgba(52,36,30,.54);
  padding:14px 13px;
}
.studio-business-pulse small,
.money-pulse-grid small{
  display:block;
  color:var(--dim);
  font-size:8px;
  letter-spacing:.13em;
  font-weight:800;
  margin-bottom:7px;
}
.studio-business-pulse b{
  display:block;
  font-size:20px;
  letter-spacing:-.045em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.studio-attention{
  margin:28px 0 24px;
}
.studio-attention .section-title{margin:0 5px 11px}
.studio-attention-list{
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
  background:rgba(52,36,30,.58);
}
.studio-attention-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  border-top:1px solid var(--line-soft);
}
.studio-attention-row:first-child{border-top:0}
.attention-open{
  border:0;
  background:transparent;
  color:var(--cream);
  padding:13px 14px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  font:inherit;
}
.attention-open>span:nth-child(2){display:grid;gap:4px;min-width:0}
.attention-open b{font-size:13px}
.attention-open small{
  font-size:10px;
  line-height:1.35;
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.attention-open em{
  font-style:normal;
  color:var(--copper);
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.studio-attention-signal{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--copper);
  box-shadow:0 0 0 4px rgba(216,176,140,.08);
}
.studio-attention-signal.is-hot{
  background:#ff4a42;
  box-shadow:0 0 0 0 rgba(255,74,66,.5);
  animation:studioAlertPulse 1.45s ease-out infinite;
}

.client-card.is-new-enquiry{
  position:relative;
  border-color:rgba(255,59,48,.42)!important;
  box-shadow:inset 3px 0 0 #ff3b30,0 0 0 1px rgba(255,59,48,.06);
  background:linear-gradient(90deg,rgba(255,59,48,.075),rgba(52,36,30,.58) 42%)!important;
}
.client-card.is-new-enquiry:before{
  content:"";
  position:absolute;
  top:14px;
  right:14px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ff3b30;
  box-shadow:0 0 0 0 rgba(255,59,48,.62);
  animation:studioAlertPulse 1.35s ease-out infinite;
}
.client-card.is-new-enquiry .right b{
  color:#ff8a82;
}
.lead-new-callout{
  margin:4px 0 14px;
  border:1px solid rgba(255,59,48,.32);
  border-radius:18px;
  background:rgba(255,59,48,.065);
  padding:12px 13px;
  display:flex;
  align-items:center;
  gap:11px;
}
.lead-new-callout>i{
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-radius:50%;
  background:#ff3b30;
  box-shadow:0 0 0 0 rgba(255,59,48,.62);
  animation:studioAlertPulse 1.35s ease-out infinite;
}
.lead-new-callout>span{display:grid;gap:3px}
.lead-new-callout b{
  color:#ff8a82;
  font-size:10px;
  letter-spacing:.12em;
}
.lead-new-callout small{
  color:var(--muted);
  font-size:10px;
}
.lead-next-block{
  border-color:rgba(255,59,48,.18)!important;
}
.lead-resolution-actions{
  margin-top:12px;
}
.attention-mini-action{
  align-self:center;
  margin-right:10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(248,243,237,.045);
  color:var(--cream-2);
  padding:8px 10px;
  font:inherit;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}
.studio-clear-card{
  min-height:88px;
  border:1px solid var(--line-soft);
  border-radius:23px;
  background:rgba(52,36,30,.42);
  padding:17px;
  display:flex;
  align-items:center;
  gap:14px;
}
.studio-clear-card>span{
  width:42px;
  height:42px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:var(--iri);
  color:var(--ink);
  font-size:18px;
}
.studio-clear-card>div{display:grid;gap:4px}
.studio-clear-card b{font-size:13px}
.studio-clear-card small{font-size:10px;color:var(--muted)}
.project-next{
  margin:17px 0 2px;
  padding:12px 13px;
  border:1px solid var(--line-soft);
  border-radius:17px;
  background:rgba(248,243,237,.025);
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
}
.project-next small,.row-next small{
  color:#e3c5b7;
  font-size:8px;
  letter-spacing:.14em;
  font-weight:900;
}
.project-next b{
  font-size:12px;
  line-height:1.25;
  min-width:0;
}
.project-next span{
  color:var(--dim);
  font-size:9px;
}
.row-next{
  display:flex;
  gap:7px;
  align-items:center;
  margin-top:7px;
}
.row-next span{
  color:var(--cream-2);
  font-size:10px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.money-pulse-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
  margin:28px 0;
}
.money-pulse-grid>div{
  min-width:0;
  min-height:108px;
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(52,36,30,.58);
  padding:16px 14px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.money-pulse-grid strong{
  display:block;
  font-size:22px;
  line-height:1;
  letter-spacing:-.05em;
  overflow-wrap:anywhere;
}
.money-pulse-grid .has-warning{
  border-color:rgba(255,74,66,.34);
  box-shadow:inset 0 0 0 1px rgba(255,74,66,.04);
}
.money-pulse-grid .has-warning strong{color:#ff928c}
.payment-reported-section{margin:30px 0}
.payment-reported-section .section-title{margin:0 5px 11px}
.payment-reported-list{
  border:1px solid rgba(216,176,140,.24);
  border-radius:24px;
  overflow:hidden;
  background:rgba(52,36,30,.64);
}
.payment-report-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  border-top:1px solid var(--line-soft);
}
.payment-report-row:first-child{border-top:0}
.payment-report-main{
  border:0;
  background:transparent;
  color:var(--cream);
  padding:13px 15px;
  text-align:left;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  font:inherit;
}
.payment-report-main span{display:grid;gap:4px}
.payment-report-main b{font-size:13px}
.payment-report-main small{font-size:10px;color:var(--muted)}
.payment-report-main em{
  font-style:normal;
  color:var(--dim);
  font-size:9px;
}
.confirm-payment-btn{
  align-self:center;
  margin-right:11px;
  border:0;
  border-radius:14px;
  background:var(--iri);
  color:var(--ink);
  padding:9px 11px;
  font:inherit;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}
.studio-next-block{
  border:1px solid rgba(216,176,140,.22);
  border-radius:20px;
  background:rgba(216,176,140,.045);
  padding:16px!important;
  margin-bottom:6px;
}
.studio-next-block p{
  color:var(--cream)!important;
  font-size:18px!important;
  font-weight:700;
}
.studio-next-block small{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:10px;
}
.studio-quick-actions{
  margin:12px 0 18px;
  padding-bottom:18px;
  border-bottom:1px solid var(--line-soft);
}
.studio-quick-actions button{
  cursor:pointer;
}
.studio-activity-list{
  border:1px solid var(--line-soft);
  border-radius:18px;
  overflow:hidden;
  background:rgba(248,243,237,.02);
}
.studio-activity-row{
  min-height:58px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border-top:1px solid var(--line-soft);
}
.studio-activity-row:first-child{border-top:0}
.studio-activity-row>i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--iri);
}
.studio-activity-row>span{display:grid;gap:3px}
.studio-activity-row b{font-size:11px}
.studio-activity-row small{font-size:9px;color:var(--muted);line-height:1.35}
.studio-activity-row em{font-style:normal;font-size:8px;color:var(--dim);white-space:nowrap}
.payment-reported-callout{
  border:1px solid rgba(216,176,140,.26);
  border-radius:18px;
  background:rgba(216,176,140,.06);
  padding:13px 14px;
  display:grid;
  gap:4px;
  margin:7px 0 4px;
}
.payment-reported-callout b{font-size:12px}
.payment-reported-callout span{font-size:10px;color:var(--muted)}
.capture-choice-grid{
  display:grid;
  gap:10px;
  margin-top:22px;
}
.capture-choice-grid button{
  width:100%;
  border:1px solid var(--line);
  border-radius:21px;
  background:rgba(248,243,237,.035);
  color:var(--cream);
  padding:17px;
  text-align:left;
  display:grid;
  gap:5px;
  cursor:pointer;
  font:inherit;
}
.capture-choice-grid button:first-child{
  border-color:transparent;
  background:
    linear-gradient(rgba(52,36,30,.82),rgba(52,36,30,.82)) padding-box,
    var(--iri) border-box;
}
.capture-choice-grid b{font-size:15px}
.capture-choice-grid small{color:var(--muted);font-size:10px}
.capture-form{
  margin-top:20px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.capture-form label{
  display:grid;
  gap:7px;
  color:var(--muted);
  font-size:10px;
}
.capture-form input,
.capture-form select,
.capture-form textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:15px;
  background:rgba(0,0,0,.13);
  color:var(--cream);
  padding:12px 13px;
  outline:none;
  font:inherit;
}
.capture-form select{appearance:auto}
.capture-form textarea{
  min-height:105px;
  resize:vertical;
}
.capture-form .capture-wide,
.capture-submit{grid-column:1/-1}
.capture-submit{width:100%;margin-top:2px}
@media(max-width:620px){
  .quick-capture-btn{left:16px;bottom:calc(env(safe-area-inset-bottom) + 103px);height:47px;padding-right:12px}
  .quick-capture-btn span{width:32px;height:32px}
  .quick-capture-btn b{font-size:10px}
  .studio-business-pulse{grid-template-columns:1fr 1fr}
  .studio-business-pulse>div:last-child{grid-column:1/-1}
  .money-pulse-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){
  .quick-capture-btn b{display:none}
  .quick-capture-btn{width:47px;padding:0;justify-content:center;border-radius:50%}
  .quick-capture-btn span{width:33px;height:33px}
  .studio-business-pulse b{font-size:18px}
  .attention-open{grid-template-columns:auto minmax(0,1fr);padding:12px}
  .attention-open em{grid-column:2}
  .attention-mini-action{margin-right:8px}
  .project-next{grid-template-columns:auto minmax(0,1fr)}
  .project-next span{grid-column:2}
  .money-pulse-grid{gap:7px}
  .money-pulse-grid>div{min-height:98px;padding:13px 12px}
  .money-pulse-grid strong{font-size:19px}
  .payment-report-row{grid-template-columns:1fr}
  .confirm-payment-btn{margin:0 12px 12px;justify-self:start}
  .capture-form{grid-template-columns:1fr}
  .capture-form .capture-wide,.capture-submit{grid-column:1}
}
@media(prefers-reduced-motion:reduce){
  .studio-attention-signal.is-hot{animation:none}
}


/* Rewards identity + floating help fix */
.client-rewards-hero{
  overflow:visible;
  z-index:6;
}
.client-rewards-hero>.client-tip{
  z-index:30;
}
.client-rewards-hero>.client-tip p{
  z-index:40;
}
.client-rewards-orbit .client-visual{
  background:
    url('/studio/visual-cloud.svg') center/78% 78% no-repeat,
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.08),transparent 34%),
    rgba(248,243,237,.025);
}
.client-rewards-orbit .client-visual img{
  visibility:hidden;
}
.client-portal-nav button[data-client-view="rewards"]>span:first-child{
  width:22px;
  height:22px;
  display:block;
  font-size:0;
  background:url('/studio/visual-cloud.svg') center/contain no-repeat;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.12));
}


/* Keep contextual help above rounded client cards */
.client-journey-card,
.client-bank-card{
  overflow:visible;
  z-index:5;
}
.client-journey-card .client-tip,
.client-bank-card .client-tip{
  z-index:30;
}
.client-journey-card .client-tip p,
.client-bank-card .client-tip p{
  z-index:40;
}


/* Client message unread signal */
.client-portal-nav button.has-unread{position:relative}
.client-portal-nav button.has-unread:after{
  content:attr(data-unread);
  position:absolute;
  top:7px;
  right:22%;
  min-width:17px;
  height:17px;
  padding:0 4px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#ff3b30;
  color:#fff;
  font-size:8px;
  line-height:1;
  font-weight:900;
  box-shadow:0 0 0 3px rgba(43,31,26,.95),0 0 14px rgba(255,59,48,.28);
}
.client-portal-nav button.active.has-unread:after{
  box-shadow:0 0 0 3px rgba(238,231,222,.72),0 0 14px rgba(255,59,48,.22);
}
@media(max-width:430px){
  .client-portal-nav button.has-unread:after{top:6px;right:14%}
}


.client-referral-consent{
  margin:10px 2px 0!important;
  color:var(--dim)!important;
  font-size:9px!important;
  line-height:1.4!important;
}


/* Internal saved copy / deliverable detail */
.studio-copy-details{
  margin:8px 0;
  border:1px solid rgba(216,176,140,.18);
  border-radius:20px;
  background:rgba(248,243,237,.025);
  overflow:hidden;
}
.studio-copy-details summary{
  list-style:none;
  cursor:pointer;
  padding:15px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.studio-copy-details summary::-webkit-details-marker{display:none}
.studio-copy-details summary span{display:grid;gap:4px}
.studio-copy-details summary label{
  color:var(--dim);
  font-size:9px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:800;
}
.studio-copy-details summary b{
  color:var(--cream-2);
  font-size:13px;
}
.studio-copy-details summary i{
  color:var(--copper);
  font-style:normal;
  font-size:20px;
  transition:transform .2s ease;
}
.studio-copy-details[open] summary i{transform:rotate(45deg)}
.studio-copy-body{
  border-top:1px solid var(--line-soft);
  padding:18px 16px 22px;
  color:var(--cream-2);
  font-size:12px;
  line-height:1.65;
  max-height:58vh;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}


/* Client entrance — premium private portal */
.client-portal-shell:has(.client-auth-entry){
  width:min(100%,920px);
  padding-top:10px;
}
.client-auth-wrap.client-auth-entry{
  min-height:calc(100svh - 122px);
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.82fr);
  gap:26px;
  align-items:center;
  place-items:initial;
  padding:14px 0 36px;
}
.client-auth-welcome{
  position:relative;
  min-width:0;
  padding:20px 12px 20px 4px;
}
.client-auth-welcome>.client-kicker{
  margin:0 0 13px;
  color:#e7c9b9;
  font-size:10px;
  letter-spacing:.19em;
  font-weight:900;
}
.client-auth-welcome h1{
  max-width:620px;
  margin:0;
  font-size:clamp(54px,7.8vw,88px);
  line-height:.87;
  letter-spacing:-.072em;
}
.client-auth-welcome-copy{
  max-width:470px;
  margin:22px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.55;
}
.client-auth-visual{
  position:relative;
  width:150px;
  height:112px;
  margin:0 0 26px;
  display:grid;
  place-items:center;
}
.client-auth-visual img{
  position:relative;
  z-index:2;
  width:124px;
  height:96px;
  object-fit:contain;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.22));
  animation:clientAuthFloat 5.8s ease-in-out infinite;
}
.client-auth-visual.is-code img{width:112px;height:90px}
.client-auth-halo{
  position:absolute;
  inset:7px 0 0 4px;
  border-radius:50%;
  background:
    radial-gradient(circle at 43% 42%,rgba(230,242,247,.19),rgba(241,219,215,.08) 42%,transparent 69%);
  filter:blur(2px);
  transform:scale(1.22);
}
.client-auth-visual>i{
  position:absolute;
  z-index:3;
  right:2px;
  top:5px;
  color:#fbefe8;
  font-style:normal;
  font-size:20px;
  text-shadow:0 0 22px rgba(255,240,232,.75);
  animation:milestoneSpark 2.8s ease-in-out infinite;
}
.client-auth-access{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(248,243,237,.14);
  border-radius:30px;
  padding:25px;
  background:
    radial-gradient(circle at 88% -6%,rgba(222,237,242,.08),transparent 34%),
    rgba(43,31,26,.74);
  box-shadow:0 28px 75px rgba(0,0,0,.22);
  backdrop-filter:blur(22px);
}
.client-auth-access:after{
  content:"";
  position:absolute;
  width:145px;
  height:145px;
  right:-74px;
  bottom:-76px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(232,214,236,.08),transparent 68%);
  pointer-events:none;
}
.client-auth-access-head{
  position:relative;
  z-index:2;
  margin-bottom:20px;
}
.client-auth-access-head>span{
  display:block;
  margin-bottom:8px;
  color:var(--dim);
  font-size:8px;
  letter-spacing:.17em;
  font-weight:900;
}
.client-auth-access-head>b{
  display:block;
  color:var(--cream);
  font-size:24px;
  line-height:1;
  letter-spacing:-.04em;
}
.client-auth-access-head>p{
  margin:9px 0 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
}
.client-auth-access-head strong{color:var(--cream-2);font-weight:700}
.client-auth-form-clean{
  position:relative;
  z-index:2;
  gap:8px;
}
.client-auth-form-clean label{
  margin:0 0 2px;
  color:var(--muted);
  font-size:9px;
  letter-spacing:.02em;
}
.client-auth-form-clean input{
  min-height:58px;
  border-radius:18px;
  padding:0 16px;
  background:rgba(18,11,8,.26);
}
.client-auth-form-clean button{
  min-height:58px;
  margin-top:4px;
  border-radius:18px;
  padding:0 17px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-size:13px;
  font-weight:900;
}
.client-auth-form-clean button span{
  font-size:18px;
  line-height:1;
}
.client-auth-form-clean .client-form-note{
  min-height:0;
  margin-top:5px;
  padding:10px 12px;
  border:1px solid rgba(230,179,170,.2);
  border-radius:14px;
  background:rgba(230,179,170,.055);
  color:#ecc3bb;
  font-size:10px;
}
.client-auth-trust{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:8px 15px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--line-soft);
}
.client-auth-trust span{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--dim);
  font-size:9px;
}
.client-auth-trust i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--iri);
  box-shadow:0 0 10px rgba(229,225,237,.28);
}
.client-auth-secondary{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:5px 17px;
  margin-top:13px;
}
.client-auth-secondary .client-text-btn{
  margin:0;
  padding:5px 0;
  font-size:10px;
}
.client-auth-code-stage .client-code-input{
  min-height:66px;
  font-size:29px!important;
  letter-spacing:.32em;
  padding-left:calc(16px + .32em);
}
@keyframes clientAuthFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}
  50%{transform:translate3d(0,-7px,0) rotate(1deg)}
}
@media(max-width:760px){
  .client-portal-shell:has(.client-auth-entry){padding-top:4px}
  .client-auth-wrap.client-auth-entry{
    min-height:auto;
    grid-template-columns:1fr;
    gap:18px;
    padding:0 0 34px;
  }
  .client-auth-welcome{
    padding:6px 3px 0;
  }
  .client-auth-visual{
    width:118px;
    height:83px;
    margin:0 0 17px;
  }
  .client-auth-visual img{
    width:100px;
    height:76px;
  }
  .client-auth-visual.is-code img{width:94px;height:73px}
  .client-auth-visual>i{font-size:16px;right:0;top:1px}
  .client-auth-welcome h1{
    max-width:520px;
    font-size:clamp(45px,12vw,60px);
    line-height:.9;
  }
  .client-auth-welcome-copy{
    max-width:440px;
    margin-top:15px;
    font-size:13px;
  }
  .client-auth-access{
    border-radius:26px;
    padding:21px 19px;
  }
  .client-auth-access-head>b{font-size:22px}
}
@media(max-width:430px){
  .client-portal-shell:has(.client-auth-entry){
    padding-left:15px;
    padding-right:15px;
  }
  .client-auth-wrap.client-auth-entry{gap:16px}
  .client-auth-welcome h1{font-size:47px}
  .client-auth-welcome-copy{font-size:12px}
  .client-auth-access{padding:20px 17px}
  .client-auth-form-clean input,
  .client-auth-form-clean button{min-height:56px}
  .client-auth-trust{gap:7px 12px}
}
@media(prefers-reduced-motion:reduce){
  .client-auth-visual img,
  .client-auth-visual>i{animation:none}
}


/* Client entrance v2 — private members club */
body:has(.client-members-entry) .client-portal-top{
  display:none;
}
.client-portal-shell:has(.client-members-entry){
  width:min(100%,760px);
  padding:0 22px 36px;
}
.client-members-entry{
  min-height:100svh!important;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:28px;
  padding:calc(env(safe-area-inset-top) + 40px) 0 calc(env(safe-area-inset-bottom) + 44px)!important;
}
.client-members-intro{
  width:min(100%,650px);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.client-members-overline,
.client-members-space{
  display:block;
  color:#ead0c4;
  font-size:10px;
  font-weight:900;
  letter-spacing:.28em;
  text-transform:uppercase;
}
.client-members-overline{margin-bottom:12px}
.client-members-space{
  margin-top:9px;
  color:rgba(248,243,237,.72);
  letter-spacing:.32em;
}
.client-members-wordmark{
  width:min(92%,530px);
  height:auto;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 18px 38px rgba(0,0,0,.18));
}
.client-members-wordmark-fallback{
  font-size:clamp(54px,13vw,92px);
  line-height:.9;
  letter-spacing:-.06em;
}
.client-members-intro>p{
  max-width:430px;
  margin:22px auto 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}
.client-members-access{
  position:relative;
  overflow:hidden;
  width:min(100%,560px);
  border:1px solid rgba(248,243,237,.15);
  border-radius:30px;
  padding:24px;
  background:
    linear-gradient(180deg,rgba(248,243,237,.025),transparent 26%),
    rgba(38,25,20,.74);
  backdrop-filter:blur(26px);
  box-shadow:
    0 32px 90px rgba(0,0,0,.3),
    inset 0 1px 0 rgba(255,255,255,.03);
}
.client-members-access:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 0%,rgba(244,221,215,.06),transparent 34%),
    radial-gradient(circle at 100% 90%,rgba(220,235,241,.055),transparent 34%);
}
.client-members-access-head,
.client-members-form,
.client-members-security,
.client-members-secondary{
  position:relative;
  z-index:2;
}
.client-members-access-head{
  margin-bottom:18px;
  text-align:left;
}
.client-members-access-head>span{
  display:block;
  margin-bottom:7px;
  color:#dcb9a8;
  font-size:8px;
  font-weight:900;
  letter-spacing:.19em;
}
.client-members-access-head>b{
  display:block;
  color:var(--cream);
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.04em;
}
.client-members-access-head>p{
  max-width:440px;
  margin:9px 0 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
}
.client-members-access-head strong{color:var(--cream-2)}
.client-members-form label{
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:8px;
}
.client-members-form input{
  min-height:58px;
  border-radius:18px;
  background:rgba(12,8,6,.26);
}
.client-members-form button{
  min-height:58px;
  margin-top:5px;
  border-radius:18px;
  font-size:12px;
  letter-spacing:.01em;
}
.client-members-security{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--line-soft);
  color:var(--dim);
  font-size:7px;
  font-weight:800;
  letter-spacing:.13em;
}
.client-members-security i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#e6c6b7;
}
.client-members-signoff{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  margin-top:-5px;
}
.client-members-signoff img{
  width:54px;
  height:54px;
  object-fit:contain;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.2));
}
.client-members-signoff span{
  color:rgba(248,243,237,.42);
  font-size:8px;
  letter-spacing:.16em;
}
.client-auth-code-stage .client-members-intro>p{margin-top:18px}
.client-members-secondary{
  justify-content:center;
  margin-top:13px;
}
.client-members-secondary .client-text-btn{
  color:rgba(248,243,237,.55);
}
@media(max-width:620px){
  .client-portal-shell:has(.client-members-entry){
    padding-left:16px;
    padding-right:16px;
  }
  .client-members-entry{
    justify-content:flex-start;
    gap:22px;
    padding-top:calc(env(safe-area-inset-top) + 58px)!important;
  }
  .client-members-wordmark{
    width:min(96%,430px);
  }
  .client-members-intro>p{
    max-width:360px;
    margin-top:18px;
    font-size:12px;
  }
  .client-members-access{
    padding:21px 18px;
    border-radius:27px;
  }
  .client-members-access-head>b{font-size:22px}
  .client-members-signoff img{
    width:48px;
    height:48px;
  }
}
@media(max-width:390px){
  .client-members-entry{padding-top:calc(env(safe-area-inset-top) + 42px)!important}
  .client-members-wordmark{width:100%}
  .client-members-overline,
  .client-members-space{font-size:8px}
  .client-members-access{padding:19px 16px}
  .client-members-security{font-size:6px;gap:7px}
}


/* Members entrance atmospheric cloud field */
body:has(.client-members-entry) .ambient{
  opacity:1;
}
body:has(.client-members-entry) .ambient:before{
  width:min(1080px,150vw);
  left:54%;
  top:-4%;
  opacity:.12;
  filter:blur(3px) saturate(1.06);
  mix-blend-mode:screen;
  animation:membersCloudHero 28s ease-in-out infinite alternate;
}
body:has(.client-members-entry) .ambient:after{
  left:-30%;
  right:-30%;
  bottom:-110px;
  height:330px;
  opacity:.52;
  filter:blur(28px);
}
body:has(.client-members-entry) .ambient i{
  border-radius:0;
  opacity:.075;
  filter:blur(6px) saturate(.95);
  background:url('/images/hero-cloud-transparent.png') center/contain no-repeat!important;
  mix-blend-mode:screen;
  will-change:transform;
}
body:has(.client-members-entry) .ambient i:nth-child(1){
  width:470px;
  height:260px;
  right:-170px;
  top:20%;
  animation:membersCloudRight 34s ease-in-out infinite alternate;
}
body:has(.client-members-entry) .ambient i:nth-child(2){
  width:520px;
  height:285px;
  left:-210px;
  bottom:17%;
  opacity:.065;
  animation:membersCloudLeft 39s ease-in-out infinite alternate;
}
body:has(.client-members-entry) .ambient i:nth-child(3){
  width:350px;
  height:205px;
  right:8%;
  bottom:-40px;
  opacity:.055;
  animation:membersCloudLow 31s ease-in-out infinite alternate;
}
@keyframes membersCloudHero{
  0%{transform:translateX(-50%) translate3d(-15px,5px,0) scale(1.01)}
  100%{transform:translateX(-50%) translate3d(26px,-15px,0) scale(1.06)}
}
@keyframes membersCloudRight{
  0%{transform:translate3d(0,0,0) scale(.96)}
  100%{transform:translate3d(-58px,-24px,0) scale(1.05)}
}
@keyframes membersCloudLeft{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(72px,-18px,0) scale(1.07)}
}
@keyframes membersCloudLow{
  0%{transform:translate3d(0,0,0) scale(.95)}
  100%{transform:translate3d(-34px,-28px,0) scale(1.04)}
}
@media(prefers-reduced-motion:reduce){
  body:has(.client-members-entry) .ambient:before,
  body:has(.client-members-entry) .ambient i{
    animation:none!important;
  }
}


/* Ashcloud Check · live analytics dashboard */
.check-live-strip{display:flex;align-items:center;gap:11px;border:1px solid rgba(126,234,196,.24);background:linear-gradient(120deg,rgba(126,234,196,.08),rgba(52,36,30,.66));border-radius:20px;padding:12px 14px;margin:-2px 0 14px}.check-live-strip>div{display:grid;gap:2px;min-width:0;flex:1}.check-live-strip b{font-size:10px;letter-spacing:.14em;color:#bdf6df}.check-live-strip small{font-size:11px;color:var(--muted)}.check-live-strip button{border:1px solid var(--line);background:rgba(248,243,237,.05);color:var(--cream);border-radius:999px;padding:8px 11px;font-size:11px;cursor:pointer}.check-live-dot{width:9px;height:9px;border-radius:50%;background:#7eeac4;box-shadow:0 0 0 0 rgba(126,234,196,.5);animation:studioAlertPulse 1.5s ease-out infinite;flex:0 0 auto}

.check-periods{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border:1px solid var(--line-soft);background:rgba(52,36,30,.55);padding:6px;border-radius:18px;margin:0 0 16px}.check-periods button{border:0;background:transparent;color:var(--muted);border-radius:13px;padding:10px 6px;font-size:11px;font-weight:700;letter-spacing:.08em;cursor:pointer}.check-periods button.active{background:var(--iri);color:var(--ink)}

.check-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:10px}.check-kpi{min-width:0;border:1px solid rgba(248,243,237,.14);background:rgba(52,36,30,.72);border-radius:22px;padding:17px 14px;display:grid;gap:5px}.check-kpi small,.check-secondary-pulse small{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:700}.check-kpi strong{font-size:31px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.check-kpi span{font-size:10px;line-height:1.35;color:var(--muted)}.check-kpi.is-complete{background:linear-gradient(145deg,rgba(216,176,140,.18),rgba(88,68,103,.18),rgba(52,36,30,.8));border-color:rgba(216,176,140,.38)}.check-kpi.is-complete strong{background:var(--iri);-webkit-background-clip:text;background-clip:text;color:transparent}

.check-secondary-pulse{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line-soft);border-radius:20px;overflow:hidden;margin-bottom:16px;background:var(--line-soft)}.check-secondary-pulse>div{background:rgba(43,31,26,.96);padding:14px 15px;display:grid;gap:4px}.check-secondary-pulse b{font-size:17px}.check-secondary-pulse span{font-size:9px;color:var(--muted);line-height:1.3}

.check-insight{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(216,176,140,.3);background:linear-gradient(120deg,rgba(216,176,140,.09),rgba(122,106,165,.07));border-radius:22px;padding:16px 17px;margin:0 0 18px}.check-insight>span{font-size:19px;line-height:1;background:var(--iri);-webkit-background-clip:text;background-clip:text;color:transparent}.check-insight p{margin:0;font-size:13px;line-height:1.55;color:var(--cream-2)}.check-insight b{color:var(--cream)}

.check-panel{border:1px solid rgba(248,243,237,.15);background:rgba(52,36,30,.62);border-radius:28px;padding:22px;margin-bottom:16px;overflow:hidden}.check-panel .section-title{margin-bottom:15px}.check-panel .section-title h2{font-size:23px}.check-section-copy{font-size:11px;line-height:1.55;color:var(--muted);margin:-4px 0 16px}

.check-funnel{display:grid;gap:16px}.check-funnel-step{display:grid;gap:8px}.check-funnel-copy{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:11px}.check-funnel-copy span{font-size:13px;font-weight:700}.check-funnel-copy b{font-size:18px;font-variant-numeric:tabular-nums}.check-funnel-copy em{font-style:normal;color:var(--muted);font-size:10px;min-width:85px;text-align:right}.check-funnel-track{height:11px;border-radius:999px;background:rgba(248,243,237,.06);overflow:hidden}.check-funnel-track i{height:100%;display:block;border-radius:inherit;background:var(--iri);min-width:0;transition:width .35s ease}

.check-utm-list{display:grid;gap:8px}.check-utm-row{border:1px solid var(--line-soft);background:rgba(43,31,26,.54);border-radius:20px;padding:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.check-utm-main{min-width:0;display:grid;gap:7px}.check-utm-title{display:flex;align-items:center;gap:8px;min-width:0}.check-utm-title strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-zero{font-size:8px;font-weight:800;letter-spacing:.08em;padding:4px 6px;border-radius:999px;background:rgba(255,191,71,.11);color:#ffd58a;border:1px solid rgba(255,191,71,.2);white-space:nowrap}.check-utm-code{display:flex;gap:5px;flex-wrap:wrap}.check-utm-code code{font-family:inherit;font-size:8px;color:var(--muted);border:1px solid rgba(248,243,237,.08);background:rgba(248,243,237,.025);border-radius:999px;padding:4px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.check-utm-main>small{font-size:9px;color:var(--dim)}.check-utm-metrics{display:grid;grid-template-columns:repeat(4,48px);gap:3px}.check-utm-metrics span{display:grid;text-align:center;gap:2px;padding:7px 3px;border-left:1px solid var(--line-soft)}.check-utm-metrics span:first-child{border-left:0}.check-utm-metrics b{font-size:14px;font-variant-numeric:tabular-nums}.check-utm-metrics small{font-size:8px;color:var(--muted)}.check-utm-metrics .conversion b{color:#d8b08c}

.check-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.check-mini-card{border:1px solid var(--line-soft);border-radius:18px;background:rgba(43,31,26,.5);padding:13px;display:grid;gap:4px;min-width:0}.check-mini-card small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-mini-card b{font-size:25px;line-height:1}.check-mini-card span{font-size:9px;line-height:1.35;color:var(--dim)}

.check-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check-split .check-panel{min-width:0}.check-compact-list{display:grid}.check-compact-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line-soft);padding:11px 0}.check-compact-row:first-child{border-top:0}.check-compact-row>span{display:grid;gap:3px;min-width:0}.check-compact-row b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-compact-row small{font-size:9px;color:var(--muted);line-height:1.35}.check-compact-row em{font-style:normal;font-size:10px;color:var(--cream-2);white-space:nowrap}

.check-trend-legend{display:flex;gap:15px;justify-content:flex-end;margin:-4px 0 10px}.check-trend-legend span{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.check-trend-legend i,.check-trend-legend b{display:block;width:8px;height:8px;border-radius:2px}.check-trend-legend i{background:rgba(216,176,140,.52)}.check-trend-legend b{background:linear-gradient(135deg,#e6c4a4,#a59ac4)}.check-trend{height:150px;display:flex;align-items:stretch;gap:6px;padding-top:5px;overflow-x:auto}.check-trend-day{min-width:28px;flex:1;display:grid;grid-template-rows:1fr auto;gap:7px}.check-trend-bars{height:118px;display:flex;align-items:flex-end;justify-content:center;gap:2px;border-bottom:1px solid var(--line-soft)}.check-trend-bars i,.check-trend-bars b{display:block;width:min(9px,40%);min-height:0;border-radius:5px 5px 1px 1px}.check-trend-bars i{background:rgba(216,176,140,.48)}.check-trend-bars b{background:linear-gradient(180deg,#d8b08c,#8d82a9)}.check-trend-day small{text-align:center;font-size:8px;color:var(--dim);white-space:nowrap}

.check-score-chart{height:126px;display:grid;grid-template-columns:repeat(10,1fr);gap:5px;align-items:end}.check-score-cell{height:100%;display:grid;grid-template-rows:1fr auto auto;gap:4px;text-align:center}.check-score-cell>div{display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--line-soft)}.check-score-cell i{display:block;width:72%;background:var(--iri);border-radius:5px 5px 1px 1px;min-height:0}.check-score-cell b{font-size:9px}.check-score-cell small{font-size:8px;color:var(--muted)}

.check-event-list{display:grid}.check-event-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line-soft)}.check-event-row:first-child{border-top:0}.check-event-dot{width:8px;height:8px;border-radius:50%;background:var(--dim)}.check-event-dot.landed{background:#d8b08c}.check-event-dot.started{background:#b8a7c7}.check-event-dot.completed{background:#7eeac4;box-shadow:0 0 0 3px rgba(126,234,196,.08)}.check-event-row>span:nth-child(2){display:grid;gap:3px;min-width:0}.check-event-row b{font-size:11px}.check-event-row small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-event-row em{font-style:normal;font-size:8px;color:var(--dim);white-space:nowrap}

.check-warning{border-color:rgba(255,191,71,.22);background:rgba(255,191,71,.045)}.check-gap-list{display:grid;gap:8px}.check-gap-row{display:flex;gap:11px;align-items:flex-start;border:1px solid rgba(255,191,71,.15);background:rgba(43,31,26,.42);border-radius:16px;padding:12px}.check-gap-row>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,191,71,.14);color:#ffd58a;font-weight:800;font-size:11px;flex:0 0 auto}.check-gap-row>div{display:grid;gap:3px}.check-gap-row b{font-size:11px}.check-gap-row small{font-size:9px;line-height:1.45;color:var(--muted)}

@media(max-width:620px){
  .bottom-nav{height:94px;padding:7px;gap:1px}
  .bottom-nav button{font-size:10px;gap:5px;padding:8px 1px 7px}
  .nav-icon{height:25px}.nav-icon svg{width:24px;height:24px}.money-glyph{font-size:23px}
  .check-kpis{grid-template-columns:1fr 1fr}
  .check-secondary-pulse{grid-template-columns:1fr 1fr}.check-secondary-pulse>div:last-child{grid-column:1/-1}
  .check-utm-row{grid-template-columns:1fr;gap:10px}.check-utm-metrics{grid-template-columns:repeat(4,1fr)}
  .check-mini-grid{grid-template-columns:1fr 1fr}
  .check-split{grid-template-columns:1fr;gap:0}
}
@media(max-width:390px){
  .bottom-nav button{font-size:9px}
  .check-panel{padding:18px}
  .check-live-strip button{padding:7px 8px}
  .check-utm-code code{font-size:7px}
}


/* Check dashboard channel hierarchy */
.check-channel-list{display:grid;gap:8px}
.check-channel-row{width:100%;border:1px solid var(--line-soft);background:rgba(43,31,26,.54);color:inherit;border-radius:20px;padding:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;text-align:left;cursor:pointer}
.check-channel-row:hover{border-color:rgba(216,176,140,.28);background:rgba(52,36,30,.72)}
.check-channel-copy{display:grid;gap:5px;min-width:0}
.check-channel-copy b{font-size:14px}
.check-channel-copy small{font-size:9px;color:var(--muted);line-height:1.4}
.check-channel-metrics{display:grid;grid-template-columns:repeat(3,48px) auto;gap:2px;align-items:center}
.check-channel-metrics i{font-style:normal;display:grid;text-align:center;gap:2px;padding:6px 3px;border-left:1px solid var(--line-soft)}
.check-channel-metrics i:first-child{border-left:0}
.check-channel-metrics i b{font-size:14px;font-variant-numeric:tabular-nums}
.check-channel-metrics i small{font-size:8px;color:var(--muted)}
.check-channel-metrics em{font-style:normal;font-size:10px;color:#d8b08c;white-space:nowrap;padding-left:8px}

.check-sheet-head{margin-bottom:16px}
.check-sheet-head .kicker{margin:0 0 8px}
.check-sheet-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line-soft);background:var(--line-soft);border-radius:18px;overflow:hidden;margin:0 0 18px}
.check-sheet-stats span{display:grid;gap:4px;background:rgba(43,31,26,.98);padding:12px 9px;text-align:center}
.check-sheet-stats small{font-size:8px;letter-spacing:.1em;color:var(--muted)}
.check-sheet-stats b{font-size:18px;font-variant-numeric:tabular-nums}

.check-campaign-list{display:grid;gap:8px}
.check-campaign-row{width:100%;border:1px solid var(--line-soft);background:rgba(52,36,30,.62);color:inherit;border-radius:18px;padding:14px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;cursor:pointer}
.check-campaign-row>span:first-child{display:grid;gap:4px;min-width:0}
.check-campaign-row>span:first-child b{font-size:12px}
.check-campaign-row>span:first-child small{font-size:9px;color:var(--muted);line-height:1.35}
.check-campaign-metrics{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:7px;text-align:right;align-items:end}
.check-campaign-metrics b{font-size:18px;line-height:1;grid-row:1/3}
.check-campaign-metrics small{font-size:8px;color:var(--muted)}
.check-campaign-metrics em{font-style:normal;font-size:9px;color:#d8b08c}

.check-business-groups{display:grid;gap:9px}
.check-business-group{border:1px solid var(--line-soft);border-radius:18px;overflow:hidden;background:rgba(43,31,26,.48)}
.check-business-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px}
.check-business-group summary::-webkit-details-marker{display:none}
.check-business-group summary span{font-size:11px;font-weight:700}
.check-business-group summary b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:rgba(248,243,237,.06);font-size:10px}
.check-business-group>div{border-top:1px solid var(--line-soft)}
.check-business-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid var(--line-soft)}
.check-business-row:first-child{border-top:0}
.check-business-row>span{display:grid;gap:3px;min-width:0}
.check-business-row b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.check-business-row small{font-size:8px;color:var(--muted)}
.check-business-status{font-style:normal;font-size:8px;font-weight:800;letter-spacing:.06em;border-radius:999px;padding:6px 8px;white-space:nowrap;border:1px solid var(--line-soft)}
.check-business-status.completed{color:#bdf6df;background:rgba(126,234,196,.08);border-color:rgba(126,234,196,.18)}
.check-business-status.started{color:#d7c9e3;background:rgba(184,167,199,.08);border-color:rgba(184,167,199,.18)}
.check-business-status.landed{color:#efcfaf;background:rgba(216,176,140,.08);border-color:rgba(216,176,140,.18)}
.check-business-status.no-visit{color:#b9aba3;background:rgba(248,243,237,.035)}
.check-business-status.not-sent{color:#8f817a;background:rgba(248,243,237,.02)}

@media(max-width:620px){
  .check-channel-row{grid-template-columns:1fr;gap:10px}
  .check-channel-metrics{grid-template-columns:repeat(3,1fr) auto}
  .check-sheet-stats{grid-template-columns:1fr 1fr}
}