#smm-workspace-panel{--smm-paper:#fbf8f3;--smm-soft:#f5f0e8;--smm-ink:#1c3a57;--smm-muted:#586979;--smm-line:#e4d9c8;--smm-positive:#087b49;--smm-negative:#b82324;--smm-work:#984700}
body[data-crm-appearance=night] #smm-workspace-panel{--smm-paper:#1c3a57;--smm-soft:#244561;--smm-ink:#f5f0e8;--smm-muted:#dcc4a8;--smm-line:#48617a;--smm-positive:#85e0ac;--smm-negative:#ffb2ae;--smm-work:#ffc47e}
.smm-plan-toolbar,.smm-plan-period{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}
.smm-plan-toolbar{justify-content:space-between}.smm-plan-views{display:flex;gap:4px;flex-wrap:wrap}
#smm-workspace-panel .smm-plan-views button[aria-pressed=true]{background:var(--smm-ink)!important;color:var(--smm-paper)!important;border-color:var(--smm-ink)!important}
.smm-plan-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}
.smm-plan-filters label{display:grid;gap:6px;min-width:0;font:600 11px/1.5 Montserrat,sans-serif;color:var(--smm-muted)!important}
.smm-plan-filters :is(input,select){width:100%;min-width:0;font-size:12px;min-height:40px;box-sizing:border-box}
.smm-plan-search{grid-column:span 2}.smm-plan-filters>button{justify-self:start;min-height:40px}
#smm-workspace-panel :is(.smm-plan-count,.smm-plan-empty-day){font:500 11px/1.5 Montserrat,sans-serif;color:var(--smm-muted)!important}
.smm-plan-period strong{font:600 13px/1.5 Montserrat,sans-serif;color:var(--smm-ink)!important;text-transform:none}
.smm-plan-period button{min-height:36px}.smm-plan-period[hidden]{display:none}
#smm-workspace-panel .smm-calendar-day{min-width:0;background:var(--smm-soft)!important;border:1px solid var(--smm-line)!important;border-radius:10px;padding:12px}
#smm-workspace-panel .smm-calendar-day h4{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--smm-ink)!important;font-size:12px}
.smm-calendar-day.is-today{outline:2px solid #b48c64;outline-offset:-2px}
.smm-plan-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;align-items:start}
.smm-plan-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:start;grid-column:1/-1;width:100%}
.smm-plan-month .smm-plan-date-grid>.smm-calendar-day:first-child{grid-column:var(--smm-first-day)}
#smm-workspace-panel .smm-content-card{min-width:0;border-left:3px solid var(--smm-work)!important;overflow-wrap:anywhere;padding:12px;transition:border-color .15s ease}
#smm-workspace-panel .smm-content-card[data-status=published]{border-left-color:var(--smm-positive)!important}
#smm-workspace-panel .smm-content-card[data-status=cancelled]{border-left-color:var(--smm-negative)!important}
.smm-content-card .entry-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.smm-content-card button{min-width:0;white-space:normal;text-align:left;line-height:1.5;padding:7px 9px;font-size:11px}
#smm-workspace-panel .smm-plan-status{display:inline-block;margin:6px 0;font:600 10px/1.5 Montserrat,sans-serif;color:var(--smm-work)!important}
#smm-workspace-panel [data-status=published] .smm-plan-status{color:var(--smm-positive)!important}
#smm-workspace-panel [data-status=cancelled] .smm-plan-status{color:var(--smm-negative)!important}
.smm-plan-week,.smm-plan-month{display:grid;grid-template-columns:1fr;gap:12px}
.smm-preview-dialog,.smm-utm-dialog{width:min(680px,calc(100vw - 24px));padding:0;max-height:90dvh;overflow:auto}
.smm-preview-body{padding:24px}.smm-preview-body h2{font-size:20px;overflow-wrap:anywhere}
.smm-post-preview{border:1px solid #e4d9c8;border-radius:12px;background:#fffdf9;color:#1c3a57;padding:20px}
.smm-preview-copy,.smm-preview-comment p{white-space:pre-wrap;overflow-wrap:anywhere;font:400 14px/1.7 Montserrat,sans-serif;margin-top:16px}
.smm-preview-comment{padding:12px 0}.smm-preview-comment h3{font-size:12px}.smm-preview-body .auth-hint{font-size:11px;line-height:1.6;color:#586979!important}
.smm-composer-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:500 11px/1.5 Montserrat,sans-serif;color:#586979;margin-top:6px;padding-inline:4px;box-sizing:border-box}
.smm-composer-tools output{margin-right:auto}.smm-composer-tools button{font-size:11px;padding:6px 9px;min-height:44px}
@media(min-width:1600px){.smm-plan-month .smm-content-card button{padding:5px;font-size:10px}}
@media(max-width:1599px){.smm-plan-month .smm-plan-date-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.smm-plan-month .smm-plan-date-grid>.smm-calendar-day:first-child{grid-column:auto}}
@media(max-width:1250px){.smm-plan-week .smm-plan-date-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.smm-plan-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.smm-plan-month .smm-plan-date-grid,.smm-plan-week .smm-plan-date-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.smm-plan-date-grid,.smm-plan-month .smm-plan-date-grid,.smm-plan-week .smm-plan-date-grid{grid-template-columns:1fr}.smm-plan-filters{grid-template-columns:1fr}.smm-plan-search{grid-column:auto}.smm-plan-toolbar>button{width:100%}.smm-preview-body{padding:16px}.smm-preview-body .dialog-heading{gap:10px}.smm-preview-body .dialog-heading button{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){#smm-workspace-panel .smm-content-card{transition:none}}
/* Existing SMM blocks use the same surface/text pairs as the new planner. */
#smm-workspace-panel .smm-analytics-panel,#smm-workspace-panel .smm-analytics-toolbar,#smm-workspace-panel .smm-platform-analytics{background:var(--smm-soft)!important;color:var(--smm-ink)!important;border-color:var(--smm-line)!important}
#smm-workspace-panel :is(h3,h4,.smm-analytics-toolbar h3,.smm-platform-analytics h4){color:var(--smm-ink)!important}
#smm-workspace-panel :is(.auth-hint,.empty,.smm-scope-note,.smm-analytics-toolbar p,.smm-analytics-filters label,.smm-platform-analytics p,.smm-platform-analytics small){color:var(--smm-muted)!important}
#smm-workspace-panel :is(.smm-metrics article,.smm-platform-metric-grid article){background:var(--smm-paper)!important;color:var(--smm-ink)!important;border-color:var(--smm-line)!important}
#smm-workspace-panel :is(.smm-metrics article,.smm-platform-metric-grid article) :is(span,small){color:var(--smm-muted)!important}
#smm-workspace-panel :is(.smm-metrics article,.smm-platform-metric-grid article) strong{color:var(--smm-ink)!important}
.smm-plan-toolbar,.smm-plan-filters,.smm-plan-period,.smm-plan-count{margin-left:18px;margin-right:18px}
#smm-content-list{padding:0 18px 18px;box-sizing:border-box}
.smm-plan-filters :is(input,select){border:1px solid var(--smm-line);border-radius:8px;padding:9px 10px;background:#fffdf9;color:#1c3a57;font-family:Montserrat,sans-serif}
.smm-plan-filters input::placeholder{color:#586979;opacity:1}
@media(max-width:520px){.smm-plan-toolbar,.smm-plan-filters,.smm-plan-period,.smm-plan-count{margin-left:12px;margin-right:12px}#smm-content-list{padding:0 12px 12px}}

/* Shared read-only preview: title and Close stay visible with long content. */
.smm-preview-dialog:has(.smm-preview-content){overflow:hidden}.smm-preview-body:has(>.smm-preview-content){display:flex;flex-direction:column;max-height:min(90dvh,calc(100dvh - 28px));box-sizing:border-box;min-height:0}.smm-preview-body>.dialog-heading,.smm-preview-body>.dialog-actions{flex:none}.smm-preview-content{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 8px 0 0}.smm-preview-record-title{font:700 16px/1.5 Montserrat,Arial,sans-serif;overflow-wrap:anywhere;margin:8px 0 12px}.smm-preview-content:focus-visible{outline:2px solid #876640;outline-offset:-2px;border-radius:4px}.smm-preview-body>.dialog-actions{padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}.smm-preview-dialog :is(.dialog-heading button,.dialog-actions button){min-width:44px;min-height:44px}#smm-action-notice{scroll-margin-top:80px;overflow-wrap:anywhere}#smm-action-notice button{min-height:44px;margin-left:8px}

.smm-preview-content>a.button{display:inline-flex;align-items:center;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid var(--line,#d8ccbd);border-radius:8px;color:#1c3a57;background:transparent;font:600 12px/1.5 Montserrat,Arial,sans-serif;text-decoration:none;margin:8px 0}.smm-preview-content>a.button:focus-visible{outline:2px solid #876640;outline-offset:3px}

/* Keep short fields compact beside the taller collaborator picker. */
#partner-workspace-form[data-kind="smm-content"] label { align-content: start; }

/* Separate internal SMM workspace: preserves current CRM theme and controls. */
.sidebar .nav-item[data-workspace="smm"] .smm-icon{color:#8468b5;}
.smm-dedicated-section>#department-header-panel,.smm-dedicated-section>.communication-panel,.smm-dedicated-section>#department-workspace-nav{display:none!important;}
#marketing-workspace-panel.smm-standalone{border:0;background:transparent;padding:0;box-shadow:none;}
#marketing-workspace-panel.smm-standalone>div.panel-title,#marketing-workspace-panel.smm-standalone>.marketing-tabs,#marketing-workspace-panel.smm-standalone>[data-marketing-filters]{display:none!important;}
#marketing-workspace-panel.smm-standalone #marketing-smm{padding:0;border:0;}
#marketing-workspace-panel.smm-standalone #smm-workspace-panel{padding:clamp(16px,2vw,28px);}
.smm-workspace-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px;}
.smm-workspace-nav button{min-height:40px;}
.smm-workspace-nav [aria-pressed="true"]{background:var(--navy,#173958);color:#fff;}
#smm-workspace-panel [data-smm-surface-panel][hidden]{display:none!important;}
#smm-workspace-panel .official-forms{padding:0;border:0;background:transparent;}
#smm-workspace-panel .smm-plan-notice{margin:12px 0;}
#smm-workspace-panel .smm-plan-filters{margin:12px 0;}
#smm-workspace-panel .smm-plan-month .smm-calendar-day{min-width:0;overflow-wrap:anywhere;}
@media(max-width:700px){#smm-workspace-panel>.panel-title{flex-wrap:wrap;gap:12px;}#smm-workspace-panel>.panel-title>.entry-actions{flex-wrap:wrap;} .smm-workspace-nav{gap:6px;} .smm-workspace-nav button{flex:1 1 auto;}#smm-workspace-panel .smm-plan-date-grid{grid-template-columns:minmax(0,1fr);}}

.smm-dedicated-section>#department-team-panel{display:none!important;}
#marketing-workspace-panel.smm-standalone>.marketing-status{display:none!important;}
#smm-workspace-panel #smm-surface-plan>.official-forms>.smm-section-heading{display:none;}
#smm-workspace-panel .smm-workspace-nav [aria-pressed="true"]{background:var(--smm-ink)!important;color:var(--smm-paper)!important;border-color:var(--smm-ink)!important;}
.sidebar .nav-item[data-workspace="smm"] .smm-icon{color:#d2baff!important;background:rgba(163,126,225,.16)!important;border-color:rgba(210,186,255,.55)!important;}
#smm-workspace-panel .smm-month-day>summary{display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;list-style:none;min-height:40px;color:var(--smm-ink);font-size:12px;font-weight:600;}
#smm-workspace-panel .smm-month-day>summary::-webkit-details-marker{display:none;}
#smm-workspace-panel .smm-month-day>summary:focus-visible{outline:2px solid var(--smm-work);outline-offset:2px;}
#smm-workspace-panel .smm-month-day>summary::after{content:'＋';font-size:14px;}
#smm-workspace-panel .smm-month-day[open]>summary::after{content:'−';}
#smm-workspace-panel .smm-month-day[open]>.smm-month-content{padding-top:10px;}
#smm-workspace-panel .smm-month-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;text-align:center;color:var(--smm-muted);font-size:12px;margin:12px 0;}
@media(max-width:700px){#smm-workspace-panel .smm-month-weekdays{display:none;}#smm-workspace-panel .smm-plan-month .smm-plan-date-grid>.smm-calendar-day:first-child{grid-column:auto;}}
@media(min-width:1100px){
#smm-workspace-panel #smm-surface-plan>.official-forms{display:grid;grid-template-columns:210px minmax(0,1fr);grid-template-areas:"filters toolbar" "filters period" "filters count" "filters calendar";column-gap:20px;align-items:start;}
#smm-workspace-panel .smm-plan-toolbar{grid-area:toolbar;margin-top:0;}
#smm-workspace-panel .smm-plan-filters{grid-area:filters;display:grid;grid-template-columns:minmax(0,1fr);margin-top:0;padding-right:16px;border-right:1px solid var(--smm-line);}
#smm-workspace-panel .smm-plan-filters>*{grid-column:1;}
#smm-workspace-panel #smm-plan-period{grid-area:period;}
#smm-workspace-panel #smm-plan-count{grid-area:count;}
#smm-workspace-panel #smm-content-list{grid-area:calendar;}
#smm-workspace-panel #smm-action-notice{grid-column:2;}
#smm-workspace-panel .smm-month-day{padding:8px;}
#smm-workspace-panel .smm-month-day>summary{flex-wrap:wrap;font-size:11px;}
#smm-workspace-panel .smm-month-day .smm-month-content{min-width:0;}
}