/* Work center feature surfaces. Global tokens remain in design-system.css. */
.work-orders-shell {
    min-width: 0;
}

.work-orders-filter-bar {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-panel);
    background: var(--app-surface-subtle);
}

.work-orders-workspace {
    display: grid;
    min-width: 0;
    gap: 1rem;
}

.work-orders-panel {
    min-width: 0;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-panel);
    background: var(--app-surface);
    color: var(--app-text);
}

.work-orders-summary-list,
.work-orders-detail-items {
    min-width: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.work-orders-summary-list {
    max-height: clamp(240px, 32dvh, 420px);
}

.work-orders-detail-items {
    max-height: clamp(320px, 48dvh, 640px);
}

.work-orders-card {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-control);
    background: var(--app-surface-raised);
}

.work-orders-card--selected {
    border-color: var(--app-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--app-primary) 18%, transparent);
}

.work-orders-summary-card {
    min-width: 0;
}

.work-orders-summary-action {
    min-height: 44px;
    align-self: flex-start;
    color: var(--app-primary);
    background: transparent;
    border: 0;
    cursor: pointer;
}

.work-orders-summary-action:hover {
    background: var(--app-primary-soft);
}

.work-orders-card__url {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.work-orders-progress-summary {
    min-width: 0;
}

.background-job-floating-box {
    box-sizing: border-box;
    width: min(24rem, calc(100vw - 2rem));
    max-width: calc(100vw - 2rem);
    max-height: min(70dvh, 34rem);
    overflow: hidden;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-panel);
    background: var(--app-surface-raised);
    color: var(--app-text);
    box-shadow: var(--app-shadow-dialog);
}

.background-job-floating-box__content {
    max-height: min(62dvh, 30rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.background-job-floating-box__item {
    min-width: 0;
    min-height: 44px;
    padding: .75rem 1rem;
    color: inherit;
    text-align: left;
    overflow-wrap: anywhere;
}

.background-job-floating-box__item:focus-visible,
.work-orders-card:focus-within {
    outline: 3px solid var(--app-focus-ring);
    outline-offset: 2px;
}

@media (max-width: 599.98px) {
    .work-orders-filter-bar {
        padding: .75rem;
    }

    .background-job-floating-box {
        width: calc(100vw - 1rem);
        max-width: calc(100vw - 1rem);
        max-height: min(76dvh, 34rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .work-orders-card,
    .background-job-floating-box {
        scroll-behavior: auto;
        transition: none;
    }
}