/* Legacy SellSheds social workspace and tenant-owned publishing planner. */
#screenSocial { background:var(--earth); }
.social-hub-shell { width:min(100%,980px);margin:0 auto;padding:14px 14px 110px; }
.social-hub-hero { position:relative;overflow:hidden;border:1px solid rgba(var(--wheat-rgb),.3);border-radius:16px;padding:18px 16px;background:linear-gradient(140deg,rgba(var(--barn-rgb),.42),rgba(var(--surface-rgb),.045));box-shadow:0 14px 34px rgba(0,0,0,.17); }
.social-hub-hero::after { content:"";position:absolute;width:190px;height:190px;right:-80px;top:-95px;border:32px solid rgba(var(--wheat-rgb),.055);border-radius:50%;pointer-events:none; }
.social-hub-kicker,.social-hub-card-label { color:rgba(var(--wheat-rgb),.68);font:600 .64rem/1 'Oswald',sans-serif;letter-spacing:1.65px;text-transform:uppercase; }
.social-hub-hero h1 { margin:6px 0 0;color:var(--wheat);font:500 2rem/1 'Bebas Neue',Impact,sans-serif;letter-spacing:2px; }
.social-hub-hero>p { position:relative;z-index:1;max-width:520px;margin:8px 0 0;color:rgba(var(--cream-rgb),.72);font-size:.8rem;line-height:1.48; }
.social-hub-totals { position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:16px; }
.social-hub-totals div { min-width:0;padding:9px 5px;border:1px solid rgba(var(--wheat-rgb),.18);border-radius:10px;background:rgba(var(--surface-rgb),.055);text-align:center; }
.social-hub-totals strong { display:block;color:var(--wheat);font:650 1.18rem/1 'Oswald',sans-serif; }
.social-hub-totals span { display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;color:rgba(var(--cream-rgb),.55);font-size:.53rem;letter-spacing:.45px;text-transform:uppercase;white-space:nowrap; }
.social-hub-tools { display:grid;gap:11px;margin-top:12px; }
.social-hub-card { position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid rgba(var(--wheat-rgb),.22);border-radius:14px;padding:14px;background:rgba(var(--surface-rgb),.045);box-shadow:0 8px 24px rgba(0,0,0,.11); }
.social-hub-card::before { content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;border-radius:0 3px 3px 0;background:var(--rust); }
.social-hub-card-links::before { background:var(--wheat); }
.social-hub-card-stickers::before { background:var(--sage); }
.social-hub-card-business::before { background:#d87832; }
.social-hub-card-head { display:flex;align-items:center;gap:11px; }
.social-hub-card-icon { width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(var(--wheat-rgb),.22);border-radius:11px;background:rgba(var(--wheat-rgb),.07);color:var(--wheat); }
.social-hub-card-icon svg { width:22px;height:22px; }
.social-hub-card h2 { margin:4px 0 0;color:var(--cream);font-size:1rem;line-height:1.15; }
.social-hub-card>p { min-height:42px;margin:10px 0;color:rgba(var(--cream-rgb),.64);font-size:.72rem;line-height:1.45; }
.social-hub-card-stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:2px; }
.social-hub-card-stats div { min-width:0;padding:8px 5px;border-radius:9px;background:rgba(var(--surface-rgb),.055);text-align:center; }
.social-hub-card-stats strong { display:block;color:var(--wheat);font:650 1rem/1 'Oswald',sans-serif; }
.social-hub-card-stats span { display:block;margin-top:4px;color:rgba(var(--cream-rgb),.48);font-size:.51rem;letter-spacing:.35px;text-transform:uppercase; }
.social-hub-top-item,.social-hub-sticker-summary { margin-top:8px;padding:9px 10px;border:1px solid rgba(var(--wheat-rgb),.13);border-radius:9px;color:rgba(var(--cream-rgb),.62);font-size:.65rem;line-height:1.35; }
.social-hub-sticker-summary strong,.social-hub-sticker-summary span { display:block; }
.social-hub-sticker-summary strong { color:var(--wheat);font-size:.73rem; }
.social-hub-sticker-summary span { margin-top:3px;color:rgba(var(--cream-rgb),.5); }
.social-hub-open { min-height:43px;margin-top:11px;border:1px solid rgba(var(--wheat-rgb),.35);border-radius:10px;padding:9px 11px;background:rgba(var(--barn-rgb),.52);color:var(--cream);font:700 .69rem/1 'Oswald',sans-serif;letter-spacing:.85px;text-align:left; }
.social-hub-open span { float:right;font-size:1rem; }
@media(min-width:720px){
  .social-hub-tools { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .social-hub-card>p { min-height:66px; }
}
@media(max-width:370px){
  .social-hub-totals { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

.business-card-launcher-backdrop { position:fixed;z-index:430;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:18px 14px calc(18px + env(safe-area-inset-bottom));background:rgba(11,6,4,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px); }
.business-card-launcher-backdrop[hidden] { display:none!important; }
.business-card-launcher-sheet { width:min(100%,460px);border:1px solid rgba(var(--wheat-rgb),.34);border-radius:18px;padding:16px;background:linear-gradient(155deg,var(--earth),var(--dark));box-shadow:0 22px 60px rgba(0,0,0,.48); }
.business-card-launcher-sheet h2 { margin:0;color:var(--wheat);font:500 1.55rem/1 'Bebas Neue',Impact,sans-serif;letter-spacing:1.4px; }
.business-card-launcher-sheet p { margin:7px 0 15px;color:rgba(var(--cream-rgb),.65);font-size:.75rem;line-height:1.45; }
.business-card-launcher-actions { display:grid;gap:9px; }
.business-card-launcher-action { min-height:50px;border:1px solid rgba(var(--wheat-rgb),.31);border-radius:11px;padding:12px 14px;background:rgba(var(--surface-rgb),.055);color:var(--cream);font:750 .82rem/1.2 'DM Sans',sans-serif;text-align:left; }
.business-card-launcher-action.primary { border-color:var(--barn);background:var(--barn);color:var(--cream); }
.business-card-launcher-cancel { width:100%;min-height:42px;margin-top:9px;border:0;background:transparent;color:rgba(var(--cream-rgb),.6);font:700 .76rem/1 'DM Sans',sans-serif; }
@media(min-width:620px){.business-card-launcher-backdrop{align-items:center}}

#screenSocialPlanner { background:var(--earth); }
.sp-shell { padding:14px 14px 110px; }
.sp-hero {
  border:1px solid rgba(var(--wheat-rgb),.3); border-radius:15px; padding:15px;
  background:linear-gradient(145deg,rgba(var(--barn-rgb),.36),rgba(var(--surface-rgb),.035));
  box-shadow:0 12px 30px rgba(0,0,0,.15);
}
.sp-hero-row { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.sp-kicker { font:500 .72rem/1 'Oswald',sans-serif; letter-spacing:2.1px; text-transform:uppercase; color:rgba(var(--wheat-rgb),.7); }
.sp-title { margin-top:5px; font:500 1.85rem/1 'Bebas Neue',Impact,sans-serif; letter-spacing:2px; color:var(--wheat); }
.sp-sub { margin-top:7px; max-width:330px; color:rgba(var(--cream-rgb),.72); font-size:.78rem; line-height:1.45; }
.sp-new-btn { border:1px solid rgba(var(--wheat-rgb),.6); border-radius:11px; padding:10px 12px; background:var(--barn); color:#fff; font:600 .86rem/1 'Oswald',sans-serif; letter-spacing:1px; white-space:nowrap; }
.sp-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-top:14px; }
.sp-stat { min-width:0; border:1px solid rgba(var(--wheat-rgb),.18); border-radius:10px; padding:8px 5px; text-align:center; background:rgba(var(--surface-rgb),.045); }
.sp-stat strong { display:block; color:var(--wheat); font:600 1.15rem/1 'Oswald',sans-serif; }
.sp-stat span { display:block; margin-top:4px; overflow:hidden; text-overflow:ellipsis; color:rgba(var(--cream-rgb),.62); font-size:.58rem; letter-spacing:.6px; text-transform:uppercase; }
.sp-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin:12px 0; padding:4px; border:1px solid rgba(var(--wheat-rgb),.18); border-radius:12px; background:rgba(var(--surface-rgb),.035); }
.sp-tab { min-height:39px; border:0; border-radius:8px; background:transparent; color:rgba(var(--cream-rgb),.62); font:500 .69rem/1.05 'Oswald',sans-serif; letter-spacing:.65px; text-transform:uppercase; }
.sp-tab.active { color:#fff; background:var(--barn); box-shadow:0 4px 14px rgba(0,0,0,.18); }
.sp-toolbar { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:12px 0; }
.sp-filter { min-width:0; flex:1; height:42px; border:1px solid rgba(var(--wheat-rgb),.27); border-radius:10px; padding:0 10px; background:var(--field-bg); color:var(--cream); }
.sp-icon-btn { min-height:42px; border:1px solid rgba(var(--wheat-rgb),.32); border-radius:10px; padding:0 12px; background:rgba(var(--surface-rgb),.05); color:var(--wheat); font-weight:700; }
.sp-panel[hidden] { display:none!important; }
.sp-empty { padding:28px 18px; text-align:center; border:1px dashed rgba(var(--wheat-rgb),.25); border-radius:14px; color:rgba(var(--cream-rgb),.58); font-size:.82rem; line-height:1.5; }
.sp-list { display:grid; gap:10px; }
.sp-card { position:relative; border:1px solid rgba(var(--wheat-rgb),.24); border-radius:13px; padding:12px; background:rgba(var(--surface-rgb),.045); overflow:hidden; }
.sp-card::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:var(--rust); opacity:.8; }
.sp-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.sp-channel { color:rgba(var(--wheat-rgb),.72); font:500 .64rem/1 'Oswald',sans-serif; letter-spacing:1.2px; text-transform:uppercase; }
.sp-card h3 { margin:5px 0 0; color:var(--cream); font-size:.92rem; line-height:1.28; }
.sp-status { flex:0 0 auto; border:1px solid currentColor; border-radius:999px; padding:4px 7px; color:var(--wheat); font-size:.57rem; font-weight:700; letter-spacing:.7px; text-transform:uppercase; }
.sp-status.posted { color:var(--sage); }
.sp-status.failed,.sp-status.refresh_due { color:#f09a78; }
.sp-copy { margin:8px 0; color:rgba(var(--cream-rgb),.7); font-size:.75rem; line-height:1.42; white-space:pre-wrap; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.sp-meta { display:flex; flex-wrap:wrap; gap:5px 10px; color:rgba(var(--cream-rgb),.5); font-size:.64rem; }
.sp-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin-top:10px; }
.sp-action { min-height:38px; border:1px solid rgba(var(--wheat-rgb),.28); border-radius:9px; padding:6px; background:rgba(var(--surface-rgb),.04); color:var(--wheat); font:600 .68rem/1.12 'Oswald',sans-serif; letter-spacing:.5px; }
.sp-action.primary { background:var(--barn); border-color:rgba(var(--wheat-rgb),.45); color:#fff; }
.sp-calendar-day { margin-bottom:11px; }
.sp-day-title { display:flex; justify-content:space-between; padding:0 3px 6px; border-bottom:1px solid rgba(var(--wheat-rgb),.16); color:rgba(var(--wheat-rgb),.8); font:500 .72rem/1 'Oswald',sans-serif; letter-spacing:1.1px; text-transform:uppercase; }
.sp-day-items { display:grid; gap:7px; margin-top:7px; }
.sp-day-item { display:grid; grid-template-columns:50px 1fr auto; align-items:center; gap:8px; padding:9px; border:1px solid rgba(var(--wheat-rgb),.16); border-radius:10px; background:rgba(var(--surface-rgb),.035); }
.sp-day-time { color:var(--wheat); font-size:.65rem; }
.sp-day-copy { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--cream); font-size:.75rem; }
.sp-idea-grid { display:grid; gap:9px; }
.sp-idea { border:1px solid rgba(var(--wheat-rgb),.2); border-radius:12px; padding:12px; background:linear-gradient(130deg,rgba(var(--surface-rgb),.05),rgba(var(--barn-rgb),.12)); }
.sp-idea strong { color:var(--cream); font-size:.86rem; }
.sp-idea p { margin:6px 0 10px; color:rgba(var(--cream-rgb),.65); font-size:.72rem; line-height:1.4; }
.sp-metric-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.sp-metric { border:1px solid rgba(var(--wheat-rgb),.2); border-radius:12px; padding:13px; background:rgba(var(--surface-rgb),.04); }
.sp-metric strong { display:block; color:var(--wheat); font:600 1.55rem/1 'Oswald',sans-serif; }
.sp-metric span { display:block; margin-top:6px; color:rgba(var(--cream-rgb),.55); font-size:.65rem; text-transform:uppercase; letter-spacing:.7px; }
.sp-note { margin-top:10px; padding:10px; border-radius:10px; background:rgba(var(--sage-rgb,122,158,135),.08); border:1px solid rgba(122,158,135,.25); color:rgba(var(--cream-rgb),.67); font-size:.69rem; line-height:1.45; }
.sp-modal-backdrop { display:none; position:fixed; inset:0; z-index:18000; padding:calc(env(safe-area-inset-top,0px) + 18px) 12px calc(env(safe-area-inset-bottom,0px) + 18px); background:rgba(8,4,2,.76); align-items:flex-end; justify-content:center; }
.sp-modal-backdrop.open { display:flex; }
.sp-modal { width:min(100%,480px); max-height:92vh; overflow:auto; border:1px solid rgba(var(--wheat-rgb),.35); border-radius:17px; padding:15px; background:var(--dialog-bg); box-shadow:0 25px 70px rgba(0,0,0,.45); }
.sp-modal-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.sp-modal-head h2 { color:var(--wheat); font:500 1.45rem/1 'Bebas Neue',Impact,sans-serif; letter-spacing:1.6px; }
.sp-close { width:38px; height:38px; border:1px solid rgba(var(--wheat-rgb),.25); border-radius:50%; background:transparent; color:var(--wheat); font-size:1.35rem; }
.sp-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.sp-field { margin-bottom:10px; }
.sp-field.full { grid-column:1/-1; }
.sp-field label { display:block; margin:0 0 5px; color:rgba(var(--wheat-rgb),.7); font:500 .65rem/1 'Oswald',sans-serif; letter-spacing:1px; text-transform:uppercase; }
.sp-field input,.sp-field select,.sp-field textarea { width:100%; border:1px solid rgba(var(--wheat-rgb),.27); border-radius:10px; padding:11px; background:var(--field-bg); color:var(--cream); font:inherit; }
.sp-field textarea { min-height:116px; resize:vertical; line-height:1.4; }
.sp-variants { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; margin:6px 0 10px; }
.sp-variant { min-height:36px; border:1px solid rgba(var(--wheat-rgb),.25); border-radius:8px; background:transparent; color:var(--wheat); font-size:.65rem; }
.sp-variant.active { background:rgba(var(--barn-rgb),.5); }
.sp-media-picker { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.sp-media-option { position:relative; min-height:84px; border:2px solid transparent; border-radius:10px; padding:0; overflow:hidden; background:rgba(var(--surface-rgb),.05); }
.sp-media-option img { width:100%; height:84px; display:block; object-fit:cover; }
.sp-media-option.selected { border-color:var(--wheat); box-shadow:0 0 0 2px rgba(var(--wheat-rgb),.18); }
.sp-media-order { position:absolute; top:5px; right:5px; min-width:22px; height:22px; display:grid; place-items:center; border-radius:50%; background:var(--barn); color:#fff; font-size:.68rem; font-weight:800; }
.sp-media-empty { grid-column:1/-1; padding:12px; border:1px dashed rgba(var(--wheat-rgb),.2); border-radius:9px; color:rgba(var(--cream-rgb),.55); font-size:.7rem; line-height:1.4; }
.sp-modal-actions { position:sticky; bottom:-15px; display:grid; grid-template-columns:1fr 1.3fr; gap:8px; margin:14px -15px -15px; padding:11px 15px calc(11px + env(safe-area-inset-bottom,0px)); background:var(--dialog-bg); border-top:1px solid rgba(var(--wheat-rgb),.16); }
.sp-package-box { border:1px solid rgba(var(--wheat-rgb),.22); border-radius:11px; padding:11px; margin-bottom:9px; background:rgba(var(--surface-rgb),.035); }
.sp-package-box h3 { color:rgba(var(--wheat-rgb),.72); font:500 .66rem/1 'Oswald',sans-serif; letter-spacing:1px; text-transform:uppercase; }
.sp-package-box pre { margin-top:7px; color:var(--cream); font:inherit; font-size:.75rem; line-height:1.42; white-space:pre-wrap; overflow-wrap:anywhere; }
html[data-theme="light"] .sp-new-btn,html[data-theme="light"] .sp-tab.active,html[data-theme="light"] .sp-action.primary { color:#fff; }
@media(max-width:370px){
  .sp-stats { grid-template-columns:repeat(2,1fr); }
  .sp-tabs { grid-template-columns:repeat(2,1fr); }
  .sp-form-grid { grid-template-columns:1fr; }
  .sp-field.full { grid-column:auto; }
}