/* Painel Athelier: direção contemporânea, inspirado em apps de biblioteca, sem copiar a referência. */
:root{--ink:#f8f7f1;--paper:#070908;--cream:#111413;--line:#2a302d;--muted:#929a95;--coral:#ff685e;--dark:#090b0a;--green:#47e38a;--green-soft:#133625}
body{background:var(--paper);color:var(--ink)}
.opening{background:radial-gradient(circle at 50% 30%,#183726 0%,#080a09 56%)}.opening-logo span{border-color:var(--green);color:var(--green)}.opening-logo small{color:#b9c7bd}
.login-screen{background:#0d100f}.login-art{background:radial-gradient(circle at 18% 20%,#193a29 0%,#121816 48%,#080a09 100%);border-right:1px solid #263029}.login-art:after{border-color:#48e38a88;box-shadow:0 0 0 9vw #47e38a10,0 0 0 19vw #47e38a08}.login-logo span{border-color:var(--green);color:var(--green)}.login-logo small{color:#aab8ae}.login-art p{color:#f1f5f1}.login-art em{color:#98aa9e}.login-card{background:#101312;color:#f6f8f5;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.login-card h1{color:#f9faf8}.login-card .kicker{color:var(--green)}.login-copy{color:#a1aaa4}.login-card label{color:#e8eee9}.login-card input{background:#181d1b;border-color:#3a443e;color:#f5f8f5;caret-color:var(--green);font-size:14px}.login-card input::placeholder{color:#778179;opacity:1}.login-card input:-webkit-autofill,.login-card input:-webkit-autofill:hover,.login-card input:-webkit-autofill:focus{-webkit-text-fill-color:#f5f8f5;-webkit-box-shadow:0 0 0 1000px #181d1b inset;transition:background-color 9999s ease-out}.login-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #47e38a22}.login-card .coral-button{margin-top:25px;background:var(--green);color:#092617}.secure-note{color:#7f8a83}
.app-shell{background:#070908;grid-template-columns:252px 1fr}
.sidebar{background:linear-gradient(180deg,#101312 0%,#080a09 70%);border-right:1px solid #242927;padding:25px 16px}
.side-logo{padding:0 9px;margin-bottom:47px}.side-logo span{border:0;background:var(--green);color:#092315;font-family:"DM Sans";font-style:normal;font-weight:800}.side-logo strong{font-family:"DM Sans";font-style:normal;font-size:19px;font-weight:800;letter-spacing:-.05em}
.side-logo:after{content:"CRIAÇÃO PARA MARCAS";position:absolute;top:53px;left:54px;font:700 7px "DM Mono";letter-spacing:.19em;color:#b9c2bb}
.sidebar nav:before{content:"MENU";color:#737b76;font:10px "DM Mono";letter-spacing:.2em;padding:0 12px 7px}
.nav-item{padding:12px 12px;border:1px solid transparent;border-radius:9px;color:#a5aea8;font-weight:600;transition:.2s}.nav-item:hover{background:#171b19;color:#fff}.nav-item.active{background:#1b201e;border-color:#313936;color:#fff;box-shadow:inset 3px 0 0 var(--green)}.nav-item.active i{color:var(--green)}
.client-chip{background:#121615;border:1px solid #2a312e;border-radius:12px;padding:13px 11px}.client-chip b{background:var(--green);color:#0c2618}.nav-item.muted{padding-left:11px}.sidebar-bottom:before{content:"CONTA";display:block;color:#737b76;font:10px "DM Mono";letter-spacing:.2em;padding:0 12px 9px}
.workspace{max-width:1420px;padding:30px clamp(24px,4vw,56px) 78px}.workspace-head{margin-bottom:25px}.workspace h1{font-family:"DM Sans";font-size:29px;font-weight:800;letter-spacing:-.055em;line-height:1.05}.workspace-subtitle{margin:6px 0 0;color:#8f9892;font-size:13px}.kicker{color:var(--green);font-family:"DM Mono";font-size:9px;letter-spacing:.16em}
.head-actions{gap:10px}.system-status{border:1px solid #2a302d;background:#101312;border-radius:999px;padding:9px 13px;color:#a6afa9;font:600 11px "DM Sans"}.system-status i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 11px #47e38a}.round-button,.account-button,.quiet-button,.back-button{background:#101312;border-color:#303734;color:#e9ece9;border-radius:8px}.round-button{height:38px;width:38px}.account-button{padding:7px 12px 7px 7px}.account-button span{background:#26322d;border:1px solid #3d4b45}
.welcome{min-height:300px;border:1px solid #2b3731;border-radius:20px;background:radial-gradient(circle at 16% 10%,#163625 0%,#101513 42%,#111111 100%);grid-template-columns:1.25fr .75fr;box-shadow:0 16px 42px #0004}.welcome>div:first-child{padding:37px 31px}.welcome h2{font-family:"DM Sans";font-size:clamp(34px,4.4vw,58px);font-weight:800;letter-spacing:-.075em;line-height:.96}.welcome h2 em{font-family:"Playfair Display";font-style:italic;font-weight:500;color:var(--green)}.welcome p:not(.kicker){font-size:14px;color:#aeb6b0;max-width:470px;margin:14px 0 19px}.coral-button{background:var(--green);color:#092617;border-radius:9px;box-shadow:0 9px 22px #00e8731f;padding:12px 16px}.coral-button:hover{filter:brightness(1.08)}.welcome-note{display:flex;align-items:center;gap:9px;margin-top:22px;color:#a4ada7;font-size:10px}.welcome-note b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--green);background:#173626;font-size:14px}.welcome-note strong{display:block;color:#dfe5df;font-size:10px;margin-bottom:2px}.welcome-visual{background:linear-gradient(155deg,#1e2822,#0e100f);border-left:1px solid #2f3933}.welcome-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,#0003)}.welcome-visual span{font-family:"DM Sans";font-size:27px;font-weight:800;line-height:.88}.welcome-visual small{color:#aab8ae}.arch{border-color:#4ae58955}.arch-a{box-shadow:0 0 0 54px #47e38a0a}.arch-b{border-color:#47e38a99}
.overview-grid{gap:12px;margin:14px 0 44px}.overview-grid article{background:#101312;border-color:#2a302d;border-radius:14px;padding:18px 20px;transition:.2s}.overview-grid article:hover{translate:0 -2px;border-color:#4b5951}.metric-icon{color:var(--green)}.overview-grid b{color:#fff;font-family:"DM Sans";font-size:28px;font-weight:800}.overview-grid p{color:#8b958e}
.section-head{gap:15px;margin-bottom:13px}.section-head h2{font-family:"DM Sans";letter-spacing:-.05em;font-size:23px;font-weight:800}.section-description{margin:0 0 1px auto;color:#89938d;font-size:11px}.quiet-button{padding:9px 12px;color:#dce2dd}.quiet-button:hover{border-color:#59665f;background:#181d1a}.quiet-button span{color:var(--green)}
.template-row{border:1px solid #2a302d;background:#101312;border-radius:14px;padding:13px;transition:.2s}.template-row:hover{border-color:#59665f;background:#131816}.template-mini{width:148px;border-radius:8px;background:#15221b}.template-mini span{color:#ceddd0}.template-mini b{font-family:"DM Sans";font-weight:800;color:#f7faf7;letter-spacing:-.04em}.template-mini i{background:var(--green);filter:saturate(.75);opacity:.78}.template-row h3{font-family:"DM Sans";font-size:20px;font-weight:800;color:#f2f5f2}.template-row p{color:#929b95}.tag{color:var(--green)}
.creator-top h2,.placeholder-view h2{color:#fff;font-family:"DM Sans";font-weight:800}.creator-grid{gap:14px}.editor-panel,.canvas-panel{background:#101312;border-color:#2a302d;border-radius:14px}.editor-panel label{color:#cad2cc}.editor-panel input,.editor-panel textarea{background:#0c0f0e;border-color:#303734;color:#eef1ee;border-radius:8px}.upload-box{background:#0d100f;border-color:#46534c;border-radius:9px}.brand-lock{background:#132219;border-radius:8px;color:#bac6bd}.brand-lock b{color:#eaf0ea}.brand-lock span{color:var(--green)}.canvas-top,.canvas-actions{color:#98a39c}.poster{border-radius:9px;background:#102219}.poster-glow{background:var(--green);opacity:.7}.poster-top>span{font-family:"DM Sans"}.poster-copy>p:first-child{color:#c8f6d8}.poster-footer{color:#d3e6d8}.placeholder-view{border-color:#3b453f;background:#101312;border-radius:14px}.placeholder-view p:last-child{color:#969f99}.toast{background:#e8f9ed;color:#173020;border-radius:9px;font-weight:600}
@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #252c28}.side-logo:after{display:none}.workspace{padding-top:28px}.system-status{display:none}.welcome{border-radius:16px}}
@media(max-width:560px){.workspace h1{font-size:26px}.workspace-subtitle{font-size:12px}.welcome>div:first-child{padding:28px 22px}.welcome h2{font-size:40px}.welcome-note{margin-top:17px}.section-head{align-items:flex-end;flex-wrap:wrap}.section-description{display:none}.template-row{gap:13px}.system-status{display:none}}