/* Tema claro mineral: superfícies azul-acinzentadas, sem grandes áreas brancas. */
:root{color-scheme:light;--canvas:#e2e8ee;--surface:#f0f3f6;--surface-raised:#f7f9fb;--surface-soft:#e7edf2;--navigation:#d1dde7;--line:#c5d1dc;--ink:#293e50;--secondary:#566a7d;--accent:#456580;--selected:#b9ccdc}
body{background:var(--canvas);color:var(--ink)}
.sidebar{background:var(--navigation);border-color:#b9c9d7}
.topbar{background:#e8eef3;border-color:var(--line)}
.brand{color:#2f4b62}.mark{background:var(--accent)}
.workspace{background:#dfe8ef;border-color:#bdcddb}
.workspace small,.navlabel,.prototype,.profile small,.eyebrow{color:#596f82}
.nav{color:#476177}.nav:hover{background:#c5d5e2}.nav.active{background:var(--selected);color:#284961;box-shadow:inset 3px 0 0 #547b99}.nav em{background:#afc3d4;color:#2e4c63}
.profile{border-color:var(--line)}.search,.search input::placeholder{color:#63798d}
.card,.stat,.project-summary{background:var(--surface);border-color:var(--line);box-shadow:0 3px 12px #405b7205}
.stat:hover{background:#e8eff5;border-color:#9fb5c8}
.cardhead,.area-branch-head,.dialoghead{background:var(--surface-soft);border-color:var(--line)}
button{background:var(--surface-raised);border-color:#bfcedb;color:var(--ink)}button:hover{background:#dfe9f1}
button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:#355571}
button.flat{background:transparent}.flat:hover{background:#dce6ee}
.taskmain,.title-button,.progress-button,.person-work button,.person-detail-button,.sector-branch,.performance-row,.area button,.big-indicator,.breadcrumbs button,.link-button,td button{background:transparent}
.taskmain:hover,.title-button:hover{background:transparent;color:#254e70}
.task,.notice,.request,.history-line,.plain-checklist li,.check-item,.milestone,.card-actions,.routine-meta,.person-work,.sector-branch,.directory-result,.performance-row,td{border-color:#d3dde5}
.history-line,.directory-result{background:transparent}.history-line:hover,.directory-result:hover,.sector-branch:hover,.performance-row:hover,tr:hover td{background:#e3ecf3}
th,.permissions-table tbody th{background:#e3ebf1;color:#51697c}.current-permission{background:#d5e2ed;color:#345470}
.tabs{border-color:#bcccd9}.tabs button{color:#5a7185}.tabs button.active{color:#2e5777;border-color:#527c9c}
.avatar,.large-avatar,.module-symbol{background:#d4e1eb;color:#405f79}.organization-logo{background:#eaf0f5;color:#456580}
.focus,.organization-intro{background:#ccdde9;border:1px solid #b7ccdc}.focus h2,.organization-intro h2{color:#315471}
.progress{background:#d3dfe8}.progress i{background:#6c8ca6}
.comment{background:#e1eaf1}.pill{background:#dce5ed;color:#526b80}
.red{color:#a0403c!important}.amber{color:#8b651f!important}.green{color:#356d53!important}
.pill.red{background:#f1dcd9}.pill.amber{background:#eee2c9}.pill.green{background:#d9e9df}
.check{background:#edf2f6;border-color:#aabfce}.check.done{background:#567d6b;color:white}
p,.muted,.date,.stat .label,.stat small,.taskmain small,.cardhead small,.cardhead button,.notice small,.bottomnote,.notice-article p,.notice-article.read h2,.routine-meta span,.person-card p,.person-work span,.person-detail-button,.sector-counts,.manager-line small,.sector-branch small,.notice-byline small,.directory-result small,.person-due,.performance-name small,.performance-count small,.project-owner small,.details span:nth-child(odd),.dialogbody label,.settings-form label,.stage-empty,.empty,td small{color:var(--secondary)}
.link-button,.count-link{color:#345f83!important}
.toolbar input,.toolbar select,.module-controls select,.management-filters select,.settings-form input,.settings-form select,.dialogbody input,.dialogbody select,.dialogbody textarea,.loginform input{background:var(--surface-raised);border-color:#b7c9d7;color:var(--ink)}
input::placeholder,textarea::placeholder{color:#718597}
dialog{background:var(--surface);color:var(--ink)}dialog::backdrop{background:#30495f45}
.login{background:var(--canvas)}.loginvisual{background:#c5d7e5;color:#2d4f6a}.loginvisual p{color:#506b81}.loginvisual .eyebrow,.loginvisual>span{color:#506b81!important}.loginvisual .mark{background:#456580!important;color:white}.loginform{background:#e8eef3}
#toast{background:#456580;color:white}
:focus-visible{outline:2px solid #527d9f;outline-offset:3px}
