@layer osha-ui{.osha-offline-banner-with-queue{--osha-obwq-accent:var(--color-text-muted);--osha-obwq-accent-bg:color-mix(in srgb,var(--color-text-muted) 12%,transparent);--osha-obwq-accent-border:color-mix(in srgb,var(--color-text-muted) 28%,transparent);position:sticky;inset-block-start:env(safe-area-inset-top,0);z-index:var(--z-sticky,20);inline-size:100%;box-sizing:border-box;background:var(--color-bg-elevated);border-block-end:1px solid var(--color-border);font-size:var(--type-step-1);color:var(--color-text-secondary)}.osha-offline-banner-with-queue[data-density=comfortable]{--density-control-height:var(--density-comfortable-control-h,44px);--density-field-gap:var(--density-comfortable-field-gap,1rem);--density-card-padding:var(--density-comfortable-card-padding,1.5rem)}.osha-offline-banner-with-queue[data-density=cozy]{--density-control-height:var(--density-cozy-control-h,40px);--density-field-gap:var(--density-cozy-field-gap,0.75rem);--density-card-padding:var(--density-cozy-card-padding,1.25rem)}.osha-offline-banner-with-queue[data-density=compact]{--density-control-height:var(--density-compact-control-h,36px);--density-field-gap:var(--density-compact-field-gap,0.5rem);--density-card-padding:var(--density-compact-card-padding,1rem)}.osha-offline-banner-with-queue__inner{display:flex;flex-direction:column;align-items:stretch;gap:var(--density-field-gap,.75rem);box-sizing:border-box;padding-block:var(--space-2);padding-inline:var(--density-card-padding,1rem);min-width:0}.osha-offline-banner-with-queue__primary{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);min-width:0}.osha-offline-banner-with-queue__pill{display:inline-flex;align-items:center;gap:var(--space-2);max-inline-size:100%;min-width:0;box-sizing:border-box;padding-block:var(--space-1);padding-inline:var(--space-3);border-radius:var(--radius-full);border:1px solid var(--osha-obwq-accent-border);background:var(--osha-obwq-accent-bg);color:var(--osha-obwq-accent);font-size:var(--type-step-1);font-weight:600;line-height:1.2}.osha-offline-banner-with-queue__pill-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osha-offline-banner-with-queue__pill--offline{--osha-obwq-accent:var(--color-danger);--osha-obwq-accent-bg:color-mix(in srgb,var(--color-danger) 12%,transparent);--osha-obwq-accent-border:color-mix(in srgb,var(--color-danger) 32%,transparent)}.osha-offline-banner-with-queue__pill--syncing{--osha-obwq-accent:var(--color-info);--osha-obwq-accent-bg:color-mix(in srgb,var(--color-info) 12%,transparent);--osha-obwq-accent-border:color-mix(in srgb,var(--color-info) 32%,transparent)}.osha-offline-banner-with-queue__pill--conflicts{--osha-obwq-accent:var(--color-warning);--osha-obwq-accent-bg:color-mix(in srgb,var(--color-warning) 14%,transparent);--osha-obwq-accent-border:color-mix(in srgb,var(--color-warning) 34%,transparent)}.osha-offline-banner-with-queue__pill--synced{--osha-obwq-accent:var(--color-success);--osha-obwq-accent-bg:color-mix(in srgb,var(--color-success) 10%,transparent);--osha-obwq-accent-border:color-mix(in srgb,var(--color-success) 28%,transparent)}.osha-offline-banner-with-queue__queue-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;min-inline-size:1.5rem;padding-inline:var(--space-1);border-radius:var(--radius-full);background:color-mix(in srgb,currentColor 16%,transparent);font-size:var(--type-step-0);font-variant-numeric:tabular-nums}.osha-offline-banner-with-queue__last-sync{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:var(--type-step-0)}.osha-offline-banner-with-queue__actions{display:flex;justify-content:flex-start;min-width:0}.osha-offline-banner-with-queue__resolve{appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-block-size:max(var(--density-control-height,44px),44px);min-inline-size:44px;padding-block:var(--space-2);padding-inline:var(--space-4);border:1px solid color-mix(in srgb,var(--color-warning) 40%,var(--color-border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-warning) 8%,var(--color-bg));color:var(--color-text);font:inherit;font-size:var(--type-step-1);font-weight:600;line-height:1.2;cursor:pointer;transition:background var(--motion-duration-fast) var(--motion-ease-smooth)}.osha-offline-banner-with-queue__resolve:hover{background:color-mix(in srgb,var(--color-warning) 14%,var(--color-bg))}.osha-offline-banner-with-queue__resolve:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.osha-offline-banner-with-queue__spinner{inline-size:.875rem;block-size:.875rem;flex-shrink:0;border:2px solid color-mix(in srgb,currentColor 24%,transparent);border-block-start-color:currentColor;border-radius:50%;animation:osha-obwq-spin var(--motion-duration-slower,.75s) linear infinite}@keyframes osha-obwq-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.osha-offline-banner-with-queue__progress{block-size:3px;inline-size:100%;min-width:0;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-info) 16%,transparent);overflow:hidden;position:relative}.osha-offline-banner-with-queue__progress:after{content:"";position:absolute;inset-block:0;inline-size:40%;background:var(--color-info);border-radius:inherit;animation:osha-obwq-progress var(--motion-duration-slower,1.2s) var(--motion-ease-linear,linear) infinite}@keyframes osha-obwq-progress{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}.osha-offline-banner-with-queue__assist{margin-block-start:var(--space-2);padding-inline:var(--density-card-padding,1rem);font-size:var(--type-step-1);color:var(--color-text-secondary);min-width:0}.osha-offline-banner-with-queue__skel{display:block;border-radius:var(--radius-md);background-color:var(--color-bg-elevated);background-image:linear-gradient(90deg,var(--color-bg-elevated) 0,var(--color-bg) 50%,var(--color-bg-elevated) 100%);background-size:200% 100%;animation:osha-obwq-shimmer var(--motion-duration-slower) var(--motion-ease-linear) infinite}.osha-offline-banner-with-queue__skel--pill{block-size:1.75rem;inline-size:min(12rem,70%)}.osha-offline-banner-with-queue__skel--meta{block-size:.85rem;inline-size:min(9rem,55%)}@keyframes osha-obwq-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@container app-content (min-width: 48rem){.osha-offline-banner-with-queue__inner{flex-direction:row;align-items:center;justify-content:space-between}.osha-offline-banner-with-queue__primary{flex:1 1 auto;flex-direction:row;align-items:center;gap:var(--density-field-gap,1rem)}.osha-offline-banner-with-queue__actions{flex:0 0 auto;justify-content:flex-end}.osha-offline-banner-with-queue__progress{position:absolute;inset-block-end:0;inset-inline:0}.osha-offline-banner-with-queue__inner{position:relative;padding-block-end:calc(var(--space-2) + 3px)}}}@layer osha-ui{.osha-segmented{display:inline-flex;gap:2px;padding:3px;background:var(--osha-color-surface-muted,#f1f5f9);border:1px solid var(--osha-color-border,#e2e8f0);border-radius:var(--osha-radius-md,.625rem)}.osha-segmented--full{display:flex;width:100%}.osha-segmented-option{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1,.25rem);flex:1 1 auto;border:none;border-radius:var(--osha-radius-sm,.375rem);background:transparent;font-family:var(--font-body,system-ui,sans-serif);font-weight:500;color:var(--osha-color-text-muted,#64748b);cursor:pointer;white-space:nowrap;transition:background .14s ease,color .14s ease,box-shadow .14s ease}.osha-segmented--md .osha-segmented-option{padding:var(--space-2,.5rem) var(--space-3,.75rem);font-size:var(--font-sm,.8125rem)}.osha-segmented--sm .osha-segmented-option{padding:var(--space-1,.25rem) var(--space-2,.5rem);font-size:var(--font-xs,.75rem)}.osha-segmented-option:hover:not(:disabled):not([data-selected]){color:var(--osha-color-text,#0f172a)}.osha-segmented-option[data-selected]{background:var(--osha-color-surface,#ffffff);color:var(--osha-color-text,#0f172a);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05))}.osha-segmented-option:disabled{opacity:.5;cursor:not-allowed}.osha-segmented-option:focus-visible{outline:2px solid var(--osha-color-focus,#0891b2);outline-offset:2px}.osha-segmented-icon{display:inline-flex}@media (prefers-reduced-motion:reduce){.osha-segmented-option{transition:none}}}@layer osha-ui{.osha-error-state{flex-direction:column;text-align:center;padding:var(--osha-spacing-xl,2rem) var(--osha-spacing-lg,1.5rem);gap:var(--osha-spacing-sm,.5rem)}.osha-error-state,.osha-error-state-icon{display:flex;align-items:center;justify-content:center}.osha-error-state-icon{width:4rem;height:4rem;border-radius:var(--osha-radius-full,50%);margin-bottom:var(--osha-spacing-sm,.5rem);color:var(--osha-color-danger,#dc2626);background:color-mix(in srgb,var(--osha-color-danger,#dc2626) 12%,transparent)}.osha-error-state--network .osha-error-state-icon{color:var(--osha-color-warning,#f59e0b);background:color-mix(in srgb,var(--osha-color-warning,#f59e0b) 14%,transparent)}.osha-error-state--permission .osha-error-state-icon{color:var(--osha-color-text-muted,#64748b);background:var(--osha-color-surface-muted,#f1f5f9)}.osha-error-state-title{margin:0;font-size:var(--osha-font-size-lg,1.15rem);font-weight:600;color:var(--osha-color-text,#0f172a);line-height:1.4}.osha-error-state-description{margin:0;font-size:var(--osha-font-size-sm,.8125rem);color:var(--osha-color-text-muted,#64748b);max-width:28rem;line-height:1.5}.osha-error-state-detail{margin-top:var(--osha-spacing-xs,.25rem);font-size:var(--osha-font-size-xs,.75rem);color:var(--osha-color-text-muted,#64748b);max-width:32rem}.osha-error-state-detail summary{cursor:pointer;user-select:none}.osha-error-state-detail summary:focus-visible{outline:2px solid var(--osha-color-focus,#0891b2);outline-offset:2px;border-radius:var(--osha-radius-sm,.375rem)}.osha-error-state-detail code{display:block;margin-top:var(--osha-spacing-xs,.25rem);padding:var(--osha-spacing-sm,.5rem);text-align:left;font-family:var(--font-mono,ui-monospace,monospace);background:var(--osha-color-surface-muted,#f1f5f9);border-radius:var(--osha-radius-sm,.375rem);white-space:pre-wrap;word-break:break-word}.osha-error-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--osha-spacing-sm,.5rem);margin-top:var(--osha-spacing-md,1rem)}.osha-error-state-retry,.osha-error-state-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;font-family:var(--font-body,system-ui,sans-serif);font-size:var(--osha-font-size-sm,.8125rem);font-weight:500;border-radius:var(--osha-radius-md,.625rem);text-decoration:none;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.osha-error-state-retry{color:#ffffff;background:var(--osha-color-brand-500,#0891b2);border:none}.osha-error-state-retry:hover{background:var(--osha-color-brand-600,#0e7490)}.osha-error-state-secondary{color:var(--osha-color-text,#0f172a);background:transparent;border:1px solid var(--osha-color-border,#e2e8f0)}.osha-error-state-secondary:hover{background:var(--osha-color-surface-muted,#f1f5f9)}.osha-error-state-retry:focus-visible,.osha-error-state-secondary:focus-visible{outline:2px solid var(--osha-color-focus,#0891b2);outline-offset:2px}}