.earn-dialog{border:0;border-radius:20px;padding:0;width:min(960px,94vw);max-height:92dvh;color:var(--text,var(--text-primary))}.earn-dialog::backdrop{background:#183b3466;backdrop-filter:blur(3px)}.earn-dialog header,.earn-dialog footer{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border-subtle)}.earn-dialog h2{margin:0}.earn-body{padding:24px;overflow:auto;max-height:68dvh}.earn-body label{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.earn-body input,.earn-body select{min-height:44px;width:100%;border:1px solid var(--control-border);border-radius:10px;padding:10px;font:inherit}.earn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.earn-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.earn-table{overflow:auto;margin:16px 0}.earn-table table{width:100%;border-collapse:collapse}.earn-table th,.earn-table td{text-align:left;padding:12px;border-bottom:1px solid var(--border-subtle);vertical-align:top}.earn-table small{display:block;color:var(--text-secondary)}.earn-summary{padding:18px;background:var(--surface-muted);border-radius:12px}.earn-catalog-picks{max-height:240px;overflow:auto}.earn-catalog-picks label{flex-direction:row;align-items:center;padding:10px;border-bottom:1px solid var(--border-subtle)}.earn-catalog-picks input{width:20px;min-height:20px}.earn-pick{padding:14px;border:1px solid var(--border-subtle);border-radius:12px;margin:12px 0}.earn-body [role=alert]{color:var(--danger-text)}.earn-steps{font-size:12px;color:var(--text-secondary)}@media(max-width:600px){.earn-dialog{width:100%;max-width:100%;margin:auto 0 0;border-radius:20px 20px 0 0}.earn-grid{grid-template-columns:1fr}.earn-body{padding:18px}.earn-dialog footer{padding:14px 18px}.earn-table td,.earn-table th{min-width:100px}}@media print{body:has(.earn-dialog[open]) #app,body:has(.earn-dialog[open]) #overlay{display:none!important}.earn-dialog{position:static!important;max-height:none!important;width:100%!important}.earn-body{max-height:none;overflow:visible}.earn-dialog button,.earn-dialog input,.earn-dialog select,.earn-dialog footer{display:none}.earn-table{overflow:visible}}

.catalog-list{overflow:visible}.catalog-list .table-toolbar{display:flex;flex-wrap:wrap;gap:12px;padding:16px;align-items:center}.catalog-list .table-toolbar input{flex:1;min-width:200px}.catalog-list .table-toolbar select{width:auto;max-width:200px}.catalog-list .earn-table{overflow:visible}.catalog-list table{width:100%;border-collapse:collapse}.catalog-list th,.catalog-list td{padding:14px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.catalog-list th{text-align:left;font-size:12px}.catalog-list td:nth-child(4),.catalog-list td:nth-child(5){text-align:right;font-variant-numeric:tabular-nums}.catalog-list small{display:block;color:var(--secondary);font-size:11px;margin-top:4px}.catalog-row-actions{display:flex;gap:4px;align-items:center;white-space:nowrap}.catalog-row-actions summary{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer}.catalog-list input[type=checkbox]{width:18px;height:18px}.catalog-empty{padding:40px;text-align:center}.catalog-bulk{padding:12px 16px;background:var(--surface)}
@media(min-width:701px) and (max-width:1100px){.catalog-list>.earn-table{overflow-x:auto}.catalog-list table{min-width:820px}}
@media(max-width:700px){.catalog-list table,.catalog-list tbody{display:block}.catalog-list thead{display:none}.catalog-list tr{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;padding:16px;border-bottom:1px solid var(--border)}.catalog-list td{display:block;border:0;padding:0!important;min-width:0;overflow-wrap:anywhere}.catalog-list td:first-child{grid-column:1;grid-row:1 / span 5}.catalog-list td:nth-child(2){grid-column:2}.catalog-list td:nth-child(3){grid-column:2;grid-row:2}.catalog-list td:nth-child(4){grid-column:2;grid-row:3;text-align:left}.catalog-list td:nth-child(4):before{content:'Harga Pelanggan: ';color:var(--secondary)}.catalog-list td:nth-child(5){grid-column:2;grid-row:4;text-align:left}.catalog-list td:nth-child(5):before{content:'Komisi Teknisi: ';color:var(--secondary)}.catalog-list td:nth-child(6){grid-column:2;grid-row:5}.catalog-list td:nth-child(7){grid-column:3;grid-row:1 / span 5}.catalog-row-actions{flex-direction:column}.catalog-list .table-toolbar input{width:100%;flex-basis:100%}}
@media(max-width:600px){.shell:has(.catalog-list)>.sidebar:not(.mobile-open){display:none!important}.shell:has(.catalog-list)>.workspace{width:100%!important;margin-left:0!important}}
.catalog-list .badge{display:inline-block;padding:4px 8px;border-radius:8px;background:var(--background,var(--surface-muted));font-size:11px;white-space:nowrap}

.category-combo{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;width:100%;border:1px solid var(--border-subtle);border-radius:10px;padding:10px;background:var(--surface);color:inherit;font:inherit;text-align:left}.category-panel{margin-top:6px;padding:10px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface)}.category-panel[hidden]{display:none}.category-options{max-height:180px;overflow:auto;margin-top:6px}.category-options button{display:block;width:100%;text-align:left;border:0;border-radius:7px;padding:10px;background:var(--surface);color:inherit;font:inherit}.category-options button:hover,.category-options button:focus-visible,.category-options [aria-selected=true]{background:var(--surface-muted);outline-color:var(--focus-ring)}.category-options small{display:block;color:var(--text-secondary);font-size:11px;margin-top:3px}.category-add{display:block;border-top:1px solid var(--border-subtle);width:100%;padding:12px 2px 2px;text-align:left}.category-small{width:min(440px,94vw)}.category-manager{width:min(760px,94vw)}.category-management-list article{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border-subtle)}.category-management-list article>div:last-child{display:flex;gap:6px;flex-wrap:wrap}.category-management-list small{display:block;color:var(--text-secondary);margin-top:5px}.category-management-list .btn{font-size:12px;padding:8px}.category-management-list button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){.category-management-list article{align-items:stretch;flex-direction:column}.category-options{max-height:160px}.category-manager .earn-body{max-height:65dvh}}
.service-fee-editor{background:var(--surface)}.service-fee-editor .earn-table td:nth-child(2),.service-fee-editor .earn-table td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.service-fee-editor .earn-table td:last-child{min-width:200px}.service-fee-editor .earn-actions .btn{white-space:nowrap}
@media(max-width:600px){.service-fee-editor .earn-table{overflow:visible}.service-fee-editor table,.service-fee-editor tbody,.service-fee-editor tr,.service-fee-editor td{display:block;width:auto;min-width:0!important}.service-fee-editor thead{display:none}.service-fee-editor tr{border-bottom:1px solid var(--border);padding:8px 0}.service-fee-editor td{border:0;padding:4px 0;text-align:left!important}.service-fee-editor td:nth-child(1){font-weight:600}.service-fee-editor td:nth-child(2):before{content:'Usulan: ';font-weight:400}.service-fee-editor td:nth-child(3):before{content:'Disetujui: ';font-weight:400}.service-fee-editor .earn-body{max-height:68dvh}.service-fee-editor header{padding:16px 18px}.service-fee-editor h2{font-size:18px}}
/* Compact service catalog; other lists keep their existing spacing. */
.catalog-list .table-toolbar{gap:8px;padding:10px 12px}.catalog-list .table-toolbar input,.catalog-list .table-toolbar select,.catalog-list .table-toolbar .btn{min-height:36px;height:36px;padding:6px 10px;font-size:13px}.catalog-list th,.catalog-list td{padding:7px 10px;font-size:13px}.catalog-list td{height:54px}.catalog-list small{margin-top:2px}.catalog-list .catalog-row-actions .icon-btn{width:32px;height:32px;min-height:32px}.catalog-list .data-pagination{padding:8px 12px;gap:8px;flex-wrap:wrap}.catalog-proposals .earn-table{overflow-x:auto}.catalog-list [data-cat-action=remove]{color:var(--danger,#b42335)}.service-fee-editor td small{display:block;font-size:11px}.service-fee-editor td .text-btn{font-size:12px;white-space:normal}
@media(max-width:700px){.catalog-list tr{padding:12px;gap:6px}.catalog-list td{height:auto}.catalog-proposals td:nth-child(4):before{content:'Usulan: '}.catalog-proposals td:nth-child(5):before{content:'Biaya disetujui: '}.catalog-list .table-toolbar select{flex:1;min-width:120px;max-width:100%}}
.catalog-list td{height:auto}.catalog-list tbody tr{height:56px}.catalog-row-actions summary{min-height:32px;height:32px}
@media(max-width:700px){.shell:has(.catalog-list){grid-template-columns:minmax(0,1fr)!important}.shell:has(.catalog-list)>.workspace{grid-column:1!important;min-width:0;width:100%!important;margin-left:0!important}.catalog-list tbody tr{height:auto}.catalog-list .table-toolbar input{min-width:0}.catalog-list .table-toolbar{min-width:0}.catalog-list{min-width:0}}
@media(max-width:700px){.shell:has(.catalog-list)>.workspace{transition:none!important;flex:1 1 100%!important;margin-left:0!important;width:100%!important}}