:root{ --red:var(--hh-brand-wine); --red2:var(--hh-brand-wine-hover); --ink:var(--hh-brand-ink); --ink2:#48515d; --green:#5b9d50; --gold:#d69b2d; --blue:#365d73; --cream:#f7f2f1; --paper:#fff; --muted:#777174; --line:#e5dbdc; --soft:#fbf8f7; --bad:#be3d45; --ok:#32825d; --warn:#b97513; --shadow:0 12px 35px #4f20260e; --hh-red:var(--hh-brand-wine); --hh-red-dark:var(--hh-brand-wine-hover); --hh-ink:var(--hh-brand-ink); --hh-green:#5d9251; --hh-paper:var(--hh-brand-white); --hh-canvas:#eeeae5; --hh-grid:#d9d3cd; --hh-edit:#fff8d8; --hh-line:#cfc9c4; --hh-wash:#f5f3f1; --hh-gold:#c69535; --hh-brand-ink:#393f46; --hh-brand-wine:#81152b; --hh-brand-wine-hover:#631021; --hh-brand-green:#238036; --hh-brand-white:#ffffff; --hh-brand-fruit-dark:#82112a; --hh-brand-fruit-light:#b3243a; --hh-brand-font:"Poppins","Segoe UI",Arial,sans-serif; --hh-brand-regular:400; --hh-brand-semibold:600; } *{box-sizing:border-box}html{background:#f7f4f3}body{margin:0;color:var(--ink);font-family:var(--hh-brand-font);font-weight:400;font-synthesis:none;background:linear-gradient(145deg,#fbf9f8,#f1ebec);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer} .appShell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:25px 18px 18px;display:flex;flex-direction:column;z-index:3}.logoRow{display:flex;align-items:center;gap:13px;padding:3px 10px 26px}.wordmark{font-size:31px;font-weight:950;letter-spacing:-3px;position:relative}.wordmark:after{content:"";position:absolute;width:12px;height:8px;border-radius:100% 0 100% 0;background:var(--green);right:5px;top:-6px;transform:rotate(-18deg)}.logoRow b,.logoRow span{display:block}.logoRow b{font-size:11px;letter-spacing:1.7px}.logoRow span{font-size:9px;color:var(--muted);margin-top:3px;text-transform:uppercase}.sidebar nav{display:grid;gap:5px}.navButton{border:0;background:transparent;border-radius:10px;padding:12px 13px;text-align:left;color:#66606a;font-size:12px;font-weight:750;display:flex;align-items:center;gap:11px}.navButton .icon{width:24px;height:24px;border-radius:7px;background:#f3eded;display:grid;place-items:center;font-size:12px}.navButton.active{background:#f8ecec;color:var(--red)}.navButton.active .icon{background:var(--red);color:#fff}.navButton.locked{opacity:.48}.navSep{font-size:8px;letter-spacing:1.2px;color:#a0999b;font-weight:900;text-transform:uppercase;margin:17px 12px 5px}.sideFoot{margin-top:auto;padding:13px;border-top:1px solid var(--line);display:grid;gap:5px;font-size:10px;color:var(--muted)}.sideFoot i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}.sideFoot small{font-size:8px;text-transform:uppercase;letter-spacing:.7px} .workspace{min-width:0}.topbar{min-height:88px;background:#fff;border-bottom:1px solid var(--line);padding:18px 3.5%;display:flex;justify-content:space-between;align-items:center;gap:18px;position:sticky;top:0;z-index:2}.eyebrow{color:var(--red);font-size:9px;letter-spacing:1.4px;font-weight:900;margin:0 0 6px}.topbar h1{font-size:22px;margin:0;letter-spacing:-.5px}.topActions{display:flex;align-items:center;gap:10px}.weekPicker{font-size:8px;color:var(--muted);text-transform:uppercase;font-weight:900;border:1px solid var(--line);border-radius:9px;padding:6px 9px}.weekPicker input{display:block;border:0;padding:2px 0 0;background:transparent;font-size:11px;color:var(--ink);font-weight:750}.userChip{display:flex;flex-direction:column;min-width:132px}.userChip b{font-size:11px}.userChip span{font-size:9px;color:var(--muted);margin-top:2px}.ghost,.primary,.secondary,.danger{border-radius:9px;padding:10px 14px;font-weight:800;font-size:10px}.ghost,.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.primary{background:linear-gradient(135deg,var(--red),var(--red2));border:1px solid var(--red);color:#fff;box-shadow:0 6px 15px #a9272a22}.danger{background:#fff0f0;border:1px solid #efc6c8;color:var(--bad)}button:disabled{opacity:.45;cursor:not-allowed} main{padding:26px 3.5% 60px;max-width:1650px;margin:auto}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px}.hero h2{font-size:25px;margin:0 0 7px}.hero p{margin:0;color:var(--muted);font-size:12px;max-width:720px;line-height:1.55}.heroActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.kpi,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.kpi{padding:16px;border-top:3px solid var(--red)}.kpi.green{border-top-color:var(--green)}.kpi.gold{border-top-color:var(--gold)}.kpi.blue{border-top-color:var(--blue)}.kpi span{font-size:8px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.8px}.kpi strong{display:block;font-size:25px;margin:9px 0 3px}.kpi small{font-size:9px;color:var(--muted)}.panel{padding:18px;margin-top:12px}.panelHead{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:14px}.panelHead h3{font-size:15px;margin:0 0 4px}.panelHead p{font-size:10px;color:var(--muted);margin:0}.panelActions{display:flex;gap:7px;flex-wrap:wrap}.callout{border-left:4px solid var(--gold);background:#fff7e8;border-radius:9px;padding:12px 14px;font-size:10px;line-height:1.5;color:#70511c}.callout.red{border-color:var(--red);background:#fff2f2;color:#7e2529}.callout.green{border-color:var(--green);background:#eff8f1;color:#35653e} .thermoWrap{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}.thermo{height:16px;background:#eee6e6;border-radius:20px;overflow:hidden}.thermo i{height:100%;display:block;background:linear-gradient(90deg,var(--bad),var(--gold),var(--green));border-radius:20px}.thermoValue{font-size:34px;font-weight:900}.thermoValue small{font-size:12px;color:var(--muted)}.agendaFlow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.agendaStep{border:1px solid var(--line);border-radius:10px;padding:11px;background:var(--soft);position:relative}.agendaStep.active{border-color:var(--red);background:#fceded}.agendaStep.done{border-color:#b9d9c2;background:#f0f8f2}.agendaStep b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ddd1d2;font-size:9px;margin-bottom:7px}.agendaStep.active b{background:var(--red);color:#fff}.agendaStep span{font-size:9px;font-weight:800}.agendaStep small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.readiness{display:grid;gap:7px}.readyRow{display:grid;grid-template-columns:120px 1fr 75px;gap:10px;align-items:center;font-size:10px}.readyTrack{height:6px;border-radius:8px;background:#eee7e7;overflow:hidden}.readyTrack i{display:block;height:100%;background:var(--green)}.readyRow em{font-style:normal;text-align:right;font-size:8px;font-weight:900;color:var(--muted)} .tableWrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.dataTable{width:100%;border-collapse:collapse;min-width:760px}.dataTable th{background:var(--ink);color:#fff;text-align:left;padding:9px 10px;font-size:8px;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0}.dataTable td{padding:8px 10px;border-top:1px solid #eee7e7;font-size:9px;vertical-align:middle}.dataTable tr:nth-child(even) td{background:#fdfbfb}.dataTable input,.dataTable select,.dataTable textarea{width:100%;border:1px solid #dcd1d2;border-radius:6px;padding:7px;background:#fffdf3;font-size:9px;min-width:72px}.dataTable textarea{min-height:44px;resize:vertical}.dataTable .readonly{background:#f1f4f5}.rowActions{display:flex;gap:5px}.iconButton{width:28px;height:28px;border-radius:7px;border:1px solid var(--line);background:#fff;color:var(--red);font-weight:900}.status{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:12px;font-size:8px;font-weight:900;white-space:nowrap}.status.ok{background:#e7f5ec;color:var(--ok)}.status.warn{background:#fff1dc;color:var(--warn)}.status.bad{background:#fbe8e9;color:var(--bad)}.status.neutral{background:#eef1f3;color:#5f6870}.statusDot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px;background:currentColor}.summaryBar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.summaryChip{background:#f5f0f0;border-radius:8px;padding:8px 10px;font-size:9px}.summaryChip b{color:var(--red)} .schedule{display:grid;gap:8px}.dayLane{display:grid;grid-template-columns:120px 1fr 115px;gap:12px;align-items:center;border-top:1px solid var(--line);padding:10px 0}.dayLabel b,.dayLabel span{display:block}.dayLabel b{font-size:10px}.dayLabel span{font-size:8px;color:var(--muted);margin-top:3px}.lane{display:flex;min-height:39px;background:#f1eeee;border-radius:8px;overflow:hidden}.laneBlock{padding:8px;min-width:70px;color:#fff;font-size:8px;display:flex;flex-direction:column;justify-content:center}.laneBlock.prod{background:var(--blue)}.laneBlock.block{background:var(--gold)}.laneBlock.over{background:var(--bad)}.dayTotal{text-align:right;font-size:9px}.dayTotal b{display:block;font-size:14px} .meetingNotes{display:grid;gap:7px}.noteRow{display:grid;grid-template-columns:1fr 130px 100px 90px 28px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:9px;font-size:9px}.noteRow.closed{opacity:.55}.noteRow span{white-space:pre-wrap}.empty{padding:28px;text-align:center;color:var(--muted);font-size:10px}.empty b{display:block;color:var(--ink);font-size:12px;margin-bottom:5px} .costGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.privateBanner{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #efc9cb;background:#fff1f1;border-radius:10px;font-size:10px;color:#7f282c}.privateBanner b{font-size:18px}.bigCost{font-size:38px;font-weight:950;color:var(--red);margin:8px 0}.costBreakdown{display:grid;gap:7px}.costLine{display:flex;justify-content:space-between;font-size:10px;border-bottom:1px solid var(--line);padding:7px 0}.costLine.total{font-weight:900;font-size:12px;border-bottom:0}.qaCards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.lotChecklist{display:grid;gap:7px}.lotRow{display:grid;grid-template-columns:100px 1.2fr repeat(4,.65fr) 1.2fr;gap:7px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:8px;font-size:9px}.lotRow select,.lotRow input{width:100%;padding:6px;border:1px solid var(--line);border-radius:6px} .loginGate{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 20%,#fff,#eee6e7)}.loginCard{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-top:7px solid var(--red);border-radius:18px;padding:35px;box-shadow:0 28px 90px #411b2340}.loginCard .wordmark{display:inline-block;margin-bottom:24px}.loginCard h1{font-size:28px;margin:0 0 10px}.loginCard p{font-size:12px;color:var(--muted);line-height:1.55}.loginCard label,.formGrid label{display:block;font-size:8px;font-weight:900;color:#766e70;text-transform:uppercase;letter-spacing:.5px}.loginCard input,.formGrid input,.formGrid select,.formGrid textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #ded2d4;border-radius:8px;font-size:11px}.loginCard button{width:100%;margin-top:18px}.loginError{display:block;color:var(--bad);font-size:10px;margin-top:10px;min-height:14px} .modalWrap{display:none;position:fixed;inset:0;background:#241418b8;z-index:20;place-items:center;padding:18px}.modalWrap.show{display:grid}.modal{width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:15px;padding:25px;border-top:5px solid var(--red);box-shadow:0 30px 90px #0005}.modal h2{margin:0 0 7px}.modal p{font-size:10px;color:var(--muted)}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.formGrid .full{grid-column:1/-1}.formGrid textarea{min-height:90px}.modalActions{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:22px;bottom:22px;background:var(--ink);color:#fff;padding:12px 16px;border-radius:9px;font-size:10px;z-index:60;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.permissionNote{font-size:9px;color:var(--muted);font-style:italic}.subtabs{display:flex;gap:6px;overflow:auto;margin-bottom:12px}.subtabs button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:800;white-space:nowrap}.subtabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)} .uploadConfirm{width:min(820px,100%);border-radius:4px;border-top-width:7px}.modalEyebrow{display:block;color:var(--red);font-size:9px;font-weight:900;letter-spacing:.16em;margin-bottom:8px}.uploadSummary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin:18px 0}.uploadSummary>div{padding:14px;border-right:1px solid var(--line)}.uploadSummary>div:last-child{border-right:0}.uploadSummary span{display:block;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.uploadSummary b{display:block;color:var(--ink);font-size:18px;margin-top:5px}.uploadSummary small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.uploadEquipment{border:1px solid var(--line);margin-bottom:14px}.uploadEquipment>div{display:grid;grid-template-columns:2fr repeat(3,1fr);align-items:center;min-height:42px;padding:0 12px;border-bottom:1px solid var(--line);font-size:10px}.uploadEquipment>div:last-child{border-bottom:0}.uploadEquipmentHead{background:#f3f1ef;color:var(--muted);font-size:8px!important;font-weight:900;text-transform:uppercase}.equipmentFlag{font-weight:900}.equipmentFlag.active{color:#4f843f}.equipmentFlag.inactive{color:#8b2027}.uploadWarning{padding:10px 12px;background:#fbf4e7;border-left:4px solid #c7902e;color:#6b5428!important}.uploadConfirm .modalActions{padding-top:8px}@media(max-width:700px){.uploadSummary{grid-template-columns:1fr 1fr}.uploadSummary>div:nth-child(2){border-right:0}.uploadSummary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.uploadEquipment>div{grid-template-columns:1.5fr repeat(3,.8fr);padding:0 8px}} @media(max-width:1100px){.appShell{grid-template-columns:86px 1fr}.logoRow>div:last-child,.navButton .label,.sideFoot small{display:none}.logoRow{justify-content:center}.navButton{justify-content:center}.grid4{grid-template-columns:1fr 1fr}.agendaFlow{grid-template-columns:repeat(3,1fr)}.costGrid{grid-template-columns:1fr}} @media(max-width:720px){.appShell{display:block}.sidebar{position:fixed;top:auto;bottom:0;width:100%;height:auto;padding:7px;z-index:10}.logoRow,.navSep,.sideFoot{display:none}.sidebar nav{display:flex;overflow:auto}.navButton{min-width:58px;padding:8px}.navButton .icon{width:30px;height:30px}.workspace{padding-bottom:70px}.topbar{position:static;display:block}.topActions{margin-top:12px;flex-wrap:wrap}.userChip{display:none}main{padding:20px 14px}.hero{display:block}.heroActions{justify-content:flex-start;margin-top:12px}.grid4,.grid3,.grid2,.qaCards{grid-template-columns:1fr}.thermoWrap{grid-template-columns:1fr}.agendaFlow{grid-template-columns:1fr 1fr}.dayLane{grid-template-columns:1fr}.noteRow,.lotRow{grid-template-columns:1fr 1fr}.formGrid{grid-template-columns:1fr}.formGrid .full{grid-column:auto}} .panel,.kpi,.costGrid>*{min-width:0} .costLine input{width:110px;max-width:45%;min-width:0;border:1px solid var(--line);border-radius:6px;padding:5px;text-align:right} .buttonLink{text-decoration:none;display:inline-flex;align-items:center} .capacityGrid,.stockGrid,.equipmentGrid,.materialGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0} .capacityCard,.stockCard,.equipmentCard,.materialCard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;box-shadow:var(--shadow);min-width:0} .capacityCard{border-top:3px solid var(--blue)}.capacityTitle,.stockTitle,.materialHead,.runCardHead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}.capacityTitle b,.stockTitle b,.materialHead b{font-size:12px}.capacityCard small,.materialHead small,.runGroup summary small,.lotRow small{display:block;color:var(--muted);font-size:8px;margin-top:4px} .barRow{display:grid;grid-template-columns:80px minmax(70px,1fr) 64px;gap:8px;align-items:center;margin:8px 0;font-size:8px}.barRow>div{height:9px;background:#eee8e8;border-radius:10px;overflow:hidden}.barRow i{height:100%;display:block;border-radius:10px}.barRow b{text-align:right}.barRow .available,.chartLegend .available{background:var(--blue)}.barRow .planned,.historyBars .planned,.chartLegend .planned{background:var(--gold)}.barRow .actual,.historyBars .actual,.chartLegend .actual{background:var(--green)}.barRow .consumed{background:var(--red)}.barRow .safety{background:#8a7894} .planTable{min-width:1280px}.planTable td:last-child{display:flex;gap:4px}.openRuns{color:var(--blue)} .runGroups{display:grid;gap:10px}.runGroup{border:1px solid var(--line);border-radius:12px;background:var(--soft);overflow:hidden}.runGroup summary{cursor:pointer;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none}.runGroup summary::-webkit-details-marker{display:none}.runGroup[open] summary{background:#f7eded;border-bottom:1px solid var(--line)}.runGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.runCard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}.miniGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.miniGrid label,.equipmentCard>label,.parameterStrip label,.openingInput{font-size:8px;font-weight:800;color:var(--muted);text-transform:uppercase}.miniGrid input,.miniGrid select,.equipmentCard input,.parameterStrip input,.openingInput input{display:block;width:100%;margin-top:4px;border:1px solid var(--line);border-radius:7px;padding:7px;background:#fffdf4;color:var(--ink)}.miniGrid .full{grid-column:1/-1} .stockGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.stockCard{border-top:3px solid var(--green)}.openingInput{display:block;margin:6px 0 12px}.stockBalance{display:flex;justify-content:space-between;align-items:center;margin-top:12px;border-top:1px solid var(--line);padding-top:10px;font-size:9px}.stockBalance strong{font-size:15px} .equipmentGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.equipmentCard{position:relative;padding-left:58px}.equipmentIcon{position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:9px;background:#f5e7e7;color:var(--red);display:grid;place-items:center}.checkLabel{display:flex!important;align-items:center;gap:7px;margin-top:10px;font-size:9px!important;color:var(--ink)!important;text-transform:none!important}.checkLabel input{width:auto!important;margin:0!important}.parameterStrip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px;background:#f4efef;border-radius:10px;padding:12px} .historyChart{height:260px;display:flex;align-items:flex-end;gap:14px;border-bottom:1px solid var(--line);padding:12px}.historyCol{flex:1;height:100%;display:grid;grid-template-rows:1fr auto auto;gap:5px;text-align:center;font-size:8px}.historyBars{display:flex;gap:4px;align-items:flex-end;justify-content:center}.historyBars i{display:block;width:28%;min-height:3px;border-radius:5px 5px 0 0}.chartLegend{display:flex;gap:7px;align-items:center;justify-content:center;font-size:8px;margin-top:10px}.chartLegend i{width:10px;height:10px;border-radius:3px;margin-left:10px;display:inline-block} .materialGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.materialCard{border-top:3px solid var(--green)}.materialCard.risk{border-top-color:var(--red)}.materialHead span{min-width:0}.horizonChips{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.horizonChips span{font-size:8px;background:#f4efef;border-radius:7px;padding:5px 7px}.materialAction{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;border-top:1px solid var(--line);padding-top:9px}.materialAction span{font-size:8px;color:var(--muted)}.materialAction b{display:block;color:var(--ink);margin-top:2px} .narrativeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.narrativeGrid label{font-size:8px;font-weight:900;text-transform:uppercase;color:var(--muted)}.narrativeGrid textarea{display:block;width:100%;min-height:100px;margin-top:6px;border:1px solid var(--line);border-radius:9px;padding:10px;background:#fffdf4;resize:vertical;color:var(--ink)} .orderRiskGrid{display:grid;gap:7px}.orderRisk{display:grid;grid-template-columns:1.4fr repeat(3,1fr) 110px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:10px;font-size:8px}.orderRisk.risk{border-color:#e5aeb1;background:#fff4f4}.orderRisk small{display:block;color:var(--muted);margin-top:3px} .materialCostGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.materialCostGrid label{border:1px solid var(--line);border-radius:9px;padding:9px;font-size:8px;font-weight:800;color:var(--muted)}.materialCostGrid input{display:block;width:100%;margin:5px 0;border:1px solid var(--line);border-radius:6px;padding:7px;background:#fffdf4}.materialCostGrid small{font-size:7px;color:var(--ink)}.dataTable.compact{min-width:520px}.badText{color:var(--bad)!important}.goodText{color:var(--ok)!important}.costSummaryGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.costSummaryGrid>div{background:#f5f0f0;border-radius:9px;padding:10px}.costSummaryGrid span{font-size:7px;color:var(--muted);text-transform:uppercase;font-weight:900}.costSummaryGrid b{display:block;margin-top:5px;font-size:13px}.costSummaryGrid .total{background:var(--ink);color:#fff}.costSummaryGrid .total span{color:#d9dfe4} @media(max-width:1150px){.capacityGrid,.materialCostGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.costSummaryGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.parameterStrip{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.capacityGrid,.stockGrid,.equipmentGrid,.materialGrid,.runGrid,.narrativeGrid,.materialCostGrid{grid-template-columns:1fr}.miniGrid,.parameterStrip{grid-template-columns:1fr 1fr}.orderRisk{grid-template-columns:1fr 1fr}.costSummaryGrid{grid-template-columns:1fr 1fr}.barRow{grid-template-columns:68px 1fr 55px}} .fileFlowGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.fileFlowGrid.single{grid-template-columns:minmax(0,760px)}.fileFlow{background:linear-gradient(145deg,#fff,#faf7f6);border:1px solid var(--line);border-top:5px solid var(--red);border-radius:18px;padding:22px;box-shadow:0 12px 35px rgba(40,49,61,.07)}.fileFlow h3{font-size:20px;margin:8px 0}.fileFlow p{color:var(--muted);line-height:1.55;min-height:48px}.fileTiming{font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--red)}.fileActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.fileActions a{text-decoration:none}.minuteTable{min-width:1050px}.minuteTable td:nth-child(1){font-weight:900;color:var(--red);width:70px}.minuteTable td:nth-child(2){min-width:270px}.minuteTable td:nth-child(6){min-width:260px}.minuteTable tr.finished{opacity:.55;background:#f1eeee}.minuteTable input,.minuteTable select,.qaTable input,.qaTable select{min-width:115px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px}.minuteTable td:nth-child(2) input,.minuteTable td:nth-child(6) input{width:100%}.scheduleV33{display:grid;gap:12px}.scheduleV33 article{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.scheduleV33 article header,.scheduleV33 article>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.scheduleV33 article header span{color:var(--muted);font-size:12px}.scheduleBar{height:12px;background:#edf0f1;border-radius:20px;overflow:hidden;position:relative;margin:12px 0}.scheduleBar i{position:absolute;left:0;top:0;height:100%;border-radius:20px}.scheduleBar .plan{background:#9eabb4}.scheduleBar .real{background:var(--green);height:5px;top:3.5px}.materialVision,.ptVision{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.materialVision article,.ptVision article{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff}.materialVision header,.ptVision header{display:flex;justify-content:space-between;align-items:center;gap:10px}.matBars{display:grid;gap:8px;margin:14px 0}.matBars>div{display:grid;grid-template-columns:72px 1fr 60px;align-items:center;gap:8px;font-size:12px}.matBars i{height:9px;background:#edf0f1;border-radius:10px;overflow:hidden}.matBars em{display:block;height:100%;background:var(--green);border-radius:10px}.matBars em.need{background:var(--red)}.ptStack{display:flex;height:14px;border-radius:12px;overflow:hidden;background:#edf0f1;margin:15px 0}.ptStack i{display:block}.ptStack .opening{background:#9eabb4}.ptStack .made{background:var(--green)}.ptStack .shipped{background:var(--red)}.ptVision strong,.ptVision small{display:block}.ptVision small{color:var(--muted);margin-top:5px;line-height:1.4}.eventTimeline{display:grid;gap:8px}.eventTimeline article{display:grid;grid-template-columns:100px 105px minmax(160px,1fr) minmax(160px,1.5fr) 120px auto;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:10px 4px}.eventTimeline article.production span{color:var(--green);font-weight:900}.eventTimeline article.delivery span{color:var(--red);font-weight:900}.eventTimeline em{font-style:normal;font-weight:800}.qaTable{min-width:1450px}.qaTable td:nth-child(10){min-width:250px}.qaTable td:nth-child(10) input{width:100%}.narrativeGrid>div{border:1px solid var(--line);border-radius:12px;padding:15px;background:#fff}.narrativeGrid>div span{display:block;font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--red);text-transform:uppercase}.narrativeGrid>div p{margin:7px 0 0;line-height:1.5;color:var(--dark)}.costBridge{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.costBridge>div{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.costBridge span,.costBridge small{display:block;color:var(--muted)}.costBridge b{display:block;font-size:21px;margin:5px 0}.costBridge .total{background:var(--dark);color:#fff}.costBridge .total span,.costBridge .total small{color:#d8dde0} @media(max-width:900px){.fileFlowGrid{grid-template-columns:1fr}.eventTimeline article{grid-template-columns:90px 90px 1fr}.eventTimeline article small,.eventTimeline article em{grid-column:3}.materialVision,.ptVision{grid-template-columns:1fr}} .schedulePanel{overflow:hidden} .scheduleLegend{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:12px;font-weight:800} .scheduleLegend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px} .scheduleLegend .installed::before{background:#28313d}.scheduleLegend .planned::before{background:#a9272a}.scheduleLegend .actual::before{background:#5b9d50} .scheduleWeek{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:12px;overflow-x:auto;padding:2px 2px 10px} .scheduleWeek article{min-width:210px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#fbf9f8);padding:15px} .scheduleWeek article.risk{border-color:#d75858;box-shadow:inset 0 4px #a9272a} .scheduleWeek header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)} .scheduleWeek header b{text-transform:capitalize}.scheduleWeek header span{font-size:12px;color:var(--muted)} .scheduleTracks{display:grid;gap:10px;padding:14px 0} .scheduleTracks>div{display:grid;grid-template-columns:34px minmax(80px,1fr) 45px;gap:7px;align-items:center;font-size:11px} .scheduleTracks>div>span{color:var(--muted);font-weight:800}.scheduleTracks>div>b{text-align:right} .scheduleTracks i{display:block;height:11px;background:#eceff0;border-radius:999px;overflow:hidden} .scheduleTracks em{display:block;height:100%;border-radius:999px}.scheduleTracks .installed{background:#28313d}.scheduleTracks .planned{background:#a9272a}.scheduleTracks .actual{background:#5b9d50} .scheduleWeek footer{display:flex;flex-wrap:wrap;gap:5px}.scheduleWeek footer span{font-size:10px;background:#f1edeb;border-radius:999px;padding:5px 8px;color:var(--muted)} .dailyClose .closeActions,.deliveryActions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap} .dailyClose .closeActions label{font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase} .dailyClose .closeActions select{display:block;margin-top:5px;min-width:155px} .dailyCloseGrid{display:grid;gap:10px} .dailyCloseGrid article{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(160px,.8fr) auto minmax(190px,1fr);gap:12px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff} .dailyCloseGrid article>div span,.dailyCloseGrid article>div small{display:block}.dailyCloseGrid article>div span{font-weight:900}.dailyCloseGrid article>div small{color:var(--muted);margin-top:4px} .dailyCloseGrid label{font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase} .dailyCloseGrid input{width:100%;margin-top:5px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px;color:var(--dark);font:inherit} .quickFill,.removeRow{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 12px;color:var(--red);font-weight:900;cursor:pointer} .quickFill:disabled,.removeRow:disabled{opacity:.45;cursor:not-allowed} .closeFoot{display:flex;align-items:center;gap:12px;margin-top:14px;color:var(--muted);font-size:12px} .status.warn{background:#fff2d7;color:#a66d00} .materialStack{display:grid;grid-template-columns:1fr;gap:12px} .materialStack article{border:1px solid var(--line);border-radius:15px;padding:16px;background:#fff} .materialStack header{display:flex;justify-content:space-between;gap:14px;align-items:center} .materialStack header>div:first-child b,.materialStack header>div:first-child small{display:block}.materialStack header small{color:var(--muted);margin-top:3px} .materialStack header>div:last-child{display:flex;align-items:center;gap:10px}.materialStack header strong{font-size:20px} .materialBars{display:grid;gap:8px;margin-top:14px} .materialBars>div{display:grid;grid-template-columns:145px minmax(180px,1fr) 105px;align-items:center;gap:10px;font-size:12px} .materialBars>div>span{color:var(--muted);font-weight:800}.materialBars>div>b{text-align:right} .materialBars i{height:11px;background:#edf0f1;border-radius:999px;overflow:hidden}.materialBars em{display:block;height:100%;border-radius:999px} .materialBars .opening{background:#365d73}.materialBars .real{background:#5b9d50}.materialBars .need{background:#a9272a} .deliveryTable{min-width:1180px}.deliveryTable td:nth-child(2){min-width:190px}.deliveryTable td:nth-child(7){min-width:220px} .deliveryTable input,.deliveryTable select{width:100%;min-width:120px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px;color:var(--dark)} .deliveryTable td:nth-child(4) input{min-width:80px}.deliveryTable td:last-child{width:45px} .removeRow{font-size:19px;line-height:1;padding:8px 11px}.toteRule{font-size:12px;font-weight:900;color:var(--red);background:#fbe8e9;border-radius:999px;padding:8px 12px} .ptCalendar{min-width:1120px;overflow-x:auto} .ptCalendarHead,.ptCalendarRow{display:grid;grid-template-columns:210px repeat(5,minmax(170px,1fr))} .ptCalendarHead b{padding:10px;border-bottom:2px solid var(--dark);font-size:12px;text-transform:capitalize} .ptCalendarRow>header,.ptCalendarRow>article{padding:13px;border-bottom:1px solid var(--line);border-right:1px solid #eee} .ptCalendarRow>header{background:#faf7f6}.ptCalendarRow>header b,.ptCalendarRow>header span{display:block}.ptCalendarRow>header span{font-size:12px;color:var(--muted);margin-top:3px} .ptCalendarRow>article{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#fff}.ptCalendarRow>article.risk{background:#fff1f1} .ptCalendarRow article span{font-weight:900;font-size:12px}.ptIn{color:#3b7d43}.ptOut{color:#a9272a;text-align:right} .ptCalendarRow article strong,.ptCalendarRow article small{grid-column:1/-1}.ptCalendarRow article strong{font-size:17px}.ptCalendarRow article small{color:var(--muted)} .qaTableV34{min-width:1320px}.qaTableV34 input,.qaTableV34 select{width:100%;min-width:115px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px}.qaTableV34 td:nth-child(3),.qaTableV34 td:nth-child(9){min-width:190px} .minutePriority{border-top:5px solid var(--red)} .minutePriority>.panelHead>span{font-weight:900;color:var(--red);background:#fbe8e9;border-radius:999px;padding:8px 12px} .minuteTable tr.overdue{background:#fff0f0}.minuteTable tr.overdue td:first-child{box-shadow:inset 4px 0 #a9272a}.overdueFlag{display:block;color:#a9272a;font-weight:900;margin-top:5px} .siteTrend{overflow:hidden}.trendGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:12px;align-items:end;min-height:250px} .trendGrid article{display:flex;flex-direction:column;gap:5px;min-width:0}.trendBars{height:145px;display:flex;align-items:flex-end;justify-content:center;gap:6px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,#fff,#fff 35px,#f2eeee 36px)} .trendBars i{display:block;width:24%;min-height:2px;border-radius:6px 6px 0 0}.trendBars .volume{background:#365d73}.trendBars .compliance{background:#5b9d50} .trendGrid article>b,.trendGrid article>span,.trendGrid article>small,.trendGrid article>em{text-align:center}.trendGrid article>span,.trendGrid article>small{font-size:11px;color:var(--muted)}.trendGrid article>em{font-style:normal;font-size:10px;font-weight:800}.trendGrid article>em.bad{color:#a9272a}.trendGrid article>em.ok{color:#4c8746} .managementHistory{margin-top:18px} @media(max-width:1100px){ .scheduleWeek{grid-template-columns:repeat(5,220px)} .dailyCloseGrid article{grid-template-columns:1fr 1fr}.dailyCloseGrid article>div,.dailyCloseGrid article label:last-child{grid-column:1/-1} } /* 7.0 · costeo mensual y planificador directo */ .managementTabsV70,.productionTabsV70{margin-bottom:28px} .standardWindowV70,.planningWindowV70{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 28px;padding:22px 26px;border:1px solid var(--line,#d9d6d1);border-left:8px solid #71825f;background:#f7f6f3} .standardWindowV70.closed{border-left-color:#29313d}.standardWindowV70.open{border-left-color:#c79b3b;background:#fffaf0} .standardWindowV70 div,.planningWindowV70 div{display:grid;gap:5px}.standardWindowV70 span,.planningWindowV70 span{font-size:12px;font-weight:800;letter-spacing:.16em;color:#9f312f}.standardWindowV70 b,.planningWindowV70 b{font-size:21px;color:#27303c}.standardWindowV70 small,.planningWindowV70 small{color:#746f68} .plannerPanelV70 .dataTable td{vertical-align:middle}.plannerPanelV70 .dataTable input,.plannerPanelV70 .dataTable select{min-width:126px}.plannerPanelV70 .dataTable td:nth-child(4) select{min-width:190px}.plannerPanelV70 .dataTable td:nth-child(7) input{min-width:180px} .privateBanner+.grid4{margin-top:24px} .costBreakdownV70{grid-column:1/-1;border-top:1px solid #d8d5cf;padding:16px 20px;background:#fbfaf8}.costBreakdownV70 summary{cursor:pointer;font-weight:800;color:#9f312f}.costBreakdownV70>div{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px 18px;margin-top:16px}.costBreakdownV70>div>:nth-child(-n+3){font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#777}.costBreakdownV70 b{color:#27303c} .costBasisNoteV95{grid-column:1/-1;padding-top:9px;border-top:1px solid #e2ded8;color:#776f66;font-size:10px;line-height:1.4} .todayReferenceV95{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;align-items:center;gap:18px;margin:12px 0;border:1px solid #cfd5dc;border-left:6px solid #4c6277;background:#edf2f7;padding:12px 16px}.todayReferenceV95>div{display:grid;gap:3px}.todayReferenceV95 span{font-size:9px;font-weight:900;letter-spacing:.1em;color:#5b6875}.todayReferenceV95 b{font-size:14px;color:#26313d}.todayReferenceV95 small{font-size:10px;color:#6e747a} @media(max-width:900px){.standardWindowV70,.planningWindowV70{align-items:flex-start;flex-direction:column}.plannerPanelV70 .tableWrap{overflow:auto}} @media(max-width:720px){ .scheduleLegend{display:none}.dailyClose .panelHead,.deliveryPlanner .panelHead{align-items:flex-start}.dailyClose .closeActions,.deliveryActions{width:100%} .dailyCloseGrid article{grid-template-columns:1fr}.dailyCloseGrid article>div,.dailyCloseGrid article label:last-child{grid-column:auto} .materialBars>div{grid-template-columns:115px 1fr}.materialBars>div>b{grid-column:2}.materialStack header{align-items:flex-start}.materialStack header>div:last-child{align-items:flex-end;flex-direction:column} } /* H&H v3.5 — bitácora operativa continua */ body.hhLedger{ background-color:var(--hh-canvas); background-image:linear-gradient(#ffffff40 1px,transparent 1px),linear-gradient(90deg,#ffffff40 1px,transparent 1px); background-size:28px 28px; } .hhLedger .appShell{grid-template-columns:226px 1fr;gap:0} .hhLedger .sidebar{ background:var(--hh-ink); border:0; border-right:7px solid var(--hh-red); padding:0 0 18px; } .hhLedger .logoRow .hhBrandLogo{display:block;width:88px;height:auto;max-height:52px;object-fit:contain;flex:0 0 88px} .topbarHeading{display:flex;align-items:center;gap:12px;min-width:0}.hhBrandMark{display:block;width:52px;height:auto;flex:0 0 52px} .hhLedger .logoRow{ min-height:104px; margin:0; padding:24px 22px; color:#fff; background:var(--hh-red); border-bottom:1px solid #ffffff38; } .hhLedger .wordmark{font-size:34px;letter-spacing:-3px} .hhLedger .logoRow span{color:#f3dfe0} .hhLedger .sidebar nav{gap:0;padding-top:16px;position:relative} .hhLedger .sidebar nav::before{content:"";position:absolute;left:31px;top:16px;bottom:0;border-left:1px solid #ffffff20} .hhLedger .navButton{ position:relative; z-index:1; min-height:49px; margin:0; padding:10px 17px; border-radius:0; color:#d9dde1; border:0; border-left:5px solid transparent; border-bottom:1px solid #ffffff0d; } .hhLedger .navButton:hover{background:#ffffff0a;color:#fff} .hhLedger .navButton .icon{ width:22px;height:22px;border-radius:0; background:var(--hh-ink);color:#aeb6bd; border:1px solid #727c86; } .hhLedger .navButton.active{ color:#fff;background:#ffffff10;border-left-color:var(--hh-green); } .hhLedger .navButton.active::after{content:"";position:absolute;right:0;top:0;bottom:0;border-right:4px solid var(--hh-paper)} .hhLedger .navButton.active .icon{background:var(--hh-red);border-color:var(--hh-red);color:#fff} .hhLedger .navSep{margin:18px 22px 7px;color:#929ba4;letter-spacing:1.7px} .hhLedger .sideFoot{border-top:1px solid #ffffff25;color:#c3c9ce;padding:16px 22px} .hhLedger .workspace{background:var(--hh-paper)} .hhLedger .topbar{ min-height:84px; padding:16px 3.2%; background:var(--hh-paper); border:0; border-bottom:3px solid var(--hh-ink); box-shadow:none; } .hhLedger .topbar::after{content:"";position:absolute;left:0;bottom:-3px;width:180px;border-bottom:3px solid var(--hh-red)} .hhLedger .topbar h1{font-size:20px;text-transform:uppercase;letter-spacing:.02em} .hhLedger .eyebrow{letter-spacing:2px} .hhLedger .weekPicker,.hhLedger .ghost,.hhLedger .primary,.hhLedger .secondary,.hhLedger .danger{ border-radius:2px;box-shadow:none; } .hhLedger .weekPicker{border-color:#a9aeb2;background:#fff} .hhLedger .primary{background:var(--hh-red);border-color:var(--hh-red)} .hhLedger .primary:hover{background:var(--hh-red-dark)} .hhLedger .secondary,.hhLedger .ghost{border-color:#8f969c} .hhLedger main{max-width:none;margin:0;padding:28px 3.2% 64px;counter-reset:hhsection} .hhLedger .hero{ position:relative; margin:0 0 18px; padding:21px 22px 19px; background:#f6f3ef; border:1px solid #cfc8c1; border-left:8px solid var(--hh-red); border-radius:0; } .hhLedger .hero::after{content:"H&H / CONTROL OPERATIVO";position:absolute;right:22px;bottom:8px;font-size:8px;font-weight:900;letter-spacing:1.8px;color:#b7ada6} .hhLedger .hero h2{font-size:27px;letter-spacing:-.6px} .hhLedger .grid4,.hhLedger .grid3,.hhLedger .grid2{gap:0;border:1px solid #cfc8c1;background:#fff;margin:0 0 14px} .hhLedger .kpi{ min-width:0; padding:14px 16px; border:0; border-radius:0; border-top:4px solid var(--hh-red); border-right:1px solid #d7d0ca; box-shadow:none; background:#fff; } .hhLedger .kpi:last-child{border-right:0} .hhLedger .kpi.green{border-top-color:var(--hh-green)} .hhLedger .kpi.gold{border-top-color:#d69b2d} .hhLedger .kpi.blue{border-top-color:#365d73} .hhLedger .kpi strong{font-size:23px;letter-spacing:-.5px} .hhLedger .panel{ position:relative; margin-top:14px; padding:0; background:#fff; border:1px solid #cfc8c1; border-radius:0; box-shadow:none; overflow:hidden; counter-increment:hhsection; } .hhLedger .panelHead{ min-height:62px; margin:0; padding:13px 16px 12px 58px; align-items:center; border-bottom:1px solid #bbb4ae; background:#f4f1ed; } .hhLedger .panelHead::before{ content:counter(hhsection,decimal-leading-zero); position:absolute;left:0;top:0;width:43px;height:61px; display:grid;place-items:center; color:#fff;background:var(--hh-ink); font-size:13px;font-weight:900;letter-spacing:1px; } .hhLedger .panelHead h3{font-size:14px;text-transform:uppercase;letter-spacing:.45px} .hhLedger .panelHead p{font-size:10px;margin-top:3px} .hhLedger .panelActions{align-items:center} .hhLedger .panel>.tableWrap,.hhLedger .panel>.scheduleWeek,.hhLedger .panel>.dailyCloseGrid,.hhLedger .panel>.materialStack,.hhLedger .panel>.ptCalendar,.hhLedger .panel>.trendGrid,.hhLedger .panel>.closeFoot,.hhLedger .panel>.callout,.hhLedger .panel>.formGrid,.hhLedger .panel>.costGrid{margin:0} .hhLedger .panel>.dailyCloseGrid,.hhLedger .panel>.materialStack,.hhLedger .panel>.trendGrid,.hhLedger .panel>.costGrid,.hhLedger .panel>.formGrid{padding:16px} .hhLedger .panel>.closeFoot{padding:0 16px 16px} .hhLedger .fileFlowGrid{gap:0;border:1px solid #cfc8c1;margin-bottom:14px} .hhLedger .fileFlow{border:0;border-right:1px solid #cfc8c1;border-radius:0;box-shadow:none;background:#fff} .hhLedger .fileFlow:last-child{border-right:0} .hhLedger .fileFlow header{border-radius:0} .hhLedger .summaryBar{gap:0;border:1px solid #d6cfc9} .hhLedger .summaryChip{border-radius:0;border-right:1px solid #d6cfc9;background:#f7f4f1} /* Hoja de cálculo: la información es una sola superficie, no tarjetas aisladas. */ .hhLedger .tableWrap{border:0;border-radius:0;overflow:auto;background:#fff} .hhLedger .dataTable{border-collapse:separate;border-spacing:0;min-width:900px} .hhLedger .dataTable th{ padding:10px 9px; background:var(--hh-ink); border-right:1px solid #5c6570; border-bottom:2px solid var(--hh-red); font-size:8px;letter-spacing:.75px; } .hhLedger .dataTable td{ height:41px; padding:5px 8px; border:0; border-right:1px solid var(--hh-grid); border-bottom:1px solid var(--hh-grid); background:#fff; } .hhLedger .dataTable tr:nth-child(even) td{background:#faf9f7} .hhLedger .dataTable tr:hover td{background:#f4f6f1} .hhLedger .dataTable input,.hhLedger .dataTable select,.hhLedger .dataTable textarea{ min-height:30px; padding:5px 6px; border:1px solid transparent; border-radius:0; background:var(--hh-edit); } .hhLedger .dataTable input:focus,.hhLedger .dataTable select:focus,.hhLedger .dataTable textarea:focus{ outline:2px solid var(--hh-red);outline-offset:-1px;background:#fff; } .hhLedger .dataTable input:disabled,.hhLedger .dataTable select:disabled,.hhLedger .dataTable textarea:disabled{background:transparent;color:var(--hh-ink);opacity:1} .hhLedger .minutePriority{border-top:6px solid var(--hh-red)} .hhLedger .minutePriority>.panelHead>span,.hhLedger .toteRule,.hhLedger .status{border-radius:2px} .hhLedger .minuteTable td:first-child{font-weight:900;background:#f0ede9!important;border-left:4px solid #8d949a} .hhLedger .minuteTable tr.overdue td:first-child{border-left-color:var(--hh-red);box-shadow:none} .hhLedger .minuteTable tr.finished{opacity:.57} .hhLedger .minuteTable tbody tr:last-child td{border-bottom:0} .hhLedger .copySheetButton{ order:20; padding:8px 10px; border:1px solid #879099; border-radius:2px; background:#fff; color:var(--hh-ink); font-size:9px; font-weight:900; letter-spacing:.3px; white-space:nowrap; } .hhLedger .copySheetButton::before{content:"▦";margin-right:6px;color:var(--hh-red);font-size:12px} .hhLedger .copySheetButton:hover{border-color:var(--hh-red);color:var(--hh-red)} /* Scheduling horizontal, unido como tablero de capacidad. */ .hhLedger .scheduleWeek{grid-template-columns:repeat(5,minmax(220px,1fr));gap:0;padding:0} .hhLedger .scheduleWeek article{ min-width:220px;padding:14px; border:0;border-right:1px solid #cbc4be;border-radius:0; background:#fff;box-shadow:none; } .hhLedger .scheduleWeek article:last-child{border-right:0} .hhLedger .scheduleWeek article.risk{border-color:#cbc4be;box-shadow:inset 0 5px var(--hh-red)} .hhLedger .scheduleWeek header{border-bottom:2px solid var(--hh-ink)} .hhLedger .scheduleTracks i,.hhLedger .scheduleTracks em{border-radius:0;height:9px} .hhLedger .scheduleWeek footer{border-top:1px solid #ddd7d1;padding-top:9px} .hhLedger .scheduleWeek footer span{border-radius:0;background:#f1eeea;border-left:3px solid #9ba2a8} .hhLedger .dailyCloseGrid{grid-template-columns:1fr;gap:0} .hhLedger .dailyCloseGrid article{ padding:10px 12px;border:0;border-bottom:1px solid var(--hh-grid);border-radius:0;background:#fff; } .hhLedger .dailyCloseGrid article:last-child{border-bottom:0} .hhLedger .dailyCloseGrid input,.hhLedger .deliveryTable input,.hhLedger .deliveryTable select,.hhLedger .qaTableV34 input,.hhLedger .qaTableV34 select, .hhLedger .quickFill,.hhLedger .removeRow{border-radius:0} /* Materiales como registro de coberturas ordenado, sin tarjetas. */ .hhLedger .materialStack{gap:0} .hhLedger .materialStack article{padding:14px 16px;border:0;border-bottom:1px solid #cfc8c1;border-radius:0;background:#fff} .hhLedger .materialStack article:last-child{border-bottom:0} .hhLedger .materialBars i,.hhLedger .materialBars em{border-radius:0;height:9px} .hhLedger .materialStack header strong{font-variant-numeric:tabular-nums} .hhLedger .ptCalendarHead,.hhLedger .ptCalendarRow{border-bottom:0} .hhLedger .ptCalendarHead{background:var(--hh-ink);color:#fff} .hhLedger .ptCalendarHead b{border-right:1px solid #59626c;border-bottom:2px solid var(--hh-red)} .hhLedger .ptCalendarRow>header,.hhLedger .ptCalendarRow>article{border-right:1px solid var(--hh-grid);border-bottom:1px solid var(--hh-grid);border-radius:0} .hhLedger .ptCalendarRow>header{background:#f1eeea} .hhLedger .trendGrid{gap:0;border-top:0} .hhLedger .trendGrid article{padding:10px;border-right:1px solid var(--hh-grid)} .hhLedger .trendGrid article:last-child{border-right:0} .hhLedger .trendBars{border-bottom:2px solid var(--hh-ink)} .hhLedger .trendBars i{border-radius:0} .hhLedger .callout,.hhLedger .privateBanner,.hhLedger .loginCard,.hhLedger .modal{border-radius:0;box-shadow:none} .hhLedger .loginGate{background-color:var(--hh-canvas);background-image:linear-gradient(#fff5 1px,transparent 1px),linear-gradient(90deg,#fff5 1px,transparent 1px);background-size:28px 28px} .hhLedger .loginCard{border-top-width:8px;border-left:1px solid #b9b1aa} .hhLedger .modal{border-top-width:7px} .hhLedger .formGrid input,.hhLedger .formGrid select,.hhLedger .formGrid textarea,.hhLedger .loginCard input{border-radius:0} .hhLedger .toast{border-radius:2px;border-left:5px solid var(--hh-green)} @media(max-width:1100px){ .hhLedger .appShell{grid-template-columns:82px 1fr} .hhLedger .sidebar nav::before{left:29px} .hhLedger .panelHead{padding-left:55px} } @media(max-width:720px){ .hhLedger .appShell{display:block} .hhLedger .sidebar{border-right:0;border-top:5px solid var(--hh-red);padding:0} .hhLedger .sidebar nav{padding:0} .hhLedger .sidebar nav::before{display:none} .hhLedger .navButton{border-left:0;border-top:3px solid transparent;border-bottom:0} .hhLedger .navButton.active{border-top-color:var(--hh-green)} .hhLedger .navButton.active::after{display:none} .hhLedger main{padding:18px 12px 82px} .hhLedger .hero{padding:18px 16px;border-left-width:6px} .hhLedger .hero::after{display:none} .hhLedger .grid4,.hhLedger .grid3,.hhLedger .grid2{display:grid;grid-template-columns:1fr} .hhLedger .kpi{border-right:0;border-bottom:1px solid var(--hh-grid)} .hhLedger .panelHead{align-items:flex-start;flex-direction:column;padding-right:12px} .hhLedger .copySheetButton{align-self:flex-start} } /* H&H v3.6 · Kardex, QA dual y control gerencial */ .hhLedger .materialLedger{border-top:6px solid var(--hh-green)} .hhLedger .materialLedgerTable{min-width:1380px} .hhLedger .materialLedgerTable td:first-child{min-width:190px;background:#f1eeea!important} .hhLedger .materialLedgerTable td:nth-child(5){min-width:220px} .hhLedger .materialLedgerTable tr.riskRow td{background:#fff5f3} .hhLedger .materialLedgerTable tr.riskRow td:first-child{border-left:5px solid var(--hh-red)} .hhLedger .materialLedgerTable input{font-variant-numeric:tabular-nums} .hhLedger .qaSubtabs{ margin:-1px 0 14px; padding:0; gap:0; border:1px solid #cfc8c1; background:#ece8e3; } .hhLedger .qaSubtabs button{ min-width:210px; padding:12px 18px; border:0; border-right:1px solid #c2bbb5; border-radius:0; background:transparent; color:var(--hh-ink); text-transform:uppercase; letter-spacing:.5px; } .hhLedger .qaSubtabs button.active{background:var(--hh-ink);color:#fff;box-shadow:inset 0 -4px var(--hh-green)} .hhLedger .incomingQaTable{min-width:1500px} .hhLedger .incomingQaTable td:nth-child(2),.hhLedger .incomingQaTable td:nth-child(9){min-width:190px} .hhLedger .managementHistory{border-top:5px solid var(--hh-ink)} .hhLedger .costBridge{border-radius:0} .hhLedger .costBridge>div{border-radius:0} @media(max-width:720px){ .hhLedger .qaSubtabs button{min-width:170px} } /* H&H v3.7 · KARDEX, compras, continuidad de PO y lectura ejecutiva del Site */ .hhLedger .moduleSubtabs{margin:-1px 0 14px;padding:0;gap:0;border:1px solid #cfc8c1;background:#ece8e3} .hhLedger .moduleSubtabs button{min-width:230px;padding:12px 18px;border:0;border-right:1px solid #c2bbb5;border-radius:0;background:transparent;color:var(--hh-ink);text-transform:uppercase;letter-spacing:.5px} .hhLedger .moduleSubtabs button.active{background:var(--hh-ink);color:#fff;box-shadow:inset 0 -4px var(--hh-green)} .hhLedger .kardexExplainer{display:grid;grid-template-columns:1fr 1fr;margin:0 0 14px;border:1px solid #cfc8c1;background:#fff} .hhLedger .kardexExplainer>div{display:grid;grid-template-columns:170px 1fr;gap:14px;padding:14px 16px;border-right:1px solid #d8d1cb} .hhLedger .kardexExplainer>div:last-child{border-right:0} .hhLedger .kardexExplainer b{text-transform:uppercase;font-size:12px;color:var(--hh-red)} .hhLedger .kardexExplainer span{font-size:13px;line-height:1.45;color:#5d6268} .hhLedger .purchaseOutput{border-top:6px solid var(--hh-green)} .hhLedger .orderLedger{border-top:6px solid var(--hh-red)} .hhLedger .orderLedger table{min-width:1500px} .hhLedger .deliveryPlanner table{min-width:1260px} .hhLedger .ptCompact{border-top:6px solid var(--hh-green)} .hhLedger .truckSetting{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;text-transform:uppercase;color:var(--hh-ink)} .hhLedger .truckSetting input{width:72px;padding:8px 9px;border:1px solid #9da1a5;background:#fff;text-align:right} .hhLedger .ptCompactTable{min-width:1280px} .hhLedger .ptCompactTable th,.hhLedger .ptCompactTable td{padding:9px 10px;text-align:center} .hhLedger .ptCompactTable th:first-child,.hhLedger .ptCompactTable td:first-child{text-align:left;min-width:180px} .hhLedger .ptCompactTable td input{width:92px;text-align:right} .hhLedger .ptCompactTable td small{display:block;margin-top:3px;color:#777;font-size:10px;white-space:nowrap} .hhLedger .ptCompactTable td.truckReady{background:#e6f3e8!important;box-shadow:inset 0 -3px var(--hh-green)} .hhLedger .ptCompactTable td.risk{background:#fae8e8!important;color:#991f25;box-shadow:inset 0 -3px var(--hh-red)} .hhLedger .ptLegend{display:flex;gap:24px;padding:11px 14px;border-top:1px solid #d8d1cb;font-size:11px;text-transform:uppercase;color:#60656a} .hhLedger .ptLegend span{display:flex;align-items:center;gap:7px} .hhLedger .ptLegend i{width:12px;height:12px;border:1px solid #aaa} .hhLedger .ptLegend i.ready{background:#e6f3e8;border-color:var(--hh-green)} .hhLedger .ptLegend i.risk{background:#fae8e8;border-color:var(--hh-red)} .hhLedger .qaDailyGrid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));border-top:1px solid #d8d1cb} .hhLedger .qaDailyGrid article{padding:14px;border-right:1px solid #d8d1cb;background:#fff} .hhLedger .qaDailyGrid article:last-child{border-right:0} .hhLedger .qaDailyGrid span,.hhLedger .qaDailyGrid small{display:block;color:#686d72} .hhLedger .qaDailyGrid b{display:block;margin:6px 0;font-size:24px;color:var(--hh-ink)} .hhLedger .qaDailyGrid article.complete{box-shadow:inset 0 4px var(--hh-green)} .hhLedger .qaDailyGrid article.pending{box-shadow:inset 0 4px #d79a2d} .hhLedger .qaTableV37{min-width:1580px} .hhLedger .sitePulse{border-top:7px solid var(--hh-red)} .hhLedger .pulseGrid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));border-top:1px solid #d8d1cb;border-bottom:1px solid #d8d1cb} .hhLedger .pulseGrid .kpi{margin:0;border:0;border-right:1px solid #d8d1cb;border-radius:0;box-shadow:none} .hhLedger .pulseGrid .kpi:last-child{border-right:0} .hhLedger .siteAlerts{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:0} .hhLedger .siteAlerts article{display:grid;grid-template-columns:10px 1fr;gap:12px;padding:13px 16px;border-right:1px solid #d8d1cb;border-bottom:1px solid #d8d1cb;background:#fff} .hhLedger .siteAlerts article i{width:8px;height:100%;background:#7b8085} .hhLedger .siteAlerts article.bad i{background:var(--hh-red)} .hhLedger .siteAlerts article.warn i{background:#d79a2d} .hhLedger .siteAlerts article.ok i{background:var(--hh-green)} .hhLedger .siteAlerts b,.hhLedger .siteAlerts span{display:block} .hhLedger .siteAlerts b{font-size:13px;text-transform:uppercase;color:var(--hh-ink)} .hhLedger .siteAlerts span{margin-top:3px;font-size:12px;color:#676c71} @media(max-width:1100px){.hhLedger .pulseGrid{grid-template-columns:repeat(3,1fr)}.hhLedger .qaDailyGrid{grid-template-columns:repeat(2,1fr)}} @media(max-width:760px){.hhLedger .kardexExplainer,.hhLedger .siteAlerts{grid-template-columns:1fr}.hhLedger .kardexExplainer>div{grid-template-columns:1fr;border-right:0;border-bottom:1px solid #d8d1cb}.hhLedger .pulseGrid{grid-template-columns:1fr 1fr}.hhLedger .moduleSubtabs button{min-width:160px}.hhLedger .ptLegend{flex-direction:column;gap:8px}} /* v3.8 · Control comercial de PT y embarques */ .salesSubtabs { grid-template-columns: minmax(220px, 1fr) minmax(160px, .62fr); } .quietAction { min-height: 34px; padding: 7px 12px; border: 1px solid #c8bfc0; background: #fff; color: #5c5556; font: inherit; font-size: 12px; font-weight: 750; cursor: pointer; } .quietAction:hover:not(:disabled) { border-color: #a72429; color: #a72429; } .ptLedger .panelHead { align-items: flex-start; } .ptInventoryTable input { width: 92px; } .ptInventoryTable td small { display: inline; margin-left: 5px; } .ptAdjustments { border-top: 1px solid #d9d1d2; background: #fbf8f8; } .adjustmentNotice { display: flex; gap: 16px; align-items: baseline; padding: 13px 18px; color: #625b5c; } .adjustmentNotice b { color: #9f2529; text-transform: uppercase; font-size: 11px; letter-spacing: .08em; } .dispatchBoard { display: grid; gap: 14px; } .shipmentCard { border-left: 4px solid #c6bebe; } .shipmentCard.ok { border-left-color: #4d8e66; } .shipmentCard.warn, .shipmentCard.bad { border-left-color: #aa292d; } .shipmentHead { display: grid; grid-template-columns: 1.05fr .9fr 1.1fr .75fr auto; gap: 14px; align-items: end; padding: 16px 18px; background: #f8f5f5; border-bottom: 1px solid #ddd5d5; } .shipmentHead > div:first-child, .shipmentHead > label { display: grid; gap: 6px; } .shipmentHead > div:first-child > span, .shipmentHead > label { color: #766e6f; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .shipmentHead input, .shipmentHead select { min-height: 36px; border: 1px solid #cfc7c7; background: #fff; padding: 7px 9px; color: #27303c; font: inherit; font-size: 13px; } .shipmentHead label input { width: 105px; } .shipmentHead label small { position: absolute; margin: 29px 0 0 68px; color: #8a8283; font-size: 10px; text-transform: none; letter-spacing: 0; } .truckFill { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; align-items: baseline; } .truckFill b { font-size: 18px; color: #27303c; } .truckFill span { font-size: 11px; color: #8f2227; } .shipmentCard.ok .truckFill span { color: #397454; } .truckFill i { grid-column: 1 / -1; display: block; height: 5px; overflow: hidden; background: #ded7d7; } .truckFill em { display: block; height: 100%; background: #a72429; } .shipmentCard.ok .truckFill em { background: #4d8e66; } .shipmentLines td:nth-child(4) input { width: 84px; } .shipmentFoot { display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 10px 18px; border-top: 1px solid #e3dddd; color: #81797a; font-size: 12px; } .shipmentCard.bad .shipmentFoot span, .shipmentCard.warn .shipmentFoot span { color: #9d2529; font-weight: 700; } @media (max-width: 1050px) { .shipmentHead { grid-template-columns: repeat(2, minmax(0, 1fr)); } .shipmentHead .confirmShipment { grid-column: 1 / -1; } } @media (max-width: 680px) { .salesSubtabs, .shipmentHead { grid-template-columns: 1fr; } .shipmentHead .confirmShipment { grid-column: auto; } .shipmentFoot { align-items: flex-start; flex-direction: column; } .adjustmentNotice { align-items: flex-start; flex-direction: column; gap: 4px; } } /* H&H v3.9 · libro comercial conectado */ .poBook{display:grid;gap:18px}.poSheet{border:1px solid var(--line);background:#fff}.poSheet.finished{opacity:.7}.poIdentity{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(180px,1.2fr) 160px 150px minmax(180px,1fr) 42px;gap:0;border-bottom:1px solid var(--line);background:#f5f3ef}.poIdentity label{display:grid;gap:5px;padding:12px;border-right:1px solid var(--line);color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.poIdentity input,.poIdentity select{width:100%;border:0;border-bottom:1px solid #a7abb0;border-radius:0;padding:7px 2px;background:transparent;color:var(--ink);font:inherit;text-transform:none;letter-spacing:0}.poIdentity .removeRow{align-self:stretch;border-radius:0}.poLines{margin:0}.poFoot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;border-top:1px solid var(--line)}.portfolioNote,.invoiceStrip{display:flex;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid var(--line);background:#f5f3ef}.portfolioNote b{color:var(--red)}.invoiceStrip{flex-wrap:wrap}.invoiceStrip>div{display:grid;gap:3px;margin-right:auto}.invoiceStrip span{color:var(--muted);font-size:9px}.shipmentStatus{min-width:110px} @media(max-width:1100px){.poIdentity{grid-template-columns:repeat(2,minmax(0,1fr))}.poIdentity .removeRow{min-height:42px}} /* H&H v3.10 · adaptación integral para tablet y celular */ html { overflow-x: hidden; -webkit-text-size-adjust: 100%; } body.hhLedger { min-width: 320px; } .hhLedger .workspace, .hhLedger main, .hhLedger .panel, .hhLedger .panelHead > div:first-child, .hhLedger .hero > div:first-child { min-width: 0; } .hhLedger .tableWrap, .hhLedger .scheduleWeek, .hhLedger .moduleSubtabs, .hhLedger .qaSubtabs, .hhLedger .subtabs { -webkit-overflow-scrolling: touch; overscroll-behavior-inline: contain; scrollbar-color: var(--hh-red) #e7e2dd; scrollbar-width: thin; } .hhLedger .tableWrap::-webkit-scrollbar, .hhLedger .scheduleWeek::-webkit-scrollbar, .hhLedger .moduleSubtabs::-webkit-scrollbar, .hhLedger .qaSubtabs::-webkit-scrollbar, .hhLedger .subtabs::-webkit-scrollbar { height: 8px; } .hhLedger .tableWrap::-webkit-scrollbar-thumb, .hhLedger .scheduleWeek::-webkit-scrollbar-thumb, .hhLedger .moduleSubtabs::-webkit-scrollbar-thumb, .hhLedger .qaSubtabs::-webkit-scrollbar-thumb, .hhLedger .subtabs::-webkit-scrollbar-thumb { background: var(--hh-red); } @media (max-width: 1180px) { .hhLedger .appShell { grid-template-columns: 76px minmax(0, 1fr); } .hhLedger .sidebar { width: 76px; } .hhLedger .logoRow { padding-inline: 12px; justify-content: center; } .hhLedger .logoRow .hhBrandLogo { max-width: 100%; flex-shrink: 1; } .hhLedger .logoRow > div:last-child, .hhLedger .navButton .label, .hhLedger .sideFoot small { display: none; } .hhLedger .navButton { justify-content: center; padding-inline: 10px; } .hhLedger .topbar { padding-inline: 22px; } .hhLedger main { padding-inline: 22px; } .hhLedger .topActions { gap: 8px; } .hhLedger .userChip { min-width: 112px; } .hhLedger .grid4, .hhLedger .pulseGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .hhLedger .fileFlowGrid { grid-template-columns: 1fr; } .hhLedger .fileFlow { border-right: 0; border-bottom: 1px solid #cfc8c1; } .hhLedger .fileFlow:last-child { border-bottom: 0; } .hhLedger .scheduleWeek { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(300px, 38vw); overflow-x: auto; scroll-snap-type: inline proximity; } .hhLedger .scheduleWeek article { min-width: 0; scroll-snap-align: start; } .hhLedger .qaDailyGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .hhLedger .siteAlerts, .hhLedger .narrativeGrid, .hhLedger .costGrid { grid-template-columns: 1fr; } .hhLedger .poIdentity { grid-template-columns: repeat(2, minmax(0, 1fr)); } .hhLedger .shipmentHead { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 760px) { body.hhLedger { --hh-mobile-nav:82px; background-image: none; } .hhLedger .appShell { display: block; } .hhLedger .workspace { padding-bottom: var(--hh-mobile-nav); } .hhLedger .sidebar { position: fixed; inset: auto 0 0; width: 100%; height: auto; padding: 0 0 env(safe-area-inset-bottom); border: 0; border-top: 4px solid var(--hh-red); z-index: 30; } .hhLedger .logoRow, .hhLedger .navSep, .hhLedger .sideFoot, .hhLedger .sidebar nav::before { display: none; } .hhLedger .sidebar nav { display: flex; gap: 0; padding: 0; overflow-x: auto; scrollbar-width: none; scroll-snap-type: inline proximity; } .hhLedger .sidebar nav::-webkit-scrollbar { display: none; } .hhLedger .navButton { flex: 0 0 84px; min-width: 84px; min-height: 62px; padding: 7px 4px 6px; flex-direction: column; justify-content: center; gap: 4px; border: 0; border-top: 3px solid transparent; scroll-snap-align: start; text-align: center; } .hhLedger .navButton .label { display: block; max-width: 78px; overflow: hidden; color: inherit; font-size: 9px; line-height: 1.05; text-overflow: ellipsis; white-space: nowrap; } .hhLedger .navButton .icon { width: 25px; height: 25px; flex: 0 0 25px; } .hhLedger .navButton.active { border-left: 0; border-top-color: var(--hh-green); } .hhLedger .navButton.active::after { display: none; } .hhLedger .topbar { position: sticky; top: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; min-height: 0; padding: 10px 12px; gap: 8px 10px; z-index: 20; } .hhLedger .topbar::after { width: 92px; } .hhLedger .eyebrow { margin-bottom: 3px; font-size: 7px; letter-spacing: 1.2px; } .hhLedger .topbar h1 { max-width: 48vw; overflow: hidden; font-size: 15px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; } .hhLedger .topActions { display: grid; grid-template-columns: minmax(118px, 1fr) 48px; gap: 6px; margin: 0; } .hhLedger .weekPicker { min-width: 0; padding: 5px 7px; } .hhLedger .weekPicker input { width: 100%; min-height: 24px; font-size: 10px; } .hhLedger .userChip { display: none; } .hhLedger #logoutButton { min-width: 48px; min-height: 44px; padding: 7px 6px; } .hhLedger main { padding: 14px 10px calc(var(--hh-mobile-nav) + 20px); } .hhLedger .hero { display: grid; gap: 13px; padding: 16px 14px; } .hhLedger .hero h2 { font-size: 21px; line-height: 1.1; } .hhLedger .hero p { font-size: 11px; } .hhLedger .heroActions, .hhLedger .panelActions, .hhLedger .fileActions, .hhLedger .modalActions { display: grid; grid-template-columns: 1fr; width: 100%; gap: 7px; } .hhLedger .heroActions > *, .hhLedger .panelActions > *, .hhLedger .fileActions > *, .hhLedger .modalActions > * { width: 100%; min-height: 44px; justify-content: center; } .hhLedger .grid4, .hhLedger .grid3, .hhLedger .grid2, .hhLedger .pulseGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .hhLedger .kpi { min-height: 96px; padding: 12px; border-right: 1px solid var(--hh-grid); border-bottom: 1px solid var(--hh-grid); } .hhLedger .kpi strong { margin-block: 7px 3px; font-size: 21px; } .hhLedger .panel { margin-top: 12px; } .hhLedger .panelHead { min-height: 58px; padding: 12px 11px 11px 53px; gap: 10px; } .hhLedger .panelHead::before { width: 42px; height: 57px; } .hhLedger .panelHead h3 { font-size: 13px; line-height: 1.25; } .hhLedger .panelHead p { font-size: 9px; line-height: 1.35; } .hhLedger .summaryBar, .hhLedger .ptLegend { display: grid; grid-template-columns: 1fr 1fr; gap: 0; } .hhLedger .summaryChip { min-width: 0; padding: 9px; border-right: 1px solid var(--hh-grid); border-bottom: 1px solid var(--hh-grid); } .hhLedger .moduleSubtabs, .hhLedger .qaSubtabs, .hhLedger .subtabs { position: sticky; top: 68px; z-index: 9; display: flex; gap: 0; margin-bottom: 10px; overflow-x: auto; background: #ece8e3; } .hhLedger .moduleSubtabs button, .hhLedger .qaSubtabs button, .hhLedger .subtabs button { flex: 0 0 auto; min-width: 154px; min-height: 44px; padding: 10px 12px; border-radius: 0; white-space: nowrap; } .hhLedger .tableWrap { position: relative; max-width: 100%; overflow-x: auto; border-top: 1px solid #cbc4be; border-bottom: 1px solid #cbc4be; background: linear-gradient(to right, #fff 92%, #eee9e4); touch-action: pan-x pan-y; } .hhLedger .dataTable, .hhLedger .minuteTable, .hhLedger .planTable, .hhLedger .deliveryTable, .hhLedger .materialLedgerTable, .hhLedger .incomingQaTable, .hhLedger .qaTable, .hhLedger .qaTableV34, .hhLedger .qaTableV37, .hhLedger .orderLedger table, .hhLedger .deliveryPlanner table, .hhLedger .ptCompactTable { min-width: 780px; } .hhLedger .materialLedgerTable, .hhLedger .incomingQaTable, .hhLedger .qaTableV37 { min-width: 980px; } .hhLedger .dataTable th, .hhLedger .dataTable td { padding: 8px 7px; } .hhLedger .dataTable th:first-child, .hhLedger .dataTable td:first-child { position: sticky; left: 0; z-index: 2; min-width: 112px; box-shadow: 2px 0 0 var(--hh-grid); } .hhLedger .dataTable th:first-child { z-index: 4; background: var(--hh-ink); } .hhLedger .dataTable td:first-child { background: #fff !important; } .hhLedger .dataTable tr:nth-child(even) td:first-child { background: #faf9f7 !important; } .hhLedger .dataTable input, .hhLedger .dataTable select, .hhLedger .dataTable textarea, .hhLedger .formGrid input, .hhLedger .formGrid select, .hhLedger .formGrid textarea, .hhLedger .dailyCloseGrid input, .hhLedger .shipmentHead input, .hhLedger .shipmentHead select { min-height: 44px; font-size: 16px; } .hhLedger .scheduleWeek { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(270px, 86vw); padding: 0 0 8px; scroll-snap-type: inline mandatory; } .hhLedger .scheduleWeek article { min-width: 0; padding: 14px 12px; scroll-snap-align: start; } .hhLedger .dailyCloseGrid article { grid-template-columns: 1fr; gap: 10px; } .hhLedger .dailyCloseGrid article > div, .hhLedger .dailyCloseGrid article label:last-child { grid-column: auto; } .hhLedger .materialStack article { padding: 12px; } .hhLedger .materialStack header { display: grid; grid-template-columns: 1fr auto; gap: 10px; } .hhLedger .materialStack header > div:last-child { align-items: flex-end; } .hhLedger .materialBars > div { grid-template-columns: 94px minmax(90px, 1fr); gap: 7px; } .hhLedger .materialBars > div > b { grid-column: 2; } .hhLedger .kardexExplainer { grid-template-columns: 1fr; } .hhLedger .kardexExplainer > div { grid-template-columns: 1fr; border-right: 0; border-bottom: 1px solid var(--hh-grid); } .hhLedger .qaDailyGrid { display: grid; grid-template-columns: 1fr; } .hhLedger .siteAlerts { grid-template-columns: 1fr; } .hhLedger .poIdentity, .hhLedger .shipmentHead, .hhLedger .salesSubtabs { grid-template-columns: 1fr; } .hhLedger .poIdentity label { min-height: 68px; border-right: 0; border-bottom: 1px solid var(--hh-grid); } .hhLedger .poIdentity input, .hhLedger .poIdentity select { min-height: 42px; font-size: 16px; } .hhLedger .poFoot, .hhLedger .portfolioNote, .hhLedger .invoiceStrip, .hhLedger .shipmentFoot, .hhLedger .adjustmentNotice { align-items: stretch; flex-direction: column; gap: 8px; } .hhLedger .poFoot > *, .hhLedger .portfolioNote > *, .hhLedger .invoiceStrip > button, .hhLedger .shipmentFoot > button { width: 100%; min-height: 44px; } .hhLedger .shipmentHead .confirmShipment { grid-column: auto; } .hhLedger .shipmentHead label input { width: 100%; } .hhLedger .shipmentHead label small { position: static; margin: 0; } .hhLedger .ptLegend { padding: 10px 12px; } .hhLedger .ptCalendar { min-width: 940px; } .hhLedger .trendGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .hhLedger .trendGrid article { min-height: 210px; } .hhLedger .formGrid, .hhLedger .miniGrid, .hhLedger .parameterStrip, .hhLedger .materialCostGrid, .hhLedger .costSummaryGrid, .hhLedger .orderRisk, .hhLedger .narrativeGrid { grid-template-columns: 1fr; } .hhLedger .formGrid .full, .hhLedger .miniGrid .full { grid-column: auto; } .hhLedger .modalWrap { place-items: end center; padding: 0; z-index: 50; } .hhLedger .modal { width: 100%; max-height: 92dvh; padding: 20px 14px calc(16px + env(safe-area-inset-bottom)); border-right: 0; border-bottom: 0; border-left: 0; } .hhLedger .uploadSummary { grid-template-columns: 1fr 1fr; } .hhLedger .loginGate { align-items: center; padding: 14px; } .hhLedger .loginCard { width: min(100%, 430px); padding: 26px 20px; } .hhLedger .loginCard input, .hhLedger .loginCard button { min-height: 48px; font-size: 16px; } .hhLedger .toast { right: 10px; bottom: calc(var(--hh-mobile-nav) + env(safe-area-inset-bottom) + 10px); left: 10px; padding: 12px; text-align: center; } } @media (max-width: 420px) { .hhLedger .topbar { grid-template-columns: minmax(0, 1fr) 132px; } .hhLedger .topActions { grid-template-columns: 1fr; } .hhLedger .moduleSubtabs, .hhLedger .qaSubtabs, .hhLedger .subtabs { top: 103px; } .hhLedger .grid4, .hhLedger .grid3, .hhLedger .grid2, .hhLedger .pulseGrid, .hhLedger .summaryBar, .hhLedger .ptLegend { grid-template-columns: 1fr 1fr; } .hhLedger .trendGrid { grid-template-columns: 1fr; } } @media (hover: none) and (pointer: coarse) { .hhLedger button, .hhLedger a.buttonLink, .hhLedger input, .hhLedger select { touch-action: manipulation; } .hhLedger .ghost, .hhLedger .primary, .hhLedger .secondary, .hhLedger .danger, .hhLedger .quietAction, .hhLedger .copySheetButton { min-height: 44px; } } @media (prefers-reduced-motion: reduce) { .hhLedger *, .hhLedger *::before, .hhLedger *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } /* H&H 4.1 — continuidad visual, hojas operativas y módulos funcionales */ .hero { border-radius:0; border-top:4px solid var(--hh-red); background:var(--hh-paper); box-shadow:none; } .fileFlow a[href="plantillas/"] { display:none; } .panel,.kpi,.fileFlow,.poSheet,.shipmentLine { border-radius:0!important; box-shadow:none!important; } .panel { border:1px solid var(--hh-line); margin-top:18px; } .dataTable { min-width:100%; border-collapse:collapse; } .dataTable th { position:sticky; top:0; z-index:1; background:#f0eeeb; border:1px solid var(--hh-line); font-size:11px; letter-spacing:.06em; } .dataTable td { border:1px solid #ddd8d3; vertical-align:middle; } .dataTable input,.dataTable select { min-width:90px; border:0; border-bottom:1px solid #aaa; border-radius:0; background:transparent; padding:8px 5px; } .dataTable input:focus,.dataTable select:focus { outline:2px solid rgba(165,43,46,.25); background:#fff; } .subtabs { display:flex; border-bottom:2px solid var(--hh-ink); margin:16px 0 0; gap:0; overflow:auto; } .subtabs button { border:1px solid var(--hh-line); border-bottom:0; border-radius:0; background:#eeeae7; padding:12px 20px; white-space:nowrap; } .subtabs button.active { color:#fff; background:var(--hh-ink); } .executiveStrip { display:grid; grid-template-columns:repeat(5,minmax(150px,1fr)); border:1px solid var(--hh-line); margin-top:16px; background:#fff; } .executiveStrip .kpi { margin:0; border:0; border-right:1px solid var(--hh-line); border-top:4px solid var(--hh-ink); } .executiveStrip .kpi:last-child { border-right:0; } .decisionRows { display:grid; grid-template-columns:repeat(5,1fr); } .decisionRow { padding:16px; border-right:1px solid var(--hh-line); min-height:120px; display:flex; flex-direction:column; gap:10px; } .decisionRow:last-child { border-right:0; } .decisionRow.bad { border-top:4px solid var(--hh-red); }.decisionRow.ok { border-top:4px solid var(--hh-green); } .siteTrend { min-height:220px; display:flex; align-items:flex-end; gap:8px; padding:30px 18px 12px; border-top:1px solid var(--hh-line); overflow:auto; } .siteTrend article { flex:1 0 66px; height:170px; display:grid; grid-template-rows:auto 1fr auto auto; text-align:center; gap:4px; } .siteTrend article i { width:28px; align-self:end; justify-self:center; background:linear-gradient(var(--hh-red),#d2a7a5); min-height:8px; } .siteTrend small { color:#706965; } .sheetFilters { display:flex; gap:0; border:1px solid var(--hh-line); background:#fff; margin-top:16px; } .sheetFilters label { padding:10px 14px; border-right:1px solid var(--hh-line); display:flex; gap:10px; align-items:center; } .sheetFilters select { border:0; border-bottom:1px solid var(--hh-ink); border-radius:0; } .ledgerTable small { display:block; color:#7b746e; } .purchaseTable { min-width:1500px; } .purchaseTable tr.suggested { background:#fff8e8; } .compactPt .dataTable { min-width:1100px; } .shipmentLedger { display:grid; gap:0; } .shipmentLine { display:grid; grid-template-columns:140px minmax(190px,1.2fr) minmax(180px,1fr) 100px 85px 80px 140px auto auto; align-items:center; gap:8px; padding:10px; border-bottom:1px solid var(--hh-line); background:#fff; } .shipmentLine.risk { border-left:5px solid var(--hh-red); } .shipmentLine label { display:flex; align-items:center; gap:5px; font-size:11px; }.shipmentLine input,.shipmentLine select { width:100%; } .costInputGrid { display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid var(--hh-line); } .costInputGrid label { padding:12px; border-right:1px solid var(--hh-line); border-bottom:1px solid var(--hh-line); font-size:12px; } .costInputGrid input { display:block; width:100%; margin-top:7px; border:0; border-bottom:1px solid var(--hh-ink); border-radius:0; } /* Scheduling: los seis días siempre en una sola banda horizontal. */ .dailySchedule,.weekSchedule,.scheduleGrid,.horizontalSchedule,.scheduleV33,.scheduleWeek { display:grid!important; grid-template-columns:repeat(6,minmax(190px,1fr))!important; overflow-x:auto!important; } .dailySchedule article,.weekSchedule article,.scheduleGrid article,.horizontalSchedule article,.scheduleV33 article,.scheduleWeek article { min-width:190px!important; padding:16px!important; } .dailySchedule h3,.weekSchedule h3,.scheduleGrid h3,.horizontalSchedule h3,.scheduleV33 h3,.scheduleWeek h3 { font-size:19px!important; } @media (max-width:1180px) { .executiveStrip { grid-template-columns:repeat(3,1fr); }.decisionRows { grid-template-columns:repeat(3,1fr); } .shipmentLine { grid-template-columns:130px 1fr 1fr 90px 80px; }.shipmentLine>*:nth-child(n+6){ grid-column:auto; } .costInputGrid { grid-template-columns:repeat(3,1fr); } } @media (max-width:760px) { .executiveStrip { display:flex; overflow-x:auto; }.executiveStrip .kpi { min-width:210px; } .decisionRows { display:block; }.decisionRow { min-height:auto; border-right:0; border-bottom:1px solid var(--hh-line); } .sheetFilters { overflow-x:auto; }.sheetFilters label { min-width:220px; } .shipmentLine { grid-template-columns:1fr 1fr; }.shipmentLine>* { min-width:0; }.shipmentLine>b { grid-column:1/-1; } .costInputGrid { grid-template-columns:1fr 1fr; } .panelHead { align-items:flex-start; }.panelHead .copySheetButton { margin-top:6px; } } @media (max-width:480px) { .costInputGrid { grid-template-columns:1fr; }.heroActions { width:100%; }.heroActions button { flex:1; } } /* H&H 4.2 · OdC persistentes, entregas mixtas y autoguardado */ .autosaveState{display:inline-flex;align-items:center;gap:7px;color:#d7dce2}.autosaveState.pending{color:#efc875}.autosaveState.saving{color:#8fd5ce}.autosaveState.error{color:#ff9c9c} .autosaveState::before{content:"";width:7px;height:7px;background:currentColor;display:inline-block} .orderBookV42{display:grid;gap:16px}.orderSheetV42{border:1px solid var(--line);background:#fff}.orderHeadV42{display:grid;grid-template-columns:150px minmax(180px,1fr) 170px 150px minmax(180px,1fr);background:#f3f1ed;border-bottom:1px solid var(--line)} .orderHeadV42 label{display:grid;gap:5px;padding:12px;border-right:1px solid var(--line);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)} .orderHeadV42 input,.orderHeadV42 select{width:100%;border:0;border-bottom:1px solid #9ea4aa;border-radius:0;background:transparent;padding:7px 1px;font:inherit;color:var(--ink);text-transform:none;letter-spacing:0} .orderLineBlank{background:#faf9f7}.orderLineBlank td:first-child::before{content:"Disponible";color:#a1a5aa;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase} .masterStatus{display:grid;gap:4px}.masterStatus small{color:var(--muted)} .deliveryLayout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.deliveryBoard{display:grid;gap:18px}.deliveryTruck{border:1px solid var(--line);background:#fff;box-shadow:7px 7px 0 #e8e5df} .truckCab{display:grid;grid-template-columns:minmax(155px,.75fr) 120px 120px minmax(160px,1fr);border-bottom:1px solid var(--line);background:var(--ink);color:#fff} .truckCab label{display:grid;gap:4px;padding:12px;border-right:1px solid #535b65;color:#cbd0d7;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.truckCab input,.truckCab select{border:0;border-bottom:1px solid #aeb5be;border-radius:0;background:transparent;color:#fff;padding:7px 0;font:inherit}.truckCab strong{display:flex;align-items:center;justify-content:center;padding:12px;font-size:20px} .truckGauge{height:8px;background:#e3e5e6}.truckGauge i{display:block;height:100%;background:var(--green)}.truckGauge.over i{background:var(--red)} .legoWorkspace{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.5fr);min-height:260px}.ptShelf{padding:14px;border-right:1px solid var(--line);background:#f5f3ef}.ptShelf h4,.truckBay h4{margin:0 0 10px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.ptBricks{display:grid;gap:8px}.ptBrick{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;border:1px solid #c7c3bd;background:#fff;padding:9px;cursor:grab;text-align:left}.ptBrick::before{content:"";width:10px;height:100%;background:var(--red)}.ptBrick b{font-size:11px}.ptBrick small{display:block;color:var(--muted);font-size:9px}.ptBrick button{border:0;background:var(--ink);color:#fff;padding:8px;font-weight:900}.ptBrick.disabled{opacity:.45;cursor:not-allowed}.ptBrick.disabled button{pointer-events:none} .truckBay{padding:14px;position:relative;background:repeating-linear-gradient(0deg,#fff 0,#fff 35px,#f0efec 36px)}.truckBay.dropReady{outline:3px solid var(--green);outline-offset:-5px}.cargoStack{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:9px}.cargoBrick{border:2px solid var(--ink);background:#fff;padding:10px;box-shadow:4px 4px 0 #d8d5cf}.cargoBrick header{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding-bottom:6px}.cargoBrick b{font-size:11px}.cargoBrick small{display:block;color:var(--muted);font-size:9px}.cargoQty{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.cargoQty strong{font-size:19px}.cargoQty button{width:30px;height:30px;border:1px solid var(--ink);background:#fff;font-weight:900}.truckEmpty{display:grid;place-items:center;min-height:160px;color:var(--muted);text-align:center;border:2px dashed #c8c6c1;background:rgba(255,255,255,.7)} .truckActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid var(--line);background:#f5f3ef}.truckActions .spacer{flex:1}.invoiceRail{position:sticky;top:92px;border:1px solid var(--line);background:#fff}.invoiceRail>header{padding:14px;background:var(--red);color:#fff}.invoiceRail>header h3{margin:0}.invoiceRail>header p{margin:4px 0 0;font-size:11px;color:#f4dada}.invoiceQueue{display:grid}.invoiceJob{display:grid;gap:8px;padding:13px;border-bottom:1px solid var(--line)}.invoiceJob time{font-size:10px;color:var(--muted);font-weight:900}.invoiceJob b{font-size:12px}.invoiceJob small{color:var(--muted)}.invoiceJob .jobActions{display:flex;gap:7px;flex-wrap:wrap}.invoiceJob button{padding:8px 10px;font-size:10px}.invoiceKpi{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--line);background:#f5f3ef}.invoiceKpi strong{font-size:24px} .deliveryStockStrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--line);margin-bottom:18px}.deliveryStockStrip article{padding:12px;border-right:1px solid var(--line)}.deliveryStockStrip article:last-child{border-right:0}.deliveryStockStrip b{display:block;font-size:11px}.deliveryStockStrip strong{font-size:20px}.deliveryStockStrip small{display:block;color:var(--muted)} @media(max-width:1100px){.deliveryLayout{grid-template-columns:1fr}.invoiceRail{position:static}.orderHeadV42{grid-template-columns:1fr 1fr}.orderHeadV42 label{border-bottom:1px solid var(--line)}.legoWorkspace{grid-template-columns:1fr}.ptShelf{border-right:0;border-bottom:1px solid var(--line)}.ptBricks{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}} @media(max-width:700px){.truckCab{grid-template-columns:1fr 1fr}.legoWorkspace{display:block}.cargoStack{grid-template-columns:1fr}.deliveryTruck{box-shadow:none}.orderHeadV42{grid-template-columns:1fr}.deliveryStockStrip{grid-template-columns:1fr 1fr}.ptBricks{grid-template-columns:1fr}.truckActions button{flex:1 1 140px}} /* Ajustes de composición para la estructura funcional v4.2 */ .truckCab{grid-template-columns:minmax(155px,.75fr) 140px minmax(190px,1fr) 135px;align-items:stretch} .truckGauge{position:relative;display:grid;grid-template-columns:1fr auto;align-content:center;gap:4px 10px;height:auto;padding:12px;background:#202833;overflow:hidden} .truckGauge i{position:absolute;left:0;bottom:0;height:5px}.truckGauge b{font-size:13px}.truckGauge span{font-size:11px;color:#cbd0d7}.truckCab>.status{align-self:center;justify-self:center;margin:10px} .ptShelf{display:grid;align-content:start;gap:8px}.ptBrick{grid-template-columns:1fr auto;border-left:10px solid var(--red)}.ptBrick::before{display:none}.ptBrick b{grid-column:1}.ptBrick span{grid-column:1;color:var(--muted);font-size:9px}.ptBrick strong{grid-column:2;grid-row:1/3;font-size:11px}.ptBrick:disabled{opacity:.45;cursor:not-allowed} .cargoBrick{display:grid;grid-template-columns:1fr auto 30px;align-items:center;gap:8px}.cargoBrick span{display:block;color:var(--muted);font-size:9px}.cargoBrick strong{font-size:16px;text-align:right}.cargoBrick strong small{display:block;color:var(--muted);font-size:9px}.cargoBrick>button{width:30px;height:30px;border:1px solid var(--ink);background:#fff;font-weight:900} .invoiceRail>h3{margin:0;padding:13px 14px;background:var(--red);color:#fff;font-size:14px}.invoiceJob>div:first-child{display:flex;justify-content:space-between;gap:8px}.invoiceJob span{color:var(--muted);font-size:10px}.invoiceJob>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.invoiceKpi{gap:2px 10px}.invoiceKpi small{grid-column:1/3;color:var(--muted)} .deliveryStockStrip strong,.deliveryStockStrip span{display:block}.deliveryStockStrip span{color:var(--muted);font-size:10px} @media(max-width:700px){.truckCab{grid-template-columns:1fr 1fr}.truckCab>.status{justify-self:start}.invoiceJob>div:first-child{display:grid}} /* H&H 4.4 · flujo operativo por pestañas */ .moduleTabsV44{margin:0 0 18px;border-bottom:2px solid var(--ink)} .moduleTabsV44 button{min-width:180px;border:0;border-right:1px solid var(--line);border-radius:0;background:#f0eeea;color:var(--ink);padding:13px 18px;font-weight:900;text-transform:uppercase;letter-spacing:.055em} .moduleTabsV44 button.active{background:var(--ink);color:#fff}.moduleTabsV44 small{margin-left:7px;color:inherit;opacity:.7} .deliveryLayout.programmingOnly{grid-template-columns:1fr}.deliveryLayout.billingOnly{grid-template-columns:1fr;max-width:980px;margin:0 auto} .deliveryLayout.billingOnly .invoiceRail{position:static;width:100%}.deliveryLayout.billingOnly .invoiceJob{grid-template-columns:minmax(180px,.8fr) 160px minmax(220px,1fr);align-items:center} .orderSummaryV44{width:100%;display:grid;grid-template-columns:130px minmax(160px,1fr) 145px 135px 140px 28px;align-items:center;gap:14px;border:0;border-radius:0;background:var(--ink);color:#fff;padding:13px 15px;text-align:left} .orderSummaryV44 b{font-size:15px}.orderSummaryV44 span,.orderSummaryV44 small{font-size:10px}.orderSummaryV44 em{font-style:normal;color:#d6dbe1}.orderSummaryV44 i{font-style:normal;font-size:18px;text-align:center} .orderBodyV44{display:none}.orderSheetV42.expanded .orderBodyV44{display:block}.orderSheetV42.expanded .orderSummaryV44{background:var(--red)} .orderLineActionsV44{display:flex;justify-content:flex-end;padding:10px 12px;border-top:1px solid var(--line);background:#f6f4f0}.removeOrderLineV44{width:30px;height:30px;border:1px solid var(--ink);background:#fff;font-weight:900} .identityPickerV44{display:grid;grid-template-columns:minmax(220px,420px) auto;gap:14px;align-items:end;padding:14px;border-bottom:1px solid var(--line);background:#f5f3ef}.identityPickerV44 label{display:grid;gap:6px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.identityPickerV44 select{border-radius:0} .identityPickerV44>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.identityPickerV44 small{color:var(--muted);font-size:10px} .formulaEmptyV44{padding:28px;text-align:center;color:var(--muted)}.formulaEmptyV44 b{display:block;color:var(--ink);margin-bottom:5px} .purchaseTabsV44{margin-bottom:0}.purchaseTabBadge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;background:rgba(255,255,255,.2);font-size:10px} .laborAreaV44{min-width:115px;border-radius:0} @media(max-width:900px){.orderSummaryV44{grid-template-columns:1fr 1fr 1fr}.orderSummaryV44 i{display:none}.deliveryLayout.billingOnly .invoiceJob{grid-template-columns:1fr}.identityPickerV44{grid-template-columns:1fr}} @media(max-width:650px){.moduleTabsV44{display:grid;grid-template-columns:1fr 1fr}.moduleTabsV44 button{min-width:0;padding:11px 8px;font-size:10px}.orderSummaryV44{grid-template-columns:1fr 1fr}.orderHeadV42{grid-template-columns:1fr}.identityPickerV44{padding:10px}.deliveryStockStrip{grid-template-columns:1fr 1fr}} /* H&H 4.5 · operación conectada */ .v45Hidden{display:none!important}.materialTabsV45{margin-bottom:18px}.materialTabsV45 button{min-width:180px} .coverageCardsV45{display:grid;gap:0}.coverageCardV45{border-bottom:1px solid var(--line);padding:18px 22px;background:#fff}.coverageCardV45:last-child{border-bottom:0}.coverageCardV45 header{display:flex;justify-content:space-between;gap:16px;align-items:center}.coverageCardV45 header b{display:block;font-size:16px}.coverageCardV45 header small{display:block;margin-top:4px;color:var(--muted)} .coverageMeterV45{height:12px;background:#e8e9e9;margin:14px 0;overflow:hidden}.coverageMeterV45 i{display:block;height:100%;background:var(--green)}.coverageCardV45.risk .coverageMeterV45 i{background:var(--red)}.coverageCardV45.excess .coverageMeterV45 i{background:#c68b2b}.coverageNumbersV45{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.coverageNumbersV45 strong,.coverageNumbersV45 span{font-size:18px}.coverageNumbersV45 small{display:block;margin-top:4px;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em} .purchaseControlV45{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px}.purchaseControlV45 .sheetFilters{margin:0}.bulkActionsV45{display:flex;align-items:center;gap:8px;padding:9px;background:var(--ink);color:#fff}.bulkActionsV45 select{min-width:210px;border-radius:0}.bulkActionsV45 span{padding:0 8px;font-size:11px}.roleNoticeV45{border-left:5px solid #c68b2b;background:#fff4df;padding:12px 16px;margin-bottom:12px;font-size:12px}.purchaseTableV45 td small{display:block;color:var(--muted);margin-top:3px}.purchaseTableV45 input:disabled{background:#f4f2ee;color:var(--ink);opacity:1} .removeProductV45{border:1px solid var(--red);background:#fff;color:var(--red);padding:7px 10px;font-weight:900}.dangerActionV45{border:1px solid var(--red);background:#fff;color:var(--red);padding:10px 13px;font-weight:900}.dangerActionV45:disabled{opacity:.35} .truckVisualV45{position:relative;display:grid;grid-template-columns:110px 1fr;min-height:94px;margin:0 18px 28px;padding-bottom:15px}.truckCabV45{position:relative;background:var(--red);color:#fff;border:4px solid var(--ink);border-right:0;display:grid;place-items:center;font-size:18px;font-weight:900}.truckCabV45:before{content:"";position:absolute;right:12px;top:12px;width:34px;height:25px;background:#dbe7e9;border:3px solid var(--ink)}.truckCabV45 i{position:absolute;left:-4px;bottom:-15px;width:22px;height:15px;background:var(--red);border:4px solid var(--ink);border-top:0}.truckCabV45 span{align-self:end;margin-bottom:13px}.truckTrailerV45{position:relative;overflow:hidden;border:4px solid var(--ink);background:repeating-linear-gradient(90deg,#f2f0eb 0,#f2f0eb calc(7.69% - 2px),#fff calc(7.69% - 2px),#fff 7.69%);display:flex;align-items:center;justify-content:center}.truckTrailerV45>i{position:absolute;inset:0 auto 0 0;opacity:.78;background:var(--red);transition:width .25s}.truckVisualV45.acceptable .truckTrailerV45>i{background:#c68b2b}.truckVisualV45.optimized .truckTrailerV45>i{background:var(--green)}.truckTrailerV45 b,.truckTrailerV45 small{position:relative;z-index:1;background:rgba(255,255,255,.9);padding:6px 9px}.truckTrailerV45 b{font-size:22px}.truckTrailerV45 small{font-weight:900;text-transform:uppercase}.truckWheelsV45{position:absolute;left:60px;right:28px;bottom:-4px;display:flex;justify-content:space-between}.truckWheelsV45 i{width:27px;height:27px;border-radius:50%;background:var(--ink);border:6px solid #646a70;box-shadow:0 0 0 3px #fff}.deliveryTruck.load-optimized{border-color:var(--green)}.deliveryTruck.load-acceptable{border-color:#c68b2b}.deliveryTruck.load-suboptimal{border-color:var(--red)} .deliveryLayout.billingOnlyV45{display:block!important;max-width:none!important;margin:0!important}.deliveryLayout.billingOnlyV45 .invoiceRail{position:static!important;width:100%!important;max-width:none;border:0;background:transparent}.billingSummaryV45{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-bottom:0}.billingSummaryV45>div{padding:17px;border-right:1px solid var(--line);background:#fff}.billingSummaryV45>div:last-child{border-right:0}.billingSummaryV45 span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:900}.billingSummaryV45 strong{display:block;font-size:28px;margin-top:5px}.invoiceQueueV45{border:1px solid var(--line);background:#fff}.invoiceCardV45{border-bottom:1px solid var(--line)}.invoiceCardV45:last-child{border-bottom:0}.invoiceCardV45 header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;padding:14px 18px;background:var(--ink);color:#fff}.invoiceCardV45.departed header{background:#2f654f}.invoiceCardV45 header span,.invoiceOrderV45 span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.05em;opacity:.72}.invoiceCardV45 header b{display:block;margin-top:4px}.invoiceOrderV45{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(300px,1.5fr) 130px;gap:18px;align-items:center;padding:18px}.invoiceOrderV45 small{display:block;color:var(--muted);margin-top:4px}.invoiceCargoV45{display:flex;gap:8px;flex-wrap:wrap}.invoiceCargoV45 span{border-left:4px solid var(--red);background:#f3f1ed;padding:8px 10px;font-size:10px}.invoiceCargoV45 span b{display:block;font-size:12px}.invoiceOrderV45>strong{font-size:22px;text-align:right}.invoiceOrderV45>strong small{font-size:10px}.invoiceCardV45 footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;background:#f7f5f1;border-top:1px solid var(--line)} @media(max-width:900px){.coverageNumbersV45{grid-template-columns:1fr 1fr}.purchaseControlV45{align-items:stretch;flex-direction:column}.bulkActionsV45{flex-wrap:wrap}.truckVisualV45{grid-template-columns:85px 1fr}.billingSummaryV45{grid-template-columns:1fr 1fr 1fr}.invoiceOrderV45{grid-template-columns:1fr}.invoiceOrderV45>strong{text-align:left}.invoiceCardV45 footer{justify-content:flex-start;flex-wrap:wrap}} @media(max-width:650px){.materialTabsV45{grid-template-columns:1fr}.materialTabsV45 button{min-width:0}.coverageNumbersV45{grid-template-columns:1fr 1fr}.billingSummaryV45{grid-template-columns:1fr}.billingSummaryV45>div{border-right:0;border-bottom:1px solid var(--line)}.invoiceCardV45 header{grid-template-columns:1fr}.truckVisualV45{grid-template-columns:70px 1fr;margin-inline:8px}.truckTrailerV45 small{display:none}} .summarySectionsV46 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line); background: #fff; } .summaryGroupV46 { min-width: 0; border-right: 1px solid var(--line); } .summaryGroupV46:last-child { border-right: 0; } .summaryGroupV46 h3 { margin: 0; padding: 13px 18px; border-bottom: 1px solid var(--line); color: #fff; background: var(--ink); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; } .summaryGroupV46.productivity h3 { background: #3f5a70; } .summaryGroupV46.cost h3 { background: #2c333f; } .summaryGroupV46.service h3 { background: var(--red); } .summaryGroupV46.inventory h3 { background: #657c56; } .summaryGroupV46 > div { display: grid; grid-template-columns: 1fr; } .summaryMetricV46 { min-height: 112px; padding: 18px; border-bottom: 1px solid var(--line); box-shadow: inset 4px 0 0 transparent; } .summaryMetricV46:last-child { border-bottom: 0; } .summaryMetricV46 span { display: block; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .summaryMetricV46 strong { display: block; margin: 9px 0 5px; color: var(--ink); font-size: clamp(24px, 2vw, 34px); line-height: 1; } .summaryMetricV46 small { color: var(--muted); font-size: 12px; } .summaryMetricV46.good { box-shadow: inset 4px 0 0 #6d9c59; } .summaryMetricV46.warn { box-shadow: inset 4px 0 0 #c89737; } .summaryMetricV46.bad { box-shadow: inset 4px 0 0 var(--red); } .orderUnitInputV46 { display: grid; grid-template-columns: minmax(92px, 1fr) auto; align-items: center; gap: 8px; } .orderUnitInputV46 small, .orderSheetV42 td small { color: var(--muted); white-space: nowrap; } .productMasterV46 .tableWrap { overflow-x: auto; } .productMasterV46 .dataTable { min-width: 1320px; } [data-v46-product][data-field="sku"] { min-width: 180px; } [data-v46-product][type="number"] { min-width: 105px; } @media (max-width: 1180px) { .summarySectionsV46 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .summaryGroupV46:nth-child(2) { border-right: 0; } .summaryGroupV46:nth-child(-n+2) { border-bottom: 1px solid var(--line); } } @media (max-width: 680px) { .summarySectionsV46 { grid-template-columns: 1fr; } .summaryGroupV46, .summaryGroupV46:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--line); } .summaryGroupV46:last-child { border-bottom: 0; } .summaryMetricV46 { min-height: 92px; } } .materialCodeV47 { display: inline-block; min-width: 118px; color: var(--navy, #28313d); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .04em; } .invoiceCardV47 .invoiceOrderV45 { border-bottom: 1px solid #d8d3ce; } .loadReconcileV47 { padding: 18px 30px 22px; background: #fbfaf8; border-bottom: 1px solid #d8d3ce; } .loadReconcileV47 h4 { margin: 0 0 12px; color: #9f302d; font-size: 12px; letter-spacing: .13em; text-transform: uppercase; } .loadLineV47 { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(190px, 260px); align-items: end; gap: 18px; padding: 10px 0; border-top: 1px solid #e3dfda; } .loadLineV47:first-of-type { border-top: 0; } .loadLineV47 > div { display: grid; gap: 3px; } .loadLineV47 > div b { color: #28313d; } .loadLineV47 > div span { color: #766f6b; font-size: 13px; } .loadLineV47 .loadEquivalenceV461 { color: #59636f; font-size: 11px; line-height: 1.35; } .loadLineV47 label { display: grid; grid-template-columns: 1fr 120px; align-items: center; gap: 10px; color: #766f6b; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; } .loadLineV47 input { width: 100%; min-width: 0; padding: 9px 10px; text-align: right; background: #fff; border: 1px solid #9ea4aa; border-radius: 0; font-size: 15px; font-weight: 800; } .loadLineV47 input:disabled { background: #ece9e5; color: #4c535c; } .invoiceCardV47.cargada { border-left: 5px solid #6c9859; } .invoiceCardV47.entregada { border-left: 5px solid #28313d; } .historyCol small { display: block; margin-top: 2px; color: #77716d; font-size: 11px; } @media (max-width: 760px) { .loadReconcileV47 { padding: 14px 16px 18px; } .loadLineV47 { grid-template-columns: 1fr; gap: 8px; } .loadLineV47 label { grid-template-columns: 1fr 130px; } .invoiceCardV47 footer { display: grid; grid-template-columns: 1fr; } .invoiceCardV47 footer button { width: 100%; } } .truckSummaryV48 { display: grid; grid-template-columns: minmax(190px, 1.25fr) minmax(110px, .65fr) minmax(160px, 1fr) minmax(220px, 1.35fr) auto auto; align-items: center; gap: 18px; min-height: 76px; padding: 12px 18px; background: #fff; border-left: 5px solid #6c9859; } .truckSummaryV48 > div { display: grid; gap: 3px; min-width: 0; } .truckSummaryV48 > div span { color: #817976; font-size: 10px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; } .truckSummaryV48 > div b { overflow: hidden; color: #28313d; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; } .compactTruckV48 { box-shadow: 4px 4px 0 #e8e5df; } .compactTruckV48 > .truckCab, .compactTruckV48 > .truckVisualV45, .compactTruckV48 > .legoWorkspace, .compactTruckV48 > .truckActions { display: none; } .compactTruckV48.expandedV48 > .truckCab { display: grid; } .compactTruckV48.expandedV48 > .truckVisualV45 { display: grid; } .compactTruckV48.expandedV48 > .legoWorkspace { display: grid; } .compactTruckV48.expandedV48 > .truckActions { display: flex; } .cancelledTruckV48 { order: 99; opacity: .72; box-shadow: none; } .cancelledTruckV48 .truckSummaryV48 { background: #f1efec; border-left-color: #8a8580; } .cancelledTruckV48 .truckSummaryV48 > div:first-child span { color: #8b2027; } @media (max-width: 1100px) { .truckSummaryV48 { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 700px) { .truckSummaryV48 { grid-template-columns: 1fr 1fr; gap: 10px; } .truckSummaryV48 > div:nth-child(3), .truckSummaryV48 > div:nth-child(4) { grid-column: 1 / -1; } .truckSummaryV48 .status, .truckSummaryV48 button { width: 100%; justify-content: center; } } .supplierTableV49 td { min-width: 150px; } .supplierTableV49 td:first-child { min-width: 190px; } .supplierTableV49 td:nth-child(3) { min-width: 230px; } .purchaseTableV45 td > span { display: block; margin-top: 2px; } .purchaseTableV45 td > b:empty { display: none; } .purchaseTableV45 td small { display: block; margin-top: 4px; color: #847c76; } .purchaseControlV45 .bulkActionsV45 { flex-wrap: wrap; } .purchaseControlV45 #preparePurchaseEmail { border-color: #a33031; color: #8f292a; } .purchaseTabsV44 { overflow-x: auto; } .purchaseTabsV44 button { flex: 0 0 auto; } @media (max-width: 760px) { .purchaseControlV45 { align-items: stretch; } .purchaseControlV45 .bulkActionsV45 { display: grid; grid-template-columns: 1fr; width: 100%; } .purchaseControlV45 .bulkActionsV45 button, .purchaseControlV45 .bulkActionsV45 select { width: 100%; } } .invoiceCardV50.compact { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 18px 20px; border: 1px solid var(--line, #d7d2cc); border-left: 5px solid var(--green, #659456); background: #fff; } .invoiceCardV50.compact > div:first-child { display: grid; gap: 4px; min-width: 0; } .invoiceCardV50.compact span { color: #76706b; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; } .invoiceCardV50.compact b { color: #263142; font-size: 20px; overflow-wrap: anywhere; } .invoiceCardV50.compact small { color: #746e68; } .invoiceCompactActionsV50 { display: flex; gap: 10px; } [data-v50-customer-email] { min-width: 310px; } [data-v50-material-supplier] { min-width: 180px; } @media (max-width: 760px) { .invoiceCardV50.compact { grid-template-columns: 1fr; } .invoiceCompactActionsV50 { display: grid; grid-template-columns: 1fr 1fr; } [data-v50-customer-email] { min-width: 240px; } } /* H&H Operación semanal 5.1 · control anual y trazabilidad */ .retentionBadgeV51 { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border: 1px solid var(--line, #d6d0ca); color: #5f5a56; background: #fff; font-size: 12px; font-weight: 800; letter-spacing: .04em; white-space: nowrap; } .annualControlV51 { margin-top: 22px; border-top: 5px solid #28313d; } .annualKpisV51 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--line, #d6d0ca); border-bottom: 1px solid var(--line, #d6d0ca); } .annualKpisV51 > div { min-height: 112px; padding: 22px 20px; border-right: 1px solid var(--line, #d6d0ca); } .annualKpisV51 > div:last-child { border-right: 0; background: #f2f0ed; } .annualKpisV51 span, .annualKpisV51 small { display: block; color: #77716c; } .annualKpisV51 span { margin-bottom: 10px; font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; } .annualKpisV51 b { display: block; color: #1e2b3b; font-size: clamp(24px, 2.25vw, 34px); line-height: 1; } .annualKpisV51 small { margin-top: 10px; font-size: 12px; } .closureChecksV51 { display: flex; gap: 0; flex-wrap: wrap; padding: 14px 20px; border-bottom: 1px solid var(--line, #d6d0ca); } .closureChecksV51 span { display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border-right: 1px solid #ddd7d1; font-size: 12px; font-weight: 800; } .closureChecksV51 span i { width: 8px; height: 8px; background: #a53233; } .closureChecksV51 span.ok i { background: #6b9854; } .annualTrendV51 { display: grid; grid-template-columns: repeat(56, minmax(3px, 1fr)); align-items: end; gap: 3px; min-height: 96px; padding: 18px 20px 20px; background: linear-gradient(to top, #f0eeeb 1px, transparent 1px) 0 0 / 100% 25%; } .annualTrendV51 > i { display: block; height: var(--value); min-height: 4px; background: #a53233; } .annualTrendV51 > i.warn { background: #c79a3b; } .annualTrendV51 > i.good { background: #6b9854; } .auditFiltersV51 { display: grid; grid-template-columns: 1fr 1.4fr 1.2fr 1.4fr; gap: 12px; padding: 16px 20px; border-top: 1px solid var(--line, #d6d0ca); border-bottom: 1px solid var(--line, #d6d0ca); background: #f5f3f0; } .auditFiltersV51 label { color: #77716c; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; } .auditFiltersV51 select, .auditFiltersV51 input { width: 100%; height: 40px; margin-top: 6px; padding: 0 10px; border: 1px solid #bdb6af; border-radius: 0; background: #fff; color: #1e2b3b; font: inherit; font-size: 13px; font-weight: 700; } .auditTableV51 { min-width: 1180px; } .auditTableV51 th { position: sticky; top: 0; z-index: 1; } .auditTableV51 td { vertical-align: top; } .auditTableV51 td:nth-child(8) { min-width: 230px; white-space: normal; } .auditQtyV51 { font-weight: 900; color: #547b42; white-space: nowrap; } .auditQtyV51.out { color: #a53233; } @media (max-width: 1100px) { .annualKpisV51 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .annualKpisV51 > div:nth-child(3) { border-right: 0; } .annualKpisV51 > div:nth-child(n+4) { border-top: 1px solid var(--line, #d6d0ca); } .auditFiltersV51 { grid-template-columns: 1fr 1fr; } } @media (max-width: 720px) { .annualControlV51 .panelHead { align-items: flex-start; } .retentionBadgeV51 { white-space: normal; } .annualKpisV51 { grid-template-columns: 1fr 1fr; } .annualKpisV51 > div { min-height: 96px; padding: 16px 14px; border-top: 1px solid var(--line, #d6d0ca); } .annualKpisV51 > div:nth-child(odd) { border-right: 1px solid var(--line, #d6d0ca); } .annualKpisV51 > div:nth-child(even) { border-right: 0; } .annualKpisV51 > div:first-child, .annualKpisV51 > div:nth-child(2) { border-top: 0; } .annualKpisV51 > div:last-child { grid-column: 1 / -1; } .closureChecksV51 { padding: 10px 12px; } .annualTrendV51 { grid-template-columns: repeat(28, minmax(4px, 1fr)); min-height: 110px; } .auditFiltersV51 { grid-template-columns: 1fr; padding: 14px; } .materialTabsV45 { overflow-x: auto; justify-content: flex-start; } .materialTabsV45 button { flex: 0 0 auto; } } /* H&H Operación semanal 5.2 · contacto de proveedores */ .supplierTableV49 { min-width: 1180px; } .supplierTableV49 th[data-v52-channel-header] { min-width: 175px; } .supplierTableV49 [data-v52-supplier-channel] { min-width: 150px; } .supplierTableV49 td small { display: block; margin-top: 5px; color: #77716c; font-size: 10px; line-height: 1.25; } #preparePurchaseEmail[title*="WhatsApp"] { border-color: #507b48; color: #3f6d38; } @media (max-width: 720px) { #preparePurchaseEmail { width: 100%; } } .purchaseTimingNote { display: block; margin-top: 5px; color: #6e6965; font-size: 11px; line-height: 1.25; } .purchaseTimingNote.risk { color: #9f2f30; font-weight: 700; } .accessAdminButton { width: 34px; min-width: 34px; height: 34px; padding: 0; border-color: #d7d1cc; color: #75706c; font-size: 14px; } .accessAdminButton:hover { border-color: #a43031; color: #a43031; } .accessAdminModal { width: min(1120px, 96vw); border-radius: 2px; } .accessAdminHead { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; margin-bottom: 15px; } .accessAdminHead p { max-width: 760px; margin-bottom: 0; } .accessSecurityNote { display: flex; align-items: center; gap: 16px; padding: 10px 12px; border: 1px solid #dfd9d3; border-left: 4px solid #5b8b50; background: #f6f5f2; color: #69645f; font-size: 10px; } .accessSecurityNote b { color: #28313d; white-space: nowrap; } .accessTableWrap { margin-top: 14px; border-radius: 0; } .accessTable { min-width: 1130px; } .accessTable th { position: static; } .accessTable td:nth-child(1) { width: 135px; } .accessTable td:nth-child(2) { width: 220px; } .accessTable td:nth-child(3) { width: 190px; } .accessTable td:nth-child(4) { width: 230px; } .accessTable td:nth-child(5) { width: 100px; } .accessTable td:nth-child(6) { width: 220px; } .accessTable td:nth-child(7) { width: 110px; } .accessTable td:last-child small { display: block; margin-top: 5px; color: #827c77; line-height: 1.25; } .accessTable input:disabled, .accessTable select:disabled { background: #efede9; color: #625d59; } .accessStatus { display: inline-flex; align-items: center; gap: 7px; font-size: 10px; font-weight: 800; } .accessStatus input { width: auto; min-width: 0; margin: 0; } .accessAdminActions { display: flex; justify-content: space-between; gap: 10px; margin-top: 15px; } @media (max-width: 720px) { .accessAdminButton { display: inline-grid; place-items: center; } .accessAdminModal { width: 100%; } .accessAdminHead, .accessSecurityNote, .accessAdminActions { align-items: stretch; flex-direction: column; } .accessTableWrap { max-height: 60dvh; } } /* H&H Operacion semanal 5.5 - fechas de Mexico */ .dateMxInput { min-width: 9.75rem; width: 100%; padding-right: 2.35rem !important; font-variant-numeric: tabular-nums; letter-spacing: .02em; } .dateMxControl { position: relative; display: inline-block; width: 100%; min-width: 9.75rem; } .dateMxControl::after { content: ""; position: absolute; top: 50%; right: .68rem; width: 1rem; height: 1rem; pointer-events: none; transform: translateY(-50%); opacity: .62; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E") center/contain no-repeat; } .dateMxPicker { position: absolute; inset: 0 0 0 auto; z-index: 2; width: 2.4rem !important; min-width: 0 !important; height: 100%; padding: 0 !important; border: 0 !important; opacity: 0; cursor: pointer; } .dateMxControl:has(.dateMxInput:disabled)::after { opacity: .28; } .dateMxControl:has(.dateMxInput:disabled) .dateMxPicker { pointer-events: none; } .dateMxInput.dateMxInvalid { border-color: #a43031 !important; box-shadow: inset 0 -2px 0 #a43031; } @media (max-width: 720px) { .dateMxInput { min-width: 8.75rem; font-size: 16px; } .dateMxControl { min-width: 8.75rem; } } /* H&H Operación semanal 5.6 · PT libre hoy */ .ptTodayPanelV56 { border-top: 4px solid #a43031; margin-top: 18px; } .ptTodayHeadV56 { align-items: center; background: #f4f2ef; border-bottom: 1px solid #c9c4bd; display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr) auto; padding: 24px 28px; } .ptTodayHeadV56 h3, .ptTodaySummaryTitleV56 h3 { color: #202938; font-size: clamp(24px, 2vw, 34px); margin: 4px 0 6px; text-transform: uppercase; } .ptTodayHeadV56 p, .ptTodaySummaryTitleV56 p { color: #716a65; margin: 0; } .sectionNumberV56, .ptTodaySummaryTitleV56 > div:first-child > span { color: #a43031; font-size: 11px; font-weight: 900; letter-spacing: .2em; } .ptTodayTotalsV56 { display: grid; grid-template-columns: repeat(3, minmax(110px, auto)); } .ptTodayTotalsV56 span { border-left: 1px solid #c9c4bd; color: #716a65; display: grid; gap: 2px; min-height: 54px; padding: 4px 22px; } .ptTodayTotalsV56 b { color: #202938; font-size: 21px; } .ptTodayTotalsV56 .risk b { color: #a43031; } .ptTodayWeekWarningV56 { align-items: center; background: #fff4d8; border-bottom: 1px solid #d0a345; display: flex; justify-content: space-between; padding: 10px 28px; } .ptTodayToolbarV56 { align-items: end; border-bottom: 1px solid #d9d5cf; display: grid; gap: 18px; grid-template-columns: minmax(240px, 1fr) minmax(190px, 280px); padding: 16px 28px; } .ptTodayToolbarV56 label { display: grid; gap: 6px; } .ptTodayToolbarV56 label span { color: #716a65; font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; } .ptTodayToolbarV56 input, .ptTodayToolbarV56 select { background: #fff; border: 1px solid #9ea4ab; border-radius: 0; min-height: 44px; padding: 8px 12px; width: 100%; } .ptTodayLedgerV56 { padding: 0 28px 22px; } .ptTodayItemV56 { border-bottom: 1px solid #d9d5cf; } .ptTodayItemV56[hidden] { display: none; } .ptTodayItemV56 summary { align-items: center; cursor: pointer; display: grid; gap: 18px; grid-template-columns: minmax(210px, 1.5fr) minmax(190px, .9fr) minmax(160px, .7fr) 18px; list-style: none; min-height: 84px; padding: 14px 0; } .ptTodayItemV56 summary::-webkit-details-marker { display: none; } .ptTodaySkuV56, .ptTodayPrimaryV56 { display: grid; gap: 3px; } .ptTodaySkuV56 b { color: #202938; font-size: 17px; } .ptTodaySkuV56 small, .ptTodayPrimaryV56 small { color: #7f7974; } .ptTodayPrimaryV56 b { color: #202938; font-size: 23px; } .ptTodayStateV56 { border-left: 4px solid #6f9b5f; color: #41693a; font-size: 12px; font-weight: 900; padding: 8px 10px; text-transform: uppercase; } .ptTodayItemV56.zero .ptTodayStateV56 { border-color: #9ea4ab; color: #716a65; } .ptTodayItemV56.risk .ptTodayStateV56 { border-color: #a43031; color: #a43031; } .ptTodayItemV56 summary > i { border-bottom: 2px solid #202938; border-right: 2px solid #202938; height: 9px; transform: rotate(45deg); transition: transform .16s ease; width: 9px; } .ptTodayItemV56[open] summary > i { transform: rotate(225deg); } .ptTodayBreakdownV56 { background: #f7f6f4; border-left: 4px solid #202938; display: grid; grid-template-columns: repeat(4, minmax(120px, 1fr)); margin: 0 0 18px; } .ptTodayBreakdownV56 span { border-right: 1px solid #d9d5cf; display: grid; gap: 4px; padding: 16px; } .ptTodayBreakdownV56 span.wide { grid-column: 1 / -1; border-top: 1px solid #d9d5cf; } .ptTodayBreakdownV56 small { color: #716a65; text-transform: uppercase; } .ptTodayBreakdownV56 b { color: #202938; } .ptTodayNoMatchV56 { color: #716a65; padding: 28px; text-align: center; } .ptAdjustmentPanelV56 { margin-top: 12px; } .ptAdjustmentPanelV56 .panelHead { padding-block: 14px; } .ptAdjustmentPanelV56 .deliveryStockStrip[hidden] { display: none !important; } .ptTodaySummaryV56 { background: #fff; border: 1px solid #c9c4bd; border-left: 7px solid #a43031; display: grid; grid-template-columns: minmax(270px, .75fr) minmax(0, 2fr); margin: 20px 0; } .ptTodaySummaryTitleV56 { background: #f4f2ef; border-right: 1px solid #c9c4bd; display: grid; gap: 20px; padding: 24px 26px; } .ptTodaySummaryTitleV56 > div:last-child { align-items: start; display: grid; gap: 4px; } .ptTodaySummaryTitleV56 > div:last-child > strong { color: #202938; font-size: 29px; } .ptTodaySummaryTitleV56 > div:last-child > small { color: #716a65; } .ptTodaySummaryTitleV56 button { margin-top: 10px; } .ptTodaySummaryRowsV56 { display: grid; grid-template-columns: repeat(3, minmax(155px, 1fr)); } .ptTodaySummaryRowsV56 > span { border-bottom: 1px solid #d9d5cf; border-right: 1px solid #d9d5cf; display: grid; gap: 4px; min-height: 108px; padding: 18px; } .ptTodaySummaryRowsV56 > span b { color: #716a65; font-size: 12px; text-transform: uppercase; } .ptTodaySummaryRowsV56 > span strong { color: #202938; font-size: 19px; } .ptTodaySummaryRowsV56 > span small { color: #7f7974; } .ptTodaySummaryRowsV56 > button { background: #f4f2ef; border: 0; color: #a43031; cursor: pointer; font-weight: 900; min-height: 56px; } @media (max-width: 1020px) { .ptTodayHeadV56 { grid-template-columns: 1fr; } .ptTodayTotalsV56 { grid-template-columns: repeat(3, 1fr); } .ptTodaySummaryV56 { grid-template-columns: 1fr; } .ptTodaySummaryTitleV56 { border-bottom: 1px solid #c9c4bd; border-right: 0; grid-template-columns: 1fr auto; } } @media (max-width: 720px) { .ptTodayHeadV56, .ptTodayToolbarV56 { padding-inline: 16px; } .ptTodayTotalsV56 { grid-template-columns: 1fr; } .ptTodayTotalsV56 span { border-bottom: 1px solid #d9d5cf; } .ptTodayToolbarV56 { grid-template-columns: 1fr; } .ptTodayLedgerV56 { padding-inline: 16px; } .ptTodayItemV56 summary { grid-template-columns: 1fr auto 14px; gap: 10px; } .ptTodayStateV56 { grid-column: 1 / 3; grid-row: 2; } .ptTodayBreakdownV56 { grid-template-columns: repeat(2, 1fr); } .ptTodaySummaryTitleV56 { grid-template-columns: 1fr; } .ptTodaySummaryRowsV56 { grid-template-columns: 1fr; } } .forgotPasswordLink { display: block; width: 100%; margin: 4px 0 0; padding: 8px 0 2px; border: 0; background: transparent; color: #8f292b; font: inherit; font-size: 12px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; } .myAccessButton { min-width: 76px; height: 34px; padding: 0 10px; border-color: #d7d1cc; color: #625d59; font-size: 10px; font-weight: 900; letter-spacing: .03em; } .credentialModal { width: min(510px, 94vw); border-radius: 2px; border-top: 6px solid #a42e30; padding: 28px 30px 26px; } .credentialHead h2, .credentialResult h2 { margin: 4px 0 8px; color: #28313d; } .credentialHead p, .credentialResult p { color: #6f6964; line-height: 1.55; } .credentialForm { display: grid; gap: 14px; margin-top: 22px; } .credentialForm label { display: grid; gap: 6px; color: #625d59; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; } .credentialForm input { height: 44px; border-radius: 0; border: 1px solid #cfc8c2; padding: 0 12px; font-size: 14px; text-transform: none; letter-spacing: normal; } .credentialForm input:focus { outline: 2px solid rgba(164, 46, 48, .18); border-color: #a42e30; } .credentialHelp { border-left: 3px solid #c99a3f; padding: 8px 10px; background: #f7f4ed; color: #6c665f; font-size: 11px; line-height: 1.45; } .credentialDivider { display: flex; align-items: center; gap: 10px; margin: 3px 0 -2px; color: #8a837d; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; } .credentialDivider::after { content: ""; height: 1px; flex: 1; background: #ded8d2; } .credentialResult { text-align: center; padding: 12px 5px 2px; } .credentialResult .primary { margin-top: 12px; } .credentialCheck, .credentialErrorMark { display: grid; place-items: center; width: 48px; height: 48px; margin: 0 auto 14px; border: 2px solid #5d8c51; color: #5d8c51; font-size: 24px; font-weight: 900; } .credentialErrorMark { border-color: #a42e30; color: #a42e30; } .credentialSpinner { display: block; width: 38px; height: 38px; margin: 4px auto 18px; border: 3px solid #ded8d2; border-top-color: #a42e30; border-radius: 50%; animation: v57spin .8s linear infinite; } .accessSecurityWarning { border-left-color: #c99a3f; background: #fbf6e9; } @keyframes v57spin { to { transform: rotate(360deg); } } @media (max-width: 720px) { .topActions { gap: 6px; } .myAccessButton { min-width: 34px; width: 34px; overflow: hidden; padding: 0; font-size: 0; } .myAccessButton::before { content: "🔑"; font-size: 14px; } .credentialModal { width: 100%; padding: 23px 20px; } .credentialForm .modalActions { display: grid; grid-template-columns: 1fr; } } .hhLedger .navButton .icon svg { width: 16px; height: 16px; display: block; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .hhLedger .navButton .icon { transition: color .15s ease, border-color .15s ease, background .15s ease; } .hhLedger .navButton:hover .icon { color: #fff; border-color: #9099a2; } .hhLedger .navButton.active .icon svg { stroke-width: 1.9; } @media (max-width: 720px) { .hhLedger .navButton .icon svg { width: 18px; height: 18px; } } /* H&H Operación semanal 5.9 · Entregas en tres tareas. */ .deliveryTabsV59 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .programmingStockV59 { align-items: stretch; background: #fff; border: 1px solid #c9c4bd; border-left: 5px solid #a43031; display: grid; grid-template-columns: minmax(190px, .7fr) minmax(360px, 2fr) auto; margin: 16px 0; min-height: 78px; } .programmingStockLeadV59 { background: #f4f2ef; border-right: 1px solid #d9d5cf; display: grid; gap: 2px; padding: 13px 17px; } .programmingStockLeadV59 > span { color: #a43031; font-size: 9px; font-weight: 900; letter-spacing: .16em; } .programmingStockLeadV59 > b { color: #202938; font-size: 21px; } .programmingStockLeadV59 > small { color: #716a65; font-size: 10px; } .programmingStockCodesV59 { display: grid; grid-template-columns: repeat(4, minmax(110px, 1fr)); } .programmingStockCodesV59 > span { border-right: 1px solid #e2ded9; display: grid; gap: 3px; padding: 13px 14px; } .programmingStockCodesV59 b { color: #716a65; font-size: 10px; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .programmingStockCodesV59 strong { color: #202938; font-size: 14px; } .programmingStockV59 > button { align-self: center; margin: 0 14px; white-space: nowrap; } .emptyStockV59 { grid-column: 1 / -1; } @media (max-width: 1100px) { .programmingStockV59 { grid-template-columns: 210px 1fr; } .programmingStockV59 > button { grid-column: 1 / -1; justify-self: end; margin: 8px 14px 12px; } .programmingStockCodesV59 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 720px) { .deliveryTabsV59 { grid-template-columns: 1fr; } .programmingStockV59 { grid-template-columns: 1fr; } .programmingStockLeadV59 { border-bottom: 1px solid #d9d5cf; border-right: 0; } .programmingStockCodesV59 { grid-template-columns: repeat(2, 1fr); } .programmingStockV59 > button { grid-column: auto; justify-self: stretch; } } /* H&H Operacion semanal 5.10 - camion fotografico y medidor de ocupacion. */ .truckVisualV45.truckPhotoV60 { display: block; margin: 0 18px 28px; min-height: 0; padding: 0; } .truckPhotoStageV60 { --load-color: #a43031; background: #eef0f1; border: 1px solid #8f969d; box-shadow: 7px 8px 0 rgba(32, 41, 56, .11); height: clamp(170px, 22vw, 245px); margin: 0; overflow: hidden; position: relative; } .truckPhotoV60.acceptable .truckPhotoStageV60 { --load-color: #c68b2b; } .truckPhotoV60.optimized .truckPhotoStageV60 { --load-color: #6d9a58; } .truckPhotoStageV60 > img { height: 100%; inset: 0; object-fit: cover; object-position: center 55%; position: absolute; width: 100%; } .truckPhotoBaseV60 { filter: grayscale(1) contrast(.85); opacity: .42; } .truckPhotoFillV60 { clip-path: inset(0 calc(100% - var(--truck-fill)) 0 0); filter: saturate(.86) contrast(1.02); transition: clip-path .35s ease; } .truckPhotoBrandV60 { align-items: center; background: rgba(164, 48, 49, .94); border-left: 4px solid #fff; color: #fff; display: flex; gap: 8px; left: 63%; padding: 7px 11px; position: absolute; top: 36%; transform: rotate(.5deg); } .truckPhotoBrandV60 b { font-size: clamp(18px, 2.2vw, 29px); letter-spacing: -.08em; } .truckPhotoBrandV60 small { font-size: clamp(7px, .75vw, 10px); font-weight: 900; letter-spacing: .13em; } .truckPhotoReadoutV60 { align-items: baseline; background: rgba(255, 255, 255, .93); border-left: 5px solid var(--load-color); bottom: 18px; color: #202938; display: flex; gap: 10px; left: 18px; padding: 8px 12px; position: absolute; } .truckPhotoReadoutV60 b { font-size: 25px; line-height: 1; } .truckPhotoReadoutV60 span { font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; } .truckPhotoProgressV60 { background: rgba(255, 255, 255, .7); bottom: 0; height: 8px; left: 0; position: absolute; right: 0; } .truckPhotoProgressV60 > span { background: var(--load-color); display: block; height: 100%; transition: width .35s ease; width: var(--truck-fill); } @media (max-width: 650px) { .truckVisualV45.truckPhotoV60 { margin-inline: 8px; } .truckPhotoStageV60 { height: 170px; } .truckPhotoBrandV60 { left: auto; right: 8%; top: 24%; } .truckPhotoBrandV60 small { display: none; } .truckPhotoReadoutV60 { bottom: 15px; left: 10px; } } /* H&H 5.11 · maestro de capacidad, rutas y plantilla viva */ .equipmentMasterV61 .dataTable,.routeMasterV61 .dataTable{min-width:1500px} .equipmentMasterV61 input,.equipmentMasterV61 select,.routeMasterV61 input,.routeMasterV61 select{min-width:92px} .routeMasterV61 select[multiple]{min-width:220px;height:76px;padding:6px} .routeMasterV61 td small,.equipmentMasterV61 td small{display:block;margin-top:5px;color:#77706b;font-size:11px;line-height:1.3} .removeMachineV61{width:34px;height:34px;border:1px solid #b9b5af;background:#fff;color:#9f2e2f;font-size:20px;cursor:pointer} .removeMachineV61:disabled{opacity:.35;cursor:not-allowed} .liveTemplateV61{min-width:220px} .routeSnapshotV61{display:grid;grid-template-columns:minmax(230px,1.2fr) repeat(4,minmax(180px,1fr));border:1px solid #c9c5bf;border-top:4px solid #2c3441;margin:0 0 18px;background:#fff} .routeSnapshotV61>div,.routeSnapshotV61>article{padding:16px 18px;border-right:1px solid #ddd8d2;min-width:0} .routeSnapshotV61>article:last-child{border-right:0} .routeSnapshotV61 span{display:block;color:#9f2e2f;font-size:11px;font-weight:800;letter-spacing:.14em} .routeSnapshotV61 b{display:block;margin:5px 0;color:#202a38;font-size:16px} .routeSnapshotV61 small{display:block;color:#77706b;line-height:1.35} .scheduleRouteV61 .scheduleWeek{grid-template-columns:repeat(6,minmax(210px,1fr));overflow-x:auto} .scheduleRouteV61 .scheduleWeek article{min-width:210px} .uploadConfirm .uploadEquipment>div{grid-template-columns:1.4fr .8fr 1fr 1.2fr} @media(max-width:1100px){.routeSnapshotV61{grid-template-columns:repeat(2,minmax(0,1fr))}.routeSnapshotV61>div{grid-column:1/-1}.scheduleRouteV61 .scheduleWeek{grid-template-columns:repeat(6,230px)}} @media(max-width:700px){.routeSnapshotV61{grid-template-columns:1fr}.routeSnapshotV61>div{grid-column:auto}.routeSnapshotV61>article,.routeSnapshotV61>div{border-right:0;border-bottom:1px solid #ddd8d2}.equipmentMasterV61 .panelHead,.routeMasterV61 .panelHead{align-items:flex-start}.liveTemplateV61{min-width:0;width:100%}} .cargoBrick .cargoMeasureV62 { display: grid; grid-template-columns: minmax(112px, .8fr) minmax(82px, .55fr) minmax(170px, 1.2fr); gap: 10px; align-items: end; min-width: min(520px, 54vw); } .cargoMeasureV62 label { display: grid; gap: 4px; color: #817974; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .cargoMeasureV62 select, .cargoMeasureV62 input { min-height: 36px; border: 1px solid #b9b5af; border-radius: 0; background: #fff; color: #222c3a; font: 700 14px/1.2 inherit; padding: 7px 9px; } .cargoMeasureV62 > span { display: grid; gap: 2px; align-content: center; min-height: 36px; padding-left: 12px; border-left: 3px solid #a52b2d; color: #222c3a; font-size: 13px; font-weight: 800; } .cargoMeasureV62 > span small { color: #817974; font-size: 11px; font-weight: 600; } .logisticsRuleV62 { display: grid; grid-template-columns: 1fr 1.25fr 1.5fr 2fr; border-top: 1px solid #c8c3bd; background: #f5f3f0; } .logisticsRuleV62 > * { padding: 14px 18px; border-right: 1px solid #d5d0ca; color: #5f5a56; font-size: 12px; } .logisticsRuleV62 > b { color: #a52b2d; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; } @media (max-width: 900px) { .cargoBrick .cargoMeasureV62 { grid-template-columns: 1fr 1fr; min-width: 0; width: 100%; } .cargoMeasureV62 > span { grid-column: 1 / -1; } .logisticsRuleV62 { grid-template-columns: 1fr 1fr; } } @media (max-width: 560px) { .cargoBrick .cargoMeasureV62, .logisticsRuleV62 { grid-template-columns: 1fr; } .cargoMeasureV62 > span { grid-column: auto; } } /* H&H 5.13 · transporte real, cubicaje y carga por tarima/caja */ .deliveryTabsV63{grid-template-columns:repeat(4,minmax(150px,1fr))} #newVehicleTypeV63{min-width:150px;align-self:stretch;border:1px solid var(--line);background:#fff;padding:0 38px 0 14px;font-weight:800;color:var(--ink)} .vehicleParametersV63 td:first-child b,.vehicleParametersV63 td:first-child small{display:block}.vehicleParametersV63 td:first-child small{margin-top:4px;color:var(--muted)} .vehicleParametersV63 input,.vehicleParametersV63 select{min-width:120px} .transportRulesV63{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:4px solid var(--red);background:#fff;margin-top:18px} .transportRulesV63 article{padding:20px;border-right:1px solid var(--line)}.transportRulesV63 article:last-child{border-right:0}.transportRulesV63 b,.transportRulesV63 span{display:block}.transportRulesV63 b{font-size:19px}.transportRulesV63 span{margin-top:6px;color:var(--muted)} .truckPhotoV60 .truckPhotoStageV60{height:220px;background:#fff;border:0;border-bottom:1px solid var(--line);overflow:hidden} .truckPhotoV60 .truckPhotoBaseV60{inset:8px 4%;width:92%;height:calc(100% - 32px);object-fit:contain;filter:none;opacity:1} .truckPhotoV60 .truckPhotoReadoutV60{right:18px;top:18px;left:auto;bottom:auto;min-width:148px;background:rgba(255,255,255,.94);border:1px solid var(--line);padding:10px 14px;color:var(--ink);box-shadow:0 6px 20px rgba(40,49,61,.12)} .truckPhotoV60 .truckPhotoReadoutV60 b{font-size:25px}.truckPhotoV60 .truckPhotoReadoutV60 span{font-size:11px;letter-spacing:.08em;text-transform:uppercase} .truckPhotoV60 .truckPhotoProgressV60{left:4%;right:4%;bottom:7px;height:8px;background:#e7e9e9;border:0}.truckPhotoV60 .truckPhotoProgressV60 span{background:var(--red)} .parcelV63 .truckPhotoProgressV60{display:none}.parcelV63 .truckPhotoReadoutV60{border-left:5px solid var(--blue)} .ptLoadChoiceV63{display:grid;grid-template-columns:minmax(92px,.42fr) minmax(0,1fr);border:1px solid var(--line);background:#fff;margin-bottom:8px}.ptLoadChoiceV63 .ptUnitV63{margin:0;border:0;border-right:1px solid var(--line);background:#f3f2ef;padding:10px;font-weight:900;color:var(--ink)}.ptLoadChoiceV63 .ptBrick{margin:0;border:0;min-width:0} .cargoMeasureV62{grid-template-columns:minmax(110px,.48fr) minmax(85px,.34fr) minmax(180px,1fr);gap:8px;align-items:end}.cargoMeasureV62 label{font-size:10px;letter-spacing:.04em}.cargoMeasureV62 select,.cargoMeasureV62 input{height:38px;padding:6px 9px}.cargoMeasureV62>span{padding:5px 0} .truckCab>label:first-child{min-width:150px}.truckCab select{background:#fff}.truckGauge{min-width:280px}.truckGauge span{white-space:normal} @media(max-width:900px){.deliveryTabsV63{grid-template-columns:1fr 1fr}.transportRulesV63{grid-template-columns:1fr}.transportRulesV63 article{border-right:0;border-bottom:1px solid var(--line)}.truckPhotoV60 .truckPhotoStageV60{height:180px}.cargoMeasureV62{grid-template-columns:1fr 1fr}.cargoMeasureV62>span{grid-column:1/-1}.truckCab{grid-template-columns:1fr 1fr}.truckGauge{min-width:0;grid-column:1/-1}} @media(max-width:600px){.deliveryTabsV63{display:grid;grid-template-columns:1fr}.ptLoadChoiceV63{grid-template-columns:1fr}.ptLoadChoiceV63 .ptUnitV63{border-right:0;border-bottom:1px solid var(--line)}.truckPhotoV60 .truckPhotoStageV60{height:150px}.truckPhotoV60 .truckPhotoReadoutV60{min-width:120px;padding:7px 9px}.truckPhotoV60 .truckPhotoReadoutV60 b{font-size:20px}.cargoMeasureV62{grid-template-columns:1fr}.cargoMeasureV62>span{grid-column:auto}.truckCab{grid-template-columns:1fr}} /* H&H 5.14 · inventario separado y bitácora compacta de embarques */ .compactShipmentV64 { margin: 8px 0; border: 1px solid var(--line); box-shadow: none; } .shipmentSummaryV64 { display: grid; grid-template-columns: minmax(190px, 1.15fr) minmax(105px, .55fr) minmax(210px, 1.3fr) minmax(185px, 1fr) minmax(130px, .62fr); align-items: center; gap: 12px; min-height: 60px; padding: 8px 14px; background: #fff; border-left: 5px solid var(--green); } .shipmentSummaryV64 > div { min-width: 0; } .shipmentSummaryV64 span, .shipmentSummaryV64 b, .shipmentSummaryV64 small { display: block; } .shipmentSummaryV64 span { margin-bottom: 2px; color: var(--muted); font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; } .shipmentSummaryV64 b { overflow: hidden; color: var(--ink); font-size: 13px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; } .shipmentSummaryV64 small { overflow: hidden; margin-top: 2px; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; } .shipmentIdentityV64 { padding-right: 8px; border-right: 1px solid var(--line); } .shipmentStatusV64 .status { width: 100%; justify-content: center; } .cancelledShipmentV64 { order: 99; opacity: .7; } .cancelledShipmentV64 .shipmentSummaryV64 { background: #f3f1ee; border-left-color: #88817d; } .compactShipmentV64 > .truckCab, .compactShipmentV64 > .truckVisualV45, .compactShipmentV64 > .legoWorkspace, .compactShipmentV64 > .truckActions { display: none !important; } @media (max-width: 1050px) { .shipmentSummaryV64 { grid-template-columns: 1fr .55fr 1.1fr 1fr; } .shipmentStatusV64 { grid-column: 1 / -1; } } @media (max-width: 700px) { .shipmentSummaryV64 { grid-template-columns: 1fr 1fr; gap: 8px; } .shipmentIdentityV64, .shipmentOrderV64, .shipmentStatusV64 { grid-column: 1 / -1; } .shipmentIdentityV64 { padding-right: 0; padding-bottom: 6px; border-right: 0; border-bottom: 1px solid var(--line); } } /* H&H 5.15 · rutas aplicables a todo el portafolio y selección explícita */ .routeSkuPickerV65 { min-width: 235px; } .routeSkuPickerV65 > button { width: 100%; min-height: 34px; border: 1px solid var(--line); background: #fff; color: var(--ink); font-size: 11px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; } .routeSkuPickerV65 > button.active { border-color: var(--red); background: var(--red); color: #fff; } .routeSkuPickerV65 > div { display: grid; grid-template-columns: 1fr; max-height: 132px; margin-top: 5px; overflow: auto; border: 1px solid var(--line); background: #fff; } .routeSkuPickerV65 label { display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: center; gap: 7px; min-height: 30px; padding: 4px 8px; border-bottom: 1px solid #ece9e4; color: var(--ink); font-size: 11px; font-weight: 750; } .routeSkuPickerV65 label:last-child { border-bottom: 0; } .routeSkuPickerV65 input { width: 15px; height: 15px; margin: 0; accent-color: var(--red); } .routeSkuPickerV65 + small { display: block; min-width: 235px; margin-top: 5px; } @media (max-width: 700px) { .routeSkuPickerV65, .routeSkuPickerV65 + small { min-width: 190px; } } /* H&H 5.16 · semaforo progresivo sobre la fotografia del transporte */ .truckPhotoStageV60 .truckArtV66 { --truck-load-color: #a43031; --truck-load-width: 0%; aspect-ratio: 1820 / 1024; display: block; height: calc(100% - 32px); left: 50%; max-width: 92%; position: absolute; top: 8px; transform: translateX(-50%); } .truckPhotoStageV60 .truckArtV66 > .truckPhotoBaseV60 { filter: none; height: 100%; inset: 0; object-fit: contain; opacity: 1; position: absolute; transform: none; width: 100%; } .truckCargoFillV66 { background: var(--truck-load-color); border-right: 2px solid rgba(255, 255, 255, .9); box-shadow: inset 0 0 0 1px rgba(31, 39, 51, .12); height: 56.8%; left: 5.5%; mix-blend-mode: multiply; opacity: .68; overflow: hidden; pointer-events: none; position: absolute; top: 17.2%; transition: width .42s ease, background-color .35s ease; width: var(--truck-load-width); } .truckLoadFreeV66 .truckCargoFillV66 { display: none; } .truckPhotoStageV60 .truckArtV66 + .truckPhotoReadoutV60 { border-left-color: var(--load-color); } @media (max-width: 600px) { .truckPhotoStageV60 .truckArtV66 { height: calc(100% - 22px); top: 4px; } } /* H&H 5.17 · cierre real por SKU y comparación contra el plan */ .hhLedger .dailyCloseGrid article { grid-template-columns: minmax(170px, .9fr) minmax(220px, 1.15fr) minmax(150px, .75fr) auto minmax(190px, 1fr); } .hhLedger .dailyCloseGrid select { background: #fff; border: 1px solid var(--hh-line, #d9d4cf); border-radius: 0; color: var(--hh-ink, #28313d); display: block; margin-top: 5px; min-height: 42px; padding: 9px 10px; width: 100%; } .hhLedger .dailyCloseGrid article.skuDeviation { box-shadow: inset 5px 0 #a43031; } .hhLedger .skuDeviationFlag { background: #f8e9e7; border-left: 4px solid #a43031; color: #842426; font-size: 10px; font-weight: 900; grid-column: 1 / -1; padding: 8px 10px; } .hhLedger .schedulePanel .scheduleSkuCompare { display: grid; gap: 7px; padding-top: 9px; } .hhLedger .schedulePanel .scheduleSkuCompare > div { align-items: start; display: grid; gap: 4px; grid-template-columns: 38px 1fr; } .hhLedger .schedulePanel .scheduleSkuCompare > div > b { color: #6e6863; font-size: 8px; letter-spacing: .08em; padding-top: 5px; text-transform: uppercase; } .hhLedger .schedulePanel .scheduleSkuCompare > div > span { grid-column: 2; } .hhLedger .schedulePanel .scheduleSkuCompare .plannedSku span { border-left-color: #a43031; } .hhLedger .schedulePanel .scheduleSkuCompare .actualSku span { background: #edf4e9; border-left-color: #6b9b58; color: #31572a; } .hhLedger .schedulePanel .scheduleSkuCompare > em { background: #a43031; color: #fff; font-size: 8px; font-style: normal; font-weight: 900; letter-spacing: .06em; padding: 5px 7px; text-align: center; text-transform: uppercase; } .hhLedger .schedulePanel .scheduleWeek article.skuChanged { box-shadow: inset 0 5px #a43031; } @media (max-width: 1180px) { .hhLedger .dailyCloseGrid article { grid-template-columns: 1fr 1fr; } .hhLedger .dailyCloseGrid article .quickFill { align-self: end; } .hhLedger .dailyCloseGrid article .skuDeviationFlag { grid-column: 1 / -1; } } @media (max-width: 650px) { .hhLedger .dailyCloseGrid article { grid-template-columns: 1fr; } .hhLedger .dailyCloseGrid article .skuDeviationFlag { grid-column: auto; } } .ledgerTable tr.transitRow td { background: #fff9e9; } .ledgerTable tr.transitRow td:first-child { box-shadow: inset 5px 0 0 #c89532; } .ledgerTable td > small, .coverageNumbersV45 span small { display: block; margin-top: 4px; } .status.warn { background: #fff0c8; color: #805b16; } .coverageCardV45.transitWatchoutV68 { border-top-color: #c89532; background: linear-gradient(180deg, #fffdf7 0%, #fff 42%); } .coverageCardV45.transitWatchoutV68 .coverageMeterV45 i { background: #c89532; } .coverageNumbersV45 .transitMetricV68 { color: #805b16; border-left: 3px solid #c89532; padding-left: 12px; } .coverageNumbersV45 .transitMetricV68 b { display: block; font-size: 1.05rem; } @media (max-width: 760px) { .coverageNumbersV45 .transitMetricV68 { grid-column: 1 / -1; } } .decisionLinkV69 { cursor: pointer; } .decisionLinkV69:focus-visible { outline: 2px solid #2c3441; outline-offset: 2px; } .riskDestinationV69 { animation: riskDestinationV69 1.4s ease-out; } @keyframes riskDestinationV69 { 0%, 35% { box-shadow: 0 0 0 4px rgba(165, 43, 45, 0.28); } 100% { box-shadow: 0 0 0 0 rgba(165, 43, 45, 0); } } .routeMasterV61 .routeSkuCellV70{min-width:255px;padding:10px} .routeSkuSummaryV70{width:100%;min-height:70px;border:1px solid #c9c5c0;background:#fff;color:var(--ink);padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:10px;align-items:center;text-align:left} .routeSkuSummaryV70:hover{border-color:var(--red);box-shadow:inset 3px 0 0 var(--red)} .routeSkuSummaryV70:disabled{cursor:default;opacity:.78} .routeSkuSummaryV70>span:first-child{display:grid;gap:4px;min-width:0} .routeSkuSummaryV70 b{font-size:13px;line-height:1.2} .routeSkuSummaryV70 small{display:block;color:var(--muted);font-size:10px;line-height:1.35} .routeSkuSummaryV70 em{font-size:26px;font-style:normal;color:var(--red)} .routeSkuPreviewV70{display:flex;gap:4px;justify-content:flex-end;max-width:110px;overflow:hidden} .routeSkuPreviewV70 i{font-style:normal;font-size:9px;font-weight:800;white-space:nowrap;background:#f0ede9;padding:5px 7px;color:#615c58} .routeSkuOverlayV70{background:rgba(34,42,53,.62);display:grid;place-items:center;padding:24px;z-index:100} .routeSkuModalV70{width:min(760px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));overflow:auto;background:#fff;border-top:7px solid var(--red);box-shadow:0 24px 70px rgba(0,0,0,.25)} .routeSkuModalHeadV70{padding:26px 28px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:24px} .routeSkuModalHeadV70 h2{margin:0 0 8px;font-size:25px} .routeSkuModalHeadV70 p:last-child{margin:0;color:var(--muted)} .routeSkuCloseV70{border:1px solid #9ea4aa;background:#fff;width:40px;height:40px;font-size:24px;color:var(--ink)} .routeSkuModeV70{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-bottom:1px solid var(--line)} .routeSkuModeV70 label{background:#f7f5f2;padding:19px 22px;display:flex;gap:12px;align-items:flex-start;cursor:pointer;border-bottom:4px solid transparent} .routeSkuModeV70 label.active{background:#fff;border-bottom-color:var(--red)} .routeSkuModeV70 input{margin-top:3px;accent-color:var(--red)} .routeSkuModeV70 span{display:grid;gap:4px}.routeSkuModeV70 small{color:var(--muted);line-height:1.35} .routeSkuListV70{padding:22px 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:330px;overflow:auto;background:#fff} .routeSkuListV70.disabled{opacity:.38;background:#f3f1ee} .routeSkuListV70 label{border:1px solid var(--line);padding:12px 14px;display:flex;gap:10px;align-items:center;font-weight:750;cursor:pointer} .routeSkuListV70 label:has(input:checked){border-color:var(--red);box-shadow:inset 3px 0 0 var(--red);background:#fffaf9} .routeSkuListV70 input{accent-color:var(--red)} .routeSkuModalActionsV70{border-top:1px solid var(--line);padding:17px 28px;display:flex;justify-content:flex-end;gap:10px;align-items:center;background:#f7f5f2} .routeSkuModalActionsV70>span{margin-right:auto;font-weight:850;color:var(--muted)} @media(max-width:720px){.routeSkuModeV70,.routeSkuListV70{grid-template-columns:1fr}.routeSkuModalHeadV70{padding:20px}.routeSkuModalActionsV70{padding:14px;flex-wrap:wrap}.routeSkuModalActionsV70>span{width:100%;margin:0}.routeSkuModalActionsV70 button{flex:1}} .traceabilityV71{border-top:4px solid #6f995c}.traceabilityV71 .dataTable td{vertical-align:top}.traceabilityV71 .dataTable td>b,.traceabilityV71 .dataTable td>small{display:block}.traceabilityV71 .dataTable td>small{margin-top:5px;color:#746f6c}.packageCountsV71{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:4px}.packageCountsV71 span{padding:5px 7px;border-left:2px solid #a9272a;background:#f3f1ef;font-size:12px;font-weight:700}@media(max-width:760px){.traceabilityV71 .tableWrap{overflow:auto}.traceabilityV71 table{min-width:940px}} .materialTabsV72{margin-bottom:18px}.materialTabsV72 button:first-child{order:-1}.coverageCommandV72{border:1px solid var(--line,#d8d3ce);border-top:5px solid #28313d;background:#fff;margin-bottom:20px}.coverageKpisV72{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.coverageKpisV72 .kpi{min-height:146px;border:0;border-right:1px solid var(--line,#d8d3ce);border-bottom:1px solid var(--line,#d8d3ce);border-radius:0}.coverageKpisV72 .kpi:nth-child(3n){border-right:0}.coverageReadingV72{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#f4f2ef}.coverageReadingV72>div{padding:18px 22px;border-right:1px solid var(--line,#d8d3ce);display:grid;gap:5px}.coverageReadingV72>div:last-child{border-right:0}.coverageReadingV72 span,.coverageReadingV72 small{color:#726b67}.coverageReadingV72 strong{font-size:22px;color:#202a38}.coverageTableV72{min-width:1640px}.coverageTableV72 td{vertical-align:top;min-width:135px}.coverageTableV72 td:first-child{min-width:210px}.coverageTableV72 td small,.coverageTableV72 td .status+small{display:block;margin-top:6px;color:#827a75;line-height:1.35}.coverageTableV72 .status{white-space:nowrap}.coverageTableV72 .watchRowV72{background:#fffaf0}.coverageTableV72 .riskRow{background:#fff4f4}.materialDetailV72 .panelHead{position:sticky;left:0}.materialDetailV72 .tableWrap{max-height:64vh}.materialDetailV72 thead{position:sticky;top:0;z-index:2} @media(max-width:1100px){.coverageKpisV72{grid-template-columns:repeat(2,minmax(0,1fr))}.coverageKpisV72 .kpi:nth-child(3n){border-right:1px solid var(--line,#d8d3ce)}.coverageKpisV72 .kpi:nth-child(2n){border-right:0}.coverageReadingV72{grid-template-columns:1fr}.coverageReadingV72>div{border-right:0;border-bottom:1px solid var(--line,#d8d3ce)}} @media(max-width:700px){.materialTabsV72{display:flex;overflow-x:auto;white-space:nowrap}.coverageKpisV72{grid-template-columns:1fr}.coverageKpisV72 .kpi{min-height:118px;border-right:0!important}.coverageReadingV72>div{padding:15px}.materialDetailV72 .panelHead{align-items:flex-start}.materialDetailV72 .panelHead button{width:100%}} /* H&H 5.26 · captura de producción no planeada */ .additionalActualsV73{border-top:1px solid #cfc9c2;background:#faf9f7} .additionalActualHeadV73{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 26px;border-bottom:1px solid #d9d4ce} .additionalActualHeadV73 span{display:block;margin-bottom:5px;color:#a52b2d;font-size:11px;font-weight:900;letter-spacing:.18em} .additionalActualHeadV73 h4{margin:0;color:#202a39;font-size:18px;text-transform:uppercase;letter-spacing:.03em} .additionalActualHeadV73 p{margin:5px 0 0;color:#756d68;font-size:14px} .additionalActualGridV73{display:grid;gap:0} .additionalActualRowV73{position:relative;display:grid;grid-template-columns:86px minmax(180px,1.05fr) minmax(220px,1.25fr) minmax(145px,.7fr) minmax(130px,.55fr) minmax(220px,1.3fr) 44px;align-items:end;gap:14px;padding:18px 26px;border-bottom:1px solid #ddd8d2;background:#fff} .additionalActualRowV73 label{display:grid;gap:7px;color:#625b57;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase} .additionalActualRowV73 select,.additionalActualRowV73 input{width:100%;min-height:44px;border:1px solid #bbb4ad;border-radius:0;background:#fff;color:#1e2837;font:700 14px/1.2 inherit;padding:0 12px;box-sizing:border-box} .additionalActualRowV73 select:focus,.additionalActualRowV73 input:focus{outline:2px solid rgba(165,43,45,.18);border-color:#a52b2d} .actualOrdinalV73{display:grid;align-self:stretch;align-content:center;border-right:3px solid #a52b2d;padding-right:12px} .actualOrdinalV73 span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#a52b2d} .actualOrdinalV73 b{font-size:24px;color:#202a39} .actualCyclesV73{display:grid;align-content:center;min-height:44px;padding:0 12px;border-left:3px solid #8793a2;background:#f1f0ed} .actualCyclesV73 span{font-size:10px;font-weight:900;color:#6f6864;text-transform:uppercase;letter-spacing:.05em} .actualCyclesV73 b{font-size:18px;color:#202a39} .actualCyclesV73 small{color:#817975;font-size:10px} .actualReasonV73 input{background:#fffceb} .removeActualV73{height:44px;border:1px solid #a52b2d;border-radius:0;background:#fff;color:#a52b2d;font-size:24px;font-weight:600;cursor:pointer} .removeActualV73:hover{background:#a52b2d;color:#fff} .additionalEmptyV73{padding:24px!important;background:#fff} @media(max-width:1180px){ .additionalActualRowV73{grid-template-columns:70px repeat(3,minmax(150px,1fr));align-items:end} .actualCyclesV73{grid-column:2}.actualReasonV73{grid-column:3/5}.removeActualV73{grid-column:5;grid-row:2} } @media(max-width:700px){ .additionalActualHeadV73{align-items:stretch;flex-direction:column;padding:18px} .additionalActualHeadV73 button{width:100%} .additionalActualRowV73{grid-template-columns:1fr;padding:18px;gap:12px} .actualOrdinalV73{display:flex;align-items:center;justify-content:space-between;border-right:0;border-bottom:3px solid #a52b2d;padding:0 0 8px} .actualCyclesV73,.actualReasonV73,.removeActualV73{grid-column:1;grid-row:auto} .removeActualV73{width:100%} } /* H&H 5.27 · la presentación antecede a la captura. */ .captureFooterV74{margin-top:26px;border-top:5px solid var(--ink);background:#f7f5f2} .captureFooterHeadV74{padding:24px 30px 20px;border:1px solid var(--line);border-top:0;background:#f7f5f2} .captureFooterHeadV74 span{display:block;margin-bottom:8px;color:var(--red);font-size:11px;font-weight:900;letter-spacing:.18em} .captureFooterHeadV74 h3{margin:0;color:var(--ink);font-size:24px;text-transform:uppercase} .captureFooterHeadV74 p{margin:7px 0 0;color:var(--muted);font-size:14px} .captureFooterV74>.fileFlowGrid{margin:0;border-left:1px solid var(--line);border-right:1px solid var(--line)} .captureFooterV74>.fileFlowGrid .fileFlow{border-top:0} .captureFooterV74>.routeSnapshotV61{margin:0;border-top:1px solid var(--line)} .captureFooterV74-production>.routeSnapshotV61{border-bottom:1px solid var(--line)} @media(max-width:760px){.captureFooterHeadV74{padding:20px 16px}.captureFooterHeadV74 h3{font-size:20px}} /* H&H Operación semanal 5.28 · minuta visible y semáforos de lectura inmediata. */ .hhLedger .minutePriorityV75 { margin-top: 0; margin-bottom: 18px; border-left: 6px solid var(--hh-red); } .hhLedger .minutePriorityV75 .panelHead { padding-right: 18px; } .minuteOpenCountV75 { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid #c6c0ba; color: var(--muted); background: #fff; font-size: 10px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; } .minuteOpenCountV75 i { width: 10px; height: 10px; border-radius: 50%; background: var(--hh-green); box-shadow: 0 0 0 3px #5b9d501c; } .minuteOpenCountV75.open i { background: var(--hh-red); box-shadow: 0 0 0 3px #a9272a1f; } .minuteDeleteHeadV75, .minuteDeleteCellV75 { width: 66px; text-align: center !important; } .minuteDeleteV75 { width: 30px; height: 30px; padding: 0; border: 1px solid #b6afa9; background: #fff; color: var(--hh-red); font-size: 19px; line-height: 1; font-weight: 800; } .minuteDeleteV75:hover:not(:disabled) { color: #fff; background: var(--hh-red); border-color: var(--hh-red); } .minuteDeleteV75:disabled { opacity: .25; cursor: not-allowed; } .summaryMetricV46 { position: relative; } .summaryMetricV46.good, .summaryMetricV46.warn, .summaryMetricV46.bad { box-shadow: inset 7px 0 0 var(--signal-color); } .summaryMetricV46.good { --signal-color: #6d9c59; } .summaryMetricV46.warn { --signal-color: #c89737; } .summaryMetricV46.bad { --signal-color: var(--hh-red); } .summaryMetricV46.good::after, .summaryMetricV46.warn::after, .summaryMetricV46.bad::after { content: ""; position: absolute; top: 16px; right: 16px; width: 11px; height: 11px; border-radius: 50%; background: var(--signal-color); border: 2px solid #fff; box-shadow: 0 0 0 2px color-mix(in srgb, var(--signal-color) 25%, transparent); } @media (max-width: 720px) { .minuteOpenCountV75 { padding: 6px 8px; } .minuteDeleteHeadV75, .minuteDeleteCellV75 { width: 52px; } } /* 5.30 · PT físico, potencial e históricos compactos */ .ptRuleV76{display:flex;gap:18px;align-items:center;padding:14px 22px;background:#fff8df;border-bottom:1px solid #d9c98a;color:#2b303b}.ptRuleV76 b{white-space:nowrap;text-transform:uppercase;letter-spacing:.06em}.ptRuleV76 span{color:#665f4c}.potentialV76{background:#fff8df}.potentialV76 b{color:#9a6b13}.summaryPotentialV76{display:flex;justify-content:space-between;gap:16px;padding:14px 22px;border-top:1px solid #d9c98a;background:#fff8df}.summaryPotentialV76 b{color:#9a6b13}.summaryPotentialV76 span{color:#665f4c}.draftOrderActionsV76{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:14px 18px;border-top:1px solid #ddd}.draftOrderActionsV76 small{color:#756f68}.poHistoryV76 td,.invoiceHistoryV76 td{white-space:nowrap}.poHistoryV76 td:nth-child(3),.invoiceHistoryV76 td:nth-child(5){white-space:normal}.invoiceHistoryV76 td small{display:block;color:#777;margin-top:3px}.activeOrdersEmptyV76{margin-top:18px} @media(max-width:800px){.ptRuleV76,.summaryPotentialV76{align-items:flex-start;flex-direction:column}.poHistoryV76 .tableWrap,.invoiceHistoryV76 .tableWrap{overflow:auto}} /* H&H 6.1 · constructor visual de rutas y capacidad por proceso */ .routeCardsV82{display:grid;gap:22px;padding:22px;background:#efede9} .routeCardV82{border:1px solid #cfc9c2;border-top:5px solid #2c3441;background:#fff;box-shadow:0 8px 24px rgba(44,52,65,.07)} .routeCardV82.risk{border-top-color:var(--red)} .routeCardHeadV82{display:grid;grid-template-columns:1fr auto 42px;gap:14px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line);background:#f7f5f2} .routeCardHeadV82>div{display:flex;gap:12px;align-items:center}.routeCardHeadV82>div span{color:var(--red);font-size:10px;font-weight:900;letter-spacing:.14em}.routeCardHeadV82>div b{font-size:16px} .routeConfigV82{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(250px,1.35fr) repeat(4,minmax(125px,.7fr));gap:12px;padding:18px;border-bottom:1px solid var(--line)} .routeConfigV82>label{display:grid;align-content:start;gap:6px;color:#625c57;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase} .routeConfigV82 input,.routeConfigV82 select,.routeFlowNodeV82 input{box-sizing:border-box;width:100%;min-height:42px;border:1px solid #bcb6af;border-radius:0;background:#fff;color:var(--ink);padding:8px 10px;font:750 13px/1.2 inherit} .routeConfigV82 .routeSkuCellV70{min-width:0;padding:0}.routeConfigV82 .routeSkuSummaryV70{min-height:62px} .routeFlowWorkbenchV82{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:250px;background:#fff} .routeFlowPaletteV82{padding:18px;border-right:1px solid var(--line);background:#f6f4f1}.routeFlowPaletteV82>span{display:block;color:var(--red);font-size:9px;font-weight:900;letter-spacing:.15em}.routeFlowPaletteV82>p{margin:7px 0 14px;color:var(--muted);font-size:11px;line-height:1.4}.routeFlowPaletteV82>div{display:grid;gap:7px;max-height:330px;overflow:auto} .routeFlowPaletteV82 button{display:grid;gap:3px;padding:10px 11px;border:1px solid #c8c2bc;border-left:4px solid #6e7c8c;background:#fff;color:var(--ink);text-align:left;cursor:grab}.routeFlowPaletteV82 button:hover{border-color:var(--red);border-left-color:var(--red);transform:translateX(2px)}.routeFlowPaletteV82 button small{color:var(--muted);font-size:9px} .routeFlowCanvasV82{display:flex;align-items:center;gap:10px;min-width:0;min-height:250px;padding:24px;overflow:auto;background-image:linear-gradient(#e8e4df 1px,transparent 1px),linear-gradient(90deg,#e8e4df 1px,transparent 1px);background-size:24px 24px;background-color:#fbfaf8} .routeFlowNodeV82{flex:0 0 222px;border:1px solid #aeb4bc;border-top:5px solid #58697b;background:#fff;box-shadow:0 7px 18px rgba(39,48,60,.1);cursor:grab}.routeFlowNodeV82.bottleneck{border-top-color:var(--red);box-shadow:0 7px 20px rgba(165,43,45,.14)}.routeFlowNodeV82.missing{border-color:var(--red);padding:18px} .routeFlowNodeHeadV82{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.routeFlowNodeHeadV82>span{display:grid;place-items:center;width:28px;height:28px;background:#2c3441;color:#fff;font-size:10px;font-weight:900}.routeFlowNodeHeadV82>div{display:grid;gap:2px;min-width:0}.routeFlowNodeHeadV82 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.routeFlowNodeHeadV82 small{color:var(--muted);font-size:9px}.routeFlowNodeHeadV82 em{padding:4px 6px;background:#f7e5e3;color:var(--red);font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase} .routeFlowNodeV82>label{display:grid;gap:5px;padding:12px;color:#68615d;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.routeFlowNodeV82>label small{color:#8a837e;font-size:8px;text-transform:none;letter-spacing:0}.routeFlowNodeActionsV82{display:grid;grid-template-columns:34px 34px 1fr;gap:5px;padding:0 12px 12px}.routeFlowNodeActionsV82 button{min-height:31px;border:1px solid #bbb5af;background:#fff;color:var(--ink);font-size:11px;font-weight:800}.routeFlowNodeActionsV82 button:last-child{color:var(--red)}.routeFlowNodeActionsV82 button:disabled{opacity:.28} .routeFlowArrowV82{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border:1px solid #aeb4bc;border-radius:50%;background:#fff;color:var(--red);font-weight:900} .routeFlowEmptyV82{display:grid;place-items:center;align-content:center;gap:6px;width:100%;min-height:190px;border:2px dashed #aeb4bc;background:rgba(255,255,255,.76);color:#5e6976;text-align:center}.routeFlowEmptyV82 span{font-size:11px;color:var(--muted)} .routeMetricsV82{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);background:#2c3441;color:#fff}.routeMetricsV82 span{display:grid;gap:4px;padding:15px 17px;border-right:1px solid rgba(255,255,255,.16)}.routeMetricsV82 span:last-child{border-right:0}.routeMetricsV82 small{color:#cfd5dc;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.routeMetricsV82 b{font-size:16px}.routeMetricsV82 .bottleneck{background:#962b2d}.routeEmptyV82{padding:32px;background:#fff} @media(max-width:1350px){.routeConfigV82{grid-template-columns:repeat(3,minmax(170px,1fr))}.routeConfigV82 .routeSkuCellV70{grid-column:span 2}.routeMetricsV82{grid-template-columns:repeat(3,1fr)}.routeMetricsV82 span{border-bottom:1px solid rgba(255,255,255,.16)}} @media(max-width:850px){.routeCardsV82{padding:12px}.routeConfigV82{grid-template-columns:1fr}.routeConfigV82 .routeSkuCellV70{grid-column:auto}.routeFlowWorkbenchV82{grid-template-columns:1fr}.routeFlowPaletteV82{border-right:0;border-bottom:1px solid var(--line)}.routeFlowPaletteV82>div{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.routeMetricsV82{grid-template-columns:1fr 1fr}.routeCardHeadV82{grid-template-columns:1fr auto 42px}} @media(max-width:560px){.routeFlowPaletteV82>div,.routeMetricsV82{grid-template-columns:1fr}.routeFlowCanvasV82{padding:16px}.routeFlowNodeV82{flex-basis:205px}} /* H&H v6.0 · lote de QA generado desde el granel realmente fabricado. */ .automaticLotV83{display:inline-block;padding:7px 10px;border:1px solid #cad1d9;background:#f4f6f8;color:#202936;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:11px;letter-spacing:.04em;white-space:nowrap} /* H&H v7.0.2 · calendario fijo de producción. */ .plannerPanelV88 .dataTable td{vertical-align:top}.plannerDayV88.nearTerm{box-shadow:inset 4px 0 0 #c79b3b}.plannerDayV88.flexible{box-shadow:inset 4px 0 0 #7fa366}.plannerDayV88.nonWorking{background:#fff8e7}.plannerDayV88.nonWorking .dayCellV92{color:#9a352f}.enableWorkV88{display:flex;gap:.45rem;align-items:center;margin-top:.55rem;font-size:.78rem;font-weight:800}.enableWorkV88 input{width:auto;min-width:1rem}.plannerOutputV88{display:block;white-space:nowrap;font-size:1.05rem}.approveWorkdayV88{margin-top:.55rem;padding:.45rem .65rem;font-size:.75rem} /* H&H v7.0.3 · SKU adicionales excepcionales por día. */ .plannerDayV88.additionalSkuV89{background:#f7f9fb}.plannerDayV88.additionalSkuV89 .dayCellV92{padding-left:18px;color:#526274}.addSkuDayV89,.removeSkuDayV89{display:block;margin-top:.55rem;padding:.38rem .55rem;border:1px solid #9ba5b1;background:#fff;color:#273241;font-size:.72rem;font-weight:850}.addSkuDayV89:hover{border-color:#8f2f2f;color:#8f2f2f}.removeSkuDayV89{border-color:#d4b6b4;color:#963537} /* H&H v7.0.4 · habilitación visual del periodo cercano. */ .plannerDayV88.nearTerm{box-shadow:none}.plannerDayV88.nearTerm>td{background:#eaf3fb}.nearTermGateV91{min-width:160px}.enableNearTermV90{display:grid;grid-template-columns:18px minmax(112px,1fr);gap:.5rem;align-items:center;width:100%;padding:.55rem .6rem;border:1px solid #8eabc7;background:#f7fbff;color:#294e73;font-size:.76rem;font-weight:850;line-height:1.2;white-space:normal}.enableNearTermV90 input{width:auto;min-width:1rem;margin:0}.frozenLabelV91{display:inline-block;color:#294e73;font-size:.74rem;font-weight:850;letter-spacing:.02em} /* H&H v7.0.6 · orden compacto y vista completa sin desplazamiento lateral. */ .plannerPanelV88{padding:12px}.plannerPanelV88 .panelHead{margin-bottom:9px}.plannerPanelV88 .dataTable{width:100%;min-width:100%;table-layout:fixed}.plannerPanelV88 .dataTable th{padding:7px 5px;font-size:8px;line-height:1.1;letter-spacing:.035em;overflow-wrap:anywhere}.plannerPanelV88 .dataTable td{height:36px;padding:5px 4px;font-size:10px;line-height:1.15;overflow:hidden}.plannerPanelV88 .dataTable input,.plannerPanelV88 .dataTable select{width:100%;min-width:0!important;min-height:28px;padding:4px 3px;font-size:10px;text-overflow:ellipsis}.plannerPanelV88 .conditionColV93{width:9.5%}.plannerPanelV88 .enableColV93{width:9%}.plannerPanelV88 .dayColV93{width:8%}.plannerPanelV88 .additionalColV93{width:8%}.plannerPanelV88 .skuColV93{width:10%}.plannerPanelV88 .shiftColV93{width:7%}.plannerPanelV88 .routeColV93{width:15%}.plannerPanelV88 .cyclesColV93{width:5%}.plannerPanelV88 .outputColV93{width:8%}.plannerPanelV88 .notesColV93{width:11%}.plannerPanelV88 .approvalColV93{width:9.5%}.plannerPanelV88 .conditionCellV92,.plannerPanelV88 .nearTermGateV91,.plannerPanelV88 .dayCellV92,.plannerPanelV88 .additionalActionV92,.plannerPanelV88 .skuCellV92,.plannerPanelV88 .shiftCellV92,.plannerPanelV88 .routeCellV92,.plannerPanelV88 .cyclesCellV92,.plannerPanelV88 .outputCellV92,.plannerPanelV88 .notesCellV92,.plannerPanelV88 .approvalCellV92{width:auto;min-width:0}.plannerPanelV88 .status{max-width:100%;padding:4px 5px;font-size:7px;white-space:normal;text-align:center;line-height:1.05}.plannerPanelV88 .frozenLabelV91{font-size:9px;line-height:1.1}.plannerPanelV88 .enableNearTermV90{grid-template-columns:14px minmax(0,1fr);gap:3px;padding:4px;font-size:8px;line-height:1.05}.plannerPanelV88 .enableNearTermV90 input,.plannerPanelV88 .enableWorkV88 input{min-width:14px!important;min-height:14px;width:14px}.plannerPanelV88 .enableWorkV88{gap:3px;margin-top:3px;font-size:8px;line-height:1.05}.plannerPanelV88 .additionalActionV92 .addSkuDayV89,.plannerPanelV88 .additionalActionV92 .removeSkuDayV89{min-height:28px;padding:3px;font-size:8px;line-height:1.05;white-space:normal}.plannerPanelV88 .dayCellV92{white-space:normal}.plannerPanelV88 .dayCellV92 b{font-size:10px;line-height:1.15}.plannerPanelV88 .routeCellV92 small,.plannerPanelV88 .outputCellV92 small,.plannerPanelV88 .nearTermGateV91 small{display:block;margin-top:2px;font-size:7px;line-height:1.05;overflow:hidden;text-overflow:ellipsis}.plannerPanelV88 .plannerOutputV88{font-size:11px}.plannerPanelV88 .approveWorkdayV88{width:100%;margin-top:3px;padding:4px 3px;font-size:8px}.plannerPanelV88 .tableWrap{overflow-x:hidden} @media(max-width:1100px){.plannerPanelV88 .dataTable{min-width:980px}.plannerPanelV88 .tableWrap{overflow-x:auto}} /* H&H v7.0.7 · tablero principal más compacto, cómodo y elegante. */ .summarySectionsV46.summaryExecutiveV94{gap:12px;border:0;background:transparent}.summaryExecutiveV94 .summaryGroupV46{overflow:hidden;border:1px solid #d7d3ce;border-top:4px solid #69727d;border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(35,43,54,.06)}.summaryExecutiveV94 .summaryGroupV46.cost{border-top-color:#2c333f}.summaryExecutiveV94 .summaryGroupV46.service{border-top-color:#9f312f}.summaryExecutiveV94 .summaryGroupV46.productivity{border-top-color:#3f5a70}.summaryExecutiveV94 .summaryGroupV46.inventory{border-top-color:#657c56}.summaryExecutiveV94 .summaryGroupV46 h3{padding:10px 14px!important;background:#f5f3f0!important;color:#29313d;font-size:10px;letter-spacing:.12em}.summaryExecutiveV94 .summaryGroupV46>div{grid-template-columns:repeat(2,minmax(0,1fr))}.summaryExecutiveV94 .summaryMetricV46{min-height:98px;padding:14px 13px;border-right:1px solid #e1ddd8;border-bottom:1px solid #e1ddd8;box-shadow:none}.summaryExecutiveV94 .summaryMetricV46:nth-child(even){border-right:0}.summaryExecutiveV94 .summaryMetricV46 span{padding-right:16px;font-size:9px;line-height:1.2;letter-spacing:.06em}.summaryExecutiveV94 .summaryMetricV46 strong{margin:8px 0 4px;font-size:clamp(20px,1.55vw,27px);line-height:1.05}.summaryExecutiveV94 .summaryMetricV46 small{display:block;font-size:9px;line-height:1.3}.summaryExecutiveV94 .summaryMetricV46.good,.summaryExecutiveV94 .summaryMetricV46.warn,.summaryExecutiveV94 .summaryMetricV46.bad{box-shadow:inset 3px 0 0 var(--signal-color)}.summaryExecutiveV94 .summaryMetricV46.good::after,.summaryExecutiveV94 .summaryMetricV46.warn::after,.summaryExecutiveV94 .summaryMetricV46.bad::after{top:12px;right:12px;width:8px;height:8px;border-width:1px}.summaryExecutiveV94 .costBreakdownV70{grid-column:1/-1}.summaryExecutiveV94+.annualControlV51{margin-top:14px} @media(max-width:1180px){.summarySectionsV46.summaryExecutiveV94{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.summarySectionsV46.summaryExecutiveV94{grid-template-columns:1fr}.summaryExecutiveV94 .summaryGroupV46>div{grid-template-columns:1fr}.summaryExecutiveV94 .summaryMetricV46{border-right:0}} /* H&H v7.1 · certificados de fumigación y recepciones multimoneda. */ .fumigationCardsV95{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;padding:18px}.fumigationCardV95{display:grid;gap:14px;padding:16px;border:1px solid var(--line);background:#fff}.fumigationCardV95.latest{border-left:5px solid var(--green);box-shadow:0 8px 22px rgba(29,54,38,.08)}.fumigationCardV95>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.fumigationCardV95>header>div{display:grid;gap:5px}.fumigationCardV95>header b{font-size:1rem;overflow-wrap:anywhere}.fumigationFieldsV95{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fumigationFieldsV95 label,.customerAssignmentsV95{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.fumigationFieldsV95 input,.fumigationFieldsV95 select{width:100%;margin-top:5px}.customerAssignmentsV95{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding-top:12px;border-top:1px solid var(--line)}.customerAssignmentsV95 label{display:flex;align-items:center;gap:5px;color:var(--ink);font-weight:700;letter-spacing:0;text-transform:none}.customerAssignmentsV95 input{width:auto}.purchaseTableV45 [data-currency-v95],.purchaseTableV45 [data-rate-v95]{min-width:90px}.purchaseTabsV44{overflow-x:auto} @media(max-width:900px){.fumigationCardsV95{grid-template-columns:1fr;padding:10px}.fumigationFieldsV95{grid-template-columns:1fr}} /* H&H v7.1.1 · compras compactas y reversa masiva. */ .purchaseHeroV96{min-height:0;padding:20px 26px}.purchaseHeroV96 h2{margin-bottom:4px;font-size:clamp(22px,2.1vw,34px)}.purchaseHeroV96 p{font-size:12px} .purchaseTabsV44{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible}.purchaseTabsV44 button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:45px;padding:7px 5px;font-size:9px;line-height:1.1;white-space:normal;text-align:center}.purchaseTabBadge{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#a13431;color:#fff;font-size:8px} .purchaseControlCompactV96{gap:8px;margin:9px 0;padding:9px 11px}.purchaseControlCompactV96 label{font-size:8px}.purchaseControlCompactV96 input,.purchaseControlCompactV96 select,.purchaseControlCompactV96 button{min-height:30px;padding:4px 7px;font-size:9px}.purchaseControlCompactV96+.roleNoticeV45{margin:7px 0;padding:7px 10px;font-size:9px;line-height:1.25} .purchaseCompactV96{width:100%;min-width:100%;table-layout:fixed}.purchaseCompactV96 th{padding:6px 3px;font-size:7.3px;line-height:1.08;letter-spacing:.035em;overflow-wrap:anywhere}.purchaseCompactV96 td{height:34px;padding:5px 3px;font-size:9px;line-height:1.12;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.purchaseCompactV96 input,.purchaseCompactV96 select{box-sizing:border-box;width:100%;min-width:0!important;min-height:27px;padding:3px;font-size:8.5px;text-overflow:ellipsis}.purchaseCompactV96 button{min-height:27px;padding:3px 5px;font-size:8px}.purchaseCompactV96 b{font-size:9px}.purchaseCompactV96 small{display:block;max-width:100%;margin-top:2px;overflow:hidden;color:var(--muted);font-size:7px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.purchaseCompactV96 [hidden]{display:none!important}.purchaseCompactV96 [data-purchase-col-v96^="selector"]{width:3%;text-align:center}.purchaseCompactV96 [data-purchase-col-v96^="selector"] input{width:14px;min-width:14px!important;min-height:14px}.purchaseCompactV96 [data-purchase-col-v96="oc"]{width:7%}.purchaseCompactV96 [data-purchase-col-v96="codigomaterial"]{width:14%}.purchaseCompactV96 [data-purchase-col-v96="proveedor"]{width:9%}.purchaseCompactV96 [data-purchase-col-v96="cantidad"]{width:7%}.purchaseCompactV96 [data-purchase-col-v96="orden"],.purchaseCompactV96 [data-purchase-col-v96="recepcionesperada"],.purchaseCompactV96 [data-purchase-col-v96="fechareal"]{width:8%}.purchaseCompactV96 [data-purchase-col-v96="recibido"]{width:7%}.purchaseCompactV96 [data-purchase-col-v96="moneda"]{width:5%}.purchaseCompactV96 [data-purchase-col-v96="costooriginalu"],.purchaseCompactV96 [data-purchase-col-v96="costomxnu"]{width:8%}.purchaseCompactV96 [data-purchase-col-v96="tipodecambio"]{width:7%}.purchaseCompactV96 [data-purchase-col-v96="costoconvertidomxn"]{width:9%}.purchaseCompactV96 [data-purchase-col-v96="nota"]{width:9%}.purchaseCompactV96 [data-purchase-col-v96="selector14"],.purchaseCompactV96 [data-purchase-col-v96="selector15"]{width:4%}.purchaseCompactV96+.purchaseActionsV45{padding:9px}.purchaseCompactV96~*{font-size:9px} .purchaseReverseBarV96{display:grid;grid-template-columns:minmax(135px,.5fr) minmax(280px,2fr) minmax(175px,.65fr);gap:10px;align-items:end;margin:10px 0;padding:11px 13px;border:1px solid #d2cdc7;background:#f5f3f0}.reverseSelectAllV96{display:flex;align-items:center;gap:7px;min-height:31px;font-size:9px;font-weight:850}.reverseSelectAllV96 input,.purchaseReverseTableV96 input{width:15px;min-width:15px!important;min-height:15px}.reverseReasonV96{display:grid;gap:4px;color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.reverseReasonV96 input{box-sizing:border-box;width:100%;min-height:31px;padding:5px 8px;font-size:9px;text-transform:none}.purchaseReverseBarV96>button{min-height:31px;padding:5px 9px;font-size:9px}.purchaseReversePanelV96{padding:0}.purchaseReverseTableV96 th:nth-child(1){width:4%}.purchaseReverseTableV96 th:nth-child(2){width:11%}.purchaseReverseTableV96 th:nth-child(3){width:21%}.purchaseReverseTableV96 th:nth-child(4){width:13%}.purchaseReverseTableV96 th:nth-child(5){width:14%}.purchaseReverseTableV96 th:nth-child(6){width:8%}.purchaseReverseTableV96 th:nth-child(7){width:14%}.purchaseReverseTableV96 th:nth-child(8){width:15%}.purchaseReverseTableV96 tr.selected>td{background:#eef5e9}.purchaseTableWrapV96,.purchaseReversePanelV96 .tableWrap{overflow-x:hidden} @media(max-width:1100px){.purchaseCompactV96{min-width:940px}.purchaseReverseTableV96{min-width:760px}.purchaseTableWrapV96,.purchaseReversePanelV96 .tableWrap{overflow-x:auto}.purchaseReverseBarV96{grid-template-columns:1fr 2fr}.purchaseReverseBarV96>button{grid-column:1/-1}.purchaseTabsV44 button{font-size:8px}} @media(max-width:720px){.purchaseTabsV44{grid-template-columns:repeat(3,1fr)}.purchaseReverseBarV96{grid-template-columns:1fr}.purchaseReverseBarV96>button{grid-column:auto}} /* H&H 7.2 · sistema visual homologado, adaptativo y táctil. */ body.hhLedger{ --ios-canvas:#f2f2f7; --ios-card:rgba(255,255,255,.96); --ios-line:rgba(60,60,67,.16); --ios-shadow:0 10px 32px rgba(32,39,50,.08),0 1px 2px rgba(32,39,50,.05); --ios-shadow-raised:0 16px 42px rgba(32,39,50,.12),0 2px 6px rgba(32,39,50,.06); --ios-radius:18px; --ios-control-radius:12px; color:var(--hh-brand-ink); background:var(--ios-canvas); background-image:none; font-family:var(--hh-brand-font); -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; } /* H&H 7.3.1 · consultas ligeras, rutas seleccionables y MOD estándar automática. */ .auditLimitV103{display:flex;align-items:end;justify-content:flex-end;gap:12px;flex-wrap:wrap}.auditLimitV103 label{display:grid;gap:4px;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.auditLimitV103 select{min-width:150px} .routeSelectorHeadV103{align-items:end}.routeSelectorActionsV103{display:flex;align-items:end;gap:9px}.routeSelectorActionsV103 label{display:grid;gap:5px;min-width:min(360px,42vw);color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.routeSelectorActionsV103 select{width:100%} .laborStandardGridV103{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(220px,1.2fr) minmax(220px,1.2fr) auto;align-items:end;border:1px solid var(--line);background:#f7f5f2}.laborStandardGridV103>div,.laborStandardGridV103>label{display:grid;gap:5px;min-height:72px;padding:12px 15px;border-right:1px solid var(--line)}.laborStandardGridV103 span,.laborStandardGridV103 label{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.laborStandardGridV103 b{color:var(--ink);font-size:21px}.laborStandardGridV103 small{color:var(--muted);font-size:9px}.laborStandardGridV103 button{margin:12px} .salesTabsV103 button{min-width:150px} /* Compras adopta la misma densidad y lectura tabular de Materiales. */ .purchaseTabsV44{margin-bottom:18px;border:1px solid var(--line)}.purchaseTabsV44 button{min-height:42px;padding:9px 8px;font-size:9px;letter-spacing:.035em}.purchaseControlCompactV96{margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);background:#f4f2ef}.purchaseControlCompactV96 label{font-size:9px}.purchaseControlCompactV96 input,.purchaseControlCompactV96 select,.purchaseControlCompactV96 button{min-height:32px;padding:5px 7px;font-size:9.5px}.purchaseTableWrapV96{max-height:64vh;border:1px solid var(--line);overflow:auto}.purchaseCompactV96{min-width:100%;table-layout:fixed}.purchaseCompactV96 thead{position:sticky;top:0;z-index:2}.purchaseCompactV96 th{padding:8px 5px;font-size:8.2px;line-height:1.15}.purchaseCompactV96 td{height:40px;padding:6px 5px;font-size:9.5px;line-height:1.2}.purchaseCompactV96 input,.purchaseCompactV96 select{min-height:29px;padding:4px 5px;font-size:9.5px}.purchaseCompactV96 b{font-size:10px}.purchaseCompactV96 small{font-size:7.8px;line-height:1.15}.purchaseReversePanelV96{border-top:4px solid #28313d} @media(max-width:900px){.routeSelectorHeadV103{align-items:stretch}.routeSelectorActionsV103{width:100%}.routeSelectorActionsV103 label{min-width:0;flex:1}.laborStandardGridV103{grid-template-columns:1fr 1fr}.laborStandardGridV103>div,.laborStandardGridV103>label{border-bottom:1px solid var(--line)}} @media(max-width:650px){.auditLimitV103{width:100%;justify-content:stretch}.auditLimitV103 label,.auditLimitV103 select{width:100%}.routeSelectorActionsV103{display:grid;grid-template-columns:1fr}.laborStandardGridV103{grid-template-columns:1fr}.laborStandardGridV103>div,.laborStandardGridV103>label{border-right:0}.laborStandardGridV103 button{width:calc(100% - 24px)}.salesTabsV103 button{min-width:145px}} /* H&H 7.3.2 · stock operativo y MOD por variables. */ .purchaseCompactV96,.purchaseReverseTableV96{--purchase-selection-width:38px} .purchaseCompactV96 col.purchaseSelectionColumnV105,.purchaseReverseTableV96 col.purchaseSelectionColumnV105{width:var(--purchase-selection-width)!important} :is(.purchaseCompactV96,.purchaseReverseTableV96) :is(th,td):first-child{ box-sizing:border-box!important; width:var(--purchase-selection-width)!important; min-width:var(--purchase-selection-width)!important; max-width:var(--purchase-selection-width)!important; padding-left:5px!important; padding-right:5px!important; text-align:center!important; } :is(.purchaseCompactV96,.purchaseReverseTableV96) :is(th,td):first-child input[type="checkbox"]{ display:block; width:15px!important; min-width:15px!important; max-width:15px!important; height:15px!important; min-height:15px!important; margin:0 auto!important; padding:0!important; } .laborStandardGridV103.laborStandardGridV104{grid-template-columns:minmax(120px,.7fr) minmax(150px,.85fr) minmax(170px,1fr) minmax(240px,1.35fr) auto} /* Entregas · lectura tipo inventario en escritorio; conserva filtros y detalle. */ .ptTodayPanelV56{ overflow:hidden; margin:0 0 16px; border:1px solid #c9cdd2; border-radius:8px; box-shadow:0 4px 14px rgba(32,41,55,.06); } .ptTodayHeadV56{ grid-template-columns:minmax(0,1fr) auto; gap:16px; padding:15px 18px 12px; border-bottom:1px solid #d7dade; background:#f6f7f8; } .ptTodayHeadV56 h3{margin:2px 0 3px;font-size:18px;line-height:1.15} .ptTodayHeadV56 p{margin:0;font-size:10px;line-height:1.3} .ptTodayHeadV56 .sectionNumberV56{font-size:8px;letter-spacing:.12em} .ptTodayTotalsV56{display:flex;align-items:stretch;justify-content:flex-end;gap:0;border:1px solid #d1d4d8;background:#fff} .ptTodayTotalsV56 span{display:grid;align-content:center;min-width:112px;padding:7px 11px;border-right:1px solid #d1d4d8;font-size:8px;line-height:1.2;text-transform:uppercase} .ptTodayTotalsV56 span:last-child{border-right:0}.ptTodayTotalsV56 b{font-size:14px;line-height:1.1;text-transform:none} .ptTodayToolbarV56{grid-template-columns:minmax(220px,1fr) minmax(170px,240px);gap:10px;padding:10px 18px;border-bottom:1px solid #d7dade;background:#fff} .ptTodayToolbarV56 label{gap:3px}.ptTodayToolbarV56 label span{font-size:8px}.ptTodayToolbarV56 input,.ptTodayToolbarV56 select{min-height:31px;padding:5px 8px;border-radius:4px;font-size:10px} .ptTodayColumnsV104{display:grid;grid-template-columns:minmax(190px,1.6fr) minmax(145px,.9fr) minmax(145px,.9fr) 18px;gap:12px;padding:7px 18px;border-bottom:1px solid #c9cdd2;background:var(--hh-brand-ink);color:#fff;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase} .ptTodayLedgerV56{padding:0 18px 12px;background:#fff} .ptTodayItemV56{border-bottom:1px solid #e0e2e5}.ptTodayItemV56 summary{grid-template-columns:minmax(190px,1.6fr) minmax(145px,.9fr) minmax(145px,.9fr) 18px;gap:12px;min-height:48px;padding:8px 0} .ptTodaySkuV56,.ptTodayPrimaryV56{gap:1px}.ptTodaySkuV56 b{font-size:12px}.ptTodayPrimaryV56 b{font-size:15px}.ptTodaySkuV56 small,.ptTodayPrimaryV56 small{font-size:8px} .ptTodayStateV56{align-self:center;padding:5px 8px;border-left-width:3px;font-size:8px;line-height:1.15} .ptTodayBreakdownV56{grid-template-columns:repeat(5,minmax(110px,1fr));margin:0 0 8px;border-left-width:3px} .ptTodayBreakdownV56 span,.ptTodayBreakdownV56 span.wide{grid-column:auto;padding:9px 10px;border-top:0}.ptTodayBreakdownV56 small{font-size:7px}.ptTodayBreakdownV56 b{font-size:10px} @media(max-width:1100px){.laborStandardGridV103.laborStandardGridV104{grid-template-columns:repeat(2,minmax(0,1fr))}.laborStandardGridV103.laborStandardGridV104 button{margin:12px}} @media(max-width:720px){ .ptTodayPanelV56{border-radius:14px}.ptTodayHeadV56{grid-template-columns:1fr;padding:15px}.ptTodayTotalsV56{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ptTodayTotalsV56 span{min-width:0;border-bottom:0} .ptTodayToolbarV56{grid-template-columns:1fr;padding:10px 15px}.ptTodayColumnsV104{display:none}.ptTodayLedgerV56{display:grid;gap:9px;padding:10px 12px 14px;background:#f3f4f6} .ptTodayItemV56{overflow:hidden;border:1px solid #d6d9dd;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(32,41,55,.05)}.ptTodayItemV56 summary{grid-template-columns:1fr auto 14px;gap:8px;padding:12px}.ptTodayStateV56{grid-column:1/3;grid-row:2}.ptTodayBreakdownV56{grid-template-columns:repeat(2,1fr);margin:0;border-left:0}.ptTodayBreakdownV56 span.wide{grid-column:1/-1;border-top:1px solid #d9d5cf} .laborStandardGridV103.laborStandardGridV104{grid-template-columns:1fr} } body.hhLedger .appShell{grid-template-columns:238px minmax(0,1fr);background:var(--ios-canvas)} body.hhLedger .workspace{min-width:0;background:var(--ios-canvas);overflow-x:clip} body.hhLedger .sidebar{ padding:0 10px 18px; border:0; border-right:4px solid var(--hh-red); background:linear-gradient(180deg,#29323e 0%,#232b36 100%); box-shadow:8px 0 28px rgba(28,34,43,.11); } body.hhLedger .logoRow{min-height:100px;margin:0 -10px 10px;padding:22px 22px;border:0;border-bottom:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,#a52d30,#8e2427)} body.hhLedger .sidebar nav{gap:4px;padding-top:8px} body.hhLedger .sidebar nav::before{display:none} body.hhLedger .navSep{margin:14px 13px 5px;color:#9fa8b1} body.hhLedger .navButton{ min-height:48px; margin:0; padding:9px 11px; border:0; border-radius:13px!important; color:#dce1e6; transition:background .18s ease,color .18s ease,transform .18s ease; } body.hhLedger .navButton:hover{background:rgba(255,255,255,.08);transform:translateX(2px)} body.hhLedger .navButton .icon{width:30px;height:30px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:rgba(255,255,255,.05)} body.hhLedger .navButton.active{border:0;background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 3px 0 0 var(--hh-green)} body.hhLedger .navButton.active::after{display:none} body.hhLedger .navButton.active .icon{border-color:#bd3a3d;border-radius:9px;background:var(--hh-red)} body.hhLedger .sideFoot{margin:12px 4px 0;padding:14px 10px;border-top:1px solid rgba(255,255,255,.14)} body.hhLedger .topbar{ min-height:82px; padding:13px clamp(18px,3vw,44px); border:0; border-bottom:1px solid var(--ios-line); background:rgba(255,255,255,.88); box-shadow:0 1px 0 rgba(255,255,255,.8); backdrop-filter:saturate(180%) blur(20px); -webkit-backdrop-filter:saturate(180%) blur(20px); } body.hhLedger .topbar::after{bottom:-1px;width:150px;border-bottom:2px solid var(--hh-red)} body.hhLedger .topbar h1{font-size:clamp(19px,2vw,26px);line-height:1.1;letter-spacing:-.02em;text-transform:none} body.hhLedger .eyebrow{margin-bottom:5px;font-size:9px;letter-spacing:.16em} body.hhLedger .topActions{gap:8px} body.hhLedger .weekPicker{min-height:46px;padding:6px 11px;border:1px solid var(--ios-line);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.03)} body.hhLedger .weekPicker input{min-height:22px;font-size:12px} body.hhLedger .userChip{min-width:128px;padding:0 5px} body.hhLedger main{width:100%;max-width:1780px;margin:0 auto;padding:clamp(18px,2.5vw,36px) clamp(16px,3vw,46px) 72px} body.hhLedger .hero{ min-height:112px; margin:0 0 18px; padding:22px 24px 25px; border:1px solid var(--ios-line); border-left:6px solid var(--hh-red); border-radius:20px!important; background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,247,245,.96)); box-shadow:var(--ios-shadow); } body.hhLedger .hero::after{right:24px;bottom:9px;color:#a59d98} body.hhLedger .hero h2{font-size:clamp(24px,2.6vw,36px);line-height:1.08;letter-spacing:-.035em} body.hhLedger .hero p{max-width:850px;font-size:clamp(11px,1.05vw,14px);line-height:1.5} body.hhLedger .heroActions{align-items:center;gap:8px} body.hhLedger :where(button,.buttonLink){ min-height:40px; border-radius:var(--ios-control-radius)!important; transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease; touch-action:manipulation; } body.hhLedger :where(button,.buttonLink):hover:not(:disabled){transform:translateY(-1px)} body.hhLedger :where(button,.buttonLink):active:not(:disabled){transform:scale(.985)} body.hhLedger :where(.primary,.secondary,.ghost,.danger,.quietAction,.dangerActionV45){padding:9px 14px;border-radius:12px!important;font-size:10px;font-weight:800} body.hhLedger .primary{border-color:var(--hh-red);background:var(--hh-brand-wine);box-shadow:0 5px 14px rgba(169,39,42,.2)} body.hhLedger .secondary,body.hhLedger .ghost,body.hhLedger .quietAction{border:1px solid var(--ios-line);background:#fff;color:#28313d;box-shadow:0 1px 2px rgba(0,0,0,.03)} body.hhLedger .danger,body.hhLedger .dangerActionV45{border:1px solid rgba(190,61,69,.24);background:#fff4f4;color:#a9272a} body.hhLedger :where(.iconButton,.removeRow,.minuteDeleteV75){border-radius:11px!important} body.hhLedger input[type="checkbox"],body.hhLedger input[type="radio"]{accent-color:var(--hh-red)} body.hhLedger :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){ border:1px solid var(--ios-line)!important; border-radius:10px!important; background:#fff!important; color:#26303c; outline:none; box-shadow:inset 0 1px 1px rgba(0,0,0,.025); } body.hhLedger :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{border-color:rgba(169,39,42,.52)!important;box-shadow:0 0 0 3px rgba(169,39,42,.11)!important} body.hhLedger :where(input,select,textarea):disabled{color:#4c535c;opacity:.72;-webkit-text-fill-color:#4c535c} body.hhLedger :where(.panel,.kpi,.fileFlow,.poSheet,.orderSheetV42,.shipmentLine,.deliveryTruck,.routeCardV82,.fumigationCardV95,.capacityCard,.stockCard,.equipmentCard,.materialCard){ border:1px solid var(--ios-line)!important; border-radius:var(--ios-radius)!important; background:var(--ios-card); box-shadow:var(--ios-shadow)!important; } body.hhLedger .panel{margin-top:16px;padding:18px} body.hhLedger .panelHead{align-items:flex-start;margin-bottom:14px} body.hhLedger .panelHead h3{font-size:clamp(14px,1.35vw,18px);letter-spacing:-.012em} body.hhLedger .panelHead p{font-size:11px;line-height:1.45} body.hhLedger .kpi{min-height:122px;padding:17px;border-top-width:4px!important} body.hhLedger .kpi strong{font-size:clamp(23px,2.2vw,32px);letter-spacing:-.035em} body.hhLedger .kpi span{font-size:9px;line-height:1.2} body.hhLedger .kpi small{font-size:10px;line-height:1.35} body.hhLedger .grid4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px} body.hhLedger .grid3{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px} body.hhLedger .grid2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px} body.hhLedger :where(.privateBanner,.roleNoticeV45,.callout,.standardWindowV70,.planningWindowV70,.todayReferenceV95,.purchaseReverseBarV96,.ptRuleV76,.summaryPotentialV76){border-radius:14px!important} body.hhLedger .subtabs{ width:100%; gap:4px; margin:0 0 16px; padding:4px; border:1px solid var(--ios-line); border-radius:15px; background:rgba(118,118,128,.10); overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; } body.hhLedger .subtabs::-webkit-scrollbar{display:none} body.hhLedger .subtabs button{ flex:1 0 auto; min-width:clamp(120px,15vw,190px); min-height:40px; padding:8px 13px; border:0; border-radius:11px!important; background:transparent; color:#555e69; font-size:9px; letter-spacing:.035em; text-transform:none; box-shadow:none; } body.hhLedger .subtabs button.active{background:#2d3642;color:#fff;box-shadow:0 3px 10px rgba(33,40,50,.18)} body.hhLedger .purchaseTabsV44{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))} body.hhLedger .purchaseTabsV44 button{min-width:0} body.hhLedger .tableWrap{ border:1px solid var(--ios-line); border-radius:15px; background:#fff; box-shadow:0 4px 18px rgba(34,41,52,.045); overflow:auto; scrollbar-width:thin; scrollbar-color:#b7bbc1 transparent; -webkit-overflow-scrolling:touch; } body.hhLedger .tableWrap::-webkit-scrollbar{width:7px;height:7px} body.hhLedger .tableWrap::-webkit-scrollbar-thumb{border-radius:999px;background:#b7bbc1} body.hhLedger .dataTable{border-collapse:separate;border-spacing:0;background:#fff} body.hhLedger .dataTable th{ padding:10px 9px; border:0; border-bottom:1px solid rgba(255,255,255,.12); background:#313a46; color:#fff; font-size:8.5px; line-height:1.2; } body.hhLedger .dataTable th:first-child{border-top-left-radius:13px} body.hhLedger .dataTable th:last-child{border-top-right-radius:13px} body.hhLedger .dataTable td{padding:9px;border:0;border-bottom:1px solid #ececef;background:#fff;font-size:10px;line-height:1.3} body.hhLedger .dataTable tr:nth-child(even) td{background:#fafafd} body.hhLedger .dataTable tbody tr:hover td{background:#f6f7f9} body.hhLedger .dataTable :where(input,select,textarea){min-height:34px;padding:6px 7px;font-size:10px} body.hhLedger .dataTable small{font-size:8px;line-height:1.25} body.hhLedger .scrollTableV98{min-width:max(760px,calc(var(--v98-column-count) * 108px))} body.hhLedger .plannerPanelV88 .dataTable input,body.hhLedger .plannerPanelV88 .dataTable select{min-height:28px;padding:4px 3px;font-size:9px} body.hhLedger .purchaseCompactV96 :where(input,select){min-height:27px;padding:3px;font-size:8.5px} body.hhLedger .status{min-height:24px;padding:5px 9px;border-radius:999px!important;font-size:8px} body.hhLedger :where(.modal,.loginCard){border:1px solid var(--ios-line);border-top:5px solid var(--hh-red);border-radius:22px!important;box-shadow:0 28px 80px rgba(24,28,35,.28)} body.hhLedger .modalWrap{background:rgba(24,27,32,.52);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} body.hhLedger .toast{right:22px;bottom:22px;max-width:min(420px,calc(100vw - 28px));padding:13px 17px;border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 12px 35px rgba(0,0,0,.24);backdrop-filter:blur(14px)} body.hhLedger :where(.routeCardsV82,.coverageCommandV72,.transportRulesV63,.summarySectionsV46,.annualControlV51){border-radius:18px;overflow:hidden} body.hhLedger :where(.routeFlowNodeV82,.routeFlowEmptyV82,.routeFlowPaletteV82 button,.shipmentSummaryV64,.ptLoadChoiceV63){border-radius:12px} @media(max-width:1280px) and (min-width:769px){ body.hhLedger .appShell{grid-template-columns:92px minmax(0,1fr)} body.hhLedger .sidebar{padding-inline:8px} body.hhLedger .logoRow{justify-content:center;margin-inline:-8px;padding-inline:8px} body.hhLedger .logoRow>div:last-child,body.hhLedger .navButton .label,body.hhLedger .sideFoot small{display:none} body.hhLedger .navButton{justify-content:center;padding-inline:8px} body.hhLedger .navButton:hover{transform:none} body.hhLedger .navSep{margin-inline:5px;text-align:center;font-size:7px} body.hhLedger .sideFoot{padding-inline:6px;text-align:center} body.hhLedger .topbar{padding-inline:22px} body.hhLedger main{padding-inline:22px} body.hhLedger .grid4{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger .purchaseTabsV44{display:flex} body.hhLedger .purchaseTabsV44 button{min-width:140px} } @media(max-width:900px){ body.hhLedger .topbar{align-items:flex-start} body.hhLedger .topActions{flex-wrap:wrap;justify-content:flex-end} body.hhLedger .userChip{display:none} body.hhLedger .deliveryLayout,body.hhLedger .costGrid,body.hhLedger .routeFlowWorkbenchV82{grid-template-columns:1fr} body.hhLedger :where(.purchaseControlV45,.standardWindowV70,.planningWindowV70,.todayReferenceV95){align-items:stretch;flex-direction:column} body.hhLedger .sheetFilters{flex-wrap:wrap} body.hhLedger .summarySectionsV46.summaryExecutiveV94{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:768px){ body.hhLedger{padding-bottom:env(safe-area-inset-bottom)} body.hhLedger .appShell{display:block} body.hhLedger .workspace{padding-bottom:calc(78px + env(safe-area-inset-bottom))} body.hhLedger .sidebar{ position:fixed; inset:auto 0 0; width:100%; height:calc(72px + env(safe-area-inset-bottom)); padding:6px 7px calc(5px + env(safe-area-inset-bottom)); border:0; border-top:3px solid var(--hh-red); background:rgba(39,48,60,.96); box-shadow:0 -8px 28px rgba(29,35,44,.18); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); } body.hhLedger :where(.logoRow,.navSep,.sideFoot){display:none} body.hhLedger .sidebar nav{display:flex;gap:4px;padding:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} body.hhLedger .sidebar nav::-webkit-scrollbar{display:none} body.hhLedger .navButton{flex:0 0 70px;min-width:70px;min-height:56px;padding:4px 3px;gap:2px;justify-content:center;flex-direction:column;text-align:center} body.hhLedger .navButton .icon{width:27px;height:27px;border:0;background:transparent} body.hhLedger .navButton .label{display:block;max-width:66px;overflow:hidden;font-size:8px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap} body.hhLedger .navButton.active{background:rgba(255,255,255,.13);box-shadow:none} body.hhLedger .navButton.active .icon{border-radius:8px;background:var(--hh-red)} body.hhLedger .topbar{position:sticky;top:0;display:block;min-height:0;padding:11px 14px 10px} body.hhLedger .topbar h1{max-width:100%;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} body.hhLedger .eyebrow{font-size:8px} body.hhLedger .topActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px} body.hhLedger .weekPicker{grid-column:1/-1;width:100%;min-height:42px} body.hhLedger .topActions>button{width:100%;min-width:0;min-height:38px;padding:6px 7px;font-size:9px} body.hhLedger main{padding:14px 12px 34px} body.hhLedger .hero{display:block;min-height:0;padding:17px 16px 18px;border-radius:17px!important} body.hhLedger .hero::after{display:none} body.hhLedger .hero h2{font-size:25px} body.hhLedger .hero p{font-size:11px} body.hhLedger .heroActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px} body.hhLedger .heroActions>*{width:100%;min-width:0} body.hhLedger .panel{padding:13px;border-radius:16px!important} body.hhLedger .panelHead{display:grid;grid-template-columns:1fr;gap:10px} body.hhLedger .panelHead :where(button,.panelActions){width:100%} body.hhLedger .panelActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger .grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} body.hhLedger .grid3,body.hhLedger .grid2{grid-template-columns:1fr;gap:9px} body.hhLedger .kpi{min-height:108px;padding:13px} body.hhLedger .kpi strong{font-size:23px} body.hhLedger .subtabs,body.hhLedger .purchaseTabsV44,body.hhLedger .deliveryTabsV63{display:flex;grid-template-columns:none} body.hhLedger .subtabs button,body.hhLedger .purchaseTabsV44 button{flex:0 0 auto;min-width:132px;min-height:39px} body.hhLedger .tableWrap{border-radius:14px} body.hhLedger table.responsiveListV98{display:block;width:100%;min-width:0!important;padding:0;background:transparent} body.hhLedger .responsiveListV98 thead{display:none} body.hhLedger .responsiveListV98 tbody{display:grid;gap:10px;padding:10px;background:var(--ios-canvas)} body.hhLedger .responsiveListV98 tr{display:grid;width:100%;padding:5px 12px;border:1px solid var(--ios-line);border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(36,43,54,.06)} body.hhLedger .responsiveListV98 td{display:grid;grid-template-columns:minmax(105px,.72fr) minmax(0,1fr);align-items:center;gap:10px;width:100%!important;min-width:0!important;padding:9px 0;border:0;border-bottom:1px solid #ececef;background:#fff!important;text-align:right} body.hhLedger .responsiveListV98 td:last-child{border-bottom:0} body.hhLedger .responsiveListV98 td::before{content:attr(data-label-v98);color:#747b84;font-size:8px;font-weight:850;letter-spacing:.045em;text-align:left;text-transform:uppercase} body.hhLedger .responsiveListV98 td[hidden]{display:none!important} body.hhLedger .responsiveListV98 td[colspan]{display:block;padding:0;border:0;text-align:center} body.hhLedger .responsiveListV98 td[colspan]::before{display:none} body.hhLedger .responsiveListV98 td :where(input,select,textarea,button){max-width:100%;margin-left:auto} body.hhLedger .responsiveListV98 td :where(input,select,textarea){min-width:0!important;text-align:right} body.hhLedger .responsiveListV98 td small{white-space:normal} body.hhLedger .scrollTableV98{min-width:max(780px,calc(var(--v98-column-count) * 104px))} body.hhLedger :where(.fumigationCardsV95,.routeCardsV82){grid-template-columns:1fr;padding:10px} body.hhLedger .fumigationCardsV95{grid-template-columns:minmax(0,1fr)} body.hhLedger .purchaseReverseBarV96{grid-template-columns:1fr;padding:12px} body.hhLedger .purchaseReverseBarV96>button{grid-column:auto} body.hhLedger .summarySectionsV46.summaryExecutiveV94{grid-template-columns:1fr} body.hhLedger .summaryExecutiveV94 .summaryGroupV46>div{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger .modalWrap{padding:10px} body.hhLedger .modal{max-height:94vh;padding:19px;border-radius:20px!important} body.hhLedger .toast{right:14px;bottom:calc(84px + env(safe-area-inset-bottom))} } @media(max-width:480px){ body.hhLedger .grid4{grid-template-columns:1fr} body.hhLedger .heroActions,body.hhLedger .panelActions{grid-template-columns:1fr} body.hhLedger .summaryExecutiveV94 .summaryGroupV46>div{grid-template-columns:1fr} body.hhLedger .responsiveListV98 td{grid-template-columns:92px minmax(0,1fr);gap:7px} body.hhLedger .topActions>button{font-size:8px} } @media(prefers-reduced-motion:reduce){body.hhLedger *,body.hhLedger *::before,body.hhLedger *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}} /* H&H 7.3 · escritorio operativo tipo Microsoft/Excel; móvil táctil independiente. */ .siteTrendV99{border:1px solid #c8c6c4;background:#fff;overflow:hidden} .trendLegendV99{display:flex;align-items:center;gap:18px;min-height:38px;padding:8px 12px;border-bottom:1px solid #d2d0ce;background:#f3f2f1;color:#484644;font-size:9px} .trendLegendV99 span{display:flex;align-items:center;gap:6px;font-weight:750} .trendLegendV99 i{display:inline-block;width:13px;height:8px} .trendLegendV99 i.compliance{background:#5b9d50} .trendLegendV99 i.cost{height:3px;background:var(--hh-brand-wine);box-shadow:5px -3px 0 -1px #a52b2e} .trendLegendV99 small{margin-left:auto;color:#605e5c;font-size:8px} .siteTrendScrollV99{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a19f9d #f3f2f1} .siteTrendPlotV99{position:relative;min-width:max(720px,calc(var(--weeks) * 86px));height:238px;background:repeating-linear-gradient(to top,#fff 0,#fff 38px,#e7e6e5 39px,#fff 40px)} .trendColumnsV99{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--weeks),minmax(70px,1fr));height:238px} .trendWeekV99{display:grid;grid-template-rows:24px 154px 27px 25px;min-width:0;padding:4px 7px 0;border-right:1px solid rgba(200,198,196,.54);text-align:center} .trendWeekV99:last-child{border-right:0} .trendWeekV99>b{align-self:end;color:#323130;font-size:9px} .trendBarSlotV99{display:flex;align-items:flex-end;justify-content:center;height:154px} .trendBarSlotV99>i{display:block;width:min(30px,46%);min-height:4px;background:#5b9d50;border:1px solid #477b40;border-bottom:0} .trendWeekV99>span{align-self:center;color:#323130;font-size:8px;font-weight:800;white-space:nowrap} .trendWeekV99>small{align-self:start;color:#8d2528;font-size:8px;font-weight:750;white-space:nowrap} .trendCostLineV99{position:absolute;z-index:2;top:24px;left:0;width:100%;height:154px;overflow:visible;pointer-events:none} .trendCostLineV99 polyline{fill:none;stroke:#a52b2e;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke} .trendCostLineV99 circle{fill:#fff;stroke:#a52b2e;stroke-width:3;vector-effect:non-scaling-stroke} @media(min-width:769px){ body.hhLedger{ --desktop-line:#c8c6c4; --desktop-grid:#d9d9d9; --desktop-soft:#f3f2f1; --desktop-green:#217346; background:#f3f2f1; color:var(--hh-brand-ink); font-family:var(--hh-brand-font); } body.hhLedger .appShell{grid-template-columns:224px minmax(0,1fr);background:#f3f2f1} body.hhLedger .workspace{background:#f3f2f1} body.hhLedger .sidebar{padding:0;border:0;border-right:1px solid #1b222b;background:#29323e;box-shadow:none} body.hhLedger .logoRow{min-height:88px;margin:0;padding:17px 20px;border:0;border-bottom:4px solid var(--hh-brand-fruit-dark);background:#a52b2e} body.hhLedger .sidebar nav{gap:0;padding:0} body.hhLedger .navSep{margin:0;padding:13px 17px 8px;border-bottom:1px solid rgba(255,255,255,.08);color:#b8bec5} body.hhLedger .navButton{min-height:43px;margin:0;padding:7px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.07);border-radius:0!important;color:#e1e5e9;transition:background .1s ease} body.hhLedger .navButton:hover{background:#343e4b;transform:none} body.hhLedger .navButton .icon{width:27px;height:27px;border:0;border-radius:0;background:transparent} body.hhLedger .navButton.active{border:0;border-left:4px solid #5b9d50;background:#3a4451;box-shadow:none} body.hhLedger .navButton.active .icon{border:0;border-radius:0;background:#a52b2e} body.hhLedger .sideFoot{margin:0;padding:13px 17px;border-top:1px solid rgba(255,255,255,.12)} body.hhLedger .topbar{min-height:72px;padding:10px 24px;border:0;border-bottom:1px solid #a19f9d;background:#fff;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none} body.hhLedger .topbar::after{bottom:-1px;width:128px;border-bottom:3px solid #a52b2e} body.hhLedger .topbar h1{font-size:22px;letter-spacing:0;text-transform:uppercase} body.hhLedger .weekPicker{min-height:42px;padding:5px 9px;border:1px solid #a19f9d;border-radius:2px;background:#fff;box-shadow:none} body.hhLedger .topActions{gap:6px} body.hhLedger main{max-width:none;padding:20px 24px 54px} body.hhLedger .hero{display:flex;min-height:88px;margin:0 0 14px;padding:17px 21px;border:1px solid var(--desktop-line);border-left:5px solid #a52b2e;border-radius:2px!important;background:#fff;box-shadow:none} body.hhLedger .hero h2{font-size:26px;letter-spacing:-.015em} body.hhLedger .hero p{font-size:11px;line-height:1.4} body.hhLedger .hero::after{right:18px;bottom:7px} body.hhLedger :where(button,.buttonLink):hover:not(:disabled),body.hhLedger :where(button,.buttonLink):active:not(:disabled){transform:none} body.hhLedger :where(button,.buttonLink){min-height:34px;border-radius:3px!important;box-shadow:none!important} body.hhLedger :where(.primary,.secondary,.ghost,.danger,.quietAction,.dangerActionV45){padding:7px 12px;border-radius:3px!important;font-size:9px} body.hhLedger .primary{border-color:var(--hh-brand-wine);background:var(--hh-brand-wine);box-shadow:none} body.hhLedger .secondary,body.hhLedger .ghost,body.hhLedger .quietAction{border:1px solid #8a8886;background:#fff;color:#242424;box-shadow:none} body.hhLedger :where(.iconButton,.removeRow,.minuteDeleteV75){border-radius:2px!important} body.hhLedger :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){border:1px solid #a19f9d!important;border-radius:1px!important;background:#fff!important;box-shadow:none} body.hhLedger :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{border-color:var(--desktop-green)!important;box-shadow:inset 0 0 0 1px var(--desktop-green)!important} body.hhLedger :where(.panel,.kpi,.fileFlow,.poSheet,.orderSheetV42,.shipmentLine,.deliveryTruck,.routeCardV82,.fumigationCardV95,.capacityCard,.stockCard,.equipmentCard,.materialCard){border:1px solid var(--desktop-line)!important;border-radius:2px!important;background:#fff;box-shadow:none!important} body.hhLedger .panel{margin-top:14px;padding:14px} body.hhLedger .panelHead{margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid #edebe9} body.hhLedger .panelHead h3{font-size:14px;letter-spacing:.015em} body.hhLedger .panelHead p{font-size:9px;line-height:1.35} body.hhLedger .kpi{min-height:105px;padding:13px;border-top-width:3px!important} body.hhLedger .kpi strong{font-size:25px;letter-spacing:-.02em} body.hhLedger .kpi small{font-size:9px} body.hhLedger .grid4,body.hhLedger .grid3,body.hhLedger .grid2{gap:0} body.hhLedger .grid4>.kpi,body.hhLedger .grid3>.kpi,body.hhLedger .grid2>.kpi{margin:0;border-right:0!important} body.hhLedger .grid4>:last-child,body.hhLedger .grid3>:last-child,body.hhLedger .grid2>:last-child{border-right:1px solid var(--desktop-line)!important} body.hhLedger :where(.privateBanner,.roleNoticeV45,.callout,.standardWindowV70,.todayReferenceV95,.purchaseReverseBarV96,.summaryPotentialV76){border-radius:2px!important;box-shadow:none!important} body.hhLedger .subtabs,body.hhLedger .purchaseTabsV44,body.hhLedger .deliveryTabsV63{ display:flex; width:100%; justify-content:flex-start; gap:0; margin:0 0 14px; padding:0; border:0; border-bottom:1px solid #a19f9d; border-radius:0; background:#f3f2f1; overflow-x:auto; scrollbar-width:thin; } body.hhLedger .subtabs button,body.hhLedger .purchaseTabsV44 button,body.hhLedger .deliveryTabsV63 button{ flex:0 0 auto!important; min-width:auto!important; min-height:37px; margin:0; padding:8px 15px; border:1px solid transparent; border-right:1px solid #d2d0ce; border-radius:0!important; background:#edebe9; color:#323130; font-size:9px; line-height:1.15; letter-spacing:0; white-space:nowrap; box-shadow:none; } body.hhLedger .subtabs button:hover{background:#e1dfdd} body.hhLedger .subtabs button.active{border-color:#a19f9d;border-bottom-color:#fff;background:#fff;color:#201f1e;box-shadow:inset 0 -3px #a52b2e} body.hhLedger .purchaseTabBadge{border-radius:2px} body.hhLedger .tableWrap{border:1px solid #a19f9d;border-radius:0;background:#fff;box-shadow:none;scrollbar-color:#a19f9d #f3f2f1} body.hhLedger .tableWrap::-webkit-scrollbar-thumb{border-radius:0;background:#a19f9d} body.hhLedger .dataTable{border-collapse:collapse;border-spacing:0;background:#fff} body.hhLedger .dataTable th{padding:7px 6px;border:1px solid #b7b7b7;background:#e7e6e6;color:#242424;font-size:8px;line-height:1.15;letter-spacing:.025em} body.hhLedger .dataTable th:first-child,body.hhLedger .dataTable th:last-child{border-radius:0} body.hhLedger .dataTable td{padding:6px;border:1px solid var(--desktop-grid);background:#fff;font-size:9px;line-height:1.25} body.hhLedger .dataTable tr:nth-child(even) td{background:#fbfbfb} body.hhLedger .dataTable tbody tr:hover td{background:#edf5fb} body.hhLedger .dataTable :where(input,select,textarea){min-height:28px;padding:4px 5px;border:0!important;border-radius:0!important;background:transparent!important;font-size:9px;box-shadow:none} body.hhLedger .dataTable :where(input,select,textarea):focus{background:#fff!important;box-shadow:inset 0 0 0 2px var(--desktop-green)!important} body.hhLedger .dataTable small{font-size:7.5px} body.hhLedger .status{min-height:21px;padding:4px 7px;border-radius:2px!important} body.hhLedger :where(.routeCardsV82,.coverageCommandV72,.transportRulesV63,.summarySectionsV46,.annualControlV51){border-radius:2px;box-shadow:none;overflow:hidden} body.hhLedger :where(.routeFlowNodeV82,.routeFlowEmptyV82,.routeFlowPaletteV82 button,.shipmentSummaryV64,.ptLoadChoiceV63){border-radius:2px} body.hhLedger .modal{border-radius:3px!important} } @media(max-width:1280px) and (min-width:769px){ body.hhLedger .appShell{grid-template-columns:76px minmax(0,1fr)} body.hhLedger .sidebar{padding-inline:0} body.hhLedger .logoRow{margin-inline:0;padding-inline:8px} body.hhLedger .topbar{padding-inline:18px} body.hhLedger main{padding-inline:18px} body.hhLedger .purchaseTabsV44 button{min-width:auto} } @media(max-width:768px){ .siteTrendV99{border:0;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(34,41,52,.07)} .trendLegendV99{flex-wrap:wrap;gap:8px 14px;padding:10px 12px;border-radius:14px 14px 0 0;background:#f7f7fa} .trendLegendV99 small{width:100%;margin-left:0} .siteTrendPlotV99{min-width:max(650px,calc(var(--weeks) * 82px))} .trendBarSlotV99>i{border-radius:6px 6px 0 0} } /* Producción 1.1 · Compras comparte la jerarquía visual de Materiales y Ventas. */ body.hhLedger .purchaseHeroV110{margin-bottom:14px} body.hhLedger .purchaseTabsV110{ display:flex; width:100%; align-items:stretch; justify-content:flex-start; gap:0; margin-bottom:14px; padding:0; overflow-x:auto; } body.hhLedger .purchaseTabsV110 button{ flex:0 0 auto!important; min-width:auto!important; min-height:38px; padding-inline:15px; white-space:nowrap; } body.hhLedger .purchaseTabsV110 .purchaseTabBadge{ min-width:18px; height:18px; padding:0 5px; background:#77736f; color:#fff; font-size:8px; } body.hhLedger .purchaseTabsV110 button.active .purchaseTabBadge{background:#a52b2e} body.hhLedger .purchaseToolbarV110{ display:flex; align-items:end; justify-content:space-between; gap:14px; min-height:54px; margin:0 0 12px; padding:10px 12px; border:1px solid var(--desktop-line,#c8c6c4); border-left:4px solid #687b54; background:#fff; color:#242424; } body.hhLedger .purchaseToolbarV110 .sheetFilters{ display:flex; flex:0 1 auto; gap:10px; align-items:end; margin:0; border:0; background:transparent; overflow:visible; } body.hhLedger .purchaseToolbarV110 .sheetFilters label{ display:grid; min-width:150px; gap:4px; padding:0; border:0; color:#605e5c; font-size:8px; font-weight:800; letter-spacing:.045em; text-transform:uppercase; } body.hhLedger .purchaseToolbarV110 .sheetFilters select{ width:100%; min-height:31px; padding:5px 27px 5px 7px; border:1px solid #a19f9d!important; background:#fff!important; font-size:9px; } body.hhLedger .purchaseToolbarV110 .bulkActionsV45{ display:flex; flex:0 1 auto; align-items:center; justify-content:flex-end; gap:7px; padding:0; background:transparent; color:#323130; } body.hhLedger .purchaseToolbarV110 .bulkActionsV45>span{ display:inline-flex; align-items:center; min-height:30px; padding:5px 9px; border:1px solid #d2d0ce; background:#f3f2f1; color:#605e5c; font-size:8.5px; white-space:nowrap; } body.hhLedger .purchaseToolbarV110 .bulkActionsV45>span b{ margin-right:4px; color:#217346; font-size:12px; } body.hhLedger .purchaseToolbarV110 .bulkActionsV45 select{min-width:190px;min-height:31px} body.hhLedger .purchaseToolbarV110 .bulkActionsV45 button{min-height:31px;white-space:nowrap} body.hhLedger .purchaseControlCompactV96+.roleNoticeV45{ margin:-1px 0 12px; padding:9px 12px; border:1px solid #e2d5b8; border-left:4px solid #c68b2b; background:#fffaf0; color:#5f5544; font-size:9px; line-height:1.35; } body.hhLedger .purchaseDataPanelV110{ margin-top:0; padding:0!important; border-top:4px solid #313a46!important; overflow:hidden; } body.hhLedger .purchaseDataPanelV110>.tableWrap{ max-height:66vh; border:0; background:#fff; box-shadow:none; scrollbar-gutter:stable; scroll-behavior:smooth; } body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96{ width:100%; min-width:100%; table-layout:fixed; } body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96.purchaseTabV96-sugerida, body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96.purchaseTabV96-ordenregistrada, body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96.purchaseTabV96-cancelada{min-width:max(100%,920px)} body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96.purchaseTabV96-enviada{min-width:max(100%,1320px)} body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96.purchaseTabV96-recibida{min-width:max(100%,1080px)} body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96 th{ height:34px; padding:7px 5px; background:#e7e6e6; color:#242424; font-size:8px; font-weight:800; line-height:1.15; letter-spacing:.025em; text-transform:uppercase; } body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96 td{ height:42px; padding:6px 5px; color:#323130; font-size:9.5px; line-height:1.22; } body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96 :where(input,select){ min-height:29px; padding:4px 5px; color:#242424; font-size:9px; opacity:1; -webkit-text-fill-color:#242424; } body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96 :where(input,select):disabled{ color:#323130; opacity:1; -webkit-text-fill-color:#323130; } body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96 b{font-size:9.5px} body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96 small{font-size:7.5px;line-height:1.18} body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96 tr.suggested td{background:#fffdf3} body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96 tr.selectedPurchaseRowV20 td{background:#eef5fb} body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96 tbody tr:focus-within td{background:#f6fbf8} body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96 input[type="checkbox"]{accent-color:#217346;cursor:pointer} body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96 input:read-only{cursor:default} body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96 col[hidden]{visibility:collapse;width:0!important} body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96 col[data-purchase-col-v105="estatus"]{width:105px} body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96 [data-purchase-col-v96="estatus"]{width:105px!important} body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96 [data-purchase-col-v96="estatus"] .status{max-width:100%;white-space:normal;text-align:left} /* Recibidas usa una matriz exacta de 1,080 px. Así las columnas ocultas no entregan su espacio sobrante al selector y el check conserva 32 px. */ body.hhLedger .purchaseDataPanelV110 .purchaseTabV96-recibida col[data-purchase-col-v105="oc"]{width:92px} body.hhLedger .purchaseDataPanelV110 .purchaseTabV96-recibida col[data-purchase-col-v105="codigomaterial"]{width:190px} body.hhLedger .purchaseDataPanelV110 .purchaseTabV96-recibida col[data-purchase-col-v105="proveedor"]{width:130px} body.hhLedger .purchaseDataPanelV110 .purchaseTabV96-recibida col[data-purchase-col-v105="cantidad"]{width:88px} body.hhLedger .purchaseDataPanelV110 .purchaseTabV96-recibida col[data-purchase-col-v105="recibido"]{width:95px} body.hhLedger .purchaseDataPanelV110 .purchaseTabV96-recibida col[data-purchase-col-v105="fechareal"]{width:105px} body.hhLedger .purchaseDataPanelV110 .purchaseTabV96-recibida col[data-purchase-col-v105="moneda"]{width:70px} body.hhLedger .purchaseDataPanelV110 .purchaseTabV96-recibida col[data-purchase-col-v105="costomxnu"]{width:95px} body.hhLedger .purchaseDataPanelV110 .purchaseTabV96-recibida col[data-purchase-col-v105="tipodecambio"]{width:90px} body.hhLedger .purchaseDataPanelV110 .purchaseTabV96-recibida col[data-purchase-col-v105="nota"]{width:93px} body.hhLedger .purchaseDataPanelV110 .purchaseTabV96-enviada tbody tr td:first-child{box-shadow:inset 3px 0 #4f6b82} body.hhLedger .purchaseDataPanelV110 .purchaseTabV96-recibida tbody tr td:first-child{box-shadow:inset 3px 0 #5b8c55} body.hhLedger .purchaseDataPanelV110 .purchaseTabV96-cancelada tbody tr td:first-child{box-shadow:inset 3px 0 #a52b2e} body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96 tr.selectedPurchaseRowV20 td:first-child{box-shadow:inset 3px 0 #217346} body.hhLedger .purchaseDataPanelV110 .purchaseReverseTableV96 tr.selected td{background:#edf5e9} body.hhLedger .purchaseReverseToolbarV110{ display:grid; grid-template-columns:minmax(145px,.55fr) minmax(300px,2fr) minmax(175px,.7fr); align-items:end; } body.hhLedger .purchaseReverseToolbarV110 .reverseSelectAllV96{min-height:31px;color:#323130;font-size:9px} body.hhLedger .purchaseReverseToolbarV110 .reverseReasonV96{color:#605e5c;font-size:8px} body.hhLedger .purchaseReverseToolbarV110 .reverseReasonV96 input{min-height:31px;border:1px solid #a19f9d!important;font-size:9px} @media(max-width:1100px){ body.hhLedger .purchaseToolbarV110{align-items:stretch;flex-direction:column} body.hhLedger .purchaseToolbarV110 .bulkActionsV45{justify-content:flex-start;flex-wrap:wrap} body.hhLedger .purchaseReverseToolbarV110{display:grid;grid-template-columns:1fr 2fr} body.hhLedger .purchaseReverseToolbarV110>button{grid-column:1/-1} body.hhLedger .purchaseDataPanelV110 .purchaseCompactV96{min-width:940px} body.hhLedger .purchaseDataPanelV110 .purchaseReverseTableV96{min-width:760px} } @media(max-width:768px){ body.hhLedger .purchaseHeroV110{margin-bottom:12px} body.hhLedger .purchaseTabsV110{gap:4px;padding:4px;border:1px solid var(--ios-line);border-radius:14px;background:rgba(118,118,128,.10)} body.hhLedger .purchaseTabsV110 button{min-width:132px!important;border:0;border-radius:10px!important;background:transparent} body.hhLedger .purchaseTabsV110 button.active{background:#2d3642;color:#fff;box-shadow:0 3px 10px rgba(33,40,50,.18)} body.hhLedger .purchaseToolbarV110{display:flex;padding:11px;border-left-width:1px;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(36,43,54,.05)} body.hhLedger .purchaseToolbarV110 .sheetFilters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%} body.hhLedger .purchaseToolbarV110 .sheetFilters label{min-width:0} body.hhLedger .purchaseToolbarV110 .bulkActionsV45{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%} body.hhLedger .purchaseToolbarV110 .bulkActionsV45>span{grid-column:1/-1;justify-content:center} body.hhLedger .purchaseToolbarV110 .bulkActionsV45 select{min-width:0;width:100%} body.hhLedger .purchaseToolbarV110 .bulkActionsV45 button{width:100%} body.hhLedger .purchaseControlCompactV96+.roleNoticeV45{border-radius:12px!important} body.hhLedger .purchaseDataPanelV110{border-radius:14px!important} body.hhLedger .purchaseDataPanelV110>.tableWrap{max-height:none;border-radius:0} body.hhLedger .purchaseReverseToolbarV110{display:grid;grid-template-columns:1fr} body.hhLedger .purchaseReverseToolbarV110>button{grid-column:auto} } @media(max-width:480px){ body.hhLedger .purchaseToolbarV110 .sheetFilters,body.hhLedger .purchaseToolbarV110 .bulkActionsV45{grid-template-columns:1fr} body.hhLedger .purchaseToolbarV110 .bulkActionsV45>span{grid-column:auto} } /* Producción 1.2 · selector documental de fumigación. */ .fumigationTypeTabsV120{ display:grid; grid-template-columns:repeat(2,minmax(180px,240px)); gap:0; margin:0 0 14px; border-bottom:2px solid #313a46; } .fumigationTypeTabsV120 button{ display:flex; align-items:center; justify-content:space-between; min-height:42px; padding:9px 14px; border:1px solid #d2d0ce; border-bottom:0; border-radius:0; background:#f3f2f1; color:#323130; font-size:11px; font-weight:800; } .fumigationTypeTabsV120 button+button{border-left:0} .fumigationTypeTabsV120 button.active{background:#2d3642;color:#fff} .fumigationTypeTabsV120 button b{ min-width:24px; padding:3px 7px; border-radius:12px; background:rgba(255,255,255,.22); text-align:center; } .fumigationTypeTabsV120 button:not(.active) b{background:#e1dfdd;color:#605e5c} @media(max-width:768px){ .fumigationTypeTabsV120{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; padding:4px; border:1px solid var(--ios-line); border-radius:14px; background:rgba(118,118,128,.10); } .fumigationTypeTabsV120 button,.fumigationTypeTabsV120 button+button{ min-height:38px; border:0; border-radius:10px; background:transparent; } .fumigationTypeTabsV120 button.active{box-shadow:0 3px 10px rgba(33,40,50,.18)} } /* Producción 1.6 · vigencia automática y alertas KPI de superficie completa. */ .certificateAutoStateV160{display:flex;align-items:center;min-height:38px;margin-top:5px;padding:8px 10px;border:1px solid #d8d3cc;background:#f5f3f0;color:#5f5a54;font-size:.78rem;font-weight:850;line-height:1.25;text-transform:none;letter-spacing:0} .certificateAutoStateV160.ok{border-color:#aac49d;background:#eef5ea;color:#345b2f}.certificateAutoStateV160.warn{border-color:#dcaa75;background:#fff0df;color:#784414}.certificateAutoStateV160.bad{border-color:#9f312f;background:#9f312f;color:#fff} .summaryMetricV46.good,.summaryExecutiveV94 .summaryMetricV46.good{--signal-color:#6d9c59;background:#f3f8f0;border-color:#cbdac4;box-shadow:none} .summaryMetricV46.warn,.summaryExecutiveV94 .summaryMetricV46.warn{--signal-color:#c46b36;background:#ffeadc;border-color:#e4aa83;box-shadow:none} .summaryMetricV46.bad,.summaryExecutiveV94 .summaryMetricV46.bad{--signal-color:#9f312f;background:#9f312f;border-color:#9f312f;box-shadow:none} .summaryMetricV46.good::after,.summaryMetricV46.warn::after,.summaryMetricV46.bad::after,.summaryExecutiveV94 .summaryMetricV46.good::after,.summaryExecutiveV94 .summaryMetricV46.warn::after,.summaryExecutiveV94 .summaryMetricV46.bad::after{display:none} .summaryMetricV46.good span,.summaryMetricV46.good strong,.summaryMetricV46.good small{color:#345b2f}.summaryMetricV46.warn span,.summaryMetricV46.warn strong,.summaryMetricV46.warn small{color:#743b1d}.summaryMetricV46.bad span,.summaryMetricV46.bad strong,.summaryMetricV46.bad small{color:#fff} .summaryMetricV46.good span,.summaryMetricV46.warn span,.summaryMetricV46.bad span{padding-right:0} /* Producción 1.8 · compras, QA, gastos y Dirección integrados al cierre mensual. */ .ptAdjustmentValueV170{display:grid;grid-template-columns:minmax(76px,1fr) auto;align-items:center;gap:8px;min-width:150px} .ptAdjustmentValueV170 input{min-width:0;width:100%;text-align:right} .ptAdjustmentValueV170 small{color:var(--muted);font-size:.68rem;font-weight:850;line-height:1;white-space:nowrap} @media(max-width:768px){ .ptAdjustmentValueV170{grid-template-columns:minmax(82px,1fr) auto;min-width:0} } /* Producción 1.8 · liberación documental y lote trazable en despacho. */ .qaExpiryV180{display:block;min-width:105px;padding:8px 9px;border:1px solid #d8d3cc;background:#f5f3f0;color:#343b46;font-size:.76rem;font-weight:800;white-space:nowrap} .qaLotAssignmentV180{display:grid;gap:7px;min-width:270px;color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em} .qaLotAllocationV210>header{display:flex;align-items:center;justify-content:space-between;gap:8px} .qaLotAllocationV210>header .quietAction{min-height:30px;padding:5px 9px;border-radius:7px;font-size:.66rem;white-space:nowrap} .qaLotChoicesV210{display:grid;gap:4px;max-height:168px;overflow:auto;padding-right:3px} .qaLotChoiceV210{display:grid;grid-template-columns:minmax(130px,1fr) 78px;align-items:center;gap:8px;padding:6px 7px;border:1px solid #dedbd6;border-radius:7px;background:#fff} .qaLotChoiceV210.selected{border-color:#7c936d;background:#f4f7f1} .qaLotChoiceV210>span{display:grid;gap:1px;min-width:0;text-transform:none;letter-spacing:0} .qaLotChoiceV210 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#28313d;font-size:.73rem} .qaLotChoiceV210 small{color:#766f6b;font-size:.64rem;font-weight:650;line-height:1.25} .qaLotChoiceV210 input{min-width:0;width:100%;padding:6px 7px!important;border:1px solid #aeb3b8!important;border-radius:6px!important;background:#fff!important;font-size:.78rem!important} .qaLotTotalV210{color:#5d646c;font-size:.65rem;font-weight:750;text-transform:none;letter-spacing:0} .qaLotChipsV210{display:flex;flex-wrap:wrap;gap:5px;text-transform:none;letter-spacing:0} .qaLotChipsV210 span{display:inline-flex;gap:5px;padding:5px 7px;border-radius:999px;background:#edf2e9;color:#44513d;font-size:.68rem} .qaLotEmptyV210{padding:9px;border:1px dashed #c8c3bc;border-radius:7px;color:#7f2e30;text-transform:none;letter-spacing:0} .loadLineV47:has(.qaLotAssignmentV180){grid-template-columns:minmax(160px,.8fr) minmax(130px,.35fr) minmax(270px,1.15fr);align-items:end} .qaHistoryV87 td small{display:block;margin-top:3px;color:var(--muted)} @media(max-width:768px){ .loadLineV47:has(.qaLotAssignmentV180){grid-template-columns:1fr} .qaLotAssignmentV180{min-width:0} } /* Productivo 2.3 · borrador manual, SKU autocompletado y ciclos por turno. */ .plannerDraftStateV203{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border:1px solid #cfd5dc;border-radius:6px;background:#f5f7f9;color:#52606d;font-size:.72rem;font-weight:850;white-space:nowrap} .plannerDraftStateV203.pending{border-color:#d3a342;background:#fff6df;color:#76520c} .plannerPanelV88 .skuCellV92 small,.plannerPanelV88 .cyclesCellV92 small{display:block;margin-top:2px;color:#6c737d;font-size:7px;font-weight:750;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .plannerPanelV88 .skuCellV92 small.bad{color:#9f312f} .plannerPanelV88 [data-plan-sku-v203]{background:#fff} @media(max-width:768px){ .plannerDraftStateV203{min-height:36px;border-radius:10px;font-size:.76rem} .plannerPanelV88 .skuCellV92 small,.plannerPanelV88 .cyclesCellV92 small{font-size:8px} } /* Productivo 2.8 · captura inmediata y lectura clara del maestro de materiales. */ .dataTable td.readOnlyCellV208{background:#f1f4f5!important;color:var(--muted)} .dataTable td.readOnlyCellV208 b{color:var(--ink)} .dataTable td.readOnlyCellV208 small{display:block;margin-top:2px} /* Productivo 3.0 · comparación vertical real contra estándar en Gerencia. */ body.hhLedger .managementCostCompareV300{padding:0!important;overflow:hidden;border-top:4px solid #2d3642!important} body.hhLedger .managementCostCompareV300>.panelHead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0!important;padding:12px 14px 12px 58px;border-bottom:1px solid #d6d3cf;background:#faf9f7} body.hhLedger .managementCostCompareV300>.panelHead h3{margin:0 0 3px;font-size:15px} body.hhLedger .managementCostCompareV300>.panelHead p{max-width:760px;margin:0;font-size:10px;line-height:1.35} body.hhLedger .managementCostBasisV300{display:grid;grid-template-columns:repeat(3,minmax(104px,1fr));flex:0 0 auto;border:1px solid #d2d0ce;background:#fff} body.hhLedger .managementCostBasisV300 span{display:grid;gap:2px;min-width:0;padding:7px 10px;border-right:1px solid #d2d0ce;color:#6b6661;font-size:7px;font-weight:850;letter-spacing:.08em;text-transform:uppercase} body.hhLedger .managementCostBasisV300 span:last-child{border-right:0} body.hhLedger .managementCostBasisV300 b{overflow:hidden;color:#242b36;font-size:12px;line-height:1.15;text-overflow:ellipsis;text-transform:none;white-space:nowrap} body.hhLedger .managementCostTableWrapV300{width:100%;overflow:hidden} body.hhLedger .managementCostTableV300{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums} body.hhLedger .managementCostTableV300 th,body.hhLedger .managementCostTableV300 td{padding:10px 13px;border-right:1px solid #d9d6d2;border-bottom:1px solid #d9d6d2;vertical-align:middle} body.hhLedger .managementCostTableV300 th:last-child,body.hhLedger .managementCostTableV300 td:last-child{border-right:0} body.hhLedger .managementCostTableV300 thead th{background:#e9e8e6;color:#34312f;font-size:8px;font-weight:900;letter-spacing:.055em;line-height:1.2;text-align:right;text-transform:uppercase} body.hhLedger .managementCostTableV300 thead th:first-child{width:37%;text-align:left} body.hhLedger .managementCostTableV300 thead th:not(:first-child){width:21%} body.hhLedger .managementCostTableV300 thead small{display:block;margin-top:2px;color:#79736d;font-size:7px;font-weight:750;letter-spacing:.025em;text-transform:none} body.hhLedger .managementCostTableV300 tbody th{background:#fff;text-align:left} body.hhLedger .managementCostTableV300 tbody td{text-align:right} body.hhLedger .managementCostTableV300 tbody td>b{display:block;color:#252c37;font-size:13px;font-weight:900;line-height:1.15;white-space:nowrap} body.hhLedger .managementCostTableV300 tbody td>small{display:block;margin-top:3px;color:#736d68;font-size:8px;font-weight:700;line-height:1.25} body.hhLedger .managementCostRubroV300{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px} body.hhLedger .managementCostRubroV300>b{overflow:hidden;color:#242b36;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap} body.hhLedger .managementCostRubroV300>small{grid-column:1;overflow:hidden;color:#77716b;font-size:8px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap} body.hhLedger .managementCostStateV300{grid-column:2;grid-row:1/3;display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:3px 7px;border:1px solid #c9c6c2;background:#f4f3f1;color:#605b56;font-size:7px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap} body.hhLedger .managementCostStateV300.over{border-color:#d9a8a4;background:#fbeceb;color:#8f2928} body.hhLedger .managementCostStateV300.under{border-color:#adceb7;background:#edf6f0;color:#217346} body.hhLedger .managementCostStateV300.aligned{border-color:#b9cfad;background:#f0f6ed;color:#3f6833} body.hhLedger .managementCostStateV300.provisional{border-color:#dec27b;background:#fff6df;color:#76520c} body.hhLedger .managementCostDeltaV300.over{background:#fff1f0} body.hhLedger .managementCostDeltaV300.over>b{color:#a02e2c} body.hhLedger .managementCostDeltaV300.under{background:#eef7f1} body.hhLedger .managementCostDeltaV300.under>b{color:#217346} body.hhLedger .managementCostDeltaV300.provisional{background:#fff8e8} body.hhLedger .managementCostDeltaV300.provisional>b{color:#76520c} body.hhLedger .managementCostTableV300 tr.total :is(th,td){background:#eeece9;border-top:2px solid #8d8780;font-weight:900} body.hhLedger .managementCostTableV300 tr.total .managementCostRubroV300>b,body.hhLedger .managementCostTableV300 tr.total td>b{font-size:14px} body.hhLedger .managementCostFootV300{margin:0;padding:8px 14px;background:#faf9f7;color:#68625d;font-size:8px;font-weight:650;line-height:1.35} @media(max-width:768px){ body.hhLedger .managementCostCompareV300>.panelHead{display:grid;grid-template-columns:1fr;padding:12px 12px 12px 55px} body.hhLedger .managementCostBasisV300{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:10px;overflow:hidden} body.hhLedger .managementCostBasisV300 span{padding:7px 8px} body.hhLedger .managementCostTableV300 th,body.hhLedger .managementCostTableV300 td{padding:9px 6px} body.hhLedger .managementCostTableV300 thead th:first-child{width:34%} body.hhLedger .managementCostTableV300 thead th:not(:first-child){width:22%} body.hhLedger .managementCostTableV300 thead th{font-size:7px;letter-spacing:.025em} body.hhLedger .managementCostTableV300 tbody td>b{font-size:11px} body.hhLedger .managementCostTableV300 tbody td>small{font-size:8px} body.hhLedger .managementCostRubroV300{display:block} body.hhLedger .managementCostRubroV300>b{display:block;font-size:10px;white-space:normal} body.hhLedger .managementCostRubroV300>small{display:none} body.hhLedger .managementCostStateV300{display:inline-flex;margin-top:4px;min-height:20px;padding:2px 6px;font-size:8px} body.hhLedger .managementCostTableV300 tr.total .managementCostRubroV300>b,body.hhLedger .managementCostTableV300 tr.total td>b{font-size:11px} } @media(max-width:520px){ body.hhLedger .managementCostCompareV300>.panelHead{padding:10px 10px 10px 55px} body.hhLedger .managementCostBasisV300 span{padding:7px 6px;font-size:8px} body.hhLedger .managementCostBasisV300 b{font-size:11px} body.hhLedger .managementCostTableWrapV300{overflow:visible;background:#f3f2f0} body.hhLedger .managementCostTableV300{display:block} body.hhLedger .managementCostTableV300 thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} body.hhLedger .managementCostTableV300 tbody{display:grid;gap:9px;padding:9px} body.hhLedger .managementCostTableV300 tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid #d5d1cc;border-radius:11px;background:#fff;box-shadow:0 2px 7px rgba(35,42,52,.06)} body.hhLedger .managementCostTableV300 tbody th{grid-column:1/-1;padding:10px;border-right:0;background:#f9f8f6} body.hhLedger .managementCostTableV300 tbody td{display:block;min-width:0;padding:9px 7px;border-bottom:0;text-align:left} body.hhLedger .managementCostTableV300 tbody td::before{content:attr(data-label);display:block;margin-bottom:4px;color:#77716b;font-size:8px;font-weight:900;letter-spacing:.055em;text-transform:uppercase} body.hhLedger .managementCostTableV300 tbody td>b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap} body.hhLedger .managementCostTableV300 tbody td>small{font-size:9px;line-height:1.3} body.hhLedger .managementCostRubroV300{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 7px} body.hhLedger .managementCostRubroV300>b{font-size:11px} body.hhLedger .managementCostRubroV300>small{display:block;grid-column:1/-1;font-size:9px;white-space:normal} body.hhLedger .managementCostStateV300{grid-column:2;grid-row:1;align-self:start;margin:0;font-size:8px} body.hhLedger .managementCostTableV300 tr.total :is(th,td){border-top:0;background:#eeece9} body.hhLedger .managementCostFootV300{padding:9px 11px;font-size:9px} } /* Tablas operativas: cabecera y columnas de identidad permanecen visibles al recorrer listas extensas. */ body.hhLedger .stickyTableWrapV340{ position:relative; max-width:100%; overflow:auto; overscroll-behavior:contain; } body.hhLedger .stickyLongTableWrapV340{max-height:min(66vh,720px)} body.hhLedger .stickyTableV340{ border-collapse:separate!important; border-spacing:0!important; } body.hhLedger .stickyTableV340 thead th{ position:sticky; top:0; z-index:5; background:#313a46; } body.hhLedger .stickyTableV340 [data-sticky-col-v340]{ position:sticky; left:var(--sticky-left-v340,0); z-index:3; box-sizing:border-box; background:#fff; background-clip:padding-box; } body.hhLedger .stickyTableV340 thead [data-sticky-col-v340]{z-index:8;background:#313a46} body.hhLedger .stickyTableV340 [data-sticky-last-v340="true"]{box-shadow:3px 0 0 rgba(72,78,86,.18)} body.hhLedger .stickyTableV340 tbody tr:nth-child(even)>[data-sticky-col-v340]{background:#fafafd} body.hhLedger .stickyTableV340 tbody tr:hover>[data-sticky-col-v340]{background:#f6f7f9} body.hhLedger .stickyTableV340 tbody tr.suggested>[data-sticky-col-v340]{background:#fffdf3} body.hhLedger .stickyTableV340 tbody tr.selected>[data-sticky-col-v340]{background:#edf5e9} body.hhLedger .stickyTableV340 tbody tr.selectedPurchaseRowV20>[data-sticky-col-v340]{background:#eef5fb} body.hhLedger .stickyTableV340 tbody tr:is(.riskRow,.risk)>[data-sticky-col-v340]{background:#fff4f4} body.hhLedger .stickyTableV340 tbody tr.watchRowV72>[data-sticky-col-v340]{background:#fffaf0} body.hhLedger .stickyTableV340 tbody td[colspan]{position:static!important;left:auto!important;box-shadow:none!important} /* ERP 2.1 · Materiales: una lectura SAP compacta en escritorio y fichas en móvil. */ body.hhLedger .mrpStampV401{ display:grid; gap:2px; flex:0 0 auto; min-width:190px; padding:7px 10px; border:1px solid #cfd4da; background:#f5f7f9; color:#4f5965; font-variant-numeric:tabular-nums; text-align:left; } body.hhLedger .mrpStampV401.ready{border-left:4px solid #217346;background:#f2f8f4;color:#285a3b} body.hhLedger .mrpStampV401.pending{border-left:4px solid #c6922d;background:#fff8e8;color:#76520c} body.hhLedger .mrpStampV401 b{font-size:8px;font-weight:900;letter-spacing:.045em;line-height:1.2;text-transform:uppercase} body.hhLedger .mrpStampV401 small{font-size:8px;font-weight:650;line-height:1.2} body.hhLedger .materialPanelActionsV401{display:flex;align-items:center;gap:8px} body.hhLedger :is(.materialLedgerV401,.materialCoverageV401,.materialSuppliersV401,.materialAuditV401){ width:100%; min-width:0!important; table-layout:fixed; font-variant-numeric:tabular-nums; } body.hhLedger :is(.materialLedgerV401,.materialCoverageV401) th, body.hhLedger :is(.materialLedgerV401,.materialCoverageV401) td{padding:8px 7px;vertical-align:top} body.hhLedger :is(.materialLedgerV401,.materialCoverageV401) td>b{display:block;color:#252c37;font-size:10px;line-height:1.2} body.hhLedger :is(.materialLedgerV401,.materialCoverageV401) td>small{display:block;margin-top:3px;color:#6f7781;font-size:7px;line-height:1.25;white-space:normal} body.hhLedger :is(.materialLedgerV401,.materialCoverageV401) .status{max-width:100%;height:auto;min-height:22px;padding:4px 6px;line-height:1.15;white-space:normal} body.hhLedger .materialLedgerV401 th:nth-child(1){width:16%} body.hhLedger .materialLedgerV401 th:nth-child(2){width:10%} body.hhLedger .materialLedgerV401 th:nth-child(3){width:12%} body.hhLedger .materialLedgerV401 th:nth-child(4){width:9%} body.hhLedger .materialLedgerV401 th:nth-child(5){width:10%} body.hhLedger .materialLedgerV401 th:nth-child(6){width:11%} body.hhLedger .materialLedgerV401 th:nth-child(7){width:13%} body.hhLedger .materialLedgerV401 th:nth-child(8){width:7%} body.hhLedger .materialLedgerV401 th:nth-child(9){width:12%} body.hhLedger .materialLedgerV401 :where(input,select){width:100%;min-width:0;min-height:30px;padding:4px 5px;font-size:9px} body.hhLedger .materialLedgerV401 .materialStockV401{background:#eef5fb!important} body.hhLedger .materialLedgerV401 .materialStockV401 b{font-size:11px} body.hhLedger .materialMovementsV401{display:grid;gap:2px} body.hhLedger .materialMovementsV401 span{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#737982;font-size:7px;line-height:1.25} body.hhLedger .materialMovementsV401 b{color:#323a45;font-size:8px;white-space:nowrap} body.hhLedger .materialCoverageV401 th:nth-child(1){width:18%} body.hhLedger .materialCoverageV401 th:nth-child(2){width:12%} body.hhLedger .materialCoverageV401 th:nth-child(3){width:11%} body.hhLedger .materialCoverageV401 th:nth-child(4){width:12%} body.hhLedger .materialCoverageV401 th:nth-child(5){width:11%} body.hhLedger .materialCoverageV401 th:nth-child(6){width:13%} body.hhLedger .materialCoverageV401 th:nth-child(7){width:11%} body.hhLedger .materialCoverageV401 th:nth-child(8){width:12%} body.hhLedger .nextPurchaseV401{margin-top:5px;color:#5f6874!important;font-size:8px!important} body.hhLedger .materialCoverageSummaryV401{margin-bottom:14px} body.hhLedger .materialSuppliersV401 th:nth-child(1){width:18%} body.hhLedger .materialSuppliersV401 th:nth-child(2){width:15%} body.hhLedger .materialSuppliersV401 th:nth-child(3){width:22%} body.hhLedger .materialSuppliersV401 th:nth-child(4){width:14%} body.hhLedger .materialSuppliersV401 th:nth-child(5){width:23%} body.hhLedger .materialSuppliersV401 th:nth-child(6){width:8%} body.hhLedger .materialSuppliersV401 :where(input,select){width:100%;min-width:0} body.hhLedger .materialAuditV401 th:nth-child(1){width:11%} body.hhLedger .materialAuditV401 th:nth-child(2){width:8%} body.hhLedger .materialAuditV401 th:nth-child(3){width:12%} body.hhLedger .materialAuditV401 th:nth-child(4){width:13%} body.hhLedger .materialAuditV401 th:nth-child(5){width:14%} body.hhLedger .materialAuditV401 th:nth-child(6){width:10%} body.hhLedger .materialAuditV401 th:nth-child(7){width:12%} body.hhLedger .materialAuditV401 th:nth-child(8){width:14%} body.hhLedger .materialAuditV401 th:nth-child(9){width:6%} @media(min-width:769px){ body.hhLedger :is(.purchaseCompactV96,.purchaseReverseTableV96){--purchase-selection-width:32px} body.hhLedger .stickyTableV340 [data-sticky-kind-v340="selector"]{ width:32px!important; min-width:32px!important; max-width:32px!important; padding-left:4px!important; padding-right:4px!important; text-align:center!important; } body.hhLedger .stickyTableV340 tbody tr:nth-child(even)>[data-sticky-col-v340]{background:#fbfbfb} body.hhLedger .stickyTableV340 tbody tr:hover>[data-sticky-col-v340]{background:#edf5fb} } @media(max-width:768px){ body.hhLedger .responsiveListWrapV340{max-height:none;overflow:visible} body.hhLedger .stickyTableV340 [data-sticky-priority-v340="2"]{ position:static; left:auto!important; box-shadow:none; } body.hhLedger .stickyTableV340 [data-sticky-priority-v340="1"]{box-shadow:3px 0 0 rgba(72,78,86,.18)} body.hhLedger :is(.purchaseCompactV96,.purchaseReverseTableV96) [data-sticky-priority-v340="2"]{ position:sticky; left:var(--sticky-left-v340,0)!important; z-index:3; box-shadow:3px 0 0 rgba(72,78,86,.18); } body.hhLedger table.responsiveListV98 [data-sticky-col-v340]{position:static;left:auto!important;box-shadow:none} body.hhLedger .materialLedgerPanelV401>.panelHead, body.hhLedger .materialCoveragePanelV401>.panelHead{align-items:stretch;flex-direction:column} body.hhLedger .materialPanelActionsV401{align-items:stretch;flex-direction:column} body.hhLedger .mrpStampV401{width:100%;min-width:0;border-radius:10px} body.hhLedger table:is(.materialLedgerV401,.materialCoverageV401,.materialSuppliersV401,.materialAuditV401){display:block;width:100%;min-width:0!important;padding:0;background:transparent} body.hhLedger table:is(.materialLedgerV401,.materialCoverageV401,.materialSuppliersV401,.materialAuditV401) thead{display:none} body.hhLedger table:is(.materialLedgerV401,.materialCoverageV401,.materialSuppliersV401,.materialAuditV401) tbody{display:grid;gap:10px;padding:9px;background:var(--ios-canvas)} body.hhLedger table:is(.materialLedgerV401,.materialCoverageV401,.materialSuppliersV401,.materialAuditV401) tr{display:grid;width:100%;padding:5px 11px;border:1px solid var(--ios-line);border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(36,43,54,.06)} body.hhLedger table:is(.materialLedgerV401,.materialCoverageV401,.materialSuppliersV401,.materialAuditV401) td{display:grid;grid-template-columns:minmax(100px,.72fr) minmax(0,1fr);align-items:center;gap:8px;width:100%!important;min-width:0!important;padding:8px 0;border:0;border-bottom:1px solid #ececef;background:#fff!important;text-align:right} body.hhLedger table:is(.materialLedgerV401,.materialCoverageV401,.materialSuppliersV401,.materialAuditV401) td:last-child{border-bottom:0} body.hhLedger table:is(.materialLedgerV401,.materialCoverageV401,.materialSuppliersV401,.materialAuditV401) td::before{content:attr(data-label-v98);color:#747b84;font-size:8px;font-weight:850;letter-spacing:.045em;text-align:left;text-transform:uppercase} body.hhLedger table:is(.materialLedgerV401,.materialCoverageV401,.materialSuppliersV401,.materialAuditV401) td :where(input,select,textarea,button){max-width:100%;margin-left:auto} body.hhLedger table:is(.materialLedgerV401,.materialCoverageV401,.materialSuppliersV401,.materialAuditV401) td small{white-space:normal} body.hhLedger .materialMovementsV401{min-width:135px} } /* Compras: alta manual compacta, legible y sin campos empalmados. */ body.hhLedger .purchaseCreateModalV180{ width:min(840px,100%); max-width:100%; box-sizing:border-box; } body.hhLedger .purchaseCreateFormGridV213{ grid-template-columns:repeat(12,minmax(0,1fr)); align-items:start; gap:12px; } body.hhLedger .purchaseCreateFormGridV213>label{min-width:0} body.hhLedger .purchaseCreateFormGridV213 :is(input,select){ width:100%; max-width:100%; min-width:0; box-sizing:border-box; } body.hhLedger .purchaseCreateFormGridV213 small{ display:block; min-height:14px; margin-top:5px; color:#77716b; font-size:8px; line-height:1.3; } body.hhLedger .purchaseCreateMaterialV213{grid-column:span 7} body.hhLedger .purchaseCreateSupplierV213{grid-column:span 5} body.hhLedger .purchaseCreateCompactV213{grid-column:span 3} body.hhLedger .purchaseCreateFormGridV213>.purchaseCreateNoteV213{ grid-column:1/-1!important; width:100%; } body.hhLedger .purchaseCreateModalV523>p{ max-width:720px; margin:0; line-height:1.55; } body.hhLedger .purchaseCreateFormGridV523{ margin:16px 0 18px; } body.hhLedger .purchaseCreateFormGridV523>label{ align-self:start; overflow:visible; } body.hhLedger .purchaseCreateFormGridV523>label>span:first-child{ display:block; min-height:12px; } body.hhLedger .purchaseCreateQtyV523, body.hhLedger .purchaseCreatePoV523{grid-column:span 3;min-width:0} body.hhLedger .purchaseCreateQtyControlV523{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:stretch; width:100%; margin-top:6px; } body.hhLedger .purchaseCreateQtyControlV523 input{ margin-top:0; border-right:0; text-align:right; font-variant-numeric:tabular-nums; } body.hhLedger .purchaseCreateQtyControlV523 b{ display:grid; min-width:48px; place-items:center; padding:0 9px; border:1px solid #aeb2b6; background:#f1f3f4; color:#343c46; font-size:10px; letter-spacing:.02em; text-transform:none; } body.hhLedger .purchaseCreateFormGridV523 small{ height:auto; min-height:0; text-transform:none; letter-spacing:normal; white-space:normal; } body.hhLedger .purchaseCreateMaterialV523 small, body.hhLedger .purchaseCreateSupplierV523 small{ min-height:21px; } body.hhLedger .purchaseCreateRoundingV523{ min-height:21px!important; color:#4c5966!important; font-weight:750; } body.hhLedger .purchaseCreateRoundingV523.adjusted{ color:#76520e!important; } body.hhLedger .purchaseCreateSupplierV523 input[readonly], body.hhLedger .purchaseCreatePoV523 input[readonly]{ cursor:default; border-color:#b8bdc1; background:#f2f4f5; color:#343c46; font-weight:800; } body.hhLedger .purchaseCreateSupplierV523 input.missingV523{ border-color:#9b272d; background:#fff4f3; } body.hhLedger .purchaseCreateFormGridV523 small.bad{ color:#8f2028; font-weight:800; } body.hhLedger .purchaseCreateErrorV523:empty{display:none} body.hhLedger .purchaseCreateErrorV523:not(:empty){ margin-top:12px; padding:9px 11px; border-left:4px solid #8f2028; background:#fff3f2; } body.hhLedger .purchaseOrderCardV420.manualPurchaseCreatedV523{ outline:3px solid rgba(42,108,74,.35); outline-offset:2px; box-shadow:0 8px 24px rgba(42,108,74,.16); } body.hhLedger .purchaseOrderCardV420.manualPurchaseCreatedV523:focus{ outline-color:#2a6c4a; } @media(max-width:780px){ body.hhLedger .purchaseCreateModalV180{width:min(620px,100%)} body.hhLedger .purchaseCreateMaterialV213, body.hhLedger .purchaseCreateSupplierV213{grid-column:1/-1} body.hhLedger .purchaseCreateCompactV213{grid-column:span 6} body.hhLedger .purchaseCreateQtyV523, body.hhLedger .purchaseCreatePoV523{grid-column:span 6} } @media(max-width:520px){ body.hhLedger .purchaseCreateFormGridV213{gap:10px} body.hhLedger .purchaseCreateCompactV213{grid-column:1/-1} body.hhLedger .purchaseCreateQtyV523, body.hhLedger .purchaseCreatePoV523{grid-column:1/-1} body.hhLedger .purchaseCreateModalV523{padding:20px 16px} body.hhLedger .purchaseCreateModalV523 .modalActions{grid-template-columns:1fr} } /* Auditoría UX/QA · contrato transversal de accesibilidad y respuesta visual. */ body.hhLedger{ --muted:#66606a; --bad:#8f2028; --ok:#17633f; --warn:#7a4a00; -webkit-text-size-adjust:100%; text-size-adjust:100%; } body.hhLedger :where(.srOnly,.visuallyHidden){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} body.hhLedger .skipLink{position:fixed;z-index:1000;top:8px;left:8px;padding:10px 14px;background:#fff;color:#6f1119;border:2px solid #a9272a;border-radius:8px;font-size:12px;font-weight:900;transform:translateY(-160%);transition:transform .14s ease} body.hhLedger .skipLink:focus{transform:translateY(0)} body.hhLedger #viewTitle[tabindex="-1"]:focus{outline:none} body.hhLedger .fieldErrorV216{display:block;margin-top:5px;color:#861b24;font-size:11px;font-weight:750;line-height:1.35;text-transform:none;letter-spacing:0} body.hhLedger .loadingStateV216{display:grid;gap:14px;padding:18px} body.hhLedger .loadingStateV216 .skeletonLine{display:block;height:18px;border-radius:6px} body.hhLedger .loadingStateV216 .skeletonLine:first-child{width:min(340px,72%);height:28px} /* El foco de teclado siempre es visible, incluso dentro de tablas densas y fondos oscuros. */ body.hhLedger :where(button,a[href],input,select,textarea,summary,[role="button"],[tabindex]:not([tabindex="-1"])):focus-visible{ outline:3px solid #0b57a4!important; outline-offset:2px!important; box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(11,87,164,.34)!important; } body.hhLedger .sidebar :where(button,a[href],[role="button"]):focus-visible{ outline-color:#ffd166!important; box-shadow:0 0 0 2px #29323e,0 0 0 5px rgba(255,209,102,.42)!important; } body.hhLedger :where(button,a[href],summary,[role="button"]){touch-action:manipulation} body.hhLedger :where(.primary,.secondary,.ghost,.danger,.quietAction,.dangerActionV45,.buttonLink,.subtabs button,.navButton){min-height:44px} body.hhLedger :where(.iconButton,.removeRow,.minuteDeleteV75){min-width:36px;min-height:36px} @media(hover:hover) and (pointer:fine){ body.hhLedger .primary:hover:not(:disabled):not([aria-disabled="true"]){filter:brightness(.92);box-shadow:0 7px 18px rgba(126,29,32,.27)} body.hhLedger :where(.secondary,.ghost,.quietAction,.buttonLink):hover:not(:disabled):not([aria-disabled="true"]){border-color:#69727d;background:#f4f6f8;color:#202935} body.hhLedger :where(.danger,.dangerActionV45):hover:not(:disabled):not([aria-disabled="true"]){border-color:#8f2028;background:#fbe8e9;color:#761a21} body.hhLedger a[href]:not(.buttonLink):hover{text-decoration-thickness:2px;text-underline-offset:3px} } body.hhLedger :where(button,.buttonLink,[role="button"]):active:not(:disabled):not([aria-disabled="true"]){transform:translateY(1px) scale(.985);box-shadow:none!important} body.hhLedger :where(button,input,select,textarea,[role="button"]):disabled, body.hhLedger :where(button,input,select,textarea,[role="button"])[aria-disabled="true"]{ cursor:not-allowed!important; filter:saturate(.35); opacity:.58!important; transform:none!important; box-shadow:none!important; } /* Formularios: lectura, validación y ayuda consistentes sin depender sólo del color. */ body.hhLedger :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){ min-height:40px; caret-color:#7e1d20; line-height:1.35; } body.hhLedger :where(input,textarea)::placeholder{color:#626b76;opacity:1} body.hhLedger :where(input:not([type="checkbox"]):not([type="radio"]),textarea):read-only{ background:#f1f3f5!important; color:#47515d; } body.hhLedger :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea)[aria-invalid="true"], body.hhLedger :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):user-invalid{ border-color:#8f2028!important; background:#fff7f7!important; box-shadow:inset 4px 0 0 #8f2028!important; } body.hhLedger :where(.formGrid,.loginCard) label:has(:where([aria-invalid="true"],:user-invalid)){color:#761a21} body.hhLedger :where(.loginError,.fieldError,.formError,.validationError,[data-field-error]){ display:block; margin-top:6px; color:#761a21; font-size:12px; font-weight:700; line-height:1.4; } body.hhLedger :where(.loginError,.fieldError,.formError,.validationError,[data-field-error])::before{content:"!";display:inline-grid;place-items:center;width:16px;height:16px;margin-right:6px;border-radius:50%;background:#8f2028;color:#fff;font-size:11px;vertical-align:text-bottom} body.hhLedger :where(input[type="checkbox"],input[type="radio"]){width:20px;height:20px;min-width:20px} body.hhLedger label:has(> :where(input[type="checkbox"],input[type="radio"])){display:flex;min-height:40px;align-items:center} /* Estados semánticos con contraste AA sobre sus fondos, además de forma y texto. */ body.hhLedger .status.ok{border:1px solid #9bcab4;background:#e7f5ec;color:#17633f} body.hhLedger .status.warn{border:1px solid #dfbd78;background:#fff4dc;color:#7a4a00} body.hhLedger .status.bad{border:1px solid #dfa6aa;background:#fbe8e9;color:#8f2028} body.hhLedger .status.neutral{border:1px solid #c3cbd2;background:#eef1f3;color:#46515d} body.hhLedger :where(.callout.red,.privateBanner,.roleNoticeV45.bad){color:#761a21} body.hhLedger :where(.callout.green,.roleNoticeV45.ok){color:#174f34} /* Vacío, carga y progreso: el contenido nunca parece roto ni permite doble acción. */ body.hhLedger :where(.empty,.truckEmpty,.routeFlowEmptyV82,.qaLotEmptyV210,[data-empty-state]){ display:grid; place-items:center; min-height:112px; padding:24px; border:1px dashed #9ba3ad; background:#f8f9fa; color:#56606b; font-size:12px; line-height:1.5; text-align:center; } body.hhLedger .empty:empty::after{content:"No hay datos para mostrar. Ajusta los filtros o crea el primer registro.";max-width:46ch} body.hhLedger :where(button,[role="button"])[aria-busy="true"]{cursor:wait!important;pointer-events:none} body.hhLedger :where(button,[role="button"])[aria-busy="true"]::after{ content:""; display:inline-block; width:14px; height:14px; margin-left:8px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; vertical-align:-2px; animation:hhA11ySpin .75s linear infinite; } body.hhLedger :where([aria-busy="true"]:not(button):not([role="button"]),.is-loading,.loading){cursor:progress} body.hhLedger :where(.skeleton,.skeletonLine,[data-skeleton]){ min-height:1em; border-radius:5px; color:transparent!important; background:linear-gradient(90deg,#e7e9ec 25%,#f7f8f9 42%,#e7e9ec 62%); background-size:240% 100%; animation:hhA11ySkeleton 1.4s ease-in-out infinite; } @keyframes hhA11ySpin{to{transform:rotate(360deg)}} @keyframes hhA11ySkeleton{to{background-position:-240% 0}} /* Scroll operativo perceptible: cabeceras estables, barras visibles y sin saltos de ancho. */ body.hhLedger .tableWrap{ overscroll-behavior:contain; scrollbar-color:#697480 #edf0f3; scrollbar-gutter:stable; } body.hhLedger .tableWrap:focus-within{border-color:#6d7f91;box-shadow:0 0 0 2px rgba(11,87,164,.16)} body.hhLedger .tableWrap::-webkit-scrollbar{width:10px;height:10px} body.hhLedger .tableWrap::-webkit-scrollbar-track{background:#edf0f3} body.hhLedger .tableWrap::-webkit-scrollbar-thumb{border:2px solid #edf0f3;border-radius:999px;background:#697480} body.hhLedger .tableWrap::-webkit-scrollbar-thumb:hover{background:#4d5966} body.hhLedger .dataTable th{font-size:10px;line-height:1.3} body.hhLedger .dataTable td{font-size:11px;line-height:1.4} body.hhLedger .dataTable :where(input,select,textarea){font-size:12px} body.hhLedger :where(.panelHead,.hero,.dataTable td,.callout,.empty){overflow-wrap:anywhere} /* Resumen: las alertas accionables se reconocen como acceso al detalle, no como tarjetas decorativas. */ body.hhLedger .summaryMetricActionV215{position:relative;cursor:pointer;transition:background .14s ease,box-shadow .14s ease,transform .14s ease} body.hhLedger .summaryMetricActionLabelV215{display:block;margin-top:8px;color:#0b57a4!important;font-size:11px!important;font-weight:850;letter-spacing:.01em!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-transform:none!important} body.hhLedger .summaryMetricActionV215.bad .summaryMetricActionLabelV215{color:#fff!important} @media(hover:hover) and (pointer:fine){ body.hhLedger .summaryMetricActionV215:not(.bad):hover{background:#f6f9fc!important;box-shadow:inset 3px 0 0 var(--signal-color),0 5px 14px rgba(35,43,54,.11)!important;transform:translateY(-1px)} body.hhLedger .summaryMetricActionV215.bad:hover{background:#7d2625!important;box-shadow:0 5px 14px rgba(91,24,23,.24)!important;transform:translateY(-1px)} } body.hhLedger .summaryMetricActionV215:active{transform:translateY(1px)} @media(max-width:768px),(pointer:coarse){ body.hhLedger :where(button,.buttonLink,summary,[role="button"]){min-width:44px!important;min-height:44px!important} body.hhLedger :where(.iconButton,.removeRow,.minuteDeleteV75){width:44px;min-width:44px;height:44px;min-height:44px} body.hhLedger :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){min-height:44px!important;font-size:16px!important} body.hhLedger :where(input[type="checkbox"],input[type="radio"]){width:24px!important;height:24px!important;min-width:24px!important} body.hhLedger :is(.purchaseCompactV96,.purchaseReverseTableV96) :is(th,td):first-child input[type="checkbox"]{width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important} body.hhLedger label:has(> :where(input[type="checkbox"],input[type="radio"])){min-height:44px} body.hhLedger .modalActions{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));width:100%} body.hhLedger .modalActions>*{width:100%} } @media(max-width:768px){ /* Los encabezados siguen disponibles para tecnologías de asistencia aunque las filas se presenten como fichas. */ body.hhLedger table:is(.responsiveListV98,.materialLedgerV401,.materialCoverageV401,.materialSuppliersV401,.materialAuditV401) thead{ display:table-header-group!important; position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; } } @media(prefers-reduced-motion:reduce){ body.hhLedger,body.hhLedger *,body.hhLedger *::before,body.hhLedger *::after{ scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; } body.hhLedger :where(.skeleton,.skeletonLine,[data-skeleton]){background:#e7e9ec} } @media(prefers-contrast:more){ body.hhLedger :where(.panel,.kpi,.tableWrap,input,select,textarea,button){border-color:#4f5965!important} body.hhLedger :where(.status,.callout){border-width:2px} } @media(forced-colors:active){ body.hhLedger :where(button,a[href],input,select,textarea,summary,[role="button"]):focus-visible{outline:3px solid Highlight!important;box-shadow:none!important} body.hhLedger :where(.status,.callout,.empty,[data-empty-state]){border:1px solid CanvasText;background:Canvas;color:CanvasText} body.hhLedger :where(button,[role="button"])[aria-busy="true"]::after{border-color:ButtonText;border-right-color:transparent} } /* Patrón visual H&H: Operación semanal gobierna el contraste de todas las tablas. */ body.hhLedger :is(.dataTable,.managementCostTableV300,.tableWrap table) thead th{ background:#313a46!important; color:#fff!important; border-color:#485361!important; border-bottom:3px solid #a9272a!important; } body.hhLedger :is(.dataTable,.managementCostTableV300,.tableWrap table) thead th :is(span,small,b,strong,em,label){ color:#fff!important; } /* Operación diaria 4.1 · fecha y guardado manual siempre accesibles. */ body.hhLedger .operationDatePickerV400{ display:grid; grid-template-columns:auto; min-width:164px; text-transform:none; } body.hhLedger .operationDatePickerV400>small{ display:block; max-width:210px; margin-top:2px; overflow:hidden; color:#767d86; font-size:8px; font-weight:700; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; } body.hhLedger .globalSaveControlV400{ display:grid; min-width:188px; gap:3px; } body.hhLedger .globalSaveControlV400>button{width:100%;min-height:42px;white-space:nowrap} body.hhLedger .globalSaveControlV400>small{ max-width:240px; overflow:hidden; color:#69717b; font-size:8px; line-height:1.2; text-align:center; text-overflow:ellipsis; white-space:nowrap; } body.hhLedger .globalSaveControlV400>small.error{color:#9d282d} body.hhLedger .contextSaveSourceV400, body.hhLedger .heroActions>.autosaveState{display:none!important} body.hhLedger tr[hidden]{display:none!important} body.hhLedger .materialLedgerFilterV410{ display:grid; grid-template-columns:minmax(230px,1fr) auto; align-items:end; gap:5px 7px; min-width:min(420px,100%); } body.hhLedger .materialLedgerFilterV410 label{display:grid;gap:4px} body.hhLedger .materialLedgerFilterV410 label>span{ color:#616974; font-size:8px; font-weight:900; letter-spacing:.055em; text-transform:uppercase; } body.hhLedger .materialLedgerFilterV410 input{width:100%;min-height:40px;padding:8px 10px;font-size:11px} body.hhLedger .materialLedgerFilterV410 button{min-height:40px} body.hhLedger .materialLedgerFilterV410>small{grid-column:1/-1;color:#777e87;font-size:8px;text-align:right} body.hhLedger .documentMatrixV410 input[type="checkbox"]{width:17px;height:17px} @media(max-width:900px){ body.hhLedger .topbar{z-index:30} body.hhLedger .operationDatePickerV400{min-width:150px} body.hhLedger .globalSaveControlV400{min-width:180px} } @media(max-width:768px){ body.hhLedger .topbar{position:sticky!important;top:0!important;z-index:30} body.hhLedger .topActions{grid-template-columns:repeat(6,minmax(0,1fr))} body.hhLedger .operationDatePickerV400{grid-column:1/4;min-width:0;width:100%} body.hhLedger .globalSaveControlV400{grid-column:4/7;min-width:0;width:100%} body.hhLedger .topActions>button{grid-column:span 2} body.hhLedger .globalSaveControlV400>small,.hhLedger .operationDatePickerV400>small{max-width:100%} body.hhLedger .materialLedgerFilterV410{grid-template-columns:minmax(0,1fr) auto;min-width:0;width:100%} } @media(max-width:520px){ body.hhLedger .topActions{grid-template-columns:repeat(6,minmax(0,1fr))} body.hhLedger .topActions>.operationDatePickerV400{grid-column:1/4} body.hhLedger .topActions>.globalSaveControlV400{grid-column:4/7} body.hhLedger .operationDatePickerV400>small{font-size:7px} body.hhLedger .globalSaveControlV400>small{font-size:7px} body.hhLedger .globalSaveControlV400>button{padding-inline:7px;font-size:9px} } /* Operación diaria 4.2 · KARDEX rápido y Centro de compras */ body.hhLedger .auditScopeV420{display:flex;align-items:end;justify-content:flex-end;gap:8px;flex-wrap:wrap} body.hhLedger .auditScopeV420 .retentionBadgeV51.fast{background:#e9f5ed;color:#2f7653;border-color:#cde6d6} body.hhLedger .auditScopeV420 button{min-height:38px} body.hhLedger .auditLoadingV420{min-height:180px;display:grid;place-content:center;gap:5px} body.hhLedger .purchaseCenterV420{display:grid;gap:14px} body.hhLedger .purchaseCenterV420>.hero{margin-bottom:2px;padding:4px 2px} body.hhLedger .purchaseFlowV420{display:grid;grid-template-columns:minmax(130px,1fr) 42px minmax(130px,1fr) 42px minmax(130px,1fr) 42px minmax(130px,1fr);align-items:center;padding:13px;border:1px solid #ded6d7;border-radius:15px;background:linear-gradient(135deg,#fff 0%,#f8f4f3 100%);box-shadow:0 9px 26px rgba(40,49,61,.06)} body.hhLedger .purchaseFlowV420>button{min-width:0;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--ink);text-align:left} body.hhLedger .purchaseFlowV420>button:hover{background:#fff;box-shadow:0 4px 14px rgba(40,49,61,.08)} body.hhLedger .purchaseFlowV420>button>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#313a46;color:#fff;font-size:10px;font-weight:950} body.hhLedger .purchaseFlowV420>button:nth-of-type(1)>span{background:#b97814} body.hhLedger .purchaseFlowV420>button:nth-of-type(2)>span{background:#a9272a} body.hhLedger .purchaseFlowV420>button:nth-of-type(3)>span{background:#365d73} body.hhLedger .purchaseFlowV420>button:nth-of-type(4)>span{background:#4f7658} body.hhLedger .purchaseFlowV420 small{overflow:hidden;font-size:9px;font-weight:900;letter-spacing:.045em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap} body.hhLedger .purchaseFlowV420 b{display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:14px;background:#eee8e8;color:#313a46;font-size:12px} body.hhLedger .purchaseFlowV420>i{height:1px;background:#cfc6c7;position:relative} body.hhLedger .purchaseFlowV420>i:after{content:"";position:absolute;right:-1px;top:-3px;width:6px;height:6px;border-top:1px solid #9b9294;border-right:1px solid #9b9294;transform:rotate(45deg)} body.hhLedger .purchaseCenterToolbarV420{display:grid;grid-template-columns:minmax(280px,1.7fr) minmax(175px,.8fr) 125px auto;align-items:end;gap:9px;padding:13px 15px;border:1px solid #e1d9da;border-radius:13px;background:#fff} body.hhLedger .purchaseCenterToolbarV420 label{display:grid;gap:5px;min-width:0} body.hhLedger .purchaseCenterToolbarV420 label>span,body.hhLedger .purchaseFieldV420>span,body.hhLedger .purchaseOrderNumberV420>span,body.hhLedger .purchaseReverseActionV420 label>span{color:#676e78;font-size:8px;font-weight:900;letter-spacing:.055em;text-transform:uppercase} body.hhLedger .purchaseCenterToolbarV420 input,body.hhLedger .purchaseCenterToolbarV420 select,body.hhLedger .purchaseFieldV420 input,body.hhLedger .purchaseFieldV420 select,body.hhLedger .purchaseOrderNumberV420 input,body.hhLedger .purchaseReverseActionV420 input{width:100%;min-width:0;min-height:39px;padding:8px 10px;border:1px solid #dcd3d4;border-radius:8px;background:#fff;color:#313a46;font-size:10px} body.hhLedger .purchaseCenterToolbarV420>div{display:grid;gap:3px;align-content:center;min-height:39px;padding:5px 12px;border-left:1px solid #e5dfe0} body.hhLedger .purchaseCenterToolbarV420>div small{color:#7a8088;font-size:7px;font-weight:900;letter-spacing:.07em;text-transform:uppercase} body.hhLedger .purchaseCenterToolbarV420>div b{font-size:11px;white-space:nowrap} body.hhLedger .purchaseStageV420{margin:0;padding:0;overflow:hidden;border-top:4px solid #b97814;scroll-margin-top:110px} body.hhLedger .purchaseStageV420.send{border-top-color:#a9272a} body.hhLedger .purchaseStageV420.receive{border-top-color:#365d73} body.hhLedger .purchaseStageHeadV420{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid #e7dfe0;background:linear-gradient(90deg,#fff,#fbf8f7)} body.hhLedger .purchaseStageTitleV420{display:flex;align-items:center;gap:11px;min-width:0} body.hhLedger .purchaseStageTitleV420>span{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:9px;background:#f5ead7;color:#9a6412;font-size:12px;font-weight:950} body.hhLedger .purchaseStageV420.send .purchaseStageTitleV420>span{background:#f6e7e7;color:#a9272a} body.hhLedger .purchaseStageV420.receive .purchaseStageTitleV420>span{background:#e5eef2;color:#365d73} body.hhLedger .purchaseStageTitleV420 h3{margin:0 0 3px;font-size:15px} body.hhLedger .purchaseStageTitleV420 p{margin:0;color:#747b84;font-size:9px;line-height:1.35} body.hhLedger .purchaseStageTitleV420>b{display:grid;place-items:center;flex:0 0 auto;min-width:31px;height:25px;padding:0 8px;border-radius:13px;background:#313a46;color:#fff;font-size:10px} body.hhLedger .purchaseStageActionsV420{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap} body.hhLedger .purchaseStageActionsV420 button{min-height:36px;padding:8px 11px} body.hhLedger .purchaseStageActionsV420 em{padding-right:6px;color:#777e87;font-size:8px;font-style:normal;white-space:nowrap} body.hhLedger .purchaseStageActionsV420 em b{color:#313a46;font-size:11px} body.hhLedger .purchaseSelectAllV420{display:flex;align-items:center;gap:6px;padding:7px 8px;border:1px solid #ded6d7;border-radius:8px;background:#fff;color:#626a74;font-size:8px;font-weight:850;white-space:nowrap} body.hhLedger .purchaseSelectAllV420 input{width:15px;height:15px;margin:0;accent-color:#a9272a} body.hhLedger .purchaseStageV420>.roleNoticeV45{margin:11px 16px 0} body.hhLedger .purchaseStageCardsV420{display:grid;gap:8px;padding:12px;background:#f8f6f5} body.hhLedger .purchaseOrderCardV420{display:grid;grid-template-columns:28px minmax(180px,1.35fr) repeat(4,minmax(115px,1fr));align-items:end;gap:10px;min-width:0;padding:12px;border:1px solid #e2dbdc;border-left:4px solid #c38a32;border-radius:11px;background:#fff;box-shadow:0 3px 10px rgba(40,49,61,.035);transition:border-color .15s,box-shadow .15s,transform .15s} body.hhLedger .purchaseOrderCardV420.send{border-left-color:#a9272a} body.hhLedger .purchaseOrderCardV420.receive{border-left-color:#365d73} body.hhLedger .purchaseOrderCardV420:hover{border-color:#cbbfc1;box-shadow:0 8px 22px rgba(40,49,61,.08);transform:translateY(-1px)} body.hhLedger .purchaseOrderCardV420.selected{border-color:#a9272a;background:#fffafa;box-shadow:0 0 0 2px rgba(169,39,42,.08)} body.hhLedger .purchaseOrderCardV420[hidden]{display:none!important} body.hhLedger .purchaseCardSelectV420{align-self:center;display:grid;place-items:center;width:28px;height:42px} body.hhLedger .purchaseCardSelectV420 input{position:absolute;opacity:0;pointer-events:none} body.hhLedger .purchaseCardSelectV420 span{display:grid;place-items:center;width:19px;height:19px;border:2px solid #bbb1b3;border-radius:6px;background:#fff} body.hhLedger .purchaseCardSelectV420 input:checked+span{border-color:#a9272a;background:#a9272a} body.hhLedger .purchaseCardSelectV420 input:checked+span:after{content:"✓";color:#fff;font-size:11px;font-weight:950} body.hhLedger .purchaseCardSelectV420 input:disabled+span{opacity:.4} body.hhLedger .purchaseCardIdentityV420{align-self:center;min-width:0} body.hhLedger .purchaseCardIdentityV420>span{display:block;margin-bottom:4px;color:#a9272a;font-size:8px;font-weight:950;letter-spacing:.06em;text-transform:uppercase} body.hhLedger .purchaseCardIdentityV420>b{display:block;overflow:hidden;color:#313a46;font-size:12px;line-height:1.3;text-overflow:ellipsis} body.hhLedger .purchaseCardIdentityV420>small{display:block;overflow:hidden;margin-top:4px;color:#737a83;font-size:8px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap} body.hhLedger .purchaseCardMetricV420,body.hhLedger .purchaseOrderNumberV420,body.hhLedger .purchaseFieldV420{display:grid;align-content:end;gap:5px;min-width:0;margin:0;color:#313a46;font-style:normal;text-transform:none} body.hhLedger .purchaseCardMetricV420>span{color:#707781;font-size:8px;font-weight:900;letter-spacing:.045em;text-transform:uppercase} body.hhLedger .purchaseCardMetricV420>b,body.hhLedger .purchaseOrderNumberV420>b{font-size:11px;line-height:1.3} body.hhLedger .purchaseCardMetricV420>small,body.hhLedger .purchaseOrderNumberV420>small,body.hhLedger .purchaseFieldV420>small{display:block;color:#7a8087;font-size:7px;line-height:1.35} body.hhLedger .purchaseCardMetricV420>.purchaseCoverageV421{margin-top:2px;padding:5px 7px;border-left:3px solid #4f7658;background:#eef5ef;color:#365f40;font-size:8px;font-weight:800} body.hhLedger .mrpRunButtonV421{border-color:#b7cbbd;background:#f2f7f3;color:#365f40} body.hhLedger .mrpRunButtonV421:hover:not(:disabled){border-color:#4f7658;background:#e8f2ea} /* Operación diaria 4.2.2 · selector de búsqueda para maestros y listas crecientes. */ body.hhLedger .moduleLookupV422{ display:grid; grid-template-columns:minmax(260px,520px) auto; align-items:end; gap:6px 12px; padding:11px 15px; border-top:1px solid #e6e0e1; border-bottom:1px solid #e6e0e1; background:#f8f7f7; } body.hhLedger .moduleLookupV422 label{display:grid;gap:5px;min-width:0} body.hhLedger .moduleLookupV422 label>span{ color:#616974; font-size:8px; font-weight:900; letter-spacing:.055em; text-transform:uppercase; } body.hhLedger .moduleLookupV422 label>div{position:relative;display:grid} body.hhLedger .moduleLookupV422 input{ width:100%; min-height:40px; padding:8px 42px 8px 11px; border:1px solid #c9c3c4; border-radius:8px; background:#fff; color:#313a46; font-size:11px; } body.hhLedger .moduleLookupV422 input:focus{border-color:#68798b;box-shadow:0 0 0 3px rgba(54,93,115,.12);outline:0} body.hhLedger .moduleLookupV422 button{ position:absolute; right:5px; top:5px; width:30px; min-width:30px; min-height:30px; padding:0; border:0; border-radius:6px; background:#f0eeee; color:#5f6670; font-size:16px; } body.hhLedger .moduleLookupV422>small{padding-bottom:9px;color:#6f7680;font-size:8px;font-weight:800;white-space:nowrap} body.hhLedger .moduleLookupV422.noMatches>small{color:#a52b2e} @media(max-width:768px){ body.hhLedger .moduleLookupV422{grid-template-columns:1fr;padding:10px 11px} body.hhLedger .moduleLookupV422>small{padding:0;text-align:right} } body.hhLedger .purchaseCardMetricV420.total{padding:9px 10px;border-radius:8px;background:#edf3f5} body.hhLedger .purchaseCardMetricV420.total>b{color:#274b5e;font-size:13px} body.hhLedger .purchaseCardStatusV420{align-self:center;justify-self:end} body.hhLedger .purchaseFieldV420.emphasis{padding:7px 8px;border:1px solid #c9dbe2;border-radius:8px;background:#f4f8fa} body.hhLedger .purchaseFieldV420.muted{opacity:.58} body.hhLedger .purchaseFieldV420.note{grid-column:span 2} body.hhLedger .purchaseInlineUnitV420{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px} body.hhLedger .purchaseInlineUnitV420 i{min-width:26px;color:#69717a;font-size:8px;font-style:normal;font-weight:900} body.hhLedger .purchaseOrderCardV420 input:disabled,body.hhLedger .purchaseOrderCardV420 select:disabled,body.hhLedger .purchaseOrderCardV420 input[readonly]{background:#f3f3f2;color:#687079} body.hhLedger .purchaseStageEmptyV420{display:flex;align-items:center;justify-content:center;gap:10px;min-height:74px;padding:18px;color:#737a83;text-align:left} body.hhLedger .purchaseStageEmptyV420>i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e7f3eb;color:#347a57;font-style:normal;font-weight:950} body.hhLedger .purchaseStageEmptyV420 b,body.hhLedger .purchaseStageEmptyV420 span{display:block} body.hhLedger .purchaseStageEmptyV420 b{margin-bottom:3px;color:#313a46;font-size:10px} body.hhLedger .purchaseStageEmptyV420 span{font-size:8px} body.hhLedger .purchaseHistoryV420{overflow:hidden;border:1px solid #ddd6d7;border-top:4px solid #4f7658;border-radius:14px;background:#fff;box-shadow:var(--shadow);scroll-margin-top:110px} body.hhLedger .purchaseHistoryV420>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;cursor:pointer;list-style:none;background:linear-gradient(90deg,#fff,#f5f8f5)} body.hhLedger .purchaseHistoryV420>summary::-webkit-details-marker{display:none} body.hhLedger .purchaseHistoryV420>summary>div{display:flex;align-items:center;gap:11px} body.hhLedger .purchaseHistoryV420>summary>div>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e5efe7;color:#3f6d49;font-size:12px;font-weight:950} body.hhLedger .purchaseHistoryV420>summary b,body.hhLedger .purchaseHistoryV420>summary small{display:block} body.hhLedger .purchaseHistoryV420>summary b{font-size:14px} body.hhLedger .purchaseHistoryV420>summary small{margin-top:3px;color:#747b84;font-size:8px} body.hhLedger .purchaseHistoryV420>summary>strong{font-size:9px} body.hhLedger .purchaseHistoryV420[open]>summary{border-bottom:1px solid #e3dddd} body.hhLedger .purchaseHistoryBodyV420{display:grid;gap:17px;padding:16px;background:#faf8f7} body.hhLedger .purchaseHistoryBodyV420>section{padding:15px;border:1px solid #e2dbdc;border-radius:11px;background:#fff} body.hhLedger .purchaseHistoryHeadV420{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px} body.hhLedger .purchaseHistoryHeadV420 h3{margin:0 0 3px;font-size:13px} body.hhLedger .purchaseHistoryHeadV420 p{margin:0;color:#757c85;font-size:8px;line-height:1.4} body.hhLedger .purchaseHistoryTableV420{min-width:760px} body.hhLedger .purchaseHistoryTableV420 td span{display:block;margin-top:3px;color:#767d85;font-size:8px} body.hhLedger .purchaseCorrectionV420{display:grid;gap:8px} body.hhLedger .purchaseReverseCardV420{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e2d8d9;border-radius:9px;background:#fffafa} body.hhLedger .purchaseReverseCardV420 input{width:16px;height:16px;accent-color:#a9272a} body.hhLedger .purchaseReverseCardV420 b,body.hhLedger .purchaseReverseCardV420 small{display:block} body.hhLedger .purchaseReverseCardV420 b{font-size:9px} body.hhLedger .purchaseReverseCardV420 small{margin-top:3px;color:#777e86;font-size:8px} body.hhLedger .purchaseReverseCardV420 strong{font-size:10px} body.hhLedger .purchaseReverseActionV420{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:9px;margin-top:5px;padding-top:12px;border-top:1px solid #ebe4e5} body.hhLedger .purchaseReverseActionV420 label{display:grid;gap:5px} body.hhLedger .purchaseReverseActionV420 button{min-height:39px} @media(max-width:1280px){ body.hhLedger .purchaseFlowV420{grid-template-columns:minmax(120px,1fr) 20px minmax(120px,1fr) 20px minmax(120px,1fr) 20px minmax(120px,1fr)} body.hhLedger .purchaseOrderCardV420{grid-template-columns:28px minmax(180px,1.4fr) repeat(3,minmax(125px,1fr))} } @media(max-width:980px){ body.hhLedger .purchaseFlowV420{grid-template-columns:1fr 1fr;gap:7px} body.hhLedger .purchaseFlowV420>i{display:none} body.hhLedger .purchaseCenterToolbarV420{grid-template-columns:minmax(220px,1fr) 1fr 110px} body.hhLedger .purchaseCenterToolbarV420>div{grid-column:1/-1;border-left:0;border-top:1px solid #e5dfe0} body.hhLedger .purchaseStageHeadV420{align-items:flex-start;flex-direction:column} body.hhLedger .purchaseStageActionsV420{justify-content:flex-start;width:100%} body.hhLedger .purchaseOrderCardV420{grid-template-columns:28px minmax(170px,1.3fr) repeat(2,minmax(135px,1fr))} } @media(max-width:680px){ body.hhLedger .auditScopeV420{align-items:stretch;justify-content:stretch;width:100%} body.hhLedger .auditScopeV420>*{flex:1 1 100%} body.hhLedger .purchaseFlowV420{grid-template-columns:1fr 1fr;padding:8px} body.hhLedger .purchaseFlowV420>button{grid-template-columns:27px minmax(0,1fr) auto;padding:8px 6px} body.hhLedger .purchaseFlowV420>button>span{width:27px;height:27px} body.hhLedger .purchaseCenterToolbarV420{grid-template-columns:1fr 1fr;padding:11px} body.hhLedger .purchaseCenterToolbarV420 .purchaseSearchV420{grid-column:1/-1} body.hhLedger .purchaseStageHeadV420{padding:13px} body.hhLedger .purchaseStageTitleV420{align-items:flex-start} body.hhLedger .purchaseStageTitleV420>b{margin-left:auto} body.hhLedger .purchaseStageActionsV420{display:grid;grid-template-columns:1fr 1fr} body.hhLedger .purchaseStageActionsV420 button{width:100%} body.hhLedger .purchaseSelectAllV420,body.hhLedger .purchaseStageActionsV420 em{justify-content:center;text-align:center} body.hhLedger .purchaseStageCardsV420{padding:8px} body.hhLedger .purchaseOrderCardV420{grid-template-columns:28px minmax(0,1fr);align-items:start;padding:11px} body.hhLedger .purchaseOrderCardV420>*:not(.purchaseCardSelectV420){grid-column:2} body.hhLedger .purchaseOrderCardV420 .purchaseCardSelectV420{grid-column:1;grid-row:1/span 9} body.hhLedger .purchaseFieldV420.note{grid-column:2} body.hhLedger .purchaseCardStatusV420{justify-self:start} body.hhLedger .purchaseHistoryV420>summary{align-items:flex-start;padding:14px} body.hhLedger .purchaseHistoryV420>summary>strong{text-align:right} body.hhLedger .purchaseHistoryBodyV420{padding:9px} body.hhLedger .purchaseHistoryBodyV420>section{padding:10px} body.hhLedger .purchaseReverseActionV420{grid-template-columns:1fr} } /* Operación diaria 4.3.1 · salida auditada de PT físico sin lote QA. */ .certificateExceptionModalV430{width:min(680px,calc(100vw - 28px));max-height:min(86vh,760px);overflow:auto;padding:28px;border-top:5px solid #9b6a12} .certificateExceptionModalV430>p{max-width:62ch;color:var(--muted);line-height:1.55} .certificateExceptionSummaryV430{display:grid;grid-template-columns:1fr 1.4fr 1fr;margin:20px 0 12px;border:1px solid #ded8cf;background:#f8f6f2} .certificateExceptionSummaryV430>div{min-width:0;padding:12px 14px;border-right:1px solid #ded8cf} .certificateExceptionSummaryV430>div:last-child{border-right:0}.certificateExceptionSummaryV430 span,.certificateExceptionProductsV430 small{display:block;color:var(--muted);font-size:10px}.certificateExceptionSummaryV430 b{display:block;margin-top:4px;overflow-wrap:anywhere} .certificateExceptionProductsV430{display:grid;gap:7px;margin-bottom:18px}.certificateExceptionProductsV430>span{display:flex;justify-content:space-between;gap:16px;padding:9px 11px;border-left:4px solid #c18826;background:#fff8df}.certificateExceptionProductsV430 small{text-align:right} .certificateExceptionModalV430 form{display:grid;gap:14px}.certificateExceptionModalV430 form>label:first-child{display:grid;gap:6px;font-weight:850}.certificateExceptionModalV430 textarea{width:100%;min-height:92px;resize:vertical} .certificateExceptionAckV430{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;padding:12px;border:1px solid #ddc37f;background:#fff9e8;line-height:1.4}.certificateExceptionAckV430 input{width:18px;height:18px;margin:1px 0 0} .certificateExceptionButtonV430{border-color:#a97921!important;background:#fff8df!important;color:#6f4a08!important}.certificateExceptionButtonV430:hover{background:#f5e7b7!important} .certificateExceptionLoadButtonV431{min-width:220px}.certificateExceptionHintV431{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:0 18px 12px;padding:11px 13px;border:1px solid #ddc37f;border-left:5px solid #a97921;border-radius:8px;background:#fff9e8;color:#624810}.certificateExceptionHintV431 b{white-space:nowrap;font-size:12px}.certificateExceptionHintV431 span{font-size:11px;line-height:1.4} .certificateExceptionStateV430{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #dfc47f;background:#fff8df;color:#624810}.certificateExceptionStateV430 b{white-space:nowrap}.certificateExceptionStateV430 span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px} .invoiceCardV50.compact>.certificateExceptionStateV430{grid-column:1/-1;width:100%} @media(max-width:650px){.certificateExceptionModalV430{padding:20px}.certificateExceptionSummaryV430{grid-template-columns:1fr}.certificateExceptionSummaryV430>div{border-right:0;border-bottom:1px solid #ded8cf}.certificateExceptionProductsV430>span,.certificateExceptionStateV430{align-items:flex-start;flex-direction:column}.certificateExceptionProductsV430 small{text-align:left}.certificateExceptionStateV430 span{white-space:normal}.certificateExceptionModalV430 .modalActions{display:grid;grid-template-columns:1fr}.certificateExceptionModalV430 .modalActions button{width:100%}.certificateExceptionHintV431{grid-template-columns:1fr;margin:0 10px 10px}.certificateExceptionHintV431 b{white-space:normal}.certificateExceptionLoadButtonV431{width:100%;min-width:0}} /* Plataforma 2.5 · certificados opcionales después de confirmar la carga real. */ .loadLineV47:has(.qaCertificatePickerV440){grid-template-columns:minmax(180px,.9fr) minmax(150px,.4fr) minmax(270px,1fr);align-items:end} .qaCertificatePickerV440{display:grid;gap:8px;min-width:270px;padding:9px 10px;border:1px solid #d9d5cf;border-radius:9px;background:#fff} .qaCertificatePickerV440>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.qaCertificatePickerV440>header>span{color:#4b535d;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.qaCertificatePickerV440>header small{margin-left:5px;color:#777f88;font-size:9px;font-weight:750;letter-spacing:0;text-transform:none}.qaCertificatePickerV440 .quietAction{min-height:30px;padding:5px 9px;border-radius:7px;font-size:10px;white-space:nowrap} .qaCertificateChipsV440{display:flex;flex-wrap:wrap;gap:6px}.qaCertificateChipsV440>span{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 8px;border-radius:999px;background:#edf3ea;color:#3f5c3d;font-size:10px}.qaCertificateChipsV440>span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qaCertificateChipsV440>span small{color:#60765e;font-size:9px}.qaCertificateChipsV440>span.empty{border:1px dashed #c9c3bb;background:#faf8f5;color:#73716e} .qaCertificateModalV440{width:min(760px,calc(100vw - 28px));max-height:min(88vh,820px);overflow:auto;padding:28px;border-top:5px solid #6f895f}.qaCertificateModalV440>p{max-width:68ch;margin-bottom:18px;color:var(--muted);line-height:1.55}.qaCertificateModalV440 form{display:grid;gap:16px} .qaCertificateGroupsV440{display:grid;gap:12px}.qaCertificateGroupsV440 fieldset{min-width:0;margin:0;padding:0;border:1px solid #dcd7d0;border-radius:10px;background:#faf9f7;overflow:hidden}.qaCertificateGroupsV440 legend{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 13px;border-bottom:1px solid #e3ded8;background:#f2f0ed}.qaCertificateGroupsV440 legend span{color:#27313e;font-weight:900}.qaCertificateGroupsV440 legend small{color:#68717c;font-size:10px;font-weight:800} .qaCertificateOptionsV440{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.qaCertificateOptionV440{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:9px;padding:10px;border:1px solid #d8d4ce;border-radius:8px;background:#fff;cursor:pointer}.qaCertificateOptionV440:hover{border-color:#99a98f;background:#f6f9f4}.qaCertificateOptionV440:focus-within{outline:3px solid color-mix(in srgb,#6f895f 34%,transparent);outline-offset:1px}.qaCertificateOptionV440:has(input:checked){border-color:#789369;background:#eef5ea}.qaCertificateOptionV440 input{width:18px;height:18px;margin:1px 0 0;accent-color:#627d53}.qaCertificateOptionV440 span{display:grid;gap:3px;min-width:0}.qaCertificateOptionV440 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#27313e;font-size:12px}.qaCertificateOptionV440 small{color:#6b737c;font-size:10px;line-height:1.35} .qaCertificateEmptyV440{grid-column:1/-1;display:grid;gap:3px;padding:14px;border:1px dashed #c9c3bb;border-radius:8px;background:#fff;color:#6c6b68}.qaCertificateEmptyV440 b{color:#424952}.qaCertificateEmptyV440 span{font-size:11px}.qaCertificateOptionalV440{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-left:4px solid #789369;background:#f1f6ee;color:#485a42}.qaCertificateOptionalV440 b{font-size:11px;text-transform:uppercase}.qaCertificateOptionalV440 span{font-size:11px;line-height:1.4} @media(max-width:768px){.loadLineV47:has(.qaCertificatePickerV440){grid-template-columns:1fr}.qaCertificatePickerV440{min-width:0}.qaCertificateOptionsV440{grid-template-columns:1fr}} @media(max-width:520px){.qaCertificateModalV440{padding:20px}.qaCertificateGroupsV440 legend,.qaCertificateOptionalV440{align-items:flex-start;flex-direction:column}.qaCertificateModalV440 .modalActions{display:grid;grid-template-columns:1fr}.qaCertificateModalV440 .modalActions button{width:100%}} /* Plataforma 2.6 · fecha de embarque legible y calendario accesible. */ body.hhLedger .truckCab .shipmentDateControlV450{ display:block; min-width:10.5rem; color:#242424; } body.hhLedger .truckCab .shipmentDateControlV450::after{display:none} body.hhLedger .truckCab .shipmentDateControlV450 .dateMxInput{ box-sizing:border-box; min-height:40px; padding:8px 44px 8px 10px!important; border:1px solid #8f969e!important; border-radius:4px!important; background:#fff!important; color:#202938!important; caret-color:#202938; font-weight:800; color-scheme:light; } body.hhLedger .truckCab .shipmentDateControlV450 .dateMxInput::placeholder{color:#69727c;opacity:1} body.hhLedger .truckCab .shipmentDateControlV450 .dateMxInput:focus{ border-color:#5b9d50!important; box-shadow:0 0 0 3px rgba(91,157,80,.28)!important; outline:0; } body.hhLedger .truckCab .shipmentDateControlV450 .dateMxPicker{pointer-events:none} body.hhLedger .shipmentCalendarButtonV450{ position:absolute; z-index:3; top:50%; right:3px; display:grid; place-items:center; width:36px; min-width:36px; min-height:34px; padding:0; border:0!important; border-left:1px solid #c5c9ce!important; border-radius:0 3px 3px 0!important; background:#f3f5f6!important; color:#27313e!important; cursor:pointer; transform:translateY(-50%); } body.hhLedger .shipmentCalendarButtonV450 span{ width:18px; height:18px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3Cpath d='M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3Cpath d='M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01'/%3E%3C/svg%3E") center/contain no-repeat; } body.hhLedger .shipmentCalendarButtonV450:hover:not(:disabled){background:#e7ecef!important;color:#8f292b!important} body.hhLedger .shipmentCalendarButtonV450:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #5b9d50!important} body.hhLedger .shipmentCalendarButtonV450:disabled{cursor:not-allowed;opacity:.42} @media(max-width:768px){ body.hhLedger .truckCab .shipmentDateControlV450{min-width:0} body.hhLedger .truckCab .shipmentDateControlV450 .dateMxInput{min-height:46px} body.hhLedger .shipmentCalendarButtonV450{width:42px;min-width:42px;min-height:40px} } /* A-02 · planificador mensual: 25 días flexibles legibles y captura sin saltos. */ body.hhLedger .plannerPanelV88{padding:0!important;overflow:hidden} body.hhLedger .plannerPanelV88>.panelHead{margin:0!important;padding:14px 16px 14px 58px;border-bottom:1px solid #d6d9dd;background:#fafbfc} body.hhLedger .plannerPanelV88>.panelHead h3{margin:0 0 4px;font-size:16px} body.hhLedger .plannerPanelV88>.panelHead p{max-width:82ch;margin:0;color:#596573;font-size:11px;line-height:1.45} body.hhLedger .plannerTableToolsV404{ display:grid; grid-template-columns:minmax(220px,1fr) minmax(220px,300px) auto; align-items:end; gap:12px; padding:10px 14px; border-bottom:1px solid #d6d9dd; background:#f3f5f7; } body.hhLedger .plannerTableToolsV404>div{display:grid;gap:2px;align-self:center} body.hhLedger .plannerTableToolsV404>div b{color:#253141;font-size:12px} body.hhLedger .plannerTableToolsV404>div span{color:#5e6874;font-size:10px} body.hhLedger .plannerTableToolsV404 label{display:grid;gap:4px;color:#4b5663;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase} body.hhLedger .plannerTableToolsV404 select{box-sizing:border-box;width:100%;min-height:36px;padding:6px 30px 6px 9px;border:1px solid #929aa4;border-radius:4px;background:#fff;color:#202b39;font-size:11px;font-weight:750;text-transform:none} body.hhLedger .plannerTableToolsV404 button{min-height:36px;white-space:nowrap} body.hhLedger .plannerPanelV88 .plannerTableWrapV404{ max-height:min(68vh,760px)!important; border:0!important; border-radius:0!important; overflow:auto!important; scroll-behavior:auto; scroll-padding-top:48px; } body.hhLedger .plannerPanelV88 .dataTable{ width:max(100%,1560px)!important; min-width:1560px!important; table-layout:fixed; } body.hhLedger .plannerPanelV88 .conditionColV93{width:120px} body.hhLedger .plannerPanelV88 .enableColV93{width:130px} body.hhLedger .plannerPanelV88 .dayColV93{width:110px} body.hhLedger .plannerPanelV88 .additionalColV93{width:120px} body.hhLedger .plannerPanelV88 .skuColV93{width:190px} body.hhLedger .plannerPanelV88 .shiftColV93{width:100px} body.hhLedger .plannerPanelV88 .routeColV93{width:220px} body.hhLedger .plannerPanelV88 .cyclesColV93{width:90px} body.hhLedger .plannerPanelV88 .outputColV93{width:120px} body.hhLedger .plannerPanelV88 .notesColV93{width:220px} body.hhLedger .plannerPanelV88 .approvalColV93{width:140px} body.hhLedger .plannerPanelV88 .dataTable th{padding:9px 8px;font-size:9px;line-height:1.25} body.hhLedger .plannerPanelV88 .dataTable td{height:auto;min-height:52px;padding:7px 6px;overflow:visible;font-size:11px;line-height:1.3} body.hhLedger .plannerPanelV88 .dataTable :is(input,select){min-height:36px!important;padding:6px 8px;font-size:11px} body.hhLedger .plannerPanelV88 .dayCellV92 b,body.hhLedger .plannerPanelV88 .dayCellV92 small{display:block} body.hhLedger .plannerPanelV88 .dayCellV92 small{margin-top:3px;color:#6c7682;font-size:9px;font-weight:800} body.hhLedger .plannerPanelV88 .routeCellV92 small, body.hhLedger .plannerPanelV88 .outputCellV92 small, body.hhLedger .plannerPanelV88 .skuCellV92 small, body.hhLedger .plannerPanelV88 .cyclesCellV92 small, body.hhLedger .plannerPanelV88 .nearTermGateV91 small{margin-top:4px;font-size:9px;line-height:1.25;white-space:normal} body.hhLedger .plannerPanelV88 .plannerOutputV88{font-size:13px} body.hhLedger .plannerPanelV88 .enableNearTermV90{min-height:36px;padding:6px 7px;font-size:10px;line-height:1.2} body.hhLedger .plannerPanelV88 .additionalActionV92 :is(.addSkuDayV89,.removeSkuDayV89){min-height:36px;padding:6px;font-size:10px;line-height:1.2} body.hhLedger .plannerPanelV88[aria-busy="true"] .plannerTableWrapV404{opacity:.72;pointer-events:none} body.hhLedger .plannerPanelV88[aria-busy="true"] .plannerTableToolsV404{opacity:.72;pointer-events:none} /* La capa adaptativa fija la primera celda por defecto; aquí se libera para que las columnas semánticas Día + SKU sean las únicas anclas y no se encimen. */ body.hhAdaptiveUI.hhLedger .plannerPanelV88 table.hhAdaptiveTable.hhTableWide tbody td:first-child{ position:static!important; left:auto!important; z-index:auto!important; box-shadow:none!important; } body.hhAdaptiveUI.hhLedger .plannerPanelV88 table.hhAdaptiveTable.hhTableWide thead th:first-child{ position:sticky!important; top:0!important; left:auto!important; z-index:5!important; box-shadow:none!important; } @media(max-width:900px){ body.hhLedger .plannerTableToolsV404{grid-template-columns:1fr 1fr} body.hhLedger .plannerTableToolsV404>div{grid-column:1/-1} } @media(max-width:600px){ body.hhLedger .plannerTableToolsV404{grid-template-columns:1fr;padding:10px} body.hhLedger .plannerTableToolsV404>div{grid-column:auto} body.hhLedger .plannerTableToolsV404 button{width:100%} body.hhLedger .plannerPanelV88 .plannerTableWrapV404{max-height:72vh!important} body.hhLedger .plannerPanelV88 .dataTable{width:1480px!important;min-width:1480px!important} } /* Producción V470 · agenda rodante compacta y editor diario sin matriz horizontal. */ body.hhLedger .plannerWorkbenchV470{ --planner-v470-ink:#27313e; --planner-v470-muted:#66717d; --planner-v470-line:#d5d9de; --planner-v470-soft:#f4f6f8; --planner-v470-blue:#315f86; --planner-v470-green:#477553; --planner-v470-amber:#956a18; --planner-v470-red:#9c3033; display:grid; grid-template-columns:224px minmax(0,1fr); width:100%; height:clamp(500px,68vh,760px); min-width:0; overflow:hidden; border-top:1px solid var(--planner-v470-line); background:#fff; color:var(--planner-v470-ink); } /* La agenda y el editor tienen su propio eje vertical; el documento no salta. */ body.hhLedger .plannerAgendaV470{ position:sticky; top:0; z-index:4; display:grid; grid-template-rows:auto minmax(0,1fr); min-width:0; min-height:0; overflow:hidden; border-right:1px solid var(--planner-v470-line); background:#eef1f4; } body.hhLedger .plannerAgendaHeadV470{ position:sticky; top:0; z-index:3; display:grid; gap:3px; min-height:58px; padding:10px 12px; border-bottom:1px solid var(--planner-v470-line); background:#e5e9ed; } body.hhLedger .plannerAgendaHeadV470 :where(h3,b){margin:0;color:#26313e;font-size:12px;line-height:1.25} body.hhLedger .plannerAgendaHeadV470 :where(p,span,small){margin:0;color:#64707c;font-size:10px;line-height:1.35} body.hhLedger .plannerAgendaScrollV470{ display:grid; align-content:start; gap:5px; min-width:0; min-height:0; padding:8px; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:#7b8793 #e3e7eb; } body.hhLedger .plannerAgendaScrollV470::-webkit-scrollbar{width:9px;height:9px} body.hhLedger .plannerAgendaScrollV470::-webkit-scrollbar-track{background:#e3e7eb} body.hhLedger .plannerAgendaScrollV470::-webkit-scrollbar-thumb{border:2px solid #e3e7eb;border-radius:999px;background:#7b8793} body.hhLedger .plannerDayButtonV470{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"date value" "meta meta"; gap:2px 8px; width:100%; min-width:0; min-height:51px; padding:7px 9px 7px 12px; overflow:hidden; border:1px solid #cdd3d9; border-left:4px solid #89939e; border-radius:5px!important; background:#fff; color:#293441; box-shadow:none!important; text-align:left; text-transform:none; transition:border-color .14s ease,background .14s ease,box-shadow .14s ease; } body.hhLedger .plannerDayButtonV470::before{ content:""; position:absolute; inset:0; pointer-events:none; box-shadow:inset 0 0 0 0 transparent; } body.hhLedger .plannerDayButtonV470 :where(b,strong){grid-area:date;min-width:0;overflow:hidden;color:inherit;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap} body.hhLedger .plannerDayButtonV470>span{grid-area:value;align-self:start;color:inherit;font-size:10px;font-weight:850;line-height:1.25;white-space:nowrap} body.hhLedger .plannerDayButtonV470 :where(small,em){grid-area:meta;min-width:0;overflow:hidden;color:#69747f;font-size:9px;font-style:normal;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap} body.hhLedger .plannerDayButtonV470.empty{border-left-color:#89939e;background:#fff} body.hhLedger .plannerDayButtonV470.planned{border-left-color:var(--planner-v470-green);background:#f4f8f4;color:#294d33} body.hhLedger .plannerDayButtonV470.locked{border-left-color:var(--planner-v470-blue);background:#eef4f9;color:#294f70} body.hhLedger .plannerDayButtonV470.nonWorking{border-left-color:var(--planner-v470-amber);background:#fff8e8;color:#704f11} body.hhLedger .plannerDayButtonV470.pending{border-left-color:var(--planner-v470-red);background:#fff2f2;color:#7d292c} body.hhLedger .plannerDayButtonV470.selected, body.hhLedger .plannerDayButtonV470[aria-selected="true"], body.hhLedger .plannerDayButtonV470[aria-current="date"]{ border-color:#27313e; border-left-color:#a52b2e; background:#27313e; color:#fff; box-shadow:0 4px 12px rgba(31,40,51,.18)!important; } body.hhLedger .plannerDayButtonV470:is(.selected,[aria-selected="true"],[aria-current="date"]) :where(small,em){color:#dce3e9} body.hhLedger .plannerDayButtonV470:disabled{cursor:not-allowed;opacity:.58} @media(hover:hover) and (pointer:fine){ body.hhLedger .plannerDayButtonV470:hover:not(:disabled):not(.selected):not([aria-selected="true"]){border-color:#697682;background:#fff;box-shadow:0 3px 9px rgba(34,43,54,.09)!important} } body.hhLedger .plannerEditorV470{ position:relative; display:grid; grid-template-rows:auto auto auto minmax(0,1fr) auto; min-width:0; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; background:#f7f8fa; } body.hhLedger .plannerSelectedDayHeadV470{ position:sticky; top:0; z-index:12; display:flex; align-items:center; justify-content:space-between; gap:16px; min-width:0; min-height:60px; padding:10px 14px; border-bottom:1px solid var(--planner-v470-line); background:rgba(255,255,255,.97); box-shadow:0 4px 10px rgba(34,43,54,.05); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } body.hhLedger .plannerSelectedDayHeadV470>div{display:grid;gap:2px;min-width:0} body.hhLedger .plannerSelectedDayHeadV470>.plannerSelectedDayNavV470{display:flex;align-items:center;justify-content:flex-end;gap:7px} body.hhLedger .plannerSelectedDayHeadV470>.plannerSelectedDayNavV470 button{min-height:34px;white-space:nowrap} body.hhLedger .plannerSelectedDayHeadV470 :where(h3,h4,b,strong){margin:0;color:#26313e;font-size:15px;line-height:1.2} body.hhLedger .plannerSelectedDayHeadV470 :where(p,span,small){margin:0;color:#65717d;font-size:10px;line-height:1.35} body.hhLedger .plannerSummaryStripV470{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); min-width:0; border-bottom:1px solid var(--planner-v470-line); background:#fff; } body.hhLedger .plannerSummaryStripV470>div{ display:grid; gap:2px; min-width:0; min-height:50px; padding:8px 11px; border-right:1px solid #e0e3e7; } body.hhLedger .plannerSummaryStripV470>div:last-child{border-right:0} body.hhLedger .plannerSummaryStripV470 :where(span,small){color:#68737e;font-size:9px;font-weight:750;line-height:1.25} body.hhLedger .plannerSummaryStripV470 :where(b,strong){min-width:0;overflow:hidden;color:#27313e;font-size:13px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap} body.hhLedger .plannerDayGateV470{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:10px 12px 0; padding:9px 11px; border:1px solid #b9c9d8; border-left:4px solid var(--planner-v470-blue); border-radius:5px; background:#eef5fb; color:#294e70; } body.hhLedger .plannerDayPoliciesV470{display:grid;align-content:start;gap:8px;min-width:0} body.hhLedger .plannerDayPoliciesV470 .plannerDayGateV470+ .plannerDayGateV470{margin-top:0} body.hhLedger .plannerDayGateV470>div{display:grid;gap:2px;min-width:0} body.hhLedger .plannerDayGateV470 :where(b,strong){font-size:11px;line-height:1.25} body.hhLedger .plannerDayGateV470 :where(p,span,small){margin:0;color:#566f86;font-size:10px;line-height:1.35} body.hhLedger .plannerDayGateV470 :where(label,button){flex:0 0 auto} body.hhLedger .plannerProgramsV470{ display:grid; align-content:start; gap:9px; min-width:0; padding:10px 12px 14px; } body.hhLedger .plannerProgramCardV470{ min-width:0; overflow:hidden; border:1px solid #d1d6dc; border-left:4px solid #687887; border-radius:6px!important; background:#fff; box-shadow:0 3px 10px rgba(35,43,54,.05)!important; } body.hhLedger .plannerProgramCardV470:focus-within{border-color:#6b8296;border-left-color:#1f5f8b;box-shadow:0 0 0 2px rgba(31,95,139,.12)!important} body.hhLedger .plannerProgramCardV470.pending{border-left-color:var(--planner-v470-amber)} body.hhLedger .plannerProgramCardV470.locked{border-left-color:var(--planner-v470-blue)} body.hhLedger .plannerProgramHeaderV470{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; min-height:38px; padding:6px 9px 6px 11px; border-bottom:1px solid #e1e4e8; background:#f5f6f8; } body.hhLedger .plannerProgramHeaderV470>div{display:flex;align-items:center;gap:8px;min-width:0} body.hhLedger .plannerProgramHeaderV470 :where(b,strong){min-width:0;overflow:hidden;color:#35414e;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap} body.hhLedger .plannerProgramHeaderV470 :where(span,small){color:#6a7580;font-size:9px;line-height:1.25} body.hhLedger .plannerProgramHeaderV470 button{min-height:30px;padding:5px 8px;font-size:9px} body.hhLedger .plannerProgramGridV470{ display:grid; grid-template-columns:minmax(190px,1.25fr) minmax(92px,.48fr) minmax(205px,1.2fr) minmax(76px,.38fr) minmax(110px,.52fr) minmax(170px,1fr); align-items:end; gap:8px; min-width:0; padding:9px 10px 10px; } body.hhLedger .plannerProgramGridV470 :where(label,.field){display:grid;gap:4px;min-width:0;color:#5e6975;font-size:9px;font-weight:850;letter-spacing:.035em;line-height:1.25;text-transform:uppercase} body.hhLedger .plannerProgramGridV470 :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){box-sizing:border-box;width:100%;min-width:0!important;max-width:100%;min-height:34px!important;padding:5px 7px;font-size:11px;text-transform:none} body.hhLedger .plannerProgramGridV470 textarea{min-height:34px!important;max-height:96px;resize:vertical} body.hhLedger .plannerProgramGridV470 :where(small,.inputSource){margin:0;color:#707a84;font-size:9px;font-weight:650;letter-spacing:0;line-height:1.25;text-transform:none;white-space:normal} body.hhLedger .plannerOutputV470{ display:grid; align-content:center; gap:2px; min-width:0; min-height:34px; padding:5px 8px; border:1px solid #ccd4dc; border-left:3px solid var(--planner-v470-green); background:#f2f7f3; color:#31583b; font-variant-numeric:tabular-nums; } body.hhLedger .plannerOutputV470 :where(b,strong){overflow:hidden;font-size:12px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap} body.hhLedger .plannerOutputV470 :where(span,small){color:#5c7262;font-size:9px;line-height:1.2} body.hhLedger .plannerEditorActionsV470{ position:sticky; bottom:0; z-index:11; display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; padding:9px 12px; border-top:1px solid var(--planner-v470-line); background:rgba(244,246,248,.97); box-shadow:0 -5px 12px rgba(35,43,54,.06); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } body.hhLedger .plannerEditorActionsV470>div{display:flex;align-items:center;gap:8px;min-width:0} body.hhLedger .plannerEditorActionsV470 :where(span,small){color:#626e79;font-size:10px;line-height:1.3} body.hhLedger .plannerEditorActionsV470 :where(button,.buttonLink){min-height:34px;white-space:nowrap} body.hhLedger .plannerPanelV88[aria-busy="true"] .plannerWorkbenchV470{opacity:.72;pointer-events:none} /* El nuevo workbench sustituye exclusivamente la matriz A-02 si ambas capas coinciden durante un render; el resto de tablas conserva su contrato global. */ body.hhLedger .plannerWorkbenchV470 :is(.plannerTableToolsV404,.plannerTableWrapV404){display:none!important} body.hhLedger .plannerWorkbenchV470 table.dataTable{width:100%!important;min-width:0!important;table-layout:auto!important} body.hhLedger .plannerPanelV88:has(> .plannerWorkbenchV470)>:is(.plannerTableToolsV404,.plannerTableWrapV404){display:none!important} @media(max-width:1100px){ body.hhLedger .plannerWorkbenchV470{display:grid;grid-template-columns:minmax(0,1fr);height:auto;overflow:visible} body.hhLedger .plannerAgendaV470{position:static;display:grid;grid-template-rows:auto auto;overflow:hidden;border-right:0;border-bottom:1px solid var(--planner-v470-line)} body.hhLedger .plannerAgendaHeadV470{position:static;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:8px 11px} body.hhLedger .plannerAgendaScrollV470{display:flex;gap:6px;padding:7px 9px 9px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:9px;scrollbar-gutter:auto} body.hhLedger .plannerDayButtonV470{flex:0 0 156px;width:156px;min-height:48px;scroll-snap-align:start} body.hhLedger .plannerEditorV470{display:grid;grid-template-rows:auto auto auto auto auto;overflow:visible} body.hhLedger .plannerSelectedDayHeadV470{position:static} body.hhLedger .plannerProgramsV470{overflow:visible} body.hhLedger .plannerEditorActionsV470{position:sticky;bottom:0} body.hhLedger .plannerProgramGridV470{grid-template-columns:minmax(190px,1.25fr) minmax(92px,.5fr) minmax(200px,1.2fr) minmax(76px,.4fr);} body.hhLedger .plannerProgramGridV470>*:nth-child(n+5){grid-column:span 2} } @media(max-width:680px){ body.hhLedger .plannerWorkbenchV470{border-top:0;background:#f3f5f7} body.hhLedger .plannerAgendaHeadV470{display:grid;gap:2px;min-height:0;padding:9px 10px} body.hhLedger .plannerAgendaScrollV470{gap:5px;padding:7px 8px 9px} body.hhLedger .plannerDayButtonV470{flex-basis:132px;width:132px;min-height:48px;padding:7px 8px 7px 10px} body.hhLedger .plannerSelectedDayHeadV470{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-height:0;padding:11px 12px} body.hhLedger .plannerSelectedDayHeadV470>*{min-width:0;max-width:100%} body.hhLedger .plannerSelectedDayHeadV470>.plannerSelectedDayNavV470{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%} body.hhLedger .plannerSelectedDayHeadV470>.plannerSelectedDayNavV470 button{min-height:44px!important} body.hhLedger .plannerSummaryStripV470{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger .plannerSummaryStripV470>div:nth-child(2n){border-right:0} body.hhLedger .plannerSummaryStripV470>div:nth-child(n+3){border-top:1px solid #e0e3e7} body.hhLedger .plannerDayGateV470{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin:9px 9px 0;padding:10px} body.hhLedger .plannerDayGateV470 :where(label,button){width:100%;min-width:0} body.hhLedger .plannerProgramsV470{gap:8px;padding:9px} body.hhLedger .plannerProgramCardV470{width:100%;max-width:100%;border-radius:8px!important} body.hhLedger .plannerProgramHeaderV470{align-items:flex-start;padding:8px 9px} body.hhLedger .plannerProgramHeaderV470>div{display:grid;gap:2px} body.hhLedger .plannerProgramHeaderV470 button{flex:0 0 44px;width:44px;min-width:44px!important;min-height:44px!important;padding:0} body.hhLedger .plannerProgramGridV470{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"sku sku" "shift cycles" "route route" "output notes";gap:9px;padding:10px} body.hhLedger .plannerProgramGridV470>*:nth-child(n){grid-column:auto} body.hhLedger .plannerProgramGridV470>.skuCellV92{grid-area:sku} body.hhLedger .plannerProgramGridV470>.shiftCellV92{grid-area:shift} body.hhLedger .plannerProgramGridV470>.routeCellV92{grid-area:route} body.hhLedger .plannerProgramGridV470>.cyclesCellV92{grid-area:cycles} body.hhLedger .plannerProgramGridV470>.outputCellV92{grid-area:output} body.hhLedger .plannerProgramGridV470>.notesCellV92{grid-area:notes} body.hhLedger .plannerProgramGridV470 :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){width:100%;min-height:44px!important;font-size:16px!important} body.hhLedger .plannerProgramGridV470 :where(input[type="checkbox"],input[type="radio"]){width:24px!important;height:24px!important;min-width:24px!important} body.hhLedger .plannerOutputV470{min-height:44px;padding:7px 9px} body.hhLedger .plannerEditorActionsV470{position:static;bottom:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:9px} body.hhLedger .plannerEditorActionsV470>div{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;width:100%} body.hhLedger .plannerEditorActionsV470 :where(button,.buttonLink){width:100%;min-width:0;min-height:44px!important} } @media(max-width:430px){ body.hhLedger .plannerSummaryStripV470{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger .plannerSummaryStripV470>div{border-top:1px solid #e0e3e7} body.hhLedger .plannerSummaryStripV470>div:nth-child(-n+2){border-top:0} } @media(prefers-reduced-motion:reduce){ body.hhLedger .plannerDayButtonV470{scroll-behavior:auto;transition:none} } /* Plataforma 2.10 · calendario semanal del maestro de proveedores. */ body.hhLedger .materialSuppliersV401{min-width:1320px} body.hhLedger .materialSuppliersV401 th:nth-child(1){width:14%} body.hhLedger .materialSuppliersV401 th:nth-child(2){width:22%} body.hhLedger .materialSuppliersV401 th:nth-child(3){width:12%} body.hhLedger .materialSuppliersV401 th:nth-child(4){width:17%} body.hhLedger .materialSuppliersV401 th:nth-child(5){width:12%} body.hhLedger .materialSuppliersV401 th:nth-child(6){width:10%} body.hhLedger .materialSuppliersV401 th:nth-child(7){width:9%} body.hhLedger .materialSuppliersV401 th:nth-child(8){width:4%} body.hhLedger .supplierDeliveryCalendarV480{min-width:270px;padding:8px!important;vertical-align:top} body.hhLedger .supplierDeliveryCalendarV480 fieldset{display:grid;gap:7px;min-width:0;margin:0;padding:0;border:0} body.hhLedger .supplierDeliveryCalendarV480 select{width:100%;min-height:34px;padding:5px 8px;font-size:11px} body.hhLedger .supplierWeekdaysV480{display:grid;grid-template-columns:repeat(7,minmax(30px,1fr));gap:4px} body.hhLedger .supplierWeekdaysV480[hidden]{display:none} body.hhLedger .supplierWeekdaysV480 label{position:relative;display:block;min-width:0;margin:0;cursor:pointer} body.hhLedger .supplierWeekdaysV480 input{position:absolute;width:1px!important;height:1px!important;min-width:0!important;opacity:0;pointer-events:none} body.hhLedger .supplierWeekdaysV480 span{display:grid;place-items:center;min-height:32px;padding:3px;border:1px solid #c8cdd3;border-radius:6px;background:#fff;color:#4d5661;font-size:10px;font-weight:800;line-height:1} body.hhLedger .supplierWeekdaysV480 input:checked+span{border-color:#2f6f61;background:#e4f2ed;color:#1f584c;box-shadow:inset 0 0 0 1px #2f6f61} body.hhLedger .supplierWeekdaysV480 input:focus-visible+span{outline:3px solid #1f6feb;outline-offset:2px} body.hhLedger .supplierWeekdaysV480 input:disabled+span{cursor:not-allowed;opacity:.65} body.hhLedger .supplierDeliveryCalendarV480 small{display:block;color:#5e6874;font-size:9px;line-height:1.25} body.hhLedger .supplierDeliveryCalendarV480 fieldset.invalid small{color:#9b242a;font-weight:800} body.hhLedger .supplierDeliveryCalendarV480 fieldset.invalid select{border-color:#b4232b} @media(max-width:768px){ body.hhLedger .materialSuppliersV401{min-width:0} body.hhLedger .supplierDeliveryCalendarV480{min-width:0} body.hhLedger .supplierDeliveryCalendarV480 select{min-height:44px;font-size:16px} body.hhLedger .supplierWeekdaysV480{grid-template-columns:repeat(4,minmax(44px,1fr))} body.hhLedger .supplierWeekdaysV480 span{min-height:44px;font-size:12px} } /* Cobertura de materiales v490 · análisis compacto, filtrable y sin desbordes. */ body.hhLedger .materialCoverageWorkbenchV490{ --coverage-v490-ink:#27313e; --coverage-v490-muted:#59636f; --coverage-v490-line:#d6dbe0; --coverage-v490-canvas:#f4f6f8; --coverage-v490-red:#8f2529; --coverage-v490-amber:#7a4b00; --coverage-v490-green:#286246; display:grid; gap:12px; width:100%; max-width:100%; min-width:0; color:var(--coverage-v490-ink); } body.hhLedger .materialCoverageWorkbenchV490, body.hhLedger .materialCoverageWorkbenchV490 *{box-sizing:border-box} body.hhLedger .materialCoverageWorkbenchV490 :where(div,section,fieldset,label,span,small,dl,dt,dd){min-width:0} body.hhLedger .materialCoverageWorkbenchV490>.panelHead{margin-bottom:0} body.hhLedger .materialCoverageToolbarV490{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:10px; padding:14px; border:1px solid var(--coverage-v490-line); border-left:4px solid #a52b2e; border-radius:10px; background:#fff; box-shadow:0 4px 14px rgba(35,43,54,.05); } body.hhLedger .materialCoverageToolbarV490>label{display:grid;flex:0 1 170px;gap:5px} body.hhLedger .materialCoverageToolbarV490>.coverageSearchV490{flex:1 1 300px} body.hhLedger .materialCoverageToolbarV490 label>span, body.hhLedger .materialCoverageFiltersV490 legend{ color:var(--coverage-v490-muted); font-size:10px; font-weight:850; letter-spacing:.045em; line-height:1.25; text-transform:uppercase; } body.hhLedger .materialCoverageToolbarV490 :where(input,select,button,.buttonLink){min-height:44px} body.hhLedger .materialCoverageToolbarV490 :where(input,select){ width:100%; min-width:0; padding:9px 11px; border:1px solid #aeb6bf; border-radius:7px; background:#fff; color:var(--coverage-v490-ink); font-size:12px; } body.hhLedger .materialCoverageToolbarV490 :where(input,select):hover{border-color:#737f8c} body.hhLedger .materialCoverageFiltersV490{ display:flex; flex-wrap:wrap; align-items:center; gap:7px; width:100%; min-width:0; margin:0; padding:10px 12px; border:1px solid var(--coverage-v490-line); border-radius:9px; background:var(--coverage-v490-canvas); } body.hhLedger .materialCoverageFiltersV490>label{display:grid;flex:1 1 135px;gap:5px} body.hhLedger .materialCoverageFiltersV490>legend{width:100%;margin:0 0 -2px} body.hhLedger .materialCoverageFiltersV490 [role="group"], body.hhLedger .materialCoverageFiltersV490 .coverageFilterChipsV490{ display:flex; flex:1 1 100%; flex-wrap:wrap; gap:7px; } body.hhLedger .materialCoverageWorkbenchV490 button[aria-pressed]{ display:inline-flex; align-items:center; justify-content:space-between; gap:5px; min-width:44px; min-height:44px; padding:8px 12px; border:1px solid #9da7b1; border-radius:999px; background:#fff; color:#3c4754; font-size:11px; font-weight:800; line-height:1.2; white-space:nowrap; transition:border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease; } body.hhLedger .materialCoverageWorkbenchV490 button[aria-pressed="true"]{ border-color:var(--coverage-v490-ink); background:var(--coverage-v490-ink); color:#fff; box-shadow:0 3px 9px rgba(39,49,62,.2); } body.hhLedger .materialCoverageWorkbenchV490 button[aria-pressed]>b{ display:inline-grid; place-items:center; min-width:23px; min-height:23px; margin-left:6px; padding:1px 6px; border-radius:999px; background:#e6e9ed; color:#34404c; font-size:10px; line-height:1; } body.hhLedger .materialCoverageWorkbenchV490 button[aria-pressed="true"]>b{background:#fff;color:#26313e} body.hhLedger .materialCoverageWorkbenchV490 :where(button,a[href],input,select):focus-visible{ outline:3px solid #0b57a4!important; outline-offset:2px!important; } @media(hover:hover) and (pointer:fine){ body.hhLedger .materialCoverageWorkbenchV490 button[aria-pressed="false"]:hover{border-color:#4f5c69;background:#f3f5f7;color:#202a35} body.hhLedger .coverageRowV490:hover>td{background:#f7fafc!important} } body.hhLedger .materialCoverageWorkbenchV490 :where(.tableWrap,.dataWrap,.hhTableViewport):has(>table.materialCoverageMatrixV490){ width:100%; max-width:100%; overflow:auto; border:1px solid var(--coverage-v490-line); border-radius:10px; background:#fff; overscroll-behavior-inline:contain; scrollbar-gutter:stable; } body.hhLedger table.materialCoverageMatrixV490{ width:100%!important; min-width:1180px!important; table-layout:fixed!important; border-collapse:collapse; background:#fff; color:var(--coverage-v490-ink); font-variant-numeric:tabular-nums; } body.hhLedger .materialCoverageMatrixV490 th:nth-child(1){width:21%} body.hhLedger .materialCoverageMatrixV490 th:nth-child(2){width:11%} body.hhLedger .materialCoverageMatrixV490 th:nth-child(3){width:14%} body.hhLedger .materialCoverageMatrixV490 th:nth-child(4){width:14%} body.hhLedger .materialCoverageMatrixV490 th:nth-child(5){width:13%} body.hhLedger .materialCoverageMatrixV490 th:nth-child(6){width:15%} body.hhLedger .materialCoverageMatrixV490 th:nth-child(7){width:12%} body.hhLedger .materialCoverageMatrixV490 thead{position:sticky;top:0;z-index:5} body.hhLedger .materialCoverageMatrixV490 th{ min-width:0!important; padding:10px 11px!important; background:#29323e!important; color:#fff!important; font-size:10px!important; font-weight:850; letter-spacing:.045em; line-height:1.3!important; text-transform:uppercase; white-space:normal!important; } body.hhLedger .materialCoverageMatrixV490 td{ min-width:0; padding:11px!important; border-top:1px solid #e2e5e8; background:#fff; color:var(--coverage-v490-ink); font-size:12px!important; line-height:1.42!important; overflow-wrap:anywhere; vertical-align:top; white-space:normal!important; } body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490:nth-of-type(4n+3)>td{background:#fafbfc} body.hhLedger .coverageRowV490[data-signal="critical"]>td:first-child, body.hhLedger .coverageRowV490.critical>td:first-child, body.hhLedger .coverageRowV490.riskRow>td:first-child{box-shadow:inset 4px 0 var(--coverage-v490-red)} body.hhLedger .coverageRowV490[data-signal="attention"]>td:first-child, body.hhLedger .coverageRowV490.attention>td:first-child, body.hhLedger .coverageRowV490.watchRowV72>td:first-child{box-shadow:inset 4px 0 #bd7e18} body.hhLedger .coverageRowV490[data-signal="excess"]>td:first-child, body.hhLedger .coverageRowV490.excess>td:first-child{box-shadow:inset 4px 0 var(--coverage-v490-green)} body.hhLedger .coverageIdentityV490>:where(b,strong){display:block;color:#202b37;font-size:13px;line-height:1.3} body.hhLedger .coverageIdentityV490>:where(code,small,span){display:block;margin-top:3px;color:var(--coverage-v490-muted);font-size:10px;line-height:1.35} body.hhLedger .coverageIdentityV490 code{font-family:inherit;font-weight:850;letter-spacing:.025em} body.hhLedger .materialCodeV490{color:#8f2529!important;font-weight:900!important;letter-spacing:.055em!important;text-transform:uppercase} body.hhLedger .materialCoverageMatrixV490 td>:where(b,strong){font-size:12px} body.hhLedger .materialCoverageMatrixV490 td>:where(small,.sourceHint,.inputSource){display:block;margin-top:3px;color:var(--coverage-v490-muted);font-size:10px!important;line-height:1.4} body.hhLedger .coverageOrdersV490{display:grid;gap:5px} body.hhLedger .coverageOrdersV490>span{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#5a6571;font-size:10px;line-height:1.3} body.hhLedger .coverageOrdersV490>span>b{flex:0 0 auto;color:#27313e;font-size:11px} body.hhLedger .coverageSignalV490 :where(.status,[data-tone]){ display:inline-flex; align-items:center; max-width:100%; min-height:28px; padding:5px 8px; border:1px solid #bbc2ca; border-radius:999px; background:#eef1f4; color:#3f4a56; font-size:10px; font-weight:850; line-height:1.25; white-space:normal; } body.hhLedger .coverageSignalV490 :where(.status.bad,[data-tone="bad"],[data-tone="critical"]){border-color:#d9a3a6;background:#fbe8e9;color:var(--coverage-v490-red)} body.hhLedger .coverageSignalV490 :where(.status.warn,[data-tone="warn"],[data-tone="attention"]){border-color:#ddbd80;background:#fff4dc;color:var(--coverage-v490-amber)} body.hhLedger .coverageSignalV490 :where(.status.ok,[data-tone="ok"],[data-tone="excess"]){border-color:#9fc5b0;background:#e7f5ec;color:var(--coverage-v490-green)} body.hhLedger .coverageActionsV490{min-width:0} body.hhLedger .coverageActionsV490:not(td), body.hhLedger td.coverageActionsV490>div:not(.coverageSignalV490){display:flex;flex-wrap:wrap;align-items:center;gap:7px} body.hhLedger .coverageSignalV490{display:grid!important;grid-template-columns:minmax(0,1fr);align-content:start;gap:5px;margin-bottom:8px} body.hhLedger .coverageActionsV490>:where(button,.buttonLink,a[href]), body.hhLedger td.coverageActionsV490>div>:where(button,.buttonLink,a[href]){ min-width:44px; min-height:44px; padding:8px 10px; white-space:normal; } body.hhLedger .coverageDetailRowV490[hidden]{display:none!important} body.hhLedger .coverageDetailRowV490>td{ position:static!important; left:auto!important; z-index:auto!important; padding:0!important; border-top:0!important; background:#eef2f5!important; box-shadow:none!important; } body.hhLedger .coverageDetailRowV490>td::before{display:none!important;content:none!important} body.hhLedger .coverageDetailRowV490>td>div{ display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:10px 18px; margin:0 10px 12px; padding:14px 16px; border:1px solid #cad1d8; border-top:4px solid #526271; border-radius:0 0 9px 9px; background:#fff; box-shadow:0 5px 14px rgba(35,43,54,.06); } body.hhLedger .coverageFormulaV490{ grid-column:1/-1; display:grid; gap:4px; padding:11px 13px; border-left:4px solid #a52b2e; background:#f6f3f1; } body.hhLedger .coverageFormulaV490>span{color:#59636f;font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase} body.hhLedger .coverageFormulaV490>b{color:#25303c;font-size:14px;line-height:1.35;overflow-wrap:anywhere} body.hhLedger .coverageFormulaV490>small{color:#5b6570;font-size:10px;line-height:1.45} body.hhLedger .coverageDetailMetricsV490{ grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; border:1px solid #d5dae0; border-radius:7px; background:#fff; } body.hhLedger .coverageDetailMetricsV490>div{display:grid;align-content:start;gap:3px;min-height:70px;padding:10px;border-right:1px solid #dfe3e7} body.hhLedger .coverageDetailMetricsV490>div:nth-child(3n){border-right:0} body.hhLedger .coverageDetailMetricsV490>div:nth-child(n+4){border-top:1px solid #dfe3e7} body.hhLedger .coverageDetailMetricsV490 span{color:#5e6874;font-size:9px;font-weight:800;line-height:1.3;text-transform:uppercase} body.hhLedger .coverageDetailMetricsV490 b{color:#27313e;font-size:12px;line-height:1.3;overflow-wrap:anywhere} body.hhLedger .coverageDetailMetricsV490 small{color:#65707b;font-size:9px;line-height:1.3} body.hhLedger .coverageConsumptionV490{ grid-column:1/-1; display:grid; gap:9px; min-width:0; padding-top:3px; } body.hhLedger .coverageConsumptionV490>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:12px} body.hhLedger .coverageConsumptionV490 :where(h4,p){margin:0} body.hhLedger .coverageConsumptionV490 h4{color:#27313e;font-size:12px;line-height:1.3} body.hhLedger .coverageConsumptionV490 p{color:#5c6772;font-size:10px;line-height:1.4} body.hhLedger .coverageConsumptionV490 ol{display:grid;gap:0;min-width:0;margin:0;padding:0;border:1px solid #d8dde2;border-radius:7px;list-style:none} body.hhLedger .coverageConsumptionV490 li{display:grid;grid-template-columns:minmax(95px,.55fr) minmax(0,1.45fr) auto;align-items:center;gap:10px;min-width:0;padding:8px 10px;border-top:1px solid #e2e5e8;font-size:10px;line-height:1.35} body.hhLedger .coverageConsumptionV490 li:first-child{border-top:0} body.hhLedger .coverageConsumptionV490 li time{color:#5f6974;white-space:nowrap} body.hhLedger .coverageConsumptionV490 li b{min-width:0;color:#283441;font-size:10px;overflow-wrap:anywhere;white-space:normal} body.hhLedger .coverageConsumptionV490 li span{color:#27313e;font-weight:850;text-align:right;white-space:nowrap} body.hhLedger .coverageCutWarningV490, body.hhLedger .coverageReductionNoteV490{ display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:5px 10px; min-width:0; margin:0 12px; padding:10px 12px; border:1px solid #dec48d; border-left:4px solid #bd7e18; border-radius:6px; background:#fff8e8; color:#684814; font-size:11px; line-height:1.45; } body.hhLedger .coverageDetailV490>.coverageCutWarningV490, body.hhLedger .coverageDetailV490>.coverageReductionNoteV490{grid-column:1/-1;margin:0} body.hhLedger .coverageReductionNoteV490{border-color:#a9cab6;border-left-color:#286246;background:#edf7f0;color:#28583d} body.hhLedger .coverageResultBarV490{ display:flex; align-items:center; justify-content:space-between; gap:14px; min-width:0; padding:8px 11px; border-block:1px solid #dfe3e7; background:#fafbfc; } body.hhLedger .coverageResultBarV490>span{flex:0 0 auto;color:#27313e;font-size:11px;font-weight:850} body.hhLedger .coverageResultBarV490>small{min-width:0;color:#5d6873;font-size:10px;line-height:1.4;text-align:right} body.hhLedger .coverageDetailRowV490 :where(h3,h4){grid-column:1/-1;margin:0;color:#27313e;font-size:13px;line-height:1.3} body.hhLedger .coverageDetailRowV490 :where(dl,ul,ol,p){min-width:0;margin:0;color:#3e4955;font-size:11px;line-height:1.5} body.hhLedger .coverageDetailRowV490 dl{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1fr);gap:5px 10px} body.hhLedger .coverageDetailRowV490 dt{color:var(--coverage-v490-muted);font-weight:750} body.hhLedger .coverageDetailRowV490 dd{margin:0;font-weight:800;text-align:right;overflow-wrap:anywhere} body.hhLedger .coverageDetailRowV490 :where(.callout,[role="note"]){grid-column:1/-1;margin:0;padding:9px 11px;border-left:4px solid #bd7e18;background:#fff8e8;color:#674613;font-size:11px;line-height:1.45} @media(max-width:1100px){ body.hhLedger .materialCoverageToolbarV490>.coverageSearchV490{flex-basis:100%} body.hhLedger .materialCoverageToolbarV490>label:not(.coverageSearchV490){flex:1 1 150px} body.hhLedger table.materialCoverageMatrixV490{min-width:1080px!important} } @media(max-width:768px){ body.hhLedger .materialCoverageSummaryV401{margin-bottom:10px} body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; width:100%; } body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi{ display:grid; align-content:start; gap:3px; min-width:0; min-height:88px!important; padding:9px 10px!important; border-right:1px solid var(--coverage-v490-line)!important; border-bottom:1px solid var(--coverage-v490-line)!important; border-radius:0!important; } body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi:nth-child(3n){border-right:0!important} body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi:nth-last-child(-n+3){border-bottom:0!important} body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi>span{font-size:9px!important;line-height:1.25!important;overflow-wrap:anywhere} body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi>strong{margin:3px 0 1px!important;font-size:clamp(17px,3.6vw,21px)!important;line-height:1.12!important;overflow-wrap:anywhere} body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi>small{font-size:9px!important;line-height:1.3!important;overflow-wrap:anywhere} body.hhLedger .materialCoverageWorkbenchV490{gap:10px;width:100%;max-width:100%;overflow:visible} body.hhLedger .materialCoverageToolbarV490{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:11px;border-left-width:1px;border-radius:9px} body.hhLedger .materialCoverageToolbarV490>label, body.hhLedger .materialCoverageFiltersV490{width:100%;max-width:100%} body.hhLedger .materialCoverageFiltersV490{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px} body.hhLedger .materialCoverageFiltersV490>legend, body.hhLedger .materialCoverageFiltersV490>[role="group"], body.hhLedger .materialCoverageFiltersV490>.coverageFilterChipsV490{grid-column:1/-1} body.hhLedger .materialCoverageToolbarV490 :where(input,select){min-height:44px!important;font-size:16px!important} body.hhLedger .materialCoverageWorkbenchV490 button[aria-pressed]{flex:1 1 auto;justify-content:center;min-height:44px!important} body.hhLedger .materialCoverageWorkbenchV490 :is(.tableWrap,.dataWrap,.hhTableViewport):has(>table.materialCoverageMatrixV490){ max-height:none!important; overflow:visible!important; border:0; border-radius:0; background:transparent; box-shadow:none!important; scrollbar-gutter:auto; } body.hhLedger table.materialCoverageMatrixV490, body.hhLedger table.materialCoverageMatrixV490.hhAdaptiveTable, body.hhLedger table.materialCoverageMatrixV490.responsiveListV98{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; padding:0!important; table-layout:auto!important; border:0!important; background:transparent!important; } body.hhLedger .materialCoverageMatrixV490 thead{ display:table-header-group!important; position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; } body.hhLedger .materialCoverageMatrixV490 tbody{display:grid!important;gap:11px;width:100%;max-width:100%;padding:0!important;background:transparent!important} body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; overflow:hidden; border:1px solid var(--coverage-v490-line)!important; border-top:4px solid #526271!important; border-radius:10px!important; background:#fff!important; box-shadow:0 4px 12px rgba(35,43,54,.07)!important; } body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490[data-signal="critical"], body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490.critical, body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490.riskRow{border-top-color:var(--coverage-v490-red)!important} body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490[data-signal="attention"], body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490.attention, body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490.watchRowV72{border-top-color:#bd7e18!important} body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490[data-signal="excess"], body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490.excess{border-top-color:var(--coverage-v490-green)!important} body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>td{ position:static!important; left:auto!important; z-index:auto!important; display:grid!important; grid-template-columns:minmax(0,1fr); align-content:start; gap:5px; width:100%!important; min-width:0!important; max-width:100%!important; padding:11px!important; border:0!important; border-top:1px solid #e5e8eb!important; border-right:1px solid #e5e8eb!important; background:#fff!important; box-shadow:none!important; color:var(--coverage-v490-ink)!important; font-size:12px!important; text-align:left!important; white-space:normal!important; } body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>td:nth-child(even){border-right:0!important} body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>td:nth-child(-n+2){border-top:0!important} body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>td:first-child, body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>.coverageIdentityV490, body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>td:last-child, body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>.coverageActionsV490{grid-column:1/-1;border-right:0!important} body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>td:first-child{border-top:0!important} body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>td::before{ content:attr(data-label-v98); display:block; color:#65707c; font-size:10px; font-weight:850; letter-spacing:.045em; line-height:1.25; text-align:left; text-transform:uppercase; } body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>td:not([data-label-v98])::before{content:attr(data-label)} body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>td:first-child::before, body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>.coverageIdentityV490::before{margin-bottom:1px} body.hhLedger .coverageActionsV490:not(td), body.hhLedger td.coverageActionsV490>div:not(.coverageSignalV490){display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));width:100%} body.hhLedger .coverageActionsV490>:where(button,.buttonLink,a[href]), body.hhLedger td.coverageActionsV490>div>:where(button,.buttonLink,a[href]){width:100%;min-width:0;min-height:44px!important} body.hhLedger .materialCoverageMatrixV490 tbody>.coverageDetailRowV490{ display:grid!important; grid-template-columns:minmax(0,1fr); grid-column:1/-1; width:100%!important; max-width:100%!important; min-width:0!important; margin:-12px 0 0!important; padding:0!important; border:0!important; background:transparent!important; } body.hhLedger .materialCoverageMatrixV490 tbody>.coverageDetailRowV490[hidden]{display:none!important} body.hhLedger .materialCoverageMatrixV490 .coverageDetailRowV490>td{ display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; padding:0!important; border:0!important; background:transparent!important; } body.hhLedger .coverageDetailRowV490>td>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0;padding:13px;border-radius:0 0 9px 9px;box-shadow:none} body.hhLedger .coverageCutWarningV490, body.hhLedger .coverageReductionNoteV490{grid-template-columns:minmax(0,1fr);gap:3px;margin:0;padding:10px} body.hhLedger .coverageResultBarV490{align-items:flex-start;flex-direction:column;gap:4px;padding:8px 2px;background:transparent} body.hhLedger .coverageResultBarV490>small{text-align:left} body.hhLedger .materialCoverageMatrixV490 tbody>tr:has(>td>.empty):not(.coverageDetailRowV490){display:block!important;width:100%!important;max-width:100%!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} body.hhLedger .materialCoverageMatrixV490 tbody>tr:has(>td>.empty)>td{display:block!important;width:100%!important;max-width:100%!important;padding:0!important;border:0!important;background:transparent!important} body.hhLedger .materialCoverageMatrixV490 tbody>tr:has(>td>.empty)>td::before{display:none!important;content:none!important} } @media(max-width:520px){ body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi:nth-child(n){border-right:1px solid var(--coverage-v490-line)!important;border-bottom:1px solid var(--coverage-v490-line)!important} body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi:nth-child(2n){border-right:0!important} body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi:nth-last-child(-n+2){border-bottom:0!important} body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi{min-height:84px!important;padding:8px 9px!important} body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi>strong{font-size:clamp(16px,5vw,20px)!important} body.hhLedger .materialCoverageFiltersV490{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger .materialCoverageFiltersV490 [role="group"], body.hhLedger .materialCoverageFiltersV490 .coverageFilterChipsV490{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%} body.hhLedger .materialCoverageWorkbenchV490 button[aria-pressed]{width:100%;min-width:0;white-space:normal} body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>td:nth-child(n){grid-column:auto} body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>.coverageIdentityV490, body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>.coverageActionsV490{grid-column:1/-1} body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>:is(.coverageConsumptionCellV490,.coverageOrdersCellV490,.coverageDaysCellV490){display:none!important} body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>.coverageStockV490{border-top:1px solid #e5e8eb!important;border-right:1px solid #e5e8eb!important} body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>.coverageOpportunityV490{border-top:1px solid #e5e8eb!important;border-right:0!important} body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>td:first-child{border-top:0!important} body.hhLedger .coverageDetailRowV490>td>div{grid-template-columns:minmax(0,1fr)} body.hhLedger .coverageDetailMetricsV490{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger .coverageDetailMetricsV490>div:nth-child(n){border-top:1px solid #dfe3e7;border-right:1px solid #dfe3e7} body.hhLedger .coverageDetailMetricsV490>div:nth-child(-n+2){border-top:0} body.hhLedger .coverageDetailMetricsV490>div:nth-child(2n){border-right:0} body.hhLedger .coverageConsumptionV490>div:first-child{display:grid;gap:2px} body.hhLedger .coverageConsumptionV490 li{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px} body.hhLedger .coverageConsumptionV490 li time{grid-column:1/-1} body.hhLedger .coverageDetailRowV490 dl{grid-template-columns:minmax(0,1fr)} body.hhLedger .coverageDetailRowV490 dd{text-align:left} } /* Recuperación 5.15 · recepción total/parcial visible y estable. */ body.hhLedger .purchaseStageV420[aria-busy="true"]{cursor:progress} body.hhLedger .purchaseStageV420[aria-busy="true"] .purchaseStageActionsV420{pointer-events:none;opacity:.64} body.hhLedger .purchaseCardSelectV420 input:focus-visible+span{outline:3px solid rgba(54,93,115,.28);outline-offset:3px} body.hhLedger .receiptDispositionV515{padding:7px 8px;border:1px solid #d9c99c;border-radius:8px;background:#fffaf0} body.hhLedger .receiptDispositionV515 select{border-color:#c8ad67;font-weight:850} body.hhLedger .receiptDispositionV515 small{min-height:2.7em;color:#66572f;font-size:8.5px;line-height:1.35} body.hhLedger .purchaseOrderCardV420.receive :is(input,select){min-height:44px} body.hhLedger .purchaseOrderCardV420.receive .purchaseFieldV420>span, body.hhLedger .purchaseOrderCardV420.receive .purchaseCardMetricV420>span, body.hhLedger .purchaseOrderCardV420.receive .purchaseOrderNumberV420>span{font-size:8.5px} body.hhLedger .purchaseOrderCardV420.receive .purchaseFieldV420>small, body.hhLedger .purchaseOrderCardV420.receive .purchaseCardMetricV420>small, body.hhLedger .purchaseOrderCardV420.receive .purchaseOrderNumberV420>small{font-size:8.5px} @media(max-width:680px){ body.hhLedger .purchaseOrderCardV420.receive{width:100%;max-width:100%;overflow:hidden} body.hhLedger .purchaseOrderCardV420.receive>*:not(.purchaseCardSelectV420){width:100%;max-width:100%;min-width:0} body.hhLedger .receiptDispositionV515{padding:10px} body.hhLedger .purchaseStageActionsV420 :is(button,.purchaseSelectAllV420){min-height:44px} } @media(prefers-reduced-motion:reduce){ body.hhLedger .materialCoverageWorkbenchV490 button[aria-pressed]{transition:none} } @media(forced-colors:active){ body.hhLedger .coverageRowV490, body.hhLedger .coverageDetailRowV490>td>div, body.hhLedger .materialCoverageWorkbenchV490 button[aria-pressed]{border-color:CanvasText!important} body.hhLedger .materialCoverageWorkbenchV490 button[aria-pressed="true"]{background:Highlight!important;color:HighlightText!important} } /* Cobertura v490 · refinamiento visual. Mantiene intactos DOM, filtros y cálculos. */ body.hhLedger .materialCoverageWorkbenchV490{ --coverage-v490-ink:#202b36; --coverage-v490-muted:#66717c; --coverage-v490-line:#dedfdc; --coverage-v490-canvas:#f6f5f2; --coverage-v490-surface:#fff; --coverage-v490-surface-soft:#fbfaf8; --coverage-v490-accent:#9b3033; --coverage-v490-accent-soft:#faeeee; --coverage-v490-red:#8d292d; --coverage-v490-amber:#7d5415; --coverage-v490-green:#286146; --coverage-v490-navy:#283340; gap:12px; padding:0 16px 16px!important; overflow:hidden; border:1px solid #dddcd8!important; border-radius:18px!important; background:linear-gradient(180deg,#faf9f7 0,#f5f4f1 100%)!important; box-shadow:0 16px 42px rgba(31,40,49,.08)!important; } body.hhLedger .materialCoverageWorkbenchV490>.panelHead{ position:relative; align-items:center; min-height:78px; margin:0 -16px 2px!important; padding:17px 18px 15px; border-bottom:1px solid #e2e1dd; background:rgba(255,255,255,.94); box-shadow:inset 0 4px var(--coverage-v490-accent); } body.hhLedger .materialCoverageWorkbenchV490>.panelHead h3{ color:#202a35; font-size:16px; font-weight:850; letter-spacing:-.015em; } body.hhLedger .materialCoverageWorkbenchV490>.panelHead p{ max-width:720px; margin-top:4px; color:#68717b; font-size:10px; line-height:1.45; } body.hhLedger .materialCoverageWorkbenchV490 .materialPanelActionsV401{ flex-wrap:wrap; justify-content:flex-end; } body.hhLedger .materialCoverageWorkbenchV490 .mrpStampV401{ min-height:44px; padding:8px 11px; border:1px solid #d6ddd8; border-left:4px solid #2c6a4d; border-radius:10px; background:#f4faf6; box-shadow:none; } body.hhLedger .materialCoverageWorkbenchV490 #copyCoverageV490{ min-height:44px; border-color:#cfd3d6; border-radius:10px; background:#fff; color:#303b47; } body.hhLedger .materialCoverageSummaryV401{ overflow:visible; margin-bottom:14px; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi{ position:relative; display:grid; align-content:start; gap:4px; min-width:0; min-height:108px!important; padding:14px 15px 13px!important; overflow:hidden; border:1px solid #dedfdc!important; border-radius:14px!important; background:linear-gradient(145deg,#fff 0,#fbfaf8 100%)!important; box-shadow:0 7px 20px rgba(31,40,49,.055)!important; } body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi::before{ content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--coverage-v490-accent); } body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi.green::before{background:#3d7459} body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi.gold::before{background:#b47a24} body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi.blue::before{background:#496d84} body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi.red::before{background:#a53a3e} body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi>span{ color:#6b737b; font-size:9px!important; font-weight:850; letter-spacing:.06em; line-height:1.25; } body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi>strong{ margin:5px 0 1px!important; color:#1f2a35; font-size:clamp(20px,1.75vw,25px)!important; font-weight:820; letter-spacing:-.035em; line-height:1.08!important; } body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi>small{ color:#6b747d; font-size:9px!important; line-height:1.35!important; } body.hhLedger .materialCoverageFiltersV490{ display:flex; align-items:center; gap:6px; padding:5px; overflow-x:auto; border:1px solid #e0dfdb; border-radius:14px; background:#ecebe7; box-shadow:inset 0 1px 2px rgba(31,40,49,.035); scrollbar-width:thin; } body.hhLedger .materialCoverageWorkbenchV490 button[aria-pressed]{ flex:1 0 auto; justify-content:center; min-height:44px; padding:8px 10px; border-color:transparent; border-radius:10px; background:transparent; color:#515c67; font-size:10px; letter-spacing:.01em; box-shadow:none; } body.hhLedger .materialCoverageWorkbenchV490 button[aria-pressed]>b{ min-width:22px; min-height:22px; margin-left:3px; border:1px solid #d9dad7; background:#fff; color:#515c67; } body.hhLedger .materialCoverageWorkbenchV490 button[aria-pressed="true"]{ border-color:#8f2e31; background:linear-gradient(145deg,#a5383b,#8d292d); color:#fff; box-shadow:0 5px 13px rgba(143,46,49,.22); } body.hhLedger .materialCoverageWorkbenchV490 button[aria-pressed="true"]>b{ border-color:rgba(255,255,255,.45); background:rgba(255,255,255,.95); color:#85272b; } body.hhLedger .materialCoverageToolbarV490{ display:grid; grid-template-columns:minmax(250px,2fr) repeat(3,minmax(130px,1fr)) auto; align-items:end; gap:9px; padding:12px; border:1px solid #dfdfdc; border-left:1px solid #dfdfdc; border-radius:14px; background:rgba(255,255,255,.94); box-shadow:0 7px 20px rgba(31,40,49,.045); } body.hhLedger .materialCoverageToolbarV490>label, body.hhLedger .materialCoverageToolbarV490>.coverageSearchV490{ display:grid; flex:none; gap:5px; min-width:0; } body.hhLedger .materialCoverageToolbarV490 label>span{ padding-left:2px; color:#68727c; font-size:9px; letter-spacing:.065em; } body.hhLedger .materialCoverageToolbarV490 :where(input,select){ min-height:44px; padding:9px 34px 9px 11px; border:1px solid #cfd3d5; border-radius:10px; background-color:#fff; color:#25303b; font-size:11px; box-shadow:0 1px 1px rgba(31,40,49,.025); } body.hhLedger .materialCoverageToolbarV490 input{padding-right:11px} body.hhLedger .materialCoverageToolbarV490 :where(input,select):hover{border-color:#8c969f} body.hhLedger .materialCoverageToolbarV490 :where(input,select):focus{ border-color:#506d86; box-shadow:0 0 0 3px rgba(60,100,135,.12); } body.hhLedger .materialCoverageToolbarV490>button{ min-width:82px; min-height:44px; border:1px solid #d2d5d7; border-radius:10px; background:#f7f7f5; color:#4d5863; } body.hhLedger .coverageResultBarV490{ min-height:40px; padding:8px 12px; border:1px solid #e0e0dd; border-radius:10px; background:rgba(255,255,255,.72); } body.hhLedger .coverageResultBarV490>span{ display:inline-flex; align-items:center; gap:7px; color:#25303b; font-size:11px; } body.hhLedger .coverageResultBarV490>span::before{ content:""; width:7px; height:7px; border-radius:50%; background:#9b3033; box-shadow:0 0 0 4px #f6e8e8; } body.hhLedger .materialCoverageWorkbenchV490 :where(.tableWrap,.dataWrap,.hhTableViewport):has(>table.materialCoverageMatrixV490){ border-color:#d9dad8; border-radius:15px; box-shadow:0 9px 25px rgba(31,40,49,.06); } body.hhLedger table.materialCoverageMatrixV490{background:#fff} body.hhLedger .materialCoverageMatrixV490 th{ padding:11px 12px!important; border-right:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg,#303b48 0,#26313d 100%)!important; color:#f8f8f6!important; font-size:9px!important; letter-spacing:.075em; } body.hhLedger .materialCoverageMatrixV490 th:last-child{border-right:0} body.hhLedger .materialCoverageMatrixV490 td{ padding:12px!important; border-top:0; border-bottom:1px solid #e8e8e5; background:#fff; } body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490:nth-of-type(4n+3)>td{background:#fcfbf9} body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490:last-of-type>td{border-bottom:0} body.hhLedger .coverageIdentityV490{ background:linear-gradient(90deg,#fff 0,#fff 88%,rgba(245,243,239,.6) 100%)!important; } body.hhLedger .coverageIdentityV490>:where(b,strong){ margin-top:5px; color:#1f2a35; font-size:13px; font-weight:820; letter-spacing:-.01em; } body.hhLedger .materialCodeV490{ display:inline-flex!important; width:max-content; max-width:100%; margin:0!important; padding:3px 7px; border:1px solid #ead2d3; border-radius:6px; background:#fbefef; color:#8e2a2e!important; font-size:9px!important; letter-spacing:.075em!important; } body.hhLedger .coverageOrdersV490{gap:6px} body.hhLedger .coverageOrdersV490>span{ padding-bottom:5px; border-bottom:1px dashed #dfdfdc; } body.hhLedger .coverageOrdersV490>span:last-child{padding-bottom:0;border-bottom:0} body.hhLedger .coverageSignalV490 :where(.status,[data-tone]){ gap:6px; width:max-content; min-height:27px; padding:5px 9px; border-radius:8px; letter-spacing:.015em; } body.hhLedger .coverageSignalV490 :where(.status,[data-tone])::before{ content:""; flex:0 0 auto; width:6px; height:6px; border-radius:50%; background:currentColor; } body.hhLedger .coverageActionsV490{background:#fcfbf9!important} body.hhLedger td.coverageActionsV490>div:last-child{ display:grid; grid-template-columns:minmax(0,1fr); gap:6px; } body.hhLedger .coverageActionsV490>:where(button,.buttonLink,a[href]), body.hhLedger td.coverageActionsV490>div>:where(button,.buttonLink,a[href]){ min-height:42px; border-radius:9px; font-size:10px; font-weight:800; } body.hhLedger td.coverageActionsV490 [data-coverage-detail-v490]{ border-color:#cfd4d7; background:#fff; color:#33404c; } body.hhLedger td.coverageActionsV490 [aria-expanded="true"]{ border-color:#9b3033; background:#faeeee; color:#85272b; } @media(min-width:769px){ body.hhLedger .materialCoverageMatrixV490 thead th:first-child{ position:sticky; left:0; z-index:7; box-shadow:8px 0 14px -14px #17202a; } body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490>td:first-child{ position:sticky; left:0; z-index:2; box-shadow:8px 0 16px -16px rgba(30,39,48,.9); } body.hhLedger .coverageRowV490:hover>td{background:#f9f8f5!important} body.hhLedger .coverageRowV490:hover>.coverageIdentityV490{background:#f9f8f5!important} } body.hhLedger .coverageDetailRowV490>td{background:#e9e8e4!important} body.hhLedger .coverageDetailRowV490>td>div{ gap:12px; margin:0 8px 14px; padding:16px; border:1px solid #d6d6d2; border-top:0; border-radius:0 0 14px 14px; background:#fff; box-shadow:0 12px 28px rgba(31,40,49,.08); } body.hhLedger .coverageFormulaV490{ gap:5px; padding:13px 14px; border:1px solid #ead8d5; border-left:4px solid var(--coverage-v490-accent); border-radius:10px; background:linear-gradient(135deg,#fcf6f4,#f8f3ef); } body.hhLedger .coverageFormulaV490>b{ color:#202b36; font-size:15px; letter-spacing:-.015em; } body.hhLedger .coverageDetailMetricsV490{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; overflow:visible; border:0; border-radius:0; background:transparent; } body.hhLedger .coverageDetailMetricsV490>div{ min-height:72px; padding:10px 11px; border:1px solid #e0e1de!important; border-radius:9px; background:#fafaf8; } body.hhLedger .coverageDetailMetricsV490 span{color:#6c747c;font-size:8px;letter-spacing:.035em} body.hhLedger .coverageDetailMetricsV490 b{color:#222d38;font-size:12px} body.hhLedger .coverageConsumptionV490{ gap:10px; padding:12px; border:1px solid #e1e1de; border-radius:10px; background:#fcfcfa; } body.hhLedger .coverageConsumptionV490 h4{font-size:12px;font-weight:850} body.hhLedger .coverageConsumptionV490 ol{overflow:hidden;border-color:#e0e1de;border-radius:9px;background:#fff} body.hhLedger .coverageConsumptionV490 li{padding:9px 11px;border-color:#ebebe8} body.hhLedger .coverageConsumptionV490 li:nth-child(even){background:#fafaf8} body.hhLedger .coverageCutWarningV490, body.hhLedger .coverageReductionNoteV490{ border-radius:10px; box-shadow:0 3px 10px rgba(90,67,24,.035); } @media(min-width:1280px){ body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72{grid-template-columns:repeat(6,minmax(0,1fr))} } @media(max-width:1100px) and (min-width:769px){ body.hhLedger .materialCoverageToolbarV490{grid-template-columns:minmax(260px,2fr) repeat(2,minmax(140px,1fr))} body.hhLedger .materialCoverageToolbarV490>.coverageSearchV490{grid-column:1/-1} body.hhLedger .materialCoverageToolbarV490>button{width:100%} } @media(max-width:768px){ body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px; } body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi{ min-height:92px!important; padding:11px 12px!important; border:1px solid #dedfdc!important; border-radius:12px!important; } body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi:nth-child(n){border-right:1px solid #dedfdc!important;border-bottom:1px solid #dedfdc!important} body.hhLedger .materialCoverageWorkbenchV490{ gap:10px; padding:0 10px 12px!important; overflow:hidden; border-radius:15px!important; } body.hhLedger .materialCoverageWorkbenchV490>.panelHead{ align-items:stretch; min-height:0; margin:0 -10px 2px!important; padding:15px 12px 12px; } body.hhLedger .materialCoverageWorkbenchV490 .materialPanelActionsV401{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch} body.hhLedger .materialCoverageWorkbenchV490 .mrpStampV401{width:auto;min-width:0} body.hhLedger .materialCoverageWorkbenchV490 #copyCoverageV490{width:auto;min-width:44px} body.hhLedger .materialCoverageFiltersV490{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; overflow:visible; padding:5px; } body.hhLedger .materialCoverageWorkbenchV490 button[aria-pressed]{width:100%;min-width:0;white-space:normal} body.hhLedger .materialCoverageToolbarV490{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:10px; border-left:1px solid #dfdfdc; border-radius:12px; } body.hhLedger .materialCoverageToolbarV490>.coverageSearchV490{grid-column:1/-1} body.hhLedger .materialCoverageToolbarV490>label{width:100%;max-width:100%} body.hhLedger .materialCoverageToolbarV490>label:last-of-type{grid-column:auto} body.hhLedger .materialCoverageToolbarV490>button{align-self:end;width:100%;min-width:0} body.hhLedger .coverageResultBarV490{padding:9px 10px;background:#fff} body.hhLedger .materialCoverageMatrixV490 tbody{gap:10px!important} body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490{ overflow:hidden; border:1px solid #dcddda!important; border-top:1px solid #dcddda!important; border-left:4px solid #687582!important; border-radius:13px!important; box-shadow:0 7px 18px rgba(31,40,49,.065)!important; } body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490[data-signal="critical"], body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490.critical, body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490.riskRow{border-top-color:#dcddda!important;border-left-color:var(--coverage-v490-red)!important} body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490[data-signal="attention"], body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490.attention, body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490.watchRowV72{border-top-color:#dcddda!important;border-left-color:#b47a24!important} body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490[data-signal="excess"], body.hhLedger .materialCoverageMatrixV490 tbody>.coverageRowV490.excess{border-top-color:#dcddda!important;border-left-color:var(--coverage-v490-green)!important} body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>td{ padding:11px 12px!important; border-color:#e9e9e6!important; background:#fff!important; } body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>.coverageIdentityV490{ padding:13px 12px!important; background:linear-gradient(135deg,#fff,#f8f7f4)!important; } body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>.coverageActionsV490{background:#faf9f7!important} body.hhLedger .coverageActionsV490:not(td), body.hhLedger td.coverageActionsV490>div:not(.coverageSignalV490){display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:7px} body.hhLedger .materialCoverageMatrixV490 tbody>.coverageDetailRowV490{margin:-11px 0 0!important} body.hhLedger .coverageDetailRowV490>td>div{ gap:10px; margin:0 4px 12px; padding:12px; border-radius:0 0 12px 12px; } body.hhLedger .coverageDetailMetricsV490{gap:7px} } @media(max-width:520px){ body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:7px; } body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi{ min-height:87px!important; padding:10px 11px!important; } body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi>strong{font-size:clamp(17px,5vw,20px)!important} body.hhLedger .materialCoverageFiltersV490{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger .materialCoverageWorkbenchV490 .materialPanelActionsV401{grid-template-columns:minmax(0,1fr)} body.hhLedger .materialCoverageWorkbenchV490 #copyCoverageV490{width:100%} body.hhLedger .materialCoverageToolbarV490 :where(input,select){font-size:16px!important} body.hhLedger .materialCoverageToolbarV490>label:last-of-type{grid-column:1/2} body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>.coverageStockV490, body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>.coverageOpportunityV490{min-height:92px} body.hhLedger .materialCoverageMatrixV490 .coverageRowV490>.coverageOpportunityV490{ background:#faf9f7!important; } body.hhLedger .coverageSignalV490{grid-template-columns:minmax(0,1fr);margin-bottom:7px} body.hhLedger .coverageDetailMetricsV490{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger .coverageDetailMetricsV490>div{min-height:70px} body.hhLedger .coverageConsumptionV490{padding:10px} } @media(hover:hover) and (pointer:fine){ body.hhLedger .materialCoverageWorkbenchV490 button[aria-pressed="false"]:hover{ border-color:#d4d5d2; background:#f8f8f6; color:#28333e; box-shadow:0 2px 7px rgba(31,40,49,.05); } body.hhLedger .materialCoverageToolbarV490>button:hover, body.hhLedger .materialCoverageWorkbenchV490 #copyCoverageV490:hover{border-color:#919aa2;background:#fff;color:#202b36} body.hhLedger td.coverageActionsV490 [data-coverage-detail-v490]:hover{border-color:#8c969e;background:#f6f7f6} } body.hhLedger .materialCoverageWorkbenchV490 :where(button,a[href]):active{transform:translateY(1px)} @media(prefers-reduced-motion:reduce){ body.hhLedger .materialCoverageWorkbenchV490 :where(button,a[href]){transition:none!important} body.hhLedger .materialCoverageWorkbenchV490 :where(button,a[href]):active{transform:none} } @media(forced-colors:active){ body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi, body.hhLedger .materialCoverageWorkbenchV490, body.hhLedger .materialCoverageFiltersV490, body.hhLedger .materialCoverageToolbarV490, body.hhLedger .coverageResultBarV490, body.hhLedger .coverageDetailMetricsV490>div{border:1px solid CanvasText!important;background:Canvas!important} body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi::before, body.hhLedger .coverageResultBarV490>span::before{background:CanvasText} } /* Mesa de decisión V500 · seis columnas y lectura causal completa. */ body.hhLedger .materialCoverageDecisionV500{ --coverage-v500-demand:#8d4d32; --coverage-v500-inbound:#3e6680; --coverage-v500-result:#35634c; } body.hhLedger .coverageControlDeckV500{ display:grid; gap:9px; padding:10px; border:1px solid #dddedb; border-radius:16px; background:rgba(255,255,255,.82); box-shadow:0 8px 24px rgba(31,40,49,.045); } body.hhLedger .coverageControlDeckV500 .materialCoverageFiltersV490, body.hhLedger .coverageControlDeckV500 .materialCoverageToolbarV490, body.hhLedger .coverageControlDeckV500 .coverageResultBarV490{box-shadow:none} body.hhLedger .coverageControlDeckV500 .materialCoverageToolbarV490{border-color:#e4e4e1;background:#fafaf8} body.hhLedger .coverageControlDeckV500 .coverageResultBarV490{margin:0 2px;border:0;border-top:1px solid #e5e5e2;border-radius:0;background:transparent} body.hhLedger .materialCoverageWrapV490{ max-height:none!important; overflow-x:auto!important; overscroll-behavior-inline:contain; } body.hhLedger table.materialCoverageDecisionMatrixV500{ width:100%!important; min-width:1020px!important; table-layout:fixed!important; } body.hhLedger .materialCoverageDecisionMatrixV500 th:nth-child(1){width:21%} body.hhLedger .materialCoverageDecisionMatrixV500 th:nth-child(2){width:14%} body.hhLedger .materialCoverageDecisionMatrixV500 th:nth-child(3){width:14%} body.hhLedger .materialCoverageDecisionMatrixV500 th:nth-child(4){width:15%} body.hhLedger .materialCoverageDecisionMatrixV500 th:nth-child(5){width:20%} body.hhLedger .materialCoverageDecisionMatrixV500 th:nth-child(6){width:16%} body.hhLedger .materialCoverageDecisionMatrixV500 th:nth-child(n+7){width:auto} body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>td{ height:100%; padding:12px!important; } body.hhLedger .coverageTodayV500, body.hhLedger .coverageDemandV500, body.hhLedger .coverageInboundV500, body.hhLedger .coverageResultV500, body.hhLedger .coverageDecisionV500{min-width:0} body.hhLedger .coverageTodayV500, body.hhLedger .coverageResultV500{ display:grid; align-content:start; gap:9px; } body.hhLedger .coverageTodayV500>div, body.hhLedger .coverageProjectionV500, body.hhLedger .coverageResultV500>.coverageOpportunityV490{ display:grid; align-content:start; gap:3px; min-width:0; } body.hhLedger .coverageTodayV500>div+div, body.hhLedger .coverageResultV500>div+div{ padding-top:8px; border-top:1px dashed #dcdeda; } body.hhLedger :is(.coverageTodayV500,.coverageDemandV500,.coverageProjectionV500)>:where(span,small), body.hhLedger .coverageDaysCellV490>span{ color:#69737d; font-size:8px; font-weight:850; letter-spacing:.055em; line-height:1.25; text-transform:uppercase; } body.hhLedger :is(.coverageTodayV500,.coverageDemandV500,.coverageProjectionV500)>b, body.hhLedger .coverageTodayV500>div>b{ color:#222d38; font-size:12px; font-weight:850; line-height:1.3; overflow-wrap:anywhere; } body.hhLedger .coverageTodayV500 .coverageDaysCellV490>b{color:#334f63} body.hhLedger .coverageDemandV500{ display:grid; align-content:start; gap:4px; box-shadow:inset 3px 0 #d8b6a7; } body.hhLedger .coverageDemandV500>b{color:#763f2c!important} body.hhLedger .coverageInboundV500{box-shadow:inset 3px 0 #b8cad5} body.hhLedger .coverageResultV500{ background:linear-gradient(145deg,#fff 0,#f7faf8 100%)!important; box-shadow:inset 3px 0 #a9c8b6; } body.hhLedger .coverageProjectionV500>b{color:#2e5944!important} body.hhLedger .coverageDecisionV500{ background:#faf9f7!important; box-shadow:inset 3px 0 #d9d9d5; } body.hhLedger .coverageDecisionV500 .coverageSignalV490{margin-bottom:7px} body.hhLedger .coverageDecisionV500>div:last-child{display:grid;grid-template-columns:minmax(0,1fr);gap:6px} body.hhLedger .coverageEquationV500{ display:grid; grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr) auto minmax(110px,1fr) auto minmax(145px,1.2fr); align-items:stretch; gap:7px; min-width:0; margin:4px 0 2px; } body.hhLedger .coverageEquationV500>span{ display:grid; align-content:center; gap:3px; min-width:0; min-height:62px; padding:9px 10px; border:1px solid #e1ded9; border-radius:9px; background:#fff; } body.hhLedger .coverageEquationV500>span.result{border-color:#a9c8b6;background:#eef7f1} body.hhLedger .coverageEquationV500 small{ color:#707880; font-size:8px; font-weight:850; letter-spacing:.045em; text-transform:uppercase; } body.hhLedger .coverageEquationV500 b{color:#222d38;font-size:13px;line-height:1.25;overflow-wrap:anywhere} body.hhLedger .coverageEquationV500>span.result b{color:#28583f} body.hhLedger .coverageEquationV500>i{ display:grid; place-items:center; color:#7c838a; font-size:18px; font-style:normal; font-weight:700; } body.hhLedger .coverageFormulaTextV500{ position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; } body.hhLedger .coverageDetailGroupsV500{ grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1.55fr) repeat(2,minmax(0,1fr)); align-items:stretch; gap:9px; min-width:0; } body.hhLedger .coverageDetailGroupV500{ display:grid; align-content:start; gap:8px; min-width:0; padding:11px; border:1px solid #dedfdb; border-radius:11px; background:#fbfbf9; } body.hhLedger .coverageDetailGroupV500>h4{ position:relative; padding-left:11px; color:#34404b; font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; } body.hhLedger .coverageDetailGroupV500>h4::before{ content:""; position:absolute; inset:1px auto 1px 0; width:4px; border-radius:99px; background:#8d4d32; } body.hhLedger .coverageDetailGroupV500.inbound>h4::before{background:#3e6680} body.hhLedger .coverageDetailGroupV500.projection>h4::before{background:#35634c} body.hhLedger .coverageDetailGroupV500 .coverageDetailMetricsV490{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; } body.hhLedger .coverageDetailGroupV500 .coverageDetailMetricsV490>div{ min-height:65px; padding:8px 9px; border-color:#e5e5e2!important; background:#fff; } body.hhLedger .coverageDetailGroupV500.demand .coverageDetailMetricsV490>div:last-child:nth-child(odd){grid-column:1/-1} @media(max-width:1100px) and (min-width:769px){ body.hhLedger table.materialCoverageDecisionMatrixV500{min-width:1020px!important} } @media(max-width:768px){ body.hhLedger .coverageControlDeckV500{gap:8px;padding:8px;border-radius:13px} body.hhLedger .coverageControlDeckV500 .coverageResultBarV490{margin:0;padding:8px 4px 2px} body.hhLedger .materialCoverageWrapV490{ max-height:none!important; overflow:visible!important; } body.hhLedger table.materialCoverageDecisionMatrixV500, body.hhLedger table.materialCoverageDecisionMatrixV500.hhAdaptiveTable, body.hhLedger table.materialCoverageDecisionMatrixV500.responsiveListV98{ width:100%!important; max-width:100%!important; min-width:0!important; } body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>td:nth-child(n){grid-column:auto} body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>.coverageIdentityV490, body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>.coverageDecisionV500{grid-column:1/-1!important} body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>:is(.coverageTodayV500,.coverageDemandV500,.coverageInboundV500,.coverageResultV500){ display:grid!important; min-height:112px; border-top:1px solid #e9e9e6!important; } body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>.coverageTodayV500, body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>.coverageInboundV500{border-right:1px solid #e9e9e6!important} body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>.coverageDemandV500, body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>.coverageResultV500{border-right:0!important} body.hhLedger .coverageTodayV500>div+div, body.hhLedger .coverageResultV500>div+div{padding-top:7px} body.hhLedger .coverageDecisionV500>div:last-child{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))} body.hhLedger .coverageEquationV500{ grid-template-columns:repeat(7,auto); overflow-x:auto; padding-bottom:3px; scrollbar-width:thin; } body.hhLedger .coverageEquationV500>span{min-width:120px} body.hhLedger .coverageDetailGroupsV500{grid-template-columns:minmax(0,1fr)} body.hhLedger .coverageDetailGroupV500 .coverageDetailMetricsV490{grid-template-columns:repeat(3,minmax(0,1fr))} body.hhLedger .coverageDetailGroupV500.demand .coverageDetailMetricsV490>div:last-child:nth-child(odd){grid-column:auto} } @media(max-width:520px){ body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>:is(.coverageDemandV500,.coverageInboundV500){display:grid!important} body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>:is(.coverageTodayV500,.coverageDemandV500,.coverageInboundV500,.coverageResultV500){min-height:118px} body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>td::before{margin-bottom:2px} body.hhLedger .coverageEquationV500{grid-template-columns:minmax(0,1fr);gap:5px;overflow:visible;padding:0} body.hhLedger .coverageEquationV500>span{min-width:0;min-height:56px} body.hhLedger .coverageEquationV500>i{min-height:16px;transform:none} body.hhLedger .coverageDetailGroupV500 .coverageDetailMetricsV490{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger .coverageDetailGroupV500.demand .coverageDetailMetricsV490>div:last-child:nth-child(odd){grid-column:1/-1} } @media(forced-colors:active){ body.hhLedger .coverageControlDeckV500, body.hhLedger .coverageEquationV500>span, body.hhLedger .coverageDetailGroupV500{border:1px solid CanvasText!important;background:Canvas!important} body.hhLedger .coverageDemandV500, body.hhLedger .coverageInboundV500, body.hhLedger .coverageResultV500, body.hhLedger .coverageDecisionV500{box-shadow:inset 3px 0 CanvasText} } /* Correcciones de composición V500 sobre estilos ledger heredados. */ body.hhLedger .materialCoverageDecisionV500>.panelHead{padding-left:62px} body.hhLedger .materialCoverageDecisionV500>.panelHead::before{ inset:17px auto auto 17px; width:30px; height:30px; border-radius:9px; background:#2b3643; font-size:9px; letter-spacing:.04em; box-shadow:0 4px 10px rgba(31,40,49,.14); } body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi>:is(strong,b){ display:block; margin:5px 0 1px!important; color:#1f2a35; font-size:clamp(20px,1.75vw,25px)!important; font-weight:820; letter-spacing:-.035em; line-height:1.08!important; } body.hhLedger .materialCoverageFiltersV490>button{ display:inline-flex; flex:1 1 120px; align-items:center; justify-content:center; gap:5px; min-width:0; min-height:44px; padding:8px 10px; border:1px solid transparent; border-radius:10px; background:transparent; color:#515c67; font-size:10px; font-weight:800; line-height:1.2; } body.hhLedger .materialCoverageFiltersV490>button>b{ display:inline-grid; place-items:center; min-width:22px; min-height:22px; padding:1px 6px; border:1px solid #d9dad7; border-radius:99px; background:#fff; color:#515c67; font-size:10px; } @media(min-width:769px){ body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>:is(.coverageTodayV500,.coverageDemandV500,.coverageInboundV500,.coverageResultV500,.coverageDecisionV500){ display:table-cell!important; } body.hhLedger .coverageDemandV500>:where(span,b,small){display:block} body.hhLedger .coverageDemandV500>b{margin:4px 0} } body.hhLedger .materialCoverageDecisionV500 .coverageDecisionV500 :where(button,a[href]){min-height:44px!important} @media(min-width:901px) and (max-width:1100px){ body.hhLedger .coverageControlDeckV500 .materialCoverageToolbarV490{ grid-template-columns:minmax(220px,2fr) repeat(3,minmax(120px,1fr)) auto; } body.hhLedger .coverageControlDeckV500 .materialCoverageToolbarV490>.coverageSearchV490{grid-column:auto} body.hhLedger .coverageControlDeckV500 .materialCoverageToolbarV490>button{width:auto} } @media(max-width:768px){ body.hhLedger .materialCoverageDecisionV500>.panelHead{padding-left:54px} body.hhLedger .materialCoverageDecisionV500>.panelHead::before{inset:15px auto auto 12px;width:28px;height:28px} } @media(max-width:520px){ body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi>:is(strong,b){font-size:clamp(17px,5vw,20px)!important} body.hhLedger .materialCoverageFiltersV490>button{flex:none;width:100%} } body.hhLedger:has(.materialCoverageDecisionV500) .materialTabsV72{ display:flex; align-items:center; gap:4px; width:max-content; max-width:100%; margin:0 0 14px; padding:4px; overflow-x:auto; border:1px solid #dedfdb; border-radius:12px; background:#eeede9; box-shadow:inset 0 1px 2px rgba(31,40,49,.035); scrollbar-width:thin; } body.hhLedger:has(.materialCoverageDecisionV500) .materialTabsV72>button{ flex:0 0 auto; min-height:44px; padding:9px 13px; border:1px solid transparent; border-radius:9px; background:transparent; color:#56616c; font-size:10px; font-weight:820; line-height:1.2; box-shadow:none; } body.hhLedger:has(.materialCoverageDecisionV500) .materialTabsV72>button.active{ border-color:#e3c5c6; background:#fff; color:#8c2a2e; box-shadow:0 3px 9px rgba(31,40,49,.075),inset 0 -2px #9b3033; } @media(hover:hover) and (pointer:fine){ body.hhLedger:has(.materialCoverageDecisionV500) .materialTabsV72>button:not(.active):hover{border-color:#d5d6d2;background:#f8f8f6;color:#27323d} } @media(max-width:520px){ body.hhLedger:has(.materialCoverageDecisionV500) .materialTabsV72{width:100%;margin-bottom:10px} } /* Filtros avanzados progresivos V500. */ body.hhLedger .coverageControlDeckV500 .materialCoverageToolbarV490{ grid-template-columns:minmax(240px,1.35fr) minmax(0,2.65fr); } body.hhLedger .coverageAdvancedFiltersV500{min-width:0;margin:0} body.hhLedger .coverageAdvancedFiltersV500>summary{display:none} body.hhLedger .coverageAdvancedFiltersV500>.coverageAdvancedFieldsV500, body.hhLedger .coverageAdvancedFiltersV500:not([open])>.coverageAdvancedFieldsV500{ display:grid!important; grid-template-columns:repeat(3,minmax(110px,1fr)) auto; align-items:end; gap:9px; min-width:0; } body.hhLedger .coverageAdvancedFieldsV500>label{display:grid;gap:5px;min-width:0} body.hhLedger .coverageAdvancedFieldsV500 label>span{ padding-left:2px; color:#68727c; font-size:9px; font-weight:850; letter-spacing:.065em; line-height:1.25; text-transform:uppercase; } body.hhLedger .coverageAdvancedFieldsV500 :where(select,button){width:100%;min-width:0;min-height:44px} body.hhLedger .coverageAdvancedFieldsV500>button{min-width:82px;border:1px solid #d2d5d7;border-radius:10px;background:#f7f7f5;color:#4d5863} @media(max-width:768px){ body.hhLedger .coverageControlDeckV500 .materialCoverageToolbarV490{grid-template-columns:minmax(0,1fr)} body.hhLedger .coverageAdvancedFiltersV500{display:block;width:100%} body.hhLedger .coverageAdvancedFiltersV500>summary{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px; padding:9px 11px; border:1px solid #d2d5d7; border-radius:10px; background:#f7f7f5; color:#35414d; font-size:10px; font-weight:850; line-height:1.2; list-style:none; cursor:pointer; } body.hhLedger .coverageAdvancedFiltersV500>summary::-webkit-details-marker{display:none} body.hhLedger .coverageAdvancedFiltersV500>summary::after{content:"+";font-size:17px;font-weight:600;line-height:1} body.hhLedger .coverageAdvancedFiltersV500[open]>summary::after{content:"−"} body.hhLedger .coverageAdvancedFiltersV500:not([open])>.coverageAdvancedFieldsV500{display:none!important} body.hhLedger .coverageAdvancedFiltersV500[open]>.coverageAdvancedFieldsV500{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding-top:8px; } body.hhLedger .coverageAdvancedFieldsV500>label:last-of-type{grid-column:1/2} body.hhLedger .materialCoverageFiltersV490{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:520px){ body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px; } body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi{ min-height:88px!important; padding:9px 8px 8px!important; } body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi>span{font-size:7.5px!important;letter-spacing:.035em} body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi>:is(strong,b){ font-size:clamp(14px,3.8vw,18px)!important; overflow-wrap:anywhere; } body.hhLedger .materialCoverageSummaryV401 .coverageKpisV72>.kpi>small{font-size:7.5px!important;line-height:1.2!important} body.hhLedger .materialCoverageFiltersV490{grid-template-columns:repeat(3,minmax(0,1fr))} body.hhLedger .materialCoverageDecisionV500 .materialPanelActionsV401{ display:grid; grid-template-columns:minmax(0,1fr) auto!important; gap:7px; } body.hhLedger .materialCoverageDecisionV500 .mrpStampV401{width:auto;min-width:0} body.hhLedger .materialCoverageDecisionV500 #copyCoverageV490{width:auto;min-width:44px;padding-inline:10px} body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>:is(.coverageTodayV500,.coverageDemandV500,.coverageInboundV500,.coverageResultV500,.coverageDecisionV500)::before{ display:none!important; content:none!important; } body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>.coverageIdentityV490{padding:8px!important} body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>:is(.coverageTodayV500,.coverageDemandV500,.coverageInboundV500,.coverageResultV500){ gap:3px; min-height:96px; padding:8px!important; } body.hhLedger .coverageTodayV500, body.hhLedger .coverageResultV500{gap:6px} body.hhLedger .coverageTodayV500>div+div, body.hhLedger .coverageResultV500>div+div{padding-top:5px} body.hhLedger .coverageInboundV500 .coverageOrdersV490{gap:4px} body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>.coverageDecisionV500{ grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; gap:8px; min-height:86px; padding:10px!important; } body.hhLedger .coverageDecisionV500 .coverageSignalV490{align-content:center;margin:0} body.hhLedger .coverageDecisionV500>div:last-child{align-self:stretch;grid-template-columns:minmax(0,1fr);gap:5px} body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>.coverageDecisionV500:has(>div:last-child>button+button){grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.8fr))} body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>.coverageDecisionV500:has(>div:last-child>button+button)>div:last-child{display:contents} body.hhLedger .materialCoverageDecisionMatrixV500 .coverageDecisionRowV500>.coverageDecisionV500:has(>div:last-child>button+button)>div:last-child>button{width:100%;min-width:0;padding-inline:6px} } /* V512 · Espacios de decisión para Cobertura PT y Sugerencias de producción. */ body.hhLedger :where( .ptCoverageWorkbenchV510, .ptCoverageWorkbenchV510 *, .ptSuggestionsWorkbenchV511, .ptSuggestionsWorkbenchV511 *, .ptSuggestionNoticeV511, .ptSuggestionKpisV511 ){box-sizing:border-box;min-width:0} /* Las pestañas operativas permanecen en una sola línea y nunca comprimen sus rótulos. */ body.hhLedger :is(.deliveryTabsV63,.productionTabsV70){ display:flex!important; grid-template-columns:none!important; flex-wrap:nowrap!important; align-items:stretch; gap:6px; width:100%; max-width:100%; overflow-x:auto; overflow-y:hidden; padding:3px; scrollbar-width:thin; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; } body.hhLedger :is(.deliveryTabsV63,.productionTabsV70)>button{ flex:0 0 auto!important; min-width:132px; min-height:44px; white-space:nowrap; } body.hhLedger .ptCoverageWorkbenchV510, body.hhLedger .ptSuggestionsWorkbenchV511{ width:100%; max-width:100%; padding:0; overflow:hidden; border-color:#d7d9d7; background:#fff; box-shadow:0 8px 24px rgba(35,43,54,.065); } body.hhLedger :is(.ptCoverageWorkbenchV510,.ptSuggestionsWorkbenchV511)>.panelHead{ align-items:flex-start; gap:18px; margin:0; padding:15px 16px 13px; border-bottom:1px solid #dedfdd; background:linear-gradient(135deg,#fff 0,#f6f6f4 100%); } body.hhLedger :is(.ptCoverageWorkbenchV510,.ptSuggestionsWorkbenchV511)>.panelHead h3{ margin:0 0 4px; color:#283440; font-size:clamp(15px,1.25vw,18px); line-height:1.2; } body.hhLedger :is(.ptCoverageWorkbenchV510,.ptSuggestionsWorkbenchV511)>.panelHead p{ max-width:820px; margin:0; color:#626b75; font-size:10px; line-height:1.45; } body.hhLedger .ptCoverageCutV510{ flex:0 0 auto; display:inline-flex; align-items:center; min-height:34px; padding:7px 10px; border:1px solid #d4d6d6; border-radius:999px; background:#fff; color:#525e69; font-size:9px; font-weight:850; letter-spacing:.025em; white-space:nowrap; } body.hhLedger :is(.ptCoverageKpisV510,.ptSuggestionKpisV511){ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; width:100%; max-width:100%; margin:10px 0; } body.hhLedger .ptCoverageWorkbenchV510>.ptCoverageKpisV510{ width:auto; margin:12px 14px 9px; } body.hhLedger :is(.ptCoverageKpisV510,.ptSuggestionKpisV511)>.kpi{ min-width:0; min-height:88px; padding:11px 12px; overflow:hidden; border-radius:11px; } body.hhLedger :is(.ptCoverageKpisV510,.ptSuggestionKpisV511)>.kpi>span{ color:#626a72; font-size:8.5px; line-height:1.25; } body.hhLedger :is(.ptCoverageKpisV510,.ptSuggestionKpisV511)>.kpi>:is(strong,b){ font-size:clamp(19px,2vw,25px); line-height:1.05; overflow-wrap:anywhere; } body.hhLedger :is(.ptCoverageKpisV510,.ptSuggestionKpisV511)>.kpi>small{ color:#626a72; font-size:8.5px; line-height:1.3; overflow-wrap:anywhere; } body.hhLedger .ptCoverageToolbarV510{ display:grid; grid-template-columns:minmax(230px,1.35fr) minmax(145px,.55fr) minmax(360px,1.65fr) auto; align-items:end; gap:8px; margin:0 14px; padding:10px; border:1px solid #dadcda; border-radius:12px; background:#f7f7f5; } body.hhLedger .ptCoverageToolbarV510>label, body.hhLedger .ptSuggestionFilterV511{ display:grid; align-content:end; gap:5px; min-width:0; } body.hhLedger :is(.ptCoverageToolbarV510>label,.ptSuggestionFilterV511)>span{ padding-left:2px; color:#626a72; font-size:8.5px; font-weight:900; letter-spacing:.065em; line-height:1.2; text-transform:uppercase; } body.hhLedger .ptCoverageToolbarV510 :is(input,select,button), body.hhLedger .ptSuggestionFilterV511 select{ width:100%; max-width:100%; min-height:44px; } body.hhLedger .ptCoverageChipsV510{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:stretch; gap:5px; min-width:0; overflow:visible; padding:1px; } body.hhLedger .ptCoverageChipsV510>button{ flex:none; width:100%; min-width:0; min-height:44px; padding:8px 10px; border:1px solid #ced2d4; border-radius:999px; background:#fff; color:#4c5863; font-size:9px; font-weight:850; white-space:nowrap; box-shadow:none; } body.hhLedger .ptCoverageChipsV510>button[aria-pressed="true"]{ border-color:#8f2b2f; background:#8f2b2f; color:#fff; box-shadow:0 3px 9px rgba(109,30,34,.18); } body.hhLedger .ptCoverageResultV510{ margin:0 14px; padding:8px 2px 7px; color:#5e6872; font-size:9px; font-weight:800; text-align:right; } body.hhLedger :is(.ptCoverageWrapV510,.ptSuggestionsWrapV511){ width:auto; max-width:100%; margin:0 14px; overflow:auto; border:1px solid #d8d9d7; border-radius:12px; scrollbar-gutter:stable; overscroll-behavior-inline:contain; } body.hhLedger table.ptCoverageMatrixV510, body.hhLedger table.ptCoverageMatrixV510.hhAdaptiveTable{ width:100%!important; min-width:1080px!important; table-layout:fixed!important; } body.hhLedger .ptCoverageMatrixV510 th:nth-child(1){width:13%} body.hhLedger .ptCoverageMatrixV510 th:nth-child(2){width:23%} body.hhLedger .ptCoverageMatrixV510 th:nth-child(3){width:17%} body.hhLedger .ptCoverageMatrixV510 th:nth-child(4){width:14%} body.hhLedger .ptCoverageMatrixV510 th:nth-child(5){width:15%} body.hhLedger .ptCoverageMatrixV510 th:nth-child(6){width:18%} body.hhLedger .ptCoverageMatrixV510 th{ padding:10px 11px!important; font-size:8.5px!important; letter-spacing:.075em; } body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>td{ position:relative; min-width:0; padding:10px!important; vertical-align:top; border-right:1px solid #ececea; border-bottom:1px solid #dedfdd; background:#fff!important; color:#293540; text-align:left; overflow-wrap:anywhere; } body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>td:last-child{border-right:0} body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510.critical>td:first-child{box-shadow:inset 4px 0 #8d292d} body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510.attention>td:first-child{box-shadow:inset 4px 0 #b47a24} body.hhLedger .ptCoverageIdentityV510{ display:grid; align-content:start; gap:5px; } body.hhLedger .ptCoverageIdentityV510>b{ color:#202d3a; font-size:12px; line-height:1.25; overflow-wrap:anywhere; } body.hhLedger .ptCoverageIdentityV510>small{color:#6b737c;font-size:8.5px!important;line-height:1.35!important} body.hhLedger .ptPolicyEditorV510{display:grid;gap:7px;min-width:0} body.hhLedger .ptPolicyEditorV510>label{display:grid;gap:4px;min-width:0} body.hhLedger .ptPolicyEditorV510 label>span{ color:#626a72; font-size:8.5px; font-weight:900; letter-spacing:.055em; line-height:1.2; text-transform:uppercase; } body.hhLedger .ptPolicyEditorV510 :is(select,input,button){width:100%;max-width:100%;min-width:0;min-height:44px} body.hhLedger .ptPolicyTargetsV510{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; min-width:0; } body.hhLedger .ptPolicyTargetsV510[hidden]{display:none!important} body.hhLedger .ptPolicyTargetsV510>label{display:grid;gap:4px;min-width:0} body.hhLedger .ptPolicyTargetsV510 input{padding-inline:5px;text-align:center} body.hhLedger .ptPolicyEditorV510>button{padding-inline:8px;font-size:8.5px} body.hhLedger .ptCoverageTodayV510{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-content:start; gap:5px; } body.hhLedger .ptCoverageTodayV510>span, body.hhLedger .ptCoverageProjectionV510>span{ display:grid; align-content:start; gap:3px; min-width:0; padding:7px; border:1px solid #e3e4e2; border-radius:8px; background:#fafaf8; } body.hhLedger :is(.ptCoverageTodayV510,.ptCoverageProjectionV510)>span>small{ color:#626a72; font-size:8.5px!important; font-weight:850; letter-spacing:.035em; line-height:1.2!important; text-transform:uppercase; } body.hhLedger :is(.ptCoverageTodayV510,.ptCoverageProjectionV510)>span>b{ color:#24323e; font-size:10px; line-height:1.25; overflow-wrap:anywhere; } body.hhLedger .ptCoverageTodayV510>small, body.hhLedger .ptCoverageProjectionV510>small{ grid-column:1/-1; color:#626a72; font-size:8.5px!important; line-height:1.35!important; } body.hhLedger .ptCoverageDemandV510{ display:grid; align-content:start; gap:4px; } body.hhLedger .ptCoverageDemandV510>b{color:#24323e;font-size:13px;line-height:1.2} body.hhLedger .ptCoverageDemandV510>span{color:#596570;font-size:8.5px;font-weight:800;line-height:1.3} body.hhLedger .ptCoverageDemandV510>small{color:#626a72;font-size:8.5px!important;line-height:1.4!important} body.hhLedger .ptCoverageProjectionV510{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:5px; } body.hhLedger .ptCoverageDecisionV510{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:6px; } body.hhLedger .ptCoverageDecisionV510>div{ grid-column:1/-1; display:grid; align-content:start; justify-items:start; gap:5px; } body.hhLedger .ptCoverageDecisionV510 strong{font-size:11px;line-height:1.3;overflow-wrap:anywhere} body.hhLedger .ptCoverageDecisionV510 small{color:#626a72;font-size:8.5px!important;line-height:1.35!important} body.hhLedger .ptCoverageDecisionV510>button{width:100%;min-width:0;min-height:44px;padding-inline:7px;font-size:8.5px} body.hhLedger .ptCoverageDecisionV510>button:only-of-type{grid-column:1/-1} body.hhLedger .ptCoverageDetailRowV510[hidden]{display:none!important} body.hhLedger .ptCoverageDetailRowV510>td{ padding:0!important; border:0!important; border-bottom:1px solid #d8dad8!important; background:#f2f4f4!important; } body.hhLedger .ptCoverageDetailV510{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr); gap:9px; min-width:0; padding:11px; border-left:4px solid #536778; background:#f2f4f4; } body.hhLedger .ptCoverageDetailV510>section{ display:grid; align-content:start; gap:8px; min-width:0; padding:11px; border:1px solid #d9dcdb; border-radius:10px; background:#fff; } body.hhLedger .ptCoverageDetailV510 h4{ position:relative; margin:0; padding-left:10px; color:#34414d; font-size:9px; font-weight:900; letter-spacing:.065em; line-height:1.3; text-transform:uppercase; } body.hhLedger .ptCoverageDetailV510 h4::before{ content:""; position:absolute; inset:1px auto 1px 0; width:4px; border-radius:999px; background:#8f2b2f; } body.hhLedger .ptCoverageDetailV510 :is(p,ol){margin:0} body.hhLedger .ptCoverageDetailV510 p{color:#535f69;font-size:9px;line-height:1.5;overflow-wrap:anywhere} body.hhLedger .ptCoverageDetailV510>section>ol:not(.ptTimelineV510){display:grid;gap:5px;padding:0;list-style:none} body.hhLedger .ptCoverageDetailV510>section>ol:not(.ptTimelineV510)>li{ display:grid; grid-template-columns:minmax(72px,.55fr) minmax(0,1.45fr); gap:2px 7px; min-width:0; padding:7px; border:1px solid #e4e5e3; border-radius:7px; background:#fafaf8; } body.hhLedger .ptCoverageDetailV510>section>ol:not(.ptTimelineV510) :is(span,small){grid-column:2;overflow-wrap:anywhere} body.hhLedger .ptCoverageDetailV510 time{color:#596570;font-size:8.5px;font-weight:850;line-height:1.35} body.hhLedger .ptCoverageDetailV510 li>b{font-size:9px;line-height:1.35;overflow-wrap:anywhere} body.hhLedger .ptCoverageDetailV510 li>span{color:#4f5b66;font-size:8.5px;line-height:1.35} body.hhLedger .ptCoverageDetailV510 li>small{color:#626a72;font-size:8.5px!important;line-height:1.35!important} body.hhLedger .ptCoverageEquationV510{ display:grid; grid-template-columns:minmax(88px,1fr) 18px minmax(88px,1fr) 18px minmax(88px,1fr) 18px minmax(88px,1fr); align-items:stretch; gap:4px; min-width:0; } body.hhLedger .ptCoverageEquationV510>span{ display:grid; align-content:center; justify-items:center; gap:3px; min-width:0; min-height:58px; padding:7px 5px; border:1px solid #dce0de; border-radius:8px; background:#f7faf8; text-align:center; } body.hhLedger .ptCoverageEquationV510>span>b{font-size:10px;line-height:1.25;overflow-wrap:anywhere} body.hhLedger .ptCoverageEquationV510>span>small{color:#626a72;font-size:8.5px!important;font-weight:850;line-height:1.2!important;text-transform:uppercase} body.hhLedger .ptCoverageEquationV510>i{ align-self:center; color:#7d3437; font-size:15px; font-style:normal; font-weight:900; text-align:center; } body.hhLedger .ptTimelineV510{display:grid;gap:4px;padding:0;list-style:none} body.hhLedger .ptTimelineV510>li{ display:grid; grid-template-columns:minmax(76px,.75fr) repeat(3,minmax(0,1fr)); align-items:center; gap:6px; min-width:0; padding:6px 7px; border-bottom:1px solid #e6e7e5; } body.hhLedger .ptTimelineV510>li:last-child{border-bottom:0} body.hhLedger .ptTimelineV510>li>b{text-align:right} body.hhLedger .ptCoverageDetailV510>section>div:last-child:not(.ptCoverageEquationV510){display:flex;flex-wrap:wrap;gap:7px} body.hhLedger .ptCoverageDetailV510>section>div:last-child:not(.ptCoverageEquationV510)>button{flex:1 1 132px;min-width:0;min-height:44px} body.hhLedger .ptCoverageFootnoteV510{ margin:0; padding:11px 15px 14px; color:#626c75; font-size:8.5px; line-height:1.45; } body.hhLedger .ptSuggestionNoticeV511{ display:flex; align-items:center; gap:10px; width:100%; max-width:100%; margin:10px 0; padding:11px 13px; border:1px solid #b9cfdf; border-left:5px solid #3d6681; border-radius:11px; background:#f1f7fb; color:#304252; } body.hhLedger .ptSuggestionNoticeV511>b{flex:0 0 auto;font-size:10px;line-height:1.3} body.hhLedger .ptSuggestionNoticeV511>span{font-size:9px;line-height:1.45;overflow-wrap:anywhere} body.hhLedger .ptSuggestionKpisV511{margin:10px 0} body.hhLedger .ptSuggestionFilterV511{flex:0 0 min(220px,30vw);width:min(220px,30vw)} body.hhLedger .ptSuggestionFilterV511 select{min-width:0} body.hhLedger table.ptSuggestionsMatrixV511, body.hhLedger table.ptSuggestionsMatrixV511.hhAdaptiveTable{ width:100%!important; min-width:1160px!important; table-layout:fixed!important; } body.hhLedger .ptSuggestionsMatrixV511 th:nth-child(1){width:5%} body.hhLedger .ptSuggestionsMatrixV511 th:nth-child(2){width:13%} body.hhLedger .ptSuggestionsMatrixV511 th:nth-child(3){width:16%} body.hhLedger .ptSuggestionsMatrixV511 th:nth-child(4){width:12%} body.hhLedger .ptSuggestionsMatrixV511 th:nth-child(5){width:11%} body.hhLedger .ptSuggestionsMatrixV511 th:nth-child(6){width:15%} body.hhLedger .ptSuggestionsMatrixV511 th:nth-child(7){width:13%} body.hhLedger .ptSuggestionsMatrixV511 th:nth-child(8){width:15%} body.hhLedger .ptSuggestionsMatrixV511 th{padding:10px 9px!important;font-size:8.5px!important;letter-spacing:.06em} body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511>td{ position:relative; min-width:0; padding:10px!important; vertical-align:top; border-right:1px solid #ececea; border-bottom:1px solid #dedfdd; background:#fff!important; color:#293540; text-align:left; overflow-wrap:anywhere; } body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511>td:last-child{border-right:0} body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511.critical>td:first-child{box-shadow:inset 4px 0 #8d292d} body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511.attention>td:first-child{box-shadow:inset 4px 0 #b47a24} body.hhLedger .ptSuggestionsMatrixV511 td>b{display:block;color:#25323e;font-size:10px;line-height:1.35;overflow-wrap:anywhere} body.hhLedger .ptSuggestionsMatrixV511 td>small{display:block;margin-top:4px;color:#626a72;font-size:8.5px!important;line-height:1.4!important;overflow-wrap:anywhere} body.hhLedger .ptSuggestionsMatrixV511 input[type="checkbox"]{display:block;width:20px;height:20px;margin:2px auto;accent-color:#8f2b2f} body.hhLedger .ptSuggestionActionsV511{ display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; padding:12px 14px 14px; } body.hhLedger .ptSuggestionActionsV511>button{min-width:150px;min-height:44px} /* En escritorio el navegador debe conservar el algoritmo nativo de columnas de tabla. */ @media(min-width:769px){ body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>td, body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511>td{ display:table-cell!important; } body.hhLedger .ptCoverageIdentityV510>:is(b,small), body.hhLedger .ptCoverageDemandV510>:is(b,span,small){display:block} body.hhLedger .ptCoverageIdentityV510>small, body.hhLedger .ptCoverageDemandV510>:is(span,small){margin-top:5px} body.hhLedger .ptCoverageTodayV510>span{ display:inline-grid; width:calc(33.333% - 4px); vertical-align:top; } body.hhLedger .ptCoverageTodayV510>span+span{margin-left:5px} body.hhLedger .ptCoverageProjectionV510>span{ display:inline-grid; width:calc(50% - 3px); vertical-align:top; } body.hhLedger .ptCoverageProjectionV510>span+span{margin-left:5px} body.hhLedger :is(.ptCoverageTodayV510,.ptCoverageProjectionV510)>small{ display:block; margin-top:6px; } body.hhLedger .ptCoverageDecisionV510>button{ display:inline-flex!important; align-items:center; justify-content:center; width:calc(50% - 4px)!important; margin-top:6px; vertical-align:top; } body.hhLedger .ptCoverageDecisionV510>button+button{margin-left:6px} body.hhLedger .ptCoverageDecisionV510>button:only-of-type{width:100%!important} } @media(max-width:1100px) and (min-width:769px){ body.hhLedger table.ptCoverageMatrixV510, body.hhLedger table.ptCoverageMatrixV510.hhAdaptiveTable{min-width:1040px!important} body.hhLedger table.ptSuggestionsMatrixV511, body.hhLedger table.ptSuggestionsMatrixV511.hhAdaptiveTable{min-width:1120px!important} body.hhLedger :is(.ptCoverageKpisV510,.ptSuggestionKpisV511){grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger .ptCoverageToolbarV510{grid-template-columns:minmax(0,1fr) 170px} body.hhLedger .ptCoverageChipsV510{grid-column:1/2} body.hhLedger .ptCoverageDetailV510{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger .ptCoverageDetailV510>section:last-child{grid-column:1/-1} } @media(max-width:768px){ body.hhLedger :where(.ptCoverageWorkbenchV510,.ptSuggestionsWorkbenchV511,.ptSuggestionNoticeV511,.ptSuggestionKpisV511){ width:100%!important; max-width:100%!important; min-width:0!important; } body.hhLedger :is(.deliveryTabsV63,.productionTabsV70){margin-bottom:10px;padding:2px} body.hhLedger :is(.deliveryTabsV63,.productionTabsV70)>button{min-width:124px;min-height:44px!important} body.hhLedger :is(.ptCoverageWorkbenchV510,.ptSuggestionsWorkbenchV511)>.panelHead{padding:13px 13px 13px 64px} body.hhLedger .ptCoverageCutV510{width:100%;white-space:normal} body.hhLedger :is(.ptCoverageKpisV510,.ptSuggestionKpisV511){grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} body.hhLedger .ptCoverageWorkbenchV510>.ptCoverageKpisV510{margin:10px} body.hhLedger :is(.ptCoverageKpisV510,.ptSuggestionKpisV511)>.kpi{min-height:94px;padding:10px} body.hhLedger :is(.ptCoverageKpisV510,.ptSuggestionKpisV511)>.kpi>:is(strong,b){font-size:clamp(18px,5vw,23px)} body.hhLedger .ptCoverageToolbarV510{ grid-template-columns:minmax(0,1fr); gap:8px; margin:0 10px; padding:9px; } body.hhLedger .ptCoverageChipsV510{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; max-width:100%; overflow:visible; padding-bottom:1px; } body.hhLedger .ptCoverageChipsV510>button{flex:none;width:100%!important;min-width:0} body.hhLedger .ptCoverageResultV510{margin:0 10px;padding-block:8px;text-align:left} body.hhLedger :is(.ptCoverageWrapV510,.ptSuggestionsWrapV511){ width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; overflow:visible!important; border:0!important; border-radius:0; } body.hhLedger table.ptCoverageMatrixV510, body.hhLedger table.ptCoverageMatrixV510.hhAdaptiveTable, body.hhLedger table.ptCoverageMatrixV510.responsiveListV98, body.hhLedger table.ptSuggestionsMatrixV511, body.hhLedger table.ptSuggestionsMatrixV511.hhAdaptiveTable, body.hhLedger table.ptSuggestionsMatrixV511.responsiveListV98{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; padding:0!important; table-layout:auto!important; background:transparent!important; } /* El encabezado se oculta sólo visualmente; conserva nombres y relación de columnas para AT. */ body.hhLedger :is(.ptCoverageMatrixV510,.ptSuggestionsMatrixV511) thead{ display:table-header-group!important; position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; } body.hhLedger :is(.ptCoverageMatrixV510,.ptSuggestionsMatrixV511)>tbody{ display:grid!important; gap:10px; width:100%!important; max-width:100%!important; min-width:0!important; padding:10px; background:#f3f4f3; } body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(5,max-content)!important; grid-auto-rows:max-content!important; align-items:stretch; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; padding:0!important; overflow:visible!important; border:1px solid #d9dcda; border-left:4px solid #677684; border-radius:12px; background:#fff; box-shadow:0 6px 16px rgba(35,43,54,.065); } body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510.critical{border-left-color:#8d292d} body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510.attention{border-left-color:#b47a24} body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>td{ position:static!important; display:grid!important; align-content:start; gap:6px; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:max-content!important; padding:10px!important; overflow:visible!important; border:0!important; border-top:1px solid #e8e9e7!important; border-right:1px solid #e8e9e7!important; background:#fff!important; text-align:left!important; overflow-wrap:anywhere; } body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>td::before, body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511>td::before{ color:#626a72; font-size:8.5px; font-weight:900; letter-spacing:.065em; line-height:1.2; text-align:left; text-transform:uppercase; } body.hhLedger .ptCoverageIdentityV510::before{content:"Producto"} body.hhLedger .ptCoveragePolicyV510::before{content:"Política"} body.hhLedger .ptCoverageTodayV510::before{content:"Hoy"} body.hhLedger .ptCoverageDemandV510::before{content:"Demanda"} body.hhLedger .ptCoverageProjectionV510::before{content:"Proyección"} body.hhLedger .ptCoverageDecisionV510::before{content:"Decisión"} body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>.ptCoverageIdentityV510{grid-column:1/-1!important;grid-row:1!important} body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>.ptCoveragePolicyV510{grid-column:1/-1!important;grid-row:2!important} body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>.ptCoverageTodayV510{grid-column:1!important;grid-row:3!important} body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>.ptCoverageDemandV510{grid-column:2!important;grid-row:3!important} body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>.ptCoverageProjectionV510{grid-column:1/-1!important;grid-row:4!important} body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>.ptCoverageDecisionV510{grid-column:1/-1!important;grid-row:5!important} body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>:is(.ptCoveragePolicyV510,.ptCoverageTodayV510,.ptCoverageDemandV510,.ptCoverageProjectionV510,.ptCoverageDecisionV510){ display:grid!important; width:100%!important; max-width:100%!important; min-width:0!important; } body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>.ptCoverageIdentityV510{ padding:12px!important; border-top:0!important; border-right:0!important; background:linear-gradient(135deg,#fff,#f8f8f6)!important; } body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>.ptCoveragePolicyV510, body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>.ptCoverageDecisionV510{border-right:0!important} body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>.ptCoverageProjectionV510{border-right:0!important} body.hhLedger .ptCoverageTodayV510{grid-template-columns:minmax(0,1fr)} body.hhLedger .ptCoverageProjectionV510{grid-template-columns:minmax(0,1fr)} body.hhLedger .ptCoverageTodayV510>small, body.hhLedger .ptCoverageProjectionV510>small{grid-column:auto} body.hhLedger .ptCoverageDecisionV510{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger .ptCoverageDetailRowV510{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; margin-top:-10px; padding:0!important; overflow:hidden!important; border:1px solid #d9dcda; border-top:0; border-radius:0 0 12px 12px; background:#f2f4f4; } body.hhLedger .ptCoverageDetailRowV510[hidden]{display:none!important} body.hhLedger .ptCoverageDetailRowV510>td{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important} body.hhLedger .ptCoverageDetailRowV510>td::before{display:none!important;content:none!important} body.hhLedger .ptCoverageDetailV510{grid-template-columns:minmax(0,1fr);gap:8px;padding:9px;border-left:0} body.hhLedger .ptCoverageDetailV510>section{padding:10px} body.hhLedger .ptCoverageEquationV510{ grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr); gap:5px; } body.hhLedger .ptCoverageEquationV510>span:nth-child(1){grid-column:1;grid-row:1} body.hhLedger .ptCoverageEquationV510>i:nth-child(2){grid-column:2;grid-row:1} body.hhLedger .ptCoverageEquationV510>span:nth-child(3){grid-column:3;grid-row:1} body.hhLedger .ptCoverageEquationV510>i:nth-child(4){grid-column:1/-1;grid-row:2;min-height:20px} body.hhLedger .ptCoverageEquationV510>span:nth-child(5){grid-column:1;grid-row:3} body.hhLedger .ptCoverageEquationV510>i:nth-child(6){grid-column:2;grid-row:3} body.hhLedger .ptCoverageEquationV510>span:nth-child(7){grid-column:3;grid-row:3} body.hhLedger .ptTimelineV510>li{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 7px} body.hhLedger .ptTimelineV510>li>b{text-align:left} body.hhLedger .ptCoverageFootnoteV510{padding:10px 12px 13px} body.hhLedger .ptSuggestionNoticeV511{align-items:flex-start;flex-direction:column;margin:9px 0;padding:10px 11px} body.hhLedger .ptSuggestionKpisV511{margin:9px 0} body.hhLedger .ptSuggestionFilterV511{width:100%;max-width:100%;flex-basis:auto} body.hhLedger .ptSuggestionsWorkbenchV511>.panelHead{grid-template-columns:minmax(0,1fr)} body.hhLedger .ptSuggestionsMatrixV511>tbody>.ptSuggestionRowV511{ display:grid!important; grid-template-columns:82px minmax(0,1fr); width:100%!important; max-width:100%!important; min-width:0!important; padding:0!important; overflow:hidden!important; border:1px solid #d9dcda; border-left:4px solid #547765; border-radius:12px; background:#fff; box-shadow:0 6px 16px rgba(35,43,54,.065); } body.hhLedger .ptSuggestionsMatrixV511>tbody>.ptSuggestionRowV511.critical{border-left-color:#8d292d} body.hhLedger .ptSuggestionsMatrixV511>tbody>.ptSuggestionRowV511.attention{border-left-color:#b47a24} body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511>td{ position:static!important; display:grid!important; align-content:start; gap:5px; width:100%!important; max-width:100%!important; min-width:0!important; min-height:0; padding:10px!important; overflow:visible!important; border:0!important; border-bottom:1px solid #e8e9e7!important; background:#fff!important; text-align:left!important; overflow-wrap:anywhere; } body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511>td:first-child{grid-column:1;grid-row:1;border-right:1px solid #e8e9e7!important} body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511>td:nth-child(2){grid-column:2;grid-row:1} body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511>td:nth-child(n+3){grid-column:1/-1} body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511>td:nth-child(1)::before{content:"Jalar"} body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511>td:nth-child(2)::before{content:"Producto"} body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511>td:nth-child(3)::before{content:"Causa"} body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511>td:nth-child(4)::before{content:"Fecha requerida"} body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511>td:nth-child(5)::before{content:"Cantidad"} body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511>td:nth-child(6)::before{content:"Ruta y ciclos"} body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511>td:nth-child(7)::before{content:"Fecha factible"} body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511>td:nth-child(8)::before{content:"Estado"} body.hhLedger .ptSuggestionsMatrixV511 input[type="checkbox"]{width:24px!important;height:24px!important;margin:1px 0} body.hhLedger .ptSuggestionsMatrixV511>tbody>tr:not(.ptSuggestionRowV511){display:block!important;width:100%!important;max-width:100%!important;min-width:0!important} body.hhLedger .ptSuggestionsMatrixV511>tbody>tr:not(.ptSuggestionRowV511)>td{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important} body.hhLedger .ptSuggestionsMatrixV511>tbody>tr:not(.ptSuggestionRowV511)>td::before{display:none!important;content:none!important} body.hhLedger .ptSuggestionActionsV511{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:11px} body.hhLedger .ptSuggestionActionsV511>button{width:100%;min-width:0;min-height:44px;padding-inline:7px;font-size:8.5px} } @media(max-width:520px){ body.hhLedger :is(.deliveryTabsV63,.productionTabsV70)>button{min-width:116px} body.hhLedger :is(.ptCoverageKpisV510,.ptSuggestionKpisV511){grid-template-columns:repeat(2,minmax(0,1fr))!important} body.hhLedger :is(.ptCoverageKpisV510,.ptSuggestionKpisV511)>.kpi{min-height:90px;padding:9px 8px} body.hhLedger :is(.ptCoverageKpisV510,.ptSuggestionKpisV511)>.kpi>span{font-size:8.5px} body.hhLedger :is(.ptCoverageKpisV510,.ptSuggestionKpisV511)>.kpi>:is(strong,b){font-size:clamp(16px,5.4vw,21px)} body.hhLedger :is(.ptCoverageKpisV510,.ptSuggestionKpisV511)>.kpi>small{font-size:8.5px} body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger .ptPolicyTargetsV510{grid-template-columns:repeat(4,minmax(0,1fr))} body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>:is(.ptCoveragePolicyV510,.ptCoverageTodayV510,.ptCoverageDemandV510,.ptCoverageProjectionV510,.ptCoverageDecisionV510){display:grid!important} body.hhLedger .ptCoverageDetailV510>section>ol:not(.ptTimelineV510)>li{grid-template-columns:78px minmax(0,1fr)} body.hhLedger .ptSuggestionsMatrixV511>tbody>.ptSuggestionRowV511{grid-template-columns:76px minmax(0,1fr)} body.hhLedger .ptSuggestionsMatrixV511 .ptSuggestionRowV511>td:nth-child(n+3){display:grid!important;grid-column:1/-1!important} body.hhLedger .ptSuggestionActionsV511{grid-template-columns:minmax(0,1fr)} } @media(forced-colors:active){ body.hhLedger :is(.ptCoverageRowV510,.ptSuggestionRowV511){border-left-width:4px!important} body.hhLedger .ptCoverageChipsV510>button[aria-pressed="true"]{outline:2px solid Highlight!important} } /* Plataforma 2.15 · Gerencia semanal y continuidad visual compartida. */ body.hhLedger :is(main,.hero,.panel,.tableWrap,.managementExpensePageV215,.managementExpenseWorkspaceV215){min-width:0;max-width:100%} body.hhLedger :is(button,a,input,select,textarea):focus-visible{outline:3px solid #1f5f8b!important;outline-offset:2px!important} body.hhLedger .managementExpensePageV215{display:grid;gap:12px;width:100%} body.hhLedger .managementExpensePageV215>.hero{margin-bottom:0} body.hhLedger .managementExpensePrivacyV215{margin:0;border:1px solid #d8d3cf;border-left:4px solid #8f2b2f;background:#fbfaf8;color:#303942} body.hhLedger .managementExpenseKpisV215{margin:0} body.hhLedger .managementExpenseWorkspaceV215{margin:0;overflow:hidden;border-top:4px solid #8f2b2f} body.hhLedger .managementExpenseWorkspaceV215[aria-busy="true"]{cursor:progress} body.hhLedger .managementExpenseWorkspaceV215[aria-busy="true"] .managementExpenseTableWrapV215{opacity:.62} body.hhLedger .managementExpenseTableWrapV215{width:100%;max-width:100%;overflow:auto;scrollbar-gutter:stable} body.hhLedger .expenseLedgerV215{width:100%;min-width:1080px;table-layout:fixed} body.hhLedger .expenseLedgerV215 th:nth-child(1){width:130px} body.hhLedger .expenseLedgerV215 th:nth-child(2){width:170px} body.hhLedger .expenseLedgerV215 th:nth-child(3){width:170px} body.hhLedger .expenseLedgerV215 th:nth-child(4){width:220px} body.hhLedger .expenseLedgerV215 th:nth-child(5){width:150px} body.hhLedger .expenseLedgerV215 th:nth-child(6){width:200px} body.hhLedger .expenseLedgerV215 th:nth-child(7){width:58px} body.hhLedger .expenseLedgerV215 td{vertical-align:top} body.hhLedger .expenseLedgerV215 :is(input,select){width:100%;min-width:0;min-height:40px} body.hhLedger .expenseAmountV215{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:4px;color:#4f5963;font-weight:800} body.hhLedger .expenseAmountV215 input{min-width:0} body.hhLedger .expenseLedgerV215 .removeRow{width:40px;min-width:40px;height:40px;min-height:40px;margin:auto} body.hhLedger :is(summary,button).orderOverdueV515{border-left:4px solid #b16f12!important;background:#fff9ea!important;color:#3d3528!important} body.hhLedger button.orderOverdueV515:not(:disabled):hover{background:#fff2cf!important;border-color:#8d5b12!important} @media(max-width:768px){ body.hhLedger .managementExpensePageV215{gap:9px} body.hhLedger .managementExpensePageV215>.hero{padding:14px} body.hhLedger .managementExpensePageV215>.hero .heroActions{display:grid;width:100%;grid-template-columns:minmax(0,1fr)} body.hhLedger .managementExpensePageV215>.hero .heroActions>button{width:100%;min-height:44px} body.hhLedger .managementExpensePrivacyV215{margin:0;padding:11px} body.hhLedger .managementExpenseKpisV215{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger .managementExpenseWorkspaceV215>.panelHead{align-items:stretch;gap:10px;padding:13px} body.hhLedger .managementExpenseWorkspaceV215>.panelHead>button{width:100%;min-height:44px} body.hhLedger .managementExpenseTableWrapV215{overflow:visible;border:0;border-radius:0} body.hhLedger .expenseLedgerV215, body.hhLedger .expenseLedgerV215.hhAdaptiveTable{display:block;width:100%!important;min-width:0!important;table-layout:auto;background:transparent} body.hhLedger .expenseLedgerV215 thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap} body.hhLedger .expenseLedgerV215 tbody{display:grid;gap:10px;padding:10px;background:#f3f4f3} body.hhLedger .expenseLedgerV215 tbody>tr{display:grid!important;grid-template-columns:minmax(0,1fr);width:100%;overflow:hidden;border:1px solid #d9dcda;border-left:4px solid #8f2b2f;border-radius:12px;background:#fff;box-shadow:0 5px 14px rgba(35,43,54,.06)} body.hhLedger .expenseLedgerV215 tbody>tr>td{display:grid!important;grid-template-columns:106px minmax(0,1fr);align-items:center;gap:8px;width:100%!important;min-width:0!important;padding:9px 11px!important;border:0!important;border-bottom:1px solid #e6e8e6!important;background:#fff!important;text-align:left!important} body.hhLedger .expenseLedgerV215 tbody>tr>td:last-child{border-bottom:0!important} body.hhLedger .expenseLedgerV215 tbody>tr>td::before{content:attr(data-label);color:#5d6872;font-size:10px;font-weight:900;letter-spacing:.055em;text-transform:uppercase} body.hhLedger .expenseLedgerV215 tbody>tr>td[colspan]{display:block!important;padding:0!important} body.hhLedger .expenseLedgerV215 tbody>tr>td[colspan]::before{display:none;content:none} body.hhLedger .expenseLedgerV215 :is(input,select){min-height:44px;font-size:16px} body.hhLedger .expenseLedgerV215 .removeRow{justify-self:end;width:44px;min-width:44px;height:44px;min-height:44px} } @media(max-width:420px){ body.hhLedger .managementExpenseKpisV215{grid-template-columns:minmax(0,1fr)} body.hhLedger .expenseLedgerV215 tbody{padding:8px} body.hhLedger .expenseLedgerV215 tbody>tr>td{grid-template-columns:minmax(0,1fr);gap:5px;padding:9px!important} } @media(prefers-reduced-motion:reduce){ body.hhLedger .managementExpensePageV215 *,body.hhLedger .managementExpensePageV215 *::before,body.hhLedger .managementExpensePageV215 *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important} } /* Plataforma 2.16 · Integridad de retícula en Compras y encabezados numerados. */ /* Todo panel conserva un carril independiente para el folio visual 01/02/03. */ body.hhLedger .panel>.panelHead{ min-width:0; padding-inline-start:58px!important; } body.hhLedger .panel>.panelHead::before{ pointer-events:none; } body.hhLedger .panel>.panelHead>div:first-child{ min-width:0; max-width:100%; } body.hhLedger .panel>.panelHead :is(h2,h3,p){ max-width:100%; white-space:normal; overflow-wrap:anywhere; } /* La OC por enviar usa áreas estables: ninguna fecha o nota puede caer en el carril angosto del selector, aun cuando el navegador reserve ancho al calendario. */ body.hhLedger .purchaseOrderCardV420.send{ grid-template-columns:28px minmax(180px,1.25fr) repeat(4,minmax(140px,1fr)); grid-template-areas: "check identity po supplier quantity order" "check identity expected note note note"; grid-auto-flow:row; align-items:start; column-gap:12px; row-gap:12px; } body.hhLedger .purchaseOrderCardV420.send>.purchaseCardSelectV420{grid-area:check;align-self:stretch;height:auto;min-height:44px} body.hhLedger .purchaseOrderCardV420.send>.purchaseCardIdentityV420{grid-area:identity;align-self:start} body.hhLedger .purchaseOrderCardV420.send>.purchaseOrderNumberV420{grid-area:po} body.hhLedger .purchaseOrderCardV420.send>.purchaseFieldV420:has([data-pc-field-v420="supplier"]){grid-area:supplier} body.hhLedger .purchaseOrderCardV420.send>.purchaseFieldV420:has([data-pc-field-v420="qty"]){grid-area:quantity} body.hhLedger .purchaseOrderCardV420.send>.purchaseFieldV420:has([data-pc-field-v420="orderDate"]){grid-area:order} body.hhLedger .purchaseOrderCardV420.send>.purchaseFieldV420:has([data-pc-field-v420="expectedDate"]){grid-area:expected} body.hhLedger .purchaseOrderCardV420.send>.purchaseFieldV420.note{grid-area:note} body.hhLedger .purchaseOrderCardV420.send :is(.purchaseOrderNumberV420,.purchaseFieldV420){ align-content:start; min-width:0; max-width:100%; } body.hhLedger .purchaseOrderCardV420.send :is(input,select){ width:100%; min-width:0; max-width:100%; } body.hhLedger .purchaseOrderCardV420.send .purchaseFieldV420>small{ min-height:1.35em; overflow-wrap:anywhere; } @media(max-width:1280px){ body.hhLedger .purchaseOrderCardV420.send{ grid-template-columns:28px minmax(180px,1.3fr) repeat(3,minmax(125px,1fr)); grid-template-areas: "check identity po supplier quantity" "check identity order expected note"; } } @media(max-width:980px){ body.hhLedger .purchaseOrderCardV420.send{ grid-template-columns:28px minmax(170px,1.2fr) repeat(2,minmax(145px,1fr)); grid-template-areas: "check identity po supplier" "check identity quantity order" "check identity expected note"; } } @media(max-width:768px){ body.hhLedger .panel>.panelHead{padding-inline-start:64px!important} } @media(max-width:680px){ body.hhLedger .purchaseOrderCardV420.send{ grid-template-columns:28px minmax(0,1fr); grid-template-areas: "check identity" ". po" ". supplier" ". quantity" ". order" ". expected" ". note"; gap:9px 10px; } body.hhLedger .purchaseOrderCardV420.send>.purchaseCardSelectV420{ align-self:start; min-height:44px; } } /* Plataforma 2.16 · Cobertura PT alineada y selección de necesidades en Producción. */ @media(min-width:769px){ body.hhLedger table.ptCoverageMatrixV510, body.hhLedger table.ptCoverageMatrixV510.hhAdaptiveTable{ min-width:1160px!important; table-layout:fixed!important; } body.hhLedger .ptCoverageMatrixV510 th:nth-child(1){width:13%} body.hhLedger .ptCoverageMatrixV510 th:nth-child(2){width:25%} body.hhLedger .ptCoverageMatrixV510 th:nth-child(3){width:18%} body.hhLedger .ptCoverageMatrixV510 th:nth-child(4){width:14%} body.hhLedger .ptCoverageMatrixV510 th:nth-child(5){width:14%} body.hhLedger .ptCoverageMatrixV510 th:nth-child(6){width:16%} body.hhLedger .ptCoverageMatrixV510 .ptCoverageRowV510>td{ display:table-cell!important; width:auto; min-width:0; max-width:none; vertical-align:top; } body.hhLedger .ptCoverageMatrixV510 .ptCoveragePolicyV510{overflow:hidden} body.hhLedger .ptCoverageMatrixV510 .ptPolicyEditorV510, body.hhLedger .ptCoverageMatrixV510 .ptPolicyTargetsV510{ width:100%; max-width:100%; min-width:0; } body.hhLedger .ptCoverageMatrixV510 .ptPolicyTargetsV510>label{min-width:0;overflow:hidden} body.hhLedger .ptCoverageMatrixV510 .ptPolicyEditorV510 :is(input,select,button){ box-sizing:border-box; width:100%; max-width:100%; min-width:0!important; text-overflow:ellipsis; } body.hhLedger table.ptSuggestionsMatrixV511, body.hhLedger table.ptSuggestionsMatrixV511.hhAdaptiveTable{ min-width:1220px!important; table-layout:fixed!important; } body.hhLedger .ptSuggestionsMatrixV511 th:nth-child(1){width:11%} body.hhLedger .ptSuggestionsMatrixV511 th:nth-child(2){width:12%} body.hhLedger .ptSuggestionsMatrixV511 th:nth-child(3){width:17%} body.hhLedger .ptSuggestionsMatrixV511 th:nth-child(4){width:11%} body.hhLedger .ptSuggestionsMatrixV511 th:nth-child(5){width:10%} body.hhLedger .ptSuggestionsMatrixV511 th:nth-child(6){width:15%} body.hhLedger .ptSuggestionsMatrixV511 th:nth-child(7){width:12%} body.hhLedger .ptSuggestionsMatrixV511 th:nth-child(8){width:12%} } body.hhLedger .ptCoverageDecisionV510>.quietAction{ border-color:#aeb8c1; background:#fff; color:#314352; font-weight:850; } body.hhLedger .ptCoverageDecisionV510>.quietAction:hover:not(:disabled){background:#eef3f6} body.hhLedger .ptSuggestionFiltersV516{ flex:0 0 auto; display:grid; grid-template-columns:repeat(2,minmax(150px,190px)); align-items:end; gap:8px; min-width:0; } body.hhLedger .ptSuggestionFiltersV516>.ptSuggestionFilterV511{ display:grid; gap:5px; width:100%; min-width:0; max-width:none; margin:0; } body.hhLedger .ptSuggestionFiltersV516>.ptSuggestionFilterV511>span{ color:#596570; font-size:8.5px; font-weight:900; letter-spacing:.055em; text-transform:uppercase; } body.hhLedger .ptSuggestionFiltersV516 select{width:100%;min-width:0;min-height:44px} body.hhLedger .ptSuggestionPullV516{ display:inline-flex; align-items:center; justify-content:center; gap:5px; width:100%; min-width:0; min-height:44px; padding:7px 8px; border:1px solid #9eabb5; border-radius:8px!important; background:#f7f9fa; color:#304351; font-size:8.5px; font-weight:900; line-height:1.2; text-align:center; white-space:normal; } body.hhLedger .ptSuggestionPullV516:hover:not(:disabled){border-color:#5c7180;background:#edf3f6} body.hhLedger .ptSuggestionPullV516.selected{ border-color:#2f6f4f; background:#e8f4ec; color:#285f44; box-shadow:inset 0 0 0 1px rgba(47,111,79,.14)!important; } body.hhLedger .ptSuggestionPullV516.selected::before{content:"✓";font-size:11px;line-height:1} body.hhLedger .ptSuggestionPullV516:disabled{ border-color:#d3d6d7; background:#f0f1f1; color:#747c82; opacity:1; } body.hhLedger .ptSuggestionOriginCellV516{display:grid;align-content:start;gap:6px} body.hhLedger .ptSuggestionOriginV516{ justify-self:start; display:inline-flex; align-items:center; min-height:24px; padding:4px 8px; border:1px solid currentColor; border-radius:999px; font-size:8px; font-weight:950; letter-spacing:.055em; line-height:1; text-transform:uppercase; } body.hhLedger .ptSuggestionOriginV516.sale{background:#fbecec;color:#8d292d} body.hhLedger .ptSuggestionOriginV516.stock{background:#eaf3ed;color:#2d694b} body.hhLedger .ptSuggestionOriginV516.mixed{background:#f5ecdc;color:#76551d} body.hhLedger .ptSuggestionOriginCellV516>b{font-size:10px;line-height:1.35} body.hhLedger .ptSuggestionOriginCellV516>small{margin:0!important} @media(max-width:768px){ body.hhLedger .ptSuggestionFiltersV516{grid-template-columns:repeat(2,minmax(0,1fr));width:100%} body.hhLedger .ptSuggestionsMatrixV511>tbody>.ptSuggestionRowV511{grid-template-columns:104px minmax(0,1fr)!important} body.hhLedger .ptSuggestionPullV516{padding-inline:6px;font-size:8px} } @media(max-width:520px){ body.hhLedger .ptSuggestionFiltersV516{grid-template-columns:minmax(0,1fr)} body.hhLedger .ptSuggestionsMatrixV511>tbody>.ptSuggestionRowV511{grid-template-columns:94px minmax(0,1fr)!important} } /* Plataforma 2.17 · lenguaje corporativo y mesas modulares. */ body.hhLedger.hhAdaptiveUI{ --hh-v217-ink:#27313e; --hh-v217-muted:#66717c; --hh-v217-line:#d5d8da; --hh-v217-soft:#f4f5f5; --hh-v217-paper:#fff; --hh-v217-red:#8f2b2f; --hh-v217-green:#356b4e; } body.hhLedger.hhAdaptiveUI :is(.corporateWorkbenchV217,.productionWorkbenchV217){ width:100%; max-width:100%; min-width:0; border:1px solid var(--hh-v217-line)!important; border-top:4px solid var(--hh-v217-red)!important; border-radius:2px!important; background:var(--hh-v217-paper)!important; box-shadow:0 8px 22px rgba(39,49,62,.055)!important; } body.hhLedger.hhAdaptiveUI :is(.corporateWorkbenchV217,.productionWorkbenchV217)>.panelHead{ align-items:center; gap:16px; margin:-1px -1px 12px!important; padding:14px 16px 14px 64px!important; border-bottom:1px solid var(--hh-v217-line); background:#f8f8f7; } body.hhLedger.hhAdaptiveUI :is(.corporateWorkbenchV217,.productionWorkbenchV217)>.panelHead h3{ color:var(--hh-v217-ink); font-size:clamp(15px,1.2vw,19px); letter-spacing:-.018em; } body.hhLedger.hhAdaptiveUI :is(.corporateWorkbenchV217,.productionWorkbenchV217)>.panelHead p{ max-width:760px; color:var(--hh-v217-muted); font-size:10px; line-height:1.45; } body.hhLedger.hhAdaptiveUI :is(.ptCoverageToolbarV510,.productionWorkbenchToolbarV217){ display:flex; align-items:end; gap:8px; width:100%; max-width:100%; min-width:0; margin:0 0 10px; padding:10px; border:1px solid var(--hh-v217-line); background:var(--hh-v217-soft); } body.hhLedger.hhAdaptiveUI :is(.ptCoverageToolbarV510,.productionWorkbenchToolbarV217)>label{ min-width:0; margin:0; } body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV510>label:first-child{flex:1 1 260px} body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV510>label:nth-child(2){flex:0 1 190px} body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV510 :is(input,select), body.hhLedger.hhAdaptiveUI .productionWorkbenchToolbarV217 select{ width:100%; min-width:0!important; min-height:38px!important; } body.hhLedger.hhAdaptiveUI .productionWorkbenchSummaryV217{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; width:100%; max-width:100%; min-width:0; margin:10px 0; } body.hhLedger.hhAdaptiveUI .productionWorkbenchSummaryV217>.kpi{ min-width:0; padding:11px 12px; border-radius:2px!important; box-shadow:none!important; } body.hhLedger.hhAdaptiveUI .productionWorkbenchSummaryV217>.kpi strong{margin:5px 0 2px;font-size:clamp(18px,1.55vw,23px)} body.hhLedger.hhAdaptiveUI table.hhAdaptiveTable{ color:var(--hh-v217-ink); border:1px solid var(--hh-v217-line); background:var(--hh-v217-paper); } body.hhLedger.hhAdaptiveUI table.hhAdaptiveTable>thead>tr>th{ border-color:#4b5562!important; background:#303945!important; color:#fff!important; font-size:8.5px!important; font-weight:900!important; letter-spacing:.055em; text-transform:uppercase; } body.hhLedger.hhAdaptiveUI table.hhAdaptiveTable>tbody>tr>td{ border-color:var(--hh-v217-line)!important; background:#fff; } body.hhLedger.hhAdaptiveUI table.hhAdaptiveTable>tbody>tr:nth-child(even)>td{background:#fbfbfa} body.hhLedger.hhAdaptiveUI table.hhAdaptiveTable>tbody>tr:hover>td{background:#f4f6f6} body.hhLedger.hhAdaptiveUI table.hhAdaptiveTable .hhRovingCellV217:focus-visible{ position:relative; z-index:2; outline:2px solid var(--hh-v217-red)!important; outline-offset:-3px; } body.hhLedger.hhAdaptiveUI .ptCoverageBalanceV217{ min-width:0; } body.hhLedger.hhAdaptiveUI :is(.ptCoverageInventoryModuleV217,.ptCoverageDemandModuleV217){ display:grid; min-width:0; padding:9px; border:1px solid var(--hh-v217-line); background:#f8f8f7; } body.hhLedger.hhAdaptiveUI .ptCoverageInventoryModuleV217{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} body.hhLedger.hhAdaptiveUI .ptCoverageInventoryModuleV217>span{display:grid;gap:2px;min-width:0} body.hhLedger.hhAdaptiveUI .ptCoverageInventoryModuleV217>small{grid-column:1/-1;color:var(--hh-v217-muted)} body.hhLedger.hhAdaptiveUI .ptCoverageDemandModuleV217{gap:4px;border-left:3px solid var(--hh-v217-red);background:#fff} body.hhLedger.hhAdaptiveUI .ptCoverageDemandModuleV217>b{font-size:14px} body.hhLedger.hhAdaptiveUI .ptCoverageDemandModuleV217 :is(span,small){color:var(--hh-v217-muted);line-height:1.35} body.hhLedger.hhAdaptiveUI .ptPolicyConfigV217{ width:100%; min-width:0; margin:0; border:1px solid var(--hh-v217-line); background:#fff; } body.hhLedger.hhAdaptiveUI .ptPolicyConfigV217[hidden]{display:none!important} body.hhLedger.hhAdaptiveUI .ptPolicyConfigV217>summary{ min-height:36px; padding:10px; color:var(--hh-v217-ink); font-size:9px; font-weight:850; cursor:pointer; } body.hhLedger.hhAdaptiveUI .ptPolicyConfigV217>.ptPolicyTargetsV510{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; width:100%; min-width:0; padding:0 10px 10px; } body.hhLedger.hhAdaptiveUI .ptPolicyConfigV217>.ptPolicyTargetsV510>label{min-width:0;margin:0} body.hhLedger.hhAdaptiveUI .hhDiscreteChoiceV217{ box-sizing:border-box!important; width:16px!important; height:16px!important; min-width:16px!important; min-height:16px!important; max-width:16px!important; margin:0; accent-color:var(--hh-v217-red); cursor:pointer; box-shadow:none!important; } body.hhLedger.hhAdaptiveUI label:has(>.hhDiscreteChoiceV217){min-height:36px;gap:8px} @media(min-width:1024px){ body.hhLedger.hhAdaptiveUI table.ptCoverageDecisionTableV217, body.hhLedger.hhAdaptiveUI table.ptCoverageDecisionTableV217.hhAdaptiveTable, body.hhLedger.hhAdaptiveUI table.productionWorkbenchTableV217, body.hhLedger.hhAdaptiveUI table.productionWorkbenchTableV217.hhAdaptiveTable{ width:100%!important; min-width:0!important; max-width:100%!important; table-layout:fixed!important; } body.hhLedger.hhAdaptiveUI .ptCoverageDecisionTableV217 th:nth-child(1){width:14%} body.hhLedger.hhAdaptiveUI .ptCoverageDecisionTableV217 th:nth-child(2){width:23%} body.hhLedger.hhAdaptiveUI .ptCoverageDecisionTableV217 th:nth-child(3){width:25%} body.hhLedger.hhAdaptiveUI .ptCoverageDecisionTableV217 th:nth-child(4){width:18%} body.hhLedger.hhAdaptiveUI .ptCoverageDecisionTableV217 th:nth-child(5){width:20%} body.hhLedger.hhAdaptiveUI .productionWorkbenchTableV217 th:nth-child(1){width:11%} body.hhLedger.hhAdaptiveUI .productionWorkbenchTableV217 th:nth-child(2){width:16%} body.hhLedger.hhAdaptiveUI .productionWorkbenchTableV217 th:nth-child(3){width:17%} body.hhLedger.hhAdaptiveUI .productionWorkbenchTableV217 th:nth-child(4){width:21%} body.hhLedger.hhAdaptiveUI .productionWorkbenchTableV217 th:nth-child(5){width:21%} body.hhLedger.hhAdaptiveUI .productionWorkbenchTableV217 th:nth-child(6){width:14%} body.hhLedger.hhAdaptiveUI :is(.ptCoverageDecisionTableV217,.productionWorkbenchTableV217) :is(th,td){ min-width:0!important; overflow-wrap:anywhere; } body.hhLedger.hhAdaptiveUI :is(.ptCoverageDecisionTableV217,.productionWorkbenchTableV217)>tbody>tr>td{ display:table-cell!important; height:auto!important; vertical-align:top!important; } body.hhLedger.hhAdaptiveUI .ptCoverageBalanceV217>:not(:first-child){margin-top:8px} body.hhLedger.hhAdaptiveUI :is(.ptCoverageDecisionTableV217,.productionWorkbenchTableV217) :is(input,select,button){ width:100%; min-width:0!important; max-width:100%; } } @media(max-width:768px){ body.hhLedger.hhAdaptiveUI :is(.corporateWorkbenchV217,.productionWorkbenchV217){padding:10px!important} body.hhLedger.hhAdaptiveUI :is(.corporateWorkbenchV217,.productionWorkbenchV217)>.panelHead{ align-items:start; margin:-1px -1px 10px!important; padding:12px 12px 12px 64px!important; } body.hhLedger.hhAdaptiveUI :is(.ptCoverageToolbarV510,.productionWorkbenchToolbarV217){ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; align-items:end; } body.hhLedger.hhAdaptiveUI .productionWorkbenchSummaryV217{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger.hhAdaptiveUI .ptCoverageBalanceV217{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger.hhAdaptiveUI .hhDiscreteChoiceV217{ width:18px!important; height:18px!important; min-width:18px!important; min-height:18px!important; max-width:18px!important; } body.hhLedger.hhAdaptiveUI label:has(>.hhDiscreteChoiceV217){min-height:44px} } @media(max-width:480px){ body.hhLedger.hhAdaptiveUI :is(.ptCoverageToolbarV510,.productionWorkbenchToolbarV217){grid-template-columns:minmax(0,1fr)!important} body.hhLedger.hhAdaptiveUI .productionWorkbenchSummaryV217{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger.hhAdaptiveUI .ptCoverageBalanceV217{grid-template-columns:minmax(0,1fr)} body.hhLedger.hhAdaptiveUI .ptCoverageInventoryModuleV217{grid-template-columns:repeat(3,minmax(0,1fr))} body.hhLedger.hhAdaptiveUI .ptCoverageInventoryModuleV217>small{grid-column:1/-1} } /* La cabecera de la propuesta reserva columnas reales; el título nunca se comprime letra por letra. */ body.hhLedger.hhAdaptiveUI .ptSuggestionsWorkbenchV511>.panelHead{ display:grid!important; grid-template-columns:minmax(240px,1fr) minmax(320px,400px); align-items:start!important; } body.hhLedger.hhAdaptiveUI .ptSuggestionsWorkbenchV511>.panelHead>div:first-child h3{ writing-mode:horizontal-tb!important; word-break:normal!important; overflow-wrap:normal!important; hyphens:none; } body.hhLedger.hhAdaptiveUI .ptSuggestionsWorkbenchV511>.panelHead>.ptSuggestionFiltersV516{ width:100%!important; min-width:0; margin:0; } @media(max-width:900px){ body.hhLedger.hhAdaptiveUI .ptSuggestionsWorkbenchV511>.panelHead{grid-template-columns:minmax(0,1fr)} } /* Plataforma 2.18 · sistema visual único y superficies ejecutivas. */ body.hhLedger{ --hh-corporate-radius:8px; --ios-radius:var(--hh-corporate-radius); --ios-control-radius:var(--hh-corporate-radius); } /* Un solo radio para superficies y controles; círculos sólo para indicadores funcionales. */ :is(#appRoot,#modalRoot,#loginRoot) :is(button,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea), :is(#appRoot,#modalRoot,#loginRoot) :is(.hero,.panel,.kpi,.tableWrap,.modal,.loginCard,.hhLoginCard,.fileFlow,.poSheet,.orderSheetV42,.shipmentLine,.deliveryTruck,.routeCardV82,.fumigationCardV95,.callout,.privateBanner,.noteRow,.lotRow,.runGroup,.runCard,.capacityCard,.stockCard,.equipmentCard,.materialCard,.uploadSummary,.uploadEquipment,.annualControlV51,.summarySectionsV46,.routeCardsV82,.transportRulesV63,.siteTrendV99,.ptTodaySummaryV56,.purchaseFlowV420,.purchaseHistoryV420,.purchaseOrderCardV420,.purchaseToolbarV110,.purchaseDataPanelV110,.corporateWorkbenchV217,.productionWorkbenchV217,.materialCoverageWorkbenchV490,.coverageControlDeckV500,.plannerProgramCardV470,.invoiceCardV45,.billingSummaryV45,.invoiceQueueV45), :is(#appRoot,#modalRoot,#loginRoot) :is(.status,.summaryChip,[class*="Badge"],[class*="Chip"]){ border-radius:var(--hh-corporate-radius)!important; } body.hhLedger.hhAdaptiveUI :is(.corporateWorkbenchV217,.productionWorkbenchV217), body.hhLedger.hhAdaptiveUI .productionWorkbenchSummaryV217>.kpi{ border-radius:var(--hh-corporate-radius)!important; } :is(#appRoot,#modalRoot,#loginRoot) :is(.statusDot,.routeFlowArrowV82,.truckWheelsV45 i,.closureChecksV51 i,.purchaseFlowV420>button>span,.purchaseStageEmptyV420>i){ border-radius:50%!important; } :is(#appRoot,#modalRoot,#loginRoot) :is(.qaLotChipsV210 span,.qaCertificateChipsV440>span,.ptSuggestionOriginV516,.plannerDraftStateV203){ border-radius:var(--hh-corporate-radius)!important; } /* Resumen: menos lectura auxiliar y mejor densidad a resoluciones reales de operación. */ body.hhLedger .summarySectionsV46.summaryExecutiveV94{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } body.hhLedger .summaryExecutiveV94 .summaryGroupV46{ border-radius:var(--hh-corporate-radius)!important; box-shadow:0 4px 13px rgba(35,43,54,.055); } body.hhLedger .summaryExecutiveV94 .summaryGroupV46 h3{padding:8px 11px!important} body.hhLedger .summaryExecutiveV94 .summaryMetricV46{ min-height:78px; padding:10px 11px; } body.hhLedger .summaryExecutiveV94 .summaryMetricV46 span{font-size:8px;line-height:1.15} body.hhLedger .summaryExecutiveV94 .summaryMetricV46 strong{ margin:6px 0 3px; font-size:clamp(19px,1.45vw,25px); } body.hhLedger .summaryExecutiveV94 .summaryMetricV46 small{font-size:8.5px;line-height:1.2} body.hhLedger .summaryExecutiveV94 .summaryMetricActionLabelV215{margin-top:5px;font-size:9px!important} /* Materiales · Datos proveedores: ocho campos sin columnas infladas ni aire innecesario. */ body.hhLedger .supplierDirectoryHeroV218{margin-bottom:12px} body.hhLedger .supplierDirectoryHeroV218 p{max-width:600px} body.hhLedger .supplierDirectoryV218{padding:12px;margin-top:8px} body.hhLedger .supplierDirectoryV218>.panelHead{margin-bottom:8px} body.hhLedger .supplierDirectoryV218>.panelHead p{line-height:1.3} body.hhLedger .supplierDirectoryViewportV218{overflow-x:auto;overflow-y:visible} body.hhLedger table.supplierDirectoryTableV218{ width:100%!important; min-width:1080px!important; table-layout:fixed!important; } body.hhLedger .supplierDirectoryTableV218 th:nth-child(1){width:13%} body.hhLedger .supplierDirectoryTableV218 th:nth-child(2){width:22%} body.hhLedger .supplierDirectoryTableV218 th:nth-child(3){width:11%} body.hhLedger .supplierDirectoryTableV218 th:nth-child(4){width:18%} body.hhLedger .supplierDirectoryTableV218 th:nth-child(5){width:13%} body.hhLedger .supplierDirectoryTableV218 th:nth-child(6){width:10%} body.hhLedger .supplierDirectoryTableV218 th:nth-child(7){width:9%} body.hhLedger .supplierDirectoryTableV218 th:nth-child(8){width:4%} body.hhLedger .supplierDirectoryTableV218 :is(th,td){min-width:0!important;padding:6px!important} body.hhLedger .supplierDirectoryTableV218 td{vertical-align:middle} body.hhLedger .supplierDirectoryTableV218 :is(input,select){min-height:32px;padding:5px 7px;font-size:10px} body.hhLedger .supplierDirectoryTableV218 .supplierDeliveryCalendarV480{min-width:0;padding:6px!important;vertical-align:middle} body.hhLedger .supplierDirectoryTableV218 .supplierDeliveryCalendarV480 fieldset{gap:4px} body.hhLedger .supplierDirectoryTableV218 .supplierDeliveryCalendarV480 select{min-height:30px;padding:4px 7px;font-size:10px} body.hhLedger .supplierDirectoryTableV218 .supplierWeekdaysV480{grid-template-columns:repeat(7,minmax(22px,1fr));gap:3px} body.hhLedger .supplierDirectoryTableV218 .supplierWeekdaysV480 span{min-height:27px;padding:2px;font-size:9px} body.hhLedger .supplierDirectoryTableV218 .supplierDeliveryCalendarV480 small{margin-top:0;font-size:8px} @media(min-width:1650px){ body.hhLedger .summarySectionsV46.summaryExecutiveV94{grid-template-columns:repeat(4,minmax(0,1fr))} } @media(max-width:768px){ body.hhLedger .summarySectionsV46.summaryExecutiveV94{grid-template-columns:minmax(0,1fr)} body.hhLedger .summaryExecutiveV94 .summaryMetricV46{min-height:72px} body.hhLedger .supplierDirectoryV218{padding:8px} body.hhLedger .supplierDirectoryViewportV218{overflow:visible!important;border:0!important} body.hhLedger.hhAdaptiveUI table.supplierDirectoryTableV218.hhAdaptiveTable{ display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; padding:0!important; background:transparent; table-layout:auto!important; } body.hhLedger .supplierDirectoryTableV218 thead{display:none!important} body.hhLedger .supplierDirectoryTableV218 tbody{display:grid!important;gap:8px;padding:0!important;background:transparent} body.hhLedger .supplierDirectoryTableV218 tbody>tr{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas: "supplier supplier" "calendar calendar" "contact phone" "email email" "channel active" "terms terms"; gap:0 8px; width:100%; max-width:100%; min-width:0; padding:7px; overflow:hidden; border:1px solid #d8dcdf; border-left:4px solid #8f2b2f; border-radius:var(--hh-corporate-radius)!important; background:#fff; box-shadow:0 3px 10px rgba(35,43,54,.05); } body.hhLedger .supplierDirectoryTableV218 tbody>tr>td{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; align-content:start; gap:4px; width:100%!important; min-width:0!important; padding:6px!important; border:0!important; background:transparent!important; text-align:left!important; } body.hhLedger .supplierDirectoryTableV218 tbody>tr>td:nth-child(1){grid-area:supplier} body.hhLedger .supplierDirectoryTableV218 tbody>tr>td:nth-child(2){grid-area:calendar} body.hhLedger .supplierDirectoryTableV218 tbody>tr>td:nth-child(3){grid-area:contact} body.hhLedger .supplierDirectoryTableV218 tbody>tr>td:nth-child(4){grid-area:email} body.hhLedger .supplierDirectoryTableV218 tbody>tr>td:nth-child(5){grid-area:phone} body.hhLedger .supplierDirectoryTableV218 tbody>tr>td:nth-child(6){grid-area:channel} body.hhLedger .supplierDirectoryTableV218 tbody>tr>td:nth-child(7){grid-area:terms} body.hhLedger .supplierDirectoryTableV218 tbody>tr>td:nth-child(8){grid-area:active} body.hhLedger .supplierDirectoryTableV218 tbody>tr>td:first-child{ position:static!important; left:auto!important; box-shadow:none!important; } body.hhLedger .supplierDirectoryTableV218 tbody>tr>td::before{font-size:8px;text-align:left} body.hhLedger .supplierDirectoryTableV218 :is(input,select){min-height:44px!important;padding:8px 9px!important;font-size:16px!important} body.hhLedger .supplierDirectoryTableV218 .supplierDeliveryCalendarV480{padding:6px!important} body.hhLedger .supplierDirectoryTableV218 .supplierDeliveryCalendarV480 select{min-height:44px} body.hhLedger .supplierDirectoryTableV218 .supplierWeekdaysV480{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px} body.hhLedger .supplierDirectoryTableV218 .supplierWeekdaysV480 span{min-height:42px;font-size:10px} } @media(max-width:360px){ body.hhLedger .supplierDirectoryTableV218 tbody>tr{ grid-template-columns:minmax(0,1fr); grid-template-areas:"supplier" "calendar" "contact" "phone" "email" "channel" "active" "terms"; } } /* Producción 2.18 · encabezado estable, control discreto y alerta de capacidad. */ body.hhLedger .productionPriorityHeroV218{ display:grid!important; grid-template-columns:minmax(260px,1fr) minmax(260px,auto); align-items:start!important; gap:18px; min-width:0; } body.hhLedger .productionPriorityHeroV218>div:first-child{min-width:260px} body.hhLedger .productionPriorityHeroV218 h2, body.hhLedger .productionWorkbenchTableV217 th:nth-child(2){ writing-mode:horizontal-tb!important; word-break:normal!important; overflow-wrap:normal!important; hyphens:none; } body.hhLedger .productionPriorityHeroV218 .heroActions{ display:flex; flex-wrap:wrap; justify-content:flex-end; width:auto; max-width:620px; min-width:0; } body.hhLedger .productionPriorityHeroV218 .heroActions>*{max-width:100%;white-space:normal} body.hhLedger .productionWorkbenchTableV217 th:nth-child(2){min-width:124px!important} body.hhLedger .plannerDayPolicyV470:has(>.enableNearTermV90){ position:relative; min-height:60px; padding-right:154px!important; } body.hhLedger .plannerDayPolicyV470>.enableNearTermV90{ position:absolute!important; top:8px; right:8px; display:inline-flex!important; grid-template-columns:none!important; align-items:center; gap:6px; width:auto!important; min-width:0!important; max-width:138px; min-height:30px!important; margin:0; padding:5px 8px!important; border:1px solid #91abc1; border-radius:var(--hh-corporate-radius)!important; background:#fff; box-shadow:none; color:#294e70; font-size:8.5px!important; line-height:1.1!important; white-space:nowrap; } body.hhLedger.hhAdaptiveUI .plannerDayPolicyV470>.enableNearTermV90 input[type="checkbox"]{ flex:0 0 14px; width:14px!important; height:14px!important; min-width:14px!important; min-height:14px!important; max-width:14px!important; margin:0!important; } body.hhLedger .plannerDayPolicyV470>.enableNearTermV90 span{font-size:inherit!important;line-height:inherit!important;white-space:nowrap} body.hhLedger .plannerCapacityWarningV218{ border-color:#d2ad67; border-left-color:#a76817; background:#fff8e7; color:#70480e; } body.hhLedger .plannerCapacityWarningV218[hidden], body.hhLedger .plannerCapacityAlertV218[hidden]{display:none!important} body.hhLedger .plannerProgramCardV470.capacityExceededV218{ border-color:#d6b578; border-left-color:#a76817; } body.hhLedger .plannerCapacityAlertV218{ padding:7px 10px; border-top:1px solid #ead8b5; background:#fff8e7; color:#70480e; font-size:9px; font-weight:750; line-height:1.35; } body.hhLedger .plannerDayButtonV470.overCapacity{ border-color:#c38a2d; border-left-color:#a76817; background:#fff8e7; color:#70480e; } @media(max-width:900px){ body.hhLedger .productionPriorityHeroV218{grid-template-columns:minmax(0,1fr)} body.hhLedger .productionPriorityHeroV218>div:first-child{min-width:0} body.hhLedger .productionPriorityHeroV218 .heroActions{justify-content:flex-start;width:100%;max-width:none} } @media(max-width:680px){ body.hhLedger .plannerDayPolicyV470:has(>.enableNearTermV90){ display:block!important; min-height:68px; padding:10px 138px 10px 10px!important; } body.hhLedger .plannerDayPolicyV470>.enableNearTermV90{ top:9px; right:9px; width:auto!important; min-width:0!important; min-height:32px!important; } body.hhLedger .plannerCapacityAlertV218{padding:8px 10px;font-size:9px} } @media(max-width:480px){ body.hhLedger .productionPriorityHeroV218 .heroActions{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; } body.hhLedger .productionPriorityHeroV218 .heroActions>*{width:100%} } /* Plataforma 2.20 · centro de cobertura PT por excepción, sin tabla de configuración. */ body.hhLedger.hhAdaptiveUI .ptCoverageCommandCenterV220{ box-sizing:border-box; overflow:clip; border-color:#cfd4d8; background:#f5f6f7; } body.hhLedger.hhAdaptiveUI .ptCoverageCommandCenterV220>.ptCoverageCommandHeadV220{ display:grid!important; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:24px; padding:22px 24px 18px 78px!important; border-bottom:1px solid #d7dbde; background:#fff; } body.hhLedger.hhAdaptiveUI .ptCoverageCommandHeadV220 h3{ margin:4px 0 5px; color:#202a36; font-size:clamp(20px,2vw,28px); letter-spacing:-.025em; text-transform:none; } body.hhLedger.hhAdaptiveUI .ptCoverageCommandHeadV220 p{ max-width:720px; margin:0; color:#68727e; font-size:12px; } body.hhLedger.hhAdaptiveUI .ptCoverageEyebrowV220{ display:block; color:#98332f; font-size:8px; font-weight:900; letter-spacing:.15em; line-height:1.3; text-transform:uppercase; } body.hhLedger.hhAdaptiveUI .ptCoverageCommandHeadV220>.ptCoverageCutV510{ display:grid; gap:3px; min-width:156px; padding:10px 12px; border:1px solid #cfd4d8; background:#f7f8f9; color:#202a36; font-size:11px; font-weight:850; text-align:right; } body.hhLedger.hhAdaptiveUI .ptCoverageCommandHeadV220>.ptCoverageCutV510 small{ color:#707985; font-size:8px; font-weight:750; letter-spacing:.045em; text-transform:uppercase; } body.hhLedger.hhAdaptiveUI .ptCoverageKpisV220{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0!important; margin:0!important; padding:0 24px!important; border-bottom:1px solid #d7dbde; background:#fff; } body.hhLedger.hhAdaptiveUI .ptCoverageKpisV220>.kpi{ display:grid!important; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; align-items:center; gap:2px 10px!important; min-height:64px!important; padding:12px 16px!important; border:0!important; border-right:1px solid #e1e4e6!important; background:transparent!important; box-shadow:none!important; } body.hhLedger.hhAdaptiveUI .ptCoverageKpisV220>.kpi:first-child{padding-left:0!important} body.hhLedger.hhAdaptiveUI .ptCoverageKpisV220>.kpi:last-child{border-right:0!important;padding-right:0!important} body.hhLedger.hhAdaptiveUI .ptCoverageKpisV220>.kpi>span{ color:#68727e; font-size:9.5px!important; font-weight:900; letter-spacing:.055em; line-height:1.2; text-transform:uppercase; } body.hhLedger.hhAdaptiveUI .ptCoverageKpisV220>.kpi>strong{ grid-column:2; grid-row:1/3; color:#202a36; font-size:24px!important; line-height:1; } body.hhLedger.hhAdaptiveUI .ptCoverageKpisV220>.kpi>small{ color:#7a838d; font-size:10px!important; } body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220{ display:grid!important; grid-template-columns:minmax(220px,1fr) minmax(190px,240px) minmax(380px,auto) auto; align-items:end; gap:10px!important; margin:0!important; padding:14px 24px!important; border-bottom:1px solid #d7dbde; background:#eef0f2!important; } body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220>label{ display:grid!important; gap:5px; min-width:0; } body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220>label>span{ color:#626c77; font-size:10px!important; font-weight:900; letter-spacing:.055em; text-transform:uppercase; } body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220 :is(input,select,button){ box-sizing:border-box; min-width:0!important; min-height:38px!important; } body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220 :is(input,select){ width:100%; border-color:#bcc3c9; background:#fff; } body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220>.ptCoverageChipsV510{ display:flex!important; flex-wrap:wrap; align-items:center; gap:5px!important; min-width:0; } body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220>.ptCoverageChipsV510>button{ flex:0 0 auto!important; width:auto!important; min-height:32px!important; padding:6px 9px!important; border:1px solid #c5cbd0!important; background:#fff!important; color:#3d4752!important; font-size:10px!important; white-space:nowrap; } body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220>.ptCoverageChipsV510>button[aria-pressed="true"]{ border-color:#354150!important; background:#354150!important; color:#fff!important; } body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220>.ghost{ padding-inline:10px!important; white-space:nowrap; } body.hhLedger.hhAdaptiveUI .ptCoverageCommandCenterV220>.ptCoverageResultV510{ margin:0!important; padding:8px 24px!important; border-bottom:1px solid #d7dbde; background:#fff; color:#68727e; font-size:8.5px; font-weight:800; letter-spacing:.025em; text-align:right; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkspaceV220{ display:grid; grid-template-columns:minmax(310px,.72fr) minmax(0,1.55fr); align-items:start; gap:14px; min-width:0; padding:14px; } body.hhLedger.hhAdaptiveUI .ptCoverageWorklistV220, body.hhLedger.hhAdaptiveUI .ptCoverageInspectorCardV220{ min-width:0; border:1px solid #ccd1d5; background:#fff; box-shadow:0 8px 24px rgba(32,42,54,.055); } body.hhLedger.hhAdaptiveUI .ptCoverageWorklistHeadV220{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:50px; padding:10px 12px; border-bottom:1px solid #d7dbde; background:#29333f; color:#fff; } body.hhLedger.hhAdaptiveUI .ptCoverageWorklistHeadV220>div{ display:grid; gap:2px; } body.hhLedger.hhAdaptiveUI .ptCoverageWorklistHeadV220 span{ font-size:10px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; } body.hhLedger.hhAdaptiveUI .ptCoverageWorklistHeadV220 small{ color:#c9d0d6; font-size:10px; } body.hhLedger.hhAdaptiveUI .ptCoverageWorklistHeadV220>b{ display:grid; place-items:center; min-width:30px; min-height:30px; border:1px solid #73808c; background:#354150; font-size:11px; } body.hhLedger.hhAdaptiveUI .ptCoverageWorklistBodyV220{ display:grid; min-width:0; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkItemV220{ position:relative; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(105px,.72fr); align-items:start; gap:8px 12px!important; width:100%!important; min-width:0!important; min-height:0!important; padding:13px 34px 13px 14px!important; border:0!important; border-bottom:1px solid #e0e3e5!important; border-left:4px solid transparent!important; background:#fff!important; color:#202a36!important; font:inherit; text-align:left; scroll-margin-top:88px; box-shadow:none!important; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkItemV220:last-child{border-bottom:0!important} body.hhLedger.hhAdaptiveUI .ptCoverageWorkItemV220:hover{background:#f6f7f8!important} body.hhLedger.hhAdaptiveUI .ptCoverageWorkItemV220[aria-current="true"]{ border-left-color:#9d3732!important; background:#f1f3f5!important; box-shadow:inset 0 0 0 1px #d5dade!important; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkItemV220:focus-visible{ z-index:1; outline:2px solid #456b8e!important; outline-offset:-3px; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkIdentityV220, body.hhLedger.hhAdaptiveUI .ptCoverageWorkMetricV220, body.hhLedger.hhAdaptiveUI .ptCoverageWorkRecommendationV220, body.hhLedger.hhAdaptiveUI .ptCoverageWorkPolicyV220{ display:grid; gap:2px; min-width:0; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkIdentityV220>b{ overflow:hidden; color:#202a36; font-size:13px; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkIdentityV220>small, body.hhLedger.hhAdaptiveUI .ptCoverageWorkItemV220 :is(.ptCoverageWorkMetricV220,.ptCoverageWorkRecommendationV220,.ptCoverageWorkPolicyV220)>small{ overflow:hidden; color:#737d87; font-size:9.5px!important; font-style:normal; font-weight:850; letter-spacing:.04em; line-height:1.25; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkStatusV220{ display:flex; justify-content:flex-end; min-width:0; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkStatusV220>.status{ max-width:100%; padding:4px 6px!important; overflow:hidden; font-size:9.5px!important; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkMetricV220{ padding:7px 8px; border:1px solid #e0e3e5; background:#f8f9f9; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkMetricV220>b{ overflow-wrap:anywhere; color:#25313c; font-size:13px; line-height:1.2; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkMetricV220>em, body.hhLedger.hhAdaptiveUI .ptCoverageWorkRecommendationV220>em{ overflow:hidden; color:#74808a; font-size:9.5px; font-style:normal; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkMetricV220.negative{ border-color:#d8aaa6; background:#fbf3f2; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkMetricV220.negative>b{color:#8f2f2b} body.hhLedger.hhAdaptiveUI .ptCoverageWorkRecommendationV220{ grid-column:1/-1; padding-top:2px; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkRecommendationV220>b{ overflow-wrap:anywhere; color:#2d3742; font-size:11.5px; line-height:1.3; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkPolicyV220{ grid-column:1/-1; grid-template-columns:auto 1fr; align-items:center; gap:6px; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkPolicyV220>b{ color:#46515d; font-size:10px; } body.hhLedger.hhAdaptiveUI .ptCoverageWorkChevronV220{ position:absolute; top:50%; right:12px; color:#87919a; font-size:22px; line-height:1; transform:translateY(-50%); } body.hhLedger.hhAdaptiveUI .ptCoverageInspectorV220{min-width:0} body.hhLedger.hhAdaptiveUI .ptCoverageInspectorCardV220[hidden]{display:none!important} body.hhLedger.hhAdaptiveUI .ptCoverageInspectorCardV220{ display:block!important; gap:0!important; padding:0!important; overflow:hidden; border-left:1px solid #ccd1d5!important; background:#fff!important; scroll-margin-top:88px; outline:none; } body.hhLedger.hhAdaptiveUI .ptCoverageInspectorCardV220>section{ display:block!important; border:0!important; border-bottom:1px solid #e0e3e5!important; border-radius:0!important; } body.hhLedger.hhAdaptiveUI .ptCoverageInspectorCardV220 h4{padding-left:0!important} body.hhLedger.hhAdaptiveUI .ptCoverageInspectorCardV220 h4::before{display:none!important;content:none!important} body.hhLedger.hhAdaptiveUI .ptCoverageInspectorHeadV220{ display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.86fr); align-items:center; gap:22px; padding:18px 20px; background:#29333f; color:#fff; } body.hhLedger.hhAdaptiveUI .ptCoverageInspectorHeadV220 h4{ margin:5px 0 3px; color:#fff; font-size:clamp(17px,1.65vw,22px); letter-spacing:-.02em; } body.hhLedger.hhAdaptiveUI .ptCoverageInspectorHeadV220 p{ margin:0; color:#c5ccd2; font-size:10.5px; } body.hhLedger.hhAdaptiveUI .ptCoverageInspectorHeadV220 .ptCoverageEyebrowV220{color:#e7aaa6} body.hhLedger.hhAdaptiveUI .ptCoverageInspectorSignalV220{ display:grid; gap:3px; min-width:0; padding-left:16px; border-left:1px solid #58636e; } body.hhLedger.hhAdaptiveUI .ptCoverageInspectorSignalV220>.status{ justify-self:start; margin-bottom:3px; } body.hhLedger.hhAdaptiveUI .ptCoverageInspectorSignalV220>strong{ overflow-wrap:anywhere; color:#fff; font-size:14px; line-height:1.25; } body.hhLedger.hhAdaptiveUI .ptCoverageInspectorSignalV220>span{ color:#d9dee2; font-size:11px; font-weight:750; } body.hhLedger.hhAdaptiveUI .ptCoverageInspectorSignalV220>small{ color:#aeb8c0; font-size:10px; line-height:1.35; } body.hhLedger.hhAdaptiveUI .ptCoverageCloseV220{ grid-column:2; justify-self:end; min-height:32px!important; padding:6px 9px!important; border:1px solid #77828c!important; background:transparent!important; color:#eef1f3!important; font-size:10px!important; } body.hhLedger.hhAdaptiveUI .ptCoverageInspectorCardV220:focus-visible{ outline:2px solid #456b8e; outline-offset:2px; } body.hhLedger.hhAdaptiveUI .ptCoverageInspectorCardV220>section, body.hhLedger.hhAdaptiveUI .ptCoverageEvidenceV220>section{ min-width:0; padding:16px 18px; border-bottom:1px solid #e0e3e5; } body.hhLedger.hhAdaptiveUI .ptCoverageSectionHeadV220{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; margin-bottom:11px; } body.hhLedger.hhAdaptiveUI .ptCoverageSectionHeadV220>div{ display:flex; align-items:center; gap:8px; min-width:0; } body.hhLedger.hhAdaptiveUI .ptCoverageSectionHeadV220>div>span{ display:grid; place-items:center; width:22px; height:22px; flex:0 0 22px; border:1px solid #cbd1d5; background:#f4f5f6; color:#65707b; font-size:7px; font-weight:900; } body.hhLedger.hhAdaptiveUI .ptCoverageSectionHeadV220 h5{ margin:0; color:#29333f; font-size:12px; letter-spacing:.03em; line-height:1.25; text-transform:uppercase; } body.hhLedger.hhAdaptiveUI .ptCoverageSectionHeadV220>small{ color:#7b848e; font-size:10px; text-align:right; } body.hhLedger.hhAdaptiveUI .ptCoverageSectionHeadV220>div+button{ min-height:32px!important; padding:6px 9px!important; font-size:10px!important; } body.hhLedger.hhAdaptiveUI .ptCoverageMetricsV220{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; min-width:0; } body.hhLedger.hhAdaptiveUI .ptCoverageMetricsV220>div{ display:grid; align-content:start; gap:3px; min-width:0; min-height:78px; padding:10px; border:1px solid #d9dde0; background:#f8f9f9; } body.hhLedger.hhAdaptiveUI .ptCoverageMetricsV220>div.primary{ border-left:4px solid #577f63; background:#f3f7f4; } body.hhLedger.hhAdaptiveUI .ptCoverageMetricsV220>div.negative{ border-left:4px solid #a43a34; background:#fbf3f2; } body.hhLedger.hhAdaptiveUI .ptCoverageMetricsV220 small{ color:#6f7983; font-size:10px!important; font-weight:900; letter-spacing:.04em; line-height:1.25; text-transform:uppercase; } body.hhLedger.hhAdaptiveUI .ptCoverageMetricsV220 strong{ overflow-wrap:anywhere; color:#26313c; font-size:clamp(14px,1.25vw,17px); line-height:1.15; } body.hhLedger.hhAdaptiveUI .ptCoverageMetricsV220 span{ color:#717b85; font-size:10px; line-height:1.25; } body.hhLedger.hhAdaptiveUI .ptCoverageMetricsV220>div.negative strong{color:#8e2e2a} body.hhLedger.hhAdaptiveUI .ptCoverageEquationV220{ display:grid!important; grid-template-columns:repeat(5,minmax(76px,1fr) 14px) minmax(86px,1fr)!important; align-items:stretch!important; gap:4px!important; margin-top:9px!important; padding:8px!important; border:1px solid #d9dde0; background:#fff; } body.hhLedger.hhAdaptiveUI .ptCoverageEquationV220>span{ display:grid!important; align-content:center; gap:3px; min-width:0; padding:7px!important; border:0!important; background:#f4f5f6; text-align:left!important; } body.hhLedger.hhAdaptiveUI .ptCoverageEquationV220>span.result{ background:#e9eef1; } body.hhLedger.hhAdaptiveUI .ptCoverageEquationV220 small{ overflow:hidden; color:#707a84; font-size:10px!important; font-weight:850; letter-spacing:.03em; line-height:1.2; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; } body.hhLedger.hhAdaptiveUI .ptCoverageEquationV220 b{ overflow-wrap:anywhere; color:#29333f; font-size:12px!important; line-height:1.2; } body.hhLedger.hhAdaptiveUI .ptCoverageEquationV220>i{ display:grid; place-items:center; color:#7b858e; font-size:11px; font-style:normal; font-weight:900; } body.hhLedger.hhAdaptiveUI .ptTimelineV220{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:6px!important; margin:0!important; padding:0!important; list-style:none; } body.hhLedger.hhAdaptiveUI .ptTimelineV220>li{ display:grid!important; grid-template-columns:minmax(0,1fr) auto; gap:4px 8px!important; min-width:0; padding:9px!important; border:1px solid #d9dde0!important; background:#fff!important; } body.hhLedger.hhAdaptiveUI .ptTimelineV220>li.negative{ border-color:#d8aaa6!important; background:#fbf3f2!important; } body.hhLedger.hhAdaptiveUI .ptTimelineV220 time{ grid-column:1/-1; color:#596570; font-size:10.5px; font-weight:850; } body.hhLedger.hhAdaptiveUI .ptTimelineV220>li>div{ display:grid; gap:2px; min-width:0; } body.hhLedger.hhAdaptiveUI .ptTimelineV220>li>div>span{ display:flex; justify-content:space-between; gap:6px; color:#77818a; font-size:10px; } body.hhLedger.hhAdaptiveUI .ptTimelineV220>li>div b{color:#3e4954;font-size:10px} body.hhLedger.hhAdaptiveUI .ptTimelineV220>li>strong{ align-self:end; color:#28333e; font-size:12px; text-align:right; } body.hhLedger.hhAdaptiveUI .ptTimelineV220>li>small{ grid-column:1/-1; color:#7d8790; font-size:9.5px; text-align:right; } body.hhLedger.hhAdaptiveUI .ptTimelineV220>li.negative>strong{color:#922f2a} body.hhLedger.hhAdaptiveUI .ptCoverageEvidenceV220{ display:grid; grid-template-columns:minmax(0,1.14fr) minmax(260px,.86fr); min-width:0; border-top:1px solid #e0e3e5; } body.hhLedger.hhAdaptiveUI .ptCoverageEvidenceV220>section{ border-bottom:0; border-right:1px solid #e0e3e5; } body.hhLedger.hhAdaptiveUI .ptCoverageEvidenceV220>section:last-child{border-right:0} body.hhLedger.hhAdaptiveUI .ptCoverageEvidenceV220 p{ margin:0 0 8px; color:#53606c; font-size:11px; line-height:1.5; } body.hhLedger.hhAdaptiveUI .ptCoverageCommitmentsV220{ display:grid; gap:0; margin:0; padding:0; list-style:none; } body.hhLedger.hhAdaptiveUI .ptCoverageCommitmentsV220>li{ display:grid; grid-template-columns:76px minmax(0,1fr) auto; align-items:start; gap:9px; min-width:0; padding:8px 0; border-bottom:1px solid #eceeef; } body.hhLedger.hhAdaptiveUI .ptCoverageCommitmentsV220>li:last-child{border-bottom:0} body.hhLedger.hhAdaptiveUI .ptCoverageCommitmentsV220 time{ color:#65717c; font-size:10.5px; font-weight:850; } body.hhLedger.hhAdaptiveUI .ptCoverageCommitmentsV220>li>div{ display:grid; gap:2px; min-width:0; } body.hhLedger.hhAdaptiveUI .ptCoverageCommitmentsV220>li>div>b{ overflow:hidden; color:#29333f; font-size:11.5px; text-overflow:ellipsis; white-space:nowrap; } body.hhLedger.hhAdaptiveUI .ptCoverageCommitmentsV220>li>div>span, body.hhLedger.hhAdaptiveUI .ptCoverageCommitmentsV220>li>div>small{ overflow-wrap:anywhere; color:#75808a; font-size:10.5px; line-height:1.3; } body.hhLedger.hhAdaptiveUI .ptCoverageCommitmentsV220>li>strong{ color:#303b46; font-size:11.5px; text-align:right; } body.hhLedger.hhAdaptiveUI .ptCoverageMoreV220{ display:block; margin-top:7px; color:#717b84; font-size:10px; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyDisclosureV220{ margin:0!important; border:0!important; border-top:1px solid #d9dde0!important; background:#f6f7f8; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyDisclosureV220>summary{ display:grid!important; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px; min-height:56px; padding:12px 18px!important; border:0!important; background:#eef0f2!important; cursor:pointer; list-style-position:inside; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyDisclosureV220>summary>span{ display:grid; gap:2px; min-width:0; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyDisclosureV220>summary b{ color:#303b46; font-size:12px; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyDisclosureV220>summary small{ color:#737d87; font-size:10px; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyDisclosureV220>summary>strong{ color:#45515c; font-size:11px; text-align:right; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220{ padding:14px 18px; border-top:1px solid #d9dde0; background:#fff; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220>.ptPolicyEditorV510{ display:grid!important; grid-template-columns:minmax(220px,1fr) minmax(0,2fr) auto; align-items:end; gap:10px!important; min-width:0; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyEditorV510>label{ display:grid; gap:5px; min-width:0; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyEditorV510>label>span, body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyTargetsV510 label>span{ color:#66717b; font-size:10px!important; font-weight:900; letter-spacing:.04em; text-transform:uppercase; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyEditorV510 :is(select,input,button){ box-sizing:border-box; width:100%; max-width:100%; min-width:0!important; min-height:38px!important; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyConfigV217{ min-width:0; margin:0!important; border:1px solid #d7dbde!important; background:#f8f9f9; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyConfigV217[hidden]{display:none!important} body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyConfigV217>summary{ min-height:36px; padding:9px 11px!important; font-size:10px; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyTargetsV510{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:7px!important; padding:10px!important; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyEditorV510>button{ justify-self:start; width:auto!important; min-width:112px!important; padding-inline:10px!important; } body.hhLedger.hhAdaptiveUI .ptCoverageGovernanceV220{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:11px 18px; border-top:1px solid #d9dde0; background:#fff; } body.hhLedger.hhAdaptiveUI .ptCoverageGovernanceV220>span{ color:#737d87; font-size:10.5px; line-height:1.4; } body.hhLedger.hhAdaptiveUI .ptCoverageGovernanceV220 b{color:#4f5a65} body.hhLedger.hhAdaptiveUI .ptCoverageCommandCenterV220>.ptCoverageFootnoteV510{ margin:0!important; padding:10px 16px 13px!important; border-top:1px solid #d7dbde; background:#eef0f2; color:#66717b; font-size:8px!important; line-height:1.4; } body.hhLedger.hhAdaptiveUI .ptCoverageEmptyV220{padding:18px} body.hhLedger.hhAdaptiveUI .ptCoverageInspectorEmptyV220{ display:grid; place-items:center; align-content:center; min-height:420px; padding:32px; border:1px dashed #c8ced3; background:#f8f9f9; color:#65707b; text-align:center; } body.hhLedger.hhAdaptiveUI .ptCoverageInspectorEmptyV220>span{ color:#9d3732; font-size:30px; } body.hhLedger.hhAdaptiveUI .ptCoverageInspectorEmptyV220>b{ margin-top:8px; color:#2d3843; font-size:15px; } body.hhLedger.hhAdaptiveUI .ptCoverageInspectorEmptyV220>p{ max-width:390px; margin:6px 0 10px; font-size:11px; line-height:1.5; } body.hhLedger.hhAdaptiveUI .ptCoverageInspectorEmptyV220>small{font-size:10px} body.hhLedger.hhAdaptiveUI .ptCoverageBeyondV220{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:8px; padding:9px 11px; border:1px solid #d8c99d; background:#fbf7e9; color:#665929; font-size:10.5px; } @media(max-width:1180px){ body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220{ grid-template-columns:minmax(220px,1fr) minmax(180px,230px) auto; } body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220>.ptCoverageChipsV510{grid-column:1/3;grid-row:2} body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220>.ghost{grid-column:3;grid-row:2} body.hhLedger.hhAdaptiveUI .ptCoverageWorkspaceV220{grid-template-columns:minmax(285px,.72fr) minmax(0,1.4fr)} body.hhLedger.hhAdaptiveUI .ptCoverageMetricsV220{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger.hhAdaptiveUI .ptCoverageEquationV220{ grid-template-columns:repeat(3,minmax(86px,1fr) 14px) minmax(92px,1fr)!important; } body.hhLedger.hhAdaptiveUI .ptCoverageEquationV220>span:nth-of-type(n+4){margin-top:4px} } @media(max-width:900px){ body.hhLedger.hhAdaptiveUI .ptCoverageWorkspaceV220{grid-template-columns:minmax(0,1fr)} body.hhLedger.hhAdaptiveUI .ptCoverageWorklistBodyV220{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger.hhAdaptiveUI .ptCoverageWorkItemV220:nth-child(odd){border-right:1px solid #e0e3e5!important} body.hhLedger.hhAdaptiveUI .ptCoverageInspectorHeadV220{grid-template-columns:minmax(0,1fr) minmax(240px,.9fr)} } @media(max-width:768px){ body.hhLedger.hhAdaptiveUI .ptCoverageCommandCenterV220>.ptCoverageCommandHeadV220{ grid-template-columns:minmax(0,1fr); align-items:start; padding:17px 15px 14px 66px!important; } body.hhLedger.hhAdaptiveUI .ptCoverageCommandHeadV220>.ptCoverageCutV510{ justify-self:start; text-align:left; } body.hhLedger.hhAdaptiveUI .ptCoverageKpisV220{ grid-template-columns:repeat(2,minmax(0,1fr)); padding:0 15px!important; } body.hhLedger.hhAdaptiveUI .ptCoverageKpisV220>.kpi:nth-child(2){border-right:0!important} body.hhLedger.hhAdaptiveUI .ptCoverageKpisV220>.kpi:nth-child(-n+2){border-bottom:1px solid #e1e4e6!important} body.hhLedger.hhAdaptiveUI .ptCoverageKpisV220>.kpi:nth-child(3){padding-left:0!important} body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220{ grid-template-columns:minmax(0,1fr) minmax(145px,.7fr); padding:12px 15px!important; } body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220>.ptCoverageChipsV510{grid-column:1/-1;grid-row:auto} body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220>.ghost{grid-column:1/-1;grid-row:auto;justify-self:start} body.hhLedger.hhAdaptiveUI .ptCoverageCommandCenterV220>.ptCoverageResultV510{padding-inline:15px!important;text-align:left} body.hhLedger.hhAdaptiveUI .ptCoverageWorkspaceV220{padding:10px} body.hhLedger.hhAdaptiveUI .ptCoverageWorklistBodyV220{grid-template-columns:minmax(0,1fr)} body.hhLedger.hhAdaptiveUI .ptCoverageWorkItemV220:nth-child(odd){border-right:0!important} body.hhLedger.hhAdaptiveUI .ptCoverageInspectorHeadV220{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px} body.hhLedger.hhAdaptiveUI .ptCoverageInspectorSignalV220{padding:11px 0 0;border-top:1px solid #58636e;border-left:0} body.hhLedger.hhAdaptiveUI .ptCoverageCloseV220{grid-column:1;justify-self:start} body.hhLedger.hhAdaptiveUI .ptCoverageMetricsV220{grid-template-columns:repeat(2,minmax(0,1fr))} body.hhLedger.hhAdaptiveUI .ptCoverageEquationV220{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.hhLedger.hhAdaptiveUI .ptCoverageEquationV220>*{grid-column:auto!important;grid-row:auto!important} body.hhLedger.hhAdaptiveUI .ptCoverageEquationV220>i{display:none} body.hhLedger.hhAdaptiveUI .ptCoverageEquationV220>span.result{grid-column:1/-1!important} body.hhLedger.hhAdaptiveUI .ptCoverageEvidenceV220{grid-template-columns:minmax(0,1fr)} body.hhLedger.hhAdaptiveUI .ptCoverageEvidenceV220>section{border-right:0;border-bottom:1px solid #e0e3e5} body.hhLedger.hhAdaptiveUI .ptCoveragePolicyDisclosureV220>summary{grid-template-columns:minmax(0,1fr)} body.hhLedger.hhAdaptiveUI .ptCoveragePolicyDisclosureV220>summary>strong{text-align:left} body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220>.ptPolicyEditorV510{grid-template-columns:minmax(0,1fr)} body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyTargetsV510{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyEditorV510>button{width:100%!important} body.hhLedger.hhAdaptiveUI .ptCoverageGovernanceV220{grid-template-columns:minmax(0,1fr)} } @media(max-width:480px){ body.hhLedger.hhAdaptiveUI .ptCoverageKpisV220>.kpi{padding:10px!important} body.hhLedger.hhAdaptiveUI .ptCoverageKpisV220>.kpi>strong{font-size:20px!important} body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220{grid-template-columns:minmax(0,1fr)} body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220>.ptCoverageChipsV510{grid-column:1} body.hhLedger.hhAdaptiveUI .ptCoverageToolbarV220>.ptCoverageChipsV510>button{flex:1 1 auto} body.hhLedger.hhAdaptiveUI .ptCoverageWorkItemV220{grid-template-columns:minmax(0,1fr) minmax(92px,.7fr);padding-inline:11px 30px!important} body.hhLedger.hhAdaptiveUI .ptCoverageWorkStatusV220>.status, body.hhLedger.hhAdaptiveUI .ptCoverageWorkItemV220 :is(.ptCoverageWorkMetricV220,.ptCoverageWorkRecommendationV220,.ptCoverageWorkPolicyV220)>small, body.hhLedger.hhAdaptiveUI .ptCoverageWorkMetricV220>em, body.hhLedger.hhAdaptiveUI .ptCoverageWorkRecommendationV220>em{ overflow:visible; text-overflow:clip; white-space:normal; } body.hhLedger.hhAdaptiveUI .ptCoverageMetricsV220{grid-template-columns:minmax(0,1fr)} body.hhLedger.hhAdaptiveUI .ptCoverageEquationV220{grid-template-columns:minmax(0,1fr)!important} body.hhLedger.hhAdaptiveUI .ptCoverageEquationV220>span.result{grid-column:1!important} body.hhLedger.hhAdaptiveUI .ptCoverageSectionHeadV220{align-items:flex-start;flex-direction:column} body.hhLedger.hhAdaptiveUI .ptCoverageSectionHeadV220>small{text-align:left} body.hhLedger.hhAdaptiveUI .ptCoverageCommitmentsV220>li{grid-template-columns:minmax(0,1fr) auto} body.hhLedger.hhAdaptiveUI .ptCoverageCommitmentsV220 time{grid-column:1/-1} body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyTargetsV510{grid-template-columns:minmax(0,1fr)!important} } /* Plataforma 2.19 · controles estables en propuesta de Producción y recepción de Compras. */ body.hhLedger.hhAdaptiveUI .ptSuggestionsWorkbenchV511>.panelHead{ grid-template-columns:minmax(240px,1fr) minmax(0,440px); } body.hhLedger.hhAdaptiveUI .ptSuggestionsWorkbenchV511>.panelHead>.ptSuggestionFiltersV516{ box-sizing:border-box; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; width:100%!important; max-width:440px; min-width:0!important; overflow:visible; } body.hhLedger.hhAdaptiveUI .ptSuggestionsWorkbenchV511 .ptSuggestionFilterV511, body.hhLedger.hhAdaptiveUI .ptSuggestionsWorkbenchV511 .ptSuggestionProductFilterV219{ box-sizing:border-box; width:100%!important; max-width:100%!important; min-width:0!important; overflow:visible; } body.hhLedger.hhAdaptiveUI .ptSuggestionsWorkbenchV511 :is(#ptSuggestionOriginV516,#ptSuggestionSkuV511){ box-sizing:border-box; display:block; width:100%!important; max-width:100%!important; min-width:0!important; padding-right:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } body.hhLedger .purchaseReceiptCardV219{ grid-template-columns:28px minmax(180px,1.25fr) repeat(5,minmax(118px,1fr)); grid-template-areas: "check identity order balance quantity disposition date" "check identity currency cost rate total total"; grid-auto-flow:row; align-items:start; gap:10px 12px; overflow:visible; } body.hhLedger .purchaseReceiptCardV219>.purchaseCardSelectV420{grid-area:check;align-self:stretch;height:auto;min-height:44px} body.hhLedger .purchaseReceiptCardV219>.purchaseCardIdentityV420{grid-area:identity;align-self:start} body.hhLedger .purchaseReceiptCardV219>.purchaseReceiptOrderV219{grid-area:order} body.hhLedger .purchaseReceiptCardV219>.purchaseReceiptBalanceV219{grid-area:balance} body.hhLedger .purchaseReceiptCardV219>.purchaseReceiptQtyV219{grid-area:quantity} body.hhLedger .purchaseReceiptCardV219>.purchaseReceiptDispositionV219{grid-area:disposition} body.hhLedger .purchaseReceiptCardV219>.purchaseReceiptDateV219{grid-area:date} body.hhLedger .purchaseReceiptCardV219>.purchaseReceiptCurrencyV219{grid-area:currency} body.hhLedger .purchaseReceiptCardV219>.purchaseReceiptCostV219{grid-area:cost} body.hhLedger .purchaseReceiptCardV219>.purchaseReceiptRateV219{grid-area:rate} body.hhLedger .purchaseReceiptCardV219>.purchaseReceiptTotalV219{grid-area:total} body.hhLedger .purchaseReceiptCardV219>:not(.purchaseCardSelectV420){ width:100%; max-width:100%; min-width:0; } body.hhLedger .purchaseReceiptCardV219 :is(input,select){ box-sizing:border-box; display:block; width:100%!important; max-width:100%!important; min-width:0!important; } body.hhLedger .purchaseReceiptCardV219 :is(.purchaseReceiptDateV219,.purchaseReceiptCurrencyV219){ position:relative; isolation:isolate; align-self:stretch; min-width:0; overflow:visible; } body.hhLedger .purchaseReceiptCardV219 .purchaseReceiptDateV219{z-index:1} body.hhLedger .purchaseReceiptCardV219 .purchaseReceiptCurrencyV219{z-index:2} body.hhLedger .purchaseReceiptCardV219 .purchaseReceiptCurrencyV219 select{ position:relative; z-index:1; padding-right:30px; cursor:pointer; } @media(max-width:1280px){ body.hhLedger .purchaseReceiptCardV219{ grid-template-columns:28px minmax(170px,1.25fr) repeat(4,minmax(118px,1fr)); grid-template-areas: "check identity order balance quantity disposition" "check identity date currency cost rate" "check identity total total total total"; } } @media(max-width:980px){ body.hhLedger .purchaseReceiptCardV219{ grid-template-columns:28px minmax(170px,1.2fr) repeat(2,minmax(135px,1fr)); grid-template-areas: "check identity order balance" "check identity quantity disposition" "check identity date currency" "check identity cost rate" "check identity total total"; } } @media(max-width:900px){ body.hhLedger.hhAdaptiveUI .ptSuggestionsWorkbenchV511>.panelHead{ grid-template-columns:minmax(0,1fr); } body.hhLedger.hhAdaptiveUI .ptSuggestionsWorkbenchV511>.panelHead>.ptSuggestionFiltersV516{ max-width:none; } } @media(max-width:680px){ body.hhLedger .purchaseReceiptCardV219{ grid-template-columns:28px minmax(0,1fr); grid-template-areas: "check identity" ". order" ". balance" ". quantity" ". disposition" ". date" ". currency" ". cost" ". rate" ". total"; gap:9px 10px; overflow:visible!important; } body.hhLedger .purchaseReceiptCardV219>.purchaseCardSelectV420{ grid-area:check; align-self:start; min-height:44px; } } @media(max-width:520px){ body.hhLedger.hhAdaptiveUI .ptSuggestionsWorkbenchV511>.panelHead>.ptSuggestionFiltersV516{ grid-template-columns:minmax(0,1fr); } } /* Plataforma 2.21 · existencia inmediata y cobertura de PT como decisiones separadas. */ body.hhLedger.hhAdaptiveUI .deliveryTabsV63{ overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; } body.hhLedger.hhAdaptiveUI .deliveryTabsV63>[data-v63-delivery-tab]{ flex:0 0 auto; white-space:nowrap; } body.hhLedger.hhAdaptiveUI .ptCoverageEquationV220.ptCoverageEquationV221{ grid-template-columns:minmax(96px,1fr) 14px minmax(96px,1fr) 14px minmax(96px,1fr) 14px minmax(110px,1fr)!important; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyBasisV221{ padding:10px; border-bottom:1px solid #dde1e3; background:#fff; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyBasisV221>label{ display:grid; grid-template-columns:minmax(170px,.75fr) minmax(210px,1fr); align-items:center; gap:5px 10px; min-width:0; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyBasisV221>label>span, body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyFixedV221 label>span{ color:#66717b; font-size:10px!important; font-weight:900; letter-spacing:.04em; text-transform:uppercase; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyBasisV221>label>small{ grid-column:1/-1; color:#747f89; font-size:10px; line-height:1.35; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyFixedV221{ display:grid; grid-template-columns:minmax(190px,.72fr) minmax(260px,1.28fr); align-items:center; gap:12px; padding:10px; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 :is(.ptPolicyFixedV221,.ptPolicyDemandV221)[hidden]{display:none!important} body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyFixedV221>label{ display:grid; gap:5px; min-width:0; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyFixedV221>p{ display:grid; gap:3px; margin:0; color:#4f5b66; font-size:10.5px; line-height:1.4; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyFixedV221>p>small{ color:#75808a; font-size:10px; } @media(max-width:768px){ body.hhLedger.hhAdaptiveUI .ptCoverageEquationV220.ptCoverageEquationV221{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyBasisV221>label, body.hhLedger.hhAdaptiveUI .ptCoveragePolicyV220 .ptPolicyFixedV221{ grid-template-columns:minmax(0,1fr); } } @media(max-width:480px){ body.hhLedger.hhAdaptiveUI .ptCoverageEquationV220.ptCoverageEquationV221{ grid-template-columns:minmax(0,1fr)!important; } } /* Plataforma 2.22 · recepción de Compras atómica y recuperación de concurrencia. */ .purchaseMutationStatusV522,.purchaseWorkflowNoticeV522{margin:0 0 12px;border:1px solid #c7ccd2;border-left:4px solid #596675;border-radius:8px;background:#f5f7f9;padding:11px 14px;color:#263240;font-size:.86rem;font-weight:750;line-height:1.35} .purchaseWeekNoticeV421{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;border:1px solid #dfbd78;border-left:4px solid #b37a16;border-radius:8px;background:#fff8e8;padding:10px 14px;color:#61450b;font-size:.86rem;font-weight:700;line-height:1.35}.purchaseWeekNoticeV421 .quietAction{flex:0 0 auto;margin:0;padding:7px 10px;color:#61450b;border-color:#c99b44;background:#fff} .purchaseMutationStatusV522{position:sticky;top:8px;z-index:12;border-left-color:#a83135;background:#fff;color:#172438;box-shadow:0 6px 18px rgba(27,39,54,.1)} .purchaseWorkflowNoticeV522.ok{border-color:#b9cfbf;border-left-color:#4f7b5a;background:#f2f8f3;color:#31593b} .purchaseWorkflowNoticeV522.bad{border-color:#dec0c0;border-left-color:#a83135;background:#fff4f3;color:#7e262a} .purchaseStageV420>.purchaseWorkflowNoticeV522,.purchaseStageV420>.purchaseReceiptGuardV522{margin:12px 16px 0} .purchaseReceiptGuardV522{border:1px solid #dec58e;border-left:4px solid #b97814;border-radius:8px;background:#fff9eb;padding:10px 13px;color:#684b15;font-size:.84rem;font-weight:750;line-height:1.35} .purchaseReceiptDraftErrorV522{display:block;margin-top:5px;color:#8f2028;font-size:.78rem;font-weight:750;line-height:1.35} .purchaseReceiptDraftErrorV522[hidden]{display:none} .purchaseReceiptQtyV219 input[aria-invalid="true"]{border-color:#a83135;background:#fff8f7;box-shadow:0 0 0 2px rgba(168,49,53,.12)} .purchaseStageV420:focus{outline:3px solid rgba(11,87,164,.35);outline-offset:3px} .purchaseCenterV420[aria-busy="true"]{cursor:progress} .dailyCloseGrid .reprocessCaptureV229,.additionalActualRowV73 .reprocessCaptureV229{grid-column:1/-1;display:grid;grid-template-columns:minmax(150px,220px) minmax(100px,180px) minmax(160px,1fr);align-items:center;gap:12px;min-width:0;padding:12px;background:#f5f7f5;border:1px solid #d5ddd5;border-radius:12px} .reprocessCaptureV229 input{width:100%;min-width:0;box-sizing:border-box} .reprocessCaptureV229 small{text-transform:none;letter-spacing:normal;font-weight:400;line-height:1.4} @media(max-width:720px){.dailyCloseGrid .reprocessCaptureV229,.additionalActualRowV73 .reprocessCaptureV229{grid-template-columns:1fr}.reprocessCaptureV229 small{grid-column:1/-1}} @media(max-width:600px){.purchaseWeekNoticeV421{align-items:flex-start;flex-direction:column}.purchaseWeekNoticeV421 .quietAction{width:100%}} /* 2.42 · Recepciones QA: desempeño mensual y expediente por ingreso. */ body.hhLedger.hhAdaptiveUI .qaReceiptsV242{--qa-border:#d9dce1;--qa-ink:#25303d;display:grid;gap:18px;color:var(--qa-ink);min-width:0} body.hhLedger.hhAdaptiveUI .qaReceiptPeriodV242{display:flex;align-items:center;justify-content:space-between;gap:16px} body.hhLedger.hhAdaptiveUI .qaReceiptPeriodV242>div{display:grid;gap:4px;min-width:0} body.hhLedger.hhAdaptiveUI .qaReceiptPeriodV242 strong{font-size:16px;text-transform:none} body.hhLedger.hhAdaptiveUI .qaReceiptPeriodV242 span{font-size:12px;color:#66717e} body.hhLedger.hhAdaptiveUI .qaReceiptsV242 label{display:grid!important;gap:6px;min-width:0;font-size:11px;font-weight:700;text-transform:none;letter-spacing:0;line-height:1.35} body.hhLedger.hhAdaptiveUI .qaReceiptsV242 :is(input:not([type=checkbox]),select,textarea){display:block;width:100%!important;min-width:0!important;max-width:100%;height:auto!important;min-height:40px;box-sizing:border-box;font-size:13px;line-height:1.4;padding:9px 11px!important;border:1px solid #b8bec7;border-radius:8px;background:#fff;color:#25303d;font-weight:500} body.hhLedger.hhAdaptiveUI .qaReceiptPeriodV242 label{width:180px;flex-shrink:0} body.hhLedger.hhAdaptiveUI .qaReceiptMetricsV242{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} body.hhLedger.hhAdaptiveUI .qaReceiptMetricV242{display:grid;align-content:start;gap:8px;min-width:0;text-align:left;padding:16px!important;border:1px solid var(--qa-border);border-top:3px solid #778390;border-radius:10px;background:#fff;box-shadow:none;text-transform:none;letter-spacing:0;color:var(--qa-ink)} body.hhLedger.hhAdaptiveUI .qaReceiptMetricV242>span{font-size:11px;font-weight:750;color:#596575} body.hhLedger.hhAdaptiveUI .qaReceiptMetricV242>strong{font-size:30px;line-height:1.1;font-weight:750} body.hhLedger.hhAdaptiveUI .qaReceiptMetricV242>small{font-size:11px;color:#66717e;font-weight:400;line-height:1.4} body.hhLedger.hhAdaptiveUI .qaReceiptMetricV242.good{border-top-color:#60815a} body.hhLedger.hhAdaptiveUI .qaReceiptMetricV242.attention{border-top-color:#af802a} body.hhLedger.hhAdaptiveUI .qaReceiptQueueV242,body.hhLedger.hhAdaptiveUI .qaReceiptEditorV242{background:#fff;border:1px solid var(--qa-border);border-radius:10px;padding:18px;min-width:0;box-shadow:0 2px 5px #18222e06} body.hhLedger.hhAdaptiveUI .qaReceiptsV242 :is(.qaReceiptQueueV242,.qaReceiptEditorV242)>header{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:14px} body.hhLedger.hhAdaptiveUI .qaReceiptsV242 h3{margin:0!important;font-size:18px;line-height:1.3;letter-spacing:0;text-transform:none;writing-mode:horizontal-tb} body.hhLedger.hhAdaptiveUI .qaReceiptsV242 header p{margin:5px 0 0;font-size:12px;color:#66717e;line-height:1.5} body.hhLedger.hhAdaptiveUI .qaReceiptsV242 :is(button.primary,button.secondary,button.ghost){min-width:0;min-height:36px;height:auto;font-size:12px;padding:8px 12px!important;border-radius:8px;white-space:normal;line-height:1.3} body.hhLedger.hhAdaptiveUI .qaReceiptsV242 .contextSaveSourceV400{display:inline-flex!important;align-items:center;justify-content:center} body.hhLedger.hhAdaptiveUI .qaReceiptScopesV242{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--qa-border);padding-bottom:12px} body.hhLedger.hhAdaptiveUI .qaReceiptScopesV242>button{padding:7px 10px;border:1px solid transparent;border-radius:7px;font-size:12px;background:#f2f4f6;color:#43505f;font-weight:650} body.hhLedger.hhAdaptiveUI .qaReceiptScopesV242>button.active{background:#28313e;color:#fff} body.hhLedger.hhAdaptiveUI .qaReceiptScopesV242 span{display:inline-block;margin-left:6px;font-size:10px;opacity:.8} body.hhLedger.hhAdaptiveUI .qaReceiptFiltersV242{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,260px) auto;gap:14px;align-items:end;padding:14px 0} body.hhLedger.hhAdaptiveUI .qaReceiptFiltersV242>span{font-size:11px;color:#66717e;padding-bottom:12px;white-space:nowrap} body.hhLedger.hhAdaptiveUI .qaReceiptsV242 [data-qa-receipt-table]{overflow-x:auto;overflow-y:visible;max-height:none!important;min-width:0} body.hhLedger.hhAdaptiveUI .qaReceiptsV242 .qaReceiptTableV242{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse;border:0!important;background:#fff} body.hhLedger.hhAdaptiveUI .qaReceiptTableV242 :is(th,td){min-width:0!important;width:auto!important;padding:12px!important;border:0!important;border-bottom:1px solid #e6e8eb!important;text-align:left!important;vertical-align:middle;overflow-wrap:anywhere;font-size:12px;background:transparent} body.hhLedger.hhAdaptiveUI .qaReceiptTableV242 th{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#65717e;background:#f5f6f8;position:static!important;white-space:normal!important} body.hhLedger.hhAdaptiveUI .qaReceiptTableV242 td strong{display:block;font-size:13px;line-height:1.4;color:#25303d} body.hhLedger.hhAdaptiveUI .qaReceiptTableV242 td small{display:block;font-size:11px;color:#6c7683;margin-top:4px;line-height:1.4} body.hhLedger.hhAdaptiveUI .qaReceiptTableV242 .numeric{font-weight:750;white-space:nowrap} body.hhLedger.hhAdaptiveUI .qaReceiptTableV242 tr.selected{background:#f2f6fb} body.hhLedger.hhAdaptiveUI .qaReceiptBadgeV242{display:inline-block;border-radius:6px;font-size:10px;padding:5px 7px;background:#f2f3f5;color:#566273;font-weight:700;line-height:1.4} body.hhLedger.hhAdaptiveUI .qaReceiptBadgeV242.approved{background:#edf4ee;color:#426440} body.hhLedger.hhAdaptiveUI .qaReceiptBadgeV242:is(.pending,.in_progress,.held){background:#fff5e1;color:#825e22} body.hhLedger.hhAdaptiveUI .qaReceiptBadgeV242.rejected{background:#faeded;color:#923336} body.hhLedger.hhAdaptiveUI .qaReceiptPagesV242{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:12px;font-size:11px;color:#66717e} body.hhLedger.hhAdaptiveUI .qaReceiptEmptyV242{display:grid;gap:7px;padding:24px;text-align:center;color:#66717e} body.hhLedger.hhAdaptiveUI .qaReceiptFieldsV242{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} body.hhLedger.hhAdaptiveUI .qaReceiptNotesV242{grid-column:1/-1} body.hhLedger.hhAdaptiveUI .qaReceiptEyebrowV242{display:block;font-size:10px;color:#8e3434;font-weight:750;margin-bottom:6px} body.hhLedger.hhAdaptiveUI .qaReceiptCheckboxV242{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:500;color:#66717e} body.hhLedger.hhAdaptiveUI .qaReceiptCheckboxV242 input[type=checkbox]{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;margin:0;position:static;appearance:auto} body.hhLedger.hhAdaptiveUI .qaReceiptEditorV242 footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:13px;border-top:1px solid var(--qa-border)} body.hhLedger.hhAdaptiveUI .qaReceiptEditorV242 footer>span{flex:1;font-size:10px;color:#66717e} body.hhLedger.hhAdaptiveUI .qaReceiptEditorNoteV242{font-size:11px;color:#66717e;line-height:1.5;margin:12px 0 0} body.hhLedger.hhAdaptiveUI .qaReceiptErrorV242{padding:10px;border-radius:8px;background:#faeded;color:#923336;font-size:12px} body.hhLedger.hhAdaptiveUI .qaReceiptOrphansV242{border:1px solid var(--qa-border);border-radius:10px;padding:14px;background:#fafbfc;font-size:12px} body.hhLedger.hhAdaptiveUI .qaReceiptOrphansV242>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--qa-border)} @media(max-width:1000px){body.hhLedger.hhAdaptiveUI .qaReceiptFieldsV242{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){body.hhLedger.hhAdaptiveUI .qaReceiptMetricsV242{grid-template-columns:repeat(2,minmax(0,1fr))}body.hhLedger.hhAdaptiveUI .qaReceiptPeriodV242{align-items:start;flex-direction:column}body.hhLedger.hhAdaptiveUI .qaReceiptFiltersV242{grid-template-columns:1fr}body.hhLedger.hhAdaptiveUI .qaReceiptsV242 .qaReceiptTableV242 :is(thead,colgroup){display:none}body.hhLedger.hhAdaptiveUI .qaReceiptsV242 .qaReceiptTableV242 :is(tbody,tr){display:block;width:100%}body.hhLedger.hhAdaptiveUI .qaReceiptsV242 .qaReceiptTableV242 tr{border:1px solid #e6e8eb;border-radius:8px;margin-bottom:10px;padding:6px}body.hhLedger.hhAdaptiveUI .qaReceiptsV242 .qaReceiptTableV242 td{display:grid;grid-template-columns:95px minmax(0,1fr);gap:3px 10px;padding:8px!important;border:0!important}body.hhLedger.hhAdaptiveUI .qaReceiptsV242 .qaReceiptTableV242 td:before{content:attr(data-label);font-size:10px;color:#66717e;grid-column:1;grid-row:1/3}body.hhLedger.hhAdaptiveUI .qaReceiptsV242 .qaReceiptTableV242 td>*{grid-column:2}body.hhLedger.hhAdaptiveUI .qaReceiptFieldsV242{grid-template-columns:1fr}body.hhLedger.hhAdaptiveUI .qaReceiptsV242 :is(.qaReceiptQueueV242,.qaReceiptEditorV242)>header{flex-direction:column}body.hhLedger.hhAdaptiveUI .qaReceiptQueueV242,body.hhLedger.hhAdaptiveUI .qaReceiptEditorV242{padding:14px}body.hhLedger.hhAdaptiveUI .qaReceiptEditorV242 footer>span{flex-basis:100%}body.hhLedger.hhAdaptiveUI .qaReceiptOrphansV242>div{flex-direction:column;align-items:start}}