/* Branding Final PH3 - Versão 10 (THE ABSOLUTE FINAL) */

/* 1. Reset and Extreme Hiding of Original Logos */
img[src*="logo"], .logo, #logo, .ui-header-logo, .sp-plain-link img, #logo-login img, .sp-login-header img {
    display: none !important;
}

/* 2. Login Page Branding */
div[id^="page-login"], .ui-dialog.ui-page, .sp-login-page {
    background: url('fundo.png') no-repeat center center fixed !important;
    background-size: cover !important;
}

/* SOLID WHITE LOGIN BOX (Extreme Specificity) */
.ui-dialog .ui-content, 
.ui-dialog-contain, 
.ui-dialog .ui-header, 
.ui-page-theme-a .ui-body-inherit,
.ui-body-a {
    background: #ffffff none !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
    border-color: #dddddd !important;
}

/* Inject Logo on Login Box */
.ui-dialog .ui-header::before {
    content: "";
    display: block !important;
    width: 240px !important;
    height: 85px !important;
    margin: 15px auto !important;
    background: url('ph3_logo.png') no-repeat center !important;
    background-size: contain !important;
    visibility: visible !important;
    z-index: 999 !important;
}

/* Fix Login Text Color and Spacing */
.ui-dialog-contain .ui-title, .sp-login-header h1, .ui-dialog-contain h1, .ui-dialog-contain h2 {
    color: #000000 !important;
    text-shadow: none !important;
    font-weight: bold !important;
    margin-top: 15px !important;
    padding-top: 5px !important;
}

/* 3. Dashboard Theme - TOTAL BLACK OVERRIDE */

/* FORCE BLACK on all headers, panels, sidebars, and divider bars */
.ui-header, 
.ui-bar-a, 
.ui-bar-b, 
.ui-bar-inherit,
div[data-role="header"], 
div[data-role="panel"],
.ui-panel, 
.ui-panel-inner, 
.ui-panel-m-menu,
.ui-footer, 
div[data-role="footer"], 
.ui-listview > li.ui-li-divider {
    background: #000000 none !important; /* Shorthand kills ALL jQuery gradients */
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #333333 !important;
    text-shadow: none !important;
}

/* Sidebar Logo replacement */
.sp-plain-link::after {
    content: "";
    display: block !important;
    height: 65px !important;
    width: 100% !important;
    background: url('ph3_logo.png') no-repeat center center !important;
    background-size: contain !important;
    margin-top: 15px !important;
    visibility: visible !important;
}

/* Text and Links in Black areas (Ensure contrast) */
.ui-header .ui-title, 
.ui-title, 
.ui-panel-inner a, 
.ui-panel-inner p, 
.ui-panel-inner h1, 
.ui-panel-inner h2, 
.ui-panel-inner h3,
.sp-btn-about-org, 
.sp-status-text, 
.ui-panel-inner .ui-btn {
    color: #ffffff !important;
}

/* Fix Status Text (White on black areas, Dark on white areas) */
.sp-sys-ok, .sp-intro strong, p.intro strong, .info strong, .sp-intro {
    color: #ffffff !important; 
}

/* White Content Area */
#sp-a-content, .ui-content {
    background-color: #ffffff !important;
}

#sp-a-content .sp-sys-ok, #sp-a-content p.intro, #sp-a-content strong {
    color: #333333 !important;
}

/* Icon Inversion (White icons on black background) */
.ui-icon-info:after, .ui-icon-user:after, .ui-icon-gear:after, .ui-icon-home:after,
.ui-icon-bars:after, .ui-icon-arrow-r:after, .ui-icon-arrow-l:after, .ui-icon-check:after,
.ui-icon-alert:after, .ui-icon-delete:after {
    filter: invert(1) brightness(1.5) !important;
}

/* Divider lines and buttons */
hr {
    border-color: #333333 !important;
}

.ui-btn {
    text-shadow: none !important;
}


/* =========================================================
   PH3 Print - tela de login profissional (SavaPage 1.6.0)
   Aplicar em: /opt/savapage/server/custom/web/fundo.css
   (ou anexar ao final do fundo.css atual)
   ========================================================= */

:root {
  --ph3-navy: #0b2545;
  --ph3-navy-2: #13315c;
  --ph3-red: #c8102e;
  --ph3-red-dark: #a00d25;
  --ph3-ink: #1b2430;
  --ph3-muted: #5b6676;
  --ph3-line: #d6dde8;
}

/* ---------- Fundo da página de login ---------- */
#page-login,
#page-login.ui-page,
#page-zero.ui-page {
  background:
    linear-gradient(135deg, rgba(11,37,69,.93) 0%, rgba(19,49,92,.88) 55%, rgba(120,12,30,.85) 100%),
    url('fundo.png') center center / cover no-repeat fixed !important;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* ---------- Cartão ---------- */
#page-login .ui-dialog-contain {
  max-width: 420px !important;
  width: calc(100% - 32px) !important;
  margin: 8vh auto 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.35), 0 2px 8px rgba(0,0,0,.15) !important;
  background: #fff !important;
}
#page-login .ui-dialog-contain::before {
  /* faixa de marca no topo do cartão */
  content: "";
  display: block;
  height: 6px;
  background: linear-gradient(90deg, var(--ph3-navy) 0 50%, var(--ph3-red) 50% 100%);
}
#page-login .ui-dialog-contain > .ui-content {
  padding: 34px 36px 26px !important;
  background: #fff !important;
  border: 0 !important;
}

/* ---------- Cabeçalho: marca + título ---------- */
#page-login h3.sp-login-dialog {
  font-size: 0 !important;          /* esconde "Bem-vindo ao SavaPage" */
  margin: 0 0 6px !important;
  text-align: center;
}
#page-login h3.sp-login-dialog::before {
  content: "PH3 \00B7  MAPLE BEAR";
  display: block;
  font-size: 12px;
  letter-spacing: .22em;
  font-weight: 700;
  color: var(--ph3-red);
  margin-bottom: 10px;
}
#page-login h3.sp-login-dialog::after {
  content: "Central de Impress\00E3o";
  display: block;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--ph3-navy);
  text-shadow: none;
}
#page-login-content > h3.sp-login-dialog-assoc + div.sp-login-dialog {
  font-size: 0 !important;          /* esconde o texto padrão */
  text-align: center;
  margin-bottom: 22px !important;
}
#page-login-content > h3.sp-login-dialog-assoc + div.sp-login-dialog::after {
  content: "Entre com seu usu\00E1rio da escola para imprimir e acompanhar seus trabalhos.";
  font-size: 14px;
  line-height: 1.5;
  color: var(--ph3-muted);
}

/* ---------- Remove a moldura da lista em volta do formulário ---------- */
#page-login .ui-listview,
#page-login .ui-listview > li,
#page-login .ui-li-static {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------- Rótulos e campos ---------- */
#page-login label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--ph3-ink) !important;
  margin: 14px 0 6px !important;
  text-transform: capitalize;
}
#page-login .ui-input-text {
  border: 1px solid var(--ph3-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  background: #f7f9fc !important;
  margin: 0 !important;
  transition: border-color .15s, box-shadow .15s, background .15s;
}
#page-login .ui-input-text.ui-focus,
#page-login .ui-input-text:focus-within {
  border-color: var(--ph3-navy-2) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(19,49,92,.15) !important;
}
#page-login .ui-input-text input {
  min-height: 44px !important;
  font-size: 15px !important;
  color: var(--ph3-ink) !important;
  padding: 0 12px !important;
}
#page-login table.sp-password-panel { width: 100%; border-collapse: collapse; }
#page-login .sp-btn-secret-visibility {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: .6;
}
#page-login .sp-btn-secret-visibility:hover { opacity: 1; }

/* ---------- Botão Entrar ---------- */
#page-login #sp-div-login-name > div:last-child,
#page-login #sp-div-login-email > div:last-child { margin-top: 22px; }
#page-login #sp-btn-login-name,
#page-login #sp-btn-login-email,
#page-login #sp-btn-login-number,
#page-login #sp-btn-login-card-local {
  display: block !important;
  width: 100% !important;
  margin: 22px 0 0 !important;
  padding: 14px 16px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--ph3-red) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  text-shadow: none !important;
  box-shadow: 0 6px 16px rgba(200,16,46,.30) !important;
  transition: background .15s, transform .05s;
}
#page-login #sp-btn-login-name::after,
#page-login #sp-btn-login-email::after,
#page-login #sp-btn-login-number::after,
#page-login #sp-btn-login-card-local::after { display: none !important; } /* sem ícone */
#page-login #sp-btn-login-name:hover,
#page-login #sp-btn-login-email:hover { background: var(--ph3-red-dark) !important; }
#page-login #sp-btn-login-name:active,
#page-login #sp-btn-login-email:active { transform: translateY(1px); }

/* ---------- Botões secundários (Sobre, troca de método) ---------- */
#page-login .ui-content > .ui-btn,
#page-login .ui-content a.ui-btn:not(.ui-input-clear):not(.sp-tooltip-btn) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ph3-muted) !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  text-shadow: none !important;
}
#page-login .ui-content a.ui-btn:not(.ui-input-clear):hover { color: var(--ph3-navy) !important; }

/* ---------- Rodapé do cartão ---------- */
#page-login .ui-dialog-contain::after {
  content: "Centro Educacional PH3 \00B7  Maple Bear Parnamirim";
  display: block;
  padding: 14px 20px 18px;
  text-align: center;
  font-size: 12px;
  color: #8a94a3;
  background: #f7f9fc;
  border-top: 1px solid #edf1f6;
}

/* ---------- Celular ---------- */
@media (max-width: 480px) {
  #page-login .ui-dialog-contain { margin-top: 4vh !important; border-radius: 14px !important; }
  #page-login .ui-dialog-contain > .ui-content { padding: 26px 22px 20px !important; }
  #page-login h3.sp-login-dialog::after { font-size: 22px; }
}