/* BibiHub theme. Keep shared colours and control states here. */
:root {
    --bh-primary: #0F5D46;
    --bh-primary-hover: #0B4A38;
    --bh-primary-soft: #EAF4F0;
    --bh-accent: #2C8B68;
    --bh-bg: #F6F8F7;
    --bh-surface: #FFFFFF;
    --bh-text: #17211D;
    --bh-text-muted: #66736D;
    --bh-border: #DCE5E1;
    --bh-border-strong: #C8D6D0;
    --bh-success: #27875F;
    --bh-warning: #B7791F;
    --bh-danger: #C94B4B;
    --bh-info: #56758A;
    --bh-primary-faint: #F1F8F5;
    --bh-neutral-soft: #EEF1EF;
    --bh-success-text: #1D704D;
    --bh-success-border: #BBDACB;
    --bh-warning-border: #E3C88F;
    --bh-danger-border: #E7BABA;
    --bh-info-border: #C7D8E3;
    --bh-success-soft: #EAF5EF;
    --bh-warning-soft: #FBF3E5;
    --bh-warning-text: #805516;
    --bh-danger-soft: #FBEFEF;
    --bh-danger-text: #A43838;
    --bh-info-soft: #EDF3F6;
    --bh-control-border: #D5E0DC;
    --bh-secondary-border: #B9CEC5;
    --bh-focus-border: #6CA58F;
    --bh-focus-shadow: 0 0 0 3px rgba(15,93,70,.08);
    --bh-link: #176B50;
    --bh-radius-sm: 6px;
    --bh-radius-md: 8px;
    --bh-radius-lg: 12px;
    --bh-shadow-sm: 0 2px 8px rgba(21,55,43,.04);
    --bh-shadow-md: 0 6px 24px rgba(21,55,43,.07);
    --bh-shadow-dialog: 0 20px 70px rgba(21,55,43,.20);
    --bh-shadow-drawer: -12px 0 40px rgba(21,55,43,.20);
    --bh-backdrop: rgba(15,39,30,.50);
    /* Foregrounds and interaction states on the green navigation/hero surfaces. */
    --bh-on-primary: var(--bh-surface);
    --bh-on-primary-muted: #C3DFD3;
    --bh-primary-raised: #24765B;
    --bh-primary-raised-hover: #328567;
    --bh-primary-edge: #42836C;
    --bh-focus-on-primary: #B2EDCE;
    --bh-signal-on-primary: #9FE0BD;
    --bh-inverse-soft: rgba(255,255,255,.06);
    --bh-inverse-border: rgba(255,255,255,.20);
    --bh-shadow-outline: 0 0 0 1px var(--bh-border);
    --bh-space-1: 4px;
    --bh-space-2: 8px;
    --bh-space-3: 12px;
    --bh-space-4: 16px;
    --bh-space-6: 24px;
    --bh-space-8: 32px;
    --bh-text-sm: 12px;
    --bh-text-meta: 13px;
    --bh-text-body: 14px;
    --bh-text-section: 18px;
    --bh-text-title: 28px;
    --bh-text-number: 28px;
    /* Compatibility aliases for existing admin screens; new styles use bh-* tokens. */
    --ink: var(--bh-text); --text: var(--bh-text); --muted: var(--bh-text-muted);
    --line: var(--bh-border); --border: var(--bh-border); --paper: var(--bh-bg);
    --white: var(--bh-surface); --surface: var(--bh-surface); --panel: var(--bh-surface);
    --surface-alt: var(--bh-bg); --green: var(--bh-primary); --primary: var(--bh-primary);
    --accent: var(--bh-accent); --radius: var(--bh-radius-lg);
    --action: var(--bh-primary); --action-hover: var(--bh-primary-hover);
    --action-soft: var(--bh-primary-soft); --action-border: var(--bh-secondary-border);
    --control-border: var(--bh-control-border); --focus-ring: var(--bh-primary);
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color: var(--bh-text); background: var(--bh-bg); font-size: 15px; line-height: 1.55;
}
*{box-sizing:border-box}
body{margin:0;font-size:var(--bh-text-body)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
form{margin:0}
button,a,input{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.55}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(24px,2.2vw,var(--bh-text-title));font-weight:700;line-height:1.25;letter-spacing:-.025em;margin-bottom:var(--bh-space-4)}
h2{font-size:var(--bh-text-section);font-weight:650;line-height:1.4;letter-spacing:-.015em}
h3{font-size:1.12rem}
p{margin-bottom:18px}
.muted{color:var(--muted)}
.small,.fine-print{font-size:.82rem}
.fine-print{color:var(--muted);margin:22px 0 0}
.eyebrow{font-size:.69rem;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:var(--muted)}
.brand{display:inline-flex;align-items:center;max-width:100%;flex-shrink:0}
.brand-logo{display:block;width:160px;max-width:100%;height:auto;object-fit:contain}
.full{width:100%}
.icon-button{border:1px solid var(--line);border-radius:8px;background:var(--white);min-width:40px;min-height:40px;font-size:20px}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 80% 10%,var(--bh-primary-soft),transparent 60%),var(--paper)}
.auth-card{max-width:448px;width:100%;background:var(--white);padding:40px;border:1px solid var(--line);border-radius:var(--bh-radius-lg);box-shadow:var(--bh-shadow-md)}
.auth-card .brand{margin-bottom:40px}
.auth-card .eyebrow{display:block;margin-bottom:12px}
.auth-card h1{font-size:1.8rem}
.field{margin:20px 0}
.field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:7px}
.alert{padding:12px 14px;border-radius:var(--bh-radius-md);border:1px solid var(--bh-danger-border);background:var(--bh-danger-soft);color:var(--bh-danger-text);font-size:.9rem}
.form-status:empty{display:none}
.form-status{font-size:.8rem;margin:10px 0 0}
.app-shell{display:flex;width:100%;max-width:100%;min-height:100vh;overflow-x:clip}
.sidebar{width:248px;flex-shrink:0;position:fixed;inset:0 auto 0 0;background:var(--bh-surface);border-right:1px solid var(--bh-border);display:flex;flex-direction:column;padding:24px 14px 16px;z-index:30;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
.sidebar-brand{padding:0 10px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}
.nav-link{display:flex;align-items:center;padding:var(--bh-space-3);border-left:3px solid transparent;border-radius:var(--bh-radius-md);margin-bottom:var(--bh-space-1);font-size:var(--bh-text-meta);font-weight:500;gap:var(--bh-space-2)}

.sidebar-nav .nav-link:hover{background:var(--bh-bg);color:var(--bh-primary)}

.sidebar-nav .nav-link:is(.active,.current,[aria-current="page"]){background:var(--bh-primary-soft);color:var(--bh-primary);border-left-color:var(--bh-primary);font-weight:650}

.sidebar-nav .nav-link .ui-icon{color:inherit}
.nav-link.disabled{color:var(--bh-text-muted)}

.main-shell{margin-left:248px;min-width:0;width:calc(100% - 248px);display:flex;flex-direction:column}
.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 40px;background:var(--bh-surface)}
.breadcrumb{font-size:.78rem;color:var(--muted)}
.breadcrumb span{padding:0 8px}
.content{padding:var(--bh-space-6) var(--bh-space-8);max-width:none;min-width:0;width:100%;margin:0;flex:1;outline:none}
@media(max-width:1100px){.content{padding:var(--bh-space-6)}}
@media(max-width:800px){.content{padding:var(--bh-space-4)}}
.content:has(>.inbox-app,>.comments-app){padding:0}
.meta-avatar{position:relative;display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;overflow:hidden;border:1px solid var(--bh-border);border-radius:var(--bh-radius-md);background:var(--bh-primary-soft);color:var(--bh-primary);font-weight:650}
.meta-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--bh-primary-soft)}
.meta-avatar img[hidden]{display:none}
.meta-identity{display:flex;align-items:center;gap:var(--bh-space-3);min-width:220px}
.meta-identity-copy{min-width:0;overflow-wrap:anywhere}
.meta-identity-copy :is(strong,label,a){display:block;font-weight:600;margin:0}
.meta-identity-copy small{display:block;color:var(--bh-text-muted);margin-top:var(--bh-space-1)}
.meta-table{min-width:820px}
.meta-table td{position:relative;min-width:140px;vertical-align:top}
.meta-page-picker td:first-child{min-width:56px;width:56px}
.meta-page-picker .page-capabilities{min-width:200px}
.meta-connections .button{max-width:100%;min-width:0;white-space:normal;text-align:left}
.meta-connections .button>span:not(.meta-avatar){min-width:0;overflow-wrap:anywhere}
.meta-connections .meta-avatar{flex-basis:28px;width:28px;height:28px;border-radius:50%;font-size:var(--bh-text-sm)}
.meta-connections .button.primary:not(.meta-connect){background:var(--bh-primary-soft);color:var(--bh-primary);border-color:var(--bh-secondary-border)}
.meta-page-picker{margin-bottom:var(--bh-space-6)}
.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}
.page-heading .eyebrow{margin-bottom:14px}
.page-heading p:last-child{font-size:.9rem;max-width:600px;margin-bottom:0}
.badge,.status-badge{display:inline-flex;align-items:center;gap:var(--bh-space-1);border:1px solid var(--bh-border);border-radius:var(--bh-radius-sm);background:var(--bh-bg);color:var(--bh-text-muted);padding:4px 8px;font-size:var(--bh-text-sm);font-weight:500;line-height:1.5;max-width:100%;white-space:normal}
.badge.light{color:var(--bh-on-primary);background:var(--bh-inverse-soft);border-color:var(--bh-inverse-border)}
.hero-panel{background:var(--green);color:var(--bh-surface);border-radius:var(--radius);padding:32px;display:grid;grid-template-columns:1.15fr 1fr;gap:40px}
.hero-panel p{font-size:.9rem;color:var(--bh-on-primary-muted);max-width:450px}
.hero-icon{display:block;width:44px;height:44px;object-fit:contain;margin-bottom:14px}
.hero-panel h2{font-size:1.55rem;margin-bottom:12px}
.hierarchy{display:flex;flex-direction:column;gap:12px;align-self:center}
.hierarchy>div{padding:12px 16px;border:1px solid var(--bh-inverse-border);border-radius:var(--bh-radius-md);display:grid;grid-template-columns:32px 1fr;column-gap:8px}
.hierarchy>div>span{grid-row:span 2;color:var(--accent);font-size:.75rem;margin-top:5px}
.hierarchy strong{font-size:.85rem;font-weight:550}
.hierarchy small{font-size:.7rem;color:var(--bh-on-primary-muted)}
.section-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:33px 0 17px}
.section-heading h2{font-size:1.05rem;margin:0}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.panel{background:var(--bh-surface);border:1px solid var(--bh-border);border-radius:var(--bh-radius-lg);padding:var(--bh-space-6);min-width:0;box-shadow:var(--bh-shadow-sm)}
.panel p{font-size:var(--bh-text-body)}
.card-number{font-size:.75rem;color:var(--bh-text-muted);display:block;margin-bottom:17px}
.panel h3{margin-bottom:10px}
.empty-state{display:flex;align-items:center;gap:20px;padding:25px 5px;margin-top:20px}
.empty-state h2{font-size:.96rem;margin-bottom:4px}
.empty-state p{font-size:.82rem;margin:0}
.empty-icon{background:var(--bh-primary-soft);border-radius:var(--bh-radius-lg);width:48px;height:48px;display:grid;place-items:center;flex-shrink:0}

.mobile-only{display:none}
.skip-link{position:fixed;top:-100px;left:20px;background:var(--bh-surface);padding:12px;z-index:100}
.skip-link:focus{top:10px}
.drawer-overlay{position:fixed;inset:0;background:var(--bh-backdrop);z-index:25}
.drawer-overlay[hidden]{display:none}
.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:var(--radius)}
table{width:100%;border-collapse:collapse}
td,th{text-align:left;padding:12px;border-bottom:1px solid var(--line)}
.pagination{display:flex;gap:8px;flex-wrap:wrap}
.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Shared workflow colours; labels remain visible alongside every state. */
.calendar-state--empty, .content-state--empty { --bh-state-bg:var(--bh-bg); --bh-state-edge:var(--bh-border); --bh-state-text:var(--bh-text-muted); }
.calendar-state--idea, .content-state--idea { --bh-state-bg:var(--bh-surface); --bh-state-edge:var(--bh-border-strong); --bh-state-text:var(--bh-text-muted); }
.calendar-state--preparing, .content-state--preparing, .post-row-preparing, .post-row-publishing, .content-state--researching, .content-state--planning, .content-state--writing { --bh-state-bg:var(--bh-info-soft); --bh-state-edge:var(--bh-info-border); --bh-state-text:var(--bh-info); }
.calendar-state--review, .content-state--review, .post-row-review { --bh-state-bg:var(--bh-warning-soft); --bh-state-edge:var(--bh-warning); --bh-state-text:var(--bh-warning-text); }
.calendar-state--approved, .content-state--approved, .post-row-approved { --bh-state-bg:var(--bh-primary-faint); --bh-state-edge:var(--bh-secondary-border); --bh-state-text:var(--bh-primary); }
.calendar-state--scheduled, .content-state--scheduled, .post-row-scheduled { --bh-state-bg:var(--bh-primary-soft); --bh-state-edge:var(--bh-primary); --bh-state-text:var(--bh-primary); }
.calendar-state--published, .content-state--published, .post-row-published { --bh-state-bg:var(--bh-success-soft); --bh-state-edge:var(--bh-success); --bh-state-text:var(--bh-success-text); }
.calendar-state--attention, .content-state--attention, .post-row-attention { --bh-state-bg:var(--bh-danger-soft); --bh-state-edge:var(--bh-danger); --bh-state-text:var(--bh-danger-text); }
.calendar-state--paused, .content-state--paused, .post-row-cancelled { --bh-state-bg:var(--bh-neutral-soft); --bh-state-edge:var(--bh-border-strong); --bh-state-text:var(--bh-text-muted); }

/* Shared components. Legacy .button modifiers and btn-* share one implementation. */
.button, .btn-primary, .btn-secondary, .btn-soft, .btn-danger, .btn-link {
    display:inline-flex; align-items:center; justify-content:center; gap:var(--bh-space-2);
    min-height:40px; max-width:100%; padding:8px 12px; border:1px solid var(--bh-secondary-border);
    border-radius:var(--bh-radius-md); background:var(--bh-surface); color:var(--bh-primary);
    font-family:inherit; font-size:var(--bh-text-meta); font-weight:600; line-height:1.4;
    vertical-align:middle; text-align:center; text-decoration:none; box-shadow:none; cursor:pointer;
}
.button:hover, .btn-secondary:hover { background:var(--bh-primary-soft); border-color:var(--bh-focus-border); color:var(--bh-primary-hover); }
.button.primary, .btn-primary { background:var(--bh-primary); border-color:var(--bh-primary); color:var(--bh-surface); }
.button.primary:hover, .btn-primary:hover { background:var(--bh-primary-hover); border-color:var(--bh-primary-hover); color:var(--bh-surface); }
.btn-soft { background:var(--bh-primary-soft); color:var(--bh-primary); border-color:transparent; }
.btn-soft:hover { background:var(--bh-primary-soft); color:var(--bh-primary-hover); border-color:var(--bh-secondary-border); }
.button.subtle, .btn-link { background:transparent; color:var(--bh-link); border-color:transparent; }
.button.subtle:hover, .btn-link:hover { background:var(--bh-primary-soft); color:var(--bh-primary); border-color:transparent; }
.button.danger, .btn-danger { color:var(--bh-danger-text); background:var(--bh-danger-soft); border-color:var(--bh-danger); }
.button.danger:hover, .btn-danger:hover { color:var(--bh-danger-text); background:var(--bh-danger-soft); border-color:var(--bh-danger-text); }
:is(.button,.btn-primary,.btn-secondary,.btn-soft,.btn-danger,.btn-link):is(:disabled,[aria-disabled="true"]) { opacity:.6; cursor:not-allowed; box-shadow:none; }
.field :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file])),
input:where(:not([type]),[type=text],[type=password],[type=email],[type=search],[type=url],[type=number],[type=date],[type=datetime-local],[type=time]),select,textarea {
    font:inherit; color:var(--bh-text); border:1px solid var(--bh-control-border); border-radius:var(--bh-radius-md);
    background:var(--bh-surface); padding:8px 12px; max-width:100%; min-width:0; line-height:1.4;
}
.field input { width:100%; min-width:0; min-height:40px; }
select { min-height:40px; }
select:hover { border-color:var(--bh-border-strong); }
input::placeholder,textarea::placeholder { color:var(--bh-text-muted); opacity:1; }
input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance:none; appearance:none; width:16px; height:16px; margin:0 0 0 8px; cursor:pointer;
    background:linear-gradient(45deg,transparent 44%,var(--bh-primary) 44% 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,var(--bh-primary) 44% 56%,transparent 56%);
}
input[type=checkbox],input[type=radio] { accent-color:var(--bh-primary); }
input[type=file]::file-selector-button { font:inherit; color:var(--bh-primary); background:var(--bh-primary-soft); border:1px solid var(--bh-secondary-border); border-radius:var(--bh-radius-md); padding:8px 12px; margin-right:var(--bh-space-2); cursor:pointer; }
input:disabled,select:disabled,textarea:disabled,input[readonly],textarea[readonly] { background:var(--bh-bg); color:var(--bh-text-muted); }
input:disabled,select:disabled,textarea:disabled { cursor:not-allowed; }
:where(input,select,textarea)[aria-invalid="true"] { border-color:var(--bh-danger); background:var(--bh-danger-soft); }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible { outline:2px solid var(--bh-primary); outline-offset:3px; }
input:focus-visible,select:focus-visible,textarea:focus-visible,.image-select__trigger:focus-visible { outline:0; border-color:var(--bh-focus-border); box-shadow:var(--bh-focus-shadow); }
.badge.success { color:var(--bh-success-text); background:var(--bh-success-soft); border-color:transparent; }
.badge.warning { color:var(--bh-warning-text); background:var(--bh-warning-soft); border-color:transparent; }
.badge.danger { color:var(--bh-danger-text); background:var(--bh-danger-soft); border-color:transparent; }
.badge.info { color:var(--bh-info); background:var(--bh-info-soft); border-color:transparent; }
/* Browser high-contrast modes discard shadows, so controls retain an outline there. */
@media(forced-colors:active) { input:focus-visible,select:focus-visible,textarea:focus-visible,.image-select__trigger:focus-visible { outline:2px solid Highlight; outline-offset:2px; } }

@media(max-width:1100px){.topbar{padding:0 25px}.hero-panel{gap:24px;padding:26px}.card-grid{gap:12px}.panel{padding:20px}.breadcrumb{display:none}.topbar{justify-content:flex-end}.section-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);visibility:hidden;width:280px;max-width:90vw}.sidebar.is-open{transform:translateX(0);visibility:visible}.mobile-only{display:inline-flex;align-items:center;justify-content:center}.main-shell{margin-left:0;width:100%}.topbar{height:70px;justify-content:space-between;padding:0 20px}.hero-panel{gap:22px}.page-heading>.badge{display:none}.drawer-open{overflow:hidden}}
@media(max-width:540px){.auth-page{padding:18px}.auth-card{padding:26px}.hero-panel{grid-template-columns:1fr;padding:24px}.card-grid{grid-template-columns:1fr}.panel p{min-height:0}.topbar .button{padding:8px 10px}.hero-panel h2{font-size:1.4rem}.hierarchy{gap:8px}.hierarchy>div{padding:10px 13px}.empty-state{align-items:flex-start}}
@media(prefers-reduced-motion:no-preference){.sidebar{transition:transform .18s ease}}
/* Shared M2 management surfaces. */
.field select,.field textarea{width:100%}.field textarea{resize:vertical}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.edit-form{max-width:820px}.edit-form .field:first-of-type{margin-top:0}.text-link,.content :where(p,td,dd,li,.guide-toc)>a:not(.button,.btn-primary,.btn-secondary,.btn-soft,.btn-danger,.btn-link){color:var(--bh-link);text-decoration:underline;text-underline-offset:3px}
.text-link:hover,.content :where(p,td,dd,li,.guide-toc)>a:not(.button,.btn-primary,.btn-secondary,.btn-soft,.btn-danger,.btn-link):hover{color:var(--bh-primary)}.table-scroll{background:var(--bh-surface);margin:22px 0}th{font-size:.8rem;color:var(--bh-text-muted);background:var(--bh-bg)}td{font-size:.88rem;overflow-wrap:anywhere}.details{display:grid;grid-template-columns:minmax(100px,180px) 1fr;gap:12px;margin:0 0 24px}.details dt,.brand-details dt{font-weight:600}.details dd,.brand-details dd{margin:0;overflow-wrap:anywhere}.brand-details dd{margin:6px 0 24px;white-space:pre-wrap}.inline-form{display:flex;gap:8px;flex-wrap:wrap;min-width:220px}.member-add{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:24px}.member-add .field{margin:0;flex:1;min-width:180px}.member-add .button{margin-bottom:2px}.tenant-logo{width:100px;height:100px;object-fit:contain;border:1px solid var(--line);border-radius:12px}.workspace-switcher{min-width:0;max-width:560px;flex:1}.workspace-switcher label{font-size:.7rem;font-weight:650;display:block;margin-bottom:4px}.workspace-switcher>div{display:flex;gap:8px}.workspace-switcher select{min-width:0;flex:1;font-size:.8rem;padding:8px;max-width:400px}.support-banner{padding:12px 16px;border:1px solid var(--bh-success-border);background:var(--bh-success-soft);border-radius:var(--bh-radius-md);margin-bottom:22px;font-size:.83rem;overflow-wrap:anywhere}.topbar{height:auto;min-height:94px;padding-top:14px;padding-bottom:14px}.panel>p{min-height:0}.brand{overflow-wrap:anywhere}.pagination{align-items:center}
@media(max-width:800px){.topbar{flex-wrap:wrap;gap:12px}.workspace-switcher{order:3;flex-basis:100%;max-width:none}.workspace-switcher select{max-width:none}.details{grid-template-columns:100px 1fr}}
@media(max-width:540px){.member-add{align-items:stretch}.member-add .field{flex-basis:100%}.edit-form{padding:18px}.table-scroll{max-width:100%}.details{grid-template-columns:1fr}.details dd{margin-bottom:8px}}
.check-row{display:flex;gap:12px;align-items:flex-start;margin:18px 0;font-size:.9rem}.check-row input{flex:none;margin-top:5px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}
.post-photo{display:block;max-width:100%;max-height:420px;object-fit:contain;margin:16px 0;border-radius:var(--bh-radius-lg)}.post-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px;margin-bottom:20px}.post-filters .field{margin:0;flex:0 1 140px;min-width:0}.post-filters .post-filter-page{flex-basis:190px}.post-filters label{font-size:.75rem;margin-bottom:5px}.post-filters select,.post-filters input{font-size:.8rem;padding:8px;min-height:38px}.post-filters button{min-height:38px}@media(max-width:540px){.post-filters .field,.post-filters .post-filter-page{flex:1 1 calc(50% - 12px);max-width:calc(50% - 6px)}}
.analytics-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0}.analytics-totals .panel{margin:0}.metric-total{font-size:1.8rem;overflow-wrap:anywhere}.analytics-table th{white-space:nowrap}.analytics-content{min-width:220px;max-width:320px;overflow-wrap:anywhere}.analytics-notes{min-width:210px;max-width:300px}.analytics-notes details p{margin:8px 0}@media(max-width:900px){.analytics-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.analytics-totals{gap:10px}.metric-total{font-size:1.4rem}}

.analytics-totals .panel p{min-height:0;margin-bottom:8px}
.connector-url{min-width:190px;max-width:320px;overflow-wrap:anywhere}
.connector-table{min-width:940px}.connector-table td:first-child{min-width:140px}.connector-table td:nth-child(3){min-width:170px}.connector-table td:nth-child(4){min-width:130px}
/* Language preferences and the shared user guide. */
.language-switcher{flex:none;max-width:100%}.language-switcher fieldset{margin:0;padding:0;border:0;min-width:0}.auth-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:28px}.auth-heading .language-switcher{margin-left:auto}.auth-heading .brand{margin-bottom:0}.topbar{flex-wrap:wrap}.guide-layout{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:24px;align-items:start}.guide-toc{padding:20px;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto}.guide-toc ol{padding-left:20px;margin-bottom:0}.guide-toc li{padding:5px 0;font-size:.82rem}.guide-toc a:hover{text-decoration:underline}.user-guide{max-width:920px}.user-guide p,.user-guide h3{font-size:1.02rem;margin:24px 0 12px}.user-guide li{font-size:.92rem;line-height:1.75;min-height:0}.user-guide h2{font-size:1.25rem;margin:32px 0 14px;scroll-margin-top:24px}.user-guide h3{font-size:1.02rem;margin:24px 0 12px}.user-guide li{margin:7px 0}.user-guide code{overflow-wrap:anywhere;background:var(--paper);padding:2px 4px;border-radius:4px}.user-guide td{min-width:150px;vertical-align:top}.user-guide th{vertical-align:top}.field p[id$="-help"]{min-height:0;margin:8px 0 0;line-height:1.6}
@media(max-width:1100px){.guide-layout{grid-template-columns:1fr}.guide-toc{position:static;max-height:none}.guide-toc ol{columns:2;column-gap:32px}.guide-toc li{break-inside:avoid}}

@media(max-width:540px){.guide-toc ol{columns:1}.user-guide{padding:18px}.user-guide h2{font-size:1.15rem}}

/* Editorial proposals use the shared panel/type palette. */
.editorial-calendar { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: .65rem; }
.calendar-day { min-width: 0; padding: .75rem; margin: 0; min-height: 9rem; }
.calendar-day h2 { font-size: .9rem; }
.calendar-event { border-top: 1px solid var(--bh-border); padding: .65rem 0; overflow-wrap: anywhere; font-size: .85rem; }
.calendar-event p { margin: .35rem 0; }
@media (max-width: 1100px) { .editorial-calendar { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 600px) { .editorial-calendar { grid-template-columns: minmax(0,1fr); } }
.draft-asset { max-width: 320px; width: 100%; height: auto; object-fit: contain; }
.draft-preview { white-space: normal; overflow-wrap: anywhere; max-width: 680px; line-height: 1.7; }
.draft-hash { overflow-wrap: anywhere; }

/* Compact controls and a scannable Workspace knowledge inventory. */
.workspace-switcher[aria-busy="true"]{opacity:.65}.knowledge-create,.knowledge-editor{margin-bottom:22px}.knowledge-create>form{margin-top:14px}.knowledge-editor .toolbar h2{margin:0;font-size:1.1rem}.knowledge-table{min-width:900px;background:var(--white);font-size:.83rem}.knowledge-table th{white-space:nowrap;background:var(--paper);font-size:.76rem}.knowledge-table td{vertical-align:top}.knowledge-title{width:34%;min-width:260px;max-width:430px}.knowledge-title p{margin:6px 0 8px}.knowledge-content{margin-top:12px;line-height:1.6}.knowledge-title,.knowledge-source,.knowledge-content{overflow-wrap:anywhere}.knowledge-source{width:22%;max-width:260px}.knowledge-validity{min-width:155px;font-size:.75rem}.knowledge-validity>div+div{margin-top:8px}.knowledge-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.knowledge-actions .button{padding:6px 9px;font-size:.75rem}summary{cursor:pointer}

/* Shared controls: aligned actions, quiet surfaces and visible keyboard focus. */
.button svg { flex: none; }
.toolbar > form, .inline-form { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.inline-form select { font-size: .84rem; min-height: 38px; }
.content > .panel + .panel { margin-top: 20px; }
.table-scroll tbody tr:last-child td { border-bottom: 0; }
.table-scroll tbody tr:hover { background: var(--bh-primary-faint); }

.field input[type="checkbox"], .field input[type="radio"] { width: 18px; min-height: 18px; }
/* AI navigation stays readable when links wrap onto a second or third row. */
.ai-navigation { padding: 16px 18px; margin-bottom: 24px; background: var(--bh-surface); }
.ai-tabs { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 8px; }
.ai-tab, .research-tab { min-height: 36px; padding: 8px 12px; font-size: .8rem; box-shadow: none; }
.ai-tab.active, .ai-tab.active:hover, .research-tab.active, .research-tab.active:hover { color: var(--bh-surface); background: var(--green); border-color: var(--green); box-shadow: var(--bh-shadow-sm); }
.ai-nav-summary { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; margin-top: 15px; padding-top: 12px; border-top: 1px solid var(--line); }
.ai-nav-summary p { margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.6; flex: 1 1 440px; }
.ai-nav-summary a { color: var(--green); font-size: .8rem; font-weight: 600; white-space: nowrap; }
/* Settings controls use bounded columns; long-form content keeps its reading width. */
.ai-settings-panel, .ai-policy { width: 100%; }
.settings-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.settings-heading h2 { font-size: 1.15rem; margin-bottom: 6px; }
.settings-heading p { margin-bottom: 0; }
.ai-enabled { align-items: center; margin: 18px 0 22px; font-weight: 600; }
.ai-enabled input { margin: 0; }
.settings-section { border: 0; padding: 0; margin: 0 0 24px; min-width: 0; }
.settings-section legend { font-weight: 650; font-size: .95rem; padding: 0; margin-bottom: 6px; }
.settings-section .field-help { margin: 0 0 16px; font-size: .78rem; }
.settings-grid { display: grid; gap: 16px 24px; align-items: end; }
.settings-grid--models { grid-template-columns: repeat(2, minmax(0, 280px)); }
.settings-grid--limits { grid-template-columns: repeat(3, minmax(0, 240px)); }
.settings-grid .field { margin: 0; min-width: 0; }
.settings-grid .field label { font-size: .8rem; line-height: 1.5; margin-bottom: 6px; }
.settings-grid select, .settings-grid input { font-size: .87rem; min-height: 40px; }
.settings-grid input { max-width: 220px; }
.form-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 16px; border-top: 1px solid var(--line); padding-top: 18px; }
.form-actions .small { max-width: 540px; }
.ai-policy { margin-top: 20px; padding: 18px 24px; }
.ai-policy summary { font-size: .9rem; color: var(--green); }
.ai-policy summary .small { margin-left: 12px; font-weight: 400; }
.ai-policy-body { margin-top: 22px; }
.ai-policy textarea { font: .8rem/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; background: var(--bh-bg); }
@media (max-width: 1100px) {
    .settings-grid--limits { grid-template-columns: repeat(2, minmax(0, 240px)); }
}
@media (max-width: 540px) {
    .ai-navigation { padding: 14px; margin-bottom: 20px; }
    .ai-tabs { gap: 8px; }
    .ai-tab, .research-tab { font-size: .76rem; padding: 8px 10px; }
    .ai-nav-summary { gap: 8px; }
    .ai-settings-panel { padding: 18px; }
    .settings-heading { flex-wrap: wrap; gap: 10px; }
    .settings-grid--models, .settings-grid--limits { grid-template-columns: minmax(0, 1fr); }
    .settings-grid select { max-width: 320px; }
    .settings-grid input { max-width: 240px; }
    .ai-policy { padding: 16px 18px; }
    .ai-policy summary .small { display: block; margin: 6px 0 0 18px; }
}

/* Shared AI forms: pair short controls, reserve full rows for writing and evidence. */
.compact-form, .form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 18px 24px; }
.compact-form { max-width: 960px; }
.compact-form > *, .form-grid > * { grid-column: 1 / -1; min-width: 0; }
.compact-form > .field, .form-grid > .field { grid-column: auto; }
.compact-form .field { margin: 0; min-width: 0; }
.compact-form .field--wide, .form-grid > .field--wide { grid-column: 1 / -1; }
.compact-form .field label { font-size: .8rem; line-height: 1.5; margin-bottom: 6px; }
.compact-form :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select) { width: 100%; max-width: 320px; font-size: .86rem; }
.compact-form .field input[type="number"] { max-width: 140px; }
.compact-form .field input[type="date"], .compact-form .field input[type="time"] { max-width: 190px; }
.compact-form .field input[type="datetime-local"] { max-width: 250px; }
.compact-form .field input:not([type]), .compact-form input[type="text"], .compact-form input[type="url"] { max-width: 440px; }
.compact-form textarea, .compact-form select[multiple] { width: 100%; max-width: 760px; font-size: .86rem; }
.compact-form textarea { min-height: 86px; }
.compact-form .field small { display: block; max-width: 680px; margin-top: 7px; font-size: .76rem; line-height: 1.55; color: var(--muted); }
.compact-form .field .setup-hint { color: var(--bh-warning-text); }
.compact-form > p, .compact-form .check-row { margin: 0; }
.compact-form .check-row { align-items: flex-start; font-size: .82rem; }
.compact-form > button { justify-self: start; }
.compact-form fieldset { min-width: 0; margin: 0; padding: 18px; border: 1px solid var(--line); border-radius:var(--bh-radius-md); }
.compact-form legend { padding: 0 6px; font-size: .85rem; font-weight: 600; }
.compact-form > .form-actions { margin: 0; }
.form-intro { max-width: 800px; font-size: .87rem; }
.research-setup { max-width: 960px; margin-bottom: 20px; padding: 16px 20px; border: 1px solid var(--bh-warning-border); border-radius:var(--bh-radius-md); background: var(--bh-warning-soft); font-size: .83rem; }
.research-setup ul { margin: 8px 0 12px; padding-left: 20px; }
.research-setup li { margin: 4px 0; }
.research-setup p { margin: 0; }
@media (max-width: 700px) {
    .compact-form, .form-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .compact-form { padding: 18px; }
    .compact-form .form-actions { gap: 12px; }
    .compact-form fieldset { padding: 14px; }
}

.compact-form .field :where(input,select,textarea) { font-weight: 400; }
.compact-form .field label :where(select,input:not([type="checkbox"]):not([type="radio"])) { display: block; margin-top: 6px; }
.compact-form details.form-details > summary { color: var(--green); font-size: .85rem; font-weight: 600; }
.compact-form details.form-details > p { margin: 12px 0; }
.compact-form details.form-details > fieldset + fieldset { margin-top: 14px; }

.table-wrap { max-width: 100%; overflow-x: auto; }

/* AI settings: compact controls, explicit currency, readable grouped limits. */
.ai-setup { margin-bottom: 20px; }
.ai-setup p { margin: 6px 0; }
.ai-model-card { border: 1px solid var(--bh-border); border-radius:var(--bh-radius-lg); padding: 16px; margin: 12px 0; background: var(--bh-bg); min-width: 0; }
.ai-model-card .settings-grid + .settings-grid { margin-top: 14px; }
.ai-model-card > .button { margin-top: 14px; }
.ai-model-card legend { font-weight: 600; padding: 0 6px; }
.ai-model-search { margin-top: 14px; }
.ai-model-search[open] > summary, .ai-advanced[open] > summary { margin-bottom: 14px; }
.ai-policy .check-row { display: flex; align-items: center; gap: 8px; }
.ai-policy .check-row input { width: auto; }
.settings-grid .field small { display: block; margin-top: 5px; line-height: 1.45; }
.ai-policy-body > .notice { overflow-wrap: anywhere; }

/* Short onboarding steps and read-only progress share the existing form/navigation styles. */
.research-navigation { margin: 18px 0 12px; }
.workflow-guide { padding: 18px 20px; }
.workflow-guide h2, .form-section-title { font-size: 1rem; letter-spacing: 0; }
.workflow-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px 26px; margin: 0 0 12px; padding-left: 22px; }
.workflow-steps li { padding-left: 2px; font-size: .84rem; }
.workflow-steps strong, .workflow-steps span { display: block; }
.workflow-steps span { color: var(--muted); margin-top: 5px; }
.workflow-guide .text-link { font-size: .84rem; }
.compact-form .form-section-title { margin: 12px 0 0; padding-top: 14px; border-top: 1px solid var(--line); }
.compact-form .form-section-title:first-of-type { border: 0; padding-top: 0; }
.ai-job-wait { border-left: 4px solid var(--green); }
.ai-job-wait p { margin: 10px 0; }
.ai-job-wait small { display: block; color: var(--muted); margin-top: 8px; }
.ai-job-wait details { margin-top: 14px; }
.ai-job-wait summary { cursor: pointer; font-weight: 600; font-size: .85rem; }
@media (max-width: 680px) { .workflow-steps { grid-template-columns: 1fr; gap: 12px; } }

/* Keep plan objectives, failure reasons and explicit actions readable in the shared table. */
.plan-list .plan-summary { min-width: 14rem; max-width: 28rem; overflow-wrap: anywhere; }
.plan-list .plan-status { min-width: 12rem; max-width: 26rem; white-space: normal; }
.plan-list [data-plan-detail] { white-space: nowrap; }
.plan-diagnostics { margin-bottom: 16px; }
.plan-diagnostics p { margin: 8px 0 0; }

/* Plan review separates editable ideas, source inputs and the later writing step. */
.plan-proposals { scroll-margin-top: 20px; }
.plan-proposal { margin: 18px 0 0; }
.plan-proposal h3 { overflow-wrap: anywhere; }
.plan-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 24px; margin: 18px 0; }
.plan-fields dt { font-size: .8rem; font-weight: 600; color: var(--muted); }
.plan-fields dd { margin: 4px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.plan-field-wide { grid-column: 1 / -1; }
.plan-draft-step { padding: 16px 0; margin-top: 16px; border-top: 1px solid var(--line); }
.plan-draft-step p { margin-bottom: 10px; }
.plan-draft-step small { display: block; color: var(--muted); margin-top: 8px; max-width: 680px; }
.plan-actions { margin-bottom: 0; }
.plan-approved { background: var(--bh-success-soft); border: 1px solid var(--bh-success-border); border-radius:var(--bh-radius-md); padding: 12px 14px; overflow-wrap: anywhere; }
.plan-next-step { font-weight: 550; }
.plan-context > summary, .plan-history > summary { cursor: pointer; font-weight: 650; }
.plan-context[open] > summary, .plan-history[open] > summary { margin-bottom: 18px; }
.plan-context, .plan-history, .ai-request { overflow-wrap: anywhere; }
@media(max-width:540px) { .plan-fields { grid-template-columns: minmax(0,1fr); } .ai-request { grid-template-columns: minmax(0,1fr); gap: 5px; } .ai-request dd { margin-bottom: 12px; } }

/* Simple Content navigation. Technical limits retain their diagnostic disclosure style. */
.ai-advanced { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.ai-advanced summary { cursor: pointer; color: var(--muted); font-size: .84rem; font-weight: 600; }
.ai-advanced[open] summary { margin-bottom: 12px; }
.ai-content { max-width: 1300px; }
.ai-content .panel { margin-bottom: 20px; }
.ai-content h2 { font-size: 1.14rem; margin-bottom: 12px; }
.content-page-context, .content-summary-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.content-page-context p { margin-bottom: 0; }
.content-eyebrow { font-size: .75rem; font-weight: 650; color: var(--muted); }
.content-page-context h2 { margin: 5px 0; overflow-wrap: anywhere; }
.content-page-picker { max-width: 100%; }
.content-page-picker label { display: block; font-size: .8rem; margin-bottom: 6px; }
.content-page-picker > div { display: flex; align-items: center; gap: 8px; }
.content-page-picker select { width: 280px; max-width: 100%; min-width: 0; }
.content-state { display: inline-flex; flex: none; align-items: center; align-self: flex-start; padding: 5px 10px; border-radius: 20px; background:var(--bh-state-bg,var(--bh-bg)); color:var(--bh-state-text,var(--bh-text-muted)); font-size: .76rem; font-weight: 650; }

.content-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 32px; margin: 18px 0; }
.content-facts dt { font-size: .78rem; color: var(--muted); margin-bottom: 5px; }
.content-facts dd { margin: 0; overflow-wrap: anywhere; }
.content-facts small, .content-task-list small { display: block; margin-top: 5px; font-size: .78rem; color: var(--muted); }
.content-note, .content-empty { color: var(--muted); font-size: .85rem; }
.ai-content .content-note:last-child { margin-bottom: 0; }
.content-stat-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.content-stat { display: flex; flex-direction: column; gap: 8px; }
.content-stat span { font-size: .84rem; color: var(--muted); }
.content-stat strong { font-size: 2rem; line-height: 1.2; }
.content-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.content-columns > .panel { min-width: 0; }
.content-task-list { list-style: none; margin: 0 0 16px; padding: 0; }
.content-task-list li { display: flex; justify-content: space-between; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.content-task-list li > div { min-width: 0; }
.content-task-list a { color: var(--green); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; font-weight: 600; }
.content-notice { border-left: 3px solid var(--bh-warning); padding: 10px 14px; background: var(--bh-warning-soft); margin-bottom: 12px; border-radius:var(--bh-radius-sm); }
.content-notice p { margin-bottom: 5px; font-size: .9rem; }
.content-calendar-filter { display: flex; flex-wrap: wrap; align-items: end; gap: 12px 20px; }
.content-calendar-filter .field { margin: 0; max-width: 280px; }
.content-metrics { min-width: 650px; }
.content-metrics td:first-child { min-width: 180px; max-width: 320px; overflow-wrap: anywhere; }
@media (max-width: 800px) { .content-columns { grid-template-columns: minmax(0,1fr); gap: 0; } }
@media (max-width: 560px) {
 .content-facts, .content-stat-grid { grid-template-columns: minmax(0,1fr); gap: 14px; }
 .content-stat-grid { margin-bottom: 20px; }
 .content-stat-grid .panel { margin-bottom: 0; }
 .content-stat { flex-direction: row; justify-content: space-between; align-items: center; }
 .content-stat strong { font-size: 1.6rem; }
 .content-page-picker, .content-page-picker > div { width: 100%; }
 .content-task-list li { flex-direction: column; gap: 9px; }
 .content-calendar-filter .field { width: 100%; max-width: 100%; }
 .content-calendar-filter select { max-width: 100%; }
}

.content-results .actions { display: flex; flex-wrap: wrap; gap: 8px; }

/* U2: four user-facing inputs; separate consent confirmation. */
.setup-content { max-width: 1000px; }
.setup-four-fields { max-width: 720px; }
.setup-four-fields > .field:first-of-type { margin-top: 0; }
.setup-short-fields { display: grid; grid-template-columns: minmax(0,210px) minmax(0,300px); gap: 20px; }
.setup-short-fields select { width: 100%; }
.setup-confirm .content-facts { grid-template-columns: minmax(0,1fr); }
.setup-consent-text { padding: 16px; border: 1px solid var(--line); border-radius:var(--bh-radius-md); background: var(--bh-primary-faint); }
.setup-success { border-left: 4px solid var(--green); }
.ai-preset-form .settings-grid { margin: 20px 0; }
@media (max-width: 560px) { .setup-short-fields { grid-template-columns: minmax(0,1fr); gap: 0; } }

/* Brand discovery: human proposal review, shared form controls and responsive columns. */
.discovery-panel {max-width:1100px}
.discovery-panel details>summary {cursor:pointer;padding:12px 0}
.discovery-card {border-top:1px solid var(--bh-border);margin-top:20px;padding-top:16px;overflow-wrap:anywhere}
.discovery-start,.discovery-edit {margin-bottom:16px}
.discovery-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:12px 0}
.discovery-fields .field {min-width:0}
.discovery-fields textarea {width:100%;box-sizing:border-box}
.discovery-fact {border:1px solid var(--bh-border);border-radius:var(--bh-radius-md);padding:16px;margin:12px 0}
.discovery-fact blockquote {margin:8px 0;border-left:3px solid var(--bh-border-strong);padding-left:12px}
.discovery-fact form {margin-top:12px}
@media(max-width:680px){.discovery-fields{grid-template-columns:1fr}}

/* Shared post evidence and review controls. */
.review-intro p{max-width:78ch}
.review-slot-summary{margin-top:0}.review-action-form .field{max-width:360px}.review-action-form input[type=datetime-local]{width:auto;max-width:100%;min-width:0}.review-action-form .check-row{display:flex;align-items:flex-start;gap:10px;margin:16px 0}.review-action-form .check-row input{width:18px;min-width:18px;height:18px;margin-top:2px}.review-action-form .actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.review-small-card{border-bottom:1px solid var(--bh-border);padding:12px 0 18px;margin-bottom:16px}.review-small-card h4{margin:0 0 8px}.review-notice{border-left:4px solid var(--bh-success)}
@media(max-width:760px){.review-action-form input[type=datetime-local]{width:100%;box-sizing:border-box}.review-action-form .button{white-space:normal}}

.content-progress{font-size:1.02rem;font-weight:600}

/* U7B: content first. Technical screens are accessible only through the separate diagnostics hub. */
.simple-content { max-width: 1050px; }
.simple-content .panel { margin-bottom: 20px; }
.simple-content .content-facts { grid-template-columns: repeat(3,minmax(0,1fr)); }
.simple-content .content-progress { max-width: 75ch; font-size: 1.05rem; line-height: 1.65; }
.simple-next > p { max-width: 75ch; overflow-wrap: anywhere; }

.simple-content .actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.simple-pause { position: relative; }
.simple-pause > summary { list-style: none; cursor: pointer; }
.simple-pause > summary::-webkit-details-marker { display: none; }
.simple-pause[open] { flex-basis: 100%; }
.simple-pause > form { max-width: 620px; border: 1px solid var(--line); padding: 18px; border-radius:var(--bh-radius-md); margin-top: 12px; background: var(--bh-bg); }
.simple-fact { padding: 16px 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.simple-fact form { margin-top: 12px; }
.simple-post-image { display: block; max-width: min(100%,640px); max-height: 420px; object-fit: contain; border-radius:var(--bh-radius-lg); margin-bottom: 20px; }
.simple-assets { display: grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap: 20px; margin: 20px 0; }
.simple-assets article { min-width: 0; padding: 16px; border: 1px solid var(--bh-border); border-radius: var(--bh-radius-lg); }
.simple-assets img { width: 100%; height: 180px; object-fit: contain; background: var(--bh-bg); border-radius: var(--bh-radius-md); }
.simple-assets small { display: block; margin-bottom: 12px; overflow-wrap: anywhere; }
.simple-assets .check-row { font-size: .84rem; }
.diagnostic-badge { display: inline-block; background: var(--bh-info-soft); color: var(--bh-info); border-radius:var(--bh-radius-sm); padding: 6px 10px; font-size: .78rem; font-weight: 700; margin-bottom: 12px; }
.ai-primary-tabs { gap: 10px; }

@media(max-width:650px) {
 .simple-content .content-facts { grid-template-columns: minmax(0,1fr); }
 .simple-assets { grid-template-columns: minmax(0,1fr); }
}

.review-secondary-actions { display:flex; flex-wrap:wrap; align-items:flex-start; gap:12px; margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }
.review-secondary-actions > form { margin:0; }
.review-regenerate > summary { list-style:none; cursor:pointer; }
.review-regenerate > summary::-webkit-details-marker { display:none; }
.review-regenerate[open] { flex-basis:100%; order:1; }
.review-regenerate > form { margin-top:12px; max-width:620px; padding:16px; background:var(--bh-bg); border:1px solid var(--line); border-radius:var(--bh-radius-md); }

.content-progress-stages { list-style: none; padding: 0; display: grid; gap: .5rem; color: var(--muted); }
.content-progress-stages [aria-current="step"] { color: var(--text); font-weight: 600; }
#ai-setup-status dd { overflow-wrap: anywhere; }

/* Compact sidebar groups and role-specific AI settings. */
/* Account controls, tenant selectors, navigation and footer share one scroll area. */
.sidebar-account{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:40;flex-shrink:0;min-width:0;margin:14px 4px 16px}
.sidebar-user{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;color:var(--bh-on-primary)}
.sidebar-user:hover{color:var(--bh-focus-on-primary)}
.sidebar-preferences{display:flex;align-items:center;gap:6px;flex-shrink:0}
.sidebar-timezone{font-size:10px;white-space:nowrap;color:var(--bh-on-primary-muted);font-variant-numeric:tabular-nums}
.sidebar-account .image-select{position:static}
.sidebar-account .image-select__trigger{min-height:30px;padding:5px;gap:3px;border-color:transparent;background:transparent;color:var(--bh-on-primary)}
.sidebar-account .image-select__trigger:hover,.sidebar-account .image-select__trigger[aria-expanded="true"]{background:var(--bh-primary-raised);border-color:var(--bh-primary-edge)}
.sidebar-account .image-select__trigger .image-select__avatar{display:none}
.sidebar-account .image-select__chevron{border-color:currentColor;width:5px;height:5px;margin-left:3px}
.sidebar-account .image-select__list{right:0;left:auto;max-width:100%;color:var(--bh-text)}
.sidebar-account select{width:64px;min-height:30px;padding:4px;font-size:11px}
.sidebar-account noscript .button{min-height:30px;padding:4px;font-size:11px}
.sidebar-footer{flex-shrink:0;margin-top:12px;padding-top:10px;border-top:1px solid var(--bh-primary-edge)}
.sidebar-logout{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:10px 12px;border:0;border-radius:var(--bh-radius-md);background:transparent;color:var(--bh-on-primary-muted);font-size:var(--bh-text-meta);text-align:left}
.sidebar-logout:hover{background:var(--bh-danger-soft);color:var(--bh-danger-text)}
.sidebar-logout svg{flex-shrink:0}
.sidebar-nav{flex:1 0 auto;min-height:0;overflow:visible;margin:0;padding:3px}
.sidebar-nav>.nav-link{margin-bottom:3px}
.nav-group{margin:var(--bh-space-1) 0}
.nav-group>summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:var(--bh-space-3);border-radius:var(--bh-radius-md);font-size:var(--bh-text-meta);font-weight:550;line-height:1.4}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-label{flex:1;min-width:0;overflow-wrap:anywhere}
.nav-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin-right:3px;flex-shrink:0}
.nav-group[open] .nav-chevron{transform:rotate(45deg)}
.nav-children{border-left:1px solid var(--bh-primary-edge);margin:4px 0 8px 20px;padding-left:7px}
.nav-children .nav-link{padding:8px;gap:8px;font-weight:450;font-size:12px;line-height:1.4;margin:2px 0}
.nav-children .nav-link.current{font-weight:650}
.nav-children .ui-icon{width:16px;height:16px}
.nav-section-label{font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.05em;text-transform:uppercase;color:var(--bh-on-primary-muted);margin:14px 8px 6px}
.nav-section:first-child .nav-section-label{margin-top:10px}
@media(max-width:800px){.sidebar-account{flex-wrap:wrap}.sidebar-user{flex-basis:100%}.sidebar-preferences{gap:10px}.sidebar-account .image-select__trigger{padding-left:0}.sidebar-account .image-select__list{left:0;right:auto}}
@media(prefers-reduced-motion:no-preference){.nav-chevron{transition:transform .15s ease}}
.settings-intro{max-width:800px}.settings-tabs{margin-bottom:20px}.settings-tabs .active{background:var(--green);border-color:var(--green);color:var(--bh-surface)}.workspace-ai-override{margin-top:20px}.workspace-ai-override>summary{cursor:pointer}.settings-page-list{display:grid;gap:12px;margin:20px 0}.settings-page-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--line);border-radius:var(--bh-radius-md)}.settings-page-list strong{overflow-wrap:anywhere}.ai-preset-form [hidden]{display:none!important}.ai-preset-form .settings-grid--models{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-items:start}.ai-preset-form>.settings-grid label{min-height:2.8em;display:flex;align-items:flex-end}.ai-preset-form .field small{display:block;margin-top:6px}.ai-settings-panel .check-row{align-items:flex-start}.ai-settings-panel .check-row input{margin-top:4px;flex-shrink:0}@media(max-width:480px){.settings-page-list>div{align-items:flex-start;flex-direction:column}}

@media(max-width:600px){.ai-preset-form>.settings-grid label{min-height:0;display:block}}

/* Shared image select: native fallback, select-only combobox after enhancement. */
.image-select { position:relative; min-width:0; max-width:100%; }
.image-select [hidden] { display:none!important; }
.image-select.is-open { z-index:45; }
.image-select__trigger { display:flex; align-items:center; gap:10px; width:100%; min-width:0; min-height:46px; padding:7px 11px; border:1px solid var(--bh-control-border); border-radius:var(--bh-radius-md); background:var(--bh-surface); color:var(--bh-text); text-align:left; box-shadow:none; line-height:1.3; }
.image-select__trigger:hover{border-color:var(--bh-border-strong);background:var(--bh-bg)}
.image-select__trigger[aria-expanded="true"]{border-color:var(--bh-focus-border);background:var(--bh-surface)}

.image-select__trigger[aria-invalid="true"] { border-color:var(--bh-danger); }
.image-select__trigger:disabled { background:var(--paper); opacity:.6; }
.image-select__value { display:flex; align-items:center; gap:10px; flex:1; min-width:0; }
.image-select__texts { display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.image-select__name { font-size:.82rem; font-weight:600; }
.image-select__secondary { font-size:.69rem; color:var(--muted); font-weight:400; }
.image-select__trigger .image-select__name,.image-select__trigger .image-select__secondary { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.image-select__avatar { position:relative; display:grid; place-items:center; flex:none; width:30px; height:30px; border:1px solid var(--line); border-radius:8px; background:var(--bh-primary-soft); color:var(--bh-primary); font-size:.79rem; font-weight:700; overflow:hidden; }
.image-select__avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:var(--white); opacity:0; }
.image-select__avatar.has-image img { opacity:1; }
.image-select__avatar.has-image .image-select__initial { visibility:hidden; }
.image-select__avatar--flag { width:22px; height:16px; border-radius:3px; }
.image-select__avatar--flag img { object-fit:cover; }
.image-select__chevron { width:7px; height:7px; border-right:1.5px solid var(--muted); border-bottom:1.5px solid var(--muted); transform:rotate(45deg); flex:none; margin:-4px 2px 0 5px; }
.image-select__trigger[aria-expanded="true"] .image-select__chevron { transform:rotate(225deg); margin-top:3px; }
.image-select__list { position:absolute; top:calc(100% + 7px); left:0; z-index:46; width:100%; min-width:0; max-height:320px; padding:5px; overflow-y:auto; overscroll-behavior:contain; border:1px solid var(--bh-border); border-radius:var(--bh-radius-lg); background:var(--bh-surface); box-shadow:var(--bh-shadow-md); }
.image-select.opens-up .image-select__list { top:auto; bottom:calc(100% + 7px); }
.image-select__option { display:flex; align-items:center; gap:10px; padding:9px; min-height:44px; border-radius:8px; cursor:pointer; line-height:1.35; overflow-wrap:anywhere; }
.image-select__option:hover,.image-select__option.is-highlighted { background:var(--bh-bg); }
.image-select__option[aria-selected="true"] { background:var(--bh-primary-soft); color:var(--bh-primary); }
.image-select__check { flex:none; color:var(--green); font-size:.85rem; visibility:hidden; margin-left:auto; }
.image-select__option[aria-selected="true"] .image-select__check { visibility:visible; }
.image-select--compact { width:auto; }
.image-select--compact .image-select__trigger { gap:5px; min-height:34px; width:auto; padding:7px 8px; box-shadow:none; }
.image-select--compact .image-select__value { gap:6px; }
.image-select--compact .image-select__name { font-size:.7rem; }
.image-select--compact .image-select__list { left:auto; right:0; width:190px; max-width:calc(100vw - 40px); }
.image-select--compact .image-select__list .image-select__name { font-size:.84rem; }
.workspace-switcher>.image-select { display:block; width:100%; max-width:400px; }
.workspace-switcher .image-select>select { width:100%; }
.language-switcher[aria-busy="true"] { opacity:.65; }
.menu-toggle { width:36px; height:36px; min-width:36px; min-height:36px; padding:7px; border:1px solid var(--bh-border); border-radius:var(--bh-radius-md); color:var(--bh-primary); background:var(--bh-primary-soft); box-shadow:none; flex-shrink:0; -webkit-tap-highlight-color:transparent; }
.menu-toggle svg { display:block; flex:none; }
.menu-toggle:hover,.menu-toggle[aria-expanded="true"] { color:var(--green); border-color:var(--bh-secondary-border); background:var(--bh-primary-soft); }

@media(max-width:800px) { .workspace-switcher>.image-select { max-width:none; } }
@media(forced-colors:active) { .image-select__option.is-highlighted { outline:1px solid Highlight; } .image-select__option[aria-selected="true"] { border:1px solid Highlight; } }

/* Human-requested image generation: align actions, wrap estimate on narrow screens. */
.image-action-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.image-generation-control{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;flex:1 1 220px;min-width:0}
.image-generation-control form{margin:0}
.image-generation-control .form-hint{flex:1 1 180px;margin:0;max-width:36rem}

/* Editorial calendar: status colours supplement visible labels, including mixed-status days. */

.calendar-legend { margin: 0 0 22px; }
.calendar-legend ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 8px 0 10px; padding: 0; }
.calendar-legend p { margin: 0; font-size: .84rem; }
.calendar-status { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 3px 7px; border: 1px solid var(--bh-state-edge); border-radius:var(--bh-radius-sm); background: var(--bh-state-bg); color: var(--bh-state-text); font-size: .75rem; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.calendar-status-dot { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: var(--bh-state-text); }
.panel.calendar-day { background: var(--bh-state-bg); border-color: var(--bh-state-edge); border-top-width: 4px; }
.calendar-day h2 { margin-bottom: 10px; }
.calendar-day-summary { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 10px; }
.calendar-empty { color: var(--bh-state-text); font-size: .8rem; margin: 14px 0 0; }
.calendar-event { background: var(--bh-surface); border: 1px solid var(--bh-state-edge); border-left: 4px solid var(--bh-state-edge); border-radius:var(--bh-radius-md); padding: 9px; margin-top: 8px; }
.calendar-event a:hover, .calendar-list a:hover { text-decoration: underline; }
.calendar-event .calendar-status { margin-top: 4px; }
.calendar-list td:first-child { border-left: 4px solid var(--bh-state-edge); }
.calendar-list td { background: var(--bh-state-bg); }

.review-intro{margin:4px 0 20px}.review-intro>p{margin-bottom:0;font-size:13px}

/* Shared confirmation dialog and compact Page context. */
.confirm-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:26px;border:1px solid var(--line);border-radius:18px;color:var(--ink);box-shadow:var(--bh-shadow-dialog)}.confirm-dialog::backdrop{background:var(--bh-backdrop)}.confirm-dialog h2{font-size:1.2rem;line-height:1.4}.confirm-dialog p{color:var(--muted);font-size:.9rem}.confirm-dialog .toolbar{justify-content:flex-end;margin-bottom:0}.content-page-picker{width:min(360px,100%);min-width:0}.content-page-picker>.image-select{display:block;width:100%}.content-page-picker .image-select__trigger{width:100%}@media(max-width:540px){.content-page-context{align-items:stretch}.content-page-picker{width:100%}}
@media(max-width:800px){}

/* Workspace dashboard: layout and composition using shared theme components. */
.operational-dashboard { display:grid; gap:var(--bh-space-6); min-width:0; overflow-wrap:anywhere; }
.operational-dashboard .panel { margin:0; min-width:0; }
.dash-header,.dash-card-heading { display:flex; justify-content:space-between; align-items:center; gap:var(--bh-space-4); flex-wrap:wrap; }
.dash-header p { margin:0; font-size:var(--bh-text-meta); }
.dash-header>div { min-width:0; }
.dash-filters,.dash-budget-filter { display:flex; align-items:flex-end; gap:var(--bh-space-2); flex-wrap:wrap; min-width:0; }
.dash-filters label,.dash-budget-filter label { display:grid; gap:var(--bh-space-1); min-width:0; max-width:100%; font-size:var(--bh-text-meta); font-weight:500; }
.dash-filters select,.dash-budget-filter select { width:100%; }
.dash-filters label:first-child { width:190px; }
.dash-kpis { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--bh-space-3); }
.panel.dash-kpi { padding:var(--bh-space-4); display:flex; flex-direction:column; min-height:156px; }
.dash-kpi a { display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; }
.dash-kpi-label { display:block; color:var(--bh-text-muted); font-size:11px; text-transform:uppercase; font-weight:650; letter-spacing:.06em; }
.dash-kpi-value { display:block; font-size:var(--bh-text-number); font-weight:700; line-height:1.2; letter-spacing:-.025em; margin:var(--bh-space-3) 0; font-variant-numeric:tabular-nums; }
.dash-kpi-unit { display:block; margin-top:var(--bh-space-1); font-size:var(--bh-text-meta); line-height:1.4; font-weight:400; letter-spacing:0; color:var(--bh-text-muted); }
.dash-kpi small { display:block; margin-top:auto; color:var(--bh-text-muted); font-size:var(--bh-text-sm); line-height:1.5; }
.dash-kpi:has(a):hover { border-color:var(--bh-secondary-border); }
.dash-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--bh-space-6); align-items:start; }
.dash-grid h2 { margin:0 0 var(--bh-space-4); }
.dash-card-heading { margin-bottom:var(--bh-space-4); }
.dash-card-heading h2 { margin-bottom:0; }
.dash-card-heading a,.dash-health a { font-size:var(--bh-text-meta); }
.dash-wide { grid-column:1/-1; }
.dash-pipelines { display:grid; gap:var(--bh-space-4); }
.dash-pipeline { border-bottom:1px solid var(--bh-border); padding-bottom:var(--bh-space-4); }
.dash-pipeline .dash-card-heading { gap:var(--bh-space-2); margin-bottom:var(--bh-space-2); }
.dash-pipeline p { margin:0 0 var(--bh-space-4); color:var(--bh-text-muted); font-size:var(--bh-text-meta); }
.dash-steps { list-style:none; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--bh-space-2); font-size:var(--bh-text-sm); line-height:1.5; margin:0; }
.dash-steps li { position:relative; min-width:0; color:var(--bh-text-muted); }
.dash-steps li:not(:last-child)::after { content:""; position:absolute; top:13px; left:36px; right:0; height:1px; background:var(--bh-border); }
.dash-step-marker { display:grid; place-items:center; width:28px; height:28px; margin-bottom:var(--bh-space-2); border:1px solid var(--bh-border-strong); border-radius:50%; background:var(--bh-surface); font-size:var(--bh-text-sm); }
.dash-steps .is-done { color:var(--bh-primary); }
.dash-steps .is-done .dash-step-marker { background:var(--bh-primary-soft); color:var(--bh-primary); border-color:var(--bh-secondary-border); }
.dash-steps .is-done::after { background:var(--bh-secondary-border); }
.dash-steps .is-current { font-weight:650; color:var(--bh-primary); }
.dash-steps .is-current .dash-step-marker { background:var(--bh-primary); border-color:var(--bh-primary); color:var(--bh-surface); }
.dash-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--bh-space-4); margin:var(--bh-space-4) 0; }
.dash-summary>div { min-width:0; }
.dash-summary dt { font-size:var(--bh-text-sm); color:var(--bh-text-muted); margin-bottom:var(--bh-space-1); }
.dash-summary dd { margin:0; font-size:17px; font-weight:650; font-variant-numeric:tabular-nums; }
.dash-progress .dash-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }
.dash-progress .dash-summary dd { font-size:var(--bh-text-body); }
.dash-progress .dash-summary>div:last-child dd { font-size:24px; line-height:1.2; }
.dash-progress>p:last-child { margin-bottom:0; font-size:var(--bh-text-sm); }
.dash-action { display:grid; grid-template-columns:8px minmax(0,1fr) auto; align-items:center; gap:var(--bh-space-3); padding:var(--bh-space-4) 0; border-top:1px solid var(--bh-border); }
.dash-action::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--bh-success); align-self:start; margin-top:6px; }
.dash-action:is([data-content-action="MEDIA_REQUIRED"],[data-content-action="AUTHORIZATION_REQUIRED"],[data-content-action="PUBLISH_PERMISSION_REQUIRED"])::before { background:var(--bh-warning); }
.dash-action:is([data-content-action="PAGE_RECONNECT"],[data-content-action="ADMIN_ASSISTANCE_REQUIRED"])::before { background:var(--bh-danger); }
.dash-action:first-of-type { border-top:0; padding-top:0; }
.dash-action:last-of-type { padding-bottom:0; }
.dash-action-copy { min-width:0; }
.dash-action-copy>strong { font-size:var(--bh-text-meta); font-weight:600; }
.dash-action p { margin:var(--bh-space-1) 0 0; color:var(--bh-text-muted); }
.dash-action>.button,.dash-action>form { max-width:180px; }
.dash-empty-actions { padding:var(--bh-space-4) 0; color:var(--bh-success); }
.dash-budget-bar { display:block; width:100%; height:8px; accent-color:var(--bh-accent); border:0; border-radius:var(--bh-radius-sm); overflow:hidden; background:var(--bh-bg); }
.dash-budget-bar::-webkit-progress-bar { background:var(--bh-bg); }
.dash-budget-bar::-webkit-progress-value { background:var(--bh-accent); }
.dash-budget-bar::-moz-progress-bar { background:var(--bh-accent); }
.dash-budget-filter { margin:var(--bh-space-6) 0 var(--bh-space-3); }
.dash-breakdown { margin:var(--bh-space-4) 0 0; }
.dash-breakdown>div { display:flex; justify-content:space-between; gap:var(--bh-space-4); padding:var(--bh-space-2) 0; border-bottom:1px solid var(--bh-border); font-size:var(--bh-text-meta); }
.dash-breakdown dd { margin:0; text-align:right; font-variant-numeric:tabular-nums; }
.dash-health { margin:0; }
.dash-health>div { display:grid; grid-template-columns:minmax(90px,1fr) minmax(0,2fr); gap:var(--bh-space-4); padding:var(--bh-space-4) 0; border-top:1px solid var(--bh-border); }
.dash-health>div:first-child { border-top:0; padding-top:0; }
.dash-health dt { font-weight:600; }
.dash-health dd { margin:0; }
.dash-health p { font-size:var(--bh-text-meta); line-height:1.6; margin:var(--bh-space-2) 0; }
.dash-page-issues { padding-left:var(--bh-space-4); font-size:var(--bh-text-sm); color:var(--bh-text-muted); }
.dash-table-head,.dash-upcoming-row { display:grid; grid-template-columns:1.2fr 1fr 2fr 1fr .65fr; gap:var(--bh-space-4); align-items:center; padding:var(--bh-space-4) 0; border-bottom:1px solid var(--bh-border); font-size:var(--bh-text-meta); }
.dash-table-head { font-size:var(--bh-text-sm); color:var(--bh-text-muted); }
.dash-upcoming-row>* { min-width:0; }
.dash-upcoming-row strong { font-weight:550; }
.dash-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:var(--bh-space-3); margin:var(--bh-space-6) 0; }
.dash-metrics>div { padding:var(--bh-space-4); background:var(--bh-bg); border-radius:var(--bh-radius-md); }
.dash-metrics span,.dash-metrics small { display:block; font-size:var(--bh-text-sm); color:var(--bh-text-muted); }
.dash-metrics strong { display:block; font-size:var(--bh-text-number); margin:var(--bh-space-2) 0; }
.dash-comparison { border-top:1px solid var(--bh-border); margin:var(--bh-space-6) 0; padding-top:var(--bh-space-3); }
.dash-comparison h3 { font-size:var(--bh-text-body); }
.dash-comparison p { font-size:var(--bh-text-meta); }
.dash-top-posts { list-style:none; padding:0; margin:0; display:grid; gap:var(--bh-space-4); }
.dash-top-posts li { display:flex; gap:var(--bh-space-4); align-items:flex-start; border-top:1px solid var(--bh-border); padding-top:var(--bh-space-4); }
.dash-top-posts img { flex:0 0 64px; object-fit:cover; border-radius:var(--bh-radius-md); }
.dash-top-posts li>div { min-width:0; }
.dash-top-posts p { margin:var(--bh-space-1) 0; }
.dash-top-posts small { color:var(--bh-text-muted); }
.dash-timeline { list-style:none; padding:0; margin:0; display:grid; gap:var(--bh-space-4); }
.dash-timeline li { display:grid; grid-template-columns:150px minmax(0,1fr); gap:var(--bh-space-4); border-left:2px solid var(--bh-border-strong); padding-left:var(--bh-space-4); font-size:var(--bh-text-meta); }
.dash-timeline time { color:var(--bh-text-muted); }
.dash-timeline p { margin:var(--bh-space-1) 0; }
.dash-empty { padding:var(--bh-space-6); color:var(--bh-text-muted); }
@media(max-width:1200px) { .dash-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); } .dash-action { grid-template-columns:8px minmax(0,1fr); } .dash-action>.button,.dash-action>form { grid-column:2; justify-self:start; max-width:100%; } }
@media(max-width:1000px) { .dash-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:760px) {
    .dash-kpis,.dash-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .dash-header { align-items:stretch; } .dash-filters { width:100%; } .dash-filters label:first-child { flex:1 1 140px; width:auto; }
    .dash-table-head { display:none; } .dash-upcoming-row { grid-template-columns:minmax(0,1fr); gap:var(--bh-space-2); } .dash-upcoming-row time { font-weight:650; }
    .dash-timeline li { grid-template-columns:minmax(0,1fr); gap:var(--bh-space-2); }
}
@media(max-width:540px) {
    .operational-dashboard { gap:var(--bh-space-4); } .operational-dashboard .panel { padding:var(--bh-space-4); } .dash-grid { gap:var(--bh-space-4); }
    .dash-progress .dash-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } .dash-progress .dash-summary>div:last-child { grid-column:1/-1; }
    .dash-steps { grid-template-columns:minmax(0,1fr); gap:var(--bh-space-3); }
    .dash-steps li { display:flex; align-items:center; gap:var(--bh-space-2); }
    .dash-step-marker { flex:none; margin:0; }
    .dash-steps li:not(:last-child)::after { top:32px; bottom:-8px; left:13px; width:1px; height:auto; }
}
@media(max-width:390px) {
    .dash-kpis,.dash-summary,.dash-metrics { grid-template-columns:minmax(0,1fr); }
    .panel.dash-kpi { min-height:140px; } .dash-health>div { grid-template-columns:minmax(0,1fr); gap:var(--bh-space-2); }
    .dash-breakdown>div { flex-wrap:wrap; } .dash-breakdown dd { text-align:left; } .dash-filters label { flex:1 1 100%; } .dash-top-posts li { flex-wrap:wrap; }
}

/* Organization operations shares D2 cards and switches context through the existing form. */
.org-scope-note{margin:0;font-size:13px}.org-workspaces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.org-workspace{scroll-margin-top:24px}.org-workspace h3{margin:0}.org-workspace-name{border:0;background:none;color:var(--bh-primary);font:inherit;font-size:21px;font-weight:650;text-align:left;padding:0;cursor:pointer;overflow-wrap:anywhere;max-width:100%}.org-workspace-name:hover{text-decoration:underline}.org-workspace-name:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:3px}
.org-workspace>p{font-size:12px;margin:8px 0}.org-workspace-stats{margin:20px 0}.org-workspace-stats dd{font-size:16px}.org-workspace-budget{border-top:1px solid var(--bh-border);padding-top:16px}.org-workspace-budget h4{margin:0}.org-warning{color:var(--bh-warning-text)}.org-card-alerts{font-size:13px;line-height:1.6;padding-left:20px;color:var(--bh-warning-text);margin-bottom:0}
.org-alerts{margin:0;padding:0;list-style:none;display:grid;gap:0;max-height:440px;overflow-y:auto}.org-alerts li{border-top:1px solid var(--bh-border)}.org-alerts a{display:block;padding:12px 0;text-decoration:none;color:inherit}.org-alerts a:hover strong{text-decoration:underline}.org-alerts span{display:block;font-size:13px;margin-top:4px;color:var(--bh-warning-text)}.organization-operations .dash-grid>section>p{font-size:13px}
@media(max-width:900px){.org-workspaces{grid-template-columns:minmax(0,1fr)}}

/* One canonical post list/editor, shared by AI and manual creation. */
.post-workspace{display:grid;gap:20px;min-width:0;overflow-wrap:anywhere}.post-workspace .panel{margin:0;min-width:0}.post-editor-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}.post-editor-grid textarea,.post-editor-grid input,.post-editor-grid select{max-width:100%;min-width:0}.post-workspace .details{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.post-workspace .simple-post-image{max-width:100%;height:auto;max-height:420px;object-fit:contain}.post-list{display:grid;gap:12px}.post-list-row{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(140px,180px);gap:20px;align-items:center;margin:0}.post-list-picture{display:flex;align-items:center;justify-content:center;background:var(--bh-bg);width:80px;height:80px;border-radius:var(--bh-radius-md);overflow:hidden}.post-list-picture img{width:100%;height:100%;object-fit:cover}.post-list-title{font-weight:650}.post-list-copy{min-width:0;overflow-wrap:anywhere}.post-list-copy p{font-size:13px;margin:6px 0}.post-list-copy small{color:var(--muted)}
@media(max-width:900px){.post-editor-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:540px){.post-list-row{grid-template-columns:60px minmax(0,1fr);gap:12px;padding:16px}.post-list-picture{width:60px;height:60px}.post-list-row>div:last-child{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.post-workspace .panel{padding:16px}.post-workspace .details{grid-template-columns:minmax(0,1fr)}.post-workspace .simple-assets{grid-template-columns:minmax(0,1fr)}}

/* Status stays readable without color; shared, low-contrast surfaces distinguish rows. */
.post-list-row{background:var(--bh-state-bg,var(--bh-surface));border-inline-start:4px solid var(--bh-state-edge,var(--bh-border-strong))}

.post-row-actions{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:8px;max-width:100%}.post-row-actions form{margin:0;max-width:100%}.post-row-actions .button{gap:6px;white-space:normal;text-align:start;min-height:36px}.post-list-status p{margin:8px 0 0}.post-list-row{row-gap:12px}
.post-removal{max-width:760px;overflow-wrap:anywhere}.post-removal blockquote{margin:16px 0;padding:12px;border-inline-start:3px solid var(--bh-border-strong)}.post-removal .toolbar{margin-top:16px}
@media(max-width:540px){.post-row-actions{grid-column:1/-1}.post-list-row>.post-list-status{grid-column:1/-1;display:flex;gap:10px;align-items:center}.post-list-status p{margin:0}.post-row-actions .button{font-size:.75rem}}

/* Writing guidance and compare-before-use candidates share the post editor's flow. */
.post-rewrite {border-top:1px solid var(--bh-border);margin-top:1.5rem;padding-top:1rem;min-width:0}
.writing-chips {display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1/-1}
.writing-chips label {cursor:pointer;position:relative;max-width:100%}
.writing-chips input {position:absolute;opacity:0;width:1px;height:1px}
.writing-chips span {display:block;padding:.45rem .75rem;border:1px solid var(--bh-border-strong);border-radius:20px;background:var(--bh-bg);color:var(--bh-text)}
.writing-chips input:checked+span {background:var(--bh-primary-soft);border-color:var(--bh-primary);color:var(--bh-primary)}
.writing-chips input:focus-visible+span {outline:2px solid var(--bh-primary-hover);outline-offset:2px}
#writing-guidance {scroll-margin-top:5rem}
@media(max-width:600px){.post-rewrite .actions{flex-wrap:wrap}}

/* Shared decorative SVGs use labels from their surrounding links and buttons. */
.ui-icon{display:inline-block;vertical-align:middle;flex:none;width:18px;height:18px}
.sidebar .nav-link{display:flex;align-items:center;gap:10px}.nav-link>span{min-width:0}
.confirm-dialog .confirm-context{padding:12px;background:var(--paper);border-radius:8px;color:var(--ink);overflow-wrap:anywhere;white-space:pre-line}
.confirm-dialog .confirm-context[hidden]{display:none}

#post-review,#system-ai-settings{scroll-margin-top:90px}
.post-editor-grid>#post-media .simple-assets{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}

/* Multiple photos share the canonical caption, review and publisher. */
.post-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px;margin-bottom:20px}
.post-photo-grid>article,.photo-sort-preview{position:relative;min-width:0;overflow:hidden;border:1px solid var(--bh-border);border-radius:var(--bh-radius-md);background:var(--bh-surface)}.post-photo-grid .simple-post-image,.photo-sort-preview .simple-post-image{width:100%;height:190px;object-fit:contain;margin:0;border-radius:0;background:var(--bh-bg)}
#post-image-options>.compact-form,#post-image-options>details,#post-image-options>.image-pick-form{margin:20px 0;padding-top:16px;border-top:1px solid var(--bh-border)}
#post-image-results>.review-notice{margin:16px 0;padding:12px 16px;background:var(--bh-bg);overflow-wrap:anywhere}
.image-source .text-link{color:var(--green);font-weight:600}.image-source .text-link:hover{text-decoration-thickness:2px}
.image-choice{display:block;cursor:pointer}.image-choice>span{display:flex;align-items:center;gap:8px;padding:8px 0}.image-choice input{width:18px;height:18px;flex:none}
.image-choice:has(input:checked){outline:2px solid var(--bh-primary);outline-offset:4px;border-radius:var(--bh-radius-md)}.image-pick-form>.check-row{margin:16px 0}

#post-media .image-pick-form .simple-assets{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:12px}
#post-media .image-pick-form article{padding:12px}.image-pick-form .simple-assets img{height:130px}.image-pick-form .image-source p{margin:8px 0}.image-pick-form .image-source small{margin-bottom:0}

/* Post management: fixed columns, one row per post and always-visible actions. */
.post-table-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0 12px}.post-table-scroll{max-width:100%;border:1px solid var(--bh-border);border-radius:var(--bh-radius-lg);background:var(--bh-surface);overscroll-behavior-x:contain}.post-table-scroll:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.post-table{width:100%;min-width:1250px;border-collapse:separate;border-spacing:0;table-layout:fixed;margin:0}.post-table thead th{background:var(--bh-bg);padding:16px 14px;color:var(--text);font-size:12px;font-weight:650;vertical-align:middle;border-bottom:1px solid var(--bh-border);white-space:normal}.post-table th:first-child{width:440px}.post-table th:nth-child(2){width:155px}.post-table th:nth-child(3){width:130px}.post-table td{padding:18px 14px;border-bottom:1px solid var(--bh-border);vertical-align:top}.post-table tr:last-child td{border-bottom:0}.post-table .post-table-row{background:var(--bh-surface)}.post-table .post-table-row:hover{background:var(--bh-bg)}.post-table-content{display:flex;gap:14px;align-items:flex-start;min-width:0}.post-table .post-list-picture{flex:0 0 64px;width:64px;height:64px;border-radius:var(--bh-radius-sm);border:1px solid var(--bh-border);background:var(--bh-bg)}.post-table .post-list-copy{flex:1;min-width:0}.post-table .post-list-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text);font-size:14px;line-height:1.45;text-decoration:none}.post-table .post-list-title:hover{text-decoration:underline;color:var(--primary)}.post-table .post-list-meta{font-size:12px;line-height:1.5;color:var(--muted);margin:7px 0 10px}.post-table .post-row-actions{gap:6px;display:flex;flex-wrap:wrap}.post-table .post-row-actions .button{font-size:12px;padding:5px 7px;min-height:30px;gap:4px;border-radius:var(--bh-radius-sm)}.post-table .post-row-actions .ui-icon{width:13px;height:13px}.post-table .post-date{font-size:13px;line-height:1.6;white-space:normal;font-variant-numeric:tabular-nums}.post-table .post-number{text-align:right;font-variant-numeric:tabular-nums;font-size:13px;line-height:1.5}.post-table .post-list-status .badge{color:var(--bh-state-text,var(--bh-text-muted));background:var(--bh-state-bg,var(--bh-bg));white-space:normal;font-size:11px;line-height:1.5;border-radius:var(--bh-radius-sm)}.post-table .post-empty{padding:32px 20px;color:var(--muted);text-align:center}
@media(min-width:1000px){.post-table .post-content-column{position:sticky;left:0;z-index:1;background:var(--bh-surface);border-right:1px solid var(--bh-border)}.post-table thead .post-content-column{background:var(--bh-bg);z-index:2}.post-table-row:hover .post-content-column{background:var(--bh-bg)}}
@media(max-width:700px){.post-table{min-width:1100px}.post-table th:first-child{width:min(320px,calc(100vw - 32px))}.post-table .post-list-picture{flex-basis:48px;width:48px;height:48px}.post-table-content{gap:10px}.post-table td,.post-table thead th{padding:14px 10px}.post-table-heading{margin-top:16px}}
/* Compact post rows: destructive actions are revealed deliberately. */
.post-more{position:relative;flex:0 0 auto}.post-more>summary{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;min-width:32px}.post-more>summary::-webkit-details-marker{display:none}.post-more-options{position:absolute;bottom:calc(100% + 6px);left:0;z-index:10;width:210px;padding:6px;border:1px solid var(--border);border-radius:var(--bh-radius-md);background:var(--bh-surface);box-shadow:var(--bh-shadow-md)}.post-table .post-more-options form{display:block}.post-table .post-more-options .button{width:100%;justify-content:flex-start;border:0;font-size:12px;padding:10px 8px}.post-table-row:has(.post-more[open]) .post-content-column{z-index:5}.post-more-options .button:hover{background:var(--bh-bg)}.post-table .post-list-picture{flex-basis:48px;width:48px;height:48px}.post-table-content{gap:10px}
@media(min-width:1000px){.post-table-scroll{overflow:visible}.post-table{min-width:0;width:100%}.post-table th:first-child{width:32%}.post-table th:nth-child(2){width:14%}.post-table th:nth-child(3){width:10%}.post-table th:nth-child(n+4){width:8.8%}.post-table th,.post-table td{padding:14px 8px;overflow-wrap:anywhere}.post-table .post-number{font-size:12px}.post-table .post-content-column{position:relative;left:auto}.post-table .post-list-title{font-size:13px}.post-table .post-list-meta{font-size:11px}.post-table .post-date{font-size:12px}.post-table .post-list-picture{flex-basis:42px;width:42px;height:42px}.post-table-content{gap:8px}}
.manual-compose{display:grid;gap:18px;max-width:980px}.manual-compose .field{margin:0}.manual-compose textarea{min-height:220px}.manual-compose .form-hint{margin:0}.compose-photos{border-top:1px solid var(--border);padding-top:18px;display:grid;gap:12px}.compose-photos h2{margin:0;font-size:18px}.compose-previews{display:flex;flex-wrap:wrap;gap:10px}.compose-previews img{width:100px;height:100px;object-fit:cover;border-radius:var(--bh-radius-md)}.compose-library{max-height:360px;overflow:auto;margin-top:12px}.compose-library .image-choice{padding:10px;border:1px solid var(--border);border-radius:var(--bh-radius-md)}.compose-library img{width:100%;height:120px;object-fit:cover}.compose-schedule{max-width:330px}.compose-actions{border-top:1px solid var(--border);padding-top:18px;margin:0;flex-wrap:wrap}

/* Shared AI async state; no fabricated percentage or blocking overlay. */
.ai-progress { margin: 0 0 12px; padding: 12px 14px; border-left: 3px solid var(--bh-info); background: var(--bh-info-soft); }
.ai-progress p { margin: 6px 0 0; }
.ai-progress[data-ai-state="failed"],.ai-progress[data-ai-state="uncertain"] { border-left-color: var(--bh-warning); background: var(--bh-warning-soft); }
.async-result { margin-block: 18px; }
[data-ai-command-state] { margin: 10px 0; }
[data-live-conflict] { margin-block: 12px; }
[data-saved-preview] { margin-top: 12px; padding: 12px; border: 1px solid var(--bh-border); max-height: 32rem; overflow: auto; }

/* Shared engagement read model: short filters, bounded cards and a two-column conversation. */
.engagement-filters .field{flex:1 1 145px;min-width:120px;max-width:220px}.engagement-counters{display:flex;gap:1.4rem;flex-wrap:wrap;padding:1rem 0;color:var(--bh-text-muted)}.engagement-counters strong{color:var(--bh-text);font-size:1.15rem}.engagement-list{border:1px solid var(--bh-border);border-radius:var(--bh-radius-lg);overflow:hidden;background:var(--bh-surface)}.engagement-item{display:flex;gap:14px;padding:20px;border-bottom:1px solid var(--bh-border);align-items:flex-start}.engagement-item:last-child{border-bottom:0}.engagement-item.is-unread{background:var(--bh-primary-faint);border-left:3px solid var(--bh-primary);padding-left:17px}.engagement-avatar{position:relative;overflow:hidden;width:38px;flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--bh-primary-soft);color:var(--bh-primary);font-weight:700}.engagement-copy{min-width:0;flex:1}.engagement-item-meta{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:.85rem;color:var(--bh-text-muted)}.engagement-item-meta strong{color:var(--bh-text)}.engagement-item-meta time{margin-left:auto}.engagement-message{display:block;color:var(--bh-text);margin:9px 0;line-height:1.55;text-decoration:none;overflow-wrap:anywhere}.engagement-message:is(a):hover{text-decoration:underline;color:var(--bh-primary)}.engagement-labels{display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:.78rem;color:var(--bh-text-muted)}.engagement-label{padding:3px 7px;border-radius:5px;background:var(--bh-bg);color:var(--bh-text-muted)}.engagement-label.is-risk{background:var(--bh-danger-soft);color:var(--bh-danger-text)}.engagement-assignee{display:flex;align-items:center;gap:6px;flex:0 0 140px;font-size:.8rem;color:var(--bh-text-muted)}.engagement-assignee svg{width:17px}.engagement-pagination{margin-top:18px}.engagement-detail{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.engagement-detail .panel{margin-bottom:18px}.engagement-detail .panel h2{font-size:1.12rem}.engagement-detail textarea{width:100%}.engagement-side form+form{margin-top:18px}.engagement-history,.engagement-reply{border-bottom:1px solid var(--bh-border);padding:12px 0;overflow-wrap:anywhere}.engagement-history small,.engagement-time{display:block;color:var(--bh-text-muted);font-size:.76rem}.engagement-detail blockquote{border-left:3px solid var(--bh-border-strong);background:var(--bh-bg);padding:14px;margin:18px 0}.engagement-detail aside .toolbar{gap:6px}.engagement-main,.engagement-side{min-width:0}.engagement-detail p{overflow-wrap:anywhere}@media(max-width:1000px){.engagement-detail{grid-template-columns:minmax(0,1fr)}.engagement-assignee{flex-basis:105px}.engagement-item{padding:16px}}@media(max-width:600px){.engagement-item{flex-wrap:wrap;gap:9px}.engagement-avatar{display:none}.engagement-assignee{flex-basis:100%;justify-content:flex-end}.engagement-item-meta{gap:5px 10px}.engagement-item-meta time{width:100%;margin:0}.engagement-filters .field{max-width:none}.engagement-counters{gap:10px 16px}}

/* Unified Inbox uses the shared shell, controls and event connection. */
.inbox-app{display:grid;grid-template-columns:minmax(220px,27%) minmax(300px,1fr) minmax(250px,28%);min-height:640px;height:calc(100dvh - 220px);max-height:1100px;border:1px solid var(--bh-border);border-radius:var(--bh-radius-lg);background:var(--bh-surface);overflow:hidden}
.inbox-app :where(aside,section,header,form,div){min-width:0}.inbox-list-panel{display:flex;flex-direction:column;border-right:1px solid var(--bh-border);overflow:auto}.inbox-filter-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;padding:14px;border-bottom:1px solid var(--bh-border);align-items:center}.inbox-filters{display:contents}.inbox-filters input[type=search]{grid-column:1/-1}.inbox-filters :is(input,select){width:100%;min-width:0}.inbox-filters .button{padding:8px}.inbox-item{display:flex;gap:10px;padding:15px 12px;text-decoration:none;color:inherit;border-bottom:1px solid var(--bh-border)}.inbox-item:hover,.inbox-item[aria-current=page]{background:var(--bh-primary-soft)}.inbox-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--bh-primary-soft);color:var(--bh-primary);font-weight:700}.inbox-item-body{min-width:0;flex:1}.inbox-item-heading{display:flex;gap:6px;flex-wrap:wrap;justify-content:space-between}.inbox-item-heading time{font-size:10px;color:var(--bh-text-muted)}.inbox-snippet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;margin:5px 0;overflow-wrap:anywhere}.inbox-item-meta{display:flex;flex-wrap:wrap;gap:5px;color:var(--bh-text-muted);font-size:11px}.inbox-item-meta>span:not(.badge){max-width:100%;overflow:hidden;text-overflow:ellipsis}.inbox-thread{display:flex;flex-direction:column;min-height:0}.inbox-thread header{border-bottom:1px solid var(--bh-border);padding:14px}.inbox-conversation-heading{display:flex;align-items:center;gap:10px;justify-content:space-between}.inbox-conversation-heading h2{font-size:18px;margin:0 0 4px}.inbox-awareness{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:11px;color:var(--bh-text-muted)}.inbox-workflow{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.inbox-workflow form{display:flex;gap:4px}.inbox-workflow select{max-width:125px;font-size:12px;padding:6px}.inbox-workflow .button{padding:6px 8px;font-size:12px}.inbox-messages{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:18px;background:var(--bh-bg);overflow-anchor:none}.inbox-message{max-width:85%;width:fit-content;margin:0 0 16px;overflow-wrap:anywhere}.inbox-message.is-outgoing{margin-left:auto}.inbox-bubble{border:1px solid var(--bh-border);background:var(--bh-surface);border-radius:var(--bh-radius-lg) 14px 14px 2px;padding:10px 13px}.is-outgoing .inbox-bubble{background:var(--bh-primary-soft);border-color:var(--bh-secondary-border);border-radius:var(--bh-radius-lg) 14px 2px 14px}.inbox-bubble p{margin:0;white-space:normal;font-size:14px;line-height:1.6}.inbox-bubble img{display:block;max-width:260px;width:100%;height:auto;border-radius:var(--bh-radius-md);margin:5px 0}.inbox-message-meta{display:block;color:var(--bh-text-muted);font-size:10px;margin-top:4px}.inbox-message.is-outgoing .inbox-message-meta{text-align:right}.inbox-media-placeholder{display:flex;gap:8px;color:var(--bh-text-muted)}.inbox-composer{border-top:1px solid var(--bh-border);padding:12px}.inbox-composer>p{font-size:12px;margin:0 0 7px}.inbox-composer textarea{width:100%;resize:vertical;max-height:180px}.inbox-composer-actions{display:flex;gap:8px;align-items:center;margin:8px 0}.inbox-composer-actions input[type=file]{max-width:180px;font-size:11px}.inbox-composer-actions button{margin-left:auto}.inbox-context{overflow:auto;border-left:1px solid var(--bh-border);padding:16px;font-size:13px}.inbox-context h3{font-size:15px;margin:0 0 12px;display:flex;align-items:center;gap:6px}.inbox-context section,.inbox-context details{padding-top:18px;margin-top:18px;border-top:1px solid var(--bh-border)}.inbox-context textarea,.inbox-context input{width:100%;margin-bottom:8px}.inbox-context label{display:block;font-size:12px;margin:8px 0 5px}.inbox-contact-facts{display:grid;grid-template-columns:auto 1fr;gap:5px;font-size:11px;color:var(--bh-text-muted)}.inbox-contact-facts dd{margin:0;text-align:right}.inbox-ai-actions,.inbox-labels{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.inbox-ai-actions .button{font-size:12px;padding:7px}.inbox-activity{border-left:2px solid var(--bh-border-strong);padding-left:10px;margin-top:14px}.inbox-activity p{margin:4px 0}.inbox-activity small{color:var(--bh-text-muted);font-size:10px}.inbox-welcome{grid-column:2/-1;display:grid;place-items:center;text-align:center;padding:24px;color:var(--bh-text-muted)}.inbox-welcome>div{max-width:400px}.inbox-welcome h2{color:var(--bh-text)}.inbox-back,.inbox-details-toggle,.inbox-details-close{display:none}.inbox-new-message{align-self:center}.inbox-empty{padding:16px}.inbox-context summary{cursor:pointer;font-weight:600}.inbox-message .notice{font-size:12px}.inbox-app [hidden]{display:none!important}
@media(max-width:1200px){.inbox-app{grid-template-columns:235px minmax(250px,1fr)}.inbox-context{display:none}.inbox-details-toggle{display:inline-flex}.inbox-app.show-details .inbox-context{display:block;position:fixed;inset:70px 0 0 auto;width:min(420px,94vw);z-index:55;background:var(--bh-surface);box-shadow:var(--bh-shadow-drawer)}.inbox-details-close{display:inline-flex;margin-bottom:16px}.inbox-app.show-details:before{content:"";position:fixed;inset:0;background:var(--bh-backdrop);z-index:54}.inbox-welcome{grid-column:2}}
@media(max-width:760px){.inbox-app{display:block;height:calc(100dvh - 165px);min-height:520px}.inbox-list-panel{height:100%;border:0}.inbox-app.has-conversation .inbox-list-panel{display:none}.inbox-app:not(.has-conversation) .inbox-welcome{display:none}.inbox-thread{height:100%}.inbox-back{display:inline-flex;padding:6px!important;font-size:11px!important}.inbox-conversation-heading h2{font-size:16px}.inbox-thread header{padding:10px}.inbox-message{max-width:90%}.inbox-composer-actions{flex-wrap:wrap}.inbox-composer-actions input[type=file]{max-width:135px}.inbox-details-toggle{font-size:11px!important;padding:6px!important}.inbox-composer{padding:10px}.inbox-awareness{font-size:10px}.inbox-workflow{gap:5px}.inbox-workflow select{max-width:100px}.inbox-workflow .button{font-size:11px}.inbox-messages{padding:12px}.inbox-contact-facts{grid-template-columns:1fr 1fr}}

.inbox-filters input[type=search],.inbox-context input:not([type=hidden]){min-height:38px}.inbox-thread>header,.inbox-composer{flex-shrink:0}

/* Shared live product picker. */
.product-picker{margin:16px 0;padding:12px;border:1px solid var(--bh-border);border-radius:var(--bh-radius-md);grid-column:1/-1;min-width:0}.product-picker summary{cursor:pointer;font-weight:600}.product-search{display:flex;gap:8px;margin-top:12px}.product-search input{flex:1;min-width:0}.product-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:10px;max-height:440px;overflow:auto}.product-result{display:grid;grid-template-columns:56px 1fr;gap:10px;padding:10px;border:1px solid var(--bh-border);border-radius:var(--bh-radius-md);min-width:0}.product-result strong,.product-result small{display:block;overflow-wrap:anywhere}.product-result p{margin:4px 0}.product-result button{grid-column:2;justify-self:start}.product-thumb{width:56px;height:56px;display:grid;place-items:center;background:var(--bh-bg);border-radius:var(--bh-radius-sm);overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-selected{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.product-picker [hidden]{display:none!important}

[data-connector-form] [hidden] { display:none!important; }
.guide-topics { margin-bottom:24px; }
.user-guide pre { max-width:100%; overflow:auto; padding:18px; border:1px solid var(--bh-border); border-radius:var(--bh-radius-md); background:var(--bh-bg); color:var(--bh-text); font-size:.82rem; line-height:1.6; tab-size:2; }
.user-guide pre code { padding:0; background:none; border-radius:0; overflow-wrap:normal; }
@media(prefers-reduced-motion:no-preference) { :is(.button,.btn-primary,.btn-secondary,.btn-soft,.btn-danger,.btn-link) { transition:background-color .15s,border-color .15s,color .15s; } }

/* Connection choices belong to the list, with no technical template editor. */
.alert.success { background:var(--bh-success-soft); border-color:var(--bh-success-border); color:var(--bh-success-text); }
.connector-intro { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.connector-intro p { margin-bottom:6px; }
.connector-intro>a { flex-shrink:0; }
.connector-list .connector-table { min-width:0; table-layout:fixed; }
.connector-table th:nth-child(1) { width:16%; }
.connector-table th:nth-child(2) { width:22%; }
.connector-table th:nth-child(3) { width:21%; }
.connector-table th:nth-child(4) { width:12%; }
.connector-table th:nth-child(5) { width:10%; }
.connector-table th:nth-child(6) { width:19%; }
.connector-list .connector-table td { min-width:0; vertical-align:top; }
.connector-selected { display:block; width:fit-content; max-width:100%; margin-top:8px; padding:4px 8px; border:1px solid var(--action-border); border-radius:12px; font-size:.75rem; line-height:1.4; color:var(--action-hover); background:var(--action-soft); white-space:normal; }
.connector-check-time { display:block; margin-top:6px; }
.connector-actions .inline-form { min-width:0; gap:6px; }
.connector-actions .button { font-size:.78rem; padding:7px 9px; min-height:34px; }
.connector-actions [data-connection-select] { flex-basis:100%; }
@media(max-width:1000px) {
    .connector-list { border:0; background:transparent; overflow:visible; }
    .connector-table,.connector-table tbody { display:block; }
    .connector-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
    .connector-table tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; padding:18px; margin-bottom:14px; background:var(--bh-surface); border:1px solid var(--line); border-radius:var(--radius); }
    .connector-table td { display:block; padding:0; border:0; max-width:none; }
    .connector-table .connector-name,.connector-table .connector-url,.connector-table .connector-actions,.connector-table td[colspan] { grid-column:1/-1; }
    .connector-table [data-label]::before { content:attr(data-label); display:block; margin-bottom:4px; color:var(--muted); font-size:.75rem; font-weight:600; }
    .connector-actions [data-connection-select] { flex-basis:auto; }
}
/* Product images stay separate from the main post text. */
.product-photo-picker h2{font-size:1.05rem;margin:0}.product-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:6px 0;font-size:.875rem;font-weight:700}.product-code{color:var(--bh-primary)}.product-price{color:var(--bh-primary)}.product-photo-picker .product-selected{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}.product-photo{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;padding:12px;background:var(--bh-bg);border:1px solid var(--bh-border);border-radius:var(--bh-radius-md)}.product-photo img{width:88px;height:88px;object-fit:cover;border-radius:var(--bh-radius-sm)}.photo-caption{white-space:pre-line;overflow-wrap:anywhere;margin:0 0 10px;font-size:.875rem;line-height:1.5}.post-photo-grid .photo-caption,.photo-sort-preview .photo-caption{padding:8px}

/* Comments share the Inbox pattern: independent list and post/thread scroll areas. */
.comments-app{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);height:calc(100dvh - 330px);min-height:520px;border:1px solid var(--bh-border);border-radius:var(--bh-radius-lg);overflow:hidden;background:var(--bh-surface)}
.comments-sidebar{overflow-y:auto;border-right:1px solid var(--bh-border);background:var(--bh-bg);min-width:0;padding:14px}
.comments-sidebar .engagement-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;background:none;border:0;box-shadow:none;margin:0}.comments-sidebar .engagement-filters .field{min-width:0;max-width:none;margin:0}.comments-sidebar input,.comments-sidebar select{width:100%;min-width:0;padding:9px;font-size:.82rem}.comments-sidebar label{font-size:.76rem}.comments-sidebar .engagement-counters{gap:8px 12px;font-size:.74rem;padding:14px 0}.comments-sidebar .engagement-counters strong{font-size:.9rem}
.comments-sidebar .engagement-item{padding:14px 12px;gap:9px;display:flex;flex-wrap:wrap;cursor:pointer;border-left:3px solid transparent}.comments-sidebar .engagement-item.is-selected{border-left-color:var(--bh-primary);background:var(--bh-primary-soft)}.comments-sidebar .engagement-avatar{flex-basis:28px;height:28px;font-size:.8rem}.comments-sidebar .engagement-item-meta{gap:3px 8px}.comments-sidebar .engagement-item-meta time{margin:0;display:block;width:100%;font-size:.7rem}.comments-sidebar .engagement-item-meta span{font-size:.72rem}.comments-sidebar .engagement-message{font-size:.86rem;margin:6px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.comments-sidebar .engagement-assignee{flex-basis:100%;justify-content:flex-end;font-size:.7rem}.comments-sidebar .engagement-labels{font-size:.68rem;gap:4px}.comments-sidebar .engagement-pagination .button{font-size:.8rem;padding:8px}
.comments-reader{overflow-y:auto;min-width:0;padding:22px;scroll-behavior:auto;position:relative;background:var(--bh-surface)}.comments-reader[aria-busy=true]{opacity:.65}.comments-placeholder{display:grid;place-content:center;text-align:center;min-height:300px;color:var(--muted)}.comments-reader .panel{padding:18px}.comment-post .toolbar{justify-content:space-between}.comment-post-content{display:flex;gap:18px;margin-top:15px;align-items:flex-start}.comment-post-image{width:140px;max-height:180px;object-fit:contain;border-radius:var(--bh-radius-md);background:var(--bh-bg)}.comment-post-content .post-message{max-height:220px;overflow:auto;flex:1;min-width:0;font-size:.92rem}.comment-thread-heading{display:flex;align-items:baseline;gap:15px;flex-wrap:wrap;margin:22px 0 12px}.comment-thread-heading h2{font-size:1.1rem;margin:0}.comment-thread-heading span{font-size:.8rem}
.comment-thread-row{border:1px solid var(--bh-border);border-radius:var(--bh-radius-lg);margin:12px 0;overflow:hidden;background:var(--bh-bg)}.comment-thread-row.is-reply{margin-left:22px}.comment-thread-row.is-selected{border:2px solid var(--bh-primary);background:var(--bh-surface);box-shadow:var(--bh-shadow-sm)}.comment-thread-link{display:block;padding:16px;text-decoration:none;color:var(--bh-text)}.comment-thread-link:hover{background:var(--bh-primary-soft);text-decoration:none}.comment-thread-link time{display:block;font-size:.76rem;color:var(--muted);margin-top:3px}.comment-thread-link p{white-space:normal;overflow-wrap:anywhere;margin:10px 0}.comment-open-label{font-size:.8rem;color:var(--bh-primary);font-weight:600}.comment-parent{padding:12px 18px;background:var(--bh-primary-soft);font-size:.8rem;overflow-wrap:anywhere}.comments-reader .engagement-detail{display:block}.comments-reader .engagement-detail .panel{border:0;box-shadow:none;border-radius:0;margin-bottom:0;border-bottom:1px solid var(--bh-border)}.comments-reader .engagement-side{padding:16px}.comments-reader .engagement-side>summary{font-size:.85rem;font-weight:600;cursor:pointer}.comments-reader .engagement-detail h2{margin-top:0}.comments-reader .engagement-detail .post-message{margin-bottom:14px}.comments-reader .engagement-main>.notice{margin:12px 18px}
@media(min-width:1500px){.comments-app{grid-template-columns:390px minmax(0,1fr)}}
@media(max-width:800px){.comments-app{grid-template-columns:minmax(200px,32%) minmax(0,1fr)}.comments-sidebar{padding:8px}.comments-sidebar .engagement-filters{grid-template-columns:1fr}.comments-reader{padding:10px}.comment-post-content{display:block}.comment-post-image{width:100%;max-height:200px;margin-bottom:10px}.comment-thread-row.is-reply{margin-left:8px}}
@media(max-width:560px){.comments-app{display:flex;flex-direction:column;height:auto;min-height:0}.comments-sidebar{max-height:400px;border-right:0;border-bottom:1px solid var(--bh-border)}.comments-sidebar .engagement-filters{grid-template-columns:1fr 1fr}.comments-reader{height:70dvh;min-height:420px}.comments-sidebar .engagement-avatar{display:none}}

.comments-reader{overflow:hidden}.comments-reader>[data-comment-thread]{height:100%;display:flex;flex-direction:column;min-height:0}.comments-reader .comment-post{flex:0 0 auto;max-height:220px;overflow:auto;margin:0 0 12px;border:1px solid var(--bh-border);border-radius:var(--bh-radius-lg)}.comment-post-content .post-message{max-height:125px}.comment-post-image{max-height:125px;width:110px}.comment-thread-scroll{overflow:auto;min-height:0;flex:1;padding-right:6px;scrollbar-gutter:stable}.comment-thread-heading{margin-top:4px}.comments-reader>[data-live-conflict]{flex:0 0 auto;max-height:100px;overflow:auto}.comments-reader{display:flex;flex-direction:column}.comments-reader>[data-comment-thread]{flex:1}
@media(max-width:560px){.comments-reader .comment-post{max-height:180px}.comment-post-content{display:flex}.comment-post-image{width:70px;max-height:90px}.comment-post-content .post-message{max-height:90px}.comments-reader .comment-post .toolbar{gap:8px}.comment-post .button{font-size:.72rem}}

.comments-filter-more{grid-column:1/-1;font-size:.8rem}.comments-filter-more summary{cursor:pointer;color:var(--bh-primary);font-weight:600;padding:6px 0}.comments-filter-extra{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:8px}.comments-sidebar .engagement-filters>button{grid-column:1/-1;padding:9px}.comments-reader .engagement-main>.panel:first-child{padding:14px}.comments-reader .engagement-main>.panel:first-child>h2{font-size:1rem;margin-bottom:6px}.comments-reader .engagement-main>.panel:first-child>p{font-size:.8rem;margin:7px 0}.comment-response-switch{margin:10px 0;gap:7px}.comment-ai-tools>summary{cursor:pointer;font-weight:600;font-size:.88rem}

/* Compact comment rows: identity/time, then workflow and assignment, then content. */
.comments-sidebar .engagement-item{flex-wrap:nowrap;gap:10px}
.comments-sidebar .engagement-avatar{display:grid;position:relative;flex:0 0 38px;width:38px;height:38px;border-radius:var(--bh-radius-md);overflow:hidden;font-size:.95rem}
.engagement-avatar img,.comment-page-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--bh-primary-soft)}
.engagement-avatar img[hidden],.comment-page-avatar img[hidden]{display:none}
.comments-sidebar .engagement-item-meta{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;min-width:0}
.comments-sidebar .engagement-item-meta strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}
.comment-page-avatar{position:relative;display:inline-grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border:1px solid var(--bh-border-strong);border-radius:50%;overflow:hidden;background:var(--bh-primary-soft);color:var(--bh-primary);font-weight:700;cursor:help}
.comments-sidebar .engagement-item-meta time{flex:0 0 auto;width:auto;margin-left:auto;white-space:nowrap;font-size:.66rem;color:var(--bh-text-muted)}
.comment-row-state{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:7px 0}
.comment-row-state .status-badge,.comments-sidebar .engagement-assignee{border-radius:var(--bh-radius-sm);font-size:.67rem;padding:3px 6px;line-height:1.4}
.comments-sidebar .engagement-assignee{flex:0 1 auto;justify-content:flex-start;min-width:0;gap:4px;max-width:100%}.engagement-assignee span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comments-sidebar .engagement-assignee svg{width:13px;height:13px;flex-shrink:0}
.engagement-assignee.is-unassigned{background:var(--bh-neutral-soft);color:var(--bh-text-muted)}.engagement-assignee.is-assigned{background:var(--bh-primary-soft);color:var(--bh-primary)}
.status-badge.comment-state-open{background:var(--bh-primary-soft);color:var(--bh-primary);border-color:var(--bh-secondary-border)}.status-badge.comment-state-pending{background:var(--bh-warning-soft);color:var(--bh-warning-text);border-color:var(--bh-warning-border)}.status-badge.comment-state-done{background:var(--bh-success-soft);color:var(--bh-success-text);border-color:var(--bh-success-border)}
@media(min-width:561px) and (max-width:800px){.comments-app{grid-template-columns:minmax(280px,42%) minmax(0,1fr)}}

/* Inbox shares the comment split view; details are an optional drawer at every width. */
.inbox-app{grid-template-columns:minmax(290px,350px) minmax(0,1fr);position:relative}
.inbox-reader{display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.inbox-reader>.inbox-thread{flex:1;min-height:0}.inbox-reader>.inbox-welcome{flex:1}
.inbox-context{display:none}.inbox-details-toggle,.inbox-details-close{display:inline-flex}.inbox-details-close{margin-bottom:16px}
.inbox-app.show-details .inbox-context{display:block;position:fixed;inset:70px 0 0 auto;width:min(420px,94vw);z-index:55;background:var(--bh-surface);box-shadow:var(--bh-shadow-drawer)}
.inbox-app.show-details:before{content:"";position:fixed;inset:0;background:var(--bh-backdrop);z-index:54}
.inbox-item-heading{align-items:center;flex-wrap:nowrap;justify-content:initial}.inbox-item-heading strong{font-size:.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}.inbox-item-heading time{white-space:nowrap;margin-left:auto;flex:0 0 auto}
.inbox-avatar{position:relative;overflow:hidden;flex-basis:38px;width:38px;height:38px}.inbox-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.inbox-avatar img[hidden]{display:none}
.inbox-item .engagement-assignee{flex:0 1 auto;font-size:.67rem;line-height:1.4;border-radius:var(--bh-radius-sm);padding:3px 6px;gap:4px}.inbox-item .engagement-assignee svg{width:13px;height:13px}.inbox-item .comment-row-state{margin:7px 0}
.comment-state-spam{background:var(--bh-danger-soft);color:var(--bh-danger-text)}.inbox-heading-copy{flex:1}.inbox-reader[aria-busy=true]{opacity:.65}
@media(min-width:1500px){.inbox-app{grid-template-columns:390px minmax(0,1fr)}}
@media(min-width:561px) and (max-width:800px){.inbox-app{grid-template-columns:minmax(280px,42%) minmax(0,1fr)}.inbox-thread header{padding:10px}.inbox-conversation-heading{flex-wrap:wrap}}
@media(min-width:561px) and (max-width:760px){.inbox-app{display:grid}.inbox-app.has-conversation .inbox-list-panel{display:flex}.inbox-back{display:none}.inbox-thread{height:auto}}
@media(max-width:560px){.inbox-app{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none}.inbox-app.has-conversation .inbox-list-panel{display:flex}.inbox-list-panel{height:auto;max-height:430px;flex-shrink:0}.inbox-reader{height:75dvh;min-height:580px;flex-shrink:0}.inbox-reader>.inbox-thread{height:auto}.inbox-back{display:none}}

/* A compact page title; tenant selection lives with navigation. */
.topbar{min-height:76px;height:auto;justify-content:space-between;flex-wrap:nowrap;gap:12px;padding-top:12px;padding-bottom:12px}
.topbar-heading{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.topbar-heading>.menu-toggle{flex:none}
.topbar-title{min-width:0;font-size:clamp(24px,1.8vw,var(--bh-text-title));font-weight:700;line-height:1.25;margin:0;overflow-wrap:anywhere;letter-spacing:-.025em}
.sidebar-context{display:grid;gap:10px;min-width:0;flex-shrink:0;padding:0 4px 16px}
.sidebar-context .organization-switcher,.sidebar-context .workspace-switcher{width:100%;min-width:0;max-width:none;margin:0}
.sidebar-context label{display:block;font-size:11px;font-weight:500;color:var(--bh-on-primary-muted);margin-bottom:4px}
.sidebar-context .organization-switcher select{width:100%;max-width:100%;min-height:42px;padding:6px 8px;font-size:12px;text-overflow:ellipsis}
.sidebar-context .workspace-switcher>.image-select{max-width:none}
.sidebar-context .image-select__trigger{min-height:42px;padding:6px 8px;gap:6px}
.sidebar-context .image-select__value{gap:7px}
.sidebar-context .image-select__name{font-size:12px}
.sidebar-support{display:flex;align-items:center;gap:10px;min-width:0;min-height:40px;padding:10px 12px;border-radius:var(--bh-radius-md);color:var(--bh-on-primary-muted);font-size:12px}
.sidebar-support>svg{flex:none}
.sidebar-support>span{min-width:0;overflow-wrap:anywhere}
.sidebar-support:hover{background:var(--bh-primary-raised);color:var(--bh-on-primary)}
@media(max-width:800px){.topbar{min-height:64px;padding:12px 16px}.topbar-title{font-size:24px}.sidebar-context .organization-switcher select,.dash-filters select,.dash-budget-filter select{font-size:16px}}

/* Organization onboarding reuses shared forms and buttons. */
.organization-switcher select{max-width:180px;width:auto}.invitation-grants{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;padding:16px 0}.invitation-grants .field{margin:0}.page-capabilities{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}[data-page-workspace]{max-width:240px}[data-page-default-workspace]{width:auto;max-width:100%;margin:8px 0 20px}
[data-invitation-list] [data-live-resource="invitations"]{margin-top:24px}
@media(max-width:700px){.organization-switcher{max-width:100%}.invitation-grants{grid-template-columns:1fr}}

/* Comment reader fills the measured space below the wrapping header. */
.comments-app{height:var(--comments-height,calc(100dvh - 190px));min-height:360px}
.compose-dialog{width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--line);border-radius:var(--bh-radius-lg);color:var(--ink);background:var(--bh-surface);box-shadow:var(--bh-shadow-dialog);overflow:auto}
.compose-dialog::backdrop{background:var(--bh-backdrop)}.compose-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.compose-dialog-heading h2{font-size:1.2rem;margin:0}.compose-dialog-heading .icon-button{flex:none}.compose-dialog .compose-context{margin:14px 0;padding:12px 16px;border-left:3px solid var(--bh-border-strong);background:var(--bh-bg);border-radius:var(--bh-radius-sm);font-size:.88rem;overflow-wrap:anywhere;max-height:130px;overflow:auto}.compose-dialog-actions{justify-content:flex-end;margin:18px 0 0}.compose-dialog .field{margin-top:16px}.compose-dialog textarea{width:100%}.compose-dialog .product-picker{margin-top:14px}.reply-template-picker{margin:12px 0}.reply-template-picker>label{font-size:.8rem;font-weight:600;display:block;margin-bottom:6px}.reply-template-picker>div{display:flex;gap:8px;align-items:center}.reply-template-picker select{min-width:0;flex:1;width:100%}.reply-template-picker .button{flex:none}.reply-template-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.reply-template-filters .field{margin:0;min-width:180px;max-width:350px}.reply-template-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.reply-template-columns .panel{min-width:0}.reply-template-row{border-top:1px solid var(--line);padding:14px 0}.reply-template-row summary{font-weight:600;cursor:pointer;overflow-wrap:anywhere}.reply-template-row form{margin-top:14px}.reply-template-delete{display:flex;justify-content:flex-end}.reply-template-columns textarea{width:100%}
@media(max-width:800px){.reply-template-columns{grid-template-columns:1fr}}
@media(max-width:560px){.comments-app{height:auto;min-height:0}.compose-dialog{padding:18px}.reply-template-filters .field{flex:1;max-width:none}.reply-template-picker>div{flex-wrap:wrap}.reply-template-picker select{flex-basis:180px}}

/* Compact comment reading and human-reviewed saved replies. */
.comments-sidebar .engagement-item[role=button]{cursor:pointer}.comments-sidebar .engagement-item[role=button]:focus-visible{outline:2px solid var(--bh-primary);outline-offset:-2px}
.comments-sidebar .comment-row-state{flex-wrap:nowrap;overflow:hidden;margin:5px 0;gap:5px}.comments-sidebar .comment-row-state>*{white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.comments-sidebar .comment-row-state .engagement-label{font-size:.67rem;padding:3px 6px;border-radius:var(--bh-radius-sm);line-height:1.4}.comments-sidebar .engagement-message{margin:5px 0 0;-webkit-line-clamp:2;color:var(--text);font-weight:400}.comments-sidebar .engagement-item{padding:12px 10px}
.comment-author-heading{display:flex;align-items:center;gap:9px;min-width:0;margin-bottom:12px}.comment-author-heading>div:not(.engagement-avatar){min-width:0}.comment-author-heading h2{font-size:1rem;margin:0!important;overflow-wrap:anywhere}.comment-author-heading time{font-size:.75rem}.comment-author-heading .comment-page-avatar{margin-left:4px}.comment-post .comment-author-heading{margin:0}.comment-post .comment-page-avatar{width:32px;height:32px;flex-basis:32px;margin:0}.comment-response-switch{gap:8px;margin:14px 0 0}.comment-response-switch form{margin:0}.comment-response-switch .button{font-size:.8rem}.comment-thread-link .comment-author-heading{margin:0}.comment-thread-link time{margin-top:2px}.reply-template-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:110px;overflow:auto;background:var(--bh-primary-soft);border:1px solid var(--bh-border);border-radius:var(--bh-radius-md);padding:10px 12px;font-size:.85rem}.reply-template-manage{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;margin-top:8px}.product-picker>h2{font-size:1rem;margin:0 0 12px}.reply-template-picker .muted{font-size:.85rem;margin:8px 0}

[hidden]{display:none!important}
.comment-author-heading .engagement-avatar{display:grid}

/* Post-level comment inbox; keep the original post visually separate from replies. */
.comments-reader .comment-post{background:var(--bh-primary-soft);border:1px solid var(--bh-secondary-border);border-top:3px solid var(--bh-primary);box-shadow:var(--bh-shadow-sm);padding:16px 18px;margin-bottom:18px;max-height:250px}
.comment-post .comment-post-content{padding-top:12px;border-top:1px solid var(--bh-secondary-border)}.comment-thread-heading{padding-bottom:10px;border-bottom:1px solid var(--bh-border);margin-bottom:14px}
.comment-list-thumbnail{display:grid;place-items:center;position:relative;overflow:hidden;flex:0 0 48px;width:48px;height:48px;border-radius:var(--bh-radius-md);background:var(--bh-primary-soft);color:var(--bh-primary)}.comment-list-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comment-list-thumbnail svg{width:22px;height:22px}.comment-list-post-title{font-size:.86rem;font-weight:650;line-height:1.4;margin:7px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comment-post-item .engagement-message strong{font-weight:600}.comments-sidebar,.inbox-list-panel{overflow-anchor:none}
@media(max-width:560px){.comments-reader .comment-post{padding:12px;max-height:200px}.comment-list-thumbnail{flex-basis:40px;width:40px;height:40px}}

/* Full-width page surfaces; retain separators between columns and individual replies. */
.content>.panel,.comments-app,.inbox-app{border:0;border-radius:0;box-shadow:none}
.comments-sidebar,.comments-reader,.inbox-list-panel,.inbox-reader{border-radius:0}
.comments-sidebar .engagement-list{border:0;border-radius:0}
.comments-sidebar .comment-row-state .comment-reply-count{flex:none;min-width:17px;padding:1px 4px;text-align:center;font-size:10px;line-height:1.3;font-weight:700;font-variant-numeric:tabular-nums;background:var(--bh-danger-text);color:var(--bh-surface);border-color:transparent;border-radius:999px}

/* Brand-colour navigation shell; content and picker menus stay light. */
.sidebar,.topbar{background:var(--bh-primary);color:var(--bh-on-primary);border-color:var(--bh-primary-edge)}
.sidebar .brand{color:var(--bh-surface)}

.sidebar-nav .nav-link{color:var(--bh-on-primary)}
.sidebar .nav-group>summary{color:var(--bh-on-primary)}

.sidebar .nav-group>summary:hover,.sidebar-nav .nav-link:hover{background:var(--bh-primary-raised);color:var(--bh-surface)}
.sidebar .nav-group[data-current-group]>summary,.sidebar-nav .nav-link:is(.active,.current,[aria-current="page"]){background:var(--bh-primary-soft);color:var(--bh-primary)}
.sidebar-nav .nav-link:is(.active,.current,[aria-current="page"]){border-left-color:var(--bh-accent)}
.sidebar .nav-children{border-left-color:var(--bh-primary-edge)}
.sidebar .badge[data-comments-count],.sidebar .badge[data-inbox-count]{flex:0 0 auto;max-width:64px;min-width:20px;margin-left:auto;padding:2px 5px;border:0;border-radius:var(--bh-radius-sm);background:var(--bh-danger-soft);color:var(--bh-danger-text);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3;justify-content:center;text-align:center;overflow-wrap:anywhere}
.sidebar .badge[hidden],.sidebar .badge:empty{display:none}
.sidebar .menu-toggle,.topbar .menu-toggle{background:var(--bh-primary-raised);border-color:var(--bh-focus-border);color:var(--bh-surface)}
.sidebar .menu-toggle:hover,.topbar .menu-toggle:hover{background:var(--bh-primary-raised-hover);color:var(--bh-surface)}.topbar .topbar-title{color:var(--bh-surface)}
.topbar select,.topbar .image-select__trigger,.topbar .image-select__list{background:var(--bh-surface);color:var(--bh-text)}
.topbar select:hover,.topbar .image-select__trigger:hover{background:var(--bh-primary-faint);border-color:var(--bh-secondary-border)}
.topbar :is(button,select,a):focus-visible,.sidebar :is(button,a,summary):focus-visible{outline:2px solid var(--bh-focus-on-primary);outline-offset:3px}

/* Inbox fills the shell; compact controls leave room for the conversation. */
.inbox-app{height:var(--inbox-height,calc(100dvh - 125px));min-height:380px;max-height:none}
.inbox-item:hover{background:transparent;color:inherit}
.inbox-item[aria-current=page],.inbox-item[aria-current=page]:hover{background:var(--bh-primary-soft)}
.inbox-unread{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:1px 4px;border-radius:5px;background:var(--bh-danger-text);color:var(--bh-surface);font-size:10px;font-weight:750;line-height:1}
.inbox-conversation-heading{flex-wrap:wrap}.inbox-heading-copy{flex:1;min-width:120px}.inbox-workflow{margin:0;flex-wrap:nowrap}.inbox-workflow select{width:auto;max-width:170px;min-height:34px}.inbox-awareness:empty{display:none}
.inbox-composer{position:relative}.inbox-composer-actions{margin:6px 0 0;flex-wrap:nowrap}.inbox-composer-actions .inbox-tool{margin:0;padding:6px;width:32px;height:32px;min-height:32px;border:0;background:transparent;box-shadow:none;color:var(--bh-primary)}
.inbox-photo-previews{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px}.inbox-photo-preview{position:relative;flex:0 0 68px}.inbox-photo-preview img{width:68px;height:68px;object-fit:cover;border-radius:var(--bh-radius-sm)}.inbox-photo-preview button{position:absolute;right:0;top:0;width:22px;height:22px;min-height:0;padding:0;border-radius:50%;background:var(--bh-surface);color:var(--bh-danger-text);font-size:18px;line-height:1}
.inbox-tools{position:relative}.inbox-toolbox,.inbox-product-toolbox{position:absolute;bottom:calc(100% + 8px);left:0;width:300px;max-width:100%;z-index:5;max-height:min(440px,55dvh);overflow:auto;background:var(--bh-surface);border:1px solid var(--bh-border-strong);border-radius:10px;box-shadow:var(--bh-shadow-drawer)}
.inbox-product-toolbox .product-picker{margin:0;padding:12px;border:0}.inbox-product-toolbox h2{font-size:15px}.inbox-product-toolbox [data-product-selected]{display:none}.inbox-product-toolbox .product-results{grid-template-columns:1fr}.inbox-product-card{max-width:270px}.inbox-product-card .button{margin-top:8px}
[data-inbox-notice][hidden]{display:none}[data-inbox-notice]{position:fixed;top:16px;right:20px;display:flex;align-items:center;gap:10px;max-width:min(460px,90vw);z-index:60;padding:10px 12px 10px 16px;border:1px solid var(--bh-border);border-radius:10px;background:var(--bh-surface);box-shadow:var(--bh-shadow-drawer)}[data-inbox-notice-message]{min-width:0;overflow-wrap:anywhere}[data-inbox-notice-close]{display:grid;place-items:center;flex-shrink:0;min-width:32px;min-height:32px;padding:5px}
@media(max-width:560px){.inbox-app{display:grid;grid-template-columns:1fr;height:var(--inbox-height,calc(100dvh - 140px));min-height:380px}.inbox-app.has-conversation .inbox-list-panel{display:none}.inbox-list-panel{height:100%;max-height:none}.inbox-reader{height:100%;min-height:0;flex-shrink:1}.inbox-back{display:inline-flex}.inbox-workflow{margin-left:auto}.inbox-workflow select{max-width:125px}.inbox-conversation-heading{gap:7px}.inbox-product-toolbox{left:0;right:auto}}

@media(max-width:560px){.inbox-app:not(.has-conversation) .inbox-reader{display:none}}

.social-read-all{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 14px}.social-read-all .button{font-size:11px;padding:5px 8px;min-height:30px}.social-read-all [role=status]{font-size:11px;color:var(--bh-text-muted)}.social-read-all [role=status]:empty{display:none}
.inbox-product-toolbox .product-picker{padding:10px}.inbox-product-toolbox h2{margin:0;font-size:13px}.inbox-product-toolbox .product-search{margin-top:8px}.inbox-product-toolbox .product-search input{font-size:12px;padding:8px}.inbox-product-toolbox .product-result{grid-template-columns:72px minmax(0,1fr);gap:6px;padding:7px;font-size:12px;line-height:1.25}.inbox-product-toolbox .product-thumb{width:72px;height:72px;grid-row:1/3}.inbox-product-toolbox .product-result strong{font-size:12px;line-height:1.3}.inbox-product-toolbox .product-result small{font-size:10px;line-height:1.3}.inbox-product-toolbox .product-meta{gap:3px;margin:4px 0;font-size:11px;line-height:1.3}.inbox-product-toolbox .product-result button{padding:4px 7px;min-height:26px;font-size:11px;line-height:1.2}.inbox-product-toolbox [data-product-status]:empty{display:none}

.inbox-bubble img.inbox-sticker{width:144px;max-height:160px;object-fit:contain;background:transparent;border-radius:0}

.inbox-attachments.is-album{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:360px;max-width:100%}.inbox-attachments.is-album>a{display:block;min-width:0}.inbox-attachments.is-album img{width:100%;max-width:100%;height:160px;object-fit:cover;margin:0}.inbox-attachments.is-album .inbox-media-placeholder{font-size:12px;align-items:center;min-height:80px}
@media(max-width:600px){.inbox-attachments.is-album{width:250px}.inbox-attachments.is-album img{height:115px}}

/* Shared Organization sticker library and reply attachments. */
.sticker-upload-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:16px}.sticker-upload .field{margin:0;min-width:0}.sticker-upload .field input{width:100%;height:44px}.sticker-upload-fields>.button{height:44px;white-space:nowrap}.sticker-upload>p{margin:10px 0}.sticker-upload-preview{display:block;margin-top:12px}.sticker-upload-preview{width:88px;height:88px;object-fit:contain}.sticker-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.sticker-card{border:1px solid var(--bh-border);border-radius:12px;padding:12px;min-width:0}.sticker-card>img{width:100%;height:140px;object-fit:contain}.sticker-card>p{overflow-wrap:anywhere}.sticker-card form{margin-top:10px;display:grid;gap:8px}.sticker-picker{margin:8px 0}.sticker-panel{border:1px solid var(--bh-border);border-radius:10px;padding:12px;margin-top:8px;background:var(--bh-surface)}.sticker-panel .toolbar{flex-wrap:wrap}.sticker-panel input[type=search]{flex:1;min-width:140px}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;max-height:230px;overflow:auto}.sticker-choice{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--bh-border);border-radius:8px;padding:6px;background:transparent;cursor:pointer;min-width:0}.sticker-choice img{width:64px;height:64px;object-fit:contain}.sticker-choice span{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticker-choice:hover,.sticker-choice:focus-visible{border-color:var(--bh-primary)}.sticker-selection{display:flex;align-items:center;gap:10px;margin-top:8px}.sticker-selection img{width:64px;height:64px;object-fit:contain}.sticker-selection span{overflow-wrap:anywhere;min-width:0}.sticker-selection button{margin-left:auto}.comment-sticker{display:block;width:120px;height:120px;object-fit:contain;margin:8px 0}.sticker-picker [hidden],.sticker-upload [hidden],.sticker-choice[hidden]{display:none!important}

/* Inbox toolboxes share one toolbar; selecting a saved reply or sticker sends it. */
.inbox-composer-actions>.inbox-template-picker,.inbox-composer-actions>.inbox-sticker-picker{margin:0;flex:0 0 32px}
.inbox-composer-actions .inbox-tool{flex-shrink:0}.inbox-toolbox{padding:12px;text-align:left}.inbox-toolbox.sticker-panel{margin:0}.inbox-toolbox .toolbar{margin:0 0 10px;gap:8px}
.reply-toolbox-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:10px}.inbox-toolbox a{font-size:12px}.inbox-toolbox p{margin:8px 0}.inbox-toolbox [data-sticker-status]:empty{display:none}
.reply-toolbox-choices{display:grid;gap:6px}.reply-toolbox-choice{display:grid;gap:4px;text-align:left;width:100%;margin:0;padding:10px;border:1px solid var(--bh-border);border-radius:8px;background:transparent;color:var(--bh-text);cursor:pointer}.reply-toolbox-choice strong{font-size:13px}.reply-toolbox-choice span{font-size:12px;color:var(--bh-text-muted);white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reply-toolbox-choice:hover,.reply-toolbox-choice:focus-visible{border-color:var(--bh-primary);background:var(--bh-primary-faint)}.inbox-composer-actions .sticker-choice{margin:0}
.inbox-filter-bar .social-read-all{position:relative;padding:0;margin:0;grid-column:3;grid-row:2}.inbox-filter-bar .social-read-all .button{width:34px;height:38px;padding:6px;gap:0}.inbox-filter-bar .social-read-all [role=status]:not(:empty){position:absolute;right:0;top:100%;z-index:2;width:240px;padding:8px;background:var(--bh-surface);border:1px solid var(--bh-border);border-radius:var(--bh-radius-sm)}
@media(max-width:800px){.sticker-upload-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sticker-upload-fields>.button{justify-self:start}}
@media(max-width:560px){.sticker-upload-fields{grid-template-columns:minmax(0,1fr)}.sticker-upload-fields>.button{width:100%}}

/* Saved comment replies share the Inbox choice cards and leave manual reply drafts intact. */
.comment-response-switch .comment-template-picker{margin:0;position:relative}.comment-response-switch .comment-template-toggle{width:32px;min-height:32px;padding:6px;color:var(--bh-primary)}
.comment-template-toolbox{position:fixed;z-index:55;width:300px;max-width:calc(100vw - 24px);max-height:min(440px,55dvh);overflow:auto;padding:12px;border:1px solid var(--bh-border-strong);border-radius:10px;background:var(--bh-surface);box-shadow:var(--bh-shadow-drawer)}.comment-template-toolbox[hidden]{display:none}.comment-template-toolbox a{font-size:12px}.comment-template-toolbox p{margin:8px 0}.comment-template-toolbox .reply-toolbox-choice{font-size:12px}.comment-template-toolbox .reply-toolbox-choice strong{overflow-wrap:anywhere}
[data-comment-template-status]{margin:10px 0 0;overflow-wrap:anywhere}



/* Referral context shares the same card in the message and contact panel. */
.inbox-source-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;max-width:360px;min-width:0;overflow-wrap:anywhere}.inbox-source-body{display:flex;align-items:flex-start;gap:10px;width:100%;min-width:0}.inbox-source-body>.image-preview{flex:0 0 76px;width:76px}.inbox-source-body>.image-preview>img{display:block;width:76px;height:76px;margin:0;object-fit:cover;border-radius:8px}.inbox-source-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1;min-width:0}.inbox-source-content>p{margin:0}.inbox-source-content>.inbox-source-snippet{font-size:13px;line-height:1.5}.inbox-source-content>.button{max-width:100%;min-height:30px;padding:5px 8px;font-size:11px;white-space:normal;text-align:left}.inbox-bubble>.inbox-source-card:not(:last-child){padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--bh-border)}
@media(max-width:560px){.inbox-source-body{gap:8px}.inbox-source-body>.image-preview{flex-basis:64px;width:64px}.inbox-source-body>.image-preview>img{width:64px;height:64px}}

/* Shared image preview; the native modal keeps keyboard focus inside the viewer. */
.image-preview{display:inline-block;max-width:100%;cursor:zoom-in;border-radius:8px}
.image-preview>img{display:block}
.image-preview:focus-visible{outline:3px solid var(--bh-primary);outline-offset:3px}
.image-viewer-open{overflow:hidden}
.image-viewer{width:min(1200px,calc(100vw - 32px));height:min(860px,calc(100dvh - 32px));max-width:none;max-height:none;padding:16px;border:1px solid var(--bh-border);border-radius:var(--bh-radius-lg);background:var(--bh-surface);color:var(--bh-text);box-shadow:var(--bh-shadow-dialog)}
.image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}
.image-viewer::backdrop{background:rgba(0,0,0,.78)}
.image-viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.image-viewer-heading h2{font-size:1rem;margin:0}
.image-viewer-heading .icon-button{flex:none}
.image-viewer-stage{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden}
.image-viewer-stage>img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.image-viewer-stage>img[hidden],.image-viewer-stage>p[hidden]{display:none}
.image-viewer-stage>p{text-align:center;color:var(--bh-text-muted);margin:0}
@media(max-width:600px){.image-viewer{width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:12px}}

/* AI Support: shared form controls and compact, responsive preferences. */
.support-scope{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.support-scope .image-select{width:360px;max-width:100%}.support-scope select{width:100%}
.support-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px;align-items:start}.support-settings,.support-test{padding:24px;min-width:0}.support-settings fieldset{border:0;padding:0;margin:22px 0}.support-settings legend{font-weight:600;margin-bottom:12px}.support-check{display:flex!important;align-items:center;gap:10px;margin:10px 0!important}.support-check input,.support-style input{width:auto;flex:none}.support-styles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.support-style{display:flex!important;align-items:flex-start;gap:10px;border:1px solid var(--bh-border);border-radius:10px;padding:12px;margin:0!important;cursor:pointer}.support-style:has(input:checked){border-color:var(--bh-primary);background:var(--bh-primary-faint)}.support-style small{display:block;font-weight:400;margin-top:4px;color:var(--bh-text-muted)}.support-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.support-test form{margin:16px 0}.support-test button{margin-top:12px}.support-preview-text{white-space:normal;overflow-wrap:anywhere}.support-result{padding:20px}.inbox-ai-draft{border-bottom:1px solid var(--bh-border);padding:12px 16px;max-height:260px;overflow:auto}.inbox-ai-draft textarea{width:100%;resize:vertical}.inbox-ai-draft[hidden]{display:none}.inbox-ai-stale{color:var(--bh-danger-text)}
@media(max-width:900px){.support-layout{grid-template-columns:1fr}.support-settings,.support-test{padding:16px}}@media(max-width:480px){.support-options,.support-styles{grid-template-columns:1fr}.support-scope{align-items:stretch}.support-scope select{width:100%}}

.support-test form>label,.support-settings>label[for],.support-options label{display:block;margin:12px 0 6px}.support-test select,.support-test textarea,.support-options select{display:block;width:100%}.support-options>div{min-width:0}.inbox-composer-actions [data-inbox-ai-generate]{width:auto;white-space:nowrap;flex:0 0 auto;gap:4px;font-size:12px}.inbox-composer-actions [data-inbox-ai-generate] svg{width:16px;height:16px}
@media(max-width:400px){.inbox-composer-actions{gap:2px}.inbox-composer-actions [data-inbox-send]{padding:6px 8px}.inbox-composer-actions [data-inbox-ai-generate]{padding:6px 3px}}

/* Shared Knowledge authoring and staff provenance. */
.knowledge-imports{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem;margin:1rem 0}.knowledge-imports details>form{display:grid;gap:.7rem;margin-top:1rem}.faq-pair{display:grid;gap:.5rem;border:1px solid var(--border,#e2e8f0);border-radius:.6rem;padding:.8rem;margin:.5rem 0}.knowledge-diagnostics{margin-top:.8rem}.knowledge-diagnostics ul{padding-left:1.25rem}.knowledge-diagnostics a{overflow-wrap:anywhere}
@media(max-width:720px){.knowledge-table{display:block;min-width:0;width:100%}.knowledge-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.knowledge-table tbody{display:block}.knowledge-table tr{display:block;padding:16px;border-bottom:1px solid var(--border,#e2e8f0)}.knowledge-table tr:last-child{border-bottom:0}.knowledge-table td{display:block;border:0;padding:6px 0;width:auto;min-width:0;max-width:none}.knowledge-table .knowledge-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.knowledge-table .knowledge-validity{display:flex;gap:24px}.knowledge-table .knowledge-validity>div+div{margin-top:0}.knowledge-table .knowledge-source{font-size:.75rem;color:var(--muted,#61736c)}.knowledge-table .knowledge-title p{margin-bottom:6px}}

.support-business-tools{margin-block:1.25rem;padding:1rem;border:1px solid var(--border);border-radius:10px}.tool-option span{display:flex;flex-direction:column;gap:.2rem}.tool-option{align-items:flex-start;margin-block:.6rem}.connector-support-options{margin-block:1rem}.connector-support-options summary{cursor:pointer;font-weight:600}.business-tool-diagnostics{margin-block:.75rem}

/* Customer evidence stays inside the existing Inbox details drawer. */
.customer-memory blockquote{margin:8px 0;padding:8px 10px;border-left:2px solid var(--bh-border-strong);color:var(--bh-text-muted);overflow-wrap:anywhere}.customer-memory .support-check{display:flex;align-items:flex-start;gap:8px}.inbox-context .customer-memory input[type=checkbox]{width:16px;min-height:16px;height:16px;flex:0 0 16px;margin:2px 0}.customer-memory form{margin-top:12px}.customer-memory .button{margin:4px 3px 0 0}.customer-memory small{overflow-wrap:anywhere}
/* AI Learning reuses the existing forms, panels and shared live resource. */
.learning-tabs,.learning-actions,.learning-card-heading{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.learning-tabs{margin:1rem 0}.learning-center{display:grid;gap:1rem;min-width:0}.learning-center .panel{margin:0;min-width:0}
.learning-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:1rem}.learning-stats dd{font-size:1.6rem;font-weight:650;margin:.3rem 0}
.learning-center form{margin-top:1rem}.learning-center textarea,.learning-center select,.learning-feedback textarea,.learning-feedback select{width:100%;max-width:100%;box-sizing:border-box}
.learning-center label,.learning-feedback label{display:block;margin:.6rem 0}.learning-center .support-check{display:flex}.learning-center h2{font-size:1.1rem;margin:.3rem 0}
.learning-quote,.learning-evidence{overflow-wrap:anywhere;white-space:normal}.learning-evidence,.learning-history article{border-top:1px solid var(--border);padding:.75rem 0}.learning-center details{margin:.8rem 0}

@media(max-width:600px){.learning-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-stats dt{overflow-wrap:anywhere}}

/* Support operations: bounded cards and existing responsive detail surfaces. */
.support-automation { margin:1rem 0; padding:1rem; border:1px solid var(--border,#ddd); border-radius:10px; }
.support-automation summary,.support-evaluation-case summary { cursor:pointer; font-weight:600; }
.support-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; margin:16px 0; }
.support-metrics .panel { display:flex; flex-direction:column; gap:8px; min-width:0; }
.support-metrics strong { font-size:1.5rem; }
.support-evaluation-case { padding:12px 0; overflow-wrap:anywhere; }
.support-evaluation-case .badge { white-space:normal; }

/* Product consultation: shared compact cards in the composer, Test Chat and evaluation. */
.inbox-consultation{border-top:1px solid var(--bh-border);padding-top:.5rem;margin-top:.5rem;min-width:0}
.inbox-consultation-heading{display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin-bottom:.5rem}
.inbox-consultation-cards{display:flex;gap:.5rem;overflow-x:auto;max-width:100%;padding-bottom:.35rem}
.inbox-consultation-cards .inbox-product-card{flex:0 0 140px;width:140px;font-size:.8rem;border:1px solid var(--bh-border);border-radius:.5rem;padding:.4rem;overflow:hidden}
.inbox-consultation-cards .inbox-product-card img{display:block;width:100%;height:80px;object-fit:cover;border-radius:.3rem}
.inbox-consultation-cards .inbox-product-card strong{display:block;overflow-wrap:anywhere;margin-top:.3rem}
.inbox-consultation-cards .inbox-product-card p{margin:.2rem 0;overflow-wrap:anywhere}
.inbox-consultation textarea{margin-top:.35rem;min-height:44px}

.inbox-product-edit-actions{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:auto}
.inbox-consultation-cards .inbox-product-card{display:flex;flex-direction:column}
.inbox-consultation>label{display:block;margin-top:.65rem}
.inbox-consultation>small{display:block;margin:.35rem 0 .65rem}
.learning-product-change{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:.75rem 0;overflow-wrap:anywhere}
.learning-product-change ul{padding-left:1.2rem}
@media(max-width:600px){.learning-product-change{grid-template-columns:1fr}}

/* The same post attachment control accepts photos or a single video. */
.compose-previews video{display:block;width:min(100%,420px);max-height:280px;object-fit:contain;border-radius:var(--bh-radius-md);background:#111}
.compose-upload-control{position:relative}.compose-preview{position:relative;max-width:100%}.compose-preview>img{display:block}.compose-preview .compose-preview-remove{position:absolute;top:4px;right:4px;width:32px;min-width:32px;min-height:32px;padding:0;box-shadow:0 1px 4px rgb(0 0 0 / 12%)}.compose-upload-status{color:var(--bh-danger-text)}.compose-upload-status:empty{display:none}

/* The handle owns touch dragging; the image and caption keep normal page scrolling. */
.photo-order-toolbar{position:absolute;top:6px;right:6px;z-index:1;display:flex;align-items:center;gap:6px}
.photo-order-toolbar form{display:flex;margin:0}
.photo-order-toolbar .button{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;box-shadow:0 1px 4px rgb(0 0 0 / 12%)}
.photo-order-toolbar .ui-icon{width:16px;height:16px}
.photo-drag-handle{touch-action:none;cursor:grab;user-select:none}
.post-photo-grid.is-sorting{user-select:none}
.post-photo-grid .is-photo-placeholder{opacity:.3;border-color:var(--bh-primary);background:var(--bh-primary-soft)}
.photo-sort-preview{box-shadow:var(--bh-shadow-md);opacity:.95!important;cursor:grabbing}
.is-photo-chosen .photo-drag-handle,.photo-sort-preview .photo-drag-handle{cursor:grabbing}
.photo-order-save{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 20px}

/* Keep post actions beside Page/type/source, with shared menu actions. */
.post-table-content{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start}
.post-list-footer{display:flex;align-items:center;gap:8px;min-width:0;margin-top:6px}
.post-table .post-list-footer .post-list-meta{flex:1;min-width:0;margin:0}
.post-row-tools{display:flex;align-items:flex-start;gap:6px;flex:0 0 auto;max-width:50%}
.post-row-tools .post-more-options{left:auto;right:0}

/* Content settings reuse shared forms and panels. Status always has text as well as color. */
.content-settings{max-width:960px;margin-inline:auto}
.content-settings fieldset{border:0;padding:0;margin:24px 0 0;min-width:0}
.edit-form>fieldset{border:0;padding:0;margin:0;min-width:0}
.edit-form--wide{max-width:none}
select.select-compact{width:auto;field-sizing:content;min-width:0;max-width:100%;flex:none}
.brand-page>summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer}
.brand-page>summary::-webkit-details-marker{display:none}
.brand-page>summary::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);flex:none}
.brand-page[open]>summary::before{transform:rotate(45deg)}
.brand-page-name{min-width:0;overflow-wrap:anywhere}
.content-settings legend{font-size:1.05rem;font-weight:650;margin-bottom:12px}
.content-settings-heading,.content-settings-page-top,.content-settings-buttons{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.content-settings-heading h2{margin:0}
.badge.ai-state-off{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
.badge.ai-state-on{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.badge.ai-state-paused{background:#fef3c7;color:#92400e;border:1px solid #fde68a}
.content-settings-pages{display:grid;gap:12px}
.content-settings-page{padding:16px;border:1px solid var(--border,#dbe3e1);border-radius:10px}
.content-settings-page.is-selected{border-color:#64a99a}
.content-settings-page-top label{margin:0}
.content-settings .check-label{display:flex;align-items:center;gap:10px}
.content-settings .check-label input{width:18px;height:18px;flex:none}
.content-settings-frequency{display:flex;align-items:center;gap:10px;font-size:.875rem}
.content-settings-frequency select{width:76px;margin:0}
.content-settings-page details{margin-top:12px}
.content-settings summary{cursor:pointer;font-size:.9rem}
.content-settings-page details[open]>summary{margin-bottom:16px}
.content-settings-page input:not([type=checkbox]),.content-settings-page textarea{width:100%;box-sizing:border-box}
.content-settings-page details label{display:block;margin-top:12px}
.content-settings-runtime{font-size:.875rem;margin:12px 0 0}
.content-settings-mode{display:block;margin:24px 0 18px;max-width:440px}
.content-settings-mode select{width:100%}
.content-settings-brand{font-size:.9rem;margin-bottom:24px}
.content-settings-brand a{margin-inline-start:12px}
.content-settings-buttons{justify-content:flex-start;border-top:1px solid var(--border,#dbe3e1);padding-top:20px;margin-top:24px}
.content-settings-more{margin-inline-start:auto;position:relative}
.content-settings-more summary{font-size:1.5rem;list-style:none;padding:0 12px}
.content-settings-more[open] button{position:absolute;right:0;bottom:100%;white-space:nowrap}
@media(max-width:600px){.content-settings-page{padding:12px}.content-settings-page-top{gap:12px}.content-settings-frequency{margin-inline-start:28px!important}.content-settings-buttons{gap:8px}.content-settings-buttons>.button{flex:1}.content-settings-heading h2{font-size:1.1rem}}

.tenant-avatar-editor{display:flex;align-items:center;gap:10px;position:relative}
.tenant-avatar-preview{position:relative;display:grid;place-items:center;width:96px;height:96px;flex:none;border:1px solid var(--bh-border);border-radius:var(--bh-radius-md);background:var(--bh-bg);overflow:hidden;color:var(--bh-text-muted)}
.tenant-avatar-preview>svg{width:28px;height:28px}
.tenant-avatar-preview>img{position:absolute;width:100%;height:100%;object-fit:contain;background:var(--bh-surface)}
[data-tenant-avatar] [hidden]{display:none!important}
.tenant-avatar-editor:has(input[type="file"]:focus-visible) [data-avatar-choose]{outline:2px solid var(--bh-primary);outline-offset:2px}
[data-live-resource="pages"] td{min-width:100px}[data-live-resource="pages"] .meta-identity{min-width:150px}[data-live-resource="pages"] td:last-child .inline-form{min-width:160px}.meta-table td.page-description-cell{width:36%;min-width:240px}.page-description-cell textarea{width:100%;min-height:140px;resize:vertical}.page-description-cell p{white-space:pre-wrap;margin:0}.page-language{display:block;margin-bottom:10px}
.member-settings{align-items:center}.member-settings select{width:auto;max-width:100%}.member-settings [data-inline-state]{flex-basis:100%}
[data-member-choices]{width:100%;min-height:180px}[data-member-more]{margin-top:8px}[data-inline-state]{display:block;margin-top:6px}.error-text{color:var(--bh-danger,#b42318)}[data-inline-state][hidden],[data-member-picker] [hidden]{display:none!important}