/* ONE v0.4.6 — contraste, transparência e controles de senha */
body{font-size:16px;color:#082631}
.one-app:before{background:transparent}

/* Vidro mais sólido para preservar a leitura sobre a fotografia */
.one-header{background:rgba(235,241,240,.94);border-color:rgba(255,255,255,.9)}
.one-header nav{background:rgba(255,255,255,.52);border-color:rgba(7,31,41,.16)}
.client-switcher{background:rgba(235,241,240,.96)}
.context-bar{background:rgba(5,28,35,.90)}
.page-heading{background:rgba(5,28,35,.93)}
.section-block,.sim-main{background:rgba(231,237,235,.80);border-color:rgba(255,255,255,.9)}
.front-card{background:rgba(226,233,231,.80);border-color:rgba(7,31,41,.26);box-shadow:0 16px 42px rgba(0,20,28,.22)}
.front-card dl div{background:rgba(255,255,255,.80);border:1px solid rgba(7,31,41,.1);box-shadow:0 5px 14px rgba(0,20,28,.06)}
.metric-grid article{background:rgba(232,238,236,.80)}
.data-card,.rule-grid article,.decision-list article,.alert-list article,.sim-numbers div,.one-user-list>article,.environment-details article{background:rgba(255,255,255,.80)}
.table-wrap{border-color:rgba(7,31,41,.18);background:rgba(245,248,247,.80)}
table{background:rgba(247,249,248,.80)}
th{background:rgba(222,230,228,.96);color:#3a5964}
tbody tr:hover{background:rgba(255,255,255,.96)}
.matrix-toolbar input,.person-form-grid input,.person-form-grid select,.one-user-form input,.one-user-form select{background:rgba(255,255,255,.92)}
.record-modal{background:rgba(235,240,239,.80)}

/* O mesmo vidro 80/20 em todos os cards claros e formulários suspensos. */
.person-edit-form,.one-user-form,.admin-tabs,.drawer-status,.preview-metrics b{background:rgba(255,255,255,.80)}
.client-switcher{background:rgba(235,241,240,.80)}
.drawer{background:rgba(230,237,236,.80)}
.login-card{background:rgba(218,225,224,.80)}

/* Hierarquia dos títulos e navegação */
.one-header nav a{font-size:13px;font-weight:750;color:#334f5a}
.brand b{font-size:19px}
.account b{font-size:13px}.account small{font-size:10px;color:#516b75}
.eyebrow{font-size:12px;letter-spacing:.13em}
.page-heading h1{font-size:clamp(31px,2.4vw,38px);line-height:1.12}
.page-heading p{font-size:15px;line-height:1.6;color:#d0dcde}
.section-block h2{font-size:31px;line-height:1.15}
.section-block>header>a,.row-open,.source-link{font-size:13px}
.context-bar span{font-size:11px}.context-bar b{font-size:18px}
.client-switcher span{font-size:11px}.client-switcher strong{font-size:17px}.client-switcher select{font-size:14px}

/* Indicadores e cards operacionais */
.front-head small{font-size:12px;color:#365660;font-weight:800}
.front-head h3{font-size:23px;line-height:1.2}
.front-head>strong{font-size:32px}.front-head>strong small{font-size:11px;color:#365660}
.front-card dt{font-size:13px;color:#294a55;font-weight:750}
.front-card dd{font-size:22px;color:#062633}
.metric-grid small{font-size:11px;color:#405f69}.metric-grid strong{font-size:32px}.metric-grid span{font-size:12px;color:#506b75}
.data-card h3{font-size:16px}.data-card p,.data-card small{font-size:11px;color:#4f6b74}
.rule-grid h3,.alert-list h3{font-size:16px}.rule-grid p,.rule-grid span,.alert-list p{font-size:12px}.alert-list small,.alert-list>article>span{font-size:10px}
.decision-list span{font-size:11px}.decision-list p{font-size:13px}

/* Filtros, tabelas, estados e ações */
.matrix-toolbar label{font-size:13px;color:#294c57}.matrix-toolbar input{font-size:15px;font-weight:600;color:#153640}
th{font-size:12px;letter-spacing:.055em;color:#294b56}
td{font-size:15px;color:#102f3a}
td small{font-size:12px;color:#46636d}
.legend,.status{font-size:11px;padding:7px 10px}
.admin-button,.row-actions .admin-button{font-size:12px}
.person-form-grid label,.record-modal .person-form-grid label{font-size:12px}
.person-form-grid input,.person-form-grid select,.record-modal .person-form-grid input,.record-modal .person-form-grid select{font-size:14px}
.record-modal>header h2{font-size:31px}.record-modal>header p{font-size:14px}
.source-empty strong{font-size:18px}.source-empty span{font-size:13px}
.page-heading-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:17px}
.page-heading-actions .source-link{margin-top:0}
.page-heading-actions .primary-action{border-color:#19d8c5;background:#0aa798;color:#fff;box-shadow:0 9px 24px rgba(0,185,167,.2)}
footer{font-size:12px}

/* Administração */
.admin-tabs a{font-size:13px}.setup-main h2{font-size:31px}.setup-main>p{font-size:14px}
.environment-details small{font-size:10px}.environment-details strong{font-size:14px}
.setup-status label,.one-user-form label{font-size:12px}.setup-status>p{font-size:13px}
.one-user-list strong{font-size:15px}.one-user-list small,.one-user-list span{font-size:12px}

/* O acionador fica dentro do campo e nunca herda o botão principal do formulário. */
.login-card .password-control,.one-user-form .password-control{position:relative;display:block;width:100%}
.login-card .password-control input,.one-user-form .password-control input{width:100%;padding-right:86px!important}
.login-card .password-toggle,.one-user-form .password-toggle{
  position:absolute!important;right:7px!important;top:50%!important;z-index:3;
  width:auto!important;min-width:68px!important;height:32px!important;margin:0!important;padding:0 11px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  transform:translateY(-50%)!important;border:1px solid rgba(7,31,41,.18)!important;border-radius:8px!important;
  background:rgba(245,248,247,.96)!important;color:#075f58!important;box-shadow:none!important;
  font-size:11px!important;font-weight:850!important;line-height:1!important;letter-spacing:0!important;cursor:pointer;
}
.login-card .password-toggle:hover,.one-user-form .password-toggle:hover{background:#fff!important;filter:none!important}
.login-card .password-toggle:focus-visible,.one-user-form .password-toggle:focus-visible{outline:3px solid rgba(0,167,152,.25);outline-offset:1px}

@media(min-width:1251px){.one-header nav a{font-size:12.5px;padding-left:10px;padding-right:10px}}
@media(max-width:760px){
  body{font-size:15px}
  .page-heading{padding:27px 22px}.page-heading h1{font-size:29px}.page-heading p{font-size:14px}
  .section-block h2{font-size:27px}.front-head h3{font-size:21px}
  .front-card dt{font-size:12px}.front-card dd{font-size:20px}
  .matrix-toolbar label{font-size:12px}.matrix-toolbar input{font-size:14px}
  th{font-size:11px}td{font-size:14px}td small{font-size:11px}
  .record-modal>header h2{font-size:25px}.admin-tabs a{font-size:12px}
}