/* Scoped module UI. The host's existing manager / sales / boss navigation remains intact. */
/* Wu Cheng has both allocation and personal entries; keep all five phone tabs on one row. */
html[data-sales-layout="mobile"] .sales-work-mobile-nav:has([data-txb-nav]):has([data-txb-mine-nav]){grid-template-columns:repeat(5,minmax(0,1fr))}
.sales-work-mobile-nav:has([data-txb-mine-nav]) button{min-width:0;font-size:12px;padding-inline:2px}
.txb-paste-area{border:1px dashed #b5c9ed;border-radius:9px;padding:14px;background:#f8faff;min-width:0}.txb-paste-area:focus-within{border-color:#265ddd}.txb-paste-area>strong{font-size:13px}.txb-feedback-history-list{margin-top:16px}.txb-feedback-history-list summary{cursor:pointer;color:#245bd4;font-size:13px}.txb-feedback-history{border-top:1px solid #e5edf7;padding:12px 0;overflow-wrap:anywhere}.txb-feedback-history small{color:#607792}.txb-feedback-history p{white-space:pre-wrap}.txb-customer-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;margin:12px 0;border:1px solid #cddcf7;border-radius:10px;background:#f5f8ff}.txb-customer-link strong{font-size:14px}.txb-customer-link p{font-size:12px;line-height:1.6;color:#607792;margin:5px 0 0}.txb-customer-link button{background:#fff;color:#245bd4;border:1px solid #cddcf7;border-radius:7px;padding:9px;flex-shrink:0}.txb-workspace [hidden]{display:none!important}.txb-paste-area .txb-upload-queue{padding-left:0}.txb-workspace .txb-upload-queue li{overflow-wrap:anywhere}.txb-workspace [data-txb-action="reassign-sales"]{margin-top:16px}@media(max-width:480px){.txb-customer-link{align-items:stretch;flex-direction:column}}
.txb-workspace{min-width:0;color:#122238}.txb-workspace *{box-sizing:border-box}.txb-workspace button,.txb-workspace input,.txb-workspace select,.txb-workspace textarea{font:inherit;max-width:100%}.txb-workspace button{background:#fff;border:1px solid #ccdaf1;color:#245bd4;border-radius:8px;padding:10px 13px;cursor:pointer;min-height:38px}.txb-workspace button:disabled{opacity:.55;cursor:not-allowed}.txb-workspace button:focus-visible,.txb-workspace input:focus-visible,.txb-workspace select:focus-visible,.txb-workspace textarea:focus-visible{outline:2px solid #487af0;outline-offset:2px}.txb-workspace .txb-primary{background:#265ddd;border-color:#265ddd;color:#fff}.txb-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.txb-heading h1{font-size:26px;line-height:1.3;margin:4px 0 8px}.txb-heading p{margin:0;color:#607792;font-size:13px;line-height:1.7}.txb-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.txb-notice{background:#edf5ff;border:1px solid #d5e4fc;border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.6}.txb-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.txb-stats button{display:grid;gap:10px;padding:18px;text-align:left;border-color:#dfe7f3}.txb-stats span,.txb-stats small{color:#637893;font-size:12px}.txb-stats strong{font-size:28px;color:#15375c;line-height:1.2}.txb-stats button:hover{background:#f5f8ff}.txb-panel{min-width:0;background:#fff;border:1px solid #dfe7f1;border-radius:13px;padding:22px!important}.txb-section-title{display:flex;justify-content:space-between;gap:15px;align-items:start}.txb-section-title h2{font-size:18px;margin:0 0 6px}.txb-section-title h3{margin:0}.txb-section-title p,.txb-section-title>small{color:#647b98;font-size:12px;line-height:1.6;margin:0}.txb-status-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.txb-status-tabs button{padding:9px 11px;font-size:13px}.txb-status-tabs b{font-size:11px;font-weight:400;background:#f0f4fb;color:#6481a8;padding:3px 5px;border-radius:4px;margin-left:4px}.txb-status-tabs [aria-pressed=true],.txb-detail-tabs [aria-pressed=true]{background:#edf3ff;border-color:#b3ccfc;font-weight:600;color:#155ce8}.txb-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:18px}.txb-workspace label{display:grid;gap:6px;font-size:12px;color:#607592;min-width:0}.txb-workspace input,.txb-workspace select,.txb-workspace textarea{width:100%;border:1px solid #cfddf1;border-radius:7px;padding:10px;background:#fff;color:#173353;min-height:39px}.txb-workspace textarea{min-height:88px;resize:vertical;line-height:1.6}.txb-workspace fieldset{min-width:0;margin:0;border:0;padding:0;display:grid;gap:15px}.txb-workspace fieldset[disabled]{opacity:.7}.txb-filters>label{flex:0 1 158px}.txb-filters>.txb-search{flex:1 1 270px}.txb-table-scroll{max-height:57vh;overflow:auto;overscroll-behavior:contain;border:1px solid #dce5f3;border-radius:8px;min-width:0}.txb-table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:separate;font-size:13px}.txb-table th{position:sticky;top:0;background:#f3f6fc;text-align:left;padding:13px;border-bottom:1px solid #dce5f3;z-index:1;font-weight:500;color:#56769e}.txb-table th:nth-child(1){width:24%}.txb-table th:nth-child(2){width:18%}.txb-table th:nth-child(3){width:24%}.txb-table th:nth-child(4){width:22%}.txb-table th:nth-child(5){width:12%}.txb-table td{padding:17px 13px;vertical-align:top;border-bottom:1px solid #e6edf7;overflow-wrap:anywhere}.txb-table small{display:block;font-size:11px;color:#6b83a1;margin-top:5px;line-height:1.55}.txb-table strong{font-size:13px}.txb-table tr[data-txb-row]{cursor:pointer}.txb-table tr[data-txb-row]:hover{background:#f6f9ff}.txb-table tr[data-txb-row]:focus-visible{outline:2px solid #5d86dd;outline-offset:-2px}.txb-table button{font-size:12px;padding:9px 10px;white-space:nowrap}.txb-badge{display:inline-block;font-size:11px;border-radius:5px;padding:4px 7px;background:#edf3fc;color:#2b5fbb}.txb-status-return{background:#fff3e7;color:#a46b26}.txb-status-handled{background:#edf7f2;color:#35826a}.txb-status-pool,.txb-status-store{background:#f1f4f8;color:#657e9b}.txb-row-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;margin:7px 0;color:#657b96;font-size:12px;line-height:1.55}.txb-deadline strong{display:block;font-size:13px;color:#3c6eba}.txb-deadline small{display:block;color:#7186a1;font-size:11px;line-height:1.6;margin-top:4px}.txb-deadline.txb-urgent strong{color:#aa782d}.txb-deadline.txb-late strong{color:#b25038}.txb-pager{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:16px 0}.txb-pager>div{display:flex;gap:13px;align-items:center}.txb-pager small,.txb-help{font-size:12px;line-height:1.7;color:#6b7e98}.txb-help{margin:12px 0 0}.txb-empty{padding:30px 12px;text-align:center;color:#7486a0;font-size:13px}.txb-error{color:#ae4b35;font-size:13px;line-height:1.7;white-space:pre-wrap}.txb-drawer,.txb-modal,.txb-proof-modal{border:0;background:#fff;color:#142741;box-shadow:-12px 0 36px #19314c28}.txb-drawer::backdrop,.txb-modal::backdrop,.txb-proof-modal::backdrop{background:#273f5755}.txb-drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:clamp(610px,49vw,780px);max-width:100%;padding:0;border-radius:13px 0 0 13px;overflow:hidden}.txb-drawer[open]{display:flex;flex-direction:column}.txb-drawer>header,.txb-drawer>footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 24px;background:#fff;flex-shrink:0}.txb-drawer>header{border-bottom:1px solid #e3eaf4}.txb-drawer header h2{font-size:23px;margin:7px 0 0;line-height:1.4}.txb-drawer header small{font-size:12px;color:#687f9a}.txb-drawer>header>button,.txb-modal>header>button,.txb-proof-modal>header>button{font-size:23px;line-height:1;padding:7px;width:38px;height:38px;min-width:38px}.txb-drawer>footer{border-top:1px solid #e3eaf4}.txb-drawer footer small{color:#6b7f99;font-size:12px}.txb-drawer-scroll{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:20px 24px 30px}.txb-detail-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.txb-detail-summary>small{font-size:12px;color:#71839c}.txb-detail-tabs{display:flex;gap:8px;position:sticky;top:-20px;background:white;z-index:2;padding:12px 0;margin-bottom:16px}.txb-detail-tabs button{flex:1;font-size:12px;white-space:nowrap;padding:10px 8px}.txb-card{border:1px solid #e0e7f1;border-radius:10px;padding:20px;margin:16px 0}.txb-card h3{font-size:16px;margin:0 0 16px}.txb-card form{margin-top:18px}.txb-card>p,.txb-callout p{font-size:13px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.txb-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.txb-details-grid small{font-size:12px;color:#7587a0}.txb-details-grid p{margin:5px 0 0;font-size:13px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.txb-callout{background:#f2f6fc;border-radius:8px;padding:16px;margin:16px 0;font-size:13px}.txb-callout p{margin:7px 0 0}.txb-callout button{margin-top:12px}.txb-timeline{max-height:340px;overflow:auto;overscroll-behavior:contain}.txb-timeline article{padding:14px 0;border-bottom:1px solid #e9edf5}.txb-timeline small{color:#7587a0;font-size:11px}.txb-timeline p{white-space:pre-wrap;font-size:13px;line-height:1.7;margin:6px 0;overflow-wrap:anywhere}.txb-evidence-list article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #e9edf5}.txb-evidence-list article>span{min-width:0;overflow-wrap:anywhere}.txb-evidence-list strong{font-size:13px}.txb-evidence-list small{display:block;font-size:11px;margin-top:4px;color:#798aa1}.txb-evidence-list button{flex-shrink:0;font-size:12px}.txb-upload-queue{padding:0;list-style:none;margin:10px 0}.txb-upload-queue li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #e8edf5;font-size:12px;overflow-wrap:anywhere}.txb-upload-queue small{display:block;margin-top:4px;color:#7587a0}.txb-upload-queue button{font-size:11px;padding:6px;min-height:30px;flex-shrink:0}.txb-multiline{white-space:pre-wrap}.txb-modal{width:680px;max-width:calc(100vw - 28px);max-height:90dvh;padding:22px;border-radius:13px;overflow:auto}.txb-modal>header,.txb-proof-modal>header{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:18px}.txb-modal h2,.txb-proof-modal h2{font-size:20px;line-height:1.4;margin:0;overflow-wrap:anywhere}.txb-modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.txb-proof-modal{width:900px;max-width:calc(100vw - 28px);max-height:92dvh;overflow:auto;padding:20px;border-radius:12px}.txb-proof-modal img{display:block;max-width:100%;max-height:75dvh;object-fit:contain;margin:auto}.txb-workspace [hidden]{display:none!important}body:has(.txb-drawer[open],.txb-modal[open],.txb-proof-modal[open]){overflow:hidden}
@media(max-width:1000px){.txb-heading{align-items:start;flex-wrap:wrap}.txb-stats{gap:9px}.txb-stats button{padding:14px}.txb-panel{padding:18px!important}.txb-table th:nth-child(5){width:16%}.txb-table th:nth-child(4){width:18%}.txb-table td,.txb-table th{padding:13px 10px}.txb-filters{gap:9px}.txb-filters>label{flex-basis:140px}}
@media(max-width:780px){html:not([data-sales-display="desktop"]) .txb-heading h1{font-size:23px}html:not([data-sales-display="desktop"]) .txb-heading{gap:13px;margin-bottom:18px}html:not([data-sales-display="desktop"]) .txb-actions{width:100%;flex-shrink:1}html:not([data-sales-display="desktop"]) .txb-actions button{flex:1}html:not([data-sales-display="desktop"]) .txb-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}html:not([data-sales-display="desktop"]) .txb-stats button{padding:13px;gap:6px}html:not([data-sales-display="desktop"]) .txb-stats strong{font-size:25px}html:not([data-sales-display="desktop"]) .txb-stats small{font-size:11px}html:not([data-sales-display="desktop"]) .txb-panel{padding:14px!important}html:not([data-sales-display="desktop"]) .txb-section-title{flex-wrap:wrap;gap:8px}html:not([data-sales-display="desktop"]) .txb-status-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:5px;gap:6px}html:not([data-sales-display="desktop"]) .txb-status-tabs button{white-space:nowrap;flex-shrink:0;font-size:12px;padding:8px 9px}html:not([data-sales-display="desktop"]) .txb-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html:not([data-sales-display="desktop"]) .txb-filters>.txb-search{grid-column:1/-1}html:not([data-sales-display="desktop"]) .txb-workspace input,html:not([data-sales-display="desktop"]) .txb-workspace textarea,html:not([data-sales-display="desktop"]) .txb-workspace select{font-size:16px}html:not([data-sales-display="desktop"]) .txb-table-scroll{max-height:65vh;border:0}html:not([data-sales-display="desktop"]) .txb-table,html:not([data-sales-display="desktop"]) .txb-table tbody{display:block}html:not([data-sales-display="desktop"]) .txb-table thead{display:none}html:not([data-sales-display="desktop"]) .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:not([data-sales-display="desktop"]) .txb-table td{display:block;border:0;padding:0}html:not([data-sales-display="desktop"]) .txb-table td:nth-child(1),html:not([data-sales-display="desktop"]) .txb-table td:nth-child(4),html:not([data-sales-display="desktop"]) .txb-table td:nth-child(5){grid-column:1/-1}html:not([data-sales-display="desktop"]) .txb-table td:nth-child(2):before,html:not([data-sales-display="desktop"]) .txb-table td:nth-child(3):before{content:attr(data-label);display:block;color:#7a8ea8;font-size:11px;margin-bottom:5px}html:not([data-sales-display="desktop"]) .txb-table td:nth-child(5) button{width:100%;min-height:42px}html:not([data-sales-display="desktop"]) .txb-pager{flex-wrap:wrap;gap:8px}html:not([data-sales-display="desktop"]) .txb-pager>div{width:100%;justify-content:space-between}html:not([data-sales-display="desktop"]) .txb-drawer{width:100%;border-radius:0}html:not([data-sales-display="desktop"]) .txb-drawer>header,html:not([data-sales-display="desktop"]) .txb-drawer>footer{padding:15px 16px}html:not([data-sales-display="desktop"]) .txb-drawer-scroll{padding:17px 16px 25px}html:not([data-sales-display="desktop"]) .txb-detail-tabs{top:-17px;gap:5px}html:not([data-sales-display="desktop"]) .txb-detail-tabs button{font-size:11px;padding:9px 5px}html:not([data-sales-display="desktop"]) .txb-card{padding:15px}html:not([data-sales-display="desktop"]) .txb-details-grid{gap:14px}html:not([data-sales-display="desktop"]) .txb-modal{padding:17px}html:not([data-sales-display="desktop"]) .txb-proof-modal{padding:14px}html:not([data-sales-display="desktop"]) .txb-evidence-list article{gap:8px}html:not([data-sales-display="desktop"]) .txb-drawer footer small{font-size:11px}html:not([data-sales-display="desktop"]) .txb-card .txb-section-title .txb-deadline{width:100%}}
html[data-sales-layout="mobile"] .txb-heading h1{font-size:23px}html[data-sales-layout="mobile"] .txb-heading{gap:13px;margin-bottom:18px}html[data-sales-layout="mobile"] .txb-actions{width:100%;flex-shrink:1}html[data-sales-layout="mobile"] .txb-actions button{flex:1}html[data-sales-layout="mobile"] .txb-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}html[data-sales-layout="mobile"] .txb-stats button{padding:13px;gap:6px}html[data-sales-layout="mobile"] .txb-stats strong{font-size:25px}html[data-sales-layout="mobile"] .txb-stats small{font-size:11px}html[data-sales-layout="mobile"] .txb-panel{padding:14px!important}html[data-sales-layout="mobile"] .txb-section-title{flex-wrap:wrap;gap:8px}html[data-sales-layout="mobile"] .txb-status-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:5px;gap:6px}html[data-sales-layout="mobile"] .txb-status-tabs button{white-space:nowrap;flex-shrink:0;font-size:12px;padding:8px 9px}html[data-sales-layout="mobile"] .txb-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-sales-layout="mobile"] .txb-filters>.txb-search{grid-column:1/-1}html[data-sales-layout="mobile"] .txb-workspace input,html[data-sales-layout="mobile"] .txb-workspace textarea,html[data-sales-layout="mobile"] .txb-workspace select{font-size:16px}html[data-sales-layout="mobile"] .txb-table-scroll{max-height:65vh;border:0}html[data-sales-layout="mobile"] .txb-table,html[data-sales-layout="mobile"] .txb-table tbody{display:block}html[data-sales-layout="mobile"] .txb-table thead{display:none}html[data-sales-layout="mobile"] .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-layout="mobile"] .txb-table td{display:block;border:0;padding:0}html[data-sales-layout="mobile"] .txb-table td:nth-child(1),html[data-sales-layout="mobile"] .txb-table td:nth-child(4),html[data-sales-layout="mobile"] .txb-table td:nth-child(5){grid-column:1/-1}html[data-sales-layout="mobile"] .txb-table td:nth-child(2):before,html[data-sales-layout="mobile"] .txb-table td:nth-child(3):before{content:attr(data-label);display:block;color:#7a8ea8;font-size:11px;margin-bottom:5px}html[data-sales-layout="mobile"] .txb-table td:nth-child(5) button{width:100%;min-height:42px}html[data-sales-layout="mobile"] .txb-pager{flex-wrap:wrap;gap:8px}html[data-sales-layout="mobile"] .txb-pager>div{width:100%;justify-content:space-between}html[data-sales-layout="mobile"] .txb-drawer{width:100%;border-radius:0}html[data-sales-layout="mobile"] .txb-drawer>header,html[data-sales-layout="mobile"] .txb-drawer>footer{padding:15px 16px}html[data-sales-layout="mobile"] .txb-drawer-scroll{padding:17px 16px 25px}html[data-sales-layout="mobile"] .txb-detail-tabs{top:-17px;gap:5px}html[data-sales-layout="mobile"] .txb-detail-tabs button{font-size:11px;padding:9px 5px}html[data-sales-layout="mobile"] .txb-card{padding:15px}html[data-sales-layout="mobile"] .txb-details-grid{gap:14px}html[data-sales-layout="mobile"] .txb-modal{padding:17px}html[data-sales-layout="mobile"] .txb-proof-modal{padding:14px}html[data-sales-layout="mobile"] .txb-evidence-list article{gap:8px}html[data-sales-layout="mobile"] .txb-drawer footer small{font-size:11px}html[data-sales-layout="mobile"] .txb-card .txb-section-title .txb-deadline{width:100%}
@media(max-width:360px){.txb-details-grid{grid-template-columns:minmax(0,1fr)}.txb-stats small{font-size:10px}.txb-detail-tabs{overflow-x:auto}.txb-detail-tabs button{flex:0 0 auto}.txb-table tr[data-txb-row]{padding:12px;gap:10px}}
.admin-main .txb-heading h1{display:none}.txb-reusable-evidence{border:1px solid #dbe5f4;border-radius:8px;padding:13px;margin-top:12px}.txb-reusable-evidence>strong{font-size:13px}.txb-existing-proof{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e7edf5}.txb-existing-proof:last-child{border-bottom:0}.txb-existing-proof>label{display:flex;align-items:center;gap:9px;flex:1;min-width:0;cursor:pointer}.txb-existing-proof input[type=checkbox]{width:18px;min-height:18px;height:18px;margin:0;flex-shrink:0;accent-color:#265ddd}.txb-existing-proof label span{overflow-wrap:anywhere;min-width:0}.txb-existing-proof label small{display:block;color:#7586a0;font-size:11px;margin-top:4px}.txb-existing-proof>button{font-size:12px;min-height:34px;padding:7px 10px;flex-shrink:0}
@media(prefers-reduced-motion:reduce){.txb-workspace *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Existing mobile sales navigation adds a fourth entry, not a second app shell. */
.sales-work-mobile-nav:has([data-txb-nav]), .sales-three-nav:has([data-txb-nav]) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
/* Validation stays beside the submission action, including server errors. */
.txb-feedback-submit{display:grid;gap:10px}.txb-feedback-submit .txb-form-error{margin:0;padding:12px 14px;border:1px solid #e5b7ab;background:#fff6f2;border-radius:8px;color:#9b3c28;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.txb-field-error{color:#a63f2e;font-size:12px;line-height:1.65}.txb-workspace [aria-invalid=true]{border-color:#c66853;background:#fffaf8}.txb-feedback-submit [data-txb-error-locate]{justify-self:start;font-size:12px;padding:7px 10px;min-height:34px}.txb-feedback-submit .txb-primary{width:100%}
