:root{--bg:#07111f;--panel:#111d2d;--panel2:#0c1726;--txt:#f8fbff;--muted:#96a4b8;--blue:#2679ff;--purple:#7647ff;--green:#1fb36b;--red:#ef3447;--orange:#f59e0b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#132b4a,#07111f 45%,#040914);color:var(--txt);font-family:Inter,Arial,sans-serif}.layout{display:flex;min-height:100vh}.side{width:250px;background:rgba(5,13,24,.92);border-right:1px solid #1c2c44;padding:18px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px}.brand.center{justify-content:center}.logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#186bff,#f00);display:grid;place-items:center;font-weight:900}.brand b{font-size:24px;display:block}.brand span{color:#ff202e}.brand small{display:block;color:#fff;font-size:10px;letter-spacing:2px}nav{display:grid;gap:8px}nav a,.btn{display:block;color:#eaf1ff;text-decoration:none;background:#111c2d;padding:12px 14px;border-radius:10px;border:1px solid #24344d}nav a:hover,.btn:hover{background:linear-gradient(135deg,#654cff,#1c78ff)}.user{margin-top:auto;background:#101b2b;padding:14px;border-radius:14px;color:#fff}.main{flex:1;padding:26px}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}h1{margin:0;font-size:28px}p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:14px}.card{padding:20px;border-radius:14px;min-height:130px;box-shadow:0 10px 30px #0005}.card b{font-size:34px;display:block;margin:10px 0}.purple{background:linear-gradient(135deg,#3c236e,#7954ff)}.blue{background:linear-gradient(135deg,#164079,#2283ff)}.green{background:linear-gradient(135deg,#105c34,#1fb36b)}.orange{background:linear-gradient(135deg,#9b5700,#f59e0b)}.pink{background:linear-gradient(135deg,#9b1a50,#ff4b83)}.grid{display:grid;grid-template-columns:1fr 1fr 260px;gap:14px}.panel{background:linear-gradient(180deg,rgba(20,33,51,.95),rgba(10,19,32,.95));border:1px solid #263852;border-radius:14px;padding:16px;box-shadow:0 10px 30px #0004}.wide{grid-column:span 2}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #25344a;text-align:left}th{color:#c9d7e8;font-size:12px}.badge{background:#29425e;color:#a9ffbd;border-radius:6px;padding:5px 8px;font-size:11px;text-transform:uppercase}.stopped,.off{color:#ffaaa8;background:#58282d}.live{background:#284f2f;color:#9fffaa}.activity{border-bottom:1px solid #263852;padding:9px 0}.activity small{float:right;color:#8d9bb0}.loginBody{min-height:100vh;display:grid;place-items:center}.loginCard{width:380px;background:#111d2d;border:1px solid #263852;padding:28px;border-radius:22px;box-shadow:0 25px 80px #0008}input,textarea,select{width:100%;margin:8px 0 14px;background:#091523;color:#fff;border:1px solid #2a3b54;border-radius:10px;padding:12px}select[multiple]{height:130px}button{background:linear-gradient(135deg,#704dff,#187bff);border:0;color:white;border-radius:10px;padding:11px 14px;cursor:pointer;font-weight:700}.greenBtn,button.greenBtn{background:linear-gradient(135deg,#18814b,#1fb36b)}.blueBtn{background:linear-gradient(135deg,#185ac7,#2283ff)}.redBtn{background:linear-gradient(135deg,#c51d32,#ef3447)}.error{color:#ff8a8a}.pill{background:#0c1726;border:1px solid #2a3b54;border-radius:999px;padding:10px 12px;display:inline-block;margin:6px}.channel{border:1px solid #263852;border-radius:14px;padding:14px;margin:12px 0;background:#0c1726}.channel b{font-size:18px;margin-right:10px}@media(max-width:1100px){.cards,.grid{grid-template-columns:1fr}.wide{grid-column:auto}.side{position:relative;height:auto}.layout{display:block}}

/* ===== REAL PRIORITY DASHBOARD FIX ===== */

.source-priority-dashboard{
  display:grid;
  gap:18px;
}

.priority-real-card{
  background:linear-gradient(135deg,#061526,#0b2038);
  border:1px solid rgba(80,140,220,.25);
  border-radius:16px;
  padding:18px;
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}

.priority-live-card{
  border-color:#22c55e;
  background:linear-gradient(135deg,rgba(5,55,38,.95),rgba(6,21,38,.95));
}

.priority-live-header{
  display:flex;
  align-items:center;
  gap:16px;
}

.priority-icon{
  width:58px;
  height:58px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  color:#fff;
  background:linear-gradient(135deg,#14532d,#16a34a);
}

.priority-live-title h3{
  margin:0;
  font-size:21px;
  color:#fff;
}

.priority-live-title p{
  margin:5px 0 0;
  color:#cbd5e1;
}

.priority-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-radius:7px;
  padding:4px 8px;
  font-size:11px;
  font-weight:800;
  margin-left:8px;
}

.priority-pill.live{background:#15803d;color:#dcfce7}
.priority-pill.active{background:#15803d;color:#dcfce7}
.priority-pill.scheduled{background:#1d4ed8;color:#dbeafe}
.priority-pill.standby{background:#92400e;color:#ffedd5}
.priority-pill.fallback{background:#a16207;color:#fef3c7}

.priority-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
}

.priority-stats div{
  padding:14px;
  border-right:1px solid rgba(255,255,255,.08);
}

.priority-stats div:last-child{border-right:0}

.priority-stats span{
  display:block;
  color:#94a3b8;
  font-size:12px;
}

.priority-stats strong{
  display:block;
  margin-top:5px;
  color:#fff;
  font-size:16px;
}

.priority-list-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:6px;
}

.priority-list-head h3{
  margin:0;
  color:#fff;
}

.priority-list-head small{
  color:#94a3b8;
}

.priority-source-row{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border-radius:14px;
  margin-bottom:10px;
  background:rgba(8,25,45,.88);
  border:1px solid rgba(90,150,230,.2);
}

.priority-source-row.green{border-color:#22c55e;background:linear-gradient(90deg,rgba(20,83,45,.45),rgba(8,25,45,.88))}
.priority-source-row.blue{border-color:#3b82f6}
.priority-source-row.orange{border-color:#f97316}
.priority-source-row.purple{border-color:#8b5cf6}
.priority-source-row.cyan{border-color:#06b6d4}
.priority-source-row.yellow{border-color:#eab308}

.priority-drag{
  color:#94a3b8;
  font-size:16px;
}

.priority-source-icon{
  width:44px;
  height:44px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:21px;
}

.priority-source-icon.green{background:linear-gradient(135deg,#14532d,#22c55e)}
.priority-source-icon.blue{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}
.priority-source-icon.orange{background:linear-gradient(135deg,#9a3412,#f97316)}
.priority-source-icon.purple{background:linear-gradient(135deg,#581c87,#8b5cf6)}
.priority-source-icon.cyan{background:linear-gradient(135deg,#155e75,#06b6d4)}
.priority-source-icon.yellow{background:linear-gradient(135deg,#713f12,#eab308)}

.priority-source-main{
  flex:1;
}

.priority-source-main h4{
  margin:0;
  color:#fff;
  font-size:17px;
}

.priority-source-main p{
  margin:4px 0 0;
  color:#94a3b8;
  font-size:12px;
}

.priority-flow{
  margin-top:16px;
}

.priority-flow-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.priority-flow-item{
  width:88px;
  min-height:86px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(2,8,23,.45);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-align:center;
  padding:8px;
}

.priority-flow-item.active{
  border-color:#22c55e;
  box-shadow:0 0 20px rgba(34,197,94,.2);
}

.priority-flow-item i{
  font-size:24px;
  margin-bottom:7px;
}

.priority-flow-item span{
  font-size:11px;
  color:#cbd5e1;
}

.priority-arrow{
  color:#fff;
}

.priority-hidden-original{
  display:none !important;
}

.priority-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.72);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:99999;
}

.priority-modal.open{
  display:flex;
}

.priority-modal-box{
  width:min(760px,92vw);
  max-height:88vh;
  overflow:auto;
  background:#081a2f;
  border:1px solid rgba(96,165,250,.35);
  border-radius:18px;
  padding:22px;
}

.priority-modal-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:14px;
}

.priority-modal-head h3{
  margin:0;
  color:#fff;
}

.priority-close{
  background:#102746;
  border:1px solid rgba(255,255,255,.1);
  color:#fff;
  border-radius:10px;
  padding:8px 12px;
  cursor:pointer;
}

/* Hide the old huge priority forms only after JS moves them */
.priority-old-source-block{
  display:none !important;
}