.bbk-dashboard-manager { --bbk-manager-side:260px; --bbk-manager-photo:320px; --bbk-manager-surface:#111; --bbk-manager-muted:#aaa; --bbk-manager-active:#1a1a1a; --bbk-manager-border:#353535; width:100%; min-width:0; }
.bbk-dashboard-manager [hidden] { display:none; }
.bbk-dashboard-tabs { display:flex; gap:8px 24px; flex-wrap:wrap; margin-bottom:32px; }
.bbk-dashboard-tabs a { color:var(--bbk-manager-muted); padding:10px 0; text-decoration:none; font:inherit; min-height:44px; display:flex; align-items:center; }
.bbk-dashboard-tabs a[aria-current] { color:inherit; font-weight:600; }
.bbk-dashboard-workspace { display:grid; grid-template-columns:minmax(170px,var(--bbk-manager-side)) minmax(0,1fr); align-items:start; gap:40px; }
.bbk-dashboard-subject-picker { min-width:0; }
.bbk-dashboard-subject-picker > summary { display:none; }
.bbk-dashboard-subjects { max-height:70vh; overflow:auto; padding-right:12px; }
.bbk-dashboard-manager input:is([type=search],[type=number]) { background:var(--bbk-manager-surface); color:inherit; border:1px solid var(--bbk-manager-border); border-radius:8px; padding:10px 12px; font:inherit; min-height:44px; max-width:100%; }
.bbk-dashboard-manager input[type=search] { display:block; width:100%; margin:8px 0 16px; }
.bbk-dashboard-manager input[type=number] { width:90px; }
.bbk-dashboard-manager :is(a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible) { outline:2px solid #aaa; outline-offset:3px; }
.bbk-dashboard-manager .bbk-dashboard-subject { display:flex; align-items:center; min-height:42px; padding:8px 10px; text-decoration:none; color:var(--bbk-manager-muted); border-radius:6px; overflow-wrap:anywhere; }
.bbk-dashboard-manager .bbk-dashboard-subject:hover { color:inherit; }
.bbk-dashboard-manager .bbk-dashboard-subject[aria-current] { color:inherit; background:var(--bbk-manager-active); font-weight:600; }
.bbk-dashboard-subjects summary { display:flex; align-items:center; list-style:none; }
.bbk-dashboard-subjects summary::-webkit-details-marker { display:none; }
.bbk-dashboard-subjects summary a { flex:1; min-width:0; }
.bbk-dashboard-manager .bbk-dashboard-subjects summary button { background:transparent; color:var(--bbk-manager-muted); padding:8px; border:0; min-width:40px; }
.bbk-dashboard-children { padding-left:14px; }
.bbk-dashboard-editor { min-width:0; }
.bbk-dashboard-editor header { margin-bottom:20px; }
.bbk-dashboard-eyebrow { display:block; color:var(--bbk-manager-muted); font-size:12px; margin-bottom:6px; }
.bbk-dashboard-editor h3 { margin:0; font:inherit; font-size:22px; font-weight:600; }
.bbk-dashboard-photo { width:100%; min-height:200px; background:var(--bbk-manager-surface); border-radius:10px; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.bbk-dashboard-photo img { display:block; width:100%; height:auto; max-height:var(--bbk-manager-photo); object-fit:contain; }
.bbk-dashboard-photo-empty { color:var(--bbk-manager-muted); padding:32px; text-align:center; }
.bbk-dashboard-help,.bbk-dashboard-manager [data-bbk-photo-status] { color:var(--bbk-manager-muted); font-size:13px; line-height:1.6; }
.bbk-dashboard-photo-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:20px 0 12px; }
.bbk-dashboard-manager :is(button,.bbk-dashboard-upload,.bbk-dashboard-primary-link) { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:#fff; color:#000; border:1px solid transparent; border-radius:8px; min-height:44px; padding:10px 16px; font:inherit; font-weight:500; text-decoration:none; cursor:pointer; }
.bbk-dashboard-manager :is(button:hover,.bbk-dashboard-upload:hover,.bbk-dashboard-primary-link:hover) { background:#ddd; color:#000; }
.bbk-dashboard-manager button:disabled { opacity:.4; cursor:default; }
.bbk-dashboard-manager .bbk-dashboard-secondary { background:transparent; color:inherit; padding:10px 6px; }
.bbk-dashboard-upload { position:relative; overflow:hidden; }
.bbk-dashboard-upload input { position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; height:100%; }
.bbk-dashboard-upload:focus-within { outline:2px solid #aaa; outline-offset:3px; }
.bbk-dashboard-order { list-style:none; padding:0; margin:20px 0 24px; }
.bbk-dashboard-order li { display:flex; align-items:center; gap:14px; min-height:64px; padding:10px 0; }
.bbk-dashboard-order li > span:nth-child(2) { flex:1; overflow-wrap:anywhere; }
.bbk-dashboard-grip { cursor:grab; color:var(--bbk-manager-muted); font-size:20px; }
.bbk-dashboard-order .bbk-topic-move { display:flex; gap:6px; }
.bbk-dashboard-order button { min-width:44px; padding:8px; background:var(--bbk-manager-surface); color:inherit; }
.bbk-dashboard-order .bbk-dragging { opacity:.5; }
.bbk-dashboard-notice { padding:12px 16px; background:var(--bbk-manager-surface); border-radius:8px; margin-bottom:24px; }
.bbk-dashboard-manager [data-bbk-dashboard-status] { display:block; min-height:1.5em; margin-top:12px; color:var(--bbk-manager-muted); font-size:13px; }
.bbk-dashboard-entries article { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; margin:24px 0; }
.bbk-dashboard-entries article small { display:block; color:var(--bbk-manager-muted); font-size:12px; margin-top:4px; }
.bbk-dashboard-entries article a { display:inline-block; min-height:44px; padding:10px; color:inherit; }
.bbk-stacked-content table { display:block; width:100%; max-width:100%; overflow-x:auto; border-collapse:collapse; margin:20px 0; }
.bbk-stacked-content :is(th,td) { min-width:90px; padding:10px 12px; text-align:left; border:1px solid #444; }
.bbk-stacked-content th { font-weight:600; }
@media(max-width:1024px) { .bbk-dashboard-workspace { gap:24px; } }
@media(max-width:767px) {
 .bbk-dashboard-tabs { gap:4px 16px; margin-bottom:20px; }
 .bbk-dashboard-workspace { grid-template-columns:minmax(0,1fr); gap:24px; }
 .bbk-dashboard-subject-picker > summary { display:block; padding:12px; border-radius:8px; background:var(--bbk-manager-surface); cursor:pointer; }
 .bbk-dashboard-subjects { max-height:50vh; padding:12px 0; }
 .bbk-dashboard-photo { min-height:160px; }
 .bbk-dashboard-order li { gap:8px; }
 .bbk-dashboard-manager input:is([type=search],[type=number]) { font-size:16px; }
}
@media(min-width:1100px) {
 .bbk-clean-topbar.bbk-wide-header:not(.bbk-sidebar-mobile-bar) { display:grid; grid-template-columns:var(--bbk-header-leading,320px) minmax(0,1fr) auto; align-items:center; }
 .bbk-wide-header > .elementor-widget-nav-menu { width:100%; min-width:0; }
 .bbk-wide-header > .elementor-widget-nav-menu .elementor-nav-menu--main > .elementor-nav-menu { width:100%; justify-content:space-between; }
}
.bbk-image-dialog { position:fixed; width:100vw; height:100dvh; max-width:100vw; max-height:100dvh; inset:0; margin:0; padding:56px 16px 20px; border:0; background:#080808; color:#eee; }
.bbk-image-dialog::backdrop { background:#000d; }
.bbk-image-dialog img { display:block; width:100%; height:100%; object-fit:contain; }
.bbk-image-dialog button { position:absolute; right:12px; top:8px; min-height:44px; min-width:44px; background:#252525; color:#fff; border:0; border-radius:8px; padding:8px 16px; font:inherit; cursor:pointer; }
.bbk-photo-zoom { display:block; cursor:zoom-in; }
.bbk-image-dialog :focus-visible { outline:2px solid #ccc; outline-offset:3px; }
@media(prefers-reduced-motion:no-preference) { .bbk-image-dialog[open] { animation:bbk-image-open .15s ease-out; } @keyframes bbk-image-open { from { opacity:0; } to { opacity:1; } } }

.bbk-hide-date-field .bbk-editor-row:has(input[name="bbk_date"]) { display:none; }
.bbk-dashboard-pagination { display:flex; gap:16px; flex-wrap:wrap; align-items:center; margin:24px 0; }
.bbk-dashboard-pagination a { padding:10px; min-height:44px; }

/* Client dashboard: one quiet subject list and one editing area. */
.bbk-dashboard-manager { --bbk-manager-icon-color:#aaa; --bbk-manager-icon-background:transparent; --bbk-manager-icon-hover:#202020; }
.bbk-dashboard-manager .bbk-dashboard-tabs { gap:8px 28px; margin-bottom:36px; }
.bbk-dashboard-manager .bbk-dashboard-tabs a { color:var(--bbk-manager-muted); text-decoration:none; }
.bbk-dashboard-manager .bbk-dashboard-tabs a[aria-current] { color:inherit; font-weight:600; }
.bbk-dashboard-manager .bbk-dashboard-workspace { gap:clamp(24px,4vw,56px); }
.bbk-dashboard-manager .bbk-dashboard-subjects { scrollbar-width:thin; scrollbar-color:var(--bbk-manager-border) transparent; }
.bbk-dashboard-manager .bbk-dashboard-subjects > label { display:block; font-size:13px; color:var(--bbk-manager-muted); }
.bbk-dashboard-manager .bbk-dashboard-subjects summary { gap:4px; min-height:44px; }
.bbk-dashboard-manager .bbk-dashboard-subjects summary a { min-height:44px; }
.bbk-dashboard-manager .bbk-dashboard-subject { font-size:14px; line-height:1.5; }
.bbk-dashboard-manager .bbk-dashboard-children { margin:2px 0 8px; }
.bbk-dashboard-icon { display:block; width:18px; height:18px; flex-shrink:0; pointer-events:none; }
.bbk-dashboard-grip { display:inline-flex; align-items:center; justify-content:center; width:20px; }
.bbk-dashboard-manager :is([data-bbk-subject-toggle],[data-bbk-move]) { width:44px; height:44px; flex-shrink:0; border-radius:6px; }
/* Outrank saved generic Elementor button rules only for navigation icons. */
.elementor-widget-bbk-topic-settings .bbk-topic-settings.bbk-dashboard-manager :is(.bbk-dashboard-subjects,.bbk-topic-move) button { background:var(--bbk-manager-icon-background); color:var(--bbk-manager-icon-color); border:0; box-shadow:none; padding:10px; }
.elementor-widget-bbk-topic-settings .bbk-topic-settings.bbk-dashboard-manager :is(.bbk-dashboard-subjects,.bbk-topic-move) button:hover { background:var(--bbk-manager-icon-hover); color:inherit; }
.bbk-dashboard-subjects details[open] > summary [data-bbk-subject-toggle] svg { transform:rotate(180deg); }
.bbk-dashboard-manager .bbk-dashboard-editor > header { margin-bottom:24px; }
.bbk-dashboard-manager .bbk-dashboard-editor > header .bbk-dashboard-eyebrow { display:none; }
.bbk-dashboard-manager .bbk-dashboard-editor p { line-height:1.7; }
.bbk-dashboard-manager .bbk-dashboard-editor a:not(.bbk-dashboard-primary-link) { color:inherit; text-underline-offset:4px; }
.bbk-dashboard-manager .bbk-dashboard-editor > p { max-width:58ch; color:var(--bbk-manager-muted); }
.bbk-dashboard-manager .bbk-dashboard-order { max-width:640px; }
.bbk-dashboard-manager .bbk-dashboard-order li { padding:8px 12px; border-radius:8px; }
.bbk-dashboard-manager .bbk-dashboard-order li:hover { background:var(--bbk-manager-surface); }
.bbk-dashboard-manager .bbk-dashboard-secondary:hover { background:var(--bbk-manager-surface); color:inherit; }
@media(prefers-reduced-motion:no-preference) {
 .bbk-dashboard-manager :is(a,button,.bbk-dashboard-order li) { transition:background-color .16s ease,color .16s ease; }
 .bbk-dashboard-manager [data-bbk-subject-toggle] svg { transition:transform .16s ease; }
}
@media(max-width:767px) {
 .bbk-dashboard-manager .bbk-dashboard-tabs { gap:8px 24px; margin-bottom:24px; }
 .bbk-dashboard-manager .bbk-dashboard-workspace { gap:24px; }
 .bbk-dashboard-manager .bbk-dashboard-subject-picker > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; list-style:none; }
 .bbk-dashboard-subject-picker > summary::-webkit-details-marker { display:none; }
 .bbk-dashboard-manager .bbk-dashboard-photo-actions { align-items:stretch; }
 .bbk-dashboard-manager .bbk-dashboard-photo-actions > :is(label,button) { flex:1 1 180px; }
 .bbk-dashboard-manager .bbk-dashboard-order li { padding:8px 0; }
}
.bbk-dashboard-subject-picker[open] > summary > .bbk-dashboard-icon { transform:rotate(180deg); }