/* ─────────────────────────────────────────────────────────────────────
   Inkgility Content Cockpit — module-scoped styles
   Reuses tokens from inkgility-premium-shell.css (--ink-*).
   Used by admin-content-* and partner-dashboard-content-* pages.
   ───────────────────────────────────────────────────────────────────── */

/* Platform color tokens — used by pills, calendar cards, swatches */
.cc-plat-facebook   { --cc-plat: #1877F2; --cc-plat-soft: rgba(24,119,242,.14); }
.cc-plat-instagram  { --cc-plat: #E1306C; --cc-plat-soft: rgba(225,48,108,.14); }
.cc-plat-linkedin   { --cc-plat: #0A66C2; --cc-plat-soft: rgba(10,102,194,.14); }
.cc-plat-linkedin-co{ --cc-plat: #0A66C2; --cc-plat-soft: rgba(10,102,194,.14); }
.cc-plat-x          { --cc-plat: #111827; --cc-plat-soft: rgba(17,24,39,.14); }
.cc-plat-pinterest  { --cc-plat: #BD081C; --cc-plat-soft: rgba(189,8,28,.14); }
.cc-plat-tiktok     { --cc-plat: #69C9D0; --cc-plat-soft: rgba(105,201,208,.14); }
.cc-plat-youtube    { --cc-plat: #FF0000; --cc-plat-soft: rgba(255,0,0,.14); }
.cc-plat-threads    { --cc-plat: #444; --cc-plat-soft: rgba(68,68,68,.14); }
.cc-plat-bluesky    { --cc-plat: #0085FF; --cc-plat-soft: rgba(0,133,255,.14); }
.cc-plat-gbp        { --cc-plat: #34A853; --cc-plat-soft: rgba(52,168,83,.14); }
[data-theme="dark"] .cc-plat-x { --cc-plat: #E5E7EB; }

/* Generic pill */
.cc-pill {
  display:inline-flex; align-items:center; gap:.3rem;
  padding:.2rem .55rem; border-radius:99px;
  font-family:'Space Mono',monospace; font-size:.62rem; letter-spacing:.08em; text-transform:uppercase;
  font-weight:700; background:var(--cc-plat-soft, rgba(100,116,139,.14)); color:var(--cc-plat, #475569);
  border:1px solid transparent; white-space:nowrap;
}
.cc-pill.tier { font-family:'Space Mono',monospace; }
.cc-pill.tier-affiliate   { background:rgba(100,116,139,.14); color:#475569; }
.cc-pill.tier-ambassador  { background:rgba(217,119,6,.14);   color:#A85A05; }
.cc-pill.tier-creator     { background:rgba(142,33,202,.14);  color:#8E21CA; }
.cc-pill.tier-influencer  { background:rgba(142,33,202,.14);  color:#8E21CA; }
.cc-pill.tier-reseller    { background:rgba(37,74,173,.14);   color:#254AAD; }
.cc-pill.status-draft     { background:rgba(100,116,139,.14); color:#475569; }
.cc-pill.status-pending   { background:rgba(217,119,6,.14);   color:#A85A05; }
.cc-pill.status-approved  { background:rgba(37,74,173,.14);   color:#254AAD; }
.cc-pill.status-scheduled { background:rgba(142,33,202,.14);  color:#8E21CA; }
.cc-pill.status-published { background:rgba(16,185,129,.14);  color:#067F58; }
.cc-pill.status-failed    { background:rgba(220,38,38,.14);   color:#B91C1C; }
.cc-pill.soon             { background:rgba(100,116,139,.10); color:#64748b; }
.cc-pill.badge-print      { background:linear-gradient(135deg,rgba(212,175,55,.22),rgba(142,33,202,.18)); color:#8a6b1e; }

/* Platform swatch (small color dot) */
.cc-swatch{display:inline-block;width:.7em;height:.7em;border-radius:50%;background:var(--cc-plat,#888);vertical-align:middle;margin-right:.35em}

/* ─── KPI strip ─── */
.cc-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1.25rem}
@media(max-width:760px){.cc-kpi{grid-template-columns:repeat(2,1fr)}}
.cc-kpi-card{padding:.95rem 1rem;border:1px solid var(--ink-border);border-radius:12px;background:var(--ink-surface)}
.cc-kpi-card .lbl{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}
.cc-kpi-card .val{font-family:'Instrument Serif',serif;font-size:1.85rem;line-height:1.1;margin-top:.15rem}
.cc-kpi-card .trend{font-size:.74rem;color:var(--ink-muted);margin-top:.2rem}
.cc-kpi-card .trend.up{color:#067F58}
.cc-kpi-card .trend.down{color:#B91C1C}

/* ─── Card ─── */
.cc-card{padding:1.1rem;border:1px solid var(--ink-border);border-radius:12px;background:var(--ink-surface);margin-bottom:1.25rem}
.cc-card h3{font-family:'Instrument Serif',serif;font-size:1.35rem;margin:0 0 .2rem}
.cc-card p.sub{color:var(--ink-muted);font-size:.85rem;margin:0 0 .8rem}
.cc-card-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-bottom:.7rem}

/* ─── Filter chips ─── */
.cc-filters{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin-bottom:.7rem}
.cc-chip{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:.32rem .7rem;border-radius:99px;border:1px solid var(--ink-border);background:transparent;color:var(--ink-muted);cursor:pointer}
.cc-chip.active{background:linear-gradient(135deg,#8E21CA,#254AAD);color:#fff;border-color:transparent}
.cc-search{padding:.4rem .6rem;border:1px solid var(--ink-border);border-radius:6px;background:transparent;color:inherit;font-family:inherit;font-size:.82rem;min-width:200px}

/* ─── Calendar ─── */
.cc-cal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.8rem;flex-wrap:wrap}
.cc-cal-nav{display:flex;align-items:center;gap:.4rem}
.cc-cal-title{font-family:'Instrument Serif',serif;font-size:1.4rem}
.cc-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--ink-border);border:1px solid var(--ink-border);border-radius:10px;overflow:hidden}
.cc-cal-dow{background:var(--ink-surface-2);padding:.4rem .55rem;font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);text-align:center}
.cc-cal-cell{background:var(--ink-surface);min-height:108px;padding:.4rem .45rem;display:flex;flex-direction:column;gap:.25rem;position:relative}
.cc-cal-cell.other{background:var(--ink-surface-2);opacity:.55}
.cc-cal-cell.today{outline:2px solid #8E21CA;outline-offset:-2px}
.cc-cal-cell.drop-target{background:rgba(142,33,202,.08)}
.cc-cal-date{font-family:'Space Mono',monospace;font-size:.68rem;color:var(--ink-muted);letter-spacing:.05em}
.cc-cal-card{font-size:.7rem;padding:.2rem .35rem;border-radius:5px;background:var(--cc-plat-soft,rgba(100,116,139,.14));color:var(--cc-plat,#475569);border-left:3px solid var(--cc-plat,#888);cursor:grab;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.cc-cal-card:active{cursor:grabbing}
.cc-cal-card.ghost{opacity:.4}
.cc-cal-more{font-family:'Space Mono',monospace;font-size:.6rem;color:var(--ink-muted)}

/* Calendar sidebar queue */
.cc-cal-layout{display:grid;grid-template-columns:1fr 280px;gap:1rem}
@media(max-width:1000px){.cc-cal-layout{grid-template-columns:1fr}}
.cc-queue-card{padding:.55rem;border:1px solid var(--ink-border);border-radius:8px;background:var(--ink-surface-2);margin-bottom:.5rem;cursor:grab}
.cc-queue-card:active{cursor:grabbing}
.cc-queue-card .top{display:flex;justify-content:space-between;gap:.4rem;font-size:.68rem;color:var(--ink-muted);margin-bottom:.2rem}
.cc-queue-card .body{font-size:.8rem;line-height:1.3}

/* ─── Table ─── */
.cc-table{width:100%;border-collapse:collapse;font-size:.85rem}
.cc-table th{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--ink-border);background:var(--ink-surface-2)}
.cc-table td{padding:.55rem .6rem;border-bottom:1px solid var(--ink-border);vertical-align:middle}
.cc-table tr:hover td{background:var(--ink-surface-2)}
.cc-table tr.sel td{background:rgba(142,33,202,.08)}

/* ─── Compose page ─── */
.cc-compose{display:grid;grid-template-columns:240px 1fr 380px;gap:1rem;align-items:start}
@media(max-width:1200px){.cc-compose{grid-template-columns:1fr;}}
.cc-compose-rail{padding:1rem;border:1px solid var(--ink-border);border-radius:12px;background:var(--ink-surface)}
.cc-compose-rail h4{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 .55rem}
.cc-source-btn{display:block;width:100%;text-align:left;padding:.55rem .65rem;margin-bottom:.4rem;border:1px solid var(--ink-border);border-radius:8px;background:transparent;color:inherit;cursor:pointer;font-family:inherit;font-size:.82rem}
.cc-source-btn:hover{background:var(--ink-surface-2)}
.cc-source-btn .meta{font-size:.7rem;color:var(--ink-muted);margin-top:.15rem}
.cc-compose-main{padding:1.1rem;border:1px solid var(--ink-border);border-radius:12px;background:var(--ink-surface)}
.cc-editor{min-height:160px;border:1px solid var(--ink-border);border-radius:8px;padding:.7rem .8rem;background:var(--ink-bg);font-size:.92rem;line-height:1.5;outline:none}
.cc-editor:empty::before{content:attr(data-placeholder);color:var(--ink-muted)}
.cc-img-area{margin-top:.7rem;border:1.5px dashed var(--ink-border);border-radius:10px;padding:1rem;text-align:center;color:var(--ink-muted);font-size:.82rem;min-height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.4rem;background:var(--ink-surface-2)}
.cc-img-area.has{padding:.4rem}
.cc-img-thumb{max-width:100%;max-height:200px;border-radius:8px}
.cc-compose-toolbar{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin-top:.7rem}
.cc-variants{display:flex;flex-direction:column;gap:.6rem}
.cc-var-tabs{display:flex;gap:.3rem;flex-wrap:wrap;border-bottom:1px solid var(--ink-border);padding-bottom:.4rem;margin-bottom:.5rem}
.cc-var-tab{padding:.35rem .6rem;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--ink-muted);cursor:pointer;font-family:'Space Mono',monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:.3rem}
.cc-var-tab.active{background:var(--cc-plat-soft);color:var(--cc-plat);border-color:var(--cc-plat)}
.cc-var-pane{display:none}
.cc-var-pane.active{display:block}
.cc-var-textarea{width:100%;min-height:130px;padding:.7rem;border:1px solid var(--ink-border);border-radius:8px;background:var(--ink-bg);color:inherit;font-family:inherit;font-size:.85rem;resize:vertical;box-sizing:border-box}
.cc-var-meta{display:flex;justify-content:space-between;font-size:.7rem;color:var(--ink-muted);margin-top:.4rem;font-family:'Space Mono',monospace}
.cc-var-meta .over{color:#B91C1C;font-weight:700}
.cc-crop-preview{width:100%;aspect-ratio:1/1;background:var(--ink-surface-2);border:1px solid var(--ink-border);border-radius:8px;margin-top:.5rem;display:flex;align-items:center;justify-content:center;color:var(--ink-muted);font-size:.7rem}
.cc-crop-preview.story{aspect-ratio:9/16}
.cc-crop-preview.landscape{aspect-ratio:1.91/1}
.cc-crop-preview.pin{aspect-ratio:2/3}

/* ─── Library grid ─── */
.cc-lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.cc-lib-card{border:1px solid var(--ink-border);border-radius:12px;background:var(--ink-surface);overflow:hidden;cursor:pointer;transition:transform .15s, box-shadow .15s}
.cc-lib-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.10)}
.cc-lib-thumb{aspect-ratio:1/1;background:linear-gradient(135deg,var(--g1,#8E21CA),var(--g2,#254AAD));display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Instrument Serif',serif;font-size:1.6rem;text-align:center;padding:1rem;line-height:1.1}
.cc-lib-body{padding:.7rem .8rem}
.cc-lib-title{font-weight:600;font-size:.92rem;margin-bottom:.2rem}
.cc-lib-tags{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:.45rem}
.cc-lib-tag{font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.05em;padding:.12rem .35rem;border-radius:4px;border:1px solid var(--ink-border);color:var(--ink-muted)}

/* ─── Variants pane (banner for tier) ─── */
.cc-tier-banner{padding:.85rem 1rem;border-radius:10px;display:flex;justify-content:space-between;gap:.8rem;align-items:center;margin-bottom:1.25rem;border:1px solid var(--ink-border);background:var(--ink-surface)}
.cc-tier-banner .meta{font-size:.78rem;color:var(--ink-muted)}
.cc-tier-banner.affiliate { border-left:4px solid #475569; }
.cc-tier-banner.creator   { border-left:4px solid #8E21CA; }
.cc-tier-banner.reseller  { border-left:4px solid #254AAD; background:linear-gradient(135deg,rgba(37,74,173,.06),rgba(212,175,55,.06)); }

.cc-upgrade-cta{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .7rem;border-radius:99px;background:linear-gradient(135deg,#8E21CA,#254AAD);color:#fff;font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;font-weight:700}

/* ─── Modal ─── */
.cc-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:200;display:none;align-items:center;justify-content:center;padding:1rem}
.cc-modal-backdrop.open{display:flex}
.cc-modal{background:var(--ink-surface);border:1px solid var(--ink-border);border-radius:14px;max-width:760px;width:100%;max-height:90vh;overflow:auto;padding:1.2rem}
.cc-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}
.cc-modal-close{background:none;border:none;font-size:1.4rem;color:var(--ink-muted);cursor:pointer}

/* Analytics charts */
.cc-chart{height:200px;display:flex;align-items:flex-end;gap:4px;padding:.3rem;border-bottom:1px solid var(--ink-border)}
.cc-chart-bar{flex:1;background:linear-gradient(to top,#254AAD,#8E21CA);border-radius:4px 4px 0 0;min-height:4px;position:relative}
.cc-chart-labels{display:flex;gap:4px;margin-top:6px;font-family:'Space Mono',monospace;font-size:.6rem;color:var(--ink-muted);letter-spacing:.06em}
.cc-chart-labels > div{flex:1;text-align:center}

.cc-spark{height:80px;width:100%;display:block}

/* Connect tiles */
.cc-connect-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.cc-connect-tile{padding:1rem;border:1px solid var(--ink-border);border-radius:12px;background:var(--ink-surface);display:flex;flex-direction:column;gap:.45rem}
.cc-connect-tile .platrow{display:flex;align-items:center;gap:.5rem}
.cc-connect-tile .platrow .nm{font-weight:600}
.cc-connect-tile .status{font-size:.74rem;color:var(--ink-muted)}
.cc-connect-tile.connected{border-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.06),transparent)}
.cc-connect-tile.connected .status{color:#067F58}

/* Quick action cards */
.cc-quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}
.cc-quick{padding:1rem;border:1px solid var(--ink-border);border-radius:12px;background:var(--ink-surface);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.3rem;transition:transform .15s, box-shadow .15s}
.cc-quick:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.cc-quick .ti{font-family:'Instrument Serif',serif;font-size:1.15rem}
.cc-quick .sub{font-size:.78rem;color:var(--ink-muted);line-height:1.35}

/* Muted utility */
.cc-muted{color:var(--ink-muted)}
.cc-spaced > * + * { margin-top:.6rem; }

/* Activity feed */
.cc-feed-item{display:grid;grid-template-columns:24px 1fr auto;gap:.6rem;padding:.55rem .25rem;border-bottom:1px solid var(--ink-border);align-items:center}
.cc-feed-item:last-child{border-bottom:none}
.cc-feed-dot{width:8px;height:8px;border-radius:50%;background:var(--cc-plat,#888);margin-left:8px}
.cc-feed-meta{font-size:.72rem;color:var(--ink-muted);font-family:'Space Mono',monospace}