.mail-preview,.mail-message-detail{--mail-preview-height:38rem}.mail-workspace,.mail-postbox,.mail-draft-detail,.mail-review-editor,.mail-preview,.mail-test-sources,.mail-test-setup,.mail-saved-test,.mail-order-workspace,.mail-test-source-report,.mail-test-case,.mail-message-card,.mail-message-detail,.mail-order-case{gap:var(--panel-gap);flex-direction:column;min-width:0;display:flex}.mail-navigation{margin:var(--space-3) 0 0;border:var(--border-strong-width) solid var(--border);border-radius:var(--radius-control);flex-wrap:wrap;gap:0;width:fit-content;max-width:100%;display:flex;overflow:clip}.mail-navigation [data-slot=button]{border:0;border-inline-end:var(--border-strong-width) solid var(--border);white-space:normal;min-height:var(--control-height);border-radius:0;flex:auto}.mail-navigation [data-slot=button]:last-child{border-inline-end:0}.mail-navigation [aria-current=page]{color:var(--foreground);background:var(--surface-peach)}.mail-filter-bar{align-items:end;gap:var(--space-3);padding:var(--panel-padding);background:var(--surface-sand);border:var(--border-strong-width) solid var(--border);border-radius:var(--radius);flex-wrap:wrap;margin-block-end:var(--space-3);display:flex}.mail-filter-bar>label{flex:12rem;min-width:0}.mail-filter-bar>label:has(input[type=checkbox]){min-height:var(--control-height);align-items:center;display:flex}.mail-draft-queue{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.mail-draft-queue>p,.mail-postbox-grid>section>p{padding:var(--panel-padding);border:var(--border-strong-width) dashed var(--border-subtle);border-radius:var(--radius)}.mail-register-region{border:var(--border-strong-width) solid var(--border);border-radius:var(--radius);overflow-x:auto}.mail-register-region:focus-visible{outline:var(--border-strong-width) solid var(--ring);outline-offset:var(--space-half)}.mail-register{border-collapse:collapse;text-align:left;width:100%;min-width:52rem;font-size:var(--text-sm)}.mail-register th,.mail-register td{padding:var(--space-2);vertical-align:top;border-block-end:1px solid var(--border-subtle)}.mail-register thead th{background:var(--surface-sand);font-family:var(--font-display);font-weight:700}.mail-register tbody tr:last-child td{border-block-end:0}.mail-register tbody tr:hover,.mail-register tbody tr:focus-within{background:var(--surface-teal)}.mail-register td:first-child{min-width:12rem}.mail-register td:nth-child(4){font-variant-numeric:tabular-nums}.mail-register button:not([data-slot]){min-height:var(--control-height);color:var(--link-foreground);cursor:pointer}.mail-register button:not([data-slot]):focus-visible{outline:var(--border-strong-width) solid var(--ring);outline-offset:var(--space-half)}.mail-review-dialog>[data-slot=dialog-header]{border-block-end:var(--border-strong-width) solid var(--border);padding-block-end:var(--space-3)}.mail-draft-detail>:first-child{padding:var(--panel-padding);background:var(--surface-teal);border:var(--border-strong-width) solid var(--border);border-radius:var(--radius)}.mail-draft-detail>:first-child h2,.mail-message-card h2,.mail-message-detail h2{font-family:var(--font-display);margin:0}.mail-draft-detail>details,.mail-draft-detail>section,.mail-review-editor>details{min-width:0}.mail-compose-grid,.mail-postbox-grid{align-items:start;gap:var(--space-3);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.mail-compose-grid>:first-child,.mail-preview,.mail-message-detail{padding:var(--panel-padding);background:var(--card);border:var(--border-strong-width) solid var(--border);border-radius:var(--radius)}.mail-compose-grid label{gap:var(--space-1);display:grid}.mail-compose-grid label+label{margin-block-start:var(--space-3)}.mail-compose-grid [aria-label=Mailtekst]{min-height:24rem}.mail-preview>[aria-label="Visning av e-post"]{border-block-end:1px solid var(--border-subtle);padding-block-end:var(--space-2)}.mail-preview-frame{width:100%;height:var(--mail-preview-height);background:var(--card);border:1px solid var(--border-subtle);border-radius:var(--radius-small);display:block}.mail-preview-source{min-height:var(--mail-preview-height);font-family:var(--font-mono);font-size:var(--text-xs);margin-block-start:var(--space-1)}.mail-review-actions{align-items:center;gap:var(--space-1-5);padding:var(--space-2);background:var(--surface-mint);border:var(--border-strong-width) solid var(--border);border-radius:var(--radius-control);flex-wrap:wrap;display:flex}.mail-review-actions [role=status]{font-size:var(--text-sm);flex:12rem}.mail-message-card,.mail-test-setup,.mail-test-source-report,.mail-test-case,.mail-order-workspace,.mail-order-case{padding:var(--panel-padding);border:var(--border-strong-width) solid var(--border);border-radius:var(--radius);background:var(--card)}.mail-message-card{gap:var(--space-1)}.mail-message-card>.eyebrow{color:var(--link-foreground)}.mail-message-card[aria-current=true]{background:var(--surface-peach)}.mail-message-card:focus-within{background:var(--surface-teal)}.mail-message-card>[data-slot=button]{text-align:left;white-space:normal;justify-content:flex-start}.mail-message-detail>[aria-label$=mailtekst],.mail-message-detail>[aria-label=Sendt\ e-posttekst]{padding-block:var(--space-3);border-block:1px solid var(--border-subtle);line-height:1.7}.mail-test-sources>header,.mail-test-setup>header{align-items:start;gap:var(--space-1);padding:0 0 var(--space-3);border-block-end:var(--border-strong-width) solid var(--border);flex-direction:column;display:flex}.mail-test-sources>header h1,.mail-test-setup>header h2{margin:0}.mail-test-setup>header{background:var(--surface-sand);padding:var(--space-2);border-radius:var(--radius-small);border:0}.mail-order-case{padding:var(--space-2)}.mail-order-case-status{background:var(--surface-teal);padding:var(--space-half) var(--space-1);border-radius:var(--radius-small)}@media (width>=1100px){.mail-postbox-grid{grid-template-columns:minmax(16rem,1fr) minmax(0,2fr)}.mail-compose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.mail-filter-bar,.mail-compose-grid>:first-child,.mail-preview,.mail-message-detail,.mail-message-card,.mail-test-setup,.mail-test-source-report,.mail-test-case,.mail-order-workspace{padding:var(--space-2)}.mail-navigation{width:100%}.mail-navigation [data-slot=button]{border-inline-end:0;border-block-end:1px solid var(--border-subtle);flex-basis:100%}.mail-navigation [data-slot=button]:last-child{border-block-end:0}.mail-review-actions>[data-slot=button]{white-space:normal;width:100%}}