/* Identidade visual Videosoft (referência: vs-totem-lps) na tela de login do GLPI 11 + Single Sign-On 2.0.3.
   Carregado só em páginas anônimas (Hooks::ADD_CSS_ANONYMOUS_PAGE). Os seletores começam por
   body.welcome-anonymous para vencer o CSS do GLPI e do singlesignon; !important só contra estilo
   inline e utilitários do Bootstrap (.text-center, .mx-auto, .text-muted). */

@font-face{font-family:"Ubuntu";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ubuntu-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ubuntu-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/ubuntu-latin-700-normal.woff2) format("woff2")}

body.welcome-anonymous{
  --vs-graphite:#333232;
  --vs-yellow:#FFD400;
  --vs-amber:#FDB913;
  --vs-bg:#F6F5F2;
  --vs-page-fg:#6E6B66;
  --vs-fg:#EEECE8;
  --vs-muted:#C9C6C0;
  --vs-label:#D6D3CD;
  --vs-field:#2A2928;
  --vs-field-line:#55524E;
  --vs-err:#C2410C;
  --vs-err-fg:#FDBA8C;
  --vs-font:"Ubuntu","Segoe UI",system-ui,-apple-system,sans-serif;
  --tblr-font-sans-serif:var(--vs-font);
  --tblr-body-font-family:var(--vs-font);
  background:var(--vs-bg);
  font-family:var(--vs-font);
}
body.welcome-anonymous .btn{font-family:var(--vs-font)}
@media (prefers-color-scheme:dark){body.welcome-anonymous{--vs-bg:#1F1E1D;--vs-page-fg:#A8A49D}}
:root[data-glpi-theme-dark="1"] body.welcome-anonymous{--vs-bg:#1F1E1D;--vs-page-fg:#A8A49D}

body.welcome-anonymous .page-anonymous{background:var(--vs-bg);color:var(--vs-page-fg)}
body.welcome-anonymous .page-anonymous a{color:var(--vs-page-fg)}

/* O GLPI fixa max-width:60rem inline no container */
body.welcome-anonymous .page-anonymous .container-tight{max-width:432px !important;padding-left:16px;padding-right:16px}
body.welcome-anonymous .glpi-logo{display:none}

/* Cartão grafite com o logo no topo. O card-header vem vazio na tela de login e tem título nas
   outras páginas anônimas (senha esquecida etc.) */
body.welcome-anonymous .main-content-card{
  background:var(--vs-graphite);color:var(--vs-fg);border:0;border-radius:16px;
  box-shadow:0 20px 50px rgba(0,0,0,.18);padding:32px 28px;
}
body.welcome-anonymous .main-content-card::before{
  content:"";display:block;height:34px;margin:0 0 26px;
  background:url(../img/videosoft-logo.png) no-repeat left center/auto 34px;
}
body.welcome-anonymous .main-content-card > .card-header{margin:0 0 18px;padding:0;border:0;color:#fff}
body.welcome-anonymous .main-content-card > .card-header:empty{display:none}
body.welcome-anonymous .main-content-card > .card-body{padding:0}
body.welcome-anonymous .main-content-card .row > .col-md-5{flex:0 0 100%;max-width:100%}
body.welcome-anonymous .main-content-card a{color:var(--vs-yellow)}
body.welcome-anonymous .main-content-card a:hover{color:var(--vs-amber)}

/* Logon Único (singlesignon) */
body.welcome-anonymous .main-content-card .singlesignon-auth-stack,
body.welcome-anonymous .main-content-card .singlesignon-login{
  --sso-border:rgba(255,255,255,.12);
  --sso-title:#fff;
  --sso-text:var(--vs-fg);
  --sso-muted:var(--vs-muted);
  --sso-accent:var(--vs-yellow);
  --sso-button-focus:rgba(255,212,0,.45);
}
body.welcome-anonymous .main-content-card .singlesignon-login{margin:0;padding:0;border:0;background:none;box-shadow:none}
body.welcome-anonymous .main-content-card .singlesignon-auth-section,
body.welcome-anonymous .main-content-card .singlesignon-login-title{text-align:left !important}
body.welcome-anonymous .main-content-card .singlesignon-login-title,
body.welcome-anonymous .main-content-card .singlesignon-classic-title h2{
  color:#fff;font-size:22px;font-weight:500;margin:0 0 22px;letter-spacing:0;
}
body.welcome-anonymous .main-content-card .singlesignon-classic-title{padding:0;border:0;margin:0 !important}
body.welcome-anonymous .main-content-card .singlesignon-classic-title h2{margin-left:0 !important}
body.welcome-anonymous .main-content-card .singlesignon-login-buttons{width:100%}
body.welcome-anonymous .main-content-card .singlesignon-login-button{
  border:0;border-radius:8px;background:var(--vs-yellow);color:#333;font-weight:500;padding:11px 14px;box-shadow:none;
}
body.welcome-anonymous .main-content-card .singlesignon-login-button:hover,
body.welcome-anonymous .main-content-card .singlesignon-login-button:focus-visible{background:var(--vs-amber);color:#333;transform:none}
body.welcome-anonymous .main-content-card .singlesignon-login-visual{background:rgba(51,50,50,.12);color:#333}
body.welcome-anonymous .main-content-card .singlesignon-login-arrow{opacity:.7}
body.welcome-anonymous .main-content-card .singlesignon-login-remember{width:100%}
body.welcome-anonymous .main-content-card .singlesignon-login-remember-inner{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
body.welcome-anonymous .main-content-card .singlesignon-login-remember-icon{background:rgba(255,212,0,.12)}
body.welcome-anonymous .main-content-card .text-muted{color:#A8A49D !important}
body.welcome-anonymous .main-content-card .singlesignon-login-classic{text-align:center}
body.welcome-anonymous .main-content-card .singlesignon-login-classic .btn-link{color:var(--vs-muted)}
body.welcome-anonymous .main-content-card .singlesignon-login-classic .btn-link:hover,
body.welcome-anonymous .main-content-card .singlesignon-login-classic .btn-link:focus-visible{color:var(--vs-yellow)}

/* Formulário clássico do GLPI (acesso de emergência) */
body.welcome-anonymous .main-content-card .singlesignon-auth-section--classic{padding:0;border:0;background:none}
body.welcome-anonymous .main-content-card .form-label{color:var(--vs-label);font-size:13.5px}
body.welcome-anonymous .main-content-card .form-control,
body.welcome-anonymous .main-content-card .form-select,
body.welcome-anonymous .main-content-card .select2-container .select2-selection{
  background-color:var(--vs-field);border:1px solid var(--vs-field-line);border-radius:8px;color:#fff;font-family:var(--vs-font);
}
body.welcome-anonymous .main-content-card .form-control{padding:12px 14px;font-size:16px}
body.welcome-anonymous .main-content-card .select2-container .select2-selection__rendered{color:#fff}
body.welcome-anonymous .main-content-card .form-control:focus,
body.welcome-anonymous .main-content-card .form-select:focus,
body.welcome-anonymous .main-content-card .select2-container--focus .select2-selection{
  outline:2px solid var(--vs-yellow);outline-offset:1px;box-shadow:none;border-color:var(--vs-field-line);
}
body.welcome-anonymous .main-content-card input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--vs-field) inset;-webkit-text-fill-color:#fff;caret-color:#fff}
body.welcome-anonymous .main-content-card .form-check-label{color:var(--vs-fg)}
body.welcome-anonymous .main-content-card .form-check-input:checked{background-color:var(--vs-yellow);border-color:var(--vs-yellow)}
body.welcome-anonymous .main-content-card .form-check-input:focus{box-shadow:0 0 0 .2rem rgba(255,212,0,.35);border-color:var(--vs-yellow)}
body.welcome-anonymous .main-content-card .btn-primary{
  background:var(--vs-yellow);border:0;border-radius:8px;color:#333;font-weight:500;padding:13px;
}
body.welcome-anonymous .main-content-card .btn-primary:hover,
body.welcome-anonymous .main-content-card .btn-primary:focus{background:var(--vs-amber);color:#333}

/* Mensagens (erro igual ao do portal) */
body.welcome-anonymous .main-content-card .alert{
  background:rgba(255,212,0,.10);border:1px solid rgba(255,212,0,.45);border-radius:8px;box-shadow:none;color:var(--vs-fg);font-size:14px;
}
body.welcome-anonymous .main-content-card .alert-danger{background:rgba(194,65,12,.18);border-color:var(--vs-err);color:var(--vs-err-fg)}

@media (max-width:480px){
  body.welcome-anonymous .main-content-card{padding:28px 20px}
}