/* ciagt_brand v2 — segue https://ciadeagentes.ia.br/branding/ (manual da marca).
   REGRAS-CHAVE (do manual):
   - Papel e tinta fazem a página. Verde-selo é destaque (nunca clica; único uso sem clique = hub do símbolo).
   - Rosa profundo (--link) = tudo que clica. Vazado em repouso; inverte no hover.
   - Número/rótulo de destaque em TINTA (antes eram verdes — mudou na v2).
   - Wordmark = Public Sans caps 500 tracking .22em. NUNCA em serif.
   - Peso 700 e 800 NÃO existem nesta marca.
   - Nada preenchido em repouso. Chip/aba ativo = texto em tinta + borda rosa.
*/

/* fontes locais */
@font-face{font-family:"Fraunces";src:url("/assets/ciagt_brand/fonts/Fraunces-Variavel.ttf") format("truetype-variations");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"Public Sans";src:url("/assets/ciagt_brand/fonts/PublicSans-Variavel.ttf") format("truetype-variations");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"Spline Sans Mono";src:url("/assets/ciagt_brand/fonts/SplineSansMono-Variavel.ttf") format("truetype-variations");font-weight:400 600;font-style:normal;font-display:swap}

/* tokens da identidade Registro */
:root{
  --paper:#f6f3ec; --paper-up:#fffdf8; --paper-tile:#efe9db; --rule:#e2dccd; --rule-strong:#1c1a15;
  --ink:#1c1a15; --ink-soft:#57534a; --ink-weak:#6b6659;
  --selo:#1e5f4e; --selo-hi:#2d7a66; --selo-soft:#4f9a82; --selo-lo:#14453a; --on-selo:#f2efe6;
  --link:#5e1730; --link-hover:#8f2547; --on-link:#fff6f8;
  --ok:#15803d; --alerta:#c68f10; --erro:#c62016; --focus:#8f2547;
  --f-display:"Fraunces",Georgia,serif;
  --f-body:"Public Sans",system-ui,-apple-system,sans-serif;
  --f-mono:"Spline Sans Mono",ui-monospace,monospace;
}

/* overrides do design system do Frappe Desk */
:root, .light, [data-theme="light"], body{
  --primary:#5e1730 !important;           /* CLIQUE = rosa */
  --primary-color:#5e1730 !important;
  --bg-color:#f6f3ec !important;
  --fg-color:#fffdf8 !important;
  --card-bg:#fffdf8 !important;
  --disabled-control-bg:#efe9db !important;
  --control-bg:#efe9db !important;
  --control-bg-on-gray:#efe9db !important;
  --text-color:#1c1a15 !important;
  --heading-color:#1c1a15 !important;
  --navbar-bg:#fffdf8 !important;
  --border-color:#e2dccd !important;
  --subtle-accent:#eef4f1 !important;
  --subtle-fg:#57534a !important;
  --font-stack:"Public Sans", system-ui, -apple-system, sans-serif !important;
}

/* tipografia */
body, .layout-main, .page-body, .navbar, .form-control, .btn, input, textarea, select{
  font-family:"Public Sans", system-ui, sans-serif !important;
  font-weight:400 !important;
}
/* peso 700+ é proibido: rebaixa pra 600 */
b, strong, .bold, .font-weight-bold, [class*="fw-700"], [class*="fw-800"]{ font-weight:600 !important; }

/* headings em Fraunces, max 600 */
h1, h2, h3, h4, .page-title .title-text, .title-text, .widget-title, .card-title{
  font-family:"Fraunces", Georgia, serif !important;
  font-weight:600 !important;
  letter-spacing:-.01em;
  color:#1c1a15 !important;
}
code, kbd, samp, pre, .code, [class*="mono"]{
  font-family:"Spline Sans Mono", ui-monospace, monospace !important;
}

/* WORDMARK — sempre Public Sans caps 500 tracking .22em, NUNCA serif */
.wordmark, .navbar-brand, .brand-text, .app-name{
  font-family:"Public Sans", sans-serif !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
  letter-spacing:.22em !important;
  font-size:14px !important;
}

/* superfícies */
.desk-sidebar, .layout-side-section, .sidebar, .nav-sidebar{background:#fffdf8 !important;border-right:1px solid #e2dccd !important}
.page-container, .page-body, .layout-main, .main-page-container, .content-page{background:#f6f3ec !important}
.navbar, .navbar-default, .header-actions, .page-head{background:#fffdf8 !important;border-bottom:1px solid #e2dccd !important}
.widget, .widget-body{background:#fffdf8 !important;border:1px solid #e2dccd !important;border-radius:12px}

/* BOTÃO PRIMÁRIO — vazado em rosa; hover inverte */
.btn-primary, .btn.btn-primary{
  background:transparent !important;
  color:#5e1730 !important;
  border:1px solid #5e1730 !important;
  font-weight:500 !important;
}
.btn-primary:hover, .btn.btn-primary:hover, .btn-primary:focus{
  background:#5e1730 !important;
  color:#fff6f8 !important;
  border-color:#5e1730 !important;
}
/* botão secundário: mesma lógica, borda mais leve */
.btn-secondary, .btn.btn-default{
  background:transparent !important; color:#5e1730 !important; border:1px solid #e2dccd !important;
}

/* LINK — rosa; hover clareia (sem fundo pra inverter) */
a, .link{ color:#5e1730 !important; text-decoration:none; }
a:hover, .link:hover{ color:#8f2547 !important; }

/* CHIP/ABA ATIVO — texto em tinta, borda rosa mantida (SEM PREENCHIMENTO) */
.tabs a.on, .tab-nav .active, .btn.active, .btn-toggle.active,
.chip.active, [role="tab"][aria-selected="true"]{
  background:transparent !important;
  color:#1c1a15 !important;
  border:1px solid #5e1730 !important;
  font-weight:600 !important;
}

/* item de sidebar corrente = mesma regra */
.sidebar-item.selected, .sidebar-item.active{
  background:transparent !important;
  color:#1c1a15 !important;
  border-left:2px solid #5e1730 !important;
  font-weight:600 !important;
}

/* logo do navbar */
.navbar-brand img, .app-logo img{height:32px !important;width:auto !important}

/* input de busca (Ctrl+K) */
.search-bar, .search-container input, .form-control{
  background:#fffdf8 !important;
  border:1px solid #e2dccd !important;
  color:#1c1a15 !important;
  border-radius:8px !important;
}
.form-control:focus, input:focus{ border-color:#5e1730 !important; box-shadow:0 0 0 3px rgba(94,23,48,.12) !important; }

/* números tabulares por default */
body{ font-feature-settings:"tnum" 1; }

/* --------- Cobertura extra Frappe v16 (sidebar Vue, workspace avatar, dropdowns) --------- */

/* body/root/backgrounds — força creme em qualquer nível */
html, body, #body, .body, .full-page{background:#f6f3ec !important}

/* Sidebar em v16 usa combinações estranhas — pegar TUDO que parece sidebar */
[class*="sidebar"], [class*="Sidebar"], .desk-sidebar, .layout-side-section, aside{
  background:#fffdf8 !important; border-right:1px solid #e2dccd !important;
}
[class*="sidebar"] a, [class*="sidebar"] .link, aside a{color:#57534a !important}
[class*="sidebar"] a:hover{color:#5e1730 !important; background:#efe9db !important}

/* Workspace switcher/card do topo (o "H" cinza está aqui) */
[class*="workspace-title"], [class*="workspace-name"], [class*="app-switcher"]{color:#1c1a15 !important}
[class*="workspace"] [class*="avatar"], [class*="workspace"] .avatar-frame,
[class*="workspace"] > div > div:first-child, [class*="workspace-icon"]{
  background:#f6f3ec !important; color:transparent !important;
  background-image:url("/assets/ciagt_brand/img/logo.svg") !important;
  background-repeat:no-repeat !important; background-position:center !important; background-size:70% 70% !important;
  border:1px solid #e2dccd !important;
}
/* letra "H" (avatar-content) — esconder */
[class*="workspace"] [class*="avatar"] > *, [class*="avatar-content"], [class*="avatar-initial"]{
  color:transparent !important; visibility:hidden !important;
}

/* Topbar / navbar */
.navbar, .app-navbar, [class*="topbar"], [class*="TopBar"]{
  background:#fffdf8 !important; border-bottom:1px solid #e2dccd !important;
}

/* Chips de filtro / botões de action */
.btn, .frappe-btn{font-weight:500 !important}
.btn-default:not(.btn-primary){background:transparent !important; border:1px solid #e2dccd !important; color:#5e1730 !important}
.btn-default:hover{background:#efe9db !important}

/* Página title area */
.page-head, .page-head-inner{background:transparent !important; border-bottom:1px solid #e2dccd !important}
.title-area .title-text{font-family:"Fraunces", Georgia, serif !important; color:#1c1a15 !important; font-weight:600 !important}

/* List view header/rows */
.list-row, .list-row-container{background:#fffdf8 !important; border-bottom:1px solid #e2dccd !important}
.list-row:hover{background:#efe9db !important}
.list-row-checkbox{border-color:#e2dccd !important}
.list-subject a, .indicator, .indicator-pill{color:#1c1a15 !important}

/* Dropdowns/popovers */
.dropdown-menu, .popover, .frappe-popover{
  background:#fffdf8 !important; border:1px solid #e2dccd !important; box-shadow:0 8px 20px rgba(28,26,21,.06) !important;
}
.dropdown-item{color:#1c1a15 !important}
.dropdown-item:hover{background:#efe9db !important; color:#5e1730 !important}

/* Forms */
.form-section, .form-column, .frappe-control{background:transparent !important}
.control-label{color:#57534a !important; font-family:"Public Sans", sans-serif !important; font-size:12px !important}
.form-control{background:#fffdf8 !important; border:1px solid #e2dccd !important; color:#1c1a15 !important; border-radius:6px !important}

/* Cards de widget/atalhos */
.widget, .widget-body, .shortcut-widget-box, .number-widget-box, .link-widget-box{
  background:#fffdf8 !important; border:1px solid #e2dccd !important; border-radius:12px !important;
}
