/* AXORA v1.54.0 · Confirmaciones Nestlé — bandeja maestra y detalle */
.confirmation-hero{margin-bottom:0}
.confirmation-workspace-section{min-width:0;display:grid;gap:14px;overflow:hidden}
.confirmation-workspace-section .confirmation-toolbar{margin-bottom:0}
.confirmation-filter-bar{min-width:0;display:flex;gap:8px;padding:4px 2px 8px;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-inline:contain}
.confirmation-filter-chip{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:7px 10px 7px 13px;border:1px solid #dfe5ec;border-radius:999px;background:#fff;color:#526078;font:inherit;font-size:11px;font-weight:850;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}
.confirmation-filter-chip b{min-width:24px;height:24px;display:grid;place-items:center;padding:0 6px;border-radius:999px;background:#f0f3f7;color:#526078;font-size:10px}
.confirmation-filter-chip:hover{border-color:#ef9da1;color:#a7141a}
.confirmation-filter-chip.active{border-color:#d71920;background:#fff4f4;color:#a7141a;box-shadow:0 0 0 3px rgba(215,25,32,.07)}
.confirmation-filter-chip.active b{background:#d71920;color:#fff}
.confirmation-filter-chip:disabled{cursor:not-allowed;opacity:.58}
.confirmation-workspace-tools{min-width:0;display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:12px}
.confirmation-search{min-width:0;height:44px;display:grid;grid-template-columns:22px minmax(0,1fr) 32px;align-items:center;gap:6px;padding:0 9px 0 13px;border:1px solid #dce3eb;border-radius:13px;background:#f8fafc;color:#7a8698}
.confirmation-search:focus-within{border-color:#d71920;background:#fff;box-shadow:0 0 0 3px rgba(215,25,32,.08)}
.confirmation-search>span{font-size:21px;line-height:1;transform:rotate(-18deg)}
.confirmation-search input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:#172033;font:inherit;font-size:12px;font-weight:700}
.confirmation-search button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:9px;background:#e9edf3;color:#5d6879;font-size:18px;cursor:pointer}
.confirmation-visible-count{color:#738095;font-size:10px;font-weight:850;white-space:nowrap}
.confirmation-worklist-shell{min-width:0;border:1px solid #e1e6ed;border-radius:16px;background:#f6f8fb;overflow:hidden}
.confirmation-worklist{min-width:0;max-height:min(36vh,360px);display:grid;align-content:start;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.confirmation-worklist-row{width:100%;min-width:0;min-height:64px;display:grid;grid-template-columns:32px minmax(0,1fr) auto auto 18px;align-items:center;gap:12px;padding:10px 14px;border:0;border-bottom:1px solid #e5e9ef;background:#fff;color:#172033;text-align:left;font:inherit;cursor:pointer;transition:background .14s ease,box-shadow .14s ease}
.confirmation-worklist-row:last-child{border-bottom:0}
.confirmation-worklist-row:hover{background:#fff8f8}
.confirmation-worklist-row.selected{position:relative;z-index:1;background:#fff4f4;box-shadow:inset 4px 0 #d71920}
.confirmation-worklist-row:focus-visible{outline:3px solid rgba(215,25,32,.2);outline-offset:-3px}
.confirmation-worklist-row:disabled{cursor:not-allowed;opacity:.5}
.confirmation-row-number{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#edf1f6;color:#5d6879;font-size:10px;font-weight:900}
.confirmation-worklist-row.selected .confirmation-row-number{background:#d71920;color:#fff}
.confirmation-row-identity{min-width:0;display:grid;gap:3px}
.confirmation-row-identity>b{min-width:0;overflow:hidden;color:#172033;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.confirmation-row-identity>small{min-width:0;overflow:hidden;color:#778397;font-size:9.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.confirmation-row-metrics{display:flex;align-items:center;gap:7px}
.confirmation-row-metrics>span{min-width:55px;display:grid;justify-items:center;gap:1px;padding:5px 8px;border-radius:10px;background:#f4f6f9}
.confirmation-row-metrics b{font-size:12px;color:#172033}
.confirmation-row-metrics small{font-size:7.5px;color:#7c8798;text-transform:uppercase;font-weight:850}
.confirmation-worklist-row>.status{white-space:nowrap}
.confirmation-row-chevron{color:#99a3b2;font-size:22px;font-weight:600}
.confirmation-search-empty{min-height:130px;border:0;background:#fff}
.confirmation-selection{min-width:0;padding-top:2px;border-top:1px solid #edf0f4}
.confirmation-detail-placeholder{min-height:165px;display:grid;grid-template-columns:52px minmax(0,440px);place-content:center;align-items:center;gap:16px;padding:24px;border:1px dashed #d7dde5;border-radius:17px;background:linear-gradient(145deg,#fbfcfe,#f6f8fb);color:#667085;text-align:left}
.confirmation-detail-placeholder>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#fff;color:#d71920;box-shadow:0 8px 20px rgba(15,23,42,.08);font-size:22px;font-weight:900}
.confirmation-detail-placeholder b{color:#172033;font-size:15px}
.confirmation-detail-placeholder p{margin:5px 0 0;font-size:11px;line-height:1.5}
.confirmation-detail-panel{width:100%;min-width:0;box-sizing:border-box;container-type:inline-size;container-name:confirmation-detail}
.confirmation-pending-card.confirmation-detail-panel,.confirmation-history-card.confirmation-detail-panel{gap:13px;padding:17px;border:1px solid #dfe5ec;border-left:4px solid #d71920;border-top-width:1px;border-radius:17px;box-shadow:0 10px 26px rgba(15,23,42,.055)}
.confirmation-history-card.confirmation-detail-panel{border-left-color:#7e8da3}
.confirmation-pending-card.confirmation-detail-panel>header,.confirmation-history-card.confirmation-detail-panel>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}
.confirmation-detail-header>div{min-width:0;display:grid;gap:5px}
.confirmation-detail-header h3{margin:0;color:#172033;font-size:20px;line-height:1.2;overflow-wrap:anywhere}
.confirmation-detail-header small{color:#7b8494;font-size:10px;font-weight:750;overflow-wrap:anywhere}
.confirmation-detail-close{width:36px;height:36px;display:grid;place-items:center;border:1px solid #e2e7ed;border-radius:11px;background:#fff;color:#687386;font-size:21px;cursor:pointer}
.confirmation-detail-close:hover{border-color:#efb2b5;background:#fff5f5;color:#b42318}
.confirmation-detail-close:disabled{cursor:not-allowed;opacity:.42}
.confirmation-detail-panel .confirmation-card-meta{grid-template-columns:1.35fr 1fr repeat(2,minmax(80px,.55fr))}
.confirmation-detail-panel .confirmation-product-list,.confirmation-history-lines,.confirmation-detail-panel .confirmation-partial-lines{max-height:320px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:3px}
.confirmation-detail-panel .confirmation-product-row{padding:9px 11px;border-radius:10px}
.confirmation-detail-panel .confirmation-actions{margin-top:1px}
.confirmation-detail-panel .confirmation-actions .company-btn{display:flex;align-items:center;gap:7px;font-size:11px}
.confirmation-detail-panel .confirmation-actions .company-btn>span{font-size:15px;line-height:1}
.confirmation-history-lines{display:grid;gap:7px}
.confirmation-history-line{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 11px;border:1px solid #e7ebf0;border-radius:11px;background:#fff}
.confirmation-history-line>div:first-child{min-width:0;display:grid;gap:2px}
.confirmation-history-line>div:first-child b{color:#172033;font-size:11px}
.confirmation-history-line>div:first-child span{color:#4f5c70;font-size:10px;font-weight:700;overflow-wrap:anywhere}
.confirmation-history-line>div:first-child small{color:#8a93a2;font-size:9px}
.confirmation-history-line>div:last-child{display:flex;gap:7px}
.confirmation-history-line>div:last-child>span{min-width:70px;display:grid;justify-items:center;gap:2px;padding:6px 8px;border-radius:9px;background:#f5f7fa}
.confirmation-history-line>div:last-child small{font-size:7.5px;color:#7c8798;text-transform:uppercase;font-weight:850}
.confirmation-history-line>div:last-child b{font-size:12px;color:#172033}

@container confirmation-detail (max-width:720px){
  .confirmation-detail-panel .confirmation-card-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .confirmation-partial-line{grid-template-columns:minmax(0,1fr) 96px}
  .confirmation-partial-assumption{grid-column:1/-1;justify-self:start}
  .confirmation-history-line{grid-template-columns:1fr}
  .confirmation-history-line>div:last-child{justify-content:flex-start}
}
@container confirmation-detail (max-width:500px){
  .confirmation-detail-panel .confirmation-card-meta{grid-template-columns:1fr}
  .confirmation-detail-panel .confirmation-actions{grid-template-columns:1fr}
  .confirmation-partial-summary{grid-template-columns:1fr}
  .confirmation-partial-line{grid-template-columns:1fr}
  .confirmation-partial-quantity input{text-align:left}
}
@media(max-width:900px){.confirmation-row-metrics{display:none}}
@media(max-width:760px){
  .confirmation-page{gap:12px}
  .confirmation-workspace-section{padding:14px}
  .confirmation-filter-bar{margin-inline:-2px;padding-bottom:6px}
  .confirmation-workspace-tools{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .confirmation-search{height:46px}
  .confirmation-worklist{max-height:330px;scrollbar-gutter:auto}
  .confirmation-worklist-row{grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:10px}
  .confirmation-row-number{grid-row:1/3}
  .confirmation-row-identity{grid-column:2;grid-row:1}
  .confirmation-row-metrics{grid-column:2;grid-row:2;display:flex;justify-self:start}
  .confirmation-row-metrics>span{min-width:48px;padding:4px 6px}
  .confirmation-worklist-row>.status{grid-column:3;grid-row:1}
  .confirmation-row-chevron{grid-column:3;grid-row:2;justify-self:end}
  .confirmation-detail-placeholder{grid-template-columns:42px minmax(0,1fr);padding:18px}
  .confirmation-detail-placeholder>span{width:40px;height:40px;border-radius:12px}
  .confirmation-pending-card.confirmation-detail-panel,.confirmation-history-card.confirmation-detail-panel{padding:14px}
}
@media(max-width:430px){
  .confirmation-visible-count{display:none}
  .confirmation-filter-chip{min-height:38px;padding:6px 9px 6px 11px;font-size:10px}
  .confirmation-worklist-row>.status{font-size:8px;padding-inline:6px}
  .confirmation-row-identity>b{font-size:12px}
  .confirmation-detail-header h3{font-size:18px}
  .confirmation-history-line>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}