*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#172033;font-family:Inter,Arial,sans-serif;font-size:14px}.app{display:flex;min-height:100vh}.side{width:220px;background:#152033;color:#dbe7ff;padding:18px;position:fixed;top:0;bottom:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#405477 #152033}.logo{font-size:22px;font-weight:800;margin-bottom:24px;color:white}.side a{display:block;color:#dbe7ff;text-decoration:none;padding:10px 12px;border-radius:10px;margin:3px 0}.side a:hover{background:#223252}.sep{color:#8ea1c5;text-transform:uppercase;font-size:11px;margin:18px 8px 8px}.main{margin-left:220px;padding:22px;width:calc(100% - 220px)}h1{margin:0 0 10px;font-size:24px}h2{font-size:17px;margin:0 0 14px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card{background:white;border:1px solid #e3e8ef;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 8px 24px rgba(21,32,51,.04)}.btn{background:#276ef1;color:white;border:0;border-radius:10px;padding:9px 14px;text-decoration:none;display:inline-block;cursor:pointer;font-weight:650}.btn:hover{background:#1d5fd8}.btn.ghost{background:#eef3ff;color:#1e4fbf}.btn.danger,.danger{background:#fff1f0;color:#b42318;border:1px solid #ffd5d1}.mini{border:1px solid #d9e1ee;background:white;border-radius:8px;padding:5px 9px;cursor:pointer}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filters input,.filters select,input,select,textarea{border:1px solid #d7dfeb;border-radius:10px;padding:9px 10px;background:white;outline:none;min-height:38px}.filters .wide{flex:1;min-width:320px}.tbl{width:100%;border-collapse:separate;border-spacing:0}.tbl th{background:#f6f8fb;color:#667085;text-align:left;font-size:12px;padding:10px;border-bottom:1px solid #e6eaf0}.tbl td{padding:10px;border-bottom:1px solid #eef2f7;vertical-align:middle;max-width:260px;overflow:hidden;text-overflow:ellipsis}.tbl tr.clickrow{cursor:pointer}.tbl tbody tr:hover{background:#f7fbff}.tbl tbody tr:active{background:#edf5ff}.photo{width:54px}.short{width:130px}.med{width:120px}.num{width:70px;text-align:right}.preview,.thumb{width:42px;height:42px;object-fit:cover;border-radius:9px;border:1px solid #e5eaf2}.nopreview{width:42px;height:42px;border-radius:9px;background:#eef2f7;display:flex;align-items:center;justify-content:center;color:#98a2b3}.tag{display:inline-block;background:#eef4ff;color:#2554b8;border-radius:999px;padding:4px 8px;margin:2px;font-size:12px;white-space:nowrap}.muted{color:#667085}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy{cursor:copy}.stock{display:inline-flex;min-width:30px;align-items:center;justify-content:center;border-radius:999px;padding:3px 8px;font-weight:700}.stock.green{background:#e9f8ef;color:#027a48}.stock.yellow{background:#fff8dc;color:#8a6f00}.stock.red{background:#fff0f0;color:#b42318}.formgrid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.formgrid.small{grid-template-columns:repeat(3,minmax(150px,1fr))}.formgrid label{display:flex;flex-direction:column;gap:5px;color:#344054;font-weight:600}.formgrid .full{grid-column:1/-1}.check{flex-direction:row!important;align-items:center}.actions{display:flex;gap:8px}.inline{display:flex;gap:8px;flex-wrap:wrap}.inlineform{display:inline}.split{display:grid;grid-template-columns:360px 1fr;gap:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bigphoto{width:100%;height:280px;object-fit:cover;border-radius:14px;background:#eef2f7}.placeholder{height:280px;border-radius:14px;background:#eef2f7;display:flex;align-items:center;justify-content:center;color:#98a2b3}.statline{display:flex;gap:12px;margin:14px 0}.statline span{background:#f6f8fb;border-radius:10px;padding:10px}.compat .inline{margin-bottom:10px}.tags{min-height:34px}.toasts{position:fixed;right:18px;bottom:18px;z-index:10;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 14px;border-radius:12px;background:#102a43;color:white;box-shadow:0 10px 30px rgba(0,0,0,.2)}.toast.success{background:#027a48}.toast.error{background:#b42318}.order-add{display:grid;grid-template-columns:1fr 120px 120px 80px 100px;gap:8px}.suggest{position:relative}.suggest-list{display:none;position:absolute;top:42px;left:0;right:0;background:white;border:1px solid #d7dfeb;border-radius:12px;box-shadow:0 12px 30px rgba(21,32,51,.14);z-index:5;max-height:260px;overflow:auto}.suggest-item{padding:10px;cursor:pointer;border-bottom:1px solid #eef2f7}.suggest-item:hover{background:#f7fbff}.total td{font-weight:800;background:#f6f8fb}.status{background:#eef4ff;color:#2554b8;border-radius:999px;padding:5px 9px}@media(max-width:1100px){.side{position:static;width:100%;height:auto}.app{display:block}.main{margin-left:0;width:100%}.split,.grid2{grid-template-columns:1fr}.formgrid,.formgrid.small{grid-template-columns:1fr}.order-add{grid-template-columns:1fr}}


/* v2.1 refinements */
.product-main-search{flex:1;min-width:420px}
.compact td,.compact th{white-space:nowrap}
.compact td:nth-child(4),.compact td:nth-child(5){white-space:normal}
.inactive-row{opacity:.55}
.select-widget{position:relative;min-width:180px}
.select-widget .select-input{width:100%}
.select-list{display:none;position:absolute;left:0;right:0;top:42px;background:#fff;border:1px solid #d7dfeb;border-radius:12px;box-shadow:0 14px 34px rgba(21,32,51,.16);z-index:20;max-height:260px;overflow:auto}
.select-item{padding:10px 12px;border-bottom:1px solid #eef2f7;cursor:pointer}
.select-item:hover,.select-item.selected{background:#eef4ff}
.suggest-main{font-weight:700}
.suggest-sub{font-size:12px;color:#667085;margin-top:3px}
mark{background:#fff2a8;border-radius:3px;padding:0 2px}
.compat-add{margin:8px 0}
.tags .tag{cursor:pointer}
.actions{display:flex;gap:8px;align-items:center}


/* photo patch */
.photo-drop-preview{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.photo-manage{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.photo-tile{position:relative;width:118px;height:88px;border:1px solid #e5eaf2;border-radius:10px;overflow:hidden;background:#eef2f7}
.photo-tile img{width:100%;height:100%;object-fit:cover;display:block}
.photo-tile.main-photo{outline:2px solid #276ef1}
.photo-actions{position:absolute;inset:0;background:rgba(21,32,51,.72);display:flex;flex-direction:column;justify-content:space-between;opacity:0;transition:.15s}
.photo-tile:hover .photo-actions{opacity:1}
.photo-actions button,.photo-actions span{border:0;background:rgba(255,255,255,.92);color:#102033;font-weight:700;padding:6px 8px;cursor:pointer;text-align:center}
.photo-actions form{margin:0}
.photo-actions form button{width:100%}
.photo-actions form:last-child button,.photo-actions button[data-del]{background:#ffe9e7;color:#b42318}
.photo-upload{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}
.fileline{border:1px dashed #cdd6e3;border-radius:10px;padding:9px 12px;cursor:pointer;background:#f8fbff}
.fileline input{display:none}

.photo-modal{display:none;position:fixed;inset:0;background:rgba(10,18,32,.75);z-index:1000;align-items:center;justify-content:center;padding:20px}
.photo-modal.show{display:flex}
.photo-modal-box{background:white;border-radius:16px;padding:16px;max-width:760px;width:min(92vw,760px);max-height:92vh;position:relative;box-shadow:0 20px 70px rgba(0,0,0,.35)}
.photo-modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#276ef1;font-size:24px;cursor:pointer}
.photo-modal-main{display:block;width:100%;max-height:62vh;object-fit:contain;border-radius:10px;background:#f2f4f7}
.photo-modal-thumbs{display:flex;gap:8px;margin-top:10px;overflow:auto}
.photo-modal-thumb{width:88px;height:70px;object-fit:cover;border-radius:8px;border:2px solid transparent;cursor:pointer}
.photo-modal-thumb.active{border-color:#276ef1}
.preview.photo-open,.thumb.photo-open{cursor:pointer}

/* v2.3 additions */
.addcol{width:42px;text-align:center}.sortlink{color:#667085;text-decoration:none}.sortlink:hover{color:#276ef1}.lm-modal{display:none;position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:50;align-items:center;justify-content:center}.lm-modal.show{display:flex}.lm-modal-box{background:#fff;border-radius:16px;padding:18px;min-width:360px;max-width:560px;box-shadow:0 22px 60px rgba(0,0,0,.24);position:relative}.lm-modal-close{position:absolute;top:10px;right:12px;border:0;background:#eef3ff;border-radius:8px;width:28px;height:28px;cursor:pointer}.lm-modal-box form{display:grid;gap:10px}.lm-modal-box label{display:grid;gap:6px;font-weight:600}.status-comment-field{background:#fbfcff;border:1px dashed #d7dfeb;border-radius:12px;padding:8px}.tbl tr.inactive-row td{color:#98a2b3;background:#fafafa}.quickAddBtn{font-weight:800;color:#276ef1}

/* LandMotion v2.4 exit button */
.side .exit-link{margin-top:18px;color:#ffb4b4!important;border:1px solid rgba(255,100,100,.25);border-radius:10px;padding:10px 12px;display:block}
.side .exit-link:hover{background:rgba(255,80,80,.12);color:#fff!important}
.danger-zone{border:1px solid #5a2b2b}
.btn.danger{background:#7a2f2f}
.btn.small{padding:5px 9px;font-size:13px;text-decoration:none;display:inline-block}
.muted{opacity:.75}

.restore-card{border:2px solid #b42318;background:#fffafa}.restore-card h2{color:#b42318}.restore-card input[type=file]{display:block;margin:10px 0 12px;width:100%;max-width:520px}.side a[href="/backup#restore"]{background:#2b3d61;color:#fff;font-weight:700}


/* LandMotion v2.4.4 system updater */
.side .version{font-size:12px;color:#8fa3c7;margin:12px 12px 4px;line-height:1.3}

.userbox{margin:10px 12px 14px;padding:10px;border-radius:12px;background:rgba(255,255,255,.08);font-size:14px}
.userbox span{color:#9ca3af;font-size:12px}
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f3f4f6}
.login-card{width:360px;background:#fff;border-radius:22px;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.12);display:grid;gap:14px}
.login-card h1{margin:0}
.login-card label{display:grid;gap:6px;font-weight:600}
.login-card input{padding:12px;border:1px solid #d1d5db;border-radius:12px}
.smalltext{font-size:12px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px}
.stat-card{background:white;border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.stat-num{font-size:36px;font-weight:800;margin-bottom:6px}
@media(max-width:900px){.stats-grid{grid-template-columns:1fr 1fr}}

/* LandMotion v2.5.1 stats modals and logs */
.stat-card{border:1px solid #e3e8ef;text-align:left;color:#172033;cursor:pointer;transition:.15s;width:100%}
.stat-card:hover{border-color:#b9cdfc;box-shadow:0 10px 28px rgba(39,110,241,.10);transform:translateY(-1px)}
.stat-card span{display:inline-block;margin-top:10px;color:#276ef1;font-size:12px;font-weight:700}
.stats-modal{display:none;position:fixed;inset:0;background:rgba(15,23,42,.38);z-index:80;align-items:center;justify-content:center;padding:20px}
.stats-modal.show{display:flex}
.stats-modal-box{background:#fff;border-radius:18px;padding:18px;width:min(980px,94vw);max-height:86vh;box-shadow:0 22px 70px rgba(15,23,42,.22);position:relative;overflow:hidden}
.stats-modal-close{position:absolute;top:12px;right:14px;border:0;background:#eef3ff;color:#335070;border-radius:10px;width:32px;height:32px;font-size:22px;cursor:pointer}
.stats-modal-box h2{margin-right:42px;margin-bottom:6px}.stats-modal-table-wrap{margin-top:16px;max-height:62vh;overflow:auto;border:1px solid #e7ecf3;border-radius:12px}
.stats-modal-table-wrap .tbl th{position:sticky;top:0;z-index:1}.stats-modal-table-wrap a{color:#276ef1;font-weight:700;text-decoration:none}.stats-modal-table-wrap a:hover{text-decoration:underline}
.logs-table td:nth-child(5),.logs-table td:nth-child(9){white-space:normal}.log-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;border:1px solid #e5e7eb;background:#f7f8fb;color:#475467;white-space:nowrap}.log-create{background:#ecfdf3;color:#027a48;border-color:#cdeed8}.log-update,.log-stock{background:#eef4ff;color:#2554b8;border-color:#d8e4ff}.log-delete,.log-hide{background:#fff1f0;color:#b42318;border-color:#ffd8d5}.log-activate{background:#f0f9ff;color:#026aa2;border-color:#d7efff}.log-login,.log-system,.log-backup,.log-restore,.log-system-update,.log-password-change,.log-reset-admin-password{background:#f6f7f9;color:#475467;border-color:#e3e8ef}


/* LandMotion v2.6.0 UX upgrade */
.sticky-head{position:sticky;top:0;z-index:30;background:rgba(244,246,248,.92);backdrop-filter:blur(10px);display:flex;gap:12px;align-items:center;justify-content:space-between;padding:0 0 14px;margin-top:-4px}
.global-search{position:relative;flex:1;max-width:760px}
.global-search input{width:100%;border-radius:14px;padding:12px 14px;border:1px solid #d7dfeb;background:#fff;box-shadow:0 8px 24px rgba(21,32,51,.05)}
.global-results{display:none;position:absolute;top:48px;left:0;right:0;background:#fff;border:1px solid #e3e8ef;border-radius:16px;box-shadow:0 18px 44px rgba(21,32,51,.16);max-height:430px;overflow:auto;z-index:80;padding:8px}
.g-group{font-size:11px;text-transform:uppercase;color:#667085;font-weight:800;padding:8px 10px 5px}
.g-result{padding:10px 12px;border-radius:12px;cursor:pointer;display:grid;gap:3px}
.g-result:hover{background:#f6f9ff}
.g-result span{color:#475467;margin-left:6px}
.g-result small{color:#667085}
.g-empty{padding:14px;color:#667085}
.quick-actions{position:relative;display:flex;gap:8px;align-items:center}
.plus-btn{border-radius:14px;font-size:20px;line-height:20px;min-width:42px;height:42px;padding:8px}
.quick-menu{display:none;position:absolute;right:0;top:48px;background:#fff;border:1px solid #e3e8ef;border-radius:14px;box-shadow:0 16px 38px rgba(21,32,51,.14);padding:8px;min-width:170px;z-index:90}
.quick-menu.show{display:block}
.quick-menu a{display:block;padding:10px 12px;border-radius:10px;color:#172033;text-decoration:none}
.quick-menu a:hover{background:#f6f9ff}
.tbl tbody tr{transition:background .15s ease, transform .12s ease}
.tbl tbody tr:hover{background:#f7fbff}
.stat-card,.card,.lm-modal-box{transition:transform .15s ease, box-shadow .15s ease}
.lm-modal.show .lm-modal-box,.stats-modal.show .stats-modal-box{animation:lmPop .16s ease}
@keyframes lmPop{from{opacity:.2;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}
.compact-toggle{height:38px;background:#fff}
.compact-mode .tbl td{padding:5px 8px;font-size:13px}
.compact-mode .tbl th{padding:7px 8px}
.compact-mode .preview,.compact-mode .nopreview{width:32px;height:32px}
.role-badge{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;background:#f6f7f9;color:#475467;border:1px solid #e3e8ef;white-space:nowrap}
.role-main_admin{background:#fff7ed;color:#9a3412;border-color:#fed7aa}
.role-admin{background:#eef4ff;color:#2554b8;border-color:#d8e4ff}
.role-editor{background:#ecfdf3;color:#027a48;border-color:#cdeed8}
.role-seller,.role-user{background:#f6f7f9;color:#475467;border-color:#e3e8ef}
.product-view-box{width:min(920px,94vw);max-width:920px}
.product-view-grid{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}
.product-view-photo{width:100%;height:260px;object-fit:cover;border-radius:16px;background:#eef2f7;border:1px solid #e3e8ef}
.product-view-photo.empty{display:flex;align-items:center;justify-content:center;color:#98a2b3}
.pv-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pv-head h2{font-size:24px;margin:0}
.pv-oem{font-size:20px;font-weight:800;background:#f6f9ff;border:1px solid #e3e8ef;border-radius:14px;padding:10px 12px;margin:10px 0;cursor:copy}
.card.inner{margin-top:16px;margin-bottom:0}
.pv-log{padding:8px 0;border-bottom:1px solid #eef2f7;color:#475467}
.mini-chart{display:flex;align-items:end;gap:8px;overflow:auto;min-height:95px;padding:12px 2px 4px}
.chart-day{display:grid;gap:4px;justify-items:center;min-width:32px}
.bars{height:56px;display:flex;align-items:end;gap:3px}
.bar{display:block;width:8px;border-radius:999px;background:#d9e6ff}
.bar.products{background:#b8cdfd}
.bar.orders{background:#bfe7d0}
.chart-day small{font-size:10px;color:#667085;writing-mode:vertical-rl;transform:rotate(180deg)}
.chart-legend{display:flex;gap:10px;align-items:center;color:#667085;font-size:12px}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.products{background:#b8cdfd}.dot.orders{background:#bfe7d0}
.edit-product-btn{text-decoration:none;color:#276ef1}
@media(max-width:900px){.sticky-head{position:static;display:block}.quick-actions{margin-top:8px}.product-view-grid{grid-template-columns:1fr}}

.side::-webkit-scrollbar{width:8px}.side::-webkit-scrollbar-track{background:#152033}.side::-webkit-scrollbar-thumb{background:#405477;border-radius:999px}.side::-webkit-scrollbar-thumb:hover{background:#52698f}
.side .exit-link{margin-bottom:16px}


/* LandMotion v2.7.0 UI fixes: table scroll, description column, defect badge */
.table-card{overflow:hidden}
.table-scroll{width:100%;overflow-x:auto;overflow-y:visible;border-radius:14px}
.table-scroll .tbl{min-width:1380px}
.products-table .description-cell{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#475467}
.defect-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;margin-left:6px;font-size:11px;font-weight:800;background:#fff1f0;color:#b42318;border:1px solid #ffd8d5;vertical-align:middle;white-space:nowrap}
.defect-badge.big{font-size:13px;padding:5px 10px;margin-left:10px}
.defect-check{align-self:end;display:flex!important;align-items:center;gap:8px;min-height:40px;padding:10px 12px;border:1px solid #d7dfeb;border-radius:12px;background:#fff}
.defect-check input{width:auto!important}
@media(max-width:900px){.table-scroll .tbl{min-width:1100px}.products-table .description-cell{max-width:180px}}

/* LandMotion v2.7.2 bulk actions */
.bulk-panel{display:flex;align-items:center;gap:10px;margin:10px 0 12px;padding:10px 12px;background:#fff;border:1px solid #dbe4f0;border-radius:14px;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.bulk-panel select{height:38px;border:1px solid #d5dfed;border-radius:10px;padding:0 10px;background:#fff}
.products-table th:first-child,.products-table td:first-child{width:34px;text-align:center}
.bulk-modal-box{max-width:760px}.bulk-section{display:none}.bulk-section label{display:block;margin:10px 0}.bulk-section input,.bulk-section select{width:100%}.quick-new-order-fields,#bulkNewOrderFields{grid-template-columns:1fr 1fr 1fr;gap:10px;margin:8px 0 10px}.bulk-qty-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.bulk-qty-row{display:grid;grid-template-columns:1.6fr .7fr .8fr;gap:10px;align-items:end;padding:8px;border:1px solid #e1e8f3;border-radius:12px;background:#f8fbff}.bulk-qty-row label{margin:0}.bulk-qty-row input{height:34px}.table-scroll{overflow-x:auto;width:100%}.products-table{min-width:1380px}
@media print{.sidebar,.sticky-head,.filters,.bulk-panel,.actions,.quick-actions,.mini,.btn,input[type=checkbox]{display:none!important}.content{margin:0!important}.card{box-shadow:none!important;border:0!important}.products-table{min-width:0!important;width:100%!important;font-size:11px}}

/* LandMotion v2.7.3 quick add modal layout + live client search */
#quickAddModal .lm-modal-box,
#bulkModal .lm-modal-box{
  width:min(94vw,640px);
  max-width:640px;
  min-width:0;
  overflow:visible;
}
#quickAddModal .lm-modal-box input,
#quickAddModal .lm-modal-box select,
#bulkModal .lm-modal-box input,
#bulkModal .lm-modal-box select,
#quickAddModal .select-widget,
#bulkModal .select-widget{
  width:100%;
  max-width:100%;
  min-width:0;
}
#quickAddModal .quick-new-order-fields,
#bulkNewOrderFields.client-search-fields{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:10px;
  align-items:start;
  margin:8px 0 10px;
}
.client-live-field{position:relative;min-width:0}
.client-live-list{
  display:none;
  position:absolute;
  top:calc(100% - 2px);
  left:0;
  right:0;
  z-index:80;
  background:#fff;
  border:1px solid #d7dfeb;
  border-radius:12px;
  box-shadow:0 14px 34px rgba(21,32,51,.16);
  max-height:220px;
  overflow:auto;
}
.client-live-list.show{display:block}
.client-live-item{padding:10px 12px;border-bottom:1px solid #eef2f7;cursor:pointer;font-weight:500}
.client-live-item:hover{background:#eef4ff}
.client-live-item b{display:block;color:#172033;font-weight:800}
.client-live-item span{display:block;color:#667085;font-size:12px;margin-top:2px}
.client-live-info{font-size:12px;margin-top:4px;line-height:1.25}
@media(max-width:760px){
  #quickAddModal .quick-new-order-fields,
  #bulkNewOrderFields.client-search-fields{grid-template-columns:1fr}
}

/* v2.7.4: product table comfort, hide cost/margin from main products table */
.products-table{min-width:1260px!important;table-layout:auto;}
.table-scroll .products-table{min-width:1260px!important;}
.products-table .name-col{min-width:150px;}
.products-table .desc-col{min-width:190px;}
.products-table .compat-col{min-width:240px;}
.products-table .price-col{min-width:80px;text-align:right;}
.products-table .description-cell{max-width:240px;}
.products-table td{max-width:320px;}
@media(max-width:900px){.table-scroll .products-table{min-width:1180px!important}.products-table .description-cell{max-width:190px}}

/* LandMotion v2.7.5 active order cart */
.active-order-bar{display:flex;align-items:center;gap:10px;min-width:280px;max-width:360px;background:#fff;border:1px solid #d7dfeb;border-radius:14px;padding:8px 10px;box-shadow:0 8px 24px rgba(21,32,51,.05)}
.active-order-bar.has-items{border-color:#b8cdfd;background:#f8fbff}
.active-order-title{font-size:12px;font-weight:800;color:#172033;white-space:nowrap}
.active-order-sub{font-size:12px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.active-order-sub b{color:#276ef1}
.active-cart-box{width:min(94vw,820px);max-width:820px;max-height:88vh;overflow:auto}
.active-cart-settings{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin:12px 0}
.active-cart-client{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin:10px 0 14px}
.active-cart-items{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.active-cart-empty{padding:18px;border:1px dashed #d7dfeb;border-radius:14px;color:#667085;background:#f8fafc;text-align:center}
.active-cart-row{display:grid;grid-template-columns:1.8fr .7fr .8fr 36px;gap:10px;align-items:end;border:1px solid #e3e8ef;border-radius:14px;background:#fff;padding:10px}
.active-cart-name b{display:inline-block;margin-right:6px}.active-cart-name span{display:block;color:#667085;font-size:12px;margin-top:3px}
.active-cart-row label{margin:0}.active-cart-row input{width:100%;height:36px;border:1px solid #d7dfeb;border-radius:10px;padding:0 10px}
.active-cart-remove{height:36px;color:#b42318;border-color:#ffd8d5;background:#fff7f6}.active-cart-total{text-align:right;padding:10px 2px;font-size:16px}
.active-cart-footer{display:flex;justify-content:space-between;gap:10px;margin-top:14px}
.activeCartAddBtn.in-cart{background:#ecfdf3!important;color:#027a48!important;border-color:#cdeed8!important}
.products-table tr.in-active-cart{background:#f8fbff}
@media(max-width:900px){.sticky-head{gap:8px}.active-order-bar{min-width:0;max-width:none;flex:1}.active-cart-settings,.active-cart-client,.active-cart-row{grid-template-columns:1fr}.active-cart-footer{display:grid}}

/* LandMotion v2.8.0 Orders UX */
.order-layout{display:grid;grid-template-columns:minmax(420px,1fr) minmax(420px,1.1fr);gap:16px;align-items:start}
.order-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.order-items-panel{position:sticky;top:86px;max-height:calc(100vh - 110px);overflow:auto}
.order-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.order-section-head h2{margin:0}.client-name{margin-bottom:4px}.client-line{color:#475467;margin-top:0}
.order-total-pill{display:inline-flex;align-items:center;gap:6px;background:#f6f9ff;border:1px solid #dbe8ff;color:#172033;border-radius:999px;padding:7px 12px;font-weight:800;white-space:nowrap}
.order-form textarea{min-height:54px!important;resize:vertical}.status-comment-field.is-hidden{display:none!important}.status-note{padding:10px 12px;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;color:#9a3412}
.order-add{display:grid;grid-template-columns:minmax(200px,1.4fr) 120px 120px 90px 110px;gap:10px;align-items:start}.order-add input{width:100%}
.order-status{font-size:12px;border-radius:999px;padding:5px 10px}.status-new{background:#eff6ff;color:#1d4ed8}.status-work{background:#ecfdf3;color:#027a48}.status-ready{background:#fffbeb;color:#b45309}.status-done{background:#eef2ff;color:#4338ca}.status-cancel{background:#fff1f0;color:#b42318}.status-partial_return{background:#fff7ed;color:#c2410c}.status-full_return{background:#f6f7f9;color:#475467}
.order-items-list{display:flex;flex-direction:column;gap:10px}.order-item-card{display:grid;grid-template-columns:74px 1fr auto;gap:12px;align-items:center;border:1px solid #e3e8ef;border-radius:16px;background:#fff;padding:10px;box-shadow:0 8px 20px rgba(15,23,42,.03)}
.order-item-photo{width:74px;height:64px;object-fit:cover;border-radius:12px;border:1px solid #e3e8ef;background:#f6f7f9}.order-item-photo.empty{display:flex;align-items:center;justify-content:center;color:#98a2b3}.order-item-body{min-width:0}.order-item-title{font-size:15px;margin-bottom:4px}.order-item-meta{display:flex;flex-wrap:wrap;gap:6px;color:#667085;font-size:12px}.order-item-meta span{background:#f6f9ff;border:1px solid #e8eef9;border-radius:999px;padding:2px 7px}.order-item-prices{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:13px;color:#475467}.order-item-side{display:flex;align-items:center;gap:8px}.qty-stepper{display:inline-flex;align-items:center;gap:4px}.qty-stepper input{width:54px;height:34px;text-align:center;border:1px solid #d7dfeb;border-radius:10px}.qty-stepper .mini{height:34px;min-width:34px}.qty-readonly{font-weight:800;background:#f6f7f9;border-radius:10px;padding:7px 10px}.empty-order-items{padding:18px;border:1px dashed #d7dfeb;border-radius:14px;text-align:center;background:#f8fafc}.sticky-total{position:sticky;top:0;background:#fff;z-index:2;padding-bottom:8px}
@media(max-width:1100px){.order-layout{grid-template-columns:1fr}.order-items-panel{position:static;max-height:none}.order-add{grid-template-columns:1fr 1fr}.order-add .suggest{grid-column:1/-1}}
@media(max-width:700px){.order-add{grid-template-columns:1fr}.order-item-card{grid-template-columns:62px 1fr}.order-item-photo{width:62px;height:54px}.order-item-side{grid-column:1/-1;justify-content:flex-end}.order-section-head{align-items:flex-start;flex-direction:column}}


.price-edit-form{display:inline-flex;align-items:center;gap:6px;margin:0}
.price-edit-form label{font-size:13px;color:#475467;font-weight:500}
.price-edit-form input{width:92px;height:32px;border:1px solid #d7dfeb;border-radius:10px;padding:0 8px;background:#fff}
.price-edit-form .mini{height:32px;min-width:32px}

/* LandMotion v2.8.6: modal close button placement */
.lm-modal-box{position:relative;}
.lm-modal-close{
  position:absolute;
  top:10px;
  right:10px;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:center;
}
.product-view-box{padding-top:28px;}
.product-view-box .lm-modal-close{top:10px;right:10px;}
.product-view-box .pv-head{padding-right:44px;}

/* LandMotion v2.8.7: quick sale, inventory stats, KPI bar, soft line chart */
.kpi-bar{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;margin:14px 0 16px}
.kpi-pill{border:1px solid #dfe7f2;background:linear-gradient(180deg,#fff,#f9fbff);border-radius:18px;padding:13px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;box-shadow:0 8px 24px rgba(15,23,42,.04);cursor:pointer;color:#172033}
.kpi-pill:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.07);border-color:#cbd9ef}.kpi-pill b{font-size:28px;line-height:1}.kpi-pill span{font-weight:700;color:#344054}.kpi-pill em{font-style:normal;font-size:12px;color:#276ef1;background:#eef4ff;border-radius:999px;padding:5px 8px}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.section-head h2{margin-bottom:4px}.soft-chart-card{overflow:hidden}.chart-toggles{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.chart-toggles label{display:inline-flex;align-items:center;gap:6px;border:1px solid #e3e8ef;background:#fff;border-radius:999px;padding:7px 10px;font-size:13px;color:#475467;font-weight:700}.chart-toggles input{width:auto;margin:0}.line-chart-wrap{height:260px;border:1px solid #edf1f6;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcff);padding:4px;overflow:hidden}.line-chart-wrap svg{width:100%;height:100%;display:block}.line-legend{gap:14px;margin-top:10px}.line-legend span{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#667085}.line-legend i{width:18px;height:4px;border-radius:999px;display:inline-block}.stock-filter{margin:0}.stock-filter input{width:92px}.simple-scroll{overflow-x:auto}.inventory-table{min-width:1040px}.inventory-table .stock-zero{background:#fff7f6}.inventory-table .stock-low{background:#fffaf0}.inventory-card,.zero-history-card{margin-top:16px}.modal-actions-row{display:flex;gap:10px;align-items:center}.quick-sale-box{width:min(620px,94vw);max-width:620px}.quick-sale-box textarea{resize:vertical}.sell-open-btn{background:#2563eb;color:#fff;border-color:#2563eb}
@media(max-width:980px){.kpi-bar{grid-template-columns:1fr 1fr}.section-head{display:block}.chart-toggles{justify-content:flex-start;margin-top:10px}.stock-filter{margin-top:10px}}
@media(max-width:620px){.kpi-bar{grid-template-columns:1fr}.kpi-pill{grid-template-columns:auto 1fr}.kpi-pill em{grid-column:1/-1;width:max-content}.line-chart-wrap{height:220px}}

/* LandMotion v2.8.8: compact quick sale button in product table */
.sale-col{width:58px;text-align:center}.quick-sale-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#f5f8ff;border-color:#d7e2f7;color:#2554b8;font-size:15px;line-height:1}.quick-sale-icon:hover{background:#eaf1ff;border-color:#bcd0ff;transform:translateY(-1px)}.quick-sale-product-title{font-weight:750;color:#344054;margin-top:-6px;margin-bottom:8px}

/* LandMotion v2.8.9: compact statistics dashboard layout */
.stats-finance-panel{padding:16px 18px;margin-top:14px}
.compact-head{margin-bottom:10px}.compact-head h2{font-size:17px;margin:0 0 3px}.compact-head .muted{font-size:13px;margin:0}
.finance-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin:10px 0 14px}
.finance-kpi{border:1px solid #e3e8ef;background:linear-gradient(180deg,#fff,#fbfcff);border-radius:14px;padding:12px 14px;box-shadow:0 6px 18px rgba(15,23,42,.035)}
.finance-kpi b{display:block;font-size:25px;line-height:1.1;color:#172033;letter-spacing:-.02em}.finance-kpi span{display:block;margin-top:5px;color:#475467;font-size:13px;font-weight:700}.finance-kpi.profit{background:linear-gradient(180deg,#fff,#f9fffb);border-color:#dcefe5}
.finance-tables-grid{gap:12px;margin-top:4px}.inner-panel{border:1px solid #eef2f7;background:#fff;border-radius:14px;padding:12px;min-width:0}.inner-panel h3{font-size:15px;margin:0 0 9px;color:#172033}.inner-panel .tbl th,.inner-panel .tbl td{padding:8px 9px}
.stats-stock-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.8fr);gap:14px;margin:14px 0}.stock-panel-main,.stock-panel-history{margin-top:0!important;padding:16px 18px}.stock-panel-history h2{font-size:17px;margin:0 0 4px}.stock-panel-history .muted{font-size:13px;margin:0 0 10px}.stock-panel-history .tbl th,.stock-panel-history .tbl td,.inventory-card .tbl th,.inventory-card .tbl td{padding:8px 9px}.inventory-table{min-width:940px}.stock-filter{gap:8px}.stock-filter label{font-size:13px}.stock-filter input{height:36px;width:84px}.stock-filter .btn{height:38px;padding:0 14px}
.secondary-kpi-bar{margin:14px 0 14px}.secondary-kpi-bar .kpi-pill{border-radius:14px;padding:9px 12px;box-shadow:0 6px 18px rgba(15,23,42,.035);background:#fff}.secondary-kpi-bar .kpi-pill b{font-size:22px}.secondary-kpi-bar .kpi-pill span{font-size:13px}.secondary-kpi-bar .kpi-pill em{font-size:11px;padding:4px 7px;background:#f3f6fb;color:#3561b5}
.bottom-chart-card{margin-top:0;padding:16px 18px}.bottom-chart-card .line-chart-wrap{height:230px;border-radius:14px}.bottom-chart-card .chart-toggles label{padding:6px 9px;font-size:12px;background:#fbfcff}
.card.stats-finance-panel,.stats-stock-grid .card,.bottom-chart-card{box-shadow:0 8px 24px rgba(15,23,42,.045)}
@media(max-width:1200px){.stats-stock-grid{grid-template-columns:1fr}.stock-panel-history{min-width:0}.finance-kpi-row{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:700px){.finance-kpi-row{grid-template-columns:1fr}.finance-kpi b{font-size:22px}.stats-finance-panel,.stock-panel-main,.stock-panel-history,.bottom-chart-card{padding:14px}.secondary-kpi-bar{grid-template-columns:1fr}}


/* LandMotion v2.4.8: configurable statistics tables */
.configurable-stat-table{table-layout:fixed}
.configurable-stat-table th{position:relative;user-select:none}
.configurable-stat-table th:hover{background:#eef3fb}
.stat-col-resizer{position:absolute;top:0;right:-3px;width:8px;height:100%;cursor:col-resize;z-index:3}
.stat-col-resizer::after{content:"";position:absolute;right:3px;top:8px;bottom:8px;width:1px;background:#d7dfeb;opacity:0}
.configurable-stat-table th:hover .stat-col-resizer::after{opacity:1}
.stat-resizing{cursor:col-resize!important;user-select:none!important}
.lm-col-hidden{display:none!important}
.stats-column-menu{display:none;position:fixed;z-index:5000;width:240px;background:#fff;border:1px solid #dbe4f0;border-radius:14px;box-shadow:0 18px 48px rgba(15,23,42,.18);padding:10px}
.stats-column-menu.show{display:block}
.stats-column-menu-title{font-weight:800;color:#172033;margin:2px 4px 8px}
.stats-column-menu label{display:flex;align-items:center;gap:8px;padding:8px 7px;border-radius:9px;font-weight:650;color:#344054;cursor:pointer}
.stats-column-menu label:hover{background:#f5f8ff}
.stats-column-menu input{width:auto;margin:0}
.stats-column-reset{width:100%;margin-top:8px;border:0;border-radius:10px;padding:9px 10px;background:#eef3ff;color:#2554b8;font-weight:800;cursor:pointer}

/* LandMotion v2.4.9 — statistics section pages */
.compact-filter-card{padding:14px 16px;}
.stats-overview-panel h2{margin-bottom:4px;}
.compact-finance-kpi{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px;}
.compact-finance-kpi .finance-kpi{min-height:58px;padding:12px 14px;border-radius:14px;}
.compact-finance-kpi .finance-kpi b{font-size:24px;line-height:1.1;}
.compact-finance-kpi .finance-kpi span{font-size:13px;}
.stats-section-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0;}
.stat-section-card{display:block;background:#fff;border:1px solid #dfe7f2;border-radius:18px;padding:14px 16px;text-decoration:none;color:inherit;box-shadow:0 8px 24px rgba(16,24,40,.04);transition:.15s ease;position:relative;overflow:hidden;}
.stat-section-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#cbd5e1;}
.stat-section-card.card-orders{background:linear-gradient(180deg,#f6f9ff 0%,#fff 55%);border-color:#d8e5fb;}
.stat-section-card.card-orders:before{background:#9db7f5;}
.stat-section-card.card-sold{background:linear-gradient(180deg,#f5fbf7 0%,#fff 55%);border-color:#d7efde;}
.stat-section-card.card-sold:before{background:#a8dcc0;}
.stat-section-card.card-inventory{background:linear-gradient(180deg,#fffbf1 0%,#fff 55%);border-color:#f4e4bf;}
.stat-section-card.card-inventory:before{background:#eacb75;}
.stat-section-card.card-zero{background:linear-gradient(180deg,#fff6f6 0%,#fff 55%);border-color:#f1d7d7;}
.stat-section-card.card-zero:before{background:#e7a6a6;}
.stat-section-card:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(16,24,40,.08);border-color:#bcd0ef;}
.section-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.section-card-head h2{font-size:17px;margin:0;}
.section-card-metrics{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:10px;color:#1d2b44;}
.section-card-metrics b{font-size:22px;}
.section-card-metrics span{font-size:13px;color:#667085;margin-right:8px;}
.tbl.mini{font-size:13px;}
.tbl.mini th,.tbl.mini td{padding:8px 10px;}
.section-page-top{display:flex;align-items:center;gap:14px;justify-content:flex-start;}
.back-btn{padding:12px 18px;font-size:15px;border-radius:12px;}
.section-work-card{padding:14px 16px;margin-bottom:14px;}
.section-filters{gap:10px;align-items:end;}
.section-filters label{font-size:13px;color:#344054;}
.section-filters input,.section-filters select{min-width:150px;}
.section-table-card{padding:16px;}
.wide-work-table{max-height:none;overflow:auto;}
.sort-link{color:#334155;text-decoration:none;font-weight:700;white-space:nowrap;}
.sort-link:hover{color:#2563eb;}
.inline-cost-form{display:flex;align-items:center;gap:6px;min-width:155px;}
.inline-cost-form input{width:86px;padding:8px 9px;border:1px solid #cfd9e8;border-radius:10px;}
.inline-cost-form .btn.small{padding:8px 11px;min-width:36px;}
.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;color:#475467;}
@media (max-width: 1100px){.stats-section-cards{grid-template-columns:1fr}.compact-finance-kpi{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* LandMotion v2.4.12 — compact forms, integer prices, stock comments */
.product-history-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:16px;align-items:start}
.stock-history-card{min-width:0}.price-history-card{min-width:0;opacity:.96}.price-history-card .tbl th,.price-history-card .tbl td{padding:8px 9px}.stock-comment-input{width:190px}
.order-create-card{padding:16px 18px;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);border-color:#dfe9f7;box-shadow:0 10px 28px rgba(16,24,40,.045)}
.order-create-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.order-create-head h2{margin:0 0 4px}.order-create-head .muted{margin:0;font-size:13px}.order-create-form{gap:9px 12px}.order-create-form input,.order-create-form select{min-height:36px;padding:8px 10px}.order-create-form textarea,.order-form textarea{min-height:34px!important;height:38px;resize:vertical;padding:8px 10px;line-height:1.35}.order-create-form .btn{height:38px;align-self:end}.form-section-title{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#667085;background:#f4f7fb;border:1px solid #e6edf7;border-radius:999px;padding:5px 10px;width:max-content;margin-top:2px;font-weight:800}.order-client-card{background:linear-gradient(180deg,#fff,#fbfdff)}
.role-badge.order-status,.status{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;border:1px solid transparent;line-height:1.1}.status-new{background:#eff6ff!important;color:#1d4ed8!important;border-color:#dbeafe!important}.status-work{background:#fffbeb!important;color:#b45309!important;border-color:#fde68a!important}.status-ready{background:#fff7ed!important;color:#c2410c!important;border-color:#fed7aa!important}.status-done{background:#ecfdf3!important;color:#027a48!important;border-color:#bbf7d0!important}.status-cancel,.status-full_return,.status-partial_return{background:#fff1f0!important;color:#b42318!important;border-color:#ffd5d1!important}
.price-edit-form input,.inline-cost-form input{appearance:textfield}.price-edit-form input::-webkit-outer-spin-button,.price-edit-form input::-webkit-inner-spin-button,.inline-cost-form input::-webkit-outer-spin-button,.inline-cost-form input::-webkit-inner-spin-button{appearance:none;margin:0}
@media(max-width:900px){.product-history-grid{grid-template-columns:1fr}.stock-comment-input{width:100%}.order-create-head{display:block}.order-create-head .order-status{margin-top:8px}}

/* System test module */
.system-test-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#f7fbff,#ffffff);border:1px solid #d8e7fb}
.system-test-hero h2{margin:0 0 6px}.system-test-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn.big{padding:12px 18px;font-size:15px;border-radius:12px}.system-test-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin:16px 0}.test-scenario-list{display:grid;gap:8px}.test-scenario-list div{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#f7f8fb;border:1px solid #edf0f5}.test-scenario-list b{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#e7f0ff;color:#1f5da8;font-size:12px}.test-cleanup-box{margin-top:12px;padding:12px;border-radius:12px;background:#f4fff7;border:1px solid #ccebd6}.test-result-card{border-width:1px}.test-result-card.test-pass{background:#f4fff7;border-color:#bfe8c9}.test-result-card.test-fail{background:#fff6f6;border-color:#f0b8b8}.test-result-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.test-score{text-align:center;padding:10px 14px;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.06)}.test-score b{display:block;font-size:24px}.test-score span{font-size:12px;color:#667085}.test-table td:first-child,.test-table th:first-child{text-align:center;width:70px}.check-ok td{background:#fbfffc}.check-bad td{background:#fff8f8}.test-log{display:grid;gap:6px;font-size:14px}.test-log div{padding:8px 10px;background:#f8fafc;border:1px solid #edf0f5;border-radius:10px}@media(max-width:900px){.system-test-hero,.test-result-head{display:block}.system-test-actions{margin-top:12px}.system-test-grid{grid-template-columns:1fr}}
/* v2.4.14 roles + order UAH polish */
.uah-sum{color:#667085;font-size:13px;font-weight:600;margin-left:4px;white-space:nowrap}.rate-note{margin-top:-4px}.system-menu summary{color:#8ea1c5}.system-menu a{display:block}.order-total-pill .uah-sum{font-size:12px}.products-table .sale-col{text-align:center}

/* LandMotion v2.4.18 UX pagination / counters / configurable tables */
.found-badge{display:inline-flex;align-items:center;gap:4px;margin-left:10px;padding:5px 10px;border-radius:999px;background:#eef4ff;color:#2554b8;border:1px solid #dbe7ff;font-size:13px;font-weight:800;vertical-align:middle}
.smart-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 4px;flex-wrap:wrap}.pager-info{font-weight:800;color:#344054;background:#f6f8fb;border:1px solid #e6edf7;border-radius:999px;padding:8px 12px}.pager-jump{display:flex;align-items:center;gap:6px}.pager-jump input{width:76px;min-height:36px;text-align:center}.js-config-table{table-layout:auto}.js-config-table th{user-select:none}.oem-highlight input,.oem-highlight textarea{border-color:#b8cdf8;background:#fbfdff;box-shadow:0 0 0 3px rgba(39,110,241,.05)}


/* LandMotion v2.4.19 — orders filters, visible column grips, return block UX */
.found-badge{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:6px 10px;border-radius:999px;background:#eef4ff;color:#2554b8;border:1px solid #d8e4ff;font-size:13px;font-weight:800;vertical-align:middle}
.found-badge.small{font-size:12px;padding:4px 8px}
.orders-filters{align-items:end;background:#fff;border:1px solid #e3e8ef;border-radius:16px;padding:14px 16px;box-shadow:0 8px 24px rgba(21,32,51,.035)}
.orders-filters input,.orders-filters select{min-width:150px}
.orders-filters .wide{min-width:260px;flex:1}
.inline-label{display:flex;align-items:center;gap:7px;color:#344054;font-weight:700}
.inline-label input,.inline-label select{min-width:110px}
.lm-resizable-table{table-layout:fixed;width:max-content;min-width:100%}
.lm-resizable-table th,.lm-resizable-table td{border-right:1px solid #edf1f6}
.lm-resizable-table th:last-child,.lm-resizable-table td:last-child{border-right:0}
.lm-resizable-table th{position:relative}
.stat-col-resizer{position:absolute;top:0;right:-5px;width:11px;height:100%;cursor:col-resize;z-index:5}
.stat-col-resizer::after{content:"";position:absolute;right:5px;top:7px;bottom:7px;width:2px;background:#cbd7e8;opacity:.75;border-radius:2px}
.lm-resizable-table th:hover .stat-col-resizer::after,.stat-col-resizer:hover::after{opacity:1;background:#276ef1}
.stat-resizing,.stat-resizing *{cursor:col-resize!important;user-select:none!important}
.return-card-wide{margin-top:16px;border-color:#f5d0c5;background:linear-gradient(180deg,#fff,#fffaf8)}
.return-card-wide h2{color:#8a2f18}
.return-card-wide form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
.return-card-wide .table-scroll{grid-column:1/-1;border:1px solid #f1e3de;border-radius:14px;background:#fff}
.return-comment-label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#344054}
.return-comment-label textarea{min-width:320px;resize:both}
.return-submit{background:#e26945;color:#fff;border:0;min-height:40px}
.return-submit:hover{background:#cf5532}
@media(max-width:900px){.return-card-wide form{grid-template-columns:1fr}.orders-filters .wide{min-width:100%}}


/* LandMotion patch — аккуратные фильтры товаров и выбор названия в заявках */
.products-filters{
  display:grid;
  grid-template-columns:minmax(360px,2fr) repeat(4,minmax(150px,1fr));
  gap:12px;
  align-items:end;
  background:#fff;
  border:1px solid #e3e8ef;
  border-radius:16px;
  padding:14px 16px;
  box-shadow:0 8px 24px rgba(21,32,51,.035);
}
.filter-field{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  color:#344054;
  font-size:12px;
  font-weight:800;
}
.filter-field > span{
  line-height:1.2;
  color:#667085;
}
.products-filters input,
.products-filters select,
.products-filters .select-widget,
.products-filters .select-input{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.products-filters .filter-search{
  grid-column:span 2;
  position:relative;
}
.products-filters .name-field{
  grid-column:span 2;
}
.products-filters .compact-field{
  min-width:130px;
}
.products-filters .tiny-field{
  min-width:92px;
}
.filter-actions{
  display:flex;
  gap:8px;
  align-items:end;
  justify-content:flex-start;
  min-height:38px;
}
.orders-filters .filter-field{
  min-width:190px;
}
.orders-filters .order-name-field{
  min-width:230px;
}
.orders-filters .order-name-field .select-widget,
.orders-filters .order-name-field .select-input{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
@media (max-width:1400px){
  .products-filters{grid-template-columns:repeat(3,minmax(170px,1fr))}
  .products-filters .filter-search{grid-column:1/-1}
  .products-filters .name-field{grid-column:span 2}
}
@media (max-width:900px){
  .products-filters{grid-template-columns:1fr}
  .products-filters .filter-search,
  .products-filters .name-field{grid-column:auto}
  .filter-actions{justify-content:stretch}
  .filter-actions .btn{flex:1;text-align:center}
}

/* LandMotion micro-fix — product search dropdown must stay inside search field */
.products-filters .product-main-search{
  min-width:0;
  max-width:100%;
}
.products-filters .filter-search .suggest-list{
  left:0;
  right:0;
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
.products-filters .filter-search .suggest-item,
.products-filters .filter-search .suggest-main,
.products-filters .filter-search .suggest-sub{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* LandMotion micro-fix v2 — dropdown must not float over next filters */
.products-filters .filter-search .suggest-list{
  position:static;
  top:auto;
  left:auto;
  right:auto;
  width:100%;
  max-width:100%;
  margin-top:4px;
  z-index:auto;
}
.products-filters .filter-search:focus-within{
  align-self:start;
}


/* LandMotion v2.5 UX patch */
.logo-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.logo-row .logo{margin-bottom:0}.sidebar-toggle{border:1px solid rgba(255,255,255,.16);background:#20304d;color:#dbe7ff;border-radius:10px;width:32px;height:32px;cursor:pointer;font-weight:800}.side a.active{background:#2b66d9;color:#fff;font-weight:800;box-shadow:0 8px 22px rgba(39,110,241,.24)}.side.ready{transition:width .18s ease}.side.collapsed{width:72px;padding-left:10px;padding-right:10px}.side.collapsed .logo{font-size:0}.side.collapsed .logo:before{content:'LM';font-size:18px}.side.collapsed .userbox,.side.collapsed .version,.side.collapsed .sep,.side.collapsed details summary,.side.collapsed details a{display:none!important}.side.collapsed a{font-size:0;text-align:center;padding:11px 6px}.side.collapsed a:before{font-size:17px}.side.collapsed a[href^='/products']:before{content:'📦'}.side.collapsed a[href^='/orders']:before{content:'🧾'}.side.collapsed a[href^='/clients']:before{content:'👤'}.side.collapsed a[href^='/stats']:before{content:'📊'}.side.collapsed a[href^='/users']:before{content:'🔐'}.side.collapsed a[href^='/logout']:before{content:'🚪'}.side.collapsed .exit-link:before{content:'⏻'}.side.collapsed~.main{margin-left:72px;width:calc(100% - 72px)}.active-cart-client .full{grid-column:1/-1}.activeCartAddBtn.disabled,.activeCartAddBtn:disabled,.mini.disabled{background:#eef0f3!important;color:#98a2b3!important;border-color:#d5d9e0!important;cursor:not-allowed!important}.activeCartAddBtn.in-cart{background:#ecfdf3!important;color:#027a48!important;border-color:#9fe4b7!important;font-weight:900;min-width:30px}.fixed-filter-row.full{flex-basis:100%;display:flex;gap:16px;align-items:center;margin-bottom:2px}.fixed-filter-row .check{display:flex!important;flex-direction:row!important;gap:6px;align-items:center;font-weight:700;color:#344054}.sortlink{text-decoration:none;color:inherit;font-weight:800}.sortlink:hover{color:#276ef1}.clients-actions{white-space:nowrap}.danger.mini{border-color:#ffd5d1;background:#fff1f0;color:#b42318}.live-filter-form button.btn{min-height:38px}
@media(max-width:1100px){.side.collapsed~.main{margin-left:0;width:100%}}


/* LandMotion v2.5.1 — стабилизация сайдбара, live-поиска, активной заявки и KPI */
html.sidebar-pre-collapsed .side{width:72px!important;padding-left:10px!important;padding-right:10px!important;transition:none!important}
html.sidebar-pre-collapsed .main{margin-left:72px!important;width:calc(100% - 72px)!important;transition:none!important}
html.sidebar-pre-collapsed .side .logo{font-size:0}
html.sidebar-pre-collapsed .side .logo:before{content:'LM';font-size:18px}
html.sidebar-pre-collapsed .side .userbox,
html.sidebar-pre-collapsed .side .version,
html.sidebar-pre-collapsed .side .sep,
html.sidebar-pre-collapsed .side details summary,
html.sidebar-pre-collapsed .side details a{display:none!important}
html.sidebar-pre-collapsed .side a{font-size:0;text-align:center;padding:11px 6px}
html.sidebar-pre-collapsed .side a:before{font-size:17px}
.side:not(.ready),.side:not(.ready) *, .side:not(.ready)~.main{transition:none!important}
.side.ready{transition:width .18s ease}
.side.ready~.main{transition:width .18s ease, margin-left .18s ease}
.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1}
.side.collapsed .sidebar-toggle{font-size:22px}
.side.collapsed .system-menu,.side.collapsed .refs-menu{display:none!important}

.active-cart-client{
  display:grid;
  grid-template-columns:repeat(3,minmax(160px,1fr));
  gap:12px;
  align-items:start;
}
.active-cart-client label{min-width:0}
.active-cart-client input,.active-cart-client textarea{width:100%;min-width:0}
.active-cart-client .full{grid-column:1/-1}
.required-soft input,.required-soft textarea{
  background:#fffaf0!important;
  border-color:#f6d9a8!important;
  box-shadow:0 0 0 2px rgba(246,217,168,.16);
}
.required-soft::after{content:none!important;display:none!important}

.fixed-filter-row.full.compact-lock-row{
  flex-basis:100%;
  display:flex;
  gap:8px;
  align-items:center;
  margin:0 0 -2px;
  min-height:24px;
}
.lock-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:3px 8px;
  border:1px solid #dbe4f0;
  border-radius:999px;
  background:#f8fbff;
  color:#526173;
  font-size:12px;
  font-weight:800;
  line-height:1;
}
.lock-chip input{width:14px;height:14px;min-height:0;margin:0;padding:0}

.live-filter-form.is-loading{opacity:.72}
.kpi-limit-field{
  display:flex;
  flex-direction:column;
  gap:5px;
  color:#667085;
  font-size:12px;
  font-weight:800;
}
.kpi-limit-field select{min-width:92px}
.stats-modal-box{
  display:flex;
  flex-direction:column;
}
.stats-modal-table-wrap{
  flex:1 1 auto;
  min-height:120px;
}
.stats-modal-table-wrap .tbl th{
  position:sticky;
  top:0;
  z-index:3;
}
.stats-modal-pager{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  padding-top:12px;
  font-weight:800;
  color:#526173;
}
.stats-modal-pager .btn.small{padding:7px 10px}
@media(max-width:900px){
  html.sidebar-pre-collapsed .main{margin-left:0!important;width:100%!important}
  .active-cart-client{grid-template-columns:1fr!important}
}