.replacement-hero{display:flex;justify-content:space-between;gap:24px;align-items:center}.replacement-hero .hero-actions{display:flex;gap:10px;flex-wrap:wrap}.replacement-filter{margin-bottom:22px}.replacement-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:14px;align-items:end}.replacement-filter-grid label{display:flex;flex-direction:column;gap:7px}.replacement-filter-grid label>span{font-size:12px;font-weight:800;letter-spacing:.04em;color:#587087;text-transform:uppercase}.replacement-filter-grid select{min-height:46px;border:1px solid #cfdbe5;border-radius:10px;background:#fff;padding:0 12px;color:#17344d}.replacement-filter-actions{display:flex;gap:8px}.replacement-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:22px}.replacement-kpis article{background:#fff;border:1px solid #dce6ee;border-radius:16px;padding:18px;box-shadow:0 8px 22px rgba(21,54,82,.04)}.replacement-kpis span{display:block;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#698096}.replacement-kpis strong{display:block;font-size:30px;color:#173a57;margin:7px 0 3px}.replacement-kpis small{color:#71869a}.replacement-kpis .tps{border-top:4px solid #d49a27}.replacement-kpis .danger{border-top:4px solid #c94343}.replacement-kpis .success{border-top:4px solid #2d9a62}.procurement-summary{margin-bottom:22px}.procurement-callout{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#f8fbfd;border:1px solid #dce7ef;border-radius:14px;padding:18px}.procurement-callout>div:first-child span,.procurement-callout small{display:block;color:#617a90}.procurement-callout>div:first-child strong{display:block;font-size:28px;color:#b83333;margin:4px 0}.procurement-split{display:flex;gap:10px;flex-wrap:wrap}.procurement-split span{background:#fff;border:1px solid #dae4ec;border-radius:999px;padding:8px 12px;color:#536d82}.procurement-split b{color:#173a57}.management-note{margin:15px 2px 0;line-height:1.65;color:#425c72}.replacement-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}.replacement-register{margin-bottom:28px}.count-chip{background:#eef5fa;color:#305976;border-radius:999px;padding:7px 12px;font-weight:800}.table-scroll{overflow:auto}.replacement-table{width:100%;border-collapse:collapse;min-width:680px}.replacement-table.wide{min-width:1320px}.replacement-table th{background:#f6f9fb;color:#62788c;font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:12px;border-bottom:1px solid #dbe5ed;white-space:nowrap}.replacement-table td{padding:13px 12px;border-bottom:1px solid #e6edf2;vertical-align:top;color:#29465f}.replacement-table td small{display:block;color:#7a8ea0;margin-top:4px}.hardware-badge,.priority-badge,.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;white-space:nowrap}.hardware-badge.tps530{background:#fff2d9;color:#8a5d00}.hardware-badge.sunmi{background:#e7f5ed;color:#20704a}.hardware-badge.t10{background:#eaf1fb;color:#285e9e}.hardware-badge.tidak-dikenal-pasti{background:#eef1f4;color:#637381}.priority-badge.critical{background:#fee7e7;color:#a92525}.priority-badge.high{background:#fff0dc;color:#9a5a08}.priority-badge.planned{background:#e9f0f7;color:#49647d}.status-badge.open{background:#fee9e7;color:#b2332d}.status-badge.in_progress{background:#fff0d8;color:#99600d}.status-badge.completed{background:#e4f5eb;color:#25734b}.status-badge.cancelled{background:#edf0f3;color:#677887}.danger-text{color:#bd3636}.empty{text-align:center;color:#7b8e9f;padding:28px!important}
@media(max-width:1200px){.replacement-kpis{grid-template-columns:repeat(3,1fr)}.replacement-filter-grid{grid-template-columns:repeat(2,1fr)}.replacement-filter-actions{grid-column:1/-1}.replacement-two-col{grid-template-columns:1fr}}
@media(max-width:700px){.replacement-hero,.procurement-callout{align-items:flex-start;flex-direction:column}.replacement-filter-grid{grid-template-columns:1fr}.replacement-kpis{grid-template-columns:repeat(2,1fr)}.replacement-filter-actions{grid-column:auto}.replacement-kpis strong{font-size:26px}}
@media print{.no-print,.topbar,.footer,.replacement-hero .hero-actions{display:none!important}.page-shell{max-width:none!important}.replacement-kpis{grid-template-columns:repeat(3,1fr)}.panel,.replacement-kpis article{box-shadow:none!important;break-inside:avoid}.replacement-two-col{grid-template-columns:1fr}.replacement-table{font-size:10px}.replacement-table.wide{min-width:0}.replacement-table th,.replacement-table td{padding:7px 6px}}