:root{--bg:#050505;--panel:#111115;--line:#ffffff14;--muted:#92929b;--text:#fff;--accent:#d9dcff}.scp-body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.scp-body *{box-sizing:border-box}.scp-body a{color:inherit}.scp-body button,.scp-body input,.scp-body textarea,.scp-body select{font:inherit}.scp-body button{cursor:pointer}.logo{font-size:25px;font-weight:650;letter-spacing:-1.5px;text-decoration:none}.logo span{color:#c6caff}.scp-body #scp-app{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.scp-body #scp-app>.auth{grid-column:1/-1;width:100%;min-width:0}.scp-body aside{padding:34px 24px;border-right:1px solid var(--line);background:#09090c;display:flex;flex-direction:column}.who{margin:55px 0 35px;padding:15px;border:1px solid var(--line);border-radius:14px}.who b,.who small{display:block}.who small,.eyebrow,small{color:var(--muted);font-size:11px}.scp-body nav{display:grid;gap:5px}.scp-body nav a{padding:11px 12px;color:#b0b0bb;text-decoration:none;border-radius:9px;font-size:14px}.scp-body nav a:hover{background:#fff0a;color:#fff}.scp-body nav a:last-child{margin-top:auto}.workspace{max-width:1180px;width:100%;margin:auto;padding:68px 56px}.workspace header{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:45px}.workspace h1{font-size:clamp(36px,4.5vw,60px);line-height:1.05;letter-spacing:-.065em;margin:10px 0 14px;font-weight:520}.workspace h2{letter-spacing:-.04em}.workspace p{color:var(--muted);max-width:620px}.primary{border:1px solid #fff;background:#f4f4f7;color:#111;border-radius:100px;padding:14px 20px;font-size:14px;font-weight:600}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-card,.panel,.metrics>div,.empty{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}.project-card{text-align:left;color:#fff;min-height:150px;display:flex;flex-direction:column;gap:12px}.project-card:hover{border-color:#b8bcff66;transform:translateY(-2px)}.project-card strong{font-size:20px;letter-spacing:-.035em}.status{font-size:11px;color:#cfd1ff;border:1px solid #cfd1ff33;border-radius:20px;padding:5px 9px;width:max-content}.status.complete{color:#b9dfc1}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.metrics b{font-size:42px;display:block;letter-spacing:-.06em}.panel{max-width:760px;margin-bottom:18px}.panel label{display:block;font-size:13px;margin:15px 0}.panel input,.panel textarea,.panel select{display:block;width:100%;margin-top:7px;background:#19191f;color:#fff;border:1px solid var(--line);border-radius:9px;padding:12px}.panel textarea{min-height:95px;resize:vertical}.panel .check{display:flex;gap:10px;align-items:center}.panel .check input{width:auto;margin:0}.project-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:18px}.chat{max-width:none}.messages{height:350px;overflow:auto;display:flex;flex-direction:column;gap:10px;margin:15px 0}.message{background:#1a1a20;border-radius:12px;padding:10px 13px;max-width:80%}.message.mine{align-self:flex-end;background:#292a40}.message p{color:#eee;margin:3px 0}.message small{font-size:9px}.chat form{display:flex;gap:10px}.chat textarea{min-height:44px;height:44px}.empty{text-align:center;grid-column:1/-1;padding:54px}.empty.small{padding:22px}.back{display:block;color:#b8bcdf;margin-bottom:25px}.auth{min-height:100vh;display:grid;place-content:center;padding:28px}.auth>.logo{position:fixed;top:28px;left:35px}.auth-card{width:min(480px,calc(100vw - 40px));padding:38px;border:1px solid var(--line);background:var(--panel);border-radius:22px}.auth-card h1{font-size:42px;letter-spacing:-.06em;margin:12px 0}.auth-card form label{display:block;margin:18px 0 0}.auth-card input{display:block;width:100%;margin-top:7px;background:#19191f;color:#fff;border:1px solid var(--line);border-radius:9px;padding:13px}.auth-card .primary{width:100%;margin-top:22px}.error{color:#ffb7c7!important;font-size:13px}@media(max-width:760px){.scp-body #scp-app{display:block}.scp-body aside{padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}.who{display:none}.scp-body nav{display:flex;overflow:auto;margin-top:18px}.scp-body nav a{white-space:nowrap}.workspace{padding:42px 20px}.workspace header{display:block}.workspace header .primary{margin-top:20px}.cards,.project-grid,.metrics{grid-template-columns:1fr}.chat form{display:block}.chat form .primary{margin-top:8px;width:100%}.auth>.logo{position:static;margin-bottom:50px}.auth{place-content:start;padding-top:32px}}
.scp-body input:-webkit-autofill,.scp-body input:-webkit-autofill:hover,.scp-body input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #19191f inset!important;box-shadow:0 0 0 1000px #19191f inset!important;transition:background-color 9999s ease-out 0s}
.files-panel{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.files-panel h3{font-size:14px;margin:0 0 10px}.file-upload{display:inline-block;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:12px;cursor:pointer}.file-upload input{display:none}.file-list{display:grid;gap:7px;margin-top:12px;font-size:12px;color:var(--muted)}.file-list a{color:#cbd0ff}.notice-button{margin-top:auto;border:1px solid #cfd1ff33;background:#171722;color:#d9dcff;padding:10px;border-radius:9px;font-size:12px}
.message-file{display:block;margin:7px 0;color:#d9dcff;font-size:12px}.notifications-panel{margin-top:auto;padding:12px;border:1px solid #cfd1ff33;background:#171722;color:#d9dcff;border-radius:9px;font-size:12px}.notifications-panel p{margin:8px 0;color:#d9dcff}
.scp-body aside nav{display:flex;flex:1;flex-direction:column}.scp-body aside nav a:last-child{margin-top:auto}
.forgot-password{display:block;margin:14px auto 0;padding:4px;border:0;background:none;color:#cfd1ff;font-size:13px;text-decoration:underline;text-underline-offset:3px}.notice-success{color:#b9dfc1!important;font-size:13px}
.scp-body .logo{display:block;width:40px;height:40px;background:url('/wp-content/plugins/studio-client-portal/assets/logo.png') center/contain no-repeat;font-size:0;line-height:0}.scp-body .logo span{display:none}
.scp-body .logo{display:block;width:38px;height:38px;padding:0;background:url('/wp-content/plugins/studio-client-portal/assets/logo.png') center/contain no-repeat;color:transparent;font-size:0;line-height:0}.scp-body .logo:before,.scp-body .logo span{display:none}
.scp-body .logo{position:relative;display:block;width:auto;height:40px;padding-left:48px;background:none;color:#fff;font-size:24px;line-height:40px;letter-spacing:-1.4px}.scp-body .logo:before{content:"";display:block;position:absolute;left:0;top:2px;width:36px;height:36px;background:url('/wp-content/plugins/studio-client-portal/assets/logo.png') center/contain no-repeat}.scp-body .logo span{display:inline;color:#c8c9d0}
/* Depth for the client workspace: close blacks distinguish functional areas without adding visual noise. */
:root{--bg:#070708;--panel:#121216;--panel-raised:#17171c;--field:#0d0d10;--line:#ffffff12}.scp-body{background:radial-gradient(900px 600px at 86% 0,#161219 0%,#09090b 48%,#060607 100%)}.scp-body #scp-app{background:linear-gradient(115deg,#070708 0%,#0a0a0d 55%,#09090c 100%)}.scp-body aside{background:linear-gradient(180deg,#0d0d10 0%,#09090c 48%,#060607 100%);box-shadow:16px 0 44px #00000018}.workspace{background:radial-gradient(640px 460px at 100% 0,#18141a55,transparent 70%)}.who{background:linear-gradient(145deg,#15151a,#0c0c0f)}.scp-body nav a:hover,.scp-body nav a[aria-current="page"]{background:#1a1a20;color:#fff}.project-card,.panel,.metrics>div,.empty{background:linear-gradient(145deg,var(--panel-raised),var(--panel))}.project-card:nth-child(2n),.metrics>div:nth-child(2n){background:linear-gradient(145deg,#19191f,#101014)}.project-card:hover{background:linear-gradient(145deg,#202026,#131318);border-color:#c8c9d066;box-shadow:0 14px 34px #00000035}.panel{box-shadow:0 18px 42px #00000020}.panel input,.panel textarea,.panel select,.auth-card input{background:var(--field);border-color:#ffffff18}.messages{padding:12px;border:1px solid #ffffff0b;border-radius:14px;background:#0b0b0e}.message{background:linear-gradient(145deg,#202026,#17171c);border:1px solid #ffffff0a}.message.mine{background:linear-gradient(145deg,#31313a,#222229);border-color:#c8c9d024}.auth{background:radial-gradient(620px 500px at 50% 18%,#1a171d 0%,#09090b 62%,#050506 100%)}.auth-card{background:linear-gradient(145deg,#18181d,#101014);box-shadow:0 28px 80px #00000066}.notice-button,.notifications-panel{background:linear-gradient(145deg,#202027,#141419);border-color:#c8c9d02b}.file-upload{background:#111116}.file-upload:hover{background:#19191f;border-color:#c8c9d066}@media(max-width:760px){.scp-body #scp-app{background:linear-gradient(180deg,#0c0c0f 0%,#070708 31%,#060607 100%)}.scp-body aside{background:linear-gradient(100deg,#0f0f13,#09090c)}.workspace{background:radial-gradient(430px 300px at 100% 0,#1c171d55,transparent 72%)}}