/* ============================================================
   Select Dropdown Fix — add to end of main.css
   ============================================================ */

/* Styled select wrapper */
.select-wrap {
  position: relative;
  display: block;
}

.select-wrap .cb-select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 32px;
  cursor: pointer;
}

.select-wrap .select-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-muted);
  font-size: 14px;
  pointer-events: none;
}

/* Tag chip for group names */
.tag-chip {
  display: inline-block;
  background: var(--accent-glow);
  color: var(--accent-bright);
  border: 1px solid rgba(37,99,235,0.2);
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-right: 4px;
}


/* THEME CONSISTENCY V1 */
.app-header,
.topbar,
.header,
.navbar,
.bottom-nav,
.tabbar,
.footer-nav{
  background: var(--header-bg) !important;
  color: var(--text-primary) !important;
}

.bottom-nav,
.tabbar,
.footer-nav{
  border-top: 1px solid var(--border-color) !important;
}

.bottom-nav .active,
.tabbar .active{
  color: var(--accent-primary, #2563eb) !important;
}


/* HEADER CLIENT POLISH V1 */

/* Light mode header shell */
html[data-theme="light"] .app-shell,
html[data-theme="light"] .app-header,
html[data-theme="light"] .topbar,
html[data-theme="light"] .header,
html[data-theme="light"] .toolbar,
html[data-theme="light"] .app-toolbar{
    background:#ffffff !important;
    color:#111827 !important;
    border-color:#e5e7eb !important;
}

/* Client selection */
.client-item.active,
.client-item.selected,
.client-row.active,
.client-row.selected,
.client-list-item.active,
.client-list-item.selected{
    border-left:4px solid #2563eb !important;
    background:rgba(37,99,235,.12) !important;
    font-weight:700 !important;
    box-shadow:inset 0 0 0 1px rgba(37,99,235,.15) !important;
}

/* Light mode selected client text */
html[data-theme="light"] .client-item.active,
html[data-theme="light"] .client-item.selected,
html[data-theme="light"] .client-row.active,
html[data-theme="light"] .client-row.selected{
    color:#111827 !important;
}

/* Slightly narrower left panel */
.clients-sidebar,
.clients-panel-left,
.client-list-panel{
    width:22% !important;
    max-width:22% !important;
}


/* PREMIUM THEME REFACTOR V1 */
:root{
  --sheet-bg:#FCFCFD;
  --sheet-text:#111827;
  --sheet-border:#E5EAF2;
}
[data-theme="dark"]{
  --sheet-bg:#0D1B36;
  --sheet-text:#FFFFFF;
  --sheet-border:#1E325C;
}

.dialog,.modal,.sheet,.bottom-sheet,.popup,.confirm-dialog,.subscription-modal{
  background:var(--sheet-bg)!important;
  color:var(--sheet-text)!important;
  border:1px solid var(--sheet-border)!important;
  backdrop-filter:none!important;
  border-radius:24px!important;
}

.dialog *,.modal *,.sheet *,.bottom-sheet *,.popup *,.confirm-dialog *,.subscription-modal *{
  color:inherit!important;
}

.toast{
  background:var(--sheet-bg)!important;
  color:var(--sheet-text)!important;
  border:1px solid var(--sheet-border)!important;
}


/* DATA DENSITY V1 */

/* Client list */
.client-item,
.client-row,
.client-list-item{
  min-height:44px !important;
  padding:8px 12px !important;
}

/* Tables */
table th{
  padding:8px 10px !important;
}
table td{
  padding:7px 10px !important;
}

/* Ledger / reports / saved rows */
.ledger-table td,
.report-table td,
.saved-table td{
  padding-top:6px !important;
  padding-bottom:6px !important;
}

/* Teams / Groups lists */
.team-row,
.group-row,
.list-row{
  min-height:40px !important;
  padding:6px 10px !important;
}

/* Client header visibility */
.client-name,
.client-title{
  font-weight:800 !important;
  color:var(--text-primary,#111827) !important;
}


/* CLIENTS FOCUSED V1 */
.client-name-row{min-height:42px!important;padding:8px 12px!important;font-weight:700!important;}
[data-theme="light"] .client-name-row{color:#111827!important;}
[data-theme="dark"] .client-name-row{color:#F8FAFC!important;}
.client-name-row.active{border-left:4px solid #2563EB!important;font-weight:800!important;}
[data-theme="light"] .client-name-row.active{background:#DCEBFF!important;}
[data-theme="dark"] .client-name-row.active{background:#102044!important;}