/* Employer app (the signed-in client workspace): shell, billing table, seat page and invoice dialog.
   Blocks only; shared primitives stay in portal/css/styles.css. Figma: External-App-MVP. */

.pt-app {
    /* Titles and table cells track tight; the token keeps it one value with the rest of the portal. */
    --pt-app-track: var(--pt-track-tight);
    /* Two washes of the border color for expanded table groups and chips; not a token because only tables use them. */
    --pt-app-wash: color-mix(in srgb, var(--pt-lunar-dust) 20%, transparent);
    --pt-app-wash-deep: color-mix(in srgb, var(--pt-lunar-dust) 40%, transparent);
    min-height: 100vh;
    background: var(--pt-bg);
}
.pt-app__stage {
    /* Fluid like Mission Control's main column: no max width; the gutter is the shell header's so edges line up. */
    padding: var(--pt-space-6) var(--pt-shell-gutter) var(--pt-space-16);
}
/* The onboarding card body's rhythm: 32/48 inside the two-tone frame. */
.pt-app__card {
    background: var(--pt-surface);
    border: 1px solid var(--pt-border);
    border-radius: var(--pt-radius-md);
    padding: var(--pt-space-8) var(--pt-space-12);
}
.pt-app__empty {
    padding: var(--pt-space-12) var(--pt-space-4);
    text-align: center;
    color: var(--pt-fg-muted);
    border: 1px dashed var(--pt-border);
    border-radius: var(--pt-radius-md);
}
/* Inline "what is this" glyph next to a label or figure. */
.pt-help { font-size: var(--pt-text-md); color: var(--pt-fg-muted); vertical-align: -2px; cursor: help; }

/* ============ Breadcrumb ============ */
.pt-crumbs {
    display: flex; flex-wrap: wrap; align-items: center; gap: var(--pt-space-1);
    padding: 0 0 var(--pt-space-6);
    font-size: var(--pt-text-md); line-height: var(--pt-leading-md); letter-spacing: var(--pt-app-track);
    color: var(--pt-fg-muted);
}
.pt-crumbs__link {
    padding: 0; border: 0; background: transparent; cursor: pointer;
    font: inherit; letter-spacing: inherit; color: inherit;
}
.pt-crumbs__link:hover { color: var(--pt-fg); }
.pt-crumbs__sep { color: var(--pt-polished-steel); }
.pt-crumbs__current { color: var(--pt-fg); font-weight: var(--pt-weight-value); }

/* ============ Status pill: dot + label on a tint wash ============ */
.pt-status {
    display: inline-flex; align-items: center; gap: var(--pt-space-1);
    padding: var(--pt-space-1) var(--pt-space-3);
    border-radius: var(--pt-radius-pill);
    font-size: var(--pt-text-sm); line-height: var(--pt-leading-sm);
    color: var(--pt-fg); white-space: nowrap;
}
.pt-status__dot { width: 8px; height: 8px; border-radius: var(--pt-radius-pill); background: currentColor; }
.pt-tint-seafoam .pt-status__dot { background: var(--pt-galactic-seafoam); }
.pt-tint-gold .pt-status__dot { background: var(--pt-solar-gold); }
.pt-tint-purple .pt-status__dot { background: var(--pt-voyager-purple); }
.pt-tint-flame .pt-status__dot { background: var(--pt-rocket-flame); }
.pt-tint-red .pt-status__dot { background: var(--pt-red-alert); }
.pt-tint-blue .pt-status__dot { background: var(--pt-atmosphere-blue); }

/* ============ Data table ============ */
/* position: relative keeps the head's sr-only text inside the scroll box; otherwise it lands in the page and widens it on phones. */
.pt-table-scroll { position: relative; overflow-x: auto; }
.pt-table {
    width: 100%; min-width: 880px;
    border-collapse: collapse;
    font-size: var(--pt-text-md); line-height: var(--pt-leading-md); letter-spacing: var(--pt-app-track);
    color: var(--pt-fg-muted);
}
.pt-table__col--identity { width: 34%; }
.pt-table__col--frequency { width: 12.6%; }
.pt-table__col--date { width: 14%; }
.pt-table__col--status { width: 9.7%; }
.pt-table__col--settlement { width: 16.7%; }
.pt-table__col--amount { width: 8.4%; }
.pt-table__col--actions { width: 4.6%; }
/* The team table: talent identity leads, the rest share the row evenly. */
.pt-table__col--team { width: 14%; }
.pt-table__col--seat-type { width: 12%; }
.pt-table__col--location { width: 20%; }
.pt-table__row--link { cursor: pointer; }
.pt-table__row--link:hover { background: var(--pt-app-wash); }
.pt-talent { display: flex; align-items: center; gap: var(--pt-space-3); }
.pt-talent__name { color: var(--pt-fg); text-decoration: none; }
.pt-table__row--link:hover .pt-talent__name { color: var(--pt-rocket-flame); }
.pt-talent__avatar { width: var(--pt-space-8); height: var(--pt-space-8); border-radius: var(--pt-radius-pill); object-fit: cover; background: var(--pt-cosmic-fog); flex-shrink: 0; }
.pt-table__head th {
    padding: var(--pt-space-3);
    background: var(--pt-cosmic-fog);
    text-align: left;
    font-size: var(--pt-text-2xs); line-height: var(--pt-leading-2xs); font-weight: var(--pt-weight-strong);
    letter-spacing: var(--pt-track-caps); text-transform: uppercase; color: var(--pt-fg-muted);
}
.pt-table__head th.pt-table__cell--amount { text-align: right; }
.pt-table__head th:first-child { border-radius: var(--pt-radius-xs) 0 0 var(--pt-radius-xs); }
.pt-table__head th:last-child { border-radius: 0 var(--pt-radius-xs) var(--pt-radius-xs) 0; }
.pt-table__row { border-bottom: 1px solid var(--pt-border); transition: background var(--pt-dur-fast) var(--pt-ease-paper); }
.pt-table__cell { padding: calc(var(--pt-space-4) + var(--pt-space-1)) var(--pt-space-3); vertical-align: middle; }
.pt-table__cell--amount { text-align: right; }
.pt-table__cell--strong { color: var(--pt-fg); font-weight: var(--pt-weight-value); }
.pt-table__cell--actions { padding-right: 0; }
.pt-table__cell--empty { text-align: center; padding: var(--pt-space-8) var(--pt-space-4); }
/* An expanded parent tints itself and its children; an expanded child and its panel go a shade deeper. */
.pt-table__row.is-open, .pt-table__row.is-child { background: var(--pt-app-wash); }
.pt-table__row.is-child.is-open, .pt-table__panel.is-child { background: var(--pt-app-wash-deep); }
.pt-table__panel { background: var(--pt-app-wash); border-bottom: 1px solid var(--pt-border); }
/* Indents step by the caret's 32px hit area plus its 8px gap. */
.pt-table__panel .pt-table__cell { padding: 0 var(--pt-space-3) 0 calc(var(--pt-space-3) + var(--pt-space-8) + var(--pt-space-2)); }
.pt-table__panel.is-child .pt-table__cell { padding-left: calc(var(--pt-space-3) + 2 * (var(--pt-space-8) + var(--pt-space-2))); }
.pt-table__row.is-child .pt-table__cell:first-child { padding-left: calc(var(--pt-space-3) + var(--pt-space-8) + var(--pt-space-2)); }
.pt-table__caret {
    display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
    width: var(--pt-space-8); height: var(--pt-space-8); padding: 0;
    border: 0; border-radius: var(--pt-radius-sm); background: transparent;
    color: var(--pt-fg); font-size: var(--pt-text-sm); cursor: pointer;
}
.pt-table__caret:hover { background: var(--pt-app-wash-deep); }
.pt-table__caret:focus-visible { outline: none; box-shadow: var(--pt-focus-ring); }
.pt-table__caret--none { visibility: hidden; }
.pt-invoice { display: flex; align-items: flex-start; gap: var(--pt-space-2); }
.pt-invoice__body { min-width: 0; }
.pt-invoice__title { color: var(--pt-fg); font-weight: var(--pt-weight-value); }
.pt-invoice__sub { color: var(--pt-fg-muted); font-size: var(--pt-text-sm); line-height: var(--pt-leading-sm); margin-top: var(--pt-space-1); }
.pt-amount { display: inline-flex; flex-direction: column; align-items: flex-end; gap: var(--pt-space-1); }
.pt-amount__value { color: var(--pt-fg); font-weight: var(--pt-weight-value); }
.pt-amount__code { font-size: var(--pt-text-xs); line-height: var(--pt-leading-xs); font-weight: var(--pt-weight-value); color: var(--pt-fg-muted); }
/* Breakdown strip under an expanded invoice row. */
.pt-breakdown {
    display: flex; flex-wrap: wrap; gap: var(--pt-space-4) var(--pt-space-8);
    margin: 0; padding: var(--pt-space-4) 0;
    border-top: 1px solid var(--pt-border);
}
.pt-breakdown__item { display: flex; flex-direction: column; gap: var(--pt-space-1); }
.pt-breakdown__label { font-size: var(--pt-text-sm); line-height: var(--pt-leading-sm); letter-spacing: 0; color: var(--pt-fg-muted); }
.pt-breakdown__value { margin: 0; display: inline-flex; align-items: center; gap: var(--pt-space-1); color: var(--pt-fg); font-weight: var(--pt-weight-value); }

/* Statement in the invoice dialog: lines grouped by seat under static heading rows that carry the seat subtotal. */
.pt-statement { margin-top: var(--pt-space-2); }
/* The table bleeds past the content edges by one cell padding, so its text, not its background, aligns with the document. */
.pt-statement .pt-table--lines { width: calc(100% + 2 * var(--pt-space-3)); margin: 0 calc(-1 * var(--pt-space-3)); }
.pt-statement__head { padding: 0 0 var(--pt-space-6); }
.pt-statement__head .pt-invoice-doc__heading { display: inline-flex; align-items: center; gap: var(--pt-space-2); }
.pt-count { display: inline-flex; align-items: center; min-height: 20px; font-size: var(--pt-text-xs); line-height: 1; font-weight: var(--pt-weight-value); padding: 0 var(--pt-space-2); border-radius: var(--pt-radius-pill); background: var(--pt-app-wash-deep); color: var(--pt-fg-muted); letter-spacing: 0; }
.pt-table__group { border-bottom: 1px solid var(--pt-border); background: var(--pt-app-wash); }
.pt-table__group .pt-table__cell { padding-top: var(--pt-space-4); padding-bottom: var(--pt-space-4); }
.pt-table__group-label { text-align: left; color: var(--pt-fg); font-weight: var(--pt-weight-value); }
.pt-table__group-label .pt-count { margin-left: var(--pt-space-1); vertical-align: middle; }
.pt-table--lines .pt-table__row.is-child { background: transparent; }
.pt-table--lines .pt-table__row.is-child .pt-table__cell:first-child { padding-left: calc(var(--pt-space-3) + var(--pt-space-6)); }

/* Line-item variant inside the invoice dialog. */
.pt-table--lines { min-width: 0; }
.pt-table__col--line { width: 70%; }
.pt-table__col--quantity { width: 12%; }
.pt-table--lines .pt-table__col--amount { width: 18%; }

/* ============ Row action menu ============ */
.pt-menu { position: relative; display: inline-flex; justify-content: flex-end; width: var(--pt-space-12); }
.pt-menu__trigger {
    display: inline-flex; align-items: center; justify-content: center;
    width: var(--pt-space-8); height: var(--pt-space-8); padding: 0;
    border: 0; border-radius: var(--pt-radius-pill); background: transparent;
    color: var(--pt-fg-muted); font-size: var(--pt-text-lg); cursor: pointer;
    transition: background var(--pt-dur-fast) var(--pt-ease-paper), color var(--pt-dur-fast) var(--pt-ease-paper);
}
.pt-menu__trigger:hover, .pt-menu__trigger.is-active { background: var(--pt-cosmic-fog); color: var(--pt-fg); }
.pt-menu__trigger:focus-visible { outline: none; box-shadow: var(--pt-focus-ring); }
.pt-menu__list {
    position: absolute; right: 0; top: calc(100% + var(--pt-space-2)); z-index: 20;
    display: flex; flex-direction: column; gap: var(--pt-space-1);
    width: 224px; padding: var(--pt-space-1);
    border: 1px solid var(--pt-border); border-radius: var(--pt-radius-lg);
    background: var(--pt-surface);
}
.pt-menu__item {
    display: flex; align-items: center; gap: var(--pt-space-2);
    height: 40px; padding: 0 var(--pt-space-4) 0 var(--pt-space-3);
    border: 0; border-radius: var(--pt-radius-pill); background: transparent;
    font-family: var(--pt-font-body); font-size: var(--pt-text-sm); line-height: var(--pt-leading-sm);
    letter-spacing: 0; color: var(--pt-fg-muted); text-align: left; white-space: nowrap; cursor: pointer;
    transition: background var(--pt-dur-instant) var(--pt-ease-paper), color var(--pt-dur-instant) var(--pt-ease-paper);
}
.pt-menu__item i { font-size: var(--pt-text-md); }
.pt-menu__item:hover, .pt-menu__item:focus-visible { outline: none; background: var(--pt-cosmic-fog); color: var(--pt-fg); }

/* ============ Dashboard ============ */
.pt-dash__welcome { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--pt-space-4); padding: 0 0 var(--pt-space-12); }
.pt-dash__greeting { font-size: var(--pt-text-xl); line-height: var(--pt-leading-xl); font-weight: var(--pt-weight-value); letter-spacing: var(--pt-app-track); }
.pt-dash__sub { margin-top: var(--pt-space-1); font-size: var(--pt-text-md); line-height: var(--pt-leading-md); letter-spacing: var(--pt-app-track); color: var(--pt-fg-muted); }
.pt-dash__sub strong { color: var(--pt-fg); font-weight: var(--pt-weight-value); }
.pt-dash__stats { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pt-space-6) var(--pt-space-12); padding-bottom: var(--pt-space-12); }
.pt-stat { display: flex; flex-direction: column; gap: var(--pt-space-2); }
.pt-stat__label { font-size: var(--pt-text-2xs); line-height: var(--pt-leading-2xs); font-weight: var(--pt-weight-strong); letter-spacing: var(--pt-track-caps); text-transform: uppercase; color: var(--pt-fg-muted); }
.pt-stat__value { font-size: var(--pt-text-2xl); line-height: 1; letter-spacing: var(--pt-track-tight); color: var(--pt-fg); }
.pt-autopay {
    display: flex; align-items: flex-start; gap: var(--pt-space-3);
    padding: var(--pt-space-4);
    border: 1px solid var(--pt-border); border-radius: var(--pt-radius-md);
    background: var(--pt-app-wash);
}
.pt-autopay__mark { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--pt-radius-sm); }
.pt-autopay__mark img { display: block; }
.pt-autopay__body { min-width: 0; }
.pt-autopay__title { font-weight: var(--pt-weight-value); color: var(--pt-fg); }
.pt-autopay__sub { margin-top: var(--pt-space-1); font-size: var(--pt-text-sm); line-height: var(--pt-leading-sm); color: var(--pt-fg-muted); }

.pt-tabs { display: flex; gap: var(--pt-space-2); padding-bottom: var(--pt-space-6); }
.pt-tabs__tab {
    display: inline-flex; align-items: center; gap: var(--pt-space-2);
    height: 40px; padding: 0 var(--pt-space-6) 0 calc(var(--pt-space-4) + var(--pt-space-1));
    border: 1px solid var(--pt-border); border-radius: var(--pt-radius-pill);
    background: var(--pt-surface); color: var(--pt-fg-muted);
    font-size: var(--pt-text-sm); line-height: var(--pt-leading-sm); font-weight: var(--pt-weight-value); text-decoration: none;
    transition: background var(--pt-dur-fast) var(--pt-ease-paper), color var(--pt-dur-fast) var(--pt-ease-paper);
}
.pt-tabs__tab i { font-size: var(--pt-text-md); }
.pt-tabs__tab:hover { color: var(--pt-fg); }
.pt-tabs__tab.is-active { background: var(--pt-contrast-bg); border-color: var(--pt-contrast-bg); color: var(--pt-contrast-fg); }
.pt-tabs__tab:focus-visible { outline: none; box-shadow: var(--pt-focus-ring); }

.pt-billing { margin-top: 0; }
.pt-billing__title { font-size: var(--pt-text-xl); line-height: var(--pt-leading-xl); font-weight: var(--pt-weight-value); letter-spacing: var(--pt-track-tight); }
.pt-billing__sub { margin-top: var(--pt-space-2); font-size: var(--pt-text-md); line-height: var(--pt-leading-md); color: var(--pt-fg-muted); }
.pt-billing__region { margin-top: var(--pt-space-8); }
.pt-billing__toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--pt-space-3); padding-bottom: var(--pt-space-6); }

/* ============ Seat page ============ */
.pt-seat { margin-top: 0; }
.pt-seat-hero { display: flex; align-items: flex-start; gap: var(--pt-space-6); }
.pt-seat-hero__avatar { width: var(--pt-space-24); height: var(--pt-space-24); border-radius: var(--pt-radius-pill); object-fit: cover; background: var(--pt-cosmic-fog); flex-shrink: 0; }
.pt-seat-hero__body { flex: 1; min-width: 0; }
.pt-seat-hero__name-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pt-space-2); }
.pt-seat-hero__name { font-size: var(--pt-text-xl); line-height: var(--pt-leading-xl); font-weight: var(--pt-weight-value); letter-spacing: var(--pt-track-tight); }
.pt-seat-hero__title { margin-top: var(--pt-space-1); font-size: var(--pt-text-md); line-height: var(--pt-leading-md); letter-spacing: var(--pt-app-track); color: var(--pt-fg-muted); }
.pt-seat-hero__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pt-space-2); margin-top: var(--pt-space-4); }
.pt-seat-hero__fact { display: inline-flex; align-items: center; gap: var(--pt-space-2); font-size: var(--pt-text-md); line-height: var(--pt-leading-md); font-weight: var(--pt-weight-value); color: var(--pt-rocket-flame); }
.pt-seat-hero__fact i { font-size: var(--pt-text-lg); }
.pt-seat-hero__dot { width: 4px; height: 4px; margin: 0 var(--pt-space-2); border-radius: var(--pt-radius-pill); background: var(--pt-polished-steel); }

/* The details card: fog rows with a leading icon, capped so a wide screen adds columns instead of stretching a fact. */
.pt-details { margin-top: var(--pt-space-8); padding: var(--pt-space-6); border: 1px solid var(--pt-border); border-radius: var(--pt-radius-sm); }
.pt-details__title { font-size: var(--pt-text-lg); line-height: var(--pt-leading-lg); font-weight: var(--pt-weight-value); letter-spacing: var(--pt-track-tight); }
.pt-details__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 400px)); gap: var(--pt-space-2) var(--pt-space-4); margin-top: var(--pt-space-4); }
.pt-detail { display: flex; align-items: center; gap: var(--pt-space-3); min-height: 64px; padding: var(--pt-space-2) var(--pt-space-3); border-radius: var(--pt-radius-xs); background: var(--pt-app-wash); }
.pt-detail__icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: var(--pt-space-6); font-size: var(--pt-text-lg); color: var(--pt-fg-muted); }
.pt-detail__body { flex: 1; min-width: 0; }
.pt-detail__label { font-size: var(--pt-text-sm); line-height: var(--pt-leading-sm); color: var(--pt-fg-muted); }
.pt-detail__value { font-weight: var(--pt-weight-value); color: var(--pt-fg); }
.pt-detail__tags { display: flex; flex-wrap: wrap; gap: var(--pt-space-1); margin-top: var(--pt-space-1); }
/* Small read-only tag (seat add-ons). */
.pt-tag {
    display: inline-flex; align-items: center;
    padding: var(--pt-space-1) var(--pt-space-2);
    border: 1px solid var(--pt-border); border-radius: var(--pt-radius-pill);
    background: var(--pt-app-wash-deep);
    font-size: var(--pt-text-xs); line-height: var(--pt-leading-xs); letter-spacing: var(--pt-app-track); color: var(--pt-fg);
}
.pt-seat__invoices { margin-top: var(--pt-space-12); }
.pt-seat__section-title { margin-bottom: var(--pt-space-4); font-size: var(--pt-text-lg); line-height: var(--pt-leading-lg); font-weight: var(--pt-weight-value); letter-spacing: var(--pt-track-tight); }

/* ============ Invoice dialog ============ */
/* A 20% graphite veil; brand keeps blur for navbars over imagery, so none here. */
.pt-modal-overlay--veil { background: rgba(34, 35, 38, 0.2); }
.pt-modal--invoice:focus { outline: none; }
/* Wide by default so the line table and meta grid breathe; the overlay padding keeps it inside any viewport. */
.pt-modal--invoice { max-width: 1040px; max-height: calc(100vh - 2 * var(--pt-space-6)); overflow-y: auto; padding: 0; border-radius: var(--pt-radius-md); }
.pt-invoice-doc__close { top: var(--pt-space-3); right: var(--pt-space-3); width: var(--pt-space-8); height: var(--pt-space-8); display: inline-flex; align-items: center; justify-content: center; border-radius: var(--pt-radius-sm); color: var(--pt-fg); }
.pt-invoice-doc__close:hover { background: var(--pt-cosmic-fog); }
.pt-invoice-doc__close:focus-visible { outline: none; box-shadow: var(--pt-focus-ring); }
.pt-invoice-doc { padding: calc(var(--pt-space-8) + var(--pt-space-2)) var(--pt-space-16); letter-spacing: var(--pt-app-track); }
.pt-invoice-doc__head { text-align: center; }
.pt-invoice-doc__title { font-size: var(--pt-text-xl); line-height: var(--pt-leading-xl); font-weight: var(--pt-weight-value); letter-spacing: var(--pt-track-tight); }
.pt-invoice-doc__sub { margin-top: var(--pt-space-2); font-size: var(--pt-text-md); line-height: var(--pt-leading-md); color: var(--pt-fg-muted); }
.pt-invoice-doc__parties { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--pt-space-4); margin-top: var(--pt-space-6); padding: var(--pt-space-4) 0; border-bottom: 1px solid var(--pt-border); }
.pt-invoice-doc__logo { height: 24px; width: auto; display: block; }
.pt-invoice-doc__billed { font-style: normal; text-align: right; line-height: var(--pt-leading-md); color: var(--pt-fg-muted); }
.pt-invoice-doc__ident { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--pt-space-4); padding: var(--pt-space-4) 0 var(--pt-space-4); }
.pt-invoice-doc__heading { font-size: var(--pt-text-lg); line-height: var(--pt-leading-lg); font-weight: var(--pt-weight-value); letter-spacing: var(--pt-track-tight); }
.pt-invoice-doc__number { font-size: var(--pt-text-md); line-height: var(--pt-leading-md); color: var(--pt-fg-muted); }
.pt-invoice-doc__meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--pt-space-4) var(--pt-space-6); margin: 0 0 var(--pt-space-6); }
.pt-invoice-doc__field dt { font-size: var(--pt-text-sm); line-height: var(--pt-leading-sm); letter-spacing: 0; color: var(--pt-fg-muted); }
.pt-invoice-doc__field dd { margin: var(--pt-space-1) 0 0; font-weight: var(--pt-weight-value); color: var(--pt-fg); }
.pt-invoice-doc__total { display: flex; justify-content: flex-end; gap: var(--pt-space-12); padding: var(--pt-space-4) 0 0; color: var(--pt-fg-muted); }
.pt-invoice-doc__total strong { font-weight: var(--pt-weight-value); color: var(--pt-fg); }
.pt-invoice-doc__foot { display: flex; justify-content: flex-end; gap: var(--pt-space-2); padding: var(--pt-space-6) var(--pt-space-16); border-top: 1px solid var(--pt-border); }

/* ============ Narrow screens ============ */
@media (max-width: 1023px) {
    .pt-details__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pt-invoice-doc { padding: var(--pt-space-8) calc(var(--pt-space-8) + var(--pt-space-2)); }
    .pt-invoice-doc__foot { padding-left: calc(var(--pt-space-8) + var(--pt-space-2)); padding-right: calc(var(--pt-space-8) + var(--pt-space-2)); }
}
@media (max-width: 767px) {
    .pt-app__stage { padding-left: var(--pt-space-4); padding-right: var(--pt-space-4); }
    .pt-app__card { padding: var(--pt-space-6); }
    .pt-invoice-doc, .pt-invoice-doc__foot { padding-left: var(--pt-space-6); padding-right: var(--pt-space-6); }
    .pt-dash__welcome { flex-direction: column; }
    .pt-details__grid { grid-template-columns: minmax(0, 1fr); }
    .pt-seat-hero { flex-wrap: wrap; }
    .pt-invoice-doc__meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pt-invoice-doc__parties { flex-direction: column; }
    .pt-invoice-doc__billed { text-align: left; }
}