/* Identidad corporativa: superficies completas y contraste calculado en servidor. */
:root{--brand:#087b6c;--menu-bg:#142b38;--menu-text:#fff;--menu-hover:#304550;--menu-hover-text:#fff;--menu-line:#52636d;--footer-bg:#142b38;--footer-text:#fff;--footer-hover:#304550;--footer-hover-text:#fff;--footer-line:#52636d}
.sidebar{background:var(--menu-bg);color:var(--menu-text);scrollbar-color:var(--menu-line) transparent}
.company-heading,.company-heading:hover,.company-heading-text strong,.company-heading-text small,.sidebar-user strong,.sidebar-user small,.product-signature,.product-signature strong{color:var(--menu-text)}
.company-heading,.sidebar-user{border-color:var(--menu-line)}
.sidebar nav a,.sidebar nav .tools-link{color:var(--menu-text)}
.sidebar nav a:hover,.sidebar nav .selected{background:var(--menu-hover);color:var(--menu-hover-text)}
.sidebar nav .selected:before{background:var(--menu-text)}
.sidebar-user svg{background:var(--menu-hover);stroke:var(--menu-hover-text)}
.sidebar>form button{color:var(--menu-text);border-color:var(--menu-line);background:transparent}
.sidebar>form button:hover{background:var(--menu-hover);color:var(--menu-hover-text)}
.sidebar nav{scrollbar-color:var(--menu-line) var(--menu-bg)}
.sidebar nav::-webkit-scrollbar-track{background:var(--menu-bg)}.sidebar nav::-webkit-scrollbar-thumb{background:var(--menu-line)}
.workspace>footer{background:var(--footer-bg);color:var(--footer-text);border-top:1px solid var(--footer-line)}
.workspace>footer a,.workspace>footer summary,.workspace>footer p{color:var(--footer-text)}
.workspace>footer a{text-decoration:underline;text-underline-offset:3px}
.workspace>footer .install-help{background:transparent;color:var(--footer-text);border-color:var(--footer-line)}
.workspace>footer .install-help[open]{background:var(--footer-hover);color:var(--footer-hover-text)}
.workspace>footer .install-help[open] summary,.workspace>footer .install-help[open] p{color:var(--footer-hover-text)}
.workspace>footer button{background:var(--footer-text);color:var(--footer-bg);border-color:var(--footer-text)}
.period-tabs .selected{background:var(--mint);color:var(--accent-dark);border-color:var(--accent)}
.top .product-wordmark{display:flex;align-items:center}.product-wordmark img{display:block;width:112px;height:auto}
.access-brand img.partesup-wordmark{width:232px;height:auto;border-radius:0}
.product-signature .up-u{display:inline-block;font-size:1.25em;line-height:1;vertical-align:baseline}
.company-appearance{scroll-margin-top:65px;border-top-color:var(--line)!important}
.appearance-heading h2{font-size:23px;margin:5px 0 8px}.appearance-heading>div>p:last-child{margin:0;max-width:680px}
.appearance-grid{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.6fr);gap:28px;margin-top:28px;align-items:start}
.palette-control{margin-bottom:20px}.palette-control label{margin:0;font-size:13px}.palette-control>p{margin:3px 0 9px;color:var(--muted);font-size:11px}
.palette-inputs{display:flex;gap:9px;align-items:center}.palette-inputs input{margin:0}
.palette-inputs input[type=color]{width:48px;height:44px;flex:none;padding:3px;border-radius:8px;cursor:pointer}
.palette-inputs input[type=text]{width:138px;font:600 14px ui-monospace,monospace;letter-spacing:.6px}
.palette-help,.appearance-note{font-size:11px;color:var(--muted);line-height:1.7}
.appearance-unify,.appearance-reset{display:block;width:100%;font-size:11px;background:#fff;color:var(--ink);border:1px solid var(--line);margin-top:9px}
.appearance-reset{border:0;text-decoration:underline;text-underline-offset:3px;min-height:38px}
.appearance-demo{min-width:0}.appearance-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:11px;color:var(--muted)}
.appearance-preview-toolbar>div{display:flex;border:1px solid var(--line);border-radius:8px;padding:3px;background:#f4f6f8}
.appearance-preview-toolbar button{font-size:10px;min-height:32px;padding:5px 10px;border:0;background:transparent;color:var(--muted)}
.appearance-preview-toolbar button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 4px #142b3815}
.appearance-preview{display:grid;grid-template-columns:135px minmax(0,1fr);min-height:380px;border:1px solid #d9e3e8;border-radius:12px;overflow:hidden;background:#f4f6f8;box-shadow:0 8px 24px #142b380a}
.preview-menu{display:flex;flex-direction:column;padding:18px 10px;background:var(--menu-bg);color:var(--menu-text);min-width:0}
.preview-company{display:flex;align-items:center;gap:7px;padding-bottom:18px;border-bottom:1px solid var(--menu-line)}
.preview-company img{width:30px;height:30px;background:#fff;object-fit:contain;padding:3px;border-radius:8px;flex:none}
.preview-company strong{font-size:11px;line-height:1.35;overflow-wrap:anywhere;min-width:0}
.preview-nav{display:grid;gap:5px;margin-top:15px}.preview-nav>span{display:flex;gap:7px;padding:9px 7px;border-radius:6px;font-size:10px;line-height:1.3;align-items:center}
.preview-nav .selected{background:var(--menu-hover);color:var(--menu-hover-text);font-weight:700;box-shadow:inset 2px 0 var(--menu-text)}
.preview-provider{font-size:8px;margin-top:auto;padding-top:25px;color:var(--menu-text)}
.preview-workspace{display:flex;flex-direction:column;min-width:0}.preview-top{padding:13px 16px;background:#fff;border-bottom:1px solid #e0e7eb;font-size:9px;color:#536674;display:flex;justify-content:space-between;gap:8px}
.preview-top>span{color:var(--accent)}.preview-main{padding:22px 16px;flex:1;color:#142b38}.preview-eyebrow{font-size:7px;letter-spacing:1px;font-weight:700;color:#536674;margin:0 0 8px}
.preview-main h3{font-size:18px;line-height:1.2;letter-spacing:-.5px;margin:0}.preview-main>p:not(.preview-eyebrow){font-size:10px;color:#536674;margin:8px 0 18px}
.preview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview-metrics>div{background:#fff;border:1px solid #e0e7eb;border-radius:8px;padding:11px}.preview-metrics strong{display:block;font-size:22px;line-height:1.25}.preview-metrics span{display:block;font-size:8px;color:#536674;margin-top:4px}
.preview-job{margin:14px 0;padding:12px 10px;border:1px solid #e0e7eb;background:#fff;border-radius:8px;display:flex;align-items:center;gap:8px;justify-content:space-between}
.preview-job strong{font-size:9px;display:block}.preview-job small{font-size:8px;color:#536674;display:block;margin-top:3px}
.preview-state{background:#eaf2ff;color:#245b95;border-radius:20px;padding:4px 7px;font-size:8px;white-space:nowrap}
.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px}.preview-action{display:inline-flex;gap:16px;background:var(--accent);color:#fff;border-radius:6px;padding:9px 10px;font-size:9px;font-weight:600}
.preview-urgent{background:#bf2935;color:#fff;border-radius:20px;padding:4px 8px;font-size:8px}
.preview-footer{display:flex;justify-content:space-between;gap:10px;padding:15px 14px;background:var(--footer-bg);color:var(--footer-text);font-size:8px;flex-wrap:wrap}.preview-footer strong{overflow-wrap:anywhere}
.appearance-feedback{font-size:11px;line-height:1.6;color:var(--muted);margin-top:12px;min-height:3em}
.appearance-preview[data-device=mobile]{grid-template-columns:1fr;max-width:335px;margin-inline:auto;border-radius:20px;border:5px solid #263d49;min-height:0}
.appearance-preview[data-device=mobile] .preview-menu{padding:15px 12px 8px}.appearance-preview[data-device=mobile] .preview-company{padding:0;border:0}.appearance-preview[data-device=mobile] .preview-company strong{font-size:13px}
.appearance-preview[data-device=mobile] .preview-nav{display:flex;gap:4px;margin-top:10px;overflow:hidden}.appearance-preview[data-device=mobile] .preview-nav>span{font-size:8px;white-space:nowrap;padding:7px 6px;gap:4px}.appearance-preview[data-device=mobile] .preview-provider{display:none}
.appearance-preview[data-device=mobile] .preview-main{padding:20px 15px}.appearance-preview[data-device=mobile] .preview-footer{font-size:8px}
@media(max-width:1150px){.appearance-grid{grid-template-columns:1fr}.appearance-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px}.palette-inputs input[type=text]{width:100%;min-width:0}.palette-help,.appearance-note{grid-column:1/-1}.appearance-unify{grid-column:1/3}.appearance-reset{grid-column:3}.appearance-preview{min-height:365px}}
@media(max-width:600px){.appearance-controls{display:block}.palette-control{display:grid;grid-template-columns:1fr 145px;gap:0 10px;align-items:center}.palette-control>label{grid-column:1}.palette-control>p{grid-column:1;margin:4px 0}.palette-inputs{grid-column:2;grid-row:1/3;gap:5px}.palette-inputs input[type=color]{width:38px}.palette-inputs input[type=text]{font-size:12px;padding:8px;letter-spacing:0}.appearance-preview-toolbar{flex-wrap:wrap}.appearance-preview{grid-template-columns:105px minmax(0,1fr)}.preview-company{flex-wrap:wrap}.preview-main{padding:15px 10px}.preview-main h3{font-size:15px}.preview-metrics{gap:5px}.preview-metrics>div{padding:8px}.preview-job{flex-wrap:wrap}.preview-action{gap:6px}.preview-footer{padding:12px 10px}.appearance-preview[data-device=mobile] .preview-company{flex-wrap:nowrap}}
@media print{.company-appearance{break-inside:avoid}.workspace>footer{background:#fff;color:#142b38}}