.customer-supplier-management{--csm-line:#e2e8e5;display:flex;flex-direction:column;gap:24px;min-width:0;padding:10px 0 26px}.customer-supplier-page-active #title{display:flex;align-items:baseline;gap:22px;white-space:nowrap}.customer-supplier-page-active #title:after{content:'维护客户与供应商基础资料';color:#6f7975;font-size:13px;font-weight:400;letter-spacing:0}.customer-supplier-page-active #greeting{display:none}.csm-tabs{display:grid;grid-template-columns:repeat(2,minmax(270px,300px));gap:0}.csm-tab{display:grid;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:12px;height:76px;padding:10px 18px;border:1px solid var(--csm-line);background:#fff;color:#343b39;text-align:left;cursor:pointer}.csm-tab:first-child{border-radius:9px 0 0 9px}.csm-tab:last-child{border-left:0;border-radius:0 9px 9px 0}.csm-tab>i{display:grid;place-items:center;width:42px;height:42px;color:#737b79}.csm-tab svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.6}.csm-tab span{min-width:0}.csm-tab b,.csm-tab small{display:block}.csm-tab b{font-size:16px}.csm-tab small{margin-top:3px;color:#8a918f;font-size:11px;white-space:nowrap}.csm-tab strong{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f1f3f6;color:#344057;font-size:12px}.csm-tab.active{position:relative;z-index:1;border-color:var(--store-theme);background:linear-gradient(120deg,var(--store-theme-faint),#fff);color:var(--store-theme);box-shadow:0 5px 13px color-mix(in srgb,var(--store-theme) 10%,transparent)}.csm-tab.active>i{color:var(--store-theme)}.csm-tab.active strong{background:var(--store-theme);color:#fff}.csm-filter{display:grid;grid-template-columns:minmax(240px,310px) minmax(155px,185px) auto auto 1fr;align-items:center;gap:14px;margin:0;padding:20px 22px;border-radius:9px!important}.csm-search{position:relative}.csm-search svg{position:absolute;left:13px;top:12px;width:18px;height:18px;fill:none;stroke:#7c8582;stroke-width:1.8}.csm-search input,.csm-filter select{width:100%;height:44px!important;border:1px solid var(--csm-line)!important;border-radius:7px!important;background:#fff!important}.csm-search input{padding:0 12px 0 40px!important}.csm-filter select{padding:0 35px 0 13px!important}.csm-filter>button{height:44px;padding:0 18px}.csm-filter>span{justify-self:end;color:#707976;font-size:13px}.csm-table-card{border:1px solid var(--csm-line);border-radius:9px;background:#fff;box-shadow:0 6px 20px rgba(25,52,44,.055);overflow:visible}.csm-table-card>header{display:flex;align-items:center;justify-content:space-between;min-height:92px;padding:18px 25px;border-bottom:1px solid var(--csm-line)}.csm-table-card>header h3{margin:0;color:#161b1a;font-size:20px}.csm-table-card>header p{margin:4px 0 0;color:#858d8a;font-size:12px}.csm-table-card>header>div:last-child{display:flex;gap:12px}.csm-table-card>header button{display:inline-flex;align-items:center;gap:7px;height:44px}.csm-table-card>header svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.csm-table-wrap{margin:0 12px;overflow:visible;border:1px solid var(--csm-line);border-radius:7px}.csm-table-wrap table{table-layout:fixed}.csm-table-wrap th{height:55px;padding:0 14px;background:#f8faf9;color:#303735;font-size:12px;font-weight:650}.csm-table-wrap th:nth-child(1){width:19%}.csm-table-wrap th:nth-child(2){width:20%}.csm-table-wrap th:nth-child(3){width:30%}.csm-table-wrap th:nth-child(4){width:20%}.csm-table-wrap th:nth-child(5){width:11%}.csm-table-wrap td{height:68px;padding:8px 14px;border-bottom:1px solid var(--csm-line);overflow:visible}.csm-table-wrap tbody tr:last-child td{border-bottom:0}.csm-table-wrap tbody tr:hover{background:color-mix(in srgb,var(--store-theme) 4%,#fff)}.csm-table-wrap .csm-page-hidden{display:none}.csm-name{display:flex;align-items:center;gap:11px;min-width:0}.csm-name i{display:grid;flex:0 0 36px;place-items:center;width:36px;height:36px;border:1px solid hsl(var(--avatar-hue) 58% 82%);border-radius:50%;background:hsl(var(--avatar-hue) 74% 95%);color:hsl(var(--avatar-hue) 58% 36%);font-style:normal;font-weight:700}.csm-name b{overflow:hidden;text-overflow:ellipsis}.csm-contact-value{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;color:#3f4744;text-overflow:ellipsis}.csm-contact-value svg{flex:0 0 17px;width:17px;height:17px;fill:none;stroke:#7c8582;stroke-width:1.6}.csm-contact-value.address{white-space:normal;line-height:1.45}.csm-remark{display:flex;align-items:center;gap:7px;min-width:0}.csm-remark>span:last-child:not(:first-child){overflow:hidden;color:#6f7875;text-overflow:ellipsis}.csm-source-badge{display:inline-flex;flex:0 0 auto;padding:5px 9px;border-radius:6px;font-size:11px;line-height:1}.csm-source-badge.automatic{background:var(--store-theme-faint);color:var(--store-theme)}.csm-source-badge.manual{background:#f2f4f3;color:#68716e}.csm-actions{position:relative;display:flex;align-items:center;gap:8px}.csm-actions>button{border:0;background:transparent;color:var(--store-theme);cursor:pointer}.csm-actions .csm-more{padding:5px;color:#202624;font-weight:800;letter-spacing:1px}.csm-row-menu{position:absolute;right:0;top:31px;z-index:8;display:none;min-width:105px;padding:5px;border:1px solid var(--csm-line);border-radius:8px;background:#fff;box-shadow:0 10px 28px rgba(22,42,36,.14)}.csm-row-menu.open{display:block}.csm-row-menu button{width:100%;padding:8px 10px;border:0;border-radius:5px;background:#fff;color:var(--red);text-align:left;cursor:pointer}.csm-row-menu button:hover{background:#fff1ef}.csm-table-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:14px 22px;color:#68716e;font-size:12px}.csm-table-footer>span:last-child{text-align:right}.csm-table-footer>span b{display:inline-grid;place-items:center;min-width:38px;height:34px;margin:0 5px;border:1px solid var(--csm-line);border-radius:6px;background:#fff;color:#333}.csm-table-footer>div{display:flex;align-items:center;gap:8px}.csm-table-footer button{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border:1px solid var(--csm-line);border-radius:6px;background:#fff;color:#67716d;cursor:pointer}.csm-table-footer button.active{border-color:var(--store-theme);background:var(--store-theme);color:#fff}.csm-table-footer button:disabled{opacity:.38;cursor:default}.csm-drawer-layer{position:fixed;inset:0;z-index:1200;pointer-events:none}.csm-drawer-backdrop{position:absolute;inset:0;border:0;background:transparent}.csm-drawer{position:absolute;right:0;top:0;display:flex;flex-direction:column;width:min(365px,100vw);height:100dvh;border-left:1px solid var(--csm-line);background:#fff;color:var(--ink);box-shadow:-12px 0 32px rgba(20,42,35,.12);transform:translateX(102%);transition:transform .22s ease}.csm-drawer-layer.open{pointer-events:auto}.csm-drawer-layer.open .csm-drawer{transform:none}.csm-drawer>header{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 24px;border-bottom:1px solid #edf0ee}.csm-drawer>header h2{margin:0;font-size:22px}.csm-drawer>header button{border:0;background:transparent;color:#515a57;font-size:27px;cursor:pointer}.csm-drawer form{display:flex;flex:1;min-height:0;flex-direction:column}.csm-drawer-body{display:flex;flex:1;flex-direction:column;gap:22px;overflow-y:auto;padding:25px 24px}.csm-drawer-body label>span{display:block;margin-bottom:9px;color:#2f3734;font-size:13px}.csm-drawer-body em{color:var(--red);font-style:normal}.csm-drawer-body input,.csm-drawer-body textarea{width:100%;border:1px solid #d8dfdc;border-radius:7px;background:#fff;color:var(--ink);outline:0}.csm-drawer-body input{height:45px;padding:0 13px}.csm-drawer-body textarea{height:92px;padding:12px 13px;resize:vertical}.csm-drawer-body input:focus,.csm-drawer-body textarea:focus{border-color:var(--store-theme);box-shadow:0 0 0 3px var(--store-theme-soft)}.csm-drawer-note{display:grid;grid-template-columns:22px 1fr;gap:9px;padding:13px;border:1px solid color-mix(in srgb,var(--store-theme) 27%,#dce6e1);border-radius:7px;background:color-mix(in srgb,var(--store-theme) 4%,#fff);color:var(--store-theme);font-size:11px;line-height:1.7}.csm-drawer-note b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--store-theme);color:#fff;font-family:serif}.csm-drawer>form>footer{display:grid;grid-template-columns:1fr 1.15fr;gap:14px;padding:18px 24px 22px;border-top:1px solid #edf0ee;background:#fff}.csm-drawer>form>footer button{height:44px}.csm-drawer>form>footer button:disabled{opacity:.62;cursor:wait}
.customer-supplier-page-active #view.ticket-system-page::before,.customer-supplier-page-active #view.ticket-system-page::after,.customer-supplier-page-active .csm-filter.ticket-query-bar::before,.customer-supplier-page-active .csm-filter.ticket-query-bar::after{display:none!important;content:none!important}
@media(min-width:1700px){.csm-drawer{width:395px}.customer-supplier-management{padding-top:14px}.csm-tabs{grid-template-columns:repeat(2,300px)}.csm-table-wrap td{height:72px}}
@media(max-width:1200px){.csm-filter{grid-template-columns:minmax(220px,1fr) 160px auto auto}.csm-filter>span{grid-column:1/-1;justify-self:end}.csm-table-wrap th:nth-child(1){width:20%}.csm-table-wrap th:nth-child(2){width:19%}.csm-table-wrap th:nth-child(3){width:27%}.csm-table-wrap th:nth-child(4){width:22%}.csm-table-wrap th:nth-child(5){width:12%}}
@media(max-width:850px){.customer-supplier-management{gap:14px;padding-top:0}.csm-tabs{grid-template-columns:1fr 1fr}.csm-tab{grid-template-columns:37px minmax(0,1fr) 24px;padding:8px}.csm-tab>i{width:34px}.csm-tab small{display:none}.csm-filter{grid-template-columns:1fr 1fr;padding:13px}.csm-search{grid-column:1/-1}.csm-filter>span{grid-column:1/-1}.csm-table-card>header{align-items:flex-start;flex-direction:column;gap:13px}.csm-table-wrap{overflow-x:auto}.csm-table-wrap table{min-width:850px}.csm-drawer{width:min(390px,96vw)}.customer-supplier-page-active #title:after{display:none}}
@media(prefers-reduced-motion:reduce){.csm-drawer{transition:none}}
.csm-actions{z-index:2}.csm-row-menu{z-index:20}.csm-table-wrap tbody tr:nth-last-child(-n+2) .csm-row-menu{top:auto;bottom:31px}.csm-table-footer{position:relative;z-index:1}