/* Read-only facts share one object link; density never depends on clipping content. */
.service-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;margin:0 0 8px;border:1px solid var(--ifx-color-border);border-radius:var(--ifx-radius-panel);background:var(--ifx-color-surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 1px 2px rgba(66,52,34,.05)}
.service-overview-column{position:relative;min-width:0;padding:4px 8px;--service-share-size:32px}
.service-overview-column+.service-overview-column{border-left:1px solid var(--ifx-color-border)}
.service-overview-object-link svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.service-overview-object{min-width:0}
.service-overview-object+.service-overview-object{border-top:1px solid var(--ifx-color-border)}
.service-overview-object-link{display:block;box-sizing:border-box;min-width:0;padding:2px 0;color:var(--ifx-color-text)!important;text-decoration:none;line-height:1.4;overflow-wrap:anywhere}
.service-overview-fuel{min-height:44px}
.service-overview-atm{min-height:32px}
.service-overview-name{display:block;min-width:0;font-weight:600;overflow-wrap:anywhere}
.service-overview-column:has(>.post-share) :is(.service-overview-object:first-of-type .service-overview-name,.service-overview-empty){box-sizing:border-box;min-height:var(--service-share-size);padding-inline-end:calc(var(--service-share-size) + 4px)}
.service-overview-column>.post-share{position:absolute;top:4px;right:8px;margin:0}
.service-overview-column>.post-share .post-share-trigger{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--service-share-size);height:var(--service-share-size);min-height:var(--service-share-size);padding:0;border-color:transparent}
.service-overview-column>.post-share .share-glyph{width:18px;height:18px}
.service-overview-column>.post-share .post-share-menu{left:auto;right:0;box-sizing:border-box;width:max-content;min-width:min(180px,calc(100vw - 64px));max-width:calc(100vw - 64px)}
.service-overview-column:first-child>.post-share .post-share-menu{left:50%;right:auto;transform:translateX(-50%)}
.service-overview-column>.post-share .post-share-menu :is(a,button){white-space:normal}
.service-overview :is(a:hover,a:focus-visible){background:var(--ifx-color-surface-muted);text-decoration:none}
.service-overview-object-link:is(:hover,:focus-visible) .service-overview-name{text-decoration:underline}
.service-overview a:focus-visible{outline:var(--ifx-focus-ring);outline-offset:1px;border-radius:var(--ifx-radius-control)}
.service-overview-grades{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;margin-top:2px}
.service-overview-grade{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px;min-width:0;max-width:100%}
.service-overview-fuel-name{font-weight:600;overflow-wrap:anywhere;max-width:100%}
.service-overview-state{--service-state-color:var(--ifx-color-text-muted);display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px;max-width:100%;min-width:22px;min-height:22px;padding:0 2px;box-sizing:border-box;border:1px solid currentColor;border-radius:var(--ifx-radius-control);color:var(--service-state-color);background:color-mix(in srgb,var(--service-state-color) 7%,var(--ifx-color-surface));line-height:1.3;overflow-wrap:anywhere}
.service-overview-state[data-status=Available]{--service-state-color:color-mix(in srgb,var(--ifx-color-success) 90%,var(--ifx-color-action))}
.service-overview-state:is([data-status=Unavailable],[data-status=Inactive]){--service-state-color:color-mix(in srgb,var(--ifx-color-danger) 88%,var(--ifx-color-action))}
.service-overview-state[data-status=Limited]{--service-state-color:color-mix(in srgb,var(--ifx-color-warning) 90%,var(--ifx-color-action))}
.service-overview-state[data-status=Stale]{border-style:dashed}
.service-overview-state[data-status=Limited]{font-weight:650}
.service-overview :is(.service-overview-delivery,.service-overview-banknote){display:flex;align-items:center;flex-wrap:wrap;gap:2px 4px;min-width:0;margin:2px 0 0!important;line-height:1.4}
.service-overview-delivery time{overflow-wrap:anywhere;min-width:0}
.service-overview-delivery[data-delivery-status=Overdue]{color:var(--ifx-color-warning)}
.service-overview-delivery[data-delivery-status=Stale]{color:var(--ifx-color-text-muted)}
.service-overview-unknown{display:inline-flex;align-items:center;justify-content:center;width:20px;min-height:20px;border:1px solid var(--ifx-color-border-strong);border-radius:var(--ifx-radius-control);font-weight:650}
.service-overview-note{color:var(--ifx-color-text-muted);margin:2px 0 0!important;overflow-wrap:anywhere}
.service-overview-atm-status{display:flex;align-items:center;flex-wrap:wrap;gap:2px 5px;min-width:0;min-height:28px}
.service-overview-atm-status>.service-overview-state{flex:none}
.service-overview-reasons{display:flex;flex-wrap:wrap;gap:2px 6px;min-width:0;overflow-wrap:anywhere}
.service-overview-reasons>span{min-width:0;overflow-wrap:anywhere}
.service-overview-empty{color:var(--ifx-color-text-muted);margin:0!important;line-height:1.4}
@media(max-width:420px){.service-overview-column{padding-inline:6px}.service-overview-column>.post-share{right:6px}}
@media(forced-colors:active){.service-overview{box-shadow:none;border-color:CanvasText}.service-overview-state{border-color:currentColor}}
