/**
 * /tools/ai-generation.css — step-content styles only.
 * Shell-owned surfaces (modal chrome, stepper, buttons' base) live in
 * geoweave-shell.css; tokens from geoweave-tokens.css.
 */

.gwai-step { display: flex; flex-direction: column; gap: 14px; }

.gwai-field-label {
    font-size: 11px; font-weight: 600; text-transform: uppercase;
    letter-spacing: 0.4px; color: var(--gw-text-muted, #6b7280);
    margin-bottom: 6px;
}

.gwai-modes { display: flex; flex-direction: column; gap: 6px; }

.gwai-mode {
    display: grid; grid-template-columns: auto 1fr; column-gap: 8px;
    align-items: baseline; padding: 8px 10px; border: 1px solid
    var(--gw-border, #e5e7eb); border-radius: 6px; cursor: pointer;
}
.gwai-mode.selected {
    border-color: var(--gw-accent, #1976d2);
    background: var(--gw-accent-soft, #eff6ff);
}
.gwai-mode-label { font-size: 13px; font-weight: 600; }
.gwai-mode-hint  {
    grid-column: 2; font-size: 12px;
    color: var(--gw-text-muted, #6b7280);
}

.gwai-select, .gwai-input {
    width: 100%; padding: 7px 9px; font-size: 13px;
    border: 1px solid var(--gw-border, #e5e7eb); border-radius: 6px;
    background: #fff; box-sizing: border-box;
}

/* R3a D2 — three-stage status (Started / Processing / Download)
   replacing the diagnostic feed. */
.gwai-stages {
    display: flex; align-items: center; gap: 10px;
    padding: 18px 4px 6px;
}
.gwai-stage {
    display: flex; align-items: center; gap: 7px;
    font-size: 13px; font-weight: 600;
    color: var(--gw-text-muted, #6b7280);
}
.gwai-stage-dot {
    width: 10px; height: 10px; border-radius: 50%;
    background: var(--gw-border, #e5e7eb);
    flex-shrink: 0;
}
.gwai-stage.active { color: var(--gw-text, #111827); }
.gwai-stage.active .gwai-stage-dot {
    background: var(--gw-accent, #1976d2);
}
.gwai-stage.done .gwai-stage-dot {
    background: var(--gw-accent, #1976d2); opacity: 0.45;
}
.gwai-stage-bar {
    flex: 1; height: 2px; min-width: 18px;
    background: var(--gw-border, #e5e7eb);
}
.gwai-stage-subline {
    font-size: 12.5px; color: var(--gw-text-muted, #6b7280);
    padding: 2px 4px 8px;
}

.gwai-done-title { font-size: 14px; font-weight: 600; }

.gwai-summary { border-collapse: collapse; width: 100%; font-size: 12.5px; }
.gwai-summary td {
    padding: 4px 8px; border-bottom: 1px solid var(--gw-border, #e5e7eb);
}
.gwai-summary td:first-child {
    color: var(--gw-text-muted, #6b7280); white-space: nowrap;
}