/* One presentation mode across the sales homepage, forms and both drawers. */
.sales-display-toolbar{display:flex;justify-content:flex-end;margin:0 0 14px;min-width:0}
.sales-display-control{display:flex;align-items:center;gap:9px;font-size:12px;color:#6a7b94}
.sales-display-control label{display:flex;align-items:center;gap:6px;min-width:0}
.sales-display-label{display:none}
.sales-display-control select{font:inherit;color:#2c5dab;background:#fff;border:1px solid #cfddf0;border-radius:7px;min-height:34px;padding:6px 24px 6px 9px;width:auto;max-width:110px}
html[data-sales-layout="mobile"] #app{padding:0;display:flex;align-items:flex-start;justify-content:center;gap:0}
html[data-sales-layout="mobile"] .sales-work-shell{width:min(430px,100%);min-width:0;min-height:100dvh;border-radius:0;border:0;display:block}
html[data-sales-layout="mobile"] .sales-work-main{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
html[data-sales-layout="mobile"] .sales-work-mobile-nav{padding-bottom:env(safe-area-inset-bottom,0px)}
html[data-sales-layout="mobile"] .sales-work-main .form-grid{grid-template-columns:minmax(0,1fr)}
html[data-sales-layout="mobile"] .sales-work-main .form-grid .form-wide{grid-column:1/-1}
html[data-sales-layout="mobile"] .sales-work-main .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-sales-layout="mobile"] .sales-work-main .deposit-form label,html[data-sales-layout="mobile"] .sales-work-main .form-grid label{min-width:0}
html[data-sales-layout="mobile"] .sc-customer-drawer.sales-work-main{width:min(430px,100%);max-width:100%;border-radius:0;padding-bottom:16px}
html[data-sales-layout="mobile"] .txb-drawer{width:min(430px,100%);max-width:100%;border-radius:0}
html[data-sales-layout="mobile"] .sales-display-toolbar{margin-top:8px;margin-bottom:12px}
html[data-sales-display="desktop"] .sales-work-mobile-nav{display:none}
html[data-sales-display="desktop"] .sales-work-sidebar{display:block}
html[data-sales-display="desktop"] .sales-work-shell{display:grid}
@media(max-width:780px){
  html[data-sales-display="desktop"] #app{display:block;width:100%;max-width:100%;padding:14px;overflow-x:auto}
  html[data-sales-display="desktop"] .sales-work-shell{min-width:980px;grid-template-columns:190px minmax(0,1fr)}
  html[data-sales-display="desktop"] .sales-work-main>.sales-display-toolbar{justify-content:flex-start;max-width:calc(100vw - 240px);min-width:130px}
}
/* Avoid the old phone-frame limit on desktop account/helper pages. */
.sales-work-main>.profile-card,.sales-work-main>.profile-stats{max-width:100%}
.sales-work-main .app-header.compact{grid-template-columns:100px minmax(0,1fr) 100px}
html[data-sales-layout="mobile"] .sales-work-main .app-header.compact{grid-template-columns:82px minmax(0,1fr) 40px}
.sales-work-main input[type=file]{max-width:100%;min-width:0}
.sales-work-main textarea{max-width:100%}
.sales-daily-shortcuts .sales-work-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-sales-layout="mobile"] .sales-daily-shortcuts .sales-work-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-sales-layout="mobile"] .sales-work-mobile-nav:has([data-txb-nav]){grid-template-columns:repeat(4,minmax(0,1fr))}

/* Native auto-mode fallback prevents a one-frame desktop layout on viewport changes. */
@media(max-width:780px){
html[data-sales-display="auto"] #app:has(.sales-work-shell){padding:0;display:block}
html[data-sales-display="auto"] .sales-work-shell{display:block;min-height:100vh;border:0;border-radius:0}
html[data-sales-display="auto"] .sales-work-sidebar{display:none}
html[data-sales-display="auto"] .sales-work-main{padding:18px 14px 90px}
html[data-sales-display="auto"] .sales-work-main .app-header{flex-wrap:wrap}
html[data-sales-display="auto"] .sales-work-main .app-header h1{font-size:23px}
html[data-sales-display="auto"] .sales-work-main .panel{padding:16px}
html[data-sales-display="auto"] .sales-work-search input{font-size:16px}
html[data-sales-display="auto"] .sales-work-filters button{font-size:13px}
html[data-sales-display="auto"] .sales-work-date small{flex-basis:100%}
html[data-sales-display="auto"] .sales-work-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-sales-display="auto"] .sales-work-mobile-nav{position:fixed;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:none;left:0;right:0;transform:none}
html[data-sales-display="auto"] .sales-work-main .section-title{flex-wrap:wrap;gap:8px}
html[data-sales-display="auto"] .sales-work-main .focused-customer-bar{align-items:stretch}
html[data-sales-display="auto"] .sales-work-main input,html[data-sales-display="auto"] .sales-work-main textarea,html[data-sales-display="auto"] .sales-work-main select{font-size:16px}
html[data-sales-display="auto"] .sales-work-main .app-header.compact{grid-template-columns:82px minmax(0,1fr) 40px}
html[data-sales-display="auto"] .sales-work-main .app-header.compact h1{font-size:20px}
html[data-sales-display="auto"] .sales-work-main .app-header.compact>button{padding:9px 8px;font-size:14px}
html[data-sales-display="auto"] #app:has(.sales-work-shell){display:flex;justify-content:center;align-items:flex-start;padding:0}
html[data-sales-display="auto"] .sales-work-shell{width:min(430px,100%);min-height:100dvh}
html[data-sales-display="auto"] .sales-work-mobile-nav{width:min(430px,100%);max-width:100%;left:50%;right:auto;transform:translateX(-50%)}
html[data-sales-display="auto"] .sales-work-main .app-header{gap:12px}
html[data-sales-display="auto"] .sales-work-main .app-header>button{font-size:13px;min-height:42px}
html[data-sales-display="auto"] .sales-daily-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
html[data-sales-display="auto"] .sales-daily-metrics>button{padding:13px 12px;gap:8px}
html[data-sales-display="auto"] .sales-daily-metrics strong{font-size:26px}
html[data-sales-display="auto"] .sales-daily-customer-list{max-height:none;overflow:visible}
html[data-sales-display="auto"] .sales-daily-customer-row{grid-template-columns:minmax(0,1fr);gap:8px}
html[data-sales-display="auto"] .sales-daily-row-actions{max-width:none;justify-content:flex-end}
html[data-sales-display="auto"] .sales-daily-row-actions button{min-height:42px;padding:10px 13px}
html[data-sales-display="auto"] .sales-daily-pages{flex-wrap:wrap}
html[data-sales-display="auto"] .sales-daily-pages>div{width:100%;justify-content:space-between}
html[data-sales-display="auto"] .sales-daily-source-groups{grid-template-columns:minmax(0,1fr);gap:6px}
html[data-sales-display="auto"] .sales-daily-txb-counts{gap:7px}
html[data-sales-display="auto"] .sales-daily-txb-counts button{padding:10px 8px;min-width:0}
html[data-sales-display="auto"] .sales-daily-txb-counts span{font-size:11px}
html[data-sales-display="auto"] .sales-display-toolbar{margin-bottom:12px}
html[data-sales-display="auto"] .sc-heading{align-items:stretch!important}
html[data-sales-display="auto"] .sc-heading>div:last-child{width:100%}
html[data-sales-display="auto"] .sc-table-scroll{max-height:none;overflow:visible;border:0}
html[data-sales-display="auto"] .sc-table,html[data-sales-display="auto"] .sc-table tbody{display:block}
html[data-sales-display="auto"] .sc-table thead{display:none}
html[data-sales-display="auto"] .sc-table tr[data-sc-row]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;border:1px solid #dce5ef;border-radius:10px;padding:14px;margin:12px 0;background:#fff}
html[data-sales-display="auto"] .sc-table td{display:block;padding:0;border:0}
html[data-sales-display="auto"] .sc-table td:nth-child(1),html[data-sales-display="auto"] .sc-table td:nth-child(3),html[data-sales-display="auto"] .sc-table td:nth-child(5){grid-column:1/-1}
html[data-sales-display="auto"] .sc-table td:nth-child(2){grid-column:1}
html[data-sales-display="auto"] .sc-table td:nth-child(4){grid-column:2;grid-row:2}
html[data-sales-display="auto"] .sc-table td:nth-child(4):before{content:'下次跟进';display:block;color:#64748b;font-size:12px;margin-bottom:5px}
html[data-sales-display="auto"] .sc-actions button{flex:1;min-height:42px}
html[data-sales-display="auto"] .sc-filters label{flex:1;min-width:100px}
html[data-sales-display="auto"] .sc-detail-tabs{flex-wrap:nowrap;overflow-x:auto}
html[data-sales-display="auto"] .sc-detail-tabs button{font-size:11px;white-space:nowrap;padding:9px 6px}
html[data-sales-display="auto"] .sales-work-shell:has([data-sc-detail]) .sales-work-main{max-height:none;overflow:visible}
html[data-sales-display="auto"] .sales-work-shell:has([data-sc-detail]) .contact-record-list,html[data-sales-display="auto"] .sales-work-shell:has([data-sc-detail]) .payment-record-list,html[data-sales-display="auto"] .sales-work-shell:has([data-sc-detail]) .budget-quote-list{max-height:none;overflow:visible}
html[data-sales-display="auto"] .sales-work-shell:has([data-sc-detail]) .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-sales-display="auto"] .sc-detail-actions{bottom:62px}
html[data-sales-display="auto"] .sc-followup input,html[data-sales-display="auto"] .sc-followup textarea{font-size:16px}
html[data-sales-display="auto"] .sc-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-sales-display="auto"] .sc-date-range{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-sales-display="auto"] .sc-filters input{font-size:16px}
html[data-sales-display="auto"] .sc-pager{padding-bottom:12px}
html[data-sales-display="auto"] .sc-pager>div{width:100%;justify-content:space-between}
html[data-sales-display="auto"] .sc-customer-drawer.sales-work-main{width:100%;border-radius:0;padding:0 16px 16px;animation:none}
html[data-sales-display="auto"] .sc-customer-drawer>.sc-detail-tabs{gap:4px;overflow-x:auto}
html[data-sales-display="auto"] .sc-customer-drawer>.sc-detail-tabs button{font-size:11px;padding:9px 5px}
html[data-sales-display="auto"] .sc-customer-drawer>.sc-detail-actions{bottom:-16px;padding-bottom:16px}
html[data-sales-display="auto"] .sc-customer-drawer .panel{padding:14px}
html[data-sales-display="auto"] .sc-customer-drawer input,html[data-sales-display="auto"] .sc-customer-drawer textarea,html[data-sales-display="auto"] .sc-customer-drawer select{font-size:16px}
html[data-sales-display="auto"] .txb-heading h1{font-size:23px}
html[data-sales-display="auto"] .txb-heading{gap:13px;margin-bottom:18px}
html[data-sales-display="auto"] .txb-actions{width:100%;flex-shrink:1}
html[data-sales-display="auto"] .txb-actions button{flex:1}
html[data-sales-display="auto"] .txb-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
html[data-sales-display="auto"] .txb-stats button{padding:13px;gap:6px}
html[data-sales-display="auto"] .txb-stats strong{font-size:25px}
html[data-sales-display="auto"] .txb-stats small{font-size:11px}
html[data-sales-display="auto"] .txb-panel{padding:14px!important}
html[data-sales-display="auto"] .txb-section-title{flex-wrap:wrap;gap:8px}
html[data-sales-display="auto"] .txb-status-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:5px;gap:6px}
html[data-sales-display="auto"] .txb-status-tabs button{white-space:nowrap;flex-shrink:0;font-size:12px;padding:8px 9px}
html[data-sales-display="auto"] .txb-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-sales-display="auto"] .txb-filters>.txb-search{grid-column:1/-1}
html[data-sales-display="auto"] .txb-workspace input,html[data-sales-display="auto"] .txb-workspace textarea,html[data-sales-display="auto"] .txb-workspace select{font-size:16px}
html[data-sales-display="auto"] .txb-table-scroll{max-height:65vh;border:0}
html[data-sales-display="auto"] .txb-table,html[data-sales-display="auto"] .txb-table tbody{display:block}
html[data-sales-display="auto"] .txb-table thead{display:none}
html[data-sales-display="auto"] .txb-table tr[data-txb-row]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:1px solid #dce5f3;border-radius:10px;padding:15px;margin-bottom:12px}
html[data-sales-display="auto"] .txb-table td{display:block;border:0;padding:0}
html[data-sales-display="auto"] .txb-table td:nth-child(1),html[data-sales-display="auto"] .txb-table td:nth-child(4),html[data-sales-display="auto"] .txb-table td:nth-child(5){grid-column:1/-1}
html[data-sales-display="auto"] .txb-table td:nth-child(2):before,html[data-sales-display="auto"] .txb-table td:nth-child(3):before{content:attr(data-label);display:block;color:#7a8ea8;font-size:11px;margin-bottom:5px}
html[data-sales-display="auto"] .txb-table td:nth-child(5) button{width:100%;min-height:42px}
html[data-sales-display="auto"] .txb-pager{flex-wrap:wrap;gap:8px}
html[data-sales-display="auto"] .txb-pager>div{width:100%;justify-content:space-between}
html[data-sales-display="auto"] .txb-drawer{width:100%;border-radius:0}
html[data-sales-display="auto"] .txb-drawer>header,html[data-sales-display="auto"] .txb-drawer>footer{padding:15px 16px}
html[data-sales-display="auto"] .txb-drawer-scroll{padding:17px 16px 25px}
html[data-sales-display="auto"] .txb-detail-tabs{top:-17px;gap:5px}
html[data-sales-display="auto"] .txb-detail-tabs button{font-size:11px;padding:9px 5px}
html[data-sales-display="auto"] .txb-card{padding:15px}
html[data-sales-display="auto"] .txb-details-grid{gap:14px}
html[data-sales-display="auto"] .txb-modal{padding:17px}
html[data-sales-display="auto"] .txb-proof-modal{padding:14px}
html[data-sales-display="auto"] .txb-evidence-list article{gap:8px}
html[data-sales-display="auto"] .txb-drawer footer small{font-size:11px}
html[data-sales-display="auto"] .txb-card .txb-section-title .txb-deadline{width:100%}
html[data-sales-display="auto"] #app{padding:0;display:flex;align-items:flex-start;justify-content:center;gap:0}
html[data-sales-display="auto"] .sales-work-shell{width:min(430px,100%);min-width:0;min-height:100dvh;border-radius:0;border:0;display:block}
html[data-sales-display="auto"] .sales-work-main{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
html[data-sales-display="auto"] .sales-work-mobile-nav{padding-bottom:env(safe-area-inset-bottom,0px)}
html[data-sales-display="auto"] .sales-work-main .form-grid{grid-template-columns:minmax(0,1fr)}
html[data-sales-display="auto"] .sales-work-main .form-grid .form-wide{grid-column:1/-1}
html[data-sales-display="auto"] .sales-work-main .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-sales-display="auto"] .sales-work-main .deposit-form label,html[data-sales-display="auto"] .sales-work-main .form-grid label{min-width:0}
html[data-sales-display="auto"] .sc-customer-drawer.sales-work-main{width:min(430px,100%);max-width:100%;border-radius:0;padding-bottom:16px}
html[data-sales-display="auto"] .txb-drawer{width:min(430px,100%);max-width:100%;border-radius:0}
html[data-sales-display="auto"] .sales-display-toolbar{margin-top:8px;margin-bottom:12px}
html[data-sales-display="auto"] .sales-work-main .app-header.compact{grid-template-columns:82px minmax(0,1fr) 40px}
}
@media(max-width:780px){html[data-sales-display="auto"] .sales-daily-shortcuts .sales-work-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-sales-display="auto"] .sales-work-mobile-nav:has([data-txb-nav]){grid-template-columns:repeat(4,minmax(0,1fr))}}