:root{--navy:#0b1f3a;--blue:#0d6efd;--cyan:#17a2b8;--bg:#f3f6fa;--panel:#fff;--text:#172033;--muted:#657185;--line:#dce3ec;--success:#147d47;--warning:#9a6500;--danger:#ba2d37;--shadow:0 10px 28px rgba(11,31,58,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:.72rem .8rem;background:#fff;color:var(--text)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(13,110,253,.14);border-color:var(--blue)}label{display:grid;gap:.38rem;font-weight:650;color:#344054}label small{font-weight:400;color:var(--muted)}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.topbar{height:68px;padding:0 28px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:20;box-shadow:0 4px 14px rgba(0,0,0,.14)}.brand{display:flex;align-items:center;gap:10px;min-width:190px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#36b7c9,#0d6efd);font-weight:900}.brand span:last-child{display:grid;line-height:1.05}.brand strong{font-size:17px}.brand small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.72;margin-top:4px}.topbar nav{display:flex;gap:5px;flex:1}.topbar nav a{padding:.62rem .78rem;border-radius:7px;color:#cfdaea}.topbar nav a:hover{background:rgba(255,255,255,.09);color:#fff}.container{max-width:1450px;margin:0 auto;padding:32px 28px 60px}footer{text-align:center;padding:24px;color:var(--muted);font-size:12px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.page-heading h1{font-size:31px;line-height:1.1;margin:.25rem 0 .35rem}.page-heading p{margin:0;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--blue)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel h2,.panel-head h2{font-size:17px;margin:0}.panel-head>a{color:var(--blue);font-weight:650}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:.7rem 1rem;font-weight:750;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#075ecf}.btn-secondary{background:#e7eef8;color:var(--navy)}.btn-secondary:hover{background:#d9e5f5}.btn-ghost{background:transparent;color:inherit;border:1px solid var(--line)}.topbar .btn-ghost{border-color:rgba(255,255,255,.25);color:#fff}.btn-small{padding:.4rem .62rem;font-size:12px}.btn-block{width:100%}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow);display:grid;gap:4px}.kpi span{color:var(--muted);font-weight:650}.kpi strong{font-size:31px;color:var(--navy)}.kpi-danger strong{color:var(--danger)}.two-columns{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-bottom:20px}.table-wrap{overflow:auto;padding:0}.table-wrap .panel-head{padding:20px 20px 0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #e8edf3;vertical-align:middle}th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);background:#f8fafc}tbody tr:last-child td{border-bottom:0}.nowrap{white-space:nowrap}.empty{text-align:center;color:var(--muted);padding:35px}.inactive{opacity:.55}.topic-link{font-weight:700;color:var(--navy)}td small{display:block;color:var(--muted);margin-top:3px}.channel,.status,.log-level{display:inline-flex;align-items:center;border-radius:999px;padding:.28rem .58rem;font-size:11px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.channel{background:#edf2f7;color:#364152}.channel-linkedin{background:#e7f1fa;color:#0866a9}.channel-facebook{background:#e8efff;color:#2356b6}.channel-instagram{background:#f9eaf4;color:#9c2b72}.channel-tiktok{background:#e7f6f5;color:#0d6f69}.channel-youtube{background:#ffe8e8;color:#b42318}.status-pending_approval{background:#fff1c7;color:#825500}.status-scheduled{background:#dff0ff;color:#065da1}.status-publishing{background:#e9e2ff;color:#5d39a3}.status-published{background:#dcf5e7;color:#147d47}.status-simulated{background:#e8edf4;color:#4e5969}.status-failed{background:#ffe2e5;color:#a5232c}.status-draft{background:#edf0f4;color:#606c7c}.status-large{font-size:13px;padding:.45rem .8rem}.channel-list{display:grid;gap:10px}.channel-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.channel-row:last-child{border:0}.notice{margin-top:16px;background:#f0f6ff;border-left:4px solid var(--blue);padding:11px 13px;color:#40536f;border-radius:5px}.error-row{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid var(--line)}.error-row a{font-weight:700}.error-row span,.error-text{color:var(--danger)}.filters{display:flex;gap:10px;margin-bottom:16px;align-items:center}.filters input{max-width:330px}.filters select{max-width:210px}.actions{display:flex;align-items:center;gap:7px}.actions form{margin:0}.edit-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.7fr);gap:20px}.form-stack{display:grid;gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkbox{display:flex;align-items:center;gap:8px;align-self:end;padding:.72rem 0}.checkbox input{width:auto}.side-stack{display:grid;gap:16px;align-content:start}.button-stack{display:grid;gap:9px;margin-top:13px}.brief{white-space:pre-wrap;margin:12px 0 0;color:#435068;font-size:12px}.metadata dl{display:grid;grid-template-columns:95px 1fr;gap:9px;margin:13px 0 0}.metadata dt{color:var(--muted)}.metadata dd{margin:0;overflow-wrap:anywhere}.channel-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.docs ul{padding-left:20px}.docs li{margin:.5rem 0}.import-card{max-width:700px;display:grid;gap:18px;margin-bottom:20px}.alert{padding:12px 14px;border-radius:8px;margin-bottom:15px;border:1px solid}.alert-success{background:#e7f7ee;border-color:#b8e3c9;color:#126b3d}.alert-warning{background:#fff7df;border-color:#efd79a;color:#805800}.alert-error{background:#ffeaec;border-color:#efb9bf;color:#96242d}.alert-info{background:#ebf4ff;border-color:#bdd7f6;color:#164f85}.log-info{background:#e8f2ff;color:#1d5f9d}.log-warning{background:#fff2cf;color:#8c5b00}.log-error{background:#ffe2e5;color:#a5232c}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#dfeafb,transparent 38%),linear-gradient(135deg,#eef3f8,#dfe8f3)}.login-card{width:min(420px,calc(100% - 32px));padding:34px;background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(11,31,58,.18);display:grid;gap:18px}.login-brand{color:var(--navy)}.login-card h1{margin:6px 0 0;font-size:25px}.login-card p{margin:0;color:var(--muted)}
@media(max-width:1000px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.two-columns,.edit-grid{grid-template-columns:1fr}.channel-config-grid{grid-template-columns:1fr}.topbar nav{display:none}}@media(max-width:650px){.container{padding:22px 14px 50px}.topbar{padding:0 14px}.topbar .brand{min-width:0;flex:1}.page-heading{align-items:flex-start;flex-direction:column}.kpi-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.filters{align-items:stretch;flex-direction:column}.filters input,.filters select{max-width:none}.actions{flex-wrap:wrap}}
.calendar{padding:0;overflow:hidden}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays>div{padding:10px 12px;background:#eef3f8;border-right:1px solid var(--line);font-size:11px;font-weight:800;text-transform:uppercase;color:var(--muted);text-align:center}.calendar-day{min-height:155px;border-right:1px solid var(--line);border-top:1px solid var(--line);padding:9px;background:#fff;min-width:0}.calendar-day.outside{background:#f7f9fb;color:#a5adba}.day-number{text-align:right;font-weight:800;font-size:12px;margin-bottom:6px}.day-posts{display:grid;gap:5px}.calendar-post{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:5px;padding:6px 8px;border-radius:6px;background:#f0f4f8;border-left:3px solid #7c8798;min-width:0}.calendar-post span{font-size:10px;font-weight:800}.calendar-post strong{font-size:10px}.calendar-post small{grid-column:1/3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5c6675}.calendar-post-linkedin{background:#eaf4fb;border-color:#0a66c2}.calendar-post-facebook{background:#edf2ff;border-color:#1877f2}.calendar-post-instagram{background:#fbeef7;border-color:#c13584}.calendar-post-tiktok{background:#ecf8f7;border-color:#00a6a6}.status-dot{position:absolute;right:5px;top:5px;width:7px;height:7px;border-radius:50%;background:#8792a3}.status-dot-pending_approval{background:#e5a800}.status-dot-scheduled{background:#1683d8}.status-dot-published{background:#1a9b58}.status-dot-simulated{background:#7a8493}.status-dot-failed{background:#d63844}.calendar-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:12px}.calendar-legend span{display:flex;align-items:center;gap:6px}.calendar-legend .status-dot{position:static}.calendar-post .status-dot{position:absolute}@media(max-width:900px){.calendar{overflow-x:auto}.calendar-weekdays,.calendar-grid{min-width:980px}}

/* Statistics: reuse dashboard cards, panel headers, buttons and channel badges. */
.analytics-page{display:grid;gap:20px;min-width:0}
.analytics-page .page-heading,.analytics-page .kpi-grid{margin-bottom:0}
.analytics-filters{display:grid;grid-template-columns:repeat(2,minmax(130px,.8fr)) repeat(2,minmax(150px,1fr)) auto;gap:14px;align-items:end}
.analytics-filters input,.analytics-filters select{min-width:0}
.analytics-filters .actions{align-self:end;flex-wrap:wrap}
.analytics-kpis .kpi{min-width:0}
.analytics-kpis small{color:var(--muted);font-size:12px}
.analytics-section{min-width:0;padding:0;overflow:hidden}
.analytics-section>.panel-head{padding:20px;margin:0;border-bottom:1px solid var(--line)}
.analytics-section .panel-head p{margin:5px 0 0;color:var(--muted);font-size:13px}
.analytics-section .panel-head form{margin:0}
.analytics-section .table-wrap{border-radius:0;overscroll-behavior-x:contain}
.analytics-table thead th{vertical-align:top}
.analytics-table thead small{display:block;margin-top:5px;font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;white-space:nowrap}
.analytics-table tbody th{font-size:14px;font-weight:650;letter-spacing:0;text-transform:none;background:transparent;color:var(--text)}
.analytics-table .analytics-value{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.analytics-table .analytics-value small{font-weight:400;font-size:11px}
.analytics-table tbody tr:hover{background:#f8fafc}
.analytics-wide{min-width:1100px}
.analytics-periods{min-width:650px}
.analytics-content{min-width:220px;max-width:320px;overflow-wrap:anywhere}
.analytics-content>small{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:7px}
.analytics-source{min-width:230px;max-width:330px;overflow-wrap:anywhere}
.analytics-muted{color:var(--muted)}
.analytics-page .empty strong,.analytics-page .empty>span{display:block}
.analytics-page .empty strong{color:var(--navy);font-size:15px}
.analytics-page .empty>span{margin-top:5px}
.analytics-page .empty .btn{margin-top:14px}
.analytics-selection{margin:0;display:flex;align-items:center;justify-content:space-between;gap:14px}
.analytics-selection>div{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
.analytics-selection span{font-size:12px}
.analytics-help{box-shadow:none;color:var(--muted)}
.analytics-help summary{cursor:pointer;font-weight:700;color:var(--navy)}
.analytics-help summary:focus-visible{outline:3px solid rgba(13,110,253,.25);outline-offset:5px;border-radius:4px}
.analytics-help-content{max-width:960px}
.analytics-help-content p:last-child{margin-bottom:0}
.analytics-page .channel-x{background:#edf0f4;color:var(--text)}
.analytics-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1200px){.analytics-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-filters .actions{grid-column:1/-1}}
@media(max-width:650px){.analytics-page{gap:16px}.analytics-filters{grid-template-columns:1fr}.analytics-filters .actions{grid-column:auto}.analytics-section>.panel-head{padding:16px;flex-wrap:wrap;align-items:flex-start}.analytics-selection{align-items:flex-start;flex-direction:column}.analytics-kpis .kpi strong{font-size:27px}.analytics-help{padding:16px}}

.channel-wordpress{background:#e7f1fa;color:#21759b}.status-wordpress_draft{background:#edf0f4;color:var(--muted)}
.wordpress-selection{margin-top:20px}
#wordpress-settings .form-row{align-items:start}
#wordpress-settings label{align-content:start}
.wordpress-connection{align-content:start}

/* Language controls are available before and after authentication. */
.language-selector{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0}
.language-selector label{font-size:.8rem;margin:0}
.language-selector select{width:auto;max-width:11rem;min-width:6rem;margin:0}
.topbar .language-selector{color:inherit}
.login-page{position:relative}
.login-page>.language-selector{position:absolute;inset-block-start:1rem;inset-inline-end:1rem}
@media(max-width:600px){.login-page{padding-top:7rem}.topbar .language-selector{width:100%}}
[dir="rtl"] .topbar,[dir="rtl"] .actions{direction:rtl}
[dir="rtl"] input[type="url"],[dir="rtl"] input[type="datetime-local"],
[dir="rtl"] pre,[dir="rtl"] code{direction:ltr}
.topbar{height:auto;min-height:68px;flex-wrap:wrap;gap:12px 20px;padding-block:12px}
.topbar nav{flex:1 1 380px;min-width:0;flex-wrap:wrap}
.topbar nav a{white-space:nowrap}
.topbar .language-selector{flex-wrap:nowrap;max-width:100%;flex-shrink:0}
.topbar .language-selector label{color:#fff}
.topbar form[action="/logout"]{margin:0}
[dir="rtl"] th,[dir="rtl"] td{text-align:right}
[dir="rtl"] .empty{text-align:center}
[dir="rtl"] .notice{border-left:0;border-right:4px solid var(--blue)}
[dir="rtl"] .docs ul{padding-left:0;padding-right:20px}
[dir="rtl"] .day-number{text-align:left}
[dir="rtl"] .calendar-post{border-left:0;border-right:3px solid}
[dir="rtl"] .status-dot{right:auto;left:5px}
[dir="rtl"] .eyebrow,[dir="rtl"] th{letter-spacing:normal}
@media(max-width:1000px){.topbar nav{display:flex;order:3;flex-basis:100%}}
@media(max-width:600px){.topbar .language-selector{width:auto}.topbar{gap:10px}.language-selector select{max-width:10rem}.topbar nav a{padding:.45rem .6rem}.btn{white-space:normal}}
.channel-row{grid-template-columns:auto minmax(0,1fr) auto auto}
.channel-row>.channel{justify-self:start}
.channel-row>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.two-columns>*,.edit-grid>*,.channel-config-grid>*{min-width:0}
@media(max-width:600px){.channel-row{grid-template-columns:minmax(0,1fr) auto}.kpi{padding:14px;min-width:0}.kpi span{overflow-wrap:anywhere}}
.form-stack{grid-template-columns:minmax(0,1fr)}
.form-stack>*,.form-row>*,.filters>*{min-width:0}
.form-stack small,.docs p,.notice{overflow-wrap:anywhere}
@media(max-width:600px){.panel-head{flex-wrap:wrap}.language-selector label{white-space:nowrap}}
.docs code{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.page-heading>div{min-width:0;max-width:100%}
.page-heading h1,.panel h2{overflow-wrap:anywhere}
.brand-mark{flex-shrink:0}
.channel-row>.status{justify-self:start}
@media(max-width:600px){
  .topbar .brand{order:0}
  .topbar form[action="/logout"]{order:0}
  .topbar .language-selector{order:1;flex:1 1 100%;justify-content:flex-start}
  .topbar nav{order:2}
}