/* === REGIONER DASHBOARD: SAAS PRO (RWD) ===
   - tylko wygląd (bez zmian funkcjonalności)
   - spójne z BuddyBoss / Regioner
   - sidebar po prawej na desktopie
   - wspiera: "Rozwiń całość" + lightbox (regioner-feed.js)
*/

@import url('https://fonts.bunny.net/css2?family=Inter:wght@400;500;600;700&display=swap');

:root{
  /* Surface system */
  --c-bg-app: #f6f8fb;
  --c-surface: #ffffff;
  --c-surface-2: #f8fafc;

  --c-text-primary: #0f172a;
  --c-text-secondary: #64748b;

  --c-accent: #0f172a;
  --c-accent-hover: #111c33;

  --c-link: #2563eb;
  --c-danger: #dc2626;

  --c-border: #e6ebf2;
  --c-input-border: #d6deea;

  --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.06), 0 14px 36px rgba(15, 23, 42, 0.08);
  --shadow-float: 0 2px 6px rgba(15, 23, 42, 0.08), 0 24px 70px rgba(15, 23, 42, 0.12);

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;

  --ring: 0 0 0 4px rgba(37, 99, 235, 0.14);
}

/* ===== BASE ===== */

.regioner-company-dashboard,
.regioner-company-dashboard *{
  box-sizing: border-box;
}

.regioner-company-dashboard{
  max-width: 1240px;
  margin: 26px auto;
  padding: 0 30px;
  color: var(--c-text-primary);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 768px){
  .regioner-company-dashboard{ padding: 0 16px; }
}

/* Optional: soft background for dashboard area only (won’t break layout) */
.regioner-company-dashboard::before{
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(37,99,235,0.06), transparent 60%),
    radial-gradient(900px 500px at 90% 10%, rgba(15,23,42,0.05), transparent 55%);
  z-index: -1;
}

/* ===== HEADER ===== */

.regioner-dashboard-header{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 18px;
  padding: 18px 18px 16px;
  border-radius: 8px;
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(8px);
  box-shadow: 0 1px 2px rgba(15,23,42,0.05);
}

.header-content{ flex: 1 1 auto; min-width: 0; }

.header-content h2{
  margin: 0 0 4px 0;
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.regioner-subtitle{
  margin: 0;
  color: var(--c-text-secondary);
  font-size: 0.95rem;
}

.header-actions,
.regioner-dashboard-header__actions{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* ===== Empty state (no assigned company profile) ===== */
.regioner-company-dashboard--state-empty .regioner-dashboard-card--empty-intro{
  padding: 18px;
}

.regioner-company-dashboard--state-empty .regioner-dashboard-card--empty-intro .regioner-dashboard-title{
  margin: 0 0 6px;
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.regioner-company-dashboard--state-empty .regioner-dashboard-card--empty-intro .regioner-dashboard-subtitle{
  margin: 0;
  color: var(--c-text-secondary);
  font-size: 0.95rem;
}

.regioner-company-dashboard--state-empty .regioner-dashboard-card--empty-intro .regioner-dashboard-header__actions{
  margin-top: 12px;
  justify-content: flex-start;
}

.regioner-company-dashboard--state-empty .regioner-dashboard-card--empty-visual{
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 220px;
  overflow: hidden;
}

.regioner-company-dashboard--state-empty .regioner-dashboard-card--empty-visual__img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.regioner-company-dashboard--state-empty .regioner-dashboard-grid--empty .regioner-dashboard-main{
  display: grid;
  gap: 14px;
}

.regioner-company-dashboard--state-empty .regioner-dashboard-grid--empty .regioner-dashboard-sidebar{
  position: static;
}

@media (min-width: 1024px){
  .regioner-company-dashboard--state-empty .regioner-dashboard-grid--empty{
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 28px;
  }
}

.regioner-company-dashboard--state-empty .regioner-dashboard-card--empty-primary,
.regioner-company-dashboard--state-empty .regioner-dashboard-card--empty-next,
.regioner-company-dashboard--state-empty .regioner-dashboard-card--empty-help{
  padding: 18px;
}

.regioner-company-dashboard--state-empty .regioner-dashboard-card--empty-primary h2,
.regioner-company-dashboard--state-empty .regioner-dashboard-card--empty-next h3,
.regioner-company-dashboard--state-empty .regioner-dashboard-card--empty-help h3{
  margin: 0 0 10px;
}

.regioner-company-dashboard--state-empty .regioner-dashboard-card--empty-primary p{
  margin: 0;
  color: var(--c-text-secondary);
}

.regioner-company-dashboard--state-empty .regioner-dashboard-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.regioner-company-dashboard--state-empty .regioner-dashboard-empty-steps{
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
  color: var(--c-text-secondary);
}

.regioner-company-dashboard--state-empty .regioner-dashboard-empty-steps li strong{
  color: var(--c-text-primary);
  margin-right: 6px;
}

.regioner-company-dashboard--state-empty .regioner-dashboard-links{
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 6px;
}

.regioner-company-dashboard--state-empty .regioner-dashboard-hint{
  margin: 12px 0 0;
  color: var(--c-text-secondary);
  font-size: 0.92rem;
}

.regioner-company-dashboard--state-empty .regioner-dashboard-card--empty-help{
  display: flex;
  flex-direction: column;
}

.regioner-company-dashboard--state-empty .regioner-dashboard-danger-zone{
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--c-border);
}

.regioner-company-dashboard--state-empty .regioner-dashboard-danger-form{
  margin: 0;
}

.regioner-company-dashboard--state-empty .regioner-dashboard-danger-link{
  color: #b91c1c;
  font-weight: 700;
  text-decoration: none;
}

.regioner-company-dashboard--state-empty .regioner-dashboard-danger-link--button{
  background: transparent;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
}

.regioner-company-dashboard--state-empty .regioner-dashboard-danger-link:hover{
  text-decoration: underline;
}

/* ===== Buttons / Links ===== */

.regioner-btn,
.regioner-dashboard-logout.button,
.regioner-company-dashboard .button,
.regioner-company-dashboard .button-primary{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 40px;
  padding: 0 14px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 0.92rem;
  text-decoration: none;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, background .15s ease, border-color .15s ease, color .15s ease;
  border: 1px solid transparent;
  white-space: nowrap;
}

.regioner-btn:active,
.regioner-dashboard-logout.button:active,
.regioner-company-dashboard .button:active,
.regioner-company-dashboard .button-primary:active{
  transform: translateY(1px);
}

.regioner-btn--primary,
.regioner-company-dashboard .button-primary{
  background: var(--c-accent);
  border-color: rgba(15,23,42,0.05);
  color: #fff;
  box-shadow: 0 1px 2px rgba(15,23,42,0.12);
}
.regioner-btn--primary:hover,
.regioner-company-dashboard .button-primary:hover{
  background: #0284c733!important;
  box-shadow: 0 10px 24px rgba(15,23,42,0.18);
}

.regioner-btn--outline,
.regioner-company-dashboard .button{
  background: rgba(255,255,255,0.9);
  border-color: var(--c-border);
  color: var(--c-text-primary);
}
.regioner-btn--outline:hover,
.regioner-company-dashboard .button:hover{
  background: #fff;
  box-shadow: 0 10px 22px rgba(15,23,42,0.10);
}

.regioner-btn--logout{
  background: rgba(255,255,255,0.9);
  border: 1px solid var(--c-border);
  color: var(--c-text-secondary);
  height: 40px;
  padding: 0 14px;
  border-radius: 8px;
  font-weight: 700;
}
.regioner-btn--logout:hover{
  background: #fff;
  border-color: #d7deea;
  color: var(--c-danger);
}

.regioner-link{
  color: var(--c-link);
  text-decoration: none;
  font-weight: 600;
}
.regioner-link:hover{ text-decoration: underline; }

/* ===== Alerts ===== */

.regioner-alert{
  border-radius: 8px;
  padding: 12px 14px;
  margin: 0 0 14px 0;
  font-size: 0.92rem;
  border: 1px solid transparent;
  background: rgba(255,255,255,0.85);
}

.regioner-alert p{ margin: 0; }

.regioner-alert--info{
  border-color: #bfdbfe;
  color: #1d4ed8;
  background: #eff6ff;
}
.regioner-alert--success{
  border-color: #bbf7d0;
  color: #16a34a;
  background: #ecfdf3;
}
.regioner-alert--warning{
  border-color: #fde68a;
  color: #92400e;
  background: #fffbeb;
}
.regioner-alert--error{
  border-color: #fecaca;
  color: #b91c1c;
  background: #fef2f2;
}

.mute, .text-muted{ color: var(--c-text-secondary); }

/* ===== GRID (Sidebar right) ===== */

.regioner-dashboard-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
  align-items: start;
}

.regioner-dashboard-main,
.regioner-dashboard-content{
  min-width: 0;
}

.regioner-dashboard-sidebar{
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

@media (min-width: 1024px){
  .regioner-dashboard-grid{
    grid-template-columns: minmax(0, 1fr) 360px; /* main | sidebar */
    gap: 28px;
  }
  .regioner-dashboard-sidebar{
    position: sticky;
    top: 18px;
    align-self: start;
  }
}

/* ===== Cards (SaaS) ===== */

.regioner-card{
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(230,235,242,0.75);
  border-radius: 8px;
  box-shadow: var(--shadow-card);
  overflow: hidden;
}

.regioner-card-header{
  padding: 16px 18px 10px;
  background: transparent;
  border-bottom: 0;
}

.regioner-card-header h3{
  margin: 0;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(100,116,139,0.95);
}

.regioner-card-body{
  padding: 12px 18px 18px;
}

.regioner-edit-note{
  margin-top: 10px;
  font-size: 0.86rem;
  color: var(--c-text-secondary);
}

/* ===== Sidebar specifics ===== */

.regioner-company-name{
  font-size: 1.06rem;
  font-weight: 800;
  margin: 0 0 10px;
}

.regioner-package-badge{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid var(--c-border);
  background: rgba(15,23,42,0.04);
  font-size: 0.78rem;
  font-weight: 800;
  margin-bottom: 10px;
}
.regioner-package-badge.package-3{
  background: rgba(252,211,77,0.22);
  border-color: rgba(252,211,77,0.55);
  color: #92400e;
}

.regioner-data-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}
.regioner-data-list li{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 0.92rem;
  color: var(--c-text-primary);
}
.regioner-data-list .icon{
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #94a3b8;
  margin-top: 1px;
}

/* Referral box */
.regioner-referrals-wrapper{
  background: rgba(248,250,252,0.9);
  border: 1px solid var(--c-border);
  border-radius: 8px;
  padding: 14px;
  font-size: 0.92rem;
}

.regioner-referrals-wrapper h4{
  margin: 0 0 10px;
  font-size: 0.98rem;
  font-weight: 800;
}

.regioner-input-group{ margin-bottom: 12px; }

.regioner-input-group label{
  display: block;
  font-size: 0.7rem;
  font-weight: 900;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 6px;
}

.regioner-copy-box input{
  width: 100%;
  border: 1px solid var(--c-input-border);
  padding: 10px 12px;
  border-radius: 8px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.9rem;
  background: #fff;
  color: #334155;
}

.regioner-copy-box input:focus{
  outline: none;
  border-color: rgba(37,99,235,0.55);
  box-shadow: var(--ring);
}

.regioner-referral-counter{
  margin-top: 8px;
  font-size: 0.9rem;
  color: var(--c-text-secondary);
}

/* Premium lock */
.regioner-premium-lock{
  text-align: left;
  padding: 16px;
  border-radius: 8px;
  border: 1px dashed rgba(230,235,242,0.95);
  background: rgba(248,250,252,0.85);
}
.regioner-premium-lock .lock-icon{
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.regioner-premium-lock h4{
  margin: 0 0 6px 0;
  font-size: 1.02rem;
  font-weight: 800;
}
.regioner-premium-lock p{
  margin: 0 0 12px 0;
  font-size: 0.92rem;
  color: var(--c-text-secondary);
}

/* ===== Form ===== */

.regioner-post-form{ padding: 0; }

.regioner-form-header{
  font-size: 1.02rem;
  font-weight: 900;
  margin: 0 0 14px 0;
}

.regioner-form-row{ margin-bottom: 14px; }

.regioner-input{
  width: 100%;
  background: #fff;
  border: 1px solid var(--c-input-border);
  border-radius: 8px;
  padding: 11px 12px;
  font-size: 0.96rem;
  color: var(--c-text-primary);
  transition: border-color .15s ease, box-shadow .15s ease;
  -webkit-appearance: none;
  appearance: none;
}

.regioner-input:focus{
  outline: none;
  border-color: rgba(37,99,235,0.55);
  box-shadow: var(--ring);
}

.regioner-textarea{
  min-height: 128px;
  resize: vertical;
}

.regioner-file-row{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.regioner-file-label{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 0.92rem;
  padding: 10px 12px;
  border: 1px solid var(--c-border);
  border-radius: 8px;
  background: rgba(248,250,252,0.9);
  cursor: pointer;
  font-weight: 800;
}

.regioner-file-label:hover{
  background: #fff;
  box-shadow: 0 10px 22px rgba(15,23,42,0.08);
}

.regioner-file-label input[type="file"]{ display: none; }

.regioner-btn--small{ height: 34px; padding: 0 12px; font-size: 0.84rem; border-radius: 8px; }
.regioner-btn--full{ width: 100%; }
.regioner-btn--wide{ min-width: 180px; }

/* ===== Feed / Activity ===== */

.regioner-recent-posts{
  margin-top: 22px;
  padding-top: 14px;
  border-top: 1px solid rgba(230,235,242,0.85);
}
.regioner-recent-posts h4{
  margin: 0 0 14px 0;
  font-size: 1.02rem;
  font-weight: 900;
}

/* UL wrapper (from updated PHP) */
.regioner-dashboard-activity-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Support both legacy + feed markup */
.regioner-activity-item,
.regioner-feed__item.regioner-activity-item{
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(230,235,242,0.75);
  border-radius: 8px;
  box-shadow: var(--shadow-card);
  padding: 16px 16px 14px;
}

.activity-meta{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(230,235,242,0.75);
  flex-wrap: wrap;
}

.activity-meta .badge{
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 800;
  background: rgba(15,23,42,0.05);
  color: var(--c-text-secondary);
}

.date-wrapper{
  font-size: 0.88rem;
  color: var(--c-text-secondary);
  display: inline-flex;
  gap: 8px;
  align-items: baseline;
}

.time-ago{
  font-weight: 900;
  color: var(--c-text-primary);
}

.activity-title{
  font-size: 1.05rem;
  font-weight: 900;
  margin: 0 0 8px 0;
  letter-spacing: -0.01em;
}

.activity-content{
  font-size: 0.98rem;
  color: #334155;
  line-height: 1.65;
}

/* media + lightbox hook */
.regioner-feed__media,
.activity-image{
  margin: 10px 0 12px;
}

.regioner-feed__thumb-link,
.activity-image a[data-regioner-lightbox="1"]{
  display: block;
  border-radius: 8px;
  overflow: hidden;
}

.regioner-feed__thumb-img,
.activity-image img{
  width: 100%;
  height: auto;
  display: block;
}

/* Actions */
.activity-actions{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(230,235,242,0.95);
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.activity-action-link{
  font-size: 0.9rem;
  font-weight: 800;
  text-decoration: none;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid rgba(230,235,242,0.95);
  background: rgba(248,250,252,0.85);
}

.activity-action-link:hover{
  background: #fff;
  box-shadow: 0 10px 22px rgba(15,23,42,0.08);
}

.action-edit{ color: var(--c-text-secondary); }
.action-delete{ color: var(--c-danger); border-color: rgba(254,202,202,0.9); background: rgba(254,242,242,0.8); }
.action-delete:hover{ background: #fff; }

/* ===== Collapsible: "Rozwiń całość" ===== */
.regioner-feed__content--collapsible{ position: relative; }
.regioner-feed__content-inner{ color: #334155; }

.regioner-feed__content--collapsible:not(.is-expanded) .regioner-feed__content-inner{
  max-height: 88px;
  overflow: hidden;
}

.regioner-feed__content--collapsible:not(.is-expanded)::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  height: 50px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
  pointer-events: none;
}

.regioner-feed__more{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  font-weight: 900;
  font-size: 0.92rem;
  color: var(--c-link);
  text-decoration: none;
}
.regioner-feed__more:hover{ text-decoration: underline; }

/* ===== Success message ===== */
.regioner-success-message-overlay{
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-left: 4px solid #16a34a;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.success-icon{ font-size: 1.35rem; }
.regioner-success-message-overlay h3{
  margin: 0;
  font-size: 1rem;
  color: #166534;
  font-weight: 900;
}
.regioner-success-message-overlay p{
  margin: 4px 0 0 0;
  font-size: 0.92rem;
  color: #15803d;
}

/* ===== Lightbox ===== */
.regioner-lightbox{
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: none;
}
.regioner-lightbox.is-open{ display: block; }

.regioner-lightbox__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.78);
}

.regioner-lightbox__panel{
  position: absolute;
  inset: 0;
  margin: auto;
  width: min(980px, 94vw);
  height: min(90vh, 740px);
  display: grid;
  place-items: center;
  padding: 18px;
}

.regioner-lightbox__img{
  max-width: 100%;
  max-height: 100%;
  border-radius: 8px;
  box-shadow: var(--shadow-float);
  background: #111827;
}

.regioner-lightbox__close{
  position: absolute;
  top: 14px;
  right: 16px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 8px;
  background: rgba(255,255,255,0.14);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.regioner-lightbox__close:hover{
  background: rgba(255,255,255,0.20);
}

/* blokada scrolla */
html.regioner-no-scroll,
body.regioner-no-scroll{ overflow: hidden !important; }

/* ===== Mobile ===== */
@media (max-width: 768px){
  .regioner-dashboard-header{
    flex-direction: column;
    align-items: stretch;
    padding: 16px;
  }
  .header-actions{ justify-content: flex-end; }

  .regioner-btn,
  .regioner-company-dashboard .button,
  .regioner-company-dashboard .button-primary,
  .regioner-btn--logout{
    width: 100%;
  }

  .activity-actions{
    justify-content: space-between;
  }

  .activity-action-link{
    flex: 1;
    text-align: center;
  }

  .regioner-company-dashboard--state-empty .regioner-dashboard-card--empty-visual{
    display: none;
  }

}

/* --------------------------------------------------------------------------
   Backward compatibility: older markup used .regioner-dashboard-card without
   the newer .regioner-card / .regioner-card-body wrappers.
   -------------------------------------------------------------------------- */

.regioner-dashboard-card:not(.regioner-card){
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(230,235,242,0.75);
  border-radius: 8px;
  box-shadow: var(--shadow-card);
  overflow: hidden;
  padding: 12px 18px 18px;
}

.regioner-dashboard-card:not(.regioner-card) > h2,
.regioner-dashboard-card:not(.regioner-card) > h3{
  margin-top: 0;
}


/* ===== Dashboard: Quick navigation + widgets (extensions) ===== */

.regioner-dashboard-nav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin: 14px 0 18px;
  padding: 10px 12px;
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(230,235,242,0.75);
  border-radius: 8px;
  box-shadow: 0 1px 1px rgba(15, 23, 42, 0.04);
}

.regioner-dashboard-nav__item{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 8px;
  text-decoration:none;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  color: var(--c-text-primary);
  background: var(--c-surface-2);
  border: 1px solid rgba(226,232,240,0.9);
  transition: transform .08s ease, box-shadow .12s ease, background .12s ease;
}

.regioner-dashboard-nav__item:hover{
  background: rgba(255,255,255,0.98);
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}

.regioner-dashboard-nav__item:focus{
  outline:none;
  box-shadow: var(--ring);
}

@media (max-width: 760px){
  .regioner-dashboard-nav{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
  }
  .regioner-dashboard-nav__item{
    white-space: nowrap;
  }
}

/* Card header/body (used by dashboard-extensions shortcode widgets) */
.regioner-dashboard-card__header{ margin-bottom: 10px; }
.regioner-dashboard-card__title{ margin:0; font-size: 15px; font-weight: 700; }
.regioner-dashboard-card__subtitle{ margin:6px 0 0; font-size: 13px; color: var(--c-text-muted); }
.regioner-dashboard-card__body{ margin-top: 8px; }

/* Status widget */
.regioner-dashboard-status-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
}

.regioner-dashboard-status-item{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 14px 16px;
  background: #f9fafb;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}

.regioner-dashboard-status-item.is-success{
  background: #ecfdf5;
  border-color: #a7f3d0;
}

.regioner-dashboard-status-item.is-warning{
  background: #fffbeb;
  border-color: #fde68a;
}

.regioner-dashboard-status-item.is-info{
  background: #eff6ff;
  border-color: #bfdbfe;
}

.regioner-dashboard-status-item.is-premium{
  background: linear-gradient(135deg, #fef3c7, #fde68a);
  border-color: #f59e0b;
}

.regioner-dashboard-status-item__icon{ font-size: 22px; }

.regioner-dashboard-status-item__content{
  display:flex;
  flex-direction:column;
  gap: 2px;
}

.regioner-dashboard-status-item__content strong{
  font-size: 14px;
  color: #111827;
}

.regioner-dashboard-status-item__content small{
  font-size: 12px;
  color: #6b7280;
}

/* Buttons in widgets */
.regioner-dashboard-button{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  text-decoration:none;
  font-weight: 600;
  font-size: 13px;
  color: var(--c-text-primary);
  background: var(--c-surface-2);
  border: 1px solid rgba(226,232,240,0.9);
}

.regioner-dashboard-button:hover{
  background: rgba(255,255,255,0.98);
}

.regioner-dashboard-button--primary{
  background: var(--c-brand);
  border-color: rgba(37, 99, 235, 0.65);
  color: #fff;
}

.regioner-dashboard-button--primary:hover{
  filter: brightness(1.02);
  color:#fff;
}

/* Helpers / notes */
.regioner-dashboard-help{
  margin: 8px 0 0;
  font-size: 12px;
  color: var(--c-text-muted);
}

.regioner-dashboard-note{
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid rgba(226,232,240,0.9);
  background: var(--c-surface-2);
  font-size: 13px;
}

.regioner-dashboard-note--warn{
  background: #fffbeb;
  border-color: #fde68a;
}


/* ==========================================================================
   SINGLE PANEL (2025/26): topbar + kafelki + układ 2/3 + 1/3
   ========================================================================== */

.regioner-company-dashboard--panel{
  /* nic na siłę – zachowujemy bazowe paddingi z .regioner-company-dashboard */
  --regioner-panel-sticky-offset: 78px;
  --regioner-panel-stop-gap: 16px;
}

/* Topbar */
.regioner-panel-topbar{
  display: grid;
  grid-template-columns: 144px minmax(0, 1fr);
  justify-content: space-between;
  align-items: stretch;
  gap: 18px;
  margin-bottom: 18px;
  padding: 16px 18px;
  border-radius: 8px;
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
  border: 0;
  position: relative;
}

.regioner-panel-topbar__hello{
  margin: 0 0 4px 0;
  font-size: 0.95rem;
  color: var(--c-text-secondary);
}

.regioner-panel-topbar__company{
  margin: 0;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: var(--c-text-primary);
  word-break: break-word;
}

.regioner-panel-topbar__back{
  display: inline-flex;
  margin-top: 10px;
  font-size: 0.92rem;
  color: var(--c-link);
  text-decoration: none;
  font-weight: 700;
}
.regioner-panel-topbar__back:hover{ text-decoration: underline; }

.regioner-panel-topbar__admin-note{
  margin-top: 10px;
  display: inline-flex;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 8px;
  border: none;
  background: rgba(15,23,42,0.04);
  font-size: 12px;
  color: var(--c-text-secondary);
  font-weight: 700;
}

.regioner-panel-topbar__actions{
  display:flex;
  align-items:center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 8px;
}

.regioner-panel-topbar__logout{
  position: absolute;
  top: 12px;
  right: 14px;
}

@media (min-width: 900px){
  .regioner-panel-topbar__actions{
    flex-wrap: nowrap;
  }
}

@media (max-width: 768px){
  .regioner-panel-topbar{
    grid-template-columns: 1fr;
  }
  .regioner-panel-topbar__actions{
    justify-content: flex-start;
  }
  .regioner-panel-topbar__logout{
    position: static;
    margin-left: auto;
  }
}

/* Messages */
.regioner-panel-messages{
  display: grid;
  gap: 10px;
  margin: 0 0 18px;
}

.regioner-panel-mobile-note{
  display: none;
  margin: 0 0 16px;
  padding: 14px 16px;
  border-radius: 8px;
  border: 1px solid rgba(14, 165, 233, 0.32);
  background: linear-gradient(135deg, rgba(239, 246, 255, 0.98), rgba(224, 242, 254, 0.94));
  box-shadow: 0 12px 28px rgba(14, 165, 233, 0.12);
}

.regioner-panel-mobile-note__head{
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.regioner-panel-mobile-note__toggle{
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  color: inherit;
  cursor: pointer;
}

.regioner-panel-mobile-note__toggle:focus-visible{
  outline: 2px solid rgba(14, 165, 233, 0.45);
  outline-offset: 2px;
  border-radius: 6px;
}

.regioner-panel-mobile-note__toggle:hover .regioner-panel-mobile-note__title{
  text-decoration: underline;
}

.regioner-panel-mobile-note__title{
  display: block;
  margin: 0;
  font-size: 14px;
  font-weight: 800;
  color: #0c4a6e;
}

.regioner-panel-mobile-note__close{
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #0c4a6e;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.regioner-panel-mobile-note__close:hover{
  background: rgba(3, 105, 161, 0.14);
}

.regioner-panel-mobile-note__close:focus-visible{
  outline: 2px solid rgba(14, 165, 233, 0.45);
  outline-offset: 2px;
}

.regioner-panel-mobile-note__content{
  margin-top: 6px;
}

.regioner-panel-mobile-note__desc{
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #0f172a;
}

.regioner-panel-mobile-note__hint{
  margin: 8px 0 0;
  font-size: 12px;
  color: #0369a1;
  font-weight: 600;
}

.regioner-panel-mobile-note.is-collapsed{
  padding: 11px 14px;
}

.regioner-panel-mobile-note.is-collapsed .regioner-panel-mobile-note__content{
  display: none;
}

@media (max-width: 899px){
  .regioner-company-dashboard--panel .regioner-panel-mobile-note{
    display: block;
    margin: 4px 0 10px;
    padding: 9px 11px;
  }

  .regioner-company-dashboard--panel .regioner-panel-mobile-note.is-collapsed{
    padding: 8px 11px;
  }

  .regioner-company-dashboard--panel .regioner-panel-mobile-note__head{
    gap: 6px;
  }

  .regioner-company-dashboard--panel .regioner-panel-mobile-note__title{
    font-size: 12px;
    line-height: 1.2;
  }

  .regioner-company-dashboard--panel .regioner-panel-mobile-note__close{
    width: 20px;
    height: 20px;
    font-size: 15px;
  }

  .regioner-company-dashboard--panel .regioner-panel-mobile-note__content{
    margin-top: 4px;
  }

  .regioner-company-dashboard--panel .regioner-panel-mobile-note__desc{
    font-size: 11px;
    line-height: 1.4;
  }

  .regioner-company-dashboard--panel .regioner-panel-mobile-note__hint{
    margin-top: 6px;
    font-size: 10px;
  }

  .regioner-company-dashboard--panel .regioner-mobile-desktop-only{
    display: none !important;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__actions{
    justify-content: flex-start;
    gap: 8px;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__actions .regioner-btn{
    flex: 1 1 calc(50% - 4px);
    min-width: 0;
    min-height: 40px;
    height: auto;
    padding: 10px 12px;
    white-space: normal;
    text-align: center;
    line-height: 1.3;
  }

  .regioner-company-dashboard--panel .regioner-panel-tile{
    padding: 14px 14px 16px;
  }

  .regioner-company-dashboard--panel .regioner-panel-card__body{
    padding: 14px;
  }

  .regioner-company-dashboard--panel .regioner-panel-row--slogan-grid{
    gap: 12px;
  }

  .regioner-company-dashboard--panel .regioner-panel-section-bar{
    padding: 9px 12px;
    font-size: 13px;
  }
}

/* Tiles */
.regioner-panel-tiles{
  display:grid;
  gap: 16px;
  margin-bottom: 18px;
  grid-template-columns: 1fr;
}

.regioner-company-dashboard--panel .regioner-card{
  border: none;
}

.regioner-panel-card--status{ background: #f7f7f7; }
.regioner-panel-card--summary{ background: transparent; box-shadow: none; }
.regioner-panel-card--slogan{ background: #f7f7fb; box-shadow: none; }
.regioner-panel-card--preview{ background: transparent; box-shadow: none; }
.regioner-panel-card--referral{ background: #ffffff; }
.regioner-panel-card--activity-compose{ background: #ffffff; }
.regioner-panel-card--activity-list{ background: transparent; box-shadow: none;}

.regioner-panel-card--activity-list .regioner-panel-card__header,
.regioner-panel-card--activity-list .regioner-panel-card__body{
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.regioner-panel-card--knowledge{ background: #ffffff; }
.regioner-panel-card--contact{ background: #ffffff; }
.regioner-panel-card--account-shortcut{ background: #ffffff; }

@media (min-width: 900px){
  .regioner-panel-tiles{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.regioner-panel-tile{
  padding: 16px 18px 18px;
}

.regioner-panel-tile__header{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.regioner-panel-tile__title{
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.regioner-panel-tile__note{
  margin: 12px 0 0;
  font-size: 0.92rem;
  color: var(--c-text-secondary);
}

/* Row helper for 1/2 + 1/2 tiles */
.regioner-panel-row{
  grid-column: 1 / -1;
  display: grid;
  gap: 16px;
}

.regioner-panel-section-bar{
    grid-column: 1 / -1;
    padding: 10px 16px;
    border-radius: 8px;
    border: none;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    background: #0284c7;
}

.regioner-company-dashboard--panel .regioner-panel-editbar{
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 14px;
  min-height: 44px;
  margin-bottom: 14px;
  border-radius: 8px;
  border: none;
  background: #0284c7;
  box-shadow: none;
  color: #ffffff;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__title{
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  color: #ffffff;
  text-shadow: none;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__actions{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__btn{
  min-height: 30px;
  height: 30px;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1;
  text-shadow: none;
  border: none !important;
  box-shadow: none;
  white-space: nowrap;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__btn:focus-visible{
  outline: 2px solid rgba(14, 116, 144, 0.35);
  outline-offset: 2px;
}

.regioner-company-dashboard--panel .regioner-panel-editbar .regioner-btn--outline{
  background: #ffffff;
  color: #075985;
}

.regioner-company-dashboard--panel .regioner-panel-editbar .regioner-btn--outline:hover{
  background: #eaf5ff;
  color: #0b5f8d;
}

.regioner-company-dashboard--panel .regioner-panel-editbar .regioner-btn--primary{
  background: #16a34a !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 1px 3px rgba(22, 163, 74, 0.3) !important;
}

.regioner-company-dashboard--panel .regioner-panel-editbar .regioner-btn--primary:hover{
  background: #15803d !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(22, 163, 74, 0.35) !important;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__btn[value="save_draft"]{
  background: #fbf5e4;
  color: #6f5a2f;
  box-shadow: none;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__btn[value="save_draft"]:hover{
  background: #f7edd2;
  color: #5f4b23;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__btn[value="publish"]{
  background: #dff2e7 !important;
  color: #1f6a3f !important;
  box-shadow: none;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__btn[value="publish"]:hover{
  background: #d4ecdf !important;
  color: #185834 !important;
}

.regioner-panel-modal[hidden]{
  display: none !important;
}

.regioner-panel-modal{
  position: fixed;
  inset: 0;
  z-index: 220000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

.regioner-panel-modal__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(15,23,42,0.45);
}

.regioner-panel-modal__dialog{
  position: relative;
  width: min(680px, 100%);
  border-radius: 8px;
  border: 1px solid rgba(15,23,42,0.12);
  background: #ffffff;
  box-shadow: 0 20px 42px rgba(15,23,42,0.24);
  overflow: hidden;
}

.regioner-panel-modal__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(15,23,42,0.1);
  background: #f8fbff;
}

.regioner-panel-modal__title{
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
}

.regioner-panel-modal__close{
  width: 32px;
  height: 32px;
  border: 1px solid rgba(15,23,42,0.18);
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}

.regioner-panel-modal__body{
  padding: 16px;
}

.regioner-panel-modal__body p{
  margin: 0 0 10px;
  color: #334155;
}

.regioner-panel-modal__body p:last-child{
  margin-bottom: 0;
}

body.regioner-modal-open{
  overflow: hidden;
}

@media (min-width: 900px){
  .regioner-panel-row--activity{
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    align-items: stretch;
  }
}

@media (max-width: 899px){
  .regioner-panel-row--activity{
    grid-template-columns: 1fr;
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar{
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    min-height: 0;
    padding: 8px 10px;
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar__actions{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: stretch;
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar__btn{
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 640px){
  .regioner-company-dashboard--panel .regioner-panel-editbar__actions{
    grid-template-columns: 1fr;
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar__btn{
    white-space: normal;
    text-align: center;
    line-height: 1.2;
  }
}

.regioner-panel-row__item--full{
  grid-column: 1 / -1;
}

.regioner-panel-row--activity .regioner-activity-form__grid--2{
  grid-template-columns: 1fr;
}

.regioner-activity-form__layout{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

@media (max-width: 899px){
  .regioner-activity-form__layout{
    grid-template-columns: 1fr;
  }
}

.regioner-activity-form__col{
  display: flex;
  flex-direction: column;
  gap: 14px;
}

@media (min-width: 900px){
  .regioner-panel-row--half{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 899px){
  .regioner-panel-row--half{
    grid-template-columns: 1fr;
  }
}

.regioner-panel-row--slogan-grid{
  grid-template-columns: minmax(580px, 2fr) minmax(0, 1fr);
  align-items: stretch;
}

@media (max-width: 899px){
  .regioner-panel-row--slogan-grid{
    grid-template-columns: 1fr;
  }
}

.regioner-panel-row__item{
  height: 100%;
}

.regioner-panel-row__item.regioner-card{
  display: flex;
  flex-direction: column;
}

.regioner-panel-slogan-stack{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.regioner-panel-slogan-stack > .regioner-card{
  height: auto;
}

.regioner-dashboard-slogan-preview{
  width: 100%;
}

.regioner-directory__list--preview{
  grid-template-columns: 1fr;
  gap: 0;
  margin: 0;
  padding: 0;
}

.regioner-directory__list--preview .regioner-directory-card{
  grid-column: 1 / -1;
}

.regioner-referral--promo .regioner-referral__hero{
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(2,132,199,0.06);
  border: 1px solid rgba(2,132,199,0.12);
}

.regioner-referral--promo .regioner-referral__hero img{
  width: 100%;
  height: auto;
  display: block;
}

.regioner-referral--promo .regioner-referral__lead{
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--c-text-muted);
}


.regioner-panel-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid rgba(226,232,240,0.9);
  background: rgba(15,23,42,0.04);
  font-size: 12px;
  font-weight: 900;
  color: var(--c-text-secondary);
  white-space: nowrap;
}
.regioner-panel-chip--premium{
  background: linear-gradient(135deg, rgba(252,211,77,0.35), rgba(251,191,36,0.20));
  border-color: rgba(245,158,11,0.35);
  color: #92400e;
}
.regioner-panel-chip--standard{
  background: rgba(37,99,235,0.06);
  border-color: rgba(37,99,235,0.20);
  color: #1e40af;
}

/* Status tile */
.regioner-panel-status{
  display: grid;
  gap: 10px;
}

.regioner-panel-status__row{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-top: 10px;
  border-top: none;
}
.regioner-panel-status__row:first-child{
  border-top: 0;
  padding-top: 0;
}

.regioner-panel-status__label{
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-text-secondary);
}

.regioner-panel-status__value{
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--c-text-primary);
  text-align: right;
}

.regioner-panel-status__value.is-ok{ color: #0f766e; }
.regioner-panel-status__value.is-warn{ color: #b45309; }

.regioner-panel-status__hint{
  font-size: 0.92rem;
  color: var(--c-text-secondary);
}

/* Tile actions */
.regioner-panel-tile__actions{
  margin-top: 14px;
  display:flex;
  justify-content: flex-end;
}

/* Quick actions */
.regioner-panel-actions{
  display:flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 768px){
  .regioner-panel-actions .regioner-btn{ width: 100%; }
}

/* Summary tile */
.regioner-panel-summary{
  display: grid;
  gap: 0;
}

.regioner-panel-summary__row{
  display:grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "label edit"
    "value edit";
  gap: 2px 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(230,235,242,0.75);
}
.regioner-panel-summary__row:first-child{
  border-top: 0;
  padding-top: 0;
}

.regioner-panel-summary__label{
  grid-area: label;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  color: #0284c7;
  margin-bottom: 2px;
  margin-top: 6px;
}

.regioner-panel-summary__value{
  grid-area: value;
  font-size: 0.95rem;
  color: var(--c-text-primary);
  word-break: break-word;
}

.regioner-panel-summary__expand{
  display: block;
}

.regioner-panel-summary__expandSummary{
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: flex-end;
  gap: 8px;
  margin: 2px 0 0;
  color: var(--c-text-primary);
}

.regioner-panel-summary__expandSummary::-webkit-details-marker{
  display: none;
}

.regioner-panel-summary__expandText{
  max-width: 100%;
}

.regioner-panel-summary__expandHint{
  font-size: 0;
  color: #0369a1;
  white-space: nowrap;
}

.regioner-panel-summary__expandHint::after{
  content: "Pokaż";
  font-size: 12px;
}

.regioner-panel-summary__expand[open] .regioner-panel-summary__expandHint::after{
  content: "Ukryj";
}

.regioner-panel-summary__expandBody{
  margin-top: 8px;
  color: var(--c-text-secondary);
  line-height: 1.55;
}

.regioner-panel-summary__edit{
  grid-area: edit;
  align-self: center;
  justify-self: end;
  display:inline-flex;
  align-items:center;
  height: 34px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid rgba(226,232,240,0.9);
  background: var(--c-surface-2);
  color: var(--c-link);
  font-weight: 900;
  font-size: 0.86rem;
  text-decoration: none;
  transition: transform .08s ease, box-shadow .12s ease, background .12s ease;
}
.regioner-panel-summary__edit:hover{
  background: rgba(255,255,255,0.98);
  box-shadow: 0 8px 20px rgba(15,23,42,0.08);
  transform: translateY(-1px);
}

/* Columns 2/3 + 1/3 */
.regioner-panel-columns{
  display:grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 1024px){
  .regioner-panel-columns{
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 28px;
  }
}

.regioner-panel-main,
.regioner-panel-side{ min-width: 0; }

/* Panel cards (header/body) */
.regioner-panel-card__header{
  padding: 16px 18px 10px;
}
.regioner-panel-card__header--actions{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.regioner-panel-card__head{
  min-width: 0;
}
.regioner-panel-card__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.regioner-panel-edit .regioner-panel-card__actions{
  margin-left: auto;
  justify-content: flex-end;
}
.regioner-panel-edit .regioner-edit-actions__btn{
  flex: 0 0 220px;
  max-width: 220px;
  justify-content: center;
  border-radius: 8px;
}

@media (max-width: 780px){
  .regioner-panel-card__header--actions{
    flex-direction: column;
    align-items: stretch;
  }
  .regioner-panel-card__actions{
    width: 100%;
  }
  .regioner-panel-edit .regioner-panel-card__actions{
    margin-left: 0;
    justify-content: stretch;
  }
  .regioner-panel-edit .regioner-edit-actions__btn{
    flex: 1 1 auto;
    max-width: none;
    width: 100%;
  }
}
.regioner-panel-card__title{
  margin: 0;
  font-size: 1.05rem;
  font-weight: 900;
  letter-spacing: -0.01em;
}
.regioner-panel-card__subtitle{
  margin: 6px 0 0;
  font-size: 0.93rem;
  color: var(--c-text-secondary);
}
.regioner-panel-card__body{
  padding: 12px 18px 18px;
}

.regioner-checkbox{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--c-text-secondary);
}

.regioner-checkbox input{
  width: 16px;
  height: 16px;
}

/* Panel links row */
.regioner-panel-links{
  margin-top: 12px;
  font-size: 0.92rem;
  color: var(--c-text-secondary);
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
}
.regioner-panel-links__dot{ opacity: .55; }

/* Buttons: danger / disabled */
.regioner-btn--danger{
  border-color: rgba(220,38,38,0.25);
  color: var(--c-danger);
}
.regioner-btn--danger:hover{
  background: rgba(220,38,38,0.04);
  border-color: rgba(220,38,38,0.40);
}

.regioner-btn.is-disabled,
.regioner-btn[aria-disabled="true"]{
  opacity: 0.55;
  pointer-events: none;
}

/* ==========================================================================
   Activity form (premium) – pro UI
   ========================================================================== */

.regioner-activity-form{
  width: 100%;
}

.regioner-activity-form__banner{
  padding: 12px 14px;
  border-radius: 8px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #1e40af;
  font-size: 0.92rem;
  display: grid;
  gap: 4px;
  margin-bottom: 14px;
}

.regioner-activity-form__grid{
  display:grid;
  gap: 12px;
}
.regioner-activity-form__grid--2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 760px){
  .regioner-activity-form__grid--2{
    grid-template-columns: 1fr;
  }
}

.regioner-field{ margin-bottom: 14px; }
.regioner-field label{
  display:block;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-text-secondary);
  margin-bottom: 6px;
}

.regioner-field input[type="text"],
.regioner-field input[type="url"],
.regioner-field select,
.regioner-field textarea{
  width: 100%;
  background: #fff;
  border: 1px solid var(--c-input-border);
  border-radius: 8px;
  padding: 11px 12px;
  font-size: 0.96rem;
  color: var(--c-text-primary);
  transition: border-color .15s ease, box-shadow .15s ease;
  -webkit-appearance: none;
  appearance: none;
}

.regioner-field select{
  font-size: 16px;
  line-height: 1.35;
  background-image:
    linear-gradient(45deg, transparent 50%, #94a3b8 50%),
    linear-gradient(135deg, #94a3b8 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(1.1em),
    calc(100% - 13px) calc(1.1em);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  padding-right: 34px;
  height: auto;
  min-height: 46px;
}

.regioner-field select option{
  font-size: 16px;
  line-height: 1.35;
}

.regioner-enhanced-select{
  display: none;
}

@media (max-width: 899px){
  .regioner-field select[data-regioner-enhanced="1"]{
    display: none !important;
  }

  .regioner-field{
    position: relative;
  }

  .regioner-field.regioner-enhanced-select-host-open{
    z-index: 6400;
  }

  .regioner-activity-form__col.regioner-enhanced-select-context-open{
    position: relative;
    z-index: 6300;
  }

  .regioner-card.regioner-enhanced-select-context-open,
  .regioner-panel-card.regioner-enhanced-select-context-open,
  .regioner-dashboard-card.regioner-enhanced-select-context-open{
    position: relative;
    overflow: visible !important;
    z-index: 6200;
  }

  .regioner-enhanced-select{
    display: block;
    position: relative;
    z-index: 20;
  }

  .regioner-enhanced-select.is-open{
    z-index: 6500;
  }

  .regioner-enhanced-select__trigger{
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--c-input-border);
    border-radius: 8px;
    background: #fff;
    color: var(--c-text-primary);
    padding: 10px 12px;
    font-size: 16px;
    line-height: 1.35;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    text-align: left;
  }

  .regioner-enhanced-select__trigger:focus{
    outline: none;
    border-color: rgba(37,99,235,0.55);
    box-shadow: var(--ring);
  }

  .regioner-enhanced-select__trigger-label{
    min-width: 0;
    flex: 1 1 auto;
    white-space: normal;
    word-break: break-word;
  }

  .regioner-enhanced-select__trigger-icon{
    font-size: 12px;
    color: #64748b;
    line-height: 1;
  }

  .regioner-enhanced-select__menu{
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    border-radius: 8px;
    border: 1px solid rgba(148,163,184,0.45);
    background: #fff;
    box-shadow: 0 14px 26px rgba(15,23,42,0.16);
    overflow: auto;
    max-height: 240px;
    z-index: 6600;
    padding: 4px;
  }

  .regioner-enhanced-select__option{
    width: 100%;
    border: 0;
    background: transparent;
    color: #0f172a;
    font-size: 15px;
    line-height: 1.3;
    text-align: left;
    padding: 10px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .regioner-enhanced-select__option:focus{
    outline: none;
    background: rgba(226,232,240,0.65);
  }

  .regioner-enhanced-select__option.is-selected{
    background: rgba(37,99,235,0.12);
    color: #1d4ed8;
    font-weight: 700;
  }

  .regioner-enhanced-select.is-open .regioner-enhanced-select__trigger{
    border-color: rgba(37,99,235,0.55);
    box-shadow: var(--ring);
  }
}

/* Keep all dashboard selects readable in native dropdown lists. */
.regioner-company-dashboard select,
.regioner-company-dashboard select option{
  font-size: 16px;
  line-height: 1.35;
}

/* Keep activity-type dropdown readable when the native list opens. */
#regioner_post_type{
  font-size: 16px;
  line-height: 1.35;
}

#regioner_post_type option{
  font-size: 16px;
  line-height: 1.35;
}

.regioner-field textarea{ min-height: 128px; resize: vertical; }

.regioner-field input:focus,
.regioner-field select:focus,
.regioner-field textarea:focus{
  outline: none;
  border-color: rgba(37,99,235,0.55);
  box-shadow: var(--ring);
}

.regioner-field__hint{
  margin: 8px 0 0;
  font-size: 0.90rem;
  color: var(--c-text-secondary);
}

/* Media section — full width */
.regioner-activity-form__media-section{
  border-top: 1px solid #e2e8f0;
  padding-top: 16px;
  margin-top: 4px;
}
.regioner-activity-form__media-header{
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.regioner-activity-form__media-header label{
  font-weight: 600;
  font-size: 14px;
  color: #1e293b;
}
.regioner-activity-form__media-hint{
  font-size: 12px;
  color: #6b7280;
}
.regioner-activity-form__media-body{
  display: flex;
  gap: 16px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.regioner-activity-form__media-upload{
  flex: 1 1 300px;
  min-width: 0;
}
.regioner-activity-form__media-options{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  flex: 0 0 auto;
  padding: 10px 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}
.regioner-activity-form__media-option{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.regioner-activity-form__media-option label{
  font-size: 12px;
  font-weight: 600;
  color: #475569;
}
.regioner-activity-form__media-option select{
  font-size: 13px;
  padding: 4px 8px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
}
@media (max-width: 760px){
  .regioner-activity-form__media-body{
    flex-direction: column;
  }
  .regioner-activity-form__media-options{
    width: 100%;
  }
}

.regioner-activity-form__actions{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items:center;
  justify-content: flex-end;
  margin-top: 10px;
}
@media (max-width: 760px){
  .regioner-activity-form__actions .regioner-btn{ width: 100%; }
}

/* Upload */
.regioner-upload{
  display: grid;
  gap: 10px;
}

.regioner-upload input[type="file"]{
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  border: 1px dashed rgba(148,163,184,0.9);
  background: rgba(248,250,252,0.85);
  cursor: pointer;
}

.regioner-upload input[type="file"]::file-selector-button{
  border: 1px solid rgba(226,232,240,0.9);
  border-radius: 8px;
  padding: 8px 12px;
  margin-right: 10px;
  background: #fff;
  cursor: pointer;
  font-weight: 800;
}

.regioner-upload__hint{
  font-size: 0.90rem;
  color: var(--c-text-secondary);
}

.regioner-upload__preview{ margin-top: 2px; }

.regioner-upload-preview-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
  gap: 10px;
}

.regioner-upload-preview-item{
  border: 1px solid rgba(230,235,242,0.85);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255,255,255,0.92);
  padding: 8px;
  display:grid;
  gap: 6px;
}

.regioner-upload-preview-img{
  width: 100%;
  height: 78px;
  object-fit: cover;
  border-radius: 8px;
  display:block;
}

.regioner-upload-preview-name{
  font-size: 12px;
  color: var(--c-text-secondary);
  word-break: break-word;
  line-height: 1.25;
}

.regioner-upload__existing{
  margin-top: 6px;
  padding-top: 10px;
  border-top: 1px solid rgba(230,235,242,0.75);
}

.regioner-upload__existing-title{
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-text-secondary);
  margin-bottom: 8px;
}

.regioner-upload__existing-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
  gap: 10px;
}

.regioner-upload__thumb{
  margin:0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(230,235,242,0.85);
  background: rgba(248,250,252,0.9);
}

.regioner-upload__thumb img{
  width: 100%;
  height: 72px;
  object-fit: cover;
  display:block;
}

.regioner-upload__existing-note{
  margin-top: 8px;
  font-size: 0.90rem;
  color: var(--c-text-secondary);
}

/* Preview */
.regioner-activity-preview{
  margin: 0 0 14px;
  padding: 0;
  border: none;
  background: transparent;
}

.regioner-activity-preview__head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.regioner-activity-preview__title{
  margin: 0;
  font-size: 0.98rem;
  font-weight: 900;
}

.regioner-activity-preview__close{
  border: none;
  background: #fff;
  border-radius: 8px;
  height: 34px;
  width: 34px;
  cursor:pointer;
  font-size: 16px;
  line-height: 1;
}

.regioner-activity-preview-card{
  display:grid;
  gap: 10px;
}

.regioner-activity-preview-card__meta{
  display:flex;
  gap: 10px;
  align-items:center;
}

.regioner-activity-badge{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 900;
  background: rgba(15,23,42,0.05);
  color: var(--c-text-secondary);
}

.regioner-activity-badge--muted{
  background: rgba(37,99,235,0.06);
  color: #1e40af;
  border: 1px solid rgba(37,99,235,0.16);
}

.regioner-activity-preview-card__title{
  font-size: 1.05rem;
  font-weight: 900;
  letter-spacing: -0.01em;
}

.regioner-activity-preview-card__content{
  font-size: 0.98rem;
  color: #334155;
  line-height: 1.65;
}

.regioner-activity-preview-card__media{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 10px;
}

.regioner-activity-preview-card__thumb{
  margin:0;
  border-radius: 8px;
  overflow:hidden;
  border: 1px solid rgba(230,235,242,0.85);
  background: rgba(255,255,255,0.92);
}

.regioner-activity-preview-card__thumb img{
  width: 100%;
  height: 92px;
  object-fit: cover;
  display:block;
}

/* ==========================================================================
   Activity list cards
   ========================================================================== */

.regioner-empty{
  margin: 0;
  font-size: 0.95rem;
  color: var(--c-text-secondary);
}

.regioner-activity-list{
  display:grid;
  gap: 14px;
}

@media (min-width: 1280px){
  .regioner-activity-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.regioner-activity-card{
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(230,235,242,0.85);
  border-radius: 8px;
  padding: 14px 14px 12px;
  box-shadow: 0 1px 2px rgba(15,23,42,0.05);
  display:grid;
  gap: 10px;
}

.regioner-activity-card__head{
  display:flex;
  justify-content: space-between;
  gap: 10px;
  align-items:flex-start;
}

.regioner-activity-card__meta{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items:center;
}

.regioner-activity-card__time{
  font-size: 12px;
  color: var(--c-text-secondary);
}

.regioner-activity-card__limit{
  font-size: 12px;
  font-weight: 900;
  padding: 6px 10px;
  border-radius: 8px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  color: #92400e;
  white-space: nowrap;
}

.regioner-activity-card__title{
  margin: 0;
  font-size: 1.02rem;
  font-weight: 900;
  letter-spacing: -0.01em;
}

.regioner-activity-card__excerpt{
  font-size: 0.95rem;
  color: #334155;
  line-height: 1.6;
}

.regioner-activity-card__media{
  display:flex;
  gap: 10px;
  align-items:center;
  flex-wrap: wrap;
}

.regioner-activity-card__thumb{
  display:block;
  width: 92px;
  height: 72px;
  border-radius: 8px;
  overflow:hidden;
  border: 1px solid rgba(230,235,242,0.85);
  background: rgba(248,250,252,0.9);
}

.regioner-activity-card__thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.regioner-activity-card__more{
  font-size: 12px;
  font-weight: 900;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid rgba(226,232,240,0.9);
  background: rgba(15,23,42,0.04);
  color: var(--c-text-secondary);
}

.regioner-activity-card__actions{
  display:flex;
  gap: 10px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

@media (max-width: 760px){
  .regioner-activity-card__actions .regioner-btn{ width: 100%; }
}


/* ------------------------------------------------------------
   Panel profilu – refinements (v3)
   Trendy 2025/26: lekko, elegancko, „kafelkowo”, bez chaosu
------------------------------------------------------------ */

.regioner-panel-tiles--full{
    margin-bottom: 0;
}

@media (min-width: 900px){
    .regioner-panel-span-2{
        grid-column: span 2;
    }
}

.regioner-panel-topbar__logo{
    width: 144px;
    height: 144px;
    min-height: 144px;
    flex: 0 0 auto;
    border-radius: 8px;
    overflow: hidden;
    border: none;
    background: var(--regioner-logo-bg, rgba(255,255,255,0.75));
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 24px rgba(15,23,42,0.06);
    align-self: center;
}

.regioner-panel-topbar__logo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.regioner-panel-topbar__logoFallback{
    font-weight: 800;
    letter-spacing: -0.02em;
    font-size: 16px;
    color: var(--c-text);
}

.regioner-panel-topbar__meta{
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.regioner-panel-topbar__company{
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}

.regioner-panel-topbar__companyName{
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.015em;
    color: var(--c-text);
}

.regioner-panel-topbar__companyHint{
    font-size: 12px;
    color: var(--c-text-muted);
    background: rgba(15,23,42,0.04);
    border: none;
    padding: 2px 8px;
    border-radius: 8px;
}

.regioner-panel-topbar__intro{
    color: var(--c-text-muted);
    font-size: 13px;
    line-height: 1.45;
}

.regioner-panel-actionbar{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px 0 16px;
    border-bottom: 1px solid rgba(15,23,42,0.08);
    margin-bottom: 12px;
}

.regioner-panel-actionbar .regioner-btn{
    padding: 10px 16px;
    font-size: 13px;
}

.regioner-panel-topbar__actions{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
}

@media (min-width: 900px){
    .regioner-panel-topbar__actions{
        flex-wrap: nowrap;
    }
}

.regioner-panel-topbar__actions .regioner-btn{
    padding: 9px 14px;
    font-size: 13px;
    border-radius: 8px;
}

.regioner-panel-topbar__accountToggle{
    margin-right: auto;
    order: -1;
}

.regioner-btn--dangerLite.regioner-panel-topbar__accountToggle{
    background: rgba(239,68,68,0.10);
    border-color: rgba(239,68,68,0.32);
    color: #111827;
    font-weight: 800;
}

.regioner-btn--dangerLite.regioner-panel-topbar__accountToggle:hover{
    background: rgba(239,68,68,0.16);
    border-color: rgba(239,68,68,0.44);
    color: #111827;
}

.regioner-btn--dangerLite.regioner-panel-topbar__accountToggle[aria-expanded="true"]{
    background: rgba(239,68,68,0.18);
    border-color: rgba(239,68,68,0.46);
    color: #111827;
    box-shadow: 0 12px 26px rgba(239,68,68,0.18);
}

/* Sekcja ustawień konta (toggle z topbara) */
.regioner-account-section{
    margin: 14px 0 18px;
    padding: 18px;
    border-radius: 8px;
    border: 1px solid rgba(239,68,68,0.32);
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(15,23,42,0.06);
}

.regioner-account-section[hidden]{
    display: none !important;
}

.regioner-account-section__header{
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
}

.regioner-account-section__title{
    margin: 0;
    font-size: 1.08rem;
    font-weight: 900;
    letter-spacing: -0.01em;
}

.regioner-account-section__desc{
    margin: 0;
    color: var(--c-text-secondary);
    font-size: 0.95rem;
}

.regioner-account-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-items: stretch;
}

.regioner-account-card{
    border: 1px solid rgba(15,23,42,0.06);
    border-radius: 8px;
    padding: 14px;
    background: rgba(248,250,252,0.7);
    min-width: 0;
}

.regioner-account-card--admin{
    grid-column: 1 / -1;
}

.regioner-account-stack{
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 12px;
    height: 100%;
    min-width: 0;
}

.regioner-account-stack .regioner-account-card{
    height: 100%;
}

.regioner-account-card__title{
    margin: 0 0 8px;
    font-size: 0.98rem;
    font-weight: 800;
}

.regioner-account-card__desc{
    margin: 0 0 10px;
    color: var(--c-text-secondary);
    line-height: 1.55;
}

.regioner-account-form{
    display: grid;
    gap: 8px;
}

.regioner-account-form__row{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.regioner-account-form__row label{
    font-size: 12.5px;
    font-weight: 700;
    color: var(--c-text-secondary);
}

.regioner-account-form__row input{
    height: 42px;
    border-radius: 8px;
    border: 1px solid rgba(15,23,42,0.12);
    padding: 0 12px;
    font-size: 14.5px;
    background: #fff;
}

.regioner-account-form__row input:focus{
    outline: none;
    border-color: rgba(2,132,199,0.6);
    box-shadow: 0 0 0 3px rgba(14,165,233,0.18);
}

.regioner-account-form__actions{
    margin-top: 4px;
    display: flex;
    justify-content: flex-start;
}

.regioner-account-card__actions{
    margin-top: 6px;
}

.regioner-account-adminLinks{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.regioner-account-adminLinks .regioner-btn{
    border-radius: 8px;
}

@media (max-width: 920px){
    .regioner-account-grid{
        grid-template-columns: minmax(0, 1fr);
    }
    .regioner-account-card--admin{
        grid-column: auto;
    }
}

/* Billing card on account panel */
.regioner-account-billing{
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 12px;
}
.regioner-account-billing__row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #edf1f5;
    font-size: 13px;
}
.regioner-account-billing__row:last-child{
    border-bottom: none;
}
.regioner-account-billing__label{
    color: #64748b;
}
.regioner-account-billing__value{
    font-weight: 600;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 8px;
}
.regioner-account-billing__value--ok{ color: #16a34a; }
.regioner-account-billing__value--warn{ color: #d97706; }
.regioner-account-billing__value--danger{ color: #dc2626; }
.regioner-account-billing__value small{
    font-weight: 400;
    font-size: 12px;
}
.regioner-btn--sm{
    min-height: 28px;
    padding: 0 10px;
    font-size: 12px;
}

.regioner-panel-topbar__actions .regioner-btn--logout{
    padding: 8px 12px;
    font-size: 12px;
}

.regioner-btn--primary {
    border-color: transparent!important;
    background: #0284c7!important;
    border-radius: 8px!important;
}

.regioner-panel-tile--referral{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.regioner-panel-tile--referral .regioner-referral{
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1 1 auto;
}

/* Kafel: Status + akcje */
.regioner-panel-tile--status-actions .regioner-panel-statusActions{
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.regioner-panel-tile--status-actions .regioner-panel-status{
    padding: 12px;
    border-radius: 8px;
    background: rgba(15,23,42,0.03);
    border: none;
}

.regioner-panel-status__extra{
  margin-top: 12px;
  display: grid;
  gap: 8px;
}

.regioner-panel-status__cta{
    font-size: 12px;
    color: var(--c-text-muted);
    margin-top: 20px;
}

.regioner-panel-tile--status-actions .regioner-panel-actions .regioner-btn{
    width: 100%;
}

.regioner-panel-tile--status-actions .regioner-panel-tile__meta{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* Szersze i czytelniejsze wiersze podsumowania */
@media (min-width: 900px){
    .regioner-panel-summary__row{
        grid-template-columns: 570px 1fr auto;
    }
}

.regioner-panel-summary__value{
    min-width: 0;
}

.regioner-panel-summary__billing{
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(15,23,42,0.08);
}

.regioner-panel-summary__billingEmpty{
    font-size: 13px;
    color: #94a3b8;
    margin: 0;
}

.regioner-panel-summary__actions{
    margin-top: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.regioner-panel-summary__actions .regioner-btn{
    min-width: 180px;
}

.regioner-company-dashboard--panel .regioner-panel-summary__accountBtn{
    border-radius: 8px !important;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="account"] .regioner-account-section{
    margin: 0;
}

/* Program poleceń */
.regioner-panel-tile--referral .regioner-panel-tile__note{
    margin-bottom: 0;
}

.regioner-panel-tile--referral .regioner-panel-tile__header{
    margin-bottom: 6px;
}

.regioner-referral{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.regioner-referral__layout{
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
    gap: 14px;
    align-items: start;
}

.regioner-referral__col{
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.regioner-referral__col--info{
  padding: 12px;
  border-radius: 8px;
  background: linear-gradient(180deg, var(--rp-app-surface-solid, #ffffff) 0%, var(--rp-app-surface, rgba(255,255,255,0.88)) 100%);
  border: 1px solid var(--rp-app-sep-soft, rgba(15,23,42,0.08));
  box-shadow: var(--rp-app-shadow-soft, 0 2px 10px rgba(15,23,42,0.05));
}

.regioner-referral__head{
  position: relative;
  display: grid;
  gap: 8px;
  padding: 13px 14px 12px;
  border-radius: 8px;
  border: none;
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  overflow: hidden;
}

.regioner-referral__col--info .regioner-referral__head{
  padding: 13px 14px 12px;
  border-bottom: 0;
}

.regioner-referral__head::after{
  content: "";
  position: absolute;
  top: -48px;
  right: -42px;
  width: 156px;
  height: 156px;
  background: radial-gradient(circle, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0) 68%);
  pointer-events: none;
}

.regioner-referral__head-text{
    flex: 1 1 auto;
    min-width: 0;
}

.regioner-referral__kicker{
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 300;
    color: #2563eb;
    max-width: 204px;
}

.regioner-referral__offerTitle{
  position: relative;
  z-index: 1;
  margin: 0;
  width: 100%;
  line-height: 1.12;
  letter-spacing: -0.01em;
  font-weight: 800;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0,0,0,0.18);
}

.regioner-referral__offerLead{
  display: block;
  font-size: 34px;
  line-height: 1.06;
  font-weight: 800;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.regioner-referral__offerSub{
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.28;
  font-weight: 700;
  color: rgba(255,255,255,0.92);
}

.regioner-referral__head-media{
    flex: 0 0 96px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 10;
    margin: -42px 0 -34px 0;
}

.regioner-referral__col--info .regioner-referral__head-media{
    margin: 0;
    align-items: center;
}

.regioner-referral__head-media img{
    width: 96px;
    height: auto;
    display: block;
}

.regioner-referral__item{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border-radius: 8px;
    background: #f7f8fb;
    border: none;
}

.regioner-referral__label{
    font-size: 12px;
    color: var(--c-text-muted);
}

.regioner-referral__value{
    font-weight: 800;
    letter-spacing: -0.01em;
    font-size: 16px;
}

.regioner-referral__input{
    display: flex;
    gap: 8px;
    align-items: center;
}

.regioner-referral__input input{
    width: 100%;
    border: 1px solid rgba(15,23,42,0.12);
    border-radius: 8px;
    padding: 10px 12px;
    background: rgba(255,255,255,0.85);
    color: var(--c-text);
    font-size: 12px;
}

.regioner-referral__item--code .regioner-btn--block{
    width: 100%;
    justify-content: center;
}

.regioner-referral__stats{
    color: var(--c-text-muted);
    font-size: 12px;
}

.regioner-referral__statsBoard{
  display: grid;
  gap: 10px;
}

.regioner-referral__statsRow{
  width: 100%;
  display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  padding: 11px 12px;
  border-radius: 8px;
  background: var(--rp-app-soft, #eef2f6);
  border: 1px solid var(--rp-app-sep-soft, rgba(15,23,42,0.08));
}

.regioner-referral__statsLabel{
  font-size: 13px;
  font-weight: 600;
  color: var(--rp-app-muted, #64748b);
}

.regioner-referral__statsValue{
  font-size: 19px;
  font-weight: 800;
  color: #123c62;
  line-height: 1;
}

.regioner-referral__stat strong{
    color: var(--c-text);
}

.regioner-referral__desc{
    color: var(--c-text);
    font-size: 12px;
    line-height: 1.55;
}

.regioner-referral__desc--approval{
  color: #3f546b;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.regioner-referral__rulesLink{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--rp-app-muted, #64748b);
  font-weight: 500;
  font-size: 12px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.regioner-referral__rulesLink:hover{
  background: transparent;
  color: #123c62;
  text-decoration: underline;
}

.regioner-referral__desc--marketing{
  text-align: justify;
  text-justify: inter-word;
}

.regioner-referral__preview{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid rgba(15,23,42,0.08);
}

.regioner-referral__previewToggle{
    display: none;
}

.regioner-referral__preview-title{
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #64748b;
}

.regioner-referral-preview{
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 12px;
    align-items: center;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid rgba(15,23,42,0.08);
    padding: 10px;
}

.regioner-referral-preview__media img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

.regioner-referral-preview__eyebrow{
    font-size: 11px;
    color: #0284c7;
    letter-spacing: 0.2px;
    margin-bottom: 4px;
    word-break: break-word;
}

.regioner-referral-preview__headline{
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 6px;
}

.regioner-referral-preview__text{
    font-size: 12px;
    color: #475569;
    margin-bottom: 6px;
}

.regioner-referral-preview__url{
    font-size: 13px;
    color: #0284c7;
    font-weight: 700;
    line-height: 1.35;
    word-break: break-word;
}

.regioner-referral__previewActions{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.regioner-referral__previewAction{
    appearance: none;
    border: 1px solid #d8e2ec;
    border-radius: 8px;
    background: #ffffff;
    color: #1f2f42;
    min-height: 34px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.regioner-referral__previewAction:hover{
    background: #f7fafd;
    border-color: #c6d4e3;
    color: #0f2238;
}

.regioner-referral__previewAction--open{
    background: #eaf4ff;
    border-color: #bcd8f2;
    color: #0f4d84;
}

.regioner-referral__previewAction--open:hover{
    background: #dceefe;
    border-color: #9fc7ec;
    color: #083f73;
}

.regioner-referral__previewAction--copy.is-copied{
    background: #e8f7ec;
    border-color: #b9e8c4;
    color: #196a3a;
}

.regioner-referral__previewAction:disabled{
    opacity: 0.6;
    cursor: not-allowed;
}

@media (max-width: 640px) {
    .regioner-referral-preview{
        grid-template-columns: 1fr;
    }

    .regioner-referral__previewActions{
        flex-direction: column;
    }

    .regioner-referral__previewAction{
        width: 100%;
    }
}

@media (max-width: 899px){
  .regioner-referral__layout{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .regioner-referral__head{
    padding: 11px 12px 10px;
  }

  .regioner-referral__offerLead{
    font-size: 27px;
  }

  .regioner-referral__offerSub{
    margin-top: 4px;
    font-size: 12px;
  }

  .regioner-referral__previewToggle{
    display: block;
  }

    .regioner-referral__previewToggle .regioner-btn{
        width: 100%;
        justify-content: center;
    }

    .regioner-referral__preview{
        display: none;
    }

    .regioner-referral.is-preview-open .regioner-referral__preview{
        display: flex;
    }
}

/* ── Two-column referral + QR section ── */
.regioner-referral--twocol{ display:flex; flex-direction:column; }
.regioner-referral__columns{
  display:grid; grid-template-columns:1fr 340px; gap:24px;
}

/* Left column: referrals */
.regioner-referral__colLeft{
  display:flex; flex-direction:column; gap:14px;
}
.regioner-referral__offerTitle{
  display:flex; flex-direction:row; flex-wrap:wrap; align-items:baseline; gap:0 8px; margin:0;
}
.regioner-referral__offerLead{ font-size:17px; font-weight:700; color:#0f172a; }
.regioner-referral__offerSub{ font-size:14px; font-weight:400; color:#0284c7; }
.regioner-referral__heroDesc{
  font-size:12px; color:#64748b; margin:0; line-height:1.5;
}

.regioner-referral__codeSection{ display:flex; flex-direction:column; gap:8px; }
.regioner-referral__codeBox{
  display:flex; align-items:center; gap:10px;
  background:#f0f9ff; border:1px dashed #0284c7; border-radius:8px; padding:10px 14px;
}
.regioner-referral__value{
  font-size:20px; font-weight:800; letter-spacing:2px; color:#0284c7; flex:1;
}
.regioner-referral__linkRow{ display:flex; gap:6px; }
.regioner-referral__linkRow input[type="text"]{
  flex:1; min-width:0; font-size:11px; padding:6px 8px; border:1px solid #e2e8f0;
  border-radius:6px; background:#f8fafc; color:#334155;
}

.regioner-referral__statsSection{
  background:#f8fafc; border-radius:10px; padding:12px 14px;
  display:flex; flex-direction:column; gap:6px;
}
.regioner-referral__statsBoard{ display:flex; flex-direction:column; gap:4px; }
.regioner-referral__statsRow{
  display:flex; justify-content:space-between; align-items:center;
  font-size:13px; color:#334155;
}
.regioner-referral__statsValue{ font-size:14px; font-weight:700; color:#0284c7; }
.regioner-referral__goal{
  font-size:12px; color:#64748b; margin:2px 0 0; line-height:1.4;
}

.regioner-referral__footer{
  display:flex; justify-content:space-between; align-items:center;
  border-top:1px solid #e2e8f0; padding-top:10px;
}
.regioner-referral__links{ display:flex; gap:6px; font-size:12px; }
.regioner-referral__rulesLink{ color:#0284c7; text-decoration:none; font-size:12px; }
.regioner-referral__rulesLink:hover{ text-decoration:underline; }
.regioner-referral__linkSep{ color:#cbd5e1; font-size:12px; }
.regioner-referral__bottomLinks{
  display:flex; align-items:center; gap:8px; padding:10px 0 0;
  border-top:1px solid #f0f0f0; margin-top:12px;
}

/* Right column: QR */
.regioner-referral__colRight{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  border-left:1px solid #e2e8f0; padding-left:24px;
}
.regioner-referral__qrSection{
  display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center;
}
.regioner-referral__qrTitle{
  font-size:13px; font-weight:600; color:#334155;
}
.regioner-referral__qrPreview{
  background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:12px;
  display:flex; align-items:center; justify-content:center;
}
.regioner-referral__qrPreview canvas,
.regioner-referral__qrPreview div{ max-width:180px; max-height:180px; }
.regioner-referral__qrUrl{
  font-size:11px; color:#0284c7; font-weight:600; word-break:break-all;
}
.regioner-referral__qrActions{
  display:flex; gap:6px; flex-wrap:wrap; justify-content:center;
}
.regioner-referral__qrPlaceholder{
  font-size:12px; color:#94a3b8; padding:20px;
  border:1px dashed #e2e8f0; border-radius:10px;
}

/* Rewards ladder */
.regioner-referral__rewards{
  display:flex; gap:8px;
}
.regioner-referral__rewardItem{
  flex:1; display:flex; flex-direction:column; align-items:center; gap:1px;
  background:#fafbfc; border:1px solid #f0f0f0; border-radius:6px; padding:6px 4px;
  font-size:10px; color:#94a3b8; text-align:center;
}
.regioner-referral__rewardItem--highlight{
  background:#f8fbff; border-color:#d0e4f5;
}
.regioner-referral__rewardCount{ font-weight:600; color:#64748b; font-size:10px; }
.regioner-referral__rewardValue{ font-weight:600; color:#0284c7; font-size:11px; }
.regioner-referral__rewardItem--highlight .regioner-referral__rewardValue{ font-size:11px; }

/* QR poster preview */
.regioner-referral__qrDesc{
  font-size:12px; color:#64748b; line-height:1.5; margin:0; text-align:center;
}
.regioner-referral__qrPoster{
  background:#fff; border:1px solid #e2e8f0; border-radius:12px;
  padding:16px; box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.regioner-referral__posterInner{
  display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center;
}
.regioner-referral__posterLogo{
  width:48px; height:48px; object-fit:contain; border-radius:8px;
}
.regioner-referral__posterName{
  font-size:14px; font-weight:700; color:#0f172a; line-height:1.3;
}
.regioner-referral__posterCta{
  font-size:11px; color:#0284c7; font-weight:600; text-transform:uppercase; letter-spacing:0.5px;
}
.regioner-referral__posterUrl{
  font-size:10px; color:#0284c7; font-weight:600; word-break:break-all;
}
.regioner-referral__posterBrand{
  display:flex; align-items:center; gap:4px; font-size:10px; color:#94a3b8; margin-top:4px;
}
.regioner-referral__posterBrandIcon{ width:14px; height:14px; }

/* KB link in header */
.regioner-referral__kb-link{
  font-size:12px; color:#0284c7; text-decoration:none; font-weight:500;
}
.regioner-referral__kb-link:hover{ text-decoration:underline; }

@media (max-width: 768px){
  .regioner-referral__columns{ grid-template-columns:1fr; }
  .regioner-referral__colRight{ border-left:none; padding-left:0; border-top:1px solid #e2e8f0; padding-top:16px; }
  .regioner-referral__linkRow{ flex-wrap:wrap; }
  .regioner-referral__footer{ flex-direction:column; gap:8px; align-items:flex-start; }
}

/* Przyciski – mały rozmiar */
.regioner-btn--sm{
    padding: 8px 10px;
    font-size: 12px;
    border-radius: 8px;
}

/* Sekcje: lewa (2/3) + prawa (1/3) w siatce */
.regioner-panel-board{
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.regioner-panel-side{
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.regioner-panel-anchor{
    height: 1px;
}

/* Lista aktualności jak feed + zarządzanie (overlay) */
.regioner-feed--dashboard .regioner-feed__item{
    position: relative;
}

.regioner-feed--dashboard .regioner-feed__item{
    position: relative;
}

.regioner-feed--dashboard .regioner-feed__manage{
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: 1;
    transform: translateY(0);
    transition: none;
    z-index: 4;
}

.regioner-feed--dashboard .regioner-feed__top-actions{
    display: none;
}

.regioner-feed--dashboard .regioner-feed__badge-type{
    display: none;
}

.regioner-feed--dashboard .regioner-feed__manage form{
    display: inline-flex;
    margin: 0;
    padding: 0;
}

.regioner-feed__manageBtn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    font-size: 12px;
    font-family: inherit;
    line-height: 1.2;
    border-radius: 8px;
    border: 1px solid rgba(15,23,42,0.12);
    background: rgba(255,255,255,0.92);
    color: var(--c-text);
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(15,23,42,0.08);
    white-space: nowrap;
    cursor: pointer;
    height: 30px;
    box-sizing: border-box;
}

.regioner-feed__manageBtn:hover{
    transform: translateY(-1px);
}

.regioner-feed__manageBtn.is-danger{
    border-color: rgba(239,68,68,0.25);
    color: rgba(185,28,28,1);
}

.regioner-feed__manageBtn.is-disabled{
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}

@media (max-width: 899px){
    .regioner-feed--dashboard .regioner-feed__manage{
        top: 8px;
        right: 8px;
        gap: 6px;
    }

    .regioner-feed--dashboard .regioner-feed__manageBtn{
        padding: 5px 8px;
        font-size: 11px;
        border-radius: 7px;
    }
}

@media (min-width: 900px){
    .regioner-company-dashboard--panel .regioner-feed--dashboard .regioner-feed__row--date{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 152px;
        min-height: 24px;
    }

    .regioner-company-dashboard--panel .regioner-feed--dashboard .regioner-feed__row--date .regioner-feed__meta-badge{
        white-space: nowrap;
    }
}

/* Delikatniejsze notatki kafelków */
.regioner-panel-tile__note{
    color: var(--c-text-muted);
    line-height: 1.45;
}

/* --------------------------------------------------------------------------
   Guest login view (3 tiles: login + media, claim/search below)
   -------------------------------------------------------------------------- */
.regioner-company-dashboard--guest{
  min-height: clamp(520px, 78vh, 860px);
  padding-top: clamp(22px, 2.8vw, 34px);
  padding-right: clamp(12px, 3vw, 36px);
  padding-bottom: clamp(20px, 4vw, 44px);
  padding-left: clamp(12px, 3vw, 36px);
  background: transparent;
}

.regioner-dashboard-guest{
  width: min(1180px, 100%);
  margin: 0 auto;
  display: block;
}

.regioner-dashboard-guest__content{
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

.regioner-dashboard-guest__title{
  margin: 0 0 8px;
  font-size: clamp(26px, 3.3vw, 36px);
  font-weight: 900;
  letter-spacing: -0.02em;
}

.regioner-dashboard-guest__lead{
  margin: 0 0 20px;
  font-size: clamp(14px, 1.25vw, 16px);
  color: var(--c-text-secondary);
}

.regioner-dashboard-guest__onboarding{
  margin: 0 0 clamp(16px, 2vw, 24px);
  padding: 40px 0 0;
  display: grid;
  gap: 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.regioner-dashboard-guest__onboarding-head{
  display: grid;
  gap: 10px;
}

.regioner-dashboard-guest__onboarding-title{
  position: relative;
  margin: 0;
  padding-left: 14px;
  font-size: clamp(22px, 2.35vw, 31px);
  font-weight: 800;
  line-height: 1.14;
  letter-spacing: -0.025em;
  color: #0f172a;
}

.regioner-dashboard-guest__onboarding-title::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 1.15em;
  border-radius: 999px;
  background: linear-gradient(180deg, #0ea5e9 0%, #2563eb 100%);
  transform: translateY(-50%);
}

.regioner-dashboard-guest__onboarding-desc{
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #475569;
}

.regioner-dashboard-guest__onboarding-steps{
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  counter-reset: regionerOnboardingSteps;
}

.regioner-dashboard-guest__onboarding-steps li{
  margin: 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid rgba(148,163,184,0.2);
  color: #334155;
  font-size: 13px;
  line-height: 1.5;
  counter-increment: regionerOnboardingSteps;
}

.regioner-dashboard-guest__onboarding-steps li::before{
  content: counter(regionerOnboardingSteps) ". ";
  font-weight: 700;
  color: #0f172a;
}

.regioner-dashboard-guest__error{
  margin: 0 0 18px;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid rgba(239,68,68,0.18);
  background: rgba(254,242,242,0.9);
  color: #991b1b;
  font-weight: 600;
}

.regioner-dashboard-guest__info{
  margin: 0 0 18px;
  padding: 14px 16px;
  border-radius: 8px;
  border: 1px solid rgba(59,130,246,0.2);
  background: linear-gradient(135deg, rgba(239,246,255,0.98), rgba(224,231,255,0.92));
  color: #1e3a8a;
  font-weight: 600;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: start;
  box-shadow: 0 8px 20px rgba(59,130,246,0.08);
}

.regioner-dashboard-guest__info-icon{
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: #e0f2fe;
  color: #0f172a;
  font-size: 18px;
}

.regioner-dashboard-guest__info-body strong{
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
}

.regioner-dashboard-guest__info-body p{
  margin: 0;
  font-weight: 500;
  color: #1e293b;
  line-height: 1.5;
}

.regioner-dashboard-guest__info-extra{
  margin-top: 10px;
  font-weight: 500;
  color: #334155;
}

.regioner-dashboard-guest__info-extra p{
  margin: 0 0 10px;
  font-weight: 500;
  color: #334155;
}

.regioner-dashboard-guest__info-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.regioner-info-pill{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #eff6ff;
  border: 1px solid rgba(37,99,235,0.2);
  color: #1d4ed8;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.regioner-info-pill__icon{
  width: 16px;
  height: 16px;
  display: inline-block;
}

.regioner-info-pill:hover{
  background: #dbeafe;
  box-shadow: 0 6px 14px rgba(37,99,235,0.16);
  transform: translateY(-1px);
}

.regioner-info-pill--premium{
  background: linear-gradient(135deg, #fef3c7, #fde68a);
  border-color: rgba(245, 158, 11, 0.4);
  color: #92400e;
}

.regioner-info-pill--premium:hover{
  background: linear-gradient(135deg, #fde68a, #fcd34d);
  box-shadow: 0 8px 18px rgba(245, 158, 11, 0.2);
}

.regioner-dashboard-guest__grid{
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  grid-template-areas:
    "login media"
    "claim claim";
  gap: clamp(16px, 3vw, 28px);
  align-items: stretch;
}

.regioner-guest-tile{
  background: #ffffff;
  border: 1px solid rgba(15,23,42,0.06);
  border-radius: 8px;
  padding: clamp(16px, 2.2vw, 24px);
  box-shadow:
    0 24px 60px rgba(15,23,42,0.08),
    0 8px 18px rgba(15,23,42,0.05);
  min-width: 0;
  height: 100%;
}

.regioner-guest-tile--login{ grid-area: login; }
.regioner-guest-tile--media{ grid-area: media; padding: 0; overflow: hidden; }
.regioner-guest-tile--claim{ grid-area: claim; }

.regioner-company-dashboard--onboarding-register .regioner-guest-tile--login{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.regioner-guest-mediaWrap{
  grid-area: media;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  min-width: 0;
  height: 100%;
}

.regioner-company-dashboard--guest .regioner-guest-mediaWrap--packages-info{
  align-items: stretch;
}

.regioner-auth-packages-info{
  --selected-package-accent: #0284c7;
  width: 100%;
  margin: 0;
  padding: clamp(16px, 2vw, 24px);
  border-radius: 8px;
  border: 1px solid rgba(15,23,42,0.08);
  background: #ffffff;
  box-shadow:
    0 24px 60px rgba(15,23,42,0.08),
    0 8px 18px rgba(15,23,42,0.05);
  display: grid;
  gap: 14px;
}

.regioner-auth-packages-info--basic{
  --selected-package-accent: #64748b;
}

.regioner-auth-packages-info--standard{
  --selected-package-accent: #0284c7;
}

.regioner-auth-packages-info--premium{
  --selected-package-accent: #dc2626;
}

.regioner-auth-packages-info__eyebrow{
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.regioner-auth-packages-info__title{
  margin: 0;
  font-size: clamp(18px, 1.75vw, 24px);
  line-height: 1.22;
  letter-spacing: -0.02em;
  color: #0f172a;
}

.regioner-auth-packages-info__lead{
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #475569;
}

.regioner-auth-packages-info__cards{
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.regioner-auth-packages-info__card{
  --pkg-accent: #2563eb;
  margin: 0;
  padding: 10px;
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border-radius: 8px;
  border: 1px solid rgba(148,163,184,0.22);
  border-left: 4px solid var(--pkg-accent);
  background: #f8fafc;
  box-shadow: 0 8px 20px rgba(15,23,42,0.04);
}

.regioner-auth-packages-info__card--basic{
  --pkg-accent: #94a3b8;
}

.regioner-auth-packages-info__card--standard{
  --pkg-accent: #0284c7;
}

.regioner-auth-packages-info__card--premium{
  --pkg-accent: #dc2626;
}

.regioner-auth-packages-info__card-media{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 82px;
  border-radius: 0;
  background: transparent;
  border: none;
  overflow: visible;
}

.regioner-auth-packages-info__card-media img{
  width: 100%;
  height: 82px;
  object-fit: contain;
  display: block;
}

.regioner-auth-packages-info__card-body{
  min-width: 0;
  display: grid;
  gap: 5px;
}

.regioner-auth-packages-info__card-title{
  margin: 0;
  font-size: 15px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: #0f172a;
}

.regioner-auth-packages-info__card-desc{
  margin: 0;
  color: #1f2937;
  font-size: 13px;
  line-height: 1.5;
}

.regioner-auth-packages-info__extra{
  margin: 2px 0 0;
  padding: 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  align-items: center;
  border-radius: 8px;
  border: 1px solid rgba(2,132,199,0.22);
  background: #f0f9ff;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.5;
}

.regioner-auth-packages-info__value{
  margin: 0;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--selected-package-accent) 24%, #ffffff);
  background: color-mix(in srgb, var(--selected-package-accent) 8%, #ffffff);
  display: grid;
  gap: 10px;
}

.regioner-auth-packages-info__value-title{
  margin: 0;
  font-size: 14px;
  line-height: 1.35;
  color: #0f172a;
}

.regioner-auth-packages-info__value-pitch{
  margin: 0;
  color: #1e293b;
  font-size: 13px;
  line-height: 1.55;
}

.regioner-auth-packages-info__value-meta{
  margin: 0;
  color: #334155;
  font-size: 13px;
  line-height: 1.5;
}

.regioner-auth-packages-info__benefits{
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

.regioner-auth-packages-info__benefits li{
  position: relative;
  margin: 0;
  padding-left: 24px;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.5;
}

.regioner-auth-packages-info__benefits li::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 1px;
  color: var(--selected-package-accent);
  font-weight: 800;
}

.regioner-auth-packages-info__value-result{
  margin: 0;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.5;
}

.regioner-auth-packages-info__support{
  margin: 0;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid rgba(15,23,42,0.1);
  background: #f8fafc;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.5;
}

.regioner-auth-packages-info__support strong{
  display: block;
  margin: 0 0 4px;
}

.regioner-auth-packages-info__support p{
  margin: 0;
  color: #334155;
}

.regioner-auth-packages-info__extra-body{
  min-width: 0;
}

.regioner-auth-packages-info__extra strong{
  display: block;
  margin: 0 0 4px;
}

.regioner-auth-packages-info__extra p{
  margin: 0;
  color: #334155;
}

.regioner-auth-packages-info__links{
  margin-top: 4px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.regioner-auth-packages-info__link{
  min-height: 42px;
  min-width: 184px;
  padding: 0 18px;
  justify-content: center;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
}

.regioner-auth-packages-info__link:hover{
  transform: translateY(-1px);
}

.regioner-auth-packages-info__link--primary{
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
  border: 1px solid #0369a1;
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(2, 132, 199, 0.25);
}

.regioner-auth-packages-info__link--primary:hover{
  background: linear-gradient(135deg, #0369a1 0%, #075985 100%);
  border-color: #075985;
  color: #ffffff;
  box-shadow: 0 14px 24px rgba(3, 105, 161, 0.28);
}

.regioner-auth-packages-info__link--secondary{
  background: #ffffff;
  border: 1px solid #c8d6e8;
  color: #1e293b;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.09);
}

.regioner-auth-packages-info__link--secondary:hover{
  background: #f8fafc;
  border-color: #aac1dd;
  color: #0f172a;
  box-shadow: 0 12px 22px rgba(15, 23, 42, 0.12);
}

@media (max-width: 640px){
  .regioner-auth-packages-info__card{
    grid-template-columns: 1fr;
  }

  .regioner-auth-packages-info__card-media{
    min-height: 92px;
  }

  .regioner-auth-packages-info__card-media img{
    height: 92px;
  }

  .regioner-auth-packages-info__extra{
    grid-template-columns: 1fr;
  }
}

.regioner-guest-tile__head{
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
}

.regioner-company-dashboard--404 .regioner-guest-tile__eyebrow{
  margin: 0;
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.05;
  color: var(--c-text, #111827);
  margin-bottom: 16px;
}

.regioner-company-dashboard--404 .regioner-guest-tile__head{
  margin-bottom: 28px;
}

.regioner-company-dashboard--404 .regioner-dashboard-guest__grid{
  grid-template-areas: "login media";
}

body.error404 .regioner-home-layout.regioner-home-layout--one-column{
  grid-template-columns: 1fr !important;
}

body.error404 .regioner-home-main__content{
  max-width: 1200px;
  margin: 0 auto;
}

.regioner-company-dashboard--404{
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.regioner-company-dashboard--404 .regioner-guest-inline-claim{
  margin-top: 78px;
  padding-top: 14px;
  border-top: 1px solid rgba(15,23,42,0.08);
}

.regioner-company-dashboard--404 .regioner-guest-inline-claim .regioner-guest-tile__head{
  margin-top: 10px;
  margin-bottom: 12px;
}

.regioner-company-dashboard--404 .regioner-guest-inline-claim .regioner-guest-tile__title{
  font-size: clamp(17px, 1.6vw, 21px);
}

.regioner-company-dashboard--404 .regioner-guest-tile.podstrona-container--claim{
  max-width: none;
  margin: 0;
  padding: clamp(16px, 2.2vw, 24px);
  font-family: inherit;
  line-height: inherit;
}

.regioner-guest-tile__title{
  margin: 0;
  font-size: clamp(18px, 1.8vw, 23px);
  font-weight: 800;
  letter-spacing: -0.015em;
}

.regioner-guest-tile__desc{
  margin: 0;
  color: var(--c-text-secondary);
  font-size: 13.5px;
  line-height: 1.55;
}

.regioner-dashboard-form__row{
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 13px;
}

.regioner-dashboard-form__row label{
  font-weight: 700;
  font-size: 13.5px;
}

.regioner-dashboard-field-hint{
  min-height: 16px;
  font-size: 12.5px;
  color: var(--c-text-secondary);
}

.regioner-dashboard-field-hint.is-success{
  color: #0f9d66;
}

.regioner-dashboard-field-hint.is-error{
  color: #b91c1c;
}

.regioner-dashboard-field-hint.is-warn{
  color: #b45309;
}

.regioner-dashboard-form__row input[type="text"],
.regioner-dashboard-form__row input[type="email"],
.regioner-dashboard-form__row input[type="password"]{
  height: 46px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid rgba(15,23,42,0.12);
  background: #fff;
  font-size: 14px;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.regioner-dashboard-form__row input[type="text"]:focus,
.regioner-dashboard-form__row input[type="email"]:focus,
.regioner-dashboard-form__row input[type="password"]:focus{
  outline: none;
  border-color: rgba(14,165,233,0.9);
  box-shadow: 0 0 0 4px rgba(14,165,233,0.16);
}

.regioner-dashboard-loginform__row--meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 6px 0 16px;
  font-size: 13.5px;
}

.regioner-dashboard-loginform__remember{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}

.regioner-dashboard-loginform__submit{
  width: 100%;
  height: 46px;
  border-radius: 8px;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: -0.01em;
  box-shadow: 0 14px 30px rgba(2,132,199,0.28);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.regioner-login-social{
  margin-top: 16px;
}

.regioner-dashboard-social{
  display: grid;
  gap: 10px;
}

.regioner-login-social__buttons{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.regioner-login-social__soon{
  margin: 6px 0 0;
  grid-column: 1 / -1;
  font-size: 12px;
  line-height: 1.45;
  color: #64748b;
  text-align: center;
}

.regioner-login-social__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 42px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid rgba(15,23,42,0.12);
  background: #fff;
  color: var(--c-text);
  font-weight: 700;
  font-size: 13px;
  box-shadow: 0 10px 24px rgba(15,23,42,0.06);
}

.regioner-login-social__btn[disabled]{
  opacity: 0.72;
  cursor: not-allowed;
}

.regioner-login-social__icon{
  width: 18px;
  height: 18px;
  display: inline-flex;
}

.regioner-login-social__icon svg{
  width: 100%;
  height: 100%;
  display: block;
}

.regioner-login-social__icon--apple{
  color: #111827;
}

/* Fallback: single Google button (no Apple) */
.regioner-login-social__buttons--single{
  grid-template-columns: 1fr;
}

/* ── Nextend Social Login – Google button override ── */
.regioner-dashboard-social .nsl-container{
  margin: 0;
  padding: 0;
}

.regioner-dashboard-social .nsl-container-buttons{
  display: flex;
}

.regioner-dashboard-social .nsl-container-buttons a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 42px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid rgba(15,23,42,0.12);
  background: #fff;
  color: var(--c-text, #0f172a);
  font-weight: 700;
  font-size: 13px;
  box-shadow: 0 10px 24px rgba(15,23,42,0.06);
  text-decoration: none;
  cursor: pointer;
  transition: box-shadow .15s, border-color .15s;
}

.regioner-dashboard-social .nsl-container-buttons a:hover{
  border-color: rgba(15,23,42,0.22);
  box-shadow: 0 10px 28px rgba(15,23,42,0.10);
}

.regioner-dashboard-social .nsl-button{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: auto !important;
}

.regioner-dashboard-social .nsl-button-svg-container{
  width: 18px;
  height: 18px;
  display: inline-flex;
  padding: 0 !important;
}

.regioner-dashboard-social .nsl-button-svg-container svg{
  width: 100%;
  height: 100%;
}

.regioner-dashboard-social .nsl-button-label-container{
  font-size: 13px;
  font-weight: 700;
  padding: 0 !important;
  color: var(--c-text, #0f172a);
}

.regioner-guest-media__img{
  max-height: none;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center bottom;
  display: block;
  border-radius: 8px;
  border: 3px solid #fff;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08), 0 8px 18px rgba(15, 23, 42, 0.05);
}

.regioner-guest-claim__search{
  margin-top: 6px;
}

.regioner-guest-claim__search .regioner-header__search-form-wrapper{
  width: 100%;
}

.regioner-guest-claim__search .regioner-header__search-form{
  background: transparent;
  border: none;
  box-shadow: none;
}

.regioner-guest-claim__row{
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 8px;
  background: rgba(15,23,42,0.035);
  border: 1px solid rgba(15,23,42,0.06);
}

.regioner-guest-claim__row .regioner-guest-claim__search{
  flex: 1 1 auto;
  min-width: 0;
  margin-top: 0;
}

.regioner-company-dashboard--404 .regioner-guest-claim__search{
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
}

.regioner-guest-claim__row .regioner-header__search-form-wrapper{
  display: flex;
  align-items: center;
  gap: 0;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid rgba(2,132,199,0.22);
  box-shadow:
    0 16px 34px rgba(2,132,199,0.10),
    inset 0 0 0 1px rgba(255,255,255,0.8);
  padding: 4px 6px 4px 14px;
}

.regioner-company-dashboard--guest .regioner-guest-tile--claim .regioner-guest-claim__row{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  overflow: visible;
}

.regioner-company-dashboard--guest .regioner-guest-tile--claim .regioner-guest-claim__layout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 520px);
  gap: clamp(16px, 2.4vw, 26px);
  align-items: start;
}

.regioner-company-dashboard--guest .regioner-guest-tile--claim .regioner-guest-claim__copy{
  min-width: 0;
}

.regioner-company-dashboard--guest .regioner-guest-tile--claim .regioner-guest-claim__copy .regioner-guest-tile__head{
  margin-bottom: 0;
}

.regioner-company-dashboard--guest .regioner-guest-tile--claim .regioner-guest-claim__copy .regioner-guest-tile__title,
.regioner-company-dashboard--guest .regioner-guest-tile--claim .regioner-guest-claim__copy .regioner-guest-tile__desc{
  text-align: left;
}

.regioner-company-dashboard--guest .regioner-guest-tile--claim .regioner-guest-claim__controls{
  width: 100%;
  max-width: 520px;
  justify-self: end;
}

.regioner-company-dashboard--guest .regioner-guest-tile--claim .regioner-guest-claim__search{
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

.regioner-company-dashboard--guest .regioner-guest-tile--claim .regioner-header__search{
  display: block !important;
  width: 100%;
}

.regioner-company-dashboard--guest .regioner-guest-tile--claim .regioner-header__search-form-wrapper{
  width: 100% !important;
  max-width: none !important;
  position: relative;
  overflow: visible;
}

.regioner-company-dashboard--guest .regioner-guest-tile--claim .regioner-header__search-form{
  display: flex !important;
  width: 100% !important;
}

.regioner-company-dashboard--guest .regioner-guest-tile--claim .regioner-header__search-autocomplete{
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: none !important;
  transform: none !important;
  text-align: left;
}

.regioner-company-dashboard--guest .regioner-guest-tile--claim .regioner-guest-claim__actions{
  width: 100%;
  justify-content: flex-end;
}

.regioner-company-dashboard--404 .regioner-guest-claim__row .regioner-header__search-form{
  display: flex !important;
  width: 100% !important;
}

.regioner-company-dashboard--404 .regioner-guest-claim__row .regioner-header__search-form-wrapper{
  width: 100% !important;
  max-width: none !important;
}

.regioner-guest-claim__row .regioner-header__search-input{
  flex: 1 1 auto;
  min-width: 0;
  border: none;
  outline: none;
  box-shadow: none;
  background: transparent;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--c-text);
}

.regioner-company-dashboard--404 .regioner-guest-claim__row .regioner-header__search-input{
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.regioner-company-dashboard--404 .regioner-guest-claim__row .regioner-header__search-autocomplete{
  left: 0 !important;
  right: auto !important;
  width: 100% !important;
  max-width: min(680px, calc(100vw - 32px)) !important;
  transform: none !important;
  text-align: left !important;
}

.regioner-company-dashboard--404 .regioner-guest-claim__row .regioner-header__search-list,
.regioner-company-dashboard--404 .regioner-guest-claim__row .regioner-header__search-link,
.regioner-company-dashboard--404 .regioner-guest-claim__row .regioner-header__search-title,
.regioner-company-dashboard--404 .regioner-guest-claim__row .regioner-header__search-meta-row,
.regioner-company-dashboard--404 .regioner-guest-claim__row .regioner-header__search-empty,
.regioner-company-dashboard--404 .regioner-guest-claim__row .regioner-header__search-view-all,
.regioner-company-dashboard--404 .regioner-guest-claim__row .regioner-header__search-footer{
  text-align: left !important;
}

.regioner-company-dashboard--404 .regioner-guest-mediaWrap{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.regioner-company-dashboard--404 .regioner-guest-media__img{
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.regioner-guest-claim__row .regioner-header__search-input::placeholder{
  color: rgba(15,23,42,0.48);
  font-weight: 600;
}

.regioner-guest-claim__row .regioner-header__search-input:focus{
  outline: none;
}

.regioner-guest-claim__row .regioner-header__search-form-wrapper:focus-within{
  border-color: rgba(2,132,199,0.55);
  box-shadow:
    0 20px 44px rgba(2,132,199,0.16),
    0 0 0 4px rgba(14,165,233,0.18);
}

.regioner-guest-claim__actions{
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
}

.regioner-guest-claim__actions .button{
  height: 42px;
  border-radius: 8px;
  font-weight: 800;
  padding: 0 14px;
  font-size: 13.5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.regioner-company-dashboard--lostpass .regioner-guest-claim__actions--cta{
  gap: 14px;
}

.regioner-company-dashboard--lostpass .regioner-dashboard-guest__grid{
  grid-template-areas: "login media";
}

.regioner-company-dashboard--lostpass .regioner-dashboard-guest{
  width: min(1040px, 100%);
  margin: 0 auto;
}

.regioner-company-dashboard--lostpass .regioner-dashboard-guest__grid{
  margin: 0 auto;
  max-width: 1040px;
  align-items: center;
}

.regioner-company-dashboard--lostpass .regioner-guest-inline-claim{
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(15,23,42,0.08);
}

.regioner-company-dashboard--lostpass .regioner-guest-inline-claim .regioner-guest-tile__head{
  margin-bottom: 12px;
}

.regioner-company-dashboard--lostpass .regioner-guest-claim__actions--cta .button{
  min-width: 180px;
  height: 48px;
  border-radius: 8px;
  font-size: 15px;
  letter-spacing: -0.01em;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.regioner-company-dashboard--lostpass .regioner-guest-claim__actions--cta .button-primary{
  background: linear-gradient(135deg, #0ea5e9, #0284c7);
  border-color: #0284c7;
  box-shadow: 0 18px 36px rgba(14, 165, 233, 0.28);
}

.regioner-company-dashboard--lostpass .regioner-guest-claim__actions--cta .button:not(.button-primary){
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.12);
  color: #0f172a;
}

@media (min-width: 992px){
  .regioner-company-dashboard--lostpass .regioner-dashboard-guest__grid{
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
    grid-template-areas: "login media";
    align-items: stretch;
  }

  .regioner-company-dashboard--lostpass .regioner-guest-mediaWrap{
    display: flex !important;
    min-height: 0;
    align-items: flex-end;
  }
}

@media (max-width: 640px){
  .regioner-company-dashboard--lostpass .regioner-guest-claim__actions--cta{
    width: 100%;
  }
  .regioner-company-dashboard--lostpass .regioner-guest-claim__actions--cta .button{
    flex: 1 1 100%;
    width: 100%;
  }
}

@media (max-width: 1100px){
  .regioner-dashboard-guest__grid{
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "media"
      "login"
      "claim";
  }

  .regioner-dashboard-guest__onboarding-steps{
    grid-template-columns: minmax(0, 1fr);
  }

  .regioner-company-dashboard--guest .regioner-guest-tile--claim .regioner-guest-claim__layout{
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .regioner-company-dashboard--guest .regioner-guest-tile--claim .regioner-guest-claim__controls{
    max-width: none;
    justify-self: stretch;
  }

  .regioner-company-dashboard--lostpass .regioner-dashboard-guest__grid{
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "login"
      "media";
  }

  .regioner-company-dashboard--lostpass .regioner-guest-mediaWrap{
    display: flex !important;
    min-height: 220px;
    align-items: flex-end;
    justify-content: center;
  }

  .regioner-company-dashboard--lostpass .regioner-guest-media__img{
    max-width: 420px;
  }

  .regioner-guest-mediaWrap{
    min-height: 240px;
    align-items: center;
  }
  .regioner-company-dashboard--guest .regioner-guest-mediaWrap--packages-info{
    min-height: 0;
    align-items: stretch;
  }
  .regioner-guest-media__img{
    max-width: 420px;
  }

}

@media (max-width: 760px){
  .regioner-login-social__buttons{
    grid-template-columns: minmax(0, 1fr);
  }
  .regioner-guest-claim__row{
    flex-direction: column;
    align-items: stretch;
  }
  .regioner-guest-claim__actions{
    width: 100%;
    justify-content: stretch;
  }
  .regioner-guest-claim__actions .button{
    flex: 1 1 auto;
    width: 100%;
  }

  .regioner-company-dashboard--404 .regioner-dashboard-guest__grid{
    grid-template-areas: "login";
  }
}

@media (min-width: 992px){
  .regioner-company-dashboard--lostpass .regioner-dashboard-guest__grid{
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
    grid-template-areas: "login media";
  }
}

@media (min-width: 992px){
  .regioner-company-dashboard--404 .regioner-guest-claim__row{
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
  }
}

@media (min-width: 992px){
  .regioner-company-dashboard--guest .regioner-guest-claim__search .regioner-header__search-autocomplete,
  .regioner-company-dashboard--404 .regioner-guest-claim__search .regioner-header__search-autocomplete{
    position: absolute !important;
    top: calc(100% + 6px) !important;
    margin-top: 0 !important;
    z-index: 99999 !important;
  }
}

@media (min-width: 992px){
  .regioner-company-dashboard--guest .regioner-dashboard-guest__grid{
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
    grid-template-areas:
      "login media"
      "claim claim";
  }

  .regioner-company-dashboard--guest .regioner-guest-mediaWrap{
    display: flex !important;
    min-height: 0;
    align-items: flex-end;
  }
  .regioner-company-dashboard--guest .regioner-guest-mediaWrap--packages-info{
    align-items: stretch !important;
  }

  .regioner-company-dashboard--guest .regioner-guest-mediaWrap::before,
  .regioner-company-dashboard--guest .regioner-guest-mediaWrap::after{
    content: none !important;
    display: none !important;
  }

  .regioner-company-dashboard--guest .regioner-guest-media__img{
    opacity: 1 !important;
    filter: none !important;
  }
}

/* --------------------------------------------------------------------------
   Panel profile UX/UI refresh (topbar + kafelki)
--------------------------------------------------------------------------- */
.regioner-company-dashboard--panel .regioner-panel-topbar{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 18px;
  padding: 18px 20px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  align-items: stretch;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__head{
  width: 220px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: flex-start;
  align-items: stretch;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__btn{
  width: 100%;
  min-width: 0;
  border-radius: 8px;
}

.regioner-company-dashboard--panel .regioner-panel-topbar .regioner-btn{
  border-radius: 8px;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__accountToggle{
  margin-right: 0;
  order: 0;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__accountRow{
  display: flex;
  align-items: center;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__accountRow .regioner-btn{
  min-height: 36px;
  height: 36px;
  padding: 0 12px;
  font-size: 12px;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__meta{
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__identity{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__identity-text{
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__logo{
  width: 112px;
  height: 112px;
  min-height: 112px;
  align-self: center;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__hello{
  margin: 0;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  color: #64748b;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__helloRow{
  display: flex;
  align-items: center;
  gap: 20px;
  min-width: 0;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__helloLink{
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__helloLogout{
  display: none;
  align-items: center;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__companyName{
  font-size: 22px;
  line-height: 1.15;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__intro{
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__metaFoot{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  row-gap: 6px;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__back{
  font-size: 12.5px;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__admin-note{
  margin: 0;
  font-size: 12px;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusCol{
  min-width: 0;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusCard{
  display: grid;
  gap: 12px;
  height: 100%;
  padding: 14px;
  border: 1px solid rgba(15,23,42,0.08);
  border-radius: 8px;
  background: rgba(255,255,255,0.92);
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusCardHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusCardTitle{
  margin: 0;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 800;
  color: #64748b;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  border-radius: 8px;
  padding: 4px 10px;
  border: 1px solid transparent;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__badge--premium{
  background: linear-gradient(135deg, rgba(252,211,77,0.36), rgba(245,158,11,0.18));
  border-color: rgba(245,158,11,0.40);
  color: #92400e;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__badge--standard{
  background: rgba(37,99,235,0.08);
  border-color: rgba(37,99,235,0.24);
  color: #1e40af;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusRows{
  display: grid;
  gap: 10px;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusRow{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusRowLabel{
  font-size: 12px;
  color: #64748b;
  font-weight: 700;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusValue{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid transparent;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusValue--live{
  background: rgba(16,185,129,0.12);
  border-color: rgba(5,150,105,0.28);
  color: #047857;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusValue--pending{
  background: rgba(245,158,11,0.12);
  border-color: rgba(217,119,6,0.32);
  color: #92400e;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusValue--draft{
  background: rgba(148,163,184,0.14);
  border-color: rgba(100,116,139,0.30);
  color: #334155;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusValue--private{
  background: rgba(59,130,246,0.10);
  border-color: rgba(37,99,235,0.24);
  color: #1d4ed8;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusValue--neutral{
  background: rgba(148,163,184,0.12);
  border-color: rgba(100,116,139,0.22);
  color: #334155;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusText{
  font-size: 12px;
  font-weight: 700;
  color: #0f172a;
  text-align: right;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusText--ok{
  color: #0f766e;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusText--warn{
  color: #b45309;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusText--danger{
  color: #b91c1c;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusText--muted{
  color: #475569;
}

.regioner-company-dashboard--panel #regioner-section-profile-status .regioner-panel-card__body{
  display: grid;
  gap: 12px;
}

.regioner-company-dashboard--panel .regioner-panel-status__checks{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.regioner-company-dashboard--panel .regioner-panel-status__check{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 5px 8px;
  border: 1px solid rgba(15,23,42,0.08);
  border-radius: 8px;
  background: rgba(248,250,252,0.92);
  font-size: 12px;
  font-weight: 600;
  color: #334155;
}

.regioner-company-dashboard--panel .regioner-panel-status__check.is-ok{
  border-color: rgba(5,150,105,0.34);
  background: rgba(16,185,129,0.10);
  color: #065f46;
}

.regioner-company-dashboard--panel .regioner-panel-status__check.is-missing{
  border-color: rgba(148,163,184,0.30);
  background: rgba(241,245,249,0.95);
  color: #475569;
}

.regioner-company-dashboard--panel .regioner-panel-status__checkIcon{
  font-weight: 800;
  font-size: 12px;
  line-height: 1;
}

.regioner-company-dashboard--panel .regioner-panel-status__next{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(2,132,199,0.20);
  border-radius: 8px;
  background: rgba(2,132,199,0.06);
}

.regioner-company-dashboard--panel .regioner-panel-status__nextText{
  margin: 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: #0f172a;
}

.regioner-company-dashboard--panel .regioner-panel-status__nextBtn{
  min-width: 132px;
  min-height: 30px;
  height: 30px;
  padding: 0 10px;
  font-size: 12px;
  flex-shrink: 0;
}

.regioner-company-dashboard--panel .regioner-panel-tiles{
  gap: 18px;
}

.regioner-company-dashboard--panel .regioner-panel-shell{
  --regioner-actions-bar-height: 0px;
  margin-top: 16px;
  display: grid;
  grid-template-columns: 248px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  position: relative;
}

.regioner-company-dashboard--panel .regioner-panel-shell__sidebar{
  grid-column: 1;
  grid-row: 1;
  position: relative;
  top: auto;
  align-self: start;
  height: max-content;
  z-index: 40;
  isolation: isolate;
  pointer-events: auto;
  overflow: visible;
  width: 100%;
  padding: 4px;
  border: 0;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: none;
}

.regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar{
  padding-bottom: calc(var(--regioner-actions-bar-height, 120px) + 8px);
}

.regioner-company-dashboard--panel .regioner-panel-shell__sidebar.is-fixed-top,
.regioner-company-dashboard--panel .regioner-panel-shell__sidebar.is-fixed-bottom,
.regioner-company-dashboard--panel .regioner-panel-shell__sidebar.is-stopped{
  z-index: 20 !important;
}

.regioner-company-dashboard--panel .regioner-panel-shell__sidebar.is-fixed-top{
  position: fixed;
  top: var(--regioner-panel-sticky-offset, 78px);
}

.regioner-company-dashboard--panel .regioner-panel-shell__sidebar.is-fixed-bottom{
  position: fixed;
  bottom: 16px;
}

.regioner-company-dashboard--panel .regioner-panel-shell__sidebar.is-stopped{
  position: absolute;
  left: 0;
}

.regioner-company-dashboard--panel .regioner-panel-shell__sidebar-placeholder{
  grid-column: 1;
  grid-row: 1;
  display: none;
  width: 100%;
  height: 0;
  visibility: hidden;
  pointer-events: none;
}

.regioner-company-dashboard--panel .regioner-panel-shell__sidebar-placeholder.is-active{
  display: block;
}

.regioner-company-dashboard--panel .regioner-panel-nav{
  --regioner-panel-menu-row-height: 38px;
  --regioner-panel-nav-text: #111827;
  --regioner-panel-nav-text-muted: #6b7280;
  --regioner-panel-nav-soft: #f5f5f5;
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: none;
  overflow: visible;
  position: relative;
  z-index: 2;
  pointer-events: auto;
  padding: 0;
  border: none;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
}

.regioner-company-dashboard--panel .regioner-panel-nav *{
  pointer-events: auto;
}

@media (min-width: 900px){
  body.regioner-panel-active .site-content,
  body.regioner-panel-active .site-content > .container,
  body.regioner-panel-active .bb-grid,
  body.regioner-panel-active .buddypress-wrap,
  body.regioner-panel-active #buddypress,
  body.regioner-panel-active .bp-wrap,
  body.regioner-panel-active .content-area,
  body.regioner-panel-active .regioner-main-content-wrapper,
  body.regioner-panel-active .regioner-home-layout,
  body.regioner-panel-active .regioner-home-main,
  body.regioner-panel-active .regioner-home-main__content,
  body.regioner-panel-active .regioner-page,
  body.regioner-panel-active .regioner-page__content{
    overflow: visible !important;
  }
}

body.regioner-panel-active:not(.regioner-auth-page) .regioner-home-layout{
  padding-top: 0 !important;
}

body.regioner-auth-page .regioner-home-layout{
  padding-top: clamp(14px, 2.2vw, 28px) !important;
}

.regioner-company-dashboard--panel .regioner-panel-nav__link{
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
  pointer-events: auto;
  min-height: var(--regioner-panel-menu-row-height);
  padding: 0 10px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: #334155;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  transition: background .16s ease, color .16s ease;
}

.regioner-company-dashboard--panel .regioner-panel-nav__link:hover{
  background: #e9eff6;
  color: #0f172a;
}

.regioner-company-dashboard--panel .regioner-panel-nav__link.is-active{
  background: #dfe8f2;
  color: #0f172a;
  font-weight: 700;
}

.regioner-company-dashboard--panel .regioner-panel-nav__link--accent{
  background: transparent;
  color: #8a5a13;
}

.regioner-company-dashboard--panel .regioner-panel-nav__link--accent.is-active{
  background: #f8ecd2;
  color: #6b3f11;
}

.regioner-company-dashboard--panel .regioner-panel-nav__group{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width: 900px){
  .regioner-company-dashboard--panel .regioner-panel-nav__link[data-regioner-panel-nav="account"] + .regioner-panel-nav__group[data-regioner-panel-group="edit-profile"]{
    margin-top: 70px;
  }
}

.regioner-company-dashboard--panel .regioner-panel-nav__submenu{
  display: grid;
  gap: 4px;
  margin: 0;
}

.regioner-company-dashboard--panel .regioner-panel-nav__submenu--edit-sections{
  margin: 0;
  gap: 13px;
}

.regioner-company-dashboard--panel .regioner-panel-nav__section{
  display: grid;
  gap: 7px;
}

.regioner-company-dashboard--panel .regioner-panel-nav__section--content{
  margin-top: 10px;
}

.regioner-company-dashboard--panel .regioner-panel-nav__sectionTitle{
  margin: 0;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #7a8da3;
}

.regioner-company-dashboard--panel .regioner-panel-nav__sectionToggle{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: var(--regioner-panel-menu-row-height);
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  text-decoration: none;
  background: transparent;
  color: var(--regioner-panel-nav-text);
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.2;
  transition: background .16s ease, color .16s ease;
}

.regioner-company-dashboard--panel .regioner-panel-nav__indexedLabel{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.regioner-company-dashboard--panel .regioner-panel-nav__index{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #eaf2ff;
  color: #0f4d84;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.regioner-company-dashboard--panel .regioner-panel-nav__sectionToggle:hover{
  background: var(--regioner-panel-nav-soft);
  color: #111827;
}

.regioner-company-dashboard--panel .regioner-panel-nav__sectionToggle.is-active{
  background: var(--regioner-panel-nav-soft);
  color: #111827;
}

.regioner-company-dashboard--panel .regioner-panel-nav__sectionToggle[aria-expanded="true"]{
  background: #f7f7f7;
  color: #111827;
  font-weight: 700;
}

.regioner-company-dashboard--panel .regioner-panel-nav__sectionToggle::after{
  display: none;
}

.regioner-company-dashboard--panel .regioner-panel-nav__sublink--has-children::after{
  content: '+';
  flex: 0 0 auto;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #6b7280;
  transition: color .16s ease;
}

.regioner-company-dashboard--panel .regioner-panel-nav__sublink--has-children[aria-expanded="true"]::after{
  content: '−';
  color: #374151;
}

.regioner-company-dashboard--panel .regioner-panel-nav__groupSubmenu{
  display: grid;
  gap: 4px;
  margin: 0 0 0 10px;
  padding: 0 0 0 8px;
  border-left: 1px solid #f1f3f5;
  border-radius: 0;
  background: transparent;
}

.regioner-company-dashboard--panel .regioner-panel-nav__submenu[hidden],
.regioner-company-dashboard--panel .regioner-panel-nav__groupSubmenu[hidden],
.regioner-company-dashboard--panel .regioner-panel-nav__subsubmenu[hidden]{
  display: none !important;
}

.regioner-company-dashboard--panel .regioner-panel-nav__subsubmenu{
  display: grid;
  gap: 3px;
  margin: 0 0 0 10px;
  padding: 0 0 0 8px;
  border-left: 1px solid #f3f4f6;
  border-radius: 0;
  background: transparent;
}

.regioner-company-dashboard--panel .regioner-panel-nav__sublink{
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
  pointer-events: auto;
  min-height: var(--regioner-panel-menu-row-height);
  padding: 0 10px;
  border-radius: 8px;
  border: 0;
  background: transparent;
  color: #334155;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  transition: background .14s ease, color .14s ease;
}

.regioner-company-dashboard--panel .regioner-panel-nav__startLabel{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.regioner-company-dashboard--panel .regioner-panel-nav__startLabel > span{
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.regioner-company-dashboard--panel .regioner-panel-nav__startIcon{
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  display: block;
}

.regioner-company-dashboard--panel .regioner-panel-nav__sublink--has-children{
  justify-content: space-between;
  gap: 10px;
}

.regioner-company-dashboard--panel .regioner-panel-nav__sublink--has-children[aria-expanded="true"]{
  color: #111827;
  font-weight: 700;
}

.regioner-company-dashboard--panel .regioner-panel-nav__sublink:hover{
  background: transparent;
  color: #334155;
}

.regioner-company-dashboard--panel .regioner-panel-nav__sublink.is-active{
  background: transparent;
  color: #111827;
  font-weight: 650;
  box-shadow: none;
}

.regioner-company-dashboard--panel .regioner-panel-nav__contentlink{
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
  pointer-events: auto;
  min-height: var(--regioner-panel-menu-row-height);
  padding: 0 9px;
  border-radius: 7px;
  border: 0;
  background: transparent;
  color: #6b7280;
  text-decoration: none;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  transition: background .14s ease, color .14s ease;
}

.regioner-company-dashboard--panel .regioner-panel-nav__contentlink:hover{
  background: transparent;
  color: #6b7280;
}

.regioner-company-dashboard--panel .regioner-panel-nav__contentlink.is-active{
  background: transparent;
  color: #374151;
  font-weight: 650;
}

.regioner-company-dashboard--panel .regioner-panel-nav__sectionToggle:focus-visible,
.regioner-company-dashboard--panel .regioner-panel-nav__sublink:focus-visible,
.regioner-company-dashboard--panel .regioner-panel-nav__contentlink:focus-visible{
  outline: 2px solid #d1d5db;
  outline-offset: 1px;
}

.regioner-company-dashboard--panel .regioner-panel-shell__content{
  grid-column: 2;
  grid-row: 1;
  position: relative;
  z-index: 120;
  min-width: 0;
  overflow-x: hidden;
}

.regioner-company-dashboard--panel .regioner-panel-view{
  display: none;
}

.regioner-company-dashboard--panel .regioner-panel-view.is-active{
  display: grid;
  gap: 14px;
}

.regioner-company-dashboard--panel .regioner-panel-general-grid{
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.regioner-company-dashboard--panel .regioner-panel-row--half,
.regioner-company-dashboard--panel .regioner-panel-row--slogan-grid{
  grid-template-columns: minmax(0, 1fr);
}

.regioner-company-dashboard--panel .regioner-panel-row--help{
  align-items: start;
}

.regioner-company-dashboard--panel .regioner-panel-row--help > .regioner-panel-row__item{
  min-width: 0;
}

.regioner-company-dashboard--panel .regioner-panel-row--help > .regioner-panel-card--contact{
  order: 1;
  grid-column: 1 / -1;
}

.regioner-company-dashboard--panel .regioner-panel-row--help > .regioner-panel-card--knowledge{
  order: 2;
  grid-column: 1 / -1;
}

@media (min-width: 900px){
  .regioner-company-dashboard--panel .regioner-panel-row--help{
    grid-template-columns: minmax(0, 1fr);
  }
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"]{
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-panel-edit,
.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-wrapper,
.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-main,
.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-place,
.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-panel,
.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-section{
  min-width: 0;
  max-width: 100%;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-place{
  padding-bottom: 0 !important;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-wrapper{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-main{
  width: 100% !important;
  max-width: 100% !important;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-section{
  width: 100%;
  max-width: 100%;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-tabs{
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

/* W nowym układzie panelu prawa kolumna jest węższa, więc wymuszamy elastyczne siatki formularza. */
.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-row--2,
.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-row--3{
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-hours{
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-hours__controls{
  margin-bottom: 6px;
  gap: 6px;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-hours__controls .regioner-edit-btn{
  min-height: 30px;
  padding: 5px 11px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.45);
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  line-height: 1;
  box-shadow: none;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-hours__row{
  display: grid;
  grid-template-columns: 160px minmax(220px, 1fr) 126px;
  align-items: center;
  gap: 12px;
  min-width: 520px;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, 0.30);
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-hours__row > *{
  align-self: center;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-hours__day{
  display: flex;
  align-items: center;
  gap: 8px;
  justify-self: start;
  color: #1e293b;
  font-size: 13px;
  font-weight: 600;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-hours__badge{
  width: 24px;
  height: 20px;
  border-radius: 6px;
  background: #e2e8f0;
  color: #475569;
  font-size: 11px;
  font-weight: 700;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-hours__inputs{
  justify-self: center;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-hours__time-input{
  width: 90px;
  min-width: 90px;
  height: 36px;
  padding: 6px 9px;
  border: 1px solid rgba(148, 163, 184, 0.42);
  border-radius: 10px;
  background: #fff;
  font-size: 13px;
  color: #0f172a;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-hours__closed{
  width: 100%;
  justify-self: end;
  justify-content: flex-end;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #64748b;
  white-space: nowrap;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-hours__closed input[type="checkbox"]{
  appearance: none;
  -webkit-appearance: none;
  width: 34px;
  height: 20px;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background: #cbd5e1;
  position: relative;
  cursor: pointer;
  transition: background-color .2s ease;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-hours__closed input[type="checkbox"]::before{
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(15,23,42,.25);
  transition: transform .2s ease;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-hours__closed input[type="checkbox"]:checked{
  background: #34c759;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="edit-profile"] .regioner-edit-hours__closed input[type="checkbox"]:checked::before{
  transform: translateX(14px);
}

.regioner-company-dashboard--panel .regioner-panel-tile,
.regioner-company-dashboard--panel .regioner-panel-row__item.regioner-card{
  border: 1px solid rgba(15,23,42,0.07);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 26px rgba(15,23,42,0.06);
}

.regioner-company-dashboard--panel .regioner-panel-card__header{
  padding: 16px 18px 10px;
  border-bottom: 1px solid rgba(15,23,42,0.06);
}

.regioner-company-dashboard--panel .regioner-panel-card__body{
  padding: 16px 18px 18px;
}

.regioner-company-dashboard--panel .regioner-panel-tile__title,
.regioner-company-dashboard--panel .regioner-panel-card__title{
  font-size: 18px;
  line-height: 1.25;
}

.regioner-company-dashboard--panel .regioner-panel-card__subtitle{
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.5;
  color: #64748b;
}

.regioner-company-dashboard--panel .regioner-panel-section-bar{
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  background: #0284c7;
}

.regioner-company-dashboard--panel .regioner-panel-summary__row{
  padding: 10px 0;
  border-bottom: 1px solid rgba(15,23,42,0.06);
}

.regioner-company-dashboard--panel .regioner-panel-summary__row:last-child{
  border-bottom: 0;
}

@media (max-width: 899px){
  .regioner-company-dashboard--panel .regioner-panel-topbar{
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__head{
    width: 100%;
    gap: 8px;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__identity{
    grid-template-columns: 72px minmax(0, 1fr);
    column-gap: 10px;
    row-gap: 6px;
    grid-template-areas:
      "hello hello"
      "logo text";
    align-items: flex-start;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__identity-text{
    grid-area: text;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    align-self: start;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__helloRow{
    grid-area: hello;
    order: -1;
    width: 100%;
    margin: 0 0 2px;
    padding: 0 0 8px;
    gap: 8px;
    border-bottom: 1px solid rgba(15,23,42,0.08);
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__helloLink,
  .regioner-company-dashboard--panel .regioner-panel-topbar__helloLogout{
    font-size: 10px;
    line-height: 1.2;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__helloLogout{
    display: inline-flex;
    margin-left: auto;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__hello{
    display: none;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__company{
    margin-bottom: 0;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__intro{
    margin-top: 0;
    padding-top: 0;
    align-self: auto;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__head .regioner-btn--logout{
    display: none;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__logo{
    grid-area: logo;
    width: 72px;
    height: 72px;
    min-height: 72px;
    border-radius: 8px;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__btn{
    height: auto;
    min-height: 40px;
    white-space: normal;
    line-height: 1.25;
    text-align: center;
    padding: 9px 10px;
    font-size: 12px;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__meta{
    text-align: left;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__companyName{
    font-size: 18px;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__metaFoot{
    align-items: flex-start;
    gap: 6px;
    flex-direction: column;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__statusCard{
    padding: 12px;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__statusRow{
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .regioner-company-dashboard--panel #regioner-section-profile-status .regioner-panel-status__checks{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .regioner-company-dashboard--panel .regioner-panel-status__next{
    flex-direction: column;
    align-items: stretch;
  }

  .regioner-company-dashboard--panel .regioner-panel-status__nextBtn{
    width: 100%;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__statusText{
    text-align: left;
  }

  .regioner-company-dashboard--panel #regioner-section-profile-status .regioner-panel-topbar__statusRows{
    grid-template-columns: minmax(0, 1fr);
  }

  .regioner-company-dashboard--panel #regioner-section-profile-status .regioner-panel-topbar__statusRow{
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .regioner-company-dashboard--panel #regioner-section-profile-status .regioner-panel-topbar__statusText{
    text-align: right;
  }

  .regioner-company-dashboard--panel .regioner-panel-card__header{
    padding: 14px 14px 9px;
  }

  .regioner-company-dashboard--panel .regioner-panel-card__body{
    padding: 14px;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell{
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell__sidebar{
    grid-column: 1;
    grid-row: auto;
    position: static;
    max-height: none;
    overflow: visible;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell__sidebar-placeholder{
    grid-column: 1;
    grid-row: auto;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell__content{
    grid-column: 1;
    grid-row: auto;
  }

  .regioner-company-dashboard--panel .regioner-panel-nav{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.55fr) minmax(0, 1fr);
    gap: 4px;
    max-height: none;
    overflow: visible;
    padding: 8px;
  }

  .regioner-company-dashboard--panel .regioner-panel-nav__link{
    min-width: 0;
    min-height: 44px;
    padding: 6px 8px;
    justify-content: center;
    white-space: normal;
    text-align: center;
    word-break: break-word;
    font-size: 11.5px;
    line-height: 1.2;
  }

  .regioner-company-dashboard--panel .regioner-panel-nav__group{
    grid-column: 1 / -1;
  }

  .regioner-company-dashboard--panel .regioner-panel-nav__submenu{
    margin-left: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .regioner-company-dashboard--panel .regioner-panel-nav__subsubmenu{
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .regioner-company-dashboard--panel .regioner-panel-general-grid{
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 900px) and (max-width: 1280px){
  .regioner-company-dashboard--panel .regioner-panel-shell{
    grid-template-columns: 214px minmax(0, 1fr);
    gap: 12px;
  }
}

/* Mobile: ciaśniejszy gutter jak na homepage + bardziej kompaktowe "Moje wpisy" */
@media (max-width: 899px){
  .regioner-company-dashboard--panel{
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 14px;
    margin-bottom: 14px;
  }

  .regioner-company-dashboard--panel .regioner-panel-card--activity-list .regioner-panel-card__header,
  .regioner-company-dashboard--panel .regioner-panel-card--activity-list .regioner-panel-card__body{
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .regioner-company-dashboard--panel .regioner-panel-card--activity-list .regioner-panel-card__header{
    padding: 10px 8px 8px;
  }

  .regioner-company-dashboard--panel .regioner-panel-card--activity-list .regioner-panel-card__body{
    padding: 8px;
  }

  .regioner-company-dashboard--panel .regioner-feed--dashboard .regioner-feed__list{
    margin: 0;
    padding: 0;
    gap: 10px;
  }

  .regioner-company-dashboard--panel .regioner-feed--dashboard .regioner-feed__item{
    margin: 0;
  }

  .regioner-company-dashboard--panel .regioner-feed--dashboard .regioner-feed__share2-trigger{
    position: relative;
    gap: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .regioner-company-dashboard--panel .regioner-feed--dashboard .regioner-feed__share2-trigger > span{
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
}

/* ============================================================
   PANEL REDESIGN - APPLE LITE (visual only)
   ============================================================ */

.regioner-company-dashboard--panel{
  --rp-app-bg: #f3f5f7;
  --rp-app-surface: rgba(255,255,255,0.88);
  --rp-app-surface-solid: #ffffff;
  --rp-app-soft: #eef2f6;
  --rp-app-sep: rgba(15,23,42,0.12);
  --rp-app-sep-soft: rgba(15,23,42,0.08);
  --rp-app-text: #1f2937;
  --rp-app-muted: #64748b;
  --rp-app-accent: #0a84ff;
  --rp-app-accent-soft: #e7f1ff;
  --rp-app-green: #dff2e7;
  --rp-app-green-text: #1f6a3f;
  --rp-app-yellow: #fbf4e3;
  --rp-app-yellow-text: #6f5a2f;
  --rp-app-shadow: 0 8px 24px rgba(15,23,42,0.06);
  --rp-app-shadow-soft: 0 2px 10px rgba(15,23,42,0.05);
  font-family: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  color: var(--rp-app-text);
}

.regioner-company-dashboard--panel .regioner-link{
  color: #0f5b9d;
}

.regioner-company-dashboard--panel .regioner-panel-topbar{
  border: 0;
  border-bottom: 0;
  border-radius: 8px;
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__hello{
  color: var(--rp-app-muted);
  letter-spacing: 0.01em;
  text-transform: none;
  font-weight: 600;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__companyName{
  color: #111827;
  font-weight: 700;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__intro{
  color: var(--rp-app-muted);
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusCard{
  border: none;
  border-bottom: 1px solid var(--rp-app-sep-soft);
  border-radius: 8px;
  background: #f8fafd;
  box-shadow: none;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__badge{
  border: none;
  border-radius: 8px;
  background: #edf2f8;
  color: #334155;
  box-shadow: none;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__badge--premium{
  background: #fbf2de;
  color: #7b4f10;
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusRow{
  border-bottom-color: var(--rp-app-sep-soft);
}

.regioner-company-dashboard--panel .regioner-panel-topbar__statusRowLabel,
.regioner-company-dashboard--panel .regioner-panel-topbar__statusText{
  color: var(--rp-app-muted);
}

.regioner-company-dashboard--panel .regioner-panel-mobile-note{
  border: none;
  border-bottom: 1px solid var(--rp-app-sep-soft);
  border-radius: 8px;
  background: #f2f7fe;
  box-shadow: none;
}

.regioner-company-dashboard--panel .regioner-panel-mobile-note__title{
  color: #163b61;
}

.regioner-company-dashboard--panel .regioner-panel-mobile-note__close{
  color: #3f5d7d;
}

.regioner-company-dashboard--panel .regioner-panel-mobile-note__close:hover{
  background: rgba(59, 130, 246, 0.14);
}

.regioner-company-dashboard--panel .regioner-panel-shell__sidebar{
  background: #ffffff;
  border-bottom-color: var(--rp-app-sep-soft);
}

.regioner-company-dashboard--panel .regioner-panel-nav__link{
  color: #334155;
  font-weight: 600;
}

.regioner-company-dashboard--panel .regioner-panel-nav__link:hover{
  background: #edf3f9;
  color: #0f172a;
}

.regioner-company-dashboard--panel .regioner-panel-nav__link.is-active{
  background: #dbe9f8;
  color: #0b2540;
  box-shadow: inset 3px 0 0 #0284c7;
}

.regioner-company-dashboard--panel .regioner-panel-nav__link--edit{
  background: #eef6ff7d;
  color: #184b7a;
  font-weight: 700;
  border: none;
  box-shadow: none;
}

.regioner-company-dashboard--panel .regioner-panel-nav__link--edit:hover{
  background: #e7f2ff;
  color: #133f69;
}

.regioner-company-dashboard--panel .regioner-panel-nav__link--edit.is-active{
  background: #d8ebff;
  color: #0f3558;
  font-weight: 700;
  box-shadow: inset 3px 0 0 #0284c7;
}

.regioner-company-dashboard--panel .regioner-panel-nav__group.has-active-submenu > .regioner-panel-nav__link--edit.is-active{
  background: #eef6ff7d;
  color: #184b7a;
  box-shadow: none;
}

.regioner-company-dashboard--panel .regioner-panel-nav__link--accent{
  background: #dcefe359;
  color: #1e5a36;
  font-weight: 700;
  border: none;
  box-shadow: none;
}

.regioner-company-dashboard--panel .regioner-panel-nav__link--accent:hover{
  background: #d6ecdc;
  color: #174b2b;
}

.regioner-company-dashboard--panel .regioner-panel-nav__link--accent.is-active{
  background: #c8e6d2;
  color: #133d23;
  font-weight: 700;
  box-shadow: inset 3px 0 0 #16a34a;
}

.regioner-company-dashboard--panel .regioner-panel-nav__sublink,
.regioner-company-dashboard--panel .regioner-panel-nav__contentlink{
  color: #6b7280;
}

.regioner-company-dashboard--panel .regioner-panel-nav__sublink.is-active,
.regioner-company-dashboard--panel .regioner-panel-nav__contentlink.is-active{
  background: transparent;
  color: #111827;
  font-weight: 700;
  box-shadow: none;
}

.regioner-company-dashboard--panel .regioner-panel-nav__group.has-active-submenu .regioner-panel-nav__sublink:hover,
.regioner-company-dashboard--panel .regioner-panel-nav__group.has-active-submenu .regioner-panel-nav__contentlink:hover{
  background: transparent;
  color: #6b7280;
}

.regioner-company-dashboard--panel .regioner-panel-section-bar,
.regioner-company-dashboard--panel .regioner-panel-editbar{
  min-height: 44px;
  display: flex;
  align-items: center;
  border: none;
  border-radius: 8px;
  background: var(--rp-app-accent-soft);
  color: #123c62;
  box-shadow: none;
}

.regioner-company-dashboard--panel .regioner-panel-section-bar{
  font-weight: 700;
  letter-spacing: 0.01em;
}

.regioner-company-dashboard--panel .regioner-panel-section-bar--general-referral{
  grid-column: 1 / -1;
  margin-top: 2px;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__title{
  color: #123c62;
}

.regioner-company-dashboard--panel .regioner-panel-editbar{
  display: flex;
  align-items: center;
  gap: 10px;
}

.regioner-company-dashboard--panel .regioner-panel-editbar + .regioner-panel-editbar{
  margin-top: 8px;
}

.regioner-company-dashboard--panel .regioner-edit-panel .regioner-panel-editbar--section-actions{
  margin-top: 14px;
}

.regioner-company-dashboard--panel .regioner-edit-panel > .regioner-panel-editbar--section-actions:first-child{
  margin-top: 0;
  margin-bottom: 14px;
}

.regioner-company-dashboard--panel .regioner-panel-editbar--top{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.regioner-company-dashboard--panel #regioner-section-edit-profile.regioner-panel-editbar--top{
  min-height: 0;
  padding: 10px 12px;
  border: 0;
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
  box-shadow: none;
}

.regioner-company-dashboard--panel #regioner-section-edit-profile.regioner-panel-editbar--top.is-fixed-top{
  background: #e4e8edf2;
  border-radius: 0;
  box-shadow: 0 -4px 16px rgba(15, 23, 42, 0.10);
}

.regioner-company-dashboard--panel #regioner-section-edit-profile-status.regioner-panel-editbar--statusline{
  min-height: 0;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
  box-shadow: none;
}

.regioner-company-dashboard--panel #regioner-section-edit-profile-status .regioner-panel-editbar__statusCol{
  width: 100%;
  justify-content: center;
}

.regioner-company-dashboard--panel #regioner-section-edit-profile-status .regioner-panel-editbar__status{
  width: 100%;
  justify-content: center;
  text-align: center;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__topMain{
  display: grid;
  grid-template-columns: minmax(130px, max-content) minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.regioner-company-dashboard--panel .regioner-panel-editbar--actions,
.regioner-company-dashboard--panel .regioner-panel-editbar--section-actions{
  background: transparent;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__meta{
  display: grid;
  gap: 2px;
  min-width: 0;
  align-items: center;
  justify-items: start;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__headerline{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
  width: 100%;
}

.regioner-company-dashboard--panel #regioner-section-edit-profile .regioner-panel-editbar__title{
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #0f172a;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__status{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
  min-height: 20px;
  min-width: 0;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__statusCol{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  padding-top: 0;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__metaActions{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: auto;
  gap: 6px;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__note{
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  flex-wrap: wrap;
  min-width: 0;
  font-size: 11px;
  color: #475569;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__note strong{
  color: #0f172a;
  font-weight: 700;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__note small{
  color: #5f758d;
  font-size: 11px;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__note--quiet{
  color: #64748b;
  padding: 0;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__note--draft{
  flex: 0 1 auto;
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid #fee2e2;
  background: #fff5f5;
  color: #7f1d1d;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__note--draft strong{
  color: #7f1d1d;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__noteMeta{
  color: #64748b;
  font-size: 10px;
  white-space: nowrap;
}

.regioner-company-dashboard--panel .regioner-panel-editbar--top .regioner-panel-editbar__statusCol{
  justify-content: flex-end;
}

.regioner-company-dashboard--panel .regioner-panel-editbar--top .regioner-panel-editbar__status{
  justify-content: flex-end;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__actions--top{
  margin-top: 0;
  padding-top: 6px;
  border-top: 0;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__statusCol--actions .regioner-panel-editbar__actions--top{
  width: 100%;
  padding-top: 0;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__statusCol--below{
  justify-content: flex-end;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__statusCol--below .regioner-panel-editbar__status{
  justify-content: flex-end;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__actions--top .regioner-panel-editbar__row{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
  width: 100%;
}

.regioner-company-dashboard--panel .regioner-panel-editbar--actions .regioner-panel-editbar__actions{
  margin-left: 0;
  width: 100%;
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: flex-end;
}

.regioner-company-dashboard--panel .regioner-panel-editbar--actions .regioner-panel-editbar__row{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
  width: 100%;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__statusBtn{
  min-height: auto;
  padding: 0 2px;
  font-size: 11px;
  color: #334155;
  white-space: nowrap;
  flex: 0 0 auto;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__statusBtn:hover{
  background: transparent !important;
  color: #0f172a;
}

.regioner-company-dashboard--panel #regioner-section-edit-profile .regioner-panel-editbar__btn{
  min-height: 32px;
  height: 32px;
  padding: 0 12px;
  border-radius: 7px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff;
  color: #0f172a;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.regioner-company-dashboard--panel #regioner-section-edit-profile .regioner-panel-editbar__btn:hover{
  background: #f8fafc;
  color: #020617;
}

.regioner-company-dashboard--panel #regioner-section-edit-profile .regioner-panel-editbar__btn[value="save_draft"]{
  background: #f8fafc;
  color: #0f172a;
}

.regioner-company-dashboard--panel #regioner-section-edit-profile .regioner-panel-editbar__btn[value="publish"]{
  border-color: #0f172a !important;
  background: #0f172a !important;
  color: #ffffff !important;
}

.regioner-company-dashboard--panel #regioner-section-edit-profile .regioner-panel-editbar__btn[value="publish"]:hover{
  border-color: #020617 !important;
  background: #020617 !important;
  color: #ffffff !important;
}

.regioner-company-dashboard--panel #regioner-section-edit-profile .regioner-panel-editbar__btn[disabled]{
  opacity: .55;
  cursor: not-allowed;
}

/* "Zapisz wersję roboczą i przejdź dalej" green button — inside action bar */
.regioner-company-dashboard--panel #regioner-section-edit-profile .regioner-panel-editbar__btn.regioner-btn--next{
  border-color: #16a34a !important;
  background: #16a34a !important;
  color: #ffffff !important;
  margin-left: auto;
}
.regioner-company-dashboard--panel #regioner-section-edit-profile .regioner-panel-editbar__btn.regioner-btn--next:hover{
  border-color: #15803d !important;
  background: #15803d !important;
  color: #ffffff !important;
}

/* Standalone "next step" button row at panel bottom */
.regioner-edit-next-step{
  display: flex;
  justify-content: flex-end;
  padding: 20px 0 8px;
  margin-top: 12px;
}
.regioner-edit-place[data-active-tab="start"] .regioner-edit-next-step{
  display: none;
}
/* Ensure next-step buttons inside hidden panels stay hidden
   (defensive rule for DOM bleeding / browser re-parenting) */
.regioner-edit-panel:not(.is-active) .regioner-edit-next-step{
  display: none !important;
}
.regioner-company-dashboard--panel .regioner-btn.regioner-btn--next{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 18px;
  border: 1px solid var(--c-border, #e6ebf2) !important;
  border-radius: 8px !important;
  background: #fff;
  color: #94a3b8;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: background .15s, border-color .15s, color .15s;
}
.regioner-company-dashboard--panel .regioner-btn.regioner-btn--next:hover,
.regioner-company-dashboard--panel .regioner-btn.regioner-btn--next:focus{
  background: #f8fafc;
  border-color: #cbd5e1 !important;
  color: #64748b;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__btn--icon{
  width: 30px;
  min-width: 30px;
  height: 30px;
  padding: 0;
  justify-content: center;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__btnIcon{
  width: 16px;
  height: 16px;
  display: block;
}

.regioner-company-dashboard--panel .regioner-card,
.regioner-company-dashboard--panel .regioner-panel-card,
.regioner-company-dashboard--panel .regioner-account-section,
.regioner-company-dashboard--panel .regioner-account-card,
.regioner-company-dashboard--panel .regioner-activity-card,
.regioner-company-dashboard--panel .regioner-activity-preview,
.regioner-company-dashboard--panel .regioner-activity-preview-card{
  border: none !important;
  border-bottom: 1px solid var(--rp-app-sep-soft);
  border-radius: 8px;
  background: var(--rp-app-surface-solid);
  box-shadow: var(--rp-app-shadow-soft);
}

.regioner-company-dashboard--panel .regioner-panel-card__header,
.regioner-company-dashboard--panel .regioner-account-section__header{
  border-bottom-color: var(--rp-app-sep-soft);
}

.regioner-company-dashboard--panel .regioner-panel-card__title,
.regioner-company-dashboard--panel .regioner-panel-tile__title,
.regioner-company-dashboard--panel .regioner-account-section__title,
.regioner-company-dashboard--panel .regioner-account-card__title{
  color: #111827;
}

.regioner-company-dashboard--panel .regioner-panel-card__subtitle,
.regioner-company-dashboard--panel .regioner-account-section__desc,
.regioner-company-dashboard--panel .regioner-account-card__desc{
  color: var(--rp-app-muted);
}

.regioner-company-dashboard--panel .regioner-panel-summary__row{
  border-bottom-color: var(--rp-app-sep-soft);
}

.regioner-company-dashboard--panel .regioner-panel-summary__label{
  color: #607387;
}

.regioner-company-dashboard--panel .regioner-panel-summary__value{
  color: #1f2937;
}

.regioner-company-dashboard--panel .regioner-panel-summary__edit{
  color: #0f5b9d;
}

.regioner-company-dashboard--panel .regioner-activity-card__meta,
.regioner-company-dashboard--panel .regioner-activity-card__excerpt,
.regioner-company-dashboard--panel .regioner-activity-preview-card__meta{
  color: #66778a;
}

.regioner-company-dashboard--panel .regioner-btn{
  min-height: 34px;
  border: none !important;
  border-radius: 8px !important;
  background: #edf1f5;
  color: #2b3a4a;
  box-shadow: none;
  font-weight: 600;
}

.regioner-company-dashboard--panel .regioner-btn:hover{
  background: #e6ebf1;
  color: #17212d;
}

.regioner-company-dashboard--panel .regioner-btn--outline{
  background: #edf1f5;
  color: #2b3a4a;
}

.regioner-company-dashboard--panel .regioner-btn--primary{
  background: #16a34a !important;
  color: #ffffff !important;
}
.regioner-company-dashboard--panel .regioner-btn--primary:hover{
  background: #15803d !important;
}

.regioner-company-dashboard--panel .regioner-btn--logout{
  background: #eff2f5 !important;
  color: #46586d !important;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__btn{
  border: none !important;
}

.regioner-company-dashboard--panel .regioner-panel-editbar__btn[value="save_draft"]{
  background: var(--rp-app-yellow);
  color: var(--rp-app-yellow-text);
}

.regioner-company-dashboard--panel .regioner-panel-editbar__btn[value="publish"]{
  background: var(--rp-app-green) !important;
  color: var(--rp-app-green-text) !important;
}

/* Ogolne -> Status profilu */
.regioner-company-dashboard--panel #regioner-section-profile-status .regioner-panel-topbar__badge--premium{
  background: #0a84ff !important;
  color: #ffffff !important;
}

.regioner-company-dashboard--panel #regioner-section-profile-status .regioner-panel-status__check{
  min-height: 0;
  padding: 0;
  border: none;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

.regioner-company-dashboard--panel #regioner-section-profile-status .regioner-panel-status__check.is-ok{
  color: #15803d;
}

.regioner-company-dashboard--panel #regioner-section-profile-status .regioner-panel-status__check.is-ok .regioner-panel-status__checkIcon{
  color: #16a34a;
}

.regioner-company-dashboard--panel #regioner-section-profile-status .regioner-panel-status__check.is-missing{
  color: #64748b;
}

.regioner-company-dashboard--panel .regioner-account-form__row input,
.regioner-company-dashboard--panel .regioner-activity-form input[type="text"],
.regioner-company-dashboard--panel .regioner-activity-form input[type="url"],
.regioner-company-dashboard--panel .regioner-activity-form textarea,
.regioner-company-dashboard--panel .regioner-activity-form select{
  border: none;
  border-radius: 8px;
  background: #f4f7fa;
  box-shadow: inset 0 0 0 1px rgba(148,163,184,0.34);
}

.regioner-company-dashboard--panel .regioner-account-form__row input:focus,
.regioner-company-dashboard--panel .regioner-activity-form input[type="text"]:focus,
.regioner-company-dashboard--panel .regioner-activity-form input[type="url"]:focus,
.regioner-company-dashboard--panel .regioner-activity-form textarea:focus,
.regioner-company-dashboard--panel .regioner-activity-form select:focus{
  box-shadow: inset 0 0 0 1px rgba(10,132,255,0.48), 0 0 0 3px rgba(10,132,255,0.14);
  outline: none;
}

.regioner-company-dashboard--panel .regioner-alert{
  border: none;
  border-bottom: 1px solid var(--rp-app-sep-soft);
  border-radius: 8px;
  box-shadow: none;
}

@media (max-width: 899px){
  .regioner-company-dashboard--panel .regioner-panel-topbar{
    backdrop-filter: none;
    padding: 0 10px;
    margin-bottom: 0;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__head{
    gap: 8px;
  }

  .regioner-company-dashboard--panel .regioner-panel-topbar__head [data-regioner-panel-top-nav="1"]{
    display: none !important;
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar--top{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar--top .regioner-panel-editbar__topMain{
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar__headerline{
    width: 100%;
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar__meta{
    width: 100%;
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar__metaActions{
    width: 100%;
    justify-content: flex-start;
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar--actions .regioner-panel-editbar__actions{
    margin-left: 0;
    width: 100%;
    justify-content: flex-start;
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar--actions .regioner-panel-editbar__row{
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar__statusCol{
    padding-top: 0;
    justify-content: flex-start;
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar__statusCol--below{
    justify-content: flex-start;
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar__status{
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar__actions--top{
    margin-top: 0;
    padding-top: 4px;
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar__actions--top .regioner-panel-editbar__row{
    justify-content: flex-start;
  }

  .regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="slogan"] .regioner-panel-row__item--preview .regioner-panel-card__body{
    padding-left: 8px;
    padding-right: 8px;
  }

  .regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="slogan"] .regioner-dashboard-slogan-preview{
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
}

@media (max-width: 640px){
  .regioner-company-dashboard--panel .regioner-panel-editbar--actions .regioner-panel-editbar__btn,
  .regioner-company-dashboard--panel .regioner-panel-editbar__actions--top .regioner-panel-editbar__btn{
    width: 100%;
    justify-content: center;
  }
}

@media (min-width: 900px){
  .regioner-company-dashboard--panel .regioner-panel-editbar--top{
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar--top .regioner-panel-editbar__topMain{
    grid-template-columns: max-content minmax(260px, 1fr);
  }

  .regioner-company-dashboard--panel .regioner-panel-editbar__actions--top .regioner-panel-editbar__row{
    justify-content: flex-end;
  }
}

/* --------------------------------------------------------------------------
   Guest claim tile redesign (clean, professional)
   Scope: panel guest login/register (exclude 404/lost-password)
--------------------------------------------------------------------------- */
.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim{
  padding: clamp(18px, 2.1vw, 26px);
  border: 1px solid rgba(15,23,42,0.08);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,251,255,0.96) 100%);
  box-shadow:
    0 20px 46px rgba(15,23,42,0.08),
    0 8px 18px rgba(15,23,42,0.05);
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-guest-claim__layout{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-guest-claim__copy{
  min-width: 0;
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-guest-tile__head{
  margin: 0;
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-guest-tile__title{
  margin-bottom: 8px;
  font-size: clamp(22px, 2.2vw, 28px);
  letter-spacing: -0.02em;
  line-height: 1.14;
  color: #0f172a;
  text-align: left;
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-guest-tile__desc{
  margin: 0;
  max-width: none;
  font-size: 14px;
  line-height: 1.62;
  color: #475569;
  text-align: left;
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-guest-claim__controls{
  width: 100%;
  max-width: none;
  justify-self: stretch;
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-guest-claim__row{
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
  overflow: visible;
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-guest-claim__search{
  margin-top: 0;
  width: 100%;
}

/* Search field + suggestions aligned to main search style */
.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-header__search{
  width: 100%;
  display: block;
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-header__search-form-wrapper{
  width: 100%;
  max-width: none;
  border: 1px solid rgba(15,23,42,0.12);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15,23,42,0.10);
  padding: 0;
  overflow: visible;
  position: relative;
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-header__search-form{
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  gap: 0;
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-header__search-input{
  flex: 1 1 auto;
  min-width: 0;
  height: 48px;
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0 14px;
  font-size: 15px;
  font-weight: 500;
  color: #0f172a;
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-header__search-input::placeholder{
  color: #64748b;
  font-weight: 500;
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-header__search-submit{
  width: 48px;
  min-width: 48px;
  height: 48px;
  border: 0;
  border-left: 1px solid rgba(15,23,42,0.10);
  border-radius: 0 8px 8px 0;
  background: #eef2f6;
  color: #334155;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
  box-shadow: none;
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-header__search-submit .regioner-header__iconimg{
  width: 18px;
  height: 18px;
  max-width: 18px;
  display: block;
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-header__search-submit:hover,
.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-header__search-submit:focus,
.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-header__search-submit:active{
  background: #e2e8f0 !important;
  background-color: #e2e8f0 !important;
  border-color: rgba(15,23,42,0.10) !important;
  color: #0f172a !important;
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-header__search-autocomplete{
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  width: auto;
  max-width: none;
  transform: none;
  z-index: 99999;
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-guest-claim__actions{
  width: 100%;
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  justify-content: stretch;
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-guest-claim__actions .button{
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #0284c7;
  background: #0284c7;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(2,132,199,0.25);
}

.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-guest-claim__actions .button:hover,
.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-guest-claim__actions .button:focus,
.regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-guest-claim__actions .button:active{
  background: #0284c7 !important;
  background-color: #0284c7 !important;
  border-color: #0284c7 !important;
  color: #ffffff !important;
}

@media (max-width: 1180px){
  .regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-guest-claim__layout{
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-guest-claim__controls{
    max-width: none;
    justify-self: stretch;
  }
}

@media (max-width: 760px){
  .regioner-company-dashboard--guest:not(.regioner-company-dashboard--404):not(.regioner-company-dashboard--lostpass) .regioner-guest-tile--claim .regioner-guest-claim__actions{
    grid-template-columns: minmax(0, 1fr);
  }
}

/* --------------------------------------------------------------------------
   Lost password: stabilny układ zgodny z logowaniem/rejestracją
--------------------------------------------------------------------------- */
.regioner-company-dashboard--guest.regioner-company-dashboard--lostpass .regioner-dashboard-guest{
  width: min(1040px, 100%);
  margin: 0 auto;
}

.regioner-company-dashboard--guest.regioner-company-dashboard--lostpass .regioner-dashboard-guest__grid{
  margin: 0 auto;
  max-width: 1040px;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  grid-template-areas: "login media";
  align-items: stretch;
  gap: clamp(16px, 3vw, 28px);
}

.regioner-company-dashboard--guest.regioner-company-dashboard--lostpass .regioner-guest-tile--login{
  grid-area: login;
}

.regioner-company-dashboard--guest.regioner-company-dashboard--lostpass .regioner-guest-mediaWrap{
  grid-area: media;
  display: flex !important;
  min-height: 0;
  align-items: flex-end;
  justify-content: center;
}

.regioner-company-dashboard--guest.regioner-company-dashboard--lostpass .regioner-guest-media__img{
  max-width: 460px;
}

.regioner-company-dashboard--guest.regioner-company-dashboard--lostpass .regioner-dashboard-loginform__submit,
.regioner-company-dashboard--guest.regioner-company-dashboard--lostpass .regioner-guest-claim__actions--cta .button{
  background: #0284c7 !important;
  background-color: #0284c7 !important;
  border-color: #0284c7 !important;
  color: #ffffff !important;
}

.regioner-company-dashboard--guest.regioner-company-dashboard--lostpass .regioner-dashboard-loginform__submit:hover,
.regioner-company-dashboard--guest.regioner-company-dashboard--lostpass .regioner-dashboard-loginform__submit:focus,
.regioner-company-dashboard--guest.regioner-company-dashboard--lostpass .regioner-dashboard-loginform__submit:active,
.regioner-company-dashboard--guest.regioner-company-dashboard--lostpass .regioner-guest-claim__actions--cta .button:hover,
.regioner-company-dashboard--guest.regioner-company-dashboard--lostpass .regioner-guest-claim__actions--cta .button:focus,
.regioner-company-dashboard--guest.regioner-company-dashboard--lostpass .regioner-guest-claim__actions--cta .button:active{
  background: #0284c7 !important;
  background-color: #0284c7 !important;
  border-color: #0284c7 !important;
  color: #ffffff !important;
}

@media (max-width: 1100px){
  .regioner-company-dashboard--guest.regioner-company-dashboard--lostpass .regioner-dashboard-guest__grid{
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "login"
      "media";
  }
}

/* --------------------------------------------------------------------------
   Panel profilu: desktop banner samouczka (sekcja Ogolne)
--------------------------------------------------------------------------- */
.regioner-company-dashboard--panel .regioner-panel-tutorial-banner{
  position: relative;
  margin: 0 0 12px;
  padding: 12px;
  border: 1px solid #d7e8f7;
  border-radius: 10px;
  background: linear-gradient(135deg, #f4f9ff 0%, #eef6ff 100%);
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner[data-regioner-general-tutorial-banner="1"]{
  border-color: #e7eaee;
  background: #f5f6f7;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner[hidden]{
  display: none !important;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner__close{
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.8);
  color: #1f2937;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner__close:hover{
  background: #ffffff;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner__media{
  width: 178px;
  min-width: 178px;
  height: 112px;
  border-radius: 8px;
  overflow: hidden;
  background: #dbeafe;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner__content{
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 7px;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner__title{
  margin: 0;
  color: #0f3558;
  font-size: 19px;
  line-height: 1.25;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner__text{
  margin: 0;
  color: #334155;
  font-size: 14px;
  line-height: 1.55;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  width: fit-content;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 8px;
  background: #0284c7;
  color: #ffffff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner__cta:hover{
  background: #0369a1;
  color: #ffffff;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner[data-regioner-general-tutorial-banner="1"] .regioner-panel-tutorial-banner__cta{
  background: #374151;
  color: #ffffff;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner[data-regioner-general-tutorial-banner="1"] .regioner-panel-tutorial-banner__cta:hover{
  background: #1f2937;
  color: #ffffff;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner--referral .regioner-panel-tutorial-banner__cta{
  margin-left: auto;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner__share{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0 4px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0369a1;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: underline;
  cursor: pointer;
  vertical-align: baseline;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner__share:hover{
  color: #0f3558;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner__share.is-disabled{
  color: #64748b;
  text-decoration: none;
  cursor: default;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-banner__shareIcon{
  display: block;
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
}

@media (min-width: 900px){
  .regioner-company-dashboard--panel .regioner-panel-tutorial-banner{
    display: grid;
    grid-template-columns: 178px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
  }
}

@media (max-width: 899px){
  .regioner-company-dashboard--panel .regioner-panel-tutorial-banner{
    display: none !important;
  }
}

/* --------------------------------------------------------------------------
   Panel profilu: Samouczek
--------------------------------------------------------------------------- */
.regioner-company-dashboard--panel .regioner-panel-card--tutorial .regioner-panel-card__body{
  display: grid;
  gap: 12px;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-videos{
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #f8fafc;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-videos__head{
  display: grid;
  gap: 4px;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-videos__title{
  margin: 0;
  font-size: 18px;
  line-height: 1.25;
  color: #0f172a;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-videos__subtitle{
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: #475569;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-videos__list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-videos__item{
  margin: 0;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-videos__card{
  width: 100%;
  display: grid;
  gap: 8px;
  padding: 8px;
  border: 1px solid #dbe3ec;
  border-radius: 10px;
  background: #ffffff;
  color: #0f172a;
  text-align: left;
  cursor: pointer;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-videos__card:hover{
  border-color: #bfcedf;
  background: #f9fbff;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-videos__thumb{
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 8px;
  overflow: hidden;
  background: #dbeafe;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-videos__thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-videos__play{
  position: absolute;
  inset: 0;
  margin: auto;
  width: 46px;
  height: 46px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.8);
  color: #ffffff;
  font-size: 18px;
  line-height: 1;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-videos__name{
  display: block;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
}

.regioner-company-dashboard--panel .regioner-panel-video-lightbox[hidden],
.regioner-panel-video-lightbox[hidden]{
  display: none !important;
}

.regioner-company-dashboard--panel .regioner-panel-video-lightbox,
.regioner-panel-video-lightbox{
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

.regioner-company-dashboard--panel .regioner-panel-video-lightbox__backdrop,
.regioner-panel-video-lightbox__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.72);
}

.regioner-company-dashboard--panel .regioner-panel-video-lightbox__dialog,
.regioner-panel-video-lightbox__dialog{
  position: relative;
  width: min(980px, 100%);
  border-radius: 12px;
  border: 1px solid rgba(15, 23, 42, 0.22);
  background: #0b1220;
  box-shadow: 0 20px 48px rgba(2, 6, 23, 0.55);
  overflow: hidden;
}

.regioner-company-dashboard--panel .regioner-panel-video-lightbox__frame,
.regioner-panel-video-lightbox__frame{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #000000;
}

.regioner-company-dashboard--panel .regioner-panel-video-lightbox__frame iframe,
.regioner-panel-video-lightbox__frame iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.regioner-company-dashboard--panel .regioner-panel-video-lightbox__title,
.regioner-panel-video-lightbox__title{
  margin: 0;
  padding: 12px 14px 14px;
  color: #e2e8f0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}

.regioner-company-dashboard--panel .regioner-panel-video-lightbox__close,
.regioner-panel-video-lightbox__close{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(148, 163, 184, 0.45);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.7);
  color: #ffffff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  z-index: 3;
}

.regioner-company-dashboard--panel .regioner-panel-video-lightbox__close:hover,
.regioner-panel-video-lightbox__close:hover{
  background: rgba(15, 23, 42, 0.9);
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-empty{
  margin: 0;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #475569;
  font-size: 14px;
  line-height: 1.5;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-empty p{
  margin: 0;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-empty p + p{
  margin-top: 10px;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-list__item{
  margin: 0;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-card{
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
  padding: 10px;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-card__thumb{
  display: block;
  width: 100%;
  height: 110px;
  border-radius: 10px;
  overflow: hidden;
  background: #e2e8f0;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-card__thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-card__thumbFallback{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  color: #334155;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-card__content{
  min-width: 0;
  display: grid;
  gap: 8px;
  align-content: start;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-card__head{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-card__badges{
  order: 2;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-card__badge{
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 9px;
  border-radius: 999px;
  background: #e6f4fb;
  color: #0f4e72;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-card__title{
  order: 1;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-card__title a{
  color: #0f172a;
  text-decoration: none;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-card__title a:hover{
  color: #0369a1;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-card__excerpt{
  margin: 0;
  color: #475569;
  font-size: 14px;
  line-height: 1.55;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-card__cta{
  justify-self: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 8px;
  border: none;
  background: #0284c7;
  color: #ffffff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-card__cta:hover{
  background: #0369a1;
  color: #ffffff;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-full{
  display: grid;
  gap: 12px;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-full__head{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-full__back{
  display: inline-flex;
  align-items: center;
  width: fit-content;
  color: #0369a1;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-full__cover{
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  background: #e2e8f0;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-full__cover img{
  width: 100%;
  height: auto;
  display: block;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-full__badges{
  order: 2;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-full__title{
  order: 1;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  color: #0f172a;
  font-size: 26px;
  line-height: 1.25;
  text-align: left;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-full__content{
  color: #1f2937;
  font-size: 15px;
  line-height: 1.75;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-full__content .regioner-panel-tutorial-content__imglink{
  display: inline-block;
  max-width: 100%;
  line-height: 0;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-full__content .regioner-panel-tutorial-content__img{
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: contain;
  border-radius: 8px;
  cursor: zoom-in;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-full__content figure{
  max-width: 100%;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-full__content figure img{
  margin-left: 0;
  margin-right: 0;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-full__content > *:first-child{
  margin-top: 0;
}

.regioner-company-dashboard--panel .regioner-panel-tutorial-full__content > *:last-child{
  margin-bottom: 0;
}

@media (max-width: 899px){
  .regioner-company-dashboard--panel .regioner-panel-tutorial-videos__list{
    grid-template-columns: minmax(0, 1fr);
  }

  .regioner-company-dashboard--panel .regioner-panel-tutorial-card{
    grid-template-columns: minmax(0, 1fr);
  }

  .regioner-company-dashboard--panel .regioner-panel-tutorial-card__thumb{
    height: 168px;
  }

  .regioner-company-dashboard--panel .regioner-panel-tutorial-full__title{
    font-size: 24px;
  }
}

/* ==========================================================================
   Panel nav split: top horizontal primary nav + contextual left nav
   ========================================================================== */

.regioner-company-dashboard--panel .regioner-panel-primary-nav{
  margin: 0 0 14px;
  padding: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 0;
  border-radius: 12px;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(15, 23, 42, 0.22) transparent;
}

.regioner-company-dashboard--panel .regioner-panel-primary-nav::-webkit-scrollbar{
  height: 6px;
}

.regioner-company-dashboard--panel .regioner-panel-primary-nav::-webkit-scrollbar-thumb{
  background: rgba(15, 23, 42, 0.2);
  border-radius: 999px;
}

.regioner-company-dashboard--panel .regioner-panel-primary-nav__link{
  position: relative;
  min-height: 38px;
  padding: 8px 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  border-radius: 9px;
  flex: 1 1 0;
  min-width: 0;
  border: 1px solid #f7f7f7;
  background: transparent;
  color: #1f2937;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
  transition: background .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.regioner-company-dashboard--panel .regioner-panel-primary-nav__link:hover{
  background: rgba(15, 23, 42, 0.055);
  border-color: #f7f7f7;
  color: #0f172a;
}

.regioner-company-dashboard--panel .regioner-panel-primary-nav__link:focus-visible{
  outline: none;
  border-color: rgba(37, 99, 235, 0.44);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16);
}

.regioner-company-dashboard--panel .regioner-panel-primary-nav__link.is-active{
  background: #f3f4f6;
  border-color: #e5e7eb;
  color: #0f172a;
  font-weight: 700;
  box-shadow: none;
}

.regioner-company-dashboard--panel .regioner-panel-primary-nav__link--accent{
  color: #0f172a;
}

.regioner-company-dashboard--panel .regioner-panel-primary-nav__link--accent:hover{
  background: rgba(15, 23, 42, 0.055);
  border-color: #f7f7f7;
  color: #0f172a;
}

.regioner-company-dashboard--panel .regioner-panel-primary-nav__link--accent.is-active{
  background: #f3f4f6;
  border-color: #e5e7eb;
  color: #0f172a;
  font-weight: 700;
}

@media (min-width: 900px){
  .regioner-company-dashboard--panel .regioner-panel-primary-nav{
    overflow: visible;
  }
}

@media (max-width: 899px){
  .regioner-company-dashboard--panel .regioner-panel-primary-nav{
    gap: 4px;
    padding: 4px;
    overflow: hidden;
    flex-wrap: nowrap;
    align-items: stretch;
  }

  .regioner-company-dashboard--panel .regioner-panel-primary-nav__link{
    min-height: 34px;
    flex: 1 1 0;
    min-width: 0;
    padding: 5px 4px;
    font-size: 10px;
    line-height: 1.15;
  }
}

.regioner-company-dashboard--panel .regioner-panel-shell{
  margin-top: 0;
  grid-template-columns: minmax(0, 1fr);
}

.regioner-company-dashboard--panel .regioner-panel-shell__content{
  grid-column: 1;
  grid-row: 1;
}

.regioner-company-dashboard--panel .regioner-panel-shell__sidebar{
  display: block;
  grid-column: 1;
  grid-row: 1;
}

.regioner-company-dashboard--panel .regioner-panel-shell__sidebar[hidden]{
  display: none !important;
}

.regioner-company-dashboard--panel .regioner-panel-shell__sidebar-placeholder{
  display: none !important;
}

.regioner-company-dashboard--panel .regioner-panel-shell .regioner-panel-nav{
  padding: 0;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="slogan"] .regioner-dashboard-slogan-preview{
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* Slogan preview: disable card entrance animation */
.regioner-directory__list--preview .regioner-directory-card{
  animation: none !important;
}

/* Slogan preview: ensure card fits within preview container */
.regioner-directory__list--preview .regioner-directory-card__inner{
  overflow: hidden;
}

.regioner-directory__list--preview .regioner-directory-card__content{
  max-width: 100%;
  min-width: 0;
}

.regioner-directory__list--preview .regioner-directory-card__main{
  max-width: 100%;
  min-width: 0;
}

.regioner-directory__list--preview .regioner-directory-card__body{
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="updates"] #regioner-section-activity-list .regioner-panel-card__body{
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="general"] .regioner-panel-card--summary .regioner-panel-summary__row{
  grid-template-columns: minmax(0, 1fr) auto;
}

.regioner-company-dashboard--panel .regioner-panel-view[data-regioner-panel-view="slogan"] .regioner-dashboard-slogan-form label[for="tagline"]{
  margin-top: 16px;
  margin-bottom: 10px;
  color: #111827;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.01em;
  text-transform: none;
}

/* ==========================================================================
   Unified header surface: topbar + primary nav (subtle professional gradient)
   ========================================================================== */

.regioner-company-dashboard--panel{
  --rp-panel-header-bg: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(247, 250, 255, 0.93) 52%,
    rgba(241, 247, 255, 0.91) 100%
  );
  --rp-panel-header-border: rgba(15, 23, 42, 0.09);
  --rp-panel-header-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.regioner-company-dashboard--panel .regioner-panel-topbar{
  margin-bottom: 0;
  border: 0;
  border-radius: 12px 12px 0 0;
  background: #ffffff;
  background-image: none;
  box-shadow: var(--rp-panel-header-shadow);
}

.regioner-company-dashboard--panel .regioner-panel-primary-nav{
  border: 0;
  border-radius: 2px;
  margin-top: -8px;
  position: relative;
  z-index: 3;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

@media (min-width: 900px){
  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"]{
    grid-template-columns: 248px minmax(0, 1fr);
    gap: 16px;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar{
    display: block;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__content{
    grid-column: 2;
  }
}

@media (min-width: 900px) and (max-width: 1280px){
  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"]{
    grid-template-columns: 214px minmax(0, 1fr);
    gap: 12px;
  }
}

/* ==========================================================================
   Support Hub: Centrum pomocy (tickets + thread in panel)
   ========================================================================== */

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-panel-card__body{
  display: grid;
  gap: 16px;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-hub__notice{
  margin: 0;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-hub{
  border: 1px solid #e8edf4;
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-hub__grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-hub__tickets,
.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-hub__thread{
  min-width: 0;
  padding: 14px;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-hub__tickets{
  border-bottom: 1px solid #eef2f7;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-hub__title{
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #111827;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-hub__empty{
  margin: 0;
  font-size: 14px;
  color: #64748b;
  line-height: 1.5;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-ticket-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-ticket-list__item{
  margin: 0;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-ticket-list__link{
  display: grid;
  gap: 6px;
  padding: 11px 12px;
  border-radius: 8px;
  border: 1px solid #edf2f8;
  background: #ffffff;
  text-decoration: none;
  color: #0f172a;
  transition: border-color .14s ease, background .14s ease, box-shadow .14s ease;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-ticket-list__link:hover{
  border-color: #d7e2ef;
  background: #fafcff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-ticket-list__link.is-active{
  border-color: #c8ddff;
  background: #f7fbff;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-ticket-list__subject{
  font-size: 14px;
  line-height: 1.35;
  font-weight: 700;
  color: #111827;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-ticket-list__meta{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 12px;
  color: #64748b;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-ticket-list__badge{
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  background: #e8f2ff;
  color: #1d4ed8;
  font-size: 11px;
  font-weight: 700;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-ticket-list__date{
  font-size: 12px;
  color: #94a3b8;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-thread__header{
  margin-bottom: 12px;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-thread__meta{
  margin: 6px 0 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 12px;
  color: #64748b;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-thread{
  border: 1px solid #edf2f8;
  border-radius: 8px;
  background: #f8fafc;
  padding: 12px;
  max-height: 420px;
  overflow: auto;
  display: grid;
  gap: 10px;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-thread__message{
  width: min(100%, 760px);
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-thread__message.is-user{
  margin-left: auto;
  background: #f7fbff;
  border-color: #d8e7ff;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-thread__message.is-admin{
  margin-right: auto;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-thread__messageHead{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  font-size: 12px;
  color: #64748b;
  margin-bottom: 6px;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-thread__messageHead strong{
  color: #0f172a;
  font-size: 12px;
  font-weight: 800;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-thread__messageBody{
  color: #1f2937;
  font-size: 14px;
  line-height: 1.55;
  word-break: break-word;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-reply-form{
  margin-top: 12px;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-reply-form .regioner-field{
  margin-bottom: 0;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-compose{
  border: 1px solid #e8edf4;
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
}

.regioner-support-compose .regioner-activity-form__grid--2 {
  grid-template-columns: minmax(200px, 1.4fr) 1fr;
}

.regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-compose .regioner-support-hub__title{
  margin-bottom: 12px;
}

@media (min-width: 980px){
  .regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-hub__grid{
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  }

  .regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-hub__tickets{
    border-right: 1px solid #eef2f7;
    border-bottom: 0;
    max-height: 620px;
    overflow: auto;
  }

  .regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-hub__thread{
    max-height: 620px;
    overflow: auto;
  }
}

@media (max-width: 640px){
  .regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-ticket-list__link{
    padding: 10px 11px;
  }

  .regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-thread{
    max-height: 360px;
    padding: 10px;
  }

  .regioner-company-dashboard--panel #regioner-section-contact-admin .regioner-support-thread__message{
    width: 100%;
    padding: 9px 10px;
  }
}

/* ==========================================================================
   Edit Sidebar Redesign (visual only, no behavior changes)
   ========================================================================== */

@media (min-width: 900px){
  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar{
    width: 100%;
    padding: 8px;
    border: 0;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav{
    --regioner-panel-menu-row-height: 38px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0;
    background: transparent;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__submenu{
    margin: 0;
    gap: 6px;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__submenu--edit-sections{
    gap: 14px;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__section{
    gap: 6px;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__section--content{
    margin-top: 2px;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__sectionToggle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: var(--regioner-panel-menu-row-height);
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: #111827;
    font-size: 12.5px;
    font-weight: 650;
    text-decoration: none;
    transition: background .16s ease, color .16s ease;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__sectionToggle:hover{
    background: #f6f7f8;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__sectionToggle.is-active,
  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__sectionToggle[aria-expanded="true"]{
    background: #f3f4f6;
    color: #111827;
    font-weight: 700;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__sectionToggle::after,
  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__sublink--has-children::after{
    content: '+';
    flex: 0 0 auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #6b7280;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__sectionToggle[aria-expanded="true"]::after,
  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__sublink--has-children[aria-expanded="true"]::after{
    content: '−';
    color: #374151;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__groupSubmenu{
    margin: 2px 0 0 14px;
    padding: 0 0 0 12px;
    border-left: 1px solid #e5e7eb;
    gap: 5px;
    background: transparent;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__subsubmenu{
    margin: 2px 0 0 12px;
    padding: 0 0 0 12px;
    border-left: 1px solid #f0f1f3;
    gap: 4px;
    background: transparent;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__sublink{
    min-height: 35px;
    padding: 0 10px;
    border-radius: 8px;
    border: 0;
    background: transparent;
    color: #4b5563;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: background .14s ease, color .14s ease;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__sublink:hover{
    background: #f8f9fa;
    color: #111827;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__sublink.is-active{
    background: #f3f4f6;
    color: #111827;
    font-weight: 700;
    box-shadow: none;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__contentlink{
    min-height: 32px;
    padding: 0 9px;
    border-radius: 7px;
    border: 0;
    background: transparent;
    color: #6b7280;
    font-size: 11.5px;
    font-weight: 600;
    text-decoration: none;
    transition: background .14s ease, color .14s ease;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__contentlink:hover{
    background: #f8f9fa;
    color: #374151;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__contentlink.is-active{
    background: #f3f4f6;
    color: #111827;
    font-weight: 700;
    box-shadow: none;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__submenu[hidden],
  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__groupSubmenu[hidden],
  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__subsubmenu[hidden]{
    display: none !important;
  }

  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__sectionToggle:focus-visible,
  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__sublink:focus-visible,
  .regioner-company-dashboard--panel .regioner-panel-shell[data-regioner-panel-active="edit-profile"] .regioner-panel-shell__sidebar .regioner-panel-nav__contentlink:focus-visible{
    outline: 2px solid #d1d5db;
    outline-offset: 1px;
  }
}

/* ==========================================================================
   Activity Preview: match feed card layout
   ========================================================================== */

/* Re-enable elements hidden by .regioner-feed--dashboard */
.regioner-feed--preview .regioner-feed__top-actions{
  display: flex !important;
}
.regioner-feed--preview .regioner-feed__badge-type{
  display: inline-flex !important;
}

/* Card: no fixed height in preview */
.regioner-feed--preview .regioner-feed__card.is-company{
  height: auto !important;
}

/* Narrower thumbnail column to fit panel width */
.regioner-feed--preview .regioner-feed__item--has-thumb .regioner-feed__middle-row{
  grid-template-columns: 180px minmax(0, 1fr) !important;
}

/* Reactions and share: visual only, disabled */
.regioner-feed--preview .regioner-feed__btn--reaction,
.regioner-feed--preview .regioner-feed__share2-trigger{
  pointer-events: none;
  opacity: 0.55;
}

/* Ensure share label is visible in preview */
.regioner-feed--preview .regioner-feed__share2-trigger > span{
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
}

/* Mobile: single column */
@media (max-width: 599px){
  .regioner-feed--preview .regioner-feed__item--has-thumb .regioner-feed__middle-row{
    grid-template-columns: 1fr !important;
  }
}

/* ═══ COMPOSE LAYOUT ═══ */
.regioner-compose{
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 0;
  align-items: stretch;
  background: var(--c-surface, #fff);
  border: 1px solid var(--c-border, #e6ebf2);
  border-radius: var(--radius-md, 14px);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}

/* ── Editor column ── */
.regioner-compose__editor{
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 20px 22px;
}
.regioner-compose__editor > .regioner-field,
.regioner-compose__editor > .regioner-compose__add-article,
.regioner-compose__editor > .regioner-compose__media,
.regioner-compose__editor > .regioner-compose__advanced,
.regioner-compose__editor > .regioner-compose__actions,
.regioner-compose__editor > .regioner-compose__row--top{
  margin-bottom: 16px;
}
.regioner-compose__editor > .regioner-compose__actions{
  margin-bottom: 0;
}

/* Field overrides inside compose */
.regioner-compose .regioner-field{
  margin-bottom: 0;
}
.regioner-compose .regioner-field > label{
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--c-text-secondary, #64748b);
  margin-bottom: 6px;
}
.regioner-compose .regioner-field input[type="text"],
.regioner-compose .regioner-field input[type="url"],
.regioner-compose .regioner-field select,
.regioner-compose .regioner-field textarea{
  display: block;
  width: 100%;
  background: var(--c-surface-2, #f8fafc);
  border: none;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgba(148,163,184,0.34);
  padding: 10px 12px;
  font-size: 14px;
  color: var(--c-text-primary, #0f172a);
  transition: box-shadow .15s;
  box-sizing: border-box;
}
.regioner-compose .regioner-field input:focus,
.regioner-compose .regioner-field select:focus,
.regioner-compose .regioner-field textarea:focus{
  box-shadow: inset 0 0 0 1px rgba(10,132,255,0.48), var(--ring);
  outline: none;
}
.regioner-compose .regioner-field textarea{
  min-height: 60px;
  resize: vertical;
}
.regioner-compose .regioner-field select{
  min-height: 40px;
  cursor: pointer;
}

/* Top row: type + title side by side */
.regioner-compose__row--top{
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 14px;
  align-items: end;
}

/* ── Sidebar (right column: media) ── */
.regioner-compose__sidebar{
  border-left: 1px solid var(--c-border, #e6ebf2);
  padding: 20px 18px;
  background: var(--c-surface-2, #f8fafc);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* ── Upload zone ── */
.regioner-compose__upload-zone{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 32px 16px;
  border: 2px dashed rgba(148,163,184,0.4);
  border-radius: 12px;
  background: rgba(255,255,255,0.6);
  cursor: pointer;
  transition: border-color .2s, background .2s;
  text-align: center;
}
.regioner-compose__upload-zone:hover,
.regioner-compose__upload-zone.is-dragover{
  border-color: var(--c-link, #2563eb);
  background: rgba(37,99,235,0.04);
}
.regioner-compose__upload-icon{
  color: var(--c-text-secondary, #94a3b8);
  transition: color .2s;
}
.regioner-compose__upload-zone:hover .regioner-compose__upload-icon{
  color: var(--c-link, #2563eb);
}
.regioner-compose__upload-text{
  font-size: 13px;
  font-weight: 700;
  color: var(--c-text-primary, #0f172a);
}
.regioner-compose__upload-hint{
  font-size: 11px;
  color: var(--c-text-secondary, #94a3b8);
}
.regioner-compose__upload-input{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

/* ── Images grid ── */
.regioner-compose__images-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.regioner-compose__images-grid:empty{
  display: none;
}
.regioner-compose__image-item{
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1;
  background: var(--c-surface-2, #f1f5f9);
}
.regioner-compose__image-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.regioner-compose__image-item.is-uploading{
  opacity: 0.5;
}
.regioner-compose__image-item.is-uploading::after{
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}
.regioner-compose__image-remove{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: none;
  border-radius: 8px 8px 0 0;
  background: rgba(255,255,255,0.92);
  color: var(--c-danger, #dc2626);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 5px 0;
  opacity: 0;
  transition: opacity .15s;
}
.regioner-compose__image-item:hover .regioner-compose__image-remove{
  opacity: 1;
}
.regioner-compose__image-remove:hover{
  background: rgba(220,38,38,0.1);
  color: #b91c1c;
}
.regioner-compose__images-count{
  font-size: 11px;
  color: var(--c-text-secondary, #94a3b8);
  margin-top: 2px;
}

/* ── Preview (below form card) ── */
.regioner-compose__preview{
  background: var(--c-bg-app, #f6f8fb);
  border: 1px solid var(--c-border, #e6ebf2);
  border-radius: var(--radius-md, 14px);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  margin-top: 16px;
}
.regioner-compose__preview-header{
  padding: 10px 18px;
  border-bottom: 1px solid var(--c-border, #e6ebf2);
  background: var(--c-surface-2, #f8fafc);
}
.regioner-compose__preview-close{
  display: none;
  border: none;
  background: none;
  font-size: 20px;
  color: var(--c-text-secondary, #64748b);
  cursor: pointer;
  padding: 4px 8px;
  line-height: 1;
}
.regioner-compose__preview-label{
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--c-text-secondary, #64748b);
}
.regioner-compose__preview .regioner-feed__badge-type{
  margin-right: 10px;
}
.regioner-compose__preview-body{
  padding: 16px;
  max-width: 860px;
  margin: 0 auto;
  background: var(--c-bg-app, #f6f8fb);
}
.regioner-compose__preview-body .regioner-feed--preview{
  margin: 0;
}
.regioner-compose__preview-empty{
  text-align: center;
  color: var(--c-text-secondary, #94a3b8);
  font-size: 13px;
  padding: 48px 20px;
  line-height: 1.5;
}

/* ── Banner (edit mode) ── */
.regioner-compose__banner{
  padding: 10px 14px;
  border-radius: 8px;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  color: #0c5ba3;
  font-size: 13px;
  margin-bottom: 12px;
}

/* ── Add article toggle ── */
.regioner-compose__add-article{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: 1px dashed var(--c-border, #cbd5e1);
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  color: var(--c-link, #2563eb);
  cursor: pointer;
  transition: background .15s, border-color .15s;
  width: 100%;
  justify-content: center;
}
.regioner-compose__add-article:hover{
  background: #eff6ff;
  border-color: #93c5fd;
}

/* ── Media section ── */
.regioner-compose__media{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.regioner-compose__editor .regioner-compose__media{
  padding: 14px 16px;
  border: 1px solid var(--c-border, #e6ebf2);
  border-radius: var(--radius-sm, 10px);
  background: var(--c-surface-2, #f8fafc);
}
.regioner-compose__media > label{
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--c-text-secondary, #64748b);
}
.regioner-compose__media-options{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 4px;
  padding-top: 8px;
  border-top: 1px solid var(--c-border, #e6ebf2);
}
.regioner-compose__media-opt{
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1 1 120px;
}
.regioner-compose__media-opt label{
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--c-text-secondary, #64748b);
}
.regioner-compose__media-opt select{
  font-size: 13px;
  padding: 6px 8px;
  border: none;
  border-radius: 6px;
  background: var(--c-surface, #fff);
  box-shadow: inset 0 0 0 1px rgba(148,163,184,0.34);
  cursor: pointer;
}

/* ── Advanced options (collapsible) ── */
.regioner-compose__advanced{
  border: 1px solid var(--c-border, #e6ebf2);
  border-radius: var(--radius-sm, 10px);
  overflow: hidden;
}
.regioner-compose__advanced summary{
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--c-text-secondary, #64748b);
  cursor: pointer;
  background: var(--c-surface-2, #f8fafc);
  list-style: none;
  text-transform: uppercase;
  user-select: none;
}
.regioner-compose__advanced summary::-webkit-details-marker{ display: none; }
.regioner-compose__advanced summary::before{
  content: "▸ ";
  font-size: 10px;
}
.regioner-compose__advanced[open] summary::before{
  content: "▾ ";
}
.regioner-compose__advanced[open] summary{
  border-bottom: 1px solid var(--c-border, #e6ebf2);
}
.regioner-compose__advanced-body{
  padding: 14px 16px;
}
.regioner-compose__advanced-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

/* ── Bottom bar (actions + advanced) ── */
.regioner-compose__bottom{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items: start;
  margin-top: 14px;
}

/* ── Actions bar ── */
.regioner-compose__actions{
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
}
.regioner-compose__actions .regioner-btn--primary{
  width: 50%;
  justify-content: center;
  background: #0ea5e9;
  border-color: #0ea5e9;
}
.regioner-compose__actions .regioner-btn--primary:hover{
  background: #0284c7;
  border-color: #0284c7;
}
.regioner-compose__preview-mobile-btn{
  display: none !important;
}

/* ── Label hint ── */
.regioner-field__label-hint{
  font-weight: 400;
  font-size: 10px;
  color: var(--c-text-secondary, #94a3b8);
  text-transform: none;
  letter-spacing: 0;
}

/* ── Char limit ── */
.regioner-compose .regioner-edit-charlimit{
  display: block;
  text-align: right;
  font-size: 11px;
  color: var(--c-text-secondary, #94a3b8);
  margin-top: 3px;
}
.regioner-compose .regioner-edit-charlimit.is-warn{
  color: #d97706;
}
.regioner-compose .regioner-edit-charlimit.is-over{
  color: var(--c-danger, #dc2626);
  font-weight: 700;
}

/* ── RTE inside compose ── */
.regioner-compose .rte-wrap{
  border: none;
  border-radius: 8px;
  overflow: hidden;
  background: var(--c-surface-2, #f8fafc);
  box-shadow: inset 0 0 0 1px rgba(148,163,184,0.34);
}
.regioner-compose .rte-wrap:focus-within{
  box-shadow: inset 0 0 0 1px rgba(10,132,255,0.48), var(--ring);
}
.regioner-compose .rte-toolbar{
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  padding: 5px 8px;
  background: rgba(248,250,252,0.6);
  border-bottom: 1px solid rgba(148,163,184,0.18);
}
.regioner-compose .rte-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 5px;
  background: transparent;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  color: var(--c-text-secondary, #64748b);
  transition: background .1s, color .1s;
  padding: 0;
}
.regioner-compose .rte-btn:hover{
  background: rgba(148,163,184,0.16);
  color: var(--c-text-primary, #0f172a);
}
.regioner-compose .rte-btn.is-active{
  background: rgba(37,99,235,0.12);
  color: var(--c-link, #2563eb);
}
.regioner-compose .rte-sep{
  width: 1px;
  height: 18px;
  background: rgba(148,163,184,0.22);
  margin: 5px 3px;
}
.regioner-compose .rte-editor{
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--c-text-primary, #0f172a);
  outline: none;
  min-height: 72px;
}
.regioner-compose .rte-editor:empty::before{
  content: attr(data-placeholder);
  color: rgba(148,163,184,0.6);
  pointer-events: none;
}

/* ── Responsive ── */
@media (max-width: 899px){
  .regioner-compose{
    grid-template-columns: 1fr;
  }
  .regioner-compose__sidebar{
    border-left: none;
    border-top: 1px solid var(--c-border, #e6ebf2);
  }
  .regioner-compose__row--top{
    grid-template-columns: 1fr;
  }
  .regioner-compose__editor{
    padding: 16px;
  }
  .regioner-compose__bottom{
    grid-template-columns: 1fr;
  }
  .regioner-compose__actions .regioner-btn--primary{
    width: 100%;
  }
}
@media (max-width: 599px){
  .regioner-compose__preview{
    display: none;
  }
  .regioner-compose__preview.is-mobile-open{
    display: block !important;
  }
  .regioner-compose__preview-mobile-btn{
    display: inline-flex !important;
  }
}

/* ── Required field indicator & validation ── */
.regioner-field__required{
  color: #dc2626;
  font-weight: 600;
}
.regioner-field__error{
  display: block;
  font-size: 13px;
  color: #dc2626;
  margin-top: 4px;
}
.regioner-field__input--error,
input.regioner-field__input--error{
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 2px rgba(220,38,38,.15) !important;
}
.regioner-btn--muted{
  opacity: .45;
  cursor: default;
}
/* (old RTE block removed — styles are now in COMPOSE LAYOUT section above) */

/* ═══ Panel: Quick Navigation Tiles ═══ */
.regioner-panel-quicknav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin: 0 0 24px;
}

.regioner-panel-quicknav__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
    padding: 18px 12px 14px;
    background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    text-decoration: none;
    color: #0f172a;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

.regioner-panel-quicknav__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #0284c7, #38bdf8);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.regioner-panel-quicknav__item:hover {
    border-color: #bae6fd;
    box-shadow: 0 4px 16px rgba(2, 132, 199, 0.1);
    transform: translateY(-2px);
    text-decoration: none;
    color: #0f172a;
}

.regioner-panel-quicknav__item:hover::before {
    opacity: 1;
}

.regioner-panel-quicknav__icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    line-height: 1;
    background: #f0f9ff;
    border-radius: 10px;
    flex-shrink: 0;
}

.regioner-panel-quicknav__item:hover .regioner-panel-quicknav__icon {
    background: #e0f2fe;
}

.regioner-panel-quicknav__label {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.01em;
}

.regioner-panel-quicknav__desc {
    font-size: 10px;
    color: #94a3b8;
    line-height: 1.35;
    max-width: 140px;
}

@media (max-width: 1024px) {
    .regioner-panel-quicknav {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .regioner-panel-quicknav {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .regioner-panel-quicknav__item {
        padding: 14px 10px 12px;
    }
    .regioner-panel-quicknav__icon {
        width: 34px;
        height: 34px;
        font-size: 18px;
        border-radius: 8px;
    }
    .regioner-panel-quicknav__desc {
        display: none;
    }
}

@media (max-width: 480px) {
    .regioner-panel-quicknav {
        grid-template-columns: repeat(2, 1fr);
    }
}