/* SAG V5.0.4: estilos confinados a Planeación, no afectan Importaciones. */
#sagPurchasePlanPanel{background:#f3f8f1;color:#203e2d;min-height:calc(100vh - 95px);font:14px/1.5 system-ui,'Segoe UI',sans-serif}
#sagPurchasePlanPanel *{box-sizing:border-box}
#sagPurchasePlanPanel .pla-app{max-width:1600px;margin:auto;padding:0 14px 30px}
#sagPurchasePlanPanel .pla-hero{margin:0 -14px 13px;padding:17px 26px;background:linear-gradient(90deg,#f2faeefa 0%,#f4faeced 44%,#ffffff44 100%),url('/assets/banner-campo.webp') center /cover;border-bottom:3px solid #a4d18d}
#sagPurchasePlanPanel .pla-hero small{font-size:11px;color:#477157}#sagPurchasePlanPanel .pla-hero h1{color:#065c31;font-size:clamp(21px,2.4vw,29px);margin:4px 0}#sagPurchasePlanPanel p{margin:5px 0 13px;color:#577061}
#sagPurchasePlanPanel .pla-head,.pla-title{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
#sagPurchasePlanPanel .pla-tools,.pla-buttons,.pla-dialog-actions,.pla-filter-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
#sagPurchasePlanPanel button{border:1px solid #bed8c5;border-radius:8px;background:white;padding:10px 13px;min-height:38px;color:#086131;font-weight:720;font:inherit;cursor:pointer}
#sagPurchasePlanPanel button:hover{filter:brightness(.965)}#sagPurchasePlanPanel button:disabled{opacity:.48;cursor:wait}#sagPurchasePlanPanel button:focus-visible,#sagPurchasePlanPanel input:focus-visible,#sagPurchasePlanPanel select:focus-visible{outline:3px solid #f47616;outline-offset:2px}
#sagPurchasePlanPanel .pla-tools button:first-child,#sagPurchasePlanPanel .pla-buttons button:first-child,#sagPurchasePlanPanel .pla-filter-actions button:first-child,#sagPurchasePlanPanel .pla-pager button:last-child,#sagPurchasePlanPanel button[data-action="detail"],#sagPurchasePlanPanel form button[type="submit"]{background:#08823a;color:white;border-color:#08823a}
#sagPurchasePlanPanel button.pla-danger{background:#fff4f3!important;color:#9f2d20!important;border-color:#df9d96!important}
#sagPurchasePlanPanel .pla-shell{border-radius:15px;background:white;border:1px solid #d9e7d8;overflow:hidden;box-shadow:0 4px 18px #14552a0a}
#sagPurchasePlanPanel .pla-nav{display:flex;overflow-x:auto;gap:4px;padding:8px 13px 0;background:#f8fcf7;border-bottom:1px solid #dce8d9;scrollbar-width:thin}
#sagPurchasePlanPanel .pla-nav button{border-color:transparent;border-radius:8px 8px 0 0;background:transparent;white-space:nowrap;font-size:12px;min-height:48px}
#sagPurchasePlanPanel .pla-nav button[aria-selected="true"]{background:white;border:1px solid #d6e7d6;border-bottom:3px solid #f47616;color:#075f31}
#sagPurchasePlanPanel .pla-body{padding:23px;min-height:430px}
#sagPurchasePlanPanel .pla-body h2{font-size:21px;color:#0b5830;margin:0 0 5px}#sagPurchasePlanPanel h3{font-size:16px;color:#0b5931}
#sagPurchasePlanPanel .pla-progress{background:#eff6ff;border:1px solid #abc9de;padding:10px;border-radius:8px;margin:10px 0}
#sagPurchasePlanPanel .pla-notice{background:#eaf8ed;border:1px solid #afe0bc;border-radius:8px;padding:10px;margin:10px 0;color:#18532f}#sagPurchasePlanPanel .pla-notice.err{background:#fff0ed;border-color:#d08d85;color:#92221d}
#sagPurchasePlanPanel .pla-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0}
#sagPurchasePlanPanel .pla-kpi{border:1px solid #d9e6db;background:#f9fdf9;border-radius:11px;padding:13px;display:flex;flex-direction:column;gap:7px;min-width:0}#sagPurchasePlanPanel .pla-kpi small{color:#477159}#sagPurchasePlanPanel .pla-kpi b{color:#075c30;font-size:clamp(15px,2vw,22px);word-break:break-word;line-height:1.2}#sagPurchasePlanPanel .pla-kpi span{font-size:11px;color:#67826d}
#sagPurchasePlanPanel .pla-grid{display:grid;gap:13px;margin:14px 0}#sagPurchasePlanPanel .pla-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}#sagPurchasePlanPanel .pla-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}#sagPurchasePlanPanel .pla-box{border:1px solid #dce8da;border-radius:10px;padding:17px;margin:13px 0;background:white}
#sagPurchasePlanPanel .pla-warning{padding:12px 14px;background:#fff8ed;border-left:4px solid #f47616;border-radius:8px;color:#6e521e;margin:15px 0;font-size:12px}
#sagPurchasePlanPanel .pla-empty{padding:25px;border:1px dashed #bfd8bf;background:#f9fdf9;border-radius:12px;color:#55715d;margin:12px 0}
#sagPurchasePlanPanel .pla-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:17px 0}#sagPurchasePlanPanel label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#365b43;font-weight:720}
#sagPurchasePlanPanel input,#sagPurchasePlanPanel select,#sagPurchasePlanPanel textarea{width:100%;background:white;color:#263f2e;border:1px solid #cbdccc;border-radius:8px;padding:10px;font:inherit;min-height:40px}
#sagPurchasePlanPanel textarea{min-height:82px;resize:vertical}#sagPurchasePlanPanel .pla-search{grid-column:span 2}#sagPurchasePlanPanel .pla-filter-actions{align-self:end}
#sagPurchasePlanPanel .pla-table{width:100%;overflow:auto;max-height:530px;border:1px solid #dfebdf;border-radius:10px;margin:13px 0}#sagPurchasePlanPanel table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;text-align:left}
#sagPurchasePlanPanel th{background:#eaf4e8;color:#0a5e31;position:sticky;top:0;padding:11px 10px;white-space:nowrap;z-index:1}#sagPurchasePlanPanel td{padding:11px 10px;border-bottom:1px solid #e1eae1;vertical-align:top;min-width:70px}#sagPurchasePlanPanel tr:nth-child(even) td{background:#f8fbf8}#sagPurchasePlanPanel td small{display:block;color:#607565;font-size:11px;margin-top:4px;min-width:150px}
#sagPurchasePlanPanel .pla-badge{border-radius:7px;background:#eef2ee;color:#38614a;padding:5px;font-weight:720;font-size:10px}#sagPurchasePlanPanel .pla-badge.green{background:#dff5e5;color:#065a2e}#sagPurchasePlanPanel .pla-red{color:#b4291d}#sagPurchasePlanPanel .pla-mini{background:#f6f8ed;border-left:3px solid #eed07b;padding:11px 14px;margin:13px 0;font-size:12px;color:#59694b}
#sagPurchasePlanPanel .pla-pager{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:13px;font-size:12px;flex-wrap:wrap}#sagPurchasePlanPanel .pla-pager span{display:flex;gap:8px}
#sagPurchasePlanPanel .pla-save{padding:15px;border:1px solid #dce9df;border-radius:10px}#sagPurchasePlanPanel .pla-save>label{margin:10px 0 17px}
#sagPurchasePlanPanel .pla-shell footer{font-size:11px;padding:12px 20px;color:#6d836f;border-top:1px solid #dfece2;background:#fbfdfb}
#sagPurchasePlanPanel dialog{width:min(1150px,96vw);max-width:96vw;max-height:94vh;border:1px solid #c8dfce;border-radius:15px;padding:0;box-shadow:0 25px 80px #132f2470;color:#20422e}#sagPurchasePlanPanel dialog::backdrop{background:#163a2988}
#sagPurchasePlanPanel .pla-dialog-content{padding:20px 22px 25px;max-height:94vh;overflow:auto}#sagPurchasePlanPanel .pla-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:12px;position:sticky;top:-20px;background:white;z-index:4;padding:10px 0;border-bottom:1px solid #d9e7da}
#sagPurchasePlanPanel .pla-dialog-head h2{font-size:21px;color:#0c5930;margin:0 0 4px}#sagPurchasePlanPanel .pla-dialog-head p{font-size:12px}#sagPurchasePlanPanel .pla-dialog-actions{margin:11px 0}
#sagPurchasePlanPanel .pla-detail-tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid #dce6dd;padding:8px 0;margin-bottom:14px}#sagPurchasePlanPanel .pla-detail-tabs button[aria-current="true"]{background:#076734;color:white}
#sagPurchasePlanPanel #plaDetailContent .pla-table{max-height:none}#sagPurchasePlanPanel .pla-steps{width:100%;margin:15px 0}#sagPurchasePlanPanel .pla-steps th{width:50%;position:static}#sagPurchasePlanPanel .pla-steps td{width:50%;overflow-wrap:anywhere}
@media(max-width:1050px){#sagPurchasePlanPanel .pla-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}#sagPurchasePlanPanel .pla-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){#sagPurchasePlanPanel .pla-app{padding:0 7px 12px}#sagPurchasePlanPanel .pla-hero{padding:12px;margin:0 -7px 10px}#sagPurchasePlanPanel .pla-body{padding:12px}#sagPurchasePlanPanel .pla-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#sagPurchasePlanPanel .pla-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#sagPurchasePlanPanel .pla-search{grid-column:span 2}#sagPurchasePlanPanel .pla-grid.two,#sagPurchasePlanPanel .pla-grid.three{grid-template-columns:1fr}#sagPurchasePlanPanel .pla-dialog-content{padding:11px}#sagPurchasePlanPanel .pla-dialog-head{top:-11px}#sagPurchasePlanPanel .pla-dialog-head h2{font-size:17px}}
