:root{--ink:#17211b;--muted:#718078;--line:#e4e9e5;--paper:#f5f7f4;--white:#fff;--sage:#315f4a;--sage2:#e4eee8;--sand:#eee7d9;--danger:#a4443d}*{box-sizing:border-box}body{margin:0;font:14px/1.5 Inter,ui-sans-serif,system-ui,"Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{margin:0 0 7px;font-size:10px;letter-spacing:.2em;color:#87938c;font-weight:700}.muted{color:var(--muted)}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f2f4ef}.login-card{width:440px;align-self:center;justify-self:center;padding:45px}.brand-mark,.logo b{display:grid;place-items:center;background:var(--sage);color:white;font:600 24px Georgia;width:46px;height:46px;border-radius:50%;margin-bottom:32px}.login h1{font:500 44px/1.1 Georgia,"Songti SC",serif;margin:0 0 12px}.login form{margin-top:35px}.login label{display:block;font-size:12px;font-weight:600;margin:18px 0}.login input{display:block;width:100%;border:0;border-bottom:1px solid #aab5ad;background:transparent;padding:12px 2px;outline:none}.login input:focus{border-color:var(--sage)}.login form button,.primary{border:0;background:var(--sage);color:#fff;padding:12px 19px;border-radius:8px;font-weight:650}.login form button{width:100%;margin-top:20px;display:flex;justify-content:space-between}.hint{font-size:11px;color:#909b94;text-align:center}.login-art{position:relative;overflow:hidden;background:#173c2e;color:white;display:flex;align-items:flex-end;padding:70px}.login-art p{font:400 43px/1.18 Georgia;z-index:1}.login-art em{color:#bdcdbd}.orb{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#9eb39d,#3f7058 50%,#234937);top:8%;right:-8%;filter:saturate(.7)}.app{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{position:fixed;width:230px;height:100vh;background:#173c2e;color:white;padding:28px 20px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:12px;letter-spacing:.12em}.logo b{width:35px;height:35px;margin:0;font-size:17px;background:#d7e1d8;color:#173c2e}.logo span{font-weight:700}.logo small{display:block;font-size:8px;opacity:.55;margin-top:2px}nav{margin-top:55px;display:grid;gap:7px}nav button{border:0;background:none;color:#b6c6bc;text-align:left;padding:11px 13px;border-radius:7px}nav button span{margin-left:12px}nav button:hover,nav button.active{background:#2c5141;color:#fff}.side-foot{margin-top:auto;border-top:1px solid #315344;padding-top:20px;display:grid;grid-template-columns:34px 1fr 25px;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#dbe5dc;color:#183d2f;display:grid;place-items:center;font-weight:700}.side-foot b,.side-foot small{display:block;font-size:11px}.side-foot small{opacity:.55}.side-foot button{border:0;background:none;color:white}main{margin-left:230px;padding:35px 42px;max-width:1600px;width:calc(100% - 230px)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}header h2{font:500 27px Georgia,"Songti SC",serif;margin:0}.header-actions{display:flex;gap:9px}.ghost,.soft,.link{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 14px;color:var(--ink)}.link{border:0;padding:5px;color:var(--sage)}.soft{background:var(--sage2);border:0;color:var(--sage);width:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:17px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:21px}.stat .num{font:500 29px Georgia;margin:12px 0 3px}.stat small{color:var(--muted)}.stat.warn{background:#f4eee5}.grid2{display:grid;grid-template-columns:1.8fr 1fr;gap:17px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.panel-head,.section-head{display:flex;justify-content:space-between;align-items:center}.panel h3{margin:0;font:500 20px Georgia}.activity{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #edf0ed}.activity:last-child{border:0}.activity .dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--sage2);color:var(--sage)}.activity b,.activity small{display:block}.activity small{color:var(--muted)}.activity time{font-size:11px;color:#89958e}.health{margin:28px 0}.health strong{font:500 50px Georgia}.toolbar{display:flex;gap:10px;margin-bottom:14px}.search{background:white;border:1px solid var(--line);border-radius:8px;padding:9px 13px;flex:1}.search input{border:0;outline:0;width:90%;margin-left:8px}.toolbar select{border:1px solid var(--line);background:white;border-radius:8px;padding:0 12px}.table-wrap{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th{text-align:left;padding:13px 16px;font-size:10px;letter-spacing:.08em;color:#849087;background:#fafbfa}td{padding:14px 16px;border-top:1px solid #edf0ed;vertical-align:middle}td small{display:block;color:var(--muted)}.product-cell{display:flex;align-items:center;gap:12px}.thumb{width:45px;height:45px;border-radius:8px;object-fit:cover;background:#e8ece8}.stock{font-weight:700}.low{color:var(--danger)}.pill{display:inline-block;border-radius:20px;background:var(--sage2);color:var(--sage);padding:3px 8px;font-size:11px}.pill.off{background:#eee;color:#777}.actions{white-space:nowrap}.actions button{border:0;background:none;padding:5px;color:var(--sage)}.insight{background:#eef2ec}.user-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.user-card{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.user-top{display:flex;justify-content:space-between}.perm-list{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.perm{background:#edf2ee;padding:4px 8px;border-radius:12px;font-size:10px}dialog{border:0;border-radius:14px;padding:0;box-shadow:0 25px 80px #17211b44;width:min(720px,94vw)}dialog::backdrop{background:#10201999}.modal-card{padding:25px}.modal-head{display:flex;justify-content:space-between}.modal-head h3{margin:0;font:500 24px Georgia}.icon{border:0;background:none;font-size:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-grid label{font-size:11px;font-weight:650}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:7px;outline:0}.span2{grid-column:span 2}.image-input{display:flex;gap:12px;align-items:center}.preview{width:70px;height:70px;object-fit:cover;border-radius:9px;background:#eee}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.checks label{background:#f5f7f5;padding:10px;border-radius:7px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);margin-top:22px;padding-top:18px}#toast{position:fixed;right:25px;top:20px;z-index:20;background:#173c2e;color:#fff;padding:12px 18px;border-radius:8px;transform:translateY(-80px);transition:.25s}#toast.show{transform:none}@media(max-width:900px){.login{grid-template-columns:1fr}.login-art{display:none}.app{display:block}aside{width:72px;padding:20px 12px}.logo span,nav span,.side-foot>div:not(.avatar),.side-foot button{display:none}main{margin-left:72px;width:calc(100% - 72px);padding:25px 18px}.stats{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.user-grid{grid-template-columns:1fr}.header-actions .ghost{display:none}}@media print{aside,header,.toolbar,.actions{display:none!important}main{margin:0;width:100%;padding:0}.view{display:none!important}#products{display:block!important}.panel{border:0}body{background:white}} .product-cell .row-check{width:16px;height:16px;accent-color:#174e3a;flex:0 0 auto} .pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0 18px}.bulk-tools,.page-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pager select{border:1px solid var(--line);background:white;border-radius:8px;padding:9px 12px}.pager button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.pager{align-items:flex-start}.bulk-tools,.page-tools{width:100%}.page-tools{justify-content:flex-start}} .bulk-grid{align-items:end}.bulk-field{background:#f8faf8;border:1px solid var(--line);border-radius:10px;padding:10px}.bulk-field span{display:flex;align-items:center;gap:7px;margin-bottom:7px;color:#315f4a}.bulk-field span input{width:auto;margin:0;accent-color:#174e3a}.bulk-field textarea{min-height:76px;resize:vertical} .purchase-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:12px 0 14px}.purchase-summary>div{background:#f8faf8;border:1px solid var(--line);border-radius:10px;padding:10px}.purchase-summary small,.mini-record small{display:block;color:var(--muted)}.purchase-summary b{display:block;margin-top:4px}.purchase-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.purchase-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.purchase-detail-grid section{background:#f8faf8;border:1px solid var(--line);border-radius:12px;padding:12px}.purchase-detail-grid h4,.modal-card h4{margin:8px 0 10px}.mini-record{border-top:1px solid #e8ede8;padding:9px 0}.mini-record:first-of-type{border-top:0}.purchase-product{display:flex;align-items:center;gap:9px}.purchase-product input{width:auto!important;margin:0!important}.purchase-picker table{min-width:760px}.warn-pill{background:#f4eee5;color:#8a5b1c} .required-label{display:inline-flex;align-items:center;gap:3px}.required-label b,.form-required-note b{color:#c43f3f;font-weight:800}.form-required-note{margin:4px 0 14px;color:var(--muted);font-size:12px}.field-error{border-color:#c43f3f!important;background:#fff7f6!important;box-shadow:0 0 0 3px rgba(196,63,63,.12)!important} .mini-tag{display:inline-block;margin-right:6px;border-radius:999px;background:#eef4ef;color:#315f4a;padding:1px 6px;font-size:10px;font-weight:700}.modal-subtitle{margin:18px 0 8px}.small-help{font-size:12px;margin:10px 0 0}.category-create{display:grid;grid-template-columns:1fr auto;gap:10px;margin:12px 0 14px}.category-create input{border:1px solid var(--line);border-radius:8px;padding:10px}.category-list{display:grid;gap:8px}.category-row{display:grid;grid-template-columns:1fr 80px auto 70px auto;gap:8px;align-items:center;background:#f8faf8;border:1px solid var(--line);border-radius:10px;padding:9px}.category-row input[type=text],.category-row input:not([type]){min-width:0}.category-row input{border:1px solid var(--line);border-radius:7px;padding:8px}.category-row label{margin:0;font-size:12px}.category-row small{color:var(--muted)} .mobile-spec{display:none} .stock-adjust-card{display:grid;grid-template-columns:1fr 170px;gap:16px;align-items:stretch}.stock-adjust-product{display:flex;align-items:center;gap:11px;background:#f8faf8;border:1px solid var(--line);border-radius:14px;padding:10px 12px;min-width:0}.stock-adjust-product b,.stock-adjust-product small{display:block}.stock-adjust-product b{font-size:14px;line-height:1.25}.stock-adjust-product small{font-size:12px}.stock-adjust-thumb{width:44px;height:44px;flex:0 0 44px;border-radius:10px;object-fit:cover;background:#e8ece8}.stock-current{display:flex;justify-content:space-between;align-items:center;background:#173c2e;color:#fff;border-radius:14px;padding:10px 14px}.stock-current span{opacity:.78;font-size:12px}.stock-current strong{font-size:28px;line-height:1}.stock-mode-label{grid-column:1/-1;font-size:12px;font-weight:700;color:var(--sage);margin-bottom:-8px}.stock-mode{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stock-mode label{margin:0}.stock-mode input{position:absolute;opacity:0;pointer-events:none}.stock-mode span{display:grid;place-items:center;min-height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#315f4a;font-weight:750}.stock-mode input:checked+span,.stock-mode-single span{background:#173c2e;color:#fff;border-color:#173c2e;box-shadow:0 10px 22px rgba(16,32,25,.16)}.stock-adjust-grid{grid-column:1/-1;gap:14px}.stock-adjust-grid input{min-height:48px;font-size:16px}.stock-adjust-hint{grid-column:1/-1;margin:0;font-size:12px} .toolbar{flex-wrap:wrap}.toolbar select{min-height:40px}#productSortSelect{min-width:138px}.user-actions{display:flex;gap:8px;flex-wrap:wrap}.user-actions .ghost{padding:8px 10px}.ghost.danger{color:var(--danger);border-color:#ead0cc}.side-password{margin-top:12px;border:1px solid #315344;background:#214b39;color:#dbe5dc;border-radius:8px;padding:10px 12px;text-align:left}.side-password:hover{background:#2c5141;color:white}.back-top{position:fixed;right:26px;bottom:30px;z-index:80;width:46px;height:46px;border:0;border-radius:50%;background:#173c2e;color:white;font-size:22px;box-shadow:0 12px 30px #10201940;opacity:0;pointer-events:none;transform:translateY(12px);transition:.22s}.back-top.show{opacity:1;pointer-events:auto;transform:none}.back-top:hover{background:#315f4a}@media(max-width:760px){.toolbar .search{flex-basis:100%}#productSortSelect{flex:1;min-width:150px}.back-top{right:18px;bottom:22px}} .lang-floating{position:fixed;right:24px;top:22px;z-index:25;border:1px solid #d8dfd8;background:#ffffffcc;backdrop-filter:blur(10px);border-radius:999px;padding:8px 13px;color:#173c2e;font-weight:700;box-shadow:0 10px 28px #1020191f}.app:not(.hidden)~.lang-floating{display:none}#langToggle{min-width:48px;font-weight:700} .logo img{width:42px;max-height:30px;object-fit:contain;background:white;border-radius:6px;padding:3px} #products .toolbar{position:sticky;top:0;z-index:30;background:var(--paper);padding:10px 0 12px;margin-top:-10px;box-shadow:0 12px 26px rgba(16,32,25,.07)} #products .table-wrap{overflow-x:auto;overflow-y:visible} #products table{border-collapse:separate;border-spacing:0} #products .table-wrap thead th{position:sticky;top:0;z-index:10;background:#fafbfa;box-shadow:0 1px 0 #edf0ed} @media(max-width:760px){#products .table-wrap thead th{top:104px}} #products .product-cell{position:relative} #products tbody tr{position:relative;z-index:1} #products tbody tr:hover{z-index:20} #products tbody tr:hover td{position:relative;background:#fff} #products .thumb{position:relative;z-index:1;cursor:zoom-in;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} #products .thumb:hover{z-index:21;transform:scale(4);transform-origin:left top;border:2px solid #fff;box-shadow:0 16px 46px rgba(16,32,25,.28)} @media(hover:none){#products .thumb:hover{transform:none;box-shadow:none;border:0}} @media(max-width:760px){ main{margin-left:0;width:100%;padding:18px 12px 86px} aside{position:static;width:100%;height:auto;min-height:0;padding:12px 14px;display:flex;flex-direction:row;align-items:center;gap:12px} aside nav{margin:0;display:flex;gap:6px;overflow-x:auto;flex:1} aside nav button{white-space:nowrap;padding:9px 11px} .side-foot,.side-password{display:none!important} header{align-items:flex-start;gap:10px;margin-bottom:14px} header h2{font-size:24px} .header-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end} #products .toolbar{position:sticky;top:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0 10px;margin-top:0;z-index:30} #products .toolbar .search{grid-column:1/-1;min-height:46px} #products .toolbar select,#products .toolbar button{min-height:44px;padding:0 10px} #products .table-wrap{overflow:visible;background:transparent;border:0} #products table{display:block;min-width:0;width:100%;border-collapse:separate!important} #products thead{display:none} #products tbody{display:grid;gap:8px} #products tbody tr{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px 10px;box-shadow:0 6px 18px rgba(16,32,25,.05)} #products tbody tr:hover{z-index:1} #products tbody tr:hover td{background:transparent} #products td{border:0;padding:0} #products td:nth-child(2),#products td:nth-child(4),#products td:nth-child(5),#products td:nth-child(6),#products td:nth-child(7){display:none!important} #products td:first-child{grid-column:1/3;min-width:0} #products .product-cell{gap:10px;align-items:center} #products .row-check{display:none!important} #products .thumb{width:68px;height:68px;border-radius:13px;flex:0 0 68px} #products .product-cell b{display:none} #products .product-cell small:not(.mobile-spec){display:none} #products .mobile-spec{display:block;color:#315f4a;font-size:13px;font-weight:750;line-height:1.25} #products td:nth-child(3){display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;min-width:64px} #products td:nth-child(3) small{font-size:10px} #products .stock{font-size:24px;line-height:1;font-weight:850} #products .actions{display:flex;grid-column:3;grid-row:1;align-items:center;justify-content:flex-end;white-space:normal} #products .actions button{display:none} #products .actions button:first-child{display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:74px;border-radius:12px;background:#174e3a;color:white;font-weight:800;padding:0 12px} .pager{position:static;z-index:auto;background:transparent;backdrop-filter:none;border-top:0;margin:12px 0 0;padding:0} .page-tools,.bulk-tools{gap:6px} .page-tools button,.bulk-tools button,.pager select{min-height:40px} dialog{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:18px 18px 0 0} .modal-card{padding:20px 16px} .form-grid{grid-template-columns:1fr;gap:12px} .span2{grid-column:auto} .form-grid input,.form-grid select,.form-grid textarea{min-height:48px;font-size:16px} .modal-actions{position:sticky;bottom:0;background:white;padding-bottom:8px} .modal-actions button{min-height:48px;flex:1} .back-top{right:16px;bottom:86px;z-index:80!important} .stock-adjust-product{padding:10px}.stock-adjust-thumb{width:52px;height:52px}.stock-current{padding:12px 14px}.stock-current strong{font-size:28px}.stock-mode{grid-template-columns:1fr}.stock-mode span{min-height:48px}.stock-adjust-hint{font-size:12px;line-height:1.45} .category-create{grid-template-columns:1fr}.category-row{grid-template-columns:1fr;align-items:stretch}.category-row .ghost{width:100%} .purchase-summary{grid-template-columns:repeat(2,1fr)}.purchase-detail-grid{grid-template-columns:1fr}.purchase-actions .ghost{flex:1;min-width:120px} } /* DAOYUN_MOBILE_3_COL_PRODUCTS_V3 */ @media(max-width:760px){ aside{padding:8px 10px;gap:8px} aside .logo{gap:7px;min-width:auto} aside .logo img{width:32px;max-height:24px;padding:2px} aside .logo b{width:28px;height:28px;font-size:14px} aside nav{gap:4px} aside nav button{padding:7px 8px;font-size:12px;border-radius:7px} aside nav button span{margin-left:5px} main{padding-top:12px} header{margin-bottom:10px} header h2{font-size:21px} #products .toolbar{gap:6px;padding:6px 0 8px} #products .toolbar .search{min-height:40px} #products .toolbar select,#products .toolbar button{min-height:38px;font-size:12px;padding:0 8px} #products tbody{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #products tbody tr{display:flex!important;flex-direction:column;align-items:stretch;gap:6px;border-radius:13px;padding:7px;min-width:0} #products td:first-child{grid-column:auto;width:100%} #products .product-cell{display:block;text-align:center} #products .thumb{width:100%!important;height:auto!important;aspect-ratio:1/1;border-radius:11px;display:block;margin:0 auto 5px;object-fit:cover} #products .mobile-spec{font-size:11px;line-height:1.2;min-height:26px;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center} #products td:nth-child(3){align-items:center!important;min-width:0} #products .stock{font-size:20px} #products td:nth-child(3) small{display:none} #products .actions{grid-column:auto;grid-row:auto;width:100%;justify-content:center} #products .actions button:first-child{width:100%;min-width:0;min-height:34px;border-radius:10px;font-size:12px;padding:0 6px} .pager{font-size:12px} .page-tools button,.bulk-tools button,.pager select{min-height:34px;padding:6px 9px} } /* DAOYUN_MOBILE_HIDE_EXPORT_PRINT_IMPORT_V4 */ @media(max-width:760px){ #exportBtn,#printBtn,#importShopifyBtn{display:none!important} } /* DAOYUN_SELECT_HEADER_PATCH */ .head-select{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.head-select input{width:15px;height:15px;accent-color:#174e3a;margin:0}.product-cell .row-check{width:16px;height:16px;accent-color:#174e3a;flex:0 0 auto} /* DAOYUN_PURCHASE_BUTTON_PATCH */ #purchaseFromSelectionBtn{border-color:#b9cfc1;background:#eef6f0;color:#174e3a;font-weight:700} @media(max-width:760px){#purchaseFromSelectionBtn{display:none!important}} /* DAOYUN_PURCHASE_MODAL_PATCH */ .purchase-create{display:grid;gap:16px}.purchase-create-form{background:#f8faf8;border:1px solid var(--line);border-radius:14px;padding:14px}.purchase-create-form textarea{min-height:72px}.purchase-product{gap:10px;min-width:300px}.purchase-product b{display:block;max-width:270px;white-space:normal;line-height:1.25}.purchase-picker{border-radius:14px;border:1px solid var(--line);max-height:58vh}.purchase-picker table{min-width:920px}.purchase-picker th{position:sticky;top:0;z-index:2}.purchase-picker td{vertical-align:middle;padding:12px 14px}.purchase-picker .thumb{width:48px;height:48px}.purchase-picker input{height:38px;border:1px solid #cfd8d1;border-radius:8px;padding:7px 9px;background:#fff}.purchase-stock{display:inline-flex;align-items:baseline;gap:8px;min-width:90px;white-space:nowrap}.purchase-stock b{font-size:20px;color:#173c2e;line-height:1}.purchase-stock small{display:inline;color:#7c8a82;white-space:nowrap}.purchase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}.purchase-toolbar .small-help{margin:3px 0 0}.purchase-bulk-qty{display:flex;gap:8px;align-items:center}.purchase-bulk-qty input{width:96px;border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff}.purchase-bulk-qty button{white-space:nowrap}dialog:has(.purchase-picker){width:min(1080px,96vw)}dialog:has(.purchase-picker) .modal-card{padding:24px 26px} @media(max-width:760px){.purchase-picker{max-height:56vh}.purchase-picker table{min-width:760px}.purchase-toolbar{align-items:stretch}.purchase-bulk-qty{width:100%}.purchase-bulk-qty input{flex:1}.purchase-bulk-qty button{flex:2}} /* DAOYUN_PURCHASE_DETAIL_WIDE_V1 */ dialog:has(.purchase-summary){width:min(1180px,96vw)} dialog:has(.purchase-summary) .modal-card{padding:26px 30px} dialog:has(.purchase-summary) .modal-head{align-items:flex-start;margin-bottom:10px} dialog:has(.purchase-summary) .modal-head h3{font-size:28px;line-height:1.18} .purchase-summary{grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;margin:14px 0 18px} .purchase-summary>div{padding:14px 15px;border-radius:14px;background:linear-gradient(180deg,#fbfcfb,#f4f8f5)} .purchase-summary small{font-size:11px;letter-spacing:.04em;color:#7c8a82} .purchase-summary b{font-size:17px;line-height:1.25;color:#173c2e;word-break:break-word} .purchase-actions{gap:10px;margin:12px 0 20px;padding:12px;background:#f8faf8;border:1px solid var(--line);border-radius:14px} .purchase-actions .ghost{min-height:40px;border-radius:10px;background:#fff} dialog:has(.purchase-summary) h4{font-size:17px;margin:16px 0 10px;color:#173c2e} dialog:has(.purchase-summary) .table-wrap{border:1px solid var(--line);border-radius:14px;overflow:auto} dialog:has(.purchase-summary) table{min-width:960px} dialog:has(.purchase-summary) th{padding:13px 15px;background:#fbfcfb} dialog:has(.purchase-summary) td{padding:14px 15px} .purchase-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px} .purchase-detail-grid section{padding:15px;border-radius:14px;background:#fbfcfb} .mini-record{padding:11px 0}.mini-record b{color:#173c2e}.mini-record small{line-height:1.5} @media(max-width:900px){dialog:has(.purchase-summary){width:100vw}.purchase-summary{grid-template-columns:repeat(2,1fr)}.purchase-detail-grid{grid-template-columns:1fr}} /* DAOYUN_MOBILE_PRODUCT_IMAGE_FIX_AFTER_SELECT_V1 */ @media(max-width:760px){ #products tbody tr{display:flex!important;flex-direction:column;align-items:stretch;gap:6px;border-radius:13px;padding:7px;min-width:0} #products td{border:0;padding:0} #products td:nth-child(1){display:none!important} #products td:nth-child(2){display:block!important;width:100%!important;grid-column:auto!important} #products td:nth-child(3),#products td:nth-child(5),#products td:nth-child(6),#products td:nth-child(7),#products td:nth-child(8){display:none!important} #products td:nth-child(4){display:flex!important;flex-direction:column;align-items:center!important;justify-content:center;min-width:0} #products td:nth-child(4) small{display:none!important} #products .product-cell{display:block!important;text-align:center} #products .product-cell .thumb{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1;border-radius:11px;margin:0 auto 5px;object-fit:cover;opacity:1!important;visibility:visible!important} #products .product-cell b{display:none!important} #products .product-cell small:not(.mobile-spec){display:none!important} #products .mobile-spec{display:block!important;color:#315f4a;font-size:11px;line-height:1.2;min-height:26px;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center} #products .actions{display:flex!important;grid-column:auto;grid-row:auto;width:100%;justify-content:center} #products .actions button{display:none!important} #products .actions button:first-child{display:inline-flex!important;align-items:center;justify-content:center;width:100%;min-width:0;min-height:34px;border-radius:10px;background:#174e3a;color:white;font-weight:800;font-size:12px;padding:0 6px} } /* DAOYUN_MOBILE_PURCHASE_CREATE_CARD_FIX_V3 */ @media(max-width:760px){ dialog:has(.purchase-create){width:100vw;max-width:100vw;height:92vh;max-height:92vh;margin:auto 0 0;border-radius:18px 18px 0 0} dialog:has(.purchase-create) .modal-card{height:92vh;display:flex;flex-direction:column;padding:16px 12px 10px;overflow:hidden} dialog:has(.purchase-create) .modal-head{flex:0 0 auto;padding:0 2px 8px;border-bottom:1px solid var(--line)} dialog:has(.purchase-create) .modal-head h3{font-size:22px;line-height:1.15} dialog:has(.purchase-create) #modalBody{flex:1 1 auto;overflow:auto;padding:12px 2px 0} dialog:has(.purchase-create) .modal-actions{flex:0 0 auto;margin-top:10px;padding-top:10px;background:white;box-shadow:0 -10px 26px rgba(16,32,25,.08)} dialog:has(.purchase-create) .purchase-create{display:grid;gap:10px} dialog:has(.purchase-create) .purchase-create-form{padding:10px;border-radius:12px;gap:8px} dialog:has(.purchase-create) .purchase-create-form input, dialog:has(.purchase-create) .purchase-create-form textarea{min-height:40px;font-size:14px;padding:8px 10px;margin-top:4px} dialog:has(.purchase-create) .purchase-create-form textarea{min-height:56px} dialog:has(.purchase-create) .purchase-toolbar{position:sticky;top:0;z-index:5;padding:10px;border-radius:12px;gap:9px;box-shadow:0 8px 18px rgba(16,32,25,.06)} dialog:has(.purchase-create) .purchase-bulk-qty{display:grid;grid-template-columns:84px 1fr;width:100%;gap:8px} dialog:has(.purchase-create) .purchase-bulk-qty input{width:100%;min-height:38px;font-size:14px;padding:8px 10px} dialog:has(.purchase-create) .purchase-bulk-qty button{min-height:38px;padding:0 10px;font-size:12px;border-radius:10px} dialog:has(.purchase-create) .purchase-picker{border:0;max-height:none;overflow:visible;background:transparent} dialog:has(.purchase-create) .purchase-picker table, dialog:has(.purchase-create) .purchase-picker thead, dialog:has(.purchase-create) .purchase-picker tbody, dialog:has(.purchase-create) .purchase-picker tr, dialog:has(.purchase-create) .purchase-picker td{display:block!important;min-width:0!important;width:100%!important} dialog:has(.purchase-create) .purchase-picker thead{display:none!important} dialog:has(.purchase-create) .purchase-picker tbody{display:grid!important;gap:10px!important} dialog:has(.purchase-create) .purchase-picker tr{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 6px 16px rgba(16,32,25,.05)} dialog:has(.purchase-create) .purchase-picker td{border:0!important;padding:0!important} dialog:has(.purchase-create) .purchase-picker td:first-child{margin-bottom:8px!important} dialog:has(.purchase-create) .purchase-product{display:grid!important;grid-template-columns:20px 58px 1fr;align-items:center;gap:9px;min-width:0!important;width:100%} dialog:has(.purchase-create) .purchase-product input[name=use_product]{grid-column:1;width:17px!important;height:17px!important;accent-color:#174e3a;margin:0!important;position:static!important;opacity:1!important} dialog:has(.purchase-create) .purchase-product .thumb{grid-column:2;display:block!important;width:58px!important;height:58px!important;border-radius:12px;object-fit:cover;flex:none!important;margin:0!important;opacity:1!important;visibility:visible!important;transform:none!important} dialog:has(.purchase-create) .purchase-product span{grid-column:3;min-width:0;display:block!important} dialog:has(.purchase-create) .purchase-product b{font-size:13px;line-height:1.25;max-width:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} dialog:has(.purchase-create) .purchase-product small{display:block!important;font-size:11px;line-height:1.3;color:#718078} dialog:has(.purchase-create) .purchase-picker td:nth-child(2){margin:4px 0 8px!important} dialog:has(.purchase-create) .purchase-stock{display:inline-flex!important;align-items:baseline;gap:6px;min-width:0;background:#eef6f0;color:#174e3a;border-radius:999px;padding:4px 9px;white-space:nowrap} dialog:has(.purchase-create) .purchase-stock b{font-size:15px}.purchase-stock small{font-size:10px;color:#60766a} dialog:has(.purchase-create) .purchase-picker td:nth-child(3), dialog:has(.purchase-create) .purchase-picker td:nth-child(4), dialog:has(.purchase-create) .purchase-picker td:nth-child(5){display:grid!important;grid-template-columns:78px 1fr!important;align-items:center;gap:8px;margin-top:7px!important} dialog:has(.purchase-create) .purchase-picker td:nth-child(3)::before{content:'下单数量';font-size:11px;color:#718078;font-weight:700} dialog:has(.purchase-create) .purchase-picker td:nth-child(4)::before{content:'工厂单价';font-size:11px;color:#718078;font-weight:700} dialog:has(.purchase-create) .purchase-picker td:nth-child(5)::before{content:'备注';font-size:11px;color:#718078;font-weight:700} dialog:has(.purchase-create) .purchase-picker input{width:100%!important;min-width:0!important;height:38px;font-size:15px;border-radius:10px;padding:7px 9px} } /* DAOYUN_MOBILE_PURCHASE_CHECK_TUNE_V1 */ @media(max-width:760px){ dialog:has(.purchase-create) .purchase-product{grid-template-columns:14px 58px 1fr!important;gap:8px!important} dialog:has(.purchase-create) .purchase-product input[name=use_product]{width:13px!important;height:13px!important;min-width:13px!important;justify-self:start;align-self:center;margin-left:0!important} dialog:has(.purchase-create) .purchase-picker td:first-child{padding-left:0!important} } /* DAOYUN_MOBILE_PURCHASE_CHECKBOX_FINAL_V2 */ @media(max-width:760px){ dialog:has(.purchase-create) .purchase-product{ grid-template-columns:12px 58px 1fr!important; gap:8px!important; align-items:center!important; } dialog:has(.purchase-create) .purchase-product input[type="checkbox"][name="use_product"]{ position:static!important; display:block!important; grid-column:1!important; justify-self:start!important; align-self:center!important; width:12px!important; height:12px!important; min-width:12px!important; max-width:12px!important; min-height:12px!important; max-height:12px!important; padding:0!important; margin:0!important; flex:0 0 12px!important; transform:none!important; accent-color:#174e3a!important; } dialog:has(.purchase-create) .purchase-picker td:first-child{ padding-left:0!important; padding-right:0!important; } } /* DAOYUN_MOBILE_PURCHASE_CHECKBOX_REAL_FIX_V3 */ @media(max-width:760px){ dialog .purchase-create .purchase-product{ grid-template-columns:10px 58px 1fr!important; column-gap:8px!important; align-items:center!important; } dialog .purchase-create .purchase-product input[name=use_product]{ all: revert!important; appearance:auto!important; -webkit-appearance:checkbox!important; display:block!important; position:static!important; grid-column:1!important; justify-self:start!important; align-self:center!important; width:11px!important; height:11px!important; min-width:11px!important; max-width:11px!important; min-height:11px!important; max-height:11px!important; padding:0!important; margin:0!important; transform:none!important; accent-color:#174e3a!important; } dialog .purchase-create .purchase-picker td:first-child{ padding-left:0!important; padding-right:0!important; } } /* DAOYUN_MOBILE_PURCHASE_CUSTOM_CHECK_V4 */ @media(max-width:760px){ dialog .purchase-create .purchase-product{ display:grid!important; grid-template-columns:14px 58px 1fr!important; column-gap:8px!important; align-items:center!important; } dialog .purchase-create .purchase-product input[name=use_product]{ position:absolute!important; opacity:0!important; pointer-events:none!important; width:1px!important; height:1px!important; min-width:1px!important; min-height:1px!important; margin:0!important; padding:0!important; } dialog .purchase-create .purchase-product::before{ content:''; grid-column:1; width:11px; height:11px; border:1.5px solid #9eb2a6; border-radius:3px; background:#fff; box-sizing:border-box; justify-self:start; align-self:center; } dialog .purchase-create .purchase-product:has(input[name=use_product]:checked)::before{ content:'✓'; display:grid; place-items:center; background:#174e3a; border-color:#174e3a; color:#fff; font-size:9px; line-height:1; font-weight:800; } dialog .purchase-create .purchase-product .thumb{ grid-column:2!important; } dialog .purchase-create .purchase-product span{ grid-column:3!important; } dialog .purchase-create .purchase-picker td:first-child{ padding-left:0!important; padding-right:0!important; } } /* DAOYUN_MOBILE_PURCHASE_REAL_INPUT_CHECK_V5 */ @media(max-width:760px){ dialog .purchase-create .purchase-product{ display:grid!important; grid-template-columns:14px 58px 1fr!important; column-gap:8px!important; align-items:center!important; } dialog .purchase-create .purchase-product::before{ content:none!important; display:none!important; } dialog .purchase-create .purchase-product input[name=use_product]{ all:unset!important; box-sizing:border-box!important; display:block!important; position:static!important; opacity:1!important; pointer-events:auto!important; grid-column:1!important; justify-self:start!important; align-self:center!important; width:12px!important; height:12px!important; min-width:12px!important; min-height:12px!important; max-width:12px!important; max-height:12px!important; margin:0!important; padding:0!important; border:1.5px solid #91a89b!important; border-radius:3px!important; background:#fff!important; cursor:pointer!important; -webkit-appearance:none!important; appearance:none!important; } dialog .purchase-create .purchase-product input[name=use_product]:checked{ border-color:#174e3a!important; background-color:#174e3a!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 6.2 4.8 8.7 9.8 3.2' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important; background-position:center!important; background-size:10px 10px!important; } dialog .purchase-create .purchase-product .thumb{ grid-column:2!important; } dialog .purchase-create .purchase-product span{ grid-column:3!important; } } /* DAOYUN_MOBILE_PURCHASE_BLUE_CHECK_KILL_V6 */ @media(max-width:760px){ .purchase-picker .purchase-product{ display:grid!important; grid-template-columns:14px 58px minmax(0,1fr)!important; gap:8px!important; align-items:center!important; position:relative!important; min-width:0!important; width:100%!important; } .purchase-picker .purchase-product::before, .purchase-picker .purchase-product::after{ content:none!important; display:none!important; } .purchase-picker .purchase-product input[type=checkbox], .purchase-picker .purchase-product input[name=use_product]{ -webkit-appearance:none!important; appearance:none!important; display:block!important; position:static!important; opacity:1!important; pointer-events:auto!important; grid-column:1!important; grid-row:1!important; justify-self:start!important; align-self:center!important; width:12px!important; height:12px!important; min-width:12px!important; min-height:12px!important; max-width:12px!important; max-height:12px!important; padding:0!important; margin:0!important; border:1.5px solid #98ada1!important; border-radius:3px!important; background:#fff!important; background-image:none!important; box-shadow:none!important; transform:none!important; cursor:pointer!important; flex:0 0 12px!important; } .purchase-picker .purchase-product input[type=checkbox]:checked, .purchase-picker .purchase-product input[name=use_product]:checked{ border-color:#174e3a!important; background-color:#174e3a!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 6.2 4.8 8.7 9.8 3.2' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important; background-position:center!important; background-size:10px 10px!important; } .purchase-picker .purchase-product .thumb{ grid-column:2!important; grid-row:1!important; display:block!important; width:58px!important; height:58px!important; margin:0!important; object-fit:cover!important; transform:none!important; } .purchase-picker .purchase-product span{ grid-column:3!important; grid-row:1!important; min-width:0!important; } } /* DAOYUN_PURCHASE_CUSTOM_CHECK_STRUCTURE_V7 */ .purchase-check-wrap{display:inline-grid;place-items:center;cursor:pointer} .purchase-check-wrap input[name=use_product], .purchase-product input[name=use_product]{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;margin:0!important;padding:0!important} .po-check-ui{display:inline-grid!important;place-items:center!important;width:12px!important;height:12px!important;border:1.5px solid #98ada1!important;border-radius:3px!important;background:#fff!important;box-sizing:border-box!important;flex:0 0 12px!important} .po-check-ui.is-checked{background:#174e3a!important;border-color:#174e3a!important} .po-check-ui.is-checked::after{content:'✓';color:#fff;font-size:9px;font-weight:800;line-height:1} @media(max-width:760px){ dialog .purchase-create .purchase-check-cell{display:block!important;width:14px!important;min-width:14px!important;padding:0!important;margin:0!important} dialog .purchase-create .purchase-check-wrap{width:14px!important;height:14px!important;align-self:center!important;justify-self:start!important} dialog .purchase-create .purchase-product{grid-template-columns:58px minmax(0,1fr)!important} dialog .purchase-create .purchase-product .po-check-ui{display:none!important} } /* DAOYUN_MOBILE_PURCHASE_IMAGE_ALIGN_V8 */ @media(max-width:760px){ dialog .purchase-create .purchase-picker tr{ display:grid!important; grid-template-columns:18px minmax(0,1fr)!important; gap:0 8px!important; align-items:start!important; } dialog .purchase-create .purchase-picker td.purchase-check-cell, dialog .purchase-create .purchase-picker td:first-child{ grid-column:1!important; grid-row:1!important; width:18px!important; min-width:18px!important; margin:0!important; padding:3px 0 0 0!important; display:block!important; } dialog .purchase-create .purchase-check-wrap{ width:14px!important; height:14px!important; display:grid!important; place-items:center!important; } dialog .purchase-create .purchase-picker tr>td:nth-child(2){ grid-column:2!important; grid-row:1!important; width:100%!important; margin:0 0 8px 0!important; padding:0!important; display:block!important; } dialog .purchase-create .purchase-product{ display:grid!important; grid-template-columns:58px minmax(0,1fr)!important; gap:9px!important; align-items:center!important; width:100%!important; min-width:0!important; } dialog .purchase-create .purchase-product .thumb{ grid-column:1!important; grid-row:1!important; display:block!important; width:58px!important; height:58px!important; min-width:58px!important; max-width:58px!important; border-radius:12px!important; object-fit:cover!important; margin:0!important; transform:none!important; } dialog .purchase-create .purchase-product span{ grid-column:2!important; grid-row:1!important; min-width:0!important; display:block!important; } dialog .purchase-create .purchase-picker tr>td:nth-child(3), dialog .purchase-create .purchase-picker tr>td:nth-child(4), dialog .purchase-create .purchase-picker tr>td:nth-child(5), dialog .purchase-create .purchase-picker tr>td:nth-child(6){ grid-column:1 / -1!important; width:100%!important; } dialog .purchase-create .purchase-picker tr>td:nth-child(3){ margin:2px 0 8px!important; } } /* DY_IMG_TOP_V5 */ body.dy-img-open{overflow:hidden!important} #dyImageTopV5{position:fixed!important;left:0!important;top:0!important;right:0!important;bottom:0!important;z-index:2147483647!important;display:none!important;align-items:center!important;justify-content:center!important;padding:14px!important;background:rgba(5,18,12,.9)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;isolation:isolate!important} #dyImageTopV5.show{display:flex!important} #dyImageTopV5 .dy-img-box{position:relative!important;width:min(94vw,760px)!important;max-height:90vh!important;padding:10px!important;border-radius:20px!important;background:#fff!important;box-shadow:0 28px 90px rgba(0,0,0,.55)!important;display:flex!important;align-items:center!important;justify-content:center!important} #dyImageTopV5 img{display:block!important;position:relative!important;z-index:1!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:82vh!important;object-fit:contain!important;border-radius:14px!important;transform:none!important;cursor:zoom-out!important} #dyImageTopV5 .dy-img-close{position:absolute!important;right:12px!important;top:12px!important;z-index:2!important;width:42px!important;height:42px!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#173c2e!important;font-size:30px!important;line-height:38px!important;box-shadow:0 8px 26px rgba(0,0,0,.25)!important;padding:0!important} @media(max-width:760px){#products img.thumb,#products img.thumb:hover,#products img.thumb:active{position:relative!important;z-index:1!important;transform:none!important;box-shadow:none!important;filter:none!important}#dyImageTopV5{padding:10px!important}#dyImageTopV5 .dy-img-box{width:94vw!important;max-height:88vh!important;border-radius:18px!important}#dyImageTopV5 img{max-height:78vh!important}} /* PRODUCT_RECYCLE_BIN_20260715 */ tr.deleted-row{opacity:.72;background:#faf7f4}.actions .danger-link{color:var(--danger,#a4443d)} /* EN_FILE_INPUT_PATCH_20260715 */ .file-input-en{color:transparent!important;max-width:120px} .file-input-en::file-selector-button{color:#173c2e!important} .file-input-en-label{display:inline-flex;align-items:center;margin-left:10px;color:#718078;font-size:12px} /* DASHBOARD_5_STATS_20260715 */ @media (min-width: 1200px){ #dashboard .stats{ grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:12px!important; } #dashboard .stat{ min-width:0; padding:18px!important; } #dashboard .stat .num{ font-size:26px!important; white-space:nowrap; } } /* SELF_CHANGE_PASSWORD_20260715 */ .self-password-btn{ margin-left:auto; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); color:#fff; border-radius:10px; padding:7px 10px; font-size:12px; cursor:pointer; white-space:nowrap; } .self-password-btn:hover{ background:rgba(255,255,255,.16); } @media (max-width: 760px){ .self-password-btn{ padding:6px 8px; font-size:11px; } } /* ADMIN_PASSWORD_IN_TEAM_20260715 */ #selfChangePasswordBtn{ display:none!important; } .admin-self-password-btn{ white-space:nowrap; } /* ADMIN_PASSWORD_IN_TEAM_20260715 */ #selfChangePasswordBtn{ display:none!important; } .admin-self-password-btn{ white-space:nowrap; } /* STOCK_TIME_DISPLAY_20260716 */ .stock-time-line{ display:block; margin-top:3px; color:#7b8b80; font-size:11px; line-height:1.35; white-space:nowrap; } @media (max-width:760px){ .stock-time-line{ font-size:10px; margin-top:2px; } } /* MOBILE_STOCK_TIME_20260716 */ .mobile-stock-time{ display:none; } @media (max-width:760px){ .mobile-stock-time{ display:block; margin-top:2px; color:#7b8b80; font-size:10px; line-height:1.2; white-space:nowrap; } } /* MOBILE_STOCK_TIME_FORCE_20260716 */ @media (max-width:760px){ #productRows .stock-time-line{ display:block!important; font-size:10px!important; color:#7b8b80!important; line-height:1.2!important; margin-top:2px!important; white-space:nowrap!important; } } /* MOBILE_TIME_INLINE_20260716 */ @media (max-width:760px){ #products .mobile-card-time{ display:block!important; margin-top:3px!important; color:#7b8b80!important; font-size:10px!important; font-weight:500!important; line-height:1.2!important; white-space:nowrap!important; } } /* MOBILE_TIME_FINAL_20260716 */ @media (max-width:760px){ #products .mobile-card-time{ display:block!important; margin-top:3px!important; color:#7b8b80!important; font-size:10px!important; font-weight:500!important; line-height:1.2!important; white-space:nowrap!important; } } /* PRODUCT_LABEL_EXACT_20260727 */ .product-label-badge{ display:inline-flex; width:max-content; align-items:center; margin-top:4px; padding:2px 7px; border-radius:999px; font-size:10px; font-weight:800; letter-spacing:.02em; } .product-label-hot{background:#fff0e6;color:#c35b20} .product-label-featured{background:#e7f3eb;color:#1f6a45} .product-label-new{back .product-label-clearance{background:#f1ece4;color:#80613b} @media(m #products .product-label-badge{ margin:3px auto 0; font-size:9p padding:1px 6px; } } /* LABEL_DISPLAY_ONLY_20260727 */ .product-label-badge{ display:inline-flex; width:max-content; align-items:center; margin:0 0 4px 8px; padding:2px 8px; border-radius:999px; font-size:10px; font-weight:900; letter-spacing:.02em; vertical-align:middle; } .product-label-hot{ background:#ffe8e2!important; color:#d12b1f!important; box-shadow:0 0 0 1px #ffc3b8 inset; } .product-label-featured{ background:#e6f5ea!important; color:#167044!important; box-shadow:0 0 0 1px #bde5ca inset; } .product-label-new{ background:#edf2ff!important; color:#3159b7!important; box-shadow:0 0 0 1px #cad8ff inset; } .product-label-clearance{ background:#f4eadc!important; color:#8a5a20!important; box-shadow:0 0 0 1px #e3caa6 inset; } @media(max-width:760px){ #products .product-label-badge{ display:block; margin:3px auto 0; font-size:9px; padding:1px 6px; } } /* CUSTOMER_ORDER_STABLE_STYLE_20260818 */ .co-stable-dialog{width:min(1220px,94vw);max-height:92vh;border:0;border-radius:20px;padding:30px;background:#fff;color:#0f2f25;box-shadow:0 28px 80px rgba(0,0,0,.28)} .co-stable-dialog::backdrop{background:rgba(15,35,28,.55);backdrop-filter:blur(3px)} .co-stable-tools{display:flex;gap:14px;align-items:center;margin:18px 0 12px;padding:16px;border:1px solid #dce6df;border-radius:14px;background:#f8fbf8} .co-stable-tools .primary,.co-stable-tools .secondary{height:42px;border-radius:10px;border:1px solid #d7e3dc;padding:0 22px;font-weight:700;cursor:pointer} .co-stable-tools .primary{background:#10583f;color:#fff} .co-stable-tools .secondary{background:#fff;color:#10583f} .co-stable-tools button:disabled{opacity:.45;cursor:not-allowed} .co-stable-msg{margin:10px 0;padding:12px 14px;border-radius:10px;font-size:14px} .co-stable-summary,.co-stable-filters{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0} .co-stable-summary span,.co-filter{border:0;border-radius:999px;background:#eaf6ee;color:#0f4b38;padding:9px 14px;font-weight:700} .co-filter{cursor:pointer} .co-filter.active{background:#0f4b38;color:#fff} .co-stable-table-wrap{max-height:54vh;overflow:auto;border:1px solid #dfe8e2;border-radius:14px} .co-stable-table{width:100%;border-collapse:collapse;background:#fff} .co-stable-table th{position:sticky;top:0;background:#f7faf7;color:#61766d;font-size:12px;letter-spacing:.04em;z-index:1} .co-stable-table th,.co-stable-table td{padding:12px 10px;border-bottom:1px solid #edf1ee;text-align:center;vertical-align:middle} .co-stable-table td:first-child,.co-stable-table th:first-child{text-align:left} .co-img{width:56px;height:56px;object-fit:cover;border-radius:8px;background:#f8e6c5} .co-ok{color:#006d3f;font-weight:800} .co-warn{color:#b54708;font-weight:800} .co-bad{color:#b42318;font-weight:800} @media(max-width:700px){ .co-stable-dialog{width:100vw;height:100vh;max-height:100vh;border-radius:0;padding:18px} .co-stable-tools{flex-direction:column;align-items:stretch} .co-stable-table-wrap{max-height:62vh} .co-stable-table{min-width:920px} } /* ORDER_MATCH_LAYOUT_FIX_20260818 */ #coStableDlg, #coDlgV3, .co-stable-dialog { width: min(1180px, 92vw) !important; max-width: 1180px !important; max-height: 88vh !important; padding: 28px !important; border: 0 !important; border-radius: 20px !important; background: #fff !important; color: #0f2f25 !important; box-shadow: 0 28px 80px rgba(0,0,0,.28) !important; overflow: hidden !important; } #coStableDlg::backdrop, #coDlgV3::backdrop, .co-stable-dialog::backdrop { background: rgba(15,35,28,.55) !important; backdrop-filter: blur(3px) !important; } #coStableDlg .modal-close, #coDlgV3 .modal-close { position: absolute !important; right: 22px !important; top: 18px !important; width: 32px !important; height: 32px !important; border: 0 !important; background: transparent !important; font-size: 26px !important; line-height: 32px !important; cursor: pointer !important; color: #0f2f25 !important; } #coStableDlg h2, #coDlgV3 h2 { margin: 6px 0 8px !important; font-size: 28px !important; line-height: 1.2 !important; color: #0d3328 !important; } #coStableDlg .eyebrow, #coDlgV3 .eyebrow { margin: 0 !important; color: #83958d !important; letter-spacing: .24em !important; font-size: 12px !important; font-weight: 800 !important; } #coStableDlg .muted, #coDlgV3 .muted { color: #6d7e76 !important; font-size: 14px !important; } .co-stable-tools, #coDlgV3 .co3tools { display: flex !important; gap: 14px !important; align-items: center !important; margin: 18px 0 12px !important; padding: 16px !important; border: 1px solid #dce6df !important; border-radius: 14px !important; background: #f8fbf8 !important; } .co-stable-tools button, #coDlgV3 .co3tools button, #coStableImport, #coStableExport { height: 42px !important; border-radius: 10px !important; border: 1px solid #d7e3dc !important; padding: 0 22px !important; font-weight: 700 !important; cursor: pointer !important; } #coStableImport, #coDlgV3 #co3import, .co-stable-tools .primary { background: #10583f !important; color: #fff !important; } #coStableExport, #coDlgV3 #co3export, .co-stable-tools .secondary { background: #fff !important; color: #10583f !important; } #coStableMsg, #co3err { margin: 10px 0 !important; padding: 12px 14px !important; border-radius: 10px !important; font-size: 14px !important; } #coStableSummary, #coStableFilters, #coDlgV3 .co3summary, #coDlgV3 .co3filters { display: flex !important; gap: 10px !important; flex-wrap: wrap !important; margin: 12px 0 !important; } #coStableSummary span, #coDlgV3 .co3summary span, .co-filter, #coDlgV3 .co3filters button { border: 0 !important; border-radius: 999px !important; background: #eaf6ee !important; color: #0f4b38 !important; padding: 9px 14px !important; font-weight: 700 !important; } .co-filter.active, #coDlgV3 .co3filters button.active { background: #0f4b38 !important; color: #fff !important; } .co-stable-table-wrap, #coDlgV3 .co3tablewrap { max-height: 52vh !important; overflow: auto !important; border: 1px solid #dfe8e2 !important; border-radius: 14px !important; background: #fff !important; } .co-stable-table, #coDlgV3 table { width: 100% !important; min-width: 1000px !important; border-collapse: collapse !important; table-layout: fixed !important; background: #fff !important; } .co-stable-table th, .co-stable-table td, #coDlgV3 th, #coDlgV3 td { padding: 12px 10px !important; border-bottom: 1px solid #edf1ee !important; text-align: center !important; vertical-align: middle !important; font-size: 13px !important; line-height: 1.35 !important; word-break: break-word !important; } .co-stable-table th, #coDlgV3 th { position: sticky !important; top: 0 !important; z-index: 2 !important; background: #f7faf7 !important; color: #61766d !important; font-size: 12px !important; letter-spacing: .04em !important; } .co-stable-table td:first-child, .co-stable-table th:first-child, #coDlgV3 td:first-child, #coDlgV3 th:first-child { text-align: left !important; width: 220px !important; } .co-stable-table img, #coDlgV3 table img, #coDlgV3 .co-img, .co-img { width: 58px !important; height: 58px !important; max-width: 58px !important; max-height: 58px !important; min-width: 58px !important; min-height: 58px !important; object-fit: cover !important; border-radius: 10px !important; background: #f8e6c5 !important; display: inline-block !important; } #coDlgV3 td:nth-child(3), .co-stable-table td:nth-child(3) { width: 90px !important; overflow: hidden !important; } .co-ok { color: #006d3f !important; font-weight: 800 !important; } .co-warn { color: #b54708 !important; font-weight: 800 !important; } .co-bad { color: #b42318 !important; font-weight: 800 !important; } @media (max-width: 700px) { #coStableDlg, #coDlgV3, .co-stable-dialog { width: 100vw !important; height: 100vh !important; max-height: 100vh !important; border-radius: 0 !important; padding: 18px !important; } .co-stable-tools, #coDlgV3 .co3tools { flex-direction: column !important; align-items: stretch !important; } .co-stable-table-wrap, #coDlgV3 .co3tablewrap { max-height: 62vh !important; } } /* NO_FLOAT_CUSTOMER_ORDER_ENTRY_20260818 */ #customerOrderFloatEntryFinal, #customerMatchForceButton, button[id*="customerOrderFloat"], button[id*="customerMatchForce"] { display: none !important; visibility: hidden !important; pointer-events: none !important; } /* CUSTOMER_ORDER_LEFT_NAV_ONLY_STYLE_20260820 */ #customerOrderForceBtn, #customerOrderFloatEntryFinal, #customerMatchForceButton, button[id*="customerOrderFloat"], button[id*="customerMatchForce"] { display: none !important; visibility: hidden !important; pointer-events: none !important; } #customerOrderNavBtn { width: 100%; display: flex !important; align-items: center; justify-content: flex-start; } /* END_CUSTOMER_ORDER_LEFT_NAV_ONLY_STYLE_20260820 */ /* CUSTOMER_ORDER_LEFT_NAV_FINAL_CSS */ #customerOrderForceBtn{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } #customerOrderNavBtn{ width:100%!important; display:flex!important; align-items:center!important; gap:12px!important; color:inherit!important; } #customerOrderNavBtn .customer-order-nav-text{ display:inline!important; opacity:1!important; visibility:visible!important; white-space:nowrap!important; } /* HIDE_CUSTOMER_ORDER_FLOAT_FINAL_20260820 */ #customerOrderForceBtn, button#customerOrderForceBtn, body > button#customerOrderForceBtn { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } /* CUSTOMER_ORDER_LEFT_NAV #customerOrderForceBtn,#customerO aside #customerOrderNavBtn,#custom #customerOrderNavBtn .customer-order-nav-text{display:inline!important;visibility:visible!important;opacity:1!important;white-sp /* CUSTOMER_ORDER_REMOVE_OLD_ENTRY_CSS_20260821 */ #coNav,.coNav,#customerOrderForceBtn,#customerOrderFloatEntryFinal,#customerMatchForceButton{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;} #customerOrderNavBtn{display:flex!important;visibility:visible!important;opacity:1!important;} /* CUSTOMER_ORDER_DEDUCT_BTN_CSS_20260821 */ .co-deduct-btn{margin-left:10px;border-color:#f2c7c7!important;background:#fff5f5!important;color:#b42318!important;font-weight:800!important;} .co-deduct-btn:not(:disabled):hover{background:#fee4e2!important;} .co-deduct-btn:disabled{opacity:.45!important;cursor:not-allowed!important;}