/* Taller técnico · Operate. Navy/acero/ámbar; navegación horizontal, necesidades y alternativas en el centro, ficha a la derecha. La selección alimenta el inventario y presupuesto. Referencia fijada por Agustín, sin datos ilustrativos de compra. */
.purchase-page{--paper:#101e29;--panel:#172b39;--soft:#203746;--ink:#e6eef4;--muted:#adc0ce;--line:#3c5668;--green:#f5ad45;--green-deep:#f5ad45;--active:#54788f;color-scheme:dark;display:block;background:var(--paper);color:var(--ink);font-size:14px}
.purchase-page .home-nav{position:sticky;top:0;z-index:5;height:auto;display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 22px;border:0;border-bottom:1px solid var(--line);background:var(--panel)}
.purchase-page .home-nav .brand{margin-right:14px;white-space:nowrap}.purchase-page .home-nav .mark{font:400 29px 'Segoe UI',sans-serif;background:none;color:var(--ink);width:28px;height:34px}.purchase-page .brand strong{font-size:19px}.purchase-page .home-nav nav{display:flex;gap:4px;align-items:center}.purchase-page .home-nav nav .button{border-color:transparent;background:transparent}.purchase-page .home-nav nav strong{padding:10px 15px;background:var(--soft);box-shadow:inset 0 -3px var(--green);font-size:13px;white-space:nowrap}.purchase-page .home-nav>label{margin-left:auto;width:185px;font-size:11px;gap:2px}.purchase-page .home-nav>button,.purchase-page .home-nav>.button{font-size:12px;padding:7px 10px;white-space:nowrap}.purchase-page .home-nav select{min-height:34px;padding:5px 8px}
.purchase-page :is(button,a.button,input,select){border-radius:4px;border-color:var(--line);color:var(--ink);background:var(--panel)}.purchase-page :is(button,a.button):hover{background:var(--soft);border-color:var(--active)}.purchase-page :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--green);outline-offset:3px}.purchase-page button:disabled{opacity:.5;cursor:not-allowed}.purchase-page .primary{background:var(--green);color:#182631;border-color:var(--green);font-weight:700}.purchase-page .primary:hover{background:#ffc16a;color:#182631}.purchase-page a{color:#f5c780}.purchase-page .brand{color:var(--ink)}.purchase-page input::placeholder{color:var(--muted)}
.purchase-page #purchaseMain{padding:22px 24px 28px;max-width:1800px;margin:auto;min-width:0}.purchase-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.purchase-heading p{margin:0 0 5px;color:var(--muted);font-size:12px}.purchase-heading h1{font-size:27px;font-weight:600;letter-spacing:-.02em}.purchase-heading label{width:min(350px,40%);font-size:12px}.purchase-heading input{min-height:38px}#purchaseStatus{color:var(--muted);font-size:12px;min-height:18px;margin:10px 0}#purchaseStatus[role=alert]{color:#ffc19a}.purchase-groups{display:flex;gap:0;border-bottom:1px solid var(--line);margin:16px 0}.purchase-groups button{border:0;border-radius:0;background:transparent;padding:10px 22px;font-size:13px}.purchase-groups [aria-pressed=true]{background:var(--soft);box-shadow:inset 0 -3px var(--green);font-weight:650}
.purchase-workspace{display:grid;grid-template-columns:180px minmax(240px,1fr) 280px;gap:18px;align-items:start}.purchase-workspace h2,.purchase-stock h2{font-size:15px;font-weight:600;margin-bottom:12px}.purchase-needs{max-height:630px;overflow:auto;padding-right:10px}.purchase-needs h2{font-size:12px;color:var(--muted);font-weight:500}.purchase-needs button{display:flex;width:100%;justify-content:space-between;text-align:left;gap:8px;border-color:transparent;background:transparent;font-size:12px;min-height:37px;padding:8px}.purchase-needs small{white-space:nowrap;font-variant-numeric:tabular-nums}.purchase-needs [aria-pressed=true]{background:var(--soft);border-color:var(--line);color:var(--green)}.purchase-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:9px;align-content:start;max-height:630px;overflow:auto;padding:2px 4px 6px}.purchase-type{padding:0;display:flex;flex-direction:column;align-items:stretch;justify-content:start;text-align:left;overflow:hidden;gap:0;min-width:0}.purchase-type img{width:100%;height:104px;object-fit:contain;background:#202824}.purchase-type span{padding:8px;font-size:12px;line-height:1.3;min-height:44px}.purchase-type[aria-pressed=true]{border-color:var(--green);box-shadow:inset 0 -2px var(--green)}
.purchase-inline-options{grid-column:1/-1;min-width:0;padding:16px 0 8px;border-top:1px solid var(--line);margin-top:6px}.purchase-inline-options h3{font-size:14px;margin:0 0 10px}.purchase-offers{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px}.purchase-offers .offer{display:flex;flex-direction:column;align-items:stretch;justify-content:start;padding:0;text-align:left;gap:0;min-width:0;overflow:hidden}.offer img{height:118px;width:100%;object-fit:contain;background:#f3f5f6}.offer>span{display:grid;gap:5px;padding:10px;min-width:0}.offer strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.offer small{font-size:11px}.offer .offer-price{font-size:15px;color:var(--green);font-variant-numeric:tabular-nums}.offer[aria-pressed=true]{border-color:var(--green)}.purchase-offers .offer{cursor:grab}.offer-hint{font-size:11px;color:var(--muted)}
.purchase-options{background:var(--panel);border:1px solid var(--line);padding:15px;min-width:0;max-height:630px;overflow:auto;position:sticky;top:94px}.purchase-options p{font-size:12px;color:var(--muted)}.purchase-options h3{font-size:15px;margin:12px 0}.purchase-detail-photo{width:100%;height:160px;object-fit:contain;background:#f3f5f6;border-radius:3px}.purchase-options dl{display:grid;grid-template-columns:72px 1fr;gap:8px;font-size:12px;margin:14px 0}.purchase-options dt{color:var(--muted)}.purchase-options dd{margin:0;overflow-wrap:anywhere}.purchase-options details{font-size:12px;margin:14px 0;border-top:1px solid var(--line);padding-top:10px}.purchase-options summary{cursor:pointer}.purchase-options details p{margin:8px 0}.purchase-options label{font-size:12px;margin:10px 0}.purchase-options input[type=number]{max-width:90px;min-height:36px}.purchase-options .primary{width:100%}.purchase-options .placement-note{font-size:11px;padding:10px;background:var(--soft);margin-top:12px}.purchase-options .options-head{display:flex;align-items:start;justify-content:space-between;gap:8px}.options-head h2{margin:0 0 12px}.options-head button{font-size:11px;min-height:28px;padding:3px 7px}
.purchase-stock{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.purchase-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:10px}.purchase-section-heading h2{margin:0}.purchase-section-heading small{font-size:11px}.purchase-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;min-height:90px}.purchase-slot{position:relative;border:1px solid var(--line);background:var(--panel);border-radius:4px;padding:9px;display:flex;flex-direction:column;gap:6px;min-width:0}.purchase-slot img{height:78px;width:100%;object-fit:contain;background:#f3f5f6;border-radius:3px}.purchase-slot strong{font-size:12px;overflow-wrap:anywhere;line-height:1.35}.purchase-slot small{font-size:11px}.purchase-slot input{min-height:32px;padding:4px 7px}.purchase-slot button{min-height:32px;padding:5px;font-size:12px}.purchase-slot .remove{position:absolute;right:7px;top:7px;width:32px;height:32px;font-size:20px;background:var(--panel)}.purchase-slot .quantity{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;font-size:11px;margin-top:auto}.quantity input{width:66px}.purchase-slots.drop-active{outline:2px dashed var(--green);outline-offset:4px}.purchase-empty{grid-column:1/-1;color:var(--muted);font-size:13px;padding:18px 0;margin:0}
.purchase-budget{display:flex;gap:26px;align-items:start;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:18px;padding:18px 0 0}.purchase-budget label{max-width:190px;font-size:12px}.purchase-budget strong{display:block;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.purchase-budget small{font-size:12px}.purchase-budget #purchaseBreakdown{font-size:12px;display:grid;gap:4px;margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.purchase-budget #purchasePending{flex-basis:100%;font-size:12px;margin:0;color:var(--muted)}.purchase-page .purchase-budget .exceeded{color:#ffc19a}.purchase-page [hidden]{display:none!important}
@media(min-width:1450px){.purchase-workspace{grid-template-columns:200px minmax(240px,1fr) 310px}.purchase-type img{height:120px}}
@media(max-width:1150px){.purchase-page .home-nav{flex-wrap:wrap;padding:10px 16px;gap:8px}.purchase-page .home-nav>.button{display:none}.purchase-page #purchaseMain{padding:18px 16px}.purchase-workspace{grid-template-columns:145px minmax(200px,1fr) 250px;gap:12px}.purchase-options{top:125px;padding:12px}.purchase-types{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.purchase-type img{height:90px}}
@media(max-width:850px){.purchase-page .home-nav{position:static}.purchase-page .home-nav nav{margin-left:auto}.purchase-page .home-nav>label{margin-left:0;flex:1;min-width:150px}.purchase-workspace{grid-template-columns:minmax(200px,1fr) 260px}.purchase-needs{display:none}.purchase-types,.purchase-options{max-height:650px}.purchase-options{position:static}.purchase-groups button{flex:1;padding:9px 8px;font-size:12px}.purchase-heading h1{font-size:24px}}
@media(max-width:580px){.purchase-page .home-nav .brand{margin-right:0}.purchase-page .home-nav nav{width:100%;order:2;justify-content:space-between}.purchase-page .home-nav>label{order:3;flex-basis:100%}.purchase-page .home-nav>button{order:4;flex:1}.purchase-page #purchaseMain{padding:16px 12px}.purchase-heading{display:block}.purchase-heading label{width:100%;margin-top:14px}.purchase-workspace{display:flex;flex-direction:column}.purchase-types{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible}.purchase-type img{height:86px}.purchase-options{width:100%;max-height:none}.purchase-offers{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-budget{gap:16px}.purchase-budget #purchaseBreakdown{margin-left:0;flex-basis:100%}.purchase-budget strong{font-size:21px}.purchase-section-heading{align-items:start}.purchase-groups button{line-height:1.35}.purchase-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
.purchase-inline-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:12px}.purchase-inline-heading h3{margin:0}.purchase-inline-heading button{font-size:12px;min-height:30px;padding:4px 8px;white-space:nowrap}.purchase-inline-options{border-top:0;margin-top:0;padding-top:0}
.offer.is-dragging{opacity:.5;cursor:grabbing}.purchase-drag-ghost{position:fixed;z-index:10000;pointer-events:none;width:160px;max-height:200px;overflow:hidden;padding:8px;background:var(--surface,#203746);color:var(--text,#e6eef4);border:2px solid #f5ad45;box-shadow:0 8px 24px #0006}.purchase-drag-ghost img{width:100%;height:88px;object-fit:contain}.purchase-drag-ghost span{display:grid;gap:4px}