/* Shared Excel import/export workflow. Theme colours come from each system's site.css. */
.excel-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    min-height: 46px;
    padding: .58rem 1rem;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    white-space: nowrap;
}

.excel-action i { font-size: 1rem; }
.excel-action--export { padding-inline: 1.35rem; color: #fff; background: #198754; border-color: #198754; }
.excel-action--export:hover,
.excel-action--export:focus { color: #fff; background: #157347; border-color: #146c43; }
.excel-action--import { color: #fff; background: var(--record-primary, var(--ses-orange-600)); border-color: var(--record-primary, var(--ses-orange-600)); }

.excel-toggle-group { margin-left: 0 !important; }
.excel-toggle-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    min-height: 46px;
    padding: .58rem 1.3rem;
    border: 1px solid #64748b;
    border-radius: 10px !important;
    background: #fff;
    color: #64748b;
    font-size: 1rem;
    font-weight: 500;
    white-space: nowrap;
}
.excel-toggle-action:hover,
.excel-toggle-action:focus { border-color: #475569; background: #f8fafc; color: #334155; }
.kv-panel-before .btn-toolbar { align-items: center; gap: 0; }
.kv-panel-before .btn-toolbar > .btn-group { margin-left: 0 !important; }

.excel-workflow { max-width: 1180px; margin: 0 auto; }
.excel-workflow .excel-workflow__grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 1rem; align-items: start; }
.excel-workflow .excel-workflow__card,
.excel-workflow .excel-workflow__aside {
    border: 1px solid var(--record-border, var(--ses-border));
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(27, 50, 64, .055);
    overflow: hidden;
}
.excel-workflow .excel-workflow__section { padding: 1.1rem; border-bottom: 1px solid var(--record-border, var(--ses-border)); }
.excel-workflow .excel-workflow__section:last-child { border-bottom: 0; }
.excel-workflow .excel-workflow__title { display: flex; align-items: center; gap: .55rem; margin: 0 0 1rem; color: var(--record-primary-strong, var(--ses-orange-800)); font-size: 1rem; font-weight: 700; }
.excel-workflow .excel-workflow__title i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; color: var(--record-primary-strong, var(--ses-orange-800)); background: var(--record-primary-soft, var(--ses-orange-50)); }
.excel-workflow .excel-workflow__hint { margin: 0; padding-left: 1.2rem; color: var(--record-muted, #64748b); font-size: .86rem; line-height: 1.75; }
.excel-workflow .excel-workflow__badge { display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .58rem; border-radius: 999px; background: var(--record-primary-soft, var(--ses-orange-50)); color: var(--record-primary-strong, var(--ses-orange-800)); font-size: .78rem; font-weight: 700; }
.excel-workflow .file-input .btn { min-height: 40px; font-size: .86rem; }
.excel-workflow .file-caption { min-height: 40px; }
.excel-workflow .excel-workflow__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .55rem; padding-top: .2rem; }
.excel-preview-view .record-toolbar .btn { min-height: 40px; padding: .5rem .9rem; font-size: .9rem; }

.excel-import-errors { margin-top: 1rem; border-left: 4px solid #dc3545; }
.excel-import-errors summary { cursor: pointer; font-weight: 700; }

@media (max-width: 991.98px) {
    .excel-workflow .excel-workflow__grid { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
    .excel-workflow .excel-workflow__actions .excel-action { width: 100%; }
    .excel-workflow .excel-workflow__actions > .btn { flex: 1 1 100%; }
}