/* =====================================================================
   Look Car CRM v1.6.473 — версія для комп'ютера.
   Файл підключається лише для екранів ширше 820px (media у <link>),
   тому мобільна версія не змінюється взагалі.
   ===================================================================== */

:root{--dz:1;--sbw:256px}
@media (min-width:1280px){:root{--dz:1.1}}
@media (min-width:1600px){:root{--dz:1.2}}

/* ---------- каркас: бічна панель + робоча область ---------- */
.app-shell{grid-template-columns:var(--sbw) minmax(0,1fr)!important;align-items:start}
.workspace{margin:0 auto!important;align-self:start;width:100%;max-width:1440px;padding:28px 40px 64px!important;box-sizing:border-box;zoom:var(--dz)}
/* діалоги — у звичайному масштабі (інакше не вміщуються по висоті) */
.workspace dialog,.bc dialog{zoom:calc(1 / var(--dz))}
/* мобільні панелі на комп'ютері не показуються */
.mobile-appbar,.mobile-bottom-nav,
html body nav.mobile-bottom-nav.nav-v416.nav-v416.nav-v416.nav-v416{display:none!important}
.app-shell{padding:0!important}

/* ---------- бічна панель ---------- */
.sidebar.sidebar-v473{position:sticky;top:0;height:100vh;width:var(--sbw);box-sizing:border-box;padding:22px 14px 16px;display:flex!important;flex-direction:column;overflow:hidden}
.sidebar-v473 .sidebar-brand{padding:2px 10px 18px}
.sidebar-v473 .sidebar-brand img{max-width:150px;height:auto}
.sidebar-v473 .user-chip-v473{display:flex;align-items:center;gap:10px;margin:4px 2px 14px;padding:10px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.08)}
.sidebar-v473 .user-chip-v473 .person-avatar{flex:0 0 36px;width:36px;height:36px}
.sidebar-v473 .user-chip-v473 .person-avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.sidebar-v473 .user-chip-v473 b{display:block;font-size:14px;line-height:1.25;font-weight:700}
.sidebar-v473 .user-chip-v473 span{display:block;font-size:12px;color:#9aa0a6;margin-top:2px}
.sidebar-v473 nav{display:flex!important;flex-direction:column;gap:2px;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;padding-right:2px}
.sidebar-v473 nav a{display:flex!important;align-items:center;gap:12px;padding:10px 12px!important;border-radius:11px!important;font-size:15px!important;font-weight:600!important;line-height:1.2;justify-content:flex-start!important}
.sidebar-v473 nav a span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-v473 .sb-ic-v473{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.sidebar-v473 nav a.active .sb-ic-v473{opacity:1;color:#EFCE4B}
.sidebar-v473 nav a.active{box-shadow:inset 3px 0 0 #EFCE4B}
.sidebar-v473 nav em{margin-left:auto;font-size:12px!important;font-weight:700;min-width:22px;height:22px;padding:0 7px!important;border-radius:11px!important;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.sidebar-v473 .nav-divider{margin:8px 10px!important}
.sidebar-v473 .sidebar-bottom{margin-top:10px!important;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:0}
.sidebar-v473 .sidebar-bottom a,.sidebar-v473 .sidebar-bottom button{font-size:13px!important;padding:8px 12px!important;color:#9aa0a6!important;border-radius:9px;text-align:left}
.sidebar-v473 .sidebar-bottom a:hover,.sidebar-v473 .sidebar-bottom button:hover{color:#F2F3F5!important;background:rgba(255,255,255,.05)}
@media (max-height:780px){
  .sidebar-v473 .sidebar-brand{padding-bottom:10px}
  .sidebar-v473 .user-chip-v473{margin-bottom:8px;padding:8px}
  .sidebar-v473 nav a{padding:8px 12px!important;font-size:14px!important}
}

/* ---------- календар: панель днів не перекриває бічну панель ---------- */
html body nav.week-v416{position:sticky!important;left:auto!important;right:auto!important;bottom:16px!important;margin:18px 0 0!important;width:100%!important;max-width:none!important;z-index:30!important}

/* ---------- картка роботи (окрема сторінка) — з бічною панеллю ---------- */
body:has([data-bc]) .sidebar.sidebar-v473{position:fixed;left:0;top:0;bottom:0;z-index:40}
body:has([data-bc]){padding-left:var(--sbw)}
html body .bc[data-bc]{zoom:var(--dz);padding-top:24px!important;max-width:760px!important}
html body .bc[data-bc] .bc-bar{left:calc(var(--sbw) / var(--dz) + 10px)!important;max-width:740px!important}
html body .bc[data-bc] .bc-err{left:calc(var(--sbw) / var(--dz) + 14px)!important;max-width:720px!important}

/* ---------- ширина сторінок: списки ширші, форми й картки — зручної ширини ---------- */
html body .ol{max-width:1120px!important;padding-bottom:40px!important}
html body .bc.ck{max-width:760px!important;padding-bottom:40px}
.fm{max-width:760px!important}
html body .ol.fm .fm,html body .bc .fm{max-width:none!important}
/* форми — по центру робочої області */
.workspace>.fm,.workspace>form>.fm{margin-left:auto!important;margin-right:auto!important}

/* тиждень у календарі: колонок стільки, скільки вміщується без «стовпчиків» тексту */
html body .week-grid.week-grid-v228{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:1499px){html body .week-grid.week-grid-v228{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:1099px){html body .week-grid.week-grid-v228{grid-template-columns:minmax(0,1fr)!important}}

/* вузькі комп'ютерні екрани й планшети в альбомі */
@media (max-width:1099px){
  :root{--sbw:216px}
  .workspace{padding:22px 24px 48px!important}
  .sidebar-v473 nav a{font-size:14px!important;gap:10px;padding:9px 10px!important}
}