/* Adapted from kardoe-ui collection.css; uses the All The Calls theme. */
/* Menus (Base UI Menu popups + items) */
.atc-menu-pop { min-width: 11rem; max-height: calc(var(--available-height, 100vh) - .5rem); overflow-y: auto; z-index: 60; background: var(--card); border: 1px solid var(--border); border-radius: .5rem; padding: .2rem; box-shadow: 0 4px 12px rgb(0 0 0 / .1), 0 20px 48px rgb(0 0 0 / .12); outline: none; }
.atc-menu-mi { width: 100%; display: flex; align-items: center; gap: .45rem; min-height: 1.55rem; padding: .28rem .5rem; border-radius: .3rem; font-size: 13px; line-height: 1; color: var(--foreground); text-align: left; transition: background .1s; cursor: default; outline: none; background: transparent; border: 0; }
.atc-menu-mi:hover, .atc-menu-mi[data-highlighted] { background: color-mix(in srgb, var(--foreground) 10%, transparent); }
.atc-menu-mi[data-disabled] { opacity: .45; }
.atc-menu-mi.atc-menu-danger { color: #dc2626; }
.atc-menu-mii { height: .875rem; width: .875rem; flex: none; color: var(--foreground); }
.atc-menu-sc { margin-left: auto; padding-left: 1.25rem; font-size: 11px; font-weight: 500; letter-spacing: .01em; color: var(--muted-foreground); }
.atc-menu-sep { height: 1px; margin: .22rem .15rem; background: var(--border); }
.atc-menu-label { font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--muted-foreground); padding: .35rem .5rem .15rem; }
.atc-menu-seg { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: .2rem; margin: 0 .2rem .2rem; padding: .15rem; border-radius: .5rem; background: color-mix(in srgb, var(--foreground) 6%, var(--card)); }
.atc-menu-seg-btn { height: 1.6rem; border-radius: .35rem; font-size: 11.5px; font-weight: 600; color: var(--muted-foreground); transition: all .12s; }
.atc-menu-seg-btn:hover { background: color-mix(in srgb, var(--card) 60%, transparent); }
.atc-menu-seg-btn.atc-menu-seg-on { background: var(--card); color: var(--foreground); box-shadow: 0 1px 2px rgb(0 0 0 / .06); }

/* Toolbar pills + saved-view tabs */
.table-tool { display: inline-flex; align-items: center; gap: .4rem; height: 1.9rem; padding: 0 .6rem; border-radius: .5rem; border: 1px solid var(--border); background: var(--card); font-size: 12px; font-weight: 500; color: var(--muted-foreground); white-space: nowrap; transition: all .12s; }
.table-tool:hover { border-color: color-mix(in srgb, var(--foreground) 40%, var(--border)); background: color-mix(in srgb, var(--foreground) 4%, var(--card)); color: var(--foreground); }


.toolbar-scroll-x { scrollbar-width: none; }
.toolbar-scroll-x::-webkit-scrollbar { display: none; }
.table-card-head:has(.collection-toolbar) { padding: 0; }

.collection-toolbar .toolbar-count { padding: 0 .75rem; font-size: .75rem; color: var(--muted-foreground); font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (max-width: 480px) { .collection-toolbar [data-toolbar-actions] { display: none; } }