/* Device operations console. Loaded after the base component sheet. */
@media (min-width:821px) {
  body { background:#080c0d; }
  .console-head { position:fixed; inset:0 auto 0 0; z-index:10; width:112px; min-height:100vh; padding:22px 14px; display:flex; flex-direction:column; gap:25px; background:#111718; border:0; border-right:1px solid var(--line); }
  .console-logo { display:grid; justify-items:center; text-align:center; }
  .console-logo i { width:48px; height:48px; }
  .console-logo span { margin-top:8px; }
  .console-logo b { font-size:14px; }
  .console-logo small { font-size:7px; }
  .console-head nav { width:100%; display:grid; gap:0; justify-content:stretch; }
  .console-head nav a { padding:13px 4px; border-top:1px solid var(--line); text-align:center; font-size:10px; }
  .console-head nav a:last-child { border-bottom:1px solid var(--line); }
  .console-status { margin-top:auto; color:var(--mint); font:8px Arial; letter-spacing:.1em; writing-mode:vertical-rl; }
  .console-main { margin-left:112px; }
  .console-hero { width:auto; min-height:680px; padding:55px clamp(30px,4vw,68px); grid-template-columns:minmax(360px,1fr) 330px 245px; gap:32px; align-items:center; background:radial-gradient(circle at 56% 48%,#20352f 0,#101617 33%,#080c0d 68%); }
  .console-copy h1 { font-size:clamp(40px,4vw,60px); }
  .console-device { height:590px; margin:0; padding:12px; background:#050708; border:1px solid #57796d; box-shadow:0 0 0 8px #121a19,0 0 45px rgba(141,241,196,.15); display:grid; grid-template-rows:36px 1fr auto; overflow:hidden; }
  .device-bar { padding:0 8px; display:flex; align-items:center; justify-content:space-between; color:#cfe2db; font:9px Arial; }
  .device-bar b { color:var(--mint); letter-spacing:.12em; }
  .console-device img { width:100%; height:100%; object-fit:cover; filter:contrast(1.2) saturate(.8); }
  .console-device figcaption { padding:16px 12px 10px; display:grid; grid-template-columns:68px 1fr; gap:12px; align-items:center; }
  .console-device figcaption strong { font:52px/1 Arial; color:var(--violet); }
  .console-device figcaption small { color:var(--gray); font-size:10px; }
  .quick-dock { display:grid; grid-template-columns:1fr; border:1px solid var(--line); background:#0d1213; }
  .quick-dock a { min-height:130px; padding:20px; border:0; border-bottom:1px solid var(--line); }
  .quick-dock a:last-child { border-bottom:0; }
  .quick-dock a::before { content:"RUN"; display:block; margin-bottom:14px; color:var(--violet); font:8px Arial; letter-spacing:.12em; }
  .console-workspace { width:auto; padding:75px clamp(34px,5vw,80px); }
  .console-columns { grid-template-columns:repeat(2,1fr); }
  .console-monitor { padding:78px clamp(34px,5vw,80px); background:#111718; border-top:1px solid var(--line); }
  .console-monitor > header { margin-bottom:32px; display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end; }
  .console-monitor > header h2 { max-width:560px; margin:0; font-size:31px; font-weight:500; }
  .console-monitor > header > p { max-width:520px; margin:0; color:var(--gray); font-size:11px; }
  .console-monitor-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:12px; }
  .console-monitor-grid figure { position:relative; height:250px; margin:0; overflow:hidden; border:1px solid #3a5149; background:#050708; }
  .console-monitor-grid figure:nth-child(1),.console-monitor-grid figure:nth-child(4) { grid-column:span 7; }
  .console-monitor-grid figure:nth-child(2),.console-monitor-grid figure:nth-child(3) { grid-column:span 5; }
  .console-monitor-grid img { width:100%; height:100%; object-fit:cover; filter:contrast(1.15) saturate(.85); }
  .console-monitor-grid span { position:absolute; left:12px; top:12px; padding:7px 9px; background:#080c0d; border:1px solid var(--mint); color:var(--mint); font:8px Arial; letter-spacing:.12em; }
  .console-footer { margin-left:112px; }
  .console-page,.console-article { margin-left:calc(112px + max(17px,(100vw - 1212px)/2)); margin-right:max(17px,(100vw - 1212px)/2); width:auto; }
}
.signal-library,.signal-register,.signal-channels { padding:82px clamp(28px,5vw,80px); }
.signal-library { background:#080c0d; border-top:1px solid var(--line); }
.signal-library > header,.signal-channels > header { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end; margin-bottom:34px; }
.signal-library h2,.signal-register h2,.signal-channels h2 { margin:0; font-size:33px; font-weight:500; }
.signal-library header > p,.signal-register header p:last-child,.signal-channels header > p { color:var(--gray); }
.signal-library-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.signal-card { min-height:355px; border:1px solid #3a5149; background:#101718; }
.signal-card .ranking-media { display:block; height:150px; overflow:hidden; }
.signal-card img { width:100%; height:100%; object-fit:cover; }
.signal-card > div { padding:18px; }
.signal-card span { color:var(--mint); font:9px Arial; }
.signal-card h3 { margin:11px 0 8px; font-size:14px; line-height:1.45; }
.signal-card h3 a { text-decoration:none; }
.signal-card p { margin:0; color:var(--gray); font-size:10px; }
.signal-register { background:#111718; border-block:1px solid var(--line); }
.signal-register > header { display:grid; grid-template-columns:130px minmax(0,1fr); gap:28px; margin-bottom:34px; }
.signal-register > header > span { color:var(--violet); font:bold 12px Arial; letter-spacing:.15em; }
.signal-register-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid #3a5149; }
.signal-register-row { position:relative; min-height:132px; padding:23px 46px 19px 58px; display:block; border-bottom:1px solid #3a5149; text-decoration:none; }
.signal-register-row:nth-child(odd) { border-right:1px solid #3a5149; }
.signal-register-row span { position:absolute; left:16px; color:var(--violet); font:bold 10px Arial; }
.signal-register-row b { display:block; font-size:13px; }
.signal-register-row small { display:block; margin-top:8px; color:var(--gray); font-size:10px; }
.signal-register-row i { position:absolute; right:17px; bottom:19px; color:var(--mint); font-style:normal; }
.signal-channels { background:#0a0d0e; }
.signal-channel-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.signal-channel { padding:22px; border:1px solid #3a5149; }
.signal-channel h3 { margin:0; color:var(--mint); font-size:17px; }
.signal-channel h3 a { text-decoration:none; }
.signal-channel header p { min-height:92px; color:var(--gray); font-size:10px; }
.signal-channel ul { margin:17px 0 0; padding:0; list-style:none; }
.signal-channel li { padding:12px 0; border-top:1px solid #303938; }
.signal-channel li a { font-size:11px; text-decoration:none; }
@media (max-width:820px) {
  .console-status { display:none; }
  .console-main { margin-left:0; }
  .console-device { margin:0; min-height:420px; padding:10px; background:#050708; border:1px solid #57796d; display:grid; grid-template-rows:32px 1fr auto; }
  .device-bar { padding:0 8px; display:flex; align-items:center; justify-content:space-between; color:#cfe2db; font:9px Arial; }
  .console-device img { width:100%; height:100%; object-fit:cover; }
  .console-device figcaption { padding:13px; display:flex; gap:15px; align-items:center; }
  .console-device figcaption strong { font:45px Arial; color:var(--violet); }
  .quick-dock { border:1px solid var(--line); }
  .console-monitor { padding:58px 17px; background:#111718; border-top:1px solid var(--line); }
  .console-monitor > header { margin-bottom:25px; }
  .console-monitor > header h2 { margin:0; font-size:27px; font-weight:500; }
  .console-monitor > header > p { color:var(--gray); font-size:11px; }
  .console-monitor-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
  .console-monitor-grid figure { position:relative; height:190px; margin:0; overflow:hidden; border:1px solid #3a5149; }
  .console-monitor-grid img { width:100%; height:100%; object-fit:cover; }
  .console-monitor-grid span { position:absolute; left:8px; top:8px; padding:5px 6px; background:#080c0d; color:var(--mint); font:7px Arial; }
  .console-footer { margin-left:0; }
  .signal-library-grid,.signal-channel-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:560px) {
  body { padding-bottom:0; }
  .console-head { width:100%; padding:0 13px; }
  .console-hero { width:100%; padding:32px 13px 50px; display:grid; grid-template-columns:1fr; gap:30px; }
  .console-copy h1 { font-size:34px; }
  .console-device { height:500px; min-height:0; order:-1; }
  .console-device img { min-height:0; }
  .quick-dock { display:grid; grid-template-columns:repeat(2,1fr); }
  .quick-dock a { min-height:126px; border-right:1px solid var(--line); }
  .console-workspace { width:calc(100% - 26px); padding:58px 0; }
  .console-monitor { padding:50px 13px; }
  .console-monitor > header { display:grid; gap:8px; }
  .console-monitor-grid figure { height:155px; }
  .console-links { position:static; height:68px; padding:0; background:#151d1c; border-top:1px solid var(--mint); }
  .console-links h2 { display:none; }
  .console-links nav { height:100%; display:grid; grid-template-columns:repeat(4,1fr); gap:0; }
  .console-links a { min-width:0; padding:9px 4px; display:grid; place-items:center; border:0; border-right:1px solid var(--line); text-align:center; line-height:1.25; overflow-wrap:anywhere; }
  .console-links a span { display:none; }
  .signal-library,.signal-register,.signal-channels { padding:54px 13px; }
  .signal-library > header,.signal-channels > header { grid-template-columns:1fr; gap:8px; }
  .signal-library h2,.signal-register h2,.signal-channels h2 { font-size:28px; }
  .signal-library-grid,.signal-register-list,.signal-channel-grid { grid-template-columns:1fr; }
  .signal-card { min-height:0; display:grid; grid-template-columns:130px 1fr; }
  .signal-card .ranking-media { height:100%; min-height:180px; }
  .signal-register > header { grid-template-columns:80px 1fr; gap:12px; }
  .signal-register-row:nth-child(odd) { border-right:0; }
  .signal-channel header p { min-height:0; }
}