/* RoCarvio · panou de control optimizat pentru toate ecranele */
.account-control-nav {
  position: sticky;
  top: 96px;
  z-index: 120;
  margin: var(--rc-space-6) 0 0;
  padding: var(--rc-space-3);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  scrollbar-color: #d4af37 #151515;
  border: 1px solid rgba(212,175,55,.28);
  border-radius: 13px;
  background: rgba(12,14,16,.94);
  box-shadow: 0 10px 30px rgba(0,0,0,.2);
  backdrop-filter: blur(12px);
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 7px;
}
.account-control-nav::-webkit-scrollbar { display: none; }
.account-control-nav a {
  min-height: 42px;
  padding: 0 15px;
  flex: 0 0 auto;
  border: 1px solid #353c42;
  border-radius: 9px;
  background: #171c20;
  color: #e3e7e9;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--rc-text-body-sm);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.account-control-nav a:hover,
.account-control-nav a:focus-visible {
  border-color: #d4af37;
  color: #e4c759;
}
.account-control-nav .dealer-control-link { display: none; }
.dealer-account-mode .account-control-nav .dealer-control-link { display: inline-flex; }
#rezumat-cont,
#anunturile-mele,
#dealerAccountPanel,
#dealerLeadPipeline,
#dealerBranding { scroll-margin-top: 165px; }

@media (max-width: 1180px) {
  .dealer-usage-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dealer-account-plans { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dealer-account-plans .dealer-plans-explainer,
  .dealer-account-plans .dealer-plan-terms { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .account-main {
    width: calc(100% - 16px) !important;
    margin-top: var(--rc-space-8) !important;
    margin-bottom: 55px !important;
  }
  .account-heading {
    gap: var(--rc-space-6) !important;
  }
  .account-heading-image {
    display: flex !important;
    min-height: 150px;
  }
  .account-heading-actions button {
    width: 100% !important;
    min-height: 50px;
    padding: var(--rc-space-4) !important;
  }
  .account-heading-actions #logoutButton { grid-column: 1 / -1; }
  .profile-in-hero .account-avatar,
  .dealer-account-mode .dealer-profile-in-hero .account-avatar {
    width: 68px !important;
    height: 68px !important;
    flex-basis: 68px !important;
  }
  .profile-in-hero h2,
  .profile-in-hero > p,
  .profile-in-hero > span,
  .dealer-account-mode .dealer-profile-in-hero h2,
  .dealer-account-mode .dealer-profile-in-hero > p,
  .dealer-account-mode .dealer-profile-in-hero > span {
    grid-column: 2;
    width: auto;
    max-width: 100%;
    margin: 0 !important;
    text-align: left;
  }
  .profile-in-hero > span,
  .dealer-account-mode .dealer-profile-in-hero > span { justify-self: start; }
  .profile-in-hero .account-photo-actions > *,
  .dealer-account-mode .dealer-profile-in-hero .account-photo-actions > * {
    min-height: 46px;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .profile-in-hero .account-photo-feedback { grid-column: 1 / -1; }

  .account-control-nav {
    top: 78px;
    margin-top: 9px;
  }
  .account-control-nav a {
    min-height: 44px;
  }
  #rezumat-cont,
  #anunturile-mele,
  #dealerAccountPanel,
  #dealerLeadPipeline,
  #dealerBranding { scroll-margin-top: 145px; }
  .account-dashboard {
    padding: 11px !important;
    gap: var(--rc-space-3) !important;
    border-radius: 15px !important;
  }
  .account-dashboard a {
    min-height: 104px !important;
    padding: var(--rc-space-7) !important;
    border-radius: 11px !important;
  }
  .account-dashboard strong { font-size: 17px !important; }
  .account-dashboard span { margin-top: 3px !important; }

  .account-listings,
  .account-site-feedback,
  .dealer-account-panel {
    margin-top: var(--rc-space-8) !important;
    padding: var(--rc-space-7) var(--rc-space-5) !important;
    border-radius: 15px !important;
  }
  .account-listings-heading { margin-bottom: 15px !important; gap: var(--rc-space-5) !important; }
  .account-listings-heading a,
  .account-listings-heading button { min-height: 48px; }
  .account-listings-tabs { margin-top: -2px; display: grid; grid-template-columns: 1fr 1fr; gap: var(--rc-space-4); }
  .account-listings-tabs button { width: 100%; min-width: 0; padding: 0 var(--rc-space-4); justify-content: center; text-align: center; }
  .account-listings-grid article { border-radius: 12px !important; }
  .account-listings-grid article > div { padding: 15px var(--rc-space-5) !important; }
  .account-listings-grid article > div > div {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: stretch !important;
    gap: var(--rc-space-3) !important;
  }
  .account-listings-grid article > div > div .listing-status {
    grid-column: 1 / -1;
    margin: 0 !important;
    text-align: center;
  }
  .account-listings-grid article > div > div :where(a,button) {
    width: 100%;
    min-height: 44px;
    padding: var(--rc-space-3) !important;
    border: 1px solid #3b4247;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .dealer-account-heading { gap: var(--rc-space-6) !important; }
  .dealer-current-plan { width: 100%; }
  .dealer-usage-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: var(--rc-space-3) !important;
  }
  .dealer-usage-grid > div {
    min-height: 96px !important;
    padding: 13px 11px !important;
  }
  .dealer-account-plans { grid-template-columns: 1fr !important; }
  .dealer-promotion-center,
  .dealer-leads,
  .dealer-branding,
  .dealer-company-settings {
    padding: 15px var(--rc-space-5) !important;
    border-radius: 13px !important;
  }
  .dealer-promotion-actions button,
  .dealer-leads-summary button,
  .dealer-branding-actions > *,
  .dealer-company-heading > button {
    min-height: 48px;
  }
  .dealer-leads-summary {
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--rc-space-3) !important;
  }
  .dealer-leads-summary button { width: 100%; }
  .dealer-lead-form-grid { grid-template-columns: 1fr !important; }
  .dealer-lead-form-grid label.wide { grid-column: auto !important; }
  .dealer-lead-form-grid > button { width: 100%; min-height: 50px; }
  .dealer-leads-board {
    grid-template-columns: 1fr !important;
    overflow: visible !important;
  }
  .lead-column { min-height: 0 !important; }
  .dealer-branding-actions > * { flex: 1 1 130px; }
  .dealer-profile-preview-note { padding: var(--rc-space-6) !important; }
  .account-site-feedback form > button { min-height: 50px; }
}

@media (max-width: 380px) {
  .account-heading-actions,
  .profile-in-hero .account-photo-actions,
  .dealer-account-mode .dealer-profile-in-hero .account-photo-actions,
  .account-listings-grid article > div > div,
  .dealer-leads-summary { grid-template-columns: 1fr !important; }
  .account-heading-actions #logoutButton,
  .account-listings-grid article > div > div .listing-status { grid-column: auto; }
  .dealer-usage-grid { grid-template-columns: 1fr !important; }
}

/* 01.08.2026 · cont Business aerisit pe telefon */
@media(max-width:760px){
  .dealer-account-panel{overflow:hidden}
  .dealer-account-heading{
    align-items:stretch !important;
    flex-direction:column !important;
  }
  .dealer-account-heading h2{font-size:clamp(23px,7vw,29px)!important;line-height:var(--rc-leading-tight)}
  .dealer-current-plan{padding:var(--rc-space-6) !important;border-radius:11px !important}
  .dealer-current-plan button{width:100%;min-height:46px}
  .dealer-account-plans article{padding:var(--rc-space-8) 15px !important}
  .dealer-company-heading{align-items:stretch !important;flex-direction:column !important}
  .dealer-company-settings form{grid-template-columns:1fr !important}
  .dealer-company-settings form .wide{grid-column:auto !important}
}
@media(max-width:520px){
  .account-heading-actions,
  .profile-in-hero .account-photo-actions,
  .dealer-account-mode .dealer-profile-in-hero .account-photo-actions,
  .dealer-usage-grid{
    grid-template-columns:1fr!important;
  }
  .account-heading-actions #logoutButton{grid-column:auto}
  .dealer-usage-grid > div{min-height:86px !important}
  .dealer-promotion-actions{grid-template-columns:1fr !important}
  .dealer-promotion-actions > div{grid-column:auto !important}
  .dealer-branding,.dealer-company-settings,.dealer-promotion-center{padding:13px 11px !important}
}

@media (max-width: 700px){
  .dealer-stats-toolbar{align-items:stretch;flex-direction:column}
  .dealer-stats-toolbar label{min-width:0;width:100%}
}

@media(max-width:760px){
  .dealer-dashboard-tabs{grid-template-columns:1fr 1fr}
  .dealer-dashboard-tabs button{min-height:40px;font-size:9px}
  .dealer-overview-intro{align-items:stretch;flex-direction:column}
  .dealer-overview-actions{justify-content:flex-start}
  .dealer-overview-actions a{flex:1 1 calc(50% - 8px);justify-content:center}
  .dealer-identity-heading{align-items:stretch;flex-direction:column}
  .dealer-identity-heading > a{align-self:flex-start}
}
@media(max-width:480px){
  .dealer-dashboard-tabs{grid-template-columns:1fr}
  .dealer-overview-actions{display:grid;grid-template-columns:1fr}
  .dealer-overview-actions a{width:100%}
}