:root{
  --accent:#078ed5;
  --accent-strong:#0477b5;
  --surface:#fff;
  --surface-2:#f5f8fb;
  --surface-3:#eaf0f5;
  --text:#111820;
  --muted:#64717f;
  --border:#d7e0e8;
  --shadow:0 14px 34px rgba(22,34,48,.09);
}
html[data-theme="gray"]{
  --accent:#FEBE26;
  --accent-strong:#e3a915;
  --surface:#dce2e8;
  --surface-2:#d3dae2;
  --surface-3:#c7d0da;
  --text:#17202a;
  --muted:#596674;
  --border:#b8c2cd;
}
html[data-theme="dark"]{
  --accent:#078ed5;
  --accent-strong:#0477b5;
  --surface:#444447;
  --surface-2:#444447;
  --surface-3:#444447;
  --text:#f7f7f8;
  --muted:#d0d0d3;
  --border:#66666a;
}
*{box-sizing:border-box}
html,body{margin:0;background:#fff;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
button,select{font:inherit;color:inherit}
button{touch-action:manipulation}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}
.shell{width:min(1780px,calc(100% - 28px));margin:14px auto 40px}
.app-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;margin-bottom:12px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}
.eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--accent)}
.brand-block h1{margin:3px 0 0;font-size:clamp(21px,2vw,29px)}
.brand-block p{margin:5px 0 0;color:var(--muted);font-size:13px}
.header-actions{display:flex;gap:9px;align-items:stretch;flex-wrap:wrap;justify-content:flex-end}
.model-tabs,.theme-switcher,.runbox{display:flex;align-items:center;min-height:48px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}
.model-tabs,.theme-switcher{padding:4px}
.model-tab,.theme-switcher button{height:38px;border:0;border-radius:9px;background:transparent;cursor:pointer}
.model-tab{padding:0 16px;font-weight:800;color:var(--muted)}
.model-tab.active{background:var(--accent);color:#fff}
.theme-switcher button{width:38px;font-size:18px;color:var(--muted)}
.theme-switcher button.active{background:var(--surface-3);color:var(--accent)}
.runbox{display:grid;align-content:center;min-width:180px;padding:7px 13px}
.runbox span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.runbox strong{font-size:14px;margin-top:2px}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.main-column{min-width:0}
.status-strip{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 4px 12px}
.status-strip>div{display:flex;align-items:center;gap:8px}
.status-strip span:not(.status-dot){color:var(--muted);font-size:13px}
.status-dot{width:9px;height:9px;border-radius:50%;background:#21b573;box-shadow:0 0 0 4px rgba(33,181,115,.13)}
.map-card{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}
.card-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface)}
.parameter-heading{display:grid;gap:2px}.parameter-heading strong{font-size:16px}.parameter-heading span{font-size:11px;color:var(--muted)}
.card-valid{font-size:11px;color:var(--muted);white-space:nowrap}
.expand-map,.icon-button,.parameter-panel-toggle,.rail-close{border:1px solid var(--border);background:var(--surface);cursor:pointer}
.expand-map{width:38px;height:38px;border-radius:10px}
.map-title{padding:8px 12px;border-bottom:1px solid var(--border);background:var(--surface-2);color:var(--muted);font-size:12px}
.image-wrap{position:relative;aspect-ratio:1700/930;background:#fff;overflow:hidden}
.image-wrap img{display:block;width:100%;height:100%;object-fit:contain;cursor:zoom-in}
.loading,.missing{position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.88);color:#64717f;font-weight:800}
.loading.hidden{display:none}.missing[hidden]{display:none}
.player-card{margin-top:14px;padding:14px 16px 16px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}
.player-main{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px}
.transport-controls{display:flex;gap:7px}
.icon-button{width:42px;height:42px;border-radius:11px;font-size:27px}
.play-button{height:42px;min-width:130px;padding:0 17px;border:1px solid var(--accent);border-radius:11px;background:var(--accent);color:#fff;font-weight:900;cursor:pointer}
.speed-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}
.speed-control select{height:42px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);padding:0 30px 0 10px}
.active-time{justify-self:end;display:grid;text-align:right}.active-time strong{font-size:18px}.active-time span{font-size:12px;color:var(--muted)}
.slider-wrap{margin-top:13px}#timeSlider{width:100%;accent-color:var(--accent)}
.timeline-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}
.hours{display:flex;gap:6px;margin-top:12px;overflow-x:auto;padding-bottom:7px}
.hours button{flex:0 0 auto;min-width:42px;height:34px;border:1px solid transparent;border-radius:9px;background:var(--surface-3);color:var(--muted);cursor:pointer}
.hours button.active{background:var(--accent);color:#fff;font-weight:900}
.parameter-rail{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}
.rail-head{display:flex;justify-content:space-between;align-items:center;padding:13px 14px 11px;border-bottom:1px solid var(--border)}
.rail-head>div{display:grid;gap:2px}.dock-kicker{font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.rail-close{display:none;width:34px;height:34px;border-radius:9px;font-size:22px}
.parameter-tiles{overflow-y:auto}
.parameter-group{padding:11px 10px 12px;border-bottom:1px solid var(--border)}
.parameter-group h3{margin:0 0 8px;font-size:10.5px;text-transform:uppercase;letter-spacing:.035em}
.parameter-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.parameter-tile{display:flex;align-items:center;gap:7px;min-width:0;height:52px;padding:5px 7px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);text-align:left;cursor:pointer}
.parameter-tile.selected{border-color:#FEBE26;box-shadow:inset 0 0 0 1px #FEBE26}
.tile-icon{flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(7,142,213,.10);color:var(--accent);font-weight:900}
.tile-copy{min-width:0;display:grid;gap:1px}.tile-copy strong{font-size:10.5px;line-height:1.1}.tile-copy small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rail-help{margin:0;padding:9px 11px 11px;border-top:1px solid var(--border);font-size:9px;color:var(--muted)}
.parameter-panel-toggle{display:none;height:36px;border-radius:10px;padding:0 12px;background:var(--accent);border-color:var(--accent);color:#fff;font-weight:800}
.parameter-backdrop{display:none}
.error{margin-top:12px;padding:14px;border:1px solid #e6a9af;background:#fff1f2;color:#a51d2d;border-radius:11px}
.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px}.modal-backdrop{position:absolute;inset:0;background:rgba(4,8,13,.78)}.modal-panel{position:relative;width:min(1580px,96vw);max-height:94vh;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.modal-panel header{display:flex;justify-content:space-between;align-items:center;padding:9px 12px 9px 16px;border-bottom:1px solid var(--border)}.modal-panel header div{display:grid;gap:3px}.modal-panel header span{font-size:12px;color:var(--muted)}.modal-panel header button{width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:28px}.modal-image-wrap{position:relative;max-height:calc(94vh - 59px);overflow:auto;background:#fff}.modal-image-wrap img{display:block;width:100%;height:auto}.modal-nav{position:absolute;top:50%;z-index:3;width:58px;height:86px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.55);border-radius:16px;background:rgba(15,21,28,.48);color:#fff;font-size:54px;opacity:0;cursor:pointer}.modal-image-wrap:hover .modal-nav{opacity:1}.modal-nav-prev{left:18px}.modal-nav-next{right:18px}.modal-nav:disabled,.icon-button:disabled{opacity:.28;pointer-events:none}
body.modal-open,body.parameter-panel-open{overflow:hidden}
html[data-theme="dark"] .app-header,
html[data-theme="dark"] .map-card,
html[data-theme="dark"] .card-head,
html[data-theme="dark"] .map-title,
html[data-theme="dark"] .parameter-rail,
html[data-theme="dark"] .rail-head,
html[data-theme="dark"] .parameter-group,
html[data-theme="dark"] .parameter-tile,
html[data-theme="dark"] .player-card,
html[data-theme="dark"] .model-tabs,
html[data-theme="dark"] .theme-switcher,
html[data-theme="dark"] .runbox,
html[data-theme="dark"] .icon-button,
html[data-theme="dark"] .speed-control select,
html[data-theme="dark"] .expand-map,
html[data-theme="dark"] .hours button,
html[data-theme="dark"] .modal-panel,
html[data-theme="dark"] .modal-panel header{background:#444447!important}
html[data-theme="dark"] .image-wrap,html[data-theme="dark"] .modal-image-wrap{background:#fff!important}
@media(max-width:980px){
  .content-layout{display:block}
  .parameter-panel-toggle{display:inline-flex;align-items:center}
  .parameter-rail{position:fixed;z-index:1200;left:8px;right:8px;bottom:8px;top:auto;max-height:min(80vh,700px);transform:translateY(calc(100% + 22px));opacity:0;visibility:hidden;transition:.2s ease}
  .parameter-rail.open{transform:translateY(0);opacity:1;visibility:visible}
  .rail-close{display:block}
  .parameter-backdrop{position:fixed;display:block;z-index:1190;inset:0;border:0;background:rgba(4,8,13,.58)}
  .parameter-backdrop[hidden]{display:none}
}
@media(max-width:820px){
  .shell{width:min(100% - 14px,1780px);margin-top:7px}
  .app-header{display:grid;gap:12px;padding:13px}
  .header-actions{justify-content:flex-start;width:100%}
  .model-tabs{flex:1}.model-tab{flex:1}
  .runbox{flex:1;min-width:155px}
  .player-main{grid-template-columns:1fr auto}.active-time{grid-column:1/-1;justify-self:start;text-align:left}
}
@media(max-width:520px){
  .brand-block p{display:none}
  .header-actions{display:grid;grid-template-columns:1fr auto}
  .model-tabs{grid-column:1/-1}
  .runbox{min-width:0}.runbox strong{font-size:12px}
  .card-valid{display:none}
  .parameter-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .parameter-tile{height:48px}
  .speed-control span{display:none}
  .modal{padding:5px}.modal-panel{width:100%;max-height:98vh}
  .modal-nav{width:40px;height:60px;font-size:36px;opacity:.75}
  .modal-nav-prev{left:5px}.modal-nav-next{right:5px}
}


/* =========================================================
   SINGLE V2 – HORIZONTALNI RIBBON PARAMETROV
   ========================================================= */

.content-layout{display:block!important}
.main-column{width:100%;min-width:0}
.parameter-rail,.parameter-backdrop{display:none!important}

.parameter-ribbon{
  margin:0 0 12px;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--surface);
  box-shadow:var(--shadow);
}

.ribbon-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 13px 8px;
  border-bottom:1px solid var(--border);
}

.ribbon-head>div{display:grid;gap:1px}
.ribbon-head strong{font-size:13px}

.parameter-panel-toggle{
  display:inline-flex!important;
  align-items:center;
  height:34px;
  padding:0 11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--surface-2);
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}

.parameter-tabs{
  display:flex;
  gap:5px;
  padding:7px 9px 0;
  overflow-x:auto;
  scrollbar-width:thin;
}

.parameter-tab{
  flex:1 0 auto;
  min-width:118px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:11px 11px 0 0;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  transition:.16s ease;
}

.parameter-tab span{font-size:17px}
.parameter-tab strong{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.025em;
}

.parameter-tab:hover{
  background:var(--surface-2);
  color:var(--text);
}

.parameter-tab.active{
  border-color:var(--border);
  border-bottom-color:var(--surface-2);
  background:var(--surface-2);
  color:var(--accent);
}

.ribbon-panel{
  padding:8px 9px 10px;
  background:var(--surface-2);
  border-top:1px solid var(--border);
}

.ribbon-panel[hidden]{display:none!important}

.parameter-tiles{overflow:visible!important}
.ribbon-tile-row{
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding:1px 1px 5px;
  scrollbar-width:thin;
}

.parameter-tile{
  flex:0 0 145px;
  min-width:145px;
  height:52px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 8px;
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--surface);
  color:var(--text);
  text-align:left;
  cursor:pointer;
  transition:.16s ease;
}

.parameter-tile:hover{
  transform:translateY(-1px);
  border-color:#FEBE26;
}

.parameter-tile.selected{
  border-color:#FEBE26;
  box-shadow:inset 0 0 0 1px #FEBE26;
}

.tile-icon{
  flex:0 0 32px;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(7,142,213,.10);
  color:var(--accent);
  font-size:14px;
  font-weight:900;
}

.tile-copy{min-width:0;display:grid;gap:2px}
.tile-copy strong{
  font-size:10.5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tile-copy small{
  font-size:8px;
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.status-strip{padding-left:4px;padding-right:4px}
.map-card{width:100%}
.image-wrap{aspect-ratio:1700/930}
.player-card{width:100%}

/* Dark: ribbon in vsi njegovi bloki ostanejo #444447 */
html[data-theme="dark"] .parameter-ribbon,
html[data-theme="dark"] .ribbon-head,
html[data-theme="dark"] .parameter-tabs,
html[data-theme="dark"] .ribbon-panel,
html[data-theme="dark"] .parameter-tab,
html[data-theme="dark"] .parameter-tile,
html[data-theme="dark"] .parameter-panel-toggle{
  background:#444447!important;
}

html[data-theme="dark"] .parameter-tab.active{
  color:#FEBE26!important;
  border-bottom-color:#444447!important;
}

/* Gray */
html[data-theme="gray"] .parameter-ribbon{background:var(--surface)}
html[data-theme="gray"] .ribbon-panel,
html[data-theme="gray"] .parameter-tab.active{background:var(--surface-2)}

@media(max-width:820px){
  .parameter-ribbon{border-radius:14px;margin-bottom:8px}
  .ribbon-head{padding:9px 10px 7px}
  .parameter-tabs{padding:6px 7px 0}
  .parameter-tab{min-width:112px;height:40px;padding:0 9px}
  .ribbon-panel{padding:7px}
  .parameter-tile{flex-basis:132px;min-width:132px;height:49px}
  .image-wrap{aspect-ratio:1700/930}
}

@media(max-width:520px){
  .ribbon-head strong{font-size:12px}
  .parameter-panel-toggle{height:31px;padding:0 8px;font-size:10px}
  .parameter-tab{min-width:104px;height:38px}
  .parameter-tab strong{font-size:10px}
  .parameter-tile{flex-basis:122px;min-width:122px;height:47px;padding:5px 7px}
  .tile-icon{flex-basis:29px;width:29px;height:29px}
}


/* =========================================================
   SINGLE V3 – ČISTEJŠI RIBBON, MIRNEJŠI HOVER
   ========================================================= */

/* Celoten ribbon je bolj kompakten */
.parameter-ribbon{
  border-radius:15px!important;
  box-shadow:0 8px 22px rgba(22,34,48,.07)!important;
}

.ribbon-head{
  min-height:44px!important;
  padding:8px 12px 7px!important;
}

.ribbon-head .dock-kicker{
  font-size:8px!important;
}

.ribbon-head strong{
  font-size:12px!important;
}

.parameter-panel-toggle{
  height:30px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  font-size:10px!important;
  background:transparent!important;
}

/* Zavihki brez težkih blokov */
.parameter-tabs{
  gap:2px!important;
  padding:4px 8px 0!important;
  border-top:0!important;
}

.parameter-tab{
  flex:1 1 0!important;
  min-width:102px!important;
  height:38px!important;
  gap:6px!important;
  padding:0 9px!important;
  border:0!important;
  border-bottom:3px solid transparent!important;
  border-radius:8px 8px 0 0!important;
  background:transparent!important;
  color:var(--muted)!important;
  box-shadow:none!important;
  transform:none!important;
}

.parameter-tab span{
  font-size:15px!important;
  opacity:.86;
}

.parameter-tab strong{
  font-size:9.5px!important;
  letter-spacing:.02em!important;
}

/* Hover je samo nežen barvni poudarek */
.parameter-tab:hover{
  background:rgba(7,142,213,.055)!important;
  color:var(--text)!important;
  border-bottom-color:rgba(7,142,213,.28)!important;
}

/* Aktivna skupina – brez velike ploščice */
.parameter-tab.active{
  background:rgba(7,142,213,.075)!important;
  color:var(--accent)!important;
  border-bottom-color:var(--accent)!important;
}

/* Ploščice so nižje in bolj mirne */
.ribbon-panel{
  padding:7px 8px 8px!important;
}

.ribbon-tile-row{
  gap:6px!important;
  padding:0 0 3px!important;
}

.parameter-tile{
  flex:0 0 132px!important;
  min-width:132px!important;
  height:45px!important;
  gap:7px!important;
  padding:5px 7px!important;
  border-radius:9px!important;
  background:var(--surface)!important;
  box-shadow:none!important;
  transform:none!important;
}

.parameter-tile:hover{
  transform:none!important;
  background:rgba(7,142,213,.045)!important;
  border-color:rgba(7,142,213,.42)!important;
  box-shadow:0 3px 10px rgba(22,34,48,.055)!important;
}

.parameter-tile.selected{
  background:rgba(254,190,38,.09)!important;
  border-color:#FEBE26!important;
  box-shadow:inset 3px 0 0 #FEBE26!important;
}

.tile-icon{
  flex:0 0 27px!important;
  width:27px!important;
  height:27px!important;
  border-radius:8px!important;
  font-size:12px!important;
}

.tile-copy strong{
  font-size:9.8px!important;
  line-height:1.05!important;
}

.tile-copy small{
  font-size:7.5px!important;
}

/* Manj praznega prostora med ribbonom in karto */
.status-strip{
  padding-top:7px!important;
  padding-bottom:8px!important;
}

/* Glava karte nekoliko mirnejša */
.card-head{
  min-height:48px!important;
  padding:8px 10px!important;
}

.parameter-heading strong{
  font-size:14px!important;
}

/* Hover karte naj bo bolj subtilen */
.map-card:hover{
  transform:none!important;
  border-color:#FEBE26!important;
  box-shadow:
    0 0 0 1px rgba(254,190,38,.30),
    0 12px 28px rgba(22,34,48,.10)!important;
}

/* Gray tema */
html[data-theme="gray"] .parameter-tab:hover{
  background:rgba(254,190,38,.09)!important;
  border-bottom-color:rgba(254,190,38,.45)!important;
}

html[data-theme="gray"] .parameter-tab.active{
  background:rgba(254,190,38,.12)!important;
  color:#755200!important;
  border-bottom-color:#FEBE26!important;
}

/* Dark tema – še vedno enotna #444447 */
html[data-theme="dark"] .parameter-tab,
html[data-theme="dark"] .parameter-tab:hover,
html[data-theme="dark"] .parameter-tab.active,
html[data-theme="dark"] .parameter-tile,
html[data-theme="dark"] .parameter-tile:hover{
  background:#444447!important;
}

html[data-theme="dark"] .parameter-tab:hover{
  color:#fff!important;
  border-bottom-color:rgba(254,190,38,.45)!important;
}

html[data-theme="dark"] .parameter-tab.active{
  color:#FEBE26!important;
  border-bottom-color:#FEBE26!important;
}

html[data-theme="dark"] .parameter-tile:hover{
  border-color:#77777b!important;
  box-shadow:none!important;
}

html[data-theme="dark"] .parameter-tile.selected{
  background:#444447!important;
  border-color:#FEBE26!important;
  box-shadow:inset 3px 0 0 #FEBE26!important;
}

@media(max-width:820px){
  .parameter-tab{
    flex:0 0 106px!important;
    min-width:106px!important;
  }

  .parameter-tile{
    flex-basis:122px!important;
    min-width:122px!important;
  }
}

@media(max-width:520px){
  .ribbon-head{
    min-height:40px!important;
    padding:7px 9px 6px!important;
  }

  .parameter-tab{
    flex-basis:98px!important;
    min-width:98px!important;
    height:36px!important;
  }

  .parameter-tab strong{
    font-size:9px!important;
  }

  .parameter-tile{
    flex-basis:116px!important;
    min-width:116px!important;
    height:43px!important;
  }
}


/* =========================================================
   SINGLE V4 – JASNEJŠA AKTIVNA IZBIRA IN BREZ SKOKA STRANI
   ========================================================= */

/* Aktivni zavihek je jasno zapolnjen, ne le podčrtan. */
.parameter-tab.active{
  background:var(--accent)!important;
  border-bottom-color:var(--accent)!important;
  color:#fff!important;
  box-shadow:
    0 5px 13px rgba(7,142,213,.20)!important;
}

.parameter-tab.active span,
.parameter-tab.active strong{
  color:#fff!important;
  opacity:1!important;
}

.parameter-tab:hover:not(.active){
  background:rgba(7,142,213,.075)!important;
  border-bottom-color:rgba(7,142,213,.38)!important;
}

/* Izbrana ploščica parametra je bolj očitna. */
.parameter-tile.selected{
  position:relative;
  background:rgba(7,142,213,.11)!important;
  border-color:var(--accent)!important;
  box-shadow:
    inset 4px 0 0 var(--accent),
    0 4px 12px rgba(7,142,213,.12)!important;
}

.parameter-tile.selected::after{
  content:"✓";
  position:absolute;
  top:5px;
  right:6px;
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--accent);
  color:#fff;
  font-size:10px;
  font-weight:900;
}

.parameter-tile.selected .tile-copy{
  padding-right:15px;
}

.parameter-tile:hover:not(.selected){
  background:rgba(7,142,213,.065)!important;
  border-color:rgba(7,142,213,.55)!important;
}

/* Siva tema uporablja CGP rumeno za izbrano skupino/parameter. */
html[data-theme="gray"] .parameter-tab.active{
  background:#FEBE26!important;
  border-bottom-color:#FEBE26!important;
  color:#17130a!important;
  box-shadow:0 5px 13px rgba(154,105,0,.18)!important;
}

html[data-theme="gray"] .parameter-tab.active span,
html[data-theme="gray"] .parameter-tab.active strong{
  color:#17130a!important;
}

html[data-theme="gray"] .parameter-tile.selected{
  background:rgba(254,190,38,.17)!important;
  border-color:#FEBE26!important;
  box-shadow:
    inset 4px 0 0 #FEBE26,
    0 4px 12px rgba(154,105,0,.12)!important;
}

html[data-theme="gray"] .parameter-tile.selected::after{
  background:#FEBE26;
  color:#17130a;
}

/* Temna tema: bloki ostanejo #444447, aktivna izbira je dobro vidna. */
html[data-theme="dark"] .parameter-tab.active{
  background:#078ed5!important;
  border-bottom-color:#078ed5!important;
  color:#fff!important;
}

html[data-theme="dark"] .parameter-tile.selected{
  background:#444447!important;
  border-color:#FEBE26!important;
  box-shadow:
    inset 4px 0 0 #FEBE26,
    0 4px 12px rgba(0,0,0,.18)!important;
}

html[data-theme="dark"] .parameter-tile.selected::after{
  background:#FEBE26;
  color:#17130a;
}

/* Horizontalna vrstica ur naj se premika le levo/desno. */
.hours{
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  overscroll-behavior-y:none;
}