.data-archive-dialog {
position: fixed; inset: 0; z-index: 250000; background: #0b121b28; display: flex; align-items: center; justify-content: center;
}
.data-archive-dialog .upload-panel {
display: flex; flex-direction: column; gap: 16px; background: #fff; border: 1px solid #d8e0ea; padding: 24px; width: 420px; min-width: 0; max-width: calc(100vw - 24px); box-shadow: 0 10px 35px #0b121b28;
}
.data-archive-dialog .upload-panel > strong {
font-size:var(--ui-text-section-size);
}
.data-archive-dialog .upload-panel > button {
align-self: flex-end; --ui-control-background: #fff; --ui-control-border: 1px solid #aebbcc;
}
.data-archive-dialog .upload-status {
font-size:var(--ui-text-help-size); color: #617083;
}
.data-archive-dialog .upload-panel {
width: clamp(440px,34vw,620px); max-width: calc(100vw - 32px); box-sizing: border-box; border-radius: var(--ui-radius); box-shadow: 0 18px 60px #0f172a26; padding: clamp(22px,1.65vw,32px); display: flex; flex-direction: column; gap: clamp(16px,1.1vw,22px); font-size:var(--ui-text-section-size);
}
.data-archive-dialog .upload-panel strong {
font-size:var(--ui-text-title-size); line-height:var(--ui-text-title-line);
}
.data-archive-dialog .upload-status {
font-size:var(--ui-text-body-size); line-height:var(--ui-text-body-line); white-space: pre-line; overflow-wrap: anywhere;
}
.data-archive-dialog input[type=file] {
font: inherit; min-height: 48px; box-sizing: border-box; width: 100%; padding: 12px; border: 1px solid #cbd5e1; border-radius: var(--ui-radius); background: #f8fafc; color: #1e293b;
}
.data-archive-dialog input::file-selector-button {
padding: 9px 13px; margin-right: 12px; border: 0; border-radius: var(--ui-radius); background: #e2e8f0; color: #0f172a; font: inherit; cursor: pointer;
}
.data-archive-dialog .upload-panel>button {
font: inherit; align-self: flex-end; --ui-control-background: #176b57; --ui-control-border: 1px solid #176b57; --ui-control-color: #fff; font-weight:var(--ui-font-emphasis);
}
.data-archive-dialog .upload-panel>button[hidden] {
display: none;
}
.data-archive-dialog .upload-panel>a {
color: #176b57; font-size:var(--ui-text-body-size);
}
.data-archive-dialog[data-status=success] .upload-panel {
border-top: 5px solid #16a34a;
}
.data-archive-dialog[data-status=error] .upload-panel {
border-top: 5px solid #dc2626;
}
.data-archive-dialog {
padding: 16px;
}
.data-archive-dialog .upload-panel {
max-height: calc(100dvh - 32px); overflow: auto;
}
@media (max-width: 600px) {
.data-archive-dialog .upload-panel {
width: 100%; padding: 20px;
}
.data-archive-dialog input::file-selector-button {
display: block; margin: 0 0 10px;
}
}