.datev-package-card { margin-top: 20px; }.datev-package-workspace { display: grid; grid-template-columns: .85fr 1.15fr; gap: 24px; }.datev-package-builder { padding: 18px; border-radius: 14px; background: linear-gradient(145deg, #f0f7f6, #f9fbfb); }.datev-package-period { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.datev-package-period label { display: grid; gap: 6px; color: var(--muted); font-size: 11px; font-weight: 700; }.datev-package-period input { min-height: 42px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }.datev-package-summary { margin-top: 14px; color: var(--muted); font-size: 11px; }.datev-package-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }.datev-package-metrics div { padding: 10px; border: 1px solid #dce9e6; border-radius: 9px; background: #fff; }.datev-package-metrics span,.datev-package-metrics strong { display: block; }.datev-package-metrics span { font-size: 9px; text-transform: uppercase; }.datev-package-metrics strong { margin-top: 3px; color: var(--ink); font-size: 17px; }.datev-package-summary ul { margin: 10px 0 0; padding: 0; list-style: none; }.datev-package-summary li { display: grid; grid-template-columns: 70px 1fr auto; gap: 8px; padding: 7px 0; border-bottom: 1px solid #dce9e6; }.datev-package-summary li b { color: var(--ink); }.datev-package-summary li code { color: #075c73; }.datev-package-history .datev-mini-table { max-height: 360px; }
@media (max-width: 900px) { .datev-package-workspace { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .datev-package-period,.datev-package-metrics { grid-template-columns: 1fr; }.datev-package-summary li { grid-template-columns: 1fr; } }