/* SELLIORA r437 · only the table scrolls (Activity, Tasks list, Opportunities list) */
.page.fit-list{display:flex!important;flex-direction:column;overflow:hidden;min-height:0}
.page.fit-list>*{flex:none}
.page.fit-list .fit-chain{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important}
.page.fit-list .fit-chain>*{flex:none}
.page.fit-list .fit-chain-row{flex:1 1 auto!important;min-height:0!important;align-items:stretch!important}
.page.fit-list .fit-card:not(.tbl-wrap){flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.page.fit-list .fit-card.tbl-wrap{flex:1 1 auto!important;min-height:0!important}   /* r611: the Leads table can still be hidden by List/Kanban/Pivot/Graph */
.page.fit-list .fit-card>#fu-list{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important}   /* the List/Calendar switch sets display:block inline */
.page.fit-list .fit-card .tbl-wrap{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;max-height:none!important}
.page.fit-list .fit-card thead th{position:sticky!important;top:0;z-index:4;background:var(--s)}
.page.fit-list .fit-card .op-pager-wrap,.page.fit-list .fit-card #act-pager,.page.fit-list .fit-card #fu-pager,.page.fit-list .fit-card #pipe-pager{flex:none}
/* r499 · Settings › Recycle Bin page */
.bin-bar{display:flex;align-items:center;gap:10px;margin:4px 0 12px;flex-wrap:wrap}
.bin-q{flex:1 1 280px;max-width:420px;height:38px;border:1px solid var(--bd);border-radius:9px;padding:0 12px;font:inherit;font-size:13px;background:var(--s);color:var(--t)}
.bin-q:focus{outline:2px solid var(--p);outline-offset:1px}
.bin-n{font-size:12.5px;color:var(--t2);margin-left:auto}
#bin-page .tbl-wrap{border:1px solid var(--bd);border-radius:12px;overflow:auto}
.bin-bar .bin-q{width:auto!important;flex:0 1 420px!important;max-width:420px!important}
#bin-page td:last-child{white-space:nowrap;width:1%;text-align:right}
#bin-page td:last-child .btn{display:inline-flex;vertical-align:middle;margin-left:6px}
/* r500 · Recycle Bin: one toolbar + the table, full height, Leads-style row actions */
#page-settings .bin-card>.card-title,#page-settings .bin-card>div:not(.bin-bar):not(#bin-page){display:none!important}
#page-settings .bin-card{padding:14px 16px 16px!important;margin-bottom:0!important}
.bin-bar{margin:0 0 12px!important;gap:10px!important}
.bin-t{display:flex;align-items:center;gap:9px;margin-right:auto;min-width:0}
.bin-t b{font-size:15px;color:var(--t)}
.bin-ti{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#DC2626;background:color-mix(in srgb,#DC2626 11%,transparent);flex:none}
.bin-t .bin-n{margin-left:2px!important;font-size:12px;font-weight:600;color:var(--t2);background:var(--s2);border:1px solid var(--bd);border-radius:999px;padding:2px 9px}
.bin-t .bin-n:empty{display:none}
#bin-page .tbl-wrap{max-height:calc(100vh - 235px);overflow:auto;border:1px solid var(--bd);border-radius:12px}
#bin-page thead th{position:sticky;top:0;z-index:1;background:var(--s2)}
#bin-page tbody tr:hover{background:color-mix(in srgb,var(--p) 4%,var(--s))}
.bin-acts{display:inline-flex;gap:6px;justify-content:flex-end}
.bin-ib{width:32px;height:32px;border-radius:8px;border:0;display:grid;place-items:center;cursor:pointer;color:var(--c);background:color-mix(in srgb,var(--c) 11%,var(--s))}
.bin-ib.ok{--c:#16A34A}.bin-ib.bad{--c:#DC2626}
.bin-ib:hover{background:color-mix(in srgb,var(--c) 19%,var(--s))}
.bin-ib:focus-visible{outline:2px solid var(--c);outline-offset:2px}
/* r500 · the bin's table fits its card (a general table rule made it 9,800px wide) */
#bin-page table{width:100%!important;min-width:0!important;table-layout:auto!important}
#bin-page th,#bin-page td{width:auto!important;min-width:0!important}
#bin-page th:last-child,#bin-page td:last-child{width:1%!important;white-space:nowrap}
/* r501 · the Selliora Worker setup card is not part of the front end */
#page-settings .card:has(#worker-url-input){display:none!important}
/* r592: the page never scrolls on its own (hover/focus used to push the tabs up); Leads joins
   the "only the table scrolls" pages */
.page.fit-list{overflow:clip!important}
.page.fit-list .fit-card.tbl-wrap{overflow:auto!important}
.page.fit-list .fit-card.tbl-wrap thead th{position:sticky!important;top:0;z-index:4;background:var(--s2,#F8FAFC)}
/* r598: smoother table scrolling — the scrolling box gets its own layer and keeps the
   scroll to itself; Activity notes stay on one line ("…") so the table fits the card */
.page.fit-list .fit-card .tbl-wrap,.page.fit-list .fit-card.tbl-wrap{will-change:scroll-position;transform:translateZ(0);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:auto}
.page.fit-list .fit-card tbody tr{contain:layout paint}
#page-activity td[data-edit="notes"]{max-width:300px}
#page-activity td[data-edit="notes"] .ac-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}
#page-activity th[data-colkey="notes"]{width:300px;max-width:300px}
/* r604: Opportunities board — chips, cards and buttons stay; only the columns scroll */
.page.fit-list #pipe-kanban-view.fit-card{display:flex!important;flex-direction:column}
.page.fit-list #pipe-kanban{flex:1 1 auto;min-height:0;align-items:stretch;padding-bottom:6px!important}
.page.fit-list #pipe-kanban .kanban-col{max-height:none!important;height:auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}
.page.fit-list #pipe-kanban .kanban-col>div:first-child{position:sticky;top:-10px;z-index:2;background:var(--s);margin-top:-10px;padding-top:10px}
/* r605: while a page fits the window, the window never scrolls — only the list/board does */
html.fit-on,html.fit-on body{overflow:hidden!important;overscroll-behavior:none}
/* r606: slim, quiet scrollbars on the board columns and the scrolling tables —
   6px, rounded, no arrow buttons, darker only on hover */
#pipe-kanban .kanban-col::-webkit-scrollbar,.page.fit-list .tbl-wrap::-webkit-scrollbar,.page.fit-list .fit-card::-webkit-scrollbar{width:6px;height:6px}
#pipe-kanban::-webkit-scrollbar{height:6px}
#pipe-kanban .kanban-col::-webkit-scrollbar-track,#pipe-kanban::-webkit-scrollbar-track,.page.fit-list .tbl-wrap::-webkit-scrollbar-track,.page.fit-list .fit-card::-webkit-scrollbar-track{background:transparent;margin:8px 0}
#pipe-kanban .kanban-col::-webkit-scrollbar-thumb,#pipe-kanban::-webkit-scrollbar-thumb,.page.fit-list .tbl-wrap::-webkit-scrollbar-thumb,.page.fit-list .fit-card::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:999px;border:1px solid transparent;background-clip:padding-box}
#pipe-kanban .kanban-col:hover::-webkit-scrollbar-thumb,#pipe-kanban:hover::-webkit-scrollbar-thumb,.page.fit-list .tbl-wrap:hover::-webkit-scrollbar-thumb{background:#94A3B8;background-clip:padding-box}
#pipe-kanban .kanban-col::-webkit-scrollbar-button,#pipe-kanban::-webkit-scrollbar-button,.page.fit-list .tbl-wrap::-webkit-scrollbar-button,.page.fit-list .fit-card::-webkit-scrollbar-button{display:none;width:0;height:0}
/* r608: the board's column boxes have no border on the Opportunities board */
.page.fit-list #pipe-kanban .kanban-col,.ob .sv-col{border:0!important;box-shadow:none!important}
/* r609: Opportunities board (the List/Kanban switcher's board) — it fills the card and
   each column scrolls on its own; the page stays put */
.page.fit-list .fit-card > .sv-host{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column;margin:0!important}
.page.fit-list .fit-card > .sv-host[style*="display: none"],.page.fit-list .fit-card > .sv-host[style*="display:none"]{display:none!important}
.page.fit-list .sv-host > .sv-kanban{flex:1 1 auto;min-height:0;height:100%;align-items:stretch!important;padding-bottom:6px}
.page.fit-list .sv-host .sv-col{max-height:100%!important;min-height:0;height:100%}
.page.fit-list .sv-host .sv-cards{flex:1 1 auto;min-height:0;overflow-y:auto!important;overscroll-behavior:contain}
.page.fit-list .sv-host .sv-cards::-webkit-scrollbar{width:6px}.page.fit-list .sv-host .sv-cards::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:999px}
.page.fit-list .sv-host .sv-cards::-webkit-scrollbar-button{display:none}
/* cards keep their full height — the column scrolls instead of squeezing them */
.sv-cards > *{flex:0 0 auto!important}
/* r613: Graph and Pivot views scroll inside the card instead of being cut off at the bottom */
.page.fit-list .fit-card > .sv-host{overflow-y:auto!important;overscroll-behavior:contain}
.page.fit-list .fit-card > .sv-host > .sv-kanban{overflow-y:hidden}

/* r614: one slim scrollbar style for the whole CRM — every table (bottom bar included),
   board column, list and panel: 8px, rounded, light grey, no arrow buttons */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:#94A3B8;background-clip:padding-box}
::-webkit-scrollbar-button{display:none;width:0;height:0}
::-webkit-scrollbar-corner{background:transparent}
@supports (-moz-appearance:none){*{scrollbar-width:thin;scrollbar-color:#CBD5E1 transparent}}
/* Chrome/Edge/Firefox use these (the Leads table was set to the thick default bar with
   arrows): the same thin, light scrollbar on every table, board and list */
.sv-host,.sv-cards,.kanban-col,#pipe-kanban{scrollbar-width:thin!important;scrollbar-color:#CBD5E1 transparent!important}
/* r615: tables — no sideways (bottom) scrollbar at all on Leads, Opportunities, Activity,
   Tasks…; the slim up-down bar stays. Sideways scrolling still works with Shift + mouse
   wheel or a touchpad swipe. (Chrome/Edge only draw these custom bars when the standard
   scrollbar properties are left on 'auto'.) */
.tbl-wrap,#lead-table-wrap,.fit-card,.ac-card,.op-card{scrollbar-width:auto!important;scrollbar-color:auto!important}
.tbl-wrap::-webkit-scrollbar,#lead-table-wrap::-webkit-scrollbar,.fit-card::-webkit-scrollbar{width:6px!important;height:0!important;display:block!important}
.tbl-wrap::-webkit-scrollbar:horizontal,#lead-table-wrap::-webkit-scrollbar:horizontal,.fit-card::-webkit-scrollbar:horizontal{height:0!important;display:none!important}
.tbl-wrap::-webkit-scrollbar-thumb,#lead-table-wrap::-webkit-scrollbar-thumb,.fit-card::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:999px}
.tbl-wrap::-webkit-scrollbar-thumb:hover,#lead-table-wrap::-webkit-scrollbar-thumb:hover{background:#94A3B8}
.tbl-wrap::-webkit-scrollbar-track,#lead-table-wrap::-webkit-scrollbar-track,.fit-card::-webkit-scrollbar-track{background:transparent}
.tbl-wrap::-webkit-scrollbar-button,#lead-table-wrap::-webkit-scrollbar-button,.fit-card::-webkit-scrollbar-button{display:none!important;width:0;height:0}
@supports (-moz-appearance:none){.tbl-wrap,#lead-table-wrap,.fit-card{scrollbar-width:thin!important;scrollbar-color:#CBD5E1 transparent!important}}

/* r618: on these full-height lists the card is taller than its rows, so the
   last row must keep its bottom line - the global "no border on the last row"
   rule (selliora-pro.css) left it floating with no edge. Empty-state rows
   (one cell spanning the table) stay borderless. */
.page.fit-list .fit-card tbody tr:last-child>td:not([colspan]){border-bottom:1px solid var(--bd)!important}