/* Fresh mint interface, with the supplied Night/Signal artwork unchanged.
   Fibonacci steps approximate phi (1.618); accessibility sets control minima. */
:root {
  --night:#0B2A33; --fresh-mint:#3DDC97; --forest:#0E6B4A;
  --daylight:#E6F5EE; --slate:#4E6670; --go:#167751;
  --button-line:#D3DDDA; --mist:#C9D6DB; --haze:#A9BCC4; --sky:#D7E9F0;
  --navy:var(--night); --ink:var(--night); --green:var(--forest);
  --mint:var(--fresh-mint); --muted:var(--slate); --paper:var(--daylight);
  --space-2xs:5px; --space-xs:8px; --space-sm:13px; --space-md:21px;
  --space-lg:34px; --space-xl:55px; --space-2xl:89px;
  --type-small:13px; --type-body:16px; --type-card:21px;
  --type-heading:34px; --type-display:55px;
  --radius-card:21px; --radius-panel:21px; --radius-button:13px;
  --radius:var(--radius-panel);
}

/* Shared rhythm: one spacing scale across customer and operations screens. */
.production-app {font-size:var(--type-body);line-height:1.618;background:var(--daylight);color:var(--night)}
.production-app h1,.production-app h2,.production-app h3,.production-app h4 {letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 var(--space-sm)}
.production-app h1 {font-size:var(--type-heading);line-height:1.15;font-weight:800}
.production-app h2 {font-size:var(--type-heading);line-height:1.2;font-weight:800}
.production-app h3 {font-size:var(--type-card);line-height:1.3;font-weight:700;letter-spacing:0}
.production-app h4 {font-size:var(--type-body);line-height:1.4;letter-spacing:0}
.production-app p {line-height:1.618;margin:0 0 var(--space-sm)}
.production-app .eyebrow {font-size:var(--type-small);line-height:1.4;font-weight:600;letter-spacing:.14em;color:var(--forest);margin-bottom:var(--space-sm)}
.production-app .page-container {max-width:1280px;padding:var(--space-lg) var(--space-lg) var(--space-2xl)}
.production-app .page-container:focus {outline:none}
.production-app .page-head {gap:var(--space-md);margin-bottom:var(--space-lg)}
.production-app .page-head p {font-size:var(--type-body);line-height:1.618;max-width:65ch;margin-bottom:0}
.production-app .page-head .eyebrow {margin-bottom:var(--space-xs)}
.production-app .section-head {gap:var(--space-md);margin:0 0 var(--space-md);align-items:flex-start;flex-wrap:wrap}
.production-app .section-head>div {min-width:0}
.production-app .section-head h2,.production-app .section-head h3 {margin:0}
.production-app .section-head .inline-actions {margin-top:0}
.production-app .page-container>.section-head h2 {font-size:var(--type-heading)}
.production-app .inline-actions,.production-app .owner-toolbar,.production-app .campaign-toolbar {gap:var(--space-sm)}
.production-app .stack {gap:var(--space-md)}
.production-app .section-spacer {margin-top:var(--space-lg)}
.production-app .stack>.section-spacer {margin-top:0}
.production-app .toolbar-spacer {margin-bottom:var(--space-md)}
.production-app .account-section {margin-bottom:var(--space-lg)}
.production-app .panel {border-radius:var(--radius-panel);padding:var(--space-lg);min-width:0}
.production-app .panel h2,.production-app .panel .section-head h2 {font-size:var(--type-card);line-height:1.3;font-weight:700;letter-spacing:0}
.production-app .panel h3 {margin-bottom:var(--space-sm)}
.production-app .panel>:last-child {margin-bottom:0}
.production-app .page-container>.notice {margin-bottom:var(--space-md)}
.production-app .card-grid,.production-app .campaign-grid,.production-app .owner-inventory-grid {gap:var(--space-md)}
.production-app .workspace-split {display:grid;grid-template-columns:minmax(0,1.618fr) minmax(280px,1fr);gap:var(--space-lg);align-items:start}
.production-app .workspace-split>*,.production-app .form-grid>* {min-width:0}
.production-app hr {margin:var(--space-lg) 0}

/* Compact official lockups retain their native aspect ratios and clear space. */
.production-app .header-inner {display:flex;flex-wrap:wrap;min-height:89px;padding:var(--space-md) var(--space-lg);gap:var(--space-md)}
.production-app .app-header .brand {flex:0 0 auto;max-width:100%;min-height:44px;gap:var(--space-sm)}
.production-app .brand-lockup {display:block;width:178px;min-width:120px;max-width:100%;height:auto;aspect-ratio:757.62/96}
.production-app .brand {gap:var(--space-sm);font-size:var(--type-card);letter-spacing:-.02em}
.production-app .brand-mark {width:34px;height:34px;flex:0 0 34px;border:0;border-radius:0;background:url('/assets/brand/emptyboards-mark.svg') center/contain no-repeat}
.production-app .brand-mark:after {content:none}
.production-app .header-nav {display:flex;justify-content:flex-start;gap:var(--space-md);min-width:0;overflow-x:auto}
.production-app .header-nav a {min-height:44px;display:inline-flex;align-items:center;color:var(--night);font-size:var(--type-small);font-weight:600}
.production-app .header-nav a.active {color:var(--forest)}
.production-app .header-nav a.active:after {bottom:0;background:var(--forest)}
.production-app .header-actions {display:flex;align-items:center;gap:var(--space-xs);min-width:0}
.production-app .header-actions>.icon-button {margin:0;grid-column:auto;grid-row:auto}
.production-app .workspace-switch {max-width:230px;min-height:44px;border-color:var(--button-line);border-radius:var(--radius-button);background:var(--daylight);font-size:var(--type-small);padding:var(--space-xs) var(--space-sm)}
.production-app .application-footer {border-top:1px solid var(--line);padding:var(--space-lg) var(--space-md);text-align:center;font-size:var(--type-small);line-height:1.618;background:#FFF;color:var(--slate)}
.production-app .application-footer strong {color:var(--night)}
.production-app .application-footer .footer-brand {display:flex;width:fit-content;max-width:100%;justify-content:center;margin:0 auto var(--space-xs);padding:var(--space-sm);min-height:44px}
.production-app .footer-brand img {width:210px;min-width:120px;max-width:100%;height:auto;aspect-ratio:757.62/146}
.production-app .application-footer a,.production-app .application-footer button.text-link {margin:0 var(--space-xs);font-size:inherit;color:inherit}
.production-app .application-footer a {display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.production-app .application-footer p {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 var(--space-xs);margin:var(--space-xs) 0 0}

/* Controls and forms share spacing without shrinking readable text or targets. */
.production-app .button,.production-app .icon-button {min-height:44px;border-radius:var(--radius-button);border-color:var(--button-line);padding:var(--space-sm) var(--space-md);font-size:var(--type-small);font-weight:600;line-height:1.35;max-width:100%}
.production-app .icon-button {min-width:44px;padding:var(--space-sm)}
.production-app .button:hover,.production-app .icon-button:hover {background:#F0FAF5;border-color:#9EBCAE}
.production-app .button.primary,.production-app .button.mint {background:var(--fresh-mint);border-color:var(--fresh-mint);color:var(--night)}
.production-app .button.primary:hover,.production-app .button.mint:hover {background:#64E4AD;border-color:#64E4AD}
.production-app .button.dark {background:var(--night);border-color:var(--night);color:#FFF}
.production-app .button.dark:hover {background:#154552;border-color:#154552}
.production-app .button.small {min-height:44px;padding:var(--space-xs) var(--space-sm);font-size:var(--type-small)}
.production-app .button.danger {color:#9A3025;background:#FFF4F2;border-color:#E6BAB3}
.production-app .button.danger:hover {background:#FBE5DF}
.production-app .text-link {border:0;background:none;color:var(--forest);font:inherit;text-decoration:underline;text-underline-offset:3px;padding:0;line-height:1.618}
.production-app button.text-link {min-height:44px}
.production-app :is(button,a,input,select,textarea,summary):focus-visible {outline:3px solid var(--forest);outline-offset:4px}
.production-app input,.production-app select,.production-app textarea {border-color:var(--button-line);border-radius:var(--radius-button);font-size:var(--type-body);min-height:44px;padding:var(--space-sm);max-width:100%}
.production-app input[type=checkbox],.production-app input[type=radio] {min-height:0;width:18px;height:18px;padding:0;accent-color:var(--forest)}
.production-app input[type=range] {min-height:24px;padding:0}
.production-app .form-grid {gap:var(--space-md)}
.production-app .field,.production-app .form-grid .field,.production-app .field-row {font-size:var(--type-small);font-weight:600;gap:var(--space-xs)}
.production-app .form-grid .field.full {grid-column:1/-1}
.production-app .field small {font-size:var(--type-small);line-height:1.618}
.production-app .field-row {min-height:44px;font-weight:400}
.production-app .help-copy,.production-app .text-small {font-size:var(--type-small);line-height:1.618;color:var(--slate)}
.production-app .form-error,.production-app .inline-error,.production-app .row-error {font-size:var(--type-small);line-height:1.618}
.production-app .form-error {margin-top:var(--space-xs)}
.production-app .inline-error {color:#A83528;background:#FFF2EF;border:1px solid #F1C7BF;padding:var(--space-sm);border-radius:var(--radius-button)}
.production-app .row-error {margin:var(--space-sm) 0}
.production-app .row-error:empty,.production-app #map-status:empty,.production-app #recommendation-map-status:empty {display:none}
.production-app .notice {font-size:var(--type-small);line-height:1.618;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-button);background:#F0FAF5;border-color:#C4E4D3;color:#285341}
.production-app .notice.amber {background:#FCF5E9;border-color:#EBDABB;color:#79551E}
.production-app .notice.blue {background:#EFF4FB;border-color:#DFE8F6;color:#365D89}
.production-app .badge {font-size:var(--type-small);font-weight:600;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);border-radius:8px}
.production-app .badge.amber,.production-app .status-pending_review,.production-app .status-payment_review,.production-app .status-negotiating {color:#79551E;background:#FBF1DF}
.production-app .badge.green,.production-app .status-confirmed,.production-app .status-published,.production-app .status-completed,.production-app .status-approved {color:var(--go);background:#E3F5EB}
.production-app .status-live {background:#E8EFFA;color:#365D9A}
.production-app .counter {background:var(--forest);color:#FFF;font-size:var(--type-small);line-height:1.5}
.production-app .tabs {gap:var(--space-2xs);padding:var(--space-2xs);border-radius:var(--radius-button)}
.production-app .tab {min-height:44px;font-size:var(--type-small);padding:var(--space-xs) var(--space-sm);border-radius:8px}
.production-app .auth-code {font-family:monospace;font-size:var(--type-body);letter-spacing:.08em;overflow-wrap:anywhere}

/* Campaign discovery uses the golden ratio for the principal desktop columns. */
.production-app .workspace-hero {display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:var(--space-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);border-radius:var(--radius-panel);background:var(--night);color:#FFF;align-items:center}
.production-app .workspace-hero>div:first-child {min-width:0}
.production-app .workspace-hero h1 {font-size:var(--type-display);line-height:1.1;color:#FFF;margin-bottom:var(--space-md)}
.production-app .workspace-hero p {font-size:var(--type-body);line-height:1.618;color:var(--mist);max-width:62ch;margin:0}
.production-app .workspace-hero .eyebrow {color:var(--fresh-mint);letter-spacing:.14em;margin-bottom:var(--space-sm)}
.production-app .workspace-hero>.inline-actions {display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm);width:100%;max-width:340px;justify-self:end}
.production-app .workspace-hero>.button {justify-self:end}
.production-app .workspace-hero .button {min-height:48px;padding:var(--space-sm) var(--space-md);font-size:var(--type-small)}
.production-app .workspace-hero .button:not(.mint):not(.primary) {background:transparent;border:1.5px solid #FFF;color:#FFF}
.production-app .workspace-hero .button:not(.mint):not(.primary):hover {background:#FFFFFF12}
.production-app .workspace-hero :is(a,button):focus-visible,.production-app .auth-story :is(a,button):focus-visible {outline-color:var(--fresh-mint)}
.production-app .catalogue-card {padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--radius-card)}
.production-app .catalogue-image {width:100%;height:200px;object-fit:cover;background:var(--daylight)}
.production-app .catalogue-placeholder {height:200px;display:grid;place-content:center;background:var(--night);color:var(--mist)}
.production-app .catalogue-placeholder .brand-mark {width:55px;height:55px;flex-basis:55px;background-image:url('/assets/brand/emptyboards-mark-reverse.svg')}
.production-app .catalogue-body {padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:0}
.production-app .catalogue-body h3 {font-size:var(--type-card);line-height:1.3;margin:0}
.production-app .catalogue-body .eyebrow {font-size:var(--type-small);line-height:1.5;letter-spacing:.14em;margin-bottom:0}
.production-app .catalogue-body p {font-size:var(--type-small);line-height:1.618;margin:0}
.production-app .catalogue-body .price {font:400 var(--type-body)/1.618 'DM Sans',Arial,sans-serif;color:var(--slate);margin:var(--space-xs) 0}
.production-app .catalogue-body .price small {font-size:var(--type-small)}
.production-app .catalogue-body .inline-actions {padding-top:var(--space-sm);margin-top:auto;gap:var(--space-sm)}
.production-app .catalogue-body .button {margin-top:0;padding:var(--space-xs) var(--space-sm)}
.production-app .catalogue-body .button.primary {background:var(--night);border-color:var(--night);color:#FFF}
.production-app .catalogue-body .button.primary:hover {background:#154552;border-color:#154552}
.production-app .filter-row {display:grid;grid-template-columns:1.618fr 1fr 1fr;gap:var(--space-sm);margin:var(--space-md) 0}
.production-app .inventory-map {height:430px;isolation:isolate;border:1px solid var(--line);border-radius:var(--radius-panel);margin-bottom:var(--space-lg);background:var(--daylight)}
.production-app .inventory-map[hidden] {display:none}
.production-app .inventory-pin {display:block;width:30px;height:30px;border:2px solid #FFF;border-radius:50%;background:var(--forest);color:#FFF;text-align:center;line-height:26px;font-weight:bold;box-shadow:0 2px 6px #0004}

/* Authentication gives the form more room than its supporting story. */
.production-app .auth-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);min-height:550px;border-radius:var(--radius-panel);overflow:hidden;background:#FFF;border:1px solid var(--line)}
.production-app .auth-story {padding:var(--space-xl) var(--space-lg);background:var(--night);color:#FFF;display:flex;flex-direction:column;justify-content:center;min-width:0}
.production-app .auth-story h1 {font-size:var(--type-heading);line-height:1.15;color:#FFF;margin-bottom:var(--space-md)}
.production-app .auth-story .eyebrow {color:var(--fresh-mint)}
.production-app .auth-story p {font-size:var(--type-body);line-height:1.618;color:var(--mist);margin-bottom:var(--space-md)}
.production-app .auth-form {padding:var(--space-lg);align-self:center;min-width:0}
.production-app .auth-form h2 {font-size:var(--type-heading);line-height:1.2}
.production-app .auth-form .field {margin-bottom:var(--space-md)}
.production-app .auth-types {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin:var(--space-md) 0}
.production-app .role-option {display:flex;align-items:flex-start;gap:var(--space-xs);padding:var(--space-sm);border:1px solid var(--line);border-radius:var(--radius-button);min-height:89px;min-width:0}
.production-app .role-option:has(input:checked) {border-color:var(--forest);background:var(--daylight)}
.production-app .role-option input {margin-top:var(--space-2xs)}
.production-app .role-option strong {display:block;font-size:var(--type-small)}
.production-app .role-option small {display:block;margin-top:var(--space-2xs);font-size:var(--type-small);font-weight:400;line-height:1.5;color:var(--slate)}

/* Workspaces, bookings, finance and files. */
.production-app .stats-grid {gap:var(--space-md);margin-bottom:var(--space-lg)}
.production-app .stat-card {border-radius:var(--radius-card);padding:var(--space-md);min-width:0}
.production-app .stat-card :is(small,.muted,span) {font-size:var(--type-small);line-height:1.5}
.production-app .stat-card strong,.production-app .stat-card .metric,.production-app .stat-card .stat-value {font-size:var(--type-heading);font-weight:800;letter-spacing:-.02em;margin:var(--space-xs) 0;overflow-wrap:anywhere}
.production-app .list-card {display:flex;gap:var(--space-md);justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--line)}
.production-app .list-card:last-child {border:0}
.production-app .list-card h3 {font-size:var(--type-card);line-height:1.3;margin:var(--space-2xs) 0}
.production-app .list-card p {font-size:var(--type-small);line-height:1.618;margin:var(--space-2xs) 0;color:var(--slate)}
.production-app .list-card>div {min-width:0}
.production-app .list-card .inline-actions {flex-shrink:0}
.production-app .plain-list {padding:0;overflow:hidden}
.production-app .panel:not(.plain-list)>.list-card {padding-inline:0}
.production-app .booking-title {overflow-wrap:anywhere}
.production-app .booking-heading {display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}
.production-app .offer-thread {display:grid;gap:var(--space-sm)}
.production-app .offer-message {padding:var(--space-md);border:1px solid var(--line);border-radius:var(--radius-button);background:#F8FCFA}
.production-app .offer-message.owner {margin-left:var(--space-md);background:var(--daylight)}
.production-app .offer-message.buyer {margin-right:var(--space-md)}
.production-app .offer-message header {display:flex;justify-content:space-between;gap:var(--space-sm);font-size:var(--type-small);color:var(--slate)}
.production-app .offer-message strong {font-size:var(--type-card);display:block;margin:var(--space-sm) 0}
.production-app .offer-message p {font-size:var(--type-small);margin-bottom:0}
.production-app .money-summary {display:grid;gap:var(--space-sm);font-size:var(--type-body)}
.production-app .money-summary>div {display:flex;justify-content:space-between;gap:var(--space-md)}
.production-app .money-summary>div>* {min-width:0;overflow-wrap:anywhere}
.production-app .money-summary .total {border-top:1px solid var(--line);padding-top:var(--space-md);font-size:var(--type-card);font-weight:700}
.production-app .timeline-list {list-style:none;padding:0;margin:0}
.production-app .timeline-list li {border-left:2px solid #D5E7DC;padding:0 0 var(--space-md) var(--space-md);margin-left:var(--space-2xs)}
.production-app .timeline-list strong {display:block;font-size:var(--type-small)}
.production-app .timeline-list p,.production-app .timeline-list time {font-size:var(--type-small);color:var(--slate);margin:var(--space-xs) 0 0}
.production-app .file-list {display:grid;gap:var(--space-sm)}
.production-app .file-row {display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);border:1px solid var(--line);padding:var(--space-sm);border-radius:var(--radius-button);font-size:var(--type-small)}
.production-app .file-row>div {min-width:0;overflow-wrap:anywhere}
.production-app .file-row small {display:block;font-size:var(--type-small);color:var(--slate);margin-top:var(--space-2xs)}
.production-app .detail-list,.production-app .details-dl {font-size:var(--type-small);gap:var(--space-md);margin:var(--space-md) 0}
.production-app .detail-list dt,.production-app .booking-summary dt {font-size:var(--type-small);color:var(--slate);margin-bottom:var(--space-2xs)}
.production-app .detail-list dd {overflow-wrap:anywhere}
.production-app .notification-unread {border-left:4px solid var(--forest)}
.production-app .data-table,.production-app .comparison-table {font-size:var(--type-small)}
.production-app .data-table th {font-size:var(--type-small);letter-spacing:.08em;padding:var(--space-sm)}
.production-app .data-table td {padding:var(--space-md) var(--space-sm)}
.production-app .comparison-scroll {overflow-x:auto;max-width:100%}
.production-app .comparison-table {border-collapse:collapse;width:100%;min-width:600px}
.production-app .comparison-table th,.production-app .comparison-table td {padding:var(--space-md);text-align:left;border-bottom:1px solid var(--line);min-width:140px;vertical-align:top}
.production-app .comparison-table thead {background:var(--daylight)}
.production-app .comparison-table a {text-decoration:underline;color:var(--forest)}
.production-app .invoice-sheet {max-width:850px;margin:auto;background:#FFF;padding:var(--space-lg);border:1px solid var(--line);border-radius:var(--radius-panel)}
.production-app .invoice-sheet .brand {margin-bottom:var(--space-lg)}
.production-app .invoice-sheet h2,.production-app .invoice-sheet:not(.media-pack):not(.campaign-report) h1 {font-size:var(--type-card);line-height:1.3}
.production-app .invoice-meta {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);margin:var(--space-lg) 0}
.production-app .invoice-meta,.production-app .invoice-meta h3,.production-app .invoice-meta p {font-size:var(--type-small);line-height:1.618}
.production-app .invoice-meta p {white-space:pre-line}
.production-app .media-pack-image {width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius-button)}
.production-app .media-pack h2,.production-app .campaign-report h2 {font-size:var(--type-card)}
.production-app .media-pack,.production-app .campaign-report {overflow-wrap:anywhere}
.production-app .pre-line,.production-app .preserve-lines {white-space:pre-line}

/* Briefs and budget-based recommendations. */
.production-app .brief-form-fields {border:0;padding:0;margin:0;min-width:0}
.production-app .brief-form-fields .full {grid-column:1/-1}
.production-app .brief-section {font-size:var(--type-card);margin:var(--space-md) 0 0}
.production-app .brief-section:first-child {margin-top:0}
.production-app .brief-options {border:1px solid var(--line);padding:var(--space-md);border-radius:var(--radius-button);min-width:0}
.production-app .brief-options legend {font-size:var(--type-small);font-weight:600;padding:0 var(--space-xs)}
.production-app .brief-choices {display:flex;gap:var(--space-xs);flex-wrap:wrap}
.production-app .brief-choices label {display:flex;align-items:center;gap:var(--space-xs);font-size:var(--type-small);padding:var(--space-xs) var(--space-sm);min-height:44px;border:1px solid var(--line);border-radius:var(--radius-button);cursor:pointer}
.production-app .brief-choices label:has(input:checked) {background:var(--daylight);border-color:var(--forest)}
.production-app .brief-summary dd {white-space:pre-line;overflow-wrap:anywhere}
.production-app .brief-budget {border-color:#B3D8C1}
.production-app .brief-budget-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md);margin:var(--space-md) 0}
.production-app .brief-budget-grid small {display:block;color:var(--slate);font-size:var(--type-small)}
.production-app .brief-budget-grid strong {display:block;font-size:var(--type-card);margin-top:var(--space-xs);overflow-wrap:anywhere}
.production-app .recommendation-card {display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-start}
.production-app .recommendation-card:first-child {border:2px solid var(--forest)}
.production-app .recommendation-card h3 {font-size:var(--type-card);margin:0}
.production-app .recommendation-card p {margin:0}
.production-app .recommendation-card h4 {font-size:var(--type-small);margin:var(--space-xs) 0 0}
.production-app .recommendation-card ul {font-size:var(--type-small);line-height:1.618;padding-left:var(--space-md);margin:0}
.production-app .recommendation-price strong {display:block;font-size:var(--type-heading);overflow-wrap:anywhere}
.production-app .recommendation-price small {display:block;color:var(--slate);font-size:var(--type-small);margin-top:var(--space-xs)}
.production-app .recommendation-card .inline-actions {margin-top:auto;padding-top:var(--space-sm)}
.production-app .recommendations>.help-copy {margin-top:var(--space-md)}

/* Dialogs and optional guidance align their header, content and action insets. */
.production-app .workspace-dialog,.production-app .product-tour {border-radius:var(--radius-panel);width:min(760px,calc(100% - 26px));max-height:calc(100dvh - 26px);padding:0}
.production-app .dialog-head,.production-app .tour-header {display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--line)}
.production-app .dialog-head>div,.production-app .tour-header>div {min-width:0}
.production-app .dialog-head h2,.production-app .tour-body h2 {font-size:var(--type-card);line-height:1.3;margin:0}
.production-app .dialog-head .eyebrow {margin-bottom:var(--space-xs)}
.production-app .dialog-head>.button {flex-shrink:0}
.production-app .dialog-body {padding:var(--space-lg)}
.production-app .dialog-actions {display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap}
.production-app .tour-welcome {display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);border:1px solid #BEDCCA;border-radius:var(--radius-panel);background:#F5FCF8}
.production-app .tour-welcome h2 {font-size:var(--type-card);margin:var(--space-xs) 0}
.production-app .tour-welcome p {font-size:var(--type-small);line-height:1.618;margin:0;max-width:65ch}
.production-app .tour-welcome .inline-actions {flex-shrink:0}
.production-app .product-tour {box-sizing:border-box;width:min(650px,calc(100% - 26px));border:1px solid var(--line);color:var(--night);background:#FFF;box-shadow:0 21px 89px #102C3850;overflow-y:auto;overscroll-behavior:contain}
.production-app .product-tour::backdrop {background:#102C38B8}
.production-app .product-tour[open] {display:flex;flex-direction:column;overflow:hidden}
.production-app .tour-header {background:var(--daylight)}
.production-app .tour-role {margin:var(--space-xs) 0 0;font-size:var(--type-small);font-weight:700;color:var(--forest)}
.production-app .tour-body {padding:var(--space-lg);min-height:0;overflow-y:auto;overscroll-behavior:contain}
.production-app .tour-progress {font-size:var(--type-small);color:var(--slate);margin:0 0 var(--space-sm)}
.production-app .tour-track {display:flex;gap:var(--space-2xs);list-style:none;padding:0;margin:0 0 var(--space-md)}
.production-app .tour-track li {height:5px;flex:1;background:#E3EBE5;border-radius:4px}
.production-app .tour-track .current {background:var(--forest)}
.production-app .tour-track .complete {background:var(--fresh-mint)}
.production-app .tour-body h2 {margin-bottom:var(--space-sm)}
.production-app .tour-body h2:focus {outline:none}
.production-app .tour-description {font-size:var(--type-body);line-height:1.618;margin:0 0 var(--space-md)}
.production-app .tour-tip {font-size:var(--type-small);line-height:1.618;padding:var(--space-sm) var(--space-md);border-left:3px solid var(--forest);border-radius:0 13px 13px 0;background:var(--daylight);margin:0 0 var(--space-md)}
.production-app .tour-destination {font-size:var(--type-small);font-weight:700;text-align:left;line-height:1.618}
.production-app .tour-actions {display:flex;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--line);background:#FFF}
.production-app .tour-actions .button {min-width:89px}
.production-app .tour-header,.production-app .tour-actions {flex-shrink:0}
.production-app .product-tour button:focus-visible {outline-color:var(--forest)}
.production-app .policy-document {max-width:920px;margin:auto;line-height:1.618}
.production-app .policy-document h2 {font-size:var(--type-card);margin-top:var(--space-lg)}
.production-app .policy-document p {font-size:var(--type-body);line-height:1.618}
.production-app .policy-details {padding:var(--space-md);border:1px solid var(--line);border-radius:var(--radius-button)}
.production-app .policy-details summary {cursor:pointer;font-weight:600;min-height:44px;line-height:1.618}
.production-app .policy-details h2 {font-size:var(--type-body);margin-top:var(--space-md)}
.production-app .policy-details p {font-size:var(--type-small);line-height:1.618}
.production-app .cancellation-line {margin:var(--space-md) 0}
.production-app .cancellation-line legend {font-weight:700;padding:0 var(--space-xs)}
.production-app .credit-note .data-table {min-width:580px}
.production-app .credit-note h1 {overflow-wrap:anywhere}
.production-app .empty-state {padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-panel);border-color:#AFCBBC}
.production-app .empty-state p {font-size:var(--type-body);line-height:1.618;margin-bottom:var(--space-md)}
.production-app .empty-state h2 {font-size:var(--type-card)}
.production-app .toast {font-size:var(--type-small);border-radius:var(--radius-button);padding:var(--space-sm) var(--space-md)}
.production-app .print-only {display:none}

@media(max-width:1100px) {
  .production-app .header-inner {padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}
  .production-app .header-nav {gap:var(--space-sm)}
  .production-app .workspace-hero {padding:var(--space-lg)}
  .production-app .workspace-hero h1 {font-size:var(--type-heading)}
  .production-app .panel {padding:var(--space-md)}
  .production-app .plain-list,.production-app .catalogue-card {padding:0}
}
@media(max-width:900px) {
  .production-app .header-nav {order:3;width:100%;flex:1 1 100%;padding-bottom:var(--space-2xs)}
  .production-app .header-nav a.active:after {display:block}
  .production-app .header-actions {margin-left:auto}
  .production-app .workspace-switch {max-width:200px}
  .production-app .auth-layout,.production-app .workspace-split {grid-template-columns:1fr}
  .production-app .auth-story {padding:var(--space-lg)}
  .production-app .auth-form {padding:var(--space-lg)}
  .production-app .workspace-hero {grid-template-columns:1fr}
  .production-app .workspace-hero>.inline-actions {max-width:340px;justify-self:start}
  .production-app .workspace-hero>.button {justify-self:start}
  .production-app .card-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .production-app .brief-budget-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px) {
  .production-app .page-container {padding:var(--space-md) var(--space-sm) var(--space-xl)}
  .production-app .header-inner {padding:var(--space-sm);gap:var(--space-sm)}
  .production-app .brand-lockup {width:144px}
  .production-app .header-actions {display:flex;width:100%;gap:var(--space-xs);justify-content:flex-start;flex-wrap:wrap;margin-left:0}
  .production-app .header-actions>.workspace-switch {flex:1 1 150px;grid-column:auto;grid-row:auto;width:auto;max-width:none}
  .production-app .header-actions>.icon-button,.production-app .header-actions>.icon-button:nth-of-type(2),.production-app .header-actions>#notifications-button {flex:0 0 auto;min-width:44px;min-height:44px;margin:0;grid-column:auto;grid-row:auto}
  .production-app .header-nav {gap:var(--space-md)}
  .production-app .header-nav a {font-size:var(--type-small)}
  .production-app .page-head {margin-bottom:var(--space-md)}
  .production-app .page-container>.section-head h2 {font-size:var(--type-card)}
  .production-app .workspace-hero {padding:var(--space-lg) var(--space-md);gap:var(--space-md)}
  .production-app .workspace-hero>.inline-actions {max-width:none}
  .production-app .panel,.production-app .invoice-sheet {padding:var(--space-md)}
  .production-app .plain-list,.production-app .catalogue-card {padding:0}
  .production-app .auth-story,.production-app .auth-form {padding:var(--space-lg) var(--space-md)}
  .production-app .auth-story .inline-actions {display:none}
  .production-app .auth-types,.production-app .filter-row,.production-app .card-grid,.production-app .invoice-meta {grid-template-columns:1fr}
  .production-app .form-grid {grid-template-columns:1fr}
  .production-app .invoice-meta {gap:var(--space-md)}
  .production-app .list-card,.production-app .booking-heading,.production-app .file-row {flex-direction:column;align-items:flex-start}
  .production-app .list-card .inline-actions {flex-shrink:1}
  .production-app .stats-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}
  .production-app .stat-card {padding:var(--space-md) var(--space-sm)}
  .production-app .offer-message.owner {margin-left:var(--space-xs)}
  .production-app .offer-message.buyer {margin-right:var(--space-xs)}
  .production-app .offer-message header {flex-wrap:wrap}
  .production-app .money-summary>div {gap:var(--space-sm)}
  .production-app .brief-budget .section-head,.production-app .recommendations>.section-head {align-items:flex-start;flex-direction:column}
  .production-app .brief-summary.detail-list>div {flex-direction:column;gap:var(--space-2xs)}
  .production-app .brief-summary dd {text-align:left}
  .production-app .dialog-head,.production-app .dialog-body,.production-app .tour-header,.production-app .tour-body,.production-app .tour-actions {padding:var(--space-md)}
  .production-app .tour-welcome {align-items:flex-start;flex-direction:column;padding:var(--space-md)}
  .production-app .application-footer {padding:var(--space-md) var(--space-sm)}
  .production-app .footer-brand img {width:178px}
}
@media(max-width:380px) {
  .production-app .header-actions>.workspace-switch {flex-basis:100%}
  .production-app .stats-grid,.production-app .brief-budget-grid {grid-template-columns:1fr}
  .production-app .workspace-hero,.production-app .auth-story,.production-app .auth-form {padding:var(--space-md)}
  .production-app .dialog-head {gap:var(--space-sm)}
  .production-app .dialog-head .button {padding-inline:var(--space-xs)}
  .production-app .tour-actions {gap:var(--space-xs)}
  .production-app .tour-actions .button {min-width:0;padding-inline:var(--space-sm)}
}
@media(prefers-reduced-motion:reduce) {
  .production-app .product-tour,.production-app .product-tour * {scroll-behavior:auto;animation:none;transition:none}
}
@media print {
  .production-app {background:#FFF;font-size:12px}
  .production-app .application-footer,.production-app .app-header,.production-app .no-print,.production-app .tour-welcome,.production-app .product-tour {display:none!important}
  .production-app .page-container {padding:0}
  .production-app .panel,.production-app .invoice-sheet {border-radius:0;box-shadow:none}
  .production-app .invoice-sheet {max-width:none;border:0;padding:var(--space-sm)}
  .production-app .data-table,.production-app .comparison-table,.production-app .invoice-meta {font-size:11px}
  .production-app .brand-mark {print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .production-app .print-only {display:block}
  .production-app .media-pack-image {max-height:260px}
  .production-app .campaign-report .button {display:none}
  .production-app .comparison-scroll {overflow:visible}
  .production-app .credit-note .data-table {min-width:0;font-size:10px}
}