.timeview{container-type:inline-size;background:#fff;border-top:1px solid var(--ie-line,#dfdfd9);color:var(--ie-navy,#102936);font-family:inherit;min-width:0}
.timeview-heading{padding:20px 24px 14px}
.timeview-heading h2{margin:0;color:var(--ie-navy,#102936);font-size:23px;line-height:1.2}
.timeview-settings{display:grid;grid-template-columns:minmax(330px,1.15fr) minmax(350px,1fr) minmax(290px,.9fr);align-items:stretch;gap:0;margin:0 24px 14px;padding:16px;border:1px solid var(--ie-line,#dfdfd9);border-radius:12px;background:var(--ie-surface,#f7f7f4)}
.timeview-control-group{display:flex;flex-direction:column;justify-content:center;gap:9px;min-width:0;padding:0 18px;border-inline-start:1px solid var(--ie-line,#dfdfd9)}
.timeview-control-group:first-child{padding-inline-start:0;border-inline-start:0}
.timeview-control-group:last-child{padding-inline-end:0}
.timeview-control-title{display:block;color:var(--ie-muted,#59656a);font-size:11px;font-weight:800;line-height:1.15;letter-spacing:.035em;text-transform:uppercase}
.timeview-dates{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0}
.timeview-date-field{display:flex;align-items:center;gap:3px;min-width:0;min-height:38px;padding:0 5px 0 7px;border:1px solid var(--ie-line,#dfdfd9);border-radius:7px;background:#fff;color:var(--ie-navy,#102936)}
.timeview-dates .timeview-date-field{font-size:12px}
.timeview-date-field span{flex:none;color:var(--ie-muted,#59656a);font-size:10px;font-weight:700}
.timeview-dates input{box-sizing:border-box;flex:1;min-width:0;width:100%;min-height:36px;padding:0;border:0;background:transparent;color:var(--ie-navy,#102936);font:inherit;font-size:12px;font-weight:650}
.timeview-dates button{min-height:38px;padding:6px 10px;border:1px solid var(--ie-line,#dfdfd9);border-radius:7px;background:#fff;color:var(--ie-navy,#102936);font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.timeview-dates button:hover{background:var(--ie-fiche,#eef3f5)}
.timeview-resolution{display:flex;align-items:center;gap:2px;max-width:100%;min-height:38px;padding:2px;border:1px solid var(--ie-line,#dfdfd9);border-radius:8px;background:#fff;overflow-x:auto}
.timeview-resolution-button{flex:1 0 auto;min-height:32px;padding:4px 7px;border:0;border-radius:6px;background:transparent;color:var(--ie-navy,#102936);font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.timeview-resolution-button[aria-pressed="true"]{background:var(--ie-navy,#102936);color:#fff}
.timeview .timeline-player{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:12px;flex:none;min-width:0;min-height:38px}
.timeview .timeline-player button{min-width:96px;min-height:38px;padding:6px 10px;font-size:13px}
.timeview .timeline-player input{width:100%;min-width:0;margin:0;accent-color:var(--ie-navy,#102936)}
.timeview .timeline-player output{flex:none;min-width:50px;max-width:98px;color:var(--ie-navy,#102936);font-size:13px;font-variant-numeric:tabular-nums;text-align:right}
.timeview-pattern-option{font-size:13px;font-weight:700;color:var(--ie-navy,#102936)}
.timeview-pattern-option input,.timeview-category input{accent-color:#287a99}
.timeview-categories{display:flex;gap:5px;flex-wrap:wrap;padding:0 20px 12px}
.timeview-category{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:4px 8px;border:1px solid var(--ie-line,#dfdfd9);border-radius:7px;background:var(--ie-surface,#f7f7f4);color:var(--ie-navy,#102936);font-size:12px;font-weight:750;cursor:pointer}
.timeview-category:has(input:not(:checked)){background:#fff;color:#6b8189;opacity:.8}
.timeview-category:hover{border-color:var(--ie-gold,#ad8248)}
.timeview-category-number,.chrono-lane-number{display:grid;place-items:center;flex:none;width:19px;height:19px;border-radius:50%;background:#287a99;color:#fff;font-size:11px}
.timeview-items{max-height:420px;min-height:210px;overflow:auto;scrollbar-color:#b6bab6 var(--ie-surface,#f7f7f4);overscroll-behavior:contain;background:#fff}
.timeview-track{--chrono-column-width:212px;display:grid;grid-template-columns:158px repeat(var(--chrono-columns),var(--chrono-column-width));width:max-content;min-width:100%}
.chrono-corner,.chrono-date,.chrono-lane-label,.chrono-cell{box-sizing:border-box;border-right:1px solid var(--ie-line,#dfdfd9);border-bottom:1px solid var(--ie-line,#dfdfd9)}
.chrono-corner,.chrono-date{position:sticky;top:0;z-index:2;min-height:44px;display:flex;align-items:center;padding:7px 9px;background:var(--ie-surface,#f7f7f4);color:var(--ie-navy,#102936);font-size:12px;font-weight:800;line-height:1.25}
.chrono-corner{left:0;z-index:4;background:var(--ie-navy,#102936);color:#fff}
.chrono-date{border-left:2px solid var(--ie-gold,#ad8248)}
.chrono-date-drill{width:100%;padding:2px 0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:left;cursor:zoom-in}
.chrono-date-drill:hover{text-decoration:underline}
.chrono-lane-label{position:sticky;left:0;z-index:3;display:flex;align-items:center;gap:7px;padding:8px;background:var(--ie-surface,#f7f7f4);color:var(--ie-navy,#102936);font-size:12px;line-height:1.2}
.chrono-lane-label[data-selected="false"],.chrono-cell[data-selected="false"]{display:none}
.chrono-unclassified-label{background:#f2f5f5;color:#48616b}
.chrono-unclassified-label .chrono-lane-number{background:#718994}
.chrono-unclassified-cell{background:#f9fbfb}
.chrono-cell{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:5px;min-height:62px;max-height:220px;overflow:auto;padding:7px;background:#fff;scrollbar-width:thin}
/* De 7I-chronologie in de dossierpagina groeit mee met de inhoud.
   Alleen de tijdas blijft horizontaal schuifbaar. */
.map-section > .timeview .timeview-items{min-height:0;max-height:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto}
.map-section > .timeview .chrono-cell{max-height:none;overflow:visible}
.chrono-cell:empty::after{content:'·';margin:auto;color:#a8aaa5}
.chrono-aggregate{display:grid;gap:5px;width:100%;min-width:0;padding:8px;border:1px solid #cad9de;border-radius:7px;background:#f4f8f9;color:var(--ie-navy,#102936);font:inherit;text-align:left;cursor:zoom-in}
.chrono-aggregate:hover{border-color:#6c9cad;background:#edf5f7}
.chrono-aggregate strong{font-size:12px;line-height:1.2}
.chrono-aggregate small{color:#55717e;font-size:10px;line-height:1.25}
.chrono-aggregate-spectrum{display:block;height:5px;border-radius:3px;background:#737373}
.timeview-entry{box-sizing:border-box;display:flex;align-items:center;gap:6px;flex:none;width:100%;min-width:0;max-width:none;padding:5px 7px;border:1px solid var(--ie-line,#dfdfd9);border-radius:7px;background:#fff;box-shadow:none}
.timeview-entry:hover,.timeview-entry:focus-within{background:var(--ie-surface,#f7f7f4);border-color:#a8b5b9}
.timeview-glyph{display:grid;place-items:center;flex:none;width:21px;height:21px;border-radius:50%;background:#28728a;color:#fff;box-shadow:none}
.timeview-glyph svg{width:14px;height:14px}
.timeview-clock{flex:none;color:var(--ie-muted,#59656a);font-size:11px;font-weight:750;font-variant-numeric:tabular-nums}
.timeview-source-badge{flex:none;color:#4f7180;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.timeview-entry[data-entity-kind="relation"] .timeview-glyph{border-radius:5px;background:#fff;color:#28728a;border:1px solid #7ea3b0}
.timeview-entry[data-entity-kind="articulation"] .timeview-glyph{border-radius:5px;background:#faf8fe;color:#7868a2;border:1px solid #7868a2}
.timeview-entry[data-entity-kind="object"] .timeview-glyph{border-radius:5px;background:#fff;color:#618b99;border:1px solid #7ea3b0}
.timeview-entry:not(.timeview-entry-pattern) .timeview-glyph{background:var(--timeview-tone,#737373);color:var(--timeview-ink,#fff);border-color:var(--timeview-tone,#737373)}
.timeview-entry[data-entity-kind="relation"] .timeview-glyph{background:#fff;color:var(--timeview-tone,#737373);border-color:var(--timeview-tone,#737373)}
.timeview-entry[data-signal-kind="gemengd"] .timeview-glyph{background:var(--timeview-tone);color:#fff;border-color:#737373}
.timeview-entry[data-proposal-status="true"] .timeview-glyph{outline:2px solid #8d6ca8;outline-offset:2px}
.timeview-entry:is([data-signal-kind="spanning"],[data-signal-kind="beperking"],[data-signal-kind="escalatie"],[data-signal-kind="herstel"],[data-signal-kind="gemengd"]){border-color:color-mix(in srgb,var(--timeview-tone) 36%,#fff);border-inline-start:4px solid var(--timeview-tone);background:color-mix(in srgb,var(--timeview-tone) 10%,#fff)}
.timeview-entry:is([data-signal-kind="spanning"],[data-signal-kind="beperking"],[data-signal-kind="escalatie"],[data-signal-kind="herstel"],[data-signal-kind="gemengd"]):is(:hover,:focus-within){border-color:var(--timeview-tone);background:color-mix(in srgb,var(--timeview-tone) 16%,#fff)}
.timeview-entry[data-chronology-target="true"]{position:relative;z-index:1;border-color:var(--ie-navy,#102936);background:#edf3f6;box-shadow:0 0 0 3px #0e456455}
.timeview-entry[data-chronology-target="true"]:is([data-signal-kind="spanning"],[data-signal-kind="beperking"],[data-signal-kind="escalatie"],[data-signal-kind="herstel"],[data-signal-kind="gemengd"]){border-color:var(--timeview-tone);background:color-mix(in srgb,var(--timeview-tone) 16%,#fff)}
.timeview-entry[data-chronology-target="true"] .timeview-open{white-space:normal;overflow:visible}
.timeview-entry-pattern{border-color:#cfc7d6;background:#fff}
.timeview-entry-pattern .timeview-glyph{background:#7868a2}
.timeview-entry-content{min-width:0}
.timeview-open,.timeview-entry-title{display:block;flex:1;min-width:0;max-width:none;padding:0;border:0;background:none;color:var(--ie-navy,#102936);font:inherit;font-size:11px;font-weight:700;text-align:left;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:none}
.timeview-open{cursor:pointer}
.timeview-open:hover,.timeview-open:focus-visible{text-decoration:underline}
.timeview-empty{grid-column:1/-1;padding:14px;color:#657f89;font-size:13px}
.timeview :focus-visible{outline:2px solid #287a99;outline-offset:2px}
@container (max-width:1120px){.timeview-settings{grid-template-columns:minmax(300px,1.25fr) minmax(350px,1fr);row-gap:18px}.timeview-control-group:nth-child(3){padding-inline-start:0;border-inline-start:0}}
@container (max-width:700px){.timeview-heading{padding:18px 12px 12px}.timeview-settings{grid-template-columns:minmax(0,1fr);gap:14px;margin-left:12px;margin-right:12px;padding:14px}.timeview-control-group,.timeview-control-group:nth-child(3){padding:14px 0 0;border-inline-start:0;border-top:1px solid var(--ie-line,#dfdfd9)}.timeview-control-group:first-child{padding-top:0;border-top:0}.timeview-categories{padding-left:12px;padding-right:12px}}
@media(max-width:700px){.timeview-track{grid-template-columns:125px repeat(var(--chrono-columns),var(--chrono-column-width))}.timeview-items{max-height:360px}}