/* settings panel */
.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;margin-bottom:16px;}
.settings-title{font-family:'Bebas Neue';font-size:18px;letter-spacing:2px;color:var(--bright);margin-bottom:18px;}
.cat-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.cat-chip{display:inline-flex;align-items:center;gap:6px;font-family:'IBM Plex Mono';font-size:11px;padding:4px 12px;border-radius:100px;background:var(--card);border:1px solid var(--border2);color:var(--text2);}
.cat-chip-del{background:none;border:none;cursor:pointer;color:var(--muted);font-size:14px;line-height:1;padding:0 2px;transition:color 0.15s;}
.cat-chip-del:hover{color:var(--red);}
.cat-add-row{display:flex;gap:8px;align-items:center;}
.bulk-bar{display:none;align-items:center;gap:12px;padding:10px 20px;background:rgba(0,229,255,0.04);border-bottom:1px solid rgba(0,229,255,0.12);flex-wrap:wrap;}
.bulk-bar.visible{display:flex;}
.tickets-section .bulk-bar{background:rgba(167,139,250,0.04);border-color:rgba(167,139,250,0.12);}
.bulk-count{font-family:"IBM Plex Mono";font-size:11px;color:var(--accent);min-width:80px;}
.tickets-section .bulk-count{color:var(--purple);}
.bulk-actions{display:flex;gap:6px;flex-wrap:wrap;}
.bulk-btn{font-family:"Barlow";font-weight:700;font-size:11px;padding:5px 12px;border-radius:6px;border:none;cursor:pointer;transition:all 0.15s;letter-spacing:0.3px;}
.bulk-btn.b-sold{background:rgba(0,255,136,0.12);color:var(--green);border:1px solid rgba(0,255,136,0.25);}
.bulk-btn.b-sold:hover{background:rgba(0,255,136,0.22);}
.bulk-btn.b-listed{background:rgba(255,209,102,0.12);color:var(--gold);border:1px solid rgba(255,209,102,0.25);}
.bulk-btn.b-listed:hover{background:rgba(255,209,102,0.22);}
.bulk-btn.b-pending{background:rgba(255,60,95,0.08);color:var(--red);border:1px solid rgba(255,60,95,0.2);}
.bulk-btn.b-pending:hover{background:rgba(255,60,95,0.18);}
.bulk-btn.b-returned{background:rgba(99,102,241,0.1);color:#a5b4fc;border:1px solid rgba(99,102,241,0.2);}
.bulk-btn.b-returned:hover{background:rgba(99,102,241,0.2);}
.bulk-btn.b-delete{background:rgba(255,60,95,0.08);color:var(--red);border:1px solid rgba(255,60,95,0.2);}
.bulk-btn.b-delete:hover{background:rgba(255,60,95,0.2);}
.bulk-btn.b-edit{background:rgba(167,139,250,0.08);color:var(--purple);border:1px solid rgba(167,139,250,0.2);}
.bulk-btn.b-edit:hover{background:rgba(167,139,250,0.2);}
.bulk-btn.b-export{background:rgba(0,229,255,0.08);color:var(--accent);border:1px solid rgba(0,229,255,0.2);}
.bulk-btn.b-export:hover{background:rgba(0,229,255,0.2);}

/* SETTINGS GEAR */
.settings-gear{
  width:36px;height:36px;background:var(--card);border:1px solid var(--border2);
  border-radius:8px;cursor:pointer;font-size:16px;color:var(--muted);
  display:flex;align-items:center;justify-content:center;
  transition:all 0.2s;
}
.settings-gear:hover{border-color:#a5b4fc;color:#a5b4fc;transform:rotate(45deg);}

/* SETTINGS DRAWER */
#settingsDrawer{
  position:fixed;top:0;right:0;width:360px;height:100vh;
  background:var(--bg2,#0d1117);border-left:1px solid var(--border2);
  z-index:300;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);
  overflow-y:auto;display:flex;flex-direction:column;will-change:transform;
}
#settingsDrawer.open{transform:translateX(0);}
.drawer-overlay{
  display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);
  z-index:299;
}
.drawer-overlay.open{display:block;}
.drawer-header{
  display:flex;justify-content:space-between;align-items:center;
  padding:22px 24px 18px;border-bottom:1px solid var(--border);
  position:sticky;top:0;background:var(--bg2,#0d1117);z-index:1;
}
.drawer-title{font-family:'Bebas Neue';font-size:22px;letter-spacing:3px;color:var(--bright);}
.drawer-close{
  background:var(--card);border:1px solid var(--border2);color:var(--muted);
  width:30px;height:30px;border-radius:7px;cursor:pointer;font-size:16px;
  display:flex;align-items:center;justify-content:center;transition:all 0.15s;
}
.drawer-close:hover{border-color:var(--red);color:var(--red);}
.drawer-body{padding:20px 24px;display:flex;flex-direction:column;gap:24px;}
.drawer-section-title{
  font-family:'IBM Plex Mono';font-size:9px;letter-spacing:3px;
  color:var(--muted);text-transform:uppercase;
  display:flex;align-items:center;gap:8px;margin-bottom:12px;
}
.drawer-section-title::after{content:'';flex:1;height:1px;background:var(--border);}

/* INLINE CHIP EDITOR */
.chip-editor{display:flex;flex-wrap:wrap;gap:7px;padding:12px;background:var(--card);border:1px solid var(--border2);border-radius:10px;min-height:48px;align-items:center;}
.chip-editor:focus-within{border-color:var(--accent);}
.chip-editor.purple:focus-within{border-color:var(--purple);}
.chip{
  display:inline-flex;align-items:center;gap:5px;
  font-family:'IBM Plex Mono';font-size:11px;
  padding:4px 10px;border-radius:100px;
  background:rgba(0,229,255,0.08);border:1px solid rgba(0,229,255,0.2);color:var(--accent);
  transition:border-color 0.15s;
}
.chip.purple{background:rgba(167,139,250,0.08);border-color:rgba(167,139,250,0.2);color:var(--purple);}
.chip-x{background:none;border:none;cursor:pointer;color:inherit;opacity:0.6;font-size:14px;line-height:1;padding:0;transition:opacity 0.15s;}
.chip-x:hover{opacity:1;}
.chip-input{
  background:none;border:none;outline:none;
  font-family:'IBM Plex Mono';font-size:11px;color:var(--text);
  min-width:100px;flex:1;padding:2px 4px;
}
.chip-input::placeholder{color:var(--muted);}

.drawer-data-btns{display:flex;flex-direction:column;gap:8px;}
.drawer-data-btn{
  font-family:'Barlow';font-weight:700;font-size:13px;
  padding:11px 16px;border-radius:8px;border:1px solid var(--border2);
  background:var(--card);color:var(--text2);cursor:pointer;
  display:flex;align-items:center;gap:8px;transition:all 0.15s;
}
.drawer-data-btn:hover{border-color:var(--accent);color:var(--accent);}
.drawer-data-btn.danger:hover{border-color:var(--red);color:var(--red);}
.pagination{display:flex;align-items:center;gap:6px;padding:14px 16px;border-top:1px solid var(--border);justify-content:flex-end;}
.page-btn{font-family:'IBM Plex Mono';font-size:11px;padding:5px 10px;border-radius:6px;border:1px solid var(--border2);background:var(--surface);color:var(--text2);cursor:pointer;transition:all 0.15s;}
.page-btn:hover{border-color:var(--accent);color:var(--accent);}
.page-btn.active{background:rgba(0,229,255,0.1);border-color:var(--accent);color:var(--accent);}
.page-btn:disabled{opacity:0.3;cursor:default;}
.page-info{font-family:'IBM Plex Mono';font-size:10px;color:var(--muted);margin-right:8px;}

  font-family:'IBM Plex Mono';font-size:9px;color:var(--muted);
  line-height:1.9;background:var(--card);border:1px solid var(--border);
  border-radius:8px;padding:12px;
}
@keyframes fadeUp{from{opacity:0;}to{opacity:1;}}
@keyframes scaleIn{from{opacity:0;transform:scale(0.95) translateY(10px);}to{opacity:1;transform:none;}}
@media(max-width:400px){
  .stats-grid{grid-template-columns:1fr!important;}
}
@media(max-width:750px){
  .stats-row{grid-template-columns:repeat(2,1fr);}
  .header{flex-direction:column;align-items:flex-start;gap:16px;}
  .form-grid{grid-template-columns:1fr 1fr;}
  .insights-grid{grid-template-columns:1fr;}
  .insight-card.full{grid-column:span 1;}
  .main-tabs{width:100%;}
  .main-tab{flex:1;padding:10px 8px;font-size:12px;}
  .sub-tabs{width:100%;}
  .sub-tab{flex:1;text-align:center;}
  .toolbar-right{flex-wrap:wrap;gap:6px;}
  .filter-select{font-size:11px;padding:6px 8px;}
  .search-input{width:140px;}
  /* hide table on mobile, show cards instead */
  .overflow-x{display:none;}
  .mobile-cards{display:flex;flex-direction:column;gap:10px;padding:12px;}
  #settingsDrawer{width:100%;max-width:100%;}
}
@media(min-width:751px){
  .mobile-cards{display:none;}
}