/* Full-HD usability layer for the primary Quick-ServiceDesk workspaces. */

.app-fullhd-page { width: 100%; }
.app-context-link { color: var(--rz-primary); text-decoration: none; font-weight: 600; }
.app-context-link:hover { text-decoration: underline; }
.app-scroll-region { overflow: auto; scrollbar-gutter: stable; }
.app-master-selected-row > td { background: var(--rz-primary-lighter) !important; font-weight: 600; box-shadow: inset 4px 0 0 var(--rz-primary); }
.app-selection-context-note { display: flex; align-items: center; gap: 0.45rem; padding: 0.5rem 0.65rem; border-radius: 9px; background: var(--rz-primary-lighter); color: var(--rz-text-color); font-size: 0.82rem; }
.app-selection-context-note .material-symbols-outlined { font-size: 1rem; color: var(--rz-primary); }
.app-kpi-filter-button { width: 100%; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; font: inherit; cursor: pointer; }
.app-kpi-filter-button .app-kpi-card { transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; }
.app-kpi-filter-button:hover .app-kpi-card, .app-kpi-filter-button:focus-visible .app-kpi-card { border-color: var(--rz-primary); box-shadow: 0 4px 14px rgba(0,0,0,0.08); transform: translateY(-1px); }
.app-kpi-filter-button.active .app-kpi-card { border-color: var(--rz-primary); box-shadow: inset 0 0 0 1px var(--rz-primary); background: var(--rz-primary-lighter); }
.app-search-badge-geraet { background: #e3f2fd; color: #1565c0; }
.app-search-badge-lieferant { background: #e0f2f1; color: #00695c; }
.app-search-badge-standard { background: var(--rz-base-200); color: var(--rz-text-color); }

.app-work-history-bar { display: flex; align-items: center; gap: 0; min-width: 0; }
.app-work-history-back { flex: 0 0 auto; margin-right: 0.85rem; padding-right: 0.85rem; border-right: 1px solid var(--rz-border-color); border-radius: 0 !important; }
.app-work-history-items { display: flex; align-items: center; gap: 0.3rem; min-width: 0; overflow-x: auto; scrollbar-width: thin; padding: 0.1rem 0; }
.app-work-history-item { flex: 0 1 auto; max-width: 15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid var(--rz-border-color); border-radius: 999px; background: var(--rz-surface); color: var(--rz-text-secondary-color); font: inherit; font-size: 0.78rem; line-height: 1.2; padding: 0.3rem 0.65rem; cursor: pointer; transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease; }
.app-work-history-item:hover, .app-work-history-item:focus-visible { border-color: var(--rz-primary); color: var(--rz-primary); }
.app-work-history-item.active { border-color: var(--rz-primary); background: var(--rz-primary-lighter); color: var(--rz-primary); font-weight: 700; }

@media (min-width: 1400px) {
    .app-header-inner { min-height: 3.25rem; }
    .app-brand-mark { width: 2rem; height: 2rem; border-radius: 0.6rem; }
    .app-brand-copy span { font-size: 0.76rem; }
    .app-breadbar { min-height: 2rem; padding-top: 0.2rem; padding-bottom: 0.2rem; }
    .app-footer-inner { padding-top: 0.35rem; padding-bottom: 0.35rem; }
    .app-page-shell { padding-top: 0.85rem; padding-bottom: 0.9rem; }
    .app-fullhd-page { --rz-gap: 0.7rem; }
    .app-fullhd-page > .rz-stack { gap: 0.7rem !important; }
    .app-fullhd-page .app-callout-card, .app-fullhd-page .app-workspace-card, .app-fullhd-page .app-kpi-card, .app-fullhd-page .app-loc-header, .app-fullhd-page > .rz-row > .rz-column > .rz-card { border-radius: 12px; }
    .app-fullhd-page .app-callout-card, .app-fullhd-page .app-workspace-card { padding: 0.85rem 1rem; }
    .app-fullhd-page .app-kpi-card { padding: 0.65rem 0.9rem; min-height: 0; }
    .app-fullhd-page .app-kpi-card .rz-text-h4 { margin-top: 0.15rem; margin-bottom: 0; font-size: 1.35rem; line-height: 1.15; }
    .app-fullhd-page .rz-text-h3 { font-size: 1.55rem; line-height: 1.15; margin-bottom: 0.15rem; }
    .app-fullhd-page .rz-text-h4 { font-size: 1.25rem; line-height: 1.2; }
    .app-fullhd-page .rz-text-h5 { font-size: 1.02rem; line-height: 1.2; }
    .app-fullhd-page .app-page-intro { line-height: 1.35; margin-top: 0.1rem; }
    .app-fullhd-page .app-detail-meta { gap: 0.4rem 0.65rem; }
    .app-fullhd-page .app-detail-meta div { min-height: 0; }
    .app-fullhd-page .rz-mt-4 { margin-top: 0.85rem !important; }
    .app-fullhd-page .rz-mt-3 { margin-top: 0.6rem !important; }
    .app-fullhd-page .rz-mb-3 { margin-bottom: 0.6rem !important; }
    .app-fullhd-page .rz-datatable-thead > tr > th, .app-fullhd-page .rz-data-row > td { padding-top: 0.42rem; padding-bottom: 0.42rem; }
    .app-fullhd-page .rz-paginator { padding-top: 0.25rem; padding-bottom: 0.25rem; min-height: 2.25rem; }
    .app-fullhd-page .rz-button:not(.rz-button-sm) { min-height: 2.35rem; }
    .app-secondary-guidance { display: none; }
    .app-helpdesk-timeline { max-height: 16rem; }
    .app-helpdesk-attachments { max-height: 8.5rem; }
    .app-location-device-area { max-height: calc(100vh - 16rem); overflow: auto; padding-right: 0.2rem; }
    .app-location-tree-card { max-height: calc(100vh - 9.5rem); overflow: auto; }
    .app-device-detail-stack { max-height: calc(100vh - 10.5rem); overflow: auto; padding-right: 0.2rem; }
    .app-user-workspace-grid .app-workspace-card { min-height: 0; }
    .app-contract-detail-stack { max-height: calc(100vh - 9.5rem); overflow: auto; padding-right: 0.2rem; }
}

@media (min-width: 1700px) and (min-height: 900px) {
    .app-page-shell { padding-top: 0.7rem; padding-bottom: 0.8rem; }
    .app-fullhd-page .app-callout-card, .app-fullhd-page .app-workspace-card { padding: 0.75rem 0.9rem; }
    .app-fullhd-page .app-kpi-card { padding: 0.55rem 0.8rem; }
}