.acn-align { padding: 2px 0 8px; }
.acn-align .acn-al-wide { width: 100%; box-sizing: border-box; margin: 2px 0; }
.acn-al-row { border-top: 1px solid rgba(255,255,255,0.08); padding: 4px 0; }
.acn-al-line { display: flex; align-items: center; gap: 4px; }
.acn-al-line .acn-al-name { flex: 1; min-width: 0; }
.acn-al-line .acn-al-ref { flex: 1; min-width: 0; }
.acn-al-line .acn-al-use { flex: none; width: 66px; }
.acn-al-del { flex: none; padding: 1px 5px; }
.acn-al-coords { font-size: 10.5px; color: #8a9296; padding: 1px 0 3px; font-variant-numeric: tabular-nums; }
.acn-al-ver { flex: 1; font-size: 11.5px; color: #cfd4d6; }
.acn-al-badge { font-size: 10px; background: #1976D2; color: #fff; border-radius: 8px; padding: 0 6px; }
.acn-al-bad td { color: #ff6e6e; }
#acn_al_pick.acn-active { background: #1976D2; border-color: #1976D2; color: #fff; }
.acn-align a.acn-icon-btn { text-decoration: none; display: inline-block; }
.acn-al-checks { padding: 2px 0 4px; }
.acn-al-check { display: block; font-size: 11.5px; color: #cfd4d6; padding: 1px 0; cursor: pointer; }
.acn-al-check input:disabled + span { color: #6b7377; }

/* Section headers: a band with an accent edge so the stacked blocks read as separate steps. */
.acn-align .acn-tank-step {
    background: rgba(25,118,210,0.14); border-left: 3px solid #1976D2; border-radius: 2px;
    padding: 4px 8px; margin: 14px 0 6px; color: #fff;
}
.acn-align .acn-tank-step:first-child { margin-top: 4px; }

/* Cards: result and saved versions. */
#acn_al_result:not(:empty), .acn-al-card {
    background: #232a2e; border: 1px solid #3b4247; border-radius: 4px; padding: 8px; margin: 6px 0;
}
.acn-al-card-active { border-color: #1976D2; box-shadow: inset 3px 0 0 #1976D2; }
.acn-al-card-title { font-size: 12px; font-weight: 700; color: #fff; margin-bottom: 6px; }
.acn-al-card-head { display: flex; align-items: center; gap: 6px; }
.acn-al-reports { border-top: 1px solid #3b4247; margin-top: 8px; padding-top: 6px; }
.acn-al-subtitle {
    font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #fff;
    background: rgba(239,108,0,0.16); border-left: 3px solid #EF6C00; border-radius: 2px; padding: 3px 8px; margin-bottom: 6px;
}
.acn-al-activate { margin-top: 6px; }
.acn-al-revert { display: flex; gap: 14px; margin-top: 10px; padding-top: 6px; border-top: 1px solid rgba(255,255,255,0.08); }
.acn-al-link { background: none; border: none; padding: 0; font-size: 11px; color: #9AA1A4; cursor: pointer; text-decoration: underline; }
.acn-al-link:hover { color: #ff8a80; }

/* Button colors. */
.acn-btn-blue   { border-color: #1976D2; color: #7db8ff; }
.acn-btn-blue:hover { background: #1976D2; color: #fff; }
.acn-btn-teal   { border-color: #00897B; color: #5fd3c6; }
.acn-btn-teal:hover { background: #00897B; color: #fff; }
.acn-btn-green  { border-color: #2E7D32; color: #86d98a; }
.acn-btn-green:hover { background: #2E7D32; color: #fff; }
.acn-btn-orange { border-color: #EF6C00; color: #ffb74d; }
.acn-btn-orange:hover { background: #EF6C00; color: #fff; }
.acn-btn-red    { border-color: #C62828; color: #ff8a80; }
.acn-btn-red:hover { background: #C62828; color: #fff; }
.acn-save-btn.acn-btn-green-solid { background: #2E7D32; }
.acn-save-btn.acn-btn-green-solid:hover { background: #388E3C; }