#se-app .se-sel-wrap { position:relative; display:inline-block; vertical-align:top; }
#se-app .se-filter-row { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:0; }
#se-app .se-sel-wrap::after { content:'▾'; position:absolute; right:10px; top:50%; transform:translateY(-50%); pointer-events:none; font-size:.75rem; color:#555; }
#se-app .se-sel-wrap select { padding-right:28px; }
#se-app .se-date-wrap { position:relative; display:inline-block; vertical-align:top; }
#se-app .se-date-btn  { display:inline-block; padding:8px 28px 8px 10px; border:1.5px solid #cdd5df; border-radius:6px; font-size:.875rem; background:#f8fafc; cursor:pointer; min-width:130px; white-space:nowrap; user-select:none; position:relative; box-sizing:border-box; }
#se-app .se-date-btn::after { content:'▾'; position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:.75rem; color:#555; }
#se-app .se-date-pop  { display:none; position:absolute; top:100%; margin-top:4px; left:0; right:auto; background:#fff; border:1.5px solid #cdd5df; border-radius:8px; padding:14px 16px; z-index:9999; box-shadow:0 4px 16px rgba(0,0,0,.12); min-width:240px; width:240px; }
#se-app .se-date-pop.open { display:block; }
#se-app .se-date-pop label { display:block; font-size:.75rem; font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:#555; margin-bottom:4px; }
#se-app .se-date-pop input[type=date] { width:100%; padding:7px 10px; border:1.5px solid #cdd5df; border-radius:6px; font-size:.875rem; margin-bottom:10px; outline:none; box-sizing:border-box; }
#se-app .se-date-pop input[type=date]:focus { border-color:#b36e33; }
#se-app .se-date-clear { font-size:.78rem; color:#b36e33; cursor:pointer; text-decoration:underline; background:none; border:none; padding:0; }
#se-app .se-brand-wrap { position:relative; display:inline-block; vertical-align:top; }
#se-app .se-brand-btn  { display:inline-block; padding:8px 28px 8px 10px; border:1.5px solid #cdd5df; border-radius:6px; font-size:.875rem; background:#f8fafc; cursor:pointer; min-width:130px; white-space:nowrap; user-select:none; position:relative; box-sizing:border-box; }
#se-app .se-brand-btn::after { content:'▾'; position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:.75rem; color:#555; }
#se-app .se-brand-btn.active { border-color:#b36e33; background:#fff8f4; }
#se-app .se-brand-pop  { display:none; position:absolute; top:100%; margin-top:4px; left:0; right:auto; background:#fff; border:1.5px solid #cdd5df; border-radius:8px; padding:8px 0; z-index:9999; box-shadow:0 4px 16px rgba(0,0,0,.12); min-width:200px; width:200px; max-height:280px; overflow-y:auto; }
#se-app .se-brand-pop.open { display:block; }
#se-app .se-brand-pop label { display:flex; align-items:center; gap:8px; padding:7px 14px; font-size:.875rem; cursor:pointer; white-space:nowrap; }
#se-app .se-brand-pop label:hover { background:#f4f7fb; }
#se-app .se-brand-pop input[type=checkbox] { cursor:pointer; accent-color:#b36e33; }
#se-app .se-brand-pop .se-brand-clear { display:block; padding:6px 14px; font-size:.75rem; color:#b36e33; cursor:pointer; text-decoration:underline; background:none; border:none; border-top:1px solid #e8edf3; margin-top:4px; width:100%; text-align:left; }
/* ── Mobile card layout ─────────────────────────────────── */
#se-app .se-cards { display:none; }
#se-app .se-card  { border:1px solid #e2e8f0; border-radius:8px; margin-bottom:10px; overflow:hidden; background:#dad8d2; }
#se-app .se-card-row { display:flex; align-items: stretch; border-bottom:1px solid #e8edf3; }
#se-app .se-card-row:last-child { border-bottom:none; }
#se-app .se-card-label { flex:0 0 50%; padding:9px 12px; font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#555; background:#e9e7e2; }
#se-app .se-card-value { flex:0 0 50%; padding:9px 12px; font-size:.875rem; color:#2d3748; word-break:break-word; }
#se-app .se-card-value a { color:#b36e33; text-decoration:underline; }
/* ── Pager ───────────────────────────────────────────────── */
#se-app .se-pager { display:none; justify-content:center; align-items:center; gap:6px; margin-top:12px; flex-wrap:wrap; }
#se-app .se-pager button { padding:8px 14px; border:1.5px solid #cdd5df; border-radius:6px; background:#f8fafc; font-size:.875rem; cursor:pointer; color:#2d3748; transition:background .15s,border-color .15s; }
#se-app .se-pager button:hover { background:#e9e7e2; }
#se-app .se-pager button.active { background:#b36e33; border-color:#b36e33; color:#fff; font-weight:700; cursor:default; }
#se-app .se-pager button:disabled { opacity:.4; cursor:default; }
#se-app .se-pager .se-pager-info { font-size:.8rem; color:#888; padding:0 4px; }
@media (max-width: 768px) {
  /* Filters: full-width stacked column */
  #se-app .se-filter-row { flex-direction:column; align-items:stretch; width:100%;}
  #se-app .se-swrap,
  #se-app .se-swrap input,
  #se-app .se-sel-wrap,
  #se-app .se-sel-wrap select,
  #se-app .se-date-wrap,
  #se-app .se-date-btn,
  #se-app .se-brand-wrap,
  #se-app .se-brand-btn { width:100%; box-sizing:border-box; }
  #se-app .se-date-pop  { width:100%; min-width:0; left:0; right:0; }
  #se-app .se-brand-pop { width:100%; min-width:0; left:0; right:0; }
  #se-app .org-btn.chat-btn { width:100%; text-align:center; margin-top:4px; }
  /* Hide table, show cards + pager */
  #se-app .se-wrap table { display:none; }
  #se-app .se-cards { display:block; }
  #se-app .se-pager { display:flex; }
}