*{box-sizing:border-box}body{margin:0;font:15px system-ui;background:#101214;color:#eee}a{color:inherit}.top{background:#181b20;border-bottom:1px solid #30343a;position:sticky;top:0;z-index:5}.nav{max-width:1200px;margin:auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.btn{background:#22272d;color:#eee;border:1px solid #3b424a;border-radius:9px;padding:9px 13px;cursor:pointer;text-decoration:none}.primary{background:#c58b42;color:#111}.wrap{max-width:1200px;margin:auto;padding:28px 20px}.hero h1{font-size:40px;margin:5px 0}.muted{color:#9da4ad}.stats,.grid{display:grid;gap:14px}.stats{grid-template-columns:repeat(3,1fr);margin:20px 0}.stat,.panel,.card{background:#181b20;border:1px solid #2d3238;border-radius:14px}.stat,.panel{padding:18px}.stat b{display:block;font-size:28px}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.card{overflow:hidden;cursor:pointer}.photo{height:190px;background:#0b0d0f;display:flex;align-items:center;justify-content:center}.photo img{width:100%;height:100%;object-fit:cover}.cardbody{padding:15px}.tag{font-size:12px;border:1px solid #444;padding:4px 8px;border-radius:99px}.input,.select,.textarea{width:100%;padding:11px;background:#0f1114;color:#eee;border:1px solid #363c43;border-radius:9px}.tools{display:flex;gap:10px;margin:20px 0}.tools .input{max-width:520px}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:10;padding:20px;align-items:center;justify-content:center}.modal.show{display:flex}.modalbox{max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#181b20;padding:22px;border-radius:15px}.detailimg{max-width:100%;max-height:430px;display:block;margin:auto}.admin{display:grid;grid-template-columns:1fr 1fr;gap:18px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.listrow{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #2d3238}@media(max-width:700px){.stats,.admin,.formgrid{grid-template-columns:1fr}.tools{flex-direction:column}.hero h1{font-size:32px}}.brandlink{color:inherit;text-decoration:none}.statlink{color:inherit;text-decoration:none;cursor:pointer}.statlink:hover,.categorycard:hover{transform:translateY(-2px);border-color:#777}.viewbuttons{display:flex;gap:6px}.listview{display:flex;flex-direction:column;gap:10px}.listview .card{display:grid;grid-template-columns:110px 1fr;min-height:110px}.listview .photo{height:110px}.listview .cardbody{display:flex;align-items:center;gap:18px}.listview .cardbody h3{margin:0}.categorygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.categorycard{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #333;border-radius:14px;background:#151515;color:inherit;text-decoration:none;transition:.15s}.categorycard b{font-size:1.2rem}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.gallery .photo{height:180px}@media(max-width:700px){.nav{flex-wrap:wrap}.viewbuttons{width:100%}.listview .card{grid-template-columns:90px 1fr}.listview .cardbody{display:block;padding:10px}.listview .photo{height:90px}}
.exportbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0;padding:12px;border:1px solid #333;border-radius:12px;background:#151515}

/* =========================================================
   v2.4.4 RESPONSIVE / MOBILE LAYOUT
   ========================================================= */
*,*::before,*::after{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{width:100%;min-width:0;max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit;max-width:100%}

@media (max-width:900px){
  header{padding:14px 16px!important}
  header h1,.logo,.site-title{font-size:clamp(20px,6vw,30px)!important;line-height:1.15!important}
  nav,.nav,.menu,.topbar,.header-actions,.toolbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  nav a,.nav a,.menu a,.header-actions a,.toolbar a,
  nav button,.nav button,.menu button,.header-actions button,.toolbar button{
    min-height:42px;white-space:normal!important
  }
  .stats,.stat-grid,.categories,.category-grid,.manufacturer-grid,.manufacturers{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important
  }
  .equipment-grid,.collection-grid,.items-grid,.cards,.grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important
  }
  .equipment-card,.card{min-width:0;overflow:hidden}
  .equipment-card img,.card img{width:100%;object-fit:cover}
  .search,.filters,.filter-bar,.toolbar{width:100%}
  .search input,.filters input,.filters select,.filter-bar input,.filter-bar select{
    min-width:0!important;width:100%!important
  }
  table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media (max-width:600px){
  body{font-size:14px}
  header{padding:12px!important}
  main,.container,.wrapper{
    width:100%!important;max-width:100%!important;
    padding-left:12px!important;padding-right:12px!important;
    margin-left:auto!important;margin-right:auto!important
  }
  h1{font-size:24px!important;line-height:1.15!important}
  h2{font-size:20px!important;line-height:1.2!important}
  h3{font-size:17px!important;line-height:1.25!important}
  p{overflow-wrap:anywhere}
  nav,.nav,.menu,.topbar,.header-actions,.toolbar{
    display:flex!important;width:100%;align-items:stretch!important
  }
  nav a,.nav a,.menu a,.header-actions a,.toolbar a,
  nav button,.nav button,.menu button,.header-actions button,.toolbar button{
    flex:1 1 auto;text-align:center;padding:10px 8px!important;min-width:0
  }
  .stats,.stat-grid,.categories,.category-grid,.manufacturer-grid,.manufacturers,
  .equipment-grid,.collection-grid,.items-grid,.cards,.grid{
    grid-template-columns:1fr!important
  }
  .equipment-card,.card{width:100%!important;min-width:0!important}
  .equipment-card h3,.card h3,.equipment-card .title,.card .title{
    font-size:17px!important;line-height:1.25!important;
    overflow-wrap:anywhere;word-break:break-word
  }
  .equipment-card .meta,.card .meta{display:flex;flex-wrap:wrap;gap:5px 8px}
  .modal,.modal-content,.dialog,.detail,.detail-panel{
    width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;
    max-height:calc(100vh - 20px);overflow-y:auto
  }
  .modal-content,.detail,.detail-panel{padding:14px!important}
  .detail-grid,.equipment-detail,.two-column,.columns{
    grid-template-columns:1fr!important
  }
  .gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  form,.form,.form-grid,.admin-form{width:100%}
  .form-grid,.admin-form{grid-template-columns:1fr!important}
  input,select,textarea{width:100%!important;min-width:0!important}
  textarea{min-height:110px}
  .actions,.form-actions{display:flex;flex-wrap:wrap;gap:8px}
  .actions button,.form-actions button{flex:1 1 140px;min-height:44px}
  .brand,.manufacturer,.model,.title,.description,.notes{
    overflow-wrap:anywhere;word-break:break-word
  }
}

@media (max-width:380px){
  header h1,.logo,.site-title{font-size:21px!important}
  main,.container,.wrapper{padding-left:9px!important;padding-right:9px!important}
  nav a,.nav a,.menu a,.header-actions a,.toolbar a,
  nav button,.nav button,.menu button,.header-actions button,.toolbar button{
    padding:9px 6px!important;font-size:13px
  }
}