:root{
  --bb-blue:#00b6ff;
  --bb-blue-dark:#0089c4;
  --bb-blue-soft:#eef9ff;
  --bb-bg:#05080c;
  --bb-panel:#0d141d;
  --bb-panel-2:#111b27;
  --bb-line:rgba(148,210,255,.16);
  --bb-text:#f5fbff;
  --bb-muted:#8da5b8;
  --bb-state:#58c8ff;
  --bb-neutral:#6f8397;
  --bb-shadow:0 24px 70px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bb-bg);color-scheme:dark}
body{
  margin:0;
  min-height:100vh;
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  background:#05080c;
  color:var(--bb-text);
}
a{color:inherit;text-decoration:none}
.tg-nav{
  position:fixed;
  inset:0 auto 0 0;
  width:220px;
  z-index:100;
  border-right:1px solid var(--bb-line);
  background:rgba(4,8,13,.82);
  backdrop-filter:blur(20px);
  box-shadow:18px 0 60px rgba(0,0,0,.22);
}
.tg-nav-inner{
  height:100%;
  padding:22px 14px;
  display:flex;
  flex-direction:column;
  gap:24px;
}
.tg-brand{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:900;
  letter-spacing:-.04em;
}
.tg-brand img{width:30px;height:30px;border-radius:8px;object-fit:contain}
.tg-brand span{font-size:18px;color:#fff}
.tg-brand strong{color:var(--bb-blue)}
.tg-nav-actions{display:grid;gap:6px}
.tg-nav-actions a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:38px;
  padding:9px 11px;
  border:1px solid transparent;
  border-radius:10px;
  color:#bfd0dc;
  font-size:13px;
  font-weight:700;
  transition:.22s ease;
}
.tg-nav-actions a:hover,.tg-nav-actions a:first-child{
  color:#fff;
  background:rgba(0,182,255,.12);
  border-color:rgba(0,182,255,.22);
  transform:translateX(2px);
}
.tg-page{
  width:calc(100% - 220px);
  margin-left:220px;
  padding:34px min(4vw,42px) 50px;
  animation:pageIn .5s ease both;
}
@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.text-muted{color:var(--bb-muted)!important}
.fw-black{color:#fff}
.tg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tg-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.tg-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.tg-card,.metric{
  position:relative;
  overflow:hidden;
  border:1px solid var(--bb-line);
  border-radius:14px;
  background:#0d141d;
  box-shadow:var(--bb-shadow);
}
.tg-card::before,.metric::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:rgba(0,182,255,.55);
  opacity:.75;
}
.tg-card{animation:cardIn .45s ease both}
.tg-card:nth-child(2n){animation-delay:.04s}
@keyframes cardIn{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
.tg-card-head{
  min-height:58px;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid var(--bb-line);
}
.tg-card-head h3{margin:0;color:#fff;font-size:16px;font-weight:900;letter-spacing:-.025em}
.tg-card-body{padding:18px}
.metric{padding:18px;min-height:108px;transition:.2s ease}
.metric:hover,.tg-card:hover{border-color:rgba(0,182,255,.35);box-shadow:0 28px 78px rgba(0,182,255,.08),var(--bb-shadow)}
.metric small{display:block;color:var(--bb-muted);font-size:12px;font-weight:800}
.metric strong{display:block;margin-top:12px;color:#fff;font-size:30px;font-weight:900;letter-spacing:-.05em}
.metric strong::first-letter{color:var(--bb-blue)}
.btn-red,.btn-darkx,.btn-green,.btn-orange,.btn-soft,.form-control,.form-select,.icon-btn,.bb-btn{
  min-height:42px;
  border-radius:11px!important;
  font-weight:800!important;
}
.btn-red,.btn-darkx,.bb-btn.primary{
  border:0!important;
  color:#fff!important;
  background:#087cb4!important;
  box-shadow:none!important;
}
.btn-green,.bb-btn.success{
  border:1px solid rgba(0,182,255,.34)!important;
  color:#e8f8ff!important;
  background:#0a6f9f!important;
  box-shadow:none!important;
}
.btn-orange,.bb-btn.warn{
  border:1px solid rgba(148,210,255,.2)!important;
  color:#dff5ff!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
.btn-soft,.bb-btn.ghost{
  color:#dff5ff!important;
  background:rgba(255,255,255,.05)!important;
  border:1px solid var(--bb-line)!important;
}
.btn-red:hover,.btn-darkx:hover,.btn-green:hover,.btn-orange:hover,.btn-soft:hover,.bb-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;text-decoration:none;transition:.18s ease}
.bb-btn.icon{width:42px;padding:0}
.control-stack{justify-content:flex-end}
.form-control,.form-select{
  background:rgba(4,10,16,.82)!important;
  border:1px solid rgba(148,210,255,.2)!important;
  color:#eef9ff!important;
}
.form-control:focus,.form-select:focus{
  border-color:var(--bb-blue)!important;
  box-shadow:0 0 0 4px rgba(0,182,255,.14)!important;
}
label,.form-label{color:#a9c4d7;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.badge-soft{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
  border:1px solid var(--bb-line);
}
.badge-blue{background:rgba(0,182,255,.13);color:#77d9ff}
.badge-green{background:rgba(0,182,255,.13);color:#9adfff}
.badge-orange{background:rgba(148,210,255,.1);color:#bed5e5}
.alertbox{
  padding:14px 16px;
  border-radius:13px;
  border:1px solid rgba(0,182,255,.22);
  background:rgba(0,182,255,.08);
  color:#e8f8ff;
}
.alertbox.warning,.alertbox.urgent{border-color:rgba(0,182,255,.32);background:rgba(0,182,255,.1)}
.alertbox.success{border-color:rgba(0,182,255,.32);background:rgba(0,182,255,.1)}
.money-line{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid rgba(148,210,255,.12);
  color:#b8cbd8;
}
.money-line strong{color:#fff}
.money-line.total strong,.money-line.due strong{color:#72d8ff}
.money-line.paid strong{color:#9adfff}
.progress-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.step{
  min-height:34px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.045);
  color:#8da5b8;
  font-size:11px;
  font-weight:900;
}
.step.done{background:rgba(0,182,255,.14);color:#9adfff}
.step.active{background:#087cb4;color:#fff;box-shadow:none}
.chatbox{
  height:330px;
  overflow:auto;
  padding:14px;
  border:1px solid var(--bb-line);
  border-radius:14px;
  background:#070d14;
}
.msg{
  max-width:82%;
  margin:0 0 12px;
  padding:12px 13px;
  border-radius:14px;
  border:1px solid var(--bb-line);
  background:rgba(255,255,255,.055);
  color:#eaf8ff;
}
.msg.admin{
  margin-left:auto;
  background:rgba(0,182,255,.18);
  border-color:rgba(0,182,255,.32);
}
.msg.customer{background:rgba(255,255,255,.07)}
.msg small{color:#9bb2c2}
.item-row,.simple-row{display:grid;grid-template-columns:1fr 90px 120px 42px;gap:8px;margin-bottom:8px}
.simple-row{grid-template-columns:1fr 42px}
.icon-btn{border:1px solid var(--bb-line);background:rgba(255,255,255,.05);color:#bdeeff}
.timeline{position:relative;display:grid;gap:12px}
.timeline-item{
  padding:12px 12px 12px 16px;
  border-left:3px solid var(--bb-blue);
  border-radius:10px;
  background:rgba(255,255,255,.045);
}
.popup-wrap{position:fixed;top:20px;right:20px;z-index:9999;display:grid;gap:10px}
.popup{
  padding:12px 14px;
  border-radius:12px;
  background:#087cb4;
  color:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.35);
  opacity:0;
  transform:translateY(-8px);
  transition:.25s ease;
}
.popup.show{opacity:1;transform:none}
.bb-chart-card{min-height:290px}
.bb-chart-wrap{height:210px;position:relative}
.bb-chart-wrap canvas{width:100%;height:100%;display:block}
.bb-spark{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  align-items:end;
  gap:8px;
  height:150px;
  padding-top:12px;
}
.bb-spark span{
  display:block;
  min-height:12px;
  border-radius:8px 8px 2px 2px;
  background:#087cb4;
  animation:barRise .9s ease both;
}
@keyframes barRise{from{height:0;opacity:.3}to{opacity:1}}
.bb-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
}
.bb-hero h1{margin:0;color:#fff;font-size:clamp(28px,4vw,44px);font-weight:950;letter-spacing:-.055em}
.bb-hero p{margin:7px 0 0;color:var(--bb-muted)}
.bb-actions{display:flex;gap:10px;flex-wrap:wrap}
.bb-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:12px;
  border:1px solid var(--bb-line);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
.bb-tabs{display:flex;gap:8px;flex-wrap:wrap}
.bb-tab{
  min-height:36px;
  border:1px solid var(--bb-line);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:#b9d2e3;
  padding:0 13px;
  font-weight:850;
}
.bb-tab.active{background:#087cb4;color:#fff;border-color:#2f8fc1}
.order-card{
  display:grid;
  gap:14px;
  height:100%;
}
.order-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.order-card h4{margin:0;color:#fff;font-weight:950;letter-spacing:-.035em}
.order-meta{color:var(--bb-muted);font-size:13px}
.order-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.empty-panel{
  padding:30px;
  border:1px dashed rgba(0,182,255,.32);
  border-radius:16px;
  color:#bed5e5;
  background:rgba(0,182,255,.06);
}
.checkout-summary{
  position:sticky;
  top:26px;
}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mini-note{font-size:12px;color:var(--bb-muted);line-height:1.5}
.section-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#7edcff;font-weight:900}
.split-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.checkout-page{
  max-width:1420px;
}
.checkout-hero{
  align-items:flex-start;
}
.checkout-grid{
  display:grid;
  grid-template-columns:minmax(300px,.85fr) minmax(360px,1fr) minmax(340px,.9fr);
  gap:18px;
  align-items:start;
}
.checkout-card{
  min-width:0;
}
.checkout-lines{
  display:grid;
  gap:10px;
}
.checkout-line{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:12px;
  border:1px solid rgba(148,210,255,.14);
  border-radius:12px;
  background:rgba(255,255,255,.04);
}
.checkout-line > div{
  min-width:0;
}
.checkout-line strong{
  display:block;
  color:#fff;
  overflow-wrap:anywhere;
}
.checkout-line small,
.checkout-line span{
  display:block;
  color:var(--bb-muted);
  font-size:12px;
  font-weight:750;
}
.checkout-line > div:last-child{
  flex:0 0 auto;
  text-align:right;
}
.payment-choice{
  display:grid;
  gap:9px;
}
.payment-choice-card{
  display:flex;
  align-items:flex-start;
  gap:10px;
  border:1px solid rgba(114,216,255,.20);
  background:rgba(255,255,255,.045);
  border-radius:14px;
  padding:12px;
  cursor:pointer;
}
.payment-choice-card.active{
  border-color:rgba(114,216,255,.62);
  background:rgba(0,182,255,.12);
  box-shadow:0 0 0 3px rgba(0,182,255,.08);
}
.payment-choice-card input{
  margin-top:3px;
}
.payment-choice-card strong,
.payment-choice-card small{
  display:block;
}
.payment-choice-card strong{
  color:#fff;
}
.payment-choice-card small{
  color:var(--bb-muted);
  line-height:1.45;
  margin-top:2px;
}
.promo-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  margin-top:16px;
}
.checkout-notice,
.shipping-disabled{
  display:flex;
  align-items:flex-start;
  gap:12px;
  border:1px solid rgba(0,182,255,.22);
  border-radius:13px;
  padding:13px;
  background:rgba(0,182,255,.08);
  color:#dff5ff;
}
.checkout-notice{
  display:grid;
  gap:4px;
}
.checkout-notice strong,
.shipping-disabled strong{
  display:block;
  color:#fff;
  font-weight:900;
}
.checkout-notice span,
.shipping-disabled span{
  display:block;
  color:#a9c4d7;
  font-size:13px;
  line-height:1.45;
}
.shipping-disabled i{
  color:#77d9ff;
  font-size:22px;
}
.payment-card{
  position:sticky;
  top:26px;
}
.payment-skeleton{
  min-height:186px;
  display:grid;
  place-items:center;
  border:1px dashed rgba(0,182,255,.28);
  border-radius:13px;
  color:#9fb7c8;
  background:rgba(255,255,255,.035);
  text-align:center;
  padding:16px;
}
.checkout-fineprint{
  color:var(--bb-muted);
  font-size:12px;
  line-height:1.55;
  text-align:center;
}
@media (max-width:900px){
  .tg-nav{position:sticky;top:0;width:100%;height:auto}
  .tg-nav-inner{padding:14px;gap:12px}
  .tg-nav-actions{display:flex;overflow:auto}
  .tg-nav-actions a{white-space:nowrap}
  .tg-page{width:100%;margin-left:0;padding:22px 14px 38px}
  .tg-grid,.tg-grid.two,.tg-grid.four{grid-template-columns:1fr}
  .item-row{grid-template-columns:1fr}
  .progress-steps{grid-template-columns:repeat(3,1fr)}
  .bb-hero{align-items:flex-start;flex-direction:column}
  .field-grid{grid-template-columns:1fr}
  .control-stack{justify-content:flex-start}
  .checkout-summary{position:static}
  .checkout-grid{grid-template-columns:1fr}
  .payment-card{position:static}
  .promo-row{grid-template-columns:1fr}
  .checkout-line{align-items:flex-start}
}

/* Website Manager */
.site-body{
  margin:0;
  background:#0b1117;
  color:#edf3f8;
  font-family:Inter,system-ui,sans-serif;
}
.site-panel-page{min-height:100vh}
.site-loading,.site-denied{
  min-height:100vh;
  display:grid;
  place-content:center;
  gap:12px;
  padding:24px;
  color:#9fb0c0;
  text-align:center;
}
.site-denied strong{color:#fff;font-size:24px}
.site-denied p{max-width:460px;margin:0 auto 8px}
.site-console{
  min-height:100vh;
  display:grid;
  grid-template-columns:292px minmax(0,1fr);
  background:#0b1117;
}
.site-console-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  border-right:1px solid #1f2c39;
  background:#0d141c;
  padding:22px 14px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.site-console-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:0 10px;
  color:#fff;
  text-decoration:none;
  font-weight:900;
}
.site-console-brand img{width:26px;height:26px;object-fit:contain}
.site-console-domain{
  border:1px solid #263545;
  border-radius:8px;
  background:#111b25;
  padding:14px;
}
.site-console-domain span,.site-eyebrow,.site-card-kicker{
  display:block;
  color:#8ba0b3;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.site-console-domain strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:19px;
  font-weight:900;
  overflow-wrap:anywhere;
}
.site-console-domain em{
  display:inline-flex;
  margin-top:10px;
  border:1px solid #285c7a;
  border-radius:999px;
  padding:5px 9px;
  color:#9adfff;
  font-style:normal;
  font-size:12px;
  font-weight:850;
}
.site-console-nav{display:grid;gap:4px}
.site-console-nav button{
  width:100%;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#a8b7c5;
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:12px 10px;
  text-align:left;
}
.site-console-nav button i{
  width:20px;
  color:#6fbde6;
  line-height:1.3;
}
.site-console-nav button strong{
  display:block;
  color:inherit;
  font-size:14px;
  font-weight:850;
}
.site-console-nav button small{
  display:block;
  color:#718495;
  font-size:12px;
  line-height:1.35;
}
.site-console-nav button:hover,.site-console-nav button.active{
  background:#172230;
  color:#fff;
}
.site-console-note{
  margin-top:auto;
  border:1px solid #263545;
  border-radius:8px;
  background:#0a1118;
  padding:12px;
  color:#8ba0b3;
  font-size:12px;
  line-height:1.45;
}
.site-console-main{
  min-width:0;
  padding:32px;
}
.site-console-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  margin-bottom:22px;
}
.site-console-header h1{
  margin:4px 0 8px;
  color:#fff;
  font-size:34px;
  line-height:1.05;
  font-weight:950;
}
.site-console-header p{
  max-width:760px;
  margin:0;
  color:#9fb0c0;
}
.site-overview-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:24px;
}
.site-stat,.site-work-card{
  border:1px solid #263545;
  border-radius:8px;
  background:#101922;
}
.site-stat{padding:16px}
.site-stat span{
  display:block;
  color:#8ba0b3;
  font-size:12px;
  font-weight:850;
}
.site-stat strong{
  display:block;
  margin:8px 0 3px;
  color:#fff;
  font-size:25px;
  font-weight:950;
}
.site-stat small{color:#718495}
.site-view{display:none}
.site-view.active{display:block}
.site-section-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.site-section-head h2{
  margin:4px 0 6px;
  color:#fff;
  font-size:25px;
  font-weight:930;
}
.site-section-head p{
  max-width:760px;
  margin:0;
  color:#9fb0c0;
}
.site-two-col{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:14px;
  align-items:start;
}
.site-work-card{padding:18px}
.site-work-card.muted{background:#0d151d}
.site-work-card label{
  display:block;
  margin:14px 0 7px;
  color:#c8d5e0;
  font-size:13px;
  font-weight:850;
}
.site-work-card label:first-child{margin-top:0}
.site-work-card .form-control,.site-work-card .form-select{
  border:1px solid #2b3b4c!important;
  border-radius:7px!important;
  background:#0b1219!important;
  color:#edf3f8!important;
  min-height:44px;
  box-shadow:none!important;
}
.site-work-card textarea.form-control{resize:vertical}
.site-work-card .form-control:focus{
  border-color:#2f8fc1!important;
  box-shadow:0 0 0 3px rgba(47,143,193,.16)!important;
}
.site-work-card .form-control::placeholder{color:#6f8191!important}
.site-work-card ul{
  margin:12px 0 0;
  padding-left:18px;
  color:#aebdcc;
  line-height:1.75;
}
.site-btn{
  min-height:42px;
  border:1px solid #2f8fc1;
  border-radius:7px;
  background:#087cb4;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  font-weight:900;
  text-decoration:none;
}
.site-btn:hover{color:#fff;filter:brightness(1.08)}
.site-btn.secondary{
  background:#111b25;
  border-color:#2a3b4c;
  color:#cbd8e4;
}
.site-work-card .site-btn{margin-top:14px}
.site-balance{
  display:block;
  margin:10px 0 4px;
  color:#fff;
  font-size:38px;
  font-weight:950;
}
.site-work-card p{color:#9fb0c0}
.site-record-list{display:grid;gap:10px}
.site-record-list.wide{max-width:860px}
.site-list{display:grid;gap:10px}
.site-list-item{
  border:1px solid #263545;
  border-radius:8px;
  background:#0b1219;
  padding:13px;
  color:#dce8f2;
}
.site-list-item strong{display:block;color:#fff;font-weight:900}
.site-status{
  display:inline-flex;
  align-items:center;
  border:1px solid #2a3b4c;
  border-radius:999px;
  padding:4px 9px;
  color:#b5c3d1;
  font-size:12px;
  font-weight:850;
}
.site-status.pending{border-color:#2f8fc1;color:#9adfff}
.site-status.approved{border-color:#285c7a;color:#9adfff;background:#0a1823}
.site-warning{
  border:1px solid #2f8fc1;
  border-radius:8px;
  background:#0a1823;
  color:#bfefff;
  padding:11px;
}
.website-request-card .request-kind{
  display:inline-flex;
  margin-bottom:5px;
  border:1px solid #285c7a;
  border-radius:999px;
  padding:3px 8px;
  color:#9adfff;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.website-request-card .request-body{
  margin-top:9px;
  color:#c4d1dc;
  white-space:pre-wrap;
}
.site-record{
  border:1px solid #263545;
  border-radius:8px;
  background:#0b1219;
  padding:13px;
}
.site-record strong{
  display:block;
  color:#fff;
  font-size:15px;
  font-weight:900;
}
.site-record span{
  display:block;
  margin-top:3px;
  color:#aebdcc;
}
.site-record small{
  display:block;
  margin-top:6px;
  color:#718495;
}
.site-empty{
  border:1px dashed #314456;
  border-radius:8px;
  background:#0b1219;
  padding:16px;
  color:#8ba0b3;
}
.site-empty.large{padding:28px}
.site-alert{
  border:1px solid #2f8fc1;
  border-radius:8px;
  background:#0a1823;
  color:#bfefff;
  padding:13px;
  line-height:1.45;
}
@media (max-width:1050px){
  .site-console{grid-template-columns:1fr}
  .site-console-sidebar{
    position:static;
    height:auto;
    border-right:0;
    border-bottom:1px solid #1f2c39;
  }
  .site-console-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .site-console-main{padding:22px 14px}
  .site-console-header{display:grid}
  .site-console-header h1{font-size:28px}
  .site-console-sidebar{gap:12px;padding:16px 14px}
  .site-console-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-console-nav button{padding:10px}
  .site-console-nav button small,.site-console-note{display:none}
  .site-overview-grid,.site-two-col{grid-template-columns:1fr}
}
