/* Un espacio de trabajo claro: navegación por áreas y contenido con aire. */
:root{--blue:#087d70;--muted:#63736e;--line:#e3e9e6;--ink:#203c34;--canvas:#f5f7f5;--teal-soft:#e6f2ed;font-family:Segoe UI,Arial,sans-serif;font-size:15px;color:var(--ink);background:var(--canvas)}
body.workspace-ui{color:var(--ink);background:var(--canvas)}
.workspace-ui aside{width:250px;background:#fff;color:var(--ink);padding:26px 16px 18px;border-right:1px solid var(--line);z-index:40;gap:0;overscroll-behavior:contain}
.workspace-ui .brand{gap:11px;margin:0 10px 24px;color:var(--ink);font-weight:700;align-items:center}.workspace-ui .brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#153d34;color:white;font-size:31px;letter-spacing:-3px;padding-right:4px;line-height:1}.workspace-ui .brand>span:last-child{font-size:23px;letter-spacing:-.6px}.workspace-ui .brand small{font-size:10px;letter-spacing:.2px;text-transform:none;color:#657b72;margin-top:3px;font-weight:400}
.workspace-ui .company{margin:0 4px 22px;padding:12px;background:#f7f9f7;border:1px solid var(--line);border-radius:10px;color:#3e554a;font-size:12px;font-weight:600;line-height:1.5}.workspace-ui .company small{color:#6a7d72;font-size:11px;margin-top:3px}
.workspace-label,.workspace-ui .nav-title{font-size:10px;font-weight:700;letter-spacing:1.3px;color:#64725f;margin:20px 14px 9px}.workspace-ui .workspace-label{margin-top:22px}.workspace-ui .nav-title:empty{display:none}
.workspace-ui .module-switch{display:flex;flex-direction:column;gap:4px;background:none;border-radius:0;padding:0;margin:0}.workspace-ui .module-switch button,.workspace-ui .workspace-home{width:100%;display:flex;align-items:center;gap:12px;text-align:left;color:#50645a;border:0;border-radius:9px;padding:11px 13px;font-size:14px;font-weight:600;background:transparent;min-height:43px}.workspace-ui .module-switch button svg,.workspace-home svg{width:20px;height:20px;flex-shrink:0}.workspace-ui .module-switch button:hover,.workspace-home:hover{background:#f0f5f1;color:#174c3c}.workspace-ui .module-switch button.active,.workspace-ui .workspace-home.active{background:#e6f2ed;color:#12654c}.workspace-home.active{box-shadow:inset 3px 0 #087d70}
.workspace-ui nav{display:flex;flex-direction:column;gap:2px;margin-top:0;padding-left:10px;border-left:1px solid #e2e8e3;margin-left:20px}.workspace-ui nav button{display:flex;gap:0;color:#61715f;padding:9px 12px;font-size:0;border-radius:7px;box-shadow:none;font-weight:400;min-height:35px}.workspace-ui nav button span{font-size:13px}.workspace-ui nav button.active{background:#f0f5f1;color:#17634d;font-weight:650;box-shadow:none}.workspace-ui nav button:hover{background:#f5f7f4;color:#174c3c}
.workspace-ui .aside-bottom{font-size:11px;color:#61776a;padding:24px 12px 0;line-height:1.5}.workspace-ui .aside-bottom small{color:#64725f;margin-top:5px;font-size:10px}.workspace-ui .site-reset{border-color:#dce5df;color:#6b7e71;font-size:10px;border-radius:6px}
.workspace-ui main{margin-left:250px;min-width:0}.workspace-ui header{height:76px;padding:0 38px;background:#fdfefd;border-bottom:1px solid var(--line);font-size:13px;color:#687c70;gap:16px}.header-actions{display:flex;align-items:center;gap:20px}.workspace-ui .version{font-size:10px;letter-spacing:.2px;border:1px solid #e5e7d9;border-radius:20px;padding:5px 9px;background:#f8f7ed;color:#77704c;white-space:nowrap}
#workspace-find{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#63766b;font-size:13px;font-weight:400;padding:7px 0}#workspace-find svg{width:18px;height:18px}kbd{font:11px Segoe UI,Arial,sans-serif;border:1px solid #dde5df;border-radius:5px;padding:3px 5px;color:#64725f;background:white}
.workspace-ui .content{padding:34px 38px 40px;max-width:1580px;margin:auto}.workspace-ui .heading{margin-bottom:24px;gap:24px;align-items:center}.workspace-ui .eyebrow{color:#698375;font-size:10px;letter-spacing:1.2px;margin-bottom:9px}.workspace-ui h1{font-size:31px;font-weight:650;letter-spacing:-1px;color:#213e31;margin:0 0 9px}.workspace-ui #subtitle{font-size:14px;line-height:1.5;color:#63725f}.workspace-ui h2{font-size:17px;letter-spacing:-.2px;color:#2b4639}.workspace-ui h3{font-size:15px;color:#2b4639}
.workspace-ui button{border-radius:9px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s;color:#486252;min-height:36px}.workspace-ui button:hover{background:#eef4f0;border-color:#b6cdc0}.workspace-ui button.primary{color:white;background:#087d70;border-color:#087d70;box-shadow:0 3px 7px #087d7012;padding:11px 18px}.workspace-ui button.primary:hover{background:#07685f;border-color:#07685f}.workspace-ui button:focus-visible,.workspace-ui summary:focus-visible{outline:3px solid #55a990;outline-offset:3px}.workspace-ui input:focus,.workspace-ui select:focus{outline:2px solid #55a990;outline-offset:1px;border-color:#55a990}
.workspace-ui .actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.workspace-ui .actions>button{padding:10px 14px;white-space:nowrap}.more-actions{position:relative;align-self:stretch}.more-actions summary{list-style:none;cursor:pointer;background:#fff;border:1px solid #dbe2df;border-radius:9px;padding:11px 14px;color:#4f6658;font-size:13px;font-weight:600}.more-actions summary:after{content:'⌄';margin-left:12px}.more-actions>div{position:absolute;right:0;top:46px;min-width:200px;display:flex;flex-direction:column;gap:4px;padding:7px;background:white;box-shadow:0 12px 32px #203d3426;border:1px solid var(--line);border-radius:12px;z-index:15}.more-actions:not([open])>div{display:none}.more-actions>div button{text-align:left;border:0;padding:10px 12px}
.workspace-ui .metrics{gap:16px;margin-bottom:28px;grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-ui .metric{padding:22px 24px;border-radius:13px;background:#fff;border:1px solid var(--line);text-align:left;position:relative;overflow:hidden;box-shadow:0 2px 3px #18342102}.workspace-ui .metric label{font-size:13px;color:#6a7c70;margin:0 0 12px;font-weight:400;pointer-events:none}.workspace-ui .metric strong{font-size:29px;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#244536}.workspace-ui .metric small{font-size:11px;line-height:1.5;color:#657462;margin-top:10px;font-weight:400}.workspace-ui .metric.warn strong{color:#ad6645}.metric-link{cursor:pointer;width:100%}.workspace-ui .metric-link:hover{border-color:#9dc7b6;background:#fcfefd;box-shadow:0 5px 16px #234d3710}.metric-link small span{float:right;color:#21795e}
.workspace-ui .panel{border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 9px #24453603;background:#fff}.workspace-ui .toolbar{padding:23px 24px;flex-direction:row;align-items:center;gap:18px}.workspace-ui .toolbar p{color:#66765f;font-size:12px;line-height:1.5;max-width:520px}.workspace-ui .toolbar h2{font-size:16px;margin-bottom:6px}.workspace-ui input,.workspace-ui select,.workspace-ui textarea{font:inherit;font-size:14px;border:1px solid #d9e3dc;background:#fff;color:#344e3f;border-radius:8px;padding:11px 12px}.workspace-ui #search{width:250px;font-size:13px;background:#f8faf8}.workspace-ui #status{font-size:13px}.workspace-ui .filters{align-items:center;flex-wrap:wrap}.workspace-ui table{font-size:13px}.workspace-ui th{font-size:11px;text-transform:none;letter-spacing:0;color:#667b6d;background:#f7f9f6;padding:15px 18px;font-weight:600}.workspace-ui td{padding:17px 18px;font-size:13px;border-color:#eef1ec;color:#405a48}.workspace-ui td small{font-size:11px;color:#657660;line-height:1.45}.workspace-ui tbody tr:hover>td{background:#f8fbf8}.workspace-ui td strong{font-weight:600}.workspace-ui td button{border-color:#e0e7e1;padding:7px 11px;font-size:12px;min-height:32px}.workspace-ui .badge{font-size:11px;font-weight:500;border-radius:6px;background:#f0f3ef;color:#627769;padding:5px 9px;white-space:nowrap}.workspace-ui .badge.green{background:#e8f3e9;color:#34744e}.workspace-ui .badge.orange{background:#faf0e3;color:#966c32}.workspace-ui .panel-footer{color:#657660;font-size:11px;line-height:1.6;background:#fdfefd;padding:14px 24px}
.status-tabs{display:flex;gap:6px;margin:-6px 0 22px;border-bottom:1px solid #dfe7df}.status-tabs button{background:transparent!important;border:0;border-bottom:2px solid transparent;border-radius:0;color:#657462;font-weight:400;padding:11px 16px}.status-tabs button.active{border-bottom-color:#087d70;color:#126b52;font-weight:600}.status-tabs button:hover{color:#126b52}
.workspace-ui .site-notice{display:block;margin:0 0 26px;padding:10px 14px;border:1px solid #e3e7dc;border-radius:8px;background:#f3f5ee;color:#687761;font-size:11px}.workspace-ui .site-notice summary{cursor:pointer;color:#71816a;font-weight:400}.workspace-ui .site-notice p{color:#65755f;line-height:1.6;margin:10px 0 3px}.workspace-ui .help-note{margin:20px 4px 0;color:#64725f;font-size:11px;line-height:1.7}.help-note summary{cursor:pointer}.help-note p{max-width:850px}.workspace-ui .empty{padding:70px 22px}.workspace-ui .empty strong{font-size:18px;color:#4a6551}.workspace-ui .empty p{color:#63725f;font-size:13px}.workspace-ui .empty .symbol{color:#6c8b75}
.workspace-ui dialog{padding:30px 32px;border:1px solid #e3ebe5;border-radius:18px;box-shadow:0 30px 100px #19342938;max-height:90vh;color:#334e3e}.workspace-ui dialog::backdrop{background:#183b3170;backdrop-filter:blur(4px)}.workspace-ui .modal-top{border-bottom:1px solid #e7ece7;padding-bottom:20px;margin-bottom:24px}.workspace-ui .modal-top h2{font-size:24px;font-weight:600}.workspace-ui .close{border-radius:50%;background:#f3f6f1;color:#728675;width:32px;height:32px;padding:0;font-size:24px;min-height:32px}.workspace-ui .grid{gap:18px}.workspace-ui .field{font-size:13px;color:#59705c;gap:8px}.workspace-ui .field input,.workspace-ui .field select{font-weight:400;font-size:14px}.workspace-ui .section-label{font-size:11px;color:#728670;letter-spacing:.6px}.workspace-ui .info{background:#eef5f0;color:#59705b;border:1px solid #dfeae0;border-radius:9px;font-size:13px}.workspace-ui .field-help{color:#657660;font-size:12px}.workspace-ui .modal-footer{border-top:1px solid #e7ece7;margin-top:24px;padding-top:20px}.workspace-ui .form-total,.workspace-ui .payment-summary{background:#edf4ee;border-radius:10px}.workspace-ui .extra-data summary{font-size:13px;color:#537d60}.workspace-ui .allocation-table{border-radius:9px}.workspace-ui .report-filters{background:#f7f9f5;padding:20px 24px}.workspace-ui .transfer-cards article{border-radius:12px}.workspace-ui #toast{background:#183f32;border-radius:12px;z-index:100;max-width:calc(100vw - 40px);line-height:1.5}
/* Inicio */
.workspace-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.workspace-section-heading h2{font-size:16px;margin:0;font-weight:600}.workspace-section-heading>span{font-size:12px;color:#6b7967}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:34px}.quick-actions>button{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);padding:17px 16px;text-align:left;border-radius:12px;min-height:85px}.quick-actions strong{display:block;font-size:13px;color:#36543f;font-weight:600}.quick-actions small{display:block;font-size:11px;color:#6b7967;margin-top:5px;font-weight:400}.quick-icon{width:34px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:#edf4eb;color:#64865f}.quick-icon svg{width:20px;height:20px}.quick-plus{margin-left:auto;color:#728569;font-size:18px;font-weight:400}.sales.quick-icon,.sales.area-icon,.sales.recent-icon{background:#eef0fa;color:#727eaf}.treasury.quick-icon,.treasury.area-icon{background:#fbf2df;color:#aa8741}.accounting.area-icon{background:#f3edf8;color:#9274ab}.home-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}.area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.workspace-ui .area-card{padding:23px;background:#fff;border:1px solid var(--line);text-align:left;border-radius:13px;position:relative}.area-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:#608457;background:#eef4e9;margin-bottom:15px}.area-icon svg{width:23px;height:23px}.area-card>strong{display:block;font-size:17px;font-weight:600;letter-spacing:-.2px;color:#34523c}.area-card p{font-size:12px;color:#6b7967;font-weight:400;line-height:1.6;margin:7px 0 21px}.area-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:400;color:#6b7967;padding-top:14px;border-top:1px solid #edf0e9}.area-bottom svg{width:18px;height:18px;color:#597d57}.recent-panel{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.recent-panel>.workspace-section-heading{padding:21px 20px;margin:0;border-bottom:1px solid #eef1e9}.workspace-ui .text-button{border:0;background:none;padding:4px;font-size:11px;font-weight:400;color:#64855f;white-space:nowrap}.recent-list>button{border:0;border-radius:0;display:flex;align-items:center;gap:12px;width:100%;padding:18px 20px;text-align:left;border-bottom:1px solid #edf1e9;background:white}.recent-list>button:last-child{border:0}.recent-icon{width:33px;height:35px;flex-shrink:0;background:#edf4e9;color:#688b5e;border-radius:9px;display:grid;place-items:center}.recent-icon svg{width:18px;height:18px}.recent-name{min-width:0;flex:1}.recent-name>strong{display:block;font-size:12px;max-width:215px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:#496045}.recent-name small{font-size:10px;color:#6b7967;line-height:1.7;font-weight:400;display:block;margin-top:4px}.recent-amount{font-size:12px;font-weight:600;color:#51684a;white-space:nowrap;font-variant-numeric:tabular-nums}.home-empty{text-align:center;padding:50px 30px;color:#7f8d76}.home-empty>svg{width:37px;height:37px;color:#9ab18c;margin-bottom:15px}.home-empty p{font-size:13px;line-height:1.7}.home-empty button{margin-top:10px}
.workspace-results{max-height:390px;overflow-y:auto;margin-top:16px}.workspace-results>button{display:flex;align-items:center;gap:13px;width:100%;border:0;background:#fff;text-align:left;padding:12px;min-height:64px}.workspace-results>button.selected{background:#eaf4ee}.workspace-results>button>span:last-child{margin-left:auto;color:#657c65}.workspace-results strong{display:block;font-size:14px}.workspace-results small{display:block;font-size:12px;margin-top:4px;color:#63725f;font-weight:400}.command-icon svg{width:22px;height:22px;color:#658e6e}.workspace-no-result{font-size:14px;padding:20px;text-align:center;color:#63725f}
#nav-toggle,#nav-shade{display:none}
@media(min-width:1700px){.workspace-ui .content{padding-top:40px}.home-columns{grid-template-columns:1.15fr 1fr}.quick-actions>button{padding:22px}.area-card{min-height:220px}}
@media(max-width:1280px){.workspace-ui aside{width:220px;padding:22px 12px}.workspace-ui main{margin-left:220px}.workspace-ui .content{padding:28px 26px}.workspace-ui header{padding:0 26px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.home-columns{gap:20px;grid-template-columns:1fr 1fr}.area-card p{min-height:38px}.workspace-ui .metric{padding:19px}.workspace-ui .metric strong{font-size:25px}.metric-link small span{float:none;display:block;margin-top:5px}.workspace-ui .toolbar{align-items:flex-start;flex-direction:column}.workspace-ui .filters{width:100%}.workspace-ui #search{flex:1;width:100%;min-width:180px}.recent-list>button{padding:17px 14px;gap:9px}.recent-icon{display:none}}
@media(max-width:1050px){.home-columns{grid-template-columns:1fr}.area-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace-ui .area-card{padding:17px}.area-card p{min-height:58px}.workspace-ui .heading{align-items:flex-start;flex-direction:column;gap:17px}.workspace-ui .actions{width:100%;justify-content:flex-start}.recent-icon{display:grid}.recent-name>strong{max-width:none}.workspace-ui .metric strong{font-size:22px}.workspace-ui .metrics{gap:10px}}
@media(max-width:760px){.workspace-ui aside{position:fixed;inset:0 auto 0 0;width:265px;height:100dvh;transform:translateX(-101%);transition:transform .2s ease;box-shadow:10px 0 40px #193c3120}.workspace-ui .company,.workspace-ui .nav-title,.workspace-ui .aside-bottom{display:block}.workspace-ui .nav-title:empty{display:none}.workspace-ui .company{margin-bottom:15px}.workspace-ui nav{overflow:visible;flex-direction:column}.workspace-ui main{margin:0}.workspace-ui header{height:64px;padding:0 19px;position:sticky;top:0;z-index:25;background:#fcfefcf5}.header-actions{gap:12px}.workspace-ui header>span:first-child{font-size:12px}.workspace-ui .content{padding:23px 18px 30px}.workspace-ui .version{display:none}#workspace-find kbd{display:none}#workspace-find span{display:none}#workspace-find{padding:8px}#nav-toggle{display:grid;place-items:center;background:#edf4ee;border:0;padding:8px;min-height:36px;width:36px}#nav-toggle svg{width:20px;height:20px}.nav-open aside{transform:translateX(0)}.nav-open #nav-shade{display:block;position:fixed;inset:0;background:#193e3266;border:0;border-radius:0;z-index:39;width:100vw;height:100dvh;backdrop-filter:blur(2px)}.workspace-ui h1{font-size:28px}.workspace-ui #subtitle{font-size:13px}.workspace-ui .heading{margin-bottom:22px}.workspace-ui .site-notice{margin-bottom:22px;font-size:10px}.workspace-ui .metrics{grid-template-columns:1fr;gap:9px;margin-bottom:24px}.workspace-ui .metric{padding:15px 17px;display:grid;grid-template-columns:1fr auto;gap:3px 10px}.workspace-ui .metric label{margin:0;align-self:center;font-size:13px}.workspace-ui .metric strong{font-size:23px;grid-column:2;grid-row:1/3;align-self:center}.workspace-ui .metric small{margin:0;font-size:10px;grid-column:1}.metric-link small span{display:none}.quick-actions{gap:9px;margin-bottom:26px}.quick-actions>button{padding:14px 12px;gap:8px;min-height:78px}.quick-actions strong{font-size:12px}.quick-actions small{font-size:10px}.quick-icon{width:28px;height:32px}.quick-icon svg{width:18px;height:18px}.quick-plus{display:none}.workspace-section-heading>span{display:none}.area-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-ui .area-card{padding:18px}.area-card p{min-height:38px;margin-bottom:13px}.area-icon{margin-bottom:13px}.workspace-ui .toolbar{padding:19px}.workspace-ui td{padding:14px;font-size:12px}.workspace-ui th{padding:13px 14px}.status-tabs{gap:0;margin-top:0}.status-tabs button{padding:10px 13px;font-size:12px}.workspace-ui .actions>button{font-size:12px;padding:10px 13px}.workspace-ui dialog{padding:23px 20px;width:calc(100% - 24px);max-height:94dvh;border-radius:15px}.workspace-ui .modal-top h2{font-size:21px}.workspace-ui .grid,.workspace-ui .grid.three{grid-template-columns:1fr}.workspace-ui .report-filters{padding:17px}.workspace-ui .panel-footer{padding:14px 18px}.workspace-ui .aside-bottom{margin-top:22px}.workspace-ui .module-switch{margin-top:0}}
@media(prefers-reduced-motion:reduce){.workspace-ui *, .workspace-ui *::before,.workspace-ui *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{#workspace-dashboard,#view-tools,#nav-shade,.header-actions{display:none!important}.workspace-ui dialog[open]{border:0;box-shadow:none;max-height:none;padding:0}.workspace-ui dialog .modal-top{border:0}}
/* Áreas arriba; el lateral queda reservado al menú del área seleccionada. */
.workspace-ui .module-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 28px;padding:7px;background:#eaf0eb;border:1px solid #dfe7df;border-radius:13px}
.workspace-ui .module-bar button{justify-content:center;width:100%;min-width:0;min-height:48px;border:1px solid transparent;border-radius:9px;padding:12px 16px;gap:11px;color:#60715f;font-size:14px;background:transparent}
.workspace-ui .module-bar button:hover{background:#f7faf6;color:#22684c}
.workspace-ui .module-bar button.active{background:#fff;color:#11684e;border-color:#d5e2d7;box-shadow:0 2px 6px #1e4f3210}
.workspace-ui .module-bar button svg{width:21px;height:21px}
.workspace-ui .workspace-company{margin-top:24px;border-top:1px solid var(--line);padding-top:16px;border-radius:0}
.workspace-ui .workspace-company.active{color:#12654c;background:#edf5ef;border-radius:9px;border-color:transparent}
.workspace-area-hint{font-size:12px;color:#788773;line-height:1.7;margin:20px 13px}
.workspace-ui .site-notice{margin-top:20px;margin-bottom:10px}
.workspace-ui nav{margin-left:4px;padding-left:0;border-left:0;gap:4px}
.workspace-ui nav button{padding:12px 14px;min-height:41px}
.workspace-ui nav button span{font-size:14px}
.workspace-ui .nav-title{margin-top:25px;margin-bottom:12px}
@media(max-width:1050px){.workspace-ui .module-bar button{padding:11px 8px;font-size:13px;gap:8px}}
@media(max-width:760px){.workspace-ui .module-bar{margin-top:0;margin-bottom:24px;gap:4px;padding:5px;border-radius:11px}.workspace-ui .module-bar button{min-height:46px;padding:9px 4px;font-size:12px;gap:6px}.workspace-ui .module-bar button svg{display:none}.workspace-ui .workspace-company{margin-top:24px}.workspace-area-hint{margin:20px 13px}}
@media(max-width:390px){.workspace-ui .module-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-ui .module-bar button svg{display:block;width:18px;height:18px}}
@media print{.workspace-ui .module-bar{display:none!important}}

.catalogue-removed{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;padding:6px}.catalogue-removed input{width:auto;accent-color:#2563eb}.catalogue-row-actions{min-width:170px}.catalogue-inactive{background:#f8fafc}.catalogue-inactive td strong{color:#64748b}
