html:has(.login-container){height:100svh;min-height:0;max-height:100svh;overflow:hidden}body:has(.login-container){height:100svh;min-height:0;max-height:100svh;overflow:hidden}#root:has(.login-container){height:100svh;min-height:0;max-height:100svh;overflow:hidden}.login-container{background:var(--white);grid-template-columns:45.5% 54.5%;width:100%;height:100svh;display:grid;overflow:hidden}.login-container .left-panel{background:var(--white);min-width:0;min-height:0;padding:28px 4vw 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex;overflow:hidden}.login-container .login-logo{object-fit:contain;object-position:left top;flex-shrink:1;width:min(168px,36%);height:auto;max-height:16vh;margin-bottom:10px;display:block}.login-container .login-title{color:var(--sky);letter-spacing:-.4px;flex-shrink:0;margin:0;font-size:clamp(22px,1.9vw,32px);font-weight:800;line-height:1.15}.login-container .accent-line{background:var(--sun);flex-shrink:0;width:72px;height:5px;margin:10px 0}.login-container .description{max-width:560px;color:var(--muted);flex-shrink:1;margin:0 0 14px;font-size:14px;line-height:1.35}.login-container form{flex:none}.login-container .field{margin-bottom:10px}.login-container .field label{color:var(--sky);text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.login-container .field input{border:1px solid var(--line);background:var(--white);width:100%;height:44px;color:var(--ink);font:inherit;border-radius:10px;outline:none;padding:0 15px;font-size:15px}.login-container .field input:focus{border-color:var(--sky)}.login-container .field input::placeholder{color:#8997a6}.login-container .login-options{justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.login-container .remember{color:var(--muted);cursor:pointer;align-items:center;font-size:13px;display:flex}.login-container .remember input{cursor:pointer;width:16px;height:16px;accent-color:var(--sky);margin:0 7px 0 0}.login-container .forgot{color:var(--sky);white-space:nowrap;font-size:13px;text-decoration:none}.login-container .forgot:hover{text-decoration:underline}.login-container .login-button{background:var(--sun);width:100%;height:48px;color:var(--white);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;font-size:15px;font-weight:800}.login-container .login-button:hover:not(:disabled){background:var(--sun-deep);color:var(--white)}.login-container .login-button:disabled{opacity:.7;cursor:wait}.login-container .message{border-left:4px solid var(--down);color:#9b1c1c;background:#fff4f4;margin-top:10px;padding:10px 12px;font-size:13px}.login-container .secure-access{color:var(--muted);flex-shrink:0;align-items:center;margin-top:auto;padding-top:8px;font-size:12px;display:flex}.login-container .secure-icon{background:var(--cluster);width:26px;height:26px;color:var(--sky);border-radius:50%;justify-content:center;align-items:center;margin-right:9px;font-size:13px;font-weight:800;display:flex}.login-container .right-panel{background:var(--sky);min-width:0;min-height:0;overflow:hidden}.login-container .store-image{object-fit:cover;object-position:center 35%;width:100%;height:100%;display:block}@media (height<=760px){.login-container .left-panel{padding:16px 3.2vw 8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.login-container .login-logo{width:min(128px,30%);max-height:12vh;margin-bottom:6px}.login-container .login-title{font-size:22px}.login-container .description{margin-bottom:8px;font-size:13px}.login-container .accent-line{height:4px;margin:6px 0}}@media (width<=900px){.login-container{grid-template-rows:minmax(72px,15vh) 1fr;grid-template-columns:1fr}.login-container .right-panel{order:-1}.login-container .left-panel{padding:16px 22px 10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.login-container .login-logo{width:120px;max-height:10vh;margin-bottom:8px}.login-container .store-image{object-position:center 30%}}@media (width<=768px){.login-container{grid-template-rows:minmax(64px,12vh) 1fr}.login-container .left-panel{padding:12px 18px 8px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.login-container .login-logo{width:104px;max-height:8vh;margin-bottom:6px}.login-container .login-title{font-size:20px}.login-container .description{margin-bottom:8px;font-size:13px}.login-container .field{margin-bottom:8px}.login-container .field input,.login-container .login-button{height:44px}.login-container .secure-access{padding-top:6px}}:root{--sky:#026270;--sky-deep:#014f5a;--sun:#026270;--sun-deep:#014f5a;--white:#fff;--paper:#f2f6f7;--ink:#013a42;--muted:#4a6b72;--line:#c5d5d8;--card:#fff;--cluster:#e2eef0;--up:#1f6b48;--down:#c44732;--sans:"Figtree", "Segoe UI", sans-serif;--sidebar:248px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:15px;line-height:1.45}.app{align-items:stretch;min-height:100vh;display:flex}.sidebar{width:var(--sidebar);background:var(--sky);color:var(--white);flex-direction:column;flex-shrink:0;gap:28px;padding:22px 16px;display:flex}.sidebar .logo{width:100%;height:auto;display:block}.sidebar nav{flex-direction:column;gap:8px;display:flex}.nav-group{flex-direction:column;gap:4px;display:flex}.nav-group-toggle{background:#ffffff1a;justify-content:space-between;align-items:center;gap:8px;width:100%;font-weight:800;display:flex}.nav-group-toggle.current,.nav-group-toggle.current:hover{background:var(--white);color:var(--sky)}.nav-group-toggle .chevron{opacity:.9;border-bottom:2px solid;border-right:2px solid;flex-shrink:0;width:.55em;height:.55em;transition:transform .15s;display:inline-block;transform:rotate(45deg)}.nav-group.open .nav-group-toggle .chevron{transform:rotate(-135deg)}.nav-group-items{flex-direction:column;gap:2px;padding:0 0 4px 8px;display:flex}.nav-group-items button{padding:9px 12px;font-size:13px;font-weight:650}.sidebar button{appearance:none;color:var(--white);text-align:left;font:inherit;cursor:pointer;white-space:normal;background:0 0;border:0;border-radius:10px;padding:11px 12px;font-weight:700;line-height:1.25}.sidebar button:hover{background:#ffffff1f}.sidebar button.active{background:var(--white);color:var(--sky)}.sidebar .logout{background:#ffffff24;margin-top:auto}.main{flex-direction:column;flex:1;min-width:0;display:flex}.top{background:var(--sky);color:var(--white);justify-content:space-between;align-items:flex-end;gap:20px;padding:20px 28px;display:flex}.titles{min-width:0}.period{letter-spacing:.06em;text-transform:uppercase;color:#d7ecef;flex-direction:column;gap:6px;min-width:150px;font-size:12px;font-weight:700;display:flex}.top-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:flex-end;gap:12px;display:flex}.period select,.period input[type=date]{font:inherit;letter-spacing:0;text-transform:none;color:var(--sky);background:var(--white);border:0;border-radius:10px;height:42px;padding:10px 12px;font-size:15px;font-weight:700}.scope{background:#ffffff29;border-radius:10px;align-items:center;height:42px;padding:3px;display:flex}.scope button{appearance:none;color:var(--white);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;height:36px;padding:0 16px;font-weight:700}.scope button.active{background:var(--white);color:var(--sky)}.scope.metrics button{padding:0 12px;font-size:13px}.rank{background:var(--cluster);width:24px;height:24px;color:var(--sky);vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;margin-right:8px;font-size:12px;font-weight:800;display:inline-flex}th.sorted,td.sorted{box-shadow:inset 0 -3px 0 var(--sun);background:#02627014}.groups th.sorted{background:inherit;box-shadow:inset 0 -3px 0 var(--white);color:var(--white)}.groups th.g-real.sorted{background:var(--sky)}.groups th.g-crec.sorted{background:var(--sun);color:var(--white);box-shadow:inset 0 -3px 0 var(--sky-deep)}.metrics th.sorted{color:var(--ink);background:#d7ecef}.export-btn{appearance:none;font:inherit;background:var(--sun);color:var(--white);cursor:pointer;white-space:nowrap;border:0;border-radius:10px;height:42px;padding:10px 16px;font-weight:700}.export-btn:hover:not(:disabled){background:var(--sun-deep);color:var(--white)}.export-btn:disabled{opacity:.72;cursor:wait}.brand{letter-spacing:.16em;text-transform:uppercase;color:#d7ecef;margin:0 0 4px;font-size:12px;font-weight:700}h1{letter-spacing:-.03em;color:var(--white);margin:0;font-size:28px;font-weight:700}.lede{color:#ffffffdb;margin:6px 0 0}.content{max-width:1480px;padding:24px 28px 64px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.kpi{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--sky);border-radius:14px;padding:16px 18px}.kpi:nth-child(2){border-top-color:var(--sun)}.kpi:nth-child(4){border-top-color:var(--sun-deep)}.kpi span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;display:block}.kpi strong{font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin-top:6px;font-size:28px;display:block}.kpi.ranked strong{white-space:normal;font-size:18px;line-height:1.25}.sheet{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;min-width:1180px}table.months{min-width:1080px}th,td{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;border-bottom:1px solid var(--line);padding:10px 12px;font-size:13px}thead th{text-align:center;font-weight:700}.groups th{letter-spacing:.06em;text-transform:uppercase;color:var(--white);padding:12px 10px 8px;font-size:12px}.groups .cat{z-index:3;text-align:left;letter-spacing:.06em;text-transform:uppercase;background:var(--sky-deep);color:var(--white);border-right:1px solid #ffffff2e;position:sticky;left:0}.g-ppto{background:var(--sky-deep)}.g-real{background:var(--sky)}.g-cump{background:var(--sun-deep)}.g-prev{background:var(--sky)}.g-crec{background:var(--sun);color:var(--white)}.metrics th{color:var(--muted);background:var(--cluster);text-transform:none;letter-spacing:0;font-size:11px;font-weight:650}.cat-link{appearance:none;font:inherit;color:var(--sky);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.cat-link:hover{color:var(--sky-deep)}.crumb{color:var(--muted);align-items:center;gap:8px;margin:0 0 16px;display:flex}.crumb button{appearance:none;font:inherit;color:var(--sky);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.empty{text-align:left;white-space:normal;color:var(--muted);padding:22px 16px}tbody th{z-index:1;text-align:left;background:var(--white);border-right:1px solid var(--line);font-weight:700;position:sticky;left:0}.exporting .export-btn{display:none}.exporting .sheet{overflow:visible}.exporting .groups .cat,.exporting tbody th{position:static}tbody tr:nth-child(2n) td,tbody tr:nth-child(2n) th{background:#f7fbfe}tbody tr:hover td,tbody tr:hover th{background:#eaf5fb}tbody tr.total td,tbody tr.total th{background:var(--sky-deep);color:var(--white);border-bottom:0;font-weight:700}tbody tr.total th{z-index:2}.up{color:var(--up);font-weight:700}.down{color:var(--down);font-weight:700}tbody tr.total .up{color:#9be7bf}tbody tr.total .down{color:#ffb4a8}.placeholder{background:var(--card);border:1px solid var(--line);border-radius:16px;max-width:640px;padding:28px}.placeholder h2{margin:0 0 8px;font-size:22px}.placeholder p{color:var(--muted);margin:0}.nav-standalone{background:#ffffff1a;margin-top:6px;font-weight:800}.inv-panel{flex-direction:column;gap:14px;display:flex}.inv-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.inv-toolbar h2{letter-spacing:-.02em;margin:0;font-size:18px}.inv-filter{border:1px solid var(--line);background:var(--white);min-width:min(360px,100%);height:40px;color:var(--ink);font:inherit;border-radius:10px;padding:0 12px}.inv-sheet{max-height:min(70vh,780px)}.inv-table{min-width:1100px}.inv-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.inv-table th.sortable:hover{color:var(--sky)}.inv-table tbody tr{cursor:pointer}.inv-table tbody tr.on{background:#02627014}.inv-table .inv-name{text-align:left;white-space:normal;min-width:220px;max-width:360px}.inv-estado{font:inherit;text-transform:none;letter-spacing:0;flex-direction:column;align-items:stretch;gap:4px;font-weight:700;display:inline-flex}.inv-estado select{border:1px solid var(--line);background:var(--white);height:30px;color:var(--ink);font:inherit;border-radius:8px;font-size:12px}.inv-status{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.inv-status.ok{color:#1f6b48;background:#e5f5ea}.inv-status.warn{color:#9a5b00;background:#fff3df}.inv-status.bad{color:#c44732;background:#fde8e4}.inv-status.plan{color:var(--sky);background:#e2eef0}.inv-status.mute{color:#546e7a;background:#eceff1}.obs-note{color:var(--muted);margin:-4px 0 0;font-size:13px;line-height:1.4}.obs-sub{color:var(--muted);margin-top:2px;font-size:12px;font-weight:500}.obs-kpis{margin-bottom:8px}.pl-page{flex-direction:column;gap:14px;display:flex}.pl-note{border-left:4px solid var(--sky);background:var(--cluster);color:var(--muted);margin:0;padding:10px 12px;font-size:13px}.pl-toolbar,.pl-versions{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.pl-versions .period input{border:1px solid var(--line);min-width:180px;height:42px;font:inherit;background:var(--white);color:var(--ink);border-radius:10px;padding:0 12px}.pl-mode-group{flex-wrap:wrap;gap:6px;display:inline-flex}.pl-facing-bar{border:1px solid var(--line);background:var(--cluster);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.pl-facing-bar em{text-align:center;min-width:1.5rem;font-style:normal;font-weight:800}.pl-facing-bar button:not(.pl-ghost){appearance:none;background:var(--sky);width:32px;height:32px;color:var(--white);font:inherit;cursor:pointer;border:0;border-radius:8px;font-weight:800}.pl-layout-wide{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.pl-main-col{flex-direction:column;gap:14px;min-width:0;display:flex}.pl-compare-row{grid-template-columns:minmax(0,1fr);gap:14px;width:100%;display:grid;overflow:hidden}.pl-compare-row.dual{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-item.selected{outline:2px solid var(--sky);outline-offset:1px;z-index:2}.pl-share{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.pl-share-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.pl-share-head h2{margin:0;font-size:16px}.pl-share ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pl-share-row{justify-content:space-between;gap:10px;font-size:12px;font-weight:700;display:flex}.pl-share-track{background:var(--cluster);border-radius:999px;height:8px;overflow:hidden}.pl-share-track i{background:var(--sky);border-radius:999px;height:100%;display:block}@media (width<=768px){.pl-layout-wide,.pl-compare-row.dual{grid-template-columns:1fr}}.pl-ghost{appearance:none;border:1px solid var(--line);background:var(--white);height:42px;color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;padding:10px 14px;font-weight:700}.pl-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.pl-catalog{background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;max-height:min(78vh,860px);display:flex;overflow:hidden}.pl-catalog-head{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:12px;display:flex}.pl-catalog-head h2{margin:0;font-size:16px}.pl-catalog-head input,.pl-catalog-head select{border:1px solid var(--line);height:36px;font:inherit;border-radius:8px;padding:0 10px}.pl-catalog-list{flex-direction:column;gap:6px;padding:8px;display:flex;overflow:auto}.pl-card{text-align:left;cursor:grab;font:inherit;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:52px 1fr;align-items:center;gap:10px;padding:8px;display:grid}.pl-card img{object-fit:contain;background:#fff;border-radius:8px;width:52px;height:52px}.pl-card div{flex-direction:column;gap:2px;min-width:0;display:flex}.pl-card strong{font-size:12px}.pl-card span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.pl-card em{color:var(--sky);font-size:11px;font-style:normal;font-weight:700}.pl-card.selected,.pl-card:hover{background:var(--cluster);border-color:var(--line)}.pl-bay-wrap{width:100%;min-width:0;overflow:hidden}.pl-bay3d-wrap{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.pl-bay3d{border:1px solid var(--line);touch-action:none;background:#e8eef0;border-radius:12px;width:100%;height:min(68vh,640px);min-height:360px;overflow:hidden}.pl-compare-row.pl-compare-3d{overflow:hidden}@media (width<=768px){.pl-bay3d{height:min(52vh,420px);min-height:280px}}.pl-bay-meta{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:10px;display:flex}.pl-bay-meta h2{margin:0;font-size:16px}.pl-bay-meta span{color:var(--muted);font-size:12px}.pl-bay{border:1px solid var(--line);box-sizing:border-box;background:#fff;border-radius:12px;max-width:100%;padding:10px 10px 14px}.pl-shelf-block{margin-bottom:8px}.pl-shelf-bar{color:var(--ink);justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.pl-shelf-bar button{appearance:none;background:var(--sky);color:var(--white);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:700}.pl-shelf{background:#fff;border:1px solid #e6ecee;border-bottom:5px solid #e2e8ea;border-radius:6px 6px 4px 4px;position:relative;overflow:hidden}.pl-item{cursor:pointer;background:0 0;border:0;flex-flow:row;align-items:flex-end;gap:0;padding:0;display:flex;position:absolute;bottom:2px;overflow:hidden}.pl-facing{flex:none;align-items:flex-end;height:100%;display:inline-flex;position:relative}.pl-item img{object-fit:contain;object-position:bottom center;pointer-events:none;filter:drop-shadow(0 1px 1px #0000002e);width:auto;height:100%}.pl-block{border-radius:3px 3px 1px 1px;flex:none;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #00000024}.pl-block.top{background:#1f9d55}.pl-block.high{background:#e6b800}.pl-block.mid{background:#e67a00}.pl-block.low{background:#d6453d}.pl-block-thumb{border-radius:8px;width:52px;height:52px}.pl-card-thumb{width:52px;height:52px;position:relative}.pl-card-thumb img{width:52px;height:52px}.pl-legend{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.pl-legend em{color:var(--muted);font-style:normal;font-weight:600}.pl-swatch{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.pl-swatch.top{background:#1f9d55}.pl-swatch.high{background:#e6b800}.pl-swatch.mid{background:#e67a00}.pl-swatch.low{background:#d6453d}.pl-scale-on{box-shadow:inset 0 0 0 2px #ffffff59}.pl-hint{color:var(--muted);margin:10px 0 0;font-size:12px}@media (width<=768px){.pl-layout{grid-template-columns:1fr}.pl-catalog{max-height:280px}.app{flex-direction:column}.sidebar{flex-direction:column;align-items:stretch;gap:12px;width:100%;padding:10px 12px}.sidebar .logo{flex-shrink:0;width:88px}.sidebar nav{flex-direction:column;flex:1;max-height:none}.nav-group-items{padding-left:0}.nav-group-items button,.sidebar button{text-align:left;flex:auto;padding:8px 10px;font-size:12px}.sidebar .logout{white-space:nowrap;flex:none;align-self:flex-start;margin-top:0;padding:8px 10px;font-size:11px}.top{flex-direction:column;align-items:stretch;padding:14px 12px}.period{flex:1;min-width:0}.period select,.period input[type=date],.scope{width:100%}.scope button{flex:1}.top-actions,.sidebar nav{flex-wrap:wrap}.export-btn{width:100%;height:44px}h1{font-size:22px}.content{padding:14px 12px 40px}.kpis{grid-template-columns:1fr 1fr}.kpi strong{font-size:22px}th,td{padding:8px 10px;font-size:12px}}.sup-page{flex-direction:column;gap:12px;display:flex}.sup-note{border-left:3px solid var(--sky);color:var(--muted);background:#f3f8f9;border-radius:0 10px 10px 0;margin:0;padding:10px 12px;font-size:13px}.sup-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.sup-side,.sup-main{flex-direction:column;gap:12px;min-width:0;display:flex}.sup-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.sup-card h2,.sup-card h3{margin:0 0 10px;font-size:16px}.sup-card .period{color:var(--muted);flex-direction:column;gap:4px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.sup-card .period input,.sup-card .period select{border:1px solid var(--line);height:40px;font:inherit;color:var(--ink);background:var(--white);border-radius:10px;padding:0 10px}.sup-type{gap:8px;margin:8px 0 10px;display:flex}.sup-type button{flex:1}.sup-start{width:100%}.sup-empty{color:var(--muted);margin:0;font-size:13px}.sup-history{flex-direction:column;gap:6px;max-height:420px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.sup-history li{grid-template-columns:1fr auto;align-items:stretch;gap:4px;display:grid}.sup-hist{appearance:none;border:1px solid var(--line);background:var(--white);text-align:left;cursor:pointer;font:inherit;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.sup-hist.on,.sup-hist:hover{border-color:var(--sky);background:#f3f8f9}.sup-hist strong{color:var(--ink);font-size:13px}.sup-hist span{color:var(--muted);font-size:11px}.sup-hist em{margin-top:2px;font-size:12px;font-style:normal;font-weight:800}.sup-del{appearance:none;border:1px solid var(--line);background:var(--white);cursor:pointer;width:36px;color:var(--muted);border-radius:10px;font-size:18px}.sup-placeholder p{color:var(--muted);margin:0;line-height:1.45}.sup-head{grid-template-columns:1fr auto;align-items:start;gap:10px 14px;display:grid}.sup-head p{color:var(--muted);margin:4px 0 0;font-size:13px}.sup-head-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.sup-score{border-radius:12px;flex-direction:column;align-items:flex-end;gap:2px;min-width:140px;padding:8px 12px;display:flex}.sup-score strong{font-size:28px;line-height:1}.sup-score span{text-align:right;font-size:11px}.sup-score.verde,.sup-traffic.verde{color:#146c2e;background:#e5f5ea}.sup-score.amarillo,.sup-traffic.amarillo{color:#8a5a00;background:#fff3df}.sup-score.rojo,.sup-traffic.rojo{color:#a33b32;background:#fde8e4}.sup-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.sup-actions-count{color:var(--muted);margin:0;font-size:13px}.sup-section h3{color:var(--sky)}.sup-items{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.sup-item{border-top:1px solid var(--line);padding-top:12px}.sup-item:first-child{border-top:0;padding-top:0}.sup-item-top{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.sup-item-top strong{font-size:14px;display:block}.sup-item-top em{color:var(--muted);margin-top:2px;font-size:12px;font-style:normal;display:block}.sup-crit{color:#a33b32;text-transform:uppercase;margin-left:6px;font-size:11px;font-weight:800}.sup-status{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.sup-st{appearance:none;border:1px solid var(--line);background:var(--white);font:inherit;cursor:pointer;color:var(--ink);border-radius:8px;padding:5px 8px;font-size:11px;font-weight:700}.sup-st:disabled{opacity:.55;cursor:default}.sup-st.on.cumple{color:#146c2e;background:#e5f5ea;border-color:#1f9d55}.sup-st.on.parcial{color:#8a5a00;background:#fff3df;border-color:#e6b800}.sup-st.on.no{color:#a33b32;background:#fde8e4;border-color:#d6453d}.sup-st.on.na{color:#455a64;background:#eceff1;border-color:#90a4ae}.sup-item-fields{grid-template-columns:1.4fr 1.2fr .9fr .7fr;gap:6px;margin-top:8px;display:grid}.sup-item-fields input{border:1px solid var(--line);height:36px;font:inherit;background:var(--white);border-radius:8px;padding:0 8px;font-size:12px}.sup-item-fields input:disabled{background:#f5f7f8}@media (width<=768px){.sup-layout,.sup-head{grid-template-columns:1fr}.sup-score{align-items:flex-start}.sup-item-top{grid-template-columns:1fr}.sup-status{justify-content:flex-start}.sup-item-fields{grid-template-columns:1fr}.sup-history{max-height:220px}}