.responsive-data-view { min-width: 0; }
.responsive-data-view__mobile { display: none; }
.responsive-data-view__pager { margin-top: 1rem; }

.mobile-data-card {
    display: grid;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid var(--border, #dfe5ea);
    border-radius: .85rem;
    background: var(--surface, #fff);
    box-shadow: 0 1px 2px rgb(15 23 42 / .06);
}
.mobile-data-card__header,
.mobile-data-card__actions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}
.mobile-data-card__header small { display: block; margin-top: .2rem; color: var(--muted, #64748b); }
.mobile-data-card__details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin: 0; }
.mobile-data-card__details > div { min-width: 0; }
.mobile-data-card__details dt { color: var(--muted, #64748b); font-size: .78rem; }
.mobile-data-card__details dd { margin: .15rem 0 0; overflow-wrap: anywhere; }
.mobile-data-card__more { position: relative; }
.mobile-data-card__more summary { min-height: 44px; display: inline-flex; align-items: center; cursor: pointer; }
.mobile-data-card__more > div { display: grid; gap: .4rem; padding-top: .4rem; }

.ops-success-state,
.ops-permission-state,
.ops-restricted-state {
    padding: 1rem;
    border: 1px solid var(--border, #dfe5ea);
    border-radius: .85rem;
    background: var(--surface, #fff);
    text-align: center;
}
.ops-success-state { border-color: #86c5a3; background: #f2fbf6; }
.technical-data-table { min-width: 760px; }
.table-wrap:has(.technical-data-table) { overflow-x: auto !important; }
.table-wrap[tabindex="0"]:focus-visible { outline: 3px solid var(--focus, #2563eb); outline-offset: 2px; }

@media (max-width: 720px) {
    .responsive-data-view__desktop { display: none; }
    .responsive-data-view__mobile { display: grid; gap: .75rem; }
    .mobile-data-card__actions button,
    .mobile-data-card__actions a,
    .mobile-data-card__actions summary { min-height: 44px; }
}

@media (max-width: 390px) {
    .mobile-data-card { padding: .85rem; }
    .mobile-data-card__details { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .responsive-data-view *, .mobile-data-card * { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}