/* Monday-style board UI. Colors/typography come from monday.com's open-source Vibe design tokens (MIT, vibe-tokens.css);
   fonts are self-hosted Figtree (OFL). No monday.com assets are loaded at runtime. */
@font-face{font-family:Figtree;font-weight:400;font-display:swap;src:url(/assets/boards/fonts/figtree-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Figtree;font-weight:500;font-display:swap;src:url(/assets/boards/fonts/figtree-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Figtree;font-weight:600;font-display:swap;src:url(/assets/boards/fonts/figtree-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:Figtree;font-weight:700;font-display:swap;src:url(/assets/boards/fonts/figtree-latin-700-normal.woff2) format('woff2')}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:var(--font-family,Figtree,Roboto,sans-serif);font-size:14px;color:var(--primary-text-color);background:var(--surface-bg,#eceff8);-webkit-font-smoothing:antialiased}
.dark-app-theme{--surface-bg:#111325;--sidebar-bg:#181b34;--row-bg:#181b34;--row-hover:#202442;--header-bg:#181b34;--cell-border:#4b4e69;--chip-bg:#30324e;--footer-bg:#181b34}
.light-app-theme{--surface-bg:#eceff8;--sidebar-bg:#ffffff;--row-bg:#ffffff;--row-hover:#f5f6f8;--header-bg:#ffffff;--cell-border:#d0d4e4;--chip-bg:#e7e9ef;--footer-bg:#ffffff}
a{color:inherit;text-decoration:none}
.app{display:flex;height:100vh;overflow:hidden}
/* sidebar */
.side{width:280px;flex:none;background:var(--sidebar-bg);border-right:1px solid var(--layout-border-color);display:flex;flex-direction:column;overflow:auto;padding:8px 0 24px}
.side .nav a{display:flex;align-items:center;gap:10px;height:36px;margin:0 12px;padding:0 12px;border-radius:6px;color:var(--primary-text-color)}
.side .nav a:hover,.side .fav a:hover,.side .ws a:hover{background:var(--primary-background-hover-color)}
.side hr{border:0;border-top:1px solid var(--layout-border-color);margin:8px 16px}
.side .sec{display:flex;align-items:center;justify-content:space-between;padding:10px 24px 6px;color:var(--secondary-text-color);font-size:16px}
.side .sec .tools{display:flex;gap:14px;color:var(--secondary-text-color)}
.side .fav a,.side .ws a{display:flex;align-items:center;gap:10px;height:34px;margin:2px 12px;padding:0 12px;border-radius:6px;color:var(--primary-text-color);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side a.on{background:var(--primary-selected-color)}
.side .ws summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;margin:2px 12px;padding:6px 12px;border-radius:6px;font-weight:500}
.side .ws summary::-webkit-details-marker{display:none}
.side .ws .wsicon{width:22px;height:22px;border-radius:5px;display:inline-grid;place-items:center;font-size:12px;font-weight:700;color:#fff}
.side svg{flex:none}
/* main */
.main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--primary-background-color);margin:8px 8px 0 0;border-radius:8px 8px 0 0;overflow:hidden}
.bhead{padding:18px 32px 0}
.bhead h1{font-size:24px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px;line-height:32px}
.bhead .desc{color:var(--secondary-text-color);margin:4px 0 0;max-width:900px;white-space:pre-line}
.tabs{display:flex;gap:4px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;border-bottom:1px solid var(--layout-border-color);margin-top:10px}
.tabs a{padding:8px 10px;border-bottom:2px solid transparent;color:var(--primary-text-color);display:flex;gap:6px;align-items:center;border-radius:4px 4px 0 0}
.tabs a:hover{background:var(--primary-background-hover-color)}
.tabs a.on{border-bottom-color:var(--primary-color);font-weight:500}
.toolbar{display:flex;align-items:center;gap:6px;padding:12px 32px;flex-wrap:wrap}
.btn{height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-radius:4px;border:0;background:transparent;color:var(--primary-text-color);font:inherit;cursor:pointer}
.btn:hover{background:var(--primary-background-hover-color)}
.btn.primary{background:var(--primary-color);color:#fff;padding:0 14px}
.toolbar select{max-width:170px}
.toolbar input,.toolbar select{height:32px;border:1px solid var(--ui-border-color);border-radius:4px;background:transparent;color:var(--primary-text-color);font:inherit;padding:0 8px}
.toolbar select option{background:var(--primary-background-color)}
.content{flex:1;overflow:auto;padding:0 32px 40px}
/* groups */
.group{margin:26px 0 0}
.ghead{display:flex;align-items:center;gap:8px;height:36px;font-size:18px;font-weight:500;position:sticky;left:0}
.ghead button{background:none;border:0;color:inherit;cursor:pointer;padding:0;display:flex}
.ghead .count{font-size:14px;color:var(--secondary-text-color);font-weight:400}
.group.collapsed .tbl{display:none}
.group.collapsed .ghead .caret{transform:rotate(-90deg)}
.tbl{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content}
.tbl th,.tbl td{height:36px;border-right:1px solid var(--cell-border);border-bottom:1px solid var(--cell-border);padding:0 6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--row-bg)}
.tbl thead th{font-weight:400;color:var(--secondary-text-color);border-top:1px solid var(--cell-border);background:var(--header-bg)}
.tbl tr:hover td{background:var(--row-hover)}
.tbl .bar{width:6px;padding:0;border-right:0}
.tbl thead .bar{border-radius:8px 0 0 0}
.tbl .chk{width:36px}
.tbl .name{text-align:left;position:sticky;left:0;z-index:1}
.tbl .name .in{display:flex;align-items:center;gap:6px;overflow:hidden}
.tbl .name a{overflow:hidden;text-overflow:ellipsis}
.subtog{display:inline-flex;align-items:center;gap:2px;border:0;background:var(--chip-bg);color:var(--secondary-text-color);border-radius:10px;font:12px inherit;padding:1px 6px;cursor:pointer;flex:none}
.tbl td.st{padding:0;color:#fff}
.tbl td.st div{height:100%;display:grid;place-items:center;padding:0 6px;overflow:hidden;text-overflow:ellipsis}
.tbl td.st.empty div{background:#c4c4c4}
.dark-app-theme .tbl td.st.empty div{background:#797e93}
.av{width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;font-weight:600;color:#fff;margin-left:-6px;border:2px solid var(--row-bg)}
.av:first-child{margin-left:0}
.tl{display:inline-block;min-width:110px;border-radius:12px;padding:2px 10px;color:#fff;font-size:13px}
.chip{display:inline-block;background:var(--chip-bg);border-radius:12px;padding:1px 8px;margin:0 2px;font-size:13px}
.rel{display:inline-block;border:1px solid var(--ui-border-color);border-radius:4px;padding:0 6px;margin:0 2px;font-size:13px}
.lnk{color:var(--primary-color)}
.num{font-variant-numeric:tabular-nums}
.foot td{border-bottom:0;border-right:0;height:40px}
.foot td.sum{border:1px solid var(--cell-border);border-top:0}
.batt{display:flex;height:22px;border-radius:3px;overflow:hidden;margin:0 4px}
.batt span{display:block;height:100%}
.foot .lbl{font-size:12px;color:var(--secondary-text-color)}
.subrow td{background:var(--surface-bg)!important}
.subwrap{padding:4px 0 8px 40px}
.subwrap .tbl th,.subwrap .tbl td{height:32px}
.addrow td{color:var(--secondary-text-color);text-align:left}
.addrow input{border:0;background:transparent;color:inherit;font:inherit;width:100%;outline:0}
/* kanban */
.kanban{display:flex;gap:12px;align-items:flex-start;padding-top:16px}
.kcol{width:260px;flex:none;border-radius:8px;background:var(--allgrey-background-color);overflow:hidden}
.kcol h3{margin:0;color:#fff;font-size:14px;font-weight:500;padding:10px 12px;display:flex;justify-content:space-between}
.kcards{padding:8px;display:flex;flex-direction:column;gap:8px;max-height:70vh;overflow:auto}
.kcard{background:var(--primary-background-color);border-radius:6px;padding:10px 12px;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.kcard .t{font-weight:500;margin-bottom:6px}
.kcard .f{display:flex;justify-content:space-between;color:var(--secondary-text-color);font-size:13px;gap:8px}
.note{padding:24px;color:var(--secondary-text-color)}
/* item panel */
.item{max-width:900px}
.item h2{font-size:24px;font-weight:600}
.item table{border-collapse:collapse;width:100%}
.item th,.item td{border-bottom:1px solid var(--cell-border);padding:8px;text-align:left;vertical-align:middle}
.item th{width:220px;font-weight:400;color:var(--secondary-text-color)}
.item input,.item select{height:32px;border:1px solid var(--ui-border-color);border-radius:4px;background:transparent;color:inherit;font:inherit;padding:0 8px;min-width:220px}

.side .fav a svg,.side .ws a svg{color:var(--icon-color)}
.side .ws a span.dormant{opacity:.6}
.side .ws details.folder{margin-left:14px}
.side .ws details.folder summary{font-weight:400}
.side .ws details.folder summary .fname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side .ws details.folder summary .ficon{flex:0 0 auto;margin-right:2px}
.side .ws details.folder details.folder{margin-left:12px}

.side .brand{display:flex;align-items:center;gap:10px;padding:6px 24px 12px;font-size:20px;font-weight:700;color:var(--primary-text-color)}
.side .brand .logo{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#ff3d57,#ffcb00 50%,#00d647);color:#fff;font-size:16px}
body.with-top .app{height:calc(100vh - 48px)}
/* ---- Her Space additions: filter panel, chips, group menus, side panel toggle, manage pages ---- */
.toolbar{position:relative;z-index:5}
.tb-search input{border:0!important;width:160px;padding:0!important}
.btn.on{background:var(--primary-selected-color);color:var(--primary-text-color)}
.badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--primary-color);color:#fff;font-size:11px;font-weight:600}
.sortbox select{border:0!important}
.dirbtn{height:26px;border:1px solid var(--ui-border-color);border-radius:6px;background:transparent;color:var(--primary-text-color);font:inherit;font-size:12px;padding:0 8px;cursor:pointer}
details.pop{position:relative}details.pop>summary{list-style:none}details.pop>summary::-webkit-details-marker{display:none}
.pop-body{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:220px;background:var(--primary-background-color);border:1px solid var(--layout-border-color);border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.45);padding:14px}
.more .pop-body{left:auto;right:0}
.pop-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pop-foot{margin-top:12px;display:flex;justify-content:flex-end}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px 16px;max-height:55vh;overflow:auto;width:min(560px,80vw)}
.fgrid label{display:flex;flex-direction:column;gap:4px;font-size:13px}.fgrid .fl{color:var(--secondary-text-color)}
.fgrid select,.fgrid input{height:32px;border:1px solid var(--ui-border-color);border-radius:6px;background:transparent;color:var(--primary-text-color);font:inherit;padding:0 8px}
.fgrid select option{background:var(--primary-background-color)}
.range{display:flex;gap:6px;align-items:center}.range input{flex:1;min-width:0}
.pop-body.menu{display:flex;flex-direction:column;padding:6px;min-width:200px}
.pop-body.menu>a,.pop-body.menu>button{display:block;text-align:left;padding:8px 10px;border-radius:6px;border:0;background:none;color:var(--primary-text-color);font:inherit;cursor:pointer}
.pop-body.menu>a:hover,.pop-body.menu>button:hover{background:var(--primary-background-hover-color)}
.pop-body.menu>button.danger{color:#ff7a8e}
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:0 32px 8px}
.fchip{display:inline-flex;gap:6px;align-items:center;padding:3px 10px;border-radius:14px;background:var(--primary-selected-color);border:1px solid var(--primary-color);color:var(--primary-text-color);font-size:13px}
.fchip span{opacity:.7}.fchip:hover span{opacity:1}
.lnk{color:var(--link-color,#3db2ec)}
.gmenu{margin-left:6px;color:var(--secondary-text-color)}.gmenu summary{cursor:pointer;display:flex;padding:4px;border-radius:4px}.gmenu summary:hover{background:var(--primary-background-hover-color)}
.gmenu .pop-body{color:var(--primary-text-color);font-size:14px;font-weight:400}
.gedit{display:flex;flex-direction:column;gap:8px;padding:6px 6px 10px;border-bottom:1px solid var(--layout-border-color);margin-bottom:4px}
.gedit label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--secondary-text-color)}
.gedit input[name=title]{height:30px;border:1px solid var(--ui-border-color);border-radius:6px;background:transparent;color:var(--primary-text-color);font:inherit;padding:0 8px}
.swatches{display:grid;grid-template-columns:repeat(6,22px);gap:6px}.sw input{position:absolute;opacity:0}.sw span{display:block;width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid transparent}.sw input:checked+span{border-color:#fff;box-shadow:0 0 0 2px var(--primary-color)}.sw input:focus-visible+span{outline:2px solid var(--primary-color)}
.addgroup{display:flex;gap:8px;margin:28px 0 40px}.addgroup input{height:34px;width:260px;border:1px dashed var(--ui-border-color);border-radius:8px;background:transparent;color:var(--primary-text-color);font:inherit;padding:0 10px}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#2a1418;border:1px solid #e2445c;color:#ffd7dd;padding:10px 16px;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.4)}
.sidetoggle{position:absolute;top:12px;right:10px;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:6px;background:none;color:var(--secondary-text-color);cursor:pointer}
.sidetoggle:hover{background:var(--primary-background-hover-color);color:var(--primary-text-color)}
.side{position:relative;transition:width .18s ease}
.manage{padding:24px 32px 60px;overflow:auto;max-width:1100px}.manage h2{margin:28px 0 10px;font-size:18px}
.manage table.list td.acts{white-space:nowrap;text-align:right}.manage table.list td.acts form{display:inline}
.manage select{height:32px;border:1px solid var(--ui-border-color);border-radius:6px;background:var(--primary-background-color);color:var(--primary-text-color);font:inherit;padding:0 8px}
.builder{border:1px solid var(--layout-border-color);border-radius:12px;padding:16px;margin-top:10px;max-width:980px}
.builder .brow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}.builder .brow>strong{width:64px}
.builder .brow.col{align-items:flex-start}.builder .brow.col>strong{padding-top:6px}
.builder .arow{display:flex;flex-wrap:wrap;gap:8px;width:calc(100% - 72px);margin-bottom:8px}
.builder span[data-for],.builder span[data-tfor]{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}
.builder [hidden]{display:none!important}
.builder input:not([type]),.builder input[name]{height:32px;border:1px solid var(--ui-border-color);border-radius:6px;background:transparent;color:var(--primary-text-color);font:inherit;padding:0 8px}
.pop-inline>summary{cursor:pointer;list-style:none}
@media (max-width:700px){.fgrid{grid-template-columns:1fr}.toolbar{padding:10px 16px}.chips{padding:0 16px 8px}}
.fr-form.builder select,.fr-form.builder input{display:inline-block!important;width:auto!important;max-width:100%;margin-top:0!important}
.fr-form.builder input[name="name"]{width:min(420px,100%)!important;margin-left:8px!important}
.fr-form.builder input[name$=".message"]{min-width:280px}
.fr-form.builder>label{display:flex;align-items:center;gap:4px;margin:6px 0 14px}
.fr-form.builder select,.manage select{padding-top:0!important;padding-bottom:0!important;height:34px;line-height:normal}
.btitle{display:flex;align-items:center;gap:12px}.btitle .more{margin-left:auto}
/* item updates (Monday's comment threads) */
.updates{max-width:820px;margin-top:28px}.updates h3{margin:0 0 12px}
.unew{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.unew textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--ui-border-color);background:var(--primary-background-color);color:var(--primary-text-color);font:inherit;resize:vertical}.unew .btn{align-self:flex-end}
.upd{border:1px solid var(--layout-border-color);border-radius:10px;padding:12px 14px;margin-bottom:12px;background:var(--primary-background-color)}
.upd header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.upd header time{margin-left:auto;color:var(--secondary-text-color);font-size:12px}.upd .likes{color:#e2445c;font-size:12px}
.uav{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--primary-color);color:#fff;font-size:11px;font-weight:700}
.ubody{white-space:normal;line-height:1.5;overflow-wrap:anywhere}.uassets{margin:8px 0 0;font-size:12px;color:var(--secondary-text-color)}
.upd.reply{margin:10px 0 0 24px;padding:10px 12px;background:var(--allgrey-background-color)}
.ureply{display:flex;gap:8px;margin:10px 0 0 24px}.ureply input{flex:1;padding:7px 10px;border-radius:6px;border:1px solid var(--ui-border-color);background:var(--primary-background-color);color:var(--primary-text-color)}
.group.collapsed{margin-bottom:6px}.group.collapsed .ghead{display:flex;align-items:center;gap:8px;text-decoration:none;opacity:.92}.group.collapsed .ghead:hover{opacity:1}.group.collapsed .caret.closed{transform:rotate(-90deg)}
.urep{margin:8px 0 0}.urep>summary{list-style:none;cursor:pointer;color:var(--secondary-text-color);font-size:13px;display:inline-block}.urep>summary::-webkit-details-marker{display:none}.urep>summary:hover{color:var(--primary-color)}.urep[open]>summary{display:none}
/* ---- side panel: collapsible sections, workspace switcher, board ⋯ menu ---- */
.side details.sect>summary{list-style:none;cursor:pointer;user-select:none}.side details.sect>summary::-webkit-details-marker{display:none}
.side .sec .n,.side .n{margin-left:auto;margin-right:6px;font-size:12px;color:var(--secondary-text-color)}
.side details.sect>summary .caret{transition:transform .15s;color:var(--icon-color)}.side details.sect:not([open])>summary .caret{transform:rotate(-90deg)}
.side .sec:hover{color:var(--primary-text-color)}.side .empty{margin:4px 24px;font-size:13px;color:var(--secondary-text-color)}
.side .wspick{margin:4px 12px 6px}.side .wsbtn{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--ui-border-color);border-radius:8px;position:relative;cursor:pointer}
.side .wsbtn:hover{border-color:var(--primary-color)}.side .wsbtn select{appearance:none;flex:1;min-width:0;border:0;background:none;color:var(--primary-text-color);font:inherit;font-weight:600;cursor:pointer;padding-right:18px}
.side .wsbtn select option{background:var(--primary-background-color);color:var(--primary-text-color)}.side .wsbtn .caret{position:absolute;right:8px;pointer-events:none;color:var(--icon-color)}
.side .wsbtn .wsicon{width:22px;height:22px;border-radius:5px;display:inline-grid;place-items:center;font-size:12px;font-weight:700;color:#fff;flex:none}
.side .bl{position:relative;display:flex;align-items:center}.side .bl>a{flex:1;min-width:0}.side .bl>a span{overflow:hidden;text-overflow:ellipsis}
.side .bmenu{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:6px;background:var(--primary-background-color);color:var(--icon-color);cursor:pointer;opacity:0}
.side .bl:hover .bmenu,.side .bmenu:focus-visible,.side .bl .bmenu[aria-expanded=true]{opacity:1}.side .bmenu:hover{background:var(--primary-background-hover-color);color:var(--primary-text-color)}
.side .bl:hover>a{background:var(--primary-background-hover-color)}
.bpop{position:fixed;z-index:80;min-width:230px;padding:6px;border-radius:10px;background:var(--primary-background-color);border:1px solid var(--layout-border-color);box-shadow:0 10px 32px rgba(0,0,0,.35)}
.bpop button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:6px;background:none;color:var(--primary-text-color);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.bpop button:hover,.bpop button:focus-visible{background:var(--primary-background-hover-color);outline:0}.bpop button svg{color:var(--icon-color)}.bpop button.danger{color:#e2445c}.bpop button.danger svg{color:#e2445c}
.bpop hr{border:0;border-top:1px solid var(--layout-border-color);margin:4px 2px}.bpop .chev{margin-left:auto;color:var(--icon-color)}
.bpop .sub{position:relative}.bpop .subm{display:none;padding:2px 0 2px 18px}.bpop .sub.open .subm,.bpop .sub:hover .subm{display:block}
dialog.bdlg{border:1px solid var(--layout-border-color);border-radius:12px;padding:0;background:var(--primary-background-color);color:var(--primary-text-color);width:min(440px,92vw);box-shadow:0 20px 60px rgba(0,0,0,.45)}
dialog.bdlg::backdrop{background:rgba(0,0,0,.55)}dialog.bdlg form{display:flex;flex-direction:column;gap:12px;padding:20px}dialog.bdlg h3{margin:0;font-size:18px}
dialog.bdlg label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--secondary-text-color)}dialog.bdlg label.chk{flex-direction:row;align-items:center;gap:8px;color:var(--primary-text-color)}
dialog.bdlg input:not([type=checkbox]),dialog.bdlg select,dialog.bdlg textarea{height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--ui-border-color);background:var(--primary-background-color);color:var(--primary-text-color);font:inherit;font-size:14px}
dialog.bdlg textarea{height:auto;padding:8px 10px}dialog.bdlg .row{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}dialog.bdlg .hint{margin:0;font-size:12.5px;color:var(--secondary-text-color)}
dialog.bdlg .err{margin:0;color:#e2445c;font-size:13px}.btn.danger{background:#e2445c;border-color:#e2445c;color:#fff}
/* ---- settings ---- */
.setpage{max-width:1100px}.setpage .desc{margin:0 0 16px;color:var(--secondary-text-color)}
.setsec{margin:0 0 18px;border:1px solid var(--layout-border-color);border-radius:10px;overflow:hidden}.setsec>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 16px;font-weight:600;background:var(--allgrey-background-color)}
.setsec>summary::-webkit-details-marker{display:none}.setsec .n{margin-left:auto;font-weight:400;color:var(--secondary-text-color)}.setsec .wsicon{width:22px;height:22px;border-radius:5px;display:inline-grid;place-items:center;font-size:12px;font-weight:700;color:#fff}
.settbl{width:100%;border-collapse:collapse}.settbl th{text-align:left;font-weight:600;font-size:12.5px;color:var(--secondary-text-color);padding:8px 16px;border-bottom:1px solid var(--layout-border-color)}
.settbl td{text-align:left;padding:8px 16px;border-bottom:1px solid var(--layout-border-color);height:auto}.settbl tr:last-child td{border-bottom:0}.settbl .acts{display:flex;gap:8px;justify-content:flex-end}
.spill{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600}.spill.live{background:rgba(0,200,117,.16);color:#00c875}.spill.test{background:rgba(253,171,61,.18);color:#fdab3d}.spill.off{background:var(--allgrey-background-color);color:var(--secondary-text-color)}.spill.soon{background:var(--primary-selected-color);color:var(--primary-color)}
.starbtn{border:0;background:none;color:var(--icon-color);cursor:pointer;padding:4px;border-radius:6px}.starbtn:hover{color:#ffcb00}.starbtn.on{color:#ffcb00}.starbtn.on svg{fill:#ffcb00}
.setcards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.setcard{border:1px solid var(--layout-border-color);border-radius:10px;padding:14px 16px}.setcard b{display:block;font-size:26px}.setcard span{color:var(--secondary-text-color);font-size:13px}
.conns{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.conn{border:1px solid var(--layout-border-color);border-radius:10px;padding:14px 16px}.conn .ch{display:flex;justify-content:space-between;align-items:center;gap:10px}.conn p{margin:8px 0 0;color:var(--secondary-text-color);font-size:13.5px}.conn .hint{font-size:12px;opacity:.85}
.bsetnav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.bsetnav a{padding:5px 12px;border-radius:14px;border:1px solid var(--layout-border-color);color:var(--primary-text-color);font-size:13px}.bsetnav a:hover{border-color:var(--primary-color)}
.bset{border:1px solid var(--layout-border-color);border-radius:10px;padding:16px 18px;margin:0 0 14px;scroll-margin-top:16px}.bset h2{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:17px}.bset h2 svg{color:var(--primary-color)}.bset p{margin:0 0 10px;color:var(--secondary-text-color)}
.bset form.row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.bset input:not([type=checkbox]),.bset select{height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--ui-border-color);background:var(--primary-background-color);color:var(--primary-text-color);font:inherit;font-size:14px;min-width:240px}
.bset label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--secondary-text-color)}.bset label.chk{flex-direction:row;align-items:center;gap:8px;color:var(--primary-text-color);font-size:14px}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px 16px;margin-bottom:12px}.dgrid label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dgrid input:not([type=checkbox]),.dgrid select{min-width:0;width:100%}
.toast.ok{background:#0f2a1c;border-color:#00c875;color:#c9f5df}
@media (max-width:800px){.setcards{grid-template-columns:repeat(2,1fr)}}
.side .ws.single>.wsgrp>summary{display:none}.side .ws.single>.wsgrp{margin-top:2px}
.bpop .subm{display:none;position:absolute;left:calc(100% + 4px);top:-6px;min-width:210px;padding:6px;border-radius:10px;background:var(--primary-background-color);border:1px solid var(--layout-border-color);box-shadow:0 10px 32px rgba(0,0,0,.35)}
.bpop .sub.open .subm,.bpop .sub:hover .subm,.bpop .sub:focus-within .subm{display:block}
.setpage .btn:not(.primary):not(.danger),dialog.bdlg .btn:not(.primary):not(.danger){display:inline-flex;align-items:center;height:36px;padding:0 14px;border:1px solid var(--ui-border-color);border-radius:8px;background:none;color:var(--primary-text-color);cursor:pointer;font:inherit;font-size:14px}
.setpage .btn:not(.primary):not(.danger):hover,dialog.bdlg .btn:not(.primary):not(.danger):hover{border-color:var(--primary-color);color:var(--primary-color)}
.setpage .btn.primary,.setpage .btn.danger,dialog.bdlg .btn.primary,dialog.bdlg .btn.danger{height:36px;padding:0 16px;border-radius:8px;border:0;cursor:pointer;font:inherit;font-size:14px}
/* connections */
.conn.wide{grid-column:1/-1}.conn .row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}.conn .row select{height:36px;min-width:240px;padding:0 10px;border-radius:8px;border:1px solid var(--ui-border-color);background:var(--primary-background-color);color:var(--primary-text-color)}
.conn .steps{margin:12px 0;border:1px solid var(--layout-border-color);border-radius:8px;padding:8px 14px}.conn .steps summary{cursor:pointer;font-weight:600}.conn .steps ol{margin:8px 0 4px;padding-left:20px;line-height:1.7;color:var(--primary-text-color);font-size:14px}
.conn code{background:var(--allgrey-background-color);padding:1px 6px;border-radius:5px;font-size:12.5px}.conn code.copy{cursor:copy;border:1px dashed var(--ui-border-color)}
.cform{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;align-items:end;margin-top:8px}.cform label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--secondary-text-color)}
.cform input,.cform select{height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--ui-border-color);background:var(--primary-background-color);color:var(--primary-text-color);font:inherit;font-size:14px}.cform .hint{grid-column:1/-1;margin:0}
.conn label.live{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--primary-text-color)}.conn .hint{font-size:12.5px;color:var(--secondary-text-color);margin:4px 0 0}
.setpage .btn.danger-o{border-color:#e2445c!important;color:#e2445c!important}
dialog.bdlg h4{margin:8px 0 4px;font-size:13px;color:var(--secondary-text-color);font-weight:600}
dialog.bdlg ul.acl{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto}dialog.bdlg ul.acl li{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid var(--layout-border-color);font-size:14px}
dialog.bdlg ul.acl .av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--primary-color);color:#fff;font-size:11px;font-weight:700;flex:none}dialog.bdlg ul.acl em{margin-left:auto;font-style:normal;font-size:12px;color:var(--secondary-text-color)}
/* group menu floats above the table; column resize + add */
.gmenu .pop-body.floating{position:fixed;z-index:95;box-shadow:0 12px 36px rgba(0,0,0,.4)}
.tbl thead th{position:relative}.tbl thead th .ht{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbl thead th .rz{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize;z-index:3}.tbl thead th .rz:hover,body.resizing .rz{background:var(--primary-color);opacity:.6}
body.resizing{cursor:col-resize;user-select:none}
.tbl thead th .addcol{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;border:0;background:var(--primary-color);color:#fff;font-size:14px;line-height:18px;padding:0;cursor:pointer;z-index:4;opacity:0;transition:opacity .12s}
.tbl thead th:hover .addcol,.tbl thead th .addcol:focus-visible{opacity:1}
.group:has(details.gmenu[open]){position:relative;z-index:60}.group:has(details.gmenu[open]) .ghead{position:relative;z-index:61}
/* ---- compact: smaller type and tighter rows so more of the board fits on screen ---- */
body{font-size:13px}
.side{width:248px;padding-top:4px}.side .brand{font-size:17px;padding:4px 20px 8px}.side .nav a{height:30px;font-size:13px}
.side .fav a,.side .ws a{height:28px;font-size:13px;margin:1px 10px;padding:0 10px;gap:8px}.side .sec{font-size:13.5px;padding:8px 20px 4px}.side .ws summary{font-size:13px;padding:4px 10px;margin:1px 10px}
.side svg[width="20"]{width:17px;height:17px}.side .wspick{margin:2px 10px 4px}.side .wsbtn{padding:4px 8px}
.bhead{padding:12px 24px 0}.bhead h1{font-size:20px;line-height:26px}.bhead .desc{font-size:12.5px}
.tabs a{font-size:13px}.toolbar{gap:6px}.btn{height:28px;font-size:13px}.toolbar label.btn select,.toolbar input{font-size:13px}
.content{padding-left:24px;padding-right:24px}
.ghead{font-size:15.5px;height:30px}.ghead .count{font-size:12px}
.tbl th,.tbl td{height:30px;font-size:12.5px;padding:0 5px}.tbl thead th{font-size:12px}.tbl td.name{font-size:13px}
.subwrap .tbl th,.subwrap .tbl td{height:28px}
.tbl .av,.side .av{width:22px;height:22px;font-size:10px}
.bpop button,.pop-body.menu>a,.pop-body.menu>button{font-size:13px;padding:6px 10px}
.setpage,.bset{font-size:13px}.bset h2{font-size:15px}.setsec>summary{padding:9px 14px}.settbl td,.settbl th{padding:6px 14px}
.upd{padding:10px 12px}.ubody{font-size:13px}
/* ===== table header: hover shows sort + ⋯, sorted shows clear / direction / save (like Monday) ===== */
.tbl thead th .hw{display:flex;align-items:center;justify-content:center;gap:2px;min-width:0;height:100%}
.tbl thead th .hw .ht{flex:0 1 auto;min-width:0;cursor:default;border-radius:4px;padding:1px 4px}
.tbl thead th .hw .ht[data-rename]{cursor:text}.tbl thead th .hw .ht[data-rename]:hover{outline:1px solid var(--ui-border-color,#c3c6d4)}
.tbl thead th.name .hw{justify-content:center}
.hsort,.hmenu{border:0;background:none;color:var(--secondary-text-color);padding:2px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;opacity:0;flex:0 0 auto}
.hmenu svg{width:15px;height:15px}.hsort:hover,.hmenu:hover{background:var(--primary-background-hover-color,rgba(103,104,121,.1));color:var(--primary-text-color)}
.tbl thead th:hover .hsort,.tbl thead th:hover .hmenu,.hmenu:focus-visible,.hsort:focus-visible{opacity:1}
.tbl thead th .addcol{top:auto;bottom:1px;right:1px;transform:none;width:14px;height:14px;line-height:13px;font-size:12px}
.tbl thead th.sorted{height:auto;padding-top:3px;padding-bottom:3px}.tbl thead th.sorted .hw{flex-wrap:wrap;row-gap:1px}
.spills{display:flex;align-items:center;justify-content:center;gap:3px;width:100%}
.spill0{border:1px solid var(--ui-border-color,#c3c6d4);background:var(--primary-background-color,#fff);color:var(--primary-text-color);border-radius:10px;font-size:10.5px;line-height:1;padding:2px 7px;cursor:pointer}
.spill0:hover{border-color:var(--primary-color);color:var(--primary-color)}
.sdir{width:17px;height:17px;border-radius:50%;border:0;background:var(--primary-color);color:#fff;font-size:11px;line-height:17px;padding:0;cursor:pointer}
/* collapsed columns */
.tbl th.ccol,.tbl td.ccol{padding:0!important;color:transparent}.tbl th.ccol *,.tbl td.ccol *{visibility:hidden}.tbl th.ccol{cursor:pointer;background-image:linear-gradient(var(--secondary-text-color),var(--secondary-text-color));background-size:2px 12px;background-repeat:no-repeat;background-position:center}
/* editable cells */
.tbl td.ed{cursor:pointer}.tbl tbody tr:hover td.ed:not(.name){box-shadow:inset 0 0 0 1px var(--ui-border-color,#c3c6d4)}
.tbl td.ed.saving{opacity:.5}.tbl td .cin{width:100%;height:24px;border:1px solid var(--primary-color);border-radius:4px;background:var(--primary-background-color,#fff);color:var(--primary-text-color);font:inherit;padding:0 6px;text-align:inherit}
.tbl td.name .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;cursor:text;padding:2px 4px;border-radius:4px}.tbl td.name .nm:hover{outline:1px solid var(--ui-border-color,#c3c6d4)}
.tbl td.name .openi{display:none;align-items:center;gap:3px;font-size:11px;color:var(--secondary-text-color);text-decoration:none;border:1px solid var(--ui-border-color,#c3c6d4);border-radius:4px;padding:1px 5px;margin-left:4px;flex:0 0 auto}
.tbl tr:hover td.name .openi{display:inline-flex}.tbl td.name .openi:hover{color:var(--primary-color);border-color:var(--primary-color)}
.tbl td.name .in{display:flex;align-items:center;min-width:0}
/* new column types */
.prog{display:inline-block;width:60%;height:8px;border-radius:4px;background:var(--ui-background-color,#e6e9ef);vertical-align:middle;overflow:hidden}.prog span{display:block;height:100%;background:#00c875}
.progn{font-size:11px;margin-left:6px;color:var(--secondary-text-color)}
.vote{display:inline-block;border:1px solid var(--ui-border-color,#c3c6d4);border-radius:12px;padding:0 8px;font-size:11.5px}.vote.on{background:var(--primary-color);border-color:var(--primary-color);color:#fff}
.swatch{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-right:5px;border:1px solid rgba(0,0,0,.15)}
.foot .pp{display:flex;justify-content:center}.foot .pp .av{margin-left:-4px;border:2px solid var(--primary-background-color,#fff)}
.foot .tops{display:flex;gap:3px;justify-content:center;align-items:center;overflow:hidden}.foot .tops .chip{font-size:10.5px}
.foot td.ftl{text-align:right;font-size:11px;color:var(--secondary-text-color);padding-right:8px}
.gbnote{font-size:12.5px;color:var(--secondary-text-color);margin:0 0 10px}
/* floating menus and pickers */
.cpop{position:fixed;z-index:200;background:var(--primary-background-color,#fff);color:var(--primary-text-color);border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.25);padding:6px;min-width:180px;max-width:340px;font-size:13px}
.cpop.menu{padding:6px 0;min-width:250px}
.cmenu button,.cmenu .msub>button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;color:inherit;font:inherit;text-align:left;padding:7px 16px;cursor:pointer}
.cmenu button:hover,.cmenu .msub.open>button{background:var(--primary-background-hover-color,rgba(103,104,121,.1))}.cmenu button.danger{color:#e2445c}
.cmenu hr,.cpop hr{border:0;border-top:1px solid var(--layout-border-color,#e6e9ef);margin:5px 0}
.cmenu .chev{margin-left:auto;opacity:.6}.cmenu .tick{margin-left:auto;color:var(--primary-color)}
.cmenu .msub{position:relative}.cmenu .subm{display:none;position:absolute;left:100%;top:-6px;min-width:230px;background:var(--primary-background-color,#fff);border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.25);padding:6px 0;max-height:70vh;overflow:auto}
.cmenu .msub.open>.subm{display:block}
.mlabel{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--secondary-text-color);padding:6px 16px 2px}
.ci{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;flex:0 0 auto}.ci svg{width:14px;height:14px}
.ci.big{width:44px;height:44px;border-radius:8px}.ci.big svg{width:24px;height:24px}
.pk{display:flex;flex-direction:column;gap:6px}.pk.wide{width:320px}.pk textarea{width:100%;font:inherit;border:1px solid var(--ui-border-color,#c3c6d4);border-radius:6px;padding:6px;background:transparent;color:inherit}
.pks,.pkin{width:100%;height:30px;border:1px solid var(--ui-border-color,#c3c6d4);border-radius:6px;padding:0 8px;background:transparent;color:inherit;font:inherit}
.pkl{display:flex;flex-direction:column;gap:3px;max-height:260px;overflow:auto}
.cpop.status .pkl{display:grid;grid-template-columns:1fr;gap:5px;min-width:180px}
.pki{display:flex;align-items:center;gap:8px;border:0;background:none;color:inherit;font:inherit;text-align:left;padding:4px 6px;border-radius:5px;cursor:pointer}
.pki:hover{background:var(--primary-background-hover-color,rgba(103,104,121,.1))}.pki .tick{margin-left:auto;visibility:hidden;color:var(--primary-color)}.pki.on .tick{visibility:visible}.pki.on{font-weight:600}
.pki .lab{display:block;width:100%;color:#fff;text-align:center;padding:6px;border-radius:4px}.cpop.status .pki{padding:0}.cpop.status .pki.on .lab{box-shadow:0 0 0 2px var(--primary-text-color)}
.pkadd{border:0;background:none;color:var(--primary-color);text-align:left;padding:4px 6px;cursor:pointer;font:inherit}
.pkf{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:4px;border-top:1px solid var(--layout-border-color,#e6e9ef)}
.lnkb{border:0;background:none;color:var(--secondary-text-color);font:inherit;cursor:pointer;padding:2px 4px}.lnkb:hover{color:var(--primary-color)}
.stars{display:flex;align-items:center;gap:2px}.stars button{border:0;background:none;font-size:20px;color:#c4c4c4;cursor:pointer;padding:0 2px}.stars button.on{color:#ffcb00}.stars .lnkb{font-size:12px;margin-left:6px}
.pk .two,.csettings .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pk label{font-size:11.5px;color:var(--secondary-text-color);display:flex;flex-direction:column;gap:2px}
/* Column Center */
dialog.ccenter{width:min(1000px,94vw);height:min(720px,90vh);padding:0;border:0;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
dialog.ccenter:not([open]){display:none}
.cc-head{display:flex;align-items:center;gap:24px;padding:14px 20px;border-bottom:1px solid var(--layout-border-color,#e6e9ef)}.cc-head h2{margin:0;font-size:20px;font-weight:400;white-space:nowrap}
.cc-search{display:flex;align-items:center;gap:6px;border:1px solid var(--primary-color);border-radius:6px;padding:0 10px;height:34px;width:220px}.cc-search input{border:0;background:none;color:inherit;font:inherit;width:100%;outline:0}
.cc-x{margin-left:auto;border:0;background:none;color:inherit;font-size:24px;cursor:pointer;line-height:1}
.cc-body{display:flex;flex:1;min-height:0}.cc-nav{width:200px;padding:14px 8px;border-right:1px solid var(--layout-border-color,#e6e9ef);display:flex;flex-direction:column;gap:2px}
.cc-nav .mlabel{text-transform:none;font-size:13px;letter-spacing:0;color:var(--primary-text-color);padding:4px 12px 8px}
.cc-nav a{padding:7px 12px;border-radius:6px;color:var(--primary-text-color);text-decoration:none;font-size:13px}.cc-nav a:hover{background:var(--primary-background-hover-color,rgba(103,104,121,.1))}.cc-nav a.on{background:var(--primary-selected-color,#cce5ff)}
.cc-main{flex:1;overflow:auto;padding:6px 24px 24px}.cc-main h3{font-size:18px;font-weight:400;margin:18px 0 10px}
.cc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.cc-card{display:flex;align-items:center;gap:12px;border:1px solid var(--ui-border-color,#c3c6d4);border-radius:8px;padding:12px}.cc-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}
.cc-card .cc-t{flex:1;min-width:0}.cc-card h4{margin:0 0 2px;font-size:14px;font-weight:600}.cc-card p{margin:0;font-size:12px;color:var(--secondary-text-color);line-height:1.35}
.cc-card .btn{flex:0 0 auto;font-size:12px;padding:4px 10px}
.cc-grid.combos{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cc-card.combo{flex-direction:column;align-items:stretch;gap:6px}
.cc-combo{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--primary-selected-color,#cce5ff);border-radius:6px;padding:18px 0}.cc-combo b{font-size:18px}
.cc-foot{margin-top:22px;font-size:12px}
/* column settings */
dialog.csettings{width:min(460px,94vw)}.csettings fieldset{border:1px solid var(--layout-border-color,#e6e9ef);border-radius:8px;padding:8px 10px;margin:8px 0}
.csettings .lrow{display:flex;align-items:center;gap:6px;margin:4px 0}.csettings .lrow .lname{flex:1}.csettings .lrow input[type=color]{width:30px;height:28px;padding:0;border:0;background:none}
.csettings .lrow .chk{font-size:12px;display:flex;gap:4px;align-items:center;white-space:nowrap}.csettings .x{border:0;background:none;color:var(--secondary-text-color);font-size:18px;cursor:pointer}
.csettings .ctype{display:flex;align-items:center;gap:10px;margin:8px 0}.csettings .ctype span{color:var(--secondary-text-color);font-size:12.5px}
.chipb{border:1px solid var(--ui-border-color,#c3c6d4);background:none;color:inherit;border-radius:10px;padding:1px 8px;font-size:11.5px;cursor:pointer;margin:2px 0}
.fgrid label.flash{outline:2px solid var(--primary-color);border-radius:6px}
/* ===== Monday-style toolbar ===== */
.toolbar.mtb{gap:4px}.mtb .tbb{border:0;background:none;color:var(--primary-text-color);gap:6px;padding:0 8px;cursor:pointer;display:inline-flex;align-items:center;border-radius:4px;font:inherit;height:28px}
.mtb .tbb:hover{background:var(--primary-background-hover-color,rgba(103,104,121,.1))}.mtb .tbb.on{background:var(--primary-selected-color,#cce5ff);color:var(--primary-text-color)}
.mtb .tbb svg{flex:0 0 auto}.mtb .tbb .av{width:18px!important;height:18px!important;font-size:8px!important}
.splitbtn{display:inline-flex;align-items:stretch}.splitbtn>.btn.primary:first-child{border-radius:4px 0 0 4px}.splitbtn .sb2{border-radius:0 4px 4px 0;padding:0 4px;margin-left:1px;min-width:0}
.splitbtn .sb2 .caret{width:16px;height:16px}.splitbtn.ghost .sb2{margin-left:0;list-style:none;height:28px;display:inline-flex;align-items:center}.splitbtn.ghost .sb2::-webkit-details-marker{display:none}
.splitbtn.ghost details.qf{position:relative}.splitbtn.ghost details.qf>.pop-body{left:auto;right:0}
.tbsearch{display:inline-flex;align-items:center;margin:0}.tbsearch label.tbb input{border:0!important;background:none!important;width:62px;padding:0!important;height:26px;transition:width .15s}
.tbsearch label.tbb:focus-within input,.tbsearch.open label.tbb input{width:170px}.tbsearch label.tbb:focus-within{box-shadow:inset 0 0 0 1px var(--primary-color)}
.tbicon{border:0;background:none;color:var(--secondary-text-color);cursor:pointer;padding:3px;border-radius:4px;display:none}.tbsearch:focus-within .tbicon,.tbsearch.open .tbicon,.tbicon.on{display:inline-flex}.tbicon.on{color:var(--primary-color)}
.cpop.tbpop{padding:14px 16px;min-width:300px;max-width:min(620px,94vw)}.cpop.tbpop.new,.cpop.tbpop.more{padding:6px 0;min-width:240px}
.cpop.filter,.cpop.sort{min-width:min(600px,94vw)}.cpop.group{min-width:420px}
.tbh{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tbh b{font-size:14px;font-weight:600}.tbh .sp{flex:1}.tbh .hint{color:var(--secondary-text-color);cursor:help;font-size:12px}
.btn.sm{height:26px;font-size:12px;padding:0 10px}.muted.sm,.chk.sm{font-size:11.5px}
.btn[disabled]{opacity:.45;cursor:default}
.tbpop .chk{display:flex;align-items:center;gap:8px;padding:4px 2px;font-size:13px;cursor:pointer}.tbpop .chk.all{border-bottom:1px solid var(--layout-border-color,#e6e9ef);padding-bottom:6px;margin:6px 0}
.tbpop .clist{max-height:300px;overflow:auto}.tbpop .pks{margin-bottom:2px}
.ppl{display:flex;flex-wrap:wrap;gap:6px}.ppl .pp{border:2px solid transparent;border-radius:50%;padding:0;background:none;cursor:pointer;line-height:0}.ppl .pp.on{border-color:var(--primary-color)}
.rules{display:flex;flex-direction:column;gap:8px}.rule{display:grid;grid-template-columns:70px 1fr 1fr 1fr 24px;gap:8px;align-items:center}
.cpop.sort .rule{grid-template-columns:18px 1fr 1fr 24px}.rule .grip{color:var(--secondary-text-color);cursor:default;font-size:11px}
.rule select,.rule input,.tbpop .two select{height:32px;border:1px solid var(--ui-border-color,#c3c6d4);border-radius:4px;background:transparent;color:inherit;font:inherit;padding:0 8px;min-width:0;width:100%}
.rule select option,.tbpop select option{background:var(--primary-background-color,#fff)}
.rule .where{font-size:13px}.rule .where select{padding:0 4px}.rule .x{border:0;background:none;color:var(--secondary-text-color);font-size:18px;cursor:pointer}
.rowb{margin:8px 0 4px}.tbpop .pkf{margin-top:10px;padding-top:10px}
dialog.coloring{width:min(760px,94vw)}dialog.coloring .rule{grid-template-columns:1fr 1fr 1fr 34px 96px 24px}dialog.coloring input[type=color]{padding:0;height:30px;border:0;background:none}
.pinlist{padding:6px 12px!important;min-width:240px}.pinlist .chk{padding:3px 4px}
/* pinned columns + heights */
.tbl .pinned{position:sticky;z-index:1;background-color:var(--primary-background-color,#fff)}.tbl thead .pinned{z-index:2}.tbl .pinlast{box-shadow:4px 0 6px -4px rgba(0,0,0,.25)}
body.hh2 .tbl thead th{height:46px;white-space:normal}body.hh3 .tbl thead th{height:62px;white-space:normal}body.hh2 .tbl thead th .ht,body.hh3 .tbl thead th .ht{white-space:normal;line-height:1.2}
body.ih2 .tbl tbody td{height:48px;white-space:normal}body.ih3 .tbl tbody td{height:68px;white-space:normal}
dialog.ccenter .cc-search{flex-direction:row;margin:0}dialog.ccenter .cc-search input{border:0!important;height:30px!important;padding:0!important;box-shadow:none!important;margin:0!important}
/* values that don't fit the column type (kept after a type change) */
.tbl td.bad{background:rgba(226,68,92,.14)!important;box-shadow:inset 0 0 0 1px rgba(226,68,92,.7)}.misfit{color:#e2445c;font-weight:500}
.tbl td.bad .misfit{display:block;overflow:hidden;text-overflow:ellipsis}
/* ===== automations page ===== */
.ahead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.ahead .asearch{height:30px;border:1px solid var(--ui-border-color,#c3c6d4);border-radius:4px;background:transparent;color:inherit;font:inherit;padding:0 10px;min-width:220px}
.ahead [data-anew]{margin-left:auto}.afilt{display:flex;gap:4px}.afilt button{border:1px solid var(--ui-border-color,#c3c6d4);background:none;color:inherit;border-radius:14px;padding:3px 12px;font:inherit;font-size:12.5px;cursor:pointer}
.afilt button b{font-weight:600;margin-left:3px}.afilt button.on{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.afilt button.warn:not(.on){border-color:#e2445c;color:#e2445c}
.autos2{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.auto{display:flex;align-items:center;gap:14px;border:1px solid var(--layout-border-color,#e6e9ef);border-left:4px solid #c4c4c4;border-radius:8px;padding:10px 14px;background:var(--primary-background-color)}
.auto.on{border-left-color:#00c875}.auto.fix{border-left-color:#e2445c}.auto .at{flex:1;min-width:0}.auto .at p{margin:0;line-height:1.4}.auto .aprob{color:#e2445c;font-size:12.5px;margin-top:4px!important}.auto .muted{font-size:12px}
.auto .aa{display:flex;align-items:center;gap:8px;flex:0 0 auto}.auto .btn{height:28px;font-size:12.5px}
label.sw{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}label.sw input{opacity:0;width:0;height:0}label.sw span{position:absolute;inset:0;border-radius:10px;background:#c4c4c4;transition:.15s}
label.sw span::after{content:'';position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.15s}label.sw input:checked+span{background:#00c875}label.sw input:checked+span::after{left:18px}
dialog.aedit{width:min(860px,96vw)}.aedit .ablk{border:1px solid var(--layout-border-color,#e6e9ef);border-radius:8px;padding:10px 12px;margin:10px 0}.aedit h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.aedit .trow,.aedit .crow,.aedit .af{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.aedit .crow{margin:6px 0}
.aedit select,.aedit input:not([type=checkbox]),.aedit textarea{height:30px;border:1px solid var(--ui-border-color,#c3c6d4);border-radius:4px;background:transparent;color:inherit;font:inherit;font-size:13px;padding:0 8px;max-width:100%}
.aedit select[multiple]{height:auto;padding:2px}.aedit textarea{height:auto;padding:6px 8px;width:100%;min-width:300px}.aedit select option{background:var(--primary-background-color,#fff)}
.aedit .arow2{display:flex;gap:8px;align-items:flex-start;padding:8px 0;border-top:1px dashed var(--layout-border-color,#e6e9ef)}.aedit .arow2:first-child{border-top:0}
.aedit .anum{flex:0 0 22px;height:22px;border-radius:50%;background:var(--primary-color);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;margin-top:4px}
.aedit .af{flex:1}.aedit .afields{display:contents}.aedit .x{border:0;background:none;color:var(--secondary-text-color);font-size:18px;cursor:pointer}
.aedit .dchk,.aedit .mchk label{display:inline-flex;align-items:center;gap:3px;font-size:12.5px;margin-right:6px}.aedit .mchk{display:flex;flex-wrap:wrap;max-height:110px;overflow:auto}
.aedit .toks{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;font-size:12px;align-items:center}.aedit .toks button{border:1px solid var(--ui-border-color,#c3c6d4);background:none;color:inherit;border-radius:10px;padding:1px 8px;font-size:11.5px;cursor:pointer}
.aedit .arow-foot{display:flex;gap:8px;align-items:center}.aedit .arow-foot .sp{flex:1}
dialog.atest{width:min(620px,94vw)}dialog.atest .ilist{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;max-height:150px;overflow:auto}dialog.atest .ilist button{border:1px solid var(--ui-border-color,#c3c6d4);background:none;color:inherit;border-radius:14px;padding:3px 10px;font:inherit;font-size:12.5px;cursor:pointer}
dialog.atest .ilist button.on{border-color:var(--primary-color);background:var(--primary-selected-color,#cce5ff);color:var(--primary-text-color)}dialog.atest .tres{margin:6px 0 10px;padding-left:20px;line-height:1.6}
.setcards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.setcard.warn b{color:#e2445c}
.auto.flash{box-shadow:0 0 0 2px var(--primary-color)}
.settbl td{white-space:normal}
.aedit .mchk label,.aedit label.dchk{flex-direction:row!important;align-items:center;gap:4px;margin:0 8px 4px 0;font-size:12.5px;display:inline-flex!important}
.aedit .mchk input,.aedit .dchk input{width:auto;height:auto;margin:0}
.aedit form>label{display:block}.aedit form>label input{display:block;width:100%;margin-top:4px}
/* ===== automations: Monday-style page with a side panel ===== */
.apage .atop{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--layout-border-color,#e6e9ef);margin-bottom:12px}
.atabs{display:flex;gap:2px}.atabs button{border:0;background:none;color:var(--secondary-text-color);font:inherit;font-size:13.5px;padding:10px 14px;border-bottom:2px solid transparent;cursor:pointer}.atabs button b{font-weight:600;margin-left:4px}
.atabs button.on{color:var(--primary-text-color);border-bottom-color:var(--primary-color)}.apage .acreate{margin-left:auto;position:relative}.apage .acreate details .pop-body{right:0;left:auto;min-width:220px}
.apage .acreate details summary{list-style:none;height:100%;display:flex;align-items:center}.apage .acreate details summary::-webkit-details-marker{display:none}
.abody{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}.apage.noside .abody{grid-template-columns:minmax(0,1fr)}.apage.noside .aside{display:none}
.aside{position:sticky;top:12px;border:1px solid var(--layout-border-color,#e6e9ef);border-radius:10px;background:var(--primary-background-color);max-height:calc(100vh - 140px);overflow:auto;padding:12px 14px}
.aside .ash{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.aside .ash b{font-size:14px}.aside .x{border:0;background:none;color:var(--secondary-text-color);font-size:20px;cursor:pointer}
.aside .asent2{margin:0 0 10px;line-height:1.4;font-size:13px}.aside .stabs{display:flex;gap:4px;margin-bottom:10px}.aside .stabs button{border:1px solid var(--ui-border-color,#c3c6d4);background:none;color:inherit;border-radius:14px;padding:3px 12px;font:inherit;font-size:12.5px;cursor:pointer}.aside .stabs button.on{background:var(--primary-color);border-color:var(--primary-color);color:#fff}
.aside .lbl{font-size:12px;color:var(--secondary-text-color);display:block;margin-bottom:4px}.aside .asrch,.aside fieldset input:not([type=checkbox]){width:100%;height:30px;border:1px solid var(--ui-border-color,#c3c6d4);border-radius:4px;background:transparent;color:inherit;font:inherit;font-size:13px;padding:0 8px}
.aside .ilist{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0;max-height:120px;overflow:auto}.aside .ilist button{border:1px solid var(--ui-border-color,#c3c6d4);background:none;color:inherit;border-radius:12px;padding:2px 9px;font:inherit;font-size:12px;cursor:pointer}
.aside .ilist button.on{border-color:var(--primary-color);background:var(--primary-selected-color,#cce5ff);color:var(--primary-text-color)}
.aside fieldset.tsend{border:1px solid var(--layout-border-color,#e6e9ef);border-radius:8px;padding:6px 10px 10px;margin:8px 0}.aside fieldset legend{font-size:12px;color:var(--secondary-text-color);padding:0 4px}
.aside .chk{display:flex;align-items:center;gap:6px;font-size:13px;margin:8px 0 4px}.aside .chk input{width:auto}.aside .hint{font-size:12px;color:var(--secondary-text-color);margin:4px 0}.aside .hint.warn{color:#d97706}
.aside .row{display:flex;gap:8px;margin:8px 0}.aside .runnow{border-top:1px dashed var(--layout-border-color,#e6e9ef);margin-top:10px;padding-top:10px}
.auto{cursor:pointer}.auto.sel{box-shadow:0 0 0 2px var(--primary-color)}.auto .asent{font-size:14px}.auto .asent b{font-weight:600}
.ameta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--secondary-text-color);margin-top:6px!important}.ameta .bad{color:#e2445c}
.svc{border-radius:10px;padding:0 8px;font-size:11.5px;border:1px solid}.svc.ok{color:#00a86b;border-color:#00a86b}.svc.test{color:#d97706;border-color:#d97706}.svc.off{color:#e2445c;border-color:#e2445c}
details.amenu{position:relative}details.amenu summary{list-style:none;cursor:pointer;padding:2px 8px;border-radius:4px;font-size:18px;line-height:1}details.amenu summary::-webkit-details-marker{display:none}details.amenu summary:hover{background:var(--primary-background-hover-color,rgba(103,104,121,.1))}
details.amenu .pop-body{right:0;left:auto;min-width:200px;z-index:30}
.runs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.run{border:1px solid var(--layout-border-color,#e6e9ef);border-left:3px solid #00c875;border-radius:8px;padding:8px 10px;font-size:12.5px}.run.bad{border-left-color:#e2445c}
.run .rh{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.run time{color:var(--secondary-text-color)}.rmode{border-radius:8px;padding:0 7px;font-size:11px;background:#579bfc33}.rmode.test{background:#fdab3d33}.rmode.manual{background:#a25ddc33}
.run .rname{margin:4px 0 0;font-weight:500}.run .ritem{margin:4px 0;color:var(--secondary-text-color)}.rsteps{list-style:none;margin:4px 0 0;padding:0}.rsteps li{margin:2px 0}.rsteps li>span:first-child{display:inline-block;width:16px;font-weight:700}
.rsteps .st-done>span:first-child,.rsteps .st-sent>span:first-child{color:#00a86b}.rsteps .st-logged>span:first-child{color:#d97706}.rsteps .st-error>span:first-child{color:#e2445c}.rerr{color:#e2445c;margin-left:16px}
.runs.wide .run{padding:10px 14px}.okc{color:#00a86b}.errc{color:#e2445c}
.aconns{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.aconn{border:1px solid var(--layout-border-color,#e6e9ef);border-radius:10px;padding:12px 14px}.aconn .ch{display:flex;justify-content:space-between;gap:8px;align-items:center}.aconn p{margin:6px 0;font-size:13px}
dialog.adesc{width:min(640px,94vw)}dialog.adesc textarea{width:100%;font:inherit;border:1px solid var(--ui-border-color,#c3c6d4);border-radius:6px;padding:8px;background:transparent;color:inherit}
@media (max-width:1100px){.abody{grid-template-columns:minmax(0,1fr)}.aside{position:static;max-height:none}}
/* Connect boards */
a.rel,.rel{display:inline-block;border-radius:10px;padding:0 8px;margin:0 2px;font-size:12px;background:var(--primary-selected-color,#cce5ff);color:var(--primary-text-color);text-decoration:none;max-width:140px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
a.rel:hover{text-decoration:underline}.relsel{display:flex;flex-wrap:wrap;gap:4px}.relsel .chip button{border:0;background:none;color:inherit;cursor:pointer;margin-left:2px}
.csettings .blist{max-height:180px;overflow:auto;margin:6px 0}.csettings .blist .chk{display:flex;gap:6px;align-items:center;font-size:12.5px;padding:2px 0}.csettings .blist .muted{font-size:11px}

/* Automations: Monday-style Create / Manage */
.atopbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:4px 0 12px;border-bottom:1px solid var(--layout-border-color,#e6e9ef);margin-bottom:14px}
.atopbar .attl{font-size:18px}.atopbar .attl span{color:var(--secondary-text-color);font-size:14px;margin-left:6px}
.aseg{display:inline-flex;border:1px solid var(--ui-border-color,#c3c6d4);border-radius:8px;padding:2px;margin:0 auto}
.aseg button{border:0;background:none;color:inherit;font:inherit;font-size:13.5px;padding:5px 18px;border-radius:6px;cursor:pointer}
.aseg button.on{background:var(--primary-selected-color,#cce5ff);color:var(--primary-text-color);font-weight:600}
.aback{font-size:13px;color:var(--secondary-text-color);text-decoration:none}.aback:hover{color:var(--primary-color)}
.amhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}.amhead h2{margin:0;font-size:22px;font-weight:600}.amhead .amright{margin-left:auto;display:flex;gap:8px;align-items:center;position:relative}
.amhead .acreate details .pop-body{right:0;left:auto;min-width:220px}.amhead .acreate details summary{list-style:none}.amhead .acreate details summary::-webkit-details-marker{display:none}
.atool{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 12px}.atool .sp{flex:1}
.asearchw{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ui-border-color,#c3c6d4);border-radius:6px;padding:0 8px;height:32px;color:var(--secondary-text-color)}
.asearchw input{border:0;background:transparent;color:var(--primary-text-color);font:inherit;font-size:13px;outline:0;width:180px}
.afpop{position:relative}.afpop summary{list-style:none;display:inline-flex;align-items:center;gap:5px}.afpop summary::-webkit-details-marker{display:none}
.afmenu{min-width:240px}.afmenu label{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:13px;cursor:pointer}.afmenu label .muted{margin-left:auto}.afmenu input{width:auto;margin:0}
.vtog{display:inline-flex;border:1px solid var(--ui-border-color,#c3c6d4);border-radius:6px;overflow:hidden}.vtog button{border:0;background:none;color:var(--secondary-text-color);padding:5px 9px;cursor:pointer;display:flex}
.vtog button.on{background:var(--primary-selected-color,#cce5ff);color:var(--primary-color)}
.ameta{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:12.5px;color:var(--secondary-text-color);margin:6px 0 0!important}.ameta b{color:var(--primary-text-color);font-weight:500}.ameta .ow{display:inline-flex;align-items:center;gap:6px}
.adesc{color:var(--primary-text-color);border-bottom:1px dashed transparent;cursor:text}.adesc.empty{color:var(--secondary-text-color);font-style:italic}.adesc[data-adesc]:hover{border-bottom-color:var(--ui-border-color,#c3c6d4)}
.adesc .adin{height:26px;border:1px solid var(--primary-color);border-radius:4px;background:transparent;color:inherit;font:inherit;font-size:12.5px;padding:0 6px;width:240px}
.apps{display:inline-flex;gap:4px}.aapp{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center}.aapp svg{width:18px;height:18px}.aapp.off{opacity:.4;filter:grayscale(1)}
.mnd{display:inline-flex;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff3d57,#ffcb00 50%,#00ca72)}
.alistw{overflow:auto;border:1px solid var(--layout-border-color,#e6e9ef);border-radius:8px}
.alist{width:100%;border-collapse:collapse;font-size:13px}.alist th{font-weight:500;color:var(--secondary-text-color);text-align:left;padding:8px 10px;border-bottom:1px solid var(--layout-border-color,#e6e9ef);white-space:nowrap;font-size:12.5px}
.alist td{padding:8px 10px;border-bottom:1px solid var(--layout-border-color,#e6e9ef);vertical-align:middle}.alist tr:last-child td{border-bottom:0}
.alist tr.auto{border-left:0;cursor:pointer}.alist tr.auto:hover td{background:var(--primary-background-hover-color,rgba(103,104,121,.08))}.alist tr.auto.sel td{background:var(--primary-selected-color,#cce5ff)}
.alist td.sent{min-width:260px;max-width:440px;line-height:1.4}.alist td.dsc{max-width:220px}.alist td.num{text-align:right}.alist .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.alist .dot.bad{background:#e2445c}.alist .dot.warn{background:#fdab3d}.alist td.mn{width:30px}.alist .succ{font-weight:600}.alist .succ{color:#00a35f}.alist .succ.low{color:#d97706}.alist .succ.none{color:var(--secondary-text-color);font-weight:400}
.alist tr.fix td:first-child{box-shadow:inset 3px 0 0 #e2445c}
.abuild-page{max-width:900px;margin:0 auto}.abuild-page:empty{display:none}.abuild-page.aedit h3{font-size:20px;margin:6px 0 12px}
.abuild-page .ablk{background:var(--primary-background-color);padding:14px 16px!important;border-radius:10px!important}.abuild-page .ablk h4{text-transform:none!important;letter-spacing:0!important;font-size:15px!important}
.abuild-page .ablk.when{border-left:4px solid var(--primary-color)!important}.abuild-page .ablk.then{border-left:4px solid #00c875!important}
.adown{text-align:center;font-size:22px;color:var(--secondary-text-color);line-height:1;margin:-2px 0}
.aedit .afrom{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--secondary-text-color)}
.adescrow{max-width:900px;margin:0 auto 10px;display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:13px;color:var(--secondary-text-color)}.adescbtn .spark{color:#a25ddc}
@media (max-width:700px){.aseg{margin:0}.asearchw input{width:120px}.alist td.sent{min-width:200px}}
.apage [hidden]{display:none!important}
.alist tr.auto{display:table-row;border:0;border-radius:0;padding:0;background:none;gap:0}.alist tr.auto.sel{box-shadow:none}.alist td.mn details.amenu .pop-body{left:0;right:auto}.alist th:first-child{width:30px}
.alist td.apps{display:table-cell}

/* side: icon rail + panel (Monday-style) */
.side{width:auto;flex-direction:row;padding:0;overflow:hidden}
.side .rail{width:68px;flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0;border-right:1px solid var(--layout-border-color);overflow-y:auto}
.side .rb{width:58px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px 6px;border:0;border-radius:8px;background:none;color:var(--secondary-text-color);font:inherit;font-size:10.5px;line-height:1.1;cursor:pointer;text-decoration:none}
.side .rb svg{width:20px!important;height:20px!important;padding:4px;box-sizing:content-box;border-radius:7px}
.side .rb:hover{color:var(--primary-text-color)}.side .rb:hover svg{background:var(--primary-background-hover-color)}
.side .rb.on{color:var(--primary-text-color)}.side .rb.on svg{background:var(--primary-selected-color);color:var(--primary-color)}
.side .rsep{width:32px;border-top:1px solid var(--layout-border-color);margin:6px 0}.side .rgrow{flex:1}
.side .spanel{width:264px;flex:none;display:flex;flex-direction:column;overflow-y:auto;padding:8px 0 24px}
body.side-closed .side .spanel{display:none}
.side .spane[hidden]{display:none}
.side .shead{display:flex;align-items:center;gap:2px;padding:6px 8px 8px 18px}.side .shead b{font-size:15px;font-weight:500}.side .shead .n{margin-left:8px;color:var(--secondary-text-color);font-size:12.5px}.side .sp{flex:1}
.side .ib{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:6px;background:none;color:var(--secondary-text-color);cursor:pointer;flex:none}
.side .ib:hover,.side .ib[aria-expanded=true]{background:var(--primary-background-hover-color);color:var(--primary-text-color)}
.side .ib svg{width:17px!important;height:17px!important}
.side .sidetoggle{position:static;width:30px;height:30px}
.side .ssearch{padding:0 12px 8px}.side .ssearch input{width:100%;height:30px;border:1px solid var(--ui-border-color);border-radius:6px;background:transparent;color:var(--primary-text-color);font:inherit;font-size:13px;padding:0 8px}
.side .myagents{display:flex;align-items:center;gap:6px;margin:6px 10px 2px;padding:6px 10px;border:0;border-radius:6px;background:none;color:var(--primary-text-color);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left}
.side .myagents:hover{background:var(--primary-background-hover-color)}
.side .chead{display:flex;align-items:center;padding:8px 8px 2px 20px;font-size:13px;font-weight:600}
.side .ws [data-qhide="1"],.side .bl[hidden]{display:none!important}.side .snone{margin:6px 20px;font-size:13px;color:var(--secondary-text-color)}
#spop{position:fixed;z-index:60;min-width:230px}#spop button[hidden]{display:none}
.side .agent{margin:0 12px}.side .agh{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.side .agh p{margin:2px 0 0;font-size:12.5px;color:var(--secondary-text-color);line-height:1.35}
.side .agi{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#6161ff,#a25ddc);color:#fff}.side .agi svg{width:20px!important;height:20px!important}
.side .agform{display:flex;gap:6px}.side .agform input{flex:1;min-width:0;height:32px;border:1px solid var(--ui-border-color);border-radius:6px;background:transparent;color:var(--primary-text-color);font:inherit;font-size:13px;padding:0 8px}
.side .agform input:focus{border-color:var(--primary-color);outline:0}.side .agform .btn{height:32px}
.side .agout{margin-top:10px;font-size:13px}.side .agout .muted{font-size:12.5px;color:var(--secondary-text-color)}.side .agout h5{margin:10px 0 4px;font-size:12px;color:var(--secondary-text-color);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.side .agans{border-left:3px solid #a25ddc;padding:6px 10px;margin:4px 0 8px;background:var(--primary-background-hover-color);border-radius:0 6px 6px 0;line-height:1.4}
.side .agres{list-style:none;margin:0;padding:0}.side .agres a,.side .agres span{display:flex;flex-direction:column;gap:1px;padding:6px 8px;border-radius:6px;color:var(--primary-text-color);text-decoration:none}
.side .agres a:hover{background:var(--primary-background-hover-color)}.side .agres b{font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side .agres small{font-size:11.5px;color:var(--secondary-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side .agres small.m{font-style:italic}
.side .agmore{margin:16px 20px 0;font-size:12px}
@media (max-width:700px){.side .spanel{width:min(264px,calc(100vw - 68px))}}

/* ---------- board views (+ next to the tabs) ---------- */
.vtabs{align-items:flex-end}
.vtab{display:inline-flex;align-items:center;position:relative;border-bottom:2px solid transparent}.vtab.on{border-bottom-color:var(--primary-color)}
.vtab>a{border-bottom:0!important}.vtab .vtm{opacity:0;border:0;background:none;color:var(--secondary-text-color);width:24px;height:24px;border-radius:5px;display:grid;place-items:center;cursor:pointer;margin-left:-6px}
.vtab:hover .vtm,.vtab.on .vtm,.vtab .vtm:focus-visible{opacity:1}.vtab .vtm:hover{background:var(--primary-background-hover-color);color:var(--primary-text-color)}.vtab .vtm svg{width:15px;height:15px}
.addview{position:relative;align-self:center}.addview>summary{list-style:none}.addview>summary::-webkit-details-marker{display:none}
.tabadd{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;cursor:pointer;font-size:18px;color:var(--secondary-text-color);margin:0 0 4px 4px}.tabadd:hover,.addview[open] .tabadd{background:var(--primary-background-hover-color);color:var(--primary-text-color)}
.avmenu{position:fixed;z-index:90;min-width:230px}.avmenu .avh{font-size:12.5px;color:var(--secondary-text-color);padding:6px 10px 4px}
.avmenu button{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:0;border-radius:6px;background:none;color:var(--primary-text-color);font:inherit;font-size:14px;text-align:left;cursor:pointer}.avmenu button:hover{background:var(--primary-background-hover-color)}.avmenu button svg{color:var(--icon-color);flex:none}
.vtmenu{min-width:190px}.vtmenu hr{border:0;border-top:1px solid var(--layout-border-color);margin:4px 0}
.vbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 32px 4px;font-size:13px}.vbar label{display:inline-flex;align-items:center;gap:6px;color:var(--secondary-text-color)}
.vbar select,.vbar input[type=search]{height:30px;border:1px solid var(--ui-border-color);border-radius:6px;background:var(--primary-background-color);color:var(--primary-text-color);font:inherit;font-size:13px;padding:0 8px}
.vempty{margin:24px 32px;padding:40px;border:1px dashed var(--ui-border-color);border-radius:10px;text-align:center;color:var(--secondary-text-color)}
.vnote{margin:8px 32px;font-size:12.5px}
.content[class*="view-"]:not(.view-table):not(.view-unsupported){padding-bottom:40px}
/* gantt */
.gantt{display:flex;margin:10px 32px;border:1px solid var(--layout-border-color);border-radius:8px;overflow:hidden;background:var(--primary-background-color)}
.gantt .gl{flex:0 0 240px;width:240px;min-width:0;overflow:hidden;border-right:1px solid var(--layout-border-color)}.gantt .gs{flex:1;min-width:0;overflow-x:auto}.gantt .gtrack{position:relative}
.gantt .gh{height:52px;border-bottom:1px solid var(--layout-border-color);position:relative;font-size:12px;color:var(--secondary-text-color);padding:6px 10px;box-sizing:border-box}
.gantt .gtrack .gh{padding:0}.gantt .gm,.gantt .gd{position:relative;height:26px}.gantt .gm span{position:absolute;top:0;height:26px;line-height:26px;padding-left:6px;border-left:1px solid var(--layout-border-color);font-weight:500;color:var(--primary-text-color);white-space:nowrap;overflow:hidden;box-sizing:border-box}
.gantt .gd span{position:absolute;top:0;height:26px;line-height:26px;text-align:center;font-size:11px;box-sizing:border-box;border-left:1px solid var(--layout-border-color)}.gantt .gd span.we{background:var(--primary-background-hover-color)}
.gantt .gg{height:30px;line-height:30px;font-weight:600;font-size:13px;padding:0 10px;color:var(--gc,var(--primary-text-color));border-bottom:1px solid var(--layout-border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gantt .gr{height:34px;display:block;position:relative;border-bottom:1px solid var(--layout-border-color);box-sizing:border-box}.gantt .gl a.gr{line-height:34px;padding:0 10px 0 18px;color:var(--primary-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.gantt .gl a.gr:hover{background:var(--primary-background-hover-color)}
.gantt .gbar{position:absolute;top:6px;height:22px;border-radius:11px;color:#fff;font-size:12px;line-height:22px;padding:0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;min-width:8px}.gantt .gbar:hover{filter:brightness(1.08);box-shadow:0 2px 8px rgba(0,0,0,.25)}
.gantt .gtoday{position:absolute;top:0;bottom:0;width:2px;background:#e2445c;z-index:2;pointer-events:none}
/* chart */
.vcard{margin:10px 32px;padding:16px;border:1px solid var(--layout-border-color);border-radius:10px;background:var(--primary-background-color);display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.vchartw{overflow-x:auto;max-width:100%}.vchart text{fill:var(--secondary-text-color);font-size:11px}.vchart .val{fill:var(--primary-text-color);font-size:11px}.vchart .gl{stroke:var(--layout-border-color)}.vchart.pie{width:320px;max-width:100%}.vchart .big{fill:var(--primary-text-color);font-size:26px;font-weight:600}.vchart .sm{font-size:12px}
.vlegend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px;min-width:200px}.vlegend li{display:flex;align-items:center;gap:8px}.vlegend i{width:12px;height:12px;border-radius:3px;flex:none}.vlegend b{margin-left:auto;font-weight:600}.vlegend .muted{width:38px;text-align:right;font-size:12px}
/* calendar */
.calh{display:flex;align-items:center;gap:6px;padding:10px 32px 6px}.calh h3{margin:0 0 0 10px;font-size:18px;font-weight:500}.calh .btn{height:30px;padding:0 10px}
.cal{margin:0 32px;border:1px solid var(--layout-border-color);border-radius:8px;overflow:hidden}.cal .cw{display:grid;grid-template-columns:repeat(7,1fr);font-size:12px;color:var(--secondary-text-color);border-bottom:1px solid var(--layout-border-color)}.cal .cw span{padding:6px 8px}
.cal .cg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cal .cd{min-height:104px;border-right:1px solid var(--layout-border-color);border-bottom:1px solid var(--layout-border-color);padding:4px;display:flex;flex-direction:column;gap:2px;min-width:0}
.cal .cd:nth-child(7n){border-right:0}.cal .cd.out{background:var(--primary-background-hover-color);opacity:.7}.cal .dn{font-size:12px;color:var(--secondary-text-color);padding:0 4px}.cal .cd.today .dn{background:var(--primary-color);color:#fff;border-radius:10px;align-self:flex-start;padding:0 7px}
.cal .cev{display:block;font-size:12px;padding:2px 6px;border-radius:4px;background:color-mix(in srgb,var(--gc) 22%,transparent);border-left:3px solid var(--gc);color:var(--primary-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal .cmore summary{font-size:11.5px;color:var(--secondary-text-color);cursor:pointer;padding:0 4px;list-style:none}.cal .cmore[open] div{display:flex;flex-direction:column;gap:2px}
/* file gallery */
.fgal{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;padding:10px 32px}
.fcard{border:1px solid var(--layout-border-color);border-radius:10px;overflow:hidden;background:var(--primary-background-color)}.fcard[hidden]{display:none}
.fthumb{display:grid;place-items:center;height:120px;background:var(--primary-background-hover-color);overflow:hidden}.fthumb img{width:100%;height:100%;object-fit:cover}.fext{font-size:18px;font-weight:700;color:var(--secondary-text-color);letter-spacing:.04em}
.fmeta{padding:8px 10px;display:flex;flex-direction:column;gap:2px;font-size:12.5px;min-width:0}.fmeta b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fmeta a{color:var(--primary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* dashboard */
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;padding:10px 32px}
.dw{border:1px solid var(--layout-border-color);border-radius:10px;padding:14px 16px;background:var(--primary-background-color);min-width:0}.dw h4{margin:0 0 12px;font-size:14px;font-weight:600}.dw.nums{grid-column:1/-1}
.dn4{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.dn4>div{display:flex;flex-direction:column;gap:2px}.dn4 b{font-size:26px;font-weight:600}.dn4 span{font-size:12.5px;color:var(--secondary-text-color)}
.battery{display:flex;height:22px;border-radius:6px;overflow:hidden;margin-bottom:12px;background:var(--primary-background-hover-color)}.battery i{min-width:3px}
.hbars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px}.hbars li{display:grid;grid-template-columns:minmax(80px,40%) 1fr auto;gap:8px;align-items:center}.hbars .hl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hbars .hb{height:12px;background:var(--primary-background-hover-color);border-radius:6px;overflow:hidden}.hbars .hb i{display:block;height:100%;border-radius:6px}
.dup{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}.dup li{display:flex;gap:10px}.dup .muted{width:96px;flex:none}
.vdash{position:relative}.vdash>summary{list-style:none}.vdash .pop-body{min-width:220px}.vdash label{display:flex;gap:8px;align-items:center;padding:6px 10px;font-size:13px;color:var(--primary-text-color)}
/* canvas */
.canvasw{overflow:auto;max-height:calc(100vh - 220px)}.canvasw .vbar{position:sticky;left:0;top:0;z-index:3;background:var(--primary-background-color)}
.canvas{position:relative;margin:0 32px 20px;min-height:500px;border-radius:10px;background-color:var(--primary-background-color);background-image:radial-gradient(var(--layout-border-color) 1px,transparent 1px);background-size:22px 22px;border:1px solid var(--layout-border-color)}
.note{position:absolute;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.18);color:#1f1f1f;display:flex;flex-direction:column}.note.drag{box-shadow:0 12px 30px rgba(0,0,0,.3);z-index:5}
.note .nbar{display:flex;align-items:center;gap:3px;padding:4px 6px;opacity:.35}.note:hover .nbar,.note:focus-within .nbar{opacity:1}.note .grip{cursor:grab;font-size:12px;letter-spacing:-2px;margin-right:auto;user-select:none;touch-action:none;padding:2px 4px}
.note .dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.25);padding:0;cursor:pointer}.note .x{border:0;background:none;font-size:16px;cursor:pointer;color:#555;margin-left:4px}
.note .ntext{flex:1;padding:4px 12px 12px;font-size:14px;line-height:1.4;outline:0;white-space:pre-wrap;word-break:break-word}
/* doc */
.docw{max-width:860px;margin:10px auto 40px;padding:0 24px}.doctools{display:flex;flex-wrap:wrap;gap:4px;align-items:center;position:sticky;top:0;z-index:2;background:var(--primary-background-color);padding:8px 0;border-bottom:1px solid var(--layout-border-color)}
.doctools button{min-width:32px;height:30px;border:1px solid transparent;border-radius:6px;background:none;color:var(--primary-text-color);font:inherit;font-size:13px;cursor:pointer;padding:0 8px}.doctools button:hover{background:var(--primary-background-hover-color)}.doctools .muted{margin-left:auto;font-size:12px}
.doc{min-height:360px;padding:24px 4px;font-size:15px;line-height:1.6;outline:0}.doc:empty::before{content:attr(data-placeholder);color:var(--secondary-text-color)}.doc h1{font-size:28px;margin:.4em 0}.doc h2{font-size:21px;margin:.5em 0}.doc blockquote{border-left:3px solid var(--ui-border-color);margin:8px 0;padding:2px 14px;color:var(--secondary-text-color)}.doc a{color:var(--primary-color)}
/* form */
.formview{display:flex;gap:20px;padding:16px 32px;align-items:flex-start;flex-wrap:wrap}.fcardw{flex:1;min-width:300px;max-width:640px;margin:0 auto;background:var(--primary-background-color);border:1px solid var(--layout-border-color);border-top:6px solid var(--primary-color);border-radius:12px;padding:24px 28px}
.bform{display:flex;flex-direction:column;gap:14px}.bform h2{margin:0;font-size:24px}.bform .fdesc{margin:0;color:var(--secondary-text-color);white-space:pre-wrap}
.bform label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500}.bform label.chk{flex-direction:row;align-items:center;font-weight:400}
.bform input:not([type=checkbox]),.bform select,.bform textarea{height:38px;border:1px solid var(--ui-border-color);border-radius:6px;background:transparent;color:var(--primary-text-color);font:inherit;font-weight:400;padding:0 10px}.bform textarea{height:auto;padding:8px 10px}
.bform .range{display:flex;gap:8px;align-items:center}.bform .req{color:#e2445c}.bform .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.bform .btn.primary{align-self:flex-start;height:38px;padding:0 22px}
.bform .ok{color:#00a35f;font-weight:500}.bform .err{color:#e2445c}
.fset{flex:0 0 300px;border:1px solid var(--layout-border-color);border-radius:12px;padding:16px;background:var(--primary-background-color);display:flex;flex-direction:column;gap:10px;font-size:13px}.fset h4{margin:0;font-size:15px}.fset h5{margin:8px 0 0;font-size:13px}
.fset label{display:flex;flex-direction:column;gap:4px;color:var(--secondary-text-color)}.fset label.chk{flex-direction:row;align-items:center;gap:6px;color:var(--primary-text-color)}.fset label.chk.sm{font-size:12px;color:var(--secondary-text-color);margin-left:auto}
.fset input:not([type=checkbox]),.fset select,.fset textarea{border:1px solid var(--ui-border-color);border-radius:6px;background:transparent;color:var(--primary-text-color);font:inherit;padding:6px 8px}
.fqs{list-style:none;margin:0;padding:0;max-height:300px;overflow:auto;display:flex;flex-direction:column;gap:4px}.fqs li{display:flex;align-items:center;gap:6px}
.fshare{display:flex;gap:6px}.fshare input{flex:1;min-width:0;font-size:12px}
body.pubform{background:#f6f7fb;min-height:100vh}.pubw{padding:40px 16px}.pubfoot{text-align:center;color:#888;font-size:12px;margin-top:16px}
@media (max-width:700px){.vbar,.fgal,.dgrid,.formview{padding-left:16px;padding-right:16px}.gantt,.cal,.vcard,.canvas{margin-left:16px;margin-right:16px}.gantt .gl{flex-basis:140px}.cal .cd{min-height:70px}.cal .cev{font-size:10.5px}.fset{flex-basis:100%}}

/* tabs that fit + "All" menu; header shortcuts */
.vtabs{overflow:visible!important;flex-wrap:nowrap}.vtlist{display:flex;gap:4px;min-width:0;overflow:hidden;flex:0 1 auto}.vtlist .vtab[hidden]{display:none}
.vall{position:relative;align-self:center;flex:none}.vall[hidden]{display:none}.vall>summary{list-style:none;display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:14px;color:var(--primary-text-color)}.vall>summary::-webkit-details-marker{display:none}.vall>summary:hover,.vall[open]>summary{background:var(--primary-background-hover-color)}
.vall [data-vallcount]{color:var(--secondary-text-color);font-size:12.5px}.vallm{position:fixed;z-index:90;width:280px;max-height:420px;display:flex;flex-direction:column;padding:8px}
.vallm input{height:32px;border:1px solid var(--ui-border-color);border-radius:6px;background:transparent;color:var(--primary-text-color);font:inherit;font-size:13px;padding:0 8px;margin-bottom:6px}
.vallist{overflow:auto;display:flex;flex-direction:column}.vallist a{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;color:var(--primary-text-color);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vallist a:hover{background:var(--primary-background-hover-color)}.vallist a.on{background:var(--primary-selected-color)}.vallist a[hidden]{display:none}.vallist svg{flex:none;color:var(--icon-color)}
.addview{flex:none}
.bacts{margin-left:auto;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.btitle .bacts+.more{margin-left:0}
.bact{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:0;border-radius:6px;background:none;color:var(--primary-text-color);font:inherit;font-size:13.5px;cursor:pointer;text-decoration:none}.bact:hover{background:var(--primary-background-hover-color)}.bact svg{color:var(--icon-color)}
.bfaces{display:inline-flex;margin:0 4px 0 8px}.bfaces>*{margin-left:-7px;border:2px solid var(--primary-background-color);border-radius:50%}.bfaces>*:first-child{margin-left:0}
.binvite{height:32px}.bcopy{width:34px;height:32px;padding:0;display:inline-grid;place-items:center}
@media (max-width:900px){.bact{font-size:0;gap:0;padding:0 8px}.bacts .bfaces{display:none}}
.avmenu button{display:flex!important;align-items:center!important;gap:10px}.vallist a{display:flex!important;align-items:center;gap:8px;padding:7px 8px!important;line-height:1.2}

/* ---------- automation editor: Monday-style sentence ---------- */
body.aflow-open{overflow:hidden}
.aflow-wrap{position:fixed;inset:0;z-index:300;background:var(--primary-background-color);color:var(--primary-text-color);display:flex;flex-direction:column}
.aflow{display:flex;flex-direction:column;height:100%;margin:0}
.aftop{display:flex;align-items:center;gap:12px;height:60px;padding:0 20px;border-bottom:1px solid var(--layout-border-color);flex:none}
.afback{border:0;background:none;color:var(--primary-text-color);font:inherit;font-size:14px;cursor:pointer;padding:6px 10px;border-radius:6px}.afback:hover{background:var(--primary-background-hover-color)}
.afonoff{display:inline-flex;align-items:center;gap:8px;font-size:13px;margin-left:18px}.afnew{margin-left:18px;font-size:13px;color:var(--secondary-text-color)}
.sw2{position:relative;display:inline-block;width:36px;height:20px}.sw2 input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;z-index:1}.sw2 i{position:absolute;inset:0;border-radius:10px;background:#c3c6d4;transition:.15s}.sw2 i::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.15s}
.sw2 input:checked+i{background:var(--primary-color)}.sw2 input:checked+i::after{left:18px}.sw2 input:focus-visible+i{outline:2px solid var(--primary-color);outline-offset:2px}
.aftop .sp{flex:1}.aftop .btn{height:34px}.afx{border:0;background:none;color:var(--secondary-text-color);font-size:24px;line-height:1;cursor:pointer;width:36px;height:36px;border-radius:6px;margin-left:6px;border-left:1px solid var(--layout-border-color)}.afx:hover{color:var(--primary-text-color)}
.afbody{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 420px;min-height:0}
.afmain{overflow:auto;padding:56px 7% 40px}.afside{border-left:1px solid var(--layout-border-color);display:flex;flex-direction:column;min-height:0}
.afhint{color:var(--secondary-text-color);font-size:13px;margin:0 0 18px}.afmain .fr-msg{max-width:860px;margin-bottom:18px}
.afsent{max-width:900px;font-size:26px;font-weight:300;line-height:1.9;letter-spacing:-.01em}
.afline,.afsent .crow,.afsent .arow2{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;position:relative;padding-right:240px;margin:0 0 10px;border:0!important}
.afsent .afw,.afsent span{color:var(--primary-text-color)}.afsent .muted{font-size:15px;color:var(--secondary-text-color)}
.afsent .crow::before{content:'and';color:var(--primary-text-color)}.afsent .afconds .crow:first-child::before{content:'and only if'}
.afsent .arow2::before{content:'and then'}.afsent .afacts .arow2:first-child::before{content:'then'}
.afsent .arow2 .af,.afsent .arow2 .afields,.afsent .tfields{display:contents}
.afsent select,.afsent input:not([type=checkbox]){font:inherit;font-weight:400;font-size:inherit;color:var(--primary-text-color);background:transparent;border:0;border-bottom:2px solid var(--primary-text-color);border-radius:0;padding:0 2px;height:auto;line-height:1.3;appearance:none;-webkit-appearance:none;cursor:pointer;max-width:100%;outline:0}
.afsent select:hover,.afsent input:not([type=checkbox]):hover,.afsent select:focus,.afsent input:focus{color:var(--primary-color);border-bottom-color:var(--primary-color)}
.afsent input[type=number]{width:3.2ch!important;text-align:center;cursor:text}.afsent input:not([type=checkbox]){cursor:text}
.afsent select option{font-size:15px;background:var(--primary-background-color);color:var(--primary-text-color)}
.afsent select[multiple],.afsent textarea{flex-basis:100%;font:inherit;font-size:15px;font-weight:400;line-height:1.4;border:1px solid var(--ui-border-color)!important;border-radius:8px;padding:8px 10px;margin:6px 0 4px;background:transparent;color:var(--primary-text-color);min-height:44px}
.afsent select[multiple]{appearance:auto;border-bottom-width:1px;height:auto;max-height:120px;cursor:default}
.afsent .mchk,.afsent [data-days]{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:15px;flex-basis:100%}.afsent .mchk label,.afsent .dchk{display:inline-flex;align-items:center;gap:4px;font-size:15px}
.afsent .afrom{font-size:15px;flex-basis:100%;display:flex;align-items:baseline;gap:8px;color:var(--secondary-text-color)}.afsent .afrom select{font-size:15px;border-bottom-width:1px}
.aftools{position:absolute;right:0;top:4px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:400;opacity:.85}
.afline:hover .aftools,.afsent .crow:hover .x,.afsent .arow2:hover .x{opacity:1}
.afadd{border:0;background:none;color:var(--primary-text-color);font:inherit;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:6px}.afadd:hover{background:var(--primary-background-hover-color)}
.afrm,.afsent .crow .x,.afsent .arow2 .x{border:0;background:none;color:var(--secondary-text-color);font-size:20px;line-height:1;cursor:pointer;width:28px;height:28px;border-radius:6px}
.afsent .crow .x,.afsent .arow2 .x{position:absolute;right:0;top:6px;opacity:.5}.afrm:hover,.afsent .x:hover{background:var(--primary-background-hover-color);color:var(--primary-text-color)}
.afmore{padding-right:0;min-height:36px}.afmore .aftools{position:static}
.aflow .toks{max-width:900px;margin:18px 0 0;font-size:12px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.aflow .toks button{border:1px solid var(--ui-border-color);background:none;color:inherit;border-radius:10px;padding:1px 8px;font-size:11.5px;cursor:pointer}
.afname{display:flex;flex-direction:column;gap:4px;max-width:520px;margin-top:28px;font-size:13px;color:var(--secondary-text-color)}.afname input{height:34px;border:1px solid var(--ui-border-color);border-radius:6px;background:transparent;color:var(--primary-text-color);font:inherit;padding:0 10px}
.aflow .err{color:#e2445c;margin-top:10px}.affoot{display:flex;gap:8px;margin-top:24px}
.aftabs{display:flex;border-bottom:1px solid var(--layout-border-color);padding:0 16px;flex:none}.aftabs button{flex:1;border:0;background:none;color:var(--primary-text-color);font:inherit;font-size:14px;padding:16px 8px 12px;border-bottom:2px solid transparent;cursor:pointer}.aftabs button.on{border-bottom-color:var(--primary-color)}
.afpane{flex:1;overflow:auto;padding:16px 20px}.afpane .runs{list-style:none;margin:10px 0 0;padding:0}
.afempty{text-align:center;padding:60px 20px;color:var(--secondary-text-color)}.afempty h4{color:var(--primary-text-color);font-size:20px;margin:16px 0 6px}.afempty p{margin:0;line-height:1.5}
.afbot{width:96px;height:96px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font-size:34px;background:color-mix(in srgb,var(--primary-color) 14%,transparent);color:var(--primary-color)}
.afinfo{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;font-size:13.5px;margin:4px 0 18px}.afinfo dt{color:var(--secondary-text-color)}.afinfo dd{margin:0}
.afdesc{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--secondary-text-color)}.afdesc textarea{border:1px solid var(--ui-border-color);border-radius:6px;background:transparent;color:var(--primary-text-color);font:inherit;font-size:14px;padding:8px 10px}.afid{font-size:11.5px;margin-top:14px}
.afilt.sm{display:flex;gap:4px}.afilt.sm button{border:1px solid var(--ui-border-color);background:none;color:inherit;border-radius:14px;padding:3px 12px;font:inherit;font-size:12.5px;cursor:pointer}.afilt.sm button.on{background:var(--primary-color);border-color:var(--primary-color);color:#fff}
.afstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.afstats>div{border:1px solid var(--layout-border-color);border-radius:8px;padding:10px;display:flex;flex-direction:column}.afstats b{font-size:22px;font-weight:600}.afstats span{font-size:12px;color:var(--secondary-text-color)}
.afpane h5{margin:0 0 8px;font-size:13px}.afbars{display:flex;align-items:flex-end;gap:4px;height:90px;border-bottom:1px solid var(--layout-border-color);margin-bottom:8px}.afbars i{flex:1;background:var(--primary-color);border-radius:3px 3px 0 0;min-height:3px}
.apick{position:fixed;z-index:400;width:300px;max-height:380px;display:flex;flex-direction:column;background:var(--primary-background-color);border:1px solid var(--layout-border-color);border-radius:8px;box-shadow:0 10px 32px rgba(0,0,0,.3);padding:8px}
.apick input{height:34px;border:1px solid var(--primary-color);border-radius:4px;background:transparent;color:var(--primary-text-color);font:inherit;font-size:13px;padding:0 8px;margin-bottom:6px;outline:0}
.apl{overflow:auto;display:flex;flex-direction:column}.apl button{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--primary-text-color);font:inherit;font-size:13px;text-align:left;padding:7px 8px;border-radius:4px;cursor:pointer}.apl button:hover,.apl button:focus{background:var(--primary-background-hover-color);outline:0}.apl button[hidden]{display:none}
.apl .pi{width:18px;text-align:center;color:var(--icon-color);flex:none;font-size:13px}
@media (max-width:1000px){.afbody{grid-template-columns:1fr}.afside{border-left:0;border-top:1px solid var(--layout-border-color);max-height:40vh}.afmain{padding:28px 18px}.afsent{font-size:21px}.afline,.afsent .crow,.afsent .arow2{padding-right:40px}.aftools{position:static;flex-basis:100%}.afsent .crow .x,.afsent .arow2 .x{opacity:1}}
.aflow h4,.aflow h5{text-transform:none!important;letter-spacing:0!important}
.aflow:not(:has([data-tok])) .toks{display:none}
.afsent input[data-k="subject"],.afsent input[data-k="url"],.afsent input[data-k="channel"]{flex-basis:100%;font-size:15px!important;line-height:1.4;border:1px solid var(--ui-border-color)!important;border-radius:8px;padding:8px 10px!important;margin:6px 0 0;width:auto!important}
.afsent input[data-k="channel"]{flex-basis:auto;max-width:220px}
.afsmall{border:0;background:none;color:var(--secondary-text-color);font:inherit;font-size:13px;cursor:pointer;padding:2px 6px;border-radius:6px;align-self:center}.afsmall:hover{background:var(--primary-background-hover-color);color:var(--primary-text-color)}.afsent .tfrom[hidden],.afsmall[hidden]{display:none}.afsent .tfrom{display:contents}
.afsent .afrom{flex-wrap:wrap;white-space:nowrap;column-gap:8px}.afsent .afrom>.muted{flex-basis:100%;white-space:normal;font-size:12.5px;line-height:1.4}

/* ---------- Invite to this board ---------- */
.invdlg{width:min(520px,94vw);max-height:86vh;padding:20px 24px;border:1px solid var(--layout-border-color);border-radius:12px;background:var(--primary-background-color);color:var(--primary-text-color);display:flex;flex-direction:column;gap:12px}
.invdlg:not([open]){display:none}.invdlg::backdrop{background:rgba(0,0,0,.45)}
.invh{display:flex;align-items:center}.invh h2{margin:0;font-size:22px;font-weight:600;flex:1}.invdlg .x{border:0;background:none;color:var(--secondary-text-color);font-size:20px;cursor:pointer;width:30px;height:30px;border-radius:6px;flex:none}.invdlg .x:hover{background:var(--primary-background-hover-color);color:var(--primary-text-color)}
.invdlg .x.sure{width:auto;font-size:12.5px;padding:0 8px;color:#e2445c;border:1px solid #e2445c}
.invsearch{position:relative}.invsearch input{width:100%;height:36px;border:1px solid var(--ui-border-color);border-radius:4px;background:transparent;color:var(--primary-text-color);font:inherit;font-size:13.5px;padding:0 10px;box-sizing:border-box}.invsearch input:focus{border-color:var(--primary-color);outline:0}
.invres{position:absolute;left:0;right:0;top:40px;z-index:5;background:var(--primary-background-color);border:1px solid var(--layout-border-color);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.3);padding:6px;max-height:280px;overflow:auto}.invres .muted{margin:6px 8px;font-size:13px}
.invpick{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;color:var(--primary-text-color);font:inherit;text-align:left;padding:6px 8px;border-radius:6px;cursor:pointer}.invpick:hover{background:var(--primary-background-hover-color)}.invpick span{display:flex;flex-direction:column}.invpick small{color:var(--secondary-text-color);font-size:12px}
.invmail{width:28px;height:28px;border-radius:50%;display:grid!important;place-items:center;background:var(--primary-selected-color);color:var(--primary-color)}
.invtabs{display:flex;border-bottom:1px solid var(--layout-border-color)}.invtabs button{flex:1;border:0;background:none;color:var(--primary-text-color);font:inherit;font-size:14px;padding:10px;border-bottom:2px solid transparent;cursor:pointer}.invtabs button.on{border-bottom-color:var(--primary-color);font-weight:600}
.invbody{overflow:auto;min-height:200px}
.invpriv{display:flex;align-items:center;gap:10px;font-size:13.5px;margin:6px 0 10px}
.invlist{list-style:none;margin:0;padding:0}.invrow{display:flex;align-items:center;gap:12px;padding:8px 6px;border-radius:8px}.invrow:hover{background:var(--primary-background-hover-color)}
.invwho{flex:1;min-width:0;display:flex;flex-direction:column}.invwho b{font-weight:500;font-size:14px}.invwho small{font-size:12px;color:var(--secondary-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crown{border:0;background:none;color:var(--secondary-text-color);cursor:pointer;width:32px;height:32px;border-radius:6px;display:inline-grid;place-items:center;flex:none}.crown svg{fill:none}.crown.on{color:#0073ea}.crown.on svg{fill:#0073ea}.crown:hover:not(:disabled){background:var(--primary-selected-color)}.crown:disabled{cursor:default}
.invlegend{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--secondary-text-color);margin:10px 0 0}.invlegend .crown{width:22px;height:22px;cursor:default}
.invnote{font-size:13px;color:var(--secondary-text-color);margin:8px 0}.agi2{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#6161ff,#a25ddc);color:#fff;flex:none}
.invdone pre{white-space:pre-wrap;font-size:12.5px;margin:6px 0}.xsp{width:30px;flex:none}
.bfaces{border:0;background:none;padding:0;cursor:pointer;align-items:center}.bfaces .bmore{margin-left:-6px;font-size:11px;background:var(--primary-background-hover-color);border-radius:12px;padding:2px 6px;color:var(--secondary-text-color)}
.side .fadd{margin-left:auto;border:0;background:none;color:var(--secondary-text-color);width:22px;height:22px;border-radius:5px;cursor:pointer;opacity:0;font-size:15px;line-height:1}.side details.folder summary:hover .fadd{opacity:1}.side .fadd:hover{background:var(--primary-background-hover-color);color:var(--primary-text-color)}.side details.folder summary .fadd+.n{margin-left:6px}
.tbl thead th.addend{border-bottom:0!important;background:transparent!important;text-align:center;padding:0}.addend-b{width:28px;height:28px;border:1px solid var(--layout-border-color);border-radius:6px;background:none;color:var(--secondary-text-color);font-size:18px;line-height:1;cursor:pointer}.addend-b:hover{color:var(--primary-text-color);background:var(--primary-background-hover-color)}
/* ---- subitems + item side panel (Monday-style) ---- */
.subtog.subexp{position:relative;background:none;padding:2px;border-radius:4px;visibility:hidden;color:var(--icon-color)}
.subtog.subexp .sc{transition:transform .15s;transform:rotate(-90deg)}
.subtog.subexp.open .sc{transform:rotate(0)}
tr:hover>td .subtog.subexp,.subtog.subexp.open,.subtog.subexp:focus-visible{visibility:visible}
.subtog.subexp:hover{background:var(--primary-background-hover-color)}
.htip{position:fixed;z-index:120;background:#323338;color:#fff;font-size:12px;line-height:1.2;padding:6px 9px;border-radius:5px;pointer-events:none;white-space:nowrap;transform:translate(-50%,-100%)}.htip::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#323338}
.subn{flex:none;font-size:11px;line-height:16px;min-width:16px;padding:0 4px;text-align:center;border-radius:8px;background:var(--chip-bg);color:var(--secondary-text-color);margin-left:4px}
.tbl td.name .in{position:relative}
.ubub{margin-left:auto;flex:none;position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:26px;border:0;border-radius:4px;background:none;color:var(--icon-color);cursor:pointer;opacity:0;padding:0}
tr:hover .ubub,.ubub.has,.ubub:focus-visible{opacity:1}
.ubub:hover{background:var(--primary-background-hover-color);color:var(--primary-color)}
.ubub.has{color:var(--primary-color)}
.ubub span{position:absolute;right:1px;bottom:1px;min-width:13px;height:13px;padding:0 3px;border-radius:7px;background:var(--primary-color);color:#fff;font-size:9px;line-height:13px;font-weight:600;text-align:center}
tr.ip-on>td{background:var(--primary-selected-color,rgba(0,115,234,.12))!important}
.subwrap{padding:6px 0 10px 28px;border-left:2px solid var(--layout-border-color);margin-left:18px}
.subtbl{width:auto;min-width:520px}
.subtbl td.name .in{display:flex;align-items:center;gap:4px}
.subtbl .smenu{border:0;background:none;color:var(--icon-color);border-radius:4px;width:22px;height:22px;cursor:pointer;opacity:0;flex:none;padding:0}
.subtbl tr:hover .smenu,.subtbl .smenu:focus-visible{opacity:1}.subtbl .smenu:hover{background:var(--primary-background-hover-color)}
.subtbl .snm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}
.subtbl td.sed{cursor:pointer}.subtbl td.sed:hover{outline:1px solid var(--primary-color);outline-offset:-1px}
.subtbl .cin{width:100%;box-sizing:border-box;padding:4px 6px;border:1px solid var(--primary-color);border-radius:4px;background:var(--primary-background-color);color:var(--primary-text-color);font:inherit}
.subtbl input[data-subadd]{width:100%;border:0;background:none;color:var(--primary-text-color);font:inherit;padding:4px 6px}
.subtbl input[data-subadd]:focus{outline:1px solid var(--primary-color);border-radius:4px}
.subpop{max-height:340px;overflow:auto}.subpop .lblpick{display:grid;gap:4px;min-width:180px}
.subpop .lblpick button{color:#fff;justify-content:center;font-weight:500}.subpop .lblpick button.clear{background:var(--chip-bg)!important;color:var(--primary-text-color)}
.bpop input[type=search]{width:100%;box-sizing:border-box;margin:2px 0 6px;padding:7px 9px;border:1px solid var(--layout-border-color);border-radius:6px;background:var(--primary-background-color);color:var(--primary-text-color);font:inherit}
.bpop .ppl{max-height:240px;overflow:auto;display:grid}.bpop .ppl label{display:flex;gap:8px;align-items:center;padding:6px 8px;cursor:pointer}
.bpop .avh{font-size:12px;color:var(--secondary-text-color);padding:4px 8px 6px;font-weight:600}
.bpop a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:var(--primary-text-color);text-decoration:none;font-size:14px}.bpop a:hover{background:var(--primary-background-hover-color)}
.bpop button:disabled{opacity:.45;cursor:default}.bpop button.on{background:var(--primary-selected-color,rgba(0,115,234,.12))}
.gdot{width:10px;height:10px;border-radius:50%;flex:none}
.mpop{min-width:200px;z-index:90}
.emo{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.emo button{justify-content:center;font-size:18px;padding:6px}
/* the panel */
.ipanel{position:fixed;top:0;right:0;bottom:0;width:min(680px,100vw);z-index:70;background:var(--primary-background-color);border-left:1px solid var(--layout-border-color);box-shadow:-12px 0 40px rgba(0,0,0,.18);display:flex;flex-direction:column;animation:ipin .18s ease-out}
.ipanel[hidden]{display:none!important}
@keyframes ipin{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.ipanel .ib{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border:0;border-radius:6px;background:none;color:var(--icon-color);font-size:18px;cursor:pointer;text-decoration:none;padding:0 6px}
.ipanel .ib:hover{background:var(--primary-background-hover-color);color:var(--primary-text-color)}.ipanel .ib.sm{min-width:24px;height:24px;font-size:14px}
.ipanel .sp{flex:1}.ippad{padding:20px}
.iphead{display:flex;align-items:center;gap:8px;padding:18px 20px 8px}
.iphead h2{margin:0;font-size:24px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.iptabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--layout-border-color)}
.iptabs button{border:0;background:none;color:var(--primary-text-color);font:inherit;font-size:14px;padding:10px 12px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;position:relative}
.iptabs button+button::before{content:"";position:absolute;left:0;top:12px;bottom:12px;border-left:1px solid var(--layout-border-color)}
.iptabs button.on{border-bottom-color:var(--primary-color)}.iptabs button:hover{background:var(--primary-background-hover-color)}
.ipbody{flex:1;overflow:auto;padding:18px 24px 40px;background:var(--surface-bg,var(--primary-background-color))}
.unewf,.ucard{background:var(--primary-background-color);border:1px solid var(--layout-border-color);border-radius:8px;margin-bottom:16px}
.unewf textarea,.ureplyf textarea,.ucard form textarea{width:100%;box-sizing:border-box;border:0;resize:vertical;background:none;color:var(--primary-text-color);font:inherit;font-size:14px;padding:12px 14px;outline:0}
.unewf:focus-within{border-color:var(--primary-color)}
.ubar{display:flex;align-items:center;gap:2px;padding:4px 8px 8px}
.ucard header{display:flex;align-items:center;gap:8px;padding:14px 14px 4px}.ucard header time{color:var(--secondary-text-color);font-size:13px}
.ucard header b{font-weight:600;font-size:14px}
.ubody ul,.ubody ol{margin:4px 0;padding-left:22px}.ubody{padding:6px 16px 12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.ubody a{color:var(--primary-color)}
.mention{color:var(--primary-color);background:rgba(0,115,234,.1);border-radius:3px;padding:0 2px}
.uedited,.uassets{padding:0 16px;margin:0 0 8px;color:var(--secondary-text-color);font-size:12px}
.upin{font-size:12px;color:var(--secondary-text-color);padding:8px 14px 0}
.ucard footer{display:flex;border-top:1px solid var(--layout-border-color)}
.ulk{flex:1;border:0;background:none;color:var(--primary-text-color);font:inherit;font-size:14px;padding:9px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px}
.ulk:hover{background:var(--primary-background-hover-color)}.ulk.on{color:var(--primary-color)}.ulk.sm{flex:none;padding:2px 6px;font-size:12px}
.ureps{border-top:1px solid var(--layout-border-color);padding:8px 14px}.urep{display:flex;gap:8px;padding:6px 0}.urep>div{flex:1;background:var(--surface-bg,var(--primary-background-hover-color));border-radius:12px;padding:6px 10px}
.urh{display:flex;align-items:center;gap:8px;font-size:13px}.urh time{color:var(--secondary-text-color);font-size:12px}.urh .ib{margin-left:auto}.urep .ubody{padding:2px 0}
.ureplyf{margin:6px 14px 12px;border:1px solid var(--layout-border-color);border-radius:6px}.ureplyf textarea{padding:8px 10px}.ureplyf .row[hidden]{display:none}.ureplyf .row,.ucard form .row{display:flex;justify-content:flex-end;gap:6px;padding:0 8px 8px}
.ipempty{text-align:center;padding:40px 20px;color:var(--secondary-text-color)}.ipempty b{color:var(--primary-text-color);font-size:16px}
/* Files tab */
.fbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.fbar .split{display:inline-flex}.fbar .split .btn:first-child{border-radius:6px 0 0 6px}.fbar .split .btn+.btn{border-radius:0 6px 6px 0;border-left:0;padding:0 8px}
.fq{padding:7px 10px;border:1px solid transparent;border-radius:6px;background:var(--primary-background-hover-color);color:var(--primary-text-color);font:inherit;width:200px}
.seg{display:inline-flex;border:1px solid var(--layout-border-color);border-radius:6px;overflow:hidden}.seg button{border:0;background:none;color:var(--icon-color);padding:5px 9px;cursor:pointer;font-size:15px}.seg button.on{background:var(--primary-selected-color,rgba(0,115,234,.12));color:var(--primary-color)}
.fdrop{text-align:center;padding:40px 20px;border:2px dashed transparent;border-radius:12px}.fdrop.over,.fzone.over{border-color:var(--primary-color);background:rgba(0,115,234,.06)}
.fzone{border:2px dashed transparent;border-radius:12px;min-height:200px}
.fart{width:220px;height:120px;margin-bottom:16px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.fcard{position:relative;border:1px solid var(--layout-border-color);border-radius:8px;overflow:hidden;background:var(--primary-background-color)}
.fthumb{display:flex;align-items:center;justify-content:center;height:110px;background:var(--primary-background-hover-color);text-decoration:none}.fthumb img{width:100%;height:100%;object-fit:cover}
.fext{font-weight:700;color:var(--primary-color);font-size:18px}
.fmeta{padding:8px 10px;display:grid;gap:2px}.fmeta a{color:var(--primary-text-color);text-decoration:none;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fmeta small{color:var(--secondary-text-color);font-size:11px}
.fdel{position:absolute;top:4px;right:4px;background:var(--primary-background-color)!important;opacity:0}.fcard:hover .fdel,.fdel.sure{opacity:1}.sure{color:#e2445c!important;font-size:12px!important}
.flist td,.flist th{font-size:13px}
/* Activity Log */
.abar{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.ipact{list-style:none;margin:0;padding:0}.ipact li{display:grid;grid-template-columns:56px minmax(120px,1fr) 2fr auto;gap:10px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--layout-border-color);font-size:13px}
.ipact time{color:var(--secondary-text-color)}.ipact .aname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ipact .aby{font-weight:500;font-size:12px;color:var(--secondary-text-color)}.afv i{font-style:normal;background:var(--chip-bg);border-radius:4px;padding:1px 6px}
.aflogpop{min-width:340px}.afhead{display:flex;gap:12px;align-items:baseline;padding:6px 8px 10px}.afgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 8px 8px}.afcol h4{margin:0 0 6px;font-size:12px;font-weight:500;color:var(--secondary-text-color)}
.bpop .afchip{display:flex;justify-content:space-between;background:var(--primary-background-hover-color);margin-bottom:4px;font-size:13px}.bpop .afchip small{color:var(--secondary-text-color)}.bpop .afchip.on{outline:1px solid var(--primary-color)}
@media (max-width:720px){.ipanel{width:100vw}.ipact li{grid-template-columns:44px 1fr;}.ipact .aname{display:none}.fq{width:120px}}
/* board ⋯ menu (Monday Options) */
.bmenu-w{display:inline-block}.bmbtn{padding:4px 8px}
.bopts{position:fixed;z-index:60;min-width:250px;background:var(--primary-background-color,#30324e);color:var(--primary-text-color,#d5d8df);border:1px solid var(--ui-border-color,#4b4e69);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.35);padding:6px;font-size:14px}
.bopts>a,.bopts>button,.bopts>span,.bopts .bmsub>button,.bmsubm>a,.bmsubm>button,.bmsubm>span{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:7px 10px;border:0;background:none;color:inherit;font:inherit;border-radius:4px;text-decoration:none;cursor:pointer;box-sizing:border-box}
.bopts a:hover,.bopts button:hover{background:var(--primary-background-hover-color,rgba(255,255,255,.08))}
.bopts .danger{color:#e2445c}.bopts hr{border:0;border-top:1px solid var(--ui-border-color,#4b4e69);margin:5px 0}
.bopts .bmh{margin:4px 10px;font-size:12px;opacity:.7}.bopts .chev{margin-left:auto}
.bopts .soon{opacity:.55;cursor:not-allowed}.bopts .soon em{margin-left:auto;font-size:11px;font-style:normal;border:1px solid currentColor;border-radius:8px;padding:0 6px}
.bmsub{position:relative}.bmsubm{display:none;position:absolute;right:100%;top:-6px;min-width:240px;background:inherit;background:var(--primary-background-color,#30324e);border:1px solid var(--ui-border-color,#4b4e69);border-radius:8px;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.bmsub.on>.bmsubm{display:block}
.bmtoast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#e2445c;color:#fff;padding:10px 16px;border-radius:6px;z-index:99}.bmtoast.ok{background:#00854d}
.note.barch{display:flex;gap:10px;align-items:center}
/* sidebar drag and drop (board order) */
.side .bl[draggable=true]{cursor:grab}.side .bl.dragging{opacity:.4}.side .bl.saving{opacity:.7}
.side .bl.drop-before{box-shadow:inset 0 2px 0 var(--primary-color,#0073ea)}.side .bl.drop-after{box-shadow:inset 0 -2px 0 var(--primary-color,#0073ea)}
.side details.folder.drop-before>summary{box-shadow:inset 0 2px 0 var(--primary-color,#0073ea)}.side details.folder>summary.drop-into{outline:2px solid var(--primary-color,#0073ea);outline-offset:-2px;border-radius:4px;background:var(--primary-selected-color,rgba(0,115,234,.12))}
body.side-dragging .side .bl a{pointer-events:none}
.alink{color:var(--link-color,#1f76c2);text-decoration:underline;word-break:break-all}.alink:hover{text-decoration:none}
/* board Activity log (Monday layout) */
.alog .al-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 10px}.alog .al-bar input[type=search]{min-width:220px}
.alog .al-bar input,.alog .al-bar select{height:32px;border:1px solid var(--ui-border-color,#c3c6d4);border-radius:6px;padding:0 8px;background:transparent;color:inherit;font:inherit}
.al-tbl td{vertical-align:middle}.al-ago{color:var(--secondary-text-color);white-space:nowrap;width:48px}.al-who{white-space:nowrap}.al-who .av{vertical-align:middle;margin-right:8px}
.al-chip{display:inline-block;padding:2px 8px;border-radius:12px;background:var(--primary-background-hover-color,rgba(103,104,121,.12));font-size:12px;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.al-lab{display:inline-block;color:#fff;padding:3px 10px;border-radius:4px;font-size:12px;min-width:70px;text-align:center}.al-arrow{margin:0 8px;color:var(--secondary-text-color)}
.al-val{display:inline-block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.al-empty{color:var(--secondary-text-color)}.al-src{color:var(--secondary-text-color);font-size:12px}
.al-file{display:inline-block;margin-left:6px;font-size:12px}.al-pages{display:flex;gap:12px;align-items:center;margin:12px 0}.al-detail{display:flex;gap:16px;align-items:flex-start}.al-long{white-space:normal;max-width:900px;overflow-wrap:anywhere}
/* Opportunities: status picker opens wide and horizontal */
.cpop.status.wide{max-width:min(980px,96vw);width:min(980px,96vw);padding:16px 18px}
.cpop.status.wide .sw-head{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;margin-bottom:12px}.cpop.status.wide .sw-head h3{margin:0;font-size:16px}.cpop.status.wide .sw-head .muted{font-size:13px}
.cpop.status.wide .pkl{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));max-height:min(60vh,520px);gap:8px}
/* automations: blank start ("When this happens"), trigger menu by category, incoming help */
.astart .asbody{max-width:760px;margin:90px auto 0;padding:0 24px}.aswhen{background:none;border:0;padding:0;font:inherit;font-size:28px;color:var(--primary-color);text-decoration:underline;text-underline-offset:6px;cursor:pointer}.aswhen:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}.ashint{margin-top:12px;font-size:13px}
.apick.wide{width:340px;max-height:420px}.apick .apcat{font-size:12px;color:var(--secondary-text-color);padding:10px 8px 4px}.apick .apcat[hidden]{display:none}
.afthen{font-size:18px!important;color:var(--primary-color)!important;text-decoration:underline;text-underline-offset:4px}
.afpart{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;border:1px dashed var(--layout-border-color);border-radius:6px;padding:2px 8px;margin:2px 0}
.afinbox{margin:10px 0;padding:10px 12px;border:1px solid var(--layout-border-color);border-radius:8px;background:var(--allgrey-background-color,#f6f7fb);font-size:13px;line-height:1.5}.afinurl{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.afinurl input{flex:1;min-width:220px;font:12px ui-monospace,Consolas,monospace;padding:6px 8px;border:1px solid var(--layout-border-color);border-radius:4px;background:var(--primary-background-color);color:var(--primary-text-color)}
.toks .tk2{border-color:var(--primary-color)!important;color:var(--primary-color)!important}
.afpart [hidden],.afsent [data-days][hidden]{display:none!important}



/* ---- Monday-exact automation builder (options.md 2026-10-15) ---- */
.monday-builder .afbody{flex:1;overflow:auto;display:flex;justify-content:center;padding:48px 24px 80px}
.monday-builder .afsent-col{max-width:920px;width:100%}
.monday-builder .afline{display:flex;align-items:flex-start;gap:12px;margin:10px 0;min-height:40px}
.monday-builder .afsent{font-size:28px;line-height:1.45;font-weight:300;color:var(--primary-text-color);flex:1}
.monday-builder .af-u{border:0;background:none;color:inherit;font:inherit;font-size:inherit;font-weight:400;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:0 2px;border-radius:4px}
.monday-builder .af-u:hover{background:var(--primary-selected-color)}
.monday-builder .af-u.unset{color:var(--secondary-text-color);font-weight:300}
.monday-builder .aftools{display:flex;gap:8px;align-items:center;flex:none;padding-top:8px}
.monday-builder .afadd{border:0;background:none;color:var(--secondary-text-color);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.monday-builder .afadd:hover{color:var(--primary-color)}
.monday-builder .afrm{border:0;background:none;color:var(--secondary-text-color);width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:18px;line-height:1}
.monday-builder .afrm:hover{background:var(--primary-background-hover-color)}
.monday-builder .afarrow{color:#00c875;font-size:22px;margin:4px 0 4px 8px}
.monday-builder .affoot{margin-top:28px}
.monday-builder .affoot .btn.primary:disabled{opacity:.45;cursor:default}
.monday-builder .ahelp{position:fixed;right:20px;bottom:20px;border:0;background:#a25ddc;color:#fff;border-radius:20px;padding:8px 14px;font:inherit;cursor:pointer;z-index:5}
.apick-sec{min-width:320px;max-width:420px;max-height:min(70vh,560px);overflow:auto;z-index:400;position:fixed;background:var(--secondary-background-color);border:1px solid var(--ui-border-color);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.35);padding:8px}
.apick-sec input{width:100%;box-sizing:border-box;margin-bottom:6px;padding:8px 10px;border-radius:6px;border:1px solid var(--ui-border-color);background:var(--primary-background-color);color:inherit;font:inherit}
.apick-sec .aph{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--secondary-text-color);padding:8px 10px 4px;font-weight:600}
.apick-sec [data-pk]{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:none;color:inherit;font:inherit;font-size:14px;padding:8px 10px;border-radius:6px;cursor:pointer}
.apick-sec [data-pk]:hover{background:var(--primary-selected-color)}
.apick-sec .pill{margin-left:auto;font-size:10px;opacity:.7}
.apick-sec .apfoot{padding:8px 10px;border-top:1px solid var(--ui-border-color);margin-top:4px}
.apanel{position:fixed;z-index:410;background:var(--secondary-background-color);border:1px solid var(--ui-border-color);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.35);padding:14px 16px;min-width:300px;max-width:420px;color:var(--primary-text-color)}
.apanel-h{font-size:13px;font-weight:600;margin:8px 0 6px}
.apanel .aradio{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:14px;flex-wrap:wrap}
.apanel-sum{font-size:12.5px;color:var(--secondary-text-color);margin:10px 0 0}
.apanel-sched .atabs2{display:flex;gap:0;border:1px solid var(--ui-border-color);border-radius:8px;overflow:hidden;margin-bottom:10px}
.apanel-sched .atabs2 button{flex:1;border:0;background:none;color:inherit;font:inherit;font-size:13px;padding:8px;cursor:pointer}
.apanel-sched .atabs2 button.on{background:var(--primary-selected-color);color:var(--primary-color);font-weight:600}
.dchips,.dgrid{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}
.dchips button,.dgrid button{border:1px solid var(--ui-border-color);background:none;color:inherit;border-radius:6px;min-width:32px;height:32px;cursor:pointer;font:inherit;font-size:12px}
.dchips button.on,.dgrid button.on{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}
.apanel-notify{width:360px}
.apanel-notify label{display:flex;flex-direction:column;gap:4px;font-size:13px;margin:8px 0}
.apanel-notify input,.apanel-notify textarea{font:inherit;padding:8px;border-radius:6px;border:1px solid var(--ui-border-color);background:var(--primary-background-color);color:inherit}
.adiscard{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.55);display:grid;place-items:center}
.adiscard-card{background:var(--secondary-background-color);color:var(--primary-text-color);border-radius:12px;padding:24px 28px;max-width:420px;position:relative;box-shadow:0 12px 40px rgba(0,0,0,.4)}
.adiscard-card h3{margin:0 0 8px;font-size:18px}.adiscard-card p{margin:0 0 18px;color:var(--secondary-text-color)}
.adiscard-card .afx{position:absolute;right:12px;top:12px}
.adiscard-card .row{display:flex;gap:10px;justify-content:flex-end}
.arecipe{max-width:1100px;margin:0 auto;padding:16px 24px 48px}
.arecipe-top{display:flex;gap:16px;align-items:center;margin-bottom:16px}
.arecipe-body{display:grid;grid-template-columns:220px 1fr;gap:24px}
.arecipe-cats{display:flex;flex-direction:column;gap:2px}
.arecipe-cats button{text-align:left;border:0;background:none;color:inherit;font:inherit;font-size:14px;padding:8px 10px;border-radius:6px;cursor:pointer}
.arecipe-cats button.on,.arecipe-cats button:hover{background:var(--primary-selected-color)}
.arecipe-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:12px 0 28px}
.arecipe-card{border:1px solid var(--ui-border-color);background:var(--secondary-background-color);border-radius:10px;padding:14px;text-align:left;cursor:pointer;color:inherit;font:inherit;display:flex;flex-direction:column;gap:10px;min-height:100px}
.arecipe-card:hover{border-color:var(--primary-color)}
.arecipe-card .use{margin-top:auto;color:var(--primary-color);font-size:13px;font-weight:600}
.arecipe-foot{display:flex;gap:12px;align-items:center;padding-top:16px;border-top:1px solid var(--ui-border-color);color:var(--secondary-text-color);font-size:13px}

/* ---- Monday-style Files column + viewer ---- */
td.fcell-td { padding: 2px 4px !important; vertical-align: middle; }
.fcell { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; min-height: 28px; }
.fcell.empty { justify-content: flex-start; }
.fchip { display: inline-flex; align-items: center; gap: 4px; max-width: 120px; padding: 2px 6px 2px 2px; border: 1px solid var(--border, #d0d4e4); border-radius: 6px; background: var(--bg-elevated, #fff); cursor: pointer; font: 12px/1.2 system-ui, sans-serif; color: inherit; }
.fchip:hover { border-color: #579bfc; background: #f0f5ff; }
.fchip-img { width: 22px; height: 22px; object-fit: cover; border-radius: 4px; flex: 0 0 auto; }
.fchip-ext { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 4px; background: #c4c4c4; color: #fff; font: 700 8px/1 system-ui, sans-serif; flex: 0 0 auto; }
.fchip-n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fchip-more { font: 600 11px system-ui, sans-serif; color: #676879; cursor: pointer; padding: 0 4px; }
.faddcell { width: 22px; height: 22px; border-radius: 6px; border: 1px dashed #c5c7d0; background: transparent; color: #676879; font: 600 14px/1 system-ui, sans-serif; cursor: pointer; opacity: 0; }
tr:hover .faddcell, .fcell:hover .faddcell, .fcell.empty .faddcell { opacity: 1; }
.faddcell:hover { border-color: #579bfc; color: #579bfc; background: #f0f5ff; }
.fhov { position: fixed; z-index: 10050; width: 200px; background: #fff; border: 1px solid #d0d4e4; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.18); padding: 6px; pointer-events: none; }
.fhov img { display: block; width: 100%; max-height: 140px; object-fit: contain; border-radius: 4px; background: #f5f6f8; }
.fhov div { font: 12px system-ui, sans-serif; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.fviewer { position: fixed; inset: 0; z-index: 10060; display: flex; align-items: center; justify-content: center; }
.fv-back { position: absolute; inset: 0; background: rgba(16,18,27,.72); }
.fv-box { position: relative; z-index: 1; width: min(960px, 96vw); height: min(860px, 94vh); background: #1c1f3b; color: #fff; border-radius: 12px; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,.45); }
.fv-head { display: flex; align-items: center; gap: 6px; padding: 10px 12px; background: #10122a; border-bottom: 1px solid rgba(255,255,255,.08); }
.fv-head .ib { color: #fff; background: transparent; border: 0; width: 32px; height: 32px; border-radius: 8px; cursor: pointer; font-size: 18px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.fv-head .ib:hover { background: rgba(255,255,255,.1); }
.fv-head .ib:disabled { opacity: .35; cursor: default; }
.fv-title { flex: 1; min-width: 0; text-align: center; }
.fv-title b { display: block; font: 600 14px/1.3 system-ui, sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fv-title small { display: block; font: 12px/1.3 system-ui, sans-serif; color: #a1a5b7; }
.fv-body { flex: 1; display: flex; align-items: center; justify-content: center; padding: 16px; background: #0b0d1c; min-height: 0; }
.fv-img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 6px; }
.fv-frame { width: 100%; height: 100%; border: 0; background: #fff; border-radius: 6px; }
.fv-media { max-width: 100%; max-height: 100%; }
.fv-audio, .fv-fallback { text-align: center; color: #fff; }
.fv-ext { display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: 12px; background: #579bfc; font: 700 14px system-ui, sans-serif; margin-bottom: 12px; }
.fv-fallback .btn { margin-top: 12px; }

/* Friday Docs (file-column Monday Docs) */
.fchip-doc .fchip-ext { background: #6161ff; color: #fff; font-size: 10px; letter-spacing: .04em; }
.doc-editor { max-width: 920px; margin: 0 auto; padding: 20px 28px 64px; }
.doc-title { width: 100%; font-size: 28px; font-weight: 700; border: 0; border-bottom: 1px solid transparent; padding: 8px 0; margin: 0 0 4px; background: transparent; color: inherit; caret-color: currentColor; }
.doc-title::placeholder { color: inherit; opacity: .5; }
.doc-title:focus { outline: none; border-bottom-color: #c5c7d0; }
.doc-meta { margin: 0 0 12px; }
.doc-toolbar { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; padding: 8px; margin-bottom: 12px; border: 1px solid #e6e6ef; border-radius: 10px; background: #fafafc; position: sticky; top: 0; z-index: 2; }
.doc-toolbar button { border: 0; background: transparent; padding: 6px 8px; border-radius: 6px; cursor: pointer; font: inherit; }
.doc-toolbar button:hover { background: #ececf4; }
.doc-toolbar .sep { width: 1px; height: 18px; background: #ddd; margin: 0 4px; }
.doc-toolbar .sp { flex: 1; }
.doc-body { min-height: 50vh; padding: 8px 4px; line-height: 1.55; font-size: 15px; }
.doc-body:focus { outline: none; }
.doc-body h1 { font-size: 1.6em; margin: .8em 0 .4em; }
.doc-body h2 { font-size: 1.3em; margin: .7em 0 .35em; }
.doc-body h3 { font-size: 1.1em; margin: .6em 0 .3em; }

.doc-body ul, .doc-body ol { margin: .35em 0; padding-left: 1.5em; }
.doc-body li { margin: .12em 0; }
.doc-body li > ul, .doc-body li > ol { margin: .12em 0; }
.doc-layout { display: flex; gap: 12px; flex-wrap: wrap; margin: .5em 0; align-items: flex-start; }
.doc-layout-col { flex: 1; min-width: 140px; }
.doc-table { border-collapse: collapse; width: 100%; margin: .6em 0; }
.doc-table td, .doc-table th { border: 1px solid #d8d8e4; padding: 6px 8px; vertical-align: top; }
.doc-image { margin: .5em 0; }
.doc-image img { max-width: 100%; height: auto; }
.doc-check { margin: .35em 0; }
.doc-check label { display: flex; gap: 8px; align-items: flex-start; }
.doc-hist { margin-top: 24px; border-top: 1px solid #e6e6ef; padding-top: 12px; }
.doc-hist-row { display: block; width: 100%; text-align: left; border: 0; background: #f7f7fb; margin: 6px 0; padding: 10px 12px; border-radius: 8px; cursor: pointer; }
.doc-hist-row:hover { background: #ececf4; }
.doc-popup { position: fixed; inset: 0; z-index: 80; background: rgba(20,20,30,.45); display: flex; align-items: stretch; justify-content: center; }
.doc-popup .doc-shell { background: #fff; width: min(960px, 100%); margin: 24px; border-radius: 14px; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,.25); }
.doc-popup .doc-top { display: flex; gap: 8px; align-items: center; padding: 10px 14px; border-bottom: 1px solid #e6e6ef; }
.doc-popup .doc-frame { flex: 1; border: 0; width: 100%; min-height: 70vh; }
/* Run test now (automations): link to the TEST copy, and the editor button */
.tcopy{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}.affoot [data-runtest]{margin-left:8px}
/* ---- automations builder additions 2026-10-20: delete button, "or when…" triggers, people/Schedule pickers, intake address ---- */
.auto .adelx{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:28px;padding:0 6px;border:1px solid transparent;border-radius:6px;background:none;color:var(--secondary-text-color);cursor:pointer;font-size:12.5px}
.auto .adelx:hover,.auto .adelx.sure{color:#e2445c;border-color:#e2445c}
.monday-builder .orow .af-or{font-weight:700;color:var(--primary-color);margin-right:2px}
.monday-builder .af-addr{display:block;margin-top:6px;font:12px/1.4 ui-monospace,Menlo,monospace;color:var(--secondary-text-color);word-break:break-all}
.apanel-multi .apl{max-height:280px;overflow:auto;margin:6px 0}
.apanel-multi .aph{font-size:12px;color:var(--secondary-text-color);margin:10px 0 4px}
.amulti{display:flex;align-items:center;gap:8px;padding:4px 2px;font-size:14px;cursor:pointer}
.apanel input[type=search],.apanel [data-v]{width:100%;box-sizing:border-box;height:32px;padding:0 8px;border:1px solid var(--ui-border-color);border-radius:6px;background:var(--primary-background-color);color:var(--primary-text-color)}
.apanel .hint{font-size:12px;color:var(--secondary-text-color);margin:6px 0 0}
.apanel .row{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
/* live boards (live.js, 2026-10-20): rows redrawn because someone else or an automation changed them glow briefly */
tr.hs-live-flash > td:not(.bar){animation:hsLiveFlash 1.2s ease-out}
@keyframes hsLiveFlash{from{background:rgba(0,115,234,.18)}to{background:transparent}}
/* builder additions 2026-10-20 (2): webhook address box, fill-columns panel, smart condition panel, help panel */
.monday-builder .af-addr code{font:12px/1.4 ui-monospace,Menlo,monospace;background:var(--primary-background-color);padding:2px 6px;border-radius:4px}
.monday-builder .af-addr .btn.sm,.apanel .btn.sm{height:24px;padding:0 10px;font-size:12px}
.afill{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;font-size:13px;margin:4px 0}.afill input{height:28px;padding:0 8px;border:1px solid var(--ui-border-color);border-radius:6px;background:var(--primary-background-color);color:var(--primary-text-color)}
.apanel-smart{width:400px}.apanel-smart textarea{width:100%;box-sizing:border-box;padding:8px;border:1px solid var(--ui-border-color);border-radius:6px;background:var(--primary-background-color);color:var(--primary-text-color);font:inherit}
.apanel-smart select{width:100%;height:30px;border:1px solid var(--ui-border-color);border-radius:6px;background:var(--primary-background-color);color:var(--primary-text-color)}
.ahelp-panel{width:380px;z-index:420}.ahelp-panel .apanel-h{display:flex;justify-content:space-between;align-items:center}.ahelp-l{padding-left:18px;margin:6px 0;font-size:13px;line-height:1.45}.ahelp-l li{margin:4px 0}
/* group names stay put when scrolling sideways (Ava, 2026-10-20): the group box is as wide as its table, so its sticky name can slide along with the view */
section.group{width:max-content;min-width:100%;box-sizing:border-box}
section.group > .ghead{width:max-content;max-width:calc(100vw - 80px);z-index:6;padding-right:12px}
/* builder value editors 2026-10-20 (3) */
.apanel-val{width:360px}.apanel-val [data-v],.apanel-form input,.apanel-form textarea,.apanel-form select,.apanel input[type=number],.apanel input[type=date],.apanel select[data-u]{width:100%;box-sizing:border-box;min-height:32px;padding:6px 8px;border:1px solid var(--ui-border-color);border-radius:6px;background:var(--primary-background-color);color:var(--primary-text-color);font:inherit;margin-top:4px}
.achips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;max-height:140px;overflow:auto}.achip{border:1px solid var(--ui-border-color);background:var(--primary-background-color);color:var(--primary-text-color);border-radius:4px;padding:2px 8px;font-size:12.5px;cursor:pointer}.achip:hover{border-color:var(--primary-color)}
.apanel-form{width:380px;max-height:76vh;overflow:auto}.aform label{display:block;font-size:13px;margin:8px 0}.aform label.amulti{display:flex}

/* 10/22: menus opened from inside a panel (e.g. People in "Set it up") show on top of that panel */
.apick,.apick-sec{z-index:420}
/* 10/26: drag groups by the ⋮⋮ handle; add a group above/below from the group menu */
.ggrip{cursor:grab;opacity:0;transition:opacity .12s;font-size:13px;letter-spacing:-2px;padding:0 6px 0 0;user-select:none}.ghead:hover .ggrip,.ggrip:focus-visible,section.group.gdragging .ggrip{opacity:.9} /* Ava 10/26: hidden until the group header is hovered */.ggrip:active{cursor:grabbing}
section.group.gdragging{opacity:.5}section.group.gdrop-before{box-shadow:0 -3px 0 0 var(--primary-color,#0073ea)}section.group.gdrop-after{box-shadow:0 3px 0 0 var(--primary-color,#0073ea)}
.gmenu .gadd{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-top:1px solid var(--ui-border-color,rgba(127,127,127,.3));margin-top:6px}.gmenu .gadd input{width:100%;box-sizing:border-box}.gmenu .gadd .row{display:flex;gap:6px}
/* 10/26: the group color bar and the checkbox column stay in view when scrolling sideways (with the item name next to them),
   so selecting several items works anywhere on a wide board. Pinned columns start after these (table.js applyPins). */
.tbl .bar{position:sticky;left:0;z-index:4;overflow:visible}
.tbl .bar::before{content:'';position:absolute;top:-1px;bottom:-1px;right:100%;width:28px;background:var(--primary-background-color,#fff)} /* covers the page margin so scrolled cells do not peek out on the left */
.tbl .chk{position:sticky;left:6px;z-index:2;background-color:var(--primary-background-color,#fff)}
.tbl .name{left:42px}
.tbl thead .bar{z-index:6}.tbl thead .chk{z-index:5}
/* Ava 10/26: Slack "Who gets it" — tick Subscribers / Owners / Person who made the change, plus specific people */
.aform .awho{border:1px solid var(--ui-border-color,rgba(127,127,127,.35));border-radius:8px;margin:8px 0;padding:4px 10px 8px}.aform .awho legend{font-size:13px;padding:0 4px}
.aform .awho label.amulti{margin:2px 0}.aform .awho-p{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:4px;flex-wrap:wrap}.aform .awho-p .btn{max-width:100%;white-space:normal;text-align:left}
.aform .awho input[type=checkbox]{width:auto;height:auto;min-width:0;margin:0;flex:none}.aform .awho label.amulti{justify-content:flex-start}
.aform .awho-p .btn{border:1px solid var(--ui-border-color,rgba(127,127,127,.45));border-radius:6px;padding:3px 10px}
/* Ava 10/26: Slack channel box + Browse */
.aform .achan{display:flex;gap:6px;align-items:center;margin-top:4px}.aform .achan input{flex:1;min-width:0}.aform .achan .btn{flex:none;border:1px solid var(--ui-border-color,rgba(127,127,127,.45));border-radius:6px;padding:4px 10px}
/* Ava 10/26: Cards view (packages/boards/src/views.ts renderCards) */
.cardsbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cardsbar .cadd{display:flex;gap:6px}.cardsbar input[type=search],.cardsbar .cadd input{height:32px;border-radius:6px;border:1px solid var(--ui-border-color,#c3c6d4);background:transparent;color:inherit;padding:0 10px;font:inherit}
.csettings .pop-body{min-width:260px;padding:10px}.csettings label{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:6px 0}.csettings .ccols{max-height:260px;overflow:auto}.csettings .ccols label{justify-content:flex-start}
.cgrid{display:grid;gap:16px;padding:12px 0 24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.cgrid.csz-s{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.cgrid.csz-l{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.ccard{display:flex;flex-direction:column;border:1px solid var(--layout-border-color,#d0d4e4);border-radius:10px;overflow:hidden;background:var(--primary-background-color,#fff);color:inherit;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:box-shadow .15s,transform .15s}
.ccard:hover{box-shadow:0 6px 18px rgba(0,0,0,.16);transform:translateY(-1px)}.ccover{height:150px;background:var(--allgrey-background-color,#f0f1f5);display:flex;align-items:center;justify-content:center;overflow:hidden}
.csz-s .ccover{height:110px}.csz-l .ccover{height:200px}.ccover img{width:100%;height:100%;object-fit:contain}.ccover.cperson img,.ccover.cperson .pbadge{border-radius:50%}
.cbody{padding:10px 12px 12px}.ct{font-weight:600;font-size:15px;margin-bottom:8px;overflow-wrap:anywhere}.cf{display:grid;grid-template-columns:96px 1fr;gap:8px;align-items:center;min-height:30px;font-size:13px}
.cf .cl{opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf .cv{background:var(--allgrey-background-color,#f0f1f5);border-radius:4px;min-height:28px;display:flex;align-items:center;justify-content:center;padding:2px 6px;overflow:hidden;text-align:center}
.cf .cv .chip{display:block;width:100%;padding:5px 6px;border-radius:3px;margin:-2px -6px;width:calc(100% + 12px)}
.ccard[hidden]{display:none}
/* Ava 10/29: activity log — what made the change and what set it off */
.al-who span small{display:block;font-size:11px;opacity:.75;line-height:1.3}.al-who .al-cause{max-width:320px;white-space:normal}.ipact .acause{display:block;flex-basis:100%;font-size:11.5px;opacity:.75;margin-top:2px}
/* Ava 11/2: column mapping when an automation creates/moves an item on another board */
.apanel-map{width:min(560px,94vw)}.apanel-map .acmap{max-height:46vh;overflow:auto;margin:8px 0;border:1px solid var(--ui-border-color,#c3c6d4);border-radius:6px}
.apanel-map table{width:100%;border-collapse:collapse;font-size:13px}.apanel-map th{position:sticky;top:0;background:var(--primary-background-color,#fff);text-align:left;padding:6px 8px;font-weight:600;border-bottom:1px solid var(--ui-border-color,#c3c6d4)}
.apanel-map td{padding:5px 8px;border-bottom:1px solid var(--layout-border-color,#e6e9ef);vertical-align:middle}.apanel-map td select{width:100%;max-width:260px}.apanel-map .sm{font-size:11.5px}