/* Телефон: панелът на обекта е долен лист по цялата ширина.
   Позиции: само чертичката → свит (икона, име, номер, състояние) →
   средата → цял. Плъзгане надолу слиза с една позиция; от „само
   чертичката“ надолу затваря обекта. Състоянието е отметката #mygpxDetailExpand от темата,
   така че „Още/Свий“ на компютър и листът тук не се разминават.
   JS: initDetailSheet() в js/gs2.tracking.js. Зарежда се след waze.css. */

/* атрибутът hidden печели над display от темата (иначе на входа се
   виждаха и двете форми - вход и нова парола) */
body.gs2 [hidden]{display:none!important}

.detail-grip{display:none}

@media (max-width:767px){
  /* картата остава на целия екран - листът е върху нея */
  body.gs2.gs2-tracking #gs2app[data-focus] .canvas{bottom:0;height:auto}

  body.gs2.gs2-tracking .detail,body.gs2.gs2-tracking .detail[data-open]{
    /* по цялата ширина, долу без заобляне */
    position:fixed;left:0;right:0;top:auto;width:100%;height:auto;bottom:0;
    padding-bottom:env(safe-area-inset-bottom);
    max-height:calc(100dvh - 80px);border-radius:0;overflow:hidden;
    box-shadow:0 -8px 30px rgba(27,42,51,.18);display:flex;flex-direction:column;
    z-index:1400;transition:height .22s ease}
  body.gs2.gs2-tracking .detail:not([data-open]){display:none}
  body.gs2.gs2-tracking .detail[data-dragging]{transition:none}
  @media (prefers-reduced-motion:reduce){body.gs2.gs2-tracking .detail{transition:none}}

  body.gs2.gs2-tracking .detail-grip{display:flex;justify-content:center;align-items:center;
    width:100%;height:28px;flex-shrink:0;border:0;background:none;padding:0;touch-action:none;cursor:grab}
  /* само чертичката - листът е прибран, картата се вижда цялата */
  body.gs2.gs2-tracking .detail[data-sheet="grip"] .detail-inner{display:none}
  body.gs2.gs2-tracking .detail[data-sheet="grip"] .detail-grip{height:32px}
  body.gs2.gs2-tracking .detail-grip span{width:44px;height:5px;border-radius:3px;background:#c9d6dd}
  body.gs2.gs2-tracking .detail-grip:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:12px}

  body.gs2.gs2-tracking .detail-inner{width:100%;max-height:none;min-height:0;flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}
  body.gs2.gs2-tracking .detail-head{padding:0 18px 12px;border-bottom:0;touch-action:none}
  /* „Още/Свий“ е за компютър - тук е чертичката */
  body.gs2.gs2-tracking .detail-expand,body.gs2.gs2-tracking .detail-expand-label{display:none}

  /* свит - заглавието и плочките (скорост, захранване, днес) */
  body.gs2.gs2-tracking .detail-expand:not(:checked)~.detail-inner .tabs,
  body.gs2.gs2-tracking .detail-expand:not(:checked)~.detail-inner .pane,
  body.gs2.gs2-tracking .detail-expand:not(:checked)~.detail-inner .detail-foot{display:none}
  body.gs2.gs2-tracking .detail-expand:not(:checked)~.detail-inner .detail-head{padding-bottom:18px;cursor:pointer}

  /* до средата на картата и цял - височината е фиксирана, съдържанието се превърта */
  body.gs2.gs2-tracking .detail[data-sheet="half"]{height:50dvh}
  body.gs2.gs2-tracking .detail[data-sheet="full"]{height:calc(100dvh - 80px)}

  /* разгънат */
  body.gs2.gs2-tracking .detail-expand:checked~.detail-inner .detail-head{border-bottom:1px solid var(--wz-edge)}
  body.gs2.gs2-tracking .detail-expand:checked~.detail-inner .pane{max-height:none;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}
  body.gs2.gs2-tracking .detail-expand:checked~.detail-inner .detail-foot{padding:10px 16px 12px;flex-shrink:0}
  /* бутоните горе („Назад“, „Следвай“) да не се скриват под листа */
  body.gs2.gs2-tracking #gs2app[data-focus] .topbar{top:12px}

  /* разгънат лист: превърта се целият (плочки, „До мен“, графиката, разделите),
     бутоните отдолу остават видими; влачи се за чертичката и заглавието */
  body.gs2.gs2-tracking .detail-expand:checked~.detail-inner{overflow-y:auto;overscroll-behavior:contain}
  body.gs2.gs2-tracking .detail-expand:checked~.detail-inner .pane{flex:0 0 auto;max-height:none!important;overflow:visible}
  body.gs2.gs2-tracking .detail-expand:checked~.detail-inner .detail-foot{position:sticky;bottom:0;z-index:3;background:var(--wz-paper,#fff);margin-top:auto}
  body.gs2.gs2-tracking .detail-expand:checked~.detail-inner .detail-head{touch-action:pan-y}
  body.gs2.gs2-tracking .detail-expand:checked~.detail-inner .detail-id{touch-action:none}
}

/* ==================================================================
   Телефон: меню „хамбургер“ горе вляво вместо долната лента.
   Бутонът отваря #gs2profile (js/gs2.nav.js) като странично меню отляво
   с всички раздели от лявата лента на компютъра + профил, звук, помощ,
   стар интерфейс и изход.
   ================================================================== */
.m-burger{display:none}
@media (min-width:768px){
  /* на компютър разделите са в лявата лента - в менюто на профила не се повтарят */
  .profile-nav{display:none}
}
@media (max-width:767px){
  body.gs2 .tabbar{display:none!important}
  body.gs2 #gs2app{padding-bottom:0!important}
  body.gs2:not(.gs2-tracking):not(.gs2-auth) #gs2app{padding-bottom:0!important}

  body.gs2 .m-burger{display:flex;align-items:center;justify-content:center;position:fixed;
    top:calc(7px + env(safe-area-inset-top));left:10px;z-index:1600;width:44px;height:44px;border-radius:50%;
    border:0;background:#fff;color:var(--wz-ink);box-shadow:0 3px 14px rgba(27,42,51,.16);cursor:pointer}
  body.gs2 .m-burger:active{transform:scale(.94)}
  body.gs2 .m-burger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  body.gs2 .m-burger .nav-badge{top:2px;right:0}
  /* място за бутона в заглавията */
  body.gs2.gs2-tracking .portal-header{padding-left:64px!important}
  /* заглавията на другите страници: отстъп само за заглавието, полетата под него са на цялата ширина */
  body.gs2 .hist-top{padding-left:14px!important;padding-right:14px!important}
  body.gs2 .hist-top > h1{margin-left:50px;min-height:44px;display:flex;align-items:center}
  body.gs2 .hist-top{min-height:58px}

  /* без долната лента картата и списъкът стигат до долу */
  body.gs2.gs2-tracking .canvas{bottom:0!important}
  body.gs2.gs2-tracking #gs2app[data-focus] .canvas{bottom:0!important}
  body.gs2.gs2-tracking .side{bottom:0!important;padding-bottom:env(safe-area-inset-bottom)}

  /* менюто - плъзга се леко отляво */
  body.gs2 .profile{padding:0!important;align-items:stretch;justify-content:flex-start;background:rgba(27,42,51,.38);animation:gs2ScrimIn .2s ease}
  body.gs2 .profile-card{width:min(86vw,330px);height:100%;max-height:none;border-radius:0 28px 28px 0;
    padding:calc(18px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));
    display:flex;flex-direction:column;gap:6px;overflow-y:auto;box-shadow:12px 0 40px rgba(27,42,51,.22);
    animation:gs2DrawerIn .28s cubic-bezier(.2,.8,.2,1)}
  body.gs2 .profile-id{padding:2px 6px 14px;border-bottom:1px solid var(--wz-edge)}
  body.gs2 .profile-list{gap:2px;flex:1 1 auto}
  body.gs2 .profile-nav{display:flex;flex-direction:column;gap:2px;padding:8px 0 10px;margin-bottom:6px;border-bottom:1px solid var(--wz-edge)}
  body.gs2 .profile-list .menu-item{min-height:50px;font-size:15px;font-weight:700;border-radius:16px;padding:0 12px;gap:14px}
  body.gs2 .profile-list .menu-item svg{width:22px;height:22px;flex-shrink:0}
  body.gs2 .profile-nav .menu-item[aria-current]{background:var(--wz-blue);color:var(--wz-ink);font-weight:800;box-shadow:0 3px 0 var(--wz-blue-deep)}
  body.gs2 .profile-nav .menu-item[aria-current] svg{stroke:var(--wz-ink)}
  body.gs2 .profile-nav .nav-badge{position:static;margin-left:auto;box-shadow:none}
  body.gs2 .profile .profile-close{margin-top:8px;height:48px;flex-shrink:0}
  @keyframes gs2DrawerIn{from{transform:translateX(-104%)}to{transform:none}}
  @keyframes gs2ScrimIn{from{background:rgba(27,42,51,0)}to{background:rgba(27,42,51,.38)}}
  @media (prefers-reduced-motion:reduce){body.gs2 .profile,body.gs2 .profile-card{animation:none}}
}
@media (max-width:767px){
  /* страниците без карта: заглавието е от край до край - бутонът стои в него, пред заглавието */
  body.gs2:not(.gs2-tracking) .m-burger{top:calc(12px + env(safe-area-inset-top));left:14px;background:var(--wz-wash);box-shadow:none}
}

/* ==================================================================
   Телефон: списъкът „Автопарк“ - долен лист по цялата ширина, заоблен
   само горе. Позиции: чертичка / чертичка + търсене / средата / цял
   (initSheet() в js/gs2.tracking.js).
   ================================================================== */
@media (max-width:767px){
  body.gs2.gs2-tracking .side{left:0!important;right:0!important;bottom:0!important;width:auto!important;
    border-radius:0!important;overflow:hidden;box-shadow:0 -8px 30px rgba(27,42,51,.16)}
  body.gs2.gs2-tracking .side-head{border-radius:0!important}
  body.gs2.gs2-tracking .sheet-grip{height:24px}
  body.gs2.gs2-tracking .sheet-grip span{width:44px;height:5px;background:#c9d6dd}
}

/* ==================================================================
   Телефон: без заобляне (горе и долу) на всички страници - заглавни карти,
   панели, карти със съдържание, редове в списъците, диалози и менюта.
   Бутоните, полетата, филтрите и малките плочки остават заоблени.
   ================================================================== */
@media (max-width:767px){
  body.gs2 :is(
    .hist-top,.hist-body,.rep-body,.st-body,.ev-body,.pl-body,.cp-body,.lb-body,
    .card,.cp-card,.rep-card,.rep-out,.rep-pick,.st-list,.st-edit,.st-sub-list,.st-ed-body,
    .ev-list,.ev-detail,.ev-row,.pl-list,.pl-row,.lb-card,
    .side,.detail,.detail-head,.detail-inner,.row,.leg,.st-row,
    .cp-table tr,.cp-scroll,
    .modal-card,.profile-card,.places-menu,.menu,.alert-card,.history-object-card,.note
  ){border-radius:0!important}
}

/* ==================================================================
   Телефон, история: личи, че страницата продължава надолу -
   по-ниска карта, избледняване в долния край и хапче към статистиката
   (initScrollHint() в js/gs2.history.js).
   ================================================================== */
.hist-scroll-hint{display:none}
@media (max-width:767px){
  body.gs2 .hist .hist-map{height:34vh}
  body.gs2 .hist-body{position:relative}
  body.gs2 .hist-body[data-more]{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 56px),rgba(0,0,0,.35));mask-image:linear-gradient(to bottom,#000 calc(100% - 56px),rgba(0,0,0,.35))}
  body.gs2 .hist-scroll-hint{display:inline-flex;align-items:center;gap:6px;position:fixed;left:50%;transform:translateX(-50%);
    bottom:calc(16px + env(safe-area-inset-bottom));z-index:900;height:40px;padding:0 16px;border:0;border-radius:999px;white-space:nowrap;
    background:var(--wz-ink);color:#fff;font:800 13px var(--wz-round);box-shadow:0 6px 20px rgba(27,42,51,.3);
    animation:gs2HintBob 1.8s ease-in-out infinite}
  body.gs2 .hist-scroll-hint[hidden]{display:none}
  @keyframes gs2HintBob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,4px)}}
  @media (prefers-reduced-motion:reduce){body.gs2 .hist-scroll-hint{animation:none}}
}

/* Телефон, история: падащите менюта и полетата горе са на цялата ширина */
@media (max-width:767px){
  body.gs2 .hist .hist-top{flex-wrap:wrap}
  body.gs2 .hist .hist-top > h1{flex:1 1 100%}
  body.gs2 .hist .hist-top > .ctl,body.gs2 .hist .hist-top > label.ctl{flex:1 1 100%!important;width:100%;max-width:none}
  body.gs2 .hist .hist-top > .ctl select,body.gs2 .hist .hist-top > .ctl input{flex:1 1 auto;width:100%}
  /* „Покажи“, „Слоеве“ и „Изтегли“ - един ред */
  body.gs2 .hist .hist-top #gs2load{flex:1 1 0;min-width:0;height:44px!important;justify-content:center;text-align:center}
  body.gs2 .hist .hist-top .hist-menus{flex:2 1 0;min-width:0;display:flex;gap:8px}
  body.gs2 .hist .hist-top .hist-menus > *{flex:1 1 0}
  body.gs2 .hist .hist-top .hist-menus button{width:100%;height:44px;justify-content:center}
  body.gs2 .hist .hist-top > div[style*="flex-grow"]{display:none}
}

/* ==================================================================
   Телефон, справки
   ================================================================== */
.rep-type-select{display:none}
@media (max-width:767px){
  /* заглавието: без разделителя и без видимата лента за превъртане на табовете */
  body.gs2 .rep .hist-top .vsep{display:none}
  body.gs2 .rep .hist-top .cp-secs{flex:1 1 100%;scrollbar-width:none;overflow-x:auto}
  body.gs2 .rep .hist-top .cp-secs::-webkit-scrollbar{display:none}

  /* видът на справката - падащо меню на цялата ширина */
  body.gs2 .rep-nav{display:none!important}
  body.gs2 .rep-type-select{display:flex;flex-direction:column;gap:6px;padding:12px 12px 0;font-size:12px;font-weight:800;color:var(--wz-ink-3)}
  body.gs2 .rep-type-select[hidden]{display:none}
  body.gs2 .rep-type-select .inp{height:48px;padding:0 12px;background:#fff;border:1px solid var(--wz-edge)}
  body.gs2 .rep-type-select select{width:100%;border:0;background:none;font:800 16px var(--wz-round);color:var(--wz-ink)}

  /* формулярът на цялата ширина */
  body.gs2 .rep-main{padding:12px!important}
  body.gs2 .rep-card{padding:16px 14px!important}
  body.gs2 .rep-grid{grid-template-columns:1fr!important;gap:16px}

  /* обекти: търсачката на цял ред, „Всички / Нито един“ под нея */
  body.gs2 .rep-pick-head{flex-wrap:wrap;gap:6px 14px}
  body.gs2 .rep-pick-head .search{flex:1 1 100%;height:44px}
  body.gs2 .rep-pick-head .linkbtn{white-space:nowrap}

  /* период: датата и часът се побират */
  body.gs2 .rep-presets{display:flex;flex-wrap:wrap;gap:6px}
  body.gs2 .rep-dt{flex-direction:column;align-items:stretch;gap:6px}
  body.gs2 .rep-dt .inp{flex:none;width:100%;height:46px;display:flex;align-items:center;gap:8px}
  body.gs2 .rep-dt input[type=date]{flex:1 1 auto;min-width:0;font-size:15px}
  body.gs2 .rep-dt input[type=time]{flex:0 0 auto;width:auto;min-width:88px;font-size:15px}

  /* бутоните */
  body.gs2 .rep-card .form-foot,body.gs2 .rep-acts{flex-wrap:wrap}
}

/* Плочките в панела на обекта: иконка и надпис, голяма стойност, пояснение.
   Плочка с показател е бутон - отваря днешния му ход отдолу (metricHtml() в
   js/gs2.tracking.js). По мокъпа „Тест камион“. */
body.gs2.gs2-tracking .detail .tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;background:transparent}
body.gs2.gs2-tracking .detail .tiles[data-n="1"]{grid-template-columns:minmax(0,1fr)}
body.gs2.gs2-tracking .detail .tiles[data-n="2"],body.gs2.gs2-tracking .detail .tiles[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
body.gs2.gs2-tracking .detail .tiles .tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;min-height:0;
  padding:13px 14px 12px;border-radius:18px;background:var(--wz-wash,#f1f6f8);border:1.5px solid transparent!important;box-shadow:none;text-align:left}
body.gs2.gs2-tracking .detail .tile .k{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;line-height:1.2;font-weight:800;
  color:var(--wz-ink-2,#3d4f59);letter-spacing:0}
body.gs2.gs2-tracking .detail .tile .k svg{flex-shrink:0;color:var(--wz-ink-3,#5b6c75)}
body.gs2.gs2-tracking .detail .tile .k span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.gs2.gs2-tracking .detail .tile .v{font:900 26px/1.1 var(--wz-round,system-ui);letter-spacing:-.6px;color:var(--wz-ink,#1b2a33);
  white-space:nowrap;font-variant-numeric:tabular-nums}
body.gs2.gs2-tracking .detail .tile .v small{font-size:12px;font-weight:800;letter-spacing:0;margin-left:2px;color:var(--wz-ink-2,#3d4f59)}
body.gs2.gs2-tracking .detail .tile .c{font-size:12px;line-height:1.25;color:var(--wz-ink-3,#5b6c75);max-width:100%;overflow-wrap:anywhere}
body.gs2.gs2-tracking .detail .tile-btn{font:inherit;color:inherit;cursor:pointer;transition:background .15s,border-color .15s}
body.gs2.gs2-tracking .detail .tile-btn:hover{background:#e7f1f5}
body.gs2.gs2-tracking .detail .tile-btn:focus-visible{outline:2px solid var(--wz-blue-deep,#0a9fd6);outline-offset:2px}
body.gs2.gs2-tracking .detail .tile-btn[aria-pressed="true"]{background:var(--wz-blue-soft,#e3f8ff);border-color:var(--wz-blue,#33ccff)!important}
body.gs2.gs2-tracking .detail .tile-btn[aria-pressed="true"] .k svg{color:var(--wz-ink,#1b2a33)}
@media (max-width:420px){
  body.gs2.gs2-tracking .detail .tiles{gap:8px}
  body.gs2.gs2-tracking .detail .tiles .tile{padding:11px 11px 10px;border-radius:16px}
  body.gs2.gs2-tracking .detail .tile .k{font-size:12px}
  body.gs2.gs2-tracking .detail .tile .v{font-size:22px}
  body.gs2.gs2-tracking .detail .tile .c{font-size:11px}
}

/* панелът под плочките */
body.gs2.gs2-tracking .metric{margin-top:2px;padding:16px 16px 14px;border-radius:18px;background:var(--wz-wash,#f1f6f8);
  display:flex;flex-direction:column;gap:10px}
body.gs2.gs2-tracking .metric-top{display:flex;align-items:flex-start;gap:10px}
body.gs2.gs2-tracking .metric-head{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}
body.gs2.gs2-tracking .metric-title{margin:0;font:900 15px/1.25 var(--wz-round,system-ui);color:var(--wz-ink,#1b2a33);letter-spacing:0}
body.gs2.gs2-tracking .metric-read{margin:0;font-size:13px;line-height:1.35;color:var(--wz-ink-2,#3d4f59);font-variant-numeric:tabular-nums}
body.gs2.gs2-tracking .metric-x{width:28px;height:28px;border:0;border-radius:50%;background:#fff;color:var(--wz-ink-3,#5b6c75);
  display:grid;place-items:center;cursor:pointer;flex-shrink:0;padding:0}
body.gs2.gs2-tracking .metric-x svg{width:12px;height:12px}
body.gs2.gs2-tracking .metric-chart{position:relative;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}
body.gs2.gs2-tracking .metric-chart svg{display:block;width:100%;height:64px;overflow:visible}
body.gs2.gs2-tracking .metric-area{fill:#33ccff29}
body.gs2.gs2-tracking .metric-line{fill:none;stroke:#0a9fd6;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
body.gs2.gs2-tracking .metric[data-metric="battery"] .metric-line,body.gs2.gs2-tracking .metric[data-metric="voltage"] .metric-line{stroke:#16a34a}
body.gs2.gs2-tracking .metric[data-metric="battery"] .metric-area,body.gs2.gs2-tracking .metric[data-metric="voltage"] .metric-area{fill:#16a34a1f}
body.gs2.gs2-tracking .metric[data-metric="fuel"] .metric-line{stroke:#d97706}
body.gs2.gs2-tracking .metric[data-metric="fuel"] .metric-area{fill:#d977061f}
body.gs2.gs2-tracking .metric-cursor{position:absolute;top:0;width:1px;margin-left:-.5px;background:#1b2a3355;pointer-events:none}
body.gs2.gs2-tracking .metric-dot{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;
  background:#fff;border:2.5px solid #0a9fd6;box-sizing:border-box;pointer-events:none}
body.gs2.gs2-tracking .metric-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--wz-ink-3,#5b6c75);
  margin-top:3px;font-variant-numeric:tabular-nums}
body.gs2.gs2-tracking .metric-empty{font-size:12px;color:var(--wz-ink-3,#5b6c75);padding:10px 0;text-align:center}
body.gs2.gs2-tracking .metric-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
body.gs2.gs2-tracking .metric-stat{background:#fff;border-radius:12px;padding:7px 9px;display:flex;flex-direction:column;gap:1px;min-width:0}
body.gs2.gs2-tracking .metric-stat .k{font-size:10px;font-weight:700;color:var(--wz-ink-3,#5b6c75)}
body.gs2.gs2-tracking .metric-stat .v{font-size:13px;font-weight:800;color:var(--wz-ink,#1b2a33);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.gs2.gs2-tracking .metric-hint{display:flex;align-items:flex-start;gap:8px;padding-top:12px;margin-top:2px;border-top:1px solid var(--wz-edge,#e1ebf0);
  font-size:13px;line-height:1.35;color:var(--wz-ink-2,#3d4f59)}
body.gs2.gs2-tracking .metric-hint svg{flex-shrink:0;margin-top:1px;color:var(--wz-ink-3,#5b6c75)}
@media (max-width:767px){
  body.gs2.gs2-tracking .detail-expand:not(:checked)~.detail-inner .metric-slot{display:none}
}

/* Телефон: заглавната част горе и съдържанието под нея са от край до край -
   без отстъп и рамка около тях (waze.css ги слага като карти с --section-gutter). */
@media (max-width:767px){
  body.gs2 :is(.hist,.rep,.pl,.stg,.cp,.ev,.lb)>.hist-top{margin:0!important;border:0!important;
    border-bottom:1px solid var(--wz-edge)!important;box-shadow:none!important}
  body.gs2 :is(.hist,.rep,.pl,.stg)>:is(.hist-body,.rep-body,.pl-body,.st-body),
  body.gs2 .ev>.ev-body{margin:0!important}
}

/* Телефон: заглавието е на един ред с бутона за менюто (44px, центрирано по
   него), табовете под него започват от отстъпа и се превъртат до ръба. */
@media (max-width:767px){
  body.gs2 :is(.hist,.rep,.pl,.stg,.cp,.ev,.lb)>.hist-top>h1{display:flex!important;align-items:center;
    min-height:44px;margin:0 0 0 50px!important;padding:0;line-height:1.2}
  body.gs2 :is(.hist,.rep,.pl,.stg,.cp,.ev,.lb)>.hist-top>.cp-secs{max-width:none!important;
    width:calc(100% + 28px);flex:0 0 calc(100% + 28px)!important;margin:0 -14px!important;padding:0 14px!important;box-sizing:border-box;
    scrollbar-width:none}
  body.gs2 :is(.hist,.rep,.pl,.stg,.cp,.ev,.lb)>.hist-top>.cp-secs::-webkit-scrollbar{display:none}
}

/* Списъкът „Автопарк“, докато дойдат обектите (tracking2.php) - сиви редове
   с размера на истинските, за да не прескача нищо при попълването. */
body.gs2 .list-skel{display:flex;flex-direction:column;gap:6px;padding-top:2px}
body.gs2 .row-skel{display:flex;flex-direction:column;gap:9px;padding:14px 12px;border-radius:16px;background:var(--wz-paper,#fff)}
body.gs2 .row-skel span{display:block;height:11px;border-radius:6px;background:linear-gradient(90deg,#e6eef2 0%,#f3f7f9 50%,#e6eef2 100%);
  background-size:200% 100%;animation:gs2Skel 1.2s ease-in-out infinite}
body.gs2 .row-skel span:nth-child(1){width:58%;height:14px}
body.gs2 .row-skel span:nth-child(2){width:36%}
body.gs2 .row-skel span:nth-child(3){width:72%}
body.gs2 .row-skel:nth-child(2n) span:nth-child(1){width:46%}
body.gs2 .row-skel:nth-child(3n) span:nth-child(3){width:60%}
@keyframes gs2Skel{from{background-position:100% 0}to{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){body.gs2 .row-skel span{animation:none}}

/* Телефон, събития: отвореното известие или правило е отделен изглед с
   „← Събития“ горе - бутонът за менюто не стои върху него. */
@media (max-width:767px){
  body.gs2 #gs2app[data-ev-detail] .m-burger{display:none}
}

/* ==================================================================
   Моето местоположение и „До мен“ (js/gs2.tracking.js: meToggle, distUpdate)
   ================================================================== */
body.gs2 .gs2-locate a{display:flex!important;align-items:center;justify-content:center;color:var(--wz-ink,#1b2a33)}
body.gs2 .gs2-locate a[aria-pressed="true"]{color:#1a73e8}
body.gs2 .m-locate[aria-pressed="true"]{color:#1a73e8}
body.gs2 .m-locate[aria-pressed="true"] svg{stroke:#1a73e8}
body.gs2 .m-locate[aria-pressed="true"] svg circle[fill]{fill:#1a73e8}
body.gs2 [data-locate].is-waiting{animation:gs2Blink 1s ease-in-out infinite}
@keyframes gs2Blink{50%{opacity:.45}}
@media (max-width:767px){body.gs2 .gs2-locate{display:none}}
@media (prefers-reduced-motion:reduce){body.gs2 [data-locate].is-waiting{animation:none}}

body.gs2 .map-note{position:absolute;left:50%;top:76px;transform:translateX(-50%);z-index:900;max-width:min(92%,420px);
  padding:10px 16px;border-radius:14px;background:var(--wz-ink,#1b2a33);color:#fff;font-size:13px;font-weight:700;
  box-shadow:0 6px 20px rgba(27,42,51,.3);text-align:center}

/* надписът с разстоянието върху линията */
.dist-label-wrap{background:none;border:0}
.dist-label{display:inline-block;transform:translate(-50%,-50%);white-space:nowrap;padding:4px 10px;border-radius:999px;
  background:#7c3aed;color:#fff;font:800 12px/1.3 var(--wz-round,system-ui);box-shadow:0 2px 8px rgba(0,0,0,.25);border:2px solid #fff}

/* бутонът в долната част на панела */
body.gs2.gs2-tracking .detail .detail-foot .btn-dist{width:auto!important;padding:0 12px;gap:6px;flex-shrink:0;white-space:nowrap;font-weight:800}
body.gs2.gs2-tracking .detail .detail-foot .btn-dist svg{stroke:currentColor}
body.gs2.gs2-tracking .detail .detail-foot .btn-dist[aria-pressed="true"]{background:#7c3aed!important;color:#fff!important}

/* картата „До мен“ под плочките */
body.gs2.gs2-tracking .dist{margin-top:2px;padding:10px 12px 12px;border-radius:14px;background:#f4efff;display:flex;flex-direction:column;gap:6px}
body.gs2.gs2-tracking .dist-top{display:flex;align-items:center;justify-content:space-between;min-height:24px}
body.gs2.gs2-tracking .dist-top .lbl{color:#6d28d9}
body.gs2.gs2-tracking .dist-main{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
body.gs2.gs2-tracking .dist-v{font:900 30px/1.05 var(--wz-round,system-ui);color:var(--wz-ink,#14161a);letter-spacing:-.5px;font-variant-numeric:tabular-nums}
body.gs2.gs2-tracking .dist-v small{font-size:14px;font-weight:800}
body.gs2.gs2-tracking .dist-how{font-size:13px;font-weight:700;color:#4c1d95}
body.gs2.gs2-tracking .dist-alt{font-size:12px;font-weight:700;color:var(--wz-ink-3,#5b6c75)}
body.gs2.gs2-tracking .dist-note,body.gs2.gs2-tracking .dist-msg{font-size:12px;color:var(--wz-ink-3,#5b6c75)}
body.gs2.gs2-tracking .dist-msg{font-weight:700;color:var(--wz-ink,#14161a);padding:4px 0}
body.gs2.gs2-tracking .dist-seg{display:flex;gap:4px;background:#fff;border-radius:999px;padding:3px;margin-top:2px}
body.gs2.gs2-tracking .dist-seg button{flex:1 1 0;min-width:0;height:32px;border:0;border-radius:999px;background:none;font:800 12px var(--wz-round,system-ui);
  color:var(--wz-ink-3,#5b6c75);cursor:pointer;white-space:nowrap}
body.gs2.gs2-tracking .dist-seg button[aria-checked="true"]{background:#7c3aed;color:#fff}
body.gs2.gs2-tracking .dist-seg button:focus-visible{outline:2px solid #7c3aed;outline-offset:1px}
/* „До мен“ се вижда и в свития панел на компютър (темата крие там иконките) */
body.gs2.gs2-tracking .detail-expand:not(:checked)~.detail-inner .detail-foot .btn-dist{display:inline-flex!important}

/* Маркерът на обекта: центърът на кръга е точно върху позицията при всякакъв
   размер. Преди беше изместен с фиксирани 15px (за кръг 30px), а темата го
   направи 38/48px - стрелката стоеше 4-9px встрани от следата и линиите. */
body.gs2.gs2-tracking .gs2-pin{display:block;position:relative;transform:translate(-50%,-50%)}
body.gs2.gs2-tracking .gs2-pin .gs2-label{position:absolute;left:100%;top:50%;transform:translateY(-50%);white-space:nowrap}

/* „Центрирай“ - при избран обект, когато картата е преместена встрани от него */
body.gs2 .recenter{position:absolute;z-index:860;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;
  height:44px;padding:0 18px 0 14px;border:0;border-radius:999px;background:#fff;color:#1a73e8;cursor:pointer;
  font:800 14px var(--wz-round,system-ui);box-shadow:0 4px 16px rgba(27,42,51,.25);white-space:nowrap}
body.gs2 .recenter svg{flex-shrink:0}
body.gs2 .recenter:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}

/* Долните бутони на панела не влизат под „Още/Свий“ (етикетът стои в дясно
   върху долната лента): при тесен панел „До мен“ остава само с иконка, а
   главният бутон се свива с многоточие. */
body.gs2.gs2-tracking .detail .detail-foot{container-type:inline-size}
body.gs2.gs2-tracking .detail .detail-foot > .btn{flex-shrink:0}
body.gs2.gs2-tracking .detail .detail-foot > .btn-primary{flex:1 1 auto;min-width:0;overflow:hidden}
body.gs2.gs2-tracking .detail .detail-foot > .btn-primary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@container (max-width:300px){
  /* разгънат - виждат се и четирите бутона */
  body.gs2.gs2-tracking .detail-expand:checked~.detail-inner .detail-foot .btn-dist{width:36px!important;padding:0!important;justify-content:center}
  body.gs2.gs2-tracking .detail-expand:checked~.detail-inner .detail-foot .btn-dist span{display:none}
  body.gs2.gs2-tracking .detail-expand:checked~.detail-inner .detail-foot .btn-primary{padding-left:10px;padding-right:10px}
  body.gs2.gs2-tracking .detail-expand:checked~.detail-inner .detail-foot .btn-primary svg{display:none}
}

/* Детайл на обект + „Автопарк“ от релсата: списъкът се вижда до панела */
@media (min-width:768px){
  body.gs2.gs2-tracking #gs2app[data-focus][data-fleet-open] .side{display:flex!important}
}
/* Езиче на десния ръб на „Автопарк“ (като в Google Maps) - скрива списъка;
   при скрит списък остава в левия край на картата и го отваря. */
body.gs2.gs2-tracking .fleet-tab{position:absolute;z-index:860;width:24px;height:52px;padding:0 0 0 1px;border:0;border-radius:0 14px 14px 0;
  background:#fff;color:var(--wz-ink,#1b2a33);box-shadow:4px 3px 14px rgba(27,42,51,.16);display:grid;place-items:center;cursor:pointer}
body.gs2.gs2-tracking .fleet-tab:hover{background:var(--wz-blue-soft,#e3f8ff)}
body.gs2.gs2-tracking .fleet-tab:focus-visible{outline:2px solid var(--wz-blue-deep,#0a9fd6);outline-offset:2px}
body.gs2.gs2-tracking .fleet-tab.is-closed{border-radius:14px;width:28px;box-shadow:var(--wz-shadow,0 6px 22px rgba(27,42,51,.13))}
body.gs2.gs2-tracking .fleet-tab.is-closed svg{transform:rotate(180deg)}
@media (max-width:767px){body.gs2.gs2-tracking .fleet-tab{display:none!important}}

/* История на телефон: филтрите над картата се скриват (js/gs2.history.js
   initFilterToggle). Скрити - остават заглавието и ред „обект · дата · Промени“. */
.hist-toggle,.hist-summary{display:none}
@media (max-width:767px){
  body.gs2 .hist .hist-top > h1{flex:1 1 0!important;min-width:0}
  body.gs2 .hist .hist-toggle{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;align-self:center;height:36px;padding:0 12px 0 14px;
    border:0;border-radius:999px;background:var(--wz-wash,#f1f6f8);color:var(--wz-ink,#1b2a33);font:800 13px var(--wz-round,system-ui);cursor:pointer}
  body.gs2 .hist .hist-top[data-collapsed] > :not(h1):not(.hist-summary){display:none!important}
  body.gs2 .hist .hist-top[data-collapsed] .hist-summary{display:flex!important}
  body.gs2 .hist .hist-summary{flex:1 1 100%;align-items:center;gap:10px;min-height:44px;padding:0 6px 0 16px;border:1px solid var(--wz-edge,#e1ebf0);
    border-radius:999px;background:#fff;color:var(--wz-ink,#1b2a33);font:700 14px var(--wz-round,system-ui);text-align:left;cursor:pointer}
  body.gs2 .hist .hist-summary-t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.gs2 .hist .hist-summary-a{flex:0 0 auto;height:34px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;
    background:var(--wz-blue,#33ccff);color:var(--wz-ink,#1b2a33);font-weight:800;font-size:13px}
  body.gs2 .hist .hist-toggle:focus-visible,body.gs2 .hist .hist-summary:focus-visible{outline:2px solid var(--wz-blue-deep,#0a9fd6);outline-offset:2px}
  /* свободното място отива за картата */
  body.gs2 .hist .hist-top[data-collapsed] ~ .hist-body .hist-map{height:52vh}
}

/* моята точка на картата - над маркерите на обектите */
.me-dot-wrap{background:none;border:0}
.me-dot{display:block;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#1a73e8;border:3px solid #fff;
  box-shadow:0 0 0 6px rgba(26,115,232,.22),0 2px 6px rgba(0,0,0,.3);box-sizing:border-box}

/* Телефон: без „Моето местоположение“ и „Покажи всички“ горе вдясно -
   местоположението се пуска само при отваряне на картата */
@media (max-width:767px){
  body.gs2.gs2-tracking #gs2locate,body.gs2.gs2-tracking #gs2fit{display:none!important}
}

/* Маркер на обекта - стрелка като в Waze (markerHtml() в js/gs2.tracking.js).
   Размерът е на .gs2-car - .gs2-pin се центрира по него. */
body.gs2.gs2-tracking .gs2-car{display:block;width:44px;height:44px}
body.gs2.gs2-tracking .gs2-car svg{display:block;width:100%;height:100%;overflow:visible}
body.gs2.gs2-tracking .gs2-car .halo{fill:rgba(27,42,51,.16)}
body.gs2.gs2-tracking .gs2-car .edge{fill:#fff;stroke:#fff;stroke-width:6;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
body.gs2.gs2-tracking .gs2-car .arrow{fill:var(--car);stroke:var(--car);stroke-width:2.5;stroke-linejoin:round}
body.gs2.gs2-tracking .gs2-pin[data-sel="1"] .gs2-car{width:58px;height:58px}
body.gs2.gs2-tracking .gs2-pin[data-sel="1"] .gs2-car .halo{fill:rgba(51,204,255,.28)}
body.gs2.gs2-tracking .gs2-pin[data-alarm="1"] .gs2-car .halo{fill:rgba(255,79,94,.2);animation:gs2CarPulse 1.8s ease-out infinite;transform-origin:24px 24px}
@keyframes gs2CarPulse{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.15);opacity:.25}}
@media (prefers-reduced-motion:reduce){body.gs2.gs2-tracking .gs2-pin[data-alarm="1"] .gs2-car .halo{animation:none}}
body.gs2.gs2-tracking .gs2-pin .gs2-label{margin-left:2px}

/* Моето местоположение - бял кръгъл бутон долу вдясно над списъка (телефон),
   колкото копчетата горе вдясно */
.me-fab{display:none}
@media (max-width:767px){
  body.gs2.gs2-tracking .me-fab{display:grid;place-items:center;position:absolute;right:12px;bottom:calc(var(--sheet-h, 46vh) + 14px);z-index:650;
    width:52px;height:52px;padding:0;border:0;border-radius:50%;background:#fff;color:#4b5563;
    box-shadow:var(--wz-shadow,0 6px 22px rgba(27,42,51,.13));cursor:pointer;transition:bottom .2s ease}
  body.gs2.gs2-tracking .me-fab:active{transform:scale(.95)}
  body.gs2.gs2-tracking .me-fab:focus-visible{outline:3px solid var(--wz-blue,#33ccff);outline-offset:2px}
  body.gs2.gs2-tracking #gs2app[data-focus] .me-fab{display:none}
}

/* Навигация до обекта - лента горе (navStart() в js/gs2.tracking.js) */
body.gs2.gs2-tracking .nav-bar{position:absolute;z-index:880;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:14px;
  padding:12px 12px 12px 14px;border-radius:22px;background:#1f2b33;color:#fff;box-shadow:0 8px 26px rgba(0,0,0,.3)}
@media (min-width:768px){
  /* до релсата вляво (картата е и под нея), както списъкът и „Назад“ */
  body.gs2.gs2-tracking .nav-bar{top:24px;left:calc(var(--portal-nav, 120px) + 2px);right:auto;width:min(460px,calc(100% - var(--portal-nav, 120px) - 480px))}
  body.gs2.gs2-tracking #gs2app[data-fleet-open] .nav-bar{left:calc(var(--portal-nav, 120px) + var(--portal-list, 330px) + 42px)}
}
body.gs2.gs2-tracking #gs2app[data-nav] .topbar{display:none!important}
body.gs2.gs2-tracking .nav-arrow{flex:0 0 auto;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center}
body.gs2.gs2-tracking .nav-arrow svg{fill:var(--wz-blue,#33ccff);stroke:#fff;stroke-width:2;stroke-linejoin:round;transition:transform .25s ease-out}
body.gs2.gs2-tracking .nav-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
body.gs2.gs2-tracking .nav-dist{font:900 28px/1.05 var(--wz-round,system-ui);letter-spacing:-.5px;font-variant-numeric:tabular-nums}
body.gs2.gs2-tracking .nav-sub{font-size:13px;font-weight:700;color:#cfe3ea;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.gs2.gs2-tracking .nav-obj{font-size:12px;color:#9fb4bd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.gs2.gs2-tracking .nav-mode:not(:empty)::before{content:" · "}
body.gs2.gs2-tracking .nav-stop{flex:0 0 auto;height:40px;padding:0 16px;border:0;border-radius:999px;background:#ff4f5e;color:#fff;font:800 14px var(--wz-round,system-ui);cursor:pointer}
body.gs2.gs2-tracking .nav-stop:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.gs2.gs2-tracking .nav-bar.is-arrived{background:#15803d}
body.gs2.gs2-tracking .nav-bar.is-arrived .nav-arrow svg{fill:#fff}
@media (prefers-reduced-motion:reduce){body.gs2.gs2-tracking .nav-arrow svg{transition:none}}

/* бутонът в картата „До мен“ */
body.gs2.gs2-tracking .dist-top-r{display:flex;align-items:center;gap:8px}
body.gs2.gs2-tracking .dist-nav{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px 0 12px;
  border:0;border-radius:999px;background:#7c3aed;color:#fff;font:800 13px var(--wz-round,system-ui);cursor:pointer;white-space:nowrap}
body.gs2.gs2-tracking .dist-nav.is-on{background:#ff4f5e}
body.gs2.gs2-tracking .dist-nav:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}
body.gs2.gs2-tracking .nav-voice{flex:0 0 auto;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
body.gs2.gs2-tracking .nav-voice[aria-pressed="true"] .off,body.gs2.gs2-tracking .nav-voice[aria-pressed="false"] .on{display:none}
body.gs2.gs2-tracking .nav-voice:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.gs2.gs2-tracking .nav-bar{gap:10px}
@media (max-width:400px){body.gs2.gs2-tracking .nav-arrow{width:50px;height:50px}body.gs2.gs2-tracking .nav-dist{font-size:24px}}
/* съобщението на картата не стои върху лентата на навигацията */
body.gs2.gs2-tracking #gs2app[data-nav] .map-note{top:132px}

/* ==================================================================
   Обиколка из картата (js/gs2.tour.js)
   ================================================================== */
.tour{position:fixed;inset:0;z-index:4000}
.tour-hole{position:fixed;border-radius:16px;box-shadow:0 0 0 9999px rgba(15,25,32,.58);pointer-events:none;
  transition:left .25s ease,top .25s ease,width .25s ease,height .25s ease}
.tour.is-center .tour-hole{left:50%;top:50%;width:0;height:0}
.tour-card{position:fixed;width:min(340px,calc(100vw - 24px));padding:18px 18px 14px;border-radius:20px;background:#fff;color:var(--wz-ink,#1b2a33);
  box-shadow:0 18px 50px rgba(0,0,0,.3);outline:none;transition:left .25s ease,top .25s ease}
.tour.is-center .tour-card{left:50%!important;top:50%!important;transform:translate(-50%,-50%)}
.tour-count{font-size:11px;font-weight:800;letter-spacing:.6px;color:var(--wz-blue-deep,#0a9fd6);text-transform:uppercase}
.tour-title{margin:4px 0 6px;font:900 19px/1.25 var(--wz-round,system-ui);letter-spacing:-.3px}
.tour-text{margin:0;font-size:14px;line-height:1.45;color:var(--wz-ink-2,#3d4f59)}
.tour-foot{display:flex;align-items:center;gap:8px;margin-top:14px}
.tour-grow{flex:1 1 auto}
.tour-skip{border:0;background:none;padding:6px 2px;font:700 13px var(--wz-round,system-ui);color:var(--wz-ink-3,#5b6c75);cursor:pointer}
.tour-skip:hover{color:var(--wz-ink,#1b2a33);text-decoration:underline}
.tour-card .btn{height:38px;padding:0 16px}
@media (prefers-reduced-motion:reduce){.tour-hole,.tour-card{transition:none}}

/* Филтрите над „Автопарк“ - четири равни карета (renderChips): число и надпис */
body.gs2.gs2-tracking #gs2chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;flex-wrap:nowrap;overflow:visible}
body.gs2.gs2-tracking #gs2chips .stat-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:auto;min-height:50px;
  min-width:0;padding:6px 4px;border:1.5px solid transparent;border-radius:14px;background:var(--wz-wash,#f1f6f8);color:var(--wz-ink,#1b2a33);box-shadow:none;flex-shrink:1}
body.gs2.gs2-tracking #gs2chips .stat-chip .n{font:900 17px/1.1 var(--wz-round,system-ui);opacity:1;font-variant-numeric:tabular-nums}
body.gs2.gs2-tracking #gs2chips .stat-chip .l{display:flex;align-items:center;gap:4px;max-width:100%;font-size:11px;font-weight:700;color:var(--wz-ink-3,#5b6c75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.gs2.gs2-tracking #gs2chips .stat-chip .dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%}
body.gs2.gs2-tracking #gs2chips .stat-chip:hover{background:#e7f1f5}
body.gs2.gs2-tracking #gs2chips .stat-chip[aria-pressed="true"]{background:var(--wz-blue-soft,#e3f8ff);border-color:var(--wz-blue,#33ccff)}
body.gs2.gs2-tracking #gs2chips .stat-chip[aria-pressed="true"] .l{color:var(--wz-ink,#1b2a33)}
body.gs2.gs2-tracking #gs2chips .stat-chip:focus-visible{outline:2px solid var(--wz-blue-deep,#0a9fd6);outline-offset:1px}

/* История: престоят е знак „P“ (STOP_ICON в js/gs2.history.js). Точките на
   картата се центрират по размера си - общото translate(-15px) ги изместваше
   с няколко пиксела встрани от мястото, до което сочи връхът на „P“. */
body.gs2 #gs2histmap .gs2-pin{display:block;position:relative;transform:translate(-50%,-50%)}
body.gs2 #gs2histmap .gs2-pin .gs2-tip{position:absolute;left:100%;top:50%;transform:translateY(-50%)}
.hist-stop{background:none;border:0;border-radius:7px}
.hist-stop svg{display:block;overflow:visible;filter:drop-shadow(0 2px 3px rgba(15,23,42,.38));transform-origin:50% 94%;transition:transform .12s ease}
.hist-stop:hover svg{transform:scale(1.12)}
.hist-stop:focus-visible{outline:2px solid #1a56db;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.hist-stop svg{transition:none}}

/* Кръглият бутон за слоя, когато картата не е „Карта“ (aria-pressed): като
   избраните филтри - светлосин със синя икона. gs2.css прави фона тъмен, а
   waze.css оцветява иконата тъмно - оставаше черно кръгче без икона. */
body.gs2 .m-fab[aria-pressed="true"]{background:var(--wz-blue-soft,#e3f8ff)}
body.gs2 .m-fab[aria-pressed="true"] svg{stroke:var(--wz-blue-deep,#0a9fd6)}

/* Вход: Български · English (login2.php) */
body.gs2-auth .auth-lang{display:flex;gap:4px;margin-right:auto}
body.gs2-auth .auth-lang a{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 6px;border-radius:7px}
body.gs2-auth .auth-lang a[aria-current="true"]{color:var(--wz-ink,#1b2a33);font-weight:700;background:var(--wz-wash,#f1f6f8)}

/* Английски (func/fn_lang.php): надписите, които идват от CSS */
html:lang(en) .rail-nav:before{content:'WORKSPACE'}
html:lang(en) .row[data-maphidden] .row-name::after{content:" · hidden"}
/* знамето до езика (gs2LangFlag в func/fn_lang.php) */
.lang-flag{flex:0 0 auto;width:20px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(27,42,51,.14)}

/* Настройки → Език: два бутона със знаме (js/gs2.settings.js) */
.lang-pick{display:flex;gap:8px;flex-wrap:wrap}
.lang-opt{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px 0 12px;border:1.5px solid var(--line,#dfe6ea);border-radius:12px;background:#fff;font:inherit;font-weight:700;color:var(--wz-ink,#1b2a33);cursor:pointer}
.lang-opt:hover{background:var(--wz-wash,#f1f6f8)}
.lang-opt[aria-pressed="true"]{background:var(--wz-blue-soft,#e3f8ff);border-color:var(--wz-blue,#33ccff)}
.lang-opt:focus-visible{outline:2px solid var(--wz-blue-deep,#0a9fd6);outline-offset:2px}
.lang-opt:disabled{opacity:.6;cursor:default}

/* Компютър: бутоните долу вдясно се местят над панела на обекта (controlsSync) */
@media (min-width: 768px){
  body.gs2.gs2-tracking #gs2map .leaflet-bottom.leaflet-right{transition:bottom .2s ease, right .2s ease}
}
@media (prefers-reduced-motion:reduce){body.gs2.gs2-tracking #gs2map .leaflet-bottom.leaflet-right{transition:none}}

/* Компютър: „Карта“ и „Места“ се виждат винаги и са на една линия с Автопарк
   (горе 24px). Старата тема ги слагаше на 100px - под заглавна лента, каквато
   на компютър вече няма - и ги скриваше при избран обект. */
@media (min-width: 768px){
  body.gs2.gs2-tracking .topbar{top:24px}
  body.gs2.gs2-tracking #gs2app[data-focus] .topbar{left:122px;right:24px;top:24px}
  body.gs2.gs2-tracking #gs2app[data-focus] .topbar .back{order:1;margin-right:0;height:44px}
  body.gs2.gs2-tracking #gs2app[data-focus] .topbar .follow{order:2;height:44px}
  body.gs2.gs2-tracking #gs2app[data-focus] .topbar .seg{display:flex;order:3;margin-left:auto}
}

/* Компютър: панелът на обекта се смалява до иконката и името (копчето в горния
   десен ъгъл или щракване по смаления панел). Изборът се помни в браузъра.
   На телефон панелът е долен лист - там има чертичка, копчето го няма. */
.detail-min{display:none}
@media (min-width:768px){
  body.gs2.gs2-tracking .detail-min{display:grid;place-items:center;position:absolute;z-index:4;top:13px;right:14px;
    width:30px;height:30px;padding:0;border:0;border-radius:50%;background:var(--wz-wash,#eef5f8);color:var(--wz-ink,#1b2a33);cursor:pointer;transition:background .15s}
  body.gs2.gs2-tracking .detail-min:hover{background:var(--wz-blue-soft,#e3f8ff)}
  body.gs2.gs2-tracking .detail-min:focus-visible{outline:2px solid var(--wz-blue-deep,#0a9fd6);outline-offset:2px}
  body.gs2.gs2-tracking .detail-min svg{transition:transform .2s ease}
  /* името да не минава под копчето */
  body.gs2.gs2-tracking .detail .detail-id{padding-right:34px}

  body.gs2.gs2-tracking .detail[data-open][data-min]{width:auto;min-width:230px;max-width:340px}
  body.gs2.gs2-tracking .detail[data-min] .detail-min svg{transform:rotate(180deg)}
  body.gs2.gs2-tracking .detail[data-min] .detail-head{padding:11px 14px;gap:0;cursor:pointer}
  body.gs2.gs2-tracking .detail[data-min] .detail-head > :not(.detail-id),
  body.gs2.gs2-tracking .detail[data-min] .detail-id .status-line,
  body.gs2.gs2-tracking .detail[data-min] .tabs,
  body.gs2.gs2-tracking .detail[data-min] .pane,
  body.gs2.gs2-tracking .detail[data-min] .detail-foot,
  body.gs2.gs2-tracking .detail[data-min] .detail-expand,
  body.gs2.gs2-tracking .detail[data-min] .detail-expand-label{display:none}
  body.gs2.gs2-tracking .detail[data-min] .detail-id{align-items:center;gap:10px}
  body.gs2.gs2-tracking .detail[data-min] .veh-ico{width:38px;height:38px}
  body.gs2.gs2-tracking .detail[data-min] .detail-id h2{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}