,
which always starts its own line box, so it stacked above "What would Buzz do?" instead of
sitting beside it). */
.bls-wwbd-head{display:flex;align-items:center;gap:9px;margin-bottom:8px;}
.bls-wwbd-head b{margin:0;}
.bls-wwbd-icon{font-size:19px;line-height:1;flex-shrink:0;}
.bls-wwbd p{margin:0;}
.bls-logout{
display:flex;
align-items:center;
gap:10px;
color:#d8d8d8;
text-decoration:none;
font-weight:900;
padding:15px 18px;
border-radius:18px;
border:1px solid rgba(255,255,255,.12);
background:rgba(255,255,255,.04);
transition:all .16s ease;
}
.bls-logout:hover{
color:#ffd200;
border-color:rgba(255,210,0,.4);
background:rgba(255,210,0,.08);
}
.bls-logout:hover span{filter:saturate(1.2);}
@media(max-height:850px){.bls-sidebar .bls-wwbd{display:none!important;}}
@media(max-width:900px){.bls-sidebar{display:block!important}.bls-sidebar-bottom{margin-top:18px}.bls-profile-card{max-width:420px}}
/* v1.2.0 Expert Review Workspace Foundation */
.bls-review-page{display:flex;flex-direction:column;gap:28px;}
.bls-review-hero{background:linear-gradient(135deg,#fff,#fff8d8);border:1px solid rgba(255,210,0,.45);border-radius:32px;padding:38px 42px;box-shadow:0 16px 50px rgba(0,0,0,.06);}
.bls-review-hero h1{font-size:46px;line-height:1.08;margin:22px 0 12px;letter-spacing:-1.5px;}
.bls-review-hero p{font-size:21px;line-height:1.55;color:#59616c;max-width:900px;font-weight:750;}
.bls-review-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;}
.bls-review-card{background:#fff;border-radius:28px;padding:28px;box-shadow:0 12px 38px rgba(0,0,0,.07);border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:14px;}
.bls-review-card h2{font-size:27px;line-height:1.15;margin:2px 0 0;letter-spacing:-.7px;}
.bls-review-card p{font-size:16px;line-height:1.55;color:#5d6570;margin:0;font-weight:700;}
.bls-review-card-head{display:flex;align-items:center;gap:10px;font-weight:900;}
.bls-review-card-head small{margin-left:auto;color:#8a8f98;font-weight:900;}
.bls-status-light{display:inline-block;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 4px rgba(0,0,0,.05);vertical-align:middle;margin-right:6px;}
.bls-status-light.red{background:#ff4b4b;}.bls-status-light.yellow{background:#f3c600;}.bls-status-light.green{background:#21b56b;}
/* v1.5.3-alpha.13: blue/grey added for per-platform launch tracking - blue = "partially_published"
(a real, positive-but-not-done aggregate status, distinct from plain green "fully done"); grey =
a single platform build's own "not yet published" state inside the launch breakdown pills. */
.bls-status-light.blue{background:#2f7bf6;}.bls-status-light.grey{background:#b7bcc4;}
.bls-status-card-red{border-top:6px solid #ff4b4b;}.bls-status-card-yellow{border-top:6px solid #f3c600;}.bls-status-card-green{border-top:6px solid #21b56b;}
.bls-status-card-blue{border-top:6px solid #2f7bf6;}
.bls-platform-launch-breakdown{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.bls-platform-launch-pill{display:inline-flex;align-items:center;background:#f7f4eb;border:1px solid rgba(0,0,0,.06);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800;}
.bls-platform-status-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;margin-left:8px;padding:3px 10px;border-radius:999px;background:#f7f4eb;border:1px solid rgba(0,0,0,.06);}
.bls-review-card-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:12px;}
.bls-btn.small{padding:12px 18px;font-size:14px;border-radius:14px;white-space:nowrap;}
.bls-admin-queue{padding:30px;}
.bls-admin-queue-head{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:20px;}
.bls-admin-queue-head h2{font-size:34px;line-height:1.1;margin:14px 0 6px;}
.bls-admin-queue-head p{font-weight:700;color:#68707a;}
.bls-queue-count{background:#050505;color:#fff;border-radius:24px;padding:18px 22px;min-width:120px;text-align:center;}
.bls-queue-count b{display:block;font-size:32px;line-height:1;}.bls-queue-count span{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#ffd200;font-weight:900;}
.bls-review-filters{display:grid;grid-template-columns:minmax(220px,1fr) 220px 260px auto;gap:14px;margin:24px 0;align-items:center;}
.bls-review-table{border:1px solid #eee;border-radius:22px;overflow:hidden;background:#fff;}
/* v1.5.2-alpha.43: Campaign column narrowed and Status column widened per Drew - Status now also
carries the Edit/Archive/Delete icons (added alpha.41) alongside its label, and was wrapping
onto 2-3 lines for longer labels like "Campaign Build In Progress" / "Submitted for Bee Local
Review". Campaign had more room than it needed, so that space moved to Status instead. */
.bls-review-row{display:grid;grid-template-columns:130px minmax(170px,1.2fr) minmax(130px,.7fr) 190px 300px;gap:14px;align-items:center;padding:18px 20px;text-decoration:none;color:#111;border-bottom:1px solid #eee;font-weight:750;cursor:pointer;}
.bls-review-row.header{background:#0b0c0d;color:#fff;font-weight:950;font-size:13px;text-transform:uppercase;letter-spacing:.6px;cursor:default;}
.bls-review-row:hover:not(.header){background:#fff9df;}
.bls-review-row small{display:block;color:#777;font-weight:700;margin-top:4px;}
/* Row action icons (added v1.5.2-alpha.41): Edit/Archive-or-Restore/Delete, right-aligned within
the Status cell. The row itself still navigates to Edit on click anywhere (see the onclick on
.bls-review-row) - these are real distinct
elements so they need their own stopPropagation
in the row's onclick guard, which is why status stays a flex row rather than the plain inline
text it used to be. */
.bls-review-row-status{display:flex;align-items:center;gap:6px;width:100%;}
.bls-row-actions{margin-left:auto;display:flex;gap:6px;flex-shrink:0;}
.bls-row-action{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;text-decoration:none;font-size:14px;background:rgba(0,0,0,.05);line-height:1;}
.bls-row-action:hover{background:rgba(0,0,0,.1);}
.bls-row-action-delete:hover{background:#ffe1e1;}
.bls-archived-campaigns{margin-top:18px;}
.bls-archived-campaigns .bls-review-table{margin-top:4px;}
.bls-notice{border-radius:16px;padding:14px 20px;font-weight:800;margin-bottom:18px;}
.bls-notice-success{background:#e9f8ef;color:#137640;border:1px solid #bfe9d1;}
.bls-review-workspace{display:flex;flex-direction:column;gap:22px;}
.bls-workspace-header{background:#fff;border-radius:32px;padding:34px 38px;box-shadow:0 14px 45px rgba(0,0,0,.06);display:grid;grid-template-columns:minmax(420px,1fr) 360px;gap:28px;align-items:center;}
.bls-workspace-header h1{font-size:44px;line-height:1.1;margin:18px 0 10px;letter-spacing:-1.5px;}
.bls-workspace-header p{font-weight:800;color:#5c646f;}
.bls-workspace-status{background:#f8f5ea;border-radius:24px;padding:24px;border:1px solid #eee0b5;}
.bls-workspace-status b{display:block;font-size:20px;margin-bottom:8px;}.bls-workspace-status span{display:block;color:#68707a;font-weight:750;line-height:1.45;}
.bls-workspace-tabs{display:flex;gap:10px;flex-wrap:wrap;background:#fff;border-radius:24px;padding:12px;box-shadow:0 12px 34px rgba(0,0,0,.05);}
.bls-workspace-tabs a{padding:13px 18px;border-radius:16px;text-decoration:none;color:#111;font-weight:900;}
.bls-workspace-tabs a.active,.bls-workspace-tabs a:hover{background:#ffd200;}
.bls-workspace-tab{padding:32px!important;}
.bls-workspace-tab h2{font-size:32px;line-height:1.15;margin:0 0 18px;}
.bls-admin-detail-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);gap:24px;}
/* One shared "nested panel" look for every sub-section inside the Overview tab (Buzz Summary,
Campaign Particulars, Client Campaign Details, Recommendations before its Buzz-icon override
below) - previously the two grid sections stayed white while .bls-review-block alone picked up
a different off-white/border further down this file, so Client Campaign Details visibly didn't
match Buzz Summary right above it. Also gives their /
an explicit size for the first time
instead of falling back to the browser's unstyled heading/paragraph defaults. */
/* v1.5.3-alpha.19: client-branded lockup at the top of the Review workspace's Overview card - see
the PHP comment above bls_review_workspace()'s $ov_brand_mark for why.
v1.5.3-alpha.20: Drew found the first pass too small and slightly misaligned - sizes bumped up
across the board, and display:block + a fixed line-height on the name (rather than trusting the
theme's own heading defaults) make sure flex's align-items:center has a clean, predictable box to
center against instead of getting thrown off by inherited heading spacing.
v1.5.3-alpha.21: per Drew's sketch, this now lives INSIDE the Buzz Summary box (see the PHP
comment above $ov_brand_header) rather than as its own strip above the two-column grid - the
negative top margin that used to pull it up against the workspace header is gone since the box's
own padding already provides that spacing. Logo bumped again to 100px per Drew's explicit ask.
v1.5.3-alpha.22: dropped the white background tile behind the square logo - client logos are
transparent PNGs, so the white square was just an unwanted visible box around them rather than
serving any real purpose (it made sense as a fallback plate before logos were confirmed
transparent, but Drew confirmed they always are). Also tightened the gap between the logo and the
company name, which read as too far apart.
v1.5.3-alpha.23: logo bumped again to 150px per Drew's explicit ask - initial-letter tile and
horizontal-logo variants scaled up to match so all three stay visually consistent with each
other. */
.bls-review-brand-header{display:flex;align-items:center;gap:10px;margin:0 0 16px;}
.bls-review-brand-header img{display:block;}
.bls-review-brand-logo-square{width:150px;height:150px;border-radius:28px;object-fit:cover;flex-shrink:0;}
.bls-review-brand-logo-horizontal{max-height:110px;max-width:440px;object-fit:contain;flex-shrink:0;}
.bls-review-brand-initial{width:150px;height:150px;border-radius:28px;background:#ffd200;color:#0a0a0a;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:58px;flex-shrink:0;line-height:1;}
.bls-review-brand-name{margin:0;font-size:26px;font-weight:900;line-height:1.2;color:#17191d;}
.bls-review-brand-rule{border:none;border-top:1px solid #edf0f2;margin:0 0 20px;}
.bls-admin-detail-grid section,.bls-review-block{background:#f9fafb;border:1px solid #edf0f2;border-radius:24px;padding:24px;}
.bls-review-block{margin-top:22px;}
.bls-admin-detail-grid section h3,.bls-review-block h3{margin:0 0 10px;font-size:18px;line-height:1.25;font-weight:900;color:#17191d;}
.bls-admin-detail-grid section p,.bls-review-block p{margin:0;font-size:16px;line-height:1.6;color:#3d434c;font-weight:700;}
.bls-mini-timeline{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.bls-mini-timeline span{padding:11px 15px;border-radius:999px;background:#eceff3;color:#68707a;font-weight:900;font-size:13px;}
.bls-mini-timeline span.done{background:#e9f8ef;color:#137640;}.bls-mini-timeline span.active{background:#fff1b9;color:#5d4700;}
.bls-chat-preview{display:flex;flex-direction:column;gap:16px;}.bls-chat-row{border-radius:22px;padding:20px 22px;max-width:820px;}.bls-chat-row.buzz{background:#fff8d8;border:1px solid #ffd200;}.bls-chat-row.expert{background:#f2f6ff;border:1px solid #dce7ff;}.bls-chat-row b{display:block;margin-bottom:6px;}.bls-chat-row p{font-weight:750;color:#4e5662;line-height:1.5;margin:0;}
/* v1.5.3-alpha.30 bug fix: this was a leftover placeholder-era rule from before the real task-item
component (.bls-task-item/.bls-task-check, further down this file) existed. ".bls-task-list
label" (specificity 0,1,1 - a class plus a tag) was accidentally BEATING ".bls-task-check"
(specificity 0,1,0 - class only) on every property they both touch, regardless of which came
first in the file - CSS specificity always wins over source order. Since .bls-task-check IS a