/* Lavender Lotus Studio 8.8.7 — desktop luxury dashboard */
@media (min-width: 1101px) {
  :root {
    --sidebar: 226px;
    --lux-ink: #21191d;
    --lux-plum: #4a2f3f;
    --lux-paper: #f7f3ee;
    --lux-line: rgba(88, 61, 73, .12);
    --lux-shadow: 0 18px 55px rgba(48, 31, 40, .08);
  }

  body {
    background:
      radial-gradient(circle at 86% 4%, rgba(208, 194, 207, .20), transparent 25%),
      linear-gradient(180deg, #f9f6f1 0%, #f5f0ea 100%);
  }

  .app-shell {
    grid-template-columns: 226px minmax(0, 1fr) !important;
    width: 100%;
  }

  .sidebar {
    width: 226px;
    padding: 22px 13px 18px;
    border-right: 1px solid var(--lux-line);
    background: rgba(249, 246, 241, .97);
    box-shadow: 12px 0 38px rgba(55, 37, 46, .025);
  }

  .brand-block {
    min-height: 70px;
    padding: 0 10px 18px;
  }

  .sidebar-logo {
    width: 154px;
  }

  .nav-item {
    min-height: 42px;
    padding: 0 11px;
    gap: 10px;
    border-radius: 12px;
    font-size: .75rem;
  }

  .nav-section-label {
    margin: 18px 11px 7px;
    font-size: .54rem;
    letter-spacing: .16em;
  }

  .main-shell {
    width: 100%;
    min-width: 0;
  }

  .topbar {
    min-height: 82px;
    width: 100%;
    padding: 15px clamp(28px, 2.8vw, 52px);
    border-bottom: 1px solid var(--lux-line);
    background: rgba(248, 245, 240, .88);
  }

  .topbar h1 {
    font-size: clamp(1.75rem, 2.1vw, 2.55rem);
    line-height: 1;
  }

  .search-button {
    min-width: 220px;
    height: 44px;
    border-radius: 14px;
    background: rgba(255, 253, 250, .74);
  }

  .content {
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: 28px clamp(28px, 2.8vw, 52px) 76px !important;
  }

  .studio-hero {
    width: 100%;
    min-height: clamp(390px, 39vw, 500px);
    grid-template-columns: minmax(430px, .88fr) minmax(570px, 1.32fr);
    border-radius: 28px;
    border-color: rgba(255,255,255,.15);
    background: linear-gradient(140deg, #241a20 0%, #442d39 48%, #624657 100%);
    box-shadow: 0 30px 75px rgba(47, 30, 40, .18);
  }

  .studio-hero-copy {
    padding: clamp(42px, 4.5vw, 76px);
  }

  .studio-hero-copy h2 {
    max-width: 650px;
    margin: 12px 0 16px;
    font-size: clamp(3.35rem, 4.25vw, 5.75rem);
    line-height: .92;
    letter-spacing: -.065em;
  }

  .studio-hero-copy > p {
    max-width: 610px;
    font-size: .94rem;
    line-height: 1.7;
  }

  .hero-actions {
    gap: 9px;
    margin-top: 22px;
  }

  .hero-actions .button {
    min-height: 45px;
    padding-inline: 17px;
  }

  .hero-quiet-stats {
    max-width: 690px;
    margin-top: 28px;
  }

  .studio-hero-gallery {
    min-height: 390px;
    gap: 8px;
    padding: 8px;
  }

  .studio-hero-gallery figure {
    border-radius: 18px;
  }

  .dashboard-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 18px 0 22px;
  }

  .dashboard-metrics .metric-card {
    min-height: 118px;
    padding: 18px 19px;
    border-radius: 18px;
    border-color: var(--lux-line);
    box-shadow: var(--lux-shadow);
  }

  .metric-icon {
    width: 34px;
    height: 34px;
  }

  .metric-label {
    margin-top: 12px;
  }

  .metric-value {
    font-size: clamp(1.35rem, 1.55vw, 1.85rem);
  }

  .dashboard-layout {
    grid-template-columns: minmax(0, 1.62fr) minmax(320px, .72fr);
    gap: 18px;
    align-items: start;
  }

  .stack {
    gap: 18px;
  }

  .panel {
    border-radius: 20px;
    border-color: var(--lux-line);
    box-shadow: var(--lux-shadow);
  }

  .panel-head {
    padding: 19px 20px 14px;
  }

  .panel-head h3 {
    font-size: 1.05rem;
  }

  .wedding-feature {
    grid-template-columns: 54px minmax(0, 1fr) auto auto;
    padding: 14px 20px;
  }

  .portfolio-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 0 18px 18px;
  }

  .portfolio-strip figure {
    min-height: clamp(185px, 15vw, 250px);
  }
}

@media (min-width: 1500px) {
  .content {
    padding-left: 44px !important;
    padding-right: 44px !important;
  }
  .studio-hero {
    grid-template-columns: minmax(470px, .82fr) minmax(720px, 1.38fr);
  }
  .dashboard-layout {
    grid-template-columns: minmax(0, 1.72fr) minmax(350px, .68fr);
  }
}