/* ===== USERS PAGE ===== */.users-page{padding:18px}.users-top{display:grid;grid-template-columns:1fr 130px;gap:10px;align-items:center;margin:10px 0 14px}.users-top input{height:42px;border:1px solid #e3e3ea;border-radius:12px;padding:0 14px;font-size:14px}.users-top button{height:42px;border:0;border-radius:12px;background:#111;color:#fff;padding:0 18px;font-weight:900;cursor:pointer}
.users-top-line{display:flex;align-items:center;gap:12px;margin-bottom:14px}.users-search-wrap{flex:1}.users-search-wrap input{width:100%;height:42px;border:1px solid #e3e3ea;border-radius:12px;padding:0 14px;font-size:14px}
.user-orders-list{display:flex;flex-direction:column;gap:8px}.user-order-row{display:grid;grid-template-columns:80px 1fr 120px 120px;gap:10px;align-items:center;border:1px solid #ececf2;border-radius:14px;padding:12px}.user-order-row em{font-style:normal;background:#f1f1f5;border-radius:999px;padding:6px 10px;text-align:center;font-weight:800}.user-order-row strong{text-align:right}

/* ===== USERS FILTERS ===== */.users-filter-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0}.users-filter-buttons button{height:40px;border:1px solid #e5e5ec;background:#fff;border-radius:12px;padding:0 14px;font-weight:900;cursor:pointer;white-space:nowrap}.users-filter-buttons button.active{background:#111;color:#fff;border-color:#111}.users-filter-buttons b{margin-left:5px}

.new-user-btn{height:42px;border:0;border-radius:12px;background:#111;color:#fff;padding:0 18px;font-weight:900;cursor:pointer;white-space:nowrap}

/* ===== USERS TABLE ===== */.users-table{background:#fff;border:1px solid #ececf2;border-radius:18px;overflow:hidden}.users-head,.users-row{display:grid;grid-template-columns:42px 165px 270px 250px 135px 90px 70px 110px 150px 44px 44px 44px;align-items:center;gap:10px;padding:12px 14px}.users-head{background:#f7f7fa;font-size:12px;font-weight:900;color:#777}.users-row{border-top:1px solid #f0f0f4;font-size:14px}.users-row span,.users-head span{min-width:0}.user-name-cell,.users-row span:nth-child(3),.users-head span:nth-child(3){max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-select{width:100%;height:34px;border:1px solid #ddd;border-radius:10px;padding:0 8px;font-weight:800;background:#fff}.orders-count-btn{height:32px!important;min-width:42px;border:0!important;border-radius:10px!important;background:#eef3ff!important;color:#1d4ed8!important;font-weight:900!important;cursor:pointer}.icon-btn{width:34px!important;height:34px!important;border:0!important;border-radius:10px!important;background:#f1f1f5!important;font-size:15px!important;cursor:pointer}.icon-btn.key{background:#fff4d8!important}.icon-btn.danger{background:#ffe1df!important;color:#d93025!important}.users-empty{background:#fff;border:1px solid #ececf2;border-radius:18px;padding:30px;text-align:center;color:#777;font-weight:800}

/* ===== USER MODAL ===== */.user-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px}.user-modal-box{width:min(620px,100%);background:#fff;border-radius:22px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.user-modal-box.small{max-width:420px}.user-modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.user-modal-top h2{margin:0;font-size:20px}.user-modal-top button{border:0;background:#f1f1f5;border-radius:10px;width:36px;height:36px;font-size:18px;cursor:pointer}.user-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.user-form.one{grid-template-columns:1fr}.user-form label{font-size:12px;font-weight:900;color:#777}.user-form input,.user-form select{width:100%;height:42px;border:1px solid #e3e3ea;border-radius:12px;padding:0 12px;margin-top:6px;font-size:14px}.user-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.user-modal-actions button{height:42px;border:0;border-radius:12px;background:#111;color:#fff;padding:0 18px;font-weight:900;cursor:pointer}.user-modal-actions .danger{background:#d93025}

/* ===== USERS MOBILE ===== */@media(max-width:900px){.users-page{padding:12px}.users-filter-buttons{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.users-top{grid-template-columns:1fr;margin-top:8px}.users-table{border:0;background:transparent}.users-head{display:none}.users-row{display:grid;grid-template-columns:36px 1fr 42px 42px 42px;background:#fff;border:1px solid #ececf2;border-radius:16px;margin-bottom:10px;padding:12px}.users-row span{font-size:13px}.users-row span:nth-child(1){font-weight:900}.users-row span:nth-child(2){display:none}.users-row span:nth-child(3){font-size:15px;font-weight:900}.users-row span:nth-child(4),.users-row span:nth-child(6),.users-row span:nth-child(7),.users-row span:nth-child(8),.users-row span:nth-child(9){display:none}.users-row span:nth-child(5){font-size:12px}.users-row span:nth-child(10),.users-row span:nth-child(11),.users-row span:nth-child(12){display:block;grid-row:auto;grid-column:auto}.user-form{grid-template-columns:1fr}.user-modal{align-items:flex-end}.user-modal-box{border-radius:22px 22px 0 0}}

.user-orders-box{width:min(720px,100%);padding:14px}.user-orders-list{display:flex;flex-direction:column;gap:8px;max-height:72vh;overflow:auto}.user-order-card{border:1px solid #ececf2;border-radius:14px;padding:10px;background:#fff}.user-order-head{display:grid;grid-template-columns:1fr 150px 120px;gap:10px;align-items:center;margin-bottom:8px}.user-order-head b{font-size:15px;line-height:1.2;word-break:break-all}.user-order-head span{font-size:13px;color:#666}.user-order-head em{font-style:normal;border-radius:999px;padding:6px 10px;text-align:center;font-weight:800;font-size:12px}.user-order-head em.delivered{background:#e7f7ea;color:#1f8b42}.user-order-head em.new{background:#eef2ff;color:#3158d3}.user-order-head em.cancel{background:#ffe8e6;color:#d93025}.user-order-items{display:flex;flex-direction:column;gap:5px}.user-order-item{display:grid;grid-template-columns:56px 1fr 52px 70px 100px;gap:8px;align-items:center;background:#f8f8fb;border-radius:10px;padding:7px 10px}.user-order-item small{display:block;color:#888;font-size:10px}.user-order-item b{display:block;font-size:13px;font-weight:700;line-height:1.2}.user-order-item div,.user-order-item strong{font-size:12px}.user-order-item strong{text-align:right;font-weight:900}.user-order-empty{padding:8px;font-size:12px;color:#777;font-weight:700}
.user-order-item{display:grid;grid-template-columns:1fr 70px 90px 110px;gap:10px;align-items:center;background:#f8f8fb;border-radius:10px;padding:10px}.user-order-item small{display:block;color:#777;font-size:11px;margin-bottom:2px}.user-order-item b{display:block;font-weight:800}.user-order-item strong{text-align:right}

.user-inline-edit{display:flex;align-items:center;gap:6px}.user-inline-edit input{width:100%;height:34px;border:1px solid #dbe2ea;border-radius:10px;padding:0 10px;font-size:13px;font-weight:700;background:#fff}.user-inline-edit button{width:34px;height:34px;border:none;border-radius:10px;background:#f3f6fb;cursor:pointer;font-size:14px;flex:none}м
.user-inline-input{width:100%;height:32px;border:1px solid #dbe2ea;border-radius:8px;padding:0 8px;font-size:13px;font-weight:700;background:#fff}
.user-inline-wrap{display:inline-flex;align-items:center;gap:6px;width:100%;min-width:0}.user-inline-wrap .subcat-edit-btn{flex:none}.user-inline-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-inline-input{width:100%;max-width:150px;height:28px;border:1px solid #cfd8e3;border-radius:8px;padding:0 8px;font-size:13px;font-weight:700;background:#fff;box-sizing:border-box}
/* ===== USERS MOBILE NORMAL ===== */@media(max-width:900px){.users-page{padding:12px}.users-top-line{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}.users-filter-buttons{width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important}.users-filter-buttons button,.new-user-btn{height:34px!important;padding:0 10px!important;font-size:12px!important;border-radius:10px!important;white-space:nowrap!important}.users-search-wrap{width:100%!important}.users-search-wrap input{width:100%!important;height:38px!important;font-size:13px!important;border-radius:10px!important}.users-table{border:0!important;background:transparent!important}.users-head{display:none!important}.users-row{display:grid!important;grid-template-columns:1fr 42px!important;gap:8px 12px!important;background:#fff!important;border:1px solid #ececf2!important;border-radius:18px!important;padding:14px!important;margin-bottom:12px!important;align-items:start!important}.users-row span{display:none!important;min-width:0!important}.users-row span:nth-child(2){display:block!important;grid-column:1/2!important;grid-row:1/2!important;font-size:14px!important;font-weight:800!important;color:#111!important}.users-row span:nth-child(2):before{content:'Артикул: ';font-size:13px!important;font-weight:900!important;color:#9ca3af!important}.users-row span:nth-child(3){display:none!important}.users-row span:nth-child(4){display:block!important;grid-column:1/2!important;grid-row:2/3!important;font-size:16px!important;font-weight:900!important;color:#111!important;line-height:1.25!important}.users-row span:nth-child(4) .subcat-edit-btn,.users-row span:nth-child(4) .user-inline-edit button,.users-row span:nth-child(4) button{display:none!important}.users-row span:nth-child(4):before{content:'Наименование';display:block!important;font-size:10px!important;font-weight:900!important;color:#9ca3af!important;margin-bottom:2px!important;text-transform:uppercase!important}.users-row span:nth-child(3):before{content:'Наименование';display:block!important;font-size:10px!important;font-weight:900!important;color:#9ca3af!important;margin-bottom:2px!important;text-transform:uppercase!important}.users-row span:nth-child(5){display:block!important;grid-column:1/2!important;grid-row:3/4!important;font-size:14px!important;font-weight:800!important;color:#111!important}.users-row span:nth-child(5):before{content:'Телефон: ';font-size:13px!important;font-weight:900!important;color:#9ca3af!important}.users-row span:nth-child(6){display:block!important;grid-column:1/2!important;grid-row:4/5!important;font-size:14px!important;color:#111!important}.users-row span:nth-child(6):before{content:'Роль: ';font-size:13px!important;font-weight:900!important;color:#9ca3af!important}.users-row span:nth-child(10){display:flex!important;grid-column:2/3!important;grid-row:1/5!important;align-items:flex-start!important;justify-content:center!important}.users-row span:nth-child(10) .icon-btn{width:40px!important;height:40px!important;border-radius:12px!important;background:#f3f4f6!important;font-size:16px!important}}
/* ===== USERS MOBILE TOP FIX ===== */@media(max-width:900px){.users-filter-buttons button{height:36px!important;padding:0 12px!important;font-size:13px!important;border-radius:10px!important}.new-user-btn{height:36px!important;padding:0 14px!important;font-size:13px!important;border-radius:10px!important}.users-top-line{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.users-search-wrap{width:100%!important;order:2!important}.users-filter-buttons{width:100%!important;order:1!important}.users-search-wrap input{height:38px!important;font-size:13px!important;border-radius:10px!important}}