.stasi-foam-wrap{width:100%;display:flex;justify-content:center}
.stasi-foam-card{width:100%;max-width:1250px;overflow:visible;border:1px solid #e6e6e6;border-radius:18px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.06);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
@media(min-width:901px){.stasi-foam-card{min-height:600px;height:auto}}
@media(max-width:900px){.stasi-foam-card{height:auto}}

.stasi-foam-header{display:flex;justify-content:space-between;gap:12px;padding:18px 18px 12px;border-bottom:1px solid #f0f0f0}
.stasi-foam-header h3{margin:0;font-size:20px}
.stasi-foam-header p{margin:6px 0 0;color:#666;font-size:13px;line-height:1.35}

.stasi-btn{border-radius:12px;padding:10px 12px;cursor:pointer;border:1px solid #e6e6e6;background:#fff;font-weight:800}
.stasi-btn-ghost:hover{background:#f7f7f7}
.stasi-btn-order{display:flex;align-items:center;justify-content:center;height:46px;box-sizing:border-box;border:1px solid rgba(255,255,255,.25);background:#fff;color:#111;font-weight:950;border-radius:14px;padding:0 14px}
.stasi-btn-order:hover{background:#f2f2f2}

.stasi-foam-body{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;padding:16px 18px 0}
@media(max-width:900px){.stasi-foam-body{grid-template-columns:1fr}}

.stasi-section{margin-bottom:14px}
.stasi-label{font-weight:900;font-size:13px;margin-bottom:8px;color:#111}
.stasi-hint{font-size:12px;color:#777;margin-top:6px}

.stasi-input,.stasi-select{width:100%;padding:12px;border:1px solid #e3e3e3;border-radius:14px;outline:none;font-size:14px;background:#fff}
.stasi-input:focus,.stasi-select:focus{border-color:#c9c9c9;box-shadow:0 0 0 4px rgba(0,0,0,.04)}
.stasi-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.stasi-seg{display:flex;border:1px solid #e3e3e3;border-radius:14px;overflow:hidden;background:#fafafa}
.stasi-seg-btn{flex:1;padding:12px 10px;border:0;background:transparent;cursor:pointer;font-weight:900;font-size:13px;color:#333}
.stasi-seg-btn.is-active{background:#111;color:#fff}

.stasi-chiprow{display:flex;flex-wrap:wrap;gap:8px}
.stasi-chip{padding:10px 12px;border-radius:999px;border:1px solid #e3e3e3;background:#fff;cursor:pointer;font-weight:900;font-size:13px}
.stasi-chip:hover{background:#f7f7f7}
.stasi-chip.is-active{background:#111;color:#fff;border-color:#111}

.stasi-result{border:1px solid #f0f0f0;border-radius:18px;padding:14px;background:linear-gradient(180deg,#fff 0%,#fbfbfb 100%)}
.stasi-result-top{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.stasi-badge{font-size:12px;font-weight:950;padding:8px 10px;border-radius:999px;border:1px solid #e9e9e9;background:#fff}

.stasi-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.stasi-kpi{border:1px solid #ededed;border-radius:16px;padding:12px;background:#fff}
.stasi-kpi-label{font-size:12px;color:#666;font-weight:800}
.stasi-kpi-value{font-size:20px;font-weight:1000;margin-top:6px}

.stasi-breakdown{border:1px solid #ededed;border-radius:16px;padding:12px;background:#fff}
.stasi-breakdown .row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed #efefef;font-size:14px}
.stasi-breakdown .row:last-child{border-bottom:0}

.stasi-total{margin-top:12px;border-radius:18px;padding:14px;padding-bottom:18px;background:#111;color:#fff}
.stasi-total-label{font-size:12px;color:rgba(255,255,255,.8);font-weight:900}
.stasi-total-value{font-size:34px;font-weight:1000;margin-top:6px;letter-spacing:.2px}
.stasi-note{margin-top:8px;font-size:12px;color:rgba(255,255,255,.75)}

.stasi-warn{margin-top:12px;padding:12px;border-radius:14px;background:#fff2f2;border:1px solid #ffd3d3;color:#a10000;font-weight:900}

.stasi-info{margin:16px 18px 18px;padding:14px;border-radius:18px;border:1px solid #efefef;background:#fafafa}
.stasi-info-title{font-weight:1000;margin-bottom:10px;font-size:14px}
.stasi-info-custom{color:#333;font-size:13px;line-height:1.55}
.stasi-info-custom p{margin:6px 0}
.stasi-info-custom ul{margin:6px 0 0;padding-left:18px}
.stasi-info-custom li{margin:6px 0}

.stasi-dxf-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border:1px solid #eee;border-radius:14px;background:#fff;margin-top:8px}
.stasi-dxf-row strong{font-size:13px}
.stasi-dxf-row small{color:#666}
.stasi-dxf-row button{border:1px solid #e6e6e6;background:#fff;border-radius:10px;padding:6px 10px;cursor:pointer;font-weight:900}
.stasi-dxf-row button:hover{background:#f7f7f7}