@font-face{font-family:KognitioLoginInter;src:url('/assets/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}

/* Mesmo enquadramento do kollektio e do koncilium, restrito às etapas de acesso. */
body:has(.ar-login-screen:not(.hidden)){overflow:hidden}
body:has(.ar-login-screen:not(.hidden)) :is(.app-header,.workspace>.topbar,.skip){display:none}
#accounts-view.ar-login-screen{
  position:fixed;inset:0;z-index:100;width:100%;height:100vh;height:100dvh;
  max-width:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(380px,43%) 1fr;
  overflow:auto;background:#fff;color:#1d1c1a;color-scheme:light;
  font:400 16px/normal KognitioLoginInter,Inter,Arial,sans-serif;
  --font-ui:KognitioLoginInter,Inter,Arial,sans-serif;--font-display:var(--font-ui);
  --surface:#fff;--ink:#1d1c1a;--ink-2:#45423e;--muted:#706a62;
  --green:#1d1c1a;--green-strong:#393732;--on-accent:#fff;
  --control-line:#dedbd5;--line:#e6e3dd;--line-strong:#dedbd5;--focus:#7b7063;
}
.ar-login-screen,.ar-login-screen *{box-sizing:border-box}
.ar-login-content{display:flex;flex-direction:column;min-width:0;padding:32px clamp(32px,5vw,80px)}
.ar-login-brand{display:flex;align-items:center;gap:10px;font-size:1.4rem;letter-spacing:-.05em}
.ar-login-brand>span{display:block;flex:none;width:48px;height:48px;overflow:hidden;border-radius:28%;background:#e9dfcf}
.ar-login-brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.ar-login-forms{width:min(100%,390px);margin:auto;padding-block:32px}
.ar-login-forms>.ar-view-header,.ar-login-forms>.ar-accounts>h3{display:none}
.ar-login-intro .ar-login-eyebrow{margin:0 0 13px;color:#807a72;font-size:.67rem;font-weight:700;letter-spacing:.13em}
.ar-login-intro h1{margin:0 0 9px;color:#1d1c1a;font:700 clamp(2rem,3vw,2.65rem)/1.1 KognitioLoginInter,Inter,Arial,sans-serif;letter-spacing:-.055em}
.ar-login-intro>p:last-child{margin:1em 0;color:#706a62;line-height:1.6}
.ar-login-forms>.ar-accounts{margin:0;padding:0;border:0;border-radius:0;background:transparent;font:inherit;line-height:1.55}
.ar-login-forms .ar-account-status:empty{display:none}
.ar-login-screen[data-login-stage="login"] .ar-account-notice{display:none}
.ar-login-alternatives{margin:12px 0 0;font-size:.8rem}
.ar-login-alternatives>summary{min-height:44px;color:#45423e;cursor:pointer}
.ar-login-alternatives>.ar-account-google{margin:8px 0 0;padding:16px;border:1px solid #dedbd5;background:#fff;color:#1d1c1a}
.ar-login-forms .ar-account-form{display:grid;gap:10px;margin:30px 0 0}
.ar-login-forms .ar-account-form>h3{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ar-login-forms .ar-account-form label{display:flex;flex-direction:column;gap:10px;margin:10px 0 0;font-size:.8rem;font-weight:650;color:#1d1c1a}
.ar-login-forms .ar-account-form input{width:100%;min-height:42px;padding:11px 12px;border:1px solid #dedbd5;border-radius:10px;background:#fff;color:#1d1c1a;font:400 16px/1.4 KognitioLoginInter,Inter,Arial,sans-serif;box-shadow:none}
.ar-login-forms .ar-account-form input::placeholder{color:#77736d}
.ar-login-forms :is(button,input):focus-visible{outline:3px solid #7b7063;outline-offset:3px}
.ar-login-forms .ar-account-form>.ar-account-actions>.primary{width:100%;min-height:46px;margin:10px 0 0;padding:10px 15px;border:1px solid #1d1c1a;border-radius:10px;background:#1d1c1a;color:#fff;font:600 .86rem KognitioLoginInter,Inter,Arial,sans-serif}
.ar-login-forms .ar-account-form>.ar-account-actions>.primary:hover:not(:disabled){background:#393732}
.ar-login-forms .ar-account-form>.ar-account-actions>.primary:disabled{opacity:.5;cursor:not-allowed}
.ar-login-forms :is(.ar-account-actions,.ar-account-form>.ar-account-actions>.secondary){font-size:.8rem}
.ar-login-forms .ar-account-form>.ar-account-actions>.secondary,.ar-login-forms>.ar-accounts>.ar-account-actions button{min-height:44px;padding:8px 0;border:0;background:transparent;color:#45423e;text-decoration:underline;text-underline-offset:3px;box-shadow:none}
.ar-login-forms .ar-account-form>p{margin:0;color:#706a62;font-size:.75rem;line-height:1.6}
.ar-login-content>.ar-login-footer{margin:1em 0;color:#969088;font-size:.75rem;line-height:1.4}
.ar-login-art{min-width:0;background:#e9e0d1;background-image:linear-gradient(to right,#fff 0%,rgba(255,255,255,.94) 8%,rgba(255,255,255,.36) 32%,rgba(255,255,255,0) 58%),url('/assets/login-tamandua-biblioteca.png');background-position:center;background-size:cover;background-repeat:no-repeat}
@media(max-width:820px){
  #accounts-view.ar-login-screen{grid-template-columns:1fr}
  .ar-login-art{min-height:240px;grid-row:1;background-position:center 38%;background-image:linear-gradient(to top,#fff 0%,rgba(255,255,255,.8) 10%,rgba(255,255,255,0) 48%),url('/assets/login-tamandua-biblioteca.png')}
  .ar-login-content{min-height:calc(100vh - 240px);min-height:calc(100dvh - 240px);padding:24px}
  .ar-login-forms{padding:45px 0}
  .ar-login-brand>span{width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){.ar-login-screen *{animation:none!important;transition:none!important}}

.ar-login-forms .ar-account-form>.ar-account-actions{display:grid;gap:10px;margin:0}

/* Entrada katedra: medidas do kalamus e tipografia reduzida em 10%. */
#accounts-view.ar-login-screen{grid-template-columns:minmax(380px,43%) minmax(0,1fr);background:#fcfbf9;color:#1d1c1a;font-size:14.4px}
.ar-login-content{padding:32px clamp(32px,5vw,80px)}
.ar-login-forms{width:min(100%,390px);margin:auto;padding-block:40px}
.ar-login-brand{font-size:20.16px}
.ar-login-intro h1{margin:0 0 12px;font-size:38.16px;line-height:1.1;letter-spacing:-.055em;color:#1d1c1a}
.ar-login-intro .ar-login-eyebrow{color:#70675f;font-size:9.9px}
.ar-login-forms .ar-account-form label{font-size:11.7px}
.ar-login-forms .ar-account-form input{min-height:46px;border-color:#82786f;background:#fefdfb;font-size:14.4px}
.ar-login-forms .ar-account-form>.ar-account-actions>.primary{font-size:12.6px}
.ar-login-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;color:#68605a;font-size:10.8px}
.ar-login-footer p{margin:0}
.ar-login-art{background-color:#dfc9bd;background-image:linear-gradient(to right,#fcfbf9 0%,rgb(252 251 249 / .94) 8%,rgb(252 251 249 / .36) 32%,transparent 58%),url('/assets/login-tamandua-biblioteca.png');background-position:center,58% center;background-size:cover}
@media(max-width:820px){#accounts-view.ar-login-screen{grid-template-columns:1fr} .ar-login-content{min-height:calc(100dvh - 240px);padding:24px} .ar-login-forms{padding-block:36px} .ar-login-intro h1{font-size:28.8px} .ar-login-art{grid-row:1;min-height:240px;background-position:center,center 56%;background-image:linear-gradient(to top,#fcfbf9 0%,rgb(252 251 249 / .75) 12%,transparent 48%),url('/assets/login-tamandua-biblioteca.png')}}

/* Login ajustado à janela: marca, formulário e rodapé compartilham a altura disponível. */
body:has(#accounts-view.ar-login-screen:not(.hidden)){margin:0;height:100dvh;overflow:hidden}
#accounts-view.ar-login-screen{height:100dvh;min-height:0;max-height:100dvh;overflow:hidden;grid-template-rows:minmax(0,1fr)}
#accounts-view.ar-login-screen .ar-login-content{box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:0;height:100%;padding:clamp(12px,3dvh,32px) clamp(20px,5vw,80px)}
#accounts-view.ar-login-screen .ar-login-forms{box-sizing:border-box;align-self:center;min-height:0;max-height:100%;width:min(100%,390px);margin:0 auto;padding:6px;overflow:auto;scrollbar-width:thin}
#accounts-view.ar-login-screen .ar-login-brand{min-height:0}
#accounts-view.ar-login-screen .ar-login-footer{margin:0;padding:0;min-height:0;line-height:1.3;text-align:left;gap:6px 12px}
#accounts-view.ar-login-screen .ar-login-footer>*{margin:0}
#accounts-view.ar-login-screen .ar-login-art{min-height:0;min-width:0;height:100%}
@media(max-height:700px){
 #accounts-view.ar-login-screen .ar-login-content{gap:8px;padding-block:12px}
 #accounts-view.ar-login-screen .ar-login-forms :is(h1,h2){font-size:28.8px;margin-bottom:8px}
 #accounts-view.ar-login-screen .ar-login-forms :is(p,.eyebrow,.web-login-eyebrow,.ar-login-eyebrow){margin-block:6px;line-height:1.4}
 #accounts-view.ar-login-screen .ar-login-forms form,#accounts-view.ar-login-screen .ar-account-form{margin-top:12px;gap:6px}
 #accounts-view.ar-login-screen .ar-login-forms label{margin-top:4px;gap:5px}
 #accounts-view.ar-login-screen .ar-login-forms :is(input,button){min-height:40px;padding-block:8px}
 #accounts-view.ar-login-screen .ar-login-brand :is(img,.brand-symbol,.kaptare-mark,.kollektio-mark),#accounts-view.ar-login-screen .ar-login-brand>span{width:36px;height:36px;flex-basis:36px}
}
@media(max-width:820px){
 #accounts-view.ar-login-screen{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}
 #accounts-view.ar-login-screen .ar-login-content{min-height:0;height:100%;padding-inline:24px}
 #accounts-view.ar-login-screen .ar-login-art{display:none}
}

@media(max-height:700px){
 #accounts-view.ar-login-screen .ar-login-forms :is([role="status"],[role="alert"]){padding:6px 8px;font-size:11.7px;line-height:1.3}
 #accounts-view.ar-login-screen .ar-login-forms :is(button,.web-login-actions button,.kaptare-login-change-email){min-height:36px;padding-block:6px}
 #accounts-view.ar-login-screen .ar-login-forms :is(.web-login-footnote,.kaptare-login-security){min-height:0;margin-top:6px}
 #accounts-view.ar-login-screen .ar-login-forms .mt-5{margin-top:4px}
 #accounts-view.ar-login-screen .ar-login-forms :is(.web-login-actions,.ar-account-actions){gap:4px}
}
@media(max-height:480px) and (min-width:600px){
 #accounts-view.ar-login-screen{grid-template-columns:1fr}
 #accounts-view.ar-login-screen .ar-login-art{display:none}
 #accounts-view.ar-login-screen .ar-login-content{padding:10px 24px;gap:6px}
 #accounts-view.ar-login-screen .ar-login-forms{width:min(100%,740px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:24px;align-items:start}
 #accounts-view.ar-login-screen .ar-login-forms>:is(p,h1,h2,.ar-login-intro,details){grid-column:1}
 #accounts-view.ar-login-screen .ar-login-forms>form,#accounts-view.ar-login-screen .ar-login-forms>.ar-accounts{grid-column:2;grid-row:1 / span 7;margin-top:0}
 #accounts-view.ar-login-screen .ar-login-forms>p:empty{display:none}
 #accounts-view.ar-login-screen .ar-login-forms form{margin-top:0;gap:4px}
 #accounts-view.ar-login-screen .ar-login-forms label{margin-top:0}
 #accounts-view.ar-login-screen .ar-login-forms :is(.web-login-primary,.kaptare-login-submit){margin-top:4px}
}
@media(max-height:700px){
 #accounts-view.ar-login-screen .ar-login-forms .ar-account-form label{margin-block:2px 0}
 #accounts-view.ar-login-screen .ar-login-forms .ar-account-form>.ar-account-actions>.secondary,
 #accounts-view.ar-login-screen .ar-login-forms>.ar-accounts>.ar-account-actions button{min-height:28px;padding-block:4px}
 #accounts-view.ar-login-screen .ar-login-forms>.ar-accounts>.ar-account-actions{margin-top:4px}
 #accounts-view.ar-login-screen .ar-login-alternatives{margin-block:4px 0}
 #accounts-view.ar-login-screen .ar-login-alternatives>summary{min-height:28px;padding-block:4px}
}
@media(max-height:480px) and (min-width:600px){
 #accounts-view.ar-login-screen .ar-login-forms .ar-account-form{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
 #accounts-view.ar-login-screen .ar-login-forms .ar-account-form>:is(p,.ar-account-actions){grid-column:1/-1}
 #accounts-view.ar-login-screen .ar-login-forms .ar-account-form>.ar-account-actions{display:flex;flex-wrap:wrap;gap:4px}
 #accounts-view.ar-login-screen .ar-login-forms .ar-account-form>.ar-account-actions>.primary{width:auto;flex:1;margin-top:0}
 #accounts-view.ar-login-screen .ar-login-forms .ar-account-form>.ar-account-actions>.secondary{flex:1}
}
@media(min-width:821px) and (min-height:481px) and (max-height:700px){#accounts-view.ar-login-screen .ar-login-content{padding-inline:clamp(20px,4vw,60px)}}
/* Ações auxiliares ocupam uma linha, sem empurrar o acesso para fora da janela. */
#accounts-view.ar-login-screen .ar-login-forms .ar-account-form>.ar-account-actions{display:flex;flex-wrap:wrap;gap:6px}
#accounts-view.ar-login-screen .ar-login-forms .ar-account-form>.ar-account-actions>.primary{flex:1;width:auto}
#accounts-view.ar-login-screen .ar-login-forms .ar-account-form>.ar-account-actions>.secondary{flex:none;min-height:28px;padding:4px 8px}
#accounts-view.ar-login-screen .ar-login-forms>.ar-accounts>.ar-account-actions{display:inline-flex;margin:4px 0 0 8px}
#accounts-view.ar-login-screen .ar-login-forms>.ar-accounts>button,
#accounts-view.ar-login-screen .ar-login-forms>.ar-accounts>.ar-account-actions button{min-height:28px;margin:4px 0 0;padding:4px 8px;font-size:11.7px}
#accounts-view.ar-login-screen .ar-login-alternatives{margin-block:4px 0}
#accounts-view.ar-login-screen .ar-login-alternatives>summary{min-height:28px;padding-block:4px}
@media(max-height:700px){
 #accounts-view.ar-login-screen[data-login-stage="login-code-confirm"] .ar-login-intro>p:last-child{display:none}
 #accounts-view.ar-login-screen .ar-login-forms .ar-account-form>p{font-size:11.7px;line-height:1.3;margin-block:2px}
 #accounts-view.ar-login-screen .ar-login-forms .ar-account-form>.ar-account-actions>.primary{margin-top:4px;min-height:36px}
}