/* Basalto Gestión: identidad tipográfica y superficies de trabajo. Solo pantalla. */
@media screen {
body.workspace-ui{--blue:#245bd6;--ink:#202d43;--muted:#738096;--line:#e3e8f0;--canvas:#f5f7fb;background:var(--canvas);color:var(--ink)}
.workspace-ui aside{background:#fff;border-right:1px solid #e3e8f0;padding-top:32px}
.workspace-ui .brand{display:block;margin:0 12px 28px;padding:0 0 22px;border-bottom:1px solid #edf0f5;text-decoration:none}
.workspace-ui .brand>span.brand-wordmark{display:block;font-size:35px;line-height:1.05;font-weight:750;letter-spacing:-1.65px;color:#172b4d}
.workspace-ui .brand .brand-wordmark small{display:block;margin-top:10px;font-size:10px;font-weight:650;line-height:1.2;letter-spacing:4.4px;text-transform:uppercase;color:#3968bc}
.workspace-ui .company{background:#f7f9fc;border:1px solid #e8edf4;border-radius:10px;padding:14px;color:#465670;font-weight:600;line-height:1.6}
.workspace-ui .company small{font-weight:400;color:#8590a2}
.workspace-ui .workspace-home{border-radius:8px;color:#627089;padding:10px 13px}
.workspace-ui .workspace-home.active{background:#edf3ff;color:#245bd6;border-color:transparent}
.workspace-ui nav{margin-left:7px;padding-left:0;border-left:0;gap:4px}
.workspace-ui nav button{position:relative;border:0;border-radius:8px;padding:10px 12px;color:#66758b;transition:background .15s,color .15s}
.workspace-ui nav button:hover{background:#f3f6fb;color:#254d8d}
.workspace-ui nav button.active{background:#edf3ff;color:#245bd6}
.workspace-ui nav button.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#3974e5}
.workspace-ui .nav-title{font-size:10px;letter-spacing:1.7px;color:#97a1b1;margin-top:23px}
.workspace-ui .workspace-area-hint{color:#909bad;line-height:1.8;font-size:11px}
.workspace-ui .aside-bottom{border-top:1px solid #edf0f5;margin-top:24px;padding-top:18px;color:#8390a3}
.workspace-ui header{height:66px;background:#fff;border-color:#e7ebf2;color:#768399}
.workspace-ui header>span:first-child{font-weight:500;font-size:12px}
.workspace-ui #workspace-find{background:#f6f8fb;border:1px solid #e9edf4;border-radius:8px;padding:8px 11px;color:#77849a}
.workspace-ui .version{background:#f7f9fc;color:#8793a5;border-color:#e7ebf3;font-size:9px;letter-spacing:.7px}
.workspace-ui .content{padding-top:28px}
.workspace-ui .module-bar{background:#fff;border:1px solid #e3e8f1;box-shadow:0 3px 12px #21375703;padding:6px;gap:5px;border-radius:12px;margin-bottom:30px}
.workspace-ui .module-bar button{min-height:44px;font-size:13px;font-weight:550;gap:9px;border-radius:8px;color:#728096}
.workspace-ui .module-bar button svg{width:18px;height:18px}
.workspace-ui .module-bar button:hover{background:#f5f8fd;color:#245bd6}
.workspace-ui .module-bar button.active{background:#edf3ff;border-color:#e3edff;box-shadow:none;color:#245bd6}
.workspace-ui h1{color:#202e46;font-weight:650;letter-spacing:-.8px}
.workspace-ui .eyebrow{color:#8b98ac;letter-spacing:1.6px;font-size:10px}
.workspace-ui #subtitle{color:#8591a3}
.workspace-ui .panel{border-color:#e3e8f1;box-shadow:0 3px 15px #24365703;border-radius:12px}
.workspace-ui .metric{border-color:#e5eaf2;box-shadow:none;border-radius:11px}
.workspace-ui .metric strong{color:#253a5c}
.workspace-ui .toolbar{border-color:#edf0f5}
.workspace-ui .panel th{background:#f8faff;color:#7a879b;font-weight:600}
.workspace-ui .panel td{border-color:#eef1f6}
.workspace-ui .panel tbody tr:hover{background:#f8faff}
.workspace-ui button.primary{background:#245bd6;border-color:#245bd6;box-shadow:0 2px 4px #245bd615}
.workspace-ui button.primary:hover{background:#1d4ebb;border-color:#1d4ebb}
.workspace-ui button:focus-visible,.workspace-ui a:focus-visible{outline:2px solid #77a4f2;outline-offset:3px}
.workspace-ui .basalto-home{gap:24px;grid-template-columns:minmax(235px,280px) minmax(0,1fr);max-width:1200px}
.workspace-ui .home-shortcuts,.workspace-ui .home-notebook{border:1px solid #e3e8f1;border-radius:14px;box-shadow:0 4px 20px #253b6004}
.workspace-ui .home-shortcuts{padding:24px 18px}
.workspace-ui .home-section-label{font-size:9px;letter-spacing:1.9px;color:#8e9cb2;font-weight:650}
.workspace-ui .home-card-heading h2{font-size:19px;letter-spacing:-.5px;color:#263b5d;font-weight:650}
.workspace-ui .home-shortcut-list{gap:9px}
.workspace-ui .home-shortcut-list>button{background:#fff;border-color:#e8edf5;min-height:55px;border-radius:9px;padding:10px;gap:11px;color:#4c5d78;font-size:12px;transition:background .15s,border-color .15s,transform .15s}
.workspace-ui .home-shortcut-list>button:hover{background:#f7faff;border-color:#cbdcfb;transform:translateX(2px)}
.workspace-ui .home-shortcut-icon{background:#edf3ff;color:#4373ce;border-radius:8px;width:31px;height:31px}
.workspace-ui .home-shortcut-arrow{color:#9baac0;font-size:15px}
.workspace-ui .home-notebook{padding:26px 28px 20px}
.workspace-ui .notebook-symbol{color:#6486bc;background:#eff4fc;border-radius:10px;width:37px;height:37px;font-size:22px}
.workspace-ui .notebook-tabs{background:#f3f6fb;border-color:#e9edf5;padding:4px;border-radius:8px}
.workspace-ui .notebook-tabs button{padding:8px 18px;color:#8290a6}
.workspace-ui .notebook-tabs button[aria-selected="true"]{color:#315eac;background:#fff;border-color:#e5ebf5;box-shadow:0 1px 4px #24365708}
.workspace-ui .home-notebook #home-note-description{color:#8996a9}
.workspace-ui #home-note-text{color:#43536c;background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#edf1f7 29px,#edf1f7 30px)}
.workspace-ui #home-note-text::placeholder{color:#b0bac9}
.workspace-ui #home-note-text:focus-visible{outline-color:#94b6f2}
.workspace-ui .notebook-footer{border-color:#edf0f6}
.workspace-ui #home-note-status,.workspace-ui .notebook-mode{color:#94a0b2}
.workspace-ui #home-note-save{background:#edf3ff;color:#3162b7;border-color:#dce7fc;border-radius:8px}
.workspace-ui #home-note-save:hover{background:#e2ecff}
.shared-auth{background:#f5f7fb}.shared-auth-card{border-color:#e3e8f1;box-shadow:0 16px 60px #2436570a}
}
@media screen and (max-width:1050px){.workspace-ui .basalto-home{grid-template-columns:230px minmax(0,1fr);gap:18px}.workspace-ui .home-notebook{padding:24px 22px}}
@media screen and (max-width:760px){.workspace-ui header{height:60px}.workspace-ui .content{padding:20px 16px 30px}.workspace-ui .brand>span.brand-wordmark{font-size:32px}.workspace-ui .module-bar{gap:3px;padding:5px;margin-bottom:20px}.workspace-ui .module-bar button{font-size:11px;min-height:42px;padding:8px 3px;gap:4px}.workspace-ui .basalto-home{grid-template-columns:1fr;gap:18px}.workspace-ui .home-shortcuts{padding:20px 16px}.workspace-ui .home-shortcut-list{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-ui .home-shortcut-list>button{font-size:11px;gap:7px;padding:9px}.workspace-ui .home-notebook{padding:22px 19px 18px}}
@media screen and (max-width:390px){.workspace-ui .home-shortcut-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.workspace-ui .home-shortcut-list>button,.workspace-ui nav button{transition:none}}