.phase3-export {
    display: grid;
    gap: 7px;
    flex-shrink: 0;
    padding: 14px;
    border: 1px solid rgba(0, 212, 255, 0.3);
    border-radius: 6px;
    background: rgba(0, 212, 255, 0.035);
    color: #e3f8ff;
    font-size: 0.78rem;
}
.phase3-export > strong { font-size: 0.9rem; }
.phase3-export p { margin: 0; color: #a1b7c0; line-height: 1.5; }
.phase3-export > label { margin-top: 3px; color: #c2dce4; }
.phase3-export input, .phase3-export select {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 36px;
    padding: 7px 9px;
    border: 1px solid #35515e;
    border-radius: 4px;
    color: #e3f8ff;
    background: #02151d;
    font: inherit;
}
.phase3-export input::placeholder { color: #8da5af; }
.phase3-export-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.phase3-export-actions select { flex: 1 1 145px; width: auto; }
.phase3-export button {
    flex: 1 1 125px;
    min-height: 36px;
    padding: 7px 12px;
    border: 1px solid #1386a1;
    border-radius: 4px;
    background: #064254;
    color: #c3f2ff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}
.phase3-export button:hover:not(:disabled) { background: #08556c; }
.phase3-export button:disabled { opacity: 0.6; cursor: wait; }
.phase3-export :is(button, input, select):focus-visible { outline: 2px solid #53d5ee; outline-offset: 2px; }
.phase3-export .phase3-export-status:empty { display: none; }
.phase3-export .phase3-export-status { color: #9ce8d0; overflow-wrap: anywhere; }
.phase3-export .phase3-export-status.is-error { color: #ffb4b4; }
.phase3-export .sr-only {
    position: absolute; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0, 0, 0, 0); white-space: nowrap;
}
.phase3-data-view { overflow-y: auto; }
.phase3-row-export-button { margin-left: 6px; }
.phase3-panel-table-scroll :is(th, td):last-child,
.spatial-table-scroll :is(th, td):last-child {
    position: sticky;
    right: 0;
    z-index: 1;
    background: #08212b;
    box-shadow: -1px 0 0 #244754;
}