/* Declutter: more breathing room, fewer competing elements, calmer phones. Loaded last. */
/* ---- spacing (all portals) ---- */
.content{padding:34px 38px 80px}
.page-head{margin-bottom:30px;gap:18px}
.page-head h1{font-size:26px}
.page-head p{margin-top:6px;font-size:14px}
.card,.panel,.wz-card{padding:26px}
.card+.card,.card+.cards,.cards+.card,.panel+.panel{margin-top:24px}
.cards,.vps-grid,.tile-grid{gap:24px}
.card-head{margin-bottom:20px}
.list-row{padding:17px 4px}
.tbl th{padding:15px 22px}.tbl td{padding:18px 22px}
.dash-grid{gap:24px}.dash-grid .card+.card{margin-top:24px}
.k-grid{gap:20px;margin-bottom:24px}
.row2,.row3{gap:24px;margin-bottom:24px}
.hero{padding:34px}.hero-search{margin-top:24px}
.qa-grid{gap:16px;margin:24px 0}
.stats{gap:20px;margin:24px 0}
.svc-line{margin:8px 2px 26px;gap:26px}
.syn-label{margin:20px 0 8px}
.syn-modal-body,.dr-body{padding:26px 28px}.syn-modal-head,.dr-head{padding:22px 28px}.syn-modal-foot,.dr-foot{padding:18px 28px calc(20px + var(--safe-b))}
.dt-bar{padding:18px 22px;gap:14px}.dt-foot{padding:16px 22px}
.nav-item{padding:11px 13px}
.nav-label{padding:22px 13px 8px}
.sb-brand{padding:24px 22px 18px}
.topbar{padding:0 36px}
.tb-actions{gap:12px}
.queue{gap:12px}.q-item{padding:15px 16px}
.alert-strip{padding:15px 18px;margin-bottom:16px}
.chips{gap:10px}
.result-card{margin-top:14px;padding:18px 20px}
.opt-grid,.pickgrid{gap:14px}
.wz-card h2{margin-bottom:6px}.wz-d{margin-bottom:26px}
.row-actions{gap:10px}
/* one primary thing per row: quieter secondary text */
.syn-muted,.cell-sub,.lr-sub{line-height:1.5}
/* ---- inbox composer ---- */
.cmp-row{gap:14px;margin-top:12px}
.tgl{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--text-2);cursor:pointer}
.tgl input{width:17px;height:17px;accent-color:var(--brand)}
.composer{padding:16px 22px calc(16px + var(--safe-b))}
.composer textarea{min-height:76px}
.th-head{padding:18px 22px}.th-body{padding:24px 22px}
.msg{margin-bottom:20px}
.tk{padding:16px 18px}

/* ---- phones ---- */
@media (max-width:900px){
  .content{padding:22px 16px 56px}
  .topbar{padding:0 14px;gap:8px}
  .tb-crumb{display:none}
  .tb-title h2{font-size:18px}
  .page-head{margin-bottom:22px}
  .page-head h1{font-size:23px}
  .page-head p{display:none}
  .console .tb-env,.console #darkBtn{display:none}
  .card,.panel,.wz-card{padding:20px}
  .card+.card,.panel+.panel{margin-top:20px}
  .k-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}
  .kpi{padding:16px}
  .hero{padding:24px 20px}
  .qa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .dt-bar{padding:14px}
  .dr-body,.syn-modal-body{padding:22px 20px}.dr-head,.syn-modal-head{padding:20px}.dr-foot,.syn-modal-foot{padding:16px 20px calc(18px + var(--safe-b))}
  .list-row{padding:16px 2px}
  .tbl tr{padding:8px 16px;margin-bottom:14px}
  /* support inbox: the open thread owns the whole screen */
  .inbox{border:0;background:transparent;box-shadow:none;border-radius:0}
  .inbox.open{position:fixed;left:0;right:0;bottom:0;top:calc(var(--topbar-h) + var(--safe-t));z-index:35;display:flex;background:var(--surface)}
  .inbox.open .ib-thread{display:flex;flex:1;height:auto;min-height:0}
  .inbox .ib-list{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}
  .th-head{padding:12px 14px;gap:10px}.th-head h2{font-size:15.5px}.th-head .cell-sub{font-size:12px}
  .th-body{padding:16px 14px}
  .composer{padding:10px 12px calc(10px + var(--safe-b))}
  .composer textarea{min-height:58px}
  .cmp-row{flex-wrap:wrap;gap:10px}
  .cmp-row #snd{margin-left:auto}
}
@media (max-width:420px){.k-grid{grid-template-columns:1fr}.qa-grid{grid-template-columns:1fr 1fr}}

.row2.even{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1100px){.row2.even{grid-template-columns:1fr}}