.mitra-hero{background:linear-gradient(120deg,#084f35,#17392b);color:#fff;border-radius:22px;padding:28px;margin-bottom:22px}
.mitra-hero h2{font-size:clamp(1.8rem,6vw,2.6rem);font-weight:800;margin:8px 0}.mitra-hero p{color:#daeadb}.mitra-hero .badge{background:#e2f3cf;color:#163c26}
.mitra-notice{background:#f1f6e8;border:1px solid #d9e6c4;border-radius:14px;padding:16px;color:#214730;font-size:.9rem}
.mitra-tos{max-height:320px;overflow-y:auto;background:#f8faf6;border:1px solid #dce5d8;padding:20px;border-radius:14px;font-size:.88rem;line-height:1.65}
.mitra-tos li{margin-bottom:10px}.mitra-tos ol{padding-left:20px}.mitra-section{scroll-margin-top:24px;margin-top:24px}
.mitra-code{font-weight:800;letter-spacing:.08em;font-size:1.25rem;overflow-wrap:anywhere}.mitra-link{font-size:.88rem}.mitra-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.mitra-table td{vertical-align:middle}.mitra-table form{min-width:200px;max-width:290px}.mitra-table input,.mitra-table select{font-size:.85rem}
.mitra-ledger-positive{color:#167a44;font-weight:700}.mitra-ledger-negative{color:#b54738;font-weight:700}.mitra-state{display:inline-block;background:#edf3e9;color:#254a32;padding:5px 10px;border-radius:30px;font-weight:600;font-size:.8rem;white-space:nowrap}
.mitra-note{font-size:.85rem;color:#657565;overflow-wrap:anywhere}.mitra-panel{padding:24px}.mitra-panel h5{font-weight:700}
@media(max-width:575px){.mitra-panel,.mitra-hero{padding:18px}.mitra-panel .input-group{flex-wrap:wrap}.mitra-table{font-size:.85rem}.mitra-hero .btn{width:100%}.mitra-tabs .btn{flex:1 1 auto}.mitra-tos{padding:15px}}