/* Painel interno — mesma assinatura visual da landing */
body:has(header.topbar){background:#111;color:#f5f0e5;font-family:Manrope,Arial,sans-serif}
body:has(header.topbar):before{height:2px;background:#d5a323}
body:has(header.topbar) header.topbar{position:sticky;top:0;z-index:8;min-height:74px;background:#171717;border:0;border-bottom:1px solid #ffffff1c;backdrop-filter:blur(15px)}
body:has(header.topbar) .brand{color:#fff;font-family:Manrope,Arial,sans-serif}
body:has(header.topbar) .logo-placeholder:before{border-radius:0;background:#d5a323;box-shadow:none;color:#171717}
body:has(header.topbar) .topbar nav a{color:#bbb4a7;border-radius:0;font-size:12px}
body:has(header.topbar) .topbar nav a:hover{background:transparent;color:#ebbc45}
body:has(header.topbar) .topbar nav i{color:#d5a323}
body:has(header.topbar) .user-avatar{border-radius:0;background:#d5a323;color:#171717}
body:has(header.topbar) .user-copy strong{color:#fff}
body:has(header.topbar) .user-copy small{color:#aaa396}
body:has(header.topbar) .logout{border-radius:0;background:#292722;color:#e8be52}
body:has(header.topbar) main{max-width:1280px;padding:54px 32px 76px}
body:has(header.topbar) main>*{animation:panelIn .5s ease both}
body:has(header.topbar) .page-head{border-bottom:1px solid #ffffff20;padding-bottom:25px;margin-bottom:27px}
body:has(header.topbar) .page-head h1,body:has(header.topbar) h1{color:#fff;font-family:'Playfair Display',Georgia,serif;font-size:42px;font-weight:700;letter-spacing:-1.5px}
body:has(header.topbar) h2{color:#f8f2e7;font-family:Manrope,Arial,sans-serif;font-size:16px}
body:has(header.topbar) .page-head p,body:has(header.topbar) .muted,body:has(header.topbar) small{color:#aaa397}
body:has(header.topbar) .eyebrow{color:#d9ad3a;font-family:'DM Mono',monospace;letter-spacing:1.2px}
body:has(header.topbar) .button,body:has(header.topbar) button{border-radius:0;background:#d5a323;box-shadow:none;color:#171717;font-size:12px;letter-spacing:.25px;text-transform:uppercase}
body:has(header.topbar) .button:hover,body:has(header.topbar) button:hover{background:#edc550;box-shadow:none;transform:translateY(-2px)}
body:has(header.topbar) .button.secondary,body:has(header.topbar) button.secondary{border:1px solid #ffffff44;background:transparent;color:#e6ded0}
body:has(header.topbar) .metrics article,body:has(header.topbar) .stage-grid article{border:1px solid #ffffff19;border-radius:0;background:#1c1b19;box-shadow:none}
body:has(header.topbar) .metrics article:first-child{background:#d5a323;color:#171717}
body:has(header.topbar) .metrics article:first-child strong,body:has(header.topbar) .metrics article:first-child span{color:#171717}
body:has(header.topbar) .metrics strong,body:has(header.topbar) .stage-grid strong{font-family:'DM Mono',monospace;color:#f0c44e}
body:has(header.topbar) .metrics span,body:has(header.topbar) .stage-grid span{color:#c0b8aa;font-size:10px;letter-spacing:.6px;text-transform:uppercase}
body:has(header.topbar) .stage-grid article{border-top:2px solid #d5a323}
body:has(header.topbar) .stage-grid article:nth-child(3n+2) strong,body:has(header.topbar) .stage-grid article:nth-child(3n+3) strong{color:#f0c44e}
body:has(header.topbar) .live-pill{background:#25231f;color:#c6beaf}
body:has(header.topbar) .filters{border:1px solid #ffffff1f;border-radius:0;background:#1b1a18;box-shadow:none}
body:has(header.topbar) input,body:has(header.topbar) select,body:has(header.topbar) textarea{border-color:#ffffff28;border-radius:0;background:#24221f;color:#f8f2e7}
body:has(header.topbar) input::placeholder,body:has(header.topbar) textarea::placeholder{color:#888074}
body:has(header.topbar) input:focus,body:has(header.topbar) select:focus,body:has(header.topbar) textarea:focus{border-color:#d5a323;box-shadow:0 0 0 2px #d5a3232e;background:#292721}
body:has(header.topbar) label{color:#e3dccf;font-size:11px;letter-spacing:.35px;text-transform:uppercase}
body:has(header.topbar) .card,body:has(header.topbar) .form.card,body:has(header.topbar) .table-wrap{border:1px solid #ffffff20;border-radius:0;background:#1b1a18;box-shadow:none}
body:has(header.topbar) .table-wrap table{color:#e9e2d7}
body:has(header.topbar) th{background:#24221f;color:#b7ae9e}
body:has(header.topbar) th,body:has(header.topbar) td{border-bottom-color:#ffffff16}
body:has(header.topbar) tbody tr:hover{background:#24221f}
body:has(header.topbar) .late{background:#3a211f}body:has(header.topbar) .soon{background:#372f1b}
body:has(header.topbar) .badge{border-radius:0;background:#3f3316;color:#f0c44e}
body:has(header.topbar) .detail-grid .card{background:#1b1a18}
body:has(header.topbar) .no-image,body:has(header.topbar) .thumb{border-radius:0;background:#292721;color:#a9a194}
body:has(header.topbar) .history li{border-bottom-color:#ffffff16}
body:has(header.topbar) .history strong,body:has(header.topbar) a{color:#e8b83b}
body:has(header.topbar) .production-card{border:1px solid #ffffff20;border-radius:0;background:#1b1a18;box-shadow:none}
body:has(header.topbar) .production-card:hover{box-shadow:0 14px 28px #00000030;transform:translateY(-3px)}
body:has(header.topbar) .production-card.blocked{border-color:#934b43;background:#281b1a}
body:has(header.topbar) .route-wrap{border-color:#ffffff1a;border-radius:0;background:#24221f}
body:has(header.topbar) .route-label{color:#a79e8f}.route-step:not(:last-child):after{background:#5a554c}
body:has(header.topbar) .route-step.done,body:has(header.topbar) .route-step.done i,body:has(header.topbar) .route-step.current i,body:has(header.topbar) .next-stage i{color:#e5b437}
body:has(header.topbar) .route-step.current,body:has(header.topbar) .next-stage strong{color:#fff}
body:has(header.topbar) .problem button{background:#8d4c47;color:#fff}
body:has(header.topbar) fieldset{border-color:#ffffff2b}body:has(header.topbar) hr{border-color:#ffffff1e}
@keyframes panelIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:680px){body:has(header.topbar) main{padding:34px 17px 54px}body:has(header.topbar) .page-head h1,body:has(header.topbar) h1{font-size:34px}}

/* Acesso e primeiro cadastro */
body:has(.auth){background:linear-gradient(90deg,#090909eB,#090909A6),url('/assets/images/pinto-hero-production.png') center/cover fixed;color:#f7f1e5}
body:has(.auth):before{height:2px;background:#d5a323}
main.public:has(.auth){display:grid;place-items:center;max-width:none;min-height:100vh;margin:0;padding:40px 22px}
.auth{width:min(100%,470px);margin:0;border:1px solid #ffffff2e;border-radius:0;background:#171717ED;box-shadow:0 25px 80px #00000075;padding:42px;text-align:left}
.auth .brand.big{justify-content:center;margin-bottom:38px;color:#fff}.auth .brand.big .logo-placeholder{font-family:Manrope,Arial,sans-serif;font-size:18px}.auth .brand.big .logo-placeholder:before{border-radius:0;background:#d5a323;box-shadow:none;color:#171717}
.auth h1{color:#fff;font-family:'Playfair Display',Georgia,serif;font-size:42px;font-weight:700;letter-spacing:-1.5px}.auth p{color:#c0b9ac;font-size:14px}.auth form{margin:30px 0 18px}.auth label{color:#e7dfd1;font-size:11px;letter-spacing:.4px;text-transform:uppercase}.auth input{border-color:#ffffff2c;border-radius:0;background:#23211e;color:#fff}.auth input:focus{border-color:#d5a323;box-shadow:0 0 0 2px #d5a32333;background:#292721}.auth button{width:100%;margin-top:7px;border-radius:0;background:#d5a323;box-shadow:none;color:#171717;font-size:12px;letter-spacing:.3px;text-transform:uppercase}.auth button:hover{background:#edc550;box-shadow:none;transform:translateY(-2px)}.auth>a{color:#e5b437;font-size:12px}
@media(max-width:520px){main.public:has(.auth){padding:20px}.auth{padding:30px 25px}.auth h1{font-size:35px}}

/* Tipografia unificada — moderna, direta e legível. */
.landing-hero h1,.landing-page h2,body:has(header.topbar) .page-head h1,body:has(header.topbar) h1,.auth h1{font-family:Sora,Manrope,Arial,sans-serif!important;font-style:normal;letter-spacing:-2.6px}
.landing-hero h1,.landing-page h2{line-height:.95}.landing-hero h1 em{font-style:normal}

/* Construtor de fluxos */
body:has(header.topbar) .flow-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.45fr);gap:14px;align-items:start}
body:has(header.topbar) .flow-catalog,body:has(header.topbar) .flow-builder{padding:27px}.flow-catalog h2,.flow-builder h2{margin-bottom:5px}.flow-catalog>p{font-size:12px;line-height:1.65}.flow-new-stage{padding:18px 0 22px;margin:21px 0 18px;border-bottom:1px solid #ffffff18}.flow-new-stage button{width:100%;margin-top:0}.flow-stage-options{display:grid;gap:7px;max-height:390px;overflow:auto;padding-right:3px}.flow-stage-option{display:flex!important;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px!important;border:1px solid #ffffff20!important;border-radius:0!important;background:#24221f!important;color:#eee7d8!important;font-size:12px!important;letter-spacing:0!important;text-align:left;text-transform:none!important}.flow-stage-option span{display:grid;place-items:center;width:22px;height:22px;background:#d5a323;color:#171717}.flow-stage-option:hover{border-color:#d5a323!important;background:#2e2a21!important;transform:none!important}.flow-stage-option:disabled{opacity:.32;cursor:not-allowed}.flow-builder-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.flow-count{padding:6px 8px;background:#3f3316;color:#f0c44e;font-family:'DM Mono',monospace;font-size:10px}.flow-sequence-wrap{margin:8px 0 18px;border:1px solid #ffffff20;background:#181716}.flow-sequence-label{display:flex;justify-content:space-between;gap:15px;padding:12px 14px;border-bottom:1px solid #ffffff17;color:#f2eadc;font-size:11px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.flow-sequence-label small{font-size:10px;color:#9f9686;text-transform:none}.flow-sequence{display:grid;gap:0;min-height:160px;margin:0;padding:0;list-style:none}.flow-empty{display:grid;place-items:center;min-height:158px;color:#968e80;font-size:12px}.flow-empty i{margin-right:7px;color:#d5a323}.flow-sequence-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;min-height:53px;padding:8px 10px;border-bottom:1px solid #ffffff14;background:#211f1c}.flow-sequence-item:last-child{border-bottom:0}.flow-position:before{content:counter(flow-step,decimal-leading-zero);counter-increment:flow-step;color:#e6b93f;font-family:'DM Mono',monospace;font-size:11px}.flow-sequence{counter-reset:flow-step}.flow-sequence-item strong{font-size:13px}.flow-sequence-actions{display:flex;gap:4px}.flow-sequence-actions button{display:grid;place-items:center;width:29px;min-height:29px;padding:0;border:1px solid #ffffff22!important;background:transparent!important;color:#e6ded0!important}.flow-sequence-actions button:hover{border-color:#d5a323!important;color:#e6b93f!important;transform:none!important}.flow-sequence-actions button:last-child:hover{border-color:#a34d47!important;color:#e58c83!important}.flow-builder-error{min-height:18px;margin:0 0 10px;color:#e48c83;font-size:12px}.flow-save{min-width:185px}.flow-existing{margin-top:38px}.flow-existing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.flow-active-card{padding:20px;border:1px solid #ffffff1e;background:#1b1a18}.flow-active-card>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.flow-active-card strong{font-size:14px}.flow-active-card small{color:#d5a323;font-size:10px;letter-spacing:.4px;text-transform:uppercase}.flow-active-steps{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.flow-active-steps span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;background:#292721;color:#d6cec0;font-size:10px}.flow-active-steps b{color:#e5b437;font-family:'DM Mono',monospace;font-size:9px}@media(max-width:850px){body:has(header.topbar) .flow-layout{grid-template-columns:1fr}.flow-stage-options{max-height:240px}.flow-existing-grid{grid-template-columns:1fr}}@media(max-width:520px){body:has(header.topbar) .flow-catalog,body:has(header.topbar) .flow-builder{padding:20px}.flow-sequence-label{align-items:flex-start;flex-direction:column;gap:2px}.flow-active-card>div:first-child{align-items:flex-start;flex-direction:column}.flow-save{width:100%}}