.data-export-form { display:grid; gap:var(--xb-layout-card-gap); padding:0; }
.data-export-choices { border:0; padding:0; margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--xb-layout-card-gap); }
.data-export-choice { display:flex; align-items:center; gap:var(--xb-space-6); padding:var(--xb-space-8); border:1px solid var(--xb-color-outline-variant); border-radius:var(--xb-shape-card); background:var(--xb-color-surface-container-low); cursor:pointer; transition:border-color var(--xb-motion-state),background-color var(--xb-motion-state); }
.data-export-choice:not(:has(input:checked)):not(:has(input:disabled)):hover { border-color:var(--xb-color-outline); background:var(--xb-card-container-emphasis); }
.data-export-choice:has(input:checked) { border-color:var(--xb-card-selected-border); background:var(--xb-card-selected-container); color:var(--xb-card-selected-content); }
.data-export-choice:focus-within { outline:2px solid var(--xb-field-focus); outline-offset:2px; }
.data-export-choice:has(input:disabled) { cursor:default; }
.data-export-choice > svg { width:var(--xb-space-12); height:var(--xb-space-12); flex:none; color:var(--xb-color-primary); }
.data-export-choice-copy { display:grid; min-width:0; gap:var(--xb-space-2); }
.data-export-choice strong { font-size:var(--font-size-card-value); font-weight:650; }
.data-export-choice small { font-weight:var(--font-weight-body); }
.data-export-choice input[type="radio"],.data-export-attachment-option input[type="checkbox"] { width:var(--xb-space-8); height:var(--xb-space-8); min-height:0; flex:0 0 var(--xb-space-8); padding:0; margin:0; border-radius:0; background:transparent; box-shadow:none; accent-color:var(--xb-color-primary); }
.data-export-choice small,.data-export-helper,.data-export-history-note { color:var(--xb-color-on-surface-variant); font-size:var(--font-size-helper); line-height:var(--line-height-helper,18px); }
.data-export-card { margin-top:var(--xb-layout-section-gap); border:1px solid var(--xb-color-outline-variant); border-radius:var(--xb-shape-card); background:var(--xb-color-surface-container-low); overflow:hidden; }
.data-export-form .data-export-card { margin-top:0; }
.data-export-card-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--xb-space-6); padding:var(--xb-space-8); border-bottom:1px solid var(--xb-color-outline-variant); }
.data-export-card-heading h2 { margin:0; font-size:var(--font-size-section-title); font-weight:650; }
.data-export-format { color:var(--xb-color-on-surface-variant); font-size:var(--font-size-helper); }
.data-export-fields { display:grid; grid-template-columns: minmax(220px,340px) repeat(2,minmax(140px,200px)); gap:var(--xb-layout-form-gap); padding:var(--xb-space-8); }
.data-export-fields label { display:grid; gap:var(--xb-space-3); color:var(--xb-field-label); font-size:var(--font-size-label); }
.data-export-fields :is(select,input) { width:100%; min-width:0; color:var(--xb-field-content); background:var(--xb-field-container); border:1px solid var(--xb-field-border); border-radius:var(--xb-shape-input); }
.data-export-content { padding:0 var(--xb-space-8) var(--xb-space-8); }
.data-export-content h3 { margin:0; font-size:var(--font-size-card-title); font-weight:650; }
.data-export-content ul { display:grid; grid-template-columns:minmax(0,1fr); gap:var(--xb-space-4); padding-left:var(--xb-space-8); margin:var(--xb-space-6) 0; }
.data-export-attachment-option { display:inline-flex; align-items:center; width:auto; gap:var(--xb-space-4); margin:var(--xb-space-4) 0; font-size:var(--font-size-body); }
.data-export-helper { max-width:100ch; margin:var(--xb-space-6) 0 0; font-weight:var(--font-weight-body); }
.data-export-actions { display:flex; justify-content:flex-end; align-items:center; gap:var(--xb-space-6); padding:var(--xb-space-6) var(--xb-space-8); border-top:1px solid var(--xb-color-outline-variant); }
.data-export-actions p { margin:0; color:var(--xb-color-on-surface-variant); font-size:var(--font-size-helper); }
.data-export-actions button { display:inline-flex; justify-content:center; align-items:center; gap:var(--xb-space-4); min-width:160px; }
.data-export-actions svg { width:var(--xb-space-8); height:var(--xb-space-8); }
.data-export-table-wrap { overflow-x:auto; }
.data-export-table-wrap table { width:100%; min-width:680px; table-layout:auto; font-size:var(--font-size-table); }
.data-export-table-wrap :is(th,td):nth-child(n) { width:auto; overflow-wrap:normal; }
.data-export-table-wrap th { white-space:nowrap; }
.data-export-table-wrap :is(th,td):first-child { min-width:110px; white-space:nowrap; }
.data-export-table-wrap :is(th,td):nth-child(3) { min-width:110px; }
.data-export-date { display:block; white-space:nowrap; }
.data-export-time { display:block; color:var(--xb-color-on-surface-variant); font-size:var(--font-size-helper); font-weight:var(--font-weight-body); }
.data-export-table-wrap :is(th,td):last-child { width:130px; text-align:right; }
.data-export-table-wrap th,.data-export-table-wrap td { padding:var(--xb-table-cell-padding-y) var(--xb-table-cell-padding-x); text-align:left; }
.data-export-table-wrap th { background:var(--xb-table-header-container); }
.data-export-table-wrap td { border-bottom:1px solid var(--xb-color-outline-variant); }
.data-export-table-wrap button { white-space:nowrap; }
.data-export-empty { padding:var(--xb-space-12) !important; text-align:center !important; color:var(--xb-color-on-surface-variant); }
.data-export-empty > svg { display:block; width:var(--xb-space-12); height:var(--xb-space-12); margin:0 auto var(--xb-space-6); color:var(--xb-color-on-surface-variant); }
.data-export-empty > span { display:block; font-weight:var(--font-weight-body); }
.data-export-history-note { padding:var(--xb-space-6) var(--xb-space-8); margin:0; }
@media(max-width:760px) { .data-export-choices,.data-export-fields,.data-export-content ul { grid-template-columns:minmax(0,1fr); } .data-export-actions { flex-wrap:wrap; } }
.data-export-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr); gap:var(--xb-space-10); align-items:start; }
.data-export-main { min-width:0; }
.data-export-guide { padding:var(--xb-space-8); border:1px solid var(--xb-card-border); border-radius:var(--xb-shape-card); background:var(--xb-card-selected-container); color:var(--xb-card-selected-content); }
.data-export-guide h2 { margin:0 0 var(--xb-space-8); font-size:var(--font-size-section-title); font-weight:650; }
.data-export-guide dl { display:grid; gap:var(--xb-space-6); margin:0; }
.data-export-guide dl > div { display:grid; grid-template-columns:minmax(110px,1fr) minmax(0,1.4fr); gap:var(--xb-space-6); }
.data-export-guide dt { font-size:var(--font-size-helper); color:var(--xb-color-on-surface-variant); }
.data-export-guide dd { margin:0; font-size:var(--font-size-body); font-weight:var(--font-weight-body); }
.data-export-guide dl > div:first-child dd { font-weight:650; }
.data-export-guide-section { border-top:1px solid var(--xb-color-outline-variant); margin-top:var(--xb-space-8); padding-top:var(--xb-space-8); }
.data-export-guide-section h3 { margin:0 0 var(--xb-space-4); font-size:var(--font-size-card-title); font-weight:650; }
.data-export-guide-section p,.data-export-guide-note { font-size:var(--font-size-helper); line-height:var(--line-height-helper); color:var(--xb-color-on-surface-variant); }
.data-export-guide-section p { margin:var(--xb-space-4) 0 0; }
.data-export-guide-note { border-top:1px solid var(--xb-color-outline-variant); margin:var(--xb-space-8) 0 0; padding-top:var(--xb-space-8); }
@media(max-width:1100px) { .data-export-layout { grid-template-columns:minmax(0,1fr); } }