/**
 * modules/media-os/assets/media-os.css
 * ====================================
 *  Media & News OS — backend Newsroom + front magazine.
 *  Reads the shared Neural Console tokens (--ognc-*). A National-Geographic
 *  editorial accent (a press-yellow frame) sits on top, with safe fallbacks so
 *  the module still looks right if the brand layer is disabled.
 */

:root{
	--ogm-press: var(--ognc-press, #ffd23f);   /* editorial / NatGeo-style yellow */
	--ogm-ink:   var(--ognc-ink,   #f3f6ff);
	--ogm-mist:  var(--ognc-mist,  #9db1d6);
	--ogm-panel: var(--ognc-panel, #131d38);
	--ogm-panel2:var(--ognc-panel2,#0e1730);
	--ogm-edge:  var(--ognc-edge,  #26355a);
	--ogm-cyan:  var(--ognc-cyan,  #4fd2ff);
	--ogm-ok:    var(--ognc-ok,    #3fe0a5);
	--ogm-sand:  var(--ognc-sand,  #f0c67e);
	--ogm-rad:   var(--ognc-radius, 18px);
	--ogm-rad-sm:var(--ognc-radius-sm, 10px);
	--ogm-mono:  var(--ognc-mono, ui-monospace,'JetBrains Mono',Menlo,Consolas,monospace);
}

/* ─────────── backend newsroom ─────────── */
.ogmedia .ognc-h{ font-size:15px; letter-spacing:.02em; margin:22px 0 10px; color:var(--ogm-ink); }
.ogmedia-flash{ margin:12px 0; padding:10px 14px; border-radius:var(--ogm-rad-sm); font-weight:600; }
.ogmedia-flash.ok{ background:rgba(63,224,165,.12); color:var(--ogm-ok); border:1px solid rgba(63,224,165,.4); }
.ogmedia-flash.err{ background:rgba(230,57,85,.12); color:#ff8296; border:1px solid rgba(230,57,85,.4); }

.ogmedia-grid{ display:grid; grid-template-columns:1fr 360px; gap:22px; align-items:start; }
@media (max-width:1100px){ .ogmedia-grid{ grid-template-columns:1fr; } }

.ogmedia-main, .ogmedia-side{
	background:var(--ogm-panel); border:1px solid var(--ogm-edge);
	border-radius:var(--ogm-rad); padding:18px 20px;
}

/* pipeline */
.ogmedia-pipe{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.ogmedia-pipe__col{
	display:flex; flex-direction:column; align-items:center; gap:2px;
	min-width:78px; padding:12px 8px; background:var(--ogm-panel2);
	border:1px solid var(--ogm-edge); border-radius:var(--ogm-rad-sm);
}
.ogmedia-pipe__icon{ font-size:18px; }
.ogmedia-pipe__n{ font-size:22px; font-weight:800; color:var(--ogm-press); font-family:var(--ogm-mono); }
.ogmedia-pipe__l{ font-size:11px; color:var(--ogm-mist); text-align:center; }
.ogmedia-pipe__arrow{ color:var(--ogm-mist); font-size:14px; }

/* table */
.ogmedia-table{ margin-top:6px; }
.ogmedia-table th{ font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.ogmedia-by{ display:block; color:var(--ogm-mist); font-style:italic; }
.ogmedia-stage{ font-size:12px; white-space:nowrap; }
.ogmedia-stage.s-published{ color:var(--ogm-ok); font-weight:700; }
.ogmedia-tag{
	display:inline-block; font-size:10px; font-weight:800; letter-spacing:.03em;
	padding:2px 6px; border-radius:6px; margin-right:4px;
}
.ogmedia-tag.ai{ background:rgba(79,210,255,.16); color:var(--ogm-cyan); }
.ogmedia-tag.spon{ background:rgba(240,198,126,.18); color:var(--ogm-sand); }
.ogmedia-empty{ color:var(--ogm-mist); }

/* desk mix */
.ogmedia-desks{ display:flex; flex-direction:column; gap:8px; }
.ogmedia-desk{ display:grid; grid-template-columns:190px 1fr 34px; align-items:center; gap:10px; }
.ogmedia-desk__l{ font-size:13px; color:var(--ogm-ink); }
.ogmedia-desk__bar{ height:8px; background:var(--ogm-panel2); border-radius:6px; overflow:hidden; }
.ogmedia-desk__bar span{ display:block; height:100%; background:var(--ogm-press); }
.ogmedia-desk__n{ text-align:right; font-family:var(--ogm-mono); color:var(--ogm-mist); }

/* composer form */
.ogmedia-form label{ display:block; font-size:12px; color:var(--ogm-mist); margin:10px 0 0; }
.ogmedia-form input[type=text], .ogmedia-form select, .ogmedia-form textarea{
	width:100%; margin-top:4px; background:var(--ogm-panel2); color:var(--ogm-ink);
	border:1px solid var(--ogm-edge); border-radius:var(--ogm-rad-sm); padding:8px 10px; font-size:13px;
}
.ogmedia-form__row{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ogmedia-flags{ display:flex; gap:16px; margin-top:12px; }
.ogmedia-check{ display:flex; align-items:center; gap:6px; font-size:13px; color:var(--ogm-ink); }
.ogmedia-check small{ color:var(--ogm-mist); }
.ogmedia-submit{ margin-top:14px; width:100%; }
.ogmedia-hint{ font-size:11px; color:var(--ogm-mist); margin-top:8px; }
.ogmedia-hint code{ font-family:var(--ogm-mono); }

/* standards list */
.ogmedia-std{ margin:0; padding:0; list-style:none; }
.ogmedia-std li{ font-size:12px; color:var(--ogm-mist); padding:7px 0; border-bottom:1px dashed var(--ogm-edge); }
.ogmedia-std li b{ color:var(--ogm-ink); }

.ogmedia-foot{
	margin-top:20px; padding-top:14px; border-top:1px solid var(--ogm-edge);
	display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap;
	font-size:11px; color:var(--ogm-mist);
}

/* dashboard panel (injected into Command Center) */
.ognc-media-panel{
	margin-top:18px; padding:18px 20px; background:var(--ogm-panel);
	border:1px solid var(--ogm-edge); border-left:3px solid var(--ogm-press);
	border-radius:var(--ogm-rad);
}
.ognc-mp__head{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.ognc-mp__cta{ font-weight:700; text-decoration:none; color:var(--ogm-press); }
.ognc-count{ font-size:11px; font-weight:700; background:rgba(255,210,63,.16); color:var(--ogm-press); padding:2px 8px; border-radius:20px; margin-left:6px; }
.ognc-mp__stats{ display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin:14px 0 8px; }
@media (max-width:900px){ .ognc-mp__stats{ grid-template-columns:repeat(3,1fr); } }
.ognc-mp__stat{ background:var(--ogm-panel2); border:1px solid var(--ogm-edge); border-radius:var(--ogm-rad-sm); padding:12px; text-align:center; }
.ognc-mp__stat .n{ display:block; font-size:20px; font-weight:800; color:var(--ogm-ink); font-family:var(--ogm-mono); }
.ognc-mp__stat .l{ display:block; font-size:11px; color:var(--ogm-mist); margin-top:2px; }
.ognc-mp__note{ font-size:11px; color:var(--ogm-mist); margin:6px 0 0; }

/* ─────────── front magazine ─────────── */
.ogmedia-mag{ margin:26px 0; }
.ogmedia-mag__head{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.ogmedia-mag__head h2{ margin:0; font-size:22px; }
.ogmedia-mag__tag{
	font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
	background:var(--ogm-press); color:#141414; padding:3px 8px; border-radius:4px;
}
.ogmedia-hero{
	display:grid; grid-template-columns:1.3fr 1fr; min-height:280px;
	border-radius:var(--ogm-rad); overflow:hidden; text-decoration:none;
	border:1px solid var(--ogm-edge); background:var(--ogm-panel); margin-bottom:16px;
}
@media (max-width:760px){ .ogmedia-hero{ grid-template-columns:1fr; } }
.ogmedia-hero__img{ background-size:cover; background-position:center; min-height:200px; display:flex; align-items:center; justify-content:center; }
.ogmedia-hero__ph, .ogmedia-card__ph{ font-size:40px; color:var(--ogm-edge); }
.ogmedia-hero__body{ padding:22px 24px; display:flex; flex-direction:column; justify-content:center; gap:8px; }
.ogmedia-hero__desk{ font-size:12px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--ogm-press); }
.ogmedia-hero__title{ font-size:26px; line-height:1.15; color:var(--ogm-ink); }
.ogmedia-hero__dek{ color:var(--ogm-mist); font-size:15px; }
.ogmedia-hero__meta{ font-size:12px; color:var(--ogm-mist); margin-top:4px; display:flex; align-items:center; gap:6px; flex-wrap:wrap; }

.ogmedia-mag__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media (max-width:900px){ .ogmedia-mag__grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .ogmedia-mag__grid{ grid-template-columns:1fr; } }
.ogmedia-card{
	display:flex; flex-direction:column; border-radius:var(--ogm-rad-sm); overflow:hidden;
	text-decoration:none; border:1px solid var(--ogm-edge); background:var(--ogm-panel);
	transition:transform .15s ease, box-shadow .15s ease;
}
.ogmedia-card:hover{ transform:translateY(-3px); box-shadow:var(--ognc-glow, 0 18px 40px -22px rgba(0,0,0,.7)); }
.ogmedia-card__img{ background-size:cover; background-position:center; height:150px; display:flex; align-items:center; justify-content:center; }
.ogmedia-card__body{ padding:14px 16px; display:flex; flex-direction:column; gap:6px; }
.ogmedia-card__desk{ font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:var(--ogm-press); }
.ogmedia-card__title{ font-size:16px; line-height:1.25; color:var(--ogm-ink); }
.ogmedia-card__meta{ font-size:11px; color:var(--ogm-mist); display:flex; align-items:center; gap:6px; flex-wrap:wrap; }

.ogmedia-chip{ display:inline-block; font-size:10px; font-weight:700; padding:1px 6px; border-radius:5px; }
.ogmedia-chip.ai{ background:rgba(79,210,255,.16); color:var(--ogm-cyan); }
.ogmedia-chip.spon{ background:rgba(240,198,126,.2); color:var(--ogm-sand); }

/* front editor readout */
.ogmedia-fmgr{ display:flex; align-items:center; gap:14px; padding:12px 16px; background:var(--ogm-panel); border:1px solid var(--ogm-edge); border-radius:var(--ogm-rad-sm); }
.ogmedia-fmgr__stat{ text-align:center; }
.ogmedia-fmgr__stat b{ display:block; font-size:18px; color:var(--ogm-ink); font-family:var(--ogm-mono); }
.ogmedia-fmgr__stat span{ font-size:11px; color:var(--ogm-mist); }
.ogmedia-fmgr__btn, .ogmedia-mini{ margin-left:auto; }
.ogmedia-fmgr__btn{ text-decoration:none; font-weight:700; color:#141414; background:var(--ogm-press); padding:8px 14px; border-radius:var(--ogm-rad-sm); }