/* RiVy Hosting - společný vzhledový základ
   Centrální soubor pro hlavičku, pozadí, kartu a patičku.
   Veřejná URL: https://installer.rivy.cz/assets/css/rivy-shell.css
*/
:root{
  --rivy-dark:#07382b;
  --rivy-dark-2:#052820;
  --rivy-green:#16813d;
  --rivy-text:#0b3329;
  --rivy-card:#ffffff;
  --rivy-card-border:rgba(255,255,255,.96);
  --rivy-logo-height:42px;
  --rivy-pattern-url:url('/assets/img/welcome-pattern.svg');
  --rivy-page-max:1080px;
  --rivy-card-radius:22px;
  --rivy-card-shadow:0 28px 80px rgba(4,42,31,.14);
}

body.rivy-shell,
body.rivy-page{
  background-color:#f4fbf7;
}

.rivy-pattern-bg,
body.rivy-shell::before,
body.rivy-page::before{
  content:'';
  position:fixed;
  inset:-45%;
  z-index:0;
  pointer-events:none;
  user-select:none;
  transform:rotate(-8deg);
  background-image:var(--rivy-pattern-url);
  background-repeat:repeat;
  background-size:920px 340px;
  opacity:.26;
}

.rivy-topbar,
.topbar{
  min-height:54px;
  background:linear-gradient(135deg,var(--rivy-dark),var(--rivy-dark-2));
  box-shadow:0 6px 22px rgba(0,0,0,.12);
  position:relative;
  z-index:2;
}

.rivy-topbar-inner,
.topbar-inner{
  max-width:var(--rivy-page-max);
  min-height:54px;
  margin:0 auto;
  padding:0 22px;
  display:grid;
  grid-template-columns:155px 1fr 330px;
  align-items:center;
  gap:14px;
}

.rivy-logo,
.top-logo{
  height:var(--rivy-logo-height) !important;
  width:auto !important;
  display:block;
  filter:none;
}

.rivy-card,
.panel{
  position:relative;
  z-index:1;
  background:#fff !important;
  background-image:none !important;
  border:1px solid var(--rivy-card-border);
  border-radius:var(--rivy-card-radius);
  box-shadow:var(--rivy-card-shadow);
  backdrop-filter:none !important;
}

.rivy-card *,
.panel *{
  background-image:none;
}

.rivy-card .keep-own-background,
.panel .keep-own-background{
  background-image:initial;
}

.rivy-footer,
.footer{
  min-height:54px;
  background:linear-gradient(135deg,var(--rivy-dark),var(--rivy-dark-2));
  color:#fff;
  position:relative;
  z-index:2;
}

@media(max-width:680px){
  :root{--rivy-logo-height:36px;}
  .rivy-topbar-inner,.topbar-inner{grid-template-columns:1fr;justify-items:center;padding:12px 14px;}
}