/* RoCarvio · panou de control profesional pentru desktop și iPad · 02.08.2026 */

@media (min-width: 761px) {
  .account-main {
    width: min(94%, 1440px);
    max-width: 1440px;
    margin-top: 42px;
  }

  .account-heading {
    position: relative;
    min-height: 420px;
    padding: var(--rc-space-10);
    grid-template-columns: minmax(420px,.98fr) minmax(320px,1.12fr) minmax(200px,.5fr) !important;
    align-items: stretch;
    gap: var(--rc-space-10);
    overflow: hidden;
    border-radius: 24px;
    background:#0b0b0b;
    box-shadow: 0 24px 60px rgba(0,0,0,.2);
  }

  .account-heading > * {
    position: relative;
    z-index: 1;
    min-width: 0;
  }

  .account-heading .profile-in-hero,
  .dealer-account-mode .account-heading .dealer-profile-in-hero {
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: var(--rc-space-10) !important;
    align-self: stretch;
    align-content: center;
    align-items: center;
    justify-content: stretch;
    display: grid;
    grid-template-columns: 96px minmax(0,1fr);
    grid-template-rows: auto auto auto 1fr;
    gap: var(--rc-space-1) 17px;
    border: 1px solid rgba(212,175,55,.28) !important;
    border-radius: 18px;
    background: linear-gradient(145deg,rgba(25,29,32,.9),rgba(10,12,14,.88)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.035),0 18px 42px rgba(0,0,0,.22) !important;
    text-align: left;
  }

  .account-heading .profile-in-hero .account-avatar,
  .dealer-account-mode .account-heading .dealer-profile-in-hero .account-avatar {
    grid-column: 1;
    grid-row: 1 / span 3;
    width: 96px;
    height: 96px;
    min-width: 96px;
    min-height: 96px;
    margin: 0;
    padding: 7px;
    border-width: 1px;
    border-radius: 19px;
  }

  .account-heading .profile-in-hero h2,
  .dealer-account-mode .account-heading .dealer-profile-in-hero h2 {
    grid-column: 2;
    width: 100%;
    max-width: none;
    margin: 0;
    font-size: clamp(21px,1.7vw,27px);
    line-height: var(--rc-leading-tight);
    text-align: left;
    overflow-wrap: anywhere;
  }

  .account-heading .profile-in-hero > p,
  .dealer-account-mode .account-heading .dealer-profile-in-hero > p {
    grid-column: 2;
    width: 100%;
    max-width: none;
    margin: 1px 0 0;
    color: #a3abb0;
    font-size: var(--rc-text-sm);
    line-height: 1.45;
    text-align: left;
    overflow-wrap: anywhere;
  }

  .account-heading .profile-in-hero > span,
  .dealer-account-mode .account-heading .dealer-profile-in-hero > span {
    grid-column: 2;
    width: fit-content;
    max-width: 100%;
    margin: 5px 0 0;
    padding: var(--rc-space-2) 11px;
    justify-self: start;
    border-radius: 999px;
    background: rgba(212,175,55,.08);
    font-size: var(--rc-text-2xs);
    line-height: 1.35;
    text-align: left;
    overflow-wrap: anywhere;
  }

  .account-heading .profile-in-hero .account-photo-actions,
  .dealer-account-mode .account-heading .dealer-profile-in-hero .account-photo-actions {
    grid-column: 1 / -1;
    width: 100%;
    max-width: none;
    margin: var(--rc-space-9) 0 0;
    padding-top: 17px;
    border-top: 1px solid rgba(255,255,255,.08);
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--rc-space-3);
  }

  .account-heading .profile-in-hero .account-photo-actions::before,
  .dealer-account-mode .account-heading .dealer-profile-in-hero .account-photo-actions::before {
    content: "PROFIL ȘI IDENTITATE";
    grid-column: 1 / -1;
    margin-bottom: 2px;
    color: #8d979d;
    font-size: var(--rc-text-2xs);
    font-weight: 800;
    letter-spacing: .13em;
  }

  .account-heading .account-photo-actions > label,
  .account-heading .account-photo-actions > button {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    padding: 9px var(--rc-space-4);
    border-color: #3a4248;
    border-radius: 9px;
    background: #171c20;
    color: #e5e8ea;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9.5px;
    line-height: var(--rc-leading-snug);
    text-align: center;
  }

  .account-heading .account-photo-actions > label:hover,
  .account-heading .account-photo-actions > button:hover {
    border-color: #d4af37;
    color: #e4c75f;
  }

  .account-heading .account-photo-actions .dealer-branding-shortcut,
  .account-heading .account-photo-actions .account-settings-button {
    margin-top: 0;
    border-color: rgba(212,175,55,.72);
    background: rgba(212,175,55,.1);
    color: #ead16e;
  }

  .account-heading .account-photo-actions #openAdminPanel {
    border-color: #d4af37;
    background: #d4af37;
    color: #111;
  }

  .account-heading .account-photo-requirements {
    grid-column: 1 / -1;
    margin: 2px 0 0;
    padding: 7px 3px 0;
    color: #788187;
    font-size: 8.5px;
    line-height: var(--rc-leading-relaxed);
  }

  .account-heading-image {
    width: 100%;
    min-height: 0;
    padding: var(--rc-space-5);
    align-self: center;
  }

  .account-heading-image img {
    width: min(100%,680px);
    height: auto;
    max-height: none;
    object-fit: contain;
  }

  .account-heading-actions {
    width: 100%;
    min-width: 0;
    padding: var(--rc-space-8);
    align-self: center;
    align-content: center;
    display: grid;
    gap: 9px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 16px;
    background: rgba(18,21,23,.82);
    box-shadow: inset 0 1px rgba(255,255,255,.03);
  }

  .account-heading-actions::before {
    content: "ACȚIUNI RAPIDE";
    margin-bottom: 3px;
    color: #8d979d;
    font-size: var(--rc-text-2xs);
    font-weight: 800;
    letter-spacing: .13em;
  }

  .account-heading-actions button:not([hidden]) {
    width: 100%;
    min-height: 50px;
    padding: 11px 13px;
    border-radius: 10px;
    font-size: var(--rc-text-xs);
    line-height: var(--rc-leading-snug);
  }

  .account-heading-actions #logoutButton {
    border-color: #3c4449;
    background: #14191c;
    color: #dce1e4;
  }

  .account-heading-actions #logoutButton:hover {
    border-color: #d4af37;
    color: #e8cd68;
  }

  .account-control-nav {
    margin-top: var(--rc-space-7);
    padding: 7px;
    justify-content: center;
  }

  .account-control-nav a {
    min-width: 118px;
    min-height: 44px;
  }

  .account-layout {
    margin-top: var(--rc-space-8);
  }

  .account-dashboard {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: var(--rc-space-5);
  }

  .account-dashboard a {
    min-height: 138px;
    padding: 22px;
  }

  .dealer-account-panel,
  .account-listings,
  .account-site-feedback {
    box-shadow: 0 20px 55px rgba(0,0,0,.12);
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  .account-heading,
  .normal-account-mode .account-heading,
  .dealer-account-mode .account-heading {
    min-height: 0;
    grid-template-columns: minmax(390px,1.05fr) minmax(270px,.95fr) !important;
    gap: var(--rc-space-9);
  }

  .account-heading-image {
    min-height: 300px;
  }

  .account-heading-actions {
    grid-column: 1 / -1 !important;
    padding: 13px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: center;
  }

  .account-heading-actions::before {
    grid-column: 1 / -1;
  }

  .dealer-leads-board {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    overflow: visible !important;
  }
}

@media (min-width: 761px) and (max-width: 900px) {
  .account-main {
    width: calc(100% - 28px);
    margin-top: 26px;
  }

  .account-heading,
  .normal-account-mode .account-heading,
  .dealer-account-mode .account-heading {
    min-height: 0;
    padding: var(--rc-space-8);
    grid-template-columns: minmax(370px,1.12fr) minmax(220px,.88fr) !important;
    gap: var(--rc-space-7);
    border-radius: 20px;
  }

  .account-heading .profile-in-hero,
  .dealer-account-mode .account-heading .dealer-profile-in-hero {
    padding: var(--rc-space-8) !important;
    grid-template-columns: 82px minmax(0,1fr);
    gap: var(--rc-space-1) 13px;
  }

  .account-heading .profile-in-hero .account-avatar,
  .dealer-account-mode .account-heading .dealer-profile-in-hero .account-avatar {
    width: 82px;
    height: 82px;
    min-width: 82px;
    min-height: 82px;
  }

  .account-heading .profile-in-hero .account-photo-actions,
  .dealer-account-mode .account-heading .dealer-profile-in-hero .account-photo-actions {
    margin-top: var(--rc-space-7);
    padding-top: var(--rc-space-6);
    gap: 7px;
  }

  .account-heading .account-photo-actions > label,
  .account-heading .account-photo-actions > button {
    min-height: 42px;
    padding-inline: 7px;
    font-size: var(--rc-text-2xs);
  }

  .account-heading-image {
    min-height: 275px;
    padding: var(--rc-space-1);
  }

  .account-heading-actions {
    grid-column: 1 / -1 !important;
    padding: var(--rc-space-5);
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .account-heading-actions::before {
    grid-column: 1 / -1;
  }

  .account-control-nav {
    justify-content: flex-start;
    overflow-x: auto;
  }

  .account-dashboard {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .dealer-account-panel {
    padding: 22px;
  }

  .dealer-leads-board {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    overflow: visible !important;
  }
}