/* Kunder · Planering · Team (prototyp 8bay): sidorna som ersätter Projekt, Offerter och Kalender i menyn.
   Egen fil, länkad efter ankaret i base.html – samma färger och radier som listorna (zimla-listing.css). */


/* Railen (prototyp 8bay): 72 px, poster 60×54 med ikon 19 px över etikett 10 px/500 – etiketten syns alltid,
   railen glider inte ut. Ligger ovanpå de hopfällda reglerna i app.css (samma väljare + html, därför !important). */
@media (min-width: 1024px) {
  html :is(.zimla-sidebar-collapsed, .zimla-app-shell.zimla-sidebar-is-collapsed) .zimla-desktop-sidebar { width: 4.5rem !important; box-shadow: none !important; transition: none !important; }
  html :is(.zimla-sidebar-collapsed, .zimla-app-shell.zimla-sidebar-is-collapsed) .zimla-app-main { padding-left: 4.5rem !important; }
  html :is(.zimla-sidebar-collapsed, .zimla-app-shell.zimla-sidebar-is-collapsed) .zimla-desktop-sidebar .zimla-sidebar-scroll { padding: 0.75rem 0.375rem 1rem !important; }
  html :is(.zimla-sidebar-collapsed, .zimla-app-shell.zimla-sidebar-is-collapsed) .zimla-desktop-sidebar .zimla-sidebar-nav { display: flex !important; flex-direction: column; align-items: center; gap: 6px !important; }
  html :is(.zimla-sidebar-collapsed, .zimla-app-shell.zimla-sidebar-is-collapsed) .zimla-desktop-sidebar .zimla-sidebar-nav .zimla-sidebar-nav__item {
    width: 3.75rem !important; height: 3.375rem !important; min-height: 3.375rem !important;
    display: flex !important; flex-direction: column; align-items: center; justify-content: center !important;
    gap: 5px !important; padding: 0 !important; border-radius: 12px !important;  /* hela bredden åt etiketten: "Inställningar" ryms */
    color: #8fa198 !important; background: transparent !important; box-shadow: none !important; overflow: hidden;
  }
  html :is(.zimla-sidebar-collapsed, .zimla-app-shell.zimla-sidebar-is-collapsed) .zimla-desktop-sidebar .zimla-sidebar-nav__item > .material-symbols-outlined { width: 19px !important; height: 19px !important; font-size: 19px !important; color: currentColor !important; }
  html :is(.zimla-sidebar-collapsed, .zimla-app-shell.zimla-sidebar-is-collapsed) .zimla-desktop-sidebar .zimla-sidebar-nav__text { display: block !important; opacity: 1 !important; max-width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 10px !important; font-weight: 500 !important; line-height: 1.1 !important; letter-spacing: 0; color: inherit !important; }
  html :is(.zimla-sidebar-collapsed, .zimla-app-shell.zimla-sidebar-is-collapsed) .zimla-desktop-sidebar .zimla-sidebar-nav__item:hover { color: #fff !important; background: #1a2620 !important; }
  html :is(.zimla-sidebar-collapsed, .zimla-app-shell.zimla-sidebar-is-collapsed) .zimla-desktop-sidebar .zimla-sidebar-nav__item.is-active { color: #fff !important; background: #1f2c26 !important; box-shadow: none !important; }
  html :is(.zimla-sidebar-collapsed, .zimla-app-shell.zimla-sidebar-is-collapsed) .zimla-desktop-sidebar .zimla-sidebar-nav__item.is-active::before { display: none !important; }
  html :is(.zimla-sidebar-collapsed, .zimla-app-shell.zimla-sidebar-is-collapsed) .zimla-desktop-sidebar .zimla-sidebar-nav__item:focus-visible { outline: 2px solid #34d399; outline-offset: 2px; }
}

/* Kunder · Jobb · Offerter (övergång till L2): samma växlare som projektlistans Lista/Portfölj. */

/* L1 Studio: versionsläget. Bannern följer .renew (zimla-project.css) med en grå ton för låst/signerat/avslaget. */
.phead > .smode { margin: 10px 10px 0; }
.smode.is-locked, .smode.is-signed, .smode.is-rejected { background: #eceee9; border-color: #dfe3dd; color: #3d4540; }
.smode.is-locked > .material-symbols-outlined, .smode.is-signed > .material-symbols-outlined, .smode.is-rejected > .material-symbols-outlined { color: #6b736e; }
.smode form { margin: 0; flex: none; }
.smode-link { flex: none; font-weight: 500; color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.mbanner.smode { background: #fbf3e0; }
.mbanner.smode.is-locked, .mbanner.smode.is-signed, .mbanner.smode.is-rejected { background: #eceee9; }
.mbanner.smode > i { background: #c98a1b; }
.mbanner.smode.is-locked > i, .mbanner.smode.is-signed > i, .mbanner.smode.is-rejected > i { background: #8a918c; }
.mbanner.smode > a, .mbanner.smode button { flex: none; min-height: 44px; display: inline-flex; align-items: center; padding: 0 4px; border: 0; background: none; font: inherit; font-size: 14px; font-weight: 600; color: #1f6b4f; text-decoration: none; }
.mbanner.smode form { margin: 0; }
/* Låst version: skrivkontrollerna ritas inte (servern startar ändå nästa version om något skrivs). Läsning, Frågor,
   Bilder, Kundens vy och Avancerad kalkyl fungerar som vanligt. */
.rhub.is-locked :is(.rrow-pic__btn, .rcard-acts [data-rcard-templates], .rpage-mall, .rpage-add, .rcard-search, .rmom-x, .rmom-edit, .rmom-step, .rlist-tools > .rhub-btn:not(.is-ghost), .rpt-bulk, .rpt-selmode, .rrow-rename__btn .material-symbols-outlined, .rrow-dim .material-symbols-outlined, .rrow-dim-ico) { display: none !important; }
.rhub.is-locked :is(.rrow-rename__btn, .rrow-dim, .rmet-btn, .rmet-ask) { pointer-events: none; }
.op > .op-ver { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding: 10px 18px 0; font-size: 12.5px; color: #6b736e; }
.op > .op-ver b { font-weight: 600; color: #1d2420; }
.op > .op-ver .qchanges { margin: 0; }
/* Studio: brödsmulor ovanför projektets huvud (dator). Kunder / kund / jobb · version · sparstatus · Klar för nu. */
.pcrumbs { --ku-ink: #1d2420; --ku-mut: #4e5751; min-height: 32px; margin: 0 2px 12px; }
.pcrumbs > a, .pcrumbs > span[aria-hidden] { flex: none; }
.pcrumbs > a:not(.kbtn) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 28ch; }
.pcrumbs > b { flex: 0 1 auto; }
.pcrumbs .kund-pill { background: rgba(255, 255, 255, 0.85); }
.pcrumbs-saved { flex: none; margin-right: auto; font-size: 12px; color: #6b736e; white-space: nowrap; }
.pcrumbs-saved.is-failed { color: #b42318; }
.pcrumbs-done { flex: none; }
@media (max-width: 1023px) { .pcrumbs { display: none; } }