/* ==================================================
   VIVILIV 0.6.3.0 — NATIVE PANEL
   Moduły właściciela renderowane bez iframe.
   ================================================== */

body.viviliv-native-panel-page .viviliv-portal-content.is-native-module{
  padding:18px;
  overflow:visible;
  background:#eef1f3;
}

body.viviliv-native-panel-page .viviliv-native-module{
  width:100%;
  min-width:0;
  max-width:100%;
  color:#1d2327;
  font-family:"Segoe UI Variable Text","Segoe UI",Tahoma,Arial,sans-serif;
  box-sizing:border-box;
}

body.viviliv-native-panel-page .viviliv-native-module *,
body.viviliv-native-panel-page .viviliv-native-module *::before,
body.viviliv-native-panel-page .viviliv-native-module *::after{
  box-sizing:border-box;
}

body.viviliv-native-panel-page .viviliv-native-module .wrap,
body.viviliv-native-panel-page .viviliv-native-module .viviliv-admin,
body.viviliv-native-panel-page .viviliv-native-module .viviliv-owner-wrap{
  width:100%;
  min-width:0;
  max-width:none;
  margin:0;
  padding:0;
}

body.viviliv-native-panel-page .viviliv-native-module .viviliv-admin__header,
body.viviliv-native-panel-page .viviliv-native-module .viviliv-owner-header{
  margin-top:0;
}

/* --- Podstawowe elementy wp-admin bez ładowania całego kokpitu WP --- */
body.viviliv-native-panel-page .viviliv-native-module input,
body.viviliv-native-panel-page .viviliv-native-module select,
body.viviliv-native-panel-page .viviliv-native-module textarea,
body.viviliv-native-panel-page .viviliv-native-module button{
  font:inherit;
}

body.viviliv-native-panel-page .viviliv-native-module input[type="text"],
body.viviliv-native-panel-page .viviliv-native-module input[type="email"],
body.viviliv-native-panel-page .viviliv-native-module input[type="password"],
body.viviliv-native-panel-page .viviliv-native-module input[type="number"],
body.viviliv-native-panel-page .viviliv-native-module input[type="search"],
body.viviliv-native-panel-page .viviliv-native-module input[type="date"],
body.viviliv-native-panel-page .viviliv-native-module input[type="time"],
body.viviliv-native-panel-page .viviliv-native-module select,
body.viviliv-native-panel-page .viviliv-native-module textarea{
  min-height:40px;
  padding:7px 10px;
  color:#1d2327;
  background:#fff;
  border:1px solid #c3c4c7;
  border-radius:8px;
  box-shadow:0 0 0 transparent;
  outline:0;
}

body.viviliv-native-panel-page .viviliv-native-module textarea{
  resize:vertical;
}

body.viviliv-native-panel-page .viviliv-native-module input:focus,
body.viviliv-native-panel-page .viviliv-native-module select:focus,
body.viviliv-native-panel-page .viviliv-native-module textarea:focus{
  border-color:#d8b24a;
  box-shadow:0 0 0 1px #d8b24a;
}

body.viviliv-native-panel-page .viviliv-native-module input[type="checkbox"],
body.viviliv-native-panel-page .viviliv-native-module input[type="radio"]{
  width:18px;
  height:18px;
  min-width:18px;
  margin:0 7px 0 0;
  accent-color:#d8b24a;
  vertical-align:middle;
}

body.viviliv-native-panel-page .viviliv-native-module .button,
body.viviliv-native-panel-page .viviliv-native-module button.button,
body.viviliv-native-panel-page .viviliv-native-module input.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 13px;
  color:#1d2327!important;
  background:#f6f7f7!important;
  border:1px solid #8c8f94!important;
  border-radius:7px!important;
  box-shadow:none!important;
  font-size:13px;
  font-weight:650;
  line-height:1.2;
  text-align:center;
  text-decoration:none!important;
  white-space:nowrap;
  cursor:pointer;
}

body.viviliv-native-panel-page .viviliv-native-module .button:hover{
  color:#06150d!important;
  background:#fff!important;
  border-color:#d8b24a!important;
}

body.viviliv-native-panel-page .viviliv-native-module .button-primary,
body.viviliv-native-panel-page .viviliv-native-module .button.button-primary,
body.viviliv-native-panel-page .viviliv-native-module input.button-primary{
  color:#06150d!important;
  background:linear-gradient(135deg,#f3d77a,#d8b24a)!important;
  border-color:#d8b24a!important;
  font-weight:800;
}

body.viviliv-native-panel-page .viviliv-native-module .button-secondary{
  color:#06150d!important;
  background:#fff!important;
  border-color:#d8b24a!important;
}

body.viviliv-native-panel-page .viviliv-native-module .button-link-delete{
  color:#b32d2e!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

body.viviliv-native-panel-page .viviliv-native-module .submit{
  margin:18px 0 0;
  padding:0;
}

body.viviliv-native-panel-page .viviliv-native-module .notice{
  margin:0 0 16px;
  padding:12px 15px;
  background:#fff;
  border:1px solid #c3c4c7;
  border-left-width:4px;
  border-radius:8px;
  box-shadow:0 4px 14px rgba(0,0,0,.06);
}
body.viviliv-native-panel-page .viviliv-native-module .notice p{margin:0}
body.viviliv-native-panel-page .viviliv-native-module .notice-success{border-left-color:#00a32a}
body.viviliv-native-panel-page .viviliv-native-module .notice-error{border-left-color:#d63638}
body.viviliv-native-panel-page .viviliv-native-module .notice-warning{border-left-color:#dba617}

body.viviliv-native-panel-page .viviliv-native-module table.widefat{
  width:100%;
  border-collapse:collapse;
  color:#1d2327;
  background:#fff;
  border:1px solid #c3c4c7;
}
body.viviliv-native-panel-page .viviliv-native-module table.widefat th,
body.viviliv-native-panel-page .viviliv-native-module table.widefat td{
  padding:9px 10px;
  border-bottom:1px solid #dcdcde;
}
body.viviliv-native-panel-page .viviliv-native-module table.widefat th{
  color:#1d2327;
  background:#f6f7f7;
  font-weight:700;
}
body.viviliv-native-panel-page .viviliv-native-module table.striped tbody tr:nth-child(odd){background:#f9f9f9}

body.viviliv-native-panel-page .viviliv-native-module .tablenav{
  display:flex;
  justify-content:flex-end;
  margin-top:14px;
}
body.viviliv-native-panel-page .viviliv-native-module .tablenav-pages,
body.viviliv-native-panel-page .viviliv-native-module .pagination-links{
  display:flex;
  align-items:center;
  gap:6px;
}
body.viviliv-native-panel-page .viviliv-native-module .tablenav-pages a,
body.viviliv-native-panel-page .viviliv-native-module .tablenav-pages span,
body.viviliv-native-panel-page .viviliv-native-module .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  min-height:34px;
  padding:0 8px;
  color:#06150d;
  background:#fff;
  border:1px solid #c3c4c7;
  border-radius:7px;
  text-decoration:none;
}
body.viviliv-native-panel-page .viviliv-native-module .page-numbers.current,
body.viviliv-native-panel-page .viviliv-native-module .tablenav-pages .current{
  color:#06150d;
  background:#f3d77a;
  border-color:#d8b24a;
}

body.viviliv-native-panel-page .viviliv-native-module code{
  padding:2px 5px;
  color:#7a4f00;
  background:#fff8d8;
  border-radius:5px;
}

/* Pełne formularze i tabele nie mogą rozszerzać całej strony. */
body.viviliv-native-panel-page .viviliv-native-module .viviliv-product-table-wrap,
body.viviliv-native-panel-page .viviliv-native-module .viviliv-audit__table,
body.viviliv-native-panel-page .viviliv-native-module .viviliv-orders-statuses{
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

/* Modal mediów nad publicznym nagłówkiem. */
body.viviliv-native-panel-page .media-modal{z-index:100100}
body.viviliv-native-panel-page .media-modal-backdrop{z-index:100000}

/* Usuwa odstępy typowe dla wp-admin, które w panelu publicznym są podwójne. */
body.viviliv-native-panel-page .viviliv-native-module--products .viviliv-owner-wrap,
body.viviliv-native-panel-page .viviliv-native-module--hours .viviliv-owner-wrap,
body.viviliv-native-panel-page .viviliv-native-module--allergens .viviliv-owner-wrap,
body.viviliv-native-panel-page .viviliv-native-module--employees .viviliv-admin,
body.viviliv-native-panel-page .viviliv-native-module--control .viviliv-admin,
body.viviliv-native-panel-page .viviliv-native-module--orders .viviliv-orders-admin{
  max-width:none;
}

@media(max-width:820px){
  body.viviliv-native-panel-page .viviliv-portal-content.is-native-module{padding:10px}
  body.viviliv-native-panel-page .viviliv-native-module .viviliv-admin__header,
  body.viviliv-native-panel-page .viviliv-native-module .viviliv-owner-header{
    padding:20px 18px;
    border-radius:16px;
  }
  body.viviliv-native-panel-page .viviliv-native-module .viviliv-admin__header h1,
  body.viviliv-native-panel-page .viviliv-native-module .viviliv-owner-header h1{
    font-size:25px;
  }
  body.viviliv-native-panel-page .viviliv-native-module .viviliv-owner-panel,
  body.viviliv-native-panel-page .viviliv-native-module .viviliv-admin__panel{
    padding:17px;
    border-radius:14px;
  }
  body.viviliv-native-panel-page .viviliv-native-module .button{
    white-space:normal;
  }
}

body.viviliv-native-panel-page .viviliv-native-module--products{max-width:100%}
body.viviliv-native-panel-page .viviliv-native-module--products .viviliv-owner-wrap{max-width:none}


/* VIVILIV 0.6.3.2 — native products fit */
body.viviliv-native-panel-page .viviliv-portal-content.is-native-module{padding:12px!important;}
body.viviliv-native-panel-page .viviliv-native-module .viviliv-owner-panel,body.viviliv-native-panel-page .viviliv-native-module .viviliv-admin__panel{padding:14px!important;}
body.viviliv-native-panel-page .viviliv-native-module .viviliv-product-table-wrap{overflow:visible!important;}


/* ==================================================
   VIVILIV 0.6.3.3 — COMPACT ICON RAIL + FLYOUT
   Desktop: pełna nawigacja. Tablet/mobile: ikony + panel nakładany.
   ================================================== */
.viviliv-portal-sidebar__toggle{
  display:none;
  width:100%;
  min-height:44px;
  margin:0 0 8px;
  padding:7px 10px;
  align-items:center;
  gap:10px;
  color:#fff;
  background:rgba(26,63,38,.58);
  border:1px solid rgba(216,178,74,.30);
  border-radius:11px;
  font-family:"Segoe UI Variable Text","Segoe UI",Tahoma,Arial,sans-serif;
  font-weight:800;
  cursor:pointer;
}
.viviliv-portal-sidebar__toggle-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  color:#f3d77a;
  font-size:18px;
  line-height:1;
}
.viviliv-portal-sidebar__toggle-label{white-space:nowrap}
.viviliv-portal-nav-backdrop{
  position:fixed;
  inset:0;
  z-index:9992;
  display:block;
  visibility:hidden;
  opacity:0;
  margin:0;
  padding:0;
  background:rgba(0,0,0,.48);
  border:0;
  pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease;
}
.viviliv-portal-nav-backdrop.is-visible{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}

@media(max-width:1360px){
  body.viviliv-native-panel-page .viviliv-staff-shell{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-layout{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-sidebar{
    position:sticky!important;
    top:calc(var(--viviliv-admin-bar-height,0px) + var(--viviliv-status-banner-height,0px) + var(--viviliv-global-topbar-height,56px) + 8px)!important;
    z-index:9994!important;
    width:58px!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:7px!important;
    overflow:visible!important;
    transition:width .18s ease,box-shadow .18s ease!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-sidebar__toggle{
    display:flex!important;
    width:42px!important;
    padding:6px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-sidebar__toggle-label,
  body.viviliv-native-panel-page .viviliv-portal-sidebar__title,
  body.viviliv-native-panel-page .viviliv-portal-sidebar__note,
  body.viviliv-native-panel-page .viviliv-portal-nav__label{
    display:none!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-nav{
    display:grid!important;
    min-width:0!important;
    gap:6px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-nav a{
    grid-template-columns:28px minmax(0,1fr)!important;
    width:42px!important;
    min-height:42px!important;
    padding:6px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    transition:width .18s ease,background .18s ease,border-color .18s ease!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-nav__icon{
    width:28px!important;
    height:28px!important;
    flex:0 0 28px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-sidebar:hover,
  body.viviliv-native-panel-page .viviliv-portal-sidebar:focus-within,
  body.viviliv-native-panel-page .viviliv-portal-sidebar.is-open{
    width:248px!important;
    box-shadow:0 22px 54px rgba(0,0,0,.44)!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-sidebar:hover .viviliv-portal-sidebar__toggle,
  body.viviliv-native-panel-page .viviliv-portal-sidebar:focus-within .viviliv-portal-sidebar__toggle,
  body.viviliv-native-panel-page .viviliv-portal-sidebar.is-open .viviliv-portal-sidebar__toggle,
  body.viviliv-native-panel-page .viviliv-portal-sidebar:hover .viviliv-portal-nav a,
  body.viviliv-native-panel-page .viviliv-portal-sidebar:focus-within .viviliv-portal-nav a,
  body.viviliv-native-panel-page .viviliv-portal-sidebar.is-open .viviliv-portal-nav a{
    width:232px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-sidebar:hover .viviliv-portal-sidebar__toggle-label,
  body.viviliv-native-panel-page .viviliv-portal-sidebar:focus-within .viviliv-portal-sidebar__toggle-label,
  body.viviliv-native-panel-page .viviliv-portal-sidebar.is-open .viviliv-portal-sidebar__toggle-label,
  body.viviliv-native-panel-page .viviliv-portal-sidebar:hover .viviliv-portal-nav__label,
  body.viviliv-native-panel-page .viviliv-portal-sidebar:focus-within .viviliv-portal-nav__label,
  body.viviliv-native-panel-page .viviliv-portal-sidebar.is-open .viviliv-portal-nav__label{
    display:block!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-content{
    min-width:0!important;
  }
}

@media(max-width:820px){
  body.viviliv-native-panel-page.viviliv-portal-nav-open{overflow:hidden!important}
  body.viviliv-native-panel-page .viviliv-portal-header{
    flex-direction:row!important;
    align-items:center!important;
    gap:10px!important;
    margin-bottom:10px!important;
    padding:12px 14px!important;
    border-radius:15px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-header h1{
    margin-bottom:2px!important;
    font-size:22px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-header p{font-size:9px!important}
  body.viviliv-native-panel-page .viviliv-portal-header span{display:none!important}
  body.viviliv-native-panel-page .viviliv-portal-header__actions{
    width:auto!important;
    margin-left:auto!important;
    gap:7px!important;
    font-size:11px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-header__actions strong{
    padding:7px 9px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-layout{
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:7px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-sidebar{
    width:52px!important;
    padding:5px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-sidebar__toggle,
  body.viviliv-native-panel-page .viviliv-portal-nav a{
    width:40px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-sidebar:hover,
  body.viviliv-native-panel-page .viviliv-portal-sidebar:focus-within,
  body.viviliv-native-panel-page .viviliv-portal-sidebar.is-open{
    width:min(262px,calc(100vw - 18px))!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-sidebar:hover .viviliv-portal-sidebar__toggle,
  body.viviliv-native-panel-page .viviliv-portal-sidebar:focus-within .viviliv-portal-sidebar__toggle,
  body.viviliv-native-panel-page .viviliv-portal-sidebar.is-open .viviliv-portal-sidebar__toggle,
  body.viviliv-native-panel-page .viviliv-portal-sidebar:hover .viviliv-portal-nav a,
  body.viviliv-native-panel-page .viviliv-portal-sidebar:focus-within .viviliv-portal-nav a,
  body.viviliv-native-panel-page .viviliv-portal-sidebar.is-open .viviliv-portal-nav a{
    width:calc(min(262px,calc(100vw - 18px)) - 12px)!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-content.is-native-module{
    padding:7px!important;
  }
  body.viviliv-native-panel-page .viviliv-native-module .viviliv-owner-header,
  body.viviliv-native-panel-page .viviliv-native-module .viviliv-admin__header{
    padding:14px!important;
  }
  body.viviliv-native-panel-page .viviliv-native-module .viviliv-owner-header p,
  body.viviliv-native-panel-page .viviliv-native-module .viviliv-admin__header p{
    font-size:12px!important;
  }
}

@media(max-width:560px){
  body.viviliv-native-panel-page .viviliv-staff-shell{
    padding-left:4px!important;
    padding-right:4px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-header{
    padding:10px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-header h1{font-size:19px!important}
  body.viviliv-native-panel-page .viviliv-portal-header__actions strong{display:none!important}
  body.viviliv-native-panel-page .viviliv-portal-layout{
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:5px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-sidebar{
    width:46px!important;
    padding:3px!important;
    border-radius:12px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-sidebar__toggle,
  body.viviliv-native-panel-page .viviliv-portal-nav a{
    width:38px!important;
    min-height:38px!important;
    padding:5px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-nav__icon{
    width:26px!important;
    height:26px!important;
  }
}


/* ==================================================
   VIVILIV 0.6.3.4 — PREMIUM CONTEXT NAVIGATION
   Stała szyna ikon + niezależny flyout, który nigdy nie zwęża treści.
   ================================================== */
body.viviliv-native-panel-page .viviliv-portal-layout{
  grid-template-columns:60px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
}
body.viviliv-native-panel-page .viviliv-portal-navigation{
  position:sticky!important;
  top:calc(var(--viviliv-admin-bar-height,0px) + var(--viviliv-status-banner-height,0px) + var(--viviliv-global-topbar-height,56px) + 10px)!important;
  z-index:9994!important;
  width:60px!important;
  min-width:60px!important;
  align-self:start!important;
  overflow:visible!important;
}
body.viviliv-native-panel-page .viviliv-portal-rail{
  width:60px!important;
  padding:8px!important;
  background:linear-gradient(180deg,#123821 0%,#071a10 100%)!important;
  border:1px solid rgba(216,178,74,.46)!important;
  border-radius:17px!important;
  box-shadow:0 16px 38px rgba(0,0,0,.24)!important;
  box-sizing:border-box!important;
}
body.viviliv-native-panel-page .viviliv-portal-rail__items{
  display:grid!important;
  gap:7px!important;
}
body.viviliv-native-panel-page .viviliv-portal-rail__button{
  position:relative!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:rgba(247,244,234,.82)!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(216,178,74,.16)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
body.viviliv-native-panel-page .viviliv-portal-rail__button:hover,
body.viviliv-native-panel-page .viviliv-portal-rail__button:focus-visible,
body.viviliv-native-panel-page .viviliv-portal-rail__button.is-open{
  color:#f3d77a!important;
  background:rgba(216,178,74,.12)!important;
  border-color:rgba(243,215,122,.55)!important;
  transform:translateX(2px)!important;
  outline:0!important;
}
body.viviliv-native-panel-page .viviliv-portal-rail__button.is-active{
  color:#06150d!important;
  background:linear-gradient(135deg,#f3d77a,#d8b24a)!important;
  border-color:#f3d77a!important;
  box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
}
body.viviliv-native-panel-page .viviliv-portal-rail__icon,
body.viviliv-native-panel-page .viviliv-portal-rail__icon svg{
  display:block!important;
  width:21px!important;
  height:21px!important;
}
body.viviliv-native-panel-page .viviliv-screen-reader-text{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
}
body.viviliv-native-panel-page .viviliv-portal-flyouts{
  position:absolute!important;
  top:0!important;
  left:70px!important;
  width:300px!important;
  max-width:calc(100vw - 92px)!important;
  pointer-events:none!important;
}
body.viviliv-native-panel-page .viviliv-portal-flyout{
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:300px!important;
  max-width:100%!important;
  max-height:calc(100dvh - var(--viviliv-admin-bar-height,0px) - var(--viviliv-global-topbar-height,56px) - 30px)!important;
  overflow-y:auto!important;
  color:#17211b!important;
  background:#fffdf8!important;
  border:1px solid rgba(216,178,74,.48)!important;
  border-radius:18px!important;
  box-shadow:0 24px 58px rgba(0,0,0,.34)!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateX(-8px) scale(.985)!important;
  transform-origin:left top!important;
  pointer-events:none!important;
  transition:opacity .17s ease,visibility .17s ease,transform .17s ease!important;
}
body.viviliv-native-panel-page .viviliv-portal-flyout.is-open{
  opacity:1!important;
  visibility:visible!important;
  transform:translateX(0) scale(1)!important;
  pointer-events:auto!important;
}
body.viviliv-native-panel-page .viviliv-portal-flyout__header{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:18px 17px 17px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#1a3f26,#06150d)!important;
  border-radius:17px 17px 0 0!important;
}
body.viviliv-native-panel-page .viviliv-portal-flyout__header span{
  display:block!important;
  margin:0 0 6px!important;
  color:#f3d77a!important;
  font-size:9px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
body.viviliv-native-panel-page .viviliv-portal-flyout__header h2{
  margin:0 0 6px!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:780!important;
  line-height:1.08!important;
}
body.viviliv-native-panel-page .viviliv-portal-flyout__header p{
  margin:0!important;
  color:rgba(255,255,255,.68)!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}
body.viviliv-native-panel-page .viviliv-portal-flyout__close{
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#f3d77a!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(216,178,74,.30)!important;
  border-radius:10px!important;
  font-size:23px!important;
  font-weight:400!important;
  line-height:1!important;
  cursor:pointer!important;
}
body.viviliv-native-panel-page .viviliv-portal-flyout__links{
  display:grid!important;
  gap:6px!important;
  padding:11px!important;
}
body.viviliv-native-panel-page .viviliv-portal-flyout__link{
  display:grid!important;
  grid-template-columns:9px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:58px!important;
  padding:10px 10px!important;
  color:#24342b!important;
  background:#fff!important;
  border:1px solid #e5e7e6!important;
  border-radius:12px!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:background .17s ease,border-color .17s ease,transform .17s ease!important;
}
body.viviliv-native-panel-page .viviliv-portal-flyout__link:hover,
body.viviliv-native-panel-page .viviliv-portal-flyout__link:focus-visible{
  color:#06150d!important;
  background:#fff9df!important;
  border-color:rgba(216,178,74,.68)!important;
  transform:translateX(2px)!important;
  outline:0!important;
}
body.viviliv-native-panel-page .viviliv-portal-flyout__link.is-active{
  color:#06150d!important;
  background:linear-gradient(135deg,rgba(243,215,122,.62),rgba(216,178,74,.30))!important;
  border-color:#d8b24a!important;
}
body.viviliv-native-panel-page .viviliv-portal-flyout__bullet{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#d8b24a!important;
  box-shadow:0 0 0 3px rgba(216,178,74,.13)!important;
}
body.viviliv-native-panel-page .viviliv-portal-flyout__link strong{
  display:block!important;
  margin:0 0 3px!important;
  color:inherit!important;
  font-size:13px!important;
  font-weight:780!important;
  line-height:1.2!important;
}
body.viviliv-native-panel-page .viviliv-portal-flyout__link small{
  display:block!important;
  margin:0!important;
  color:#6b746f!important;
  font-size:10.5px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
body.viviliv-native-panel-page .viviliv-portal-flyout__arrow{
  color:#9b7a20!important;
  font-size:22px!important;
  line-height:1!important;
  text-align:center!important;
}
body.viviliv-native-panel-page .viviliv-portal-flyout__note{
  margin:0 11px 12px!important;
  padding:10px 11px!important;
  color:#68736c!important;
  background:#f5f6f5!important;
  border-radius:10px!important;
  font-size:10px!important;
  line-height:1.4!important;
}
body.viviliv-native-panel-page .viviliv-portal-nav-backdrop{
  z-index:9991!important;
}
body.viviliv-native-panel-page.viviliv-portal-nav-open{
  overflow:hidden!important;
}

@media(max-width:1024px){
  body.viviliv-native-panel-page .viviliv-portal-layout{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:8px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-navigation,
  body.viviliv-native-panel-page .viviliv-portal-rail{
    width:54px!important;
    min-width:54px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-rail{padding:6px!important}
  body.viviliv-native-panel-page .viviliv-portal-flyouts{
    left:62px!important;
    width:min(300px,calc(100vw - 78px))!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-flyout{
    width:min(300px,calc(100vw - 78px))!important;
  }
}

@media(max-width:600px){
  body.viviliv-native-panel-page .viviliv-staff-shell{
    padding-left:3px!important;
    padding-right:3px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-layout{
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:5px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-navigation,
  body.viviliv-native-panel-page .viviliv-portal-rail{
    width:48px!important;
    min-width:48px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-rail{
    padding:4px!important;
    border-radius:13px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-rail__button{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    border-radius:10px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-rail__icon,
  body.viviliv-native-panel-page .viviliv-portal-rail__icon svg{
    width:19px!important;
    height:19px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-flyouts{
    left:53px!important;
    width:calc(100vw - 62px)!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-flyout{
    width:calc(100vw - 62px)!important;
    max-height:calc(100dvh - var(--viviliv-admin-bar-height,0px) - var(--viviliv-global-topbar-height,56px) - 18px)!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-flyout__header{
    padding:15px!important;
  }
  body.viviliv-native-panel-page .viviliv-portal-flyout__header h2{
    font-size:20px!important;
  }
}