/**
 * Genesis Atlas
 * Main stylesheet
 *
 * Public entry point for the Atlas Design System.
 */


/* ==========================================================
   FOUNDATIONS
   ========================================================== */

@import url("./foundations/colors.css");
@import url("./foundations/typography.css");
@import url("./foundations/spacing.css");
@import url("./foundations/sizing.css");
@import url("./foundations/borders.css");
@import url("./foundations/radius.css");
@import url("./foundations/elevation.css");
@import url("./foundations/focus.css");


/* ==========================================================
   COMPONENTS
   ========================================================== */

@import url("./components/button.css");
@import url("./components/input.css");
@import url("./components/textarea.css");
@import url("./components/select.css");
@import url("./components/checkbox.css");
@import url("./components/radio.css");
@import url("./components/switch.css");
@import url("./components/label.css");
@import url("./components/help-text.css");
@import url("./components/validation-message.css");
@import url("./components/field.css");
@import url("./components/fieldset.css");
@import url("./components/form-group.css");
@import url("./components/list.css");
@import url("./components/icon-button.css");
@import url("./components/badge.css");
@import url("./components/alert.css");
@import url("./components/card.css");
@import url("./components/table.css");
@import url("./components/pagination.css");
@import url("./components/empty-state.css");
@import url("./components/definition-list.css");
@import url("./components/toolbar.css");
@import url("./components/tabs.css");
@import url("./components/breadcrumb.css");
@import url("./components/modal.css");
@import url("./components/dropdown.css");
@import url("./components/tooltip.css");
@import url("./components/accordion.css");
@import url("./components/steps.css");
@import url("./components/progress.css");
@import url("./components/spinner.css");
@import url("./components/skeleton.css");
@import url("./components/toast.css");
@import url("./components/avatar.css");
@import url("./components/chip.css");
@import url("./components/divider.css");
@import url("./components/timeline.css");
@import url("./components/stat.css");
@import url("./components/key-value.css");
@import url("./components/status.css");
@import url("./components/file.css");
@import url("./components/upload.css");
@import url("./components/search.css");
@import url("./components/filter-bar.css");
@import url("./components/sort.css");
@import url("./components/result-count.css");
@import url("./components/list-header.css");
@import url("./components/combobox.css");
@import url("./components/button-group.css");
@import url("./components/page-header.css");
@import url("./components/drawer.css");
@import url("./components/sidebar.css");
@import url("./components/popover.css");
@import url("./components/menu.css");
@import url("./components/segmented-control.css");
@import url("./components/topbar.css");
@import url("./components/app-sidebar.css");
@import url("./components/app-shell.css");
@import url("./components/action-bar.css");
@import url("./components/banner.css");
@import url("./components/notification-center.css");
@import url("./components/command-bar.css");
@import url("./components/summary-bar.css");
@import url("./components/detail-header.css");
@import url("./components/detail-section.css");
@import url("./components/data-grid.css");
@import url("./components/entity-link.css");
@import url("./components/metadata-list.css");
@import url("./components/date-picker.css");
@import url("./components/date-range-picker.css");
@import url("./components/time-picker.css");
@import url("./components/date-time-picker.css");


/* ==========================================================
   ATLAS — STEPS
   Component 30
   ========================================================== */
:root {
    --atlas-steps-marker-size: 2rem;
    --atlas-steps-line-width: 2px;
    --atlas-steps-gap: var(--atlas-space-3);
    --atlas-steps-label-gap: var(--atlas-space-2);
    --atlas-steps-marker-background: var(--atlas-color-surface);
    --atlas-steps-marker-border: var(--atlas-color-border);
    --atlas-steps-marker-color: var(--atlas-color-text-muted);
    --atlas-steps-complete-background: var(--atlas-color-success);
    --atlas-steps-complete-border: var(--atlas-color-success);
    --atlas-steps-complete-color: #ffffff;
    --atlas-steps-current-background: var(--atlas-color-primary);
    --atlas-steps-current-border: var(--atlas-color-primary);
    --atlas-steps-current-color: #ffffff;
    --atlas-steps-error-background: var(--atlas-color-danger);
    --atlas-steps-error-border: var(--atlas-color-danger);
    --atlas-steps-error-color: #ffffff;
}
.atlas-steps { display:flex; width:100%; margin:0; padding:0; list-style:none; }
.atlas-steps__item { position:relative; display:flex; flex:1 1 0; flex-direction:column; align-items:center; gap:var(--atlas-steps-label-gap); min-width:0; text-align:center; }
.atlas-steps__item:not(:last-child)::after { content:""; position:absolute; z-index:0; top:calc(var(--atlas-steps-marker-size)/2); left:calc(50% + var(--atlas-steps-marker-size)/2); width:calc(100% - var(--atlas-steps-marker-size)); height:var(--atlas-steps-line-width); background:var(--atlas-color-border); }
.atlas-steps__item--complete:not(:last-child)::after { background:var(--atlas-color-success); }
.atlas-steps__marker { position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center; flex:0 0 var(--atlas-steps-marker-size); width:var(--atlas-steps-marker-size); height:var(--atlas-steps-marker-size); border:2px solid var(--atlas-steps-marker-border); border-radius:50%; background:var(--atlas-steps-marker-background); color:var(--atlas-steps-marker-color); font-size:var(--atlas-font-size-sm); font-weight:var(--atlas-font-weight-semibold); }
.atlas-steps__label { color:var(--atlas-color-text-muted); font-weight:var(--atlas-font-weight-medium); }
.atlas-steps__description { color:var(--atlas-color-text-muted); font-size:var(--atlas-font-size-sm); }
.atlas-steps__item--complete .atlas-steps__marker { border-color:var(--atlas-steps-complete-border); background:var(--atlas-steps-complete-background); color:var(--atlas-steps-complete-color); }
.atlas-steps__item--complete .atlas-steps__label { color:var(--atlas-color-text); }
.atlas-steps__item--current .atlas-steps__marker { border-color:var(--atlas-steps-current-border); background:var(--atlas-steps-current-background); color:var(--atlas-steps-current-color); }
.atlas-steps__item--current .atlas-steps__label { color:var(--atlas-color-primary); font-weight:var(--atlas-font-weight-semibold); }
.atlas-steps__item--error .atlas-steps__marker { border-color:var(--atlas-steps-error-border); background:var(--atlas-steps-error-background); color:var(--atlas-steps-error-color); }
.atlas-steps__item--error .atlas-steps__label { color:var(--atlas-color-danger); }
@media (max-width:40rem) {
    .atlas-steps { flex-direction:column; gap:0; }
    .atlas-steps__item { flex:none; flex-direction:row; align-items:flex-start; gap:var(--atlas-steps-gap); min-height:4rem; text-align:left; }
    .atlas-steps__item:not(:last-child)::after { top:var(--atlas-steps-marker-size); left:calc(var(--atlas-steps-marker-size)/2 - var(--atlas-steps-line-width)/2); width:var(--atlas-steps-line-width); height:calc(100% - var(--atlas-steps-marker-size)); }
    .atlas-steps__content { padding-bottom:var(--atlas-space-4); }
}