/* Tolara account features: sign-in gate, account chip in the sidebar and the Library tab (js/cloud/). */

/* ---------- sign-in gate ---------- */
.gate{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:var(--bg)}
.gate[hidden],.app[hidden]{display:none}
.gate-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 26px;box-shadow:var(--shadow-lg)}
.gate-brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:20px;margin-bottom:18px}
.gate-loading{margin:0;color:var(--muted)}
.gate[data-state=loading] .auth{display:none}
.gate[data-state=signin] .gate-loading{display:none}

.auth{display:flex;flex-direction:column;gap:8px}
.auth h1{font-family:var(--display);font-size:22px;letter-spacing:-.3px;margin:0 0 8px}
.auth label{font-size:12.5px;font-weight:600;color:var(--muted);margin-top:4px}
.auth input{font:inherit;color:var(--fg);background:var(--sunk);border:1px solid var(--line);border-radius:9px;padding:10px 12px;width:100%;box-sizing:border-box}
.auth input:focus-visible,.auth button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.auth button{font:inherit;cursor:pointer}
.auth-google{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--fg);font-weight:600}
.auth-google:hover{border-color:var(--muted)}
.auth-google svg{width:19px;height:19px}
.auth-or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px;margin:8px 0 2px}
.auth-or::before,.auth-or::after{content:"";flex:1;height:1px;background:var(--line)}
.auth-submit{margin-top:6px;padding:11px 12px;border-radius:9px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg);font-weight:600}
.auth button:disabled{opacity:.6;cursor:default}
.auth-msg{margin:2px 0 0;font-size:13.5px;min-height:1em}
.auth-msg:empty{display:none}
.auth-msg[data-kind=error]{color:var(--danger)}
.auth-msg[data-kind=ok]{color:var(--accent)}
.auth-alt{margin:6px 0 0;font-size:13.5px;color:var(--muted);text-align:center}
.auth .linkish{background:none;border:0;padding:0;color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.auth[data-mode=reset] [data-hide=reset]{display:none}
.auth [data-show]{display:none}
.auth[data-mode=signin] [data-show=signin],.auth[data-mode=signup] [data-show=signup],.auth[data-mode=reset] [data-show=reset]{display:block}

/* ---------- account chip ---------- */
.acct{display:flex;flex-direction:column;gap:8px}
.acct-who{display:flex;align-items:center;gap:10px;min-width:0}
.acct-av{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--sunk);border:1px solid var(--line);
  font-family:var(--display);font-weight:700;font-size:14px;color:var(--accent);object-fit:cover}
.acct-txt{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.acct-txt b{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-sync{font-size:12px;color:var(--muted)}
.acct-sync::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:var(--accent);vertical-align:1px}
.acct-sync[data-state=saving]::before{background:var(--brass)}
.acct-sync[data-state=offline]::before{background:var(--muted)}
.acct-sync[data-state=error]{color:var(--danger)}
.acct-sync[data-state=error]::before{background:var(--danger)}
.acct-out{font:inherit;font-size:13px;cursor:pointer;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--fg);padding:6px 10px}
.acct-out:hover{border-color:var(--muted)}

/* ---------- library ---------- */
.lib{max-width:1560px}
.lib-top{position:sticky;top:0;z-index:30;min-height:var(--top-h);display:flex;align-items:center;padding:14px 0;margin-bottom:8px;
  background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.lib-top h2{font-family:var(--display);font-size:23px;margin:0}
.lib-top p{margin:2px 0 0;color:var(--muted);font-size:13.5px}
.lib-status{color:var(--muted);margin:0 0 12px}
.lib-status:empty{display:none}
.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.lib-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.lib-media{aspect-ratio:4/5;background:var(--stage);display:grid;place-items:center;color:var(--muted);font-size:13px}
.lib-media video{width:100%;height:100%;object-fit:contain;display:block}
.lib-meta{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}
.lib-meta h3{margin:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lib-meta p{margin:0;font-size:12.5px;color:var(--muted)}
.lib-actions{display:flex;gap:8px;margin-top:8px}
.lib-btn{font:inherit;font-size:13px;cursor:pointer;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--fg);padding:6px 11px;text-decoration:none}
.lib-btn:hover{border-color:var(--muted)}
.lib-btn.danger{color:var(--danger)}

/* ---------- invitations bar ---------- */
.inv-bar{display:flex;flex-direction:column;gap:8px;padding-top:14px}
.inv{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:var(--panel);border:1px solid var(--accent);border-radius:var(--radius);padding:10px 14px;box-shadow:var(--shadow)}
.inv p{margin:0;flex:1 1 260px}
.inv button{font:inherit;font-size:13.5px;cursor:pointer;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--fg);padding:6px 12px}
.inv .inv-yes{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}
.inv-note{font-size:13px;color:var(--muted)}

/* ---------- benchmarks ---------- */
/* chart colours: validated with the dataviz palette checker in both modes */
:root{--ch-brand:#11826A;--ch-bench:#B07A1F}

#tab-bench button,#tab-bench select{font:inherit;color:var(--fg)}
.bm{max-width:1300px;display:flex;flex-direction:column;gap:14px;padding-bottom:20px}
.bm-top{position:sticky;top:0;z-index:30;min-height:var(--top-h);display:flex;align-items:center;gap:16px;padding:14px 0;
  background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.bm-top .tt{min-width:0}
.bm-top h2{font-family:var(--display);font-size:23px;margin:0}
.bm-sub{margin:2px 0 0;color:var(--muted);font-size:13.5px}
.bm-role{font-weight:600}
.bm-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.bm-actions button,.bm button,.bm-card button{cursor:pointer;border-radius:8px;border:1px solid var(--line);background:var(--panel);padding:8px 12px;font-weight:500;font-size:14px}
.bm button:hover{border-color:var(--muted)}
.bm button.primary,.bk-dlg button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}
.bm-bar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.bm-seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--panel)}
.bm-seg button{border:0!important;border-radius:0!important;background:transparent;padding:7px 13px!important}
.bm-seg button[aria-pressed=true]{background:var(--accent)!important;color:var(--accent-fg)!important}
.bm-bar [hidden]{display:none!important}
.bm-range,.bm-filters label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--muted)}
.bm select,.bk-dlg select{background:var(--sunk);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:14px}
.bm-body{display:flex;flex-direction:column;gap:14px}
.bm-empty{color:var(--muted)}
.bm-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;min-width:0}
.bm-card h3{font-family:var(--display);font-size:16.5px;margin:0 0 6px}
.bm-card p{margin:6px 0}
.bm-hint{color:var(--muted);font-size:13px}
.bm-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.bm-kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.bm-kpi span{font-size:12.5px;color:var(--muted);font-weight:600}
.bm-kpi b{font-family:var(--display);font-size:24px;font-variant-numeric:tabular-nums}
.bm-kpi small{font-size:12px;color:var(--muted)}
.bm-filters{display:flex;flex-wrap:wrap;gap:10px 16px;margin:10px 0}
.bm-cmp{background:var(--sunk);border-radius:9px;padding:10px 12px}
.bm-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:14px}
.bm-scroll{overflow-x:auto;margin:6px -4px 0;padding:0 4px}
.bm-table{border-collapse:collapse;width:100%;font-size:13.5px;font-variant-numeric:tabular-nums}
.bm-table th,.bm-table td{text-align:right;padding:7px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.bm-table th:first-child,.bm-table td:first-child{text-align:left}
.bm-table thead th{font-size:12px;color:var(--muted);font-weight:600}
.bm-table tbody th{font-weight:600}
.bm-table a{color:inherit}
.bm-delta{font-size:12px;color:var(--muted);margin-left:4px}
.bm-x{padding:2px 7px!important;font-size:12px!important;color:var(--muted)}
.bm-optin{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.bm-optin>div{flex:1 1 420px}
.bm-optin p{color:var(--muted);font-size:13.5px}
.bm-switch{display:inline-flex;gap:8px;align-items:center;font-weight:600;cursor:pointer;white-space:nowrap}
.bm-switch input{width:18px;height:18px;accent-color:var(--accent)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bm-tv{margin-top:8px;font-size:13px}
.bm-tv summary{cursor:pointer;color:var(--muted)}

/* column chart */
.bm-legend{display:flex;gap:16px;font-size:12.5px;color:var(--muted);margin:2px 0 8px}
.lg{display:inline-flex;align-items:center;gap:6px}
.sw{display:inline-block;width:12px;height:12px;border-radius:3px}
.sw-brand,.sw-bench-col{background:var(--ch-brand)}
.sw-bench-col{background:var(--ch-bench)}
.sw-bench{height:3px;width:14px;border-radius:2px;background:var(--ch-bench)}
.ch{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:180px auto;column-gap:8px;margin-top:6px}
.ch-y{display:flex;flex-direction:column;justify-content:space-between;font-size:11.5px;color:var(--muted);text-align:right;transform:translateY(-.5em);height:calc(100% + 1em);font-variant-numeric:tabular-nums}
.ch-plot{position:relative;display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid var(--line)}
.ch-grid{position:absolute;left:0;right:0;height:1px;background:var(--line);opacity:.6}
.ch-col{position:relative;flex:1;height:100%;display:flex;justify-content:center;align-items:flex-end;outline:none;border-radius:6px}
.ch-col:hover,.ch-col:focus-visible{background:var(--hover)}
.ch-col:focus-visible{box-shadow:0 0 0 2px var(--accent)}
.ch-bar{display:block;width:min(24px,60%);background:var(--ch-brand);border-radius:4px 4px 0 0;min-height:2px}
.ch-bar.is-bench{background:var(--ch-bench)}
.ch-tick{position:absolute;left:50%;transform:translate(-50%,50%);width:min(36px,80%);height:3px;border-radius:2px;background:var(--ch-bench);box-shadow:0 0 0 2px var(--panel)}
.ch-x{grid-column:2;display:flex;gap:2px;font-size:12px;color:var(--muted);padding-top:6px}
.ch-x span{flex:1;text-align:center;line-height:1.25}
.ch-x small{display:block;font-size:10.5px}
.ch-tip{position:absolute;top:-8px;z-index:5;max-width:260px;background:var(--fg);color:var(--bg);font-size:12.5px;padding:6px 9px;border-radius:7px;pointer-events:none;box-shadow:var(--shadow-lg)}

/* team, import and Sprout dialogs */
.bk-dlg h3{font-family:var(--display);font-size:15px;margin:16px 0 6px}
.team{list-style:none;margin:10px 0;padding:0;display:flex;flex-direction:column;gap:6px}
.team li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;flex-wrap:wrap}
.team li.pending{border-style:dashed}
.team-who{display:flex;flex-direction:column;flex:1;min-width:0}
.team-who small{color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}
.team-role{font-size:13px;color:var(--muted)}
.team-add{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.team-add label{font-size:12.5px;font-weight:600;color:var(--muted)}
.team-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.team-row input{flex:1 1 200px;font:inherit;color:var(--fg);background:var(--sunk);border:1px solid var(--line);border-radius:8px;padding:8px 10px}
.team-msg{color:var(--danger);font-size:13.5px;margin:4px 0}
.team-msg:empty{display:none}
.bk-dlg .linkish{background:none;border:0;padding:0;color:var(--accent);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}
.imp-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.imp-map label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--muted)}
.imp-actions{display:flex;gap:12px;align-items:center;margin-top:12px}
.sp-profiles{display:flex;flex-direction:column;gap:6px}
.sp-profiles small{color:var(--muted)}

@media (max-width:700px){.bm-top{flex-wrap:wrap}.bm-actions{margin-left:0;justify-content:flex-start}}

/* how to get your data */
.imp-help{font-size:13px;color:var(--muted)}
.gd-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}
.gd-tabs button{font:inherit;font-size:13px;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--fg);border-radius:999px;padding:5px 11px}
.gd-tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.gd h3 small{font-family:var(--body);font-weight:400;font-size:13px;color:var(--muted);margin-left:6px}
.gd h4{font-size:13px;margin:12px 0 4px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.gd ol,.gd ul{margin:4px 0;padding-left:20px;display:flex;flex-direction:column;gap:5px;line-height:1.45}
.gd-links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.gd-btn{font-size:13.5px;text-decoration:none;color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:7px 12px;background:var(--panel)}
.gd-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}
.gd-btn:hover{border-color:var(--muted)}

/* imports, post editing, notes */
.bm-chip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:13.5px;background:var(--sunk);border:1px solid var(--line);border-radius:9px;padding:8px 12px}
.bm-chip button{font-size:12.5px!important;padding:3px 9px!important}
.bm-notes-h{text-align:left!important}
.bm-table td.bm-notes{text-align:left;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.bm-acts{white-space:nowrap}
.bm-acts button{margin-left:4px}
.bm-table td.bm-acts button{font-size:12.5px;padding:3px 9px;border-radius:7px;border:1px solid var(--line);background:var(--panel);cursor:pointer}
.bm-table td.bm-acts button.danger{color:var(--danger)}
.bm-edited{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:0 4px;margin-left:4px}
.ep input,.ep textarea{font:inherit;color:var(--fg);background:var(--sunk);border:1px solid var(--line);border-radius:8px;padding:7px 9px;width:100%;box-sizing:border-box}
.ep-notes{display:flex;flex-direction:column;gap:4px;margin-top:12px;font-size:12.5px;font-weight:600;color:var(--muted)}
.ep-notes textarea{resize:vertical;font-weight:400}

/* wide dialogs: import CSV and imports list */
.bk-dlg.bm-wide{width:min(1180px,calc(100vw - 32px));overflow:auto}
.bk-dlg.bm-wide .bk-body{padding-bottom:0}
.imp-map{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.imp-prev{max-height:min(420px,45vh);overflow:auto;border:1px solid var(--line);border-radius:10px}
.imp-prev .bm-table thead th{position:sticky;top:0;background:var(--panel);z-index:1;box-shadow:0 1px 0 var(--line)}
.imp-prev .bm-table td,.imp-prev .bm-table th{padding:6px 10px}
.imp-prev .bm-table td:nth-child(2),.imp-prev .bm-table th:nth-child(2),.imp-prev .bm-table td:nth-child(3),.imp-prev .bm-table th:nth-child(3),.imp-prev .bm-table td:nth-child(4),.imp-prev .bm-table th:nth-child(4),.imp-prev .bm-table td:nth-child(5),.imp-prev .bm-table th:nth-child(5){text-align:left}
.imp-id{font-family:var(--mono);font-size:12px;color:var(--muted)}
.imp-st{font-size:12px;font-weight:600;border-radius:999px;padding:2px 8px;white-space:nowrap}
.imp-st.ok{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--fg)}
.imp-st.kept{background:var(--sunk);color:var(--muted)}
.imp-st.bad{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--fg)}
.imp-bad td{color:var(--muted)}
.imp-foot{position:sticky;bottom:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:4px -18px 0;padding:12px 18px;background:var(--panel);border-top:1px solid var(--line)}
.imp-foot .primary{margin-left:auto}
.imp-name{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--muted);flex:1 1 280px}
.imp-name input{flex:1;min-width:120px}
.imp-sum{font-size:13.5px;font-weight:600}
.imp-list{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:8px}
.imp-card{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.imp-main{flex:1 1 360px;min-width:0}
.imp-card h3{margin:0 0 2px!important;font-size:15px!important;overflow-wrap:anywhere}
.imp-meta{margin:0;font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.imp-counts{margin:6px 0 0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;color:var(--muted)}
.imp-counts b{color:var(--fg);font-variant-numeric:tabular-nums}
.imp-btns{display:flex;flex-wrap:wrap;gap:6px}
.imp-ren{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.imp-ren input{flex:1 1 220px}
.imp-msg{margin:0;font-size:13.5px;border-radius:8px;padding:8px 10px;background:color-mix(in srgb,var(--accent) 14%,transparent)}
.imp-msg[data-kind=error]{background:color-mix(in srgb,var(--danger) 14%,transparent)}

/* admin */
.adm-body{display:flex;flex-direction:column;gap:14px}
.adm-row{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end;margin:8px 0}
.adm-row label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--muted)}
.adm-row input,.adm-search{font:inherit;color:var(--fg);background:var(--sunk);border:1px solid var(--line);border-radius:8px;padding:7px 9px}
.adm-row input[type=number]{width:110px}
.adm-wide{flex:1 1 360px}
.adm-search{width:min(360px,100%);margin:4px 0 6px}
.adm-table th[scope=row]{text-align:left}
.adm-table td,.adm-table th{text-align:left!important}
.adm-id{display:block;font-family:var(--mono);font-size:11.5px;color:var(--muted);font-weight:400}
td.adm-id{display:table-cell;white-space:normal;max-width:320px;overflow-wrap:anywhere}
.adm-brands{white-space:normal!important;max-width:260px}
.adm-table button{font:inherit;font-size:12.5px;padding:4px 10px;border-radius:7px;border:1px solid var(--line);background:var(--panel);color:var(--fg);cursor:pointer}
.adm-table button.danger{color:var(--danger)}
.adm-table .bm-switch{font-weight:500;font-size:13px}
.bm-card h3 small{font-family:var(--body);font-weight:400;margin-left:6px}

/* ---------- agencies (js/cloud/agency.js) ---------- */
.bm-ro{color:var(--muted)}
.bm-sort{border:0!important;background:none!important;padding:0!important;font:inherit!important;color:inherit;cursor:pointer;font-weight:600}
.bm-sort[aria-pressed=true]{color:var(--fg)}
.ag-league td,.ag-league th{vertical-align:middle}
.ag-teams-cell{white-space:normal!important;max-width:220px;text-align:left!important;color:var(--muted)}
.ag-pane{margin-top:10px}
.ag-teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px;margin:10px 0}
.ag-team{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.ag-team-head{display:flex;flex-direction:column;gap:2px}
.ag-team-head h3{margin:0;font-size:15px}
.ag-team-head input{font:inherit;font-weight:600;color:var(--fg);background:var(--sunk);border:1px solid var(--line);border-radius:8px;padding:6px 8px}
.ag-checks{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13.5px}
.ag-checks .chk{display:inline-flex;align-items:center;gap:6px}
.ag-checks input{accent-color:var(--accent)}
.ag-row{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 0}
.ag-theme{display:flex;flex-direction:column;gap:14px;margin-top:10px}
.ag-theme>label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--muted)}
.ag-col{display:flex;gap:8px;align-items:center}
.ag-col input[type=color]{width:44px;height:34px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer}
.ag-col input[type=text]{width:110px;font:inherit;font-family:var(--mono);font-size:13px;color:var(--fg);background:var(--sunk);border:1px solid var(--line);border-radius:8px;padding:7px 9px}
.ag-preview{display:flex;align-items:center;gap:14px;padding:14px;border:1px dashed var(--line);border-radius:10px;background:var(--bg);color:var(--fg)}
.ag-preview.ag-side{background:var(--panel)}
.ag-preview button.primary{pointer-events:none}
.ag-preview a{color:var(--accent);font-weight:600;text-decoration:underline}
.adm-cols{display:inline-flex;gap:6px;align-items:center}
.adm-cols input[type=color],.adm-row input[type=color]{width:38px;height:32px;padding:2px;border:1px solid var(--line);border-radius:7px;background:var(--panel);cursor:pointer}
.adm-mini{flex-direction:row!important;align-items:center;gap:6px!important;font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap}
.adm-sw{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid var(--line);vertical-align:-2px}

/* ---------- agency popup: more room ---------- */
.bk-agency .bk-body{padding:22px 28px 28px}
.bk-agency .gd-tabs{margin:0 0 4px;gap:8px}
.bk-agency .gd-tabs button{padding:7px 14px}
.bk-agency .imp-msg{margin-top:14px}
.bk-agency .ag-pane{margin-top:20px;display:flex;flex-direction:column;gap:18px}
.bk-agency .ag-pane>p{margin:0}
.bk-agency .team{gap:10px;margin:0}
.bk-agency .team li{padding:14px 16px;gap:12px 16px;border-radius:12px}
.bk-agency .team li .ag-checks{flex:1 1 100%}
.bk-agency .team-add{margin-top:6px;gap:8px;padding-top:18px;border-top:1px solid var(--line)}
.bk-agency .team-row{gap:10px}
.bk-agency .ag-teams{gap:16px;margin:0}
.bk-agency .ag-team{padding:16px 18px;gap:14px;border-radius:12px}
.bk-agency .ag-team-head{gap:6px}
.bk-agency .ag-checks{gap:10px 20px}
.bk-agency .ag-row{gap:10px;margin:2px 0 0}
.bk-agency .ag-theme{gap:24px;margin:0}
.bk-agency .ag-theme>label{gap:8px}
.bk-agency .ag-preview{padding:20px;gap:18px}

/* ---------- Agency tab (js/cloud/agency-home.js) ---------- */
.ah-body{display:flex;flex-direction:column;gap:14px}
.ah-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:16px;align-items:start}
.ah-side{display:flex;flex-direction:column;gap:16px}
.ah-post{display:flex;flex-direction:column;gap:8px;margin:10px 0 16px}
.ah-post textarea{font:inherit;color:var(--fg);background:var(--sunk);border:1px solid var(--line);border-radius:10px;padding:10px 12px;resize:vertical;min-height:76px}
.ah-post textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.ah-post-foot{display:flex;align-items:center;gap:12px;justify-content:flex-end}
.ah-post-foot .team-msg{margin:0 auto 0 0}
.ah-notices{display:flex;flex-direction:column;gap:10px}
.ah-notice{border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.ah-notice.is-pinned{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
.ah-notice header{display:flex;align-items:center;gap:10px}
.ah-notice p{margin:8px 0 0;overflow-wrap:anywhere;line-height:1.5}
.ah-notice a{color:var(--accent);font-weight:600}
.ah-who{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.ah-who b{font-size:14px}
.ah-who small{font-size:12.5px;color:var(--muted)}
.ah-acts{margin-left:auto;display:flex;gap:6px}
.ah-acts button{padding:4px 9px!important;font-size:12.5px!important;color:var(--muted)}
.ah-teams,.ah-people{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.ah-teams li{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:13.5px}
.ah-teams li.is-mine{border-color:var(--accent)}
.ah-teams li small{display:block;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.ah-people li{display:flex;align-items:center;gap:10px}
.ah-people .team-role{margin-left:auto}
.ah-empty{padding:18px 0}
@media (max-width:1000px){.ah-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- profiles and the teams switch ---------- */
.ag-toggle{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--sunk)}
.ag-toggle p{margin:0}
.ah-h{display:flex;align-items:center;gap:8px}
.ah-h button{margin-left:auto;font-size:12.5px!important;padding:5px 10px!important}
.ah-people li{align-items:flex-start}
.ah-people .acct-av{margin-top:2px}
.ah-job{color:var(--fg)!important;font-weight:500}
.ah-who a{color:var(--accent)}
.ah-bio{display:block;margin-top:4px;font-size:13px;color:var(--muted);line-height:1.45;white-space:pre-line;overflow-wrap:anywhere}
.acct-btns{display:flex;gap:8px}
.acct-btns .acct-out{flex:1}
.bk-profile .bk-body{padding:22px 28px 28px}
.pf{display:flex;flex-direction:column;gap:16px}
.pf>p{margin:0}
.pf>label:not(.pf-chk){display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--muted)}
.pf input[type=text],.pf textarea{font:inherit;font-size:14.5px;font-weight:400;color:var(--fg);background:var(--sunk);border:1px solid var(--line);border-radius:9px;padding:9px 11px}
.pf textarea{resize:vertical;min-height:90px}
.pf input:focus-visible,.pf textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.pf-chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer}
.pf-chk input{width:18px;height:18px;margin-top:1px;accent-color:var(--accent);flex:none}
.pf-chk span{display:flex;flex-direction:column;gap:2px}
.bm-card button.linkish{border:0!important;background:none!important;padding:0!important;color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.bk-agency .ag-job{display:flex;flex-direction:column;gap:3px;flex:0 1 220px;min-width:160px}
.bk-agency .ag-job input,#ag-job{font:inherit;font-size:14px;color:var(--fg);background:var(--sunk);border:1px solid var(--line);border-radius:8px;padding:7px 9px}
.bk-agency .ag-job small{font-size:12px}
#ag-job{flex:1 1 180px}

/* ---------- Admin: emails ---------- */
.adm-emails form{display:flex;flex-direction:column;gap:18px;margin-top:12px}
.adm-email{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding:18px;border:1px solid var(--line);border-radius:12px}
.adm-email-edit{display:flex;flex-direction:column;gap:12px;min-width:0}
.adm-email-edit>label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--muted)}
.adm-email-edit input[type=text],.adm-email-edit textarea{font:inherit;font-size:14px;font-weight:400;color:var(--fg);background:var(--sunk);border:1px solid var(--line);border-radius:8px;padding:8px 10px}
.adm-email-edit textarea{resize:vertical;min-height:200px;line-height:1.5}
.adm-email-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.adm-email-head h4{margin:0;font-family:var(--display);font-size:15.5px}
.adm-email-head .bm-switch{margin-left:auto}
.adm-email p{margin:0}
.adm-vars{font-size:12.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.adm-var{font-family:var(--mono)!important;font-size:12px!important;padding:3px 7px!important}
.adm-email-prev{display:flex;flex-direction:column;gap:6px;min-width:0}
.adm-prev-subj{font-weight:600;font-size:14px}
.adm-email-prev iframe{width:100%;flex:1;min-height:380px;border:1px solid var(--line);border-radius:10px;background:#EEF1EF}
.adm-row input[type=url],.adm-row input[type=text]{min-width:220px}
.adm-setup{font-size:13.5px;margin-top:14px}
.adm-setup summary{cursor:pointer;font-weight:600}
.adm-setup ol{padding-left:20px;display:flex;flex-direction:column;gap:6px}
.adm-log-h{margin:18px 0 4px;font-family:var(--display);font-size:15px}
.adm-emails code{font-family:var(--mono);font-size:12.5px;background:var(--sunk);padding:1px 4px;border-radius:4px}
@media (max-width:1000px){.adm-email{grid-template-columns:minmax(0,1fr)}}
/* agency popup rows: name, job title, role and actions on one line where there is room */
.bk-agency .team li>select,.bk-agency .team-row select{width:auto;flex:0 0 auto;max-width:none}
.bk-agency .team li>button{flex:0 0 auto}
.bk-agency .team li .team-who{flex:1 1 200px}
.bk-agency .team-row input[type=email]{flex:2 1 220px}
/* recent emails: wrap long subjects and errors instead of squashing columns */
.adm-emails .bm-table td{white-space:normal;vertical-align:top}
.adm-emails .bm-table td:nth-child(1),.adm-emails .bm-table td:nth-child(2){white-space:nowrap}
.adm-emails .bm-table td:nth-child(4){min-width:220px;font-family:var(--body);text-align:left}
.adm-emails .bm-table td:nth-child(5){min-width:260px;text-align:left}
.adm-emails .bm-table td:nth-child(5) small{display:block;font-family:var(--body);font-size:12.5px;color:var(--danger);margin:2px 0 6px}