#datev-export-view { padding-bottom: 80px; }
.datev-head, .datev-card-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.datev-head { margin-bottom: 22px; }.datev-head h2 { margin: 3px 0 0; font: 800 clamp(28px, 4vw, 46px)/1 "Poppins", sans-serif; letter-spacing: -.04em; }
.datev-format { display: flex; align-items: center; gap: 12px; padding: 10px 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }.datev-format b { color: #fff; background: #002f5f; padding: 7px 9px; border-radius: 7px; letter-spacing: .08em; }.datev-format span { color: var(--muted); font-size: 12px; }
.datev-trust { display: flex; gap: 17px; align-items: center; padding: 20px 22px; margin-bottom: 20px; color: #fff; border-radius: 18px; background: linear-gradient(115deg, #002f5f 0%, #075c73 64%, #1b7867 100%); box-shadow: 0 18px 45px rgba(0, 47, 95, .18); }.datev-trust > span { display: grid; place-items: center; width: 48px; height: 48px; flex: 0 0 48px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; font: 800 15px "Poppins", sans-serif; }.datev-trust strong { font-size: 15px; }.datev-trust p { margin: 4px 0 0; color: rgba(255,255,255,.72); font-size: 12px; }
.datev-layout { display: grid; grid-template-columns: 1.08fr .92fr; gap: 20px; }.datev-card { padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.92); box-shadow: 0 12px 34px rgba(22,45,58,.07); }.datev-card-head { margin-bottom: 20px; }.datev-card-head > div { display: flex; align-items: center; gap: 11px; }.datev-card-head small { display: grid; place-items: center; width: 30px; height: 30px; color: #0d5964; background: #dff1ef; border-radius: 50%; font-weight: 800; }.datev-card-head h3 { margin: 0; font: 800 18px "Poppins", sans-serif; }
.datev-status { padding: 6px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; }.datev-status.neutral { color: #66727a; background: #eef1f2; }.datev-status.success { color: #0c6654; background: #dff4ea; }.datev-status.warning { color: #954c13; background: #fff0dc; }
.datev-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.datev-fields label, .datev-month { display: grid; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 700; }.datev-fields input, .datev-fields select, .datev-month input { min-height: 45px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: #fbfcfc; color: var(--ink); font: 600 14px "Roboto", sans-serif; }.datev-hint { margin: 16px 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.datev-period-card { display: flex; flex-direction: column; }.datev-month { margin-bottom: 14px; }.datev-period-card > .text-button { align-self: flex-start; }.datev-preview-empty { display: grid; place-items: center; min-height: 180px; margin: 18px 0; padding: 20px; border: 1px dashed #bfcbce; border-radius: 14px; color: var(--muted); text-align: center; font-size: 13px; }
.datev-preview-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 18px 0 12px; }.datev-preview-metrics div { padding: 12px; border-radius: 11px; background: #f2f6f5; }.datev-preview-metrics span,.datev-preview-metrics strong { display:block; }.datev-preview-metrics span { color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em; }.datev-preview-metrics strong { margin-top:4px;font-size:15px; }.datev-issues { margin:0 0 16px;padding:0;list-style:none; }.datev-issues li { margin:6px 0;padding:9px 11px;border-radius:9px;font-size:12px; }.datev-issues .blocker { color:#8b2727;background:#fff0ef; }.datev-issues .warning { color:#80520a;background:#fff6e6; }
.datev-ready { display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:12px;color:#0c6654;background:#e8f6f0;border-radius:11px; }.datev-ready b { font-size:22px; }.datev-ready strong,.datev-ready span { display:block; }.datev-ready span { margin-top:2px;font-size:11px; }
.datev-history { margin-top:20px; }.datev-table-wrap { overflow-x:auto; }.datev-history table { width:100%;border-collapse:collapse; }.datev-history th { padding:10px;color:var(--muted);border-bottom:1px solid var(--line);text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.08em; }.datev-history td { padding:13px 10px;border-bottom:1px solid var(--line);font-size:13px; }.datev-history td strong,.datev-history td small { display:block; }.datev-history td small { margin-top:3px;color:var(--muted);font-size:10px; }.datev-history code { color:#075c73;font-size:11px; }.datev-revision { font-weight:800; }.datev-empty { padding:35px !important;color:var(--muted);text-align:center !important; }
@media (max-width:860px) { .datev-layout { grid-template-columns:1fr; }.datev-head { align-items:flex-start; }.datev-format { display:none; } }
@media (max-width:560px) { .datev-fields,.datev-preview-metrics { grid-template-columns:1fr; }.datev-card { padding:17px; }.datev-trust { align-items:flex-start; }.datev-head h2 { font-size:32px; } }