:root{--ink:#2d3138;--ink-soft:#5f6672;--muted:#8b919b;--line:#dfe3e8;--line-strong:#c9ced6;--surface:#fff;--surface-soft:#f4f5f7;--surface-muted:#eceff2;--page:#f8f8f8;--primary:#3a475b;--primary-strong:#28364b;--accent:#de0024;--info:#76ccfd;--success:#268b5f;--success-soft:#eaf7f0;--warning:#b66a14;--warning-soft:#fff5e8;--danger:#b42318;--danger-soft:#fff0ee;--radius-sm:8px;--radius:14px;--radius-lg:20px;--shadow:0 10px 28px #232a340f;--sidebar:220px;--topbar:64px}*{box-sizing:border-box}html{background:var(--page)}body{color:var(--ink);background:var(--page);margin:0;font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:8px;font-size:clamp(1.9rem,3vw,2.65rem)}h2{letter-spacing:-.02em;font-size:1.25rem}h3{font-size:1rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--ink-soft)}.small{font-size:.82rem}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-right{text-align:right}.stack{gap:16px;display:grid}.stack-sm{gap:8px;display:grid}.inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.hidden{display:none!important}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-18{margin-top:18px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-0{margin-bottom:0}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.page-loading{min-height:100vh;color:var(--ink-soft);place-items:center;display:grid}.app-frame{min-height:100vh}.topbar{z-index:50;height:var(--topbar);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;position:fixed;top:0;left:0;right:0}.topbar-inner{align-items:center;gap:14px;max-width:1600px;height:100%;margin:auto;padding:0 22px;display:flex}.topbar-spacer{flex:1}.brand{letter-spacing:-.06em;font-size:1.5rem;font-weight:500}.brand strong{font-weight:900}.business-picker{width:100%;margin-top:5px;display:block}.business-picker select{border:1px solid var(--line);background:var(--surface);width:100%;max-width:none;color:var(--ink);cursor:pointer;border-radius:10px;padding:8px 32px 8px 10px;font-size:.9rem;font-weight:700}.icon-btn{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--primary);cursor:pointer;border-radius:50%;place-items:center;display:grid}.sidebar{z-index:40;top:var(--topbar);width:var(--sidebar);background:var(--surface);border-right:1px solid var(--line);padding:20px 14px;position:fixed;bottom:0;left:0;overflow-y:auto}.sidebar-business{gap:3px;padding:10px 12px 18px;display:grid}.sidebar-business>strong{overflow-wrap:anywhere;font-size:.95rem;line-height:1.25}.sidebar-nav{gap:3px;display:grid}.nav-link{color:var(--ink-soft);border-radius:10px;padding:10px 12px;font-size:.93rem;transition:all .15s;display:block}.nav-link:hover,.nav-link.is-active{background:var(--surface-soft);color:var(--ink)}.nav-link.is-active{font-weight:700}.nav-button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.app-content{padding-top:var(--topbar);padding-left:var(--sidebar);min-height:100vh}.page-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:38px 0 80px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.page-actions{flex-wrap:wrap;gap:10px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:6px;font-size:.72rem;font-weight:800}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.panel-flat{box-shadow:none}.panel-header,.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panel-header h2,.section-heading h2{margin-bottom:4px}.panel-header p,.section-heading p{color:var(--ink-soft);margin:0}.panel-divider{border-top:1px solid var(--line);margin:20px 0}.empty-state{text-align:center;padding:50px 24px}.empty-state p{color:var(--ink-soft);max-width:520px;margin:0 auto 20px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.module-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;min-height:180px;padding:24px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.module-card:hover{box-shadow:var(--shadow);border-color:var(--line-strong);transform:translateY(-2px)}.module-card h2{margin-bottom:8px;font-size:1.55rem}.module-card p{color:var(--ink-soft);max-width:360px;margin-bottom:0}.module-card.featured{background:var(--primary);color:#fff;grid-column:span 2}.module-card.featured p{color:#ffffffbf}.module-meta{margin-top:20px;font-size:1.2rem}.module-arrow{font-size:1.4rem;position:absolute;bottom:20px;right:22px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.metric-label{color:var(--ink-soft);margin-bottom:6px;font-size:.82rem}.metric-value{letter-spacing:-.04em;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800}.metric-note{color:var(--muted);margin-top:4px;font-size:.78rem}.metric-good .metric-value{color:var(--success)}.metric-bad .metric-value{color:var(--danger)}.field{gap:6px;min-width:0;display:grid}.field-label{font-size:.84rem;font-weight:700}.field-hint{color:var(--muted);font-size:.76rem}.input,.select,.textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=date],input[type=time],select,textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:43px;color:var(--ink);outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:92px}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3a475b1a}input[readonly],input:disabled,select:disabled,textarea:disabled{background:var(--surface-soft);color:var(--muted)}.form-section+.form-section{margin-top:18px}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.checkbox{cursor:pointer;align-items:center;gap:9px;display:flex}.checkbox input{width:18px;height:18px}.btn{border-radius:var(--radius-sm);cursor:pointer;text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 15px;font-weight:700;transition:all .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-strong)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-ghost{color:var(--ink-soft);border-color:var(--line);background:0 0}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#f3c2bd}.btn-success{background:var(--success);color:#fff}.btn-compact{min-height:36px;padding:7px 11px;font-size:.82rem}.btn-wide{width:100%}.badge{background:var(--surface-muted);color:var(--ink-soft);border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:.72rem;font-weight:800;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{color:#24647f;background:#e7f7ff}.alert{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);padding:12px 14px}.alert-error{color:var(--danger);background:var(--danger-soft);border-color:#f0c1bd}.alert-success{color:var(--success);background:var(--success-soft);border-color:#b9e2ce}.alert-warning{color:var(--warning);background:var(--warning-soft);border-color:#f2d5ae}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--ink-soft);border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700}.tab.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.tab-count{background:var(--surface-soft);min-width:21px;height:21px;color:var(--ink-soft);border-radius:999px;justify-content:center;align-items:center;margin-left:5px;padding:0 6px;font-size:.72rem;font-weight:800;line-height:1;display:inline-flex}.tab.is-active .tab-count{color:#fff;background:#ffffff2e}.tab.has-danger{color:var(--danger);border-color:#f0b7b2}.tab.has-danger.is-active{background:var(--danger);border-color:var(--danger);color:#fff}.tab-count-danger{background:var(--danger-soft);color:var(--danger)}.tab.has-danger.is-active .tab-count-danger{color:#fff;background:#fff3}.tab.has-warning{color:var(--warning);border-color:#e8c77d}.tab.has-warning.is-active{background:var(--warning);border-color:var(--warning);color:#fff}.tab-count-warning{background:var(--warning-soft);color:var(--warning)}.tab.has-warning.is-active .tab-count-warning{color:#fff;background:#fff3}.tab.has-success{color:var(--success);border-color:#a9d8c2}.tab.has-success.is-active{background:var(--success);border-color:var(--success);color:#fff}.tab-count-success{background:var(--success-soft);color:var(--success)}.tab.has-success.is-active .tab-count-success{color:#fff;background:#fff3}.list{gap:10px;display:grid}.list-row{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.list-row-clickable{cursor:pointer;transition:all .15s}.list-row-clickable:hover{border-color:var(--line-strong);transform:translateY(-1px)}.list-main{flex:360px;min-width:0}.list-side{text-align:right;min-width:120px}.row-title{font-weight:800}.row-subtitle{color:var(--ink-soft);margin-top:3px;font-size:.88rem}.auth-page{background:var(--surface);grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);min-height:100vh;display:grid}.auth-hero{background:var(--primary);color:#fff;flex-direction:column;justify-content:space-between;padding:clamp(40px,8vw,100px);display:flex}.auth-logo{letter-spacing:-.07em;font-size:2.3rem}.auth-hero h1{max-width:650px;font-size:clamp(2.8rem,6vw,5.5rem);line-height:.95}.auth-hero p{color:#ffffffb8;max-width:560px;font-size:1.05rem}.auth-panel{place-items:center;padding:34px;display:grid}.auth-card{width:min(430px,100%)}.auth-card h2{margin-bottom:6px;font-size:2rem}.auth-separator{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:18px 0;font-size:.78rem;display:grid}.auth-separator:before,.auth-separator:after{content:"";background:var(--line);height:1px}.text-button{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.business-form-days{gap:10px;display:grid}.day-row{border-bottom:1px solid var(--line);grid-template-columns:110px 90px 1fr;align-items:center;gap:12px;padding-bottom:10px;display:grid}.day-times{grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px;display:grid}.order-editor{gap:18px;display:grid}.order-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.order-item.has-response{border-color:#a9b2bd}.order-item-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.order-item-number{color:var(--muted);letter-spacing:.08em;font-size:.74rem;font-weight:800}.parts-table{gap:9px;margin-top:12px;display:grid}.part-row{background:var(--surface-soft);border-radius:10px;grid-template-columns:minmax(180px,2fr) 80px minmax(110px,1fr) minmax(110px,1fr) auto;align-items:end;gap:8px;padding:12px;display:grid}.part-meta{color:var(--ink-soft);flex-wrap:wrap;grid-column:1/-1;gap:16px;font-size:.8rem;display:flex}.response-box{border:1px solid var(--line);border-left:4px solid var(--info);background:#f7fcff;border-radius:10px;margin-bottom:15px;padding:13px}.order-summary{top:calc(var(--topbar) + 18px);position:sticky}.order-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.price-line{justify-content:space-between;gap:20px;padding:5px 0;display:flex}.price-line.total{border-top:1px solid var(--line);margin-top:8px;padding-top:12px;font-size:1.08rem}.public-page{background:var(--page);min-height:100vh;padding:24px 16px 60px}.public-wrap{width:min(760px,100%);margin:auto}.public-brand{margin-bottom:18px;font-size:1.4rem;font-weight:800}.public-work{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.public-work+.public-work{margin-top:14px}.public-decision{background:var(--surface-soft);border-radius:10px;margin-top:16px;padding:12px}.adjustment-box{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;margin-top:12px;padding:14px}.reminder-card.is-due{border-left:4px solid var(--danger)}.reminder-card.is-soon{border-left:4px solid var(--warning)}.notification-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;display:inline-block}.mobile-only{display:none}@media (max-width:900px){:root{--sidebar:0px}.desktop-only{display:none!important}.mobile-only{display:inline-flex}.sidebar{width:min(290px,85vw);transition:transform .2s;transform:translate(-105%);box-shadow:20px 0 40px #0000001a}.sidebar.is-open{transform:translate(0)}.app-content{padding-left:0}.page-shell{width:min(100% - 28px,1180px);padding-top:24px}.module-grid,.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.module-card.featured{grid-column:span 2}.order-layout{grid-template-columns:1fr}.order-summary{position:static}.auth-page{grid-template-columns:1fr}.auth-hero{min-height:320px}.auth-hero h1{font-size:clamp(2.5rem,10vw,4rem)}.day-row{grid-template-columns:1fr}.day-times{grid-template-columns:repeat(2,minmax(90px,1fr))}.part-row{grid-template-columns:1fr 80px}.part-row>.field:nth-child(3),.part-row>.field:nth-child(4){grid-column:span 1}}@media (max-width:600px){.topbar-inner{padding:0 12px}.grid-2,.grid-3,.grid-4,.module-grid{grid-template-columns:1fr}.module-card.featured{grid-column:auto}.module-card{min-height:150px}.panel,.order-item,.public-work{padding:17px}.page-header{align-items:stretch}.page-actions .btn{flex:1}.list-side{text-align:left}.auth-hero{padding:34px 24px}.auth-panel{padding:30px 20px}.part-row{grid-template-columns:1fr}.part-row>*{grid-column:1!important}}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea,input.input,input[type=search],input[type=url]{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:43px;color:var(--ink);outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.password-field{display:block;position:relative}.password-field input{padding-right:48px}.password-toggle{width:36px;height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.password-toggle svg{width:22px;height:22px}.notification-button{position:relative}.bell-icon{width:21px;height:21px}.notification-count{background:var(--accent);color:#fff;border:2px solid var(--surface);text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;line-height:14px;position:absolute;top:-5px;right:-5px}.back-link{color:var(--ink-soft);align-items:center;gap:6px;font-size:.88rem;font-weight:700;display:inline-flex}.back-link:hover{color:var(--ink)}.client-toolbar{grid-template-columns:auto minmax(260px,1fr);align-items:center;gap:16px;display:grid}.client-toolbar .input{justify-self:end;max-width:520px}.ot-toolbar{grid-template-columns:auto minmax(260px,1fr);align-items:center;gap:16px;display:grid}.ot-toolbar .input{justify-self:end;max-width:520px}.client-row{min-height:76px}.center-actions{justify-content:center;display:flex}.subpanel{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:540px}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;padding:12px 14px}.data-table th{background:var(--surface-soft);color:var(--ink-soft);font-size:.82rem}.data-table tbody tr:last-child td{border-bottom:0}.price-total{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.public-total{font-size:1.7rem}.public-finished{text-align:center}@media (max-width:760px){.client-toolbar{grid-template-columns:1fr}.client-toolbar .input{max-width:none}.ot-toolbar{grid-template-columns:1fr}.ot-toolbar .input{justify-self:stretch;width:100%;max-width:none}}.business-description-field{margin-top:10px}.business-form-days{gap:0}.day-row{border-bottom:1px solid var(--line);grid-template-columns:105px 150px minmax(0,1fr);align-items:start;gap:18px;padding:16px 0}.day-row:first-child{padding-top:2px}.day-row:last-child{border-bottom:0;padding-bottom:0}.day-name{padding-top:7px}.status-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;width:fit-content;min-height:34px;display:inline-flex}.status-switch input{opacity:0;pointer-events:none;position:absolute}.status-switch-track{background:var(--danger);border-radius:999px;flex:0 0 42px;width:42px;height:24px;transition:background .15s;position:relative}.status-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000002e}.status-switch.is-on .status-switch-track{background:var(--success)}.status-switch.is-on .status-switch-thumb{transform:translate(18px)}.status-switch-label{color:var(--danger);font-size:.86rem;font-weight:700}.status-switch.is-on .status-switch-label{color:var(--success)}.status-switch input:focus-visible+.status-switch-track{outline-offset:2px;outline:3px solid #3a475b29}.status-switch input:disabled+.status-switch-track,.status-switch input:disabled~.status-switch-label{opacity:.5;cursor:not-allowed}.day-schedule,.holiday-schedule{gap:12px;min-width:0;display:grid}.schedule-line,.midday-panel{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.schedule-title{width:76px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;flex:0 0 76px;padding-bottom:9px;font-size:.76rem;font-weight:800}.time-field{gap:4px;display:grid}.time-field>span{color:var(--ink-soft);font-size:.72rem;font-weight:700}.time-input,.time-field .time-input{border-radius:7px;width:122px;min-width:122px;height:38px;min-height:38px;padding:6px 9px;font-size:.9rem}.midday-control{padding-left:88px}.midday-control .status-switch-label{color:var(--ink-soft);font-weight:600}.midday-control .status-switch.is-on .status-switch-label{color:var(--ink)}.midday-panel{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;width:fit-content;max-width:calc(100% - 88px);margin-left:88px;padding:12px 14px}.midday-panel .schedule-title{flex-basis:68px;width:68px}.holiday-settings{gap:16px;display:grid}.holiday-header{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.holiday-header>strong{min-width:105px}.holiday-schedule{margin-left:129px;padding-top:2px}.cost-total{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:28px;padding-top:18px;font-size:1rem}.cost-total strong{color:var(--ink);font-size:1.12rem}@media (max-width:900px){.day-row{grid-template-columns:1fr auto;align-items:center;gap:10px 14px;padding:15px 0}.day-name{padding-top:0}.day-row>.day-schedule{grid-column:1/-1;padding-top:6px}.schedule-title{flex-basis:100%;width:100%;padding-bottom:0}.midday-control,.midday-panel,.holiday-schedule{margin-left:0;padding-left:0}.midday-panel{width:100%;max-width:100%}.holiday-header{justify-content:space-between;gap:12px}.holiday-header>strong{min-width:0}}@media (max-width:520px){.schedule-line,.midday-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:8px 10px;display:grid}.schedule-line .schedule-title,.midday-panel .schedule-title{flex-basis:auto;grid-column:1/-1;width:auto;padding-bottom:1px}.schedule-line .time-field,.midday-panel .time-field{min-width:0}.schedule-line .time-input,.midday-panel .time-input,.time-field .time-input{width:100%;min-width:0;height:40px;min-height:40px}.midday-panel{width:100%;max-width:100%;padding:11px 12px 12px}.midday-control{padding-top:2px}}.reminder-main{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.reminder-copy{flex:420px;min-width:0}.reminder-title{font-size:1.02rem}.reminder-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.reminder-link{text-underline-offset:2px;font-weight:700;text-decoration:underline}.reminder-value{margin-top:6px}.reminder-days{color:var(--ink-soft);margin-top:4px;font-weight:800}.reminder-days.is-critical{color:var(--danger)}.reminder-reprogram{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}@media (max-width:600px){.reminder-actions{justify-content:flex-start;width:100%}.reminder-actions .btn{flex:calc(50% - 8px)}}.order-item-followup{margin-top:4px}.followup-switch .status-switch-track{background:var(--line-strong)}.followup-switch .status-switch-label{color:var(--ink)}.followup-switch.is-on .status-switch-track{background:var(--success)}.followup-switch.is-on .status-switch-label{color:var(--success)}.followup-fields{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);margin-top:16px;padding:16px}