#vat-return-view { padding-bottom: 80px; }.vat-head,.vat-card-head { display:flex;align-items:center;justify-content:space-between;gap:18px; }.vat-head { margin-bottom:20px; }.vat-head h2 { margin:3px 0 0;font:800 clamp(28px,4vw,46px)/1 "Poppins",sans-serif;letter-spacing:-.04em; }.vat-not-submit { padding:10px 15px;border:1px solid #e7cbaa;border-radius:12px;background:#fff8ee; }.vat-not-submit b,.vat-not-submit span { display:block; }.vat-not-submit b { color:#934e13;font-size:11px;text-transform:uppercase;letter-spacing:.05em; }.vat-not-submit span { margin-top:3px;color:var(--muted);font-size:10px; }
.vat-official-note { display:flex;align-items:center;gap:16px;padding:18px 20px;margin-bottom:20px;border-radius:16px;color:#fff;background:linear-gradient(115deg,#083d55,#0b6870 68%,#2a806a); }.vat-official-note > span { display:grid;place-items:center;width:62px;height:46px;border:1px solid rgba(255,255,255,.35);border-radius:9px;font:800 13px "Poppins",sans-serif; }.vat-official-note div { flex:1; }.vat-official-note strong { font-size:14px; }.vat-official-note p { margin:3px 0 0;color:rgba(255,255,255,.72);font-size:11px; }.vat-official-note a { color:#fff;font-size:11px;font-weight:800; }
.vat-layout { display:grid;grid-template-columns:.92fr 1.08fr;gap:20px; }.vat-card { padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.93);box-shadow:0 12px 34px rgba(22,45,58,.07); }.vat-card-head { margin-bottom:18px; }.vat-card-head > div { display:flex;align-items:center;gap:10px; }.vat-card-head small { display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#0d5964;background:#dff1ef;font-weight:800; }.vat-card-head h3 { margin:0;font:800 18px "Poppins",sans-serif; }.vat-card-head > span { color:var(--muted);font-size:11px; }
.vat-period { display:grid;grid-template-columns:1fr 1fr;gap:11px; }.vat-period label { display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:700; }.vat-period input { min-height:44px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fbfcfc; }.vat-actions { display:flex;flex-wrap:wrap;gap:9px;margin-top:14px; }.vat-profile-line { display:flex;flex-wrap:wrap;gap:8px;margin-top:15px; }.vat-profile-line span { padding:6px 8px;border-radius:7px;color:var(--muted);background:#f1f5f4;font-size:10px; }.vat-issues { margin-top:12px;max-height:250px;overflow:auto; }.vat-issues p { margin:5px 0;padding:8px 10px;border-radius:8px;font-size:11px;line-height:1.4; }.vat-issues .blocker { color:#8b2727;background:#fff0ef; }.vat-issues .warning { color:#80520a;background:#fff6e6; }
.vat-kpis { display:grid;grid-template-columns:repeat(3,1fr);gap:9px; }.vat-kpis article { padding:13px;border-radius:11px;background:#f2f6f5; }.vat-kpis article.primary { color:#fff;background:#073f59; }.vat-kpis span,.vat-kpis strong { display:block; }.vat-kpis span { color:inherit;opacity:.7;font-size:10px; }.vat-kpis strong { margin-top:5px;font-size:18px; }.vat-field-table { margin-top:15px;border:1px solid var(--line);border-radius:11px;overflow:hidden; }.vat-field-table > div { display:grid;grid-template-columns:55px 1fr 1fr;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:11px; }.vat-field-table > div:last-child { border:0; }.vat-field-table .header { color:var(--muted);background:#f5f8f7;text-transform:uppercase;font-size:9px;letter-spacing:.06em; }.vat-field-table b { color:#075c73; }.vat-field-table strong { text-align:right; }
.vat-history { margin-top:20px; }.vat-table-wrap { overflow-x:auto; }.vat-history table { width:100%;border-collapse:collapse; }.vat-history th,.vat-history td { padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:11px; }.vat-history th { color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em; }.vat-history td strong,.vat-history td small { display:block; }.vat-history td small { margin-top:3px;color:var(--muted);font-size:9px; }.vat-history code { color:#075c73; }.vat-empty { padding:30px !important;color:var(--muted);text-align:center !important; }
@media (max-width:900px) { .vat-layout { grid-template-columns:1fr; }.vat-not-submit { display:none; } }
@media (max-width:600px) { .vat-official-note { align-items:flex-start; }.vat-official-note a { display:none; }.vat-period,.vat-kpis { grid-template-columns:1fr; }.vat-head h2 { font-size:31px; } }