:root{
  --brand:#0d6efd;
}
body{ font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.brand-dot{ width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,#0d6efd,#20c997); }
.brand-logo{
  font-weight:800;
  font-size:28px;
  letter-spacing:-0.02em;
}
.tenant-pill{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.35rem .75rem;
  background:#f8f9fa;
  border:1px solid rgba(0,0,0,.06);
  border-radius:999px;
}
.saas-bg{
  min-height:100vh;
  background: radial-gradient(1200px 800px at 10% 10%, rgba(13,110,253,.14), transparent 55%),
              radial-gradient(1000px 700px at 90% 20%, rgba(32,201,151,.12), transparent 50%),
              #f6f8fb;
}
.saas-bg-photo{
  background-image:
    linear-gradient(rgba(246,248,251,.8), rgba(246,248,251,.85)),
    url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1600&q=60");
  background-size: cover;
  background-position: center;
}
.saas-app-bg{
  min-height:100vh;
  background:#f2f4f7;
}
.saas-topbar{
  /* ближе к U-ON */
  background: linear-gradient(180deg, #4b5563 0%, #374151 100%);
}
.rounded-4{ border-radius: 1rem !important; }

.saas-tariff-banner{
  background:#fce7f3;
  color:#6b213c;
  padding:10px 16px;
  font-size:13px;
  border-bottom:1px solid #fbcfe8;
}
.saas-tariff-banner a{ color:#166534; font-weight:600; text-decoration:none; }
.saas-tariff-banner a:hover{ text-decoration:underline; }

.saas-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  border-bottom:1px solid #e5e7eb;
  padding-bottom:10px;
}
.saas-tab{
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border-radius:10px;
  text-decoration:none;
  color:#111827;
  font-size:14px;
}
.saas-tab:hover{ background:#f3f4f6; }
.saas-tab.active{ background:#111827; color:#fff; }

.saas-sidebar{ position: sticky; top: 12px; }
.saas-nav{
  display:flex;
  align-items:center;
  padding:10px 12px;
  border-radius:12px;
  text-decoration:none;
  color:#111827;
  font-weight:600;
  font-size:14px;
}
.saas-nav:hover{ background:#f3f4f6; }
.saas-nav.active{ background:#111827; color:#fff; }