/* KARKAS brand layer — source: каркас-платформа.рф / v2 iOS style */
:root {
  --brand: #0a5fd6;
  --brand-dark: #07397d;
  --brand-soft: #edf3fb;
  --ink: #0f1728;
  --muted: #556277;
  --line: rgba(10,95,214,.12);
  --surface: rgba(255,255,255,.78);
  --canvas: #f4f7fb;
  --sidebar: #07397d;
  --shadow: 0 20px 60px rgba(17,37,74,.12);
  --radius: 22px;
}
html { background:#edf3fb; }
body {
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Inter,Arial,sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 10% 10%, rgba(95,173,255,.15), transparent 26%),
    radial-gradient(circle at 90% 6%, rgba(8,72,180,.10), transparent 20%),
    linear-gradient(180deg,#f8fbff 0%,#f3f7fd 35%,#edf3fb 100%);
  background-attachment:fixed;
}
a { color:var(--brand-dark); }
a:hover { color:var(--brand); }
.sidebar {
  background:linear-gradient(165deg,#07397d 0%,#0a5fd6 58%,#07397d 100%);
  box-shadow:18px 0 50px rgba(17,37,74,.10);
}
.brand.brand-karkas {
  display:block;
  margin:0 4px 12px;
  padding:12px 12px 13px;
  border:1px solid rgba(255,255,255,.58);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 32px rgba(2,26,68,.18);
}
.brand.brand-karkas img { display:block;width:100%;max-width:184px;height:auto;margin:auto;opacity:1; }
.company-switcher {
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.11)!important;
  backdrop-filter:blur(16px);
}
.company-switcher select { background:rgba(7,57,125,.72)!important;border-radius:11px!important; }
.nav a { border-radius:14px; }
.nav a:hover,.nav a.active { background:rgba(255,255,255,.14); }
.nav a.active { box-shadow:inset 3px 0 0 #59b3ff; }
.utility-bar {
  background:linear-gradient(90deg,rgba(7,57,125,.96),rgba(10,95,214,.96))!important;
  backdrop-filter:blur(18px);
}
.main-content { background:transparent; }
.metric-card,.panel,.line-card,.reference-document,.ai-status-tile,.ai-provider-card,.ai-prompt-card {
  border-color:rgba(10,95,214,.10)!important;
  border-radius:var(--radius)!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 16px 46px rgba(17,37,74,.08)!important;
  backdrop-filter:blur(18px);
}
.panel-header,.line-card-header { background:rgba(248,251,255,.76)!important;border-color:rgba(10,95,214,.10)!important; }
.metric-card.accent {
  border-color:transparent!important;
  background:linear-gradient(135deg,#07397d,#0a5fd6 55%,#4ea2ff 100%)!important;
}
.button-primary,.admin-primary {
  border:0!important;
  color:#fff!important;
  background:linear-gradient(135deg,#07397d,#0a5fd6 55%,#4ea2ff 100%)!important;
  box-shadow:0 12px 28px rgba(10,95,214,.22)!important;
}
.button-primary:hover,.admin-primary:hover { filter:brightness(1.06);transform:translateY(-1px); }
.button-secondary { border-color:rgba(10,95,214,.16)!important;color:#07397d!important;background:rgba(255,255,255,.86)!important; }
.field-control { border-color:rgba(10,95,214,.18)!important;border-radius:12px!important;background:rgba(255,255,255,.92)!important; }
.field-control:focus { border-color:#0a5fd6!important;box-shadow:0 0 0 4px rgba(10,95,214,.10)!important; }
.eyebrow { color:#07397d!important; }
.status { border:1px solid rgba(10,95,214,.08); }
.login-page {
  background:
    radial-gradient(circle at 12% 15%,rgba(89,179,255,.28),transparent 30%),
    radial-gradient(circle at 88% 8%,rgba(7,57,125,.16),transparent 26%),
    linear-gradient(180deg,#f8fbff 0%,#f3f7fd 45%,#edf3fb 100%)!important;
}
.login-card {
  max-width:460px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:0 24px 70px rgba(17,37,74,.14)!important;
  backdrop-filter:blur(24px);
}
.login-logo-frame { margin-bottom:26px!important;padding:18px 20px!important;border-radius:22px!important;background:rgba(255,255,255,.86)!important;border:1px solid rgba(10,95,214,.08); }
.karkas-login-logo { display:block;width:min(100%,330px);height:auto;margin:auto; }
.ai-assist-fab { border-color:rgba(10,95,214,.18)!important;color:#07397d!important;box-shadow:0 14px 34px rgba(10,95,214,.16)!important; }
@media (max-width:760px){.brand.brand-karkas{padding:9px}.brand.brand-karkas img{max-width:150px}}