/* Sistema visual Holania: complementa los estilos base y se carga en todo el panel. */
:root{--brand:#12b8d3;--brand-deep:#087f9b;--brand-soft:#e9fbff;--ink:#102238;--ink-soft:#40546b;--muted:#718096;--surface:#fff;--canvas:#f5f9fc;--line:#dfe8ef;--radius:16px;--shadow:0 14px 36px rgba(30,61,80,.07)}
body{background:var(--canvas);font-size:14px}.sidebar{width:248px;padding:20px 14px;box-shadow:none}.brand{display:flex!important;align-items:center;gap:10px!important;margin:4px 8px 30px!important;font-size:19px!important;letter-spacing:-.025em}.brand img{width:36px;height:36px;object-fit:cover;border-radius:12px;box-shadow:0 6px 16px rgba(18,184,211,.22)}.brand strong{font-weight:750}.sidebar nav{gap:3px}.sidebar nav a,.sidebar footer a{display:flex;align-items:center;gap:11px;min-height:42px;padding:10px 11px;border-radius:10px;font-weight:650;transition:background .16s,color .16s,transform .16s}.sidebar nav a:hover{background:#f0fafc;color:var(--brand-deep);transform:translateX(2px)}.sidebar nav a.active{background:var(--brand-soft);box-shadow:inset 0 0 0 1px #c8eef5;color:var(--brand-deep)}.nav-section{margin:19px 11px 6px;color:#91a0ae;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.nav-icon{width:18px;text-align:center;color:#7a8c9c;font-size:16px;font-weight:500}.sidebar nav a.active .nav-icon,.sidebar nav a:hover .nav-icon{color:var(--brand-deep)}.sidebar footer{padding:16px 10px 4px;border-top:1px solid var(--line)}.sidebar footer span{display:grid;gap:2px;font-weight:750;color:#314458}.sidebar footer small{font-size:12px;font-weight:500}.app-content{min-height:100vh;margin-left:248px}.topbar{height:72px;padding:0 42px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:space-between;gap:16px;backdrop-filter:blur(10px)}.topbar-context{display:flex;align-items:center;gap:11px;color:#627386;font-size:13px;font-weight:650}.topbar-context:before{content:"";width:9px;height:9px;border-radius:99px;background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.topbar-user{display:flex;align-items:center;gap:10px;color:#536477;font-size:13px}.topbar-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:99px;background:#e6f8fb;color:#087f9b;font-size:12px;font-weight:800}.sidebar-toggle{display:none}.app-main{max-width:1500px;margin:0 auto;padding:38px 42px 56px}.page-head{margin-bottom:25px}.page-head>div>p:not(.eyebrow){max-width:760px;color:var(--ink-soft);font-size:15px}.card,.kpis article{padding:24px;border-color:var(--line);border-radius:var(--radius);box-shadow:0 4px 12px rgba(20,48,67,.018)}.card h2{font-size:18px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-heading h2{margin-bottom:4px}.section-heading p{margin-bottom:0}.metric-grid,.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.metric-card,.kpis article{padding:19px;border-color:var(--line);border-radius:14px;background:linear-gradient(145deg,#fff,#f8fcfd)}.metric-card span,.metric-card small,.kpis span,.kpis small{font-size:12px}.metric-card strong,.kpis strong{margin:7px 0 2px;font-size:26px;line-height:1.15;letter-spacing:-.04em}.form-grid{gap:16px;margin-top:20px}.form-grid label{font-size:13px}.form-grid input,.form-grid select,textarea{min-height:44px;padding:10px 12px;border-color:#cddae3;border-radius:10px;box-shadow:none}.form-grid input:focus,.form-grid select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(18,184,211,.13)}textarea{min-height:130px;padding:12px}.primary,.secondary,.danger{min-height:42px;padding:9px 15px;border-radius:10px;font-size:13px;font-weight:750}.primary{border:1px solid var(--brand);background:var(--brand);box-shadow:0 8px 17px rgba(18,184,211,.19);color:#083440}.primary:hover{background:#08abc7;border-color:#08abc7;transform:translateY(-1px);box-shadow:0 10px 21px rgba(18,184,211,.24)}.secondary,.action-row a{border-color:#c8d6df;color:#3e566a}.secondary:hover,.action-row a:hover{border-color:#94dce9;background:var(--brand-soft);color:var(--brand-deep)}.action-row{gap:9px}.notice{font-size:13px}.table-wrap{border:1px solid var(--line);border-radius:12px}table{margin-top:0}th,td{padding:13px 14px}th{background:#f7fafc;color:#758698;font-size:10px;font-weight:800;letter-spacing:.07em}tbody tr:hover{background:#fbfeff}.checkbox-grid{gap:10px}.checkbox-grid label{padding:13px;border-color:#d9e4ea;border-radius:11px;transition:border .16s,background .16s}.checkbox-grid label:hover{border-color:#8bd9e7;background:#f5fdff}.checkbox-grid input{accent-color:var(--brand)}.module-picker{padding:17px;border-color:#d9e8ee;border-radius:13px;background:#fbfeff}.field-help{margin-bottom:12px}.dashboard-grid{gap:18px}.knowledge-list{gap:10px}.knowledge-list article{padding:15px;border-color:var(--line);border-radius:11px;background:#f8fbfd}.knowledge-list p{font-size:13px}.password-field button{min-width:68px}.compact{margin-top:14px}.form-actions{display:flex;align-items:end}.form-actions button,.form-grid button:not(.password-field button){min-height:44px;padding:10px 16px;border:1px solid var(--brand);border-radius:10px;background:var(--brand);box-shadow:0 8px 17px rgba(18,184,211,.19);color:#083440;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.form-grid button:not(.password-field button):hover,.form-actions button:hover{background:#08abc7;border-color:#08abc7}.text-button{color:var(--brand-deep)}
details.create-panel{padding:0;overflow:hidden;margin-bottom:18px}details.create-panel summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 23px;cursor:pointer;list-style:none}details.create-panel summary::-webkit-details-marker{display:none}details.create-panel summary>span:first-child{display:grid;gap:2px}details.create-panel summary strong{font-size:15px}details.create-panel summary small{color:var(--muted);font-size:12px}.summary-action{color:var(--brand-deep);font-size:13px;font-weight:750}.create-panel[open] summary{border-bottom:1px solid var(--line);background:#fbfeff}.create-panel[open] .summary-action{font-size:0}.create-panel[open] .summary-action:after{content:"Cerrar";font-size:13px}.create-panel form{padding:3px 23px 23px}.project-list{margin-top:0}.table-action{min-height:34px;padding:6px 10px;font-size:12px;white-space:nowrap}.empty-state{max-width:680px}.empty-state .primary{margin-top:4px}@media(max-width:1040px){.topbar{padding:0 28px}.app-main{padding:32px 28px}.metric-grid,.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.sidebar{position:fixed;transform:translateX(-100%);transition:transform .2s}.sidebar.is-open{transform:translateX(0);box-shadow:18px 0 34px rgba(15,35,50,.16)}.app-content{margin-left:0}.topbar{height:62px;padding:0 18px}.topbar-context{font-size:12px}.topbar-user{display:none}.sidebar-toggle{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:18px;cursor:pointer}.app-main{padding:28px 18px 45px}.page-head,.section-heading{display:grid;gap:16px}.dashboard-grid,.checkbox-grid,.form-grid{grid-template-columns:1fr}.action-row .primary,.action-row .secondary{flex:1}details.create-panel summary{padding:17px 18px}.create-panel form{padding:3px 18px 18px}}@media(max-width:480px){.metric-grid,.kpis{grid-template-columns:1fr}.app-main{padding:24px 15px}.card{padding:18px}.topbar-context{display:none}}