#page-commercial{max-width:1600px;margin:auto}#page-commercial [hidden]{display:none!important}
.commercial-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:10px 0 28px}.commercial-heading h1{font-size:34px;letter-spacing:-1.2px;line-height:1.2;margin:8px 0 10px}.commercial-heading p,.commercial-section-head p{color:#746e64;margin:0;max-width:68ch}.commercial-heading>a{text-decoration:none;white-space:nowrap}
.commercial-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fffdf9;border:1px solid #e2d9cc;border-radius:14px;margin-bottom:28px;overflow:hidden}.commercial-metrics>div{padding:21px 24px;border-right:1px solid #e2d9cc}.commercial-metrics>div:last-child{border-right:0}.commercial-metrics span,.commercial-metrics small{display:block;color:#746e64;font-size:12px}.commercial-metrics strong{display:block;font-size:32px;line-height:1.3;letter-spacing:-1px;margin:7px 0}.commercial-metrics>div:last-child strong{color:#a53c1b}
.commercial-nav{display:flex;gap:24px;border-bottom:1px solid #d9cdbd;margin-bottom:26px;overflow:auto}.commercial-nav button{padding:10px 3px 15px;min-height:44px;background:none!important;border:0;border-radius:0;box-shadow:none!important;color:#746e64;font-size:14px}.commercial-nav button.selected{color:#a63b19;box-shadow:inset 0 -3px #c34b23!important}
.commercial-section-head{margin:0 0 20px}.commercial-section-head h2{font-size:21px;margin:0 0 5px;letter-spacing:-.4px}.commercial-section-head.with-action{display:flex;align-items:center;justify-content:space-between;gap:20px}
.commercial-filters{display:flex;align-items:end;gap:14px;padding:16px 0}.commercial-filters label,.commercial-bulk label{display:grid;gap:6px;font-size:12px;font-weight:650;color:#655d52}.commercial-search{flex:1;max-width:410px}.commercial-filters input,.commercial-filters select,.commercial-bulk input,.commercial-bulk select{padding:10px 12px;background:#fffdf9;border:1px solid #d9cebd;border-radius:9px;min-height:42px;color:#242421;font-size:13px;width:100%}.commercial-filters #commercialResultCount{margin-left:auto;padding-bottom:12px;font-size:12px}
.commercial-table-wrap{border:1px solid #e2d9cc;border-radius:13px;overflow:auto;background:#fffdf9}.commercial-table{width:100%;min-width:1040px;border-collapse:collapse}.commercial-table th{background:#f0e9df;padding:13px 16px;text-align:left;font-size:11px;letter-spacing:.03em;color:#746e64}.commercial-table td{padding:18px 16px;border-bottom:1px solid #eee6db;font-size:13px;vertical-align:middle}.commercial-table tr:last-child td{border-bottom:0}.commercial-table tbody tr:hover{background:#faf6ee}.commercial-table strong{font-size:13px;font-weight:650;display:block}.commercial-table small{font-size:11px;display:block;color:#82796b;margin-top:5px}.commercial-table input[type=checkbox]{accent-color:#b84119;width:16px;height:16px}.commercial-table button{min-height:36px;padding:7px 13px;font-size:12px}
.commercial-badge{display:inline-block;padding:4px 9px;background:#f0ece5;color:#6d6255;border-radius:6px;font-size:11px;font-weight:650;white-space:nowrap}.commercial-badge.good{background:#eaf2e8;color:#28653d}.commercial-badge.warn{background:#fff0db;color:#95631a}.commercial-table .commercial-warning{color:#a54920}.commercial-empty{padding:40px 18px!important;text-align:center;color:#746e64}
.commercial-bulk{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#f8e8d9;border:1px solid #ead0b6;border-radius:12px;padding:12px 16px;margin:0 0 16px}.commercial-bulk strong{font-size:13px}.commercial-bulk input{width:110px}.commercial-bulk label{font-size:10px}.commercial-bulk button{min-height:38px}
.commercial-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.commercial-plan{background:#fffdf9;border:1px solid #e0d5c6;border-radius:14px;padding:24px}.commercial-plan-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.commercial-plan h3{font-size:18px;margin:0}.commercial-price{font-size:28px;font-weight:750;letter-spacing:-.6px;margin:25px 0 12px}.commercial-price span{font-size:12px;color:#746e64;font-weight:400;letter-spacing:0}.commercial-plan>p{font-size:13px;line-height:1.6;color:#746e64;min-height:42px}.commercial-plan dl{margin:22px 0}.commercial-plan dl>div{display:flex;justify-content:space-between;gap:16px;margin:9px 0;font-size:12px}.commercial-plan dt{color:#746e64}.commercial-plan dd{font-weight:700;margin:0}.commercial-plan-actions{display:flex;justify-content:space-between;border-top:1px solid #eee5d9;padding-top:18px}.commercial-text-button{background:none!important;border:0;box-shadow:none!important;color:#877663;font-size:12px}
.commercial-billing-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.6fr);gap:24px}.commercial-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.commercial-surface{background:#fffdf9;border:1px solid #e2d9cc;border-radius:14px;padding:24px}.commercial-surface h3{font-size:17px;margin:0 0 20px}.commercial-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.commercial-surface .field,.workspace-dialog .field{margin:0 0 16px;font-size:12px;letter-spacing:0;color:#62584b}.commercial-surface input,.commercial-surface select,.commercial-surface textarea,.workspace-dialog input,.workspace-dialog select,.workspace-dialog textarea{background:#fffefb;border:1px solid #d6c9b6;border-radius:8px;min-height:42px;padding:10px 12px;font-size:13px;color:#242421}.commercial-surface textarea{min-height:108px}.field-help{font-size:12px;color:#827665;line-height:1.6;margin:-5px 0 18px}.commercial-rule{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;background:#edece2;border:1px solid #dcd9c9;border-radius:12px;margin-bottom:24px}.commercial-rule p{font-size:12px;color:#746e64;margin:4px 0 0}.commercial-rule button{flex:none}.commercial-history{margin-top:24px}.commercial-history summary,.workspace-dialog summary{cursor:pointer;font-size:14px;font-weight:650}.commercial-history[open] summary{margin-bottom:20px}.commercial-save-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 0;color:#746e64;font-size:12px}.commercial-backup{font-size:12px;color:#805d37}
.commercial-invoice{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #eee5d8;font-size:12px}.commercial-invoice:first-child{padding-top:0}.commercial-invoice:last-child{border:0}.commercial-invoice strong,.commercial-invoice span,.commercial-invoice small,.commercial-invoice a{display:block}.commercial-invoice span,.commercial-invoice small{margin-top:5px;color:#746e64}.commercial-invoice a{margin-top:9px;color:#a44420}.commercial-invoice>div:last-child{text-align:right}.commercial-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.commercial-features label{display:flex;align-items:center;gap:8px;font-size:12px}.commercial-features input{min-height:0;width:16px;height:16px;accent-color:#bc441c}
.workspace-dialog{width:580px;max-width:calc(100vw - 28px);max-height:88dvh;overflow:auto;border:1px solid #dacebd;border-radius:18px;background:#fffdf9;color:#242421;padding:28px;box-shadow:0 28px 90px #40301d38}.workspace-dialog::backdrop{background:#342b2180;backdrop-filter:blur(3px)}.workspace-dialog h2{font-size:24px;margin:0 0 8px}.workspace-dialog p{font-size:13px;color:#746e64;margin-bottom:24px}.workspace-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.workspace-dialog button{min-height:40px}.client-rename-button{margin-left:8px;font-size:11px!important;min-height:30px!important;padding:5px 9px!important}
#page-commercial .client-workspace-grid .setting-card{box-shadow:none!important;border:1px solid #e2d9cc;border-radius:14px;background:#fffdf9}#page-commercial .client-workspace-grid .setting-card h3{font-size:18px}#page-commercial .page-head h1{font-size:32px}
@media(max-width:1100px){.commercial-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commercial-metrics>div{padding:18px}}
@media(max-width:768px){.commercial-heading{align-items:flex-start;flex-direction:column;gap:16px}.commercial-heading h1{font-size:28px}.commercial-metrics{grid-template-columns:1fr 1fr}.commercial-metrics>div:nth-child(2){border-right:0}.commercial-metrics>div:nth-child(-n+2){border-bottom:1px solid #e2d9cc}.commercial-billing-grid,.commercial-settings-grid{grid-template-columns:1fr}.commercial-filters{flex-wrap:wrap}.commercial-search{flex-basis:100%;max-width:none}.commercial-filters #commercialResultCount{margin-left:0}.commercial-rule{align-items:flex-start;flex-direction:column}.commercial-section-head.with-action{align-items:flex-start}.commercial-nav{gap:20px}.commercial-plan-grid{grid-template-columns:1fr}}
@media(max-width:420px){.commercial-form-pair{grid-template-columns:1fr;gap:0}.commercial-surface{padding:18px}.commercial-heading h1{font-size:26px}.commercial-metrics small{font-size:10px}.commercial-nav{gap:16px}.commercial-nav button{font-size:13px}.workspace-dialog{padding:22px}.commercial-save-bar{align-items:flex-start;flex-direction:column}}