#netsim.netsim-commerce-mode > :not(#netsim-commerce-page) { display:none!important; }
#netsim-commerce-page { --sim-ink:#172f42; --sim-blue:#0968dd; --sim-green:#0b8764; color:var(--sim-ink); }
.sim-commerce-nav { margin-bottom:18px; }
.sim-commerce-hero { padding:28px 32px; background:linear-gradient(120deg,rgba(37,125,241,.11),rgba(13,158,113,.08)); border:1px solid rgba(71,114,158,.2); border-radius:20px; border-top:4px solid #159c94; margin-bottom:20px; }
.sim-commerce-hero h2 { font-size:clamp(26px,4vw,36px); margin:8px 0; letter-spacing:-.035em; }
.sim-commerce-hero p { margin:0; color:#527086; }
.sim-commerce-form { display:grid; gap:24px; }
.sim-commerce-step { background:var(--surface,#fff); padding:24px; border:1px solid rgba(102,124,148,.22); border-radius:18px; }
.sim-commerce-step-heading { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.sim-commerce-step-heading > span { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#e9f2ff; color:#0968dd; font-weight:800; }
.sim-commerce-step-heading h3 { margin:0; font-size:20px; }
.sim-commerce-plans,.sim-commerce-modes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.sim-commerce-plan,.sim-commerce-mode { position:relative; display:flex; gap:10px; padding:20px 16px; border:2px solid rgba(129,151,169,.22); border-radius:14px; cursor:pointer; background:rgba(120,160,190,.025); transition:border-color .15s,background .15s; }
.sim-commerce-plan:hover,.sim-commerce-mode:hover { border-color:#8bb7e8; }
.sim-commerce-plan:has(input:checked),.sim-commerce-mode:has(input:checked) { border-color:#1977e5; background:rgba(25,119,229,.065); }
.sim-commerce-plan:focus-within,.sim-commerce-mode:focus-within { outline:3px solid #9bc7ff; outline-offset:3px; }
.sim-commerce-plan > div,.sim-commerce-mode > div { display:grid; gap:8px; min-width:0; }
.sim-commerce-plan input,.sim-commerce-mode input { margin-top:5px; width:16px; height:16px; flex-shrink:0; accent-color:#0968dd; }
.sim-commerce-plan strong,.sim-commerce-mode strong { font-size:16px; }
.sim-commerce-quota { font-size:30px; font-weight:800; letter-spacing:-.035em; }
.sim-commerce-quota small { font-size:12px; font-weight:500; }
.sim-commerce-plan small,.sim-commerce-mode small { color:#61798b; line-height:1.5; }
.sim-commerce-mode-symbol { font-size:25px; color:#147c91; }
.sim-commerce-primary { display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:12px 18px; color:white!important; background:#0968dd; border:1px solid #0968dd; border-radius:10px; box-shadow:0 4px 12px rgba(9,104,221,.15); font-weight:700; text-decoration:none; cursor:pointer; }
.sim-commerce-primary:hover { background:#0759bd; }
.sim-commerce-primary:disabled { cursor:wait; opacity:.55; }
.sim-commerce-primary:focus-visible { outline:3px solid #9bc7ff; outline-offset:3px; }
.sim-commerce-checkout { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:24px; border:1px solid rgba(10,128,113,.2); background:rgba(10,128,113,.05); border-radius:16px; }
#netsim-commerce-price-summary { display:grid; gap:6px; }
#netsim-commerce-price-summary strong { font-size:23px; }
#netsim-commerce-price-summary span,#netsim-commerce-price-summary small { color:#526e7d; }
.sim-commerce-feedback:empty { display:none; }
.sim-commerce-feedback { padding:14px 18px; margin-bottom:20px; background:#eef6ff; border-radius:10px; }
.sim-commerce-feedback[data-error=true],.sim-commerce-error { color:#ad2b39; }
.sim-commerce-feedback[data-error=true] { background:#fff0f2; border:1px solid #efc4c9; }
.sim-commerce-current { display:flex; flex-wrap:wrap; align-items:center; gap:14px; padding:20px; margin-bottom:20px; border:1px solid #d6e2e9; background:var(--surface,#fff); border-radius:14px; }
.sim-commerce-current > div { display:grid; gap:5px; flex:1; }
.sim-commerce-badge { display:inline-flex; align-items:center; width:fit-content; padding:5px 9px; background:#e6f1ff; color:#1c65ae; border:1px solid #c4dcf7; border-radius:6px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.035em; }
.sim-commerce-badge[data-mode=internal] { background:#e4f4ee; border-color:#b9e1d3; color:#13745b; }
.sim-commerce-badge[data-mode=trial] { background:#fff4d9; border-color:#eed8a6; color:#856024; }
.sim-commerce-preactivation { display:inline-flex; align-items:center; width:fit-content; padding:5px 10px; border:1px solid var(--hub-warning,#dba44e); border-radius:999px; background:var(--hub-warning-soft,#fff4d9); color:var(--text,#714d1b); font-size:12px; font-weight:750; }
.sim-commerce-countdown { display:inline-flex; width:fit-content; max-width:100%; padding:6px 10px; border:1px solid var(--border,#d5e2e8); border-radius:8px; background:var(--surface,#fff); color:var(--text,#233c4d); font-size:12px; font-variant-numeric:tabular-nums; }
.sim-commerce-countdown[data-expired=true] { color:var(--muted,#61798b); }
.sim-commerce-customer-field { display:grid; gap:9px; margin-top:18px; padding:18px; border:1px solid var(--border,#d5e2e8); border-radius:12px; background:var(--hub-primary-soft,#eef6ff); }
.sim-commerce-customer-field[hidden] { display:none; }
.sim-commerce-customer-field label { display:flex; align-items:center; gap:12px; flex-wrap:wrap; font-weight:700; font-size:14px; }
.sim-commerce-customer-field label span { padding:3px 8px; border-radius:999px; background:var(--surface,#fff); color:var(--muted,#61798b); font-size:11px; font-weight:600; }
.sim-commerce-customer-field input { width:100%; max-width:480px; box-sizing:border-box; }
.sim-commerce-customer-field small,.sim-commerce-client small { color:var(--muted,#61798b); line-height:1.5; }
.sim-commerce-client .sim-commerce-feedback { margin:16px 0 0; }
.sim-commerce-detail .sim-commerce-client { margin:20px 0; }
.sim-commerce-row { display:grid; gap:7px; margin:12px 0; }
.sim-commerce-row .sim-commerce-primary,.sim-commerce-row .button-link-secondary { width:fit-content; font-size:12px; padding:8px 12px; }
.sim-commerce-row span,.sim-commerce-row small { font-size:12px; }
.sim-commerce-progress { font-size:12px; color:#0968dd; }
.sim-commerce-availability { display:inline-flex; width:fit-content; padding:6px 10px; border:1px solid var(--hub-primary-ring); border-radius:var(--hub-radius-control); background:var(--hub-primary-soft); color:var(--text); font-weight:750; }
.sim-commerce-availability[data-kind=reusable] { border-color:var(--hub-success); background:var(--hub-success-soft); color:var(--text); }
.sim-commerce-availability-filter { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:0 0 16px; padding:12px 14px; border:1px solid var(--border); border-radius:var(--hub-radius-control); background:var(--surface); }
.sim-commerce-availability-filter label { font-size:13px; font-weight:700; }
.sim-commerce-availability-filter select { flex:1; min-width:180px; max-width:330px; }
.sim-commerce-release-action { display:grid; gap:6px; margin-top:4px; }
.sim-commerce-release-button { display:inline-flex; align-items:center; justify-content:center; width:fit-content; max-width:100%; white-space:normal; border-radius:var(--hub-radius-control); box-shadow:none; font-size:12px; }
.netsim-user-hero-actions,.sim-commerce-header-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; max-width:100%; }
.sim-commerce-header-actions .sim-commerce-release-action { margin:0; }
.sim-commerce-header-actions button { box-sizing:border-box; min-height:44px; padding:11px 14px; border-radius:var(--hub-radius-control); font-size:13px; font-weight:750; line-height:1.3; white-space:normal; }
.sim-commerce-header-actions .sim-commerce-cancellation-button { border-color:var(--hub-warning); background:var(--hub-warning-soft); color:var(--text); }
.sim-commerce-request-feedback { font-size:12px; color:var(--text); }
.sim-commerce-request-feedback:empty { display:none; }
.sim-commerce-cancellation-badge { display:inline-flex; align-items:center; width:fit-content; max-width:100%; box-sizing:border-box; padding:6px 10px; border:1px solid var(--hub-warning); border-radius:var(--hub-radius-control); background:var(--hub-warning-soft); color:var(--text); font-size:12px; font-weight:750; }
.sim-commerce-cancellation-notice { margin:14px 0; padding:16px; border:1px solid var(--hub-warning); border-radius:var(--hub-radius-control); background:var(--hub-warning-soft); }
.sim-commerce-cancellation-notice p { margin:10px 0 0; color:var(--text); font-size:13px; line-height:1.6; }
.sim-commerce-detail:has(.sim-commerce-cancellation-notice) .sim-commerce-row > .sim-commerce-cancellation-badge { display:none; }
@media(max-width:720px) {
  .netsim-user-hero-actions,.sim-commerce-header-actions,.sim-commerce-header-actions .sim-commerce-release-action { width:100%; }
  .sim-commerce-header-actions button { width:100%; }
}
.sim-commerce-cancellation { color:var(--text); font-size:12px; padding:5px 8px; width:fit-content; background:var(--hub-warning-soft); border-radius:var(--hub-radius-control); }
.sim-commerce-release-sim { display:grid; gap:7px; margin:20px 0; padding:16px; border-radius:var(--hub-radius-control); background:var(--hub-primary-soft); border:1px solid var(--border); }
.sim-commerce-release-sim small { color:var(--muted); font-weight:750; }
.sim-commerce-release-sim strong { font-size:clamp(18px,4.5vw,24px); overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.sim-commerce-release-summary { display:grid; gap:10px; padding-left:20px; color:var(--text); font-size:13px; line-height:1.5; }
.sim-commerce-release-feedback { margin:20px 0 0; padding:14px; border:1px solid var(--border); border-radius:var(--hub-radius-control); background:var(--surface); font-size:13px; }
.sim-commerce-release-feedback[data-error=true] { color:var(--text); border-color:var(--hub-warning); background:var(--hub-warning-soft); }
.sim-commerce-release-feedback .sim-commerce-operation { margin:0; padding:0; border:0; background:none; flex-wrap:wrap; }
.sim-commerce-release-success { display:block; margin-top:12px; color:var(--hub-success); }
.sim-commerce-detail { border:1px solid #d5e2e8; background:var(--surface,#fff); border-radius:14px; padding:22px; margin:18px 0; }
.sim-commerce-detail .sim-commerce-row { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.sim-commerce-operation { display:flex; align-items:center; gap:15px; padding:20px; margin-bottom:24px; border:1px solid #beddf5; border-radius:14px; background:#f0f8ff; }
.sim-commerce-operation p { margin:5px 0 0; }
.sim-commerce-operation[data-status=completed] { border-color:#b5dccb; background:#edf8f3; }
.sim-commerce-operation[data-status=failed] { border-color:#ecc69f; background:#fff7ee; }
.sim-commerce-operation-icon { font-size:30px; color:#147b85; }
.sim-commerce-empty { padding:40px 24px; text-align:center; background:var(--surface,#fff); border:1px dashed #b5cbd8; border-radius:16px; color:#587083; margin:20px 0; }
.sim-commerce-client { padding:26px; border:1px solid #c9dfdc; border-radius:18px; background:linear-gradient(135deg,rgba(5,142,120,.07),rgba(23,122,225,.03)); }
.sim-commerce-client h3 { margin:8px 0; font-size:24px; }
.sim-commerce-client-actions { display:flex; align-items:flex-end; gap:24px; flex-wrap:wrap; margin-top:22px; }
.sim-commerce-client-actions > div,.sim-commerce-client-actions > form { flex:1; min-width:min(240px,100%); }
.sim-commerce-client-actions label { display:block; margin-bottom:8px; }
.sim-commerce-email { display:flex; gap:8px; }
.sim-commerce-email input { min-width:0; flex:1; }
.sim-commerce-stop { display:flex; gap:20px; align-items:center; margin-top:22px; padding:18px; border-radius:12px; border:1px solid #dfc5c7; }
.sim-commerce-stop p { flex:1; margin:0; font-size:13px; color:#71575b; }
.sim-commerce-trial-stop,.sim-commerce-trial-stop-confirm { border-color:var(--hub-warning,#dba44e); }
.sim-commerce-trial-stop { width:fit-content; padding:8px 12px; color:var(--text); background:var(--hub-warning-soft,#fff4d9); white-space:normal; }
.sim-commerce-trial-stop-dialog .sim-commerce-release-feedback[hidden] { display:none; }
@media(max-width:600px) {
  .sim-commerce-trial-stop-dialog { box-sizing:border-box; padding:20px; }
  .sim-commerce-trial-stop-dialog footer { flex-wrap:wrap; }
  .sim-commerce-trial-stop-dialog footer button { flex:1; min-height:44px; white-space:normal; }
}
.sim-commerce-ledger-toolbar { display:flex; align-items:center; gap:16px; margin:20px 0; flex-wrap:wrap; }
.sim-commerce-ledger-toolbar span { color:#627689; font-size:12px; margin-left:auto; }
.sim-commerce-totals { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.sim-commerce-totals > div { display:grid; gap:14px; padding:24px; background:var(--surface,#fff); border:1px solid #d3e0e8; border-radius:14px; }
.sim-commerce-totals > div:last-child { border-color:#acd4c8; background:rgba(10,139,111,.06); }
.sim-commerce-totals strong { font-size:28px; }
.sim-commerce-totals small { font-size:12px; font-weight:500; }
.sim-commerce-ledger-note { font-size:13px; color:#607386; padding:18px 0; }
.sim-commerce-ledger-table { overflow-x:auto; border:1px solid #d4e0e7; border-radius:14px; }
.sim-commerce-ledger-table table { width:100%; border-collapse:collapse; background:var(--surface,#fff); }
.sim-commerce-ledger-table th { text-align:left; background:#edf4f9; padding:15px; color:#3d5a71; font-size:12px; }
.sim-commerce-ledger-table td { padding:18px 15px; vertical-align:top; border-top:1px solid #dbe6ec; font-size:13px; }
.sim-commerce-ledger-table td:first-child strong,.sim-commerce-ledger-table td span,.sim-commerce-ledger-table small { display:block; margin-top:6px; }
.sim-commerce-ledger-table small { color:#6d7f8d; }
.sim-commercial-dialog { width:min(620px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); overflow-y:auto; padding:28px; border:1px solid #c8dce9; border-radius:20px; box-shadow:0 20px 60px rgba(18,43,62,.25); background:var(--surface,#fff); color:var(--text,#233c4d); }
.sim-commercial-dialog::backdrop { background:rgba(14,33,47,.52); backdrop-filter:blur(4px); }
.sim-commercial-dialog header { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.sim-commercial-dialog h3 { margin:7px 0; font-size:22px; }
.sim-commercial-dialog p { color:#6c7c8b; font-size:13px; line-height:1.5; }
.sim-commercial-dialog form > label,.sim-commercial-config-grid label { display:grid; gap:8px; margin:18px 0; font-size:13px; font-weight:600; }
.sim-commercial-config-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.sim-commercial-dialog fieldset { border:1px solid #d4e1e8; border-radius:12px; padding:15px; margin-top:12px; }
.sim-commercial-dialog legend { padding:0 8px; font-size:13px; font-weight:700; }
.sim-commercial-config-plan { display:flex; gap:10px; align-items:center; padding:10px; border-radius:8px; }
.sim-commercial-config-plan input { width:18px; height:18px; accent-color:#0968dd; }
.sim-commercial-config-plan span { display:grid; gap:4px; }
.sim-commercial-config-plan small { color:#667b8b; }
.sim-commercial-dialog footer { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; }
#sim-commercial-config-feedback { color:#a63838; margin-top:10px; }
@media(max-width:760px) {
  .sim-commerce-plans,.sim-commerce-modes { grid-template-columns:1fr; }
  .sim-commerce-plan,.sim-commerce-mode { padding:18px; }
  .sim-commerce-hero { padding:24px 20px; }
  .sim-commerce-step { padding:20px 16px; }
  .sim-commerce-checkout,.sim-commerce-stop,.sim-commerce-operation { flex-direction:column; align-items:stretch; gap:16px; }
  .sim-commerce-totals { grid-template-columns:1fr; }
  .sim-commerce-totals > div { grid-template-columns:1fr auto; align-items:center; gap:10px; padding:18px; }
  .sim-commerce-ledger-toolbar span { margin-left:0; }
  .sim-commerce-ledger-table thead { display:none; }
  .sim-commerce-ledger-table table,.sim-commerce-ledger-table tbody,.sim-commerce-ledger-table tr,.sim-commerce-ledger-table td { display:block; }
  .sim-commerce-ledger-table td { border:0; padding:10px 16px; }
  .sim-commerce-ledger-table td::before { content:attr(data-label); display:block; font-size:11px; text-transform:uppercase; font-weight:700; color:#527187; margin-bottom:7px; }
  .sim-commerce-ledger-table tr { padding:14px 0; border-top:1px solid #d4e0e7; }
  .sim-commerce-email { flex-direction:column; }
  .sim-commerce-current { align-items:flex-start; }
  .sim-commerce-current > div { flex-basis:100%; }
  .sim-commercial-dialog { padding:20px; }
  .sim-commercial-config-grid { grid-template-columns:1fr; gap:0; }
  .sim-commerce-detail .sim-commerce-row { display:grid; }
  .sim-commerce-release-dialog footer { flex-direction:column-reverse; }
  .sim-commerce-availability-filter select { max-width:none; }
}