/* Identidade Arka. Escopo explícito: plataforma e acesso geral; nunca o painel dos clientes. */
@font-face{font-family:"Inter Display";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/arka/InterDisplay-Regular.woff2") format("woff2")}
@font-face{font-family:"Inter Display";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/arka/InterDisplay-Medium.woff2") format("woff2")}
@font-face{font-family:"Inter Display";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/arka/InterDisplay-SemiBold.woff2") format("woff2")}
@font-face{font-family:"Inter Display";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/arka/InterDisplay-Bold.woff2") format("woff2")}
.arka-surface,body.pf.arka-surface{
  --arka-green:#128C7E;--arka-deep:#075E54;--arka-vivid:#25D366;--arka-tea:#DCF8C6;--arka-blue:#34B7F1;--arka-sand:#ECE5DD;--arka-graphite:#0B2E29;
  --font:"Inter Display",Arial,sans-serif;--bg:#F5F3EF;--surface:#FFFFFF;--surface-2:#F5F7F5;
  --ink:var(--arka-graphite);--ink-2:#3E5952;--muted:#5F746E;--line:#D7E0DA;--line-2:#E8EDE9;
  --brand-blue:var(--arka-green);--brand-red:var(--arka-green);--leaf:var(--arka-deep);--leaf-600:var(--arka-deep);--leaf-50:#EDF6EF;--leaf-100:#CAE5D4;
  --blue:var(--arka-deep);--blue-50:#EBF7FB;--tag:var(--arka-tea);--tag-50:#EDF6EF;--tag-ink:var(--arka-deep);
  --pf-primary:var(--arka-deep);--pf-primary-hover:var(--arka-graphite);--pf-green:var(--arka-deep);--pf-green-soft:#EDF6EF;
  --focus:0 0 0 3px #128C7E33;--pf-shadow:0 16px 48px #0B2E2910;--sh-pop:0 12px 40px #0B2E2920;
  font-family:var(--font);font-size-adjust:from-font;color:var(--ink);color-scheme:light;
}
.arka-surface .btn.primary{background:var(--arka-deep);border-color:var(--arka-deep);color:#FFFFFF}
.arka-surface .btn.primary:hover{background:var(--arka-graphite);border-color:var(--arka-graphite)}
.arka-surface .arka-wordmark{gap:18px;letter-spacing:normal;min-width:0}
.arka-wordmark img{display:block;width:148px;height:auto;flex:none}
.arka-surface .arka-wordmark>span:last-child{margin:0;font-size:10px;letter-spacing:.09em;text-transform:uppercase;white-space:normal;max-width:105px;line-height:1.5;color:var(--muted)}
.arka-surface .pf-top{border-top:3px solid var(--arka-green);padding-block:20px;gap:24px}
.arka-surface .pf-nav{border-radius:12px;background:var(--surface-2)}
.arka-surface .pf-nav button{border-radius:8px;font-weight:500}
.arka-surface .pf-nav button[aria-pressed=true]{background:var(--arka-deep);color:#FFFFFF}
.arka-surface .pf-hero h1{font-weight:600;letter-spacing:-.035em}
.arka-surface .pf-hero .pf-eyebrow{color:var(--arka-deep)}
.arka-surface .pf-check input{accent-color:var(--arka-deep)}
.arka-surface .pf-bottom{padding-block:28px}
.arka-surface .pf-bottom img{width:120px;height:auto;margin-block:14px}
.arka-surface .pf-brand-stage{--font:"Onest",Arial,sans-serif;font-family:var(--font)}
/* Elementos de composição retirados dos grafismos do manual. */
.arka-brand-story{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,var(--arka-green),var(--arka-deep));color:#FFFFFF}
.arka-brand-story::before{content:"";position:absolute;inset:0;z-index:-1;background:url("brand/arka/pattern.svg?v=3") center/640px 600px;opacity:.5;pointer-events:none}
.arka-brand-story::after{content:"";position:absolute;z-index:-1;width:520px;height:480px;right:-180px;bottom:-100px;background:url("brand/arka/symbol-white.svg?v=3") center/contain no-repeat;opacity:.08;pointer-events:none}
.arka-brand-story .arka-story-logo{display:block;width:180px;max-width:100%;height:auto;margin-bottom:64px}
.arka-brand-story .arka-story-kicker{font-size:10px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--arka-tea);max-width:350px;line-height:1.8}
.arka-brand-story .arka-story-title{font-size:clamp(38px,4.4vw,66px);line-height:1.06;font-weight:600;letter-spacing:-.045em;max-width:570px;margin:22px 0}
.arka-brand-story .arka-story-title em{font-style:normal;color:var(--arka-tea)}
.arka-brand-story .arka-story-copy{font-size:15px;line-height:1.7;color:#F2F8F0;max-width:390px;margin:0}
.arka-brand-story .arka-story-note{font-size:11px;color:var(--arka-tea);margin-top:64px}
/* Gestão da plataforma. */
.arka-surface .pf-login{max-width:none;min-height:100vh;min-height:100dvh;padding:0;gap:0;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);background:var(--arka-sand)}
.arka-surface .pf-login-story{min-height:100vh;min-height:100dvh;padding:64px clamp(32px,5vw,90px);display:flex;flex-direction:column;justify-content:center}
.arka-surface .pf-login-story .arka-story-logo{margin-bottom:64px}
.arka-surface .pf-login-story .arka-story-title{max-width:530px}
.arka-surface .pf-login-card{margin:40px auto;width:calc(100% - 80px);max-width:440px;padding:38px;box-shadow:var(--pf-shadow);border:1px solid #FFFFFF99;border-top:3px solid var(--arka-green)}
.arka-surface .pf-login-card h2{font-weight:600}
/* Acesso geral. Uma marca por domínio substitui integralmente este escopo. */
.arka-entry-story,.arka-access-intro,.arka-access-note{display:none}
.login.arka-entry{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);place-items:stretch;background:var(--arka-sand);overflow:auto;position:fixed;inset:0}
.arka-entry .arka-entry-story{display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;padding:64px clamp(32px,5vw,90px)}
.arka-entry .login-card{align-self:center;justify-self:center;margin:40px;width:calc(100% - 80px);max-width:440px;padding:32px;box-shadow:var(--pf-shadow);border-top:3px solid var(--arka-green);gap:18px}
.arka-entry .login-card .brand{align-items:flex-start;padding:0 0 12px;gap:8px}
.arka-entry .brand-logo{width:148px;height:auto;overflow:visible}
.arka-entry .brand-logo img{position:static;width:100%;height:auto;max-width:100%}
.arka-entry .brand-caption{display:none}
.arka-entry .arka-access-intro{display:block}
.arka-access-intro h1{font-size:25px;letter-spacing:-.035em;font-weight:600;margin:0 0 8px}
.arka-access-intro p{color:var(--muted);font-size:13px;margin:0;line-height:1.6}
.arka-entry .arka-access-note{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin:0}
.arka-entry .field>span{font-size:12px;font-weight:500}
.arka-entry .input{min-height:44px}
@media(max-width:1150px){.arka-surface .pf-top{gap:16px}.arka-surface .pf-top .arka-wordmark{gap:18px}.arka-surface .pf-nav{justify-content:center}}
@media(max-width:760px){
  .arka-surface .pf-login,.login.arka-entry{grid-template-columns:minmax(0,1fr);align-content:start}
  .arka-surface .pf-login-story,.arka-entry .arka-entry-story{min-height:0;padding:34px 26px 38px}
  .arka-brand-story .arka-story-logo,.arka-surface .pf-login-story .arka-story-logo{width:148px;margin-bottom:28px}
  .arka-brand-story .arka-story-title{font-size:38px;max-width:430px;margin:16px 0 0}
  .arka-brand-story .arka-story-kicker{font-size:9px}
  .arka-surface .pf-login-story .arka-story-copy,.arka-entry .arka-story-copy,.arka-brand-story .arka-story-note{display:none}
  .arka-surface .pf-login-card,.arka-entry .login-card{width:calc(100% - 32px);max-width:480px;margin:24px auto 32px;padding:26px}
  .arka-surface .pf-top .arka-wordmark>span:last-child{display:none}
  .arka-surface .pf-top .arka-wordmark img{width:120px}
  .arka-surface .pf-top{padding:16px}
  .arka-surface .pf-nav{overflow-x:auto;justify-content:flex-start}
  .arka-surface .pf-nav button{padding:10px 12px}
  .arka-entry .input{font-size:16px}
}
@media(max-width:360px){.arka-surface .pf-top{gap:12px;padding:12px}.arka-surface .pf-top-actions{gap:4px}.arka-surface .pf-top-actions .btn{padding-inline:8px}.arka-surface .pf-top .arka-wordmark img{width:120px}.arka-surface .pf-top .arka-wordmark{gap:0}}
