@import url("factory-demo.css");
.signal-page { --signal:#bd9bff; }
.signal-heading { align-items:center; }
.workspace-nav { display:flex; gap:4px; margin:28px 0 36px; padding-bottom:12px; border-bottom:1px solid var(--line); overflow:auto; }
.workspace-nav a { flex:none; padding:7px 11px; border-radius:4px; color:#7f8b9a; font-size:.67rem; }
.workspace-nav a:hover { color:var(--text); background:var(--surface); }
.workspace-nav a.active { color:var(--signal); background:rgba(189,155,255,.1); }
.media-project-nav { display:inline-flex; gap:2px; margin:22px 0 10px; padding:3px; border:1px solid var(--line); border-radius:6px; background:#10151b; }
.media-project-nav a { padding:7px 10px; border-radius:4px; color:#778493; font-size:.61rem; }.media-project-nav a:hover { color:var(--text); background:#18202a; }.media-project-nav a.active { color:var(--signal); background:rgba(189,155,255,.11); }
.signal-summary-grid { display:grid; grid-template-columns:1.25fr repeat(3,1fr); gap:12px; margin-bottom:60px; }
.signal-focus { border-color:rgba(189,155,255,.38); background:linear-gradient(145deg,rgba(47,36,65,.7),rgba(17,20,27,.94)); }
.signal-focus .card-top,.signal-focus a { color:var(--signal); }
.media-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.media-card { min-height:300px; padding:20px; border:1px solid var(--line); border-radius:7px; background:linear-gradient(145deg,rgba(21,27,35,.96),rgba(14,18,24,.96)); }
.media-card header { display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:12px; padding-bottom:17px; border-bottom:1px solid var(--line); }
.media-monogram { display:grid; place-items:center; width:40px; height:40px; border:1px solid rgba(189,155,255,.45); color:var(--signal); font-family:Georgia,serif; font-size:.72rem; }
.devframe-card .media-monogram { border-color:rgba(115,211,255,.45); color:var(--blue); }
.media-card h3,.media-card header p { margin:0; }.media-card h3 { font-size:1.02rem; }.media-card header p { margin-top:3px; color:#738093; font-size:.61rem; }
.media-card > p { max-width:560px; min-height:43px; margin:20px 0; color:var(--muted); font-size:.72rem; line-height:1.5; }
.media-metrics { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.media-metrics div { padding:15px 10px; border-right:1px solid var(--line); }.media-metrics div:first-child { padding-left:0; }.media-metrics div:last-child { border:0; }
.media-metrics strong,.media-metrics span { display:block; }.media-metrics strong { font-size:1.12rem; }.media-metrics span { margin-top:4px; color:#758293; font-size:.57rem; }
.media-card footer { display:flex; justify-content:space-between; margin-top:18px; color:#738091; font-size:.61rem; }.media-card footer a { color:var(--signal); }.devframe-card footer a { color:var(--blue); }
.signal-lower-grid { display:grid; grid-template-columns:1.35fr .85fr; gap:12px; margin-top:48px; }
.campaign-row { display:grid; grid-template-columns:35px 1fr auto 62px; align-items:center; gap:11px; padding:12px 0; border-top:1px solid var(--line); }
.campaign-mark { display:grid; place-items:center; width:32px; height:32px; border:1px solid #40505f; color:#aeb9c5; font-size:.56rem; }.campaign-mark.neon { border-color:rgba(216,242,107,.38); color:var(--acid); }.campaign-mark.atlas { border-color:rgba(115,211,255,.38); color:var(--blue); }
.campaign-row b,.campaign-row small { display:block; }.campaign-row b { font-size:.72rem; }.campaign-row small { margin-top:3px; color:var(--muted); font-size:.6rem; }.campaign-row > strong { text-align:right; font-size:.66rem; font-weight:500; color:#9eabb9; }
.next-panel h2 { margin:0 0 13px; font-size:1.12rem; }.next-post { padding:12px 0; border-top:1px solid var(--line); }.next-post time,.next-post b,.next-post small { display:block; }.next-post time { color:var(--signal); font-size:.57rem; }.next-post b { margin-top:5px; font-size:.69rem; }.next-post small { margin-top:3px; color:var(--muted); font-size:.59rem; }.next-panel > a { display:inline-block; margin-top:12px; color:var(--signal); font-size:.65rem; }
.signal-activity { margin-top:48px; }
.directory-toolbar { display:flex; justify-content:space-between; gap:20px; align-items:end; margin-bottom:20px; }.directory-toolbar h2 { margin:0; font-size:1.12rem; }.directory-toolbar p:last-child { margin:7px 0 0; color:var(--muted); font-size:.7rem; }.count-badge { color:#728091; font-size:.61rem; }
.publication-table { overflow:hidden; border:1px solid var(--line); border-radius:7px; background:var(--surface); }.publication-row { display:grid; grid-template-columns:72px 1.5fr .8fr .65fr .55fr; gap:12px; align-items:center; min-height:62px; padding:0 16px; border-bottom:1px solid var(--line); }.publication-row:last-child { border:0; }.publication-row.header { min-height:38px; color:#6f7c8b; font-size:.55rem; font-weight:700; letter-spacing:.09em; }.publication-row time,.publication-row small { color:var(--muted); font-size:.61rem; }.publication-title b,.publication-title small { display:block; }.publication-title b { font-size:.7rem; }.publication-title small { margin-top:4px; }.pub-status { width:max-content; padding:3px 6px; border-radius:9px; font-size:.55rem; }.pub-status.published { background:rgba(216,242,107,.1); color:var(--acid); }.pub-status.scheduled { background:rgba(189,155,255,.1); color:var(--signal); }.pub-status.draft { background:rgba(115,211,255,.1); color:var(--blue); }
.calendar-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; }.calendar-head h2 { margin:0; font-size:1.15rem; }.calendar-controls { display:flex; gap:6px; }.calendar-controls span { padding:6px 8px; border:1px solid var(--line); border-radius:4px; color:#7c8998; font-size:.59rem; }
.calendar-grid { display:grid; grid-template-columns:repeat(5,1fr); overflow:hidden; border:1px solid var(--line); border-radius:7px; }.calendar-day { min-height:330px; padding:13px; border-right:1px solid var(--line); background:var(--surface); }.calendar-day:last-child { border:0; }.calendar-day header { padding-bottom:11px; border-bottom:1px solid var(--line); }.calendar-day header b,.calendar-day header span { display:block; }.calendar-day header b { font-size:.68rem; }.calendar-day header span { margin-top:3px; color:#6e7b8a; font-size:.57rem; }.calendar-item { margin-top:12px; padding:10px; border-left:2px solid var(--signal); background:rgba(189,155,255,.06); }.calendar-item.dev { border-color:var(--blue); background:rgba(115,211,255,.05); }.calendar-item time,.calendar-item b,.calendar-item small { display:block; }.calendar-item time { color:#8996a5; font-size:.55rem; }.calendar-item b { margin-top:5px; font-size:.64rem; line-height:1.35; }.calendar-item small { margin-top:5px; color:#758293; font-size:.56rem; }
.analytics-grid { display:grid; grid-template-columns:1.4fr .8fr; gap:12px; }.chart-panel h2,.channels-panel h2 { margin:0; font-size:1.12rem; }.bar-chart { display:flex; align-items:end; gap:12px; height:220px; margin-top:23px; padding:0 10px 25px; border-bottom:1px solid var(--line); }.bar { position:relative; flex:1; min-width:24px; border-radius:3px 3px 0 0; background:linear-gradient(to top,rgba(189,155,255,.2),var(--signal)); }.bar::after { content:attr(data-day); position:absolute; top:calc(100% + 8px); left:50%; transform:translateX(-50%); color:#718091; font-size:.55rem; }.channel-row { display:grid; grid-template-columns:1fr 60px 55px; gap:10px; padding:13px 0; border-top:1px solid var(--line); }.channel-row b { font-size:.68rem; }.channel-row span { text-align:right; color:#98a4b1; font-size:.63rem; }.channel-row small { text-align:right; color:var(--signal); font-size:.59rem; }
.media-hero { display:grid; grid-template-columns:64px 1fr auto; gap:16px; align-items:center; margin:28px 0 36px; padding:22px; border:1px solid var(--line); border-radius:7px; background:linear-gradient(145deg,rgba(38,28,52,.65),rgba(15,20,26,.95)); }.media-hero.dev { background:linear-gradient(145deg,rgba(16,42,53,.62),rgba(15,20,26,.95)); }.media-hero .media-monogram { width:60px; height:60px; font-size:.88rem; }.media-hero h1,.media-hero p { margin:0; }.media-hero h1 { font-size:1.55rem; }.media-hero p { margin-top:5px; color:var(--muted); font-size:.7rem; }.channel-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.channel-card { padding:17px; border:1px solid var(--line); border-radius:7px; background:var(--surface); }.channel-card b,.channel-card strong,.channel-card small { display:block; }.channel-card b { font-size:.67rem; }.channel-card strong { margin-top:18px; font-size:1.35rem; }.channel-card small { margin-top:4px; color:var(--muted); font-size:.58rem; }
.detail-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:12px; margin-top:36px; }.content-list { margin:0; padding:0; list-style:none; }.content-list li { padding:12px 0; border-top:1px solid var(--line); }.content-list b,.content-list small { display:block; }.content-list b { font-size:.69rem; }.content-list small { margin-top:4px; color:var(--muted); font-size:.6rem; }.docs-list { margin:0; padding:0; list-style:none; }.docs-list li { display:flex; justify-content:space-between; padding:12px 0; border-top:1px solid var(--line); font-size:.66rem; }.docs-list span { color:var(--signal); }
.media-view-heading { display:flex; justify-content:space-between; align-items:end; margin:30px 0 16px; padding-top:18px; border-top:1px solid var(--line); }.media-view-heading p,.media-view-heading h2 { margin:0; }.media-view-heading h2 { margin-top:5px; font-size:1.18rem; }.media-view-heading > span { color:#738091; font-size:.58rem; letter-spacing:.08em; }
.media-calendar-list { overflow:hidden; border:1px solid var(--line); border-radius:7px; background:var(--surface); }.media-calendar-list article { display:grid; grid-template-columns:94px 1fr auto; gap:16px; align-items:center; min-height:70px; padding:0 16px; border-bottom:1px solid var(--line); }.media-calendar-list article:last-child { border:0; }.media-calendar-list time { color:var(--signal); font-size:.61rem; }.media-calendar-list b,.media-calendar-list small { display:block; }.media-calendar-list b { font-size:.69rem; }.media-calendar-list small { margin-top:4px; color:var(--muted); font-size:.58rem; }
.media-analytics-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.media-analytics-grid .panel { padding:18px; }.media-analytics-grid p,.media-analytics-grid strong,.media-analytics-grid small { display:block; margin:0; }.media-analytics-grid p { color:#758293; font-size:.56rem; text-transform:uppercase; letter-spacing:.08em; }.media-analytics-grid strong { margin-top:16px; font-size:1.6rem; }.media-analytics-grid small { margin-top:5px; color:var(--muted); font-size:.57rem; }.media-analytics-focus { border-color:rgba(189,155,255,.35)!important; background:linear-gradient(145deg,rgba(47,36,65,.65),rgba(17,20,27,.94))!important; }.media-analytics-focus strong { color:var(--signal); }.media-channel-panel { margin-top:12px; }
@media(max-width:1050px){.signal-summary-grid{grid-template-columns:repeat(2,1fr)}.signal-lower-grid,.analytics-grid,.detail-grid{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(2,1fr)}.calendar-day{border-bottom:1px solid var(--line)}.channel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.workspace-nav{margin-top:22px}.media-project-nav{display:flex; margin-top:18px; overflow:auto; max-width:100%}.media-project-nav a{flex:none}.signal-summary-grid,.media-grid,.channel-grid,.media-analytics-grid{grid-template-columns:1fr}.signal-lower-grid{margin-top:32px}.media-card header{grid-template-columns:42px 1fr}.media-card header .state{grid-column:2}.campaign-row{grid-template-columns:35px 1fr}.campaign-row .state,.campaign-row>strong{grid-column:2;text-align:left}.publication-table{overflow:auto}.publication-row{min-width:680px}.calendar-grid{grid-template-columns:1fr}.calendar-day{min-height:auto;border-right:0}.media-hero{grid-template-columns:54px 1fr}.media-hero .media-monogram{width:50px;height:50px}.media-hero .state{grid-column:2}.media-calendar-list{overflow:auto}.media-calendar-list article{min-width:520px}.bar-chart{height:180px}}