/* ========================================================================== 
   KineSys Design System — Telas e Superfícies | Etapa 10
   Migração do legado ui_expert.css.
   Contém somente regras ainda efetivas no runtime após remoção segura de
   declarações comprovadamente anuladas por fontes posteriores da cascata.
   Nenhuma regra clínica, de banco, permissões ou persistência é alterada.
   ========================================================================== */
html{background:var(--kds-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.ks-design-ready{background:var(--kds-bg);color:var(--kds-text);font-family:var(--kds-font-family-ui);font-kerning:normal;font-variant-numeric:tabular-nums}
body.ks-design-ready button, body.ks-design-ready input, body.ks-design-ready select, body.ks-design-ready textarea{font-family:inherit}
body.ks-design-ready ::selection{background:#CFEAE5;color:#123F42}
body.ks-design-ready .tela{max-width:var(--kds-content-width);padding-top:20px}
.ks-patient-context{margin-top:13px;margin-bottom:2px;border-radius:12px;border-color:var(--kds-line);box-shadow:var(--kds-shadow-soft);gap:12px}
.ks-patient-main{flex:0 1 320px;min-width:210px}
.ks-patient-avatar, .ks-patient-initial{border-radius:9px}
.ks-patient-main strong{font-weight:700}
.ks-patient-main span#ks_patient_meta{color:var(--kds-muted)}
.ks-patient-tabs{gap:2px;padding:2px;border-radius:9px;background:#F6F9F8}
.ks-patient-tabs button{font-weight:650;border-radius:7px}
.ks-patient-tabs button:hover, .ks-patient-tabs button.active{background:#E8F4F1;color:#176E67}
.ks-patient-change{padding:7px 10px;border-radius:8px}
.ks-patient-clear{width:34px;height:34px}
body.ks-design-ready h3{color:var(--kds-text);font-weight:700}
body.ks-design-ready .input-group{margin-bottom:14px}
body.ks-design-ready .input-group label{font-size:var(--kds-font-metadata);line-height:1.3;font-weight:650;color:#476067;margin-bottom:6px;letter-spacing:0}
.field-help, .helper-text, .clinical-note{font-size:var(--kds-font-metadata)!important;line-height:1.5!important;color:var(--kds-muted)!important}
.ks-eyebrow, .eyebrow, .ks-section-eyebrow{font-weight:760!important;color:#748A8E!important}
body.ks-design-ready a:focus-visible{outline:3px solid rgba(42,167,157,.20);outline-offset:2px}
.ks-empty, .finance-empty, .ana-empty{background:#FAFCFB!important;border-color:#D8E5E1!important;color:#708286!important}
.ks-home-hero{padding:5px 1px 14px;align-items:center}
.ks-home-hero h2{letter-spacing:-.4px;font-weight:720}
.ks-home-hero p{text-transform:none!important;color:var(--kds-muted)}
.ks-home-stats{gap:9px;margin-bottom:14px}
.ks-home-stats>div{padding:14px 15px;border-radius:12px;box-shadow:none;background:#fff}
.ks-home-stats span{font-weight:620;color:var(--kds-muted)}
.ks-home-stats strong{font-weight:720;margin-top:4px}
.ks-home-stat-arrow{font-size:var(--kds-font-clinical)!important;color:#7E9290!important}
.ks-home-columns{gap:12px}
.ks-home-crm{border-radius:12px;box-shadow:none}
.ks-home-crm>summary{padding:12px 14px}
.ks-prontuario-cards{gap:8px}
.ks-patient-card{border-radius:12px!important;box-shadow:none!important;border-color:#DCE6E3!important}
.ks-patient-card:hover{border-color:#B9D1CC!important;background:#FEFFFF}
.ks-patient-card-copy strong{font-weight:700}
.ks-prontuario-resumo{padding:16px 18px!important;border-radius:13px!important;box-shadow:0 9px 24px rgba(17,53,61,.10)!important}
.ks-prontuario-resumo h2{font-weight:700!important}
.ks-prontuario-actions{gap:7px!important}
.ks-prontuario-actions .btn-nav[onclick*="excluirPaciente"]{margin-left:auto!important;background:transparent!important;color:#C27A73!important;border-color:transparent!important;font-weight:600!important}
.ks-prontuario-actions .btn-nav[onclick*="excluirPaciente"]:hover{background:#FFF3F2!important;color:#9B3932!important;border-color:#F0D4D1!important}
#tela_evolucao{max-width:1220px}
#tela_evolucao .ks-evo-main{padding:21px 23px!important;box-shadow:none!important}
#tela_evolucao .evo-session-card, #tela_evolucao .evo-history-card{border-radius:11px;box-shadow:none}
#tela_financeiro>.finance-hero{justify-content:flex-end;align-items:center;margin:0 0 9px;padding:0;min-height:39px;overflow:visible}
#tela_financeiro .finance-select-card{padding:14px 15px!important;box-shadow:none!important}
#tela_financeiro .finance-workspace-tabs{margin-bottom:10px}
#tela_financeiro .finance-stats{gap:8px;margin:8px 0 12px}
#tela_financeiro .finance-stats>div{padding:12px 13px;border-radius:10px;box-shadow:none}
#tela_financeiro .finance-stats span{letter-spacing:.35px}
#tela_financeiro .finance-columns{gap:12px}
#tela_financeiro .finance-plan-card{padding:12px 13px;border-radius:10px}
#tela_financeiro .finance-plan-head h3{font-weight:700}
#tela_financeiro .finance-session-line, #tela_financeiro .finance-money-line{font-size:var(--kds-font-metadata);gap:10px}
#tela_financeiro .finance-note{font-size:var(--kds-font-metadata)}
#tela_financeiro .finance-plan-actions button{border-radius:7px}
#tela_financeiro .finance-payment-row{padding:10px 0}
#tela_midias{max-width:1240px}
#tela_midias .midia-hero-card{box-shadow:none}
#tela_midias .midia-hero-head h2{line-height:1.25}
#tela_midias .midia-hero-head p{max-width:68ch}
#tela_midias .midia-capture-box{border-radius:11px}
.ks-team-hero{margin-bottom:13px;align-items:center}
.ks-team-hero h2{line-height:1.2;font-weight:710}
.ks-team-hero p{color:var(--kds-muted)}
.ks-team-list{box-shadow:none!important}
.ks-drawer{box-shadow:-16px 0 44px rgba(18,48,55,.15)!important}
.ks-drawer-head{padding-top:18px!important}
.ks-drawer-head h2{line-height:1.25}
#tela_configuracoes>.card{margin-top:0}
#tela_configuracoes .ks-msg-template-item{border-radius:10px;box-shadow:none;padding:11px 12px}
#tela_configuracoes .ks-msg-editor{border-radius:12px;padding:15px}
body.ks-design-ready .tabela-pacientes{border-radius:10px;border-color:var(--kds-line);box-shadow:none}
body.ks-design-ready .tabela-pacientes thead th{font-weight:700;color:#61757A;background:#F5F8F7}
body.ks-design-ready .tabela-pacientes td{color:#334C52}
body.ks-design-ready .tabela-pacientes tbody tr:hover td{background:#FBFDFC}
.ks-toast{border-radius:11px;box-shadow:var(--kds-shadow-float)}
.ks-dialog{border-radius:14px;box-shadow:0 26px 70px rgba(13,35,41,.24)}
.ks-dialog-copy h3{line-height:1.25}
body.ks-design-ready .modal-box{border-radius:14px;box-shadow:0 26px 70px rgba(13,35,41,.22)}
body.ks-design-ready .modal-box h2{font-weight:710}
body.ks-design-ready[data-tela="tela_login"] .login-card{max-width:430px;padding:31px!important;border-radius:15px!important;box-shadow:0 20px 54px rgba(20,50,57,.09)!important}
@media (max-width:1180px){
  .ks-patient-main{flex-basis:260px}
}
@media (max-width:980px){
  .ks-patient-context{align-items:flex-start;flex-wrap:wrap}
  .ks-patient-tabs{order:3;flex-basis:100%;width:100%;overflow-x:auto}
}
@media (max-width:820px){
  .ks-patient-context{margin-top:10px}
  #tela_financeiro>.finance-hero{justify-content:stretch}
  #tela_financeiro>.finance-hero>.btn-primary{width:100%}
}
@media (max-width:620px){
  .ks-patient-context{padding:9px;gap:8px}
  .ks-patient-main{flex-basis:calc(100% - 50px);min-width:0}
  .ks-patient-tabs button{padding:6px 8px}
  body.ks-design-ready .grid-2, body.ks-design-ready .grid-3{grid-template-columns:1fr!important;gap:0}
  body.ks-design-ready .actions{display:grid;grid-template-columns:1fr;width:100%}
  body.ks-design-ready .actions>button, body.ks-design-ready .actions>a{width:100%;white-space:normal}
  .ks-prontuario-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .ks-prontuario-actions .btn-nav[onclick*="excluirPaciente"]{margin-left:0!important;grid-column:1/-1}
  #tela_financeiro .finance-workspace-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}
  #tela_financeiro .finance-workspace-tab{flex:0 0 auto}
}
@media (max-width:430px){
  .ks-patient-tabs{gap:0}
  .ks-patient-tabs button{font-size:var(--kds-font-metadata);padding:6px 7px}
  .ks-prontuario-actions{grid-template-columns:1fr!important}
  .ks-home-stats{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *, *::before, *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* Etapa 14 — Prontuário / exportação: remove microtipografia e estilos inline do modal do app. */
.ks-prontuario-export-modal{max-width:620px}
.ks-prontuario-export-intro{color:var(--kds-muted);font-size:var(--kds-font-content);line-height:var(--kds-leading-text);margin-top:-4px}
.ks-prontuario-export-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.ks-prontuario-export-option{text-align:left;padding:16px;height:auto;min-height:104px;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:0;white-space:normal}
.ks-prontuario-export-option-title{display:block;font-size:var(--kds-font-ui);line-height:var(--kds-leading-ui);margin-bottom:5px}
.ks-prontuario-export-option-copy{display:block;font-size:var(--kds-font-label);line-height:var(--kds-leading-text);font-weight:500}
.ks-prontuario-export-permission{font-size:var(--kds-font-content);line-height:var(--kds-leading-text);color:var(--kds-muted);margin-top:12px}
@media (max-width:620px){
  .ks-prontuario-export-grid{grid-template-columns:1fr}
  .ks-prontuario-export-option{min-height:0}
}