.shell-main:has(.business-page){max-width:1500px;padding:24px clamp(16px,2.5vw,36px)}
.business-page h1{font-size:24px;letter-spacing:-.4px;margin:6px 0 8px;overflow-wrap:anywhere}.business-page .page-heading{gap:16px;margin-bottom:22px;align-items:center}.business-page .page-heading p{margin:4px 0;font-size:12px;color:#7c91a6}
.breadcrumb,.card-breadcrumb{font-size:11px;color:#8396aa;text-decoration:none}.card-breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.card-breadcrumb a{text-decoration:none;color:#5f819f}.card-breadcrumb a:hover{text-decoration:underline}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.2px;color:#7a8fa4;margin:0 0 6px;text-transform:uppercase}
.card-page-heading>div:first-child{min-width:0}.card-mode{font-size:10px;color:#68839d;padding:6px 10px;border-radius:6px;border:1px solid #dce6f1;background:#f8fafd;white-space:nowrap}.card-record-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.card-code{font-family:"Cascadia Code",Consolas,monospace;font-size:12px;color:#7790a8}.record-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;padding:3px 8px;border-radius:5px;background:#f0f4f8;color:#8194a7;white-space:nowrap}.record-status::before{content:"";width:4px;height:4px;background:currentColor;border-radius:50%}.record-status.is-active{background:#edf7f2;color:#40846b}.record-status.is-inactive{background:#f2f4f7;color:#8a94a0}
.card-list-surface{background:#fff;border:1px solid #e0e8f1;border-radius:12px;overflow:hidden}.card-list-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #edf1f6}.card-list-heading h2{font-size:13px;font-weight:600;color:#44607b;margin:0}.list-count{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#8a9fb3;background:#f2f6fb;padding:5px 9px;border-radius:6px}.list-count strong{color:#55799b;font-weight:600}
.card-grid,#customer-grid{background:white;padding:14px 16px;min-height:360px}.card-list-surface .grid-hint{font-size:10px;color:#8196ab;margin:0;padding:12px 18px;border-top:1px solid #edf1f6;background:#fafcfe}.record-code-link{font-size:12px;font-weight:600;color:#3879b6;text-decoration:none}.record-code-link:hover{text-decoration:underline}.record-primary-cell{font-weight:500;color:#334e69}.record-code-link:focus-visible,.card-breadcrumb a:focus-visible{outline:2px solid #55aaff;outline-offset:2px}
.card-editor,.business-page.editor-page{max-width:1200px;margin:auto}.card-tabs,#customer-tabs{background:#fff;border:1px solid #e0e8f1;border-radius:12px;overflow:hidden}.business-form,.customer-form{padding:20px 24px 24px}.tab-intro{color:#8498ad;font-size:11px;margin:0 0 18px}.card-form-section{min-width:0;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #edf1f6}.card-form-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.card-form-section>h2{font-size:12px;font-weight:600;color:#4e6b87;margin:0 0 14px}
.conversion-section{margin-top:20px;padding-top:18px;border-top:1px solid #edf1f6}.conversion-section h2{font-size:12px;color:#4e6b87;font-weight:600;margin-bottom:7px}.conversion-section p{font-size:11px;color:#8498ad;margin:4px 0 14px}
.editor-actions{position:sticky;bottom:0;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid #dce4ec;border-radius:10px;margin-top:16px;box-shadow:0 -4px 16px #14243a08}.editor-actions>span{margin-right:auto;font-size:11px;color:#7b91a6;display:flex;align-items:center;gap:7px}.editor-actions>span::before{content:"";width:5px;height:5px;border-radius:50%;background:#9eafbd;flex-shrink:0}.editor-actions>span[data-state="dirty"]::before{background:#bd9447}.editor-actions>span[data-state="saving"]::before{background:#3879b6}.editor-actions>span[data-state="error"]::before{background:#ae5363}
.card-errors,#customer-errors{background:#fff4f5;color:#a62739;border:1px solid #f0ccd3;padding:12px 16px;border-radius:8px;margin-bottom:16px;white-space:pre-line;font-size:12px}
.card-information{margin-top:16px;padding:12px 16px;border:1px solid #e2eaf3;border-radius:8px;background:#f8fafd;color:#7c92a9;font-size:11px}.card-information summary{cursor:pointer;color:#5f7e9c;font-weight:500}.card-information p{font-size:11px;margin:10px 0 0;color:#879bae}
@media(max-width:700px){.business-page .page-heading{align-items:flex-start}.business-form,.customer-form{padding:16px 14px}.editor-actions{flex-wrap:wrap}.editor-actions>span{width:100%}.card-grid,#customer-grid{padding:10px 8px}.card-list-heading{padding:14px}.card-breadcrumb{font-size:10px;margin-bottom:12px}.business-page h1{font-size:22px}}