:root {
  --ink: #1a1a19;
  --paper: #f4f2ef;
  --white: #ffffff;
  --stone: #d8d4ce;
  --line: #e2ded8;
  --line-strong: #cfcac2;
  --muted: #6b665e;
  --quiet: #9c968d;
  --sage: #7a8a76;
  --sage-soft: #eef1ec;
  --rust: #b0400d;
  --rust-soft: #fdf5f0;
  --blue-gray: #6c808c;
}

* { box-sizing: border-box; }

html { min-width: 320px; background: var(--stone); }
html.public-embed-root { min-width: 0; }

body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

h1, h2, p { margin-top: 0; }
h1 { margin-bottom: 12px; font-size: clamp(32px, 4vw, 48px); line-height: 1.04; letter-spacing: -.04em; }
h2 { margin-bottom: 8px; font-size: 25px; line-height: 1.18; letter-spacing: -.025em; }

button, input, select, textarea { font: inherit; }

input, select, textarea {
  font-weight: 400;
  width: 100%;
  margin-top: 7px;
  padding: 11px 12px;
  color: var(--ink);
  background: var(--white);
  border: 1px solid var(--line-strong);
  border-radius: 8px;
}

textarea { resize: vertical; }
input:focus, select:focus, textarea:focus { outline: 0; border-color: var(--ink); box-shadow: 0 0 0 3px rgba(26,26,25,.09); }

label { display: block; margin-bottom: 17px; color: #403d38; font-size: 14px; font-weight: 600; }

.button {
  min-height: 43px;
  padding: 10px 18px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-weight: 650;
  cursor: pointer;
}

.button--primary { color: var(--white); background: var(--rust); }
.button--primary:hover { background: #96350c; }
.button--primary:disabled { color: #b8b2a9; background: #e6e2dc; cursor: not-allowed; }
.button--secondary { color: var(--ink); background: var(--white); border-color: var(--line-strong); }
.button--secondary:hover { background: #eeebe7; }
.button--wide { width: 100%; }
a.button { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.text-link, .back-link { color: var(--ink); text-underline-offset: 4px; }

.eyebrow, .product-kicker {
  margin-bottom: 10px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.product-kicker--light { color: #b8b3ab; }

.alert { margin-bottom: 18px; padding: 12px 14px; border: 1px solid var(--line-strong); border-radius: 8px; font-size: 14px; }
.alert--success { color: #40513e; background: var(--sage-soft); border-color: #cbd4c7; }
.alert--error { color: #8f310c; background: var(--rust-soft); border-color: #d8c4b4; }
.alert--notice { color: #5c574f; background: #f1eeea; }

.auth-page { min-height: 100vh; background: var(--paper); }
/* Account pages sit in the same 1920px framed sheet as the Studio shell on very wide screens. */
.auth-page:has(> .login-wrap) { background: var(--stone); }
.auth-page > .login-wrap { box-sizing: border-box; width: 100%; max-width: 1920px; margin: 0 auto; background: var(--paper); border: 1px solid var(--line); overflow: clip; box-shadow: 0 0 16px rgba(0,0,0,.25), 0 0 80px rgba(0,0,0,.45); }
.auth-page > .login-wrap > * { min-height: 0; }
/* Screens taller than 1080px: the 1920 x 1080 sheet sits in the middle, centered both ways. */
@media (min-height: 1081px) { .auth-page:has(> .login-wrap) { display: flex; align-items: center; justify-content: center; } .auth-page > .login-wrap { min-height: 1080px; } }

.login-wrap { display: grid; grid-template-columns: minmax(360px, 42%) 1fr; min-height: 100vh; }

.login-brand {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: 51px clamp(36px, 6vw, 88px) 54px;
  color: #d6d3ce;
  background: var(--ink);
}

/* Approved sign-in brand block (owner screenshot, 3 October 2026). Mark 56px, white. "Museum." white, "Studio" #a2a2a0.
   The wordmark is the company wordmark (Inter ExtraBold, no optical sizing, -0.013em): the small font file carries only those letters. */
@font-face { font-family: "MuseumStudioWordmark"; src: url("fonts/museum-studio-wordmark.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: block; }
.login-brand-head { margin-left: -1px; font-optical-sizing: none; }
.login-mark { display: block; width: 56px; height: 56px; fill: #fff; }
.login-wordmark { margin: 19px 0 0 -1px; color: #fff; font-family: "MuseumStudioWordmark", Inter, ui-sans-serif, system-ui, sans-serif; font-size: 23.4px; font-weight: 800; line-height: 24px; letter-spacing: -.013em; }
.login-wordmark span { color: #a2a2a0; }
.login-product { margin: 11px 0 0; color: #fff; font-size: 17.1px; font-weight: 500; line-height: 18px; letter-spacing: 0; }
.login-brand-copy { max-width: 490px; margin-top: auto; font-size: clamp(25px, 3vw, 43px); line-height: 1.13; letter-spacing: -.035em; }
.login-brand-copy p { margin: 0; }

.login-panel { display: grid; place-items: center; min-height: 100vh; padding: 40px; }
.login-form-wrap { width: min(420px, 100%); }
.login-remember { display: flex !important; align-items: center; gap: 10px; margin: 16px 0 18px; font-size: 14px; font-weight: 500; cursor: pointer; }
.login-remember input { width: 18px !important; height: 18px; min-height: 0; margin: 0; padding: 0; flex: none; accent-color: #b5410f; }
.login-form-wrap h1 { max-width: 390px; font-size: clamp(34px, 4vw, 50px); }
.form-intro { margin-bottom: 30px; color: var(--muted); }
.login-footnote { margin: 28px 0 0; color: var(--quiet); font-size: 12px; text-align: center; }
.login-footnote a,.login-footnote a:visited { color: var(--ink); text-underline-offset: 3px; }
.login-footnote a:hover { color: var(--rust); }
.login-account-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;color:var(--quiet);font-size:13px}.login-account-links a{color:var(--ink);text-underline-offset:3px}

.setup-wrap { display: grid; grid-template-columns: minmax(280px, 38%) 1fr; width: min(1160px, calc(100% - 40px)); margin: 0 auto; padding: 72px 0; gap: clamp(40px, 8vw, 100px); }
.setup-intro { position: sticky; top: 60px; align-self: start; }
.setup-intro h1 { max-width: 480px; }
.setup-intro > p:last-child { max-width: 460px; color: var(--muted); font-size: 17px; }
.setup-mark { display: block; width: 56px; height: 56px; margin-bottom: 16px; fill: #000; }
.setup-card { padding: clamp(24px, 5vw, 48px); background: var(--white); border: 1px solid var(--line); border-radius: 12px; }
fieldset { min-width: 0; margin: 0 0 32px; padding: 0; border: 0; }
legend { width: 100%; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid var(--line); font-size: 19px; font-weight: 700; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.form-grid--host { grid-template-columns: minmax(0, 1fr) 110px; }
.field-note { display: block; margin-top: 5px; color: var(--quiet); font-size: 12px; font-weight: 400; }

.app-page { min-height: 100vh; background: var(--stone); }
.app-shell { display: flex; width: min(1440px, 100%); min-height: 100vh; margin: 0 auto; background: var(--paper); }
/* Clip the unified Studio shell without making a scrolling ancestor for sticky controls. */
.studio-app-shell { width:100%; max-width:1920px; border:1px solid var(--line); border-radius:0; overflow:clip; box-shadow:0 0 16px rgba(0,0,0,.25),0 0 80px rgba(0,0,0,.45); }

.sidebar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  flex: 0 0 248px;
  flex-direction: column;
  height: 100vh;
  padding: 26px 14px 16px;
  color: #d6d3ce;
  background: var(--ink);
}

.sidebar-brand { padding: 2px 12px 24px; }
.sidebar-brand img { display: block; width: 152px; height: auto; }
.sidebar-brand span { display: block; width: 152px; margin-top: 13px; color: #b8b3ab; font-size: 10px; font-weight: 300; letter-spacing: .243em; white-space: nowrap; }

.primary-nav { display: flex; flex-direction: column; gap: 2px; }
.nav-item {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 43px;
  padding: 10px 12px;
  gap: 12px;
  color: #c9c5bf;
  background: transparent;
  border: 0;
  border-radius: 7px;
  font-size: 14px;
  text-align: left;
  text-decoration: none;
}
.nav-item.is-active { color: var(--white); background: #32322f; }
.nav-item.is-disabled { cursor: default; }
.nav-item.is-disabled:hover { color: #c9c5bf; }
.nav-button { cursor: pointer; }
.nav-button:hover { color: var(--white); background: #2a2a28; }
.icon { flex: none; }
.sidebar-bottom { display: flex; flex-direction: column; margin-top: auto; padding: 16px 0 2px; gap: 2px; }
.sidebar-bottom form { margin: 0; }
.sidebar-legal{display:flex;align-items:center;gap:8px;padding:10px 12px 0;color:#77736c;font-size:11px}.sidebar-legal a{color:inherit;text-decoration:none}.sidebar-legal a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.sidebar-legal a:focus-visible{color:#fff;outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}

.workspace { min-width: 0; flex: 1; }
.topbar { display: flex; align-items: center; min-height: 82px; padding: 16px clamp(24px, 4vw, 52px); background: var(--white); border-bottom: 1px solid var(--line); }
.topbar p { margin-bottom: 0; }
.topbar .eyebrow { margin-bottom: 2px; }
.studio-name { font-weight: 650; }
.account-chip { display: flex; align-items: center; margin-left: auto; gap: 10px; }
.account-chip > span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--white); background: var(--sage); border-radius: 50%; font-size: 13px; font-weight: 700; }
.account-chip div { display: flex; flex-direction: column; }
.account-chip strong { font-size: 13px; }
.account-chip small { color: var(--quiet); font-size: 11px; }
.mobile-menu { display: none; margin-right: 14px; padding: 8px; color: var(--ink); background: transparent; border: 0; }

.workspace-main { padding: clamp(30px, 5vw, 64px) clamp(24px, 5vw, 72px) 80px; }
.works-page-heading > div { min-width:0; }
.works-page-heading .works-heading-action { flex:0 0 auto; margin:0; }
.works-page-heading .button { white-space:nowrap; }
.page-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 38px; gap: 32px; }
.page-heading h1 { max-width: 720px; font-size: clamp(34px, 4vw, 54px); }
.page-heading > div > p:last-child { margin-bottom: 0; color: var(--muted); font-size: 17px; }
.works-page-heading > div { min-width: 0; }
.works-page-heading .works-heading-action { flex: 0 0 auto; margin: 0; }
.works-page-heading .button { white-space: nowrap; }
.works-heading-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
.works-heading-actions .works-heading-action { flex:0 0 auto; }
/* Print fair kit sits behind ••• beside Add artwork, on the same line (issue #759). */
.works-page-heading > .works-heading-actions { flex:0 0 auto; }
@media(max-width:700px){.works-more .ui-menu-panel{left:0;right:auto}}

.status-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 24px; overflow: hidden; background: var(--white); border: 1px solid var(--line); border-radius: 11px; }
.status-card { min-width: 0; padding: 22px 24px; border-right: 1px solid var(--line); }
.status-card:last-child { border-right: 0; }
.status-card span, .status-card small { display: block; color: var(--muted); }
.status-card span { margin-bottom: 14px; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.status-card strong { display: block; margin-bottom: 2px; font-size: 31px; letter-spacing: -.03em; }
.status-card small { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }

.empty-panel { display: flex; align-items: center; min-height: 240px; padding: clamp(28px, 5vw, 56px); gap: 28px; background: var(--white); border: 1px solid var(--line); border-radius: 11px; }
.empty-panel > div:last-child { max-width: 610px; }
.empty-panel p:last-child { margin-bottom: 0; color: var(--muted); }
.empty-panel .text-link { display: inline-block; margin-top: 18px; font-weight: 650; }
.empty-mark { display: grid; place-items: center; flex: 0 0 74px; width: 74px; height: 74px; color: var(--sage); background: var(--sage-soft); border-radius: 50%; }
.empty-mark .icon { width: 28px; height: 28px; }
.mobile-veil { display: none; }

.recent-panel, .artwork-list-panel { padding: clamp(24px, 4vw, 38px); background: var(--white); border: 1px solid var(--line); border-radius: 11px; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 22px; gap: 20px; }
.section-heading h2, .section-heading p { margin-bottom: 0; }
.artwork-table { border-top: 1px solid var(--line); }
.artwork-row { display: grid; grid-template-columns: 66px minmax(180px, 1.6fr) minmax(160px, 1fr) minmax(120px, .7fr) 90px; align-items: center; min-height: 86px; padding: 10px 0; gap: 18px; border-bottom: 1px solid var(--line); font-size: 13px; }
.artwork-thumb { display: grid; place-items: center; width: 58px; height: 58px; overflow: hidden; color: var(--quiet); background: var(--paper); border-radius: 5px; }
.artwork-thumb img { width: 100%; height: 100%; object-fit: cover; }
.artwork-name strong, .artwork-name small, .table-label { display: block; }
.artwork-name strong { font-size: 14px; }
.artwork-name a { color: var(--ink); text-decoration: none; }
.artwork-name a:hover { text-decoration: underline; text-underline-offset: 4px; }
.artwork-name small, .table-label { color: var(--quiet); font-size: 11px; }
.table-label { margin-bottom: 3px; text-transform: uppercase; letter-spacing: .08em; }
.status-pill { display: inline-flex; padding: 5px 9px; color: #4d5e49; background: var(--sage-soft); border-radius: 999px; font-size: 11px; font-weight: 700; }
.recovery-list { padding-top:12px; padding-bottom:12px; }
.recovery-row { grid-template-columns:66px minmax(180px,1fr) minmax(150px,.45fr) auto; }
.artwork-row-main strong,.artwork-row-main small,.recovery-time strong,.recovery-time small { display:block; }
.artwork-row-main small,.recovery-time small { color:var(--quiet); font-size:11px; margin-top:3px; }
.recovery-time { text-align:right; }
@media(max-width:700px){.works-page-heading{align-items:flex-start;flex-direction:column}.works-heading-actions{justify-content:flex-start}.recovery-row{grid-template-columns:58px minmax(0,1fr) auto}.recovery-time{display:none}}

.intake-heading { max-width: 760px; margin-bottom: 42px; }
.intake-heading .back-link { display: inline-block; margin-bottom: 34px; color: var(--muted); font-size: 13px; }
.intake-heading h1 { font-size: clamp(38px, 5vw, 60px); }
.intake-heading > p:last-child { color: var(--muted); font-size: 17px; }
.artwork-form { max-width: 960px; }
.form-section { margin-bottom: 22px; padding: clamp(25px, 4vw, 42px); background: var(--white); border: 1px solid var(--line); border-radius: 11px; }
.form-section__intro { display: flex; align-items: flex-start; margin-bottom: 30px; gap: 18px; }
.form-section__intro > span { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; color: var(--white); background: var(--rust); border: 1px solid var(--rust); border-radius: 50%; font-size: 11px; font-weight: 700; }
.form-section__intro h2 { margin-bottom: 4px; }
.form-section__intro p { margin-bottom: 0; color: var(--muted); }
.category-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.category-card { position: relative; display: flex; align-items: center; justify-content: center; min-height: 118px; margin: 0; padding: 16px 8px; gap: 9px; flex-direction: column; color: var(--muted); background: var(--paper); border: 1px solid var(--line); border-radius: 8px; cursor: pointer; text-align: center; }
.category-card input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.category-card.is-selected { color: var(--ink); background: var(--white); border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.category-mark { display: grid; place-items: center; width: 35px; height: 35px; }
.category-mark .icon { width: 25px; height: 25px; }
.category-card strong { font-size: 12px; }
.upload-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 14px; }
.upload-box { position: relative; display: flex; align-items: center; justify-content: center; min-height: 190px; margin: 0; padding: 24px; gap: 7px; flex-direction: column; overflow: hidden; color: var(--muted); background: var(--paper); border: 1px dashed var(--line-strong); border-radius: 9px; cursor: pointer; text-align: center; }
.upload-box--primary { min-height: 235px; }
.upload-box:hover { border-color: var(--ink); }
.upload-box input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.upload-box strong { color: var(--ink); }
.upload-box small { font-weight: 400; }
.upload-icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 5px; color: var(--sage); background: var(--sage-soft); border-radius: 50%; }
.upload-preview { display: block; max-width: 92%; color: var(--ink); font-size: 12px; font-weight: 500; }
.upload-rule { margin: 14px 0 0; color: var(--muted); font-size: 12px; }
.client-error { min-height: 0; margin-top: 8px; color: var(--rust); font-size: 12px; font-weight: 650; }
.field-stack { max-width: 820px; }
.form-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
label small { display: block; margin-top: 6px; color: var(--quiet); font-size: 12px; font-weight: 400; }
.required { color: var(--rust); font-size: 10px; letter-spacing: .05em; text-transform: uppercase; }
.optional { color: var(--quiet); font-size: 10px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; }
.form-actions { position: sticky; bottom: 0; z-index: 8; display: flex; align-items: center; justify-content: space-between; margin-top: 30px; padding: 18px 22px; gap: 20px; background: rgba(244,242,239,.96); border: 1px solid var(--line-strong); border-radius: 10px; backdrop-filter: blur(10px); }
.form-actions p { margin: 0; color: var(--muted); font-size: 12px; }
.form-actions > div { display: flex; gap: 10px; }

.record-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 38px; gap: 28px; }
.record-heading .back-link { display: inline-block; margin-bottom: 32px; color: var(--muted); font-size: 13px; }
.record-heading h1 { margin-bottom: 8px; font-size: clamp(40px, 5vw, 62px); }
.record-heading > div > p:last-child { margin-bottom: 0; color: var(--muted); font-size: 17px; }
.record-actions { display: flex; align-items: center; gap: 10px; }
.record-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); margin-bottom: 22px; gap: 22px; }
.record-visuals, .record-facts, .record-card { background: var(--white); border: 1px solid var(--line); border-radius: 11px; }
.record-visuals { padding: 18px; }
.record-main-image { display: grid; place-items: center; min-height: 420px; overflow: hidden; background: var(--paper); }
.record-main-image img { display: block; width: 100%; max-height: 680px; object-fit: contain; }
.record-thumbs { display: flex; margin-top: 12px; gap: 8px; overflow-x: auto; }
.record-thumbs img { width: 68px; height: 68px; flex: none; object-fit: cover; background: var(--paper); border: 1px solid var(--line); }
.record-facts { padding: clamp(25px, 4vw, 38px); }
.record-facts dl { margin: 0; }
.record-facts dl > div { display: grid; grid-template-columns: 125px 1fr; padding: 13px 0; gap: 14px; border-bottom: 1px solid var(--line); }
.record-facts dl > div:last-child { border-bottom: 0; }
.record-facts dt { color: var(--quiet); font-size: 11px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; }
.record-facts dd { margin: 0; font-size: 13px; }
.record-copy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.record-card { padding: clamp(25px, 4vw, 38px); }
.record-card > p:last-of-type { margin-bottom: 0; color: var(--muted); }
.record-card--muted { background: #ebe8e3; }
.record-card .status-pill { margin-top: 20px; }

.settings-heading { max-width: 900px; }
.settings-layout { display: grid; grid-template-columns: 210px minmax(0, 760px); align-items: start; gap: 24px; }
.settings-nav { display: flex; flex-direction: column; padding: 8px; background: var(--white); border: 1px solid var(--line); border-radius: 10px; }
.settings-nav a { padding: 11px 13px; color: var(--muted); border-radius: 7px; font-size: 13px; font-weight: 650; text-decoration: none; }
.settings-nav a:hover { color: var(--ink); background: var(--paper); }
.settings-nav a.is-active { color: var(--white); background: var(--ink); }
.settings-card { padding: clamp(25px, 4vw, 42px); background: var(--white); border: 1px solid var(--line); border-radius: 11px; }
.settings-card h2 { margin-bottom: 8px; }
.settings-intro { max-width: 620px; margin-bottom: 30px; color: var(--muted); }
.settings-actions { display: flex; justify-content: flex-end; margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--line); }
.connection-note { display: grid; grid-template-columns: 1fr auto; margin-top: 8px; padding: 18px; background: var(--paper); border: 1px solid var(--line); border-radius: 8px; }
.connection-note span { color: var(--rust); font-size: 12px; font-weight: 700; }
.connection-note small { grid-column: 1 / -1; margin-top: 6px; color: var(--muted); }
.check-row { display: flex; align-items: flex-start; gap: 10px; }
.check-row input { width: auto; margin-top: 3px; }
.provider-grid { display: grid; grid-template-columns: 1fr 1fr; margin: 24px 0; gap: 10px; }
.provider-card { display: grid; grid-template-columns: auto 1fr; align-items: center; margin: 0; padding: 16px; column-gap: 10px; background: var(--paper); border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.provider-card input { grid-row: 1 / 3; width: auto; margin: 0; }
.provider-card small { color: var(--quiet); font-weight: 400; }
.module-panel { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(240px, .7fr); padding: clamp(28px, 5vw, 52px); gap: 40px; background: var(--white); border: 1px solid var(--line); border-radius: 11px; }
.module-panel p { color: var(--muted); }
.module-panel ul { margin: 0; padding: 0; list-style: none; }
.module-panel li { padding: 13px 0; border-bottom: 1px solid var(--line); font-weight: 650; }
.module-panel li:first-child { border-top: 1px solid var(--line); }

@media (max-width: 920px) {
  .login-wrap { grid-template-columns: 1fr; }
  .login-brand { display: none; }
  .login-panel { padding: 28px; }
  .setup-wrap { grid-template-columns: 1fr; padding: 42px 0; }
  .setup-intro { position: static; }
  .status-grid { grid-template-columns: 1fr 1fr; }
  .status-card:nth-child(2) { border-right: 0; }
  .status-card:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 720px) {
  body.menu-open { overflow: hidden; }
  .sidebar { position: fixed; left: 0; transform: translateX(-100%); width: 248px; transition: transform .2s ease; }
  .sidebar.is-open { transform: translateX(0); }
  .mobile-menu { display: inline-flex; }
  .mobile-veil { position: fixed; inset: 0; z-index: 10; display: block; visibility: hidden; background: rgba(26,26,25,.42); opacity: 0; transition: opacity .2s ease, visibility .2s ease; }
  .mobile-veil.is-open { visibility: visible; opacity: 1; }
  .topbar { min-height: 70px; padding: 12px 18px; }
  .account-chip div { display: none; }
  .workspace-main { padding: 32px 18px 60px; }
  .page-heading { align-items: flex-start; flex-direction: column; margin-bottom: 28px; gap: 20px; }
  .page-heading .button { width: 100%; }
  .status-grid { grid-template-columns: 1fr 1fr; }
  .status-card { padding: 18px; }
  .empty-panel { align-items: flex-start; flex-direction: column; }
  .form-grid, .form-grid--host { grid-template-columns: 1fr; gap: 0; }
  .category-grid { grid-template-columns: repeat(2, 1fr); }
  .category-card:last-child { grid-column: 1 / -1; }
  .upload-grid { grid-template-columns: 1fr; }
  .artwork-row { grid-template-columns: 58px 1fr auto; }
  .artwork-row > div:nth-child(3), .artwork-row > div:nth-child(4) { display: none; }
  .form-actions { position: static; align-items: stretch; flex-direction: column; }
  .form-actions > div { flex-direction: column-reverse; }
  .form-actions .button { width: 100%; }
  .record-heading { align-items: flex-start; flex-direction: column; }
  .record-layout, .record-copy-grid { grid-template-columns: 1fr; }
  .record-main-image { min-height: 260px; }
  .settings-layout { grid-template-columns: 1fr; }
  .settings-nav { display: grid; grid-template-columns: 1fr 1fr; }
  .provider-grid, .module-panel { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
  .status-grid { grid-template-columns: 1fr; }
  .status-card { border-right: 0; border-bottom: 1px solid var(--line); }
  .status-card:last-child { border-bottom: 0; }
  .setup-wrap { width: min(100% - 24px, 1160px); }
  .setup-card { padding: 22px 18px; }
}

/* Finished individual-artwork workspace */
.workspace-main--record { padding: 0; background: var(--paper); }
.workspace-main--record > .alert { margin: 16px 24px; }
.record-editor { display: grid; grid-template-columns: 328px minmax(0, 1fr); min-height: 100vh; }
.record-rail { padding: 26px 24px 34px; background: #fff; border-right: 1px solid var(--line); }
.record-mobile-menu { display: none; }
.record-back { display: inline-flex; align-items: center; margin-bottom: 18px; gap: 6px; color: var(--muted); font-size: 14px; text-underline-offset: 3px; }
.record-back svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.record-rail h1 { margin-bottom: 10px; font-size: 38px; line-height: 1.1; }
.record-identity { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 16px; gap: 10px; }
.record-identity code { color: #8b857c; font-family: 'Source Code Pro', ui-monospace, monospace; font-size: 12.5px; }
.record-pub-pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; color: #6b665e; background: #f6f3ef; border: 1px solid #ddd7cf; border-radius: 999px; font-size: 12px; }
.record-pub-pill i { width: 6px; height: 6px; background: #b0aaa1; border-radius: 50%; }
.record-pub-pill.is-live { color: #4d6149; background: #eef3ec; border-color: #cbd4c7; }
.record-pub-pill.is-live i { background: #6b7f66; }
.record-publish { display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 22px; padding: 12px 14px; gap: 8px; color: #fff; background: var(--rust); border: 0; border-radius: 9px; font-size: 14.5px; font-weight: 600; cursor: pointer; }
.record-publish svg, .record-preview svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.record-publish.is-secondary { color: var(--ink); background: #fff; border: 1px solid var(--line-strong); }
/* Quiet while the to-do list still has steps: one orange button per screen (owner, 24 October 2026). It still works the same. */
.record-publish.is-waiting { color: var(--ink); background: #fff; border: 1px solid var(--line-strong); }
.record-hero { display: grid; place-items: center; width: 100%; aspect-ratio: 4 / 5; margin-bottom: 18px; overflow: hidden; background: #f6f3ef; border: 1px solid var(--line); border-radius: 10px; }
.record-hero img { width: 100%; height: 100%; object-fit: contain; }
.record-hero--empty { display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 20px; color: var(--ink); background: #faf9f7; border: 1.5px dashed var(--line-strong); cursor: pointer; text-align: center; transition: border-color .14s, background-color .14s; }
.record-hero--empty svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.record-hero--empty strong { font-size: 15px; font-weight: 600; letter-spacing: -.01em; }
.record-hero--empty span { max-width: 190px; color: var(--muted); font-size: 12.5px; line-height: 1.45; }
label.record-hero--empty:hover, label.record-hero--empty:focus-visible { border-color: var(--ink); background: #f6f4f1; outline: none; }
label.record-miniature-add { cursor: pointer; }
.record-miniatures { display: flex; flex-wrap: wrap; gap: 7px; }
.record-miniatures img, .record-miniatures a, .record-miniatures label.record-miniature-add { width: 58px; height: 58px; object-fit: cover; border: 1px solid var(--line); border-radius: 7px; }
.record-miniatures a, .record-miniatures label.record-miniature-add { display: grid; place-items: center; color: #8b857c; background: #fff; border-style: dashed; font-size: 21px; text-decoration: none; }
.record-image-count { padding: 9px 0 0; color: #8b857c; font-size: 13px; text-align: center; }
.record-preview-actions { display: grid; margin-top: 14px; gap: 8px; }
.record-preview { display: flex; align-items: center; justify-content: center; padding: 13px; gap: 9px; color: #fff; background: var(--ink); border-radius: 9px; font-size: 15px; font-weight: 600; text-decoration: none; }
.record-copy-public { min-height: 42px; padding: 9px 13px; color: var(--ink); background: #fff; border: 1px solid var(--line-strong); border-radius: 8px; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.record-copy-public:hover { background: #eeebe7; }
.record-copy-public:disabled { color: var(--quiet); background: #f6f3ef; cursor: not-allowed; }
.record-preview-note { margin: 7px 0 10px; color: #9c968d; font-size: 13px; text-align: center; }
.record-vitals { margin: 0; }
.record-vitals > div { display: flex; justify-content: space-between; padding: 10px 0; gap: 14px; border-top: 1px solid #f0ede9; font-size: 14.5px; }
.record-vitals dt { color: var(--muted); }
.record-vitals dd { margin: 0; text-align: right; }
.record-site-state { margin-top: 18px; }
.record-site-state label { margin-bottom: 6px; color: var(--muted); font-size: 13.5px; font-weight: 400; }
.record-site-state select { margin-top: 0; font-size: 14px; }
.record-keep { margin-top: 18px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 10px; }
.record-keep > strong { display: block; margin-bottom: 12px; font-size: 14px; }
.record-keep > div:not(.record-meter) { display: flex; justify-content: space-between; align-items: baseline; margin: 9px 0 5px; color: var(--muted); font-size: 13px; }
.record-keep b { color: var(--ink); font-size: 17px; }
.record-meter { height: 7px; overflow: hidden; background: #f1eeea; border-radius: 5px; }
.record-meter i { display: block; height: 100%; background: #7a8a76; }
.record-meter i.is-shipping { background: #71717a; }
.record-keep > p { margin: 12px 0 0; padding-top: 10px; color: var(--quiet); border-top: 1px solid #f0ede9; font-size: 12.5px; }
.record-body { min-width: 0; }
.record-command { padding: 22px 32px 0; background: #fff; border-bottom: 1px solid var(--line); }
.record-ready { margin-bottom: 16px; padding: 16px 18px; color: #334331; background: #f2f5f1; border: 1px solid #cbd4c7; border-radius: 12px; }
.record-ready > strong { display: flex; align-items: center; margin-bottom: 12px; gap: 10px; color: var(--ink); font-size: 15px; }
.record-ready > strong svg { width: 18px; height: 18px; flex: none; fill: none; stroke: #6b7f66; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.record-ready > div { display: flex; flex-wrap: wrap; gap: 8px; }
.record-ready span { padding: 5px 12px; background: #fff; border: 1px solid #cbd4c7; border-radius: 999px; font-size: 13.5px; }
.record-ready span.is-missing { color: #8f310c; border-color: #d8c4b4; }
.record-ready > div > :is(a,label) { margin: 0; cursor: pointer; padding: 5px 12px; color: inherit; background: #fff; border: 1px solid #cbd4c7; border-radius: 999px; font-size: 13.5px; text-decoration: none; }
.record-ready > div > :is(a,label).is-missing { display: inline-flex; align-items: center; gap: 7px; color: #8f310c; background: #fbe8dd; border-color: #d99b7c; font-weight: 600; }
.record-ready > div > :is(a,label).is-missing::before { content: ""; width: 7px; height: 7px; flex: none; background: #a1400f; border-radius: 50%; }
.record-ready > div > :is(a,label):hover, .record-ready > div > :is(a,label):focus-visible { color: #fff; background: #a1400f; border-color: #a1400f; }
.record-ready > div > :is(a,label).is-missing:hover::before, .record-ready > div > :is(a,label).is-missing:focus-visible::before { background: #fff; }
.record-ready-advice { display: grid; gap: 5px; margin: 12px 0 0; font-size: 13px; line-height: 1.5; }
.record-ready-advice span { padding: 0; background: none; border: 0; border-radius: 0; font-size: 13px; color: #6f6a62; }
.record-ready.is-incomplete { color: #5c4a3f; background: #fdf5f0; border-color: #d8c4b4; }
.record-ready.is-incomplete > strong svg { stroke: #a1400f; }
.record-ready--steps > strong { margin-bottom: 10px; }
.record-steps { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.record-steps li { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 9px 12px; color: #6b665e; background: #fff; border: 1px solid #e2ded8; border-radius: 10px; font-size: 14px; line-height: 1.45; }
.record-steps li .cjob-dot { color: #9c968d; font-weight: 600; }
.record-steps li.is-next { color: var(--ink); border-color: var(--line-strong); box-shadow: 0 0 0 1px var(--line-strong) inset; }
.record-steps li.is-next .cjob-dot { color: #fff; background: var(--ink); border-color: var(--ink); }
.record-steps li.is-done { color: #4a5a48; background: #f2f5f1; border-color: #cbd4c7; }
.record-steps li.is-done .cjob-dot { color: #fff; background: #6b7f66; border-color: #6b7f66; }
.record-ready .record-steps .record-step-text { padding: 0; background: none; border: 0; border-radius: 0; font-size: inherit; }
.record-steps .record-step-go { justify-self: end; margin: 0; padding: 6px 12px; color: var(--ink); background: #fff; border: 1px solid var(--line-strong); border-radius: 8px; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; cursor: pointer; }
.record-steps .record-step-go:hover, .record-steps .record-step-go:focus-visible { background: #eeebe7; }
@media (max-width: 560px) { .record-steps li { grid-template-columns: 20px minmax(0, 1fr); } .record-steps .record-step-go { grid-column: 2; justify-self: start; } }
.record-actions-panel { margin-bottom: 22px; padding: 16px 18px; background: #faf9f7; border: 1px solid var(--line); border-radius: 12px; }
.record-actions-panel > strong { display: block; margin-bottom: 14px; font-size: 15px; }
.record-action-row { display: flex; gap: 10px; }
.record-action-row > a { display: flex; align-items: center; min-width: 190px; padding: 12px 16px; gap: 10px; color: #fff; border: 1px solid transparent; border-radius: 10px; font-size: 14.5px; font-weight: 600; text-decoration: none; }
.record-action-row svg { width: 17px; height: 17px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.record-action-row .is-sage { background: #7d8f79; }
.record-action-row .is-blue { background: #728793; }
.record-action-row .is-taupe { background: #998a75; }
.record-action-row span { line-height: 1.25; }
.record-action-row small { display: block; opacity: .72; font-weight: 400; }
.record-tabs { display: flex; gap: 3px; overflow-x: auto; }
.record-tabs a { flex: none; padding: 12px 14px; color: #6b665e; border-bottom: 2px solid transparent; text-decoration: none; }
.record-tabs a.is-active { color: var(--ink); border-bottom-color: var(--ink); font-weight: 700; }
.record-tab-content { padding: 28px 32px 60px; }
.record-body--with-delete > .record-tab-content { padding-bottom: 28px; }
.record-delete-zone { display: flex; justify-content: flex-end; margin: 0 0 60px 32px; padding-top: 24px; border-top: 1px solid var(--line); }
.record-delete-zone form { margin: 0; }
.record-delete-button { min-height: 43px; padding: 10px 18px; color: #fff; background: #c62828; border: 1px solid #c62828; border-radius: 8px; font: inherit; font-weight: 650; cursor: pointer; }
.record-delete-button:hover { background: #a61f1f; border-color: #a61f1f; }
.record-delete-button:focus-visible { outline: 3px solid rgba(198, 40, 40, .24); outline-offset: 3px; }
.record-tab-form { display: flex; max-width: 940px; flex-direction: column; gap: 20px; }
.record-tab-form[hidden] { display: none; }
.record-own-notes { margin: 22px 24px 4px; }
.record-own-notes > summary { width: max-content; color: #6b665e; font-size: 13.5px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.record-own-notes[open] > summary { margin-bottom: 10px; }
.record-own-notes label { display: grid; gap: 8px; }
@media(max-width:560px){ .record-own-notes { margin: 20px 18px 4px; } }
.record-panel { padding: 22px 24px; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.record-panel h2 { margin-bottom: 17px; font-size: 17px; }
.sample-content-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sample-content-actions form{margin:0}
.sample-content-actions .button{white-space:nowrap}
.sample-content-actions form[data-signup-sample-clear] .button{color:#fff;background:#a42d3e;border-color:#a42d3e}
.sample-content-actions form[data-signup-sample-clear] .button:hover{background:#862032;border-color:#862032}
body:has(.sample-content-actions [data-signup-sample-clear]) .farbase-alert-action{background:#a42d3e;border-color:#a42d3e}
body:has(.sample-content-actions [data-signup-sample-clear]) .farbase-alert-action:hover{background:#862032;border-color:#862032}
.sample-content-actions form:not([data-signup-sample-clear]) .button,
.works-heading-action[action*="signup-samples"] .button{color:#fff;background:#4d7049;border-color:#4d7049}
.sample-content-actions form:not([data-signup-sample-clear]) .button:hover,
.works-heading-action[action*="signup-samples"] .button:hover{background:#3b5938;border-color:#3b5938}
.record-panel > p, .record-ai-panel header p { margin-bottom: 18px; color: var(--muted); font-size: 14px; }
.record-panel label { min-width: 0; margin-bottom: 0; color: #6b665e; font-size: 13.5px; font-weight: 400; }
.record-panel label small { display: inline; margin-left: 6px; }
.record-fields { display: grid; gap: 16px; }
.record-fields > * { min-width: 0; }
.record-fields--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.record-fields--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.record-fields--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.record-fields + .record-fields { margin-top: 18px; }
.help-dot { display: inline-grid; place-items: center; width: 15px; height: 15px; color: #413e39; background: #ded9d1; border-radius: 50%; font-size: 10px; font-weight: 700; }
.record-save { align-self: flex-end; min-height: 43px; padding: 10px 18px; color: #fff; background: #4d7049; border: 1px solid #4d7049; border-radius: 8px; font-weight: 650; cursor: pointer; }
.record-save:hover { background: #3b5938; border-color: #3b5938; }
.record-ai-panel { padding: 0; overflow: hidden; }
.record-ai-panel > header { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; background: #faf9f7; border-bottom: 1px solid var(--line); }
.record-ai-panel > header h2 { margin-bottom: 2px; }
.record-ai-panel > header p { margin: 0; }
.record-ai-panel > header button { padding: 8px 12px; background: #fff; border: 1px solid var(--line-strong); border-radius: 8px; }
.record-ai-panel > header h2 { display: flex; align-items: center; gap: 10px; }
.record-ai-panel > header h2 svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.record-ai-controls { display: flex; align-items: flex-end; flex-direction: column; gap: 4px; }
.record-ai-controls small { color: var(--quiet); font-size: 11px; }
.record-ai-panel > label, .record-ai-panel > .record-fields { display: block; margin: 20px 24px; }
.record-copy-field { position: relative; }
.record-copy-field > span:first-child { color: #8b857c; font-size: 11.5px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.record-copy-field > small { position: absolute; top: 0; right: 0; color: var(--quiet); font-size: 12.5px; }
.record-copy-field > em { display: block; margin-top: 8px; color: var(--quiet); font-size: 13px; font-style: normal; }
.record-warning { padding: 15px 24px; background: #fdf5f0; border-bottom: 1px solid #e7d3c6; }
.record-warning strong { display: block; margin-bottom: 6px; color: #8f310c; }
.record-token-field { display: flex; height: 86px; margin-top: 7px; padding: 8px; gap: 6px; flex-direction: column; background: #fff; border: 1px solid var(--line-strong); border-radius: 8px; }
.record-token-list { display: flex; align-items: flex-start; min-height: 30px; gap: 7px; flex-wrap: wrap; overflow-y: auto; }
.record-token-list button { display: inline-flex; align-items: center; padding: 5px 10px; gap: 8px; color: #fff; background: var(--ink); border: 0; border-radius: 6px; font-size: 13.5px; }
.record-token-list button span { opacity: .6; }
.record-token-field > input[data-token-input] { margin: auto 0 0; padding: 7px 2px 2px; border: 0; border-top: 1px solid #f0ede9; border-radius: 0; box-shadow: none; font-size: 13.5px; }
.record-image-manager { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.record-image-manager figure { margin: 0; }
.record-image-manager figure > div { position: relative; aspect-ratio: 1; overflow: hidden; background: #faf9f7; border: 1px solid var(--line); border-radius: 9px; }
.record-image-manager img { width: 100%; height: 100%; object-fit: cover; }
.record-image-manager figure > div span { position: absolute; top: 8px; left: 8px; padding: 3px 9px; color: #4a4741; background: rgba(255,255,255,.92); border: 1px solid var(--line); border-radius: 999px; font-size: 12px; font-weight: 600; }
.record-image-manager figure:first-child > div span { color: #fff; background: rgba(26,26,25,.82); border-color: transparent; }
.record-image-manager figcaption { padding: 8px 0 14px; font-size: 13px; }
.record-image-manager figcaption select { margin-top: 0; padding: 8px 10px; font-size: 13.5px; }
.record-image-manager figcaption strong { display: block; padding: 9px 0; font-weight: 500; }
.record-image-drop { position: relative; display: flex !important; align-items: center; justify-content: center; min-height: 170px; margin: 0 0 18px !important; padding: 30px 24px; gap: 9px; flex-direction: column; color: var(--ink) !important; background: #faf9f7; border: 1.5px dashed var(--line-strong); border-radius: 12px; cursor: pointer; text-align: center; }
.record-image-drop svg { width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.record-image-drop strong { font-size: 19px; letter-spacing: -.02em; }
.record-image-drop span { color: var(--muted); font-size: 14.5px; }
.record-image-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.record-image-order-note { margin-bottom: 18px !important; color: var(--quiet) !important; font-size: 13.5px !important; }
.record-checkbox { display: flex; align-items: center; margin-top: 20px !important; gap: 10px; color: var(--ink) !important; font-size: 14px !important; }
.record-checkbox input { width: 17px; height: 17px; margin: 0; }
.record-checkbox { flex-wrap: wrap; }
.record-checkbox.is-disabled { color: #8b857c !important; }
.record-checkbox > small { flex-basis: 100%; margin-left: 27px; color: #8b857c; font-size: 12.5px; }
.record-check-stack { display: flex; padding-top: 18px; gap: 14px; flex-direction: column; border-top: 1px solid #f0ede9; }
.record-check-stack .record-checkbox { margin-top: 0 !important; }
/* The words take the rest of the row, so on a phone the tick box stays beside them instead of above. */
.record-checkbox > input { flex: none; }
.record-checkbox-text { flex: 1 1 0; min-width: 0; }
.record-keep-detail { margin-top: 22px; padding: 20px 22px; background: #faf9f7; border: 1px solid var(--line); border-radius: 10px; }
.record-keep-detail h3 { margin: 0 0 16px; font-size: 15px; }
.record-keep-detail > div { display: flex; align-items: baseline; gap: 12px; }
.record-keep-detail > div span { width: 150px; flex: none; }
.record-keep-detail strong { font-size: 24px; letter-spacing: -.04em; }
.record-keep-detail small { color: var(--quiet); }
.record-keep-detail .record-keep-bar { display: flex; height: 28px; margin-top: 8px; overflow: hidden; background: #efece7; border-radius: 7px; }
.record-keep-bar i, .record-keep-bar b { display: flex; align-items: center; justify-content: center; min-width: max-content; padding: 0 8px; color: #fff; background: var(--sage); font-size: 11.5px; font-style: normal; font-weight: 600; }
.record-keep-bar b { flex: 1; color: #4a4741; background: #c8c2b9; }
.record-input-pair { display: grid; grid-template-columns: minmax(0, 1fr) 100px; gap: 7px; }
.record-two-panels { display: grid; grid-template-columns: 1fr 1fr; max-width: 1000px; gap: 20px; }
.record-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.record-panel-heading a { flex: none; padding: 8px 13px; color: var(--ink); background: #fff; border: 1px solid var(--line-strong); border-radius: 8px; font-size: 13px; text-decoration: none; }
.record-empty { padding: 26px 0 8px; color: var(--muted); border-top: 1px solid #f0ede9; text-align: center; }
.record-unsold { padding: 28px; background: #faf9f7; border: 1px dashed var(--line-strong); border-radius: 12px; text-align: center; }
.record-unsold p { color: var(--muted); }
.record-unsold a { display: inline-block; margin: 4px; padding: 9px 14px; color: #fff; background: #b0400d; border-radius: 8px; text-decoration: none; }
.record-unsold a + a { color: var(--ink); background: #fff; border: 1px solid var(--line-strong); }
.record-section-intro { max-width: 700px; color: var(--muted); }
.record-document { display: flex; align-items: center; padding: 18px 20px; gap: 16px; background: #f2f5f1; border: 1px solid #cbd4c7; border-radius: 10px; }
.record-document > svg { width: 26px; height: 26px; flex: none; fill: none; stroke: var(--sage); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.record-document > div { flex: 1; }
.record-document p { margin: 3px 0 0; color: var(--muted); font-size: 13px; }
.record-document button { padding: 9px 13px; background: #fff; border: 1px solid var(--line-strong); border-radius: 8px; }
.record-document-actions { display: flex; align-items: center; justify-content: flex-end; max-width: 250px; gap: 8px; flex-wrap: wrap; }
.record-document-actions small { width: 100%; color: var(--quiet); font-size: 10px; text-align: right; }
/* Wall label sits under the Certificate in the same panel (issue #759). */
.record-document + .record-document { margin-top: 10px; }
.record-locked-docs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.record-locked-docs span { padding: 16px; color: #8b857c; background: #fbfaf8; border: 1px solid #ebe7e1; border-radius: 10px; }
.record-locked-docs strong, .record-locked-docs small { display: block; }
.record-locked-docs strong { color: #4a4741; font-size: 15px; font-weight: 500; }
.record-locked-docs small { margin-top: 3px; line-height: 1.45; }
.record-history-grid { display: grid; grid-template-columns: 1.2fr .8fr; max-width: 1000px; gap: 20px; }
.record-history-grid .record-save { margin-top: 16px; }
.record-tab-form--wide { max-width: 1080px; }
.record-history-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 20px; }
.record-history-layout > div { display: flex; flex-direction: column; gap: 20px; }
.record-history-layout .record-save { margin-top: 16px; }
.record-log p { display: flex; gap: 16px; padding: 12px 0; border-top: 1px solid #f0ede9; }
.record-log code { flex: 0 0 112px; color: var(--quiet); font-family: 'Source Code Pro', ui-monospace, monospace; font-size: 12px; }
.record-versions { align-self: start; }
.record-feature-placeholder { margin: 16px 0; padding: 16px; color: var(--muted); background: #faf9f7; border: 1px dashed var(--line-strong); border-radius: 9px; }
.record-feature-placeholder strong, .record-feature-placeholder span { display: block; }
.record-feature-placeholder strong { color: var(--ink); font-size: 14px; }
.record-feature-placeholder span { margin-top: 4px; font-size: 13px; }
.record-versions > button { padding: 8px 12px; background: #fff; border: 1px solid var(--line-strong); border-radius: 8px; }

@media (max-width: 1180px) {
  .record-editor { grid-template-columns: 285px minmax(0, 1fr); }
  .record-rail { padding: 22px 18px; }
  .record-command, .record-tab-content { padding-left: 22px; padding-right: 22px; }
  .record-delete-zone { margin-right: 0; margin-left: 22px; }
  .record-action-row { flex-wrap: wrap; }
}

@media (max-width: 900px) {
  .record-editor { grid-template-columns: 1fr; }
  .record-rail { border-right: 0; border-bottom: 1px solid var(--line); }
  .record-hero { max-width: 360px; }
  .record-fields--three, .record-fields--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .record-history-layout { grid-template-columns: 1fr; }
  .record-versions { width: 100%; }
}

@media (max-width: 720px) {
  .record-mobile-menu { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: -6px 0 12px; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 8px; }
  .record-mobile-menu .icon { width: 20px; height: 20px; }
}

@media (max-width: 600px) {
  .record-mobile-menu { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: -6px 0 12px; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 8px; }
  .record-mobile-menu .icon { width: 20px; height: 20px; }
  .record-rail { padding: 20px 16px 26px; }
  .record-rail h1 { font-size: 32px; }
  .record-command, .record-tab-content { padding-left: 16px; padding-right: 16px; }
  .record-delete-zone { margin-right: 0; margin-bottom: 40px; margin-left: 16px; }
  .record-action-row { display: grid; }
  .record-action-row > a { min-width: 0; }
  .record-fields--two, .record-fields--three, .record-fields--four, .record-two-panels, .record-history-grid, .record-history-layout { grid-template-columns: 1fr; }
  .record-image-manager, .record-locked-docs { grid-template-columns: repeat(2, 1fr); }
  .record-document { align-items: stretch; flex-direction: column; }
  .record-document-actions { justify-content: flex-start; max-width: none; }
  .record-document-actions small { text-align: left; }
  .record-keep-detail > div:not(.record-keep-bar) { align-items: flex-start; flex-direction: column; gap: 4px; }
  .record-keep-detail > div span { width: auto; }
}

/* Connected approved module pages */
.module-heading{margin-bottom:24px}.module-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:22px;align-items:start}.module-card{background:#fff;border:1px solid #e2ded8;border-radius:12px;padding:24px}.module-card h2{margin:0 0 8px;font-size:22px;letter-spacing:-.025em}.module-form{display:grid;min-width:0;gap:16px}.module-form label,.snippet-label{display:grid;min-width:0;gap:7px;color:#6b665e;font-size:13.5px}.module-form label input,.module-form label select,.module-form label textarea,.snippet-label input,.sale-actions input,.sale-actions select,.inline-form select{box-sizing:border-box;min-width:0;width:100%;border:1px solid #cfcac2;border-radius:8px;background:#fff;color:#1a1a19;padding:10px 12px;font:inherit}.module-form .check-row{display:flex}.module-empty{color:#8b857c;padding:20px 0}.data-list{display:grid}.data-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f0ede9}.data-list article>div{display:grid;gap:3px}.data-list small{color:#8b857c}.contact-initials{width:36px;height:36px;border-radius:50%;display:grid!important;place-items:center;background:#f1eeea;color:#4a4741;font-size:12px;font-weight:600}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric-strip article{background:#fff;border:1px solid #e2ded8;border-radius:11px;padding:18px;display:grid;gap:8px}.metric-strip span{color:#6b665e;font-size:13px}.metric-strip strong{font-size:26px}.module-create{margin-bottom:22px}.module-create summary{cursor:pointer;font-size:16px;font-weight:600}.module-create[open] summary{margin-bottom:20px}.sales-list{display:grid;gap:14px}.sale-card{background:#fff;border:1px solid #e2ded8;border-radius:12px;padding:22px}.sale-actions{border-top:1px solid #eeeae4;margin-top:18px;padding-top:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sale-actions form,.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sale-actions input,.sale-actions select{width:auto;padding:8px 10px}.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.provider-card{border:1px solid #ded9d2;border-radius:10px;padding:15px;display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:4px 10px!important;align-items:center}.provider-card input{width:auto!important;grid-row:1/3}.provider-card small{color:#8b857c}.connection-note{border:1px solid #e2ded8;background:#faf9f7;border-radius:10px;padding:16px;display:grid;gap:7px;margin:16px 0}.connection-note span,.connection-note small{color:#6b665e}.lookbook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lookbook-card{background:#fff;border:1px solid #e2ded8;border-radius:12px;padding:0 18px 18px;color:#1a1a19;text-decoration:none}.lookbook-card h2{font-size:18px;margin:14px 0 6px}.lookbook-card p{margin:0;color:#6b665e}.lookbook-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:150px;margin:0 -18px;background:#f3f0ec;gap:1px;overflow:hidden;border-radius:11px 11px 0 0}.lookbook-tiles i{background:repeating-linear-gradient(45deg,#eeeae4 0 7px,#faf9f7 7px 14px)}.support-thread{display:grid;gap:10px;margin:20px 0}.support-thread p{display:grid;gap:5px;background:#f7f5f2;border-radius:10px;padding:14px;margin:0}.settings-drawer-page{max-width:1120px;margin:0 auto}.settings-title{margin-bottom:18px}.settings-title h1{font-size:38px;margin:3px 0}.settings-title p:last-child{color:#6b665e}.settings-tabs{display:flex;gap:20px;border-bottom:1px solid #ded9d2;overflow:auto;margin-bottom:24px}.settings-tabs a{padding:11px 2px;color:#6b665e;text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}.settings-tabs a.is-active{color:#1a1a19;font-weight:600;border-color:#1a1a19}.settings-approved{max-width:900px}.settings-approved .module-card{padding:28px}.settings-save{display:flex;justify-content:flex-end;position:sticky;bottom:0;background:rgba(250,249,247,.95);padding:15px 0}.settings-actions-inline{display:flex;gap:10px;flex-wrap:wrap}.profile-photo-placeholder{width:130px;height:130px;border:1px dashed #cfcac2;border-radius:50%;display:grid;place-items:center;text-align:center;color:#6b665e;margin-bottom:12px}.profile-photo-placeholder span{display:none}.subscription-card{display:flex;justify-content:space-between;gap:20px;border:1px solid #e2ded8;background:#faf9f7;border-radius:10px;padding:18px}.subscription-card div{display:grid;gap:4px}.subscription-card span{color:#6b665e}.account-export{border-top:1px solid #e2ded8;padding-top:20px}.account-export .button{margin:5px 6px 0 0}.record-secondary-actions form{display:contents}.record-secondary-actions form button{width:100%;text-align:left}
.record-secondary-actions .record-remove{color:#8a3a1e}
.record-secondary-actions .record-remove:hover{color:#6d2c15;border-color:#c9a08d}.record-image-manager figure{cursor:grab}.record-image-manager figure.is-dragging{opacity:.45}.image-remove{display:flex!important;gap:6px!important;align-items:center}.image-remove input{width:auto!important}.record-locked-docs a,.record-locked-docs button{display:grid;color:inherit;text-decoration:none;padding:16px;background:#fff;border:1px solid #ded9d2;border-radius:10px;font:inherit;text-align:left;cursor:pointer}.record-locked-docs a:hover,.record-locked-docs button:hover{border-color:#9c968d}.sample-paper-dialog.sales-form-dialog{width:min(480px,calc(100vw - 32px))}.sale-small-dialog.sales-form-dialog{width:min(580px,calc(100vw - 32px))}.record-versions .data-list article{grid-template-columns:minmax(0,1fr) auto}

/* Connected artwork running order */
.dashboard-pause{display:flex;align-items:center;gap:14px;border:1px solid #cdbfae;background:#f7f2ec;border-radius:12px;padding:15px 20px;margin-bottom:16px}.dashboard-pause>span{width:9px;height:9px;border-radius:50%;background:#8a7966}.dashboard-pause p{flex:1;margin:0}.dashboard-keep{margin-bottom:16px}.dashboard-keep>p{color:#6b665e}.dashboard-keep-bar{display:flex;height:44px;overflow:hidden;border-radius:9px;margin:18px 0 12px;background:#c9c2b8}.dashboard-keep-bar span{display:flex;align-items:center;min-width:0;padding:0 16px;background:#7a8a76;color:#fff;font-size:14px;font-weight:600;white-space:nowrap}.dashboard-keep-bar i{display:flex;align-items:center;padding:0 12px;color:#4a4741;font-style:normal;font-size:13px;white-space:nowrap}.dashboard-keep>small{color:#8b857c}.dashboard-two{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-bottom:16px}.dashboard-status-row{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:16px}.dashboard-status-row i{grid-column:1/-1;height:8px;border-radius:5px;background:#efece7;overflow:hidden}.dashboard-status-row b{display:block;height:100%;background:#71717a}.dashboard-next{display:grid;gap:3px;border:1px solid #e2ded8;border-radius:10px;padding:13px 15px;margin-top:10px;color:#1a1a19;text-decoration:none}.dashboard-next small{color:#8b857c}
.works-tools{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px}.works-tools label{display:grid;gap:6px;color:#6b665e;font-size:13px;min-width:300px}.works-tools input{border:1px solid #cfcac2;border-radius:8px;padding:10px 12px}.artwork-table--approved .artwork-row{grid-template-columns:24px 58px minmax(180px,1.2fr) minmax(180px,1.4fr) 110px 110px 110px 130px;cursor:default}
.artwork-table--approved .artwork-row[draggable="true"]{cursor:grab}
.artwork-table--approved .artwork-row[draggable="true"]:active{cursor:grabbing}.artwork-table--approved .artwork-row--head{background:#f5f2ee;color:#6b665e;font-size:12px;font-weight:600;cursor:default}.artwork-table--approved .artwork-row>div{display:grid;gap:3px}.artwork-table--approved .artwork-row.is-dragging{opacity:.45}.artwork-table--approved .artwork-row.is-filtered{display:none}
.artwork-table--approved .artwork-drag{display:flex;align-items:center;justify-content:center;color:#bdb7ae;cursor:grab}
.artwork-table--approved .col-money{text-align:right;font-variant-numeric:tabular-nums}
.artwork-table--approved .artwork-phone-line{display:none}
.artwork-table--approved .col-status{text-align:center;justify-items:center}
.artwork-table--approved .artwork-drag:active{cursor:grabbing}

/* Public gallery, public artwork, lookbooks and generated paperwork */
.public-gallery{margin:0;background:#fff;color:#171716;font-family:var(--gallery-body),Inter,sans-serif}.gallery-shell{max-width:1200px;margin:0 auto;padding:54px 34px 80px}.public-gallery--embed .gallery-shell{padding-top:24px}.gallery-header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #ddd8d1;padding-bottom:24px;margin-bottom:36px}.gallery-header p{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:#77716a}.gallery-header h1{font-family:var(--gallery-heading),Inter,sans-serif;font-size:38px;font-weight:400;margin:0}.gallery-header a,.gallery-back{color:#1a1a19;text-underline-offset:4px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 24px}.gallery-work{color:inherit;text-decoration:none}.gallery-work img,.gallery-image-empty{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#f0ede9}.gallery-work h2{font-size:16px;font-weight:500;margin:15px 0 5px}.gallery-work p{font-size:13px;color:#6b665e;margin:0 0 7px}.gallery-work strong{font-size:13px}.gallery-work-status{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8b857c;margin:0 0 6px}.gallery-paused{max-width:680px;padding:80px 0}.public-work-shell{max-width:1320px;margin:0 auto;padding:34px}.public-work-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);gap:56px;margin-top:26px}.public-work-images{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.public-work-images img{width:100%;height:auto;display:block}.public-work-images .is-primary{grid-column:1/-1}.public-work-copy{position:sticky;top:28px;align-self:start}.public-work-copy h1{font-size:46px;font-weight:400;letter-spacing:-.035em;margin:12px 0 18px}.public-work-meta{color:#6b665e;line-height:1.7}.public-work-description{font-family:Georgia,serif;font-size:16px;line-height:1.75;margin:28px 0}.public-work-price{border-top:1px solid #ddd8d1;padding:20px 0;display:flex;justify-content:space-between}.public-work-price strong{font-size:20px}.gallery-acquire{width:100%;background:var(--gallery-accent);color:#fff;border:0;padding:17px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600}.gallery-inquiry{display:none;gap:12px;margin-top:18px}.gallery-inquiry.is-open{display:grid}.gallery-inquiry label{display:grid;gap:7px;font-family:'Source Code Pro',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#9c968d}.gallery-inquiry input,.gallery-inquiry textarea{border:1px solid #cfcac2;padding:11px 12px;font-family:var(--gallery-body),Inter,sans-serif;font-size:15px;line-height:1.5;letter-spacing:0;text-transform:none;color:#1a1a19}.lookbook-public{max-width:1180px;margin:0 auto;padding:70px 32px}.lookbook-public>header{max-width:720px;margin-bottom:50px}.lookbook-public>header h1{font-size:44px;font-weight:400}.lookbook-public>header p{line-height:1.7;color:#6b665e}.lookbook-public-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:46px 26px}.lookbook-public-grid img{width:100%;aspect-ratio:4/5;object-fit:cover}.lookbook-public-grid h2{font-size:17px;margin:13px 0 5px}.lookbook-public-grid p{color:#6b665e;font-size:13px}.lookbook-public footer{border-top:1px solid #ded9d2;margin-top:64px;padding-top:26px}.gallery-credit{margin:48px 0 0;padding-top:18px;border-top:1px solid #ddd8d1;font-size:13px;color:#8b857c}.gallery-credit a{color:#1a1a19;text-decoration:none}.gallery-credit a:hover{text-decoration:underline}.document-page{background:#e5e2dd}.document-sheet{box-sizing:border-box;width:210mm;min-height:297mm;background:#fff;margin:30px auto;padding:22mm 20mm;color:#171716}.document-tools{display:flex;justify-content:space-between;margin:-12mm 0 18mm}.document-tools button,.document-tools a{border:1px solid #cfcac2;background:#fff;padding:8px 12px;color:#1a1a19;text-decoration:none}.document-sheet header{border-bottom:2px solid #1a1a19;padding-bottom:12mm}.document-sheet header h1{font-size:36px;margin:4px 0}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:25mm;margin:18mm 0}.document-grid div{display:grid;gap:8px}.document-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#6b665e}.document-grid p{line-height:1.7}.document-copy{font-family:Georgia,serif;line-height:1.8;margin:28mm 0}.signature-line{display:grid;grid-template-columns:1fr 1fr;gap:20mm;margin-top:35mm}.signature-line span{border-top:1px solid #1a1a19;padding-top:6px;font-family:Inter,sans-serif;font-size:11px}.document-sheet table{width:100%;border-collapse:collapse;margin:20mm 0}.document-sheet th,.document-sheet td{border-bottom:1px solid #ded9d2;padding:12px;text-align:left}.document-sheet td{text-align:right}.document-sheet footer{position:relative;margin-top:60mm;border-top:1px solid #ded9d2;padding-top:8px;font-size:10px;color:#6b665e}
@media print{.document-page{background:#fff}.document-sheet{margin:0;box-shadow:none}.document-tools{display:none}}
@media(max-width:900px){.artwork-table--approved .artwork-row{grid-template-columns:58px minmax(0,1fr) 120px}.artwork-table--approved .artwork-drag,.artwork-table--approved .artwork-row>*:nth-child(4),.artwork-table--approved .artwork-row>*:nth-child(6),.artwork-table--approved .artwork-row--head{display:none}}
@media(max-width:560px){.works-tools{align-items:stretch;flex-direction:column}.works-tools label{min-width:0}.artwork-table--approved .artwork-row{grid-template-columns:54px minmax(0,1fr)}.artwork-table--approved .artwork-drag{display:none}.artwork-table--approved .artwork-row>*:nth-child(n+4){display:none}}
@media(max-width:900px){.module-split,.public-work-grid,.dashboard-two{grid-template-columns:1fr}.lookbook-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.public-work-copy{position:static}.metric-strip{grid-template-columns:1fr}.document-sheet{width:100%;min-height:0;margin:0}.settings-tabs{gap:14px}}
@media(max-width:560px){.module-card{padding:18px}.provider-grid,.lookbook-grid,.gallery-grid,.lookbook-public-grid{grid-template-columns:1fr}.gallery-shell,.public-work-shell,.lookbook-public{padding:24px 18px 50px}.gallery-header{align-items:start}.gallery-header h1{font-size:30px}.public-work-copy h1{font-size:36px}.public-work-images{grid-template-columns:1fr}.public-work-images .is-primary{grid-column:auto}.data-list article{grid-template-columns:auto minmax(0,1fr)}.data-list article>*:nth-child(n+3){grid-column:2}.subscription-card{display:grid}.settings-approved .module-card{padding:20px}}
.private-preview-banner{position:sticky;top:0;z-index:20;padding:10px 20px;background:#171715;color:#fff;text-align:center;font:600 12px/1.4 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.statistics-open{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #cfcac2;border-radius:11px;padding:15px 20px;margin-bottom:22px;color:#1a1a19;text-decoration:none;font-weight:600}.statistics-page>header{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:24px}.statistics-page>header h1{font-size:34px;margin:0 0 6px}.statistics-page>header p{color:#6b665e;margin:0}.statistics-hero{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px;margin-bottom:18px}.statistics-hero>div{display:grid;gap:7px;background:#fff;border:1px solid #e2ded8;border-radius:11px;padding:20px}.statistics-hero span,.statistics-hero small{color:#6b665e}.statistics-hero strong{font-size:27px}.statistics-chart>div{height:220px;display:grid;grid-template-columns:repeat(12,1fr);gap:10px;align-items:end}.statistics-chart article{height:100%;display:grid;grid-template-rows:28px 1fr 20px;gap:5px;text-align:center}.statistics-chart article>strong{font-size:10px;color:#6b665e}.statistics-chart article>i{display:flex;align-items:end;justify-content:center;border-bottom:1px solid #d8d4ce}.statistics-chart article b{display:block;width:70%;min-height:3px;background:#7a8a76;border-radius:4px 4px 0 0}.statistics-chart article>span{font-size:11px;color:#8b857c}.statistics-blocks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.statistics-blocks h2{font-size:25px}.statistics-blocks p:last-child{color:#6b665e;font-size:13px}@media(max-width:900px){.statistics-hero,.statistics-blocks{grid-template-columns:repeat(2,1fr)}.statistics-hero>div:first-child{grid-column:1/-1}.statistics-chart{overflow-x:auto}.statistics-chart>div{min-width:700px}}@media(max-width:560px){.statistics-hero,.statistics-blocks{grid-template-columns:1fr}.statistics-hero>div:first-child{grid-column:auto}}

/* Approved overlay drawers — Settings from the right, Statistics from the top.
   Values taken from the authoritative prototype (Studio Operations - standalone.html). */
@keyframes drawerIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes veilIn{from{opacity:0}to{opacity:1}}
@keyframes statsDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.drawer-veil{position:fixed;inset:0;background:rgba(26,26,25,.38);z-index:60;animation:veilIn .58s ease both;border:0;padding:0;display:block;width:100%;cursor:default}
.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:560px;max-width:100vw;min-width:0;background:#f4f2ef;z-index:61;box-shadow:-18px 0 48px rgba(0,0,0,.18);display:flex;flex-direction:column;animation:drawerIn .58s cubic-bezier(.22,.8,.28,1) both}
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 28px;background:#fff;border-bottom:1px solid #e2ded8;flex:none}
.drawer-head-left{display:flex;align-items:flex-start;gap:34px;min-width:0}
.drawer-head-left>img{width:132px;height:auto;display:block;flex:none}
.drawer-head-title{display:flex;align-items:flex-start;gap:11px;min-width:0}
.drawer-head-title>.icon{margin-top:3px}
.drawer-head-title h1{font-size:23px;margin:0 0 2px;line-height:1.1}
.drawer-head-title p{margin:0;font-size:13.5px;color:#8b857c}
.drawer-close-round{width:36px;height:36px;border-radius:50%;border:1px solid #e2ded8;background:#fff;display:flex;align-items:center;justify-content:center;flex:none;padding:0;color:#4a4741}
.drawer-tabs{display:flex;flex-wrap:wrap;column-gap:2px;row-gap:0;padding:12px 28px 0;background:#fff;border-bottom:1px solid #e2ded8;flex:none;overflow:visible}
.drawer-tabs a{border:0;background:transparent;padding:11px 14px;font-size:14.5px;font-weight:400;color:#6b665e;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.drawer-tabs a.is-active{font-weight:600;color:#1a1a19;border-bottom-color:#1a1a19}
.drawer-body{flex:1;min-width:0;overflow-x:hidden;overflow-y:auto;padding:24px 28px 40px}
.stats-layer{position:fixed;inset:0;z-index:60}
.stats-veil{position:absolute;inset:0;background:rgba(26,26,25,.34);animation:veilIn .34s ease;border:0;padding:0;display:block;width:100%;cursor:default}
.stats-panel{position:absolute;top:0;left:0;right:0;height:auto;min-height:640px;max-height:92vh;overflow:hidden;background:#f4f2ef;border-bottom:1px solid #cfcac2;box-shadow:0 18px 44px rgba(26,26,25,.16);animation:statsDown .5s cubic-bezier(.22,.61,.36,1);display:flex;flex-direction:column}
.stats-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 44px 20px;border-bottom:1px solid #e2ded8;background:#fff;flex:none}
.stats-head h1{font-size:24px;font-weight:700;letter-spacing:-.04em;margin:0}
.stats-head p{font-size:14.5px;color:#6b665e;margin:4px 0 0}
.stats-close{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #cfcac2;border-radius:9px;padding:10px 16px;font-size:14.5px;flex:none;color:#1a1a19;text-decoration:none}
.stats-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:30px 44px 34px;min-height:0}
.stats-body .statistics-page>header{display:none}
@media(max-width:640px){.drawer-panel{width:100%}.drawer-head,.drawer-tabs{padding-left:18px;padding-right:18px}.drawer-body{padding:20px 18px 34px}.drawer-head-left{gap:16px}.drawer-head-left>img{width:96px}.stats-panel{min-height:0;max-height:100vh;top:0;bottom:0}.stats-head{padding:20px 18px 16px}.stats-body{padding:22px 18px 28px}}
@media(prefers-reduced-motion:reduce){.drawer-veil,.drawer-panel,.stats-veil,.stats-panel{animation:none}}

/* Statistics drawer body — values from the authoritative prototype. */
.stats-eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#8b857c}
.stats-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:18px}
.stats-key{display:flex;gap:22px;flex:none}
.stats-key>div{display:flex;align-items:center;gap:9px}
.stats-swatch{width:11px;height:11px;border-radius:3px;flex:none}
.stats-swatch--kept{background:#7a8a76}
.stats-swatch--missed{background:#b8a58f}
.stats-key-label{font-size:13.5px;color:#4a4741}
.stats-key-total{font-size:13.5px;color:#9c968d;font-variant-numeric:tabular-nums}
.stats-bars{--amount-room:25px;display:flex;align-items:flex-end;gap:14px;height:186px;flex:none;border-bottom:1px solid #d8d4ce;padding-bottom:12px}
.stats-bar{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:9px}
.stats-bar-amount{display:flex;justify-content:center;white-space:nowrap;flex:none;font-size:12px;color:#4a4741;font-variant-numeric:tabular-nums;min-height:16px}
.stats-bar-stack{display:flex;flex-direction:column;gap:2px;flex:none;height:calc((100% - var(--amount-room)) * var(--share));min-height:3px}
.stats-bar-stack.is-empty{height:3px}
.stats-bar-missed,.stats-bar-kept{flex:1 1 0;min-height:3px}
.stats-bar-missed{background:#b8a58f}
.stats-bar-kept{background:#7a8a76}
.stats-bar-kept.is-empty{background:#e6e2dc}
.stats-bar-labels{display:flex;gap:14px;margin-top:9px;flex:none}
.stats-bar-labels>div{flex:1 1 0;min-width:0;font-size:12.5px;color:#8b857c;text-align:center}
.stats-blocks{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:34px;padding-top:4px}
.stats-block-head{padding-bottom:11px;border-bottom:1px solid #d8d4ce;margin-bottom:18px}
.stats-block-items{display:flex;flex-direction:column;gap:18px}
.stats-item{display:flex;align-items:baseline;gap:12px}
.stats-item>div:first-child{flex:1}
.stats-item-label{font-size:13.5px;color:#6b665e}
.stats-item-note{font-size:12.5px;color:#9c968d;margin-top:2px}
.stats-item-value{font-size:22px;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;flex:none}
@media(max-width:1100px){.stats-blocks{grid-template-columns:repeat(2,1fr);gap:24px}}
@media(max-width:640px){.stats-blocks{grid-template-columns:1fr}.stats-chart-head{flex-direction:column;gap:12px}.stats-key{flex-wrap:wrap;gap:14px}.stats-bars{--amount-room:56px;gap:6px;height:190px}.stats-bar{gap:6px}.stats-bar-amount{writing-mode:vertical-rl;transform:rotate(180deg);align-self:center;justify-content:flex-start;font-size:10.5px;min-height:0}.stats-bar-labels{gap:6px}.stats-bar-labels>div{font-size:11px}}

/* Settings drawer body — values from the authoritative prototype. */
.set-stack{display:flex;flex-direction:column;gap:16px}
.set-card{border:1px solid #e2ded8;border-radius:12px;background:#fff;padding:22px 24px}
.set-card--warn{border-color:#e6d3c8;background:#fdf6f2}
.set-lead{font-size:17px;font-weight:600;letter-spacing:-.02em}
.set-h{font-size:15px;font-weight:600;letter-spacing:-.02em}
.set-h16{font-size:16px;font-weight:600;letter-spacing:-.02em}
.set-sub{font-size:13.5px;color:#8b857c}
.set-note{font-size:14.5px;color:#6b665e;line-height:1.6}
.set-measure{max-width:60ch}
.set-strongish{color:#4a4741;font-weight:600}
.set-gap{margin-top:4px;margin-bottom:16px}
.set-gap-sm{margin-top:10px;margin-bottom:10px}
.set-divider{border-top:1px solid #f0ede9;padding-top:16px;margin-top:16px}
.set-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
.set-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;align-items:stretch;gap:14px}
/* Side by side fields share one caption row and one control row, so the two
   inputs sit on the same line. A help dot or an Optional tag is its own grid
   item, which is what used to push one input a row lower than its neighbour,
   so the caption row is given a second column for it to sit in and the
   control is told to span the full width underneath. */
.settings-approved .set-card .set-grid2>label{grid-row:span 3;grid-template-columns:auto minmax(0,1fr);grid-template-rows:subgrid}
.settings-approved .set-card .set-grid2>label>input,.settings-approved .set-card .set-grid2>label>select,.settings-approved .set-card .set-grid2>label>textarea,.settings-approved .set-card .set-grid2>label>small,.settings-approved .set-card .set-grid2>label>.set-note,.settings-approved .set-card .set-grid2>label>.set-rate{grid-column:1/-1}
/* A percentage entry: the sign sits outside the box so it is never mistaken
   for something to type. The field keeps the standard 43px control height. */
.set-rate{display:flex;align-items:center;gap:10px}
/* Settings drawer, 720px wide since 13 October 2026: a little more air between
   fields. Optional and Required tags sit level with their label, not raised.
   Phones keep the full-width drawer and its own padding below 640px. */
@media(min-width:721px){.drawer-panel[data-drawer="settings"]{width:720px}.drawer-panel[data-drawer="settings"] .drawer-head{padding-left:36px;padding-right:36px}.drawer-panel[data-drawer="settings"] .drawer-body{padding:28px 36px 48px}.drawer-panel[data-drawer="settings"] .drawer-tabs{width:calc(100% - 72px);max-width:calc(100% - 72px);margin-left:36px;margin-right:36px}}
.settings-approved .set-stack{gap:20px}
.settings-approved .set-card{padding:26px 28px}
.settings-approved .set-grid2{gap:20px 22px}
.settings-approved .set-card .set-grid2>label>.optional{align-self:end;margin-left:6px;padding-bottom:1px}
.set-lead .optional{margin-left:8px;vertical-align:2px}
.optional.set-required{color:#a1400f}
.set-fieldset{border:0;margin:0;padding:0;min-width:0}
[data-selling-settings] [hidden]{display:none!important}
.settings-approved .set-card .set-rate>input{width:104px;flex:none;text-align:right}
.set-rate>span{font-size:16px;color:#4a4741;flex:none}
.set-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px}
.set-span2{grid-column:span 2}
.settings-approved{min-width:0}
.settings-approved .set-card,.settings-approved .set-card label,.settings-approved .set-grid2>*,.settings-approved .set-grid3>*{min-width:0}
.settings-approved .set-card label{display:grid;align-self:start;align-content:start;gap:6px;color:#6b665e;font-size:13.5px;margin:0}
.settings-approved .set-card input,.settings-approved .set-card select,.settings-approved .set-card textarea{box-sizing:border-box;min-width:0;max-width:100%}
.settings-approved .set-card input:not([type=checkbox]):not([type=radio]),.settings-approved .set-card select{height:43px;min-height:43px}
.module-form label input:not([type=checkbox]):not([type=radio]):not([type=file]),.module-form label select{height:43px;min-height:43px}
.settings-approved .set-grid3>label{grid-template-rows:44px 43px auto}
.settings-approved .set-card label small{color:#9c968d;font-size:12.5px}
/* A tick box sits beside its words, as elsewhere in Studio (Close your account). */
.settings-approved .set-card label.set-check{display:flex;align-items:flex-start;gap:10px;color:#1a1a19;font-size:14px;line-height:1.45}
.settings-approved .set-card label.set-check input{width:17px;height:17px;flex:none;margin:1px 0 0}
.set-bare{display:grid;gap:6px}
.set-person{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.set-person>div:last-child,.set-card-head>div:first-child{min-width:0}
.set-avatar{width:76px;height:76px;border-radius:50%;border:1px solid #e2ded8;background-image:repeating-linear-gradient(45deg,#f1eeea 0 6px,#faf9f7 6px 12px);flex:none;overflow:hidden}
.set-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.set-person-name{font-size:18px;font-weight:600;letter-spacing:-.02em;color:#1a1a19}
.set-rows{display:flex;flex-direction:column;gap:12px}
.set-row{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px}
.set-row-label{min-width:0;font-size:13.5px;color:#6b665e}
.set-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#1a1a19;border:1px solid #cfcac2;border-radius:8px;padding:11px 18px;font-size:14px;font:inherit;font-size:14px;text-decoration:none;cursor:pointer}
.set-btn--small{padding:6px 12px;font-size:13px;border-radius:8px}
.set-btn--primary{background:#b0400d;border-color:#b0400d;color:#fff;font-weight:600}
.set-btn--danger{border-color:#d9b7a3;color:#a1400f}
.set-btn--hover{background:#f4f2ef;border-color:#b8b2a9}
.set-btn[disabled]{opacity:.55;cursor:default}
.set-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.set-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:500;flex:none}
.set-pill span{width:6px;height:6px;border-radius:50%;display:block}
.set-pill--live{border:1px solid #cbd4c7;background:#f2f5f1;color:#4a5a48}
.set-pill--live span{background:#7a8a76}
.set-pill--trial{border:1px solid #d8c4b4;background:#fff;color:#a1400f;font-weight:600}
.set-pill--trial span{background:#b0400d}
.set-pill--ready{border:1px solid #cbd4c7;background:#f2f5f1;color:#4a5a48}
.set-pill--waiting{border:1px solid #dfcfb7;background:#fff9ef;color:#79561d}
.set-pill--blocked{border:1px solid #dec5bd;background:#fff6f3;color:#8b3a27}
.set-snippet{border:1px solid #e2ded8;border-radius:10px;background:#faf9f7;overflow:hidden;margin-bottom:16px}
.set-snippet-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #eae7e2}
.set-snippet pre{margin:0;padding:14px;font-family:'Source Code Pro',monospace;font-size:12px;line-height:1.7;color:#4a4741;white-space:pre-wrap;word-break:break-all}
.set-platforms{display:flex;flex-direction:column;gap:8px}
.set-platforms>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;font-size:13.5px}
.set-platforms span{color:#4a4741}
.set-platforms em{min-width:0;color:#8b857c;font-style:normal}
.set-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.set-swatch{display:block!important;cursor:pointer}
.set-swatch input{position:absolute;width:0;height:0;margin:0;padding:0;border:0;opacity:0;pointer-events:none}
.set-swatch>span{display:block;width:100%;height:44px;border-radius:8px;border:2px solid transparent}
.set-swatch.is-picked>span{border-color:#1a1a19}
.set-swatch em{display:block;font-size:12.5px;color:#6b665e;margin-top:6px;font-style:normal}
.set-swatchref{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.set-swatchref i{display:block;height:52px;border-radius:8px}
.set-swatchref b{display:block;font-size:12.5px;margin-top:6px;font-weight:400;color:#1a1a19}
.set-swatchref code{font-family:'Source Code Pro',monospace;font-size:11px;color:#8b857c}
.set-typescale>div{display:flex;align-items:baseline;gap:16px;padding:8px 0}
.set-typescale span{font-weight:700;letter-spacing:-.03em;flex:1;color:#1a1a19}
.set-typescale code{font-family:'Source Code Pro',monospace;font-size:11.5px;color:#8b857c;flex:none}
.set-buttonstates{display:flex;flex-wrap:wrap;gap:10px}
.set-segment{display:flex;gap:10px}
.set-segment label{flex:1;display:flex!important;align-items:center;justify-content:center;border:1px solid #cfcac2;background:#fff;border-radius:9px;padding:11px 12px;font-size:14px;color:#1a1a19;cursor:pointer;text-align:center;gap:0!important}
.set-segment label.is-on{border-color:#7a8a76;background:#7a8a76;color:#fff;font-weight:600}
.set-segment input{position:absolute;width:0;height:0;margin:0;padding:0;border:0;opacity:0;pointer-events:none}
.set-checks{display:flex;flex-direction:column;gap:11px;margin-top:16px}
.set-toggle{display:flex!important;align-items:flex-start;gap:11px;cursor:pointer;margin:0!important}
.set-toggle input{position:absolute;width:0;height:0;margin:0;padding:0;border:0;opacity:0;pointer-events:none}
.set-toggle-track{width:38px;height:22px;border-radius:999px;background:#ddd8d1;padding:2px;display:flex;justify-content:flex-start;flex:none;transition:background .15s;margin-top:-1px}
.set-toggle-track>span{width:18px;height:18px;border-radius:50%;background:#fff;display:block}
.set-toggle input:checked+.set-toggle-track{background:#7a8a76;justify-content:flex-end}
.set-toggle-text{display:flex;min-width:0;flex-direction:column;gap:1px}
.set-toggle-text>span{font-size:14.5px;color:#1a1a19}
.set-toggle-text small{font-size:13px;color:#8b857c}
.set-showfields{margin-top:12px}
.set-showfields-head{display:flex;align-items:center;gap:14px;padding-bottom:8px}
.set-showfields-head span{flex:1}
.set-showfields-head em{width:38px;flex:none;font-style:normal;font-size:12px;color:#8b857c;text-align:center}
.set-showfield{display:flex;align-items:center;gap:14px;padding:11px 0;border-top:1px solid #f4f2ef}
.set-showfield>span{min-width:0;flex:1;font-size:14.5px;color:#1a1a19}
.set-notifications{display:flex;flex-direction:column;gap:14px}
.set-inset{display:flex;align-items:center;gap:14px;border:1px solid #e2ded8;border-radius:10px;padding:14px 16px}
.set-inset>div:first-child{min-width:0;flex:1}
.set-inset-title{font-size:14.5px;color:#1a1a19}
.set-trial{border:1px solid #d8c4b4;border-radius:12px;background:#fdf5f0;padding:22px 24px}
.set-plans{display:flex;flex-direction:column;gap:10px}
.set-plan{display:block!important;width:100%;text-align:left;background:#fff;border:1px solid #e2ded8;border-radius:11px;padding:18px 20px;cursor:pointer;margin:0!important}
.set-plan.is-on{background:#faf9f7;border-color:#1a1a19}
.set-plan input{position:absolute;width:0;height:0;margin:0;padding:0;border:0;opacity:0;pointer-events:none}
.set-plan-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.set-plan-top b{display:block;font-size:16.5px;font-weight:600;letter-spacing:-.02em;color:#1a1a19}
.set-plan-top em{display:block;font-size:13.5px;color:#8b857c;margin-top:3px;font-style:normal}
.set-plan-price{text-align:right;flex:none}
.set-plan-price b{font-size:22px;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.set-plan-price em{font-size:12.5px;color:#8b857c}
.set-plan-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}
.set-plan-mark{display:inline-flex;align-items:center;background:#fff;border:1px solid #cfcac2;color:#6b665e;border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:500}
.set-plan-mark.is-on{background:#eef1ec;border-color:#cbd4c7;color:#4a5a48;font-weight:600}
.set-plan-free{display:flex;align-items:center;gap:10px;flex:none}
.set-plan-months{display:flex;gap:3px;flex:none}
.set-plan-months i{width:7px;height:15px;border-radius:2px;background:#e2ded8;display:block}
.set-plan-months i.is-free{background:#7a8a76}
.set-plan-free em{font-size:12.5px;font-weight:600;color:#4a5a48;line-height:1.4;font-style:normal}
.set-assurances{display:flex;flex-direction:column;gap:14px}
.set-assurances>div{display:flex;gap:12px}
.set-assurances svg{flex:none;margin-top:2px}
.set-assurances p{margin:0;font-size:14.5px;line-height:1.6;color:#1a1a19}
.set-ai{display:flex;gap:10px;flex-wrap:wrap}
.set-ai-option{display:inline-flex!important;align-items:center;gap:9px;background:#fff;border:1px solid #cfcac2;border-radius:9px;padding:10px 15px;font-size:14px;color:#1a1a19;cursor:pointer;margin:0!important}
.set-ai-option.is-on{border-color:#cbd4c7;font-weight:600}
.set-ai-option input{position:absolute;width:0;height:0;margin:0;padding:0;border:0;opacity:0;pointer-events:none}
.set-ai-option i{width:9px;height:9px;border-radius:3px;flex:none;display:block}
@media(max-width:640px){.set-grid2,.set-grid3{grid-template-columns:minmax(0,1fr)}.settings-approved .set-grid3>label{grid-template-rows:auto 43px auto}.set-span2{grid-column:auto}.set-swatches,.set-swatchref{grid-template-columns:repeat(2,minmax(0,1fr))}.set-segment{flex-direction:column}.set-row,.set-platforms>div{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:6px}[data-studio-tax-settings] .set-card-head{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}[data-studio-tax-settings] .set-card-head .set-pill{justify-self:start}}
.set-headaction{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none}
.set-headaction small{font-size:12.5px;color:#9c968d}
.set-inline-note{display:inline-block;margin-left:9px}
.set-person button,.set-person .set-photo-action{margin-top:9px}
.settings-approved .set-card .set-photo-action{display:inline-flex;position:relative;align-items:center;width:auto;cursor:pointer;color:#1a1a19}
.settings-approved .set-card .set-photo-input{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* Closing plays the opening animation in reverse, at the same pace. */
@keyframes drawerOut{from{transform:translateX(0)}to{transform:translateX(100%)}}
@keyframes veilOut{from{opacity:1}to{opacity:0}}
@keyframes statsUp{from{transform:translateY(0)}to{transform:translateY(-100%)}}
.drawer-panel.is-closing{animation:drawerOut .58s cubic-bezier(.22,.8,.28,1) both}
.drawer-veil.is-closing{animation:veilOut .58s ease both}
.stats-panel.is-closing{animation:statsUp .5s cubic-bezier(.22,.61,.36,1) both}
.stats-veil.is-closing{animation:veilOut .5s ease both}
@media(prefers-reduced-motion:reduce){.drawer-panel.is-closing,.drawer-veil.is-closing,.stats-panel.is-closing,.stats-veil.is-closing{animation:none}}

/* Sidebar foot. Operational work belongs on Today, not in navigation. */
.sidebar-bottom{gap:2px;padding:16px 0 2px}
.sidebar-bottom .sidebar-rule{margin:12px 12px}
.sidebar-rule{height:1px;background:#3a3833;margin:0}

/* Sales — approved order cards, per the prototype. */
.sales-page .workspace-main{max-width:1080px}
.sales-heading h1{display:flex;align-items:flex-start;gap:9px}
.document-sheet .document-pay div{align-content:start}
.sales-heading-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;flex:none}.sales-heading-actions .button{white-space:nowrap}
.input-suffix{display:flex;align-items:center;gap:8px}.input-suffix input{flex:1;min-width:0}
#add-a-commission label>span.form-grid{margin-top:0}
.helpmark{position:relative;display:inline-flex}
.helpmark-q{width:16px;height:16px;flex:none;border-radius:50%;border:0;background:#ddd8d1;color:#1a1a19;font-size:11px;font-weight:700;line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:-2px;cursor:help;font-family:inherit}
.helpmark-q:hover,.helpmark:focus-within .helpmark-q{background:#bdb7ae}
.helpmark-pop{position:absolute;z-index:40;bottom:calc(100% + 9px);left:-10px;width:262px;background:#fff;border:1px solid #e2ded8;border-radius:9px;box-shadow:0 10px 28px rgba(0,0,0,.12);padding:12px 14px;font-size:12.5px;line-height:1.55;color:#4a4741;font-weight:400;letter-spacing:normal;opacity:0;visibility:hidden;transition:opacity .12s}
.helpmark-q:hover+.helpmark-pop,.helpmark:focus-within .helpmark-pop{opacity:1;visibility:visible}
.stats-open{display:flex;align-items:center;gap:12px;width:100%;background:#fff;border:1px solid #cfcac2;border-radius:11px;padding:15px 20px;font-size:16px;font-weight:600;letter-spacing:-.02em;color:#1a1a19;margin-bottom:22px;text-decoration:none}
.stats-open span{flex:1;text-align:left}
.stats-open-caret{opacity:.7}
.sale-cards{display:flex;flex-direction:column;gap:14px}
.sale-card{border:1px solid #e2ded8;border-radius:12px;background:#fff;padding:20px 24px}
.sale-card:has(.sale-breakdown-toggle:checked){border-color:#d8d4ce}
.sale-card-body{display:grid;grid-template-columns:56px minmax(0,1fr) 200px auto;gap:20px;align-items:start}
.sale-thumb{width:56px;height:56px;border-radius:7px;border:1px solid #e2ded8;flex:none;background-image:repeating-linear-gradient(45deg,#f1eeea 0 5px,#faf9f7 5px 10px);overflow:hidden}
.sale-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sale-thumb.is-faded{opacity:.55}
.sale-text{min-width:0}
.sale-title-row{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.sale-title{font-size:18px;font-weight:600;letter-spacing:-.02em}
.sale-pill{display:inline-flex;align-items:center;border:1px solid;border-radius:999px;padding:3px 11px;font-size:13px;font-weight:600;flex:none}
.sale-sentence{font-size:15px;color:#4a4741;line-height:1.6;margin:7px 0 0}
.sale-actions-row{display:flex;flex-direction:column;gap:9px}
.sale-inline-form{display:contents}
.sale-action{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;column-gap:10px;width:100%;min-height:42px;box-sizing:border-box;background:#fff;color:#1a1a19;border:1px solid #cfcac2;border-radius:8px;padding:9px 14px;font-size:14px;line-height:1.25;text-align:left;text-decoration:none;cursor:pointer;font-family:inherit;list-style:none}.sale-action svg{display:block;width:16px;height:16px;justify-self:center}.sale-action-label{display:block;min-width:0}
.sale-action[disabled]{opacity:.6;cursor:default}
.sale-action--refund{color:#761122;border-color:#d8c4c8}
/* Archiving a closed sale is a quiet, reversible filing action, so it stays in
   the neutral key rather than the warning key used by refund and cancel. */
.sale-action--archive,.sale-action--restore{color:#4a4741;border-color:#ded9d2}
.sale-archived-note{color:#6b665e;font-size:14px}
.sale-archived-note strong{color:#4a4741;font-weight:600}
.sale-archive-private{display:block;margin-top:3px;color:#8b857c}
.sales-view-tabs{margin:-6px 0 18px;border-bottom:1px solid #ded9d2}
/* Sales: the shared segmented tabs; Statistics is a button beside the other Sales actions (owner decision, 15 October 2026). */
.sales-page .sales-tabs-row{margin:6px 0 24px}
.sales-page .sales-tabs-row nav.sales-view-tabs{margin:0}
.sales-page .sales-stats-button{display:inline-flex;align-items:center;gap:7px}
/* Calm actions (owner decision, 15 October 2026): each card shows its one next step,
   everything else waits in a small menu. One shared menu style for Sales, Rentals and
   the artwork page. */
.ui-menu{position:relative;display:inline-block}
.ui-menu>summary{list-style:none;cursor:pointer;user-select:none}
.ui-menu>summary::-webkit-details-marker{display:none}
.ui-menu-panel{position:absolute;z-index:40;top:calc(100% + 6px);right:0;display:grid;gap:2px;min-width:230px;max-width:min(340px,calc(100vw - 32px));box-sizing:border-box;padding:6px;background:#fff;border:1px solid #e2ded8;border-radius:12px;box-shadow:0 12px 32px rgba(26,26,25,.14);text-align:left}
.ui-menu-panel--wide{min-width:290px}
.ui-menu-panel--full{left:0;right:0;min-width:0;max-width:none}
.ui-menu-item,.ui-menu-panel .sale-action,.ui-menu-panel>a{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;box-sizing:border-box;margin:0;padding:9px 12px;border:0;border-radius:8px;background:transparent;color:#1a1a19;font:inherit;font-size:14px;font-weight:550;line-height:1.3;text-align:left;text-decoration:none;white-space:normal;cursor:pointer}
.ui-menu-panel .ui-menu-item{display:block}
.ui-menu-item small{display:block;margin-top:2px;color:#8b857c;font-size:12.5px;font-weight:400}
.ui-menu-item:hover,.ui-menu-item:focus-visible,.ui-menu-panel .sale-action:hover,.ui-menu-panel .sale-action:focus-visible,.ui-menu-panel>a:hover{background:#f4f2ef;outline:0}
.ui-menu-panel .sale-action svg{opacity:.55}
.ui-menu-panel form{display:contents}
.ui-menu-panel .sale-action--refund,.ui-menu-panel .ui-menu-item--danger{color:#b0400d}
.ui-menu-panel .sale-action--refund svg{opacity:.8}
.ui-menu-rule{width:auto;height:0;margin:4px 6px;border:0;border-top:1px solid #eeeae4}
.ui-menu-note{margin:0;padding:8px 12px;color:#8b857c;font-size:13px;line-height:1.4}
.ui-menu-caption{margin:0;padding:8px 12px 4px;color:#8b857c;font-size:12px;font-weight:600}
.ui-more-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:34px;box-sizing:border-box;border:1px solid #e2ded8;border-radius:8px;background:#fff;color:#5f5a52;font-size:12px;letter-spacing:1px;line-height:1}
.ui-more-button:hover,.ui-menu[open]>.ui-more-button{border-color:#cfcac2;background:#f4f2ef;color:#1a1a19}
.sale-actions-row .sale-more{margin-left:auto}
.sale-action.sale-action--next{background:#6b7f66;border-color:#6b7f66;color:#fff;font-weight:600}
.sale-action.sale-action--next:hover{background:#5d7058;border-color:#5d7058}
.sale-action.sale-action--next svg{opacity:.9}
body.app-page:not(.gallery-office-page) .workspace-main.sales-page .ui-menu-panel .sale-action{display:flex;width:100%;min-height:40px;padding:9px 12px;font-size:14px;white-space:normal}
/* A card with no next step keeps ••• under the amount instead of on a row of its own. */
@media(min-width:761px){body.app-page:not(.gallery-office-page) .workspace-main.sales-page .sale-card-body:has(>.sale-actions-row.is-quiet){grid-template-areas:"thumb text amount" "thumb text actions" "thumb details details"}
body.app-page:not(.gallery-office-page) .workspace-main.sales-page .sale-actions-row.is-quiet{justify-content:flex-end}}
.record-sell{display:block;margin:0 0 10px}
.record-sell>.record-sell-button{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:13px 14px;border-radius:10px;background:#1a1a19;color:#fff;text-align:left}
.record-sell>.record-sell-button:hover,.record-sell[open]>.record-sell-button{background:#2e2d2a}
.record-sell-button svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.record-sell-button span{display:grid;gap:2px;flex:1;min-width:0}
.record-sell-button strong{font-size:15px;font-weight:600;letter-spacing:-.01em}
.record-sell-button small{font-size:12.5px;opacity:.72}
.record-sell-button .record-sell-chevron{width:16px;height:16px;opacity:.75;transition:transform .15s ease}
.record-sell[open] .record-sell-chevron{transform:rotate(180deg)}
.record-sell .ui-menu-panel{z-index:45}
.sale-title-link{color:inherit;text-decoration:none}
.sale-title-link:hover{text-decoration:underline;text-decoration-color:#cfcac2;text-underline-offset:4px}
.rent-row-later{display:inline-flex;align-items:center;gap:8px}
.rent-row-later .ui-more-button{width:32px;height:28px}
.rent-head-actions{align-items:center}
.rent-head-actions .sale-action--next{width:auto;min-height:40px;padding:0 16px;display:inline-flex;gap:8px;font-size:14px}
@media(max-width:560px){.sales-heading-actions.rent-head-actions{display:flex;width:100%}.rent-head-actions .sale-action--next{flex:1;justify-content:center}}
.sales-summary{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 22px;margin-top:10px;color:#5f5a52;font-size:15px;text-decoration:none}
.sales-summary b{margin-right:3px;color:#1a1a19;font-size:17px;font-weight:650;font-variant-numeric:tabular-nums}
.sales-summary:hover{color:#1a1a19}
.sales-summary:hover>span:not(.sales-summary-more){text-decoration:underline;text-decoration-color:#cfcac2;text-underline-offset:5px}
.sales-summary-more{color:#8b857c;font-size:18px;line-height:1}
.sales-new-button{display:inline-flex;align-items:center;gap:8px}
@media(max-width:560px){.sales-page .sales-heading-actions .sales-new{grid-column:1/-1}.sales-page .sales-new-button{width:100%;justify-content:center}.sales-page .sales-new .ui-menu-panel{left:0;right:0;min-width:0;max-width:none}.sales-page .sales-heading-actions .sales-stats-button{grid-column:1/-1;justify-content:center}.sales-page nav.sales-view-tabs{flex-wrap:wrap;overflow:visible;max-width:100%}.sales-page nav.sales-view-tabs a{padding:8px 8px;font-size:12.5px}}
.sale-breakdown-toggle{display:none}
.sale-breakdown-shut{display:inline}
.sale-breakdown-open{display:none}
.sale-card-body:has(.sale-breakdown-toggle:checked) .sale-breakdown-shut{display:none}
.sale-card-body:has(.sale-breakdown-toggle:checked) .sale-breakdown-open{display:inline}
.sale-breakdown-panel{display:none;grid-column:1/-1}
.sale-card-body:has(.sale-breakdown-toggle:checked) .sale-breakdown-panel{display:block}
.sale-refund-dialog{position:fixed;inset:0;width:min(580px,calc(100vw - 32px));max-height:calc(100vh - 48px);box-sizing:border-box;overflow:auto;margin:auto;padding:0;border:1px solid #d8d4ce;border-radius:16px;background:#fff;color:#1a1a19;box-shadow:0 28px 80px rgba(17,17,16,.32)}
.sale-refund-dialog::backdrop{background:rgba(17,17,16,.64);backdrop-filter:blur(2px)}
.sale-refund-form{position:relative;padding:0}.sale-refund-step{display:grid;gap:20px;padding:28px}.sale-refund-step[hidden]{display:none}
.sale-refund-close{position:absolute;z-index:2;top:18px;right:18px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #dedad4;border-radius:50%;background:#fff;color:#6b665e;cursor:pointer}.sale-refund-close:hover{background:#f4f2ef;color:#1a1a19}
.sale-refund-copy{display:flex;align-items:flex-start;gap:14px;padding-right:42px}.sale-refund-symbol{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:12px;background:#f8e9ec;color:#761122}.sale-refund-symbol--danger{background:#f8e9ec}.sale-refund-copy .eyebrow{margin:1px 0 5px;color:#8d5260}.sale-refund-copy h3{margin:0;font-size:25px;line-height:1.15;letter-spacing:-.035em}
.sale-refund-warning{display:grid;gap:5px;border:1px solid #e4ded6;border-radius:10px;background:#f8f6f3;padding:14px 16px}.sale-refund-warning strong{font-size:14.5px}.sale-refund-warning span{color:#6b665e;font-size:13.5px;line-height:1.5}
.sale-refund-available{display:flex;align-items:flex-start;gap:11px;margin:0;border:1px solid #dedad4;border-radius:10px;background:#fff;padding:14px 15px;font-size:14px}.sale-refund-available input{width:17px;height:17px;flex:none;margin:1px 0 0;accent-color:#761122}.sale-refund-available span{display:grid;gap:3px}.sale-refund-available strong{font-weight:600}.sale-refund-available small{color:#8b857c;font-size:12.5px;font-weight:400}
.sale-refund-symbol--cancel{background:#f4efe9;color:#7c624b}.sale-refund-symbol--cancel+div .eyebrow{color:#7c624b}.sale-refund-warning--unpaid{border-color:#ddd3c8;background:#f8f5f1}.sale-cancel-result{border-color:#d5ddd1;background:#f5f7f3}.sale-cancel-result svg{width:18px;height:18px;flex:none;margin-top:1px;color:#4a5a48}
.sale-refund-confirm{display:flex;align-items:flex-start;gap:11px;margin:0;border:1px solid #eadfe1;border-radius:10px;background:#fcf7f8;padding:14px 15px;color:#4a4741;font-size:13px;line-height:1.5}.sale-refund-confirm input{width:17px;height:17px;flex:none;margin:1px 0 0;accent-color:#761122}
.sale-refund-note{display:grid;gap:7px;margin:0;color:#4a4741;font-size:13px}.sale-refund-label{display:flex;align-items:baseline;gap:6px;font-weight:600}.sale-refund-label small{color:#9a948b;font-size:12px;font-weight:400}.sale-refund-note textarea{width:100%;min-height:88px;box-sizing:border-box;resize:vertical;border:1px solid #cfcac2;border-radius:9px;background:#fff;color:#1a1a19;padding:11px 12px;font:inherit}.sale-refund-note textarea:focus{outline:2px solid rgba(118,17,34,.16);border-color:#8e3948}
.sale-refund-final-copy{margin:0;color:#6b665e;font-size:14px;line-height:1.55}.sale-refund-final{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;border:1px solid #e4ded6;border-radius:10px;background:#f8f6f3;padding:15px 16px;font-size:14px}.sale-refund-final span{color:#8b857c}.sale-refund-final strong{text-align:right}
.sale-refund-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid #ebe7e1;padding-top:18px}.sale-refund-actions .button{min-height:44px;margin:0}.sale-refund-actions .button--primary{background:#761122;border-color:#761122}
.sale-lines{border-top:1px solid #f0ede9;padding-top:14px;display:flex;flex-direction:column;gap:9px;max-width:520px}
.sale-line{display:flex;justify-content:space-between;gap:16px;font-size:14.5px}
.sale-line span:first-child{color:#6b665e}
.sale-line span:last-child{font-variant-numeric:tabular-nums}
.sale-fulfilment{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-top:16px;padding-top:14px;border-top:1px solid #f0ede9;max-width:520px}
.sale-fulfilment label{display:grid;gap:5px;margin:0;font-size:12.5px;color:#8b857c}
.sale-fulfilment input,.sale-fulfilment select{height:43px;box-sizing:border-box;padding:8px 10px;border:1px solid #cfcac2;border-radius:8px;font:inherit;font-size:14px;background:#fff}
.sale-fulfilment .button{height:43px;min-height:43px;align-self:end;margin:0}
.sale-amount{text-align:right}
.sale-amount>div{font-size:22px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.sale-amount small{display:block;font-size:13px;color:#9c968d;margin-top:3px}
.sales-manual{margin-top:22px}
.sales-form-dialog{width:min(760px,calc(100vw - 32px))}.paid-password-dialog.sales-form-dialog{width:min(460px,calc(100vw - 32px))}.paid-password-field{display:block;margin:18px 0 8px;font-size:13px;font-weight:600;color:#1a1a19}.paid-password-eye{margin:0 0 22px}.paid-password-eye .field-eye [data-eye-shut],.paid-password-eye .field-eye.is-shown [data-eye-open]{display:none}.paid-password-eye .field-eye.is-shown [data-eye-shut]{display:block}.paid-password-eye input{margin-top:0;width:100%;height:44px;border:1px solid #cfcac2;border-radius:8px;padding:0 44px 0 12px;font-size:15px}.sales-form-dialog .sales-form-body{position:relative;margin:0;padding:28px 30px 26px}.sales-form-dialog h2{margin:0 44px 6px 0;font-size:22px;letter-spacing:-.02em}.sales-form-dialog .sale-refund-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.list-finder{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px}.list-finder input[type=search]{flex:1 1 280px;max-width:460px;min-height:40px;padding:0 14px;border:1px solid #d8d4ce;border-radius:8px;background:#fff;font:inherit;font-size:14px}.list-finder-clear{font-size:13px;color:#6b665e}.list-finder-count{margin-left:auto;font-size:13px;color:#6b665e}.list-finder--compact{margin:0 0 10px}.list-finder--compact input[type=search]{max-width:none;min-height:36px}.people-search .list-finder-count{white-space:nowrap}
.list-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:22px 0 8px}.list-pager a,.list-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border:1px solid #e2ded8;border-radius:8px;background:#fff;color:#1a1a19;font-size:13px;text-decoration:none}.list-pager a:hover{border-color:#1a1a19}.list-pager .is-current{background:#1a1a19;border-color:#1a1a19;color:#fff;font-weight:600}.list-pager .is-disabled{color:#b3aea6}.list-pager .list-pager-gap{border:0;background:none;min-width:16px;padding:0}
.sale-manual-note{color:#8b857c;font-size:13.5px;margin:0 0 16px;max-width:64ch}
@media(max-width:760px){.sale-card-body{grid-template-columns:44px 1fr;grid-template-areas:"thumb text" "actions actions" "amount amount"}.sale-thumb{grid-area:thumb;width:44px;height:44px}.sale-text{grid-area:text}.sale-actions-row{grid-area:actions;flex-direction:row;flex-wrap:wrap}.sale-action{width:auto;flex:1 1 140px}.sale-amount{grid-area:amount;text-align:left}.sale-refund-step{padding:24px 18px}.sale-refund-close{top:14px;right:14px}.sale-refund-actions{align-items:stretch;flex-direction:column-reverse}.sale-refund-actions .button{width:100%}}
.stats-panel--fault{min-height:0}

/* Dashboard, per the prototype. */
.dash-page .workspace-main{max-width:1180px;min-width:0;overflow-x:clip}
.dash-kpis,.dash-row,.dash-card{min-width:0}
.dash-keep-noship{margin:0}
.dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.dash-head h1{font-size:38px;margin:0 0 6px;line-height:1.1}
.dash-head-summary{margin:0;color:#6b665e;font-size:16px}
.dash-add{display:flex;align-items:center;gap:9px;background:#b0400d;color:#fff;border:0;border-radius:9px;padding:12px 18px;font-weight:500;text-decoration:none;flex:none}
.dash-trial{display:flex;align-items:center;gap:18px;border:1px solid #d8c4b4;background:#fdf5f0;border-radius:12px;padding:15px 20px;margin-bottom:16px}
.dash-trial-tag{display:flex;align-items:center;gap:10px;flex:none;font-size:15px;font-weight:600;letter-spacing:-.02em}
.dash-trial-tag span{width:9px;height:9px;border-radius:50%;background:#b0400d;flex:none}
.dash-trial-body{display:flex;align-items:center;gap:12px;flex:1;min-width:0;font-size:14.5px;color:#4a4741}
.dash-trial-note{font-size:13.5px;color:#8b857c}
.dash-trial-cta{background:#b0400d;color:#fff;border:0;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;flex:none;text-decoration:none}
.dash-paused{display:flex;align-items:center;gap:14px;border:1px solid #cdbfae;background:#f7f2ec;border-radius:12px;padding:15px 20px;margin-bottom:16px;font-size:14.5px}
.dash-paused>div{flex:1}
.dash-paused-dot{width:9px;height:9px;border-radius:50%;background:#8a7966;flex:none}

.dash-attention{border:1px solid #d9d2c9;border-radius:12px;background:#fff;margin-bottom:16px;overflow:hidden}
.dash-attention-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px 22px 15px;background:#faf8f5;border-bottom:1px solid #d9d2c9}
.dash-attention-head .eyebrow{margin:0 0 5px;color:#8a7966;font-size:10px;letter-spacing:.18em}
.dash-attention-head h2{margin:0;font-size:21px;letter-spacing:-.03em}
.dash-attention-head>span{font-family:'Source Code Pro',monospace;font-size:11px;letter-spacing:.06em;color:#8b857c;text-transform:uppercase}
.dash-attention-list{display:flex;flex-direction:column}
.dash-attention-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:15px;padding:16px 20px;color:#1a1a19;text-decoration:none;border-bottom:1px solid #d9d2c9;transition:background-color .12s ease}
.dash-attention-item:last-child{border-bottom:0}
.dash-attention-item:hover{background:var(--paper)}
.dash-attention-mark{position:relative;width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none}
.dash-attention-mark .icon{width:20px;height:20px}
.dash-attention-dot{position:absolute;right:-2px;top:-2px;width:10px;height:10px;border:2px solid #fff;border-radius:50%}
.dash-attention-item.is-wine .dash-attention-mark{background:#f4e7e9;color:#761122}
.dash-attention-item.is-wine .dash-attention-dot{background:#761122}
.dash-attention-item.is-rust .dash-attention-mark{background:#f8eae2;color:#b0400d}
.dash-attention-item.is-rust .dash-attention-dot{background:#b0400d}
.dash-attention-item.is-ochre .dash-attention-mark{background:#f2eadc;color:#8c652e}
.dash-attention-item.is-ochre .dash-attention-dot{background:#8c652e}
.dash-attention-item.is-sage .dash-attention-mark{background:#e9eee8;color:#667762}
.dash-attention-item.is-sage .dash-attention-dot{background:#667762}
.dash-attention-copy{min-width:0}
.dash-attention-copy strong{display:block;font-size:15.5px;letter-spacing:-.015em}
.dash-attention-copy small{display:block;margin-top:3px;color:#777168;font-size:13.5px;line-height:1.4}
.dash-attention-action{display:flex;align-items:center;gap:9px;color:#761122;font-size:13.5px;font-weight:600;white-space:nowrap}
.dash-attention-action b{font-size:20px;line-height:1;font-weight:400}
@media(max-width:720px){.dash-attention-head{padding:16px 17px 13px}.dash-attention-item{grid-template-columns:40px minmax(0,1fr);padding:15px 16px;gap:12px}.dash-attention-mark{width:38px;height:38px}.dash-attention-action{grid-column:2;margin-top:2px}.dash-attention-copy small{font-size:13px}}

.dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}
.dash-kpi{border:1px solid #e2ded8;border-radius:12px;padding:20px 22px;background:#fff}
.dash-kpi-label{display:flex;align-items:center;gap:7px;font-size:13.5px;color:#6b665e}
.dash-kpi-value{font-size:40px;font-weight:700;letter-spacing:-.04em;margin:8px 0 6px;line-height:1;font-variant-numeric:tabular-nums}
.dash-kpi-note{font-size:13.5px;color:#8b857c}
.dash-card{border:1px solid #e2ded8;border-radius:12px;background:#fff;padding:22px 24px}
.dash-card-title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;letter-spacing:-.02em}
.dash-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.dash-card-head code,.dash-seeall{font-family:'Source Code Pro',monospace;font-size:11px;letter-spacing:.08em;color:#9c968d}
.dash-seeall{font-family:inherit;font-size:14px;color:#6b665e;letter-spacing:normal;text-decoration:none}
.dash-card-sub{color:#6b665e;font-size:14px;margin:4px 0 20px}
.dash-keep{margin-bottom:16px;padding:24px 26px}
.dash-keep .dash-card-title{font-size:19px;font-weight:700;letter-spacing:-.04em}
.dash-keep-bar{display:flex;height:44px;border-radius:9px;overflow:hidden;margin-bottom:14px}
.dash-keep-keep{background:#7a8a76;color:#fff;display:flex;align-items:center;padding:0 16px;font-size:14px;font-weight:600;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
.dash-keep-ship{background:#c9c2b8;color:#4a4741;display:flex;align-items:center;padding:0 16px;font-size:13.5px;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
.dash-keep-note{display:flex;align-items:center;gap:10px;padding-top:4px;font-size:14px;color:#8b857c}
.dash-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.dash-row--wide{grid-template-columns:1.5fr 1fr}
.dash-row--narrow{grid-template-columns:1fr 1.25fr;margin-bottom:0}
.dash-area{width:100%;height:160px;display:block}
.dash-status{margin-bottom:16px}
.dash-status-top{display:flex;justify-content:space-between;margin-bottom:6px;font-size:14.5px}
.dash-status-top code{font-family:'Source Code Pro',monospace;font-variant-numeric:tabular-nums;color:#1a1a19}
.dash-status-track{height:9px;border-radius:5px;background:#efece7;overflow:hidden}
.dash-status-track>div{height:100%}
.dash-status-plain{font-size:12.5px;color:#9c968d;margin-top:5px}
.dash-ladder{display:flex;flex-direction:column;gap:12px}
.dash-ladder-row{display:flex;align-items:center;gap:12px}
/* Wide enough for "CHF 2.5k to CHF 5k" on one line. */
.dash-ladder-label{font-size:13.5px;color:#6b665e;width:9.6em;flex:none;white-space:nowrap}
.dash-ladder-track{flex:1;height:9px;border-radius:5px;background:#efece7;overflow:hidden}
.dash-ladder-track>span{display:block;height:100%;background:#7a8a76}
.dash-ladder-count{font-family:'Source Code Pro',monospace;font-size:12.5px;color:#9c968d;width:22px;text-align:right;flex:none}
.dash-activity{display:flex;gap:14px;padding:12px 0;border-top:1px solid #f0ede9;font-size:14.5px}
.dash-activity>div{flex:1;min-width:0}
.dash-activity-who{font-size:12px;color:#8b857c;flex:none;width:62px}
.dash-activity code{font-family:'Source Code Pro',monospace;font-size:12px;color:#9c968d;flex:none}
.dash-empty{color:#9c968d;font-size:14px;padding:8px 0}
.dash-suggestion{display:flex;align-items:center;gap:13px;width:100%;background:#fff;border:1px solid #e2ded8;border-radius:10px;padding:13px 15px;margin-bottom:10px;text-decoration:none;color:#1a1a19}
.dash-suggestion svg{flex:none}
.dash-suggestion>span{flex:1}
.dash-suggestion strong{display:block;font-size:14.5px;font-weight:500}
.dash-suggestion small{display:block;font-size:13px;color:#8b857c;margin-top:2px}
.dash-recent{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
.dash-recent a{display:block;text-decoration:none;color:#1a1a19}
.dash-recent-image{aspect-ratio:4/5;border:1px solid #e2ded8;border-radius:9px;background-image:repeating-linear-gradient(45deg,#f1eeea 0 8px,#faf9f7 8px 16px);overflow:hidden}
.dash-recent-image img{width:100%;height:100%;object-fit:cover;display:block}
.dash-recent-title{font-size:14px;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-recent code{font-family:'Source Code Pro',monospace;font-size:11.5px;color:#9c968d}
@media(max-width:1100px){.dash-kpis{grid-template-columns:repeat(2,1fr)}.dash-row,.dash-row--wide,.dash-row--narrow{grid-template-columns:1fr}}

/* People, per the prototype. */
.people-page .workspace-main{max-width:1180px}
.people-head{margin-bottom:24px}
.people-head h1{font-size:38px;margin:0 0 8px;line-height:1.1}
.people-layout{display:grid;grid-template-columns:430px minmax(0,1fr);gap:20px;align-items:start}
.people-form .set-grid2{margin-top:4px}
.people-form label{display:grid!important;gap:6px;color:#6b665e;font-size:13.5px;margin:0}
.people-permission{border:1px solid #e2ded8;border-radius:10px;background:#faf9f7;padding:14px 16px;margin:18px 0}
.people-permission-title{font-size:13.5px;font-weight:600;letter-spacing:-.02em;margin-bottom:10px;color:#1a1a19}
.people-form .people-check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:11px;font-size:14px;line-height:1.45;color:#1a1a19;margin:0 0 11px!important}
.people-form .people-check span{flex:1}
.people-check input{width:17px;height:17px;margin-top:2px;accent-color:#1a1a19;flex:none}
.people-permission p{font-size:12.5px;color:#8b857c;margin:10px 0 0;line-height:1.5}
.people-notes{margin-bottom:18px}
.people-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.app-page:not(.gallery-office-page):not(.gallery-office) .people-form>.people-save{margin-top:20px}
.app-page:not(.gallery-office-page):not(.gallery-office) .migration-upload-panel>div>ul+.button{margin-top:20px}
.app-page:not(.gallery-office-page):not(.gallery-office) :is(.people-form,.artwork-form,.record-panel,.lb-page,.sales-manual) label>:is(select,input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file])){box-sizing:border-box;height:43px;min-height:43px}
.people-form-actions .people-save{width:auto;flex:1 1 auto}
.people-save{width:100%;background:#b0400d;color:#fff;border:0;border-radius:9px;padding:13px;font-weight:600;font:inherit;font-weight:600;cursor:pointer}
.people-list{padding:0;overflow:hidden}
.people-search{position:relative;padding:14px 18px;border-bottom:1px solid #e2ded8}
.people-search svg{position:absolute;left:30px;top:26px}
.people-search input{padding-left:38px;margin:0}
.people-row{display:grid;grid-template-columns:minmax(120px,1.05fr) minmax(190px,1.7fr) 100px 90px;gap:15px;padding:13px 18px;border-bottom:1px solid #f2efeb;align-items:center;font-size:14px}
.people-row--head{background:#faf9f7;border-bottom:1px solid #e2ded8;padding:11px 18px;font-size:12.5px;color:#6b665e}
.people-row a{font-weight:500;color:#1a1a19;text-decoration:none}
.people-row>div{color:#6b665e}
.people-row>:nth-child(2){min-width:0;text-align:left}
.people-reach{min-width:0}.people-email{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#761122!important;font-weight:400!important;text-decoration:underline!important;text-underline-offset:2px}.people-email:hover{color:#5d0d1a!important}.people-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-type{min-width:0}
.people-follow{color:#9c968d;font-size:13px;white-space:nowrap}
.people-row.is-filtered{display:none}
.people-empty{padding:18px}
@media(max-width:980px){.people-layout{grid-template-columns:1fr}}
@media(max-width:680px){.people-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px}.people-row--head{display:none}.people-name{grid-column:1}.people-type{grid-column:2}.people-reach,.people-follow{grid-column:1/-1}.people-follow:empty{display:none}}
/* The same compact row from 681px to 960px, where the sidebar leaves too little room for the full columns. */
@media(max-width:960px){.people-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px}.people-row--head{display:none}.people-name{grid-column:1}.people-type{grid-column:2}.people-reach,.people-follow{grid-column:1/-1}.people-follow:empty{display:none}}

.people-tabs{display:inline-flex;align-items:center;gap:4px;margin:-8px 0 22px;padding:4px;border:1px solid #ddd7cf;border-radius:10px;background:#f6f3ef}
.people-tabs a{display:flex;align-items:center;gap:8px;border-radius:7px;padding:8px 14px;color:#6b665e;text-decoration:none;font-size:14px;font-weight:500}
.people-tabs a.is-active{background:#fff;color:#1a1a19;box-shadow:0 1px 3px rgba(26,26,25,.08)}
.people-tabs a span{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#761122;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-family:'Source Code Pro',monospace}
.inquiry-layout{display:grid;grid-template-columns:370px minmax(0,1fr);gap:18px;align-items:start}
.inquiry-list{padding:0;overflow:hidden;min-height:520px}
.inquiry-list-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e2ded8;background:#faf9f7}
.inquiry-list-head strong{font-size:16px}
.inquiry-list-head span{font-size:12px;color:#8b857c}
.inquiry-row{margin:0;border:0;border-bottom:1px solid #eeeae5;background:#fff}
.inquiry-row button{width:100%;display:flex;flex-direction:column;gap:4px;padding:14px 17px;border:0;background:transparent;color:#1a1a19;text-align:left;font:inherit;cursor:pointer}
.inquiry-row:hover,.inquiry-row.is-active{background:#f8f4ef}
.inquiry-row.is-active{box-shadow:inset 3px 0 0 #8c652e}
.inquiry-row-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%}
.inquiry-row-top strong{font-size:14px;font-weight:500}
.inquiry-row.is-new .inquiry-row-top strong{font-weight:700}
.inquiry-row-top time{font-size:11.5px;color:#9c968d;white-space:nowrap}
.inquiry-row-subject{font-size:13px;color:#4a4741;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.inquiry-row-preview{display:block;width:100%;font-size:12.5px;color:#8b857c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inquiry-row-state{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:11.5px;color:#8b857c}
.inquiry-row-state i{width:8px;height:8px;border-radius:50%;background:#761122}
.inquiry-empty,.inquiry-detail-empty{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;color:#8b857c}
.inquiry-empty strong,.inquiry-detail-empty strong{font-size:17px;color:#1a1a19;margin-top:12px}
.inquiry-empty p,.inquiry-detail-empty p{max-width:38ch;font-size:13.5px;line-height:1.55;margin:7px 0 0}
.inquiry-empty-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f2eadc;color:#8c652e}
.inquiry-empty-icon .icon{width:20px;height:20px}
.inquiry-detail{min-height:520px;padding:26px 28px}
.inquiry-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;border-bottom:1px solid #e7e2dc}
.inquiry-detail-kicker{display:block;margin-bottom:7px;color:#761122;font-family:'Source Code Pro',monospace;font-size:10.5px;letter-spacing:.12em}
.inquiry-detail-head h2{margin:0 0 5px;font-size:27px;letter-spacing:-.035em}
.inquiry-detail-head a{color:#6b665e;font-size:13.5px}
.inquiry-detail-head time{font-size:12px;color:#9c968d;white-space:nowrap}
.inquiry-about{display:flex;align-items:baseline;gap:10px;margin:20px 0 0;color:#8b857c;font-size:13px}
.inquiry-about strong{color:#1a1a19;font-size:14px}
.inquiry-message{font-size:15px;line-height:1.75;color:#302e2a;padding:24px 0;min-height:145px}
.inquiry-actions{display:flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid #e7e2dc}
.inquiry-actions form{margin:0}
.inquiry-actions .people-save{display:inline-flex;align-items:center;justify-content:center;width:auto;padding:10px 16px;text-decoration:none}
.inquiry-actions .quotes-act{padding:10px 15px}
.inquiry-links{display:flex;align-items:center;gap:18px;margin-top:20px}
.inquiry-links a{display:flex;align-items:center;gap:7px;color:#6b665e;text-decoration:none;font-size:13px}
.inquiry-links .icon{width:16px;height:16px}
@media(max-width:900px){.inquiry-layout{grid-template-columns:1fr}.inquiry-list{min-height:0}.inquiry-detail{min-height:420px}.inquiry-detail-head{flex-direction:column}.inquiry-detail-head time{white-space:normal}}

.inquiry-wall-view{display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:center;margin:0 0 20px;padding:12px;border:1px solid #e2ded8;background:#faf9f7;color:#1a1a19;text-decoration:none}.inquiry-wall-view img{width:112px;height:78px;object-fit:cover}.inquiry-wall-view span{display:grid;gap:5px}.inquiry-wall-view strong{font-size:14px}.inquiry-wall-view small{color:#77716a;line-height:1.4}.inquiry-wall-view:hover{border-color:#aaa39a}

/* Collector wall view */
.wall-view-start,.wall-view-app{max-width:1320px;margin:0 auto;padding:34px;color:var(--gallery-text);font-family:var(--gallery-body),Inter,sans-serif}.wall-view-start>header,.wall-view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid #ddd8d1}.wall-view-start>header a,.wall-view-head a{color:var(--gallery-link);font-size:13px;text-underline-offset:4px}.wall-view-start>header span,.wall-view-head>span,.wall-view-kicker,.wall-view-step{font-family:'Source Code Pro',monospace;font-size:10px;letter-spacing:.16em;color:#77716a}.wall-view-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.48fr);align-items:center;gap:72px;padding:72px 0 52px}.wall-view-intro h1,.wall-view-head h1{font-family:var(--gallery-heading),Inter,sans-serif;font-size:50px;font-weight:400;letter-spacing:-.04em;margin:12px 0 18px}.wall-view-intro p:not(.wall-view-kicker){max-width:650px;color:#625e57;line-height:1.7}.wall-view-intro img{display:block;width:100%;max-height:440px;object-fit:contain}.wall-view-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;padding:28px;border:1px solid #d8d3cb;background:#faf9f7}.wall-view-upload label{display:grid;gap:8px}.wall-view-upload label>span{font-size:16px;font-weight:600}.wall-view-upload small,.wall-view-privacy{color:#77716a;font-size:12px}.wall-view-upload input{padding:14px;border:1px dashed #aaa39a;background:#fff}.wall-view-upload button,.wall-view-save{border:0;background:var(--gallery-accent);color:#fff;padding:16px 22px;font:600 11px 'Source Code Pro',monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.wall-view-privacy{margin:14px 0 0}.wall-view-head h1{font-size:34px;margin:7px 0 0}.wall-view-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;align-items:start;margin-top:30px}.wall-view-stage-panel{position:sticky;top:20px}.wall-view-stage{position:relative;overflow:hidden;background:#e9e5df;line-height:0;cursor:crosshair;touch-action:none}.wall-view-room{display:block;width:100%;height:auto;user-select:none}.wall-view-calibration,.wall-view-placements{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wall-view-calibration line{stroke:#fff;stroke-width:2;stroke-dasharray:7 5;filter:drop-shadow(0 1px 2px #000)}.wall-view-calibration circle{fill:#fff;stroke:#171716;stroke-width:2}.wall-view-artwork{position:absolute;border:0;padding:0;background:#ddd;box-shadow:0 7px 18px rgba(0,0,0,.3);pointer-events:auto;cursor:grab;touch-action:none}.wall-view-artwork:active{cursor:grabbing}.wall-view-artwork img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.wall-view-stage-help{margin:12px 0 0;color:#625e57;font-size:13px}.wall-view-controls{display:grid;gap:18px}.wall-view-controls>section,.wall-view-controls>form,.wall-view-inquire{display:block;border:1px solid #ddd8d1;padding:22px;background:#fff}.wall-view-controls h2{font-family:var(--gallery-heading),Inter,sans-serif;font-size:23px;font-weight:400;margin:7px 0 8px}.wall-view-controls p{font-size:13px;color:#6b665e;line-height:1.55;margin:0 0 16px}.wall-view-measure{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wall-view-measure input,.wall-view-measure select{box-sizing:border-box;width:100%;padding:11px;border:1px solid #cfcac2;background:#fff;font:14px inherit}.wall-view-secondary{border:0;background:transparent;color:#6b665e;text-decoration:underline;text-underline-offset:3px;padding:13px 0 0;cursor:pointer}.wall-view-work-list{display:grid;gap:7px;max-height:330px;overflow:auto}.wall-view-work-list button{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;border:1px solid #e4dfd8;background:#fff;padding:7px;text-align:left;cursor:pointer}.wall-view-work-list button.is-active{border-color:var(--gallery-accent);background:#f8f5f0}.wall-view-work-list img{width:48px;height:48px;object-fit:cover}.wall-view-work-list span{display:grid;gap:3px}.wall-view-work-list strong{font-size:12px}.wall-view-work-list small{font-size:10px;color:#77716a}.wall-view-work-list b{font-size:10px;color:var(--gallery-link)}.wall-view-controls>form{padding:0;border:0}.wall-view-save{width:100%}.wall-view-inquire{color:inherit;text-decoration:none;border-color:var(--gallery-accent)}.wall-view-inquire span{display:block;font-size:14px;font-weight:600}.wall-view-inquire small{display:block;margin-top:5px;color:#77716a;line-height:1.45}.wall-view-inquire:hover{background:#f8f5f0}
@media(max-width:900px){.wall-view-layout{grid-template-columns:1fr}.wall-view-stage-panel{position:static}.wall-view-controls{grid-template-columns:1fr 1fr}.wall-view-controls>form,.wall-view-inquire{grid-column:1/-1}}
@media(max-width:640px){.wall-view-start,.wall-view-app{padding:20px 16px}.wall-view-intro{grid-template-columns:1fr;gap:28px;padding:46px 0 34px}.wall-view-intro h1{font-size:37px}.wall-view-intro img{max-height:280px}.wall-view-upload{grid-template-columns:1fr;padding:18px}.wall-view-head{align-items:flex-start}.wall-view-head h1{font-size:29px}.wall-view-layout{gap:18px}.wall-view-controls{grid-template-columns:1fr}.wall-view-controls>form,.wall-view-inquire{grid-column:auto}.wall-view-controls>section{padding:18px}.wall-view-artwork{box-shadow:0 4px 12px rgba(0,0,0,.28)}}


/* Private prices, per the prototype. */
.quotes-page .workspace-main{max-width:1180px}
.quotes-intro{max-width:760px}
.quotes-layout{display:grid;grid-template-columns:440px minmax(0,1fr);gap:20px;align-items:start}
.quotes-fields{display:flex;flex-direction:column;gap:14px;margin-top:16px}
.quotes-fields label{display:grid!important;gap:6px;font-size:13.5px;color:#6b665e;margin:0}
.quotes-fields small{color:#8b857c;font-size:13px;margin-top:1px}
.quotes-price-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;align-items:start}
.quotes-price-row>label{display:grid;gap:6px;align-content:start;min-width:0}
.quotes-price-note{display:block;color:#8b857c;font-size:12.5px;margin-top:8px}
.quotes-list-head{padding:16px 20px;border-bottom:1px solid #e2ded8;font-size:17px;font-weight:600;letter-spacing:-.02em}
/* The offer search sits inside the card with the same side margins as the rows, and its count stays on one line. */
.quotes-list-head+.list-finder{margin:0;padding:12px 20px 0}.quotes-list-head+.list-finder .list-finder-count{white-space:nowrap}
.quotes-empty{padding:56px 20px;text-align:center}
.quotes-empty>div{color:#4a4741;font-size:15px}
.quotes-empty p{font-size:13.5px;color:#8b857c;margin:6px auto 0;max-width:44ch;line-height:1.55}
.quotes-row{display:grid;grid-template-columns:minmax(118px,1.2fr) minmax(92px,.9fr) 82px 92px 62px;gap:12px 10px;padding:16px 20px;border-bottom:1px solid #e9e5df;align-items:start;font-size:14px}
/* The price column grows to 124px when there is room, so DKK 125.000,00 never runs into the date. */
.quotes-row{grid-template-columns:minmax(118px,1.2fr) minmax(92px,.9fr) minmax(82px,124px) 92px 62px}
.quotes-row--head{background:#faf9f7;border-bottom:1px solid #e2ded8;padding:10px 20px;font-size:12px;color:#6b665e}
.quotes-row--head span{min-width:0;white-space:nowrap}
.quotes-row--head span:nth-child(3){text-align:right}
.quotes-row:last-child{border-bottom:0}
.quotes-work{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-weight:600;color:#1a1a19;overflow-wrap:anywhere}
.quotes-thumb{display:flex;width:54px;height:54px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e2ded8;border-radius:7px;background:#f4f2ef;color:#9c968d}
.quotes-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.quotes-thumb svg{width:19px;height:19px}
.quotes-person{min-width:0;overflow-wrap:anywhere}
.quotes-amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.quotes-until{color:#8b857c;white-space:nowrap}
.quotes-state{font-size:13px;color:#4a5a48;white-space:nowrap}
.quotes-state.is-expired{color:#8b857c}
    .quotes-state.is-taken{color:#4a5a48;font-weight:500}
    .quotes-state small{display:block;font-size:11.5px;color:#9c968d;font-weight:400}
    .quotes-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:1px;padding-top:12px;border-top:1px solid #eeeae4}
    .quotes-link{display:flex;align-items:center;gap:6px;min-width:0}
    .quotes-link .quotes-act{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:88px}
    .quotes-seen{min-width:0;font-size:11.5px;color:#9c968d;margin-left:2px;white-space:nowrap}
    .quotes-list-note{margin:0;padding:12px 20px 0;font-size:13px;line-height:1.55;color:#8b857c}
    .quotes-do{display:flex;gap:6px;justify-content:flex-end;min-width:0}
    .quotes-do form{margin:0;display:flex;flex:0 0 94px}
    .quotes-do .quotes-act{width:100%;justify-content:center}
    .quotes-act{box-sizing:border-box;display:inline-flex;align-items:center;min-height:34px;background:#fff;border:1px solid #cfcac2;border-radius:8px;padding:6px 10px;font:inherit;font-size:12px;line-height:1.2;color:#1a1a19;cursor:pointer;white-space:nowrap}
    .quotes-act:hover{border-color:#1a1a19}
    .quotes-act--quiet{color:#6b665e;border-color:#e2ded8}
    .quotes-act--quiet:hover{color:#1a1a19;border-color:#cfcac2}
@media(max-width:980px){.quotes-layout{grid-template-columns:1fr}.quotes-price-row{grid-template-columns:1fr}}
/* People and Private prices: the list needs about 580px beside the 430px form. Below 1440px it went under the form's width and the columns ran into each other, so the form now sits above the list. */
@media(max-width:1439px){.people-layout,.quotes-layout{grid-template-columns:1fr}}
@media(max-width:680px){.quotes-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px}.quotes-row--head{display:none}.quotes-work{grid-column:1}.quotes-person{grid-column:2}.quotes-amount{grid-column:1;text-align:left}.quotes-until{grid-column:2}.quotes-state{grid-column:1/-1}.quotes-actions{grid-column:1/-1;align-items:flex-start;flex-direction:column}.quotes-link,.quotes-do{justify-content:flex-start;flex-wrap:wrap}.quotes-seen{flex-basis:100%;margin:1px 0 0}.quotes-do form{flex-basis:auto}.quotes-do .quotes-act{width:auto}}
/* The same compact row from 681px to 960px. */
@media(max-width:960px){.quotes-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px}.quotes-row--head{display:none}.quotes-work{grid-column:1}.quotes-person{grid-column:2}.quotes-amount{grid-column:1;text-align:left}.quotes-until{grid-column:2}.quotes-state{grid-column:1/-1}.quotes-actions{grid-column:1/-1;align-items:flex-start;flex-direction:column}.quotes-link,.quotes-do{justify-content:flex-start;flex-wrap:wrap}.quotes-seen{flex-basis:100%;margin:1px 0 0}.quotes-do form{flex-basis:auto}.quotes-do .quotes-act{width:auto}}

/* Lookbooks, per the prototype. */
.lb-page .workspace-main{max-width:1280px}
.lb-new{position:relative;flex:none}
.lb-new>summary{list-style:none;cursor:pointer}
.lb-new>summary::-webkit-details-marker{display:none}
.lb-new-form{position:absolute;right:0;top:calc(100% + 10px);z-index:20;width:360px;background:#fff;border:1px solid #e2ded8;border-radius:12px;box-shadow:0 14px 34px rgba(26,26,25,.14);padding:18px 20px;display:grid;gap:12px}
.lb-new-form label{display:grid;gap:6px;font-size:13.5px;color:#6b665e}
@media(max-width:560px){.lb-page .dash-head{position:relative}.lb-new{position:static}.lb-new-form{left:0;right:0;width:auto}}
.lb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.lb-card{display:block;background:#fff;border:1px solid #e2ded8;border-radius:12px;overflow:hidden;text-decoration:none;color:#1a1a19}
.lb-card-image{display:flex;align-items:center;justify-content:center;background:#f4f2ef;aspect-ratio:4/3;padding:14px}
.lb-card-image img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.lb-card-body{display:block;padding:16px 18px 18px}
.lb-card-name{display:block;font-size:16px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-card-meta{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:13.5px;color:#8b857c}
.lb-card-meta i{width:7px;height:7px;border-radius:50%;flex:none}
.lb-card-meta i.is-live{background:#8fa88a}
.lb-card-meta i.is-draft{background:#c9c2b8}
.lb-empty{color:#8b857c;font-size:15px}
.lb-header{border-bottom:1px solid #e2ded8;background:#fff;margin:-28px -40px 26px;padding:20px 40px 0}
.lb-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.lb-back{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:#6b665e;text-decoration:none;margin-bottom:10px}
.lb-title-row{display:flex;align-items:center;gap:12px}
.lb-title-row h1{font-size:28px;font-weight:700;letter-spacing:-.04em;margin:0}
.lb-status{display:inline-flex;align-items:center;border-radius:999px;padding:3px 11px;font-size:12.5px;font-weight:600}
.lb-status.is-live{background:#eef1ec;border:1px solid #cbd4c7;color:#4a5a48}
.lb-status.is-draft{background:#f4f2ef;border:1px solid #e2ded8;color:#8b857c}
.lb-send{display:inline-flex;align-items:center;gap:8px;background:#b0400d;color:#fff;border-radius:9px;padding:11px 17px;font-size:14.5px;font-weight:600;text-decoration:none;flex:none;margin-top:26px}
.lb-tabs{display:flex;gap:2px;margin-top:18px}
.lb-tabs a{padding:11px 14px;font-size:14.5px;color:#6b665e;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}
.lb-tabs a.is-active{color:#1a1a19;font-weight:600;border-bottom-color:#1a1a19}
.lb-tabs span{opacity:.5}
.lb-works-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:14.5px;color:#6b665e}
.lb-add-form{display:flex;gap:10px;align-items:center;flex:none}
.lb-add-form select{width:auto;min-width:200px;margin:0;padding:9px 12px}
.lb-add{display:inline-flex;align-items:center;gap:9px;background:#7a8a76;color:#fff;border:0;border-radius:9px;padding:10px 16px;font-size:14.5px;font-weight:600;cursor:pointer;font-family:inherit;flex:none}
.lb-nothing{border:1px dashed #cfcac2;border-radius:14px;background:#fff;padding:70px 20px;text-align:center}
.lb-nothing-title{font-size:19px;font-weight:600;letter-spacing:-.03em;margin-bottom:6px}
.lb-nothing-note{font-size:15px;color:#8b857c}
.lb-works{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.lb-work{border:1px solid #e2ded8;border-radius:11px;background:#fff;overflow:hidden;cursor:grab}
.lb-work:active{cursor:grabbing}
.lb-work.is-dragging{opacity:.45}
.lb-work:focus-visible{outline:2px solid #1a1a19;outline-offset:2px}
.lb-work.is-keyboard-grabbed{outline:2px solid #7a8a76;outline-offset:3px;box-shadow:0 0 0 5px rgba(122,138,118,.16)}
.lb-work-image{position:relative;aspect-ratio:4/5;border-bottom:1px solid #eae7e2;background-image:repeating-linear-gradient(45deg,#f1eeea 0 8px,#faf9f7 8px 16px)}
.lb-work-image img{width:100%;height:100%;object-fit:cover;display:block}
.lb-work-pos{position:absolute;top:9px;left:9px;width:22px;height:22px;border-radius:50%;background:rgba(26,26,25,.78);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}
.lb-work-image form{position:absolute;top:9px;right:9px;margin:0}
.lb-work-remove{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.9);border:1px solid #e2ded8;color:#6b665e;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.lb-work-body{padding:11px 13px 13px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.lb-work-body>div{min-width:0}
.lb-work-grip{color:#c2bcb2;flex:none;margin-top:1px}
.lb-work-title{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-work-line{font-size:12.5px;color:#8b857c;margin-top:2px}
.lb-all-in{font-size:13.5px;color:#8b857c}
.lb-order{display:none;margin-top:18px;align-items:center;gap:14px;background:#fff;border:1px solid #e2ded8;border-radius:11px;padding:14px 16px}
.lb-order.is-changed{display:flex}
.lb-order span{font-size:14px;color:#6b665e;flex:1 1 auto}
.lb-order button{margin-left:auto;width:auto;flex:0 0 auto;padding:11px 20px}
.lb-look{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px;align-items:start;max-width:1180px}
.lb-look-main{display:flex;flex-direction:column;gap:16px}
.lb-note{margin:9px 0 0}
.lb-chips{display:flex;flex-wrap:wrap;gap:8px}
.lb-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #cfcac2;background:#fff;border-radius:999px;padding:8px 15px;font-size:14px;cursor:pointer;color:#1a1a19}
.lb-chip-tick{flex:none}
.lb-chip-tick--on{display:none}
.lb-chip-tick--off{opacity:.45}
.lb-chip.is-on .lb-chip-tick--on,.lb-chip:has(input:checked) .lb-chip-tick--on{display:inline-flex}
.lb-chip.is-on .lb-chip-tick--off,.lb-chip:has(input:checked) .lb-chip-tick--off{display:none}
.lb-chip.is-on{border-color:#7a8a76;background:#7a8a76;color:#fff;font-weight:600}
.lb-chip input{position:absolute;width:0;height:0;margin:0;padding:0;border:0;opacity:0;pointer-events:none}
.lb-contact label{display:grid!important;gap:6px;font-size:13.5px;color:#6b665e;margin:0}
.lb-save{width:auto;padding:12px 22px}
.lb-preview{border:1px solid #e2ded8;border-radius:12px;background:#fff;overflow:hidden;position:sticky;top:20px}
.lb-preview-head{padding:13px 18px;border-bottom:1px solid #e2ded8;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;letter-spacing:-.02em}
.lb-preview-head span:last-child{font-size:13px;color:#8b857c;font-weight:400}
.lb-preview-body{background:#faf9f7;padding:20px}
.lb-preview-sheet{background:#fff;border:1px solid #eae7e2;padding:26px 24px}
.lb-preview-studio{font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#8b857c;margin-bottom:14px}
.lb-preview-title{font-size:19px;font-weight:700;letter-spacing:-.04em;line-height:1.2;margin-bottom:8px}
.lb-preview-intro{font-size:12.5px;color:#6b665e;line-height:1.6;margin-bottom:20px}
.lb-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lb-preview-image{aspect-ratio:4/5;border:1px solid #eae7e2;background-image:repeating-linear-gradient(45deg,#f4f2ef 0 7px,#fbfaf9 7px 14px);overflow:hidden}
.lb-preview-image img{width:100%;height:100%;object-fit:cover;display:block}
.lb-preview-work{font-size:12px;margin-top:8px}
.lb-preview-meta{font-size:11px;color:#8b857c;margin-top:1px}
.lb-share{max-width:720px;display:flex;flex-direction:column;gap:16px}
.lb-email-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.lb-email-grid label,.lb-email-body{display:grid;gap:6px;font-size:13.5px;color:#6b665e}
.lb-email-body{margin-top:14px}
.lb-email-body textarea{font:inherit;font-size:14px;padding:10px 12px;border:1px solid #cfcac2;border-radius:9px;resize:vertical}
.lb-email-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.lb-email-actions .people-save{text-decoration:none;display:inline-flex;align-items:center}
@media(max-width:760px){.lb-email-grid{grid-template-columns:1fr}}
.lb-link-row{display:flex;gap:10px;align-items:center}
.lb-link{flex:1;border:1px solid #e2ded8;border-radius:9px;background:#faf9f7;padding:12px 14px;font-family:'Source Code Pro',monospace;font-size:12.5px;color:#4a4741;word-break:break-all}
@media(max-width:1100px){.lb-grid{grid-template-columns:repeat(2,1fr)}.lb-works{grid-template-columns:repeat(3,1fr)}.lb-look{grid-template-columns:1fr}}

/* Gallery manager, per the prototype. */
.gal-page .workspace-main{max-width:none;padding-left:0;padding-right:0}
.gal-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 40px;border-bottom:1px solid #e2ded8;background:#f4f2ef}
.gal-bar-title{font-size:15px;font-weight:600;letter-spacing:-.02em}
.gal-bar-url{font-size:13.5px;color:#8b857c}
.gal-bar-actions{display:flex;gap:10px;align-items:center}
.gal-bar-actions form{margin:0}
.gal-pause{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #cfcac2;border-radius:9px;padding:9px 16px;font-size:14.5px;cursor:pointer;font-family:inherit;color:#1a1a19}
.gal-pause .set-toggle-track{background:#7a8a76;justify-content:flex-end}
.gal-pause.is-paused .set-toggle-track{background:#ddd8d1;justify-content:flex-start}
.gal-open{display:inline-flex;align-items:center;gap:9px;background:#1a1a19;color:#fff;border-radius:9px;padding:10px 16px;font-size:14.5px;font-weight:500;text-decoration:none}
.gal-pausepanel{border-bottom:1px solid #e2ded8;background:#f6f3f0;padding:20px 40px;margin:0}
.gal-pausefields{display:grid;grid-template-columns:minmax(0,1fr) 200px auto;gap:16px;max-width:900px;align-items:end}
.gal-pausefields label{display:grid;gap:6px;font-size:13.5px;color:#6b665e}
.gal-pausefields label span{color:#9c968d}
.gal-pausefields input{background:#fff}
.gal-pausenote{font-size:13.5px;color:#8b857c;margin-top:11px}
.gal-sheet{background:#fff;padding:0 0 60px}
.gal-paused-state{text-align:center;padding:64px 56px;border-bottom:1px solid #eae7e2}
.gal-paused-title{font-size:20px;font-weight:600;letter-spacing:-.03em;margin-bottom:8px}
.gal-paused-note{font-size:14.5px;color:#8b857c}
.gal-sitehead{display:flex;align-items:center;justify-content:space-between;padding:26px 56px 40px}
.gal-sitename{font-size:17px;font-weight:700;letter-spacing:.02em}
.gal-sitenav{display:flex;gap:32px;font-size:13px;font-weight:500;letter-spacing:.04em}
.gal-sitenav span{color:#6b665e}
.gal-works{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 40px;padding:0 56px}
.gal-work-image{aspect-ratio:4/5;border:1px solid #eae7e2;background-image:repeating-linear-gradient(45deg,#f4f2ef 0 9px,#fbfaf9 9px 18px);overflow:hidden}
.gal-work-image img{width:100%;height:100%;object-fit:cover;display:block}
.gal-page a.gal-work-image,.gal-page a.gal-work-image:hover{display:block;opacity:1;filter:none;transform:none;box-shadow:none;text-decoration:none;transition:none}
.gal-page a.gal-work-image:hover img{opacity:1;filter:none;transform:none;transition:none}
.gal-page a.gal-work-image:focus-visible{outline:2px solid #171715;outline-offset:4px}
.gal-work-title{font-size:14.5px;margin-top:14px}
.gal-work-meta{font-size:13.5px;color:#8b857c;margin-top:2px}
.gal-work-link{display:inline-block;font-size:13.5px;margin-top:6px;border-bottom:1px solid #cfcac2;padding-bottom:1px;color:#1a1a19;text-decoration:none}
.gal-empty{padding:64px 56px;text-align:center;color:#8b857c;font-size:15px}
.gal-footer{display:flex;justify-content:space-between;align-items:center;margin:64px 56px 0;padding-top:22px;border-top:1px solid #e2ded8;font-size:13px;color:#8b857c}
@media(max-width:980px){.gal-works{grid-template-columns:repeat(2,1fr);gap:36px 24px;padding:0 24px}.gal-bar,.gal-sitehead{padding-left:20px;padding-right:20px}.gal-bar{flex-wrap:wrap}}
@media(max-width:760px){.gal-pausefields{grid-template-columns:minmax(0,1fr)}.gal-pausefields .button{justify-self:start}.gal-bar-actions{flex-wrap:wrap}}

/* Support, per the prototype. */
.sup-page .workspace-main{max-width:1180px}
.sup-tabs{display:flex;gap:6px;padding:4px;background:#eae7e2;border-radius:10px;flex:none}
.sup-tabs a{padding:9px 16px;border-radius:8px;font-size:14.5px;color:#6b665e;text-decoration:none}
.sup-tabs a.is-active{background:#fff;color:#1a1a19;font-weight:600}
.sup-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}
.sup-list{padding:0;overflow:hidden}
.sup-list-head{padding:14px 16px;border-bottom:1px solid #e2ded8}
.sup-new{display:flex;align-items:center;justify-content:center;gap:9px;background:#b0400d;color:#fff;border-radius:9px;padding:11px 16px;font-size:14.5px;font-weight:600;text-decoration:none}
.sup-empty{padding:18px;color:#8b857c;font-size:14px}
.sup-thread{display:block;padding:14px 16px;border-bottom:1px solid #f2efeb;text-decoration:none;color:#1a1a19}
.sup-thread.is-open{background:#faf9f7}
.sup-thread-top{display:flex;align-items:center;gap:9px;margin-bottom:5px}
.sup-thread-top i{width:7px;height:7px;border-radius:50%;flex:none}
.sup-thread-top i.is-open{background:#b0400d}
.sup-thread-top i.is-done{background:#c9c2b8}
.sup-thread-subject{font-size:14.5px;flex:1}
.sup-thread-when{font-size:12px;color:#9c968d;flex:none}
.sup-thread-preview{display:block;font-size:13px;color:#8b857c;line-height:1.45;padding-left:17px}
.sup-panel{padding:0;overflow:hidden}
.sup-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px;border-bottom:1px solid #e2ded8}
.sup-panel-subject{font-size:18px;font-weight:700;letter-spacing:-.04em}
.sup-panel-meta{font-size:13px;color:#8b857c;margin-top:3px}
.sup-pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 11px;font-size:12.5px;font-weight:600}
.sup-pill.is-open{background:#fdf5f0;border:1px solid #d8c4b4;color:#b0400d}
.sup-pill.is-done{background:#eef1ec;border:1px solid #cbd4c7;color:#4a5a48}
.sup-messages{padding:24px 28px;display:flex;flex-direction:column;gap:22px}
.sup-message{display:flex;gap:14px}
.sup-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex:none}
.sup-avatar.is-mine{background:#1a1a19;color:#fff}
.sup-avatar.is-them{background:#eef1ec;color:#4a5a48}
.sup-message>div:last-child{flex:1;min-width:0}
.sup-message-top{display:flex;align-items:baseline;gap:10px;margin-bottom:5px}
.sup-message-top span:first-child{font-size:14.5px;font-weight:600}
.sup-message-top span:last-child{font-size:12.5px;color:#9c968d}
.sup-message-body{font-size:14.5px;line-height:1.6;color:#4a4741;background:#faf9f7;border:1px solid #f0ede9;border-radius:10px;padding:12px 14px}
.sup-message-body.is-mine{background:#fff}
.sup-reply{border-top:1px solid #e2ded8;padding:20px 28px 24px;background:#faf9f7;margin:0}
.sup-reply-actions,.sup-compose-actions{display:flex;align-items:center;gap:14px;margin-top:14px;flex-wrap:wrap}
.sup-send{width:auto;padding:12px 20px}
.sup-alsosent{margin-left:auto;font-size:13.5px;color:#8b857c}
.sup-compose{padding:26px 28px;display:grid;gap:16px}
.sup-compose-title{font-size:18px;font-weight:700;letter-spacing:-.04em}
.sup-compose label{display:grid;gap:7px;font-size:13.5px;color:#6b665e;margin:0}
.sup-context{margin-left:auto!important}
.sup-guides{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:1000px}
.sup-guide-groups,.sup-guide-help{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sup-guide-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #f0ede9;font-size:14.5px;color:#1a1a19;text-decoration:none}.sup-guide-item:hover span:first-child{text-decoration:underline;text-underline-offset:3px}.sup-guide-article{max-width:760px}.sup-guide-article>a:first-child{color:#6b665e}.sup-guide-article h2{font-size:28px;margin:24px 0 18px}.sup-guide-article ol{display:grid;gap:14px;padding-left:24px;line-height:1.6}.sup-guide-article p{color:#6b665e;line-height:1.6}.sup-guide-article .sup-new{display:inline-flex;width:auto;margin-top:12px}
.sup-guide-item span:first-child{flex:1}
.sup-guide-len{font-size:12.5px;color:#9c968d;flex:none}
@media(max-width:980px){.sup-layout,.sup-guide-groups,.sup-guide-help{grid-template-columns:1fr}}

/* Getting paid, per the prototype. */
.paid-page .workspace-main{max-width:1000px}
.paid-intro{max-width:720px}
.paid-form{display:flex;flex-direction:column;gap:16px}
.paid-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:4px}
.paid-oneat{margin:0}
.paid-blurb{margin:0 0 18px}
.paid-providers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
/* Outside Square's countries there are three choices: they share the full width. */
@media(min-width:1051px){.paid-providers:has(>.paid-provider:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}
.paid-provider{display:block!important;min-width:0;border:1px solid #e2ded8;border-radius:11px;background:#fff;padding:14px 16px;cursor:pointer;margin:0!important;transition:opacity .14s,background .14s,border-color .14s}
.paid-provider.is-inactive{opacity:.58;background:#f6f4f0}
.paid-provider.is-on{opacity:1;border-color:#cbd4c7;background:#f2f5f1}
.paid-provider input{position:absolute;width:0;height:0;margin:0;padding:0;border:0;opacity:0;pointer-events:none}
.paid-provider-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%;font-size:14.5px;font-weight:600;letter-spacing:-.02em;color:#1a1a19}
.paid-badge{flex:none;border:1px solid #cfcac2;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:500;color:#8b857c}
.paid-badge.is-on{border-color:#cbd4c7;background:#eef1ec;color:#4a5a48}
.paid-provider-note{display:block;font-size:12.5px;color:#8b857c;line-height:1.5;margin-top:7px}
.paid-foot{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #f0ede9;font-size:13.5px;color:#8b857c}
.paid-state{display:flex;align-items:center;gap:14px;border:1px solid #cdbfae;background:#f7f2ec;border-radius:12px;padding:18px 22px}
.paid-state.is-live{border-color:#cbd4c7;background:#f2f5f1}
.paid-state>div{flex:1}
.paid-state-title{font-size:16px;font-weight:600;letter-spacing:-.02em}
.paid-state-note{font-size:14.5px;color:#4a4741;margin-top:3px}
.paid-receipt{padding:0;overflow:hidden}
.paid-receipt summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;cursor:pointer;font-size:15px;font-weight:600;list-style:none}
.paid-receipt summary::-webkit-details-marker{display:none}
.paid-receipt summary span{font-size:13px;font-weight:500;color:#6b665e}
.paid-receipt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e8e3dc;border-top:1px solid #e8e3dc;border-bottom:1px solid #e8e3dc}
.paid-receipt-grid>div{display:grid;gap:4px;padding:15px 20px;background:#fff}
.paid-receipt-grid small,.paid-receipt-grid span,.paid-receipt>p{font-size:12.5px;color:#7a746c}
.paid-receipt>p{margin:0;padding:13px 20px;line-height:1.5}
.paid-toggles{display:flex;flex-direction:column;gap:18px;margin-top:16px}
.paid-fields{margin-top:20px}
.paid-fields label{display:grid!important;gap:6px;font-size:13.5px;color:#6b665e;margin:0}
.paid-fields{align-items:start}
.paid-fields label{grid-row:auto!important;grid-template-rows:none!important;align-content:start}
.paid-fields label>select,.paid-fields label>input{height:44px;min-height:44px;box-sizing:border-box;margin:0}



.paid-next{margin-top:16px}
.paid-steps{margin:4px 0 0;padding-left:20px;font-size:14.5px;line-height:1.65;color:#4a4741}
.paid-steps li{margin-bottom:7px}
.paid-next-note{font-size:13.5px;line-height:1.6;color:#8b857c;margin:14px 0 16px}
.set-toggle.is-locked{opacity:.62}
.set-toggle.is-locked .set-toggle-track{cursor:not-allowed}
.paid-save{width:auto;padding:12px 22px;align-self:flex-start}
@media(max-width:1050px){.paid-providers{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.paid-providers{grid-template-columns:1fr}.paid-state{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start}.paid-state>.set-btn{grid-column:1/-1;width:100%}.paid-receipt-grid{grid-template-columns:1fr}.paid-receipt summary{align-items:flex-start}}

/* Account summary, per the prototype. */
.acct-page .workspace-main{max-width:880px}
.acct-page .dash-card{margin-bottom:16px}
.acct-fields label{display:grid!important;gap:6px;font-size:13.5px;color:#6b665e;margin:0}
.acct-fields input{background:#faf9f7}
.acct-note{margin:16px 0 12px}
.acct-connection{border:1px solid #e2ded8;border-radius:12px;background:#fff;padding:18px 24px;margin-bottom:16px;display:flex;align-items:center;gap:16px}
.acct-connection>svg{flex:none}
.acct-connection>div{flex:1}
.acct-connection-top{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;letter-spacing:-.02em}
.acct-connection-note{font-size:14px;color:#6b665e;margin-top:3px}
.acct-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:500}
.acct-pill i{width:5px;height:5px;border-radius:50%;display:block}
.acct-pill.is-on{border:1px solid #cbd4c7;background:#eef1ec;color:#6b7f66}
.acct-pill.is-on i{background:#6b7f66}
.acct-pill.is-off{border:1px solid #ded9d2;background:#f7f5f2;color:#8b857c}
.acct-pill.is-off i{background:#a8927c}
.acct-subscription{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px}
.acct-sub-left{display:flex;align-items:center;gap:16px}
.acct-sub-left img{width:112px;height:auto;display:block;flex:none}
.acct-sub-mark{width:44px;height:44px;display:block;flex:none;fill:#000}
.acct-sub-title{font-size:16px;font-weight:600;letter-spacing:-.02em;margin-bottom:3px}
.acct-sub-note{font-size:14px;color:#6b665e}
.acct-sub-actions{display:flex;gap:10px;flex:none}
.acct-signout{margin-top:22px}
@media(max-width:760px){.acct-subscription{flex-direction:column;align-items:flex-start}}

/* Collector facing artwork page, per the prototype. */
.store{background:#fff;padding:0 0 60px}
.store-head{display:flex;align-items:center;justify-content:space-between;padding:26px 56px 34px}
.store-brand{font-size:17px;font-weight:700;letter-spacing:.02em}
.store-nav{display:flex;gap:32px;font-size:13px;font-weight:500;letter-spacing:.04em}
.store-nav span{color:#6b665e}
.store-nav a{color:#1a1a19;text-decoration:none}
.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:0 56px}
.store-main-image{position:relative;container-type:inline-size;aspect-ratio:4/5;border:1px solid #eae7e2;background-color:transparent;background-image:repeating-linear-gradient(45deg,#f4f2ef 0 10px,#fbfaf9 10px 20px);overflow:hidden}
.store-main-image[data-artwork-lightbox-open]{display:block;width:100%;padding:0;color:inherit;font:inherit;text-align:inherit;appearance:none;cursor:pointer}
.store-main-image[data-artwork-lightbox-open]:focus-visible{outline:2px solid #1a1a19;outline-offset:4px}
.store-main-image img{width:100%;height:100%;object-fit:cover;display:block}
.store-main-perspective{position:absolute;left:0;bottom:0;width:100%;height:20%;container-type:inline-size;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:700;line-height:1;letter-spacing:.01em;text-align:center;pointer-events:none}
.store-main-perspective[hidden]{display:none}
.store-main-perspective span,.store-main-perspective strong{display:block;font:inherit;font-size:clamp(10px,4cqw,28px);white-space:nowrap}
.store-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.store-thumb{position:relative;width:66px;height:66px;border:1px solid #eae7e2;overflow:hidden;padding:0;background:none;cursor:pointer;display:block;font:inherit}
.store-thumb[data-store-thumb]:hover{border-color:#b8b2a8}
.store-thumb.is-current{border-color:#1a1a19}
.store-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.store-thumbs.has-perspective-labels .store-thumb{height:83px}
.store-thumb-perspective{position:absolute;left:0;right:0;bottom:0;height:calc(20% - 1px);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 2px;color:#fff;font-family:Inter,Arial,sans-serif;font-size:2.75px;font-style:normal;font-weight:700;line-height:1;letter-spacing:.01em;text-align:center;pointer-events:none}
.store-thumb-perspective span,.store-thumb-perspective strong{display:block;max-width:100%;font:inherit;white-space:nowrap}
@media(max-width:560px){.store-thumbs.has-perspective-labels{flex-wrap:nowrap;gap:8px}.store-thumbs.has-perspective-labels .store-thumb{flex:0 0 calc((100% - 32px)/5);width:calc((100% - 32px)/5);height:auto;aspect-ratio:4/5}}
.store-imageline{font-family:'Source Code Pro',monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#9c968d;margin-top:16px}
.store-copy{padding-top:4px}
.store-eyebrow{font-family:'Source Code Pro',monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#8b857c}
.store-copy h1{font-size:46px;margin:14px 0 22px;line-height:1}
.store-caption{font-style:italic;font-size:18px;line-height:1.6;color:#33322f;margin:0 0 30px}
.store-specs{border-top:1px solid #e2ded8;display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-bottom:30px}
.store-specs>div{padding:16px 0;border-bottom:1px solid #f0ede9}
.store-spec-label{font-family:'Source Code Pro',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#9c968d}
.store-spec-value{font-size:15.5px;margin-top:5px}
.store-spec-sub{font-family:'Source Code Pro',monospace;font-size:12px;color:#a8a29a;margin-top:2px}
.store-availability{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8b857c;margin-bottom:10px}
.store-price{display:flex;align-items:baseline;gap:14px;margin-bottom:20px}
.store-amount{font-size:34px;font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.store-priceline{font-family:'Source Code Pro',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#8b857c}
.store-acquire{display:block;box-sizing:border-box;width:100%;background:#1a1a19;color:#fff;border:0;padding:19px;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-align:center;text-decoration:none;margin-bottom:18px;cursor:pointer;font-family:inherit}
.store-checkout-form{margin:0}
.store-delivery{border:1px solid #e2ded8;margin:0 0 10px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.store-delivery legend{padding:0 6px;font-family:'Source Code Pro',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#8b857c}
.store-delivery label{display:grid;gap:5px;font-family:'Source Code Pro',monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#8b857c}
.store-delivery label:first-of-type{grid-column:1/-1}
.store-delivery input{box-sizing:border-box;width:100%;border:1px solid #d8d3cc;background:#fff;padding:10px 11px;font:14px inherit;color:#1a1a19;text-transform:none;letter-spacing:0}
/* Closed checkout page after Acquire (owner decision, 14 October 2026): no menu, no links, nothing that leads away. */
.checkout-root,.checkout-body{margin:0;background:#fff}
.store-checkout-step{max-width:1080px}
.checkout-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 56px;border-bottom:1px solid #e2ded8;margin:0 0 44px}
.checkout-grid{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.35fr);gap:56px;align-items:start;padding:0 56px}
/* Order summary on the left, the form on the right, as on the payment page that follows. */
.checkout-summary{order:-1}
.store-checkout-thanks .checkout-thanks-line{font-size:17px;line-height:1.55;margin:0 0 10px;color:#1a1a19}
.store-checkout-step h1{font-size:30px;line-height:1.15;margin:0 0 26px}
.store-checkout-step .store-delivery{border:0;padding:0;gap:16px 14px;margin:0 0 16px}
.store-checkout-step .store-delivery label:nth-of-type(2){grid-column:1/-1}
.store-checkout-step .store-delivery input,.store-delivery select{box-sizing:border-box;width:100%;height:44px;border:1px solid #d8d3cc;background:#fff;padding:0 11px;font-family:Inter,Arial,sans-serif;font-size:15px;color:#1a1a19;text-transform:none;letter-spacing:0}
.store-delivery label[hidden]{display:none}
.checkout-summary{border:1px solid #e2ded8;background:#faf9f7;padding:22px}
.checkout-summary-image{background:#f1eeea;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1}
.checkout-summary-image img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.checkout-summary-title{font-size:17px;font-weight:600;margin:16px 0 6px}
.checkout-summary-price{font-size:22px;font-weight:600}
/* Prices abroad include the artist's tax (issue #676): the line under a price and the checkout totals. */
.store-tax-line{margin:-12px 0 20px;font-size:12.5px;line-height:1.45;color:#8b857c}
.gallery-tax-line{margin:4px 0 0;font-size:11.5px;line-height:1.4;color:var(--artist-muted,#8b857c)}
.checkout-summary-tax-note{margin-top:8px;font-size:12.5px;line-height:1.45;color:#8b857c}
.checkout-summary-tax{margin-top:14px;padding-top:12px;border-top:1px solid #e2ded8;font-size:13.5px;line-height:1.45;color:#3d3a35}
.checkout-summary-tax div{color:#3d3a35;text-decoration:none}
.checkout-summary-tax [hidden]{display:none}
.checkout-summary-tax-total{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:15px}
/* The shipping price list (issue #686): the line under a price and the checkout area lines. */
.gallery-shipping-line{margin:4px 0 0;font-size:11.5px;line-height:1.4;color:var(--artist-muted,#8b857c)}
.store-shipping-line{margin:-12px 0 20px;font-size:12.5px;line-height:1.45;color:#8b857c}
.store-shipping-line+.store-tax-line{margin-top:-16px}
.store-amount{white-space:nowrap}
.checkout-summary-shipping{margin-top:12px;font-size:13.5px;line-height:1.45;color:#3d3a35}
.checkout-summary-shipping [hidden]{display:none}
.checkout-summary-ask{margin:0;color:#3d3a35}
/* Settings, Selling: the price list, rows by size and columns by area. */
.set-ship-list{display:grid;gap:8px;margin-top:4px}
.set-ship-row{display:grid;grid-template-columns:minmax(120px,1.2fr) repeat(var(--ship-cols,3),minmax(0,1fr));gap:8px;align-items:center}
.set-ship-head{font-size:12px;font-weight:600;color:#4a4741;line-height:1.3}
.set-ship-size{font-size:14px;color:#1a1a19}
.settings-approved .set-card .set-ship-row input{width:100%;min-width:0;box-sizing:border-box;text-align:right}
.settings-approved .set-card .set-ship-row label{display:block}
.set-ship-row .set-ship-cell-name{display:none}
@media(max-width:620px){.set-ship-row.set-ship-head-row{display:none}.set-ship-row{align-items:end;grid-template-columns:repeat(var(--ship-cols,3),minmax(0,1fr));padding-top:6px;border-top:1px solid #ece8e2}.set-ship-row .set-ship-size{grid-column:1/-1;font-weight:600}.set-ship-row .set-ship-cell-name{display:block;font-size:11.5px;color:#6f6a62;margin-bottom:3px}}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:820px){.checkout-head{padding:20px 22px;margin-bottom:24px}.checkout-grid{grid-template-columns:1fr;gap:26px;padding:0 22px}.checkout-summary{order:-1;padding:14px}.checkout-summary.has-image{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:center}.checkout-summary-title{margin-top:0}.store-checkout-step .store-delivery{grid-template-columns:1fr}.store-checkout-step h1{font-size:25px}}
.store-checkout-note{margin:0 0 14px;color:#8b857c;font-size:12px;line-height:1.45}
.store-links{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px 18px;font-size:14.5px;margin-bottom:26px}
.store-visit-links{display:inline-flex;align-items:center;justify-content:space-between;flex:1;gap:12px 32px;flex-wrap:wrap}
.store-quiet{color:#8b857c}
.store-links a{border-bottom:1px solid #cfcac2;padding-bottom:2px;color:#1a1a19;text-decoration:none}
.store-visit,.store-share{color:#6b665e!important;display:inline-flex;align-items:center;gap:7px;border-bottom:0!important;white-space:nowrap}
.store-inquire{display:inline-flex;align-items:center;gap:7px;border-bottom:0!important;white-space:nowrap}
.store-inquire svg{flex:none;opacity:.75}
.store-inquire:hover svg{opacity:1}
.store-inquire span{border-bottom:0}
.store-visit svg,.store-share svg{flex:none;opacity:.75}
.store-visit span,.store-share span{border-bottom:0}
.store-visit:hover,.store-share:hover{color:#1a1a19!important}
.store-visit:hover svg,.store-share:hover svg{opacity:1}
.store-unavailable{border:1px solid #e2ded8;background:#faf9f7;border-radius:9px;padding:14px 16px;font-size:14.5px;color:#6b665e;margin-bottom:26px}
.store-assurances{display:flex;flex-direction:column;gap:9px}
.store-assurances>div{display:flex;gap:10px;font-family:'Source Code Pro',monospace;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#8b857c}
.store-trust{margin-bottom:24px}
.store-about{padding:56px 56px 0;max-width:920px}
.store-about-label{font-family:'Source Code Pro',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9c968d;margin-bottom:22px}
.store-about .store-about-label{font-family:var(--gallery-body),Inter,sans-serif;font-size:min(28px,calc(var(--artist-responsive-heading-size,var(--artist-heading-size,46px)) - 2px));font-weight:400;line-height:1.25;letter-spacing:.08em}
.store-about-copy{font-size:16px;line-height:1.75;color:#33322f;display:flex;flex-direction:column;gap:18px;max-width:78ch}
.store-about-copy p{margin:0}
.store-also{padding:56px 56px 0}
.store-also-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.store-also-grid a{text-decoration:none;color:#1a1a19}
.store-also-image{aspect-ratio:4/5;border:1px solid #eae7e2;background-image:repeating-linear-gradient(45deg,#f4f2ef 0 9px,#fbfaf9 9px 18px);overflow:hidden}
.store-also-image img{width:100%;height:100%;object-fit:cover;display:block}
.store-also-title{font-size:14.5px;margin-top:14px}
.store-also-meta{font-size:13.5px;color:#8b857c;margin-top:2px}
.store-foot{display:flex;justify-content:space-between;align-items:center;margin:64px 56px 0;padding-top:22px;border-top:1px solid #e2ded8;font-size:13px;color:#8b857c}
.store-foot a{color:#8b857c;text-decoration:none}
/* The free-plan credit under an artwork page lines up with the footer above it, never against the page edge. */
.store>.gallery-credit{margin:48px 56px 0}
.store-wall-view{display:grid;gap:4px;margin:-4px 0 26px;padding:16px 18px;color:#1a1a19;background:#faf9f7;border:1px solid #ded9d2;border-radius:9px;text-decoration:none}
.store-wall-view span{font-size:14.5px;font-weight:650}
.store-wall-view small{color:#8b857c;font-size:12.5px;line-height:1.45}
.store-wall-view:hover{border-color:#9c968d;background:#fff}
.store-wall-view{margin-top:-14px}.gallery-inquiry-wall{margin:0;padding:11px 12px;border-left:3px solid var(--gallery-accent);background:#f8f5f0;color:#625e57;font-size:13px;line-height:1.45}
@media(max-width:900px){.store-grid{grid-template-columns:1fr;gap:32px}.store-head,.store-grid,.store-about,.store-also{padding-left:22px;padding-right:22px}.store-copy h1{font-size:34px}.store-also-grid{grid-template-columns:1fr 1fr;gap:24px}}

/* Full-size artwork viewer shared by every public artwork surface. */
.has-artwork-lightbox{overflow:hidden}
.artwork-lightbox{box-sizing:border-box;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:64px 24px 24px;background:transparent;color:#1a1a19;overflow:hidden}
.artwork-lightbox[open]{display:grid;place-items:center}
.artwork-lightbox::backdrop{background:rgba(255,255,255,.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:artworkLightboxVeil .45s ease both}
.artwork-lightbox-frame{position:relative;box-sizing:border-box;display:flex;width:auto;height:auto;align-items:center;justify-content:center;padding:0;animation:artworkLightboxIn .45s cubic-bezier(.16,1,.3,1) both}
.artwork-lightbox-image{display:block;width:auto;height:auto;max-width:min(82vw,calc(100vw - 48px));max-height:min(78vh,calc(100dvh - 128px));object-fit:contain;box-shadow:0 24px 70px rgba(33,30,26,.16)}
.artwork-lightbox-close{position:absolute;z-index:1;top:-64px;right:0;width:44px;height:44px;border:0;padding:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;backface-visibility:hidden;transform:translateZ(0);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.artwork-lightbox-close svg{display:block;width:44px;height:44px;color:#1c1917;opacity:.4;shape-rendering:geometricPrecision;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease}
.artwork-lightbox-close:hover svg{opacity:1;transform:scale(1.05) rotate(90deg)}
.artwork-lightbox-close:active{transform:scale(.96)}
.artwork-lightbox-close:focus-visible{outline:2px solid #1a1a19;outline-offset:1px;border-radius:50%}
@keyframes artworkLightboxVeil{from{opacity:0}to{opacity:1}}
@keyframes artworkLightboxIn{from{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:560px){.artwork-lightbox{padding:64px 12px 12px}.artwork-lightbox-image{max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px)}}
@media(prefers-reduced-motion:reduce){.artwork-lightbox::backdrop,.artwork-lightbox-frame{animation:none}}

/* Sign in password visibility, and phone entry. */
.login-password{display:grid;gap:7px;margin-bottom:17px}
.login-password-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.login-password-head label{margin:0}
.login-password-toggle{background:transparent;border:0;padding:0;font-size:13px;color:#6b665e;text-decoration:underline;text-decoration-color:#d8d4ce;text-underline-offset:3px;cursor:pointer;font-family:inherit}
.login-password input{margin-top:0}
.people-phone{display:grid;grid-template-columns:112px minmax(220px,1fr);gap:8px}
.people-phone input{min-width:0;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.people-source small{color:#9c968d;font-size:12.5px}
.people-phone select,.people-phone input{margin:0}
@media(max-width:560px){.people-phone{grid-template-columns:100px minmax(0,1fr)}}
/* Collector page should not run the full width of a large monitor. */
.store{max-width:1240px;margin:0 auto}

.record-image-manager figure{position:relative}
.record-image-manager figure.is-front>div>span{background:#1a1a19;color:#fff}
.record-image-manager figure.is-dragging{opacity:.45}

/* Upload feedback on the artwork images tab. */
.record-image-chosen{display:block;font-size:13.5px;color:#4a4741;margin-top:8px;min-height:1em}
.record-image-drop.is-dropping{border-color:#b0400d;background:#fdf5f0}

/* Password field with an eye control inside it. */
.field-with-eye{position:relative;margin-bottom:17px}
.field-with-eye input{padding-right:44px;margin-top:7px}
.field-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8b857c;border-radius:7px}
.field-eye:hover{color:#1a1a19;background:#f4f2ef}
.field-eye svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 
/* Settings > Account > Signing in: one calm column with a hairline between
   each part, instead of squeezing two fields and their help text side by side
   inside the narrow drawer. The password box gets a Show / Hide control. */
.set-signin{display:flex;flex-direction:column}
.set-signin-block{padding:18px 0;border-top:1px solid #f0ede9}
.set-signin-block:first-child{border-top:0;padding-top:0}
.set-signin-split{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.set-field-title{font-size:14.5px;font-weight:600;color:#1a1a19;letter-spacing:-.01em}
.set-signin .set-sub{line-height:1.5;margin-top:3px}
.settings-approved .set-card .set-signin-field{display:grid;gap:4px;font-size:14.5px;font-weight:600;color:#1a1a19}
.settings-approved .set-card .set-signin-field .set-sub{font-weight:400}
.settings-approved .set-card .set-signin-field input{margin-top:6px;font-weight:400}
.field-with-eye--set{margin:6px 0 0}
.field-with-eye--set input{margin-top:0;width:100%}
.field-eye--text{width:auto;height:31px;padding:0 12px;font:inherit;font-size:13px;font-weight:600;color:#6b665e}
.field-with-eye--set input{padding-right:72px}

/* Drag affordances. Reordering is by drag, not by buttons. */
.artwork-row[draggable="true"],.record-image-manager figure[draggable="true"],.record-miniature[draggable="true"]{cursor:grab}
.artwork-row[draggable="true"]:active,.record-image-manager figure[draggable="true"]:active,.record-miniature[draggable="true"]:active{cursor:grabbing}
.artwork-row:focus-visible,.record-image-manager figure:focus-visible,.record-miniature:focus-visible{outline:2px solid #1a1a19;outline-offset:2px}
.image-grip{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);color:#a8a29a;z-index:2;pointer-events:none}
.image-grip svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.record-miniatures-form{margin:0}
.record-miniature{display:block;width:46px;height:46px;border:1px solid #e2ded8;border-radius:7px;overflow:hidden;flex:none}
.record-miniature img{width:100%;height:100%;object-fit:cover;display:block}
.record-miniature.is-dragging{opacity:.45}
.record-miniatures-hint{font-size:12px;color:#9c968d;margin:6px 0 0}

/* Lookbook artwork picker. */
.lb-picker{width:720px}
.lb-picker-head{padding:22px 26px 18px;background:#fff;border-bottom:1px solid #e2ded8;flex:none}
.lb-picker-titlerow{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.lb-picker-titlerow h1{font-size:20px;font-weight:700;letter-spacing:-.04em;margin:0}
.lb-picker-titlerow p{font-size:13.5px;color:#8b857c;margin:3px 0 0}
.lb-picker-search{position:relative}
.lb-picker-search svg{position:absolute;left:12px;top:12px}
.lb-picker-search input{padding-left:38px;margin:0}
.lb-picker-form{flex:1;display:flex;flex-direction:column;min-height:0;margin:0}
.lb-picker-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px 14px;padding:20px 26px;align-content:start}
.lb-pick{display:block!important;cursor:pointer;margin:0!important}
.lb-pick input{position:absolute;width:0;height:0;margin:0;padding:0;border:0;opacity:0;pointer-events:none}
.lb-pick-image{position:relative;display:block;aspect-ratio:4/5;border:1px solid #e2ded8;border-radius:9px;overflow:hidden;background-image:repeating-linear-gradient(45deg,#f1eeea 0 8px,#faf9f7 8px 16px)}
.lb-pick-image img{width:100%;height:100%;object-fit:cover;display:block}
.lb-pick-tick{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;border:1px solid #cfcac2;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center}
.lb-pick-tick svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.lb-pick input:checked+.lb-pick-image{border-color:#1a1a19}
.lb-pick input:checked+.lb-pick-image .lb-pick-tick{background:#7a8a76;border-color:#7a8a76}
.lb-pick input:checked+.lb-pick-image .lb-pick-tick svg{opacity:1}
.lb-pick-title{display:block;font-size:13px;font-weight:500;margin-top:8px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-pick-meta{display:block;font-size:11.5px;color:#8b857c;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-pick.is-already{opacity:.5;cursor:default}
.lb-pick.is-filtered{display:none!important}
.lb-cover-form{flex:1;display:flex;flex-direction:column;min-height:0;margin:0}
.lb-cover-body{flex:1;overflow-y:auto;padding:20px 26px;display:flex;flex-direction:column;gap:16px}
.lb-picker-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 26px;border-top:1px solid #e2ded8;background:#fff;flex:none}
.lb-picker-foot>div{display:flex;gap:10px}
.lb-picker-foot span{font-size:13.5px;color:#8b857c}
.lb-nothing-add{margin-top:20px}

@media(max-width:820px){.lb-picker{width:100%}.lb-picker-grid{grid-template-columns:1fr 1fr}}
.lb-header-actions{display:flex;gap:10px;align-items:center;flex:none;margin-top:26px}
.lb-header-actions .lb-send{margin-top:0}
.lb-preview-head a{font-size:13px;color:#6b665e;font-weight:400;text-decoration:underline;text-decoration-color:#d8d4ce;text-underline-offset:3px}
.lb-danger{border-color:#e6d3c8;background:#fdf6f2}
.lb-danger .set-btn{margin-top:14px}


/* Lookbook: one work to a page, in the chosen orientation. */
.lookbook-shell{background:#e9e5e0;padding:32px 20px 48px}
.lookbook-shell.is-landscape{--lb-w:1056px;--lb-ratio:792/612}
.lookbook-shell.is-portrait{--lb-w:816px;--lb-ratio:612/792}
.lookbook-page{width:100%;max-width:var(--lb-w);aspect-ratio:var(--lb-ratio);margin:0 auto 26px;background:#fff;box-shadow:0 10px 30px rgba(26,26,25,.10);display:flex;flex-direction:column;padding:38px 46px 30px;position:relative}
.lookbook-head,.lookbook-foot{flex:none;font-family:Inter,sans-serif;font-weight:400;font-size:10px;letter-spacing:1.6px;color:#aaa}
.lookbook-foot{margin-top:auto;padding-top:18px;text-align:center}
.lookbook-work-copy{min-width:0}
.lookbook-eyebrow{font-family:Inter,sans-serif;font-weight:500;font-size:10.5px;letter-spacing:2.5px;text-transform:uppercase;color:#aaa;margin:0 0 18px}
.lookbook-work-copy h2{font-weight:300;font-size:33px;letter-spacing:0;line-height:1.08;margin:0;color:#000}
.lookbook-shell.is-portrait .lookbook-work-copy h2{font-size:30px}
.lookbook-spec{font-family:'Source Code Pro',monospace;font-weight:400;font-size:10.5px;letter-spacing:.8px;text-transform:uppercase;color:#999;line-height:1.85;margin:0}
.lookbook-spec:first-of-type{margin-top:16px}
.lookbook-body{font-family:'Newsreader',Georgia,serif;font-style:italic;font-size:16.5px;line-height:1.58;color:#444;margin:24px 0 0;max-width:34ch}
.lookbook-shell.is-portrait .lookbook-body{max-width:none}
.lookbook-shell.is-plain-body .lookbook-body,.lookbook-shell.is-plain-body .lookbook-cover-intro{font-family:Inter,sans-serif;font-style:normal;font-weight:400}
.lookbook-price-wrap{margin-top:32px}
.lookbook-price{display:inline-block;background:#000;color:#fff;font-family:Inter,sans-serif;font-weight:500;font-size:19px;letter-spacing:.5px;padding:11px 20px 12px}
.lookbook-shell.is-portrait .lookbook-price{display:block;background:none;color:#999;font-weight:400;font-size:26px;letter-spacing:0;padding:0}
.lookbook-shipping{font-family:Inter,sans-serif;font-weight:400;font-size:10.5px;letter-spacing:.4px;color:#999;margin:10px 0 0}
.lookbook-cover{align-items:center;justify-content:center;text-align:center}
.lookbook-cover-names{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.lookbook-cover-names div{font-weight:300;font-size:clamp(32px,4.6vw,58px);letter-spacing:-.02em;line-height:1.06;color:#1a1a19}
.lookbook-cover-intro{font-family:'Newsreader',Georgia,serif;font-style:italic;font-size:17px;line-height:1.6;color:#666;max-width:56ch;margin-top:6px}
.lookbook-cover-foot{flex:none;display:flex;align-items:center;justify-content:center;min-height:46px}
.lookbook-cover-foot img{max-height:46px;max-width:230px;display:block}
.lookbook-cover-foot span{font-family:'Source Code Pro',monospace;font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8b857c}
.lookbook-work-body{flex:1;display:grid;grid-template-columns:1.18fr .82fr;gap:44px;align-items:center;min-height:0;padding:22px 0}
.lookbook-shell.is-portrait .lookbook-work-body{display:flex;flex-direction:column;justify-content:center;gap:26px;max-width:420px;margin:0 auto}
.lookbook-work-image{height:100%;min-height:0;display:flex;align-items:center;justify-content:center}
.lookbook-shell.is-portrait .lookbook-work-image{width:100%;height:auto;aspect-ratio:4/5;flex:none}
.lookbook-work-image img{width:100%;height:100%;object-fit:contain;display:block}
.lookbook-end-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}
.lookbook-closing{font-weight:300;font-size:20px;letter-spacing:-.02em;margin:0;max-width:44ch}
.lookbook-contact{font-size:15px;color:#6b665e;margin:0}
@media print{
  .lookbook-shell{background:#fff;padding:0}
  .lookbook-page{max-width:none;width:100%;aspect-ratio:auto;height:100vh;margin:0;box-shadow:none;break-after:page;page-break-after:always}
  .lookbook-page:last-child{break-after:auto;page-break-after:auto}
}
@page{size:auto;margin:0}
@media(max-width:900px){.lookbook-page{aspect-ratio:auto;padding:26px 22px 22px}.lookbook-work-body{grid-template-columns:1fr;gap:24px}}

/* Immediate feedback on chips and segmented choices, even without script. */
.lb-chip:has(input:checked){border-color:#7a8a76;background:#7a8a76;color:#fff;font-weight:600}
.set-segment label:has(input:checked){border-color:#7a8a76;background:#7a8a76;color:#fff;font-weight:600}
.paid-provider:has(input:checked){opacity:1;border-color:#cbd4c7;background:#f2f5f1}
.set-swatch:has(input:checked)>span{border-color:#1a1a19}
.set-plan:has(input:checked){background:#faf9f7;border-color:#1a1a19}
.set-ai-option:has(input:checked){border-color:#cbd4c7;font-weight:600}
.lb-chip,.set-segment label{transition:background .12s,border-color .12s}

/* The private price sheet a collector receives. A written offer, not a shop:
   one column, generous margins, prints to one page. Closest relative in the
   brand system is the certificate, not the lookbook. */
.offer-sheet{max-width:640px;margin:0 auto;padding:64px 32px 80px;background:#fff;color:#1a1a19}
.offer-preview{background:#fdf5f0;border:1px solid #d8c4b4;color:#8a4a24;border-radius:10px;padding:12px 16px;font-size:13.5px;margin-bottom:40px}
.offer-head{text-align:center;margin-bottom:44px}
.offer-studio{font-size:12px;letter-spacing:.19em;text-transform:uppercase;color:#1a1a19;margin:0}
.offer-kind{font-size:13.5px;color:#8b857c;margin:9px 0 0}
.offer-image{margin-bottom:38px}
.offer-image img{display:block;width:100%;height:auto}
.offer-work{text-align:center;margin-bottom:44px}
.offer-work h1{font-size:30px;font-weight:300;letter-spacing:-.02em;margin:0 0 14px;line-height:1.2}
.offer-spec{font-family:'Source Code Pro',monospace;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#6b665e;margin:0 0 5px}
.offer-caption{font-family:Newsreader,Georgia,serif;font-style:italic;font-size:17px;line-height:1.6;color:#4a4741;margin:22px auto 0;max-width:52ch}
.offer-terms{border-top:1px solid #1a1a19;border-bottom:1px solid #e2ded8;padding:22px 0 24px;margin-bottom:40px}
.offer-line{display:flex;justify-content:space-between;gap:20px;font-size:15px;padding:7px 0}
.offer-line span:last-child{font-variant-numeric:tabular-nums}
.offer-line--total{border-top:1px solid #e2ded8;margin-top:9px;padding-top:15px;font-size:19px;font-weight:500}
.offer-until{font-size:14px;color:#1a1a19;margin:20px 0 0}
.offer-small{font-size:12.5px;line-height:1.65;color:#8b857c;margin:14px 0 0}
.offer-do{text-align:center}
.offer-btn{display:block;width:100%;background:#1a1a19;color:#fff;border:1px solid #1a1a19;border-radius:10px;padding:16px 22px;font:inherit;font-size:15.5px;font-weight:500;text-decoration:none;cursor:pointer;text-align:center}
.offer-btn:hover{background:#000;color:#fff}
.offer-btn--quiet{background:#fff;color:#1a1a19;margin-top:11px}
.offer-btn--quiet:hover{background:#f4f2ef;color:#1a1a19}
.offer-btn.is-disabled{opacity:.4;pointer-events:none}
.offer-do-note{font-size:12.5px;color:#9c968d;margin:14px 0 0}
.offer-confirm{border:1px solid #e2ded8;border-radius:12px;padding:28px 26px;text-align:left}
.offer-confirm h2{font-size:19px;font-weight:500;margin:0 0 12px}
.offer-confirm p{font-size:15px;line-height:1.6;color:#4a4741;margin:0 0 12px}
.offer-confirm-note{font-size:13px;color:#8b857c}
.offer-back{display:inline-block;margin-top:14px;font-size:14px;color:#6b665e}
.offer-said{border:1px solid #cbd4c7;background:#eef1ec;border-radius:12px;padding:24px 26px;text-align:left}
.offer-said strong{display:block;font-size:16.5px;font-weight:500;margin-bottom:7px}
.offer-said p{font-size:14.5px;line-height:1.6;color:#4a5a48;margin:0}
.offer-said--quiet{border-color:#e2ded8;background:#f4f2ef}
.offer-said--quiet p{color:#6b665e}
.offer-foot{margin-top:56px;padding-top:20px;border-top:1px solid #e2ded8;text-align:center;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#9c968d}
@media(max-width:560px){.offer-sheet{padding:40px 22px 56px}.offer-work h1{font-size:25px}}
@media print{
  .offer-do,.offer-preview{display:none}
  .offer-sheet{max-width:none;padding:0}
  .offer-image img{max-height:9cm;width:auto;margin:0 auto}
}

/* Who wants it: the follow-up actions beside each person and each offer. */
.record-list-acts { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.record-list-acts a { color: #4a4741; font-size: 13px; text-decoration: none; border-bottom: 1px solid #cfcac2; padding-bottom: 1px; }
.record-list-acts a:hover { color: #1a1a19; border-color: #1a1a19; }
/* Words: heading over the search and link fields, matching the panel inset. */
.record-ai-panel > .record-subhead { margin: 26px 24px 0; font-size: 15px; font-weight: 600; color: #1a1a19; }
.record-ai-panel > .record-fields label small { display: block; color: #8b857c; font-size: 12.5px; margin-top: -3px; }
@media(max-width:560px){ .record-list-acts { gap: 10px; } .record-ai-panel > .record-subhead { margin: 22px 18px 0; } }

/* Inbound artwork import: restrained, review-first workflow. */
.migration-heading{align-items:flex-start}.migration-heading>div{max-width:800px}.migration-upload-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:54px;padding:clamp(28px,5vw,52px);background:#fff;border:1px solid var(--line);border-radius:11px}.migration-upload-panel h2,.migration-section-head h2,.migration-summary-card h2{margin:5px 0 10px;font-size:26px}.migration-upload-panel>div>p{max-width:650px;color:var(--muted);line-height:1.65}.migration-upload-panel ul{margin:26px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.migration-upload-panel li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.migration-upload-panel form{display:grid;align-content:start;gap:18px;padding:24px;background:#f7f5f2;border:1px solid var(--line);border-radius:10px}.migration-upload-panel label{display:grid;gap:6px;margin:0}.migration-upload-panel label strong{font-size:14px}.migration-upload-panel label span,.migration-upload-panel form>small,.migration-map aside>small,.migration-review form>small{color:var(--quiet);font-size:12px;line-height:1.45}.migration-upload-panel input[type=file]{width:100%;padding:15px;background:#fff;border:1px dashed var(--line-strong);border-radius:8px}.migration-history{margin-top:28px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:11px}.migration-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:24px}.migration-section-head p{margin:0;color:var(--muted)}.migration-history-list{border-top:1px solid var(--line)}.migration-history-list>a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 4px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.migration-history-list>a:hover strong{text-decoration:underline;text-underline-offset:3px}.migration-history-list span{display:grid;gap:3px}.migration-history-list>a>span:last-child{text-align:right}.migration-history-list small,.migration-summary-card p{color:var(--quiet);font-size:12px}.migration-empty{color:var(--muted)}
.migration-progress{display:grid;grid-template-columns:repeat(4,1fr);margin:-12px 0 28px;border-top:1px solid var(--line)}.migration-progress>div{display:grid;grid-template-columns:30px 1fr;align-items:center;padding:16px 8px 0 0;color:var(--quiet);font-size:12px}.migration-progress span{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--line-strong);border-radius:50%;font:600 10px 'Source Code Pro',monospace}.migration-progress .is-current{color:var(--ink)}.migration-progress .is-current span{color:#fff;background:var(--accent);border-color:var(--accent)}.migration-progress .is-done span{background:var(--sage-soft);border-color:#9eaa98}.migration-summary-card{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:22px 26px;background:#fff;border:1px solid var(--line);border-radius:11px}.migration-summary-card p{margin:0}.migration-map{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:20px}.migration-map>section,.migration-map>aside,.migration-review{padding:28px;background:#fff;border:1px solid var(--line);border-radius:11px}.migration-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.migration-map-grid label{display:grid;gap:6px;margin:0;color:var(--muted);font-size:12px}.migration-map-grid label span{display:flex;justify-content:space-between}.migration-map-grid label b{color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.migration-map-grid select{width:100%;padding:10px 11px;background:#fff;border:1px solid var(--line-strong);border-radius:7px}.migration-map aside{position:sticky;top:20px}.migration-raw-preview{display:grid;gap:10px;margin:12px 0 18px}.migration-raw-preview article{padding:13px;background:#f7f5f2;border:1px solid var(--line);border-radius:8px}.migration-raw-preview article>strong{display:block;margin-bottom:7px;font:600 10px 'Source Code Pro',monospace;color:var(--quiet)}.migration-raw-preview p{display:grid;grid-template-columns:90px 1fr;margin:0;padding:4px 0;gap:8px;font-size:11px;overflow-wrap:anywhere}.migration-raw-preview p span{color:var(--quiet)}.migration-map aside .button{width:100%}
.migration-counts{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:20px;background:#fff;border:1px solid var(--line);border-radius:11px}.migration-counts div{display:grid;padding:22px 24px;border-right:1px solid var(--line)}.migration-counts div:last-child{border:0}.migration-counts strong{font-size:30px;font-weight:500}.migration-counts span{color:var(--quiet);font-size:12px}.migration-table{border-top:1px solid var(--line)}.migration-table-row{display:grid;grid-template-columns:64px minmax(180px,1fr) minmax(250px,1.2fr) 90px;align-items:start;gap:18px;padding:15px 8px;border-bottom:1px solid var(--line);font-size:13px}.migration-table-row>span{display:grid;gap:4px}.migration-table-row small{display:block;color:var(--quiet);font-size:11.5px;line-height:1.35}.migration-table-row.is-duplicate,.migration-table-row.is-skipped,.migration-table-row.is-error{background:#fbf8f4}.migration-table-row.is-error>span:nth-child(3) b{color:#a33}.migration-table-head{color:var(--quiet);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.migration-review>form{display:flex;align-items:center;justify-content:flex-end;margin-top:22px;gap:15px}.migration-complete-actions{display:flex;align-items:center;justify-content:flex-end;margin-top:22px;gap:10px}.migration-complete-actions form{margin:0}
@media(max-width:980px){.migration-upload-panel,.migration-map{grid-template-columns:1fr}.migration-map aside{position:static}.migration-map-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.migration-upload-panel{padding:24px;gap:28px}.migration-progress strong{display:none}.migration-summary-card{align-items:flex-start;flex-direction:column;gap:14px}.migration-map-grid{grid-template-columns:1fr}.migration-counts{grid-template-columns:1fr 1fr}.migration-counts div:nth-child(2){border-right:0}.migration-counts div:nth-child(-n+2){border-bottom:1px solid var(--line)}.migration-table{overflow-x:auto}.migration-table-row{min-width:680px}.migration-review>form,.migration-complete-actions{align-items:stretch;flex-direction:column}.migration-review>form .button,.migration-complete-actions .button{width:100%}}

/* Studio address on printed paperwork, from the Studio settings screen. */
.document-sheet .document-origin { margin: 10px 0 0; color: #6b665e; font-size: 13px; line-height: 1.5; }
.shipping-document-details{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}.shipping-document-details h2{font-size:15px;margin:0 0 10px}.shipping-document-details dl{margin:0}.shipping-document-details dl>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:1px solid #e2ded8;padding:5px 0;font-size:12px}.shipping-document-details dt{color:#6b665e}.shipping-document-details dd{margin:0;overflow-wrap:anywhere}.shipping-document-note{font-size:12px;color:#6b665e;line-height:1.5}
.document-sheet .document-parties{gap:12mm;margin:9mm 0 12mm;align-items:start}.document-sheet .document-parties p{margin:0;line-height:1.5;font-size:13px}.document-sheet .document-parties div{gap:6px}.document-sheet .document-parties span{font-weight:700;color:#171716}.document-sheet .document-parties~.document-grid{margin:8mm 0;gap:12mm}.document-sheet:has(.document-parties) header{padding-bottom:6mm}.document-sheet:has(.document-parties) table{margin:10mm 0}.document-sheet:has(.document-parties) footer{margin-top:16mm}

/* Phone tab bar, from the approved mobile design, 390 by 844.
   Four destinations fixed at the bottom with Add raised as the primary
   action. The sidebar stays behind the hamburger for everything less
   frequent. Hidden entirely above phone width. */
.mobile-tabbar { display: none; }
@media(max-width:760px){
  .mobile-tabbar {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 58;
    display: flex; align-items: flex-end; gap: 2px;
    padding: 8px 12px calc(20px + env(safe-area-inset-bottom));
    background: rgba(250,249,247,.96); border-top: 1px solid #dcd7d0;
    backdrop-filter: blur(12px);
  }
  .mobile-tab {
    flex: 1; display: flex; flex-direction: column; align-items: center;
    justify-content: center; gap: 5px; min-height: 52px;
    padding: 7px 4px; border-radius: 10px;
    color: #8b857c; font-size: 11px; font-weight: 400; text-decoration: none;
  }
  .mobile-tab .icon { width: 22px; height: 22px; }
  .mobile-tab.is-active { color: #1a1a19; font-weight: 600; }
  .mobile-tab.is-active .icon { stroke-width: 2.1; }
  .mobile-tab--add {
    background: #b0400d; color: #fff; border-radius: 14px; padding: 9px 6px;
  }
  .mobile-tab--add .icon { width: 24px; height: 24px; }
  .mobile-tab--add.is-active { color: #fff; }
  /* Clear the bar so nothing is trapped underneath it. */
  .workspace-main { padding-bottom: calc(92px + env(safe-area-inset-bottom)); }
  .workspace-main--record { padding-bottom: calc(92px + env(safe-area-inset-bottom)); }
}

/* Field help stays on the same line as its label. It follows the approved
   help-mark behavior: hover opens the light explanation, while keyboard focus
   provides the same access without a click-toggle interaction. */
.field-help-label { display: inline; min-width: 0; }
.field-help-anchor { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; vertical-align: baseline; }
.help-dot { position: relative; flex: none; cursor: default; user-select: none; vertical-align: middle; }
.help-dot:hover, .help-dot:focus-visible { color: #1a1a19; background: #cfc9c0; outline: none; }
.help-bubble {
  position: fixed; top: 0; left: 0;
  z-index: 10000; display: block; box-sizing: border-box; width: max-content; max-width: min(268px, calc(100vw - 24px)); max-height: calc(100vh - 24px); overflow-y: auto;
  padding: 13px 15px; color: #3d3a35; background: #fff;
  border: 1px solid #e2ded8; border-radius: 10px;
  font-size: 13px; font-weight: 400; line-height: 1.5; letter-spacing: 0;
  text-align: left; text-transform: none; box-shadow: 0 10px 30px rgba(26,26,25,.13);
  opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .12s;
}
.help-bubble.is-visible { opacity: 1; visibility: visible; }
/* A published work previewing its own live page is not a warning, so the
   banner reads as information rather than as something being wrong. */
.private-preview-banner.is-live{background:#f0eeea;color:#4a4741}
.context-switcher{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:0 14px 18px;padding:3px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.05)}
.context-switcher form{margin:0}.context-switcher button,.context-switcher span{display:flex;align-items:center;justify-content:center;min-height:36px;padding:6px 8px;border:0;border-radius:6px;color:#c9c7c3;background:transparent;font:600 11px/1.2 Inter,sans-serif;cursor:pointer}.context-switcher span.is-active{background:#fff;color:#181817}.context-switcher button:hover{color:#fff;background:rgba(255,255,255,.08)}
.workspace-choices{display:grid;gap:10px;margin:24px 0}.workspace-choice{display:flex;justify-content:space-between;align-items:center;text-align:left}.workspace-choice span:first-child{display:grid;gap:4px}.workspace-choice small{display:block;font-size:12px;font-weight:400;color:#77736d}

/* Shipping pricing uses the existing record/storefront typography and geometry. */
.shipping-pricing-summary { font-size: .82em; line-height: 1.5; overflow-wrap: anywhere; text-transform: none; letter-spacing: normal; }
.shipping-pricing-summary p { margin: .6em 0 0; white-space: normal; }
.record-keep-detail > .shipping-pricing-summary { display: block; }
[data-shipping-pricing] > label { display: block; margin-top: 16px; }
[data-shipping-pricing] textarea { width: 100%; min-width: 0; box-sizing: border-box; resize: vertical; }
[data-shipping-pricing] .record-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@supports selector(:has(*)) {
  [data-shipping-pricing]:not(:has(option[value="separate"]:checked)) [data-shipping-charge] { display: none; }
  [data-shipping-pricing]:not(:has(option[value="separate"]:checked)) .record-fields { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) { [data-shipping-pricing] .record-fields { grid-template-columns: minmax(0, 1fr); } }

/* Keep monetary labels outside proportional segments, including very small costs. */
.record-proceeds .record-proceeds-values { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px 28px; margin: 0 0 12px; }
.record-proceeds-values > div { min-width: 0; }
.record-proceeds-values dt { margin-bottom: 4px; color: var(--muted); font-size: 13px; }
.record-proceeds-values dd { margin: 0; font-size: 24px; font-weight: 650; line-height: 1.25; overflow-wrap: anywhere; }
.record-proceeds-values > div + div dd { font-size: 18px; font-weight: 500; }
.record-proceeds > .record-proceeds-bar { display: flex; align-items: stretch; gap: 0; height: 12px; overflow: hidden; border-radius: 6px; background: #efece7; }
.record-proceeds-bar > i, .record-proceeds-bar > b { display: block; flex: none; min-width: 0; height: 100%; padding: 0; background: var(--sage); }
.record-proceeds-bar > b { background: #c8c2b9; }
.record-proceeds .record-proceeds-note { margin: 10px 0 0; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }

/* Quiet, shared category navigation for the artist gallery and its preview. */
.gallery-filters { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; margin:0 0 24px; }
.gallery-filter-chip { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:6px 15px; border:1px solid #d8d4cd; border-radius:999px; background:var(--gallery-background,#fff); color:var(--gallery-text,#34342f); font:500 13px/1.3 var(--gallery-body,Inter),sans-serif; text-decoration:none; white-space:nowrap; }
.gallery-filter-chip:hover { border-color:#99938a; }
.gallery-filter-chip[aria-current="true"] { background:#e6e6e6; border-color:#b5b5b5; color:#262626; }
.gallery-filter-chip:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
[data-gallery-category][hidden] { display:none!important; }
.gallery-filter-announcement { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.gal-sheet>.gallery-filters { padding:32px 56px 0; margin-bottom:0; }
@media(max-width:980px) { .gal-sheet>.gallery-filters { padding:24px 24px 0; } }
@media(max-width:560px) { .gallery-filters { justify-content:flex-start; } .gallery-filter-chip { min-height:44px; padding:10px 14px; } }

/* Rentals (owner decision, 14 October 2026): Sales › Rentals, one rental, its dialogs and its paperwork. */
.rent-works-label{color:#6b665e;font-size:13.5px}
.rent-works{display:grid;gap:8px;max-height:340px;overflow:auto;padding-right:2px}
.rent-work{margin:0!important;display:grid!important;grid-template-columns:auto 52px minmax(0,1fr) auto;align-items:center;gap:12px!important;border:1px solid #e2ded8;border-radius:10px;padding:8px 12px;color:#1a1a19!important;font-size:14px!important;cursor:pointer}
.rent-work img,.rent-work-blank{width:52px;height:52px;object-fit:cover;border-radius:6px;background:#f3f0ec;display:block}
.rent-work small{display:block;color:#8b857c;font-size:12.5px}
.module-form .rent-work input{width:auto}
.rent-work.is-off{color:#a8a29a!important;cursor:default}.rent-work.is-off img{opacity:.45}
.rent-rest-date{display:none!important}
.rent-form:has(input[name="rental_rest_due"][value="date"]:checked) .rent-rest-date{display:grid!important}
.module-form label.rent-check{display:flex;align-items:center;gap:10px;color:#1a1a19;font-size:14px}
.module-form label.rent-check input{width:auto}
.rent-left{color:#8b857c;font-size:12.5px}
.rent-dialog-hint{margin:0;color:#6b665e;font-size:13.5px}
.record-vitals dt{white-space:nowrap}
.rent-detail{display:grid;gap:18px;max-width:980px}
.rent-detail .back-link{color:#6b665e;font-size:13px}
.rent-head p{color:#6b665e;margin:6px 0 0;max-width:720px}
.rent-head .eyebrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rent-head .eyebrow .sale-pill{letter-spacing:0;text-transform:none;font-size:12px}
.rent-rows{display:grid}
.rent-rows>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,auto) minmax(170px,auto);gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid #f0ede9;font-size:14.5px}
.rent-rows>div:last-child{border-bottom:0}
.rent-rows>div.is-off{color:#a8a29a}
.rent-rows>div.rent-total{border-top:1px solid #e2ded8}
.rent-rows small{display:block;color:#8b857c;font-size:12.5px;margin-top:2px}
.rent-rows b{font-weight:600;text-align:right}
.rent-row-act{display:flex;justify-content:flex-end}
.rent-terms-line{margin:10px 0 0;color:#6b665e;font-size:13.5px}
.rent-cond{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start;padding:13px 0;border-bottom:1px solid #f0ede9;font-size:14px}
.rent-cond:last-child{border-bottom:0}
.rent-cond img,.rent-cond .rent-work-blank{width:52px;height:52px;object-fit:cover;border-radius:6px}
.rent-cond a{color:#1a1a19;text-decoration:none}
.rent-cond span{color:#8b857c;font-size:12px;display:block;margin-bottom:3px}
.rent-docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rent-doc{border:1px solid #e2ded8;background:#faf9f7;border-radius:10px;padding:16px;display:grid;gap:8px;align-content:start}
.rent-doc strong{font-size:15px}.rent-doc p{margin:0;color:#6b665e;font-size:13.5px}
.rent-doc .rent-ok{color:#4a5a48}.rent-doc .rent-missing{color:#8a6a12}
.rent-acts{display:flex;gap:10px;flex-wrap:wrap}
.record-place-note{margin:4px 0 0;color:#6b665e;font-size:13.5px}
.rent-paper table.rent-paper-works td{text-align:left;vertical-align:top;font-size:12.5px}
.rent-paper table.rent-paper-works td:nth-child(2){white-space:nowrap}
.rent-paper table small,.rent-paper th small{display:block;color:#6b665e;font-size:11px;font-weight:400;margin-top:3px}
.rent-paper-blank{display:block;min-height:34px;border-bottom:1px dotted #b8b2a9}
.rent-paper-terms h2{font-size:15px;margin:10mm 0 2mm}.rent-paper-terms div{font-family:Georgia,serif;font-size:12px;line-height:1.6}
.rent-paper-custody{font-size:12.5px;line-height:1.6;margin-top:8mm}
.rent-paper-signatures{display:grid;grid-template-columns:1fr 1fr;gap:14mm 20mm;margin-top:16mm}
.rent-paper-signatures div{border-top:1px solid #1a1a19;padding-top:6px}
.rent-paper-signatures span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#6b665e}
.rent-paper-signatures p{margin:4px 0 0;font-size:12px}
.rent-paper .rent-paper-total th,.rent-paper .rent-paper-total td{border-bottom:2px solid #1a1a19}
@media print{html:has(.rent-paper),.document-page:has(.rent-paper){background:#fff}.document-sheet.rent-paper{width:auto;min-height:0;padding:10mm 14mm}.rent-paper header{padding-bottom:5mm}.rent-paper .document-parties{margin:5mm 0}.rent-paper .document-parties~.document-grid{margin:5mm 0}.rent-paper table{margin:5mm 0}.rent-paper header h1{font-size:28px}.rent-paper th,.rent-paper td{padding:6px 8px}.rent-paper-blank{min-height:22px}.rent-paper tr,.rent-paper-terms,.rent-paper-custody,.rent-paper-signatures{break-inside:avoid}.rent-paper-custody{margin-top:4mm;break-after:avoid}.rent-paper-signatures{margin-top:7mm;gap:8mm 20mm}.rent-paper-terms h2{margin-top:5mm}.rent-paper footer{margin-top:5mm}}
@media(max-width:700px){.rent-docs{grid-template-columns:1fr}.rent-cond{grid-template-columns:52px minmax(0,1fr)}.rent-cond>div:nth-child(n+3){grid-column:2}}
@media(max-width:560px){.rent-form .form-grid--three,.rent-form .form-grid{grid-template-columns:1fr!important}.rent-rows>div{grid-template-columns:minmax(0,1fr) auto}.rent-row-act{grid-column:1/-1;justify-content:flex-start}.rent-form .set-segment{flex-direction:column}}
/* Replies: photos, up to 4 (owner decision, 16 October 2026) */
.msg-reply-actions{display:flex;align-items:stretch;gap:10px}
.msg-reply-actions .msg-reply-send{flex:1 1 auto}
.msg-reply-actions .reply-photos-toggle{height:auto}
.msg-reply-actions .reply-format-toggle,.msg-reply-actions .people-save{min-height:44px}
.reply-photos-toggle .icon{width:21px;height:21px}
.cjob-reply-row>small{flex:1 1 auto}
.cjob-reply-row .reply-photos-toggle{min-width:40px;height:40px;margin-right:-6px}
.reply-photos-picker[hidden],.reply-photos-menu[hidden],.reply-photos-error[hidden]{display:none}
.reply-photos-menu{margin:0 0 10px;padding:12px 12px 0;border:1px solid #e2ded8;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(26,26,25,.08);overflow:hidden}
.reply-photos-menu-title{margin:0 0 8px;font-size:13px;font-weight:600;color:#4a4741}
.reply-photos-work{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px;margin-bottom:12px}
.reply-photos-work-photo{position:relative;aspect-ratio:1;padding:0;border:2px solid transparent;border-radius:9px;overflow:hidden;background:#f6f3ef;cursor:pointer}
.reply-photos-work-photo img{display:block;width:100%;height:100%;object-fit:cover}
.reply-photos-work-photo:focus-visible{outline:2px solid rgba(107,127,102,.45);outline-offset:1px}
.reply-photos-work-photo[aria-pressed="true"]{border-color:#6b7f66}
.reply-photos-work-photo[aria-pressed="true"]::after{content:"✓";position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#6b7f66;color:#fff;font-size:12px;line-height:20px;text-align:center}
.reply-photos-none{margin:0 0 12px;font-size:13px;color:#8b857c}
.reply-photos-picker .reply-photos-device{display:flex;font-weight:500;align-items:center;gap:10px;min-height:46px;margin:0 -12px;padding:0 14px;border-top:1px solid #ece8e2;background:#fff;color:#1a1a19;font-size:14px;cursor:pointer}
.reply-photos-device:hover{background:#faf8f5}
.reply-photos-device:focus-within{outline:2px solid rgba(107,127,102,.35);outline-offset:-2px}
.reply-photos-device .icon{width:20px;height:20px;color:#4a4741}
.reply-photos-error{margin:0 0 8px;font-size:13px;color:#9a3b2e}
.reply-photos-chosen{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 4px;padding:0;list-style:none}
.reply-photos-chosen:empty{display:none}
.reply-photos-chosen li{position:relative;width:64px;height:64px;border:1px solid #e2ded8;border-radius:9px;overflow:hidden;background:#f6f3ef}
.reply-photos-chosen img{display:block;width:100%;height:100%;object-fit:cover}
.reply-photos-remove{position:absolute;top:3px;right:3px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:rgba(26,26,25,.55);color:#fff;font:inherit;font-size:14px;line-height:1;cursor:pointer}
.reply-photos-remove:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.reply-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:420px;margin-top:8px}
.reply-photos--1{grid-template-columns:minmax(0,1fr);max-width:320px}
.reply-photo{display:block;border-radius:8px;overflow:hidden;background:#f6f3ef}
.reply-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.reply-photos--1 .reply-photo img{aspect-ratio:auto}
.cjob-msg.is-mine .reply-photos{margin-left:auto}
.reply-photos-note{margin:6px 0 0;font-size:12px;color:#8b857c}
.cjob-photos{margin-top:16px;padding-top:14px;border-top:1px solid #ece8e2}
.cjob-photos h3{margin:0 0 10px;font-size:14px}
.cjob-photos-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
.cjob-photo{flex:0 0 96px;color:inherit;text-decoration:none}
.cjob-photo img{display:block;width:96px;height:96px;border-radius:8px;object-fit:cover;background:#f6f3ef}
.cjob-photo small{display:block;margin-top:4px;font-size:12px;color:#8b857c}
@media(max-width:560px){.reply-photos-remove{width:28px;height:28px}.reply-photos-chosen li{width:72px;height:72px}.reply-photos{max-width:none}}
/* The commission journal in Studio (issue #693): Add an update, then what is published */
.cjob-journal-form{display:grid;gap:10px}
.cjob-journal-form textarea{width:100%;min-height:120px;box-sizing:border-box;resize:vertical;padding:12px 14px;border:1px solid #cfcac2;border-radius:10px;background:#fff;color:#1a1a19;font:inherit;font-size:15px;line-height:1.55}
.cjob-journal-form textarea:focus{outline:2px solid rgba(107,127,102,.25);border-color:#6b7f66}
.cjob-journal-count{margin:-4px 0 0;text-align:right;font-size:12.5px;color:#8b857c}
.cjob-journal-count[hidden]{display:none}
.cjob-journal-count.is-at-limit{color:#9a3b2e}
.cjob-journal-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cjob-journal-send{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
.cjob-journal-send .reply-photos-toggle{min-width:40px;height:40px}
.cjob-segmented{display:inline-flex;margin:0;padding:2px;border:0;border-radius:9px;background:#efece8;min-width:0}
.cjob-segmented label{position:relative;display:block;margin:0}
.cjob-segmented input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.cjob-segmented span{display:block;padding:7px 14px;border-radius:7px;color:#4a4741;font-size:13.5px;font-weight:500;line-height:1.3;white-space:nowrap}
.cjob-segmented input:checked+span{background:#fff;color:#1a1a19;box-shadow:0 1px 3px rgba(26,26,25,.14),0 0 0 .5px rgba(26,26,25,.06)}
.cjob-segmented input:focus-visible+span{outline:2px solid rgba(107,127,102,.45);outline-offset:1px}
.cjob-journal-none{margin:16px 0 0;color:#8b857c;font-size:13.5px}
.cjob-journal-title{margin:22px 0 8px;padding-top:16px;border-top:1px solid #ece8e2;font-size:14px}
.cjob-journal-list{list-style:none;margin:0;padding:0}
.cjob-journal-item{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-top:1px solid #f0ece6}
.cjob-journal-item:first-child{border-top:0}
.cjob-journal-thumbs{display:flex;gap:4px;flex:0 0 auto}
.cjob-journal-thumbs img{display:block;width:44px;height:44px;border-radius:6px;object-fit:cover;background:#f6f3ef}
.cjob-journal-text{flex:1 1 auto;min-width:0}
.cjob-journal-text time{display:block;font-size:12.5px;color:#8b857c}
.cjob-journal-text p{margin:2px 0 0;font-size:14px;line-height:1.5;color:#1a1a19;overflow-wrap:anywhere}
.cjob-journal-text small{display:block;margin-top:3px;font-size:12px;color:#8b857c}
.cjob-journal-item .sale-more{flex:0 0 auto}
@media(max-width:560px){.cjob-journal-row{align-items:stretch}.cjob-segmented{display:flex;width:100%}.cjob-segmented label{flex:1 1 0}.cjob-segmented span{text-align:center;padding:9px 6px;white-space:normal}.cjob-journal-send{width:100%}.cjob-journal-send .button{flex:1 1 auto}.cjob-journal-thumbs img{width:36px;height:36px}.cjob-journal-thumbs img:nth-child(n+3){display:none}}

/* Shared artwork standard: landscape works start at the top of their frame.
   Keep each view's contain/cover setting and horizontal centering unchanged.
   Explicit artwork containers exclude logos, portraits and room-preview photos. */
:is(
  .artwork-thumb, .record-main-image, .record-thumbs, .record-hero,
  .record-miniatures, .record-miniature, .record-image-manager,
  .sale-thumb, .dash-recent-image, .quotes-thumb,
  .lb-card-image, .lb-work-image, .lb-preview-image, .lb-pick-image,
  .gal-work-image, .gallery-work, .public-work-images,
  .store-main-image, .store-thumb, .store-also-image,
  .lookbook-public-grid, .lookbook-work-image, .offer-image,
  .wall-view-intro, .wall-view-work-list
) img,
img.global-search-thumb {
  object-position: center top;
}
/* Natural-height images also need their grid/flex frame anchored at the top. */
.record-main-image, .lb-card-image, .lookbook-work-image {
  align-items: start;
}

/* Getting paid: account identity and sequential setup within the Farbase shell. */
.paid-connection-controls{border:0;padding:0;margin:0;min-width:0;display:contents}
.paid-choice-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:16px 0}
.paid-account-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}
.paid-account-details dt{font-size:12px;color:var(--muted,#777);margin-bottom:5px}
.paid-account-details dd{margin:0;font-size:14px;overflow-wrap:anywhere}
.paid-confirm{display:flex;align-items:flex-start;gap:10px;line-height:1.55;font-size:14px;margin:18px 0}
.paid-confirm input{margin-top:4px;flex-shrink:0;accent-color:#7b8d75;width:17px;height:17px}
.paid-mode-note{padding:12px 14px;border:1px solid #d8c8b5;border-radius:7px;background:#f6f2ec;font-size:14px;line-height:1.5}
.paid-connection-controls:disabled .dash-card{opacity:.65}
.paid-provider{position:relative}
.paid-provider.is-inactive{opacity:1}
.paid-provider input[type=radio]{display:block;position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.paid-provider:focus-within{outline:2px solid #7b8d75;outline-offset:3px}
@media(max-width:600px){.paid-account-details{grid-template-columns:1fr;gap:12px}.paid-account .paid-card-head{align-items:flex-start;gap:10px}.paid-account .paid-badge{white-space:nowrap}}
@media(max-width:600px){.paid-page .paid-card-head{flex-direction:column;align-items:flex-start;gap:8px}}

.artwork-sold-dot{display:inline-block;width:9px;height:9px;margin-left:7px;border-radius:50%;background:#c40000;vertical-align:.02em}

@media print{.document-sheet:has(.shipping-document-details){padding:12mm 16mm;min-height:0}.document-sheet:has(.shipping-document-details) .document-parties{margin:6mm 0}.document-sheet:has(.shipping-document-details) footer{margin-top:8mm}}

.store .store-copy .store-sold-note{font-size:14px;line-height:1.7;color:var(--artist-muted,#6b665e);margin:-12px 0 22px}
.store .store-copy .store-availability + .store-sold-note{margin-top:0}
.store .store-copy .store-sold-status,.store .store-copy .store-unavailable:has(> .artwork-sold-dot){box-sizing:border-box;width:100%;border:1px solid var(--artist-line,#e2ded8);background:transparent;border-radius:0;padding:14px 16px;font-size:14.5px;letter-spacing:.04em;line-height:1.2;margin:0 0 12px;color:var(--artist-muted,#6b665e)}
.store .store-copy .store-unavailable:has(> .artwork-sold-dot) + .store-sold-note{margin-top:0}

/* Plan access keeps saved controls visible and preserves their layout. */
.studio-plan-lock{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:14px 18px;border:1px solid #d8d4ce;border-radius:10px;background:#f7f5f1;color:#625d55;font-size:14px}
.studio-plan-lock .button{flex-shrink:0}
.studio-plan-fields{display:contents;border:0;margin:0;padding:0;min-width:0}
.studio-plan-fields[inert][aria-disabled="true"],.quotes-layout[inert][aria-disabled="true"],.paid-form[inert][aria-disabled="true"]{opacity:.66}
@media(max-width:600px){.studio-plan-lock{align-items:flex-start;flex-direction:column}}
.studio-plan-catch-wrap{position:relative}.studio-plan-catch{position:absolute;inset:0;z-index:2;cursor:pointer;background:transparent}

/* Settings drawer polish, added on top of the approved rules above (those stay).
   1. A caption that wraps ("Gallery columns") pushes every select in its row down
      together, instead of every caption sitting in a fixed 44px box.
   2. The five accent colors sit in one row.
   3. A read-only value ("Ships from") lines up with the field beside it. */
.settings-approved .set-card .set-grid3{grid-auto-rows:auto;align-items:stretch}
.settings-approved .set-card .set-grid3>label{grid-row:span 2;grid-template-rows:subgrid;align-self:stretch}
.settings-approved .set-card .set-swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.settings-approved .set-card .set-grid2>.set-readonly-field{display:grid;grid-row:span 3;grid-template-rows:subgrid}
.settings-approved .set-card .set-readonly-field>.set-sub{font-size:13.5px;line-height:1.3;font-weight:600;color:#6b665e}
.settings-approved .set-card .set-readonly-field>p{grid-row:2;align-self:center;margin:0;font-size:14.5px;line-height:1.4;color:#1a1a19}
.settings-approved .set-card .set-grid3 select{padding-left:10px;padding-right:6px}
.settings-approved .set-card .set-swatch em{white-space:nowrap;font-size:11.5px;letter-spacing:0}
.settings-approved .set-card label.set-divider{margin-top:16px}
/* Settings, Selling, Where you sell from: two rows of three (Country, Main
   currency, Second currency; Numbers, Dates, Paper). Caption, help dot and
   Optional tag share one line, as in the two-column rows (owner request,
   14 October 2026). */
.settings-approved [data-selling-settings] .set-grid3{gap:20px 22px}
.settings-approved [data-selling-settings] .set-card .set-grid3>label{grid-template-columns:auto minmax(0,1fr)}
.settings-approved [data-selling-settings] .set-card .set-grid3>label>select{grid-column:1/-1}
.settings-approved [data-selling-settings] .set-card .set-grid3>label>.optional{align-self:end;margin-left:6px;padding-bottom:1px}

/* Financial documents keep the identity, totals and terms together when printed. */
@media print{.document-sheet.invoice-document{padding:12mm 16mm;min-height:0}.invoice-document .document-parties{margin:6mm 0}.invoice-document table{break-inside:avoid}.document-sheet.invoice-document footer{margin-top:8mm}}
.invoice-preparation{max-width:900px;width:100%;min-height:0}.invoice-preparation form{display:grid;gap:18px}.invoice-preparation label{display:grid;gap:6px}.invoice-preparation input,.invoice-preparation textarea,.invoice-preparation select{box-sizing:border-box;width:100%;min-width:0;padding:9px}.invoice-preparation details{border:1px solid #ded9d2;padding:16px}.invoice-preparation summary{cursor:pointer;font-weight:600}.invoice-preparation .invoice-tax-row{margin:16px 0;border:1px solid #ded9d2;padding:12px}.invoice-preparation .document-tools{margin:16px 0;gap:12px}.invoice-preparation [role=alert]{padding:12px;border:1px solid #9d653f}.invoice-tax-breakdown caption{text-align:left;font-weight:600;margin-bottom:10px}.invoice-tax-breakdown th,.invoice-tax-breakdown td{font-size:12px;padding:8px}
@media(max-width:600px){.invoice-preparation{padding:24px 18px}.invoice-preparation .form-grid{grid-template-columns:1fr}.invoice-tax-breakdown th,.invoice-tax-breakdown td{padding:5px;font-size:11px}}
@media print{.document-sheet.invoice-document header p{margin-bottom:0}.document-sheet.invoice-document .document-grid{margin:5mm 0}.document-sheet.invoice-document table{margin:5mm 0}.document-sheet.invoice-document th,.document-sheet.invoice-document td{padding:8px}.document-sheet.invoice-document footer{margin-top:5mm}}

@media print{.document-sheet.invoice-document{font-size:12px}.document-sheet.invoice-document p{margin:5px 0;line-height:1.45}.document-sheet.invoice-document header h1{font-size:30px}.document-sheet.invoice-document .document-parties div{gap:4px}}
.invoice-document{overflow-wrap:anywhere}.invoice-document .document-grid>div{min-width:0}
@media screen and (max-width:600px){.document-sheet.invoice-document{padding:24px 18px}.invoice-document .document-parties{grid-template-columns:1fr;gap:20px}}
/* Optional reference amount inherits each website design without reserving space when absent. */
.public-price-pair{display:inline-block;vertical-align:top}
.public-secondary-currency{display:block;margin-top:4px;font-family:inherit;font-size:12px;line-height:1.45;font-weight:400;letter-spacing:normal;color:var(--artist-muted,#666)}
/* Owner decision 13 Oct 2026: in gallery lists the second amount sits next to the main price, in parentheses. */
.public-price-pair>.public-secondary-currency,.store-also-meta>.public-secondary-currency{display:inline;margin:0 0 0 .4em;white-space:nowrap}
.store-price>.public-secondary-currency{font-size:14px;margin-top:6px}
.store-price:has(>.public-secondary-currency){display:grid;grid-template-columns:max-content 1fr;row-gap:0}
.store-price>.public-secondary-currency{grid-column:1;grid-row:2}
.store-price:has(>.public-secondary-currency)>.store-priceline{grid-column:2;grid-row:1}

/* Sales has three heading buttons since Rentals: let them wrap instead of running off a narrow screen. */
@media(max-width:1180px){.sales-heading-actions{flex-wrap:wrap;flex:0 1 auto;justify-content:flex-end}}
@media(max-width:560px){.sales-heading-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;align-items:stretch}.sales-heading-actions .button{height:auto;min-height:44px}.sales-heading-actions .button{white-space:normal}.sales-heading-actions .button--primary{grid-column:1/-1}}
.rent-paper table th.rent-due{font-weight:400}

/* One page per commission, with the conversation kept in Studio (owner decision, 15 October 2026). */
.cjob-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none}
.cjob-steps li{position:relative;display:grid;gap:4px;align-content:start;padding:14px 12px;border:1px solid #ebe7e1;border-radius:10px;background:#fbfaf8;color:#8b857c}
.cjob-steps li.is-done{background:#f2f5f1;border-color:#cbd4c7;color:#4a5a48}
.cjob-steps strong{color:#4a4741;font-size:14px;font-weight:600}
.cjob-steps li.is-done strong{color:#1a1a19}
.cjob-steps small{font-size:12.5px}
.cjob-dot{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1.5px solid #cfcac2;border-radius:50%;font-size:11px;line-height:1;color:#fff;background:#fff}
.cjob-steps li.is-done .cjob-dot{background:#6b7f66;border-color:#6b7f66}
.cjob-steps form{margin:6px 0 0}
.cjob-step-button{padding:5px 9px;border:1px solid #cbd4c7;border-radius:7px;background:#fff;color:#4a5a48;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.cjob-step-button:hover{border-color:#6b7f66}
.cjob-note{margin:4px 0 16px;color:#6b665e;font-size:14px;max-width:70ch}
.cjob-thread{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #ebe7e1;border-radius:12px;background:#fbfaf8;max-height:560px;overflow-y:auto}
.cjob-empty{margin:0;color:#8b857c;font-size:14px;text-align:center;padding:18px 0}
.cjob-msg{display:flex;flex-direction:column;gap:4px;max-width:78%}
.cjob-msg small{color:#9c968d;font-size:12px}
.cjob-msg.is-mine{align-self:flex-end;align-items:flex-end}
.cjob-msg.is-theirs{align-self:flex-start}
.cjob-bubble{padding:11px 14px;border-radius:14px;font-size:14.5px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.cjob-msg.is-mine .cjob-bubble{background:#6b7f66;color:#fff;border-bottom-right-radius:5px}
.cjob-msg.is-theirs .cjob-bubble{background:#fff;color:#1a1a19;border:1px solid #e2ded8;border-bottom-left-radius:5px}
.cjob-msg.is-system{align-self:center;align-items:center;max-width:90%;text-align:center}
.cjob-msg.is-system span{padding:5px 12px;border-radius:999px;background:#efece8;color:#4a4741;font-size:13px}
.cjob-reply{display:grid;gap:10px;margin-top:14px}
.cjob-reply textarea{width:100%;min-height:84px;box-sizing:border-box;resize:vertical;padding:12px 14px;border:1px solid #cfcac2;border-radius:10px;background:#fff;color:#1a1a19;font:inherit;font-size:15px}
.cjob-reply textarea:focus{outline:2px solid rgba(107,127,102,.25);border-color:#6b7f66}
.cjob-reply-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.cjob-reply-row small{color:#8b857c;font-size:12.5px}
.cjob-reply-sent{color:#8b857c;font-size:12.5px}
.cjob-docs{grid-template-columns:repeat(4,minmax(0,1fr))}
.sale-pill.sale-pill--news{background:#6b7f66;border-color:#6b7f66;color:#fff;text-decoration:none}
.cjob-public-body{background:#f4f2ef}
.cjob-public{max-width:860px;margin:0 auto;padding:48px 20px 64px}
.cjob-public-head h1{margin:6px 0 8px;font-size:40px;letter-spacing:-.04em}
.cjob-public-head p{margin:0;color:#4a4741;font-size:16px;line-height:1.55}
.cjob-public-card{margin-top:22px;padding:24px;border:1px solid #e2ded8;border-radius:14px;background:#fff}
.cjob-public-card h2{margin:0;font-size:20px;letter-spacing:-.02em}.cjob-public-card h2+.cjob-thread{margin-top:14px}
.cjob-public-money{margin:16px 0 0;color:#4a4741;font-size:15px}
.cjob-public-notice{margin:18px 0 0;padding:12px 14px;border-radius:10px;background:#fff;border:1px solid #e2ded8;color:#4a4741}
.cjob-public-foot{margin-top:28px;color:#8b857c;font-size:13px;text-align:center}
.cjob-public .cjob-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.cjob-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.cjob-docs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.cjob-steps,.cjob-public .cjob-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cjob-msg{max-width:92%}.cjob-reply-row{flex-direction:column;align-items:stretch}.cjob-public-head h1{font-size:32px}}

.plan-lock{flex:none;margin-left:6px;opacity:.6;vertical-align:-1px}.nav-item.is-locked,.record-tabs a.is-locked,.drawer-tabs a.is-locked{opacity:.75}
.plan-lock-note .plan-lock{margin:0 8px 0 0}.plan-lock-note strong{margin-right:4px;color:#1a1a19;font-weight:600}.set-card .plan-lock-note{margin:14px 0 0}.record-panel .plan-lock-note{margin:0 0 16px}
.plan-locked-heading h1 .plan-lock{width:22px;height:22px;margin-left:12px;vertical-align:3px}.plan-locked-page>.plan-lock-note{max-width:760px}
.mobile-tab .plan-lock{width:10px;height:10px;margin-left:3px}.record-sell-button strong .plan-lock{margin-left:7px}
.plan-locked-fields[disabled] label{opacity:.66}
.set-card .plan-lock-note+.plan-locked-fields>:first-child{margin-top:16px}
.plan-lock-label{display:inline-flex;align-items:center}.plan-lock-label .plan-lock{margin-left:6px}
.plan-lock-field,.record-panel label small.plan-lock-field{display:block;margin:8px 0 0;color:#625d55;font-size:12.5px;line-height:1.45}.plan-lock-field .plan-lock{margin:0 6px 0 0;vertical-align:-1px}.plan-lock-field strong{margin-right:4px;color:#1a1a19;font-weight:600}.plan-lock-field .text-link{margin-left:2px;white-space:nowrap}
.is-plan-locked input,.is-plan-locked select{opacity:.66;cursor:not-allowed}
@media(min-width:901px){.artwork-table--approved.artwork-table--no-shipping .artwork-row{grid-template-columns:24px 58px minmax(180px,1.2fr) minmax(180px,1.4fr) 110px 110px 130px}}
.plan-locked-page>.record-panel{margin-bottom:28px}
/* Messages: the conversation kept in Studio (16 October 2026) */
.msg-conversation{margin-top:22px;padding-top:18px;border-top:1px solid #e7e2dc}
.msg-conversation h3,.msg-person h3{font-size:14px;margin:14px 0 8px}
/* One email thread design for Messages and commissions (issue #693): full-width cards, the newest open, older ones folded to one line. */
.msg-thread{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;border:1px solid #e7e2dc;border-radius:12px;background:#fff;overflow:hidden}
.msg-line{border-top:1px solid #ece8e2;overflow-wrap:anywhere}
/* A long first line or link in a folded email never widens the page (it shortens with …). */
.cjob-detail>*,.msg-thread,.msg-line,.msg-card{min-width:0}
.msg-line-preview{width:0}
.msg-line:first-child{border-top:0}
.msg-card>summary{list-style:none;cursor:pointer}
.msg-card>summary::-webkit-details-marker{display:none}
.msg-line-top{display:flex;align-items:baseline;gap:10px;min-width:0;padding:12px 16px;font-size:12.5px;color:#8b857c}
.msg-line-top:hover{background:#fbfaf8}
.msg-line-top:focus-visible{outline:2px solid rgba(107,127,102,.35);outline-offset:-2px}
.msg-line-top strong{flex:0 0 auto;color:#1a1a19;font-size:13.5px;font-weight:600}
.msg-line-kind{flex:0 0 auto}
.msg-line-preview{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#4a4741;font-size:13.5px}
.msg-line-top time{flex:0 0 auto;margin-left:auto;white-space:nowrap}
.msg-card[open]>.msg-line-top{padding-bottom:4px}
.msg-card[open]>.msg-line-top:hover{background:none}
.msg-card[open] .msg-line-preview{visibility:hidden}
.msg-line-body{padding:6px 16px 0;font-size:14.5px;line-height:1.6;color:#1a1a19}
.msg-card>.reply-photos{margin:12px 16px 0}
.msg-card>:last-child{padding-bottom:16px}
.msg-card>.reply-photos:last-child{padding-bottom:0;margin-bottom:16px}
.msg-line small{display:block;margin-top:8px;padding:0 16px;font-size:12px;color:#8b857c}
.msg-line--collector{background:#fbfaf8}
.msg-line--system{display:flex;align-items:baseline;gap:10px;padding:9px 16px;background:#f6f3ef;color:#4a4741;font-size:13px}
.msg-line--system time{margin-left:auto;color:#8b857c;font-size:12px;white-space:nowrap}
@media(max-width:560px){.msg-line-top{flex-wrap:wrap;gap:2px 8px;padding:12px 14px}.msg-line-preview{flex-basis:100%;order:3}.msg-card[open] .msg-line-preview{display:none}.msg-line-body{padding:6px 14px 0}.msg-line small{padding:0 14px}.msg-card>.reply-photos{margin:12px 14px 0}}
.msg-reply label{display:block;font-size:13px;font-weight:600}
.msg-reply textarea{display:block;width:100%;margin-top:6px;box-sizing:border-box}
.msg-note{font-size:12.5px;line-height:1.5;color:#6f695f;margin:8px 0}
.msg-note--warn{color:#7a5a1f}
.msg-setup{margin:0 0 16px;padding:10px 14px;border:1px solid #ecd9a8;border-radius:8px;background:#fdf6e7;color:#7a5a1f;font-size:13.5px;line-height:1.5}
.msg-setup p{margin:0}
.msg-setup p+p{margin-top:4px}
.inquiry-detail-kicker{text-transform:uppercase}
/* Replies: the small writing toolbar (issue #668) */
.reply-format{margin-top:6px;border:1px solid #cfcac2;border-radius:10px;background:#fff;overflow:hidden}
.reply-format:focus-within{outline:2px solid rgba(107,127,102,.25);border-color:#6b7f66}
.reply-format-bar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:3px 6px;border-top:1px solid #ece8e2;background:#faf8f5}
.reply-format-bar[hidden]{display:none}
.reply-format-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:44px;height:44px;padding:0 10px;border:1px solid #ddd7ce;border-radius:9px;background:#fff;color:#4a4741;font:inherit;font-size:15px;font-weight:600;letter-spacing:.01em;cursor:pointer}
.reply-format-toggle[hidden]{display:none}
.reply-format-toggle:hover{background:#f6f3ef}
.reply-format-toggle:focus-visible{outline:2px solid rgba(107,127,102,.35);outline-offset:1px}
.reply-format-toggle[aria-expanded="true"]{background:#ece8e1;border-color:#cfc8bd;color:#1a1a19}
.msg-reply-send{display:flex;align-items:stretch;gap:10px}
.msg-reply-send .reply-format-toggle{height:auto}
.msg-reply-send .people-save{flex:1 1 auto;width:auto}
.cjob-reply-send{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}
.cjob-reply-send .reply-format-toggle{min-width:40px;height:40px}
.reply-format-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border:1px solid transparent;border-radius:7px;background:transparent;color:#4a4741;font:inherit;font-size:15px;line-height:1;cursor:pointer}
.reply-format-btn:hover{background:#f0ece6}
.reply-format-btn:focus-visible{outline:2px solid rgba(107,127,102,.35);outline-offset:1px}
.reply-format-btn[aria-pressed="true"]{background:#ece8e1;border-color:#ddd7ce;color:#1a1a19}
.reply-format-btn .icon{width:18px;height:18px}
.reply-format-btn i{font-family:Georgia,serif}
.reply-format-sep{width:1px;height:20px;margin:0 4px;background:#e2ded8}
.reply-format-box{min-height:110px;max-height:360px;overflow-y:auto;padding:12px 14px;color:#1a1a19;font-size:15px;font-weight:400;line-height:1.55;overflow-wrap:anywhere;outline:none;cursor:text}
textarea[data-reply-format-plain]{display:none!important}
.reply-format-box a,.msg-line-body a{color:#1a1a19;text-decoration:underline;text-underline-offset:3px}
.reply-format-box.is-empty::before{content:attr(data-placeholder);color:#9a948b;pointer-events:none}
.reply-format-box ul,.reply-format-box ol,.msg-line-body ul,.msg-line-body ol,.cjob-bubble ul,.cjob-bubble ol{margin:.3em 0;padding-left:1.4em}
.msg-line-body p,.cjob-bubble p{margin:0 0 .6em}
.msg-line-body>:last-child,.cjob-bubble>:last-child{margin-bottom:0}
.cjob-bubble a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.cjob-reply .reply-format{margin-top:0}
.cjob-reply .reply-format-box{min-height:84px}
@media(max-width:560px){.reply-format-btn{min-width:40px;height:40px}.reply-format-box{font-size:16px}.cjob-reply-send{display:flex}.cjob-reply-send .button{flex:1 1 auto}}

/* Make an offer (issue #657). The link sits between Request a studio visit and Share and uses their .store-visit style (issue #814). */
.gallery-offer{padding-top:6px;border-top:1px solid #ddd8d1}
.gallery-offer-title{margin:8px 0 0;font-size:17px;font-weight:500}
.gallery-offer-note{margin:0;color:#6b665e;font-size:13px;line-height:1.5}
.offer-counter{display:inline-block;max-width:100%}
.offer-counter>summary{list-style:none;cursor:pointer}
.offer-counter>summary::-webkit-details-marker{display:none}
.offer-counter form{display:grid;gap:8px;margin-top:8px;min-width:min(260px,100%)}
.offer-counter label{display:grid;gap:4px;font-size:12.5px}
/* An open Counter form does not stretch Accept and Decline to its height. */
.quotes-do{align-items:flex-start}
.quotes-state.is-offered{color:#7a5a1f}
.quotes-amount small,.quotes-state small{display:block}
/* Private prices, desktop: the State column was 62px and one line, so "Offer received" clipped and "Turned down" touched the edge.
   It is 72px now (every row keeps the same columns, the price still gets its room) and wraps between words, never inside one.
   The action row wraps too, so the buttons never slide over the "Accepted" or "Opened" note beside the links. */
@media(min-width:961px){
  .quotes-row{grid-template-columns:minmax(118px,1.2fr) minmax(92px,.9fr) minmax(82px,124px) 92px 72px}
  .quotes-state{white-space:normal;overflow-wrap:normal;min-width:0}
  .quotes-actions{flex-wrap:wrap}
  .quotes-link{flex:0 0 auto}
  .quotes-do{margin-left:auto}
}
.offer-pay-note{margin:10px 0 0;color:#6b665e;font-size:13px;line-height:1.5}
[data-pricing-field][hidden]{display:none!important}