.saas-page{max-width:1536px}
.saas-boundary{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--warning-surface);font-size:var(--text-sm);color:var(--warning)}
.saas-flow-note{margin:12px 0 0!important;color:var(--muted);font-size:var(--text-sm)}
.saas-error:not(:empty){margin-bottom:20px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--danger-surface);color:var(--danger)}
.saas-error[data-kind="info"]:not(:empty){background:var(--success-surface);color:var(--success)}
.saas-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}
.saas-metric{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;min-height:132px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-sm);text-align:left;font:inherit;color:inherit;cursor:pointer}
.saas-metric b{font-weight:500;color:var(--muted);font-size:var(--text-sm)}.saas-metric div{display:contents}.saas-metric span{order:3;color:var(--muted);font-size:var(--text-xs)}.saas-metric strong{font-size:30px;line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums}
.saas-metric:hover{background:var(--bg-soft)}.saas-metric.is-active{border-color:var(--brand);background:var(--surface-accent)}
.saas-workspace{display:block}.saas-list-pane,.saas-detail-pane,.saas-platform-settings{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-sm)}
.saas-list-pane{min-width:0;margin-bottom:24px}.saas-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--line)}
.saas-section-head p{margin-top:4px;color:var(--muted);font-size:var(--text-sm)}.saas-list-count{color:var(--muted);font-size:var(--text-sm);white-space:nowrap}
.saas-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,240px) minmax(160px,240px);gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--bg-soft)}
.saas-toolbar label{font-size:var(--text-sm);font-weight:500;color:var(--muted)}.saas-toolbar input,.saas-toolbar select{margin:0}
.saas-table-wrap{overflow:auto;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.saas-property-table{width:100%;min-width:780px;border-collapse:collapse;text-align:left}
.saas-property-table th{background:var(--head);color:var(--muted);font-weight:650;font-size:var(--text-sm);padding:12px 20px;white-space:nowrap}
.saas-property-table td{padding:16px 20px;border-top:1px solid var(--line);vertical-align:middle;font-size:var(--text-sm)}
.saas-property-table tr.is-selected td{background:var(--surface-accent)}.saas-property-table tr:hover td{background:var(--bg-soft)}
.saas-property-name{display:grid;gap:4px;min-width:180px}.saas-property-name button{border:0;background:none;padding:4px 0;min-height:44px;color:var(--brand-deep);font:inherit;font-weight:650;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.saas-property-name small{color:var(--muted)}
.saas-status{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg-soft);font-size:var(--text-xs);font-weight:500;white-space:nowrap;color:var(--muted)}
.saas-status.pending_review,.saas-status.returned{background:var(--warning-surface);color:var(--warning)}.saas-status.trial{background:var(--info-surface);color:var(--info)}.saas-status.active,.saas-status.approved{background:var(--success-surface);color:var(--success)}
.saas-status.billing_attention,.saas-status.past_due,.saas-status.overdue,.saas-status.rejected{background:var(--danger-surface);color:var(--danger)}
.saas-empty,.saas-detail-empty{padding:32px 20px;text-align:center;color:var(--muted)}.saas-empty p,.saas-detail-empty p{margin:8px 0 16px!important}
.saas-detail-pane{scroll-margin-top:20px;margin-bottom:24px}.saas-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.saas-detail-head{grid-column:1/-1;padding:20px;border-bottom:1px solid var(--line)}.saas-detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.saas-detail-title h2{overflow-wrap:anywhere}
.saas-detail-meta{margin-top:4px;color:var(--muted);font-size:var(--text-sm)}.saas-detail-back{margin-top:12px}
.saas-stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}.saas-step{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:var(--text-sm)}
.saas-step i{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:var(--panel);font-style:normal;font-weight:650}
.saas-step.is-done i,.saas-step.is-current i{border-color:var(--brand);background:var(--brand);color:var(--panel)}.saas-step.is-current{color:var(--brand-deep);font-weight:650}
.saas-detail-section{padding:24px;min-width:0;border-bottom:1px solid var(--line)}.saas-detail-section:nth-of-type(odd){border-right:1px solid var(--line)}.saas-detail-section:nth-last-child(-n+2){border-bottom:0}
.saas-detail-section h3{margin-bottom:12px}.saas-help{margin:0 0 12px!important;color:var(--muted);font-size:var(--text-sm);line-height:1.6}
.saas-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.saas-form-grid label{display:grid;gap:6px;font-size:var(--text-sm);font-weight:500}.saas-form-grid input,.saas-form-grid select{margin:0;min-width:0}.saas-span-2{grid-column:1/-1}
.saas-check{grid-template-columns:auto 1fr!important;align-items:center!important;align-content:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft)}.saas-check input{width:20px;height:20px;min-height:20px;margin:0;accent-color:var(--brand)}
.saas-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.saas-actions .btn{min-width:0}.saas-approval-secondary,.saas-more{margin-top:16px}
.saas-approval-secondary summary,.saas-more summary,.saas-platform-settings summary{cursor:pointer;font-weight:650;min-height:44px;padding:12px 0;color:var(--brand-deep)}
.saas-approval-secondary[open] summary,.saas-more[open] summary{margin-bottom:12px}
.saas-kv{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(0,1.35fr);gap:10px 16px;margin:0}.saas-kv dt{color:var(--muted);font-size:var(--text-sm)}.saas-kv dd{margin:0;font-weight:500;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.saas-invoice-card{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft)}.saas-invoice-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.saas-invoice-head strong{overflow-wrap:anywhere}
.saas-pay-row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(140px,1fr);gap:12px;margin-top:12px}.saas-pay-row .btn{grid-column:1/-1}
.saas-activity{display:grid;gap:16px}.saas-event{display:grid;grid-template-columns:8px 1fr;gap:12px;font-size:var(--text-sm)}.saas-event:before{content:"";width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--line-strong)}.saas-event b{display:block;font-weight:650}.saas-event small{color:var(--muted);display:block;margin-top:4px}
.saas-platform-settings{margin-top:24px}.saas-platform-settings>summary{padding:16px 20px}.saas-platform-settings[open]>summary{border-bottom:1px solid var(--line)}.saas-settings-body{padding:20px}.saas-settings-body>p{margin-bottom:16px}.saas-settings-actions{margin-top:16px}
.saas-muted{color:var(--muted)}.saas-loading p{color:var(--muted);margin-bottom:16px}.saas-skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.saas-skeleton-grid div,.saas-skeleton-list{height:132px;border-radius:var(--radius-lg);background:var(--gray)}.saas-skeleton-list{height:280px}
@media(max-width:1040px){.saas-toolbar{grid-template-columns:minmax(160px,1fr) repeat(2,minmax(140px,1fr))}.saas-step{flex-direction:column;align-items:flex-start}.saas-detail{grid-template-columns:1fr}.saas-detail-section{border-right:0!important;border-bottom:1px solid var(--line)!important}.saas-detail-section:last-child{border-bottom:0!important}}
@media(max-width:760px){
  .saas-summary,.saas-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.saas-metric{padding:16px;min-height:132px}.saas-metric span,.saas-status{font-size:var(--text-sm)}
  .saas-section-head{padding:16px;flex-wrap:wrap}.saas-list-count{white-space:normal}.saas-toolbar{padding:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.saas-search{grid-column:1/-1}
  .saas-property-table{min-width:0;display:block}.saas-property-table thead{display:none}.saas-property-table tbody{display:block}.saas-property-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding:16px;border-top:1px solid var(--line)}
  .saas-property-table td{display:block;min-width:0;padding:0;border:0;overflow-wrap:anywhere;background:transparent!important}.saas-property-table tr.is-selected{background:var(--surface-accent)}.saas-property-table td:before{content:attr(data-label);display:block;color:var(--muted);margin-bottom:6px}
  .saas-property-table td:first-child,.saas-property-table td:last-child{grid-column:1/-1}.saas-property-table td:first-child:before,.saas-property-table td:last-child:before{display:none}.saas-property-name{min-width:0}.saas-property-name button{font-size:var(--text-lg)}.saas-property-table td:last-child .btn{width:100%}
  .saas-detail-head,.saas-detail-section{padding:16px}.saas-stepper{gap:8px}.saas-step{font-size:var(--text-sm);overflow-wrap:anywhere}.saas-step i{width:24px;height:24px}
  .saas-form-grid{grid-template-columns:1fr}.saas-span-2{grid-column:auto}.saas-actions .btn{flex-grow:1}.saas-pay-row{grid-template-columns:1fr}.saas-kv{grid-template-columns:minmax(90px,.65fr) minmax(0,1.35fr);gap:10px 12px}
  .saas-platform-settings>summary,.saas-settings-body{padding:16px}.saas-boundary{align-items:flex-start}
}