/* Zlotia — espace de travail moderne : profondeur discrète, lecture plus rapide. */
.software-layout.authenticated .main-content {
  background:
    radial-gradient(circle at 86% 4%, rgba(215,170,67,.15), transparent 24rem),
    radial-gradient(circle at 24% 28%, rgba(221,231,255,.48), transparent 30rem),
    #f8f7f3;
}

.software-layout.authenticated .page-content {
  position:relative;
  padding-bottom:56px;
}

.software-layout.authenticated .app-view.active {
  animation:workspaceArrival .34s cubic-bezier(.2,.8,.2,1);
}

@keyframes workspaceArrival {
  from { opacity:0; transform:translateY(10px) scale(.992); }
  to { opacity:1; transform:translateY(0) scale(1); }
}

.software-layout.authenticated .app-view:not(#dashboardView) .view-heading-row {
  position:relative;
  align-items:center;
  min-height:92px;
  margin:0 0 24px;
  padding:20px 22px;
  overflow:hidden;
  border:1px solid rgba(220,194,125,.58);
  border-radius:22px;
  background:linear-gradient(115deg, rgba(255,255,255,.96), rgba(255,251,240,.88));
  box-shadow:0 14px 36px rgba(91,66,17,.08);
}

.software-layout.authenticated .app-view:not(#dashboardView) .view-heading-row::after {
  position:absolute;
  top:-78px;
  right:-30px;
  width:205px;
  height:205px;
  border:28px solid rgba(211,164,58,.12);
  border-radius:50%;
  content:"";
  pointer-events:none;
}

.software-layout.authenticated .app-view:not(#dashboardView) .view-heading-row > * { position:relative; z-index:1; }
.software-layout.authenticated .app-view:not(#dashboardView) .view-heading-row h2 { margin:3px 0 6px; font-size:clamp(1.38rem,2vw,1.8rem); letter-spacing:-.04em; }
.software-layout.authenticated .app-view:not(#dashboardView) .view-heading-row .eyebrow { margin:0; color:#a87919; font-size:.68rem; font-weight:900; letter-spacing:.15em; }

.software-layout.authenticated .app-view:not(#dashboardView) .content-card {
  position:relative;
  overflow:hidden;
  border:1px solid rgba(225,207,166,.82);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,253,247,.92));
  box-shadow:0 14px 30px rgba(91,66,17,.07), inset 0 1px rgba(255,255,255,.95);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.software-layout.authenticated .app-view:not(#dashboardView) .content-card:hover {
  transform:translateY(-2px);
  border-color:#d8b96f;
  box-shadow:0 19px 38px rgba(91,66,17,.11), inset 0 1px rgba(255,255,255,.95);
}

.software-layout.authenticated .app-view:not(#dashboardView) .content-card::before {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:3px;
  content:"";
  background:linear-gradient(90deg,#bc8d29,rgba(215,170,67,.14),transparent 70%);
}

.software-layout.authenticated .app-view:not(#dashboardView) .form-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:17px 18px;
}

.software-layout.authenticated .app-view:not(#dashboardView) .form-grid label {
  gap:8px;
  color:#5d4a23;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.015em;
}

.software-layout.authenticated .app-view:not(#dashboardView) .form-grid input:not([type="checkbox"]):not([type="radio"]),
.software-layout.authenticated .app-view:not(#dashboardView) .form-grid select,
.software-layout.authenticated .app-view:not(#dashboardView) .form-grid textarea {
  min-height:46px;
  padding:12px 13px;
  border-color:#e4d1a2;
  border-radius:12px;
  background:rgba(255,255,255,.82);
  box-shadow:inset 0 1px 2px rgba(89,64,16,.035);
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.software-layout.authenticated .app-view:not(#dashboardView) .form-grid textarea { min-height:104px; }
.software-layout.authenticated .app-view:not(#dashboardView) .form-grid input:focus,
.software-layout.authenticated .app-view:not(#dashboardView) .form-grid select:focus,
.software-layout.authenticated .app-view:not(#dashboardView) .form-grid textarea:focus {
  border-color:#c4932c;
  background:#fff;
  box-shadow:0 0 0 4px rgba(196,147,44,.13),0 10px 22px rgba(111,81,20,.06);
}

.software-layout.authenticated .app-view:not(#dashboardView) .form-grid .button.primary {
  min-height:48px;
  border-radius:13px;
  background:linear-gradient(120deg,#dfb64d,#aa7710 72%);
  box-shadow:0 12px 22px rgba(143,104,23,.2);
}

.software-layout.authenticated .app-view:not(#dashboardView) .form-grid .button.primary:hover { box-shadow:0 16px 28px rgba(143,104,23,.28); }

.software-layout.authenticated .app-view:not(#dashboardView) .pilotage-empty,
.software-layout.authenticated .app-view:not(#dashboardView) .content-card .muted {
  padding:9px 0;
  color:#806e47;
}

.software-layout.authenticated .app-view:not(#dashboardView) .content-card-header {
  align-items:flex-start;
  margin-bottom:14px;
}

.software-layout.authenticated .app-view:not(#dashboardView) .content-card-header h3 {
  color:#392c14;
  font-size:1rem;
}

.software-layout.authenticated .app-view:not(#dashboardView) .content-card-header p { color:#8a7750; font-size:.8rem; line-height:1.5; }

@media (max-width:780px) {
  .software-layout.authenticated .app-view:not(#dashboardView) .view-heading-row { min-height:auto; padding:18px; border-radius:18px; }
  .software-layout.authenticated .app-view:not(#dashboardView) .form-grid { grid-template-columns:1fr; gap:14px; }
  .software-layout.authenticated .app-view:not(#dashboardView) .content-card:hover { transform:none; }
}

/* Zlotia Live — partage client privé, blanc et or. */
.klyro-live-modal-content{max-width:640px}.klyro-live-client-preview{margin:18px 0;padding:13px 15px;color:#72551a;background:#fff4d6;border:1px solid #ead19a;border-radius:13px;font-weight:800}.klyro-live-sharing{display:grid;gap:11px;padding:16px;border:1px solid #eadab8;border-radius:14px;background:#fffdf8}.klyro-live-sharing strong{color:#4a3919;font-size:.82rem}.klyro-live-sharing label{display:flex!important;align-items:center;gap:9px;font-size:.8rem!important}.klyro-live-sharing input{width:auto}.klyro-live-result{display:grid;gap:10px;padding:15px;border:1px solid #b9d8c0;border-radius:14px;color:#2f6842;background:#f0faf2}.klyro-live-result a{overflow-wrap:anywhere;color:#865f0d;font-size:.8rem;font-weight:800}.klyro-live-result .button{justify-self:start}

/* V103 — composition « cockpit » pour les modules de suivi. */
.software-layout.authenticated #foldersPlusView.active,
.software-layout.authenticated #routinesPlusView.active,
.software-layout.authenticated #qualityPlusView.active,
.software-layout.authenticated #teamPlusView.active {
  display:grid;
  grid-template-columns:minmax(320px,.88fr) minmax(360px,1.12fr);
  align-items:start;
  gap:20px;
}

.software-layout.authenticated #foldersPlusView .view-heading-row,
.software-layout.authenticated #routinesPlusView .view-heading-row,
.software-layout.authenticated #qualityPlusView .view-heading-row,
.software-layout.authenticated #teamPlusView .view-heading-row { grid-column:1 / -1; margin-bottom:0; }

.software-layout.authenticated #foldersPlusView > .content-card,
.software-layout.authenticated #routinesPlusView > .content-card,
.software-layout.authenticated #qualityPlusView > .content-card,
.software-layout.authenticated #teamPlusView > .content-card {
  position:sticky;
  top:100px;
  padding:22px;
}

.software-layout.authenticated #foldersPlusView .interventions-list,
.software-layout.authenticated #routinesPlusView .interventions-list,
.software-layout.authenticated #qualityPlusView .interventions-list,
.software-layout.authenticated #teamPlusView .interventions-list { gap:14px; }

.software-layout.authenticated #foldersPlusView .interventions-list .content-card,
.software-layout.authenticated #routinesPlusView .interventions-list .content-card,
.software-layout.authenticated #qualityPlusView .interventions-list .content-card,
.software-layout.authenticated #teamPlusView .interventions-list .content-card { min-height:104px; padding:20px 22px; }

.software-layout.authenticated #foldersPlusView .interventions-list .content-card::after,
.software-layout.authenticated #routinesPlusView .interventions-list .content-card::after,
.software-layout.authenticated #qualityPlusView .interventions-list .content-card::after,
.software-layout.authenticated #teamPlusView .interventions-list .content-card::after {
  position:absolute;
  top:20px;
  right:21px;
  width:11px;
  height:11px;
  border:3px solid #d4a640;
  border-radius:50%;
  content:"";
  opacity:.7;
}

.software-layout.authenticated #planningPlusView .interventions-list,
.software-layout.authenticated #passagesPlusView .interventions-list,
.software-layout.authenticated #proofsPlusView .interventions-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }

.software-layout.authenticated #planningPlusView .interventions-list .content-card,
.software-layout.authenticated #proofsPlusView .interventions-list .content-card { min-height:150px; padding:22px; }

.software-layout.authenticated #interventionsView .intervention-insights {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
  margin:0 0 22px;
}

.software-layout.authenticated #interventionsView .intervention-insights article {
  position:relative;
  min-height:104px;
  padding:20px;
  overflow:hidden;
  border:1px solid rgba(226,204,151,.8);
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#fff9e9);
  box-shadow:0 12px 26px rgba(91,66,17,.07);
}

.software-layout.authenticated #interventionsView .intervention-insights article::before {
  position:absolute;
  top:-30px;
  right:-30px;
  width:84px;
  height:84px;
  border:15px solid rgba(198,149,40,.13);
  border-radius:50%;
  content:"";
}

.software-layout.authenticated #interventionsView .intervention-insights span { color:#816f4a; font-size:.74rem; font-weight:750; }
.software-layout.authenticated #interventionsView .intervention-insights strong { color:#3f3013; font-size:1.32rem; letter-spacing:-.03em; }

.software-layout.authenticated #interventionsView .intervention-card {
  border:1px solid rgba(226,204,151,.82);
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#fffdf8);
  box-shadow:0 12px 27px rgba(91,66,17,.065);
  transition:transform .2s ease, box-shadow .2s ease;
}

.software-layout.authenticated #interventionsView .intervention-card:hover { transform:translateY(-2px); box-shadow:0 18px 34px rgba(91,66,17,.12); }
.software-layout.authenticated #interventionsView .intervention-date { color:#795b1c; background:#fff6df; border-color:#ecd6a7; }
.software-layout.authenticated #interventionsView .intervention-actions { align-self:stretch; padding-left:16px; border-left:1px solid #f0dfbc; }

.software-layout.authenticated #cashflowView .cashflow-balance-card,
.software-layout.authenticated #calculatorView .calculator-result-card {
  border-radius:24px;
  box-shadow:0 22px 44px rgba(68,49,12,.19) !important;
}

.software-layout.authenticated #clientsView .client-card,
.software-layout.authenticated #servicesView .service-card {
  border-radius:18px;
  box-shadow:0 10px 24px rgba(91,66,17,.065);
  transition:transform .2s ease,box-shadow .2s ease;
}

.software-layout.authenticated #clientsView .client-card:hover,
.software-layout.authenticated #servicesView .service-card:hover { transform:translateY(-3px); box-shadow:0 18px 34px rgba(91,66,17,.12); }

@media (max-width:1050px) {
  .software-layout.authenticated #foldersPlusView.active,
  .software-layout.authenticated #routinesPlusView.active,
  .software-layout.authenticated #qualityPlusView.active,
  .software-layout.authenticated #teamPlusView.active { grid-template-columns:1fr; }
  .software-layout.authenticated #foldersPlusView > .content-card,
  .software-layout.authenticated #routinesPlusView > .content-card,
  .software-layout.authenticated #qualityPlusView > .content-card,
  .software-layout.authenticated #teamPlusView > .content-card { position:static; }
}

@media (max-width:780px) {
  .software-layout.authenticated #planningPlusView .interventions-list,
  .software-layout.authenticated #passagesPlusView .interventions-list,
  .software-layout.authenticated #proofsPlusView .interventions-list,
  .software-layout.authenticated #interventionsView .intervention-insights { grid-template-columns:1fr; }
  .software-layout.authenticated #interventionsView .intervention-actions { width:100%; padding:13px 0 0; border-top:1px solid #f0dfbc; border-left:0; }
  .software-layout.authenticated #interventionsView .intervention-card:hover,
  .software-layout.authenticated #clientsView .client-card:hover,
  .software-layout.authenticated #servicesView .service-card:hover { transform:none; }
}


/* =========================
   V21 — MOBILE FIRST
   Navigation tactile + équilibre des écrans connectés.
========================= */
.mobile-bottom-nav,
.mobile-sidebar-backdrop { display:none; }

@media (max-width:850px) {
  .software-layout.authenticated .sidebar {
    z-index:70;
    width:min(86vw,320px);
    border-radius:0 20px 20px 0;
    box-shadow:none;
  }
  .software-layout.authenticated .sidebar.open { box-shadow:18px 0 54px rgba(7,18,33,.34); }
  .software-layout.authenticated .sidebar-header { min-height:70px; padding:14px 16px; }
  .software-layout.authenticated .sidebar-navigation { padding:14px 10px; }
  .software-layout.authenticated .sidebar-bottom { padding:10px 10px calc(22px + env(safe-area-inset-bottom)); }
  .mobile-sidebar-backdrop:not([hidden]) {
    position:fixed;
    inset:0;
    z-index:65;
    display:block;
    width:100%;
    height:100%;
    padding:0;
    border:0;
    background:rgba(8,18,31,.44);
    backdrop-filter:blur(2px);
  }
  html.zlotia-menu-open { overflow:hidden; }
}

@media (max-width:700px) {
  html, body { max-width:100%; overflow-x:hidden; }
  .software-layout.authenticated { min-height:100dvh; }
  .software-layout.authenticated .main-content {
    min-height:100dvh;
    padding-bottom:calc(78px + env(safe-area-inset-bottom));
  }
  .software-layout.authenticated .page-content {
    padding:14px 12px calc(26px + env(safe-area-inset-bottom));
  }

  /* Topbar mobile : menu + titre + recherche. */
  .software-layout.authenticated .topbar {
    min-height:calc(64px + env(safe-area-inset-top));
    padding:calc(8px + env(safe-area-inset-top)) 12px 8px;
    gap:9px;
    background:rgba(255,255,255,.97);
    box-shadow:0 8px 26px rgba(49,39,19,.055);
  }
  .software-layout.authenticated .topbar-left {
    display:flex;
    min-width:0;
    flex:1 1 auto;
    align-items:center;
    gap:10px;
  }
  .software-layout.authenticated .topbar-left > div { display:block!important; min-width:0; }
  .software-layout.authenticated .topbar .page-eyebrow { display:none!important; }
  .software-layout.authenticated .topbar h1 {
    display:block;
    margin:0;
    overflow:hidden;
    color:#3d311d;
    font-size:.98rem;
    font-weight:850;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .software-layout.authenticated .mobile-menu-button {
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:13px;
  }
  .software-layout.authenticated .topbar-actions {
    display:flex;
    flex:0 0 auto;
    gap:7px;
    margin-left:auto;
  }
  .software-layout.authenticated #helpZlotiaBtn,
  .software-layout.authenticated #installZlotiaBtn,
  .software-layout.authenticated #mainCreateButton,
  .software-layout.authenticated .topbar .save-state { display:none!important; }
  .software-layout.authenticated #globalSearchBtn {
    display:grid!important;
    width:42px;
    height:42px;
    min-height:42px;
    padding:0;
    place-items:center;
    border-radius:13px;
    font-size:1.1rem;
  }
  .software-layout.authenticated #globalSearchBtn span,
  .software-layout.authenticated #globalSearchBtn kbd { display:none!important; }

  /* Hiérarchie et densité. */
  .software-layout.authenticated .view-heading-row {
    gap:10px;
    margin-bottom:14px;
    padding-top:0;
    flex-direction:column;
  }
  .software-layout.authenticated .view-heading-row h2 { margin:2px 0 6px; font-size:1.34rem; line-height:1.15; }
  .software-layout.authenticated .view-heading-row > div > p:not(.eyebrow) { font-size:.78rem; line-height:1.45; }
  .software-layout.authenticated .view-heading-row::after { width:42px; margin-top:7px; }
  .software-layout.authenticated .view-heading-actions { width:100%; display:grid; grid-template-columns:1fr; gap:8px; }
  .software-layout.authenticated .view-heading-actions .button { width:100%; }

  .software-layout.authenticated .content-card,
  .software-layout.authenticated .dashboard-card {
    padding:16px;
    border-radius:16px;
    box-shadow:0 8px 24px rgba(64,50,22,.05);
  }
  .software-layout.authenticated .content-card::before { left:16px; right:16px; }
  .software-layout.authenticated .content-card-header {
    gap:8px;
    margin-bottom:13px;
    flex-direction:column;
    align-items:flex-start;
  }
  .software-layout.authenticated .content-card-header h3 { font-size:.96rem; }
  .software-layout.authenticated .content-card-header p { font-size:.76rem; line-height:1.45; }

  .software-layout.authenticated .button,
  .software-layout.authenticated button,
  .software-layout.authenticated [role="button"] { touch-action:manipulation; }
  .software-layout.authenticated .button { min-height:44px; }
  .software-layout.authenticated .form-grid { grid-template-columns:1fr!important; gap:12px; }
  .software-layout.authenticated .form-grid .full-column,
  .software-layout.authenticated .form-grid .form-full { grid-column:auto!important; }
  .software-layout.authenticated .form-grid input,
  .software-layout.authenticated .form-grid select,
  .software-layout.authenticated .form-grid textarea,
  .software-layout.authenticated .search-box input,
  .software-layout.authenticated .toolbar-select {
    min-height:46px;
    width:100%;
    font-size:16px;
  }
  .software-layout.authenticated .form-grid textarea { min-height:92px; }
  .software-layout.authenticated .view-toolbar { gap:9px; align-items:stretch; flex-direction:column; }
  .software-layout.authenticated .view-toolbar > * { width:100%; }

  /* Grilles complexes : une colonne lisible plutôt que des cartes écrasées. */
  .software-layout.authenticated .organisation-grid,
  .software-layout.authenticated .enterprise-command-grid,
  .software-layout.authenticated .enterprise-inline-form,
  .software-layout.authenticated .enterprise-stack-form,
  .software-layout.authenticated .decision-result,
  .software-layout.authenticated .operations-grid,
  .software-layout.authenticated .copilot-actions-grid,
  .software-layout.authenticated .copilot-insights-grid,
  .software-layout.authenticated .cashflow-forecast-grid,
  .software-layout.authenticated .offer-simulator,
  .software-layout.authenticated .call-offer-choices,
  .software-layout.authenticated .surface-estimate-details,
  .software-layout.authenticated .material-composition { grid-template-columns:1fr!important; }

  .software-layout.authenticated .pilotage-hero,
  .software-layout.authenticated .copilot-hero,
  .software-layout.authenticated .compliance-hero,
  .software-layout.authenticated .map-hero,
  .software-layout.authenticated .weather-hero,
  .software-layout.authenticated .urgent-hero,
  .software-layout.authenticated .security-hero {
    padding:18px;
    gap:14px;
    border-radius:17px;
  }

  /* Dashboard : 2 indicateurs par ligne, puis cartes pleine largeur. */
  .software-layout.authenticated #dashboardView.dashboard-premium .welcome-banner {
    margin-bottom:15px;
    padding:20px 18px;
    border-radius:17px;
  }
  .software-layout.authenticated #dashboardView.dashboard-premium .welcome-banner h2 { font-size:1.58rem; }
  .software-layout.authenticated #dashboardView.dashboard-premium .statistics-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-bottom:15px;
  }
  .software-layout.authenticated #dashboardView.dashboard-premium .statistic-card {
    min-height:106px;
    padding:13px;
    border-radius:14px;
  }
  .software-layout.authenticated #dashboardView.dashboard-premium .statistic-card strong { font-size:1.02rem; }
  .software-layout.authenticated #dashboardView.dashboard-premium .dashboard-grid { gap:12px; }

  /* Devis : champs tactiles et lignes qui respirent. */
  .software-layout.authenticated .line-item {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px;
    padding:12px;
    border:1px solid #eadfc9;
    border-radius:14px;
    background:#fffdf8;
  }
  .software-layout.authenticated .line-item .line-main { grid-column:1 / -1; }
  .software-layout.authenticated .line-item .remove-line {
    align-self:end;
    justify-self:end;
    width:44px;
    height:44px;
    border:1px solid #f0d5d5;
    background:#fff7f7;
  }
  .software-layout.authenticated .editor-toolbar { gap:10px; }
  .software-layout.authenticated .editor-toolbar-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .software-layout.authenticated .editor-toolbar-actions .button { min-height:44px; font-size:.72rem; }
  .software-layout.authenticated .quote-paper { min-height:0; padding:24px 16px 22px; }
  .software-layout.authenticated .quote-meta { grid-template-columns:1fr; gap:13px; padding:18px 0; }
  .software-layout.authenticated .totals { width:100%; }

  /* Tableaux : conserver la taille de lecture et défiler horizontalement. */
  .software-layout.authenticated .table-wrapper {
    width:calc(100% + 32px);
    margin-inline:-16px;
    padding-inline:16px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  .software-layout.authenticated .management-table { min-width:680px; font-size:.76rem; }
  .software-layout.authenticated .management-table th,
  .software-layout.authenticated .management-table td { padding:11px 10px; }

  /* Cartes / listes longues. */
  .software-layout.authenticated .client-card,
  .software-layout.authenticated .service-card,
  .software-layout.authenticated .intervention-card { padding:15px; border-radius:16px; }
  .software-layout.authenticated .client-card-header,
  .software-layout.authenticated .service-card-header { gap:9px; }
  .software-layout.authenticated .client-value-row,
  .software-layout.authenticated .intervention-client-cost-row,
  .software-layout.authenticated .organisation-history-row {
    grid-template-columns:1fr!important;
    gap:6px;
    align-items:start;
  }
  .software-layout.authenticated .intervention-checklist { grid-template-columns:1fr; }

  /* Modales en bottom-sheet : plus naturelles au pouce. */
  .software-layout.authenticated .modal {
    align-items:flex-end;
    padding:0;
  }
  .software-layout.authenticated .modal-content {
    width:100%;
    max-width:none!important;
    max-height:92dvh;
    margin:0;
    padding:18px 16px calc(18px + env(safe-area-inset-bottom));
    overflow-y:auto;
    border-width:1px 0 0;
    border-radius:22px 22px 0 0;
  }
  .software-layout.authenticated .modal-header {
    position:sticky;
    top:-18px;
    z-index:2;
    margin:-18px -16px 14px;
    padding:16px;
    background:rgba(255,252,244,.97);
    backdrop-filter:blur(10px);
  }
  .software-layout.authenticated .modal-header h2 { font-size:1.2rem; }
  .software-layout.authenticated .modal-close { width:42px; height:42px; flex:0 0 42px; }
  .software-layout.authenticated .modal-actions {
    grid-template-columns:1fr;
    gap:8px;
  }
  .software-layout.authenticated .modal-actions .button { width:100%; }

  /* Barre mobile principale. */
  .software-layout.authenticated .mobile-bottom-nav {
    position:fixed;
    z-index:58;
    left:8px;
    right:8px;
    bottom:max(8px,env(safe-area-inset-bottom));
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:end;
    min-height:66px;
    padding:6px 6px 5px;
    border:1px solid rgba(203,162,66,.32);
    border-radius:19px;
    background:rgba(255,255,255,.97);
    box-shadow:0 16px 42px rgba(28,35,48,.2);
    backdrop-filter:blur(16px);
  }
  .mobile-bottom-link,
  .mobile-bottom-create {
    min-width:0;
    min-height:53px;
    padding:5px 2px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:2px;
    border:0;
    border-radius:13px;
    color:#7c6b4b;
    background:transparent;
    font:inherit;
  }
  .mobile-bottom-link span { font-size:1.08rem; line-height:1; }
  .mobile-bottom-link small,
  .mobile-bottom-create small { font-size:.59rem; font-weight:800; line-height:1; }
  .mobile-bottom-link.active { color:#6a4a0f; background:#fff4d8; }
  .mobile-bottom-create {
    width:58px;
    min-height:58px;
    justify-self:center;
    margin-top:-17px;
    color:#fff;
    background:linear-gradient(145deg,#d7ad4e,#9c6e16);
    border:4px solid #fff;
    border-radius:19px;
    box-shadow:0 10px 24px rgba(123,86,18,.3);
  }
  .mobile-bottom-create span { font-size:1.55rem; line-height:.9; }
  .mobile-bottom-create small { color:#fff6df; }

  .software-layout.authenticated .toast { bottom:calc(86px + env(safe-area-inset-bottom)); width:min(calc(100% - 28px),420px); }
  .software-layout.authenticated .focus-player,
  .software-layout.authenticated .focus-drawer { bottom:calc(82px + env(safe-area-inset-bottom)); }
  .software-layout.authenticated ~ .legal-links { padding-bottom:calc(98px + env(safe-area-inset-bottom))!important; }
}

@media (max-width:390px) {
  .software-layout.authenticated .page-content { padding-inline:10px; }
  .software-layout.authenticated #dashboardView.dashboard-premium .statistics-grid { grid-template-columns:1fr 1fr; gap:7px; }
  .software-layout.authenticated #dashboardView.dashboard-premium .statistic-card { min-height:100px; padding:11px; }
  .mobile-bottom-nav { left:5px!important; right:5px!important; }
  .mobile-bottom-link small,.mobile-bottom-create small { font-size:.56rem; }
}