/* Wanli business UI: Airtable foundation, Stripe financial hierarchy. */
@media screen {
:root{--bg:#f8fafc;--panel:#fff;--text:#181d26;--muted:#627086;--line:#e0e2e6;--primary:#1b61c9;--primary-2:#164fa5;--danger:#b42318;--success:#197047;--shadow:0 3px 16px rgba(15,48,106,.045);--project-bg:var(--bg);--project-panel:#fff;--project-text:var(--text);--project-body:#344054;--project-muted:var(--muted);--project-line:var(--line);--project-primary:var(--primary);--project-success:var(--success);--project-warning:#946200;--project-danger:var(--danger);--project-radius:16px;--project-control-radius:8px;--project-shadow:var(--shadow)}
html body{background:var(--bg);color:var(--text);font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;font-size:14px;line-height:1.6}
body .sidebar{background:#fff;color:var(--text);border-right:1px solid var(--line);padding:24px 16px;overflow-y:auto}
body .brand{padding:4px 8px 28px}body .brand-mark{background:var(--primary);color:#fff;box-shadow:none;border-radius:12px}body .brand small,body .login-brand small{color:var(--muted)}
body .side-nav{gap:6px}body .side-nav a{color:#475467;min-height:44px;border-radius:10px;font-weight:500}body .side-nav a:hover{background:#f3f6fa;color:var(--text)}body .side-nav a.active{background:#e8f1ff;color:var(--primary);font-weight:700}
body .sidebar-foot,body .sidebar-user{border-color:var(--line)}body .sidebar-user strong{color:var(--text)}body .sidebar-user small,body .sidebar-foot a{color:var(--muted)}body .sidebar-user-avatar{background:#e8f1ff;color:var(--primary)}
body .main-content{--page-inset:32px;--panel-inset:22px;padding:28px var(--page-inset) 100px;min-width:0}body .topbar{gap:20px;margin-bottom:28px;align-items:center}body .topbar h1{font-size:26px;line-height:1.35;font-weight:700}body .topbar p{font-size:13px;margin-top:6px;color:var(--muted)}
body .panel,body .stat-card{border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);background:#fff}body .panel-head{padding:18px 22px;gap:16px}body .panel-head h2{font-size:18px;line-height:1.45}body .panel-head p{color:var(--muted);line-height:1.6}
body .btn{min-height:40px;padding:9px 16px;border-radius:10px;border-color:#d4d9e1;color:#344054;background:#fff;font-size:14px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s}body .btn:hover{background:#f3f6fa;border-color:#bcc6d4}body .btn.primary{background:var(--primary);border-color:var(--primary);color:white}body .btn.primary:hover{background:var(--primary-2);border-color:var(--primary-2)}body .btn.small{min-height:34px;padding:6px 11px;font-size:13px}body .btn.danger,body .btn.danger-outline{color:#b42318;border-color:#efb9b4;background:#fff}body .btn:disabled{opacity:.55;cursor:not-allowed}
body .input,body .select,body .textarea{min-height:42px;padding:9px 12px;border:1px solid #cdd5df;border-radius:8px;background:#fff;color:var(--text);font-size:14px;line-height:1.5;max-width:100%}body textarea.input,body .textarea{min-height:96px;resize:vertical}body .input::placeholder,body .textarea::placeholder{color:#758195}body .input:focus,body .select:focus,body .textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(27,97,201,.12)}body :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--primary);outline-offset:3px}body input[type=checkbox],body input[type=radio]{accent-color:var(--primary)}
body :is(.field,.pf-field,.sv-field,.os-filter-grid>label){gap:8px;min-width:0;color:#344054}body :is(.form-grid,.pf-grid,.pm-form-grid,.sv-grid){column-gap:20px;row-gap:20px}body :is(.field>span,.pf-field,.sv-field){font-size:14px}body label small{color:var(--muted);font-size:12px;line-height:1.6}body .input[readonly]{background:#f2f5f9;color:#475467}
body :is(.pm-shell,.wb-shell,.quote-editor,.sv-shell,.os-shell,.settings-hub,.sv-form){gap:24px;min-width:0;font-size:14px;line-height:1.6}body :is(.wb-grid,.wb-cols,.pm-stats,.sv-stats,.os-summary){gap:16px}body :is(.wb-hero,.os-hero,.sv-hero,.user-management-hero,.settings-user-entry){background:#fff;border-color:var(--line)}body :is(.wb-hero,.os-hero,.sv-hero){padding:24px}body :is(.wb-stat,.pm-stats>div,.sv-stats>div,.os-summary>div){padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}body :is(.wb-stat strong,.pm-stats strong,.sv-stats strong,.os-summary strong){color:var(--text);font-size:28px;font-variant-numeric:tabular-nums}
body :is(.pm-nav,.pb-steps){gap:8px}body .pm-nav a{border-radius:8px;color:#475467}body .pm-nav a.active{background:#e8f1ff;color:var(--primary);border-color:#c9ddf8}body :is(.pf-pad,.pp-card,.sv-form-section,.sv-detail,.sv-system,.os-filter,.os-results,.sv-list){padding:22px}body :is(.pf-heading,.sv-section-title,.os-filter-head,.pp-head){gap:16px;margin-bottom:20px}
body :is(.table-wrap,.product-table-wrap,.quote-table-wrap){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}body .data-table{font-variant-numeric:tabular-nums}body .data-table th{padding:12px 14px;background:#f5f7fa;color:#526174;font-size:12px;font-weight:600;border-bottom:1px solid var(--line)}body .data-table td{padding:13px 14px;color:#344054;font-size:14px;line-height:1.55;border-bottom:1px solid #e9edf2}body .data-table tbody tr:hover{background:#f5f9ff}body .data-table small{font-size:12px;line-height:1.55;color:var(--muted)}body :is(.link-strong,.row-actions a,.row-actions button,.pp-proof-link){color:var(--primary)}body .row-actions .link-danger{color:var(--danger)}body :is(.money-strong,.live-total strong,.quote-total-cell){font-variant-numeric:tabular-nums;color:#061b31}
body :is(.pp-status,.pp-chip,.sv-level,.os-status){background:#e8f1ff;color:#1b61c9;font-size:12px;line-height:1.5}body :is(.sv-status-active,.account-status.enabled){background:#e8f6ee;color:#197047}body .pp-head b{background:#e8f1ff;color:var(--primary)}body :is(.pp-offer-group,.pp-installment-request){border-color:var(--line);border-radius:12px}body .pp-offer-group>header{background:#f5f7fa;padding:16px}body :is(.pp-offer-add,.pp-installment-request form){padding:16px}body .pp-offer-add>form{margin-top:20px}body .pp-offer-add>form>.btn{margin-top:20px}
/* Finance uses tighter geometry and explicit grouping, with the same brand blue. */
body :is(.pp-payment-handoff,.pp-installments,.sv-payment){background:#f6f9fc;border-color:#d7e2ef;border-radius:12px}body :is(.pp-payment-handoff-form,.pp-installment-payment-form,.pp-finance-form){background:#fff;border:1px solid #e5edf5;border-radius:8px;padding:16px;gap:12px;box-shadow:0 8px 24px -18px rgba(50,50,93,.25)}body :is(.pp-payment-handoff,.pp-installments,.sv-payment) :is(.input,.select,.btn){border-radius:6px}body :is(.pp-payment-offer-summary,.pp-payment-push){padding:0 0 16px;gap:16px}body .pp-payment-push{padding:16px 0 0;margin-top:20px}body .pp-payment-offer-summary span{color:#061b31;font-size:18px;font-variant-numeric:tabular-nums}body .pp-ratio-locked{background:#edf2f7!important;border-color:#d4dee9;font-weight:700}body .pp-payment-details small{color:#344054;font-size:13px;overflow-wrap:anywhere}body .pp-payment-title{padding-top:20px;margin-bottom:0}
body :is(.sv-files>a,.permission-card,.pf-upload-field,.pd-drop,.upload-box,.sv-upload){border-radius:10px;border-color:#d4dce6}body :is(.sv-files>a:hover,.permission-card:hover){border-color:#91b5e7;background:#f6faff}body .permission-card input{accent-color:var(--primary)}body :is(.pm-details dd,.sv-detail dd,.sv-system dd){overflow-wrap:anywhere}body :is(.pf-heading,.sv-detail-head,.sv-form-head,.sv-hero,.os-hero)>div{min-width:0}body :is(.pf-heading,.sv-detail-head,.sv-form-head,.sv-hero,.os-hero) h2{overflow-wrap:anywhere}
body.login-body{background:#f8fafc}body .login-card{border-radius:20px;border-color:var(--line);box-shadow:0 12px 42px rgba(15,48,106,.08);padding:36px;max-width:100%}body .login-card h1{color:#181d26;font-size:26px}body .login-tip{color:var(--muted)}body .sticky-savebar{border-color:var(--line);box-shadow:0 -4px 20px rgba(15,48,106,.04)}
@media(max-width:1100px){body .main-content{--page-inset:22px;padding:24px var(--page-inset) 100px}body .sv-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){body :is(.pf-grid,.pm-form-grid,.sv-grid,.form-grid.cols-2,.form-grid.cols-3){grid-template-columns:1fr}body :is(.sv-field.sv-wide,.pf-wide,.form-grid .span-2,.form-grid .span-3){grid-column:1/-1}}
@media(max-width:780px){body .sidebar{position:static;width:100%;padding:16px;border-right:0;border-bottom:1px solid var(--line)}body .brand{padding:0 4px 16px}body .side-nav{flex-direction:row;gap:6px;padding-bottom:4px}body .side-nav a{flex:0 0 auto;min-height:42px;padding:10px 12px}body .sidebar-foot{display:none}body .main-content{--page-inset:14px;--panel-inset:16px;margin-left:0;padding:20px var(--page-inset) 100px}body .topbar{align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}body .topbar h1{font-size:23px}body :is(.pm-shell,.wb-shell,.quote-editor,.sv-shell,.os-shell,.sv-form){gap:20px}body :is(.pf-pad,.pp-card,.sv-form-section,.sv-detail,.sv-system,.os-filter,.os-results,.sv-list,.sv-hero,.os-hero,.wb-hero){padding:16px}body .btn,body .btn.small{min-height:40px}body :is(.sv-filter,.os-filter-grid){grid-template-columns:1fr}body .sv-filter-actions{flex-wrap:wrap}body :is(.sv-detail-head,.sv-form-head,.sv-hero,.os-hero,.sv-save){flex-direction:column;align-items:stretch}body .login-card{padding:26px}body .sticky-savebar{left:0;padding:12px 14px;flex-wrap:wrap}body :is(.pp-payment-offer-summary,.pp-payment-push){flex-direction:column;align-items:stretch}}
/* Business pages share the available workspace width. Document canvases retain their paper width. */
body .main-content :is(.pm-shell,.pb-shell,.pd-shell,.pp-shell,.wb-shell,.sv-shell,.os-shell,.settings-hub,.ai-import-shell){width:100%;max-width:none;margin-left:0;margin-right:0;min-width:0;box-sizing:border-box}
body .wb-cols.wb-single{grid-template-columns:minmax(0,1fr)}
body .wb-cols:has(>.wb-section .pm-empty){grid-template-columns:minmax(0,1fr)}
@media(min-width:1101px){body .wb-cols:has(>.wb-section .pm-empty) .wb-task-copy{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(220px,1fr) minmax(180px,.8fr);align-items:center;gap:16px}}
body .wb-grid{margin:0}body .wb-section-all{margin-top:0}
body .product-library-top{padding:20px var(--panel-inset);gap:16px;flex-wrap:wrap}
body .library-tabs{padding:14px var(--panel-inset) 0;flex-wrap:wrap}
body .library-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;padding:0 var(--panel-inset) var(--panel-inset)}
body .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}
body .stat-card{min-width:0;overflow-wrap:anywhere}
body .wb-section{padding:var(--panel-inset)}
body #orgRows{padding:4px var(--panel-inset) 0}
body #orgRows+.row-actions{margin:16px 0 0;padding:0 var(--panel-inset) var(--panel-inset);flex-wrap:wrap}
body .panel-head,body .os-results-head,body .sv-list-head{flex-wrap:wrap;min-width:0}
body .pm-shell .os-results .data-table td:is(:nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(8)){white-space:normal;overflow-wrap:anywhere;min-width:120px;max-width:220px}
body .pm-shell .os-results .data-table td:nth-child(4){max-width:150px}
body .main-content .btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}
body .main-content .btn.primary:hover{background:var(--primary-2);border-color:var(--primary-2)}
@media(max-width:780px){body .stats-grid{grid-template-columns:1fr;margin-bottom:20px}body .product-library-top{align-items:stretch}body .library-card-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body *,body *::before,body *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
}

@media screen{.rel-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:20px 22px}.rel-pagination [aria-current=page]{background:#e8f1ff;color:#1b61c9}.os-table th:first-child,.os-table td:first-child,.sv-table th:first-child,.sv-table td:first-child{position:sticky;left:0;background:#fff;z-index:1;max-width:220px}.os-table th:last-child,.os-table td:last-child,.sv-table th:last-child,.sv-table td:last-child{position:sticky;right:0;background:#fff;z-index:1}.os-table th:first-child,.os-table th:last-child,.sv-table th:first-child,.sv-table th:last-child{background:#f3f5f8;z-index:2}}