.dashboard-intro { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; margin:0 0 18px; }
.dashboard-intro h3 { margin:3px 0 5px; font-size:20px; }
.dashboard-intro p { margin:0; color:var(--muted); }
.dashboard-intro > span { color:var(--muted); font-weight:700; font-size:13px; white-space:nowrap; padding-top:4px; }
.dashboard-stats { grid-template-columns:repeat(3,minmax(180px,1fr)); margin-bottom:20px; }
.dashboard-metric { min-height:138px; text-align:left; position:relative; transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.dashboard-metric:hover { transform:translateY(-2px); border-color:#91b7e1; box-shadow:0 16px 34px rgba(16,39,73,.13); }
.dashboard-metric[aria-expanded="true"] { border-color:var(--blue); box-shadow:0 0 0 3px rgba(15,76,151,.12); }
.dashboard-metric small { display:block; color:var(--muted); margin-top:3px; font-size:12px; font-weight:500; }
.dashboard-metric i { display:block; color:var(--blue); font-style:normal; font-size:12px; font-weight:800; margin-top:12px; }
.dashboard-detail { margin-bottom:20px; scroll-margin-top:20px; }
.dashboard-detail .section-head { align-items:flex-start; }
.dashboard-detail .section-head > div:last-child { display:flex; gap:8px; flex-wrap:wrap; }
.dashboard-order-link, .dashboard-invoice-link { width:100%; background:transparent; text-align:left; border-radius:7px; transition:background .15s ease, box-shadow .15s ease; }
.dashboard-order-link:hover, .dashboard-invoice-link:hover { background:#fff0f8; box-shadow:inset 3px 0 0 #e6007e; }
.dashboard-order-link .number, .dashboard-invoice-link .number { text-align:right; }
.dashboard-order-link .number small, .dashboard-invoice-link .number small { display:block; color:#8f004b; font-size:11px; font-weight:800; margin-top:2px; }
.dashboard-movements { margin-top:20px; }
.statistics-filter-card { margin:0 0 20px; }
.statistics-filter-form { display:grid; grid-template-columns:repeat(3, minmax(160px, 1fr)); gap:14px 16px; align-items:end; }
.statistics-filter-form label { display:grid; gap:6px; margin:0; color:var(--text); font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.statistics-filter-form input, .statistics-filter-form select { width:100%; min-height:42px; margin:0; }
.statistics-filter-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:end; }
.statistics-filter-actions button { min-height:42px; white-space:nowrap; }
.statistics-kpis small { line-height:1.35; }
@media (max-width:1100px) { .dashboard-stats { grid-template-columns:repeat(2,minmax(180px,1fr)); } }
@media (max-width:820px) { .statistics-filter-form { grid-template-columns:repeat(2, minmax(150px, 1fr)); } }
@media (max-width:530px) { .dashboard-intro { display:block; }.dashboard-intro > span { display:block; padding-top:8px; }.dashboard-stats { grid-template-columns:1fr; }.dashboard-metric { min-height:118px; }.statistics-filter-form { grid-template-columns:1fr; }.statistics-filter-actions button { flex:1; } }
.sevdesk-payment-view { max-width:none; }
.sevdesk-payment-workspace { width:100%; }
.sevdesk-payment-head { align-items:flex-start; margin-bottom:20px; }
.sevdesk-payment-head h3 { margin:4px 0 7px; font-size:25px; }
.sevdesk-payment-head p { max-width:820px; margin:0; color:var(--muted); }
.sevdesk-payment-head .secondary { white-space:nowrap; }
.sevdesk-payment-card { padding:24px; }
.sevdesk-payment-summary { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; padding-bottom:17px; margin-bottom:8px; border-bottom:1px solid var(--line); }
.sevdesk-payment-summary p { margin:0; }
.sevdesk-payment-summary .product-meta { max-width:580px; }
.sevdesk-payment-table { min-height:180px; }
.sevdesk-payment-table table { min-width:920px; }
.sevdesk-payment-table th:first-child, .sevdesk-payment-table td:first-child { width:42px; }
.sevdesk-payment-actions { position:sticky; bottom:0; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 0 2px; margin-top:8px; background:var(--white); border-top:1px solid var(--line); }
.sevdesk-payment-actions p { margin:0; max-width:580px; }
.sevdesk-payment-actions > div { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.sevdesk-payment-note { margin:18px 0 0; }
.settlement-workspace { display:grid; gap:20px; margin-top:20px; }
.settlement-workspace > .card { padding:24px; min-width:0; }
.settlement-case { border:1px solid var(--line); margin:14px 0; border-radius:8px; }
.settlement-case > summary { display:flex; justify-content:space-between; gap:16px; padding:18px; cursor:pointer; background:#f5f7fb; }
.settlement-case > summary::before { content:'▸'; }
.settlement-case[open] > summary::before { content:'▾'; }
.settlement-case-body { padding:20px; }
.settlement-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 24px; }
.settlement-facts p { color:var(--muted); margin:0; overflow-wrap:anywhere; }
.settlement-facts strong { display:block; color:var(--navy,#071b35); margin-top:5px; }
.settlement-form { display:grid; gap:16px; margin-top:20px; }
.settlement-form textarea { min-height:80px; }
.settlement-check { display:flex; align-items:flex-start; gap:10px; font-weight:normal; line-height:1.5; }
.settlement-check input { width:20px; height:20px; flex:0 0 20px; margin-top:3px; }
.settlement-check[hidden] { display:none !important; }
.settlement-decision-note { margin:0; padding:14px; background:#f0f4fa; border-left:3px solid var(--pink,#df007b); }
.settlement-workspace td small { display:block; margin-top:5px; color:var(--muted); }
.settlement-settings { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:20px; }
.settlement-settings p,.settlement-settings button { grid-column:1 / -1; }
.settlement-review { border:2px solid #b02739; }
@media(max-width:760px) { .settlement-facts,.settlement-settings { grid-template-columns:1fr; }.settlement-case > summary { flex-wrap:wrap; }.settlement-case-body { padding:14px; } }
@media (max-width:760px) { .sevdesk-payment-head, .sevdesk-payment-summary, .sevdesk-payment-actions { align-items:stretch; flex-direction:column; }.sevdesk-payment-head .secondary, .sevdesk-payment-actions button { width:100%; }.sevdesk-payment-actions > div { display:grid; grid-template-columns:1fr; } }