.status-page[data-v-8a4ad2bd]{max-width:1200px;margin:0 auto}.status-header[data-v-8a4ad2bd]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg)}.status-header h1[data-v-8a4ad2bd]{margin:0}.status-meta[data-v-8a4ad2bd]{text-align:right;font-size:.875rem;color:var(--color-text-light)}.last-updated[data-v-8a4ad2bd],.realtime-indicator[data-v-8a4ad2bd]{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.realtime-indicator[data-v-8a4ad2bd]{color:var(--color-success);font-weight:500}.update-icon[data-v-8a4ad2bd],.realtime-icon[data-v-8a4ad2bd]{font-size:1rem}.page-description[data-v-8a4ad2bd]{font-size:1.125rem;color:var(--color-text-light);margin-bottom:var(--space-xl)}.loading-state[data-v-8a4ad2bd]{text-align:center;padding:var(--space-xl);color:var(--color-text-light)}.loading-spinner[data-v-8a4ad2bd]{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin-8a4ad2bd 1s linear infinite;margin:0 auto var(--space-md) auto}@keyframes spin-8a4ad2bd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state[data-v-8a4ad2bd]{text-align:center;padding:var(--space-xl);color:var(--color-error);background:var(--color-error-light);border-radius:var(--radius-lg);border:1px solid var(--color-error)}.error-icon[data-v-8a4ad2bd]{font-size:2rem;display:block;margin-bottom:var(--space-sm)}.status-overview[data-v-8a4ad2bd]{margin-bottom:var(--space-xl)}.status-summary[data-v-8a4ad2bd]{background:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.summary-stats[data-v-8a4ad2bd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin:var(--space-md) 0}.stat-item[data-v-8a4ad2bd]{text-align:center;padding:var(--space-md);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:transform .2s ease}.stat-item[data-v-8a4ad2bd]:hover{transform:translateY(-2px)}.stat-number[data-v-8a4ad2bd]{display:block;font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-xs)}.stat-label[data-v-8a4ad2bd]{font-size:.875rem;color:var(--color-text-light)}.analysis-dashboard[data-v-8a4ad2bd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.analysis-item[data-v-8a4ad2bd]{text-align:center}.analysis-item h3[data-v-8a4ad2bd]{margin:0 0 var(--space-md) 0;font-size:1rem;color:var(--color-text)}.quality-score[data-v-8a4ad2bd]{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.score-circle[data-v-8a4ad2bd]{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff}.score-circle.score-4[data-v-8a4ad2bd]{background:var(--color-success)}.score-circle.score-3[data-v-8a4ad2bd]{background:var(--color-primary)}.score-circle.score-2[data-v-8a4ad2bd]{background:var(--color-warning)}.score-circle.score-1[data-v-8a4ad2bd]{background:var(--color-error)}.score-label[data-v-8a4ad2bd]{font-size:.875rem;color:var(--color-text-light)}.priority-stats[data-v-8a4ad2bd]{display:flex;flex-direction:column;gap:var(--space-sm);align-items:center}.priority-item[data-v-8a4ad2bd]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:#fff;font-weight:500}.priority-item.urgent[data-v-8a4ad2bd]{background:var(--color-error)}.priority-item.high[data-v-8a4ad2bd]{background:var(--color-warning)}.priority-count[data-v-8a4ad2bd]{font-size:1.25rem;font-weight:700}.no-priority[data-v-8a4ad2bd]{color:var(--color-success);font-weight:500}.trend-indicator[data-v-8a4ad2bd]{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.trend-icon[data-v-8a4ad2bd]{font-size:2rem}.trend-label[data-v-8a4ad2bd]{font-weight:500}.trend-improving .trend-label[data-v-8a4ad2bd]{color:var(--color-success)}.trend-worsening .trend-label[data-v-8a4ad2bd]{color:var(--color-error)}.trend-stable .trend-label[data-v-8a4ad2bd]{color:var(--color-text-light)}.road-status-section[data-v-8a4ad2bd],.system-status-section[data-v-8a4ad2bd]{margin-bottom:var(--space-xl)}.road-list[data-v-8a4ad2bd],.status-list[data-v-8a4ad2bd]{display:flex;flex-direction:column;gap:var(--space-md)}.road-item[data-v-8a4ad2bd],.status-item[data-v-8a4ad2bd]{background:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all .2s ease}.road-header[data-v-8a4ad2bd],.status-header[data-v-8a4ad2bd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.road-info[data-v-8a4ad2bd],.status-info[data-v-8a4ad2bd]{display:flex;align-items:center;gap:var(--space-sm)}.status-icon[data-v-8a4ad2bd]{font-size:1.25rem}.road-name[data-v-8a4ad2bd],.status-name[data-v-8a4ad2bd]{margin:0;font-size:1.125rem;font-weight:600}.road-meta[data-v-8a4ad2bd]{font-size:.875rem;color:var(--color-text-light);background:var(--color-background);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.status-badge[data-v-8a4ad2bd]{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.road-description[data-v-8a4ad2bd],.status-description[data-v-8a4ad2bd]{margin:0;color:var(--color-text-light);line-height:1.5}.road-tasks[data-v-8a4ad2bd]{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.road-tasks h4[data-v-8a4ad2bd]{margin:0 0 var(--space-sm) 0;font-size:1rem;color:var(--color-text)}.road-tasks ul[data-v-8a4ad2bd]{list-style:none;padding:0;margin:0}.task-list[data-v-8a4ad2bd]{display:flex;flex-direction:column;gap:var(--space-sm)}.task-item[data-v-8a4ad2bd]{background:var(--color-background);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.task-content[data-v-8a4ad2bd]{display:flex;flex-direction:column;gap:var(--space-xs)}.task-title[data-v-8a4ad2bd]{font-weight:500;color:var(--color-text);line-height:1.4}.task-meta[data-v-8a4ad2bd]{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.task-status[data-v-8a4ad2bd]{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;background:var(--color-primary);color:#fff;text-transform:uppercase}.task-priority[data-v-8a4ad2bd]{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:uppercase}.priority-hög[data-v-8a4ad2bd],.priority-akut[data-v-8a4ad2bd]{background:var(--color-error);color:#fff}.priority-medel[data-v-8a4ad2bd]{background:var(--color-warning);color:#fff}.priority-låg[data-v-8a4ad2bd]{background:var(--color-success);color:#fff}.status-item.enhanced[data-v-8a4ad2bd]{background:linear-gradient(135deg,var(--color-surface) 0%,rgba(var(--color-primary-rgb),.05) 100%)}.status-details[data-v-8a4ad2bd]{margin:0;font-size:.875rem;color:var(--color-text-light);font-style:italic}.notes-grid[data-v-8a4ad2bd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.note-card h3[data-v-8a4ad2bd]{margin:0 0 var(--space-md) 0;font-size:1.125rem;color:var(--color-text)}.update-time[data-v-8a4ad2bd]{font-size:.875rem;color:var(--color-text-light);font-style:italic}.action-buttons[data-v-8a4ad2bd]{display:flex;gap:var(--space-md);flex-wrap:wrap}.btn-secondary[data-v-8a4ad2bd]{background:var(--color-text-light);color:#fff}.btn-secondary[data-v-8a4ad2bd]:hover{background:var(--color-text);transform:translateY(-1px)}.transparency-stats[data-v-8a4ad2bd]{display:flex;flex-direction:column;gap:var(--space-xs);font-size:.875rem;color:var(--color-text-light)}@media (max-width: 768px){.status-header[data-v-8a4ad2bd]{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.status-meta[data-v-8a4ad2bd]{text-align:left}.road-header[data-v-8a4ad2bd],.status-header[data-v-8a4ad2bd]{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.summary-stats[data-v-8a4ad2bd]{grid-template-columns:repeat(2,1fr)}.analysis-dashboard[data-v-8a4ad2bd]{grid-template-columns:1fr}.task-meta[data-v-8a4ad2bd]{flex-direction:column;align-items:flex-start}.action-buttons[data-v-8a4ad2bd]{flex-direction:column}.notes-grid[data-v-8a4ad2bd]{grid-template-columns:1fr}}
