
/* v1.2: logo contido, sem alterar a proporção ou o layout */
.brand .company-logo,.company-preview .company-logo{display:block;width:100%;height:72px;max-width:210px;max-height:72px;object-fit:contain;object-position:center;flex:0 1 auto;padding:0;background:transparent;border-radius:0;min-width:0}
.auth-brand .brand .company-logo{width:260px;max-width:100%;height:100px;max-height:100px}
.company-preview .company-logo{width:260px;max-width:100%;height:100px;max-height:100px}
.brand{min-width:0;box-sizing:border-box;overflow:hidden}.brand .company-brand-name{font-size:20px}
[hidden]{display:none!important}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.permission-grid label{display:flex;align-items:center;gap:9px;margin:0;padding:12px;border:1px solid #dce4ef;border-radius:8px;font-size:12px}.permission-grid input{width:auto;margin:0}.permission-group{border:0;padding:0;margin:20px 0}.permission-group legend{font-weight:600}.permission-hint{font-size:12px;color:#64748b}.company-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.company-tabs a{padding:12px;background:#e8eef9;border-radius:8px;text-decoration:none;color:#254777}.company-tabs a.selected{background:#254777;color:white}.danger-button{color:#b33030;padding:10px;border:1px solid #e7bcbc;border-radius:8px;background:white}.workspace select{width:100%;min-width:0;border:0;background:transparent;color:inherit;font:inherit}.workspace{min-width:0}.workspace>div{min-width:0;width:100%}#usersdialog{width:680px}#usersdialog input,#usersdialog select{max-width:100%}@media(max-width:600px){.permission-grid{grid-template-columns:1fr}.brand .company-logo{height:56px}}

/* v1.2.1 — conforto de leitura; títulos e marca mantêm sua escala. */
:root{--ink:#1f2937;--muted:#526174;--blue:#2457c7}
body{font-size:16px;line-height:1.5;color:var(--ink)}
p{color:var(--muted)}
.workspace,.heading p,.drawer-head p,.primary,.auth-form p,.auth-form label,.setup label,.setup p,.read-only{font-size:14px}
nav button span{font-size:15px}nav button{color:#526174}
.nav-label,.eyebrow{font-size:12px;color:#526174;letter-spacing:1px}
.workspace small,.profile small,.profile,.help p,.help span,nav b,nav i{font-size:12px}
header,.header-right,.user-link,.logout-button{font-size:13px;color:#465b76}
header{height:auto;min-height:78px;padding-top:14px;padding-bottom:14px;gap:16px}
header strong{color:#34465f}.header-right{gap:10px;justify-content:flex-end}
.notice,.notice button{font-size:13px}.notice{color:#415876;line-height:1.6}
.notice button{color:#2853a4}.notice.success{color:#326044}
.stat-top{font-size:13px;color:#46576d}.stat small{font-size:12px;color:#526174}
h2{font-size:18px}.panel-heading p{font-size:13px}
h2 span,.tabs span,#resultcount{font-size:12px;color:#526174}
.view-switch button,.tabs button{font-size:13px;color:#526174}
.search input,select{font-size:14px;color:#26384e}
input::placeholder,textarea::placeholder{color:#627084;opacity:1}
th{font-size:12px;color:#526174}td{font-size:13px;line-height:1.55}
.person b{font-size:14px}.person small,.cellsmall{font-size:12px;color:#526174}
.avatar{font-size:12px;color:#385777}
.pill{font-size:12px;color:#2853a4}.pill.warn{color:#805715}.pill.green{color:#23664f}
.next.warn,.due-badge{color:#805715}.row-open{color:#465b76}
.table-footer,.bottom-note{font-size:12px;color:#526174;gap:16px;flex-wrap:wrap}
.table-footer span:last-child{color:#326044}.empty{color:#526174}
.column h3,.card p,.clientcard p,.clientcard button,.stagebar{font-size:13px}
.summary-card h3,.clientcard h3{font-size:16px}.stagebar span{width:165px}
.detail-content h3{font-size:16px}.info-grid small{font-size:12px;color:#526174}.info-grid b{font-size:14px}
.actionbox{font-size:14px;color:#79541c}.actionbox strong{font-size:12px}
.formbody label,.detail-content label{font-size:14px;color:#46576d;line-height:1.5}
.formbody input,.formbody select,.formbody textarea,.detail-content input,.detail-content select,.detail-content textarea,.auth-form input,.setup input{font-size:15px;line-height:1.5;color:#26384e;padding:11px 12px}
.checklist input{width:17px;height:17px;padding:0;flex-shrink:0}
.event{font-size:13px}.event small,.savebar{font-size:12px;color:#526174}
#toast{font-size:14px;max-width:calc(100vw - 30px)}
.user-row small,.user-row button,.audit-row small{font-size:12px;color:#526174}.audit-row{font-size:13px}
.inline-actions{flex-wrap:wrap}.inline-actions button{font-size:13px;color:#2853a4}
.inline-actions button.primary{color:#fff;background:var(--blue)}
.permission-grid label{font-size:13px;color:#46576d}.permission-grid input{width:17px;height:17px;padding:0;flex-shrink:0}
.permission-hint{font-size:13px;color:#526174}.auth-foot{font-size:12px!important}
.auth-brand p,.auth-brand .eyebrow,.auth-brand>small{color:#d4e1f2}
.errorbox{font-size:14px;color:#963636}.icon-button{color:#46576d}
.company-page{font-size:16px!important;color:#1f2937!important}
.company-section label{font-size:14px}.company-section input{font-size:15px;line-height:1.5}
.company-section p,.company-section small,.company-hint{font-size:13px;color:#526174}
.company-actions,.company-tabs{font-size:14px}
/* Pequenas observações antigas estavam em estilos inline de 11px. */
.detail-content p[style*="font-size:11px"]{font-size:13px!important;color:#526174}
.sidebar{overflow-y:auto}
@media(max-width:1100px){header{padding-left:24px;padding-right:24px}.header-right{gap:6px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 body{font-size:16px}.sidebar{overflow:visible}.workspace{display:flex;margin:15px 0 0}
 nav{flex-wrap:wrap}nav button{flex:1 1 40%;width:auto}nav button span{font-size:13px}
 header{padding:12px 15px;align-items:flex-start;flex-wrap:wrap}.header-right{font-size:12px;justify-content:flex-start}
 .panel-heading{flex-wrap:wrap}.panel-heading h2{font-size:17px}.panel-heading p{font-size:13px}
 .tabs{flex-wrap:wrap;gap:4px 15px}.tabs button,.view-switch button{font-size:12px}
 .notice{flex-wrap:wrap}.notice button{margin-left:0}.table-footer{font-size:12px}
 .formbody input,.formbody select,.formbody textarea,.detail-content input,.detail-content select,.detail-content textarea,.auth-form input,.company-section input{font-size:16px}
 .savebar{gap:12px;flex-wrap:wrap}.permission-grid{grid-template-columns:1fr}
 .stat{min-width:0}.stat-top{gap:5px}.stat small{display:block;line-height:1.5}
}

/* v1.2.2: área de trabalho compacta e dicas dispensáveis. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.dashboard-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}
.dashboard-top .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.dashboard-top .stat{padding:14px 15px;min-width:0}
.dashboard-top .stat-top{align-items:flex-start;min-height:40px;gap:5px;color:#46576d}
.dashboard-top .stat-icon{padding:4px 6px;font-size:15px;flex-shrink:0}
.dashboard-top .stat strong{font-size:28px;margin:4px 0 0;line-height:1.2}
.dashboard-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.secondary-action{background:#eaf0fb;color:#2853a4;border-radius:7px;padding:12px 14px;font-size:13px;font-weight:600}
.workspace-tools{display:flex;justify-content:flex-end;gap:12px;margin:10px 0 12px;flex-wrap:wrap}
.workspace-tools button{font-size:13px}
.usage-tip{margin:0 0 16px;padding:12px 14px;align-items:center;flex-wrap:nowrap}
.usage-tip>div{flex:1}.usage-tip .tip-close{margin:0;flex-shrink:0;width:34px;height:34px;font-size:24px;line-height:1;padding:0;border-radius:6px;color:#326044}
.usage-tip .tip-close:hover{background:#dcece2}
@media(max-width:1250px){.dashboard-top{grid-template-columns:1fr}.dashboard-actions{grid-row:1}.dashboard-top .stats{grid-row:2}}
@media(max-width:760px){.dashboard-top{gap:14px}.dashboard-top .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-top .stat{padding:12px 14px}.dashboard-actions{justify-content:flex-end}.workspace-tools{gap:6px}.usage-tip{align-items:flex-start}.dashboard-top .stat-top{min-height:36px}}
