/* V8.79 – stegvis layout av Tidslinje, inga ändringar i data eller tidsreglage. */
.v879-fold{border:1px solid #d3e2f0;border-radius:9px;padding:6px 9px;background:#f9fcff}
.v879-fold>summary{cursor:pointer;font-weight:750;color:#184d7a;padding:6px 3px}
.v879-fold:not([open]){padding-bottom:6px}
.v879-fold .v879-actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.v879-fold .v879-actions button{padding:5px 8px;border-radius:7px;border:1px solid #bfd5e8;background:#fff;color:#174d7f;font-size:11px;cursor:pointer}
body[data-v827-view="timeline"] #v829BackBar{position:sticky;top:var(--tv-header-height,0px);z-index:51;background:#f5f8fc;border:1px solid #d9e5f0;border-radius:9px;padding:6px 9px;box-shadow:0 3px 8px rgba(23,63,103,.07)}
@media(max-width:900px){body[data-v827-view="timeline"] #v829BackBar{position:relative;top:auto}}

/* Kompakt kontrollfält – separata rader när bredden inte räcker. */
body[data-v827-view="timeline"] #v7toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;max-width:100%;height:auto!important}
body[data-v827-view="timeline"] #v7toolbar>*{flex-shrink:0;max-width:100%}
body[data-v827-view="timeline"] #v7toolbar select{min-width:0;width:auto;max-width:min(100%,220px);font-size:12px;padding:5px 7px}
body[data-v827-view="timeline"] #v7toolbar button{font-size:11px;padding:6px 8px;white-space:nowrap}
body[data-v827-view="timeline"] #v7stats,body[data-v827-view="timeline"] #v815CollapseStatus{flex:1 1 180px;min-width:0;white-space:normal;font-size:10px}
body[data-v827-view="timeline"] #v827PanControls{min-width:0;max-width:100%;box-sizing:border-box}
body[data-v827-view="timeline"] #v827PanControls .v827-pantop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px}
body[data-v827-view="timeline"] #v827PanControls .v827-panrow{display:flex;min-width:0;gap:6px;align-items:center}
body[data-v827-view="timeline"] #v827PanSlider{min-width:60px;flex:1 1 120px;max-width:100%}
body[data-v827-view="timeline"] .v843-sticky-controls{min-width:0;box-sizing:border-box;max-width:100%}
.v879-fold .v879-actions button{min-width:100px}

/* V8.79: narrow timeline control surfaces without altering pan-slider behavior. */
body[data-v827-view="timeline"] #timelineView .v843-sticky-controls{padding:3px 6px 0!important;box-shadow:none}
body[data-v827-view="timeline"] #timelineView #v7toolbar{gap:3px 5px!important;margin:0 0 3px!important;padding:3px!important;line-height:1.2}
body[data-v827-view="timeline"] #timelineView #v7toolbar label,body[data-v827-view="timeline"] #timelineView #v7toolbar select{font-size:10px!important}
body[data-v827-view="timeline"] #timelineView #v7toolbar button{font-size:10px!important;padding:4px 6px!important;min-height:25px}
body[data-v827-view="timeline"] #timelineView #v7toolbar select{padding:3px 5px!important;max-width:165px!important}
body[data-v827-view="timeline"] #timelineView #v827PanControls{margin:0 0 3px!important;padding:4px 7px!important;border-radius:6px}
body[data-v827-view="timeline"] #timelineView #v827PanControls .v827-pantop{font-size:10px;line-height:1.2}
body[data-v827-view="timeline"] #timelineView #v827PanControls .v827-pantop small{font-size:9px;white-space:normal}
body[data-v827-view="timeline"] #timelineView #v827PanControls .v827-panrow{margin:3px 0!important;gap:5px}
body[data-v827-view="timeline"] #timelineView #v827PanControls button{padding:4px 7px!important;min-height:26px;font-size:10px!important}
body[data-v827-view="timeline"] #timelineView #v827PanControls .tiny{font-size:9px}
body[data-v827-view="timeline"] #timelineView #v827PanControls input[type=range]{min-width:36px;max-width:100%;box-sizing:border-box}
@media(max-width:1100px){body[data-v827-view="timeline"] #timelineView #v7toolbar{justify-content:flex-start}body[data-v827-view="timeline"] #timelineView #v7toolbar>*{margin:0!important}}

/* V8.79 response to review 3: keep the timeline itself primary. */
body[data-v827-view="timeline"] #v879PanDisclosure{border:0;min-width:0;margin:0 0 2px;background:transparent}
body[data-v827-view="timeline"] #v879PanDisclosure>summary{cursor:pointer;display:inline-block;font-size:10px;font-weight:700;line-height:1.2;padding:3px 7px;border:1px solid #cbdbea;border-radius:6px;color:#265580;background:#f9fbff}
body[data-v827-view="timeline"] #v879PanDisclosure:not([open]) #v827PanControls{display:none!important}
body[data-v827-view="timeline"] #v879PanDisclosure[open] #v827PanControls{max-width:100%;overflow:hidden}
body[data-v827-view="timeline"] #catFilters #tvOnlyBooks{display:none}
body[data-v827-view="timeline"] #catFilters .tv-only-filter{display:none!important}
body[data-v827-view="timeline"] #v7toolbar{flex-wrap:wrap!important;align-items:center!important;gap:2px 5px!important;padding:2px 4px!important}
body[data-v827-view="timeline"] .v843-sticky-controls{padding:3px 5px 0!important}

/* V8.79: layout enligt förslag c – ett sammanhållet kompakt kontrollhuvud.
   Tillbaka ligger sticky ovanför, verktyg/valfri panorering/tidsaxel under. */
@media(min-width:901px){
 body[data-v827-view="timeline"] #v829BackBar{
  position:sticky;top:var(--tv-header-height,0px);min-height:40px;box-sizing:border-box;
  z-index:54;margin-bottom:4px;padding:4px 8px;
 }
 body[data-v827-view="timeline"] #timelineView.v843-timeline-layout .v843-sticky-controls{
  position:sticky;top:calc(var(--tv-header-height,0px) + 53px);
  z-index:48;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;
  align-items:start;padding:4px 6px 0!important;
 }
 body[data-v827-view="timeline"] #timelineView #v7toolbar{
  grid-column:1;grid-row:1;display:flex!important;align-items:center;
  flex-wrap:wrap;gap:3px 5px!important;padding:2px 3px!important;
  min-width:0;margin:0!important;box-sizing:border-box;
 }
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure{
  grid-column:2;grid-row:1;min-width:0;margin:0!important;align-self:start;
 }
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure>summary{
  white-space:nowrap;font-size:10px;padding:5px 8px;min-height:25px;
  box-sizing:border-box;
 }
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure[open]{
  grid-column:1/-1;grid-row:2;width:100%;
 }
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure[open] #v827PanControls{
  box-sizing:border-box;width:100%;margin:3px 0!important;
 }
 body[data-v827-view="timeline"] #timelineView .v843-sticky-controls #axis{
  grid-column:1/-1;grid-row:3;margin-top:3px;
 }
}
@media(min-width:901px) and (max-width:1250px){
 body[data-v827-view="timeline"] #timelineView .v843-sticky-controls{
  grid-template-columns:minmax(0,1fr) auto;
 }
 body[data-v827-view="timeline"] #timelineView #v7toolbar select{
  max-width:135px!important;
 }
 body[data-v827-view="timeline"] #timelineView #v7stats,
 body[data-v827-view="timeline"] #timelineView #v815CollapseStatus{
  display:none;
 }
}
@media(max-width:900px){
 body[data-v827-view="timeline"] #timelineView .v843-sticky-controls{
  display:flex;flex-direction:column;position:relative;top:auto;
 }
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure{align-self:flex-end}
}

/* V8.79: stable disclosure trigger position regardless of its open state. */
@media(min-width:901px){
 body[data-v827-view="timeline"] #timelineView .v843-sticky-controls{grid-template-columns:minmax(0,1fr) auto}
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure,
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure[open]{
   grid-column:2!important;grid-row:1!important;
   position:relative;align-self:start;justify-self:end;
   width:auto!important;min-width:0;overflow:visible!important;
 }
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure>summary{
   display:block;min-width:98px;text-align:center;
 }
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure[open] #v827PanControls{
   position:absolute;top:calc(100% + 4px);right:0;
   width:min(1050px,calc(100vw - 40px))!important;
   max-width:calc(100vw - 40px)!important;
   z-index:60;background:#f4f8fe;
   border:1px solid #c8dbef;box-shadow:0 7px 20px rgba(18,56,89,.15);
 }
 body[data-v827-view="timeline"] #timelineView .v843-sticky-controls #axis{
   grid-row:2!important;grid-column:1/-1!important;
 }
}

@media(min-width:901px){
 body[data-v827-view="timeline"] #timelineView .v843-sticky-controls:has(#v879PanDisclosure[open]) #axis{margin-top:112px!important}
}

/* V8.81 alignment correction: keep disclosure trigger in row 1 and panel in-flow. */
@media(min-width:901px){
 body[data-v827-view="timeline"] #timelineView .v843-sticky-controls{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;gap:4px 6px!important;
  align-items:start;overflow:visible;
 }
 body[data-v827-view="timeline"] #timelineView #v7toolbar{grid-column:1!important;grid-row:1!important}
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure,
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure[open]{
  grid-column:2!important;grid-row:1!important;justify-self:end!important;
  position:static!important;width:auto!important;align-self:start!important;
 }
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure[open] #v827PanControls{
  position:static!important;top:auto!important;right:auto!important;
  width:100%!important;max-width:100%!important;margin:0!important;
  box-sizing:border-box;border:1px solid #c8dbef;border-radius:9px;
  box-shadow:none!important;background:#f4f8fe;
 }
 body[data-v827-view="timeline"] #timelineView .v843-sticky-controls #axis{
  grid-column:1/-1!important;grid-row:2!important;margin-top:0!important;
 }
 body[data-v827-view="timeline"] #timelineView .v843-sticky-controls:has(#v879PanDisclosure[open]) #axis{
  margin-top:0!important;
 }
}

@media(min-width:901px){
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure[open]{
  grid-column:1/-1!important;grid-row:1 / span 2!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;justify-self:stretch!important;
  width:100%!important;gap:5px 0!important;pointer-events:none;
 }
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure[open]>summary{
  grid-column:2!important;grid-row:1!important;justify-self:end;
  pointer-events:auto;
 }
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure[open] #v827PanControls{
  grid-column:1/-1!important;grid-row:2!important;pointer-events:auto;
 }
 body[data-v827-view="timeline"] #timelineView .v843-sticky-controls:has(#v879PanDisclosure[open]) #axis{
  grid-row:3!important;margin-top:0!important;
 }
}

/* Final in-flow placement: expanded details contents participate in parent grid. */
@media(min-width:901px){
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure[open]{
  display:contents!important;pointer-events:auto!important;
 }
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure[open]>summary{
  grid-column:2!important;grid-row:1!important;justify-self:end!important;
  display:block!important;
 }
 body[data-v827-view="timeline"] #timelineView #v879PanDisclosure[open] #v827PanControls{
  grid-column:1/-1!important;grid-row:2!important;
  position:static!important;width:100%!important;max-width:100%!important;
  margin:0!important;box-sizing:border-box;
 }
 body[data-v827-view="timeline"] #timelineView .v843-sticky-controls:has(#v879PanDisclosure[open]) #axis{
  grid-column:1/-1!important;grid-row:3!important;margin:0!important;
 }
}