/* LuckyWeb client portal: book-inspired paper palette with cocoa navigation. */
:root{--bg:#f2e3c9;--panel:#fff8eb;--panel-raised:#fffaf1;--field:#fffdf8;--line:rgba(61,42,32,.17);--muted:#756455;--text:#3d2a20;--accent:#d94f59}
.scp-body{min-height:100vh;background:#f2e3c9!important;color:#3d2a20!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif}
.scp-body #scp-app{min-height:100vh;background:#f2e3c9!important;color:#3d2a20}
.scp-body aside{background:#432d22!important;color:#f4e8d5;border-right:1px solid #654936;box-shadow:12px 0 32px rgba(61,42,32,.08)}
.scp-body aside .logo,.scp-body aside .logo span{color:#fff4e1}
.scp-body aside .who{border-color:#ffffff2b;background:#50382a;color:#fff4e1}
.scp-body aside .who small{color:#ddc8ae}
.scp-body aside nav a{color:#eadcc9!important;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}
.scp-body aside nav a:hover,.scp-body aside nav a[aria-current="page"]{background:#604331!important;border-color:#795a40;color:#fff8eb!important}
.scp-body aside nav a.logout{color:#f0c0b8!important}
.scp-body aside footer{color:#d8c3ac}
.scp-body aside footer a{color:#f0c0b8}
.scp-body .workspace{background:#f2e3c9!important;color:#3d2a20;padding-top:clamp(40px,5vw,68px)}
.scp-body .workspace header{align-items:center;margin-bottom:32px}
.scp-body .workspace h1,.scp-body .auth-card h1,.scp-body .scp-boot h1,.scp-body .scp-load-error h1{font-family:"Iowan Old Style","Baskerville","Palatino Linotype",Georgia,serif;font-weight:500;letter-spacing:-.045em;color:#3d2a20}
.scp-body .workspace h1{font-size:clamp(38px,4.2vw,56px);line-height:1.05;margin:12px 0}
.scp-body .workspace h2{color:#3d2a20}
.scp-body .workspace p{color:#705f52}
.scp-body .eyebrow,.scp-body .workspace small{color:#846e5b}
.scp-body .primary{min-height:46px;background:#d94f59!important;border:1px solid #d94f59!important;color:#fff8e9!important;border-radius:999px;padding:12px 20px;box-shadow:none;transition:transform .2s,background .2s}
.scp-body .primary:hover{background:#c83e4a!important;transform:translateY(-1px)}
.scp-body .project-card,.scp-body .panel,.scp-body .metrics>div,.scp-body .empty,.scp-body .order-card,.scp-body .subscription-card{background:#fff8eb!important;color:#3d2a20;border:1px solid rgba(61,42,32,.17);box-shadow:0 10px 28px rgba(61,42,32,.055)}
.scp-body .project-card{color:#3d2a20;transition:transform .2s,box-shadow .2s,border-color .2s}
.scp-body .project-card strong,.scp-body .project-card span:last-child{color:#3d2a20}
.scp-body .project-card:hover{background:#fffaf2!important;border-color:#d94f59;box-shadow:0 16px 34px rgba(61,42,32,.11)}
.scp-body .status{color:#8a3941;background:#f6e4d4;border-color:#d94f5960}
.scp-body .status.complete,.scp-body .metrics b.active{color:#3d7252}
.scp-body .panel input,.scp-body .panel textarea,.scp-body .panel select,.scp-body .auth-card input{background:#fffdf8!important;color:#3d2a20!important;border-color:#c9b79d!important;border-radius:10px}
.scp-body .panel label,.scp-body .auth-card label{color:#5f4d3d}
.scp-body .panel input:focus,.scp-body .panel textarea:focus,.scp-body .panel select:focus,.scp-body .auth-card input:focus{border-color:#d94f59!important;outline-color:#d94f59!important}
.scp-body .messages{background:#f4eadb;border-color:#e0cfb6}
.scp-body .message{background:#fff8eb;border:1px solid #e0cfb6;color:#3d2a20}
.scp-body .message.mine{background:#f4d9d3;border-color:#e8b8af}
.scp-body .message p,.scp-body .notifications-panel p{color:#5f4d3d}
.scp-body .message-file,.scp-body .file-list a,.scp-body .panel a{color:#963b43}
.scp-body .notice-button,.scp-body .notifications-panel{background:#f8ebd8;border-color:#d8c3a7;color:#663b39}
.scp-body .file-upload{background:#fff8eb;border-color:#c9b79d;color:#5f4d3d}
.scp-body .file-upload:hover{background:#fffdf8;border-color:#d94f59}
.scp-body .auth{min-height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:82px 1fr auto;align-items:stretch;place-content:stretch;gap:0;padding:0 36px 18px;background:#f2e3c9!important;position:relative}
.scp-body .auth:before{content:"";position:absolute;z-index:0;inset:0 0 auto;height:82px;background:#432d22;border-bottom:1px solid #654936;box-shadow:0 8px 22px rgba(61,42,32,.1)}
.scp-body .auth-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:min(1180px,100%);height:82px;margin:0 auto}
.scp-body .auth-header .logo{position:relative;inset:auto;width:auto;height:40px;margin:0;padding-left:48px;color:#fff4e1;font-size:24px;line-height:40px}
.scp-body .auth-header .logo:before{background-color:#432d22;border-radius:50%}
.scp-body .auth-header .logo span{color:#f0c0b8}
.scp-body .auth-home{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #ffffff35;border-radius:999px;color:#fff4e1;text-decoration:none;font-size:13px}
.scp-body .auth-home:hover{background:#604331}
.scp-body .auth-card{align-self:center;justify-self:center;width:min(520px,100%);margin:42px auto;padding:clamp(26px,4vw,42px);border:1px solid #d6c3a8;border-radius:20px;background:#fff8eb;color:#3d2a20;box-shadow:0 18px 50px rgba(61,42,32,.09)}
.scp-body .auth-card h1{font-size:clamp(38px,5vw,52px);line-height:1.02;margin:12px 0 14px}
.scp-body .auth-card>p,.scp-body .auth-card form>p{color:#705f52}
.scp-body .auth-card .eyebrow{color:#846e5b}
.scp-body .auth-card form label{margin-top:17px;color:#5f4d3d;font-size:14px}
.scp-body .auth-card input{min-height:48px;padding:12px 14px}
.scp-body .auth-card .primary{width:100%;margin-top:22px}
.scp-body .auth-card .password-toggle{border-color:#c9b79d;background:#f4eadb;color:#6f5141}
.scp-body .auth-card .password-toggle:hover{border-color:#d94f59;background:#f8e1dc}
.scp-body .auth-card .alert,.scp-body .auth-card .error{color:#a33943!important}
.scp-body .auth-card .auth-switch a,.scp-body .auth-card a{color:#963b43}
.scp-body .register-cta{border:1px solid #ddc9ae;background:#f5ead8}
.scp-body .register-cta>span{color:#705f52}
.scp-body .register-cta>a{border-color:#d94f59;background:#d94f59;color:#fff8e9!important}
.scp-body .register-cta>a:hover{background:#c83e4a;border-color:#c83e4a}
.scp-body .auth-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(1180px,100%);margin:0 auto;padding:17px 0 0;border-top:1px solid #c9b79d;color:#756455;font-size:12px}
.scp-body .auth-footer a{color:#963b43}
.scp-body .auth-support{grid-column:1/-1;align-self:start;margin:0 auto;color:#756455}
.scp-body .auth-support a{color:#963b43}
.scp-body .scp-boot,.scp-body .scp-load-error{background:#fff8eb!important;border-color:#d6c3a8!important;box-shadow:0 18px 50px rgba(61,42,32,.09)!important}
.scp-body .scp-boot h1,.scp-body .scp-load-error h1{color:#3d2a20}
.scp-body .scp-boot p,.scp-body .scp-load-error p{color:#705f52}
.scp-body .scp-boot .primary,.scp-body .scp-load-error .primary{color:#fff8e9}
@media(max-width:1024px){.scp-body .workspace{padding:42px 30px}}
@media(max-width:760px){
 .scp-body aside{background:#432d22!important;padding:14px 16px 12px}
 .scp-body aside nav{scrollbar-width:none}
 .scp-body aside nav::-webkit-scrollbar{display:none}
 .scp-body aside nav a{flex:none;min-height:40px}
 .scp-body .workspace{padding:30px 18px 44px}
 .scp-body .workspace header{margin-bottom:25px}
 .scp-body .workspace h1{font-size:clamp(34px,9vw,42px)}
 .scp-body .cards,.scp-body .metrics,.scp-body .project-grid,.scp-body .form-grid{grid-template-columns:minmax(0,1fr)}
 .scp-body .auth{grid-template-rows:72px 1fr auto;padding:0 18px calc(18px + env(safe-area-inset-bottom))}
 .scp-body .auth:before{height:72px}
 .scp-body .auth-header{height:72px}
 .scp-body .auth-header .logo{font-size:21px}
 .scp-body .auth-card{width:100%;margin:24px auto;padding:25px 21px;border-radius:16px}
 .scp-body .auth-card h1{font-size:clamp(36px,10vw,46px)}
 .scp-body .auth-footer{flex-wrap:wrap;justify-content:center;text-align:center;gap:8px 16px;padding-top:14px}
 .scp-body .auth-support{margin-top:16px}
 .scp-body .order-card{grid-template-columns:minmax(0,1fr) auto}
}
@media(prefers-reduced-motion:reduce){.scp-body *,body.lw-site *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Keep the server-rendered login fallback consistent if JavaScript is unavailable. */
.scp-body .auth>.logo{position:relative;inset:auto;align-self:stretch;justify-self:center;width:min(1180px,100%);height:82px;margin:0 auto;padding-left:48px;color:#fff4e1;font-size:24px;line-height:82px}
.scp-body .auth>.logo:before{content:"";position:absolute;left:0;top:22px;width:36px;height:36px;background:#432d22 url('/wp-content/plugins/studio-client-portal-103/assets/logo.png') center/contain no-repeat;border-radius:50%}
.scp-body .auth>.logo span{color:#f0c0b8}
@media(max-width:760px){.scp-body .auth>.logo{height:72px;line-height:72px;font-size:21px}.scp-body .auth>.logo:before{top:18px}}