:root{color-scheme:dark;--bg:#08111e;--panel:#102136;--border:#26415e;--red:#dd2340;--text:#f1f6fb;--muted:#a9bbd0}*{box-sizing:border-box}body{font:15px/1.6 system-ui,-apple-system,Arial,sans-serif;margin:0;background:radial-gradient(circle at 80% 0%,#162b47,var(--bg) 60%);color:var(--text);min-height:100vh}a{color:#b7d9ff}button,input,select{font:inherit}button{background:#193651;color:#fff;border:1px solid #3e6185;border-radius:8px;padding:9px 16px;cursor:pointer}button:hover{filter:brightness(1.2)}button.red{background:var(--red);border-color:var(--red)}button.small{padding:4px 10px;font-size:12px}input,select{background:#071626;border:1px solid #385575;color:#fff;border-radius:7px;padding:10px;min-width:0}input:focus,select:focus{outline:2px solid #7daee0}form{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}form input{flex:1 1 175px}form select{max-width:100%}form.inline{display:inline-flex}.top{height:auto;min-height:72px;padding:14px clamp(14px,3vw,48px);border-bottom:1px solid #29445b;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#071629}.top a{text-decoration:none}.top b,.top strong b{color:#ef2d49}.top nav{display:flex;gap:14px}.wrap{max-width:1480px;padding:24px;margin:auto}h1{font-size:clamp(25px,3vw,39px)}h2{font-size:19px;margin:0 0 10px}.channel-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 24px}.channel-tabs a{background:#16304e;padding:9px 18px;border-radius:9px;text-decoration:none;color:#fff;border:1px solid #365477}.channel-tabs a.active{border-color:#ed3653;background:#542033}.duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{background:linear-gradient(145deg,#10253e,#0a1a2b);border:1px solid var(--border);border-radius:14px;padding:19px;min-width:0;overflow:auto;margin-bottom:16px}.panel video{width:100%;aspect-ratio:16/9;background:#030912;border-radius:10px}.panel small,.note,footer{color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:9px;text-align:start;border-bottom:1px solid var(--border)}details{border-bottom:1px solid var(--border);padding:12px}summary{cursor:pointer}.error{background:#5b1825;padding:12px}.success{background:#124b3b;padding:12px}.hero{background:linear-gradient(120deg,#0a2849,#172334 65%,#491b2d);padding:55px 28px;border:1px solid #324a64;border-radius:18px;margin-bottom:20px}.hero p{color:#cad6e3}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.channel-card{min-height:150px;border-radius:14px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:white;text-decoration:none;border:1px solid #4b6784;background:linear-gradient(120deg,#3b0d20,#14253c)}.channel-card.purple{background:linear-gradient(120deg,#5b246c,#12263d)}.channel-card.blue{background:linear-gradient(120deg,#113d80,#12263d)}.channel-card strong{font-size:23px}.viewer{max-width:1250px;margin:auto;padding:20px}.screen{position:relative;aspect-ratio:16/9;background:#050912;border:1px solid #355476;border-radius:14px;overflow:hidden}.screen video,.screen audio,.screen img{width:100%;height:100%;object-fit:contain}.screen audio{position:absolute;bottom:0;height:50px}.screen .hidden{display:none}.screen .channel-mark,.screen .live-mark{position:absolute;top:16px;background:#071021b8;padding:8px 15px;border-radius:7px;font-weight:800}.screen .channel-mark{right:18px}.screen .live-mark{left:18px;background:#b61330}.screen #waiting{position:absolute;top:50%;left:0;right:0;text-align:center;pointer-events:none;text-shadow:1px 2px 10px black}.viewer-controls{display:flex;flex-wrap:wrap;gap:12px;padding:13px 0;align-items:center}.viewer-controls #title{color:var(--muted)}.login{max-width:440px;margin:12vh auto;padding:30px;background:var(--panel);border-radius:16px}.login form{display:grid}@media(max-width:850px){.duo,.cards{grid-template-columns:1fr}.wrap{padding:12px}.top{flex-wrap:wrap}.screen{border-radius:6px}}

/* BASHAN LINE news portal design */
body.portal-home{background:#06101f;color:#f1f6ff;font-family:system-ui,Arial,sans-serif;margin:0;direction:rtl}.portal-home *{box-sizing:border-box}.portal-home a{color:inherit;text-decoration:none}.news-top{min-height:64px;background:linear-gradient(115deg,#061323,#102d52,#061323);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 3vw;border-bottom:1px solid #325b8a}.news-top .brand{font-size:clamp(21px,2.3vw,32px);font-style:italic;letter-spacing:.5px;line-height:1;font-weight:900}.news-top .brand em{color:#fa2a4e}.news-top .brand small{display:block;text-align:center;font-size:10px;font-style:normal}.lang-links{display:flex;gap:5px}.lang-links a{background:#1c3859;padding:6px 10px;border-radius:5px}.lang-links a.selected{background:#ce1538}.news-nav{background:#0b1b30;border-bottom:1px solid #23456c;display:flex;gap:10px;align-items:center;justify-content:space-around;flex-wrap:wrap;padding:11px 2vw;font-weight:700}.news-nav a{padding:7px 13px;border-radius:6px}.news-nav a:first-child{background:linear-gradient(#d82143,#8f0e29)}.news-wrap{max-width:1750px;margin:auto;padding:12px 20px}.channel-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.channel-ribbon a{min-height:62px;border:1px solid #3b6e9f;border-radius:10px;background:linear-gradient(110deg,#082342,#18538d,#091a31);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:clamp(15px,1.5vw,22px)}.channel-ribbon .ribbon-kids{background:linear-gradient(110deg,#260e50,#8030bc,#2b0b59);border-color:#9650d9}.channel-ribbon .ribbon-line{background:linear-gradient(110deg,#420b1a,#ab1938,#280b1c);border-color:#e62b4b}.channel-ribbon span{font-size:12px;font-weight:500}.ticker{display:flex;align-items:center;background:#200e20;border:1px solid #a92344;margin:12px 0;border-radius:7px;overflow:hidden}.ticker b{background:#ba1030;padding:9px 20px;white-space:nowrap}.ticker span{padding:8px 15px;color:#d4dbe8}.news-layout{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,3fr) minmax(190px,1fr);gap:12px}.news-panel{background:linear-gradient(145deg,#112943,#09182e);border:1px solid #31557c;border-radius:12px;padding:14px;margin-bottom:12px}.news-panel h2,.news-panel h3{margin:0 0 12px}.news-panel p{color:#bbd0e8;line-height:1.7}.mini-channel{display:flex;justify-content:space-between;background:#0d2441;border:1px solid #294d75;border-radius:7px;padding:12px;margin:7px 0;font-weight:700}.mini-channel span{color:#ff6d84;font-size:12px}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-bottom:12px}.feature-story,.feature-live{border:1px solid #3b6e9e;border-radius:12px;min-height:285px;position:relative;overflow:hidden;padding:20px;background:radial-gradient(circle at 80% 30%,#3a5275,#112b4b 45%,#061329)}.feature-story:before{content:'◈';position:absolute;font-size:200px;color:#1c3f65;opacity:.35;left:15px;bottom:-80px}.feature-story h1{font-size:clamp(23px,2.6vw,39px);position:relative;margin-top:55px}.feature-story p{position:relative;max-width:470px}.story-label{display:inline-block;background:#bd1739;border-radius:5px;padding:7px 13px;font-weight:800}.feature-live{background:radial-gradient(circle at 50% 50%,#15518b,#091831 70%);display:flex;flex-direction:column;align-items:center;justify-content:space-around}.live-mark{text-align:center;font-size:32px;font-weight:900;font-style:italic}.feature-live>a{background:#b31a3c;padding:10px 24px;border-radius:7px}.placeholder-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.placeholder-articles article{background:linear-gradient(145deg,#163f68,#07192e);border:1px solid #335d86;border-radius:9px;padding:15px;min-height:155px}.placeholder-articles span{color:#ff6481}.placeholder-articles h3{margin:12px 0 6px}.placeholder-articles p{font-size:13px}.memorial{background:linear-gradient(90deg,#12213b,#24344b,#101a30);border:1px solid #4c617b;border-radius:10px;padding:24px;display:flex;align-items:center;gap:20px;margin-bottom:12px}.memorial>span{font-size:50px}.memorial h2{margin:0}.portal-footer{text-align:center;padding:22px;color:#b7cee8}.portal-footer small{display:block}
@media(max-width:1000px){.news-layout{grid-template-columns:1fr 2fr}.news-aside:last-child{grid-column:1/-1}.feature-grid{grid-template-columns:1fr}.feature-story,.feature-live{min-height:210px}}@media(max-width:700px){.news-layout{grid-template-columns:1fr}.news-aside:last-child{grid-column:auto}.channel-ribbon{grid-template-columns:1fr}.placeholder-articles{grid-template-columns:1fr}.news-wrap{padding:10px}.news-top{flex-wrap:wrap}.news-nav{font-size:12px}.news-nav a{padding:5px}}
