/* Polish pass, 2026-09-17. Found by looking at every page rendered at 1440 and
   390 px. Loaded last, so these win over the older single-line rules without
   editing them. Each block says what looked wrong. */

/* Stat rows were a fixed four-column grid holding three items, which left a
   dead quarter on the right of "Penger" and of the month row on Hjem. */
.overview-stats,.compact-stats,.tax-stats{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}

/* "Også venter": cards in one row had different heights and the answer chips
   hung at different levels beneath them. Every card now fills its row and the
   chips sit on one line at the bottom. */
.bf-attention__grid{align-items:stretch}
.bf-attention__item{height:100%}
.bf-attention__item>.bf-card{flex:1 1 auto}
.work-chips{margin-top:auto;padding:2px 2px 0}
.work-chip{min-height:44px}

/* A collapsed "Vakta følger opp" was stretched to the height of the panel next
   to it, which read as a large broken empty box. */
.dashboard-grid{align-items:start}
.following-panel summary{cursor:pointer;list-style:none}
.following-panel summary::-webkit-details-marker{display:none}
.following-panel summary .panel-head{border-bottom:0}
.following-panel[open] summary .panel-head,.following-panel details[open] summary .panel-head{border-bottom:1px solid #eee7d5}

/* Panels stacked directly under each other touched (Skatt: the MVA sheet and
   the comparison; Innstillinger: company and forwarding address). */
.page>.panel+.panel,.settings-content>.panel+.panel,.settings-content>*>.panel+.panel,.settings-main>.panel+.panel,.page>.two-columns+.panel,.page>.panel+.two-columns{margin-top:20px}

/* The "Stemmer tallene mine" form shipped with no styles at all: its fields ran
   edge to edge inside the panel and its rows had no rhythm. */
.replay-panel>.field{margin:0;padding:22px 29px 0}
.replay-panel>.field select{width:100%;max-width:420px}
.replay-form{padding:20px 29px 8px}
.replay-form .form-grid{gap:4px 24px}
.replay-form input[inputmode]{width:100%}
.replay-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.replay-field .field{margin-bottom:0}
.replay-field .check-label,.replay-field label.check-label{margin:0 0 14px;padding:0}
.replay-actions{grid-column:1/-1;padding-top:4px}
.replay-panel>p.muted,.replay-panel [data-testid=replay-nothing-entered]{margin:0;padding:6px 29px 22px}
.replay-verdict{padding:6px 29px 22px}
@media(max-width:700px){.replay-form{padding:18px 18px 6px}.replay-panel>.field{padding:18px 18px 0}.replay-panel>p.muted,.replay-verdict{padding-left:18px;padding-right:18px}}

/* An amount never wraps between the number and "kr". */
.amount,.money,.stat strong,.account-balance{white-space:nowrap}

/* Hjem's lower area. Side by side, a collapsed follow-up panel beside the tall
   deadlines panel left a void; stacked full width, each reads as one calm row.
   Grid children must not inherit the stacked-panel gap above (the grid has its
   own), or their tops stop lining up. */
.dashboard-grid{grid-template-columns:1fr;gap:20px}
.dashboard-grid>.panel,.dashboard-grid>.panel+.panel{margin-top:0}
.deadline-panel .timeline-cards{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}

/* "Penger": the figures sat in a bordered box inside the bordered panel, and the
   month row below was glued to the panel with no air. One frame is enough. */
.money-line .compact-stats,.money-line .overview-stats{border-left:0;border-right:0;border-radius:0;box-shadow:none}
.money-line+.overview-stats,.money-line+.muted+.overview-stats,.page>.overview-stats{margin-top:20px}
.attention-more{margin:14px 2px 0}
.bf-attention{margin-bottom:8px}

/* The note inside "Penger" ran into both panel edges. */
.money-line>.notice,.money-line>p.muted{margin:16px 24px}
@media(max-width:700px){.money-line>.notice,.money-line>p.muted{margin:14px 16px}}

/* Phone Skatt: the back link touched the eyebrow under it. */
@media(max-width:700px){.tax-page .page-back{padding-bottom:14px}}

/* One header. The navigation and the Vakta button sat in a second row under a
   top bar whose middle held only a slogan; they now live in that space. */
.topbar .nav-wrap{flex:1 1 auto;min-width:0;max-width:none;margin:0 8px 0 6px;height:auto;align-self:stretch;border-bottom:0;gap:16px}
.topbar .primary-nav{gap:22px}
.topbar .primary-nav .active:after{bottom:0}
.topbar-inner{min-height:72px}
@media(max-width:1180px){.topbar .environment-label,.search-trigger kbd{display:none}.topbar .primary-nav{gap:16px}.topbar-inner{gap:14px}}
@media(max-width:960px){.topbar .primary-nav a svg{display:none}.company-button>span:not(.company-mark){display:none}.company-button .company-mark{display:grid}.topbar .nav-wrap{gap:10px}}