

/* Account-style Display Settings slider scale */
:root{--ml-admin-scale:1}
body{font-size:calc(13px * var(--ml-admin-scale));}
.table th,.table td{padding:calc(8px * var(--ml-admin-scale)) calc(10px * var(--ml-admin-scale))!important;}
.card{padding:calc(14px * var(--ml-admin-scale))!important;}
input,select,textarea{min-height:calc(36px * var(--ml-admin-scale));}



/* ===== ADMIN FULL MOBILE VIEW FIX ===== */
html, body{
  max-width:100%;
  overflow-x:hidden;
}
body{
  -webkit-text-size-adjust:100%;
}
img, video, canvas{
  max-width:100%;
  height:auto;
}
.adm{
  min-height:100vh;
}
.hamb{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  touch-action:manipulation;
}
.side{
  z-index:9999;
}
.top{
  z-index:9000;
}
.content{
  width:100%;
}
.card,
.box,
.panel,
.form-card,
.table-card,
.ds-card,
.pwa-card{
  max-width:100%;
}
input,select,textarea,button{
  max-width:100%;
}

/* Desktop/table safe overflow */
.table-wrap,
.table-responsive,
.list-wrap,
.orders-table,
.products-table{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
table{
  max-width:100%;
}
.table{
  width:100%;
}

/* Product/order/action rows */
.actions,
.quick-actions,
.ds-btns,
.pwa-grid,
.ds-grid{
  max-width:100%;
}

/* Mobile layout */
@media (max-width: 900px){
  html, body{
    width:100%;
    overflow-x:hidden!important;
  }

  .adm{
    display:block!important;
    grid-template-columns:none!important;
    width:100%!important;
    min-width:0!important;
  }

  .side{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(84vw, 315px)!important;
    max-width:315px!important;
    height:100vh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#fff!important;
    transform:translateX(-105%)!important;
    transition:transform .25s ease!important;
    box-shadow:0 14px 40px rgba(15,23,42,.24)!important;
    padding-bottom:30px!important;
  }

  body.open .side,
  .adm.open .side,
  .side.open{
    transform:translateX(0)!important;
  }

  body.open::after{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.28);
    z-index:9990;
  }

  body.open .side{
    z-index:9999!important;
  }

  .main{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    padding-left:0!important;
    overflow-x:hidden!important;
  }

  .top{
    position:sticky!important;
    top:0!important;
    width:100%!important;
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px 10px!important;
    background:#fff!important;
    border-bottom:1px solid #eef1f5!important;
    overflow:hidden!important;
  }

  .top b,
  .top .title,
  .top span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .top .btn,
  .top button,
  .top a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  .top .hamb{
    flex:0 0 44px!important;
    border-radius:12px!important;
  }

  .content,
  main.content{
    width:100%!important;
    max-width:100%!important;
    padding:12px 10px 90px!important;
    margin:0!important;
    overflow-x:hidden!important;
  }

  h1,h2,.page-title{
    font-size:22px!important;
    line-height:1.18!important;
    margin:10px 0 14px!important;
  }

  .stats,
  .summary-grid,
  .dashboard-stats,
  .cards,
  .grid,
  .quick-actions,
  .pwa-grid,
  .ds-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  .stat,
  .card,
  .box,
  .panel,
  .form-card,
  .table-card,
  .ds-card,
  .pwa-card{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    border-radius:16px!important;
    padding:12px!important;
    overflow:hidden!important;
  }

  form{
    width:100%!important;
    max-width:100%!important;
  }

  .filters,
  .filter-row,
  .search-row,
  .form-row,
  .row,
  .input-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  input,
  select,
  textarea{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    font-size:14px!important;
    border-radius:12px!important;
  }

  textarea{
    height:auto!important;
    min-height:80px!important;
  }

  .btn,
  button,
  input[type=submit]{
    min-height:42px!important;
    border-radius:12px!important;
    padding:9px 12px!important;
    font-size:14px!important;
  }

  .table-wrap,
  .table-responsive,
  .orders-table,
  .products-table,
  .list-wrap{
    width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    border-radius:14px!important;
  }

  table,
  .table{
    min-width:720px!important;
    width:max-content!important;
  }

  .table th,
  .table td,
  table th,
  table td{
    white-space:nowrap!important;
    font-size:13px!important;
    padding:8px 10px!important;
  }

  /* Product cards mobile */
  .product-card,
  .prod-card,
  .item-card{
    width:100%!important;
    display:grid!important;
    grid-template-columns:88px 1fr auto!important;
    gap:10px!important;
    align-items:center!important;
  }

  .product-card img,
  .prod-card img,
  .item-card img{
    width:80px!important;
    height:80px!important;
    object-fit:cover!important;
    border-radius:12px!important;
  }

  .floating-add,
  .fab,
  .add-float{
    position:fixed!important;
    right:18px!important;
    bottom:72px!important;
    z-index:8000!important;
  }

  .side .brand,
  .side a,
  .side .menu a{
    font-size:16px!important;
    line-height:1.25!important;
  }

  .side a,
  .side .menu a{
    padding:10px 14px!important;
    min-height:40px!important;
  }
}

/* Very small phones */
@media (max-width: 420px){
  .top{
    gap:6px!important;
    padding:7px 8px!important;
  }
  .top b{
    max-width:120px!important;
  }
  .top .btn,
  .top a,
  .top button{
    font-size:12px!important;
    padding:7px 9px!important;
  }
  .content, main.content{
    padding:10px 8px 86px!important;
  }
  h1,h2,.page-title{
    font-size:20px!important;
  }
  .product-card,
  .prod-card,
  .item-card{
    grid-template-columns:74px 1fr auto!important;
  }
  .product-card img,
  .prod-card img,
  .item-card img{
    width:68px!important;
    height:68px!important;
  }
}

/* ML CLASSIC ADMIN SIDEBAR FIX - V7 */
:root{--ml-side-w:232px;--ml-top-h:64px;--ml-primary:#ff6b00;--ml-secondary:#007a4d;--ml-bg:#f4f7fb;--ml-text:#142033;}
*{box-sizing:border-box} body{margin:0;background:var(--ml-bg)!important;color:var(--ml-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif!important}.adm{display:grid!important;grid-template-columns:var(--ml-side-w) 1fr!important;min-height:100vh;background:var(--ml-bg)}.side{position:fixed!important;left:0;top:0;bottom:0;width:var(--ml-side-w)!important;background:#0d1424!important;color:#fff;z-index:2000;overflow-y:auto;padding:14px 12px;box-shadow:8px 0 26px rgba(2,6,23,.18)}.brand{display:flex!important;align-items:center;gap:10px;padding:8px 8px 16px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:10px}.logo{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:1000;background:linear-gradient(135deg,#ff8a00,#007a4d)!important;color:#fff}.brand b{display:block;font-size:15px;line-height:1.1;color:#fff}.brand small{display:block;color:#aeb8ca;font-size:11px;font-weight:800}.side .nav,.side a.nav{display:flex!important;align-items:center;gap:10px;padding:10px 11px;margin:4px 0;border-radius:12px;color:#dbe6f7!important;text-decoration:none!important;font-weight:900;font-size:13px;white-space:normal;line-height:1.15}.side .nav span{width:22px;text-align:center;flex:0 0 22px}.side .nav b{font-weight:900}.side .nav:hover{background:rgba(255,255,255,.10);color:#fff!important}.side .nav.active{background:linear-gradient(90deg,#ff7a00,#007a4d)!important;color:#fff!important}.main{grid-column:2!important;min-width:0}.top{position:sticky!important;top:0;z-index:1500;height:var(--ml-top-h);display:grid!important;grid-template-columns:auto auto 1fr auto auto auto auto;gap:10px;align-items:center;background:#fff!important;border-bottom:1px solid #e6ebf2;padding:10px 16px;box-shadow:0 4px 14px rgba(15,23,42,.06)}.hamb{display:inline-flex!important;width:44px;height:44px;align-items:center;justify-content:center;border:0;border-radius:14px;background:#fff;color:#0f172a;font-size:24px;box-shadow:0 3px 12px rgba(15,23,42,.10);cursor:pointer}.top>b{font-size:17px;white-space:nowrap}.content{padding:18px!important;max-width:1440px;margin:0 auto}.card{border-radius:18px!important;border:1px solid #e7edf5!important;box-shadow:0 4px 16px rgba(15,23,42,.05)!important;background:#fff}.title,h1.title,h1{color:#132033;font-weight:1000}.btn,button.btn{border-radius:12px!important;font-weight:900!important}.btn:not(.outline):not(.danger),button.btn:not(.outline):not(.danger){background:linear-gradient(90deg,#ff7a00,#007a4d)!important;color:#fff!important;border:0!important}.btn.outline{background:#fff!important;border:1px solid #d7e0ec!important;color:#0f5132!important}.btn.danger{background:#dc2626!important;color:#fff!important;border:0!important}input,select,textarea{border:1px solid #d9e1ec!important;border-radius:13px!important;background:#fff} .table-wrap{border-radius:16px;overflow:auto}.table{width:100%;border-collapse:separate!important;border-spacing:0 8px!important}.table tr{background:#fff}.table td,.table th{border:0!important;background:#fff!important}.thumb{width:58px;height:58px;object-fit:cover;border-radius:12px;border:1px solid #e5e7eb}
@media(max-width:900px){:root{--ml-side-w:250px;--ml-top-h:58px}.adm{display:block!important}.side{transform:translateX(-108%);transition:.22s ease;width:250px!important;left:0!important}.open .side{transform:translateX(0)}.main{grid-column:auto!important}.top{height:auto;min-height:58px;padding:8px 10px;grid-template-columns:auto 1fr auto auto!important;gap:7px}.top>b{overflow:hidden;text-overflow:ellipsis;max-width:120px}.top>span{display:none}.top .btn.outline{display:none!important}.content{padding:12px 9px 84px!important}.ml-alert-bell{padding:7px 8px!important;font-size:12px!important}.ml-alert-bell b{min-width:18px;height:18px;font-size:10px!important}#adminInstallBtn{padding:8px 9px!important;font-size:12px!important}}
@media(min-width:901px){body.open .side{transform:none}.hamb{display:inline-flex!important}}


/* ===== V80 CLASSIC MFG ADMIN THEME - FORCE OVERRIDE ===== */
:root{--ml-primary:#2563eb;--ml-secondary:#111827;--ml-bg:#eef4ff;--ml-card:#ffffff;--ml-text:#172334;--ml-side:#070b1e;--ml-side2:#111a3a;--ml-border:#dbe4f0;--ml-green:#008f5a;--ml-orange:#ff7a00}
*{box-sizing:border-box}
html,body{margin:0!important;min-height:100%;font-family:Arial,Helvetica,sans-serif!important;background:var(--ml-bg)!important;color:var(--ml-text)!important;overflow-x:hidden}
a{text-decoration:none}
.adm{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;min-height:100vh!important;background:var(--ml-bg)!important}
.side{position:sticky!important;top:0!important;left:auto!important;transform:none!important;width:260px!important;height:100vh!important;background:linear-gradient(180deg,var(--ml-side),var(--ml-side2))!important;color:#fff!important;overflow-y:auto!important;overflow-x:hidden!important;padding:18px 14px!important;box-shadow:12px 0 30px rgba(2,8,23,.18)!important;z-index:10000!important}
.side .brand{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 18px!important;padding:8px 6px 18px!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
.side .logo{width:48px!important;height:48px!important;border-radius:14px!important;background:linear-gradient(135deg,#2563eb,#06b6d4)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-weight:900!important;box-shadow:0 8px 22px rgba(37,99,235,.35)!important}
.side .brand b{display:block!important;color:#fff!important;font-size:17px!important;line-height:1.05!important;letter-spacing:.3px!important}.side .brand small{display:block!important;color:#a8b3cf!important;font-size:11px!important;margin-top:4px!important}
.side a.nav{display:flex!important;align-items:center!important;gap:11px!important;color:#d8e2ff!important;border-radius:13px!important;padding:12px 12px!important;margin:4px 0!important;font-weight:800!important;white-space:normal!important;border:1px solid transparent!important}
.side a.nav span{width:24px!important;text-align:center!important;flex:0 0 24px!important}.side a.nav b{font-size:14px!important;line-height:1.2!important}
.side a.nav:hover,.side a.nav.active{background:linear-gradient(90deg,#2563eb,#0ea5e9)!important;color:#fff!important;border-color:rgba(255,255,255,.15)!important;box-shadow:0 8px 20px rgba(37,99,235,.25)!important}
.main{min-width:0!important;width:100%!important;padding:0!important;background:var(--ml-bg)!important}.top{position:sticky!important;top:0!important;z-index:9000!important;height:68px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(10px)!important;border-bottom:1px solid var(--ml-border)!important;box-shadow:0 6px 20px rgba(15,23,42,.06)!important;display:flex!important;align-items:center!important;gap:12px!important;padding:10px 18px!important}.top>b{font-size:18px!important;font-weight:900!important;color:#111827!important;letter-spacing:.2px!important}.top>span{flex:1!important}.hamb{display:none!important;background:#fff!important;border:1px solid var(--ml-border)!important;border-radius:14px!important;color:#111827!important;font-size:24px!important;min-width:48px!important;height:48px!important;box-shadow:0 6px 18px rgba(15,23,42,.08)!important}.content{padding:22px!important;max-width:100%!important;width:100%!important}.content h1,.content .title,h1.title,h1{font-size:32px!important;line-height:1.15!important;margin:0 0 20px!important;color:#0f172a!important;font-weight:900!important}.card,.box,.panel,.form-card,.table-card,.pu-card,.ps-card,.cat-card{background:#fff!important;border:1px solid var(--ml-border)!important;border-radius:20px!important;box-shadow:0 10px 28px rgba(15,23,42,.07)!important;padding:18px!important;margin-bottom:16px!important}input,select,textarea{border:1px solid #d7e0ea!important;border-radius:13px!important;background:#fff!important;color:#111827!important;padding:11px 13px!important;font-size:15px!important;outline:none!important}input:focus,select:focus,textarea:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important}.btn,button,.button{border:0!important;border-radius:13px!important;padding:11px 16px!important;font-weight:900!important;cursor:pointer!important;background:linear-gradient(90deg,#00a65a,#007a4d)!important;color:#fff!important;box-shadow:0 8px 18px rgba(0,128,80,.18)!important}.btn.outline,a.btn.outline{background:#fff!important;color:#111827!important;border:1px solid #d7e0ea!important;box-shadow:none!important}.btn.danger,.danger{background:linear-gradient(90deg,#ef4444,#b91c1c)!important;color:#fff!important}.btn.small{padding:8px 12px!important;border-radius:10px!important;font-size:12px!important}.table-wrap{width:100%!important;overflow-x:auto!important}.table,table.table{width:100%!important;border-collapse:separate!important;border-spacing:0 8px!important}.table th{color:#64748b!important;font-size:12px!important;text-transform:uppercase!important;text-align:left!important;padding:8px 12px!important}.table td{background:#fff!important;border-top:1px solid #e8eef7!important;border-bottom:1px solid #e8eef7!important;padding:12px!important}.table td:first-child{border-left:1px solid #e8eef7!important;border-radius:14px 0 0 14px!important}.table td:last-child{border-right:1px solid #e8eef7!important;border-radius:0 14px 14px 0!important}.row,.form-row{display:flex!important;gap:12px!important;flex-wrap:wrap!important;align-items:end!important}.grid{display:grid!important;gap:16px!important}.ml-alert-bell{background:#fff!important;border:1px solid #bbf7d0!important;color:#8a2c0c!important;border-radius:16px!important;padding:10px 14px!important;font-weight:900!important;box-shadow:0 6px 18px rgba(15,23,42,.06)!important}.ml-alert-bell b{background:#94a3b8!important;color:#fff!important;border-radius:99px!important;padding:3px 8px!important}.ml-alert-bell:not(.zero) b{background:#ef4444!important}#adminInstallBtn{background:linear-gradient(90deg,#00a65a,#007a4d)!important;border-radius:15px!important;box-shadow:0 8px 18px rgba(0,128,80,.2)!important}.old-top-links,.navline,.legacy-header{display:none!important}
footer{padding:18px 22px!important;color:#64748b!important}
@media(max-width:900px){.adm{display:block!important;grid-template-columns:none!important}.side{position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:min(82vw,310px)!important;height:100vh!important;transform:translateX(-110%)!important;transition:transform .25s ease!important;border-radius:0 22px 22px 0!important}.hamb{display:inline-flex!important;align-items:center!important;justify-content:center!important}.top{height:64px!important;padding:8px 10px!important;gap:8px!important}.top>b{font-size:15px!important;max-width:110px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.top>span{display:block!important;flex:1!important}.top .btn.outline{display:none!important}.ml-alert-bell{padding:8px 9px!important;font-size:12px!important}.ml-alert-bell b{min-width:22px!important;text-align:center!important;padding:2px 6px!important}#adminInstallBtn{padding:9px 10px!important;font-size:12px!important}.content{padding:16px 10px 90px!important}.content h1,.content .title,h1{font-size:26px!important}.card,.box,.panel,.form-card,.table-card,.pu-card,.ps-card,.cat-card{border-radius:18px!important;padding:14px!important}.row,.form-row{display:grid!important;grid-template-columns:1fr!important}.grid{grid-template-columns:1fr!important}body.open .side{transform:translateX(0)!important}body.open:after{content:""!important;position:fixed!important;inset:0!important;background:rgba(15,23,42,.38)!important;z-index:9990!important}.side{z-index:10001!important}}


/* ===== V7C MOBILE COMPACT WIDTH FIX ===== */
@media(max-width:900px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:#f6f8fc!important}
  .content{width:100%!important;max-width:100vw!important;padding:12px 8px 92px!important}
  .top{width:100%!important;max-width:100vw!important;overflow:hidden!important}
  .top>b{max-width:76px!important;font-size:14px!important}
  .ml-alert-bell{max-width:88px!important;overflow:hidden!important;white-space:nowrap!important}
  #adminInstallBtn{max-width:94px!important;line-height:1.05!important;white-space:normal!important}
  .card,.box,.panel,.form-card,.table-card,.pm-section,.pu-card,.pu-filter,.cat-row-card,.ml-service-card{width:100%!important;max-width:100%!important;margin:0 0 12px!important;padding:12px!important;border-radius:18px!important;overflow:hidden!important}
  h1,.title,.content h1{font-size:25px!important;line-height:1.12!important;margin:18px 0 14px!important;word-break:break-word!important}
  h2{font-size:18px!important;margin:0 0 10px!important}
  label{font-size:13px!important;line-height:1.2!important}
  input,select,textarea{width:100%!important;max-width:100%!important;min-width:0!important;height:40px!important;padding:9px 10px!important;font-size:14px!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}
  input[type=file]{padding:6px 8px!important;height:auto!important;font-size:13px!important}
  .form-grid,.compact-form,.pm-grid,.filters,.filter-row,.search-row,.order-filter,.user-filter{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important}
  .form-grid .field,.pm-field,.field,.full{min-width:0!important;width:100%!important;max-width:100%!important}
  .row,.form-row{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important}
  .btn,button,a.btn,.button{min-height:38px!important;padding:8px 12px!important;font-size:13px!important;border-radius:12px!important;max-width:100%!important}
  .btn.small,a.btn.small{min-height:34px!important;padding:7px 10px!important;font-size:12px!important}
  .table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important}
  table,.table{min-width:620px!important;width:max-content!important;max-width:none!important}
  .table th,table th{font-size:12px!important;padding:7px 9px!important;white-space:nowrap!important}
  .table td,table td{font-size:13px!important;padding:9px!important;white-space:nowrap!important;max-width:220px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .preview img{max-width:72px!important;max-height:72px!important}
  .cat-row-card{display:grid!important;grid-template-columns:56px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;min-height:78px!important}
  .cat-row-card img{width:54px!important;height:54px!important;border-radius:13px!important}
  .cat-info{min-width:0!important}.cat-info b{font-size:15px!important;line-height:1.15!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;max-height:38px!important}.cat-info small{font-size:11px!important;line-height:1.15!important;display:block!important;white-space:normal!important}
  .cat-actions{grid-column:auto!important;display:flex!important;flex-direction:column!important;gap:6px!important;align-items:flex-end!important;justify-content:center!important;min-width:70px!important}
  .cat-actions .btn{width:66px!important;text-align:center!important;padding:7px 8px!important}
  .pm-form-wrap{width:100%!important;max-width:100%!important}
  .pm-section{padding:12px!important}.variant-box{padding:10px!important;border-radius:16px!important}
  .variant-head{display:flex!important;gap:8px!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important}.variant-head .pm-sec-title{font-size:22px!important}.variant-head button{white-space:nowrap!important}
  .inline-switch{float:none!important;display:flex!important;justify-content:space-between!important;width:100%!important;margin-top:5px!important;font-size:13px!important;font-weight:900!important}
  .slab-switch{position:relative!important;appearance:none!important;-webkit-appearance:none!important;width:48px!important;height:26px!important;border-radius:999px!important;background:#d1d5db!important;border:0!important;flex:0 0 48px!important;cursor:pointer!important}
  .slab-switch:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.22);transition:.2s}
  .slab-switch:checked{background:linear-gradient(90deg,#ff7a00,#00965f)!important}.slab-switch:checked:before{left:25px}
  .price-preview-grid{grid-template-columns:1fr!important}.auto-preview-title{font-size:13px!important;line-height:1.25!important}.price-chip{font-size:12px!important;padding:4px 8px!important}
  .product-card,.prod-card,.pu-card{grid-template-columns:76px minmax(0,1fr) 46px!important;gap:8px!important}.product-card img,.prod-card img,.pu-card img{width:68px!important;height:68px!important}.prod-actions,.product-actions{width:42px!important;min-width:42px!important}.fab{right:18px!important;bottom:82px!important;width:58px!important;height:58px!important}
}
@media(max-width:420px){
  .content{padding-left:7px!important;padding-right:7px!important}
  .top{gap:5px!important;padding:7px 7px!important}.hamb{min-width:42px!important;height:42px!important}.top>b{max-width:54px!important}.ml-alert-bell{max-width:78px!important;padding:7px 6px!important}#adminInstallBtn{max-width:84px!important;padding:7px 6px!important}
  .cat-row-card{grid-template-columns:52px minmax(0,1fr) 64px!important}.cat-actions .btn{width:60px!important;font-size:11px!important;padding:6px 6px!important}
  table,.table{min-width:560px!important}
}

/* ===== V7F DESKTOP DROPDOWN + GLOBAL THEME SYSTEM ===== */
:root{
  --ml-primary:#ff6b00; --ml-secondary:#d94a1a; --ml-bg:#f6f7fb; --ml-card:#ffffff; --ml-text:#172334;
  --ml-muted:#64748b; --ml-border:#e2e8f0; --ml-input:#ffffff; --ml-soft:#fff7ed;
}
html,body{background:var(--ml-bg)!important;color:var(--ml-text)!important;}
.content{background:transparent!important;color:var(--ml-text)!important;}
.card,.box,.panel,.form-card,.table-card,.ds-card,.pwa-card,.pu-card,.pu-filter,.pm-section,.tc-card,
.stat,.settings-card,.filter-card,.list-card{background:var(--ml-card)!important;color:var(--ml-text)!important;border-color:var(--ml-border)!important;}
input,select,textarea{
  background:var(--ml-input)!important;color:var(--ml-text)!important;border:1px solid var(--ml-border)!important;
  min-width:0!important;width:100%;box-sizing:border-box!important;line-height:1.35!important;height:auto!important;min-height:44px!important;
  padding:10px 38px 10px 12px!important;white-space:normal!important;text-overflow:clip!important;overflow:visible!important;
}
select option{background:var(--ml-input)!important;color:var(--ml-text)!important;font-size:14px!important;line-height:1.45!important;}
select{appearance:auto!important;-webkit-appearance:menulist!important;}
label{color:var(--ml-text)!important}.muted,small,.hint{color:var(--ml-muted)!important}.table th{color:var(--ml-muted)!important}
.btn-orange,.btn.primary,.btn-primary,#adminInstallBtn,.top .btn:not(.outline),button[type=submit],.filter-btn,.save-btn,
input[type=submit]{background:linear-gradient(135deg,var(--ml-primary),var(--ml-secondary))!important;color:#fff!important;border:0!important;}
.side .nav.active,.side a.active{background:linear-gradient(135deg,var(--ml-primary),var(--ml-secondary))!important;color:#fff!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important;}
.logo{background:linear-gradient(135deg,var(--ml-primary),var(--ml-secondary))!important;color:#fff!important;}
.ml-alert-bell{border-color:var(--ml-primary)!important;color:var(--ml-text)!important;background:var(--ml-card)!important;}

/* Industrial dark orange */
body.theme-industrial_dark{--ml-primary:#ff7a00;--ml-secondary:#ff3d00;--ml-bg:#0f1115;--ml-card:#1b1f26;--ml-text:#f8fafc;--ml-muted:#b8c0cc;--ml-border:#303642;--ml-input:#151922;--ml-soft:#25180f;}
body.theme-industrial_dark .top, body.theme-industrial_dark .side{background:#11151c!important;color:#f8fafc!important;border-color:#303642!important;}
body.theme-industrial_dark .side .nav, body.theme-industrial_dark .side a{color:#e5e7eb!important;}
body.theme-industrial_dark .table td,body.theme-industrial_dark .table th{border-color:#303642!important;color:#f8fafc!important;}
body.theme-industrial_dark .ml-alert-bell{background:#161b24!important;color:#f8fafc!important;}

/* Material 3 light */
body.theme-material_light{--ml-primary:#2563eb;--ml-secondary:#ff6b00;--ml-bg:#f8fafc;--ml-card:#ffffff;--ml-text:#172334;--ml-muted:#64748b;--ml-border:#dbe4f0;--ml-input:#ffffff;--ml-soft:#eff6ff;}
body.theme-material_light .side{background:#fff!important;color:#172334!important;border-right:1px solid #e5edf7!important;box-shadow:6px 0 24px rgba(15,23,42,.06)!important;}
body.theme-material_light .top{background:#fff!important;color:#172334!important;}

/* Apple glass */
body.theme-apple_glass{--ml-primary:#8b5cf6;--ml-secondary:#3b82f6;--ml-bg:#111827;--ml-card:rgba(255,255,255,.12);--ml-text:#f8fafc;--ml-muted:#d8d9ff;--ml-border:rgba(255,255,255,.22);--ml-input:rgba(255,255,255,.10);--ml-soft:rgba(139,92,246,.18);background:radial-gradient(circle at 20% 10%,#7c3aed55,transparent 28%),radial-gradient(circle at 90% 20%,#3b82f655,transparent 26%),linear-gradient(135deg,#111827,#27335f)!important;}
body.theme-apple_glass .top, body.theme-apple_glass .side, body.theme-apple_glass .card, body.theme-apple_glass .box, body.theme-apple_glass .panel,
body.theme-apple_glass .form-card, body.theme-apple_glass .table-card, body.theme-apple_glass .ds-card, body.theme-apple_glass .pwa-card, body.theme-apple_glass .pu-card,
body.theme-apple_glass .pm-section{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 48px rgba(0,0,0,.18)!important;}
body.theme-apple_glass .side{background:rgba(15,23,42,.42)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;}
body.theme-apple_glass .top{background:rgba(15,23,42,.38)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;}
body.theme-apple_glass .side .nav, body.theme-apple_glass .side a{color:#fff!important;}
body.theme-apple_glass .table td,body.theme-apple_glass .table th{border-color:rgba(255,255,255,.15)!important;color:#fff!important;}
body.theme-apple_glass .ml-alert-bell{background:rgba(255,255,255,.10)!important;color:#fff!important;}

@media (min-width:901px){
  .form-row,.filter-row,.search-row,.row,.input-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end;}
  .form-row>* , .filter-row>* , .search-row>* , .row>* , .input-row>*{min-width:220px;flex:1 1 220px;}
  select{min-width:220px!important;}
  .top{overflow:visible!important;}
  .content{overflow:visible!important;}
  .card,.box,.panel{overflow:visible!important;}
}
@media (max-width:900px){
  select,input,textarea{font-size:14px!important;min-height:44px!important;padding:10px 34px 10px 12px!important;}
  .top{background:var(--ml-card)!important;color:var(--ml-text)!important;}
  .side{background:var(--ml-card)!important;color:var(--ml-text)!important;}
  body.theme-industrial_dark .top,body.theme-industrial_dark .side{background:#11151c!important;color:#fff!important;}
  body.theme-apple_glass .top,body.theme-apple_glass .side{background:rgba(15,23,42,.80)!important;color:#fff!important;}
}

/* ===== V7G DARK THEME TEXT + INPUT/CARD FIT FIX ===== */
body.theme-industrial_dark,
body.theme-apple_glass{color:#f8fafc!important;}
body.theme-industrial_dark .main,
body.theme-industrial_dark .content,
body.theme-apple_glass .main,
body.theme-apple_glass .content{color:#f8fafc!important;}
body.theme-industrial_dark h1,body.theme-industrial_dark h2,body.theme-industrial_dark h3,
body.theme-industrial_dark h4,body.theme-industrial_dark h5,body.theme-industrial_dark h6,
body.theme-industrial_dark p,body.theme-industrial_dark div,body.theme-industrial_dark span,
body.theme-industrial_dark label,body.theme-industrial_dark b,body.theme-industrial_dark strong,
body.theme-industrial_dark td,body.theme-industrial_dark th,
body.theme-apple_glass h1,body.theme-apple_glass h2,body.theme-apple_glass h3,
body.theme-apple_glass h4,body.theme-apple_glass h5,body.theme-apple_glass h6,
body.theme-apple_glass p,body.theme-apple_glass div,body.theme-apple_glass span,
body.theme-apple_glass label,body.theme-apple_glass b,body.theme-apple_glass strong,
body.theme-apple_glass td,body.theme-apple_glass th{color:inherit;}
body.theme-industrial_dark .card,body.theme-industrial_dark .box,body.theme-industrial_dark .panel,
body.theme-industrial_dark .table-card,body.theme-industrial_dark .list-card,body.theme-industrial_dark .stat,
body.theme-industrial_dark .ds-card,body.theme-industrial_dark .svc-card,body.theme-industrial_dark .pu-card,
body.theme-industrial_dark .pm-section,body.theme-industrial_dark .filter-card,
body.theme-apple_glass .card,body.theme-apple_glass .box,body.theme-apple_glass .panel,
body.theme-apple_glass .table-card,body.theme-apple_glass .list-card,body.theme-apple_glass .stat,
body.theme-apple_glass .ds-card,body.theme-apple_glass .svc-card,body.theme-apple_glass .pu-card,
body.theme-apple_glass .pm-section,body.theme-apple_glass .filter-card{background:var(--ml-card)!important;color:var(--ml-text)!important;border-color:var(--ml-border)!important;}
body.theme-industrial_dark input,body.theme-industrial_dark select,body.theme-industrial_dark textarea,
body.theme-apple_glass input,body.theme-apple_glass select,body.theme-apple_glass textarea{background:var(--ml-input)!important;color:var(--ml-text)!important;border-color:var(--ml-border)!important;caret-color:var(--ml-text)!important;}
body.theme-industrial_dark input::placeholder,body.theme-industrial_dark textarea::placeholder,
body.theme-apple_glass input::placeholder,body.theme-apple_glass textarea::placeholder{color:rgba(248,250,252,.66)!important;opacity:1!important;}
body.theme-industrial_dark select option{background:#151922!important;color:#f8fafc!important;}
body.theme-apple_glass select option{background:#27335f!important;color:#f8fafc!important;}
body.theme-industrial_dark .btn.outline,body.theme-industrial_dark a.btn.outline,
body.theme-apple_glass .btn.outline,body.theme-apple_glass a.btn.outline{background:rgba(255,255,255,.10)!important;color:var(--ml-text)!important;border-color:var(--ml-border)!important;}
body.theme-industrial_dark .table tr,body.theme-industrial_dark table tr,
body.theme-apple_glass .table tr,body.theme-apple_glass table tr{background:transparent!important;color:var(--ml-text)!important;}
body.theme-industrial_dark .muted,body.theme-industrial_dark small,body.theme-industrial_dark .hint,
body.theme-apple_glass .muted,body.theme-apple_glass small,body.theme-apple_glass .hint{color:var(--ml-muted)!important;}

/* prevent half-hidden text in desktop/mobile inputs */
input,select,textarea{max-width:100%!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;line-height:1.35!important;}
.form-row > *, .filter-row > *, .search-row > *, .row > *, .input-row > *{min-width:0!important;}
@media(min-width:901px){
  .card,.box,.panel,.svc-card,.ds-card,.pu-card{overflow:visible!important;}
  .form-row,.filter-row,.search-row,.input-row{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;}
  select,input,textarea{font-size:14px!important;min-height:42px!important;}
}
@media(max-width:900px){
  .table-wrap,.card,.box,.panel,.svc-card,.ds-card,.pu-card{max-width:100%!important;}
  h1.title,.title{font-size:28px!important;line-height:1.15!important;word-break:normal!important;overflow-wrap:anywhere!important;}
}

/* V7H FINAL VISIBILITY FIX: Theme 1/3 text + form/box contrast */
body.theme-industrial_dark input,
body.theme-industrial_dark select,
body.theme-industrial_dark textarea,
body.theme-apple_glass input,
body.theme-apple_glass select,
body.theme-apple_glass textarea{
  background:#ffffff!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  border-color:#cbd5e1!important;
  text-shadow:none!important;
  opacity:1!important;
}
body.theme-industrial_dark input::placeholder,
body.theme-industrial_dark textarea::placeholder,
body.theme-apple_glass input::placeholder,
body.theme-apple_glass textarea::placeholder{
  color:#64748b!important;
  -webkit-text-fill-color:#64748b!important;
  opacity:1!important;
}
body.theme-industrial_dark select option,
body.theme-apple_glass select option{
  background:#ffffff!important;
  color:#111827!important;
}
body.theme-industrial_dark .table tr,
body.theme-industrial_dark .table td,
body.theme-industrial_dark .table th,
body.theme-industrial_dark table tr,
body.theme-industrial_dark table td,
body.theme-industrial_dark table th,
body.theme-apple_glass .table tr,
body.theme-apple_glass .table td,
body.theme-apple_glass .table th,
body.theme-apple_glass table tr,
body.theme-apple_glass table td,
body.theme-apple_glass table th{
  background:rgba(255,255,255,.07)!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  border-color:rgba(255,255,255,.15)!important;
}
body.theme-industrial_dark .analytics-status .stat,
body.theme-industrial_dark .dash-status .stat,
body.theme-industrial_dark .recent-card,
body.theme-apple_glass .analytics-status .stat,
body.theme-apple_glass .dash-status .stat,
body.theme-apple_glass .recent-card{
  background:rgba(255,255,255,.08)!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.16)!important;
}
body.theme-industrial_dark .analytics-status .stat small,
body.theme-industrial_dark .analytics-status .stat b,
body.theme-industrial_dark .dash-status .stat small,
body.theme-industrial_dark .dash-status .stat b,
body.theme-apple_glass .analytics-status .stat small,
body.theme-apple_glass .analytics-status .stat b,
body.theme-apple_glass .dash-status .stat small,
body.theme-apple_glass .dash-status .stat b{
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
}
body.theme-industrial_dark .svc-card,
body.theme-apple_glass .svc-card{
  background:rgba(255,255,255,.82)!important;
  color:#111827!important;
  border-color:rgba(255,255,255,.30)!important;
}
body.theme-industrial_dark .svc-card *,
body.theme-apple_glass .svc-card *{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}
body.theme-industrial_dark .svc-card .btn,
body.theme-industrial_dark .svc-card .mini-btn,
body.theme-industrial_dark .svc-card button,
body.theme-apple_glass .svc-card .btn,
body.theme-apple_glass .svc-card .mini-btn,
body.theme-apple_glass .svc-card button{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
body.theme-industrial_dark .svc-card input,
body.theme-apple_glass .svc-card input{
  background:#fff!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}
body.theme-industrial_dark .btn.outline,
body.theme-industrial_dark a.btn.outline,
body.theme-apple_glass .btn.outline,
body.theme-apple_glass a.btn.outline{
  background:#ffffff!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  border-color:#dbe4f0!important;
}
body.theme-industrial_dark .dash-status-select,
body.theme-apple_glass .dash-status-select,
body.theme-industrial_dark .recent-card select,
body.theme-apple_glass .recent-card select{
  background:#ffffff!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}
body.theme-industrial_dark .pill,
body.theme-apple_glass .pill{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  background:#ffffff!important;
}
input,select,textarea{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}

@import url("v7i_theme_visible_mobile_footer.css?v=7i3");
.ml-kb-focus{background:#fff7c7!important;border:2px solid #f97316!important;box-shadow:0 0 0 3px rgba(249,115,22,.14)!important;outline:none!important;caret-color:#111827!important}
