@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap');
:root{--bg:#0c0812;--side:#100a18;--card:#181024;--card2:#211431;--pink:#ef2d7d;--muted:#aa9eb0;--line:rgba(255,255,255,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Cairo,sans-serif;background:#0d0913;color:#fff;direction:rtl}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#09060f;border-left:1px solid var(--line);padding:22px 16px;position:sticky;top:0;height:100vh}.logo{font-size:22px;font-weight:900;margin-bottom:22px}.logo span{color:var(--pink)}.sidebar a{display:block;padding:11px 12px;margin:4px 0;border-radius:8px;font-size:13px;color:#ded5e2;text-decoration:none}.sidebar a:hover,.sidebar a.active{background:rgba(239,45,125,.09);color:#fff}.main{padding:26px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.topbar h1{font-size:24px;margin:0}.btn{display:inline-block;padding:10px 15px;border:0;border-radius:8px;background:var(--pink);color:#fff;text-decoration:none;font-weight:800;font-size:12px;cursor:pointer}.btn.secondary{background:#2b1d39}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat{background:linear-gradient(145deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:10px;padding:18px}.stat small{color:var(--muted)}.stat b{display:block;font-size:28px;color:#ff4d98;margin-top:5px}.panel{background:linear-gradient(145deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:16px}.panel h2{font-size:17px;margin-top:0}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:right;padding:10px;border-bottom:1px solid var(--line);font-size:12px}.table th{color:#cfc4d3}.badge{padding:4px 8px;border-radius:12px;background:rgba(239,45,125,.12);color:#ff72ac;font-size:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.field label{font-size:12px}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid #3b2b47;background:#100b17;color:#fff;border-radius:8px;font-family:inherit}.full{grid-column:1/-1}.flash{padding:10px;border-radius:8px;margin-bottom:12px;background:#143824}.danger{background:#5a1830}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 30%,rgba(239,45,125,.15),transparent 30%),#0c0812}.login-box{width:min(430px,calc(100% - 30px));background:#181024;border:1px solid var(--line);border-radius:14px;padding:28px}.login-box h1{margin:0 0 20px}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}@media(max-width:550px){.cards{grid-template-columns:1fr}.main{padding:15px}.table{font-size:11px;display:block;overflow:auto}}


/* ===== V2.1 PROFESSIONAL CONTROL ROOM ===== */
body{background:#0b0710}
.layout{grid-template-columns:270px 1fr;background:
radial-gradient(circle at 80% 0%,rgba(239,45,125,.045),transparent 28%),#0b0710}
.sidebar{width:auto;padding:18px 14px;background:linear-gradient(180deg,#09060e,#100817);border-left:1px solid rgba(255,255,255,.07)}
.side-brand{display:flex;align-items:center;gap:10px;padding:7px 8px 19px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:14px}
.side-brand>span{width:38px;height:38px;border:2px solid #ef2d7d;border-radius:50%;display:grid;place-items:center;color:#ef2d7d;font-size:10px}
.side-brand b{display:block;font-size:17px}.side-brand small{display:block;font-size:6px;letter-spacing:1.5px;color:#8e8294}
.side-nav p{margin:18px 10px 5px;color:#746a7a;font-size:8px;font-weight:800;letter-spacing:.5px}
.side-nav a{display:flex;align-items:center;gap:10px;padding:10px 11px;margin:3px 0;border:1px solid transparent;border-radius:8px}
.side-nav a i{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:rgba(255,255,255,.03);font-style:normal;color:#fa5b9d}
.side-nav a:hover,.side-nav a.active{background:linear-gradient(90deg,rgba(239,45,125,.10),rgba(239,45,125,.025));border-color:rgba(239,45,125,.16)}
.side-nav a.active:before{content:"";width:3px;height:22px;border-radius:3px;background:#ef2d7d;margin-right:-11px}
.side-bottom{position:absolute;right:14px;left:14px;bottom:16px;border-top:1px solid rgba(255,255,255,.07);padding-top:10px}.side-bottom a{display:block;color:#a99fad;text-decoration:none;padding:6px;font-size:10px}
.main{padding:24px 28px;overflow:hidden}.mobile-admin-top{display:none}
.admin-hero{min-height:130px;padding:25px 26px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:
radial-gradient(circle at 12% 40%,rgba(239,45,125,.13),transparent 27%),
linear-gradient(130deg,#171022,#221331);display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.admin-eyebrow{color:#f05296;font-size:7px;font-weight:900;letter-spacing:1.4px}.admin-hero h1{font-size:24px;margin:5px 0}.admin-hero p{color:#afa3b4;font-size:9px;margin:0}.admin-hero-actions{display:flex;gap:8px}
.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}
.metric-card{position:relative;min-height:126px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:linear-gradient(145deg,#171022,#1e122b);overflow:hidden}
.metric-card:after{content:"";position:absolute;width:80px;height:80px;border:1px solid rgba(239,45,125,.06);border-radius:50%;left:-30px;bottom:-35px}
.metric-icon{width:30px;height:30px;border:1px solid rgba(239,45,125,.2);background:rgba(239,45,125,.07);color:#fa579b;border-radius:8px;display:grid;place-items:center;font-size:12px;margin-bottom:11px}
.metric-card>span{display:block;color:#a99dad;font-size:8px}.metric-card>b{display:block;font-size:24px;margin:2px 0}.metric-card>small{font-size:7px;color:#84798a}.metric-card small.up{color:#58c792}.metric-card small.down{color:#ff719c}
.dashboard-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:12px}.dashboard-grid.lower{grid-template-columns:1fr 1fr;margin-top:12px}
.panel{border-color:rgba(255,255,255,.07);background:linear-gradient(145deg,#15101e,#1d1228);padding:16px}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.panel-head span{font-size:7px;color:#ef4c93;font-weight:900}.panel-head h2{font-size:15px;margin:2px 0}.panel-head>a{color:#b5aaba;text-decoration:none;font-size:8px}.panel-head>strong{font-size:20px;color:#fff}.panel-head>strong small{display:block;font-size:7px;color:#8e8393;font-weight:400}
.bars{height:205px;display:flex;align-items:flex-end;gap:10px;padding:15px 5px 0;border-top:1px solid rgba(255,255,255,.045)}
.bar-item{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.bar-value{font-size:7px;color:#aea2b3}.bar-track{width:min(32px,70%);height:145px;border-radius:8px;background:rgba(255,255,255,.025);display:flex;align-items:flex-end;overflow:hidden}.bar-track i{width:100%;display:block;border-radius:8px;background:linear-gradient(180deg,#fa4d98,#a91757);box-shadow:0 0 18px rgba(239,45,125,.18)}.bar-item small{font-size:6.5px;color:#776d7c}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-grid a{min-height:78px;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:10px;background:rgba(255,255,255,.018);text-decoration:none;color:#fff;transition:.2s}.quick-grid a:hover{transform:translateY(-2px);border-color:rgba(239,45,125,.25);background:rgba(239,45,125,.035)}.quick-grid i{display:block;color:#f6579b;font-style:normal;margin-bottom:7px}.quick-grid b{display:block;font-size:9px}.quick-grid small{font-size:6.5px;color:#8f8494}
.activity-list{display:grid;gap:5px}.activity-row{display:flex;align-items:center;gap:9px;min-height:52px;border-bottom:1px solid rgba(255,255,255,.045);padding:5px 0}.avatar{width:34px;height:34px;border-radius:9px;background:rgba(239,45,125,.08);border:1px solid rgba(239,45,125,.15);display:grid;place-items:center;color:#fa559b;font-weight:900}.activity-main{flex:1}.activity-main b{display:block;font-size:9px}.activity-main small{display:block;color:#8f8494;font-size:6.5px;margin-top:2px}.status{padding:4px 7px;border-radius:12px;font-size:6.5px;background:rgba(255,255,255,.05);color:#c7bdca}.status-new{background:rgba(239,45,125,.12);color:#ff72ac}.status-contacted,.status-confirmed{background:rgba(238,174,55,.11);color:#efbc5e}.status-completed{background:rgba(70,180,119,.11);color:#65cf94}.status-cancelled{background:rgba(150,150,150,.08);color:#aaa}
.modern-table th,.modern-table td{padding:8px 5px;font-size:8px}.page-rank{display:grid}.page-rank>div{min-height:43px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;border-bottom:1px solid rgba(255,255,255,.045);gap:7px}.page-rank>div>b{color:#f5579b}.page-rank>div>span{font-size:8px;color:#b9aebd;direction:ltr;text-align:left}.page-rank>div>strong{font-size:9px}.empty{font-size:9px;color:#8f8494}

/* Login premium */
.login-premium{background:
radial-gradient(circle at 20% 50%,rgba(239,45,125,.16),transparent 28%),
radial-gradient(circle at 85% 15%,rgba(91,42,119,.11),transparent 25%),#08060d}
.login-box-premium{width:min(470px,calc(100% - 28px));padding:30px;border-radius:14px;background:linear-gradient(145deg,#171022,#1f122b);box-shadow:0 30px 80px rgba(0,0,0,.22)}
.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.login-brand>span{width:38px;height:38px;border:2px solid #ef2d7d;border-radius:50%;display:grid;place-items:center;color:#ef2d7d}.login-brand b{display:block}.login-brand small{font-size:6px;color:#85798b;letter-spacing:1.5px}.login-eyebrow{font-size:8px;color:#ef4c93;font-weight:900;margin:0}.login-box-premium h1{font-size:25px;margin:3px 0 5px}.login-sub{font-size:8px;line-height:1.8;color:#9f94a4;margin:0 0 17px}.login-submit{width:100%;min-height:44px;margin-top:5px}.repair-link{display:block;text-align:center;color:#8f8495;font-size:7px;margin-top:12px;text-decoration:none}.repair-link:hover{color:#f35b9c}

@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto;display:none}.main{padding:14px}.mobile-admin-top{display:flex;justify-content:space-between;padding:10px 12px;margin:-14px -14px 12px;background:#0c0812;border-bottom:1px solid rgba(255,255,255,.07)}.admin-hero{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){.metric-grid{grid-template-columns:1fr 1fr}.admin-hero h1{font-size:20px}.admin-hero-actions{width:100%}.admin-hero-actions .btn{flex:1;text-align:center}.quick-grid{grid-template-columns:1fr}.metric-card{min-height:115px}}


/* ============================================================
   V2.2 — CONTROL ROOM READABILITY + PIXEL POLISH
   Scope: admin dashboard/readability only.
   No database, login, CRUD, routing, or public-site changes.
   ============================================================ */

/* Global admin readability */
body{
  font-size:16px !important;
  line-height:1.65 !important;
}

/* Sidebar: much easier to read */
.side-brand b{
  font-size:22px !important;
  line-height:1.25 !important;
}
.side-brand small{
  font-size:9px !important;
}
.side-nav p{
  font-size:11px !important;
  margin-top:22px !important;
}
.side-nav a{
  min-height:50px !important;
  padding:11px 12px !important;
  font-size:15px !important;
}
.side-nav a i{
  width:32px !important;
  height:32px !important;
  font-size:15px !important;
}
.side-bottom a{
  font-size:13px !important;
  padding:8px !important;
}

/* Hero */
.admin-hero{
  min-height:160px !important;
  padding:30px 30px !important;
}
.admin-eyebrow{
  font-size:10px !important;
  letter-spacing:1px !important;
}
.admin-hero h1{
  font-size:34px !important;
  line-height:1.3 !important;
  margin:8px 0 7px !important;
}
.admin-hero p{
  font-size:14px !important;
  line-height:1.8 !important;
  max-width:780px !important;
}
.admin-hero-actions .btn{
  min-height:48px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:14px !important;
}

/* Operational status bar */
.control-status-strip{
  display:grid !important;
  grid-template-columns:minmax(280px,1.8fr) repeat(3,minmax(130px,.7fr)) !important;
  gap:1px !important;
  margin:0 0 12px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.055) !important;
}
.control-status-strip > div{
  min-height:72px !important;
  padding:12px 16px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  background:linear-gradient(145deg,#15101e,#1d1228) !important;
}
.control-status-strip > div:first-child{
  display:grid !important;
  grid-template-columns:12px auto !important;
  grid-template-rows:auto auto !important;
  column-gap:9px !important;
  align-content:center !important;
}
.control-status-strip .pulse-dot{
  grid-row:1 / 3 !important;
  align-self:center !important;
  width:9px !important;
  height:9px !important;
  border-radius:50% !important;
  background:#4ed18d !important;
  box-shadow:0 0 0 5px rgba(78,209,141,.09),0 0 18px rgba(78,209,141,.25) !important;
}
.control-status-strip b{
  font-size:15px !important;
  line-height:1.4 !important;
}
.control-status-strip > div:not(:first-child) b{
  font-size:20px !important;
  color:#fff !important;
}
.control-status-strip small{
  font-size:10px !important;
  color:#938898 !important;
  margin-top:2px !important;
}

/* KPI cards */
.metric-grid{
  gap:12px !important;
}
.metric-card{
  min-height:158px !important;
  padding:18px !important;
}
.metric-icon{
  width:38px !important;
  height:38px !important;
  font-size:16px !important;
  margin-bottom:13px !important;
}
.metric-card > span{
  font-size:12px !important;
  color:#c3b8c8 !important;
}
.metric-card > b{
  font-size:38px !important;
  line-height:1.1 !important;
  margin:7px 0 5px !important;
  letter-spacing:-.5px !important;
}
.metric-card > small{
  font-size:10px !important;
  line-height:1.4 !important;
}

/* Panels */
.panel{
  padding:20px !important;
}
.panel-head{
  margin-bottom:18px !important;
}
.panel-head span{
  font-size:10px !important;
}
.panel-head h2{
  font-size:21px !important;
  line-height:1.4 !important;
  margin:4px 0 !important;
}
.panel-head > a{
  font-size:12px !important;
}
.panel-head > strong{
  font-size:28px !important;
}
.panel-head > strong small{
  font-size:10px !important;
  margin-top:3px !important;
}

/* Chart */
.bars{
  height:245px !important;
  gap:14px !important;
}
.bar-track{
  width:min(40px,72%) !important;
  height:170px !important;
}
.bar-value{
  font-size:10px !important;
}
.bar-item small{
  font-size:9px !important;
}

/* Quick actions */
.quick-grid{
  gap:10px !important;
}
.quick-grid a{
  min-height:105px !important;
  padding:14px !important;
}
.quick-grid i{
  font-size:20px !important;
  margin-bottom:10px !important;
}
.quick-grid b{
  font-size:14px !important;
  line-height:1.4 !important;
}
.quick-grid small{
  font-size:10px !important;
  line-height:1.5 !important;
  margin-top:3px !important;
  display:block !important;
}

/* Activity / CRM / academy */
.activity-row{
  min-height:70px !important;
  gap:12px !important;
  padding:8px 0 !important;
}
.avatar{
  width:43px !important;
  height:43px !important;
  font-size:15px !important;
}
.activity-main b{
  font-size:13px !important;
}
.activity-main small{
  font-size:10px !important;
  margin-top:4px !important;
}
.status{
  padding:6px 10px !important;
  font-size:9px !important;
}

/* Tables */
.table th,
.table td,
.modern-table th,
.modern-table td{
  font-size:12px !important;
  padding:12px 8px !important;
  line-height:1.5 !important;
}

/* Page ranking */
.page-rank > div{
  min-height:57px !important;
  grid-template-columns:32px 1fr auto !important;
}
.page-rank > div > b{
  font-size:13px !important;
}
.page-rank > div > span{
  font-size:11px !important;
}
.page-rank > div > strong{
  font-size:13px !important;
}
.empty{
  font-size:12px !important;
}

/* Buttons and general forms throughout admin */
.btn{
  min-height:42px !important;
  padding:9px 15px !important;
  font-size:13px !important;
  line-height:1.4 !important;
}
.field label{
  font-size:13px !important;
}
.field input,
.field select,
.field textarea{
  min-height:45px !important;
  font-size:14px !important;
}

/* Login readability retained/improved */
.login-eyebrow{
  font-size:10px !important;
}
.login-box-premium h1{
  font-size:30px !important;
}
.login-sub{
  font-size:12px !important;
}
.login-box-premium .field label{
  font-size:13px !important;
}
.login-box-premium .field input{
  font-size:16px !important;
}
.login-submit{
  font-size:14px !important;
}
.repair-link{
  font-size:10px !important;
}

/* Responsive preservation */
@media(max-width:1300px){
  .metric-grid{
    grid-template-columns:repeat(3,1fr) !important;
  }
  .control-status-strip{
    grid-template-columns:1.4fr repeat(3,.7fr) !important;
  }
}
@media(max-width:1000px){
  .control-status-strip{
    grid-template-columns:1fr 1fr !important;
  }
  .admin-hero h1{
    font-size:28px !important;
  }
}
@media(max-width:700px){
  .main{
    padding:13px !important;
  }
  .admin-hero{
    padding:22px 18px !important;
  }
  .admin-hero h1{
    font-size:24px !important;
  }
  .admin-hero p{
    font-size:12px !important;
  }
  .control-status-strip{
    grid-template-columns:1fr !important;
  }
  .metric-grid{
    grid-template-columns:1fr 1fr !important;
  }
  .metric-card{
    min-height:145px !important;
    padding:15px !important;
  }
  .metric-card > b{
    font-size:32px !important;
  }
  .panel-head h2{
    font-size:18px !important;
  }
  .dashboard-grid,
  .dashboard-grid.lower{
    gap:10px !important;
  }
}
@media(max-width:430px){
  .metric-grid{
    grid-template-columns:1fr !important;
  }
  .admin-hero-actions{
    flex-direction:column !important;
  }
  .admin-hero-actions .btn{
    width:100% !important;
  }
}


/* ============================================================
   V2.3 — LIVE MEDIA CONTROL ROOM
   Safe additive dashboard layer only.
   ============================================================ */

.control-status-strip{
  grid-template-columns:minmax(310px,1.6fr) repeat(4,minmax(120px,.72fr)) !important;
}
.live-status-main{
  display:grid !important;
  grid-template-columns:12px 1fr !important;
  grid-template-rows:auto auto !important;
  column-gap:10px !important;
}
.live-status-main .pulse-dot{
  grid-row:1/3 !important;
}
.live-status-main b{
  font-size:15px !important;
}
.live-status-main small{
  font-size:10px !important;
}

.side-nav a{
  position:relative !important;
}
.side-badge{
  margin-right:auto !important;
  min-width:22px !important;
  height:22px !important;
  padding:0 6px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:#ef2d7d !important;
  color:#fff !important;
  font-size:10px !important;
  box-shadow:0 0 15px rgba(239,45,125,.22) !important;
}

.control-room-bottom{
  margin-bottom:20px !important;
}

.live-label{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  font-size:10px !important;
  color:#62d497 !important;
}
.live-label i{
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:#50cf8d !important;
  box-shadow:0 0 0 5px rgba(80,207,141,.08) !important;
}

.live-feed{
  display:grid !important;
}
.live-feed-row{
  min-height:72px !important;
  display:grid !important;
  grid-template-columns:42px 1fr auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.045) !important;
}
.live-feed-row:last-child{
  border-bottom:0 !important;
}
.feed-icon{
  width:40px !important;
  height:40px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:10px !important;
  border:1px solid rgba(239,45,125,.16) !important;
  background:rgba(239,45,125,.07) !important;
  color:#f75b9e !important;
  font-size:15px !important;
}
.feed-registration{
  color:#e6b85c !important;
  border-color:rgba(230,184,92,.16) !important;
  background:rgba(230,184,92,.06) !important;
}
.feed-news{
  color:#8a8ff1 !important;
  border-color:rgba(138,143,241,.16) !important;
  background:rgba(138,143,241,.06) !important;
}
.live-feed-row b{
  display:block !important;
  font-size:13px !important;
  margin-bottom:2px !important;
}
.live-feed-row p{
  margin:0 !important;
  color:#958a9a !important;
  font-size:10px !important;
}
.live-feed-row > small{
  font-size:9px !important;
  color:#796f7e !important;
  white-space:nowrap !important;
}

.attention-grid{
  display:grid !important;
  gap:9px !important;
}
.attention-grid a{
  min-height:69px !important;
  display:grid !important;
  grid-template-columns:38px 1fr 20px !important;
  align-items:center !important;
  gap:11px !important;
  padding:11px 12px !important;
  text-decoration:none !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.065) !important;
  border-radius:9px !important;
  background:rgba(255,255,255,.018) !important;
  transition:.2s ease !important;
}
.attention-grid a:hover{
  transform:translateX(-2px) !important;
  border-color:rgba(239,45,125,.24) !important;
  background:rgba(239,45,125,.035) !important;
}
.attention-grid a.has-alert{
  border-color:rgba(239,45,125,.20) !important;
  background:linear-gradient(90deg,rgba(239,45,125,.06),rgba(255,255,255,.012)) !important;
}
.attention-grid i{
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:9px !important;
  font-style:normal !important;
  color:#f45a9d !important;
  background:rgba(239,45,125,.07) !important;
}
.attention-grid b{
  display:block !important;
  font-size:13px !important;
}
.attention-grid small{
  display:block !important;
  margin-top:2px !important;
  color:#8f8494 !important;
  font-size:9px !important;
}
.attention-grid strong{
  color:#f05296 !important;
  font-size:14px !important;
}

/* More breathing room on dashboard only */
.dashboard-grid.lower .panel{
  min-height:245px !important;
}

/* Responsive live room */
@media(max-width:1320px){
  .control-status-strip{
    grid-template-columns:1.5fr repeat(2,.75fr) !important;
  }
}
@media(max-width:980px){
  .control-status-strip{
    grid-template-columns:1fr 1fr !important;
  }
}
@media(max-width:620px){
  .control-status-strip{
    grid-template-columns:1fr !important;
  }
  .live-feed-row{
    grid-template-columns:38px 1fr !important;
  }
  .live-feed-row > small{
    grid-column:2 !important;
  }
}