.eagle-view-page { padding-bottom: 110px; }
.eagle-summary { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.eagle-summary .glass-card { padding: 16px; }
.eagle-summary span, .eagle-summary strong { display: block; }
.eagle-summary strong { font-size: 24px; margin-top: 6px; }
.eagle-toolbar { display: flex; flex-wrap: wrap; gap: 12px; padding: 16px; }
.eagle-toolbar label { flex: 1 1 145px; font-size: 12px; }
.eagle-toolbar :is(input, select) { margin-top: 5px; }
.eagle-context { margin: 12px 0; font-size: 12px; }
.eagle-layout-switch { align-self: center; }
.eagle-grid-scroll { overflow: auto; max-height: calc(100dvh - 370px); min-height: 180px; padding: 3px; }
.eagle-user-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 16px; align-items: start; }
.eagle-user-card { min-width: 0; padding: 18px; border: 1px solid var(--surface-border); border-radius: 14px; background: var(--surface-bg-strong); color: var(--body-color); }
.eagle-user-card .eagle-person { width: 100%; min-width: 0; }
.eagle-user-card .eagle-person > span:nth-child(2) { min-width: 0; overflow-wrap: anywhere; }
.eagle-user-card.is-expanded { grid-column: 1 / -1; }
.eagle-card-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 10px; margin: 20px 0; }
.eagle-card-metrics > div { min-width: 0; }
.eagle-card-metrics dt { color: var(--text-muted); font-size: 11px; font-weight: 400; }
.eagle-card-metrics dd { margin: 5px 0 0; font-size: 20px; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
.eagle-card-metrics dd > small { margin-left: 2px; font-size: 12px; font-weight: 400; }
.eagle-card-metrics .eagle-alert { font-size: 16px; }
.eagle-card-progress { padding-top: 14px; border-top: 1px solid var(--surface-border); font-size: 12px; }
.eagle-card-progress > div { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 7px; }
.eagle-card-progress progress { display: block; width: 100%; height: 8px; accent-color: #2d9c8d; }
.eagle-card-expanded { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--surface-border); }
.eagle-table-scroll { overflow: auto; max-height: max(420px, calc(100dvh - 160px)); min-height: min(420px, 70dvh); border: 1px solid var(--surface-border); border-radius: 12px; }
.eagle-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13px; }
.eagle-table :is(th, td) { padding: 12px; border-bottom: 1px solid var(--surface-border); white-space: nowrap; color: var(--body-color); background: var(--surface-bg-strong); }
.eagle-table thead th { position: sticky; top: 0; z-index: 2; }
.eagle-table thead th:first-child { left: 0; z-index: 3; }
.eagle-person-cell { position: sticky; left: 0; z-index: 1; }
.eagle-person { display: flex; align-items: center; gap: 10px; min-width: 220px; border: 0; background: transparent; padding: 0; color: inherit; text-align: left; }
.eagle-person strong, .eagle-person small { display: block; }
.eagle-person small { font-weight: normal; color: var(--text-muted); margin-top: 3px; }
.eagle-person > i { margin-left: auto; }
.eagle-avatar { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; font-size: 12px; flex: 0 0 34px; border: 1px solid var(--surface-border); background: var(--body-bg); color: var(--body-color); }
.eagle-table progress { display: block; width: 80px; height: 7px; margin-top: 5px; accent-color: #2d9c8d; }
.eagle-alert { display: inline-flex; min-width: 28px; justify-content: center; padding: 3px 6px; border-radius: 6px; color: #fecdd3; background: #881337; }
html[data-theme="light"] .eagle-alert { color: #881337; background: #ffe4e6; }
.eagle-task-details { white-space: normal; padding: 8px; }
.eagle-task-details h3 { font-size: 16px; }
.eagle-task-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.eagle-task { display: flex; justify-content: space-between; gap: 12px; border: 1px solid var(--surface-border); background: var(--body-bg); color: var(--body-color); border-radius: 8px; padding: 12px; text-align: left; }
.eagle-task strong, .eagle-task small { display: block; }
.eagle-task small { color: var(--text-muted); margin-top: 5px; }
.eagle-view-page :is(button, input, select):focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
html body .eagle-view-page.eagle-fullscreen { position: fixed; inset: 0; z-index: 2000; box-sizing: border-box; width: 100%; max-width: none; height: 100vh; height: 100dvh; min-height: 0; max-height: 100dvh; background: var(--body-bg); margin: 0; padding: 12px; gap: 8px; overflow: hidden; display: flex; flex-direction: column; }
html body .eagle-fullscreen > :not(.eagle-grid-scroll):not(.eagle-table-scroll) { flex: 0 0 auto; }
html body .eagle-fullscreen .workspace-page-header { flex-direction: row; align-items: center; margin: 0 !important; gap: 8px; }
html body .eagle-fullscreen .workspace-page-header h1 { font-size: 22px; }
html body .eagle-fullscreen .workspace-page-header p, html body .eagle-fullscreen .eagle-context { display: none; }
html body .eagle-fullscreen .eagle-summary { gap: 8px; margin: 0; }
html body .eagle-fullscreen .eagle-summary .glass-card { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 10px; }
html body .eagle-fullscreen .eagle-summary strong { font-size: 20px; margin: 0; }
html body .eagle-fullscreen .eagle-summary span { font-size: 12px; }
html body .eagle-fullscreen .eagle-toolbar { padding: 8px 12px; gap: 8px; }
html body .eagle-fullscreen :is(.eagle-table-scroll, .eagle-grid-scroll) { flex: 1 1 0; width: 100%; height: 0; max-height: none; min-height: 0; overscroll-behavior: contain; }
html body .eagle-fullscreen .eagle-user-grid { width: 100%; min-height: 100%; align-content: start; }
html body .eagle-fullscreen > small { margin: 0 !important; }
html:has(.eagle-fullscreen), body:has(.eagle-fullscreen) { overflow: hidden; }
html body:has(.eagle-fullscreen) :is(.sidebar, .top-navbar, .lantern-footer) { visibility: hidden; }
@media (max-width: 991.98px) { .eagle-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); } .eagle-table-scroll { max-height: 75dvh; } .eagle-grid-scroll { max-height: 65dvh; } .eagle-task-list { grid-template-columns: 1fr; } }
@media (max-width: 575.98px) { .eagle-summary { gap: 8px; } .eagle-summary .glass-card { padding: 10px; } .eagle-summary strong { font-size: 20px; } html body .eagle-view-page.eagle-fullscreen { padding: 8px; } }