/* Digital Forge 2026 — the client workspace inherits the public site system.
   This file intentionally only changes presentation; portal state and API behavior remain in portal/index.html. */
:root{
  --p-paper:#f4f3fb;
  --p-surface:#ffffff;
  --p-ink:#111119;
  --p-muted:#66647a;
  --p-line:rgba(17,17,25,.13);
  --p-purple:#7c5ce7;
  --p-lime:#d8ff42;
  --p-shadow:0 22px 54px rgba(45,36,85,.12);
  --black:var(--p-paper);
  --panel:var(--p-surface);
  --panel2:#eeecf7;
  --line:var(--p-line);
  --white:var(--p-ink);
  --muted:var(--p-muted);
  --green:var(--p-lime);
  --amber:#ffdc8b;
  --red:#ed8c89;
}
html,body{background:var(--p-paper)!important;color:var(--p-ink)!important}
body{background:radial-gradient(circle at 84% 7%,rgba(124,92,231,.15),transparent 24rem),linear-gradient(180deg,#f8f7ff 0,#f4f3fb 46%,#eeecf7 100%)!important}
.shell{width:min(calc(100% - 48px),1440px)}
.eyebrow{color:var(--p-purple)!important;font-weight:900!important;letter-spacing:.13em!important}
.button{min-height:46px;background:var(--p-ink)!important;color:#fff!important;border:1px solid var(--p-ink)!important;border-radius:999px!important;box-shadow:none!important;transition:transform .2s,box-shadow .2s,background .2s!important}
.button:hover{transform:translateY(-2px);box-shadow:0 11px 22px rgba(17,17,25,.16)!important}
.button.dark{background:transparent!important;color:var(--p-ink)!important;border-color:var(--p-line)!important}
.button.dark:hover{background:#fff!important}
.button.approve{background:var(--p-lime)!important;color:var(--p-ink)!important;border-color:var(--p-lime)!important}
.button.changes{background:#fff7f6!important;color:#a8423d!important;border-color:rgba(168,66,61,.35)!important}
.field label{color:var(--p-ink)!important;font-weight:850!important}
.field input,.field textarea,.field select,.language{background:#fff!important;color:var(--p-ink)!important;border-color:var(--p-line)!important;border-radius:13px!important;box-shadow:none!important}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--p-purple)!important;box-shadow:0 0 0 4px rgba(124,92,231,.12)!important}

/* Login — editorial, bright and recognizably Digital Forge. */
.login{min-height:100dvh;background:var(--p-paper)!important;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr)!important}
.login-visual{padding:clamp(32px,7vw,110px)!important;border-right:0!important;background:
  radial-gradient(circle at 66% 43%,rgba(124,92,231,.31) 0 7%,transparent 7.2%),
  radial-gradient(circle at 66% 43%,transparent 0 17%,rgba(124,92,231,.13) 17.15% 17.6%,transparent 17.8%),
  linear-gradient(135deg,#dfdcf5 0,#f9f8ff 44%,#e9e6f9 100%)!important}
.login-visual::after{content:"";position:absolute;inset:18px;border:1px solid rgba(17,17,25,.08);border-radius:30px;pointer-events:none}
.login-brand{position:relative;z-index:1;color:var(--p-ink)!important}.login-brand img{height:64px!important}.login-brand strong{letter-spacing:.09em;font-size:11px!important}
.login-copy{position:relative;z-index:1;max-width:730px}.login-copy h1{color:var(--p-ink)!important;font-size:clamp(4.2rem,8vw,8.2rem)!important;line-height:.79!important}.login-copy h1::first-line{color:var(--p-purple)}
.login-copy p{color:var(--p-muted)!important;max-width:500px!important}.login-visual>.eyebrow{position:relative;z-index:1;color:var(--p-ink)!important}
.login-side{position:relative;padding:32px!important;background:rgba(255,255,255,.7)!important}.login-side::before{content:"CLIENT WORKSPACE";position:absolute;right:30px;top:26px;color:var(--p-purple);font:900 9px ui-monospace,monospace;letter-spacing:.14em}
.login-card{position:relative;width:min(100%,450px)!important;padding:38px!important;border-color:var(--p-line)!important;border-radius:28px!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--p-shadow)!important}.login-card h2{color:var(--p-ink)!important}.login-card>p{color:var(--p-muted)!important}.login-card .button{width:100%}.install-help-button{color:var(--p-purple)!important}

/* Authenticated workspace. */
.app{background:transparent!important}.topbar{top:10px!important;margin:0 auto!important;width:min(calc(100% - 48px),1440px)!important;border:1px solid var(--p-line)!important;border-bottom:1px solid var(--p-line)!important;border-radius:19px!important;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(18px)!important;box-shadow:0 10px 30px rgba(45,36,85,.07)!important}.topbar-in{height:66px!important;width:calc(100% - 28px)!important}.brand{color:var(--p-ink)!important}.brand img{height:43px!important}.brand strong{font-size:10px!important;letter-spacing:.1em!important}.top-actions{gap:6px!important}.language{min-height:40px!important;padding:8px 10px!important}.top-actions .button{min-height:40px!important;padding:8px 12px!important}
.dashboard{padding:96px 0 74px!important}.welcome{align-items:end!important;margin-bottom:20px!important;padding:20px 0 8px!important}.welcome h1{color:var(--p-ink)!important;font-size:clamp(3.9rem,7vw,7.5rem)!important;line-height:.8!important;letter-spacing:-.075em!important}.welcome-side{border-left-color:var(--p-line)!important}.welcome-side p{color:var(--p-muted)!important}.welcome-actions .button{min-height:42px!important}
.stats{gap:12px!important;margin-bottom:14px!important}.stat{min-height:132px;border-color:var(--p-line)!important;border-radius:21px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 9px 24px rgba(45,36,85,.05)!important}.stat:after{border-color:rgba(124,92,231,.18)!important}.stat span{color:var(--p-muted)!important}.stat strong{color:var(--p-ink)!important}
.workspace{border-color:var(--p-line)!important;border-radius:25px!important;background:rgba(255,255,255,.85)!important;box-shadow:var(--p-shadow)!important}.projects{border-right-color:var(--p-line)!important;background:#eceaf7!important}.section-head{background:rgba(236,234,247,.96)!important;border-bottom-color:var(--p-line)!important}.section-head h2{color:var(--p-ink)!important}.section-head p{color:var(--p-muted)!important}.project-card{border-bottom-color:var(--p-line)!important;color:var(--p-ink)!important}.project-card:hover,.project-card.active{background:#fff!important}.project-card.active{box-shadow:inset 4px 0 0 var(--p-purple)!important}.project-card:after{border-color:var(--p-line)!important;color:var(--p-purple)!important}.project-card.active:after{background:var(--p-lime)!important;border-color:var(--p-lime)!important;color:var(--p-ink)!important}.project-card .meta,.project-card p{color:var(--p-muted)!important}.project-card h3{color:var(--p-ink)!important}.progress{background:#d5d1e6!important}.progress span{background:linear-gradient(90deg,var(--p-purple),#a98bff)!important}
.detail{background:rgba(255,255,255,.52)!important}.detail-empty{color:var(--p-muted)!important}.detail-empty strong{color:var(--p-ink)!important}.detail-head h2{color:var(--p-ink)!important}.detail-head p{color:var(--p-muted)!important}.badge{border-color:var(--p-line)!important;color:var(--p-ink)!important;background:#fff!important}.badge.review{background:#fff7dd!important;color:#6a4c00!important}.badge.approved,.badge.delivered,.badge.final{background:#ebffb1!important;color:#344500!important}.badge.changes_requested{background:#fff0ee!important;color:#a8423d!important}
.project-focus,.overview-main,.quick-note,.version,.comments,.conversation-layout .comment-form,.project-journey{border-color:var(--p-line)!important;background:#fff!important;box-shadow:0 8px 22px rgba(45,36,85,.04)!important}.project-focus{background:linear-gradient(110deg,#fcfbff,#ede9ff)!important}.project-focus strong,.quick-note h3,.version h4,.versions h3,.conversation h3,.timeline h3{color:var(--p-ink)!important}.project-focus .eyebrow{color:var(--p-purple)!important}.focus-check{background:var(--p-lime)!important;color:var(--p-ink)!important}.project-info{border-color:var(--p-line)!important}.info{border-color:var(--p-line)!important}.info span{color:var(--p-muted)!important}.info strong{color:var(--p-ink)!important}
.detail-nav{border-color:var(--p-line)!important;background:rgba(255,255,255,.88)!important;box-shadow:0 8px 24px rgba(45,36,85,.06)!important}.detail-tab{color:var(--p-muted)!important}.detail-tab span{background:#ebe8f6!important;color:var(--p-purple)!important}.detail-tab.active{background:var(--p-ink)!important;color:#fff!important}.detail-tab.active span{background:var(--p-lime)!important;color:var(--p-ink)!important}
.journey-head strong{color:var(--p-ink)!important}.journey-head span:last-child{color:var(--p-muted)!important}.journey-steps::before{background:#d9d5e8!important}.journey-step{color:var(--p-muted)!important}.journey-dot{background:#fff!important;border-color:var(--p-line)!important;color:var(--p-muted)!important}.journey-step.done{color:var(--p-purple)!important}.journey-step.done .journey-dot{background:#eee9ff!important;border-color:#c0b0ff!important;color:var(--p-purple)!important}.journey-step.active{color:var(--p-ink)!important}.journey-step.active .journey-dot{background:var(--p-lime)!important;border-color:var(--p-lime)!important;color:var(--p-ink)!important;box-shadow:0 0 0 6px rgba(216,255,66,.22)!important}
.version{background:#fff!important}.version-top,.version-actions,.review-box,.comment{border-color:var(--p-line)!important}.version-top p,.comment time,.timeline-item p,.large-delivery-note{color:var(--p-muted)!important}.version video,.video-review{background:#111119!important}.video-review-bar{background:#1a1922!important;border-color:#292737!important;color:#fff!important}.video-time{color:#fff!important}.video-time::before{background:var(--p-lime)!important}.large-delivery-note{background:#f7f5ff!important;border-color:#d7ceff!important}.large-delivery-note::before{background:#eae4ff!important;color:var(--p-purple)!important}.comment{background:#fff!important}.comment.admin{background:#f4f1ff!important}.comment.editor{background:#fff9e8!important;box-shadow:inset 3px 0 0 #ffcf62!important}.comment strong,.comment p,.timeline-item strong{color:var(--p-ink)!important}.comment-reference,.comment-timecode{border-color:#d1c8f4!important;background:#f0edff!important;color:var(--p-purple)!important}.timeline-list{border-left-color:#d6d1e5!important}.timeline-item:before{background:var(--p-purple)!important}.toast{background:var(--p-ink)!important;color:#fff!important;box-shadow:var(--p-shadow)!important}

/* Security / support / install overlays retain the same product family. */
.security{background:radial-gradient(circle at 45% 10%,rgba(124,92,231,.21),transparent 28rem),var(--p-paper)!important}.security-card,.install-dialog,.notifications-dialog,.support-dialog{background:#fff!important;color:var(--p-ink)!important;border-color:var(--p-line)!important;box-shadow:0 35px 100px rgba(45,36,85,.28)!important}.security-brand{color:var(--p-ink)!important}.security-card>p,.install-dialog>div>p,.notifications-dialog-in>p,.support-head p{color:var(--p-muted)!important}.install-dialog::backdrop,.notifications-dialog::backdrop,.support-dialog::backdrop{background:rgba(38,30,71,.4)!important}.install-close{background:#fff!important;color:var(--p-ink)!important;border-color:var(--p-line)!important}.install-platform,.notification-item,.conduct-card{background:#faf9ff!important;border-color:var(--p-line)!important;color:var(--p-ink)!important}.install-platform>span,.install-steps li,.notification-item small,.notification-item time,.conduct-card p{color:var(--p-muted)!important}.install-steps li::before{background:var(--p-lime)!important;color:var(--p-ink)!important}.notification-item.unread{background:linear-gradient(105deg,#eeebff,#fff)!important;box-shadow:inset 3px 0 0 var(--p-purple)!important}.notification-item.unread .notification-signal{border-color:var(--p-purple)!important;background:var(--p-purple)!important}.notification-item strong,.conduct-card strong{color:var(--p-ink)!important}.notifications-button.has-unread>span{color:var(--p-purple)!important}

@media(max-width:980px){.login{grid-template-columns:1fr!important}.login-visual{min-height:42dvh!important}.login-side::before{display:none}.workspace{grid-template-columns:1fr!important}.projects{background:#eceaf7!important}.section-head{background:#eceaf7!important}}
@media(max-width:680px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}.shell{width:calc(100% - 24px)!important}
  .topbar{top:7px!important;width:calc(100% - 16px)!important;border-radius:16px!important}.topbar-in{height:59px!important;width:calc(100% - 20px)!important}.brand img{height:37px!important}.top-actions .button{min-height:38px!important}.language{min-height:38px!important;background:#fff!important}
  .dashboard{padding:82px 0 18px!important}.welcome{grid-template-columns:1fr auto!important;padding:9px 0!important}.welcome h1{font-size:2.45rem!important;line-height:.9!important}.welcome-side{max-width:160px!important}.stats{gap:6px!important}.stat{min-height:78px!important;padding:11px 9px!important;background:#fff!important}.stat span{font-size:6px!important}.stat strong{font-size:23px!important}
  .workspace{border-radius:19px!important;box-shadow:none!important}.projects{border-radius:19px 19px 0 0!important}.section-head{padding:14px 15px!important}.project-card.active{box-shadow:inset 0 4px 0 var(--p-purple)!important}.detail{padding:14px 12px 20px!important;background:#fff!important}.detail-nav{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.96)!important;border-color:var(--p-line)!important;box-shadow:0 -10px 32px rgba(45,36,85,.18)!important}.detail-tab.active{background:var(--p-ink)!important}.project-focus,.overview-main,.quick-note,.version,.comments,.conversation-layout .comment-form{box-shadow:none!important}
  .login-visual{min-height:34dvh!important;padding:27px 22px!important}.login-visual::after{inset:10px;border-radius:22px}.login-copy h1{font-size:3.55rem!important}.login-card{padding:23px!important;box-shadow:0 12px 34px rgba(45,36,85,.1)!important}.login-side{background:rgba(255,255,255,.65)!important}
}