.req-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin:0 0 18px}.req-hero h2{margin:3px 0 6px;font-size:28px}.req-hero p{margin:0;color:#52675f;max-width:720px}.req-shell{padding:0;overflow:hidden}.req-tabs{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid #dfe9e4;background:#f8fbf9;overflow:auto}.req-tabs button{border:0;background:transparent;padding:10px 14px;border-radius:10px;font-weight:800;color:#50655d;white-space:nowrap}.req-tabs button.is-active{background:#e7f3ed;color:#124f3b}.req-panel{padding:18px}.req-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.req-toolbar input,.req-toolbar select{min-width:180px;flex:1}.req-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.req-kpi{border:1px solid #dce8e2;border-radius:13px;padding:13px;background:#fff}.req-kpi span{display:block;font-size:12px;color:#63766f}.req-kpi strong{display:block;margin-top:4px;font-size:23px;color:#134f3b}.req-list{display:grid;gap:10px}.req-card{width:100%;text-align:left;border:1px solid #dbe7e1;border-radius:14px;background:#fff;padding:14px;display:grid;gap:10px;cursor:pointer}.req-card:hover{border-color:#9ec6b5;box-shadow:0 6px 18px rgba(18,79,59,.07)}.req-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.req-card h3{margin:0;font-size:18px}.req-card-meta{display:flex;gap:8px;flex-wrap:wrap;color:#566a62;font-size:13px}.req-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:#edf5f1;font-size:11px;font-weight:800;color:#1a604a}.req-pill.warn{background:#fff3d7;color:#815f13}.req-pill.danger{background:#fde8e5;color:#9c2e20}.req-pill.done{background:#e4f5e9;color:#216437}.req-progress{height:7px;border-radius:999px;background:#edf1ef;overflow:hidden}.req-progress>span{display:block;height:100%;background:#1f6a52}.req-card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;color:#52675f}.req-empty{padding:32px 16px;text-align:center;color:#687a73;border:1px dashed #cbdad3;border-radius:14px}.req-form-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.req-form-head h3{margin:0}.req-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.req-items{display:grid;gap:10px;margin:16px 0}.req-item-edit{display:grid;grid-template-columns:130px 1fr 42px;gap:8px;align-items:start;border:1px solid #dfe9e4;border-radius:12px;padding:10px;background:#fbfdfc}.req-item-edit textarea{min-height:44px;resize:vertical}.req-remove{border:0;background:#f6e9e7;color:#8b3429;border-radius:10px;height:42px;font-weight:900}.req-add-line{margin-top:4px}.req-detail-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.req-back{width:40px;height:40px;border-radius:11px;border:0;background:#eaf3ef;font-size:20px}.req-detail-head h2{margin:0}.req-detail-head p{margin:4px 0 0;color:#5d7068}.req-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.req-summary-card{border:1px solid #dce8e2;border-radius:12px;padding:12px}.req-summary-card span{display:block;font-size:12px;color:#687b73}.req-summary-card strong{display:block;margin-top:4px}.req-item-card{border:1px solid #dce8e2;border-radius:14px;padding:14px;margin-bottom:10px}.req-item-title{display:flex;justify-content:space-between;gap:12px}.req-item-title h4{margin:0;font-size:16px}.req-item-numbers{font-size:13px;color:#52675f;margin:6px 0 10px}.req-assignments,.req-purchases{display:flex;gap:6px;flex-wrap:wrap}.req-chip{background:#f1f6f3;border-radius:999px;padding:5px 8px;font-size:11px}.req-item-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.req-comments{margin-top:18px;border-top:1px solid #e2ebe6;padding-top:16px}.req-comment{padding:10px 0;border-bottom:1px solid #edf2ef}.req-comment strong{font-size:13px}.req-comment small{display:block;color:#71827b;margin-top:3px}.req-comment-form{display:flex;gap:8px;margin-top:10px}.req-comment-form input{flex:1}.req-modal-form{display:grid;gap:12px;min-width:min(520px,82vw)}.req-modal-form .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.req-modal-form h3{margin:0}.req-status-note{font-size:13px;color:#5c7067;margin:0}.req-sla{font-weight:800}.req-sla.danger{color:#a03627}.req-sla.warn{color:#8a6514}.req-sla.done{color:#27663c}
@media(max-width:820px){.req-kpis,.req-summary-grid{grid-template-columns:1fr 1fr}.req-grid{grid-template-columns:1fr}.req-item-edit{grid-template-columns:110px 1fr 38px}.req-hero{display:block}.req-hero p{margin-top:6px}}
@media(max-width:560px){.req-panel{padding:14px}.req-kpis,.req-summary-grid{grid-template-columns:1fr 1fr}.req-item-edit{grid-template-columns:110px 1fr 38px}.req-item-edit textarea{grid-column:auto}.req-card-footer{align-items:flex-start;flex-direction:column}.req-modal-form .grid{grid-template-columns:1fr}}

/* v9.161 · bandeja de trabajo de Compras */
.req-purchase-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.req-purchase-kpis>div{border:1px solid #dce8e2;border-radius:12px;padding:11px 12px;background:#fff}.req-purchase-kpis span{display:block;font-size:11px;color:#6b7b75}.req-purchase-kpis strong{font-size:21px;color:#164f3d}.req-purchase-kpis .danger strong{color:#a33729}.req-purchase-kpis .warn strong{color:#8a6718}.req-purchase-toolbar{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(170px,.8fr) minmax(170px,.8fr);gap:9px;margin-bottom:10px}.req-filter-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.req-filter-chips button{border:1px solid #d7e4de;background:#fff;color:#496158;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.req-filter-chips button.is-active{background:#174f3d;color:#fff;border-color:#174f3d}.req-purchase-sections{display:grid;gap:18px}.req-work-section{display:grid;gap:8px}.req-work-section-head{display:flex;align-items:center;gap:8px}.req-work-section-head h4{margin:0;font-size:14px;color:#354d44}.req-work-section-head span{display:inline-flex;min-width:24px;height:24px;align-items:center;justify-content:center;border-radius:999px;background:#edf4f0;font-size:11px;font-weight:900;color:#305c4d}.req-work-grid{display:grid;gap:10px}.req-work-card{width:100%;text-align:left;border:1px solid #dbe7e1;border-radius:15px;background:#fff;padding:14px;display:grid;gap:11px;cursor:pointer}.req-work-card:hover{border-color:#9dc6b5;box-shadow:0 6px 18px rgba(18,79,59,.07)}.req-work-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.req-work-center{font-size:18px;font-weight:900;color:#124f3b;letter-spacing:.01em}.req-work-code{font-size:12px;color:#697a73;margin-top:2px}.req-work-sla{font-size:12px;font-weight:900;padding:6px 9px;border-radius:999px;background:#eef5f1;color:#2c5d4c;white-space:nowrap}.req-work-sla.danger{background:#fde8e5;color:#9d3426}.req-work-sla.warn{background:#fff3d7;color:#866314}.req-work-sla.done{background:#e4f5e9;color:#25643b}.req-work-items{display:grid;gap:6px}.req-work-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:8px 10px;border-radius:10px;background:#f8fbf9}.req-work-item>div{font-size:13px;color:#314a41}.req-work-item>span{font-size:11px;font-weight:900;color:#8a6417}.req-work-item>span.partial{color:#8a6417}.req-work-item>span.done{color:#27633c}.req-work-item>small{grid-column:1/-1;color:#73827d}.req-work-more{font-size:12px;color:#6d7c77;padding-left:8px}.req-work-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf2ef;padding-top:9px;font-size:12px;color:#5b7067}.req-last-buy{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;margin:8px 0 10px;padding:9px 10px;border-radius:10px;background:#f3f8f5;border:1px solid #e0ebe5}.req-last-buy span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#708079;font-weight:900}.req-last-buy strong{font-size:12px;color:#1f5744}.req-last-buy small{grid-column:2;color:#71817a}.req-buy-history{border:1px solid #dfe9e4;border-radius:12px;background:#f8fbf9;padding:10px}.req-buy-history-title{font-size:12px;font-weight:900;color:#37564a;margin-bottom:7px}.req-buy-history-list{display:grid;gap:5px}.req-history-row{border:0;background:#fff;border-radius:9px;padding:8px 9px;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;cursor:pointer}.req-history-row:hover{background:#edf5f1}.req-history-row strong{display:block;font-size:12px;color:#244d3e}.req-history-row small{display:block;color:#71817a;margin-top:1px}.req-history-row>span{font-size:12px;font-weight:900;color:#174f3d}.req-buy-history-hint{display:block;margin-top:7px;color:#71817a}.req-buy-history-empty{display:grid;gap:3px;font-size:12px;color:#667a71}.req-buy-note{margin:-2px 0 0;font-size:11px;color:#687a73}
@media(max-width:820px){.req-purchase-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.req-purchase-toolbar{grid-template-columns:1fr 1fr}.req-purchase-toolbar input{grid-column:1/-1}}
@media(max-width:560px){.req-purchase-kpis{grid-template-columns:1fr 1fr}.req-purchase-toolbar{grid-template-columns:1fr}.req-purchase-toolbar input{grid-column:auto}.req-work-top,.req-work-bottom{flex-direction:column;align-items:flex-start}.req-work-sla{white-space:normal}.req-work-item{grid-template-columns:1fr}.req-work-item>small{grid-column:auto}}
