/* V7: portal palette follows the existing Mi página web panel. */
#shell{--partner-bg:#0e2636;--partner-surface:#123143;--partner-raised:#1e3e4e;--partner-border:#34586a;--partner-text:#e9f4fa;--partner-muted:#acc7d8;--partner-cyan:#21cce0;color:var(--partner-text);color-scheme:dark}
#shell .workspace,#shell .content{background:var(--partner-bg);color:var(--partner-text)}
#shell .topbar{background:#102938;border-color:var(--partner-border);color:var(--partner-text);gap:16px;flex-wrap:wrap}
#shell .topbar strong,#shell h1,#shell h2,#shell h3,#shell h4,#shell .panel-head h3,#shell .heading h1{color:var(--partner-text)}
#shell .muted,#shell .panel-head p,#shell .order-row small,#shell .tr small,#shell .person small,#shell .template p,#shell .donut-wrap>p,#shell .topbar small,#shell .legend,#shell .metrics article small,#shell .metrics article em{color:var(--partner-muted)}
#shell .panel,#shell .metrics article,#shell .template,#shell .person,#shell .toolbar,#shell .order-row,#shell .tr,#shell .offers-list>article,#shell .document-list>article{background:var(--partner-surface);border-color:var(--partner-border);color:var(--partner-text)}
#shell .metrics article strong,#shell .donut span{color:var(--partner-text)}
#shell .donut{background:conic-gradient(#21cce0 var(--pct,0deg),#284957 0)}
#shell .donut:before,#shell .donut:after{background:var(--partner-surface)}
#shell input,#shell select,#shell textarea{background:var(--partner-raised);color:var(--partner-text);border-color:#50768a}
#shell input::placeholder,#shell textarea::placeholder{color:#a1b9c9}
#shell input:focus-visible,#shell select:focus-visible,#shell textarea:focus-visible,#shell button:focus-visible,#shell a:focus-visible{outline:3px solid #79e6f2;outline-offset:3px}
#shell .btn.primary{background:var(--partner-cyan);border-color:var(--partner-cyan);color:#05253b}
#shell .btn.ghost,#shell .icon-btn,#shell .text-btn{color:#b4eef7;border-color:#50768a}
#shell .th{background:#1b3c4d;color:#b2d5e5}
#shell .metric-icon{background:#214959;color:#73e9fa}
#shell .metric-icon.amber{background:#534d2c;color:#ffdb64}
#shell .status{border:1px solid #456c7d}
#shell .heading{gap:20px;flex-wrap:wrap;align-items:center}
#shell .heading>div:first-child{flex:1;min-width:220px}
.partner-active-badges{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;flex:1;flex-wrap:wrap}
.partner-active-badges[hidden]{display:none}
.partner-badge{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:none}
.partner-badge img{width:49px;height:49px;object-fit:contain;background:transparent}
.partner-badge>span{font-size:11px;color:#c9eefa;border:1px solid #456b80;border-radius:20px;padding:5px 9px}
.partner-plan{display:flex;gap:13px;align-items:center;border:1px solid #365d70;background:#123143;border-radius:15px;padding:12px 17px;min-width:225px;max-width:340px;color:#e9f4fa;box-shadow:inset 3px 0 0 #ffda28}
.partner-plan img{width:65px;height:65px;object-fit:contain}
.partner-plan small{display:block;color:#aacaDC;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.partner-plan strong{display:block;font-size:22px;line-height:1.2;margin:3px 0}
.partner-plan p{font-size:13px;margin:0;line-height:1.5}
.partner-plan time{display:block;font-size:11px;margin-top:3px;color:#acc7d8}
.partner-plan .partner-plan-error{max-width:240px}
.partner-profile-shell,.partner-qr-shell,.partner-apps-shell{border:1px solid #34586a;border-radius:18px;background:#102938;padding:26px;color:#e9f4fa}
.partner-profile-shell>header,.partner-qr-shell>header,.partner-apps-shell>header{margin-bottom:24px}
.partner-profile-shell h1,.partner-qr-shell h1,.partner-apps-shell h1{margin:7px 0;font-size:27px}
.partner-profile-shell p,.partner-qr-shell p,.partner-apps-shell p{color:#adcada;line-height:1.6}
.partner-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.partner-profile-grid label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:650}
.partner-profile-grid .wide{grid-column:1/-1}
.partner-profile-grid input{width:100%;min-width:0;border:1px solid #50768a;border-radius:9px;padding:11px 12px;font:inherit}
.partner-profile-grid input[readonly]{opacity:.78}
.partner-profile-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:22px}
.partner-profile-status{margin:15px 0;min-height:24px}
.partner-profile-status[role=alert]{color:#ffbbb5}
.partner-app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:20px}
.partner-app-card{max-width:430px;background:#15384a;border:1px solid #426b7e;border-radius:16px;padding:23px}
.partner-app-card .partner-app-mark{font-size:28px;color:#70e5f1}
.partner-app-card h2{font-size:23px;margin:10px 0}
.partner-app-card small{color:#9fddeb;letter-spacing:.1em}
.partner-app-card a{display:inline-flex;padding:12px 17px;border-radius:9px;background:#21cce0;color:#05253b;font-weight:700;text-decoration:none;margin-top:5px}
.partner-app-card a:focus-visible{outline:3px solid #ffee87;outline-offset:3px}
.pt-calculator-dialog{padding:0!important;border:1px solid #426b7e!important;border-radius:17px!important;width:min(1120px,calc(100vw - 32px))!important;max-width:1120px!important;height:min(850px,calc(100dvh - 40px));max-height:calc(100dvh - 40px)!important;background:#102938;color:#e9f4fa;overflow:hidden}
.pt-calculator-dialog::backdrop{background:rgb(2 14 23 / .76);backdrop-filter:blur(3px)}
.pt-calculator-dialog .pt-calculator-work{display:flex;flex-direction:column;height:100%;border:0;border-radius:0;margin:0;background:#102938}
.pt-calculator-dialog .pt-calculator-work>header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 20px;border-bottom:1px solid #34586a;flex-shrink:0;background:#143648;color:#e9f4fa}
.pt-calculator-dialog h3{font-size:18px;margin:0;color:#e9f4fa}
.pt-calculator-dialog button{border:1px solid #5b8597;background:#1f4a5a;color:#e9f4fa;border-radius:8px;min-height:40px;padding:8px 13px;font:inherit;cursor:pointer}
.pt-calculator-dialog button:focus-visible{outline:3px solid #7aebf6;outline-offset:2px}
.pt-calculator-dialog .pt-calculator-frame-host{flex:1;min-height:0;overflow:auto}
.pt-calculator-dialog .pt-tool-frame{width:100%;height:100%;min-height:0;display:block;border:0;background:white}
.pt-calculator-dialog .pt-loading,.pt-calculator-dialog .pt-notice{margin:25px;color:#ccdeea}
html:has(.pt-calculator-dialog[open]){overflow:hidden}
@media(max-width:900px){.partner-active-badges{order:3;flex-basis:100%;justify-content:flex-start}.partner-badge img{width:42px;height:42px}.partner-plan{min-width:200px}.partner-profile-shell,.partner-qr-shell,.partner-apps-shell{padding:20px}#shell .topbar .top-actions{margin-left:auto}}
@media(max-width:560px){.partner-profile-grid{grid-template-columns:1fr}.partner-plan{max-width:none;width:100%;box-sizing:border-box}.partner-profile-shell,.partner-qr-shell,.partner-apps-shell{padding:15px}.pt-calculator-dialog{width:calc(100vw - 12px)!important;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)!important;border-radius:11px!important}.pt-calculator-dialog .pt-calculator-work>header{padding:12px}.pt-calculator-dialog h3{font-size:16px}#shell .topbar{gap:10px}.partner-app-card{padding:18px}}
/* Preserve contrast against the existing higher-specificity responsive rules. */
#shell .metrics article:nth-child(n){background:linear-gradient(145deg,#153b4e,#102b3c);color:#e9f4fa}
#shell .metrics article:nth-child(3) .metric-icon{background:#534d2c;color:#ffdb64}
#shell .metrics article:nth-child(4) .metric-icon{background:#214959;color:#73e9fa}
#shell .tr:not(.th){background:#123143;border-color:#34586a}
#shell .text-btn{background:#173f52;color:#b4eef7;border-color:#50768a}
#shell .btn.primary:not(:disabled),#shell .btn.ghost:not(:disabled),#shell .icon-btn:not(:disabled){color:#052c3c;background:#27d8e8}
#shell label,#shell .empty b{color:#d7ecf5}
#shell .empty{color:#acc7d8}
#shell .pa-card,#shell .pa-item,#shell .pa-calendar,#shell .pa-toolbar{background:#123143;border-color:#34586a;color:#e9f4fa}
#shell .pa-heading p,#shell .pa-item p,#shell .pa-eyebrow,#shell .pa-toolbar span,#shell .pa-calendar>b,#shell .pa-calendar small,#shell .pa-settings p{color:#acc7d8}
#shell .pa-calendar button{background:#1e3e4e;color:#dceff7}
#shell .pa-calendar button[aria-pressed=true]{background:#1d5969;border-color:#6bdde9}
#shell .pa-status{color:#8de3c6}
#shell .pa-locked{background:linear-gradient(140deg,#153b4e,#102b3c)}
#shell .pa-week fieldset{border-color:#34586a}
#shell .pa-card button,#shell .pa-heading>button,#shell .pa-item button,#shell .pa-toolbar button{background:#21cce0;color:#05253b}
.pt-calculator-dialog .pt-calculator-work>header{flex-direction:row;margin-bottom:0}
#shell #page-coverage .coverage-heading h1{color:#e9f4fa}
#shell #page-coverage .coverage-heading .coverage-sync:not(.coverage-error){color:#acc7d8}
#shell .pa-dialog{background:#102938;color:#e9f4fa;border:1px solid #426b7e}
#shell .pa-dialog p{color:#acc7d8}
@media(max-width:900px){#shell .topbar .partner-active-badges{order:3;flex:1 0 100%;justify-content:flex-start}}

/* Compact current forecast between the greeting and the existing Mi plan card. */
#page-dashboard{container-name:partner-dashboard;container-type:inline-size}
#shell #page-dashboard .partner-overview-heading{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,280px) minmax(205px,226px) auto;gap:16px;align-items:center}
#shell #page-dashboard .partner-overview-heading>div:first-child{min-width:0}
#shell #page-dashboard .partner-overview-heading>.partner-plan{min-width:0;max-width:none;width:100%}
#shell #page-dashboard .partner-overview-heading>.btn{padding:11px 14px;font-size:14px;white-space:nowrap}
#shell #dashboard-weather.pt-weather-mini{min-width:0;max-width:none;width:100%;margin:0;padding:12px 13px;background:linear-gradient(120deg,#173d50,#102b3c);border:1px solid #34586a;border-radius:15px;color:#e9f4fa;box-shadow:inset 3px 0 0 #21cce0}
#shell #dashboard-weather .pt-mini-title{display:flex;justify-content:space-between;align-items:center;gap:8px}
#shell #dashboard-weather .pt-mini-title h2{margin:0;font-size:11px;line-height:1.4;font-weight:650;color:#b8d8e6;text-transform:uppercase;letter-spacing:.045em}
#shell #dashboard-weather .pt-mini-info{position:relative;font-size:13px;flex:none}
#shell #dashboard-weather .pt-mini-info summary{display:block;cursor:pointer;color:#93e5ef;list-style:none;min-width:22px;text-align:center}
#shell #dashboard-weather .pt-mini-info summary::-webkit-details-marker{display:none}
#shell #dashboard-weather .pt-mini-info p{position:absolute;z-index:22;right:0;top:20px;width:250px;max-width:70vw;margin:0;padding:14px;background:#0d2637;border:1px solid #608298;border-radius:10px;box-shadow:0 8px 24px #0005;font-size:12px;line-height:1.5;color:#c2deea}
#shell #dashboard-weather .pt-mini-info a{color:#88e5ef}
#shell #dashboard-weather .pt-mini-current{display:flex;align-items:center;gap:9px;margin:6px 0}
#shell #dashboard-weather .pt-weather-glyph,#shell #dashboard-weather .pt-mini-placeholder{width:34px;height:34px;flex:0 0 34px}
#shell #dashboard-weather .pt-mini-placeholder{display:grid;place-items:center;font-size:25px;color:#8bacbc}
#shell #dashboard-weather .pt-mini-place{min-width:0;flex:1}
#shell #dashboard-weather .pt-mini-place strong{display:block;font-size:12px;line-height:1.35;overflow-wrap:anywhere;color:#e9f4fa}
#shell #dashboard-weather .pt-mini-place>span{display:block;font-size:10px;line-height:1.4;color:#b5d0de;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#shell #dashboard-weather .pt-mini-temperature{flex:none;text-align:right;line-height:1.1}
#shell #dashboard-weather .pt-mini-temperature strong{font-size:25px;font-weight:750;color:#e9f4fa;font-variant-numeric:tabular-nums;white-space:nowrap}
#shell #dashboard-weather .pt-mini-temperature small{font-size:11px;margin-left:2px;font-weight:400}
#shell #dashboard-weather .pt-mini-temperature span{display:block;font-size:9px;color:#b5d0de;margin-top:3px}
#shell #dashboard-weather .pt-mini-footer{display:flex;gap:7px;align-items:center;justify-content:space-between;flex-wrap:wrap}
#shell #dashboard-weather .pt-mini-footer p{font-size:9px;line-height:1.3;flex:1;min-width:72px;margin:0;color:#afcad9}
#shell #dashboard-weather .pt-mini-footer button{font:inherit;font-weight:650;font-size:10px;line-height:1.3;padding:5px 7px;min-height:29px;flex:none;border:1px solid #527d91;border-radius:7px;background:#174759;color:#b7f4fb;cursor:pointer}
#shell #dashboard-weather button:focus-visible,#shell #dashboard-weather summary:focus-visible{outline:3px solid #ffe371;outline-offset:3px}
@container partner-dashboard (max-width:790px){
 #shell #page-dashboard .partner-overview-heading{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:12px}
 #shell #page-dashboard .partner-overview-heading>.btn{grid-column:3;justify-self:end;padding:8px 12px;min-height:36px}
}
@container partner-dashboard (max-width:580px){
 #shell #page-dashboard .partner-overview-heading{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #shell #page-dashboard .partner-overview-heading>div:first-child{grid-column:1/-1}
 #shell #page-dashboard .partner-overview-heading>.btn{grid-column:1/-1;justify-self:end;width:auto}
 #shell #page-dashboard .partner-overview-heading>.partner-plan{gap:8px;padding:10px}
 #shell #page-dashboard .partner-overview-heading>.partner-plan img{width:42px;height:42px}
 #shell #page-dashboard .partner-overview-heading>.partner-plan strong{font-size:19px}
 #shell #page-dashboard .partner-overview-heading>.partner-plan p{font-size:11px}
 #shell #dashboard-weather.pt-weather-mini{padding:10px}
 #shell #dashboard-weather .pt-weather-glyph,#shell #dashboard-weather .pt-mini-placeholder{width:25px;height:25px;flex-basis:25px}
 #shell #dashboard-weather .pt-mini-current{gap:6px;flex-wrap:wrap}
 #shell #dashboard-weather .pt-mini-temperature strong{font-size:23px}
 #shell #dashboard-weather .pt-mini-place{flex-basis:calc(100% - 34px)}
 #shell #dashboard-weather .pt-mini-temperature{display:flex;align-items:baseline;gap:6px}
 #shell #dashboard-weather .pt-mini-footer{gap:4px}
 #shell #dashboard-weather .pt-mini-footer button{margin-left:auto}
}
/* V8: plan and active credentials share the global header. */
#shell .topbar{gap:16px;align-items:center;min-height:116px}
#shell .topbar>.partner-plan{flex:0 0 226px;width:226px;min-width:226px;max-width:226px;min-height:90px;padding:12px 17px;align-self:center}
#shell .topbar>.partner-plan img{width:65px;height:65px;flex:none}
#shell .topbar>.partner-plan>div{min-width:0;flex:1}
#shell .topbar>.partner-plan small{font-size:11px;text-transform:uppercase;color:#acc7d8}
#shell .topbar>.partner-plan strong{font-size:22px;color:#fff;line-height:1.2}
#shell .topbar>.partner-plan p{font-size:13px;margin:0;line-height:1.5}
#shell .topbar>.partner-active-badges{flex:1 1 120px;min-width:100px;max-width:100%;height:90px;overflow:hidden;display:block;position:relative;order:initial;align-self:center}
#shell .topbar>.partner-active-badges[hidden]{display:none}
#shell .partner-badge-track{display:flex;align-items:center;gap:14px;width:max-content;height:90px;will-change:transform}
#shell .partner-badge-group{display:flex;align-items:center;gap:14px;height:90px;flex:none}
#shell .partner-badge-group[hidden]{display:none}
#shell .partner-badge{height:90px;width:90px;flex:0 0 90px}
#shell .partner-badge img{width:90px;height:90px;object-fit:contain;background:transparent}
#shell .partner-badge>span{font-size:11px;text-align:center;overflow-wrap:anywhere;max-width:90px}
#shell .partner-active-badges[data-overflow=true] .partner-badge-track{animation:partner-badges-scroll var(--badge-duration,30s) linear infinite}
#shell .partner-active-badges:is(:hover,:focus-within) .partner-badge-track{animation-play-state:paused}
#shell .partner-active-badges:focus-visible{outline:2px solid #ffdc25;outline-offset:3px}
@keyframes partner-badges-scroll{to{transform:translateX(calc(-1 * var(--badge-distance,0px)))}}
#shell #page-dashboard .partner-overview-heading{grid-template-columns:minmax(180px,1fr) minmax(220px,280px) auto}
#shell #dashboard-weather .pt-mini-temperature strong{color:#edff29;text-shadow:0 0 7px #e5ff4c99,0 0 17px #d0ff3750}
#shell .page :is(h1,h2,h3,h4),#shell #pageTitle,#shell #page-coverage .coverage-heading h1,#shell #dashboard-weather .pt-mini-title h2,#shell .page .wpn-shell :is(h2,h3){color:#ffd200}
#shell .page .eyebrow,#shell .page .pt-heading small,#shell .page .pa-eyebrow,#shell .page .wpn-eyebrow{color:#ffd200}
.pt-calculator-dialog h3{color:#ffd200}
#shell #nav [data-page=apps]{overflow-wrap:normal;white-space:nowrap}
@container partner-dashboard (max-width:790px){#shell #page-dashboard .partner-overview-heading{grid-template-columns:minmax(0,1fr) minmax(190px,260px)}#shell #page-dashboard .partner-overview-heading>.btn{grid-column:2}}
@container partner-dashboard (max-width:580px){#shell #page-dashboard .partner-overview-heading{grid-template-columns:minmax(0,1fr) minmax(150px,190px)}#shell #page-dashboard .partner-overview-heading>div:first-child{grid-column:1}#shell #page-dashboard .partner-overview-heading>.btn{grid-column:1/-1}#shell #dashboard-weather .pt-mini-place{flex-basis:auto}#shell #dashboard-weather .pt-mini-current{flex-wrap:nowrap}}
@container partner-dashboard (max-width:390px){#shell #page-dashboard .partner-overview-heading{grid-template-columns:1fr}#shell #page-dashboard .partner-overview-heading>div:first-child,#shell #page-dashboard .partner-overview-heading>.btn{grid-column:1}#shell #dashboard-weather .pt-mini-current{gap:9px}#shell #dashboard-weather .pt-mini-place{flex:1}}
@media(max-width:1150px){#shell .topbar{gap:12px}#shell .topbar>.top-actions{flex:1 0 100%;justify-content:flex-end}}
@media(max-width:900px){#shell .topbar>.partner-active-badges{order:initial;flex:1 1 120px;min-width:100px;height:90px}#shell .topbar>.partner-plan{flex:0 0 226px;width:226px;min-width:226px}}
@media(max-width:650px){#shell .topbar>div:not(.top-actions):not(.partner-active-badges){flex:1 1 calc(100% - 70px)}#shell .topbar>.partner-plan{order:2}#shell .topbar>.partner-active-badges{order:3;flex:1 1 90px;min-width:90px}#shell .topbar>.top-actions{order:4}#shell .topbar>.partner-plan>div{flex:1}}
@media(prefers-reduced-motion:reduce){#shell .partner-active-badges[data-overflow=true]{overflow-x:auto;scrollbar-width:thin}#shell .partner-active-badges .partner-badge-track{animation:none!important;transform:none!important;will-change:auto}#shell .partner-badge-copy{display:none!important}}
#shell #nav .nav-plan-label{margin-left:auto;font-size:9px;color:#ffe45a;font-weight:700;border:1px solid #71612c;padding:2px 4px;border-radius:4px}
.pt-calculator-dialog .pt-calculator-frame-host{position:relative;background:#102938}
.pt-calculator-dialog .pt-frame-loading{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;background:#102938;color:#c5e5f2;z-index:1;font-size:15px}
.pt-calculator-dialog .pt-tool-frame{background:#102938}
#shell #nav .nav-label,#shell .topbar>.partner-plan small{color:#ffd200}
#shell #nav :is([data-page=quotes],[data-page=invoices]){gap:8px;font-size:13px}

/* Partner 2026-09-21: coherent navy surfaces and restrained brand accents. */
#shell {
  --partner-bg:#0b2032; --partner-surface:#102b40; --partner-raised:#17364b;
  --partner-border:rgba(145,191,217,.18); --partner-text:#edf5fb;
  --partner-muted:#adc3d3; --partner-cyan:#36d1e2;
  --line:rgba(145,191,217,.18); --ink:#edf5fb; --muted:#adc3d3;
}
#shell .workspace {background:radial-gradient(ellipse at 80% 0,rgba(24,91,125,.18),transparent 58%),#0b2032;min-height:100dvh}
#shell .content {background:transparent}
#shell .topbar {background:linear-gradient(115deg,rgba(16,44,66,.96),rgba(11,32,50,.97));border-bottom:1px solid var(--partner-border);box-shadow:0 8px 32px #04132226;backdrop-filter:blur(14px)}
#shell .sidebar {background:radial-gradient(ellipse at 50% 0,rgba(22,104,141,.18),transparent 42%),linear-gradient(180deg,#0c263e,#091c2e);border-right:1px solid var(--partner-border);gap:12px}
#shell .sidebar>.logo {justify-content:center;padding:4px 0 12px}
#shell .sidebar>.logo .elgatec-partner-logo {width:116px;border-radius:26px;filter:drop-shadow(0 0 18px rgba(26,189,224,.17));transition:filter .2s ease}
#shell .sidebar>.logo:hover .elgatec-partner-logo {filter:drop-shadow(0 0 22px rgba(26,189,224,.25))}
#shell .sidebar>nav {display:flex;flex-direction:column;overflow:visible;gap:0;min-height:120px;padding:0;margin:0}
#shell #nav .nav-main {flex:1 1 auto;min-height:70px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2d6177 transparent;padding:0 4px 10px 0}
#shell #nav .nav-company {flex:0 0 auto;padding:13px 4px 0 0;border-top:1px solid var(--partner-border)}
#shell #nav .nav-label {font-size:10px;letter-spacing:.14em;font-weight:700;margin:17px 12px 9px;color:#ffd200}
#shell #nav .nav-main>.nav-label:first-child,#shell #nav .nav-company>.nav-label {margin-top:0}
#shell #nav button {font-size:13px;font-weight:600;padding:10px 12px;min-height:42px;margin:3px 0;gap:10px;border-radius:11px;transition:background .18s,border-color .18s,box-shadow .18s,color .18s}
#shell #nav button:not(.active):not(:disabled) {color:#bfd1df;border:1px solid transparent;background:transparent;box-shadow:none}
#shell #nav button:not(.active):not(:disabled):hover {color:#f4fbff;border-color:#396479;background:linear-gradient(110deg,#183d53,#102b42)}
#shell #nav button.active {color:#ecfcff;border:1px solid #347d94;background:linear-gradient(105deg,#1a5268,#173a53);box-shadow:inset 3px 0 #44d4e5,0 5px 16px #03152630}
#shell #nav button i {font-size:17px;color:#82c7da}
#shell #nav button.active i {color:#6be7f1}
#shell #nav .nav-plan-label {color:#bdcedb;border:1px solid #496176;background:#193548;font-size:9px;padding:2px 5px}
#shell .sidebar>.external-link {display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:12px 14px;border:1px solid #315367;border-radius:12px;background:linear-gradient(115deg,#17394e,#102a41);color:#d9ecf7;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .18s,background .18s}
#shell .sidebar>.external-link:hover {border-color:#56aec4;background:linear-gradient(115deg,#1a4860,#14374c)}
#shell .external-link .external-arrow {font-size:17px;color:#7de0ec}
#shell .sidebar-foot {border-color:var(--partner-border);padding-top:15px;gap:9px}
#shell .sidebar-foot #changePassword,#shell .sidebar-foot #logout {color:#bfd9e7;background:#102e43;border:1px solid #315367;box-shadow:none}
#shell .avatar {background:linear-gradient(135deg,#187c99,#15506d);color:#e9fcff}
#shell .page :is(h1,h2,h3,h4),#shell #pageTitle,#shell #page-coverage .coverage-heading h1,#shell .page .wpn-shell :is(h2,h3) {color:#edf5fb}
#shell .page .eyebrow,#shell .page .pt-heading small,#shell .page .pa-eyebrow,#shell .page .wpn-eyebrow {color:#ffd200}
#shell #pageTitle {font-weight:650}
#shell .topbar>.partner-plan {background:linear-gradient(115deg,#173b50,#102c40);border:1px solid var(--partner-border);box-shadow:none}
#shell .topbar>.partner-plan small {color:#adc3d3}
#shell .panel,#shell .template,#shell .person,#shell .toolbar,#shell .offers-list>article,#shell .document-list>article,#shell .pa-card,#shell .pa-item,#shell .pa-calendar,#shell .pa-toolbar,#shell .partner-app-card {background:linear-gradient(135deg,rgba(22,58,78,.72),rgba(13,38,57,.96));border-color:var(--partner-border);box-shadow:0 10px 28px #0315231f;color:var(--partner-text)}
#shell .metrics article:nth-child(n) {background:linear-gradient(135deg,#163c50,#102b40);border:1px solid #315165;border-top:2px solid #368799;box-shadow:0 8px 24px #03152324}
#shell .metrics article:nth-child(n) .metric-icon {color:#8ce1ed;background:#204759}
#shell .metrics article:nth-child(3) .metric-icon {color:#fac291;background:#513d32}
#shell .partner-profile-shell,#shell .partner-qr-shell,#shell .partner-apps-shell,#shell .wpn-shell {background:linear-gradient(140deg,#112e43,#0c2337);border-color:var(--partner-border)}
#shell input,#shell select,#shell textarea {background:#143247;border-color:#3a6176;color:#edf5fb}
#shell input:focus,#shell select:focus,#shell textarea:focus {border-color:#66cddd;box-shadow:0 0 0 3px #39bac51a}
#shell .btn.primary:not(:disabled),#shell .pa-card button,#shell .pa-heading>button,#shell .pa-item button,#shell .pa-toolbar button {background:linear-gradient(110deg,#38cfdf,#28b6cf);color:#072838;border:1px solid #6cdeeb;box-shadow:0 5px 17px #00bcd415}
#shell .btn.primary:not(:disabled):hover {background:linear-gradient(110deg,#64dce7,#35c6dc);box-shadow:0 7px 20px #00bcd426}
#shell .btn.ghost:not(:disabled),#shell .icon-btn:not(:disabled),#shell .text-btn {background:linear-gradient(120deg,#1a4057,#153449);color:#d3eff7;border:1px solid #3d687c;box-shadow:none}
#shell .btn.ghost:hover,#shell .icon-btn:hover {border-color:#6ac7d7}
#shell .sync {color:#9bbacb}
#shell .donut {background:conic-gradient(#36c5d9 var(--pct,0deg),#244657 0)}
#shell .donut:before,#shell .donut:after {background:#112e42}
#shell .legend {border-color:var(--partner-border)}
#shell .legend .c3 {background:#d9a078}
.pt-calculator-dialog h3 {color:#edf5fb}
#shell #page-dashboard .partner-overview-heading {grid-template-columns:minmax(0,1fr) minmax(225px,280px) minmax(0,1fr);gap:20px;align-items:center}
#shell #page-dashboard .partner-overview-heading>.btn {justify-self:end;grid-column:3}
#shell #dashboard-weather.pt-weather-mini {justify-self:center;align-self:center;background:none;border:0;border-radius:0;box-shadow:none;padding:8px 2px;max-width:280px;width:100%;text-align:center}
#shell #dashboard-weather .pt-mini-title {justify-content:center;position:relative}
#shell #dashboard-weather .pt-mini-title h2 {color:#ffd200;font-size:10px;letter-spacing:.11em}
#shell #dashboard-weather .pt-mini-info {position:absolute;right:0}
#shell #dashboard-weather .pt-mini-current {justify-content:center;gap:12px;margin:10px 0}
#shell #dashboard-weather .pt-mini-place {flex:0 1 auto;text-align:left}
#shell #dashboard-weather .pt-mini-temperature {text-align:left}
#shell #dashboard-weather .pt-mini-temperature strong {color:#edf8fb;font-size:29px;text-shadow:none}
#shell #dashboard-weather .pt-mini-temperature span {color:#a9c4d4}
#shell #dashboard-weather .pt-mini-footer {justify-content:center;gap:6px;flex-direction:column}
#shell #dashboard-weather .pt-mini-footer p {flex:0 0 auto;font-size:10px}
#shell #dashboard-weather .pt-mini-footer button {background:none;border:0;color:#93dce8;padding:4px 8px;font-size:11px}
#shell button:focus-visible,#shell a:focus-visible,#shell summary:focus-visible {outline:2px solid #8be4ee;outline-offset:3px}
@container partner-dashboard (max-width:850px) {
  #shell #page-dashboard .partner-overview-heading {grid-template-columns:minmax(0,1fr) auto}
  #shell #page-dashboard .partner-overview-heading>.btn {grid-column:2;grid-row:1}
  #shell #dashboard-weather {grid-column:1/-1;grid-row:2}
}
@container partner-dashboard (max-width:480px) {
  #shell #page-dashboard .partner-overview-heading {grid-template-columns:1fr;gap:14px}
  #shell #page-dashboard .partner-overview-heading>div:first-child {grid-column:1}
  #shell #dashboard-weather {grid-column:1;grid-row:2}
  #shell #page-dashboard .partner-overview-heading>.btn {grid-column:1;grid-row:3;justify-self:stretch}
}
@media(max-height:750px) {
  #shell .sidebar {gap:8px;padding-top:12px;padding-bottom:12px}
  #shell .sidebar>.logo {padding-bottom:4px}
  #shell .sidebar>.logo .elgatec-partner-logo {width:82px}
  #shell #nav .nav-company {padding-top:8px}
  #shell #nav button {min-height:38px;padding-top:8px;padding-bottom:8px}
}
@media(max-height:560px) {#shell .sidebar>nav {overflow-y:auto;display:block}#shell #nav .nav-main {overflow:visible}#shell #nav .nav-company {margin-top:10px}}
@media(prefers-reduced-motion:reduce) {#shell button,#shell a,#shell .elgatec-partner-logo {transition:none!important}}

/* Partner commercial trial and navigation placement · 2026-09-22. */
#shell .sidebar-context {padding:0 9px 13px;border-bottom:1px solid var(--partner-border);line-height:1.2}
#shell .sidebar-context small {display:block;overflow:hidden;color:#ffd200;font-size:9px;font-weight:800;letter-spacing:.11em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
#shell .sidebar-context [data-partner-registration] {display:block;margin-top:4px;color:#84ddea;font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
#shell [data-partner-registration][hidden] {display:none!important}
#shell .sidebar-context strong {display:block;overflow:hidden;margin-top:5px;color:#edf5fb;font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
#shell .sidebar-foot #logout {margin-left:auto}
#shell #nav .nav-plan-label.is-trial {color:#d9ff2f!important;border-color:#9ccf22!important;background:#203d2e!important;box-shadow:0 0 12px rgba(201,255,39,.22);text-shadow:0 0 8px rgba(214,255,62,.48)}
#shell #nav .nav-plan-label.is-expired {color:#9eb0bc!important;border-color:#435667!important;background:#182c3b!important}
#shell .partner-settings-stack {display:grid;gap:20px}
#shell .partner-settings-disclosure {padding:0;overflow:hidden}
#shell .partner-settings-disclosure>summary {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;cursor:pointer;list-style:none}
#shell .partner-settings-disclosure>summary::-webkit-details-marker {display:none}
#shell .partner-settings-disclosure>summary span {display:grid;gap:4px}
#shell .partner-settings-disclosure>summary small {color:#ffd200;font-size:9px;font-style:normal;font-weight:850;letter-spacing:.12em}
#shell .partner-settings-disclosure>summary strong {color:#edf5fb;font-size:20px}
#shell .partner-settings-disclosure>summary em {color:#a9c4d4;font-size:12px;font-style:normal}
#shell .partner-settings-disclosure>summary b {color:#8edbe6;font-size:12px;font-weight:700;white-space:nowrap}
#shell .partner-settings-disclosure[open]>summary {border-bottom:1px solid var(--partner-border)}
#shell .partner-settings-disclosure[open]>summary b {color:#d9ff2f}
#shell .partner-settings-disclosure>#partner-sound-settings {padding:0}
#shell .partner-security-panel {display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 26px}
#shell .partner-security-panel h2 {margin:4px 0 8px}
#shell .partner-security-panel p {margin:0;max-width:650px}
#shell .partner-security-panel .btn {flex:0 0 auto}
#shell .pc-trial-banner {margin:0 0 16px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#eaf7fb;background:linear-gradient(115deg,#183f3c,#12344a);border:1px solid #668d45;border-left:4px solid #d9ff2f;border-radius:13px;box-shadow:0 0 22px rgba(206,255,44,.08)}
#shell .pc-trial-banner div {display:grid;gap:3px}
#shell .pc-trial-banner small {color:#d9ff2f;font-size:9px;font-weight:850;letter-spacing:.12em}
#shell .pc-trial-banner strong {color:#f3f9fc;font-size:15px}
#shell .pc-trial-banner p {margin:0;color:#bcd3de;font-size:12px;text-align:right}
#shell .pc-trial-banner b {color:#d9ff2f;font-size:14px;text-shadow:0 0 10px rgba(214,255,62,.35)}
#shell .pc-workspace-mount {min-width:0}
#shell .partner-registration-top {flex:0 0 auto;padding:7px 11px;border:1px solid #467087;border-radius:9px;color:#d9ff2f;background:#123449;font-size:11px;font-weight:850;letter-spacing:.06em;box-shadow:0 0 14px rgba(217,255,47,.08);white-space:nowrap}
#shell .partner-company-logo,#shell .partner-registration-field {display:grid;gap:8px;padding:14px;border:1px solid #315a6f;border-radius:12px;background:#102f42}
#shell .partner-company-logo>span,#shell .partner-registration-field>span {color:#c4dbe6;font-size:12px;font-weight:750}
#shell .partner-company-logo-row {display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#shell .partner-company-logo-preview {display:grid;place-items:center;width:156px;height:82px;border:1px dashed #477286;border-radius:10px;background:#f7fbfc;color:#517080;font-size:11px;overflow:hidden}
#shell .partner-company-logo-preview img {display:block;max-width:142px;max-height:70px;object-fit:contain}
#shell .partner-company-logo-button {position:relative;cursor:pointer}
#shell .partner-company-logo>small,#shell .partner-registration-field>small {color:#91b4c4;font-size:10px}
#shell .partner-registration-field strong {color:#d9ff2f;font-size:18px;letter-spacing:.08em;text-shadow:0 0 12px rgba(217,255,47,.18)}
@media(max-width:650px){
 #shell .sidebar-context {padding-bottom:10px}
 #shell .partner-security-panel,#shell .pc-trial-banner {align-items:flex-start;flex-direction:column}
 #shell .partner-registration-top {order:3}
 #shell .partner-settings-disclosure>summary {align-items:flex-start;flex-direction:column}
 #shell .partner-security-panel .btn {width:100%}
 #shell .pc-trial-banner p {text-align:left}
}

/* Partner refinement 2026-09-21: final owner preferences. */
#shell .sidebar > #nav {display:block;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2d6177 transparent;padding:0 4px 2px 0}
#shell #nav .nav-main {display:block;min-height:0;overflow:visible;padding:0;flex:none}
#shell #nav .nav-company {display:block;flex:none;margin-top:16px;padding:15px 0 0;border-top:1px solid var(--partner-border)}
#shell .topbar > .partner-plan {background:none;border:0;border-radius:0;box-shadow:none;padding:8px 0}
#shell #dashboard-weather .pt-mini-temperature strong {color:#edff29;text-shadow:0 0 10px rgba(230,255,32,.52),0 0 24px rgba(216,255,32,.18)}
#shell #dashboard-weather .pt-mini-temperature strong small {color:inherit;text-shadow:none}
#shell .operation-notice {background:linear-gradient(115deg,#14374b,#102b40);color:#c5dfec;border:1px solid #30586e;border-left:3px solid #39cadd;box-shadow:none}
#shell .partner-app-card .partner-app-mark {display:flex;align-items:center;min-height:76px;margin-bottom:15px}
#shell .partner-app-mark img {display:block;width:72px;height:72px;object-fit:contain;border-radius:17px;filter:drop-shadow(0 6px 12px #03152340)}
#shell .partner-app-mark .partner-app-initials {display:grid;place-items:center;width:72px;height:72px;border-radius:17px;background:linear-gradient(145deg,#1d4d63,#123144);color:#9be2ed;font-size:23px;font-weight:700}
#shell #nav button:has(.nav-plan-label) {gap:6px;padding-inline:10px;font-size:12.5px;white-space:nowrap}
#shell #nav .nav-plan-label {flex:0 0 auto;white-space:nowrap;margin-left:auto;font-size:9px;padding:2px 4px}


/* Partner registration plate · 2026-09-22. */
#shell [data-partner-registration] {box-sizing:border-box;position:relative;display:grid;place-items:center;overflow:visible;border:0;color:#09243a;background:url('/partner-registration-plate.webp?v=20260922-1') center/100% 100% no-repeat;font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:.085em;line-height:1;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.92);white-space:nowrap;filter:drop-shadow(0 7px 11px rgba(0,10,22,.3))}
#shell .sidebar-context [data-partner-registration] {display:grid;width:100%;max-width:190px;height:58px;margin:3px auto 0;padding:0 18px 0 50px;color:#09243a;font-size:13px;font-weight:900;letter-spacing:.085em;line-height:1}
#shell .partner-registration-top {display:grid;flex:0 0 190px;width:190px;height:63px;padding:0 19px 0 51px;border:0;border-radius:0;color:#09243a;background:url('/partner-registration-plate.webp?v=20260922-1') center/100% 100% no-repeat;font-size:14px;font-weight:900;letter-spacing:.085em;box-shadow:none}
@media(max-width:650px){#shell .partner-registration-top {order:3;flex-basis:176px;width:176px;height:59px;padding-left:47px;font-size:13px}}


/* Partner registration plate v2: dark face integrated with the panel. */
#shell [data-partner-registration] {isolation:isolate;padding:0!important;color:#effcff;text-shadow:none}
#shell [data-partner-registration]::before {content:"";position:absolute;z-index:0;left:13.8%;right:4.2%;top:15%;bottom:17%;border:1px solid rgba(97,211,232,.17);border-radius:4px 8px 8px 4px;background:linear-gradient(112deg,rgba(7,31,48,.97),rgba(12,54,72,.94) 58%,rgba(7,31,47,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 18px rgba(15,126,157,.1);clip-path:polygon(0 0,100% 0,100% 82%,96% 100%,0 100%)}
#shell .partner-registration-code {position:absolute;z-index:1;left:14.5%;right:4.5%;top:50%;display:block;transform:translateY(-50%);color:#effcff;font-size:inherit;font-weight:900;letter-spacing:.1em;line-height:1;text-align:center;text-shadow:0 1px 0 rgba(0,7,15,.95),0 0 11px rgba(78,220,241,.2)}


/* Partner registration plate v3: preserve honeycomb and lightning artwork. */
#shell [data-partner-registration]::before {background:linear-gradient(112deg,#16465c,#195a70 58%,#103e54);mix-blend-mode:multiply;opacity:.92}


/* Partner registration plate v4: dark translucent tint over the original artwork. */
#shell [data-partner-registration]::before {background:rgba(5,33,49,.38);mix-blend-mode:normal;opacity:1;-webkit-backdrop-filter:brightness(.42) saturate(1.35) contrast(1.3);backdrop-filter:brightness(.42) saturate(1.35) contrast(1.3)}


/* Partner registration plate v5: reinforce the original honeycomb and lightning. */
#shell [data-partner-registration]::after {content:"";position:absolute;z-index:0;inset:0;background:url('/partner-registration-plate.webp?v=20260922-1') center/100% 100% no-repeat;filter:brightness(.5) contrast(2.2) saturate(1.3);mix-blend-mode:overlay;opacity:.82;clip-path:polygon(13.8% 15%,95.8% 15%,95.8% 69%,91.8% 83%,13.8% 83%);pointer-events:none}

/* Matrícula Partner: identificador tipográfico, sin placa y fuera de la cabecera. */
.partner-registration-top{display:none!important}
.sidebar-context [data-partner-registration]{display:block!important;position:static!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:7px 0 2px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;background-image:none!important;box-shadow:none!important;filter:none!important;overflow:visible!important;transform:none!important}
.sidebar-context [data-partner-registration]::before,.sidebar-context [data-partner-registration]::after{content:none!important;display:none!important}
.sidebar-context [data-partner-registration] .partner-registration-code{display:block!important;position:static!important;inset:auto!important;transform:none!important;margin:0!important;padding:0!important;color:#c8ff32!important;background:none!important;border:0!important;font:800 .82rem/1.15 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.11em!important;text-align:left!important;text-shadow:0 0 7px rgba(200,255,50,.72),0 0 18px rgba(200,255,50,.28)!important;white-space:nowrap!important}
