:root {
  --black: #000000;
  --blue: #A5D8EA;
  --white: #FFFFFF;
  --muted: #B4BDC2;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--white);
  background: #080B0E;
}

/* BACKGROUND IMAGE: 15% BRIGHTER */

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: url('https://cdn.shopify.com/s/files/1/0714/9060/1039/files/rmbgweb3.webp?v=1792313577')
    center center / cover no-repeat;
  filter: brightness(1.15);
  pointer-events: none;
  z-index: 0;
}

/* Keep the original black sign-in design; show the watch background only after login. */
body:not(.collection-authenticated)::before {
  display: none;
}

.app {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 100vh;
}

/* SIDEBAR */

.sidebar {
  width: 218px;
  flex-shrink: 0;
  padding: 32px 17px;
  background: rgba(0, 0, 0, 0.76);
  border-right: 1px solid rgba(255, 255, 255, 0.055);
}

.brand {
  line-height: 1.6;
}

.sidebar-logo {
  width: 100%;
  max-width: 140px;
  height: auto;
  object-fit: contain;
}

.sidebar nav {
  margin-top: 58px;
  display: grid;
  gap: 5px;
}

.sidebar a {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 13px 12px;
  color: #D2D8DB;
  text-decoration: none;
  font-size: 14px;
  border-radius: 9px;
  transition:
    background 0.2s ease,
    color 0.2s ease;
}

.sidebar a:hover:not(.active) {
  background: rgba(165, 217, 235, 0.14);
  color: #FFFFFF;
}

.sidebar a.active {
  background: #A5D9EB;
  color: #000000;
  font-weight: 400;
}
.sidebar a.active .icon, .sidebar a.active:hover .icon { color: #000000; }
.sidebar a.active:hover { background:#A5D9EB; color:#000000; }

.sidebar a .icon {
  width: 18px;
  height: 18px;
  color: var(--blue);
  flex-shrink: 0;
}

/* MAIN CONTENT */

.main {
  flex: 1;
  min-width: 0;
  padding: 70px 7%;
  background: transparent;
}

/* TITLE */

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: clamp(38px, 5vw, 70px);
  margin: 20px 0 12px;
  color: #FFFFFF;
}

.title-light {
  font-weight: 400;
}

.title-bold {
  font-weight: 700;
}

.subtitle {
  color: var(--blue);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 45px;
}

/* SEARCH BAR */

.search-wrapper {
  position: relative;
  width: 100%;
  max-width: 650px;
}

/* WHITE SEARCH ICON */

.search-icon-fixed {
  position: absolute;
  left: 19px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: #FFFFFF;
  pointer-events: none;
  z-index: 5;
}

.search-icon-fixed svg {
  display: block;
  width: 22px;
  height: 22px;
  stroke: #FFFFFF;
  fill: none;
}

.search {
  width: 100%;
  padding: 19px 22px 19px 54px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
  background: rgba(27, 31, 34, 0.75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #FFFFFF;
  font-size: 16px;
  outline: none;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.search::placeholder {
  color: #B4BDC2;
}

.search:hover {
  background: rgba(34, 39, 42, 0.82);
}

.search:focus {
  border-color: var(--blue);
  background: rgba(30, 35, 38, 0.92);
  box-shadow: 0 0 0 2px rgba(165, 216, 234, 0.07);
}

/* TRANSLUCENT PREMIUM CARDS */

.cards {
  margin-top: 36px;
  max-width: 850px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.card {
  min-height: 132px;
  padding: 23px 25px;
  background: rgba(28, 32, 35, 0.52);
  border: none;
  border-radius: 12px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition:
    transform 0.22s ease,
    background 0.22s ease,
    box-shadow 0.22s ease;
}

.cards .card {
  cursor: default;
}

.cards .card:hover {
  transform: translateY(-2px);
  background: rgba(42, 47, 50, 0.68);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.card .symbol {
  height: 25px;
  margin-bottom: 14px;
  color: var(--blue);
}

.card .symbol .icon {
  width: 24px;
  height: 24px;
}

.card h2 {
  margin: 0 0 7px;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.1px;
}

/* Homepage card titles must remain legible over the dark watch background. */
.cards .card h2 {
  color: #fff;
}


.card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

/* SEARCH RESULT CARDS */

#search-results .card {
  min-height: 0;
  padding: 18px 22px;
}

#search-results .card h2 {
  font-size: 15px;
}

/* MOBILE */

.home-logo {
  display: none;
  width: 180px;
  height: auto;
  margin-bottom: 28px;
  object-fit: contain;
}

.mobile-nav {
  display: none;
}

@media (max-width: 750px) {
  .sidebar {
    display: none;
  }

  .main {
    padding: 55px 22px 115px;
  }

  .home-logo {
    display: block;
  }

  h1 {
    font-size: 40px;
  }

  .cards {
    gap: 12px;
  }

  .card {
    min-height: 132px;
    padding: 19px;
  }

  .mobile-nav {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: space-around;
    background: rgba(0, 0, 0, 0.96);
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    padding: 14px 5px 20px;
    z-index: 10;
  }

  .mobile-nav .mobile-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    color: #D4D8DC;
    font-size: 11px;
    text-decoration: none;
  }

  .mobile-nav .icon {
    color: var(--blue);
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 390px) {
  .cards {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card,
  .search {
    transition: none;
  }

  .cards .card:hover {
    transform: none;
  }
}

/* Watch details: light workspace only; original black sidebar/home unchanged. */
body.watch-details-open::before { display:none; }
body.watch-details-open .main { background:#f6f9fb; padding:34px clamp(18px,3.5vw,56px) 70px; }
.wd-page[hidden] { display:none !important; }
.wd-page { width:100%; max-width:1440px; margin:0 auto; color:#111820; }
.wd-back { border:0; background:transparent; color:#33475a; padding:8px 0 24px; cursor:pointer; font-size:14px; }
.wd-hero { display:grid; grid-template-columns:minmax(180px,280px) minmax(0,1fr); gap:26px; align-items:start; }
.wd-photo { min-height:240px; border:1px solid #e3e9ed; background:#edf2f5; border-radius:16px; display:flex; align-items:center; justify-content:center; text-align:center; color:#788895; padding:20px; font-size:13px; }
.wd-kicker { font-size:11px; font-weight:700; color:#537788; letter-spacing:.16em; }
.wd-intro h2 { margin:10px 0 12px; color:#0b1118; font-size:clamp(25px,3vw,38px); line-height:1.2; }
#watch-detail-id { color:#667889; font-size:14px; }
.wd-prices { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:22px; }
.wd-prices > div { min-height:92px; padding:17px 14px; border:1px solid #e2e9ee; border-radius:12px; background:#fff; display:flex; flex-direction:column; gap:13px; }
.wd-prices small { color:#657789; font-size:12px; }
.wd-prices strong { color:#141d25; font-size:21px; }
.wd-prices .wd-feature { background:#d9f2fb; border-color:#82cce8; }
.wd-prices .wd-feature small { color:#123b4c; font-weight:700; }
.wd-prices .wd-feature strong { font-size:25px; }
.wd-gallery { background:#fff; border:1px solid #e3e9ed; border-radius:15px; padding:20px; margin-top:20px; }
.wd-gallery-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.wd-tabs { display:flex; flex-wrap:wrap; gap:6px; }
.wd-tabs button { background:transparent; border:0; border-bottom:2px solid transparent; padding:12px 13px; color:#607285; cursor:pointer; }
.wd-tabs button.active { border-bottom-color:#50b6dc; color:#101820; font-weight:700; }
.wd-gallery-head > button { border:1px solid #dce4e9; border-radius:9px; padding:10px 14px; background:#f3f6f8; color:#8a969f; }
.wd-gallery-empty { margin-top:14px; border-top:1px solid #e8edf0; padding:24px 8px; font-size:13px; color:#82909b; }
.wd-sections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:18px; }
.wd-section { background:#fff; border:1px solid #e2e9ee; border-radius:15px; padding:20px 22px; min-width:0; }
.wd-section:last-child { grid-column:1/-1; }
.wd-section h3 { color:#101820; font-size:16px; margin:0 0 14px; padding-bottom:15px; border-bottom:1px solid #e7ecef; }
.wd-field { display:grid; grid-template-columns:minmax(120px,40%) minmax(0,1fr); gap:10px; padding:10px 0; border-bottom:1px solid #edf0f2; font-size:13px; }
.wd-field:last-child { border-bottom:0; }
.wd-field span { color:#66788a; }
.wd-field strong { color:#1c2630; font-weight:500; overflow-wrap:anywhere; }
.wd-note { color:#778692; font-size:12px; margin-top:18px; }
@media(max-width:1100px) { .wd-prices { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:750px) { body.watch-details-open .main { padding:22px 18px 100px; } .wd-hero { grid-template-columns:1fr; } .wd-photo { min-height:160px; } .wd-sections { grid-template-columns:1fr; } .wd-section:last-child { grid-column:auto; } .wd-gallery-head { align-items:flex-start; flex-direction:column; } }

/* Ensure homepage sections truly disappear on the detail screen. */
body.watch-details-open .main > :not(#watch-detail-view) { display:none !important; }
body.watch-details-open .main > #watch-detail-view { display:block; }
/* Square hero photo, even before the R2 image is connected. */
.wd-photo { aspect-ratio:1 / 1; min-height:0; width:100%; overflow:hidden; }
.wd-photo img { width:100%; height:100%; object-fit:contain; }

/* Branded numbered section headings and availability. */
.wd-section h3 { display:flex; align-items:center; gap:12px; }
.wd-section-number { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; flex:0 0 30px; border-radius:50%; background:#A5D8EA; color:#000; font-size:14px; font-weight:700; }
.wd-stock-status { display:inline-flex; align-items:center; margin-top:10px; padding:7px 12px; border-radius:999px; background:#e9edf1; color:#45515b; font-size:12px; font-weight:650; }
.wd-stock-status.is-in-stock { background:#e0f5e8; color:#166438; }
.wd-stock-status.is-sold { background:#f0e6e6; color:#833d3d; }

/* Compact watch details and five-value pricing strip. */
.wd-hero { grid-template-columns:minmax(150px,220px) minmax(0,1fr); gap:20px; }
.wd-intro h2 { font-size:clamp(23px,2.5vw,32px); margin:8px 0; }
.wd-prices { grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:16px; }
.wd-prices > div { min-height:74px; padding:12px; gap:8px; }
.wd-prices small { font-size:11px; line-height:1.3; }
.wd-prices strong { font-size:17px; overflow-wrap:anywhere; }
.wd-prices .wd-feature strong { font-size:20px; }
.wd-prices .wd-total-cost { border-color:#c5d5df; background:#f1f7fa; }
.wd-prices .wd-total-cost small { color:#33495b; font-weight:700; }
.wd-gallery { margin-top:14px; padding:14px 18px; }
.wd-sections { gap:12px; margin-top:14px; }
.wd-section { padding:15px 18px; }
.wd-section h3 { margin-bottom:8px; padding-bottom:10px; font-size:15px; }
.wd-field { padding:7px 0; font-size:12px; }
.wd-section-number { width:27px; height:27px; flex-basis:27px; font-size:13px; }
@media(max-width:1350px) { .wd-prices { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:900px) { .wd-prices { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:750px) { .wd-hero { grid-template-columns:1fr; } .wd-photo { max-width:220px; } }

/* Dense three-column owner details: no row dividers, minimal vertical scrolling. */
.wd-sections { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; align-items:start; margin-top:10px; }
.wd-section, .wd-section:last-child { grid-column:auto; padding:12px 14px; border-radius:11px; }
.wd-section h3 { display:flex; gap:8px; align-items:center; border-bottom:0; padding:0; margin:0 0 8px; font-size:13px; line-height:1.25; }
.wd-section-number { width:27px; height:27px; flex:0 0 27px; background:#A5D8EA; color:#000; }
.wd-field { display:grid; grid-template-columns:minmax(0,45%) minmax(0,1fr); gap:6px; padding:4px 0; border-bottom:0; font-size:11.5px; line-height:1.3; }
.wd-field strong { font-weight:600; }
.wd-gallery { margin-top:10px; padding:10px 14px; }
.wd-gallery-empty { padding:10px 4px; margin-top:7px; }
.wd-back { padding-bottom:12px; }
.wd-prices { margin-top:10px; }
.wd-prices > div { min-height:64px; padding:9px; gap:5px; }
@media(max-width:1050px) { .wd-sections { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .wd-sections { grid-template-columns:1fr; } }

/* Aligned, equal-height detail cards and unbolded field values. */
.wd-sections { grid-auto-rows:1fr; align-items:stretch; }
.wd-section { height:100%; box-sizing:border-box; }
.wd-section h3 { font-weight:600; }
.wd-field strong { font-weight:400; }
.wd-field:has(.wd-copy-model) { grid-template-columns:minmax(0,45%) minmax(0,1fr) 25px; align-items:center; }
.wd-copy-model { border:0; background:transparent; color:#415a6c; width:25px; height:25px; display:inline-flex; justify-content:center; align-items:center; border-radius:6px; padding:0; cursor:pointer; }
.wd-copy-model:hover,.wd-copy-model:focus-visible { background:#A5D8EA; color:#000; }
.wd-copy-model.copied { color:#17683c; }
.wd-section-number svg { display:block; width:17px; height:17px; }
@media(max-width:700px) { .wd-sections { grid-auto-rows:auto; } }

/* Compact cash-only invoice action and draft form. */
.wd-cash-invoice { display:inline-flex; align-items:center; gap:7px; margin-top:12px; padding:8px 12px; background:#A5D8EA; border:1px solid #8ecbdf; border-radius:9px; color:#000; font-size:12px; font-weight:650; cursor:pointer; }
.wd-cash-invoice:hover { background:#8dcfe5; }
.wd-invoice-dialog { border:1px solid #dbe5ea; border-radius:16px; padding:0; width:min(440px,calc(100vw - 30px)); box-shadow:0 20px 70px #0003; color:#17232c; }
.wd-invoice-dialog::backdrop { background:#0d1c2c99; }
.wd-invoice-form { display:grid; gap:12px; padding:24px; }
.wd-invoice-form h3 { margin:0; font-size:21px; }
.wd-invoice-form p { margin:0 0 4px; font-size:12px; color:#50616f; }
.wd-invoice-form label { display:grid; gap:5px; font-size:12px; font-weight:600; }
.wd-invoice-form input { width:100%; box-sizing:border-box; border:1px solid #cbd8e0; border-radius:8px; padding:10px; font:inherit; font-weight:400; }
.wd-invoice-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:8px; }
.wd-invoice-actions button { padding:10px 12px; border-radius:8px; border:1px solid #d1dce2; background:#fff; cursor:pointer; }
.wd-invoice-actions button[type="submit"] { background:#A5D8EA; color:#000; border-color:#A5D8EA; font-weight:700; }

/* Slightly larger text inside Watch Details field cells; preserve compact layout. */
.wd-field { font-size:13px; }

/* Small black cash invoice action beside stock availability. */
.wd-status-actions { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.wd-status-actions .wd-stock-status { margin-top:0; }
.wd-status-actions .wd-cash-invoice { margin-top:0; padding:6px 9px; font-size:11px; line-height:1.2; border-radius:7px; background:#000; border:1px solid #000; color:#fff; font-weight:550; }
.wd-status-actions .wd-cash-invoice svg { width:13px; height:13px; }
.wd-status-actions .wd-cash-invoice:hover { background:#262626; border-color:#262626; }

/* Watch details: 90% opaque light veil over the original homepage artwork. */
body.watch-details-open.collection-authenticated::before { display:block; }
body.watch-details-open .main {
  background:rgba(246,249,251,.90);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
}

/* Gallery occupies the sixth grid cell, closed until explicitly opened. */
.wd-sections > .wd-gallery { grid-column:auto; margin:0; min-width:0; min-height:100%; padding:12px 14px; border-radius:11px; }
.wd-gallery-open { display:flex; align-items:center; gap:9px; width:100%; border:0; background:transparent; color:#111820; padding:0; cursor:pointer; font:600 13px Arial,sans-serif; text-align:left; }
.wd-gallery-open svg { flex:0 0 27px; width:27px; height:27px; padding:5px; border-radius:50%; background:#A5D8EA; color:#000; }
.wd-gallery-open small { margin-left:auto; font-size:11px; font-weight:400; color:#687985; }
.wd-gallery.is-collapsed .wd-gallery-content { display:none; }
.wd-gallery-content { padding-top:10px; }
.wd-gallery-head { align-items:flex-start; flex-wrap:wrap; }
.wd-tabs button { font-size:11px; padding:7px 5px; }
.wd-gallery-empty { font-size:11.5px; }
.wd-status-actions .wd-cash-invoice { border-radius:999px; padding:5px 9px; font-size:10px; gap:5px; }
.wd-status-actions .wd-cash-invoice svg { width:12px; height:12px; }

/* Gallery choices are visible immediately; no images are fetched until media integration. */
.wd-sections .wd-gallery .wd-gallery-content { display:block; }
.wd-gallery-open { cursor:default; }
.wd-gallery-open small { display:none; }
/* Inline editing, with consistent compact layout. */
.wd-edit-actions { display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-top:10px; }
.wd-edit-actions button { border:1px solid #d4e1e8; border-radius:8px; padding:6px 11px; background:#fff; color:#14202b; cursor:pointer; font-size:12px; }
.wd-edit-actions #wd-save { background:#000; border-color:#000; color:#fff; }
.wd-edit-actions [hidden], .wd-field strong[hidden], .wd-prices strong[hidden] { display:none !important; }
#wd-edit-message { font-size:11px; color:#375c6d; }
.wd-edit-input { min-width:0; width:100%; box-sizing:border-box; padding:5px 6px; border:1px solid #a5d8ea; border-radius:6px; background:#fff; color:#111; font:400 12px Arial,sans-serif; }
.wd-prices .wd-edit-input { font-size:14px; }

/* Watch gallery upload and deferred media display. */
.wd-gallery-actions { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.wd-gallery-actions button { border:1px solid #d5e1e7; border-radius:7px; background:#fff; color:#152531; padding:6px 8px; font-size:11px; cursor:pointer; }
.wd-gallery-actions #wd-add-media { background:#000; border-color:#000; color:#fff; }
.wd-gallery-actions button:disabled { cursor:not-allowed; opacity:.55; }
.wd-media-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.wd-media-grid a { display:flex; min-height:72px; justify-content:center; align-items:center; background:#f1f5f7; border-radius:7px; overflow:hidden; color:#253b49; font-size:11px; }
.wd-media-grid img { width:100%; aspect-ratio:1; object-fit:cover; }

/* Distinguish the upper pricing tiles while retaining the brand's restrained palette. */
.wd-prices > div:nth-child(2) { background:#eaf4f8; border-color:#cbdfe9; }
.wd-prices > div:nth-child(3) { background:#e9eef7; border-color:#cdd8eb; }
.wd-prices > div:nth-child(4) { background:#edf2ee; border-color:#d0dfd3; }
/* Emphasise the final Total Cost value in Purchase and Cost Information. */
.wd-sections > .wd-section:nth-child(5) .wd-field:last-child strong { font-weight:700; color:#101820; }

/* Keep edit controls in the stock status action row, as compact pill buttons. */
.wd-status-actions .wd-edit-actions { margin-top:0; gap:6px; }
.wd-status-actions .wd-edit-actions button { border-radius:999px; padding:5px 10px; font-size:10px; line-height:1.2; white-space:nowrap; }
.wd-status-actions .wd-edit-actions #wd-edit { background:#fff; border-color:#cbd8df; color:#15232d; }
.wd-status-actions .wd-edit-actions #wd-save { background:#000; border-color:#000; color:#fff; }

/* Whole inventory browser: compact, readable, keyboard-accessible rows. */
.inventory-all-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;background:#fff}
.inventory-all-table th{background:#000;color:#fff;text-align:center;padding:11px 7px;font-weight:700}
.inventory-all-table td{border-bottom:1px solid #e5e9ed;padding:10px 7px;text-align:center;overflow-wrap:anywhere}
.inventory-all-table th:nth-child(3){width:23%}
.inventory-all-table tbody tr{cursor:pointer}
.inventory-all-table tbody tr:hover,.inventory-all-table tbody tr:focus-visible{background:#eef7fb;outline:none}

/* Whole Inventory uses a light canvas, independent of dark Home theme. */
body.inventory-open #inventory-all-view{color:#101820}
body.inventory-open #inventory-all-view h2{color:#101820}
body.inventory-open #inventory-all-message,
body.inventory-open #inventory-all-count{color:#425466}
body.inventory-open .inventory-all-table td{color:#101820;background:#fff}
body.inventory-open .inventory-all-table tbody tr:hover td,
body.inventory-open .inventory-all-table tbody tr:focus-visible td{background:#eef7fb}

/* Inventory spreadsheet-style header controls and column picker */
.inventory-all-tools{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin:8px 0 12px;color:#101820}
#inventory-column-picker{position:relative;z-index:5}
#inventory-column-picker summary,#inventory-clear-filters{list-style:none;cursor:pointer;background:#fff;color:#101820;border:1px solid #d5dde3;border-radius:8px;padding:8px 12px;font:inherit;font-size:12px}
.inventory-column-options{position:absolute;top:calc(100% + 5px);left:0;min-width:190px;background:#fff;color:#101820;border:1px solid #d5dde3;box-shadow:0 8px 22px #0002;border-radius:8px;padding:10px;display:grid;gap:9px;font-size:12px}
.inventory-column-options label{white-space:nowrap;cursor:pointer}
.inventory-header-controls{display:flex;align-items:center;justify-content:center;gap:5px;position:relative}
.inventory-header-filter{background:transparent;border:1px solid #ffffff55;color:#fff;border-radius:5px;cursor:pointer;font-size:13px;padding:0 5px}
.inventory-header-filter.is-active{background:#A5D9EB;color:#000}
.inventory-header-popup{position:absolute;top:calc(100% + 8px);left:0;z-index:10;min-width:205px;display:grid;gap:5px;background:#fff;color:#101820;padding:10px;border:1px solid #d5dde3;border-radius:8px;box-shadow:0 8px 22px #0003;text-align:left}
.inventory-header-popup[hidden]{display:none!important}
.inventory-header-popup input,.inventory-header-popup button{background:#fff;color:#101820;border:1px solid #d5dde3;border-radius:6px;padding:8px;font:inherit;font-size:12px;text-align:left}
.inventory-header-popup button{cursor:pointer}

/* Consistent, centered inventory grid with stable filter alignment. */
body.inventory-open .inventory-all-table{table-layout:auto;width:100%;border-collapse:separate;border-spacing:0;font-size:12px}
body.inventory-open .inventory-all-table th:nth-child(3){width:auto}
body.inventory-open .inventory-all-table th,
body.inventory-open .inventory-all-table td{box-sizing:border-box;text-align:center;vertical-align:middle;padding:13px 12px;line-height:1.4}
body.inventory-open .inventory-all-table th{height:56px;white-space:normal}
body.inventory-open .inventory-all-table td{min-width:88px;max-width:240px;overflow-wrap:break-word;word-break:normal}
body.inventory-open .inventory-all-table [data-column="model"]{min-width:185px;width:19%}
body.inventory-open .inventory-all-table [data-column="brand"]{min-width:115px}
body.inventory-open .inventory-all-table [data-column="reference"]{min-width:125px}
body.inventory-open .inventory-all-table [data-column="serial"]{min-width:100px}
body.inventory-open .inventory-all-table [data-column="sellPriceLocal"],
body.inventory-open .inventory-all-table [data-column="totalCost"]{min-width:118px;font-variant-numeric:tabular-nums}
body.inventory-open .inventory-all-table [data-column="stockStatus"]{min-width:95px}
body.inventory-open .inventory-header-controls{display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;justify-content:initial;column-gap:7px;min-height:30px;width:100%;position:relative}
body.inventory-open .inventory-header-label{text-align:center;line-height:1.2;overflow-wrap:normal}
body.inventory-open .inventory-header-filter{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid #ffffff70;border-radius:5px;line-height:1;font-size:12px;flex-shrink:0}
body.inventory-open .inventory-header-popup{left:auto;right:0;min-width:220px}
@media(max-width:1000px){
  body.inventory-open .inventory-all-table{min-width:1080px}
}

/* Inventory status labels, aligned with the light spreadsheet view. */
body.inventory-open .inventory-status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap;border:1px solid transparent}
body.inventory-open .inventory-status-pill[data-status="in-stock"]{background:#e5f5ec;color:#17613a;border-color:#b9e3ca}
body.inventory-open .inventory-status-pill[data-status="reserved"]{background:#fff1d6;color:#8b5600;border-color:#f2d397}
body.inventory-open .inventory-status-pill[data-status="sold"]{background:#e8eaf0;color:#424b61;border-color:#cdd3de}
body.inventory-open .inventory-status-pill[data-status="other"]{background:#edf3f7;color:#455b6c;border-color:#d5e0e8}

/* Whole Inventory personal layout and export controls */
body.inventory-open .inventory-all-tools{flex-wrap:wrap}
body.inventory-open .inventory-all-table th[draggable="true"]{cursor:grab}
body.inventory-open .inventory-all-table th[draggable="true"]:active{cursor:grabbing}
body.inventory-open #inventory-restore-layout,body.inventory-open #inventory-reset-layout{background:#fff;color:#000;border:1px solid #bbc6cd;border-radius:7px;padding:8px 12px}

/* Finance sales fields use brand-blue header treatment. */
body.inventory-open .inventory-all-table th[data-column="additionalCostsOfSale"],
body.inventory-open .inventory-all-table th[data-column="salePriceSgd"],
body.inventory-open .inventory-all-table th[data-column="dateOfSale"],
body.inventory-open .inventory-all-table th[data-column="soldBy"],
body.inventory-open .inventory-all-table th[data-column="saleCurrency"],
body.inventory-open .inventory-all-table th[data-column="salePriceForeign"],
body.inventory-open .inventory-all-table th[data-column="invoice"]{background:#A5D9EB;color:#000}
body.inventory-open .inventory-all-table th[data-column="additionalCostsOfSale"] .inventory-header-filter,
body.inventory-open .inventory-all-table th[data-column="salePriceSgd"] .inventory-header-filter,
body.inventory-open .inventory-all-table th[data-column="dateOfSale"] .inventory-header-filter,
body.inventory-open .inventory-all-table th[data-column="soldBy"] .inventory-header-filter,
body.inventory-open .inventory-all-table th[data-column="saleCurrency"] .inventory-header-filter,
body.inventory-open .inventory-all-table th[data-column="salePriceForeign"] .inventory-header-filter,
body.inventory-open .inventory-all-table th[data-column="invoice"] .inventory-header-filter{color:#000;border-color:#0005}

/* Whole Inventory toolbar refresh: consistent with finance page controls. */
#inventory-all-view .inventory-page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
#inventory-all-view .inventory-page-heading h2{font-size:27px;letter-spacing:-.035em;margin:12px 0 5px}
#inventory-all-view .inventory-page-description{font-size:13px;color:#65788b;margin:0;line-height:1.5}
#inventory-all-view .inventory-back-button{border:0;background:transparent;padding:0;color:#465d70;font-size:12px;font-weight:600;cursor:pointer}
#inventory-all-view .inventory-back-button:hover{color:#000;text-decoration:underline}
#inventory-all-view .inventory-search-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(160px,1fr);gap:12px;margin-bottom:12px}
#inventory-all-view .inventory-search-row input,#inventory-all-view .inventory-search-row select{width:100%;min-width:0;box-sizing:border-box;background:#fff;color:#101820;border:1px solid #d6dfe5;border-radius:11px;padding:12px 14px;font:inherit;font-size:13px;min-height:44px}
#inventory-all-view .inventory-toolbar{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:13px 14px;background:#fff;border:1px solid #e1e8ed;border-radius:13px;margin:10px 0 5px}
#inventory-all-view .inventory-toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#inventory-all-view .inventory-toolbar-layout{padding-right:14px;border-right:1px solid #e1e8ed}
#inventory-all-view .inventory-toolbar-layout label{font-size:10px;font-weight:750;letter-spacing:.08em;color:#6a7b8c}
#inventory-all-view .inventory-toolbar-export{margin-left:auto}
#inventory-all-view .inventory-action,#inventory-all-view #inventory-column-picker summary,#inventory-all-view #inventory-layout-type{box-sizing:border-box;min-height:36px;border:1px solid #d7e0e6;border-radius:9px;background:#fff;color:#16222d;padding:8px 12px;font:inherit;font-size:12px;font-weight:600;line-height:18px;cursor:pointer;white-space:nowrap}
#inventory-all-view #inventory-layout-type{padding-right:24px;max-width:190px}
#inventory-all-view .inventory-action-primary{background:#000!important;color:#fff!important;border-color:#000!important}
#inventory-all-view .inventory-action:hover,#inventory-all-view #inventory-column-picker summary:hover{border-color:#9bb7c8;background:#f2f8fb}
#inventory-all-view .inventory-action-primary:hover{background:#26313a!important}
#inventory-all-view .inventory-action:focus-visible,#inventory-all-view .inventory-back-button:focus-visible,#inventory-all-view select:focus-visible,#inventory-all-view input:focus-visible{outline:2px solid #A5D9EB;outline-offset:2px}
#inventory-all-view .inventory-action:disabled{opacity:.55;cursor:wait}
#inventory-all-view .inventory-inline-message{font-size:12px;margin:0}
#inventory-all-view .inventory-layout-feedback{display:block;font-size:12px;color:#465d70;min-height:16px;margin:0 0 8px}
#inventory-all-view #inventory-column-picker{z-index:20}
@media(max-width:950px){#inventory-all-view .inventory-toolbar-export{margin-left:0}#inventory-all-view .inventory-toolbar-layout{border-right:0;padding-right:0}}
@media(max-width:600px){#inventory-all-view .inventory-search-row{grid-template-columns:1fr}#inventory-all-view .inventory-page-heading{align-items:flex-start}#inventory-all-view .inventory-toolbar{padding:10px}#inventory-all-view .inventory-toolbar-group{width:100%}#inventory-all-view .inventory-toolbar-export{width:auto}}

/* Home screen background only. Other sections retain their existing background. */
body.collection-authenticated:not(.inventory-open):not(.finance-open):not(.watch-details-open):not(.sales-v1-open)::before {
  /* Homepage-only background: photo at 60% (owner 26 Oct 2026, was 48%). */
  opacity: 0.60;
  background-image: linear-gradient(90deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.28) 52%, rgba(0,0,0,0.08) 100%), url('https://cdn.shopify.com/s/files/1/0714/9060/1039/files/rmbgapp4.webp?v=1792409076');
}
/* Owner 27 Oct 10:14: 50% on the web; phones keep 60%. */
/* Owner 27 Oct 10:52: brighter again so the red velvet shows; a light fade on the left behind the text. */
@media(min-width:751px){body.collection-authenticated:not(.inventory-open):not(.finance-open):not(.watch-details-open):not(.sales-v1-open)::before{opacity:.66;filter:brightness(1.1) saturate(1.05);background-image:linear-gradient(90deg,rgba(6,8,10,.5) 0%,rgba(6,8,10,.2) 55%,rgba(6,8,10,0) 100%),url('https://cdn.shopify.com/s/files/1/0714/9060/1039/files/rmbgapp4.webp?v=1792409076')}}

/* Shared Owner/Staff inventory export controls: identical appearance in all states. */

/* Save Layout has the same Owner/Staff appearance, including permission-disabled state. */

/* Inventory submission entry uses the shared INPRO route and existing button palette. */
.inventory-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* Shared Inventory title action and INPRO form. */
.inventory-title-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.inventory-title-actions h2{margin:0}
#inpro-shared-view{background:#f6f9fb;color:#101820;padding:24px;border-radius:12px}
.inpro-shared-form{max-width:1050px}
.inpro-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:22px 0}
.inpro-fields label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}
.inpro-fields input{min-height:40px;box-sizing:border-box;width:100%;padding:9px 12px;border:1px solid #cad5dc;border-radius:8px;background:#fff;color:#000;font:inherit}
.inpro-fields input:focus{outline:2px solid #A5D9EB}
#inpro-form-status{font-size:13px;color:#555}
#inpro-shared-form button:disabled{opacity:.55;cursor:not-allowed}

/* New INPRO entry: ice-blue with black text, inverted on hover. */

/* INPRO uses the existing watch-details visual language. */
#inpro-shared-view{max-width:none;background:#f6f9fb}
.inpro-detail-heading{display:grid;grid-template-columns:minmax(180px,28%) 1fr;gap:24px;align-items:center;margin:18px 0 24px}
.inpro-detail-photo{display:grid;place-items:center;min-height:200px;padding:16px;background:#e8eff3;border:1px solid #dce5e9;border-radius:16px;color:#63737b;text-align:center}
.inpro-detail-heading h2{font-size:clamp(25px,3vw,38px);margin:12px 0}
.inpro-status{display:inline-block;padding:7px 12px;border-radius:999px;background:#A5D9EB;color:#000;font-size:12px;font-weight:700}
.inpro-gallery-preview,.inpro-detail-section{border:1px solid #dce5e9;border-radius:16px;background:#fff;padding:20px;margin:16px 0}
.inpro-gallery-preview p{margin:12px 0 6px}
.inpro-gallery-preview small{color:#65727a}
.inpro-detail-section h3{font-size:16px;margin:0 0 16px}
.inpro-detail-section .inpro-fields{margin:0}
@media(max-width:680px){.inpro-detail-heading{grid-template-columns:1fr}}

/* Final override: Add Submission hover must be pure black. */

/* INPRO detail layout follows the existing watch-detail cards. */
#inpro-shared-view{padding:0;background:transparent;border:0;color:#101820}
.inpro-shared-form{max-width:none}
.inpro-match-hero{display:grid;grid-template-columns:235px minmax(0,1fr);gap:22px;align-items:stretch;margin:0 0 12px}
.inpro-match-photo{background:#ecf1f4;border:1px solid #dfe7ed;border-radius:17px;min-height:210px;display:grid;place-items:center;text-align:center;padding:20px;color:#64788b}
.inpro-match-summary{min-width:0}
.inpro-match-summary h2{font-size:clamp(25px,3vw,36px);margin:14px 0}
.inpro-match-summary>p{color:#60758a}
.inpro-match-prices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:14px}
.inpro-match-prices label{background:#eaf3f8;border:1px solid #cbdde9;border-radius:13px;padding:10px;min-width:0}
.inpro-match-prices label:first-child{background:#d9f3ff;border-color:#8dd6f5}
.inpro-match-prices label:last-child{background:#f1f7fa}
.inpro-match-prices small{display:block;color:#516a7f;font-size:11px;margin-bottom:8px}
.inpro-match-prices input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #cad7e1;border-radius:6px;padding:7px;background:#fff;color:#000;font:inherit}
.inpro-match-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.inpro-match-card{background:#fff;border:1px solid #dce5ed;border-radius:13px;padding:16px;margin:0;min-width:0}
.inpro-match-card h3{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:14px}
.inpro-match-icon{width:29px;height:29px;display:inline-grid;place-items:center;border-radius:50%;background:#A5D9EB;color:#000}
.inpro-match-fields{display:flex;flex-direction:column;gap:10px}
.inpro-match-fields label{display:grid;grid-template-columns:42% minmax(0,1fr);align-items:center;gap:8px;font-size:12px;color:#566e82}
.inpro-match-fields input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #d0dde5;border-radius:7px;padding:8px;color:#101820;background:#fff;font:inherit}
.inpro-match-tabs{border-bottom:1px solid #e1e8ed;padding-bottom:12px;font-size:12px}
.inpro-match-gallery-note{color:#64788b;font-size:12px}
#inpro-shared-form>.inpro-match-card{margin:0 0 12px}
@media(max-width:1050px){.inpro-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inpro-match-prices{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.inpro-match-hero{grid-template-columns:1fr}.inpro-match-grid{grid-template-columns:1fr}.inpro-match-prices{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Route isolation: prevent Home's watch wallpaper and hero from bleeding into Inventory/INPRO. */
body.collection-authenticated.inventory-open::before,
body.collection-authenticated.inpro-open::before{display:none!important}
body.collection-authenticated.inventory-open .main,
body.collection-authenticated.inpro-open .main{background:#f6f9fb!important;color:#101820!important;min-height:100vh;padding:34px clamp(18px,3.5vw,56px) 70px}
body.collection-authenticated.inventory-open .main>.home-logo,
body.collection-authenticated.inventory-open .main>h1,
body.collection-authenticated.inventory-open .main>.subtitle,
body.collection-authenticated.inventory-open .main>.cards,
body.collection-authenticated.inpro-open .main>.home-logo,
body.collection-authenticated.inpro-open .main>h1,
body.collection-authenticated.inpro-open .main>.subtitle,
body.collection-authenticated.inpro-open .main>.cards{display:none!important}
body.collection-authenticated.inpro-open #inpro-shared-view{display:block}
body.collection-authenticated.inventory-open #inventory-all-view{display:flex}
body.collection-authenticated:not(.inventory-open):not(.inpro-open) #inventory-all-view,
body.collection-authenticated:not(.inpro-open) #inpro-shared-view{display:none!important}

/* Inventory primary creation action: rounded icon button beside title. */

/* Sixth INPRO card: clear, single-purpose photo/video selection. */
#inpro-shared-view .inpro-upload-card{min-width:0}
#inpro-shared-view .inpro-upload-target{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;min-height:190px;padding:22px 14px;background:#e9f6fb;border:2px dashed #69bad9;border-radius:18px;color:#000;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
#inpro-shared-view .inpro-upload-target:hover,#inpro-shared-view .inpro-upload-target:focus-within{background:#A5D9EB;border-color:#000;transform:translateY(-1px)}
#inpro-shared-view .inpro-upload-target strong{font-size:16px;line-height:1.3;font-weight:750}
#inpro-shared-view .inpro-upload-target span{font-size:12px;opacity:.75}
#inpro-shared-view .inpro-media-preview{display:flex;flex-direction:column;gap:6px;max-height:130px;overflow:auto}
#inpro-shared-view .inpro-media-item{font-size:12px;overflow-wrap:anywhere;padding:7px 10px;background:#f1f5f7;border-radius:8px}

/* New INPRO: persistent action bar; save remains disabled until secured API exists. */
#inpro-shared-view .inpro-shared-form{padding-bottom:22px}
#inpro-shared-view .inpro-submit-bar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px -8px 0;padding:15px 20px;background:rgba(255,255,255,.97);border:1px solid #e0e7ec;border-radius:18px;box-shadow:0 -6px 24px rgba(0,0,0,.08);backdrop-filter:blur(10px)}
#inpro-shared-view #inpro-form-status{margin:0;font-size:12px;color:#59636b;max-width:420px}
#inpro-shared-view .inpro-submit-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}
#inpro-shared-view .inpro-cancel-button,#inpro-shared-view .inpro-submit-button{border-radius:999px;padding:12px 19px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
#inpro-shared-view .inpro-cancel-button{background:#fff;border:1px solid #d0d8de;color:#111}
#inpro-shared-view .inpro-submit-button{display:inline-flex;align-items:center;gap:8px;background:#A5D9EB;border:1px solid #A5D9EB;color:#000}
#inpro-shared-view .inpro-submit-button:not(:disabled):hover{background:#000;border-color:#000;color:#fff}
#inpro-shared-view .inpro-submit-button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:680px){#inpro-shared-view .inpro-submit-bar{flex-direction:column;align-items:stretch;padding:12px;margin-left:0;margin-right:0}#inpro-shared-view .inpro-submit-actions{justify-content:flex-end}#inpro-shared-view .inpro-cancel-button,#inpro-shared-view .inpro-submit-button{padding:11px 13px}}

/* INPRO condition dropdown matches form input controls. */
#inpro-shared-view #inpro-condition-select{width:100%;min-height:39px;border:1px solid #d8e0e5;border-radius:9px;background:#fff;color:#101820;padding:9px 12px;font:inherit}
#inpro-shared-view #inpro-condition-select:focus{outline:2px solid #A5D9EB;outline-offset:1px}
#inpro-shared-view #inpro-condition-help{display:block;margin-top:6px;font-size:11px;line-height:1.35;color:#66727c}

/* INPRO dropdowns match the adjacent editable cells. */
#inpro-shared-form .inpro-match-fields select{box-sizing:border-box;width:100%;min-width:0;min-height:34px;border:1px solid #d0dde5;border-radius:7px;padding:8px 30px 8px 8px;color:#101820;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23101820' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;-webkit-appearance:none;font:inherit;font-size:12px;font-weight:400;cursor:pointer}
#inpro-shared-form .inpro-match-fields select:focus-visible{outline:2px solid #A5D9EB;outline-offset:1px}

/* Compact incomplete INPRO marker inside the existing Unique ID cell. */
.inventory-inpro-incomplete{display:inline-grid;place-items:center;margin-left:7px;width:16px;height:16px;vertical-align:middle;border:1.5px solid #b46b0a;border-radius:50%;color:#b46b0a;background:#fff7e8;font-size:11px;font-weight:800;line-height:1;cursor:help}

/* Staff-editable completion control: unobtrusive when complete, amber when incomplete. */
.inventory-inpro-toggle{display:inline-grid;place-items:center;margin-left:7px;width:17px;height:17px;vertical-align:middle;border:1px solid #b8c4ca;border-radius:50%;background:transparent;color:#b8c4ca;font-size:11px;font-weight:800;line-height:1;cursor:pointer;opacity:.25;padding:0}
.inventory-all-table tr:hover .inventory-inpro-toggle,.inventory-inpro-toggle:focus-visible,.inventory-inpro-toggle.is-incomplete{opacity:1}
.inventory-inpro-toggle.is-incomplete{border-color:#b46b0a;color:#b46b0a;background:#fff7e8}
.inventory-inpro-toggle:focus-visible{outline:2px solid #A5D9EB;outline-offset:2px}
.inventory-inpro-toggle:disabled{cursor:wait;opacity:.5}

/* Keep optional warranty notes aligned with the other INPRO form cells. */
#inpro-shared-form .inpro-match-fields textarea{box-sizing:border-box;width:100%;min-width:0;min-height:35px;max-width:100%;resize:vertical;border:1px solid #d0dde5;border-radius:7px;padding:8px;color:#101820;background:#fff;font:inherit;font-size:12px;line-height:1.4}
#inpro-shared-form .inpro-match-fields textarea:focus-visible{outline:2px solid #A5D9EB;outline-offset:1px}
/* Watch Details edit dropdowns should look like regular editable fields. */
#watch-detail-view select.wd-edit-input{width:100%;min-width:0;max-width:100%;border:1px solid #d0dde5;border-radius:7px;padding:8px;color:#101820;background:#fff;font:inherit;font-size:12px;cursor:pointer}

/* Unified back navigation across INPRO, Inventory, Finance and Watch Details. */
#inpro-back,
#inventory-all-back,
#finance-back,
#watch-detail-back{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  min-height:32px;
  margin:0 0 14px;
  padding:6px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#465d70;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:600;
  line-height:20px;
  letter-spacing:0;
  text-transform:none;
  text-decoration:none;
  cursor:pointer;
}
#inpro-back:hover,#inventory-all-back:hover,#finance-back:hover,#watch-detail-back:hover{color:#000;text-decoration:underline}
#inpro-back:focus-visible,#inventory-all-back:focus-visible,#finance-back:focus-visible,#watch-detail-back:focus-visible{outline:2px solid #A5D9EB;outline-offset:3px}

/* Keep finance navigation and canvas coherent even if a separate nav handler clears the body state. */
body:has(#finance-view:not([hidden])) .main{background:#f6f9fb!important;color:#101820!important;min-height:100vh;padding:40px clamp(20px,5vw,72px)!important}
body:has(#finance-view:not([hidden])) .main > :not(#finance-view){display:none!important}
body:has(#finance-view:not([hidden]))::before{display:none!important}
body:has(#finance-view:not([hidden])) #finance-view{display:block!important;max-width:1050px;margin:0 auto;color:#101820}

/* Keep Condition's dropdown chevron identical to other INPRO selects. */
#inpro-shared-form .inpro-match-fields #inpro-condition-select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23101820' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;-webkit-appearance:none;padding-right:30px}

/* Match editable Brand field to the other INPRO dropdowns. */
#inpro-shared-form .inpro-match-fields #inpro-brand{min-height:34px;padding:8px 30px 8px 8px;font-size:12px;font-weight:400;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23101820' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;-webkit-appearance:none;cursor:text}
#inpro-shared-form .inpro-match-fields #inpro-brand:focus-visible{outline:2px solid #A5D9EB;outline-offset:1px}

/* Brand combobox uses the same light menu treatment as native INPRO selects. */
#inpro-shared-form .inpro-brand-combobox{position:relative;min-width:0}
#inpro-shared-form .inpro-brand-options{position:absolute;z-index:40;top:calc(100% + 5px);left:0;right:0;max-height:290px;overflow-y:auto;background:#fff;color:#101820;border:1px solid #cbd5df;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);padding:5px 0}
#inpro-shared-form .inpro-brand-options[hidden],#inpro-shared-form .inpro-brand-option[hidden]{display:none!important}
#inpro-shared-form .inpro-brand-option{display:block;width:100%;border:0;background:#fff;color:#101820;text-align:left;padding:10px 14px;font:inherit;font-size:14px;font-weight:400;cursor:pointer}
#inpro-shared-form .inpro-brand-option:hover,#inpro-shared-form .inpro-brand-option:focus-visible{background:#e8f4fa;outline:none}


/* Watch Gallery: restrained luxury controls and photo-first selection. */
#watch-detail-view .wd-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;margin:2px 0 16px;padding:0 0 12px;border-bottom:1px solid #e5e9ec}
#watch-detail-view .wd-gallery-toolbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
#watch-detail-view .wd-gallery-toolbar button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 13px;border:1px solid #d8dfe4;border-radius:8px;background:#fff;color:#15191c;font:600 12px/1.3 Arial,Helvetica,sans-serif;letter-spacing:0;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
#watch-detail-view .wd-gallery-toolbar button:hover:not(:disabled){background:#f3f7f9;border-color:#aebdc5}
#watch-detail-view .wd-gallery-toolbar button:focus-visible{outline:2px solid #A5D9EB;outline-offset:2px}
#watch-detail-view .wd-gallery-toolbar button:disabled{opacity:.4;cursor:not-allowed}
#watch-detail-view .wd-gallery-toolbar .wd-gallery-select{margin-left:auto;background:#000;color:#fff;border-color:#000;min-width:74px}
#watch-detail-view .wd-gallery-toolbar .wd-gallery-select:hover{background:#292929;border-color:#292929;color:#fff}
#watch-detail-view .wd-gallery-toolbar .wd-gallery-delete{color:#a23636;border-color:#ead6d6}
#watch-detail-view .wd-gallery-toolbar .wd-gallery-delete:hover:not(:disabled){background:#fff3f3;border-color:#d8a9a9}
#watch-detail-view .wd-gallery-count{color:#5e6c75;font:500 12px Arial,Helvetica,sans-serif;white-space:nowrap;margin-right:5px}
#watch-detail-view .wd-gallery-toolbar [hidden],#watch-detail-view .wd-gallery-checkbox[hidden]{display:none!important}
#watch-detail-view .wd-gallery-tile{position:relative;min-width:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#f5f7f8;transition:border-color .15s,box-shadow .15s}
#watch-detail-view .wd-gallery-tile.is-selected{border-color:#A5D9EB;box-shadow:0 0 0 2px rgba(165,217,235,.25)}
#watch-detail-view .wd-gallery-tile>a{display:block;overflow:hidden;border-radius:8px}
#watch-detail-view .wd-gallery-tile>a img{display:block;width:100%;height:auto;object-fit:cover}
#watch-detail-view .wd-gallery-checkbox{position:absolute;top:9px;right:9px;z-index:2;width:20px;height:20px;accent-color:#000;cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.18)}
@media(max-width:600px){#watch-detail-view .wd-gallery-toolbar{align-items:flex-start}#watch-detail-view .wd-gallery-toolbar-left{gap:6px}#watch-detail-view .wd-gallery-toolbar button{padding:7px 10px}#watch-detail-view .wd-gallery-count{width:100%}}


/* Compact gallery actions share the Add Media row. */
#watch-detail-view .wd-gallery-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#watch-detail-view .wd-gallery-actions .wd-gallery-toolbar{display:flex;align-items:center;gap:7px;min-height:0;margin:0;padding:0;border:0}
#watch-detail-view .wd-gallery-actions .wd-gallery-toolbar-left{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#watch-detail-view .wd-gallery-actions .wd-gallery-toolbar button{min-height:28px;padding:5px 9px;font-size:11px;border-radius:7px}
#watch-detail-view .wd-gallery-actions .wd-gallery-select{min-width:0;margin:0}
#watch-detail-view .wd-gallery-actions .wd-gallery-toolbar [hidden]{display:none!important}


/* Main photo choice, independent of bulk selection. */
#watch-detail-view .wd-gallery-tile .wd-main-photo-star{position:absolute;top:8px;left:8px;z-index:3;display:flex;align-items:center;justify-content:center;width:29px;height:29px;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:rgba(255,255,255,.95);color:#111;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12)}
#watch-detail-view .wd-gallery-tile .wd-main-photo-star:hover{background:#A5D9EB}
#watch-detail-view .wd-gallery-tile .wd-main-photo-star:focus-visible{outline:2px solid #A5D9EB;outline-offset:2px}


/* Quiet main-photo control: a floating circular star, not a default browser button. */
#watch-detail-view .wd-gallery-tile .wd-main-photo-star{
  appearance:none!important;-webkit-appearance:none!important;
  position:absolute!important;top:10px!important;left:10px!important;right:auto!important;
  z-index:5!important;display:grid!important;place-items:center!important;
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  margin:0!important;padding:0!important;border:1px solid rgba(20,24,28,.12)!important;
  border-radius:50%!important;background:rgba(255,255,255,.92)!important;
  color:#3b454c!important;font:400 21px/1 Arial,Helvetica,sans-serif!important;
  text-align:center!important;letter-spacing:0!important;
  box-shadow:0 2px 9px rgba(0,0,0,.12)!important;cursor:pointer;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
#watch-detail-view .wd-gallery-tile .wd-main-photo-star:hover{background:#fff!important;transform:scale(1.06)}
#watch-detail-view .wd-gallery-tile .wd-main-photo-star.is-main{background:#000!important;border-color:#000!important;color:#A5D9EB!important}
#watch-detail-view .wd-gallery-tile .wd-main-photo-star:focus-visible{outline:2px solid #A5D9EB!important;outline-offset:3px}
#watch-detail-view .wd-gallery-tile .wd-main-photo-star:disabled{opacity:.65;cursor:wait}


/* Fullscreen gallery viewer */
.wd-photo-viewer{box-sizing:border-box;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:#101214;color:#fff;overflow:hidden}
.wd-photo-viewer::backdrop{background:rgba(0,0,0,.92)}
.wd-viewer-header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#cbd1d5;font:500 13px Arial,Helvetica,sans-serif}
.wd-viewer-header button{border:0;background:transparent;color:#fff;font-size:23px;cursor:pointer;padding:8px}
.wd-viewer-stage{display:grid;grid-template-columns:50px minmax(0,1fr) 50px;align-items:center;height:calc(100dvh - 128px);gap:8px;padding:0 16px;box-sizing:border-box}
.wd-viewer-stage img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;min-height:0}
.wd-viewer-stage button{border:0;border-radius:50%;width:40px;height:40px;background:#303437;color:#fff;font-size:32px;cursor:pointer}
.wd-viewer-stage button:disabled{opacity:.15;cursor:default}
.wd-viewer-footer{display:flex;align-items:center;justify-content:center;gap:10px;min-height:70px;padding:8px 15px;box-sizing:border-box}
.wd-viewer-footer button,.wd-viewer-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;border:1px solid #62676a;border-radius:8px;background:#262b2f;color:#fff;font:600 12px Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer}
.wd-viewer-footer .is-main{background:#A5D9EB;color:#000;border-color:#A5D9EB}
.wd-viewer-footer [hidden]{display:none!important}
@media(max-width:600px){.wd-viewer-stage{grid-template-columns:30px minmax(0,1fr) 30px;padding:0 5px;gap:2px}.wd-viewer-stage button{width:30px;height:34px;font-size:24px}.wd-viewer-footer{gap:7px}.wd-viewer-footer button,.wd-viewer-footer a{padding:8px;font-size:11px}}


/* Ensure native modal viewer overrides any global dialog/card styling. */
dialog.wd-photo-viewer[open]{position:fixed!important;inset:0!important;display:block!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#101214!important;color:#fff!important;z-index:99999!important}
dialog.wd-photo-viewer .wd-viewer-stage{height:calc(100dvh - 128px)!important}
#watch-detail-view .wd-completion-button{margin:0 0 12px 8px;vertical-align:middle}
#watch-detail-view .wd-completion-button[hidden],.inventory-inpro-toggle[hidden]{display:none!important}
.inpro-completion-choice{display:inline-flex;align-items:center;gap:8px;margin:8px 0 12px;padding:7px 11px;border:1px solid #dce4e9;border-radius:8px;font-size:12px;font-weight:600}
.inpro-completion-choice input{accent-color:#000}


/* Apple Photos-inspired viewer: large image, discreet filmstrip and touch navigation. */
dialog.wd-photo-viewer .wd-viewer-stage{height:calc(100dvh - 214px)!important}
.wd-viewer-filmstrip{display:flex;align-items:center;justify-content:safe center;gap:7px;height:86px;max-width:100%;padding:9px 20px;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scroll-behavior:smooth;overscroll-behavior-x:contain}
.wd-viewer-filmstrip .wd-viewer-thumb{flex:0 0 62px;width:62px;height:62px;margin:0;padding:2px;border:2px solid transparent;border-radius:8px;background:transparent;opacity:.58;cursor:pointer;transition:opacity .15s,border-color .15s,transform .15s}
.wd-viewer-filmstrip .wd-viewer-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}
.wd-viewer-filmstrip .wd-viewer-thumb.is-current{opacity:1;border-color:#A5D9EB;transform:translateY(-2px)}
.wd-viewer-filmstrip .wd-viewer-thumb:hover{opacity:1}
.wd-viewer-filmstrip .wd-viewer-thumb:focus-visible{outline:2px solid #A5D9EB;outline-offset:2px}
dialog.wd-photo-viewer .wd-viewer-stage{touch-action:pan-y}
@media(max-width:600px){dialog.wd-photo-viewer .wd-viewer-stage{height:calc(100dvh - 206px)!important}.wd-viewer-filmstrip{height:78px;gap:5px;padding:8px 12px}.wd-viewer-filmstrip .wd-viewer-thumb{flex-basis:54px;width:54px;height:54px}}


/* Minimal main-photo star: small icon only, no circular backdrop. */
#watch-detail-view .wd-gallery-tile .wd-main-photo-star,
#watch-detail-view .wd-gallery-tile .wd-main-photo-star.is-main{
 appearance:none!important;-webkit-appearance:none!important;
 top:7px!important;left:7px!important;width:20px!important;height:20px!important;
 min-width:20px!important;min-height:20px!important;padding:0!important;margin:0!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 color:#fff!important;font:400 17px/1 Arial,Helvetica,sans-serif!important;
 text-shadow:0 1px 4px rgba(0,0,0,.8)!important;
}
#watch-detail-view .wd-gallery-tile .wd-main-photo-star.is-main{color:#A5D9EB!important}
#watch-detail-view .wd-gallery-tile .wd-main-photo-star:hover{background:transparent!important;transform:scale(1.1)}
#watch-detail-view .wd-completion-button{margin:0 4px!important;align-self:center;flex:none}
.inventory-inpro-toggle[hidden]{display:none!important}


/* Read-only incomplete marker in Item column with breathing room. */
.inventory-all-table td .inventory-inpro-incomplete{display:inline-grid;place-items:center;margin:0 10px 0 0;vertical-align:middle;cursor:default;pointer-events:none;flex-shrink:0}
#watch-detail-view .wd-edit-actions{display:inline-flex;align-items:center;gap:8px}
#watch-detail-view .wd-edit-actions .wd-completion-button{display:inline-grid;place-items:center;box-sizing:border-box;margin:0!important;width:23px;height:23px;min-width:23px;min-height:23px;padding:0;border-radius:50%;font-size:13px;line-height:1;vertical-align:middle}


/* Tiny, unframed main-photo star with absolutely no shadow. */
#watch-detail-view .wd-gallery-tile .wd-main-photo-star,
#watch-detail-view .wd-gallery-tile .wd-main-photo-star.is-main{
 width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;
 top:7px!important;left:7px!important;padding:0!important;
 font-size:12px!important;line-height:15px!important;
 border:0!important;background:none!important;box-shadow:none!important;
 text-shadow:none!important;filter:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
#watch-detail-view .wd-gallery-tile .wd-main-photo-star:hover{
 background:none!important;box-shadow:none!important;text-shadow:none!important;
}
/* Even smaller main-photo circle (owner 31 Oct). */
#watch-detail-view .wd-gallery-tile .wd-main-photo-star,
#watch-detail-view .wd-gallery-tile .wd-main-photo-star.is-main{
 width:11px!important;height:11px!important;min-width:11px!important;min-height:11px!important;
 top:6px!important;left:6px!important;font-size:8px!important;line-height:11px!important;
}
#watch-detail-view .wd-gallery-tile .wd-main-photo-star svg{width:11px!important;height:11px!important}


/* Inline INPRO incomplete toggle beside New status. */
#inpro-shared-form .inpro-incomplete-toggle{display:inline-grid;place-items:center;vertical-align:middle;width:22px;height:22px;min-width:22px;min-height:22px;margin-left:8px;padding:0;border-radius:50%;font-size:12px;line-height:1}
#inpro-shared-form .inpro-status{display:inline-flex;vertical-align:middle;align-items:center}

/* Shared desktop navigation geometry: prevent lateral shift between Home and Staff Access. */
@media (min-width: 751px) {
  html { scrollbar-gutter: stable; }
  .sidebar { width:218px; min-width:218px; }
  body.collection-authenticated:not(.inventory-open):not(.inpro-open):not(.finance-open):not(.watch-details-open) .main > h1 {
    font-size:clamp(38px,5vw,70px) !important;
    line-height:1.12;
    font-weight:400;
  }
}

/* Sales submission, scoped to its own view. */
.sales-v1-page{color:#101820;max-width:1050px;margin:20px auto 50px;padding:8px 18px}
.sales-v1-page h2{font-size:28px;margin:10px 0}
.sales-v1-hint{color:#65788b;font-size:13px;margin-bottom:20px}
.sales-v1-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;background:#fff;border:1px solid #e1e8ed;border-radius:16px;padding:24px}
.sales-v1-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;color:#263746}
.sales-v1-form input,.sales-v1-form select,.sales-v1-form textarea{box-sizing:border-box;width:100%;min-height:41px;border:1px solid #d7e0e6;border-radius:9px;padding:10px 12px;background:#fff;color:#101820;font:inherit;font-size:13px}
.sales-v1-payments,.sales-v1-wide,.sales-v1-footer{grid-column:1/-1}
.sales-v1-payments{background:#f7fafc;border-radius:12px;padding:15px}
.sales-v1-payment-heading,.sales-v1-payment-row,.sales-v1-footer{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sales-v1-payment-heading{justify-content:space-between;margin-bottom:10px}
.sales-v1-payment-row{margin:8px 0}.sales-v1-payment-row select{flex:1;min-width:170px}.sales-v1-payment-row input{flex:1;min-width:130px}
.sales-v1-payments p{font-size:12px;color:#65788b}
.sales-v1-page button{cursor:pointer;border:1px solid #d7e0e6;border-radius:9px;background:#fff;padding:9px 13px;color:#16222d;font-weight:600}
.sales-v1-page #sales-v1-submit{background:#000;color:#fff;border-color:#000}
.sales-v1-page #sales-v1-submit:disabled{opacity:.5}
.sales-v1-footer span{font-size:12px}
body.sales-v1-open #sales-v1-view{display:block}
@media(max-width:650px){.sales-v1-form{grid-template-columns:1fr;padding:14px}.sales-v1-page{padding:6px}}
.sales-v1-review-card{background:#fff;border:1px solid #d9e6ed;border-radius:12px;padding:15px;margin:10px 0;color:#17232d}
.sales-v1-review-card strong{display:block;font-size:15px}
.sales-v1-review-card p{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.sales-v1-review-card span{font-size:12px;color:#647b87}

/* Sales Submission: match New Watch Submission, no home photograph or cards. */
body.sales-v1-open::before{display:none!important}
body.sales-v1-open #protected-app .main{background:#f6f9fb!important;color:#101820!important;min-height:100vh}
body.sales-v1-open #sales-v1-view{position:relative;z-index:1;background:#f6f9fb;color:#101820;max-width:none;margin:0;padding:24px clamp(18px,4vw,56px) 48px;min-height:100vh}
body.sales-v1-open #sales-v1-view h2{font-family:inherit;font-size:clamp(24px,3vw,34px);font-weight:600;color:#101820}
body.sales-v1-open #sales-v1-view .sales-v1-form{max-width:1050px;margin:20px auto;background:#fff}
body.sales-v1-open #sales-v1-view .finance-eyebrow,body.sales-v1-open #sales-v1-view .sales-v1-hint{color:#566b79}
body.sales-v1-open #sales-v1-view .sales-v1-form label{font-size:13px;font-weight:600}
body.sales-v1-open #sales-v1-view .sales-v1-form input,body.sales-v1-open #sales-v1-view .sales-v1-form select{min-height:40px}
body.sales-v1-open #sales-v1-view [hidden]{display:none!important}

/* Shared page-title standard: match Sales Submission heading. */
body.inventory-open #inventory-all-view .inventory-title-actions h2,
#inpro-shared-view .inpro-match-summary h2,
#inpro-shared-view .inpro-detail-heading h2,
body.sales-v1-open #sales-v1-view h2 {
  font-family:inherit;
  font-size:clamp(24px,3vw,34px) !important;
  font-weight:600 !important;
  line-height:1.2;
  letter-spacing:normal;
}

/* Align Sales Submission header and Back to Home with Finance page geometry. */
body.sales-v1-open .main{padding:40px clamp(20px,5vw,72px)!important}
body.sales-v1-open #sales-v1-view{max-width:1050px;margin:0 auto 50px;padding:0!important}
body.sales-v1-open #sales-v1-back{display:block;margin:0;padding:8px 0 24px;border:0;background:transparent;color:#334c59;font-weight:400;text-align:left;line-height:normal}
body.sales-v1-open #sales-v1-view>h2{margin:10px 0 24px;text-align:left}
@media(max-width:600px){body.sales-v1-open .main{padding:25px 18px 110px!important}}

/* ===== Inventory page (2026-10-24 redesign). Classes start with inv- ===== */
.inv-page{--inv-ink:#101820;--inv-muted:#4A5865;--inv-soft:#5E6B77;--inv-line:#E3E8EC;--inv-line2:#D5DDE3;--inv-bg:#F4F7F9;--inv-blue:#A5D8EA;--inv-deep:#17536B;
  color:var(--inv-ink);font-variant-numeric:tabular-nums;display:flex;flex-direction:column;gap:20px;max-width:1500px}
.inv-page[hidden]{display:none!important}
.inv-back{align-self:flex-start;border:0;background:transparent;padding:4px 0;color:#465d70;font-size:12px;font-weight:600;cursor:pointer}
.inv-back:hover{color:#000;text-decoration:underline}
.inv-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.inv-head h2{margin:0;font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--inv-ink)}
.inv-sub{margin:6px 0 0;font-size:13px;color:var(--inv-soft)}
.inv-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.inv-btn{height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--inv-line2);background:#fff;border-radius:10px;color:var(--inv-ink);font-weight:500;font-size:14px;line-height:1.2;font-family:inherit;cursor:pointer;text-decoration:none;box-sizing:border-box;white-space:nowrap}
.inv-btn:hover{border-color:#9AA5AF}
.inv-btn:disabled{opacity:.55;cursor:default}
.inv-btn-primary{background:#000;border-color:#000;color:#fff;font-weight:600}
.inv-btn-primary:hover{background:#1b232b;border-color:#1b232b;color:#fff}
.inv-icon-btn{height:36px;min-width:36px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--inv-line);background:#fff;border-radius:8px;color:var(--inv-ink);font-size:16px;line-height:1;cursor:pointer;font-family:inherit}
.inv-icon-btn:disabled{color:#C3CBD2;cursor:default}
.inv-icon-lg{height:44px;width:44px;border-color:var(--inv-line2);border-radius:10px}
.inv-btn:focus-visible,.inv-icon-btn:focus-visible,.inv-tab:focus-visible,.inv-kpi:focus-visible,.inv-seg button:focus-visible,.inv-watch:focus-visible,.inv-preset:focus-visible,.inv-chip:focus-visible,.inv-link:focus-visible{outline:2px solid var(--inv-deep);outline-offset:2px}
.inv-menu{position:relative}
.inv-menu summary{list-style:none}
.inv-menu summary::-webkit-details-marker{display:none}
.inv-menu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:170px;display:flex;flex-direction:column;padding:6px;background:#fff;border:1px solid var(--inv-line2);border-radius:10px;box-shadow:0 12px 30px rgba(16,24,32,.15)}
.inv-menu-list button{min-height:40px;text-align:left;padding:0 12px;border:0;background:transparent;border-radius:6px;color:var(--inv-ink);font-size:14px;font-family:inherit;cursor:pointer}
.inv-menu-list button:hover{background:var(--inv-bg)}
.inv-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.inv-kpi{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;padding:16px 18px;border-radius:12px;background:#fff;border:1px solid var(--inv-line);cursor:pointer;font-family:inherit;color:var(--inv-ink)}
.inv-kpi.is-active{border:2px solid var(--inv-ink);padding:15px 17px}
.inv-kpi-static{cursor:default}
.inv-kpi.k-blue{background:#E6F4FA;border-color:#B9E0F0}.inv-kpi.k-blue .inv-kpi-note{color:#1F6F8B}
.inv-kpi.k-amber{background:#FDF4E3;border-color:#F1DDB0}.inv-kpi.k-amber .inv-kpi-note{color:#7A4E07}
.inv-kpi.k-green{background:#E9F6EE;border-color:#C3E5CF}.inv-kpi.k-green .inv-kpi-note{color:#2C7047}
.inv-kpi.k-orange{background:#FFF1E8;border-color:#F3B48C}.inv-kpi.k-orange .inv-kpi-note{color:#A3360A}
.inv-kpi.k-slate{background:#EEF1F6;border-color:#D3DAE4}.inv-kpi.k-slate .inv-kpi-note{color:#46566A}
.inv-kpi.is-active{border-color:var(--inv-ink)}
.inv-kpi-label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--inv-muted)}
.inv-kpi-value{font-size:26px;font-weight:700;letter-spacing:-.02em}
.inv-kpi-note{font-size:12px;color:var(--inv-soft)}
.inv-card{background:#fff;border:1px solid var(--inv-line);border-radius:14px;display:flex;flex-direction:column;min-width:0}
.inv-tabs{display:flex;gap:4px;padding:6px 12px 0;border-bottom:1px solid var(--inv-line);overflow-x:auto}
.inv-tab{height:46px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;cursor:pointer;font-weight:500;font-size:14px;line-height:1.2;font-family:inherit;color:var(--inv-muted);white-space:nowrap}
.inv-tab[aria-selected="true"]{color:var(--inv-ink);font-weight:600;border-bottom-color:var(--inv-ink)}
.inv-tab-count{min-width:20px;padding:1px 7px;border-radius:999px;font-size:12px;font-weight:600;text-align:center;background:#EEF2F5;color:var(--inv-muted)}
.inv-tab[aria-selected="true"] .inv-tab-count{background:var(--inv-blue);color:#000}
.inv-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 16px}
.inv-search{flex:1 1 280px;min-width:220px;height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--inv-line2);border-radius:10px;background:#fff;box-sizing:border-box;color:var(--inv-soft)}
.inv-search:focus-within{border-color:var(--inv-deep);box-shadow:0 0 0 3px rgba(23,83,107,.15)}
body.inventory-open .inv-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:14px;color:var(--inv-ink);padding:0;height:auto;box-shadow:none}
body.inventory-open .inv-search input::placeholder{color:#64748b;opacity:1;-webkit-text-fill-color:#64748b}
.inv-field{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--inv-muted)}
body.inventory-open .inv-field select{height:40px;padding:0 10px;border:1px solid var(--inv-line2);border-radius:8px;background:#fff;font-weight:600;font-size:14px;line-height:1.2;font-family:inherit;color:var(--inv-ink);cursor:pointer}
.inv-seg{display:inline-flex;padding:3px;background:#EEF2F5;border-radius:10px}
.inv-seg button{height:38px;min-width:44px;padding:0 12px;border:0;border-radius:8px;background:transparent;font-weight:500;font-size:13px;line-height:1.2;font-family:inherit;color:var(--inv-muted);cursor:pointer}
.inv-seg button[aria-pressed="true"]{background:#fff;color:var(--inv-ink);font-weight:600;box-shadow:0 1px 2px rgba(16,24,32,.12)}
.inv-columns-wrap{position:relative;margin-left:auto}
#inv-columns-btn.is-open{background:var(--inv-ink);border-color:var(--inv-ink);color:#fff}
.inv-muted-inline{font-weight:400;opacity:.8}
.inv-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 16px 12px}
.inv-chips[hidden]{display:none}
.inv-chip{height:32px;padding:0 10px 0 12px;display:inline-flex;align-items:center;gap:8px;border:0;background:#EAF6FA;border-radius:999px;font-weight:500;font-size:12px;line-height:1.2;font-family:inherit;color:#0E3A4C;cursor:pointer}
.inv-link{border:0;background:transparent;padding:4px;font-weight:600;font-size:12px;line-height:1.2;font-family:inherit;color:var(--inv-deep);text-decoration:underline;cursor:pointer}
.inv-message{margin:0;padding:0 16px;font-size:13px;color:var(--inv-muted)}
.inv-message:empty{display:none}
.inv-table-wrap{overflow-x:auto;border-top:1px solid var(--inv-line)}
.inv-table{width:100%;min-width:900px;border-collapse:collapse;font-size:13px;background:#fff}
.inv-table th{position:sticky;top:0;background:#F8FAFB;padding:10px 12px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--inv-muted);border-bottom:1px solid var(--inv-line);text-align:left;white-space:nowrap;cursor:grab}
.inv-table td{padding:10px 12px;border-bottom:1px solid #EEF2F5;color:#2E3A45;vertical-align:middle;max-width:260px;overflow-wrap:anywhere}
.inv-table .is-num{text-align:right;white-space:nowrap}
.inv-table td.is-strong{color:var(--inv-ink);font-weight:600}
.inv-table td.is-accent{color:var(--inv-deep);font-weight:600}
.inv-table td.is-aged{color:#9A3412;font-weight:600}
.inv-table tbody tr{cursor:pointer}
.inv-table tbody tr:hover td{background:#F1F9FC}
.inv-watch{display:flex;align-items:center;gap:10px;min-height:44px;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;color:var(--inv-ink);font-family:inherit}
.inv-watch-text{display:flex;flex-direction:column;gap:2px}
.inv-watch-name{font-size:14px;font-weight:400}
.inv-watch-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12px;color:var(--inv-soft)}.inv-id{white-space:nowrap}
.inv-new{padding:1px 6px;border-radius:4px;background:var(--inv-blue);color:#000;font-size:10px;font-weight:700;letter-spacing:.04em}
.inv-missing{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;background:#FFF1E6;color:#9A3412;font-size:11px;font-weight:600;white-space:nowrap}
.inv-complete{margin-top:6px;min-height:32px;padding:0 10px 0 8px;display:inline-flex;align-items:center;gap:6px;border:1px solid #F6C9A6;border-radius:8px;background:#FFF4EC;color:#9A3412;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.inv-complete-mark{width:14px;height:14px;border-radius:50%;background:#C2410C;color:#fff;font-size:9px;line-height:1;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.inv-complete:hover{background:#FFE8D6}
.inv-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:#EDF3F7;color:#455B6C}
.inv-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}
.inv-status[data-status="in-stock"]{background:#E3F3F9;color:#14506A}
.inv-status[data-status="pending"]{background:#FFF1DB;color:#8A4A00}
.inv-status[data-status="sold"]{background:#ECEFF2;color:#3E4954}
.inv-empty{padding:40px 16px!important;text-align:center!important;cursor:default}
.inv-empty strong,.inv-empty span{display:block}
.inv-empty span{margin-top:4px;color:var(--inv-soft)}
.inv-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid var(--inv-line);font-size:13px;color:var(--inv-muted)}
.inv-foot .inv-btn[hidden]{display:none}
/* Columns & presets panel */
.inv-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:min(400px,calc(100vw - 32px));max-height:min(78vh,720px);overflow-y:auto;background:#fff;border:1px solid var(--inv-line2);border-radius:14px;box-shadow:0 16px 40px rgba(16,24,32,.18);color:var(--inv-ink);text-align:left}
.inv-panel[hidden]{display:none}
.inv-panel-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid var(--inv-line)}
.inv-panel-head h2{margin:0;font-size:15px;font-weight:700;color:var(--inv-ink)}
.inv-panel-section{padding:12px 16px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--inv-line)}
.inv-panel-section:last-child{border-bottom:0}
.inv-panel-title{margin:0;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--inv-muted)}
.inv-panel-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}
.inv-preset-row{display:flex;align-items:center;gap:6px}
.inv-preset{flex:1;min-height:40px;display:flex;align-items:center;gap:10px;padding:0 10px;border:1px solid var(--inv-line);background:#fff;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;line-height:1.2;font-family:inherit;color:var(--inv-ink);text-align:left}
.inv-preset.is-active{border-color:var(--inv-ink);background:var(--inv-bg);font-weight:600}
.inv-radio{width:14px;height:14px;border-radius:50%;box-sizing:border-box;border:1.5px solid #9AA5AF;flex:0 0 auto}
.inv-preset.is-active .inv-radio{border:4px solid var(--inv-ink)}
.inv-preset-name{flex:1}
.inv-preset-tag{font-size:11px;color:var(--inv-soft);font-weight:500}
.inv-star{height:40px;width:40px;color:#9AA5AF;border-color:transparent}
.inv-star.is-on{color:var(--inv-deep);background:#EAF6FA}
.inv-col-row{display:flex;align-items:center;gap:6px}
.inv-col-row.is-off .inv-col-label span:first-of-type{color:var(--inv-soft)}
.inv-col-label{flex:1;min-height:40px;display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}
.inv-col-label input{width:18px;height:18px;accent-color:#101820;margin:0}
.inv-muted{font-size:12px;color:var(--inv-soft);margin:0}
.inv-fin{font-size:11px;color:#8A4A00}
.inv-dirty{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#FFF1DB;border-radius:8px;font-size:12px;color:#8A4A00}
.inv-dirty .inv-link{color:#8A4A00}
.inv-wide{width:100%;justify-content:center}
.inv-save-row{display:flex;gap:8px}
body.inventory-open .inv-input{flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid var(--inv-line2);border-radius:10px;font-size:14px;color:var(--inv-ink);background:#fff;box-sizing:border-box}
.inv-dialog{border:1px solid #ccc;border-radius:12px;padding:24px;max-width:min(520px,90vw);width:100%;background:#fff;color:#000}
.inv-photo{width:100px;height:100px;object-fit:contain;margin:4px;border-radius:6px}
@media (max-width:700px){
  .inv-head h2{font-size:26px}
  .inv-head-actions{width:100%}
  .inv-head-actions .inv-btn-primary{flex:1;justify-content:center}
  .inv-columns-wrap{margin-left:0;width:100%}
  #inv-columns-btn{width:100%}
  .inv-panel{left:0;right:auto;width:100%}
  .inv-field{flex-wrap:wrap}
  .inv-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .inv-kpi{padding:12px 14px;gap:2px}
  .inv-kpi.is-active{padding:11px 13px}
  .inv-kpi-value{font-size:22px}
  .inv-kpi-note{display:none}
}
/* Inventory column filters */
.inv-card{position:relative}
.inv-th{display:inline-flex;align-items:center;gap:6px}
.inv-th-filter{width:26px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;background:transparent;color:#7B8794;cursor:pointer}
.inv-th-filter:hover{background:#EEF2F5;color:var(--inv-ink)}
.inv-th-filter.is-active{background:var(--inv-ink);color:#fff}
.inv-th-filter:focus-visible{outline:2px solid var(--inv-deep);outline-offset:1px}
.inv-funnel{width:12px;height:12px;background:currentColor;clip-path:polygon(0 0,100% 0,62% 48%,62% 100%,38% 85%,38% 48%)}
.inv-filter-pop{position:absolute;z-index:45;width:290px;background:#fff;border:1px solid var(--inv-line2);border-radius:12px;box-shadow:0 16px 40px rgba(16,24,32,.18);color:var(--inv-ink);text-transform:none;letter-spacing:0}
.inv-filter-pop[hidden]{display:none}
.inv-pop-head{padding:12px 14px;border-bottom:1px solid var(--inv-line);font-size:14px}
.inv-pop-body{padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.inv-pop-list{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;font-size:14px;color:var(--inv-muted)}
.inv-pop-option{display:flex;align-items:center;gap:10px;min-height:36px;color:var(--inv-ink);cursor:pointer}
.inv-pop-option input{width:18px;height:18px;margin:0;accent-color:#101820}
.inv-pop-value{flex:1;overflow-wrap:anywhere}
.inv-pop-range{flex-direction:row}
.inv-pop-range label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--inv-muted)}
body.inventory-open .inv-filter-pop .inv-input{width:100%;height:40px}
.inv-pop-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--inv-line)}
.inv-pop-foot .inv-btn{height:38px}
.inv-table td[data-column="watch"]{min-width:240px}

/* ===== Listings page (2026-10-24). Classes start with lst- ===== */
.lst-page{--ink:#101820;--muted:#4A5865;--soft:#5E6B77;--line:#E3E8EC;--line2:#D5DDE3;--bg:#F4F7F9;--blue:#A5D8EA;--deep:#17536B;color:var(--ink);display:flex;flex-direction:column;gap:16px;max-width:1500px;font-variant-numeric:tabular-nums}
.lst-page[hidden]{display:none!important}
.lst-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.lst-head h2{margin:0;font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.lst-head p{margin:6px 0 0}
.lst-head-actions{display:flex;gap:10px;flex-wrap:wrap}
.lst-muted{font-size:12px;color:var(--soft)}
.lst-btn{height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line2);background:#fff;border-radius:10px;color:var(--ink);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap}
.lst-btn:disabled{opacity:.45;cursor:default}
.lst-btn-primary{background:#000;border-color:#000;color:#fff;font-weight:600}
.lst-link{border:0;background:transparent;padding:4px;font-size:13px;font-weight:600;font-family:inherit;color:var(--deep);text-decoration:underline;cursor:pointer}
.lst-link[hidden]{display:none}
.lst-flash{margin:0;padding:10px 14px;border-radius:10px;background:#101820;color:#fff;font-size:14px}
.lst-flash[hidden]{display:none}
/* Listings → Prices to update (owner 26 Oct 2026) */
.lst-pupd{background:#FFFBF2;border:1px solid #F1DDB0;border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.lst-pupd[hidden]{display:none}
.lst-pupd-head h3{margin:0;font-size:15px;color:#7A4E07}.lst-pupd-head p{margin:2px 0 0;font-size:13px}
.lst-price-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border:1px solid #F1E4C6;border-radius:12px}
.lst-price-watch{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;background:none;padding:0;text-align:left;cursor:pointer;color:#111417;font:inherit}
.lst-price-watch strong{font-size:14px}.lst-price-watch small{font-size:12px;color:#5B6670}
.lst-price-plats{display:flex;flex-wrap:wrap;gap:6px}
.lst-price-tick{min-height:32px;padding:0 14px;border-radius:999px;border:1px solid #C98A12;background:#FDF4E3;color:#7A4E07;font-size:12px;font-weight:600;cursor:pointer}
.lst-price-tick:hover:not(:disabled){background:#F8E6C2}.lst-price-tick:disabled{opacity:.55;cursor:not-allowed}
.lst-price-done{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#E9F6EE;color:#2C7047;font-size:12px;font-weight:600}
.lst-owners summary{cursor:pointer;font-size:13px;font-weight:600;color:#17536B}
.lst-owners>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0 12px 14px}
.lst-owners>summary::-webkit-details-marker{display:none}
.lst-owners>summary::after{content:'';flex:none;width:8px;height:8px;margin-right:14px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.lst-owners[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.lst-owner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px}
.lst-owner{border:1px solid #F1E4C6;border-radius:12px;background:#fff;padding:8px 12px 10px;margin:0;min-width:0}.lst-owner legend{padding:0 4px;font-size:12px;font-weight:700;color:#4A5560}
.lst-owner-person{display:flex;align-items:center;gap:8px;min-height:32px;font-size:13px;font-weight:400;color:#111417;cursor:pointer}.lst-owner-person input{width:18px;height:18px;accent-color:#17536B}
.lst-price-plat{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 6px 4px 10px;border:1px solid #F1E4C6;border-radius:999px;background:#FFFBF2}
.lst-price-name{font-size:12px;font-weight:600;color:#7A4E07}
.lst-price-skip{min-height:32px;padding:0 12px;border-radius:999px;border:1px solid #D6DEE3;background:#fff;color:#4A5560;font-size:12px;font-weight:600;cursor:pointer}.lst-price-skip:disabled{opacity:.55;cursor:not-allowed}
.lst-layout{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.lst-picker{flex:1 1 340px;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;position:sticky;top:16px;max-height:calc(100vh - 32px)}
.lst-picker-top{padding:12px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.lst-search{height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line2);border-radius:10px;box-sizing:border-box;background:#fff}
.lst-search:focus-within{border-color:var(--deep);box-shadow:0 0 0 3px rgba(23,83,107,.15)}
.lst-search-icon{width:14px;height:14px;border:2px solid var(--soft);border-radius:50%;flex:0 0 auto;position:relative}
.lst-search-icon::after{content:"";position:absolute;width:6px;height:2px;background:var(--soft);right:-6px;bottom:-3px;transform:rotate(45deg)}
body.listings-open .lst-search-input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:14px;color:var(--ink);padding:0;height:auto;box-shadow:none}
.lst-shows{display:flex;flex-wrap:wrap;gap:6px}
.lst-show{height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:#fff;border-radius:999px;font-size:12px;font-family:inherit;color:var(--ink);cursor:pointer}
.lst-show.is-on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}
.lst-show-count{font-weight:700;color:#8A4A00}
.lst-show.is-on .lst-show-count{color:var(--blue)}
.lst-legend b{color:var(--ink)}
.lst-list{overflow-y:auto;display:flex;flex-direction:column}
.lst-row{display:flex;align-items:center;gap:6px;padding-right:10px;border-bottom:1px solid #EEF2F5;background:#fff;cursor:pointer}
.lst-row:hover{background:#F8FAFB}
.lst-row.is-current{background:#EAF6FA;box-shadow:inset 3px 0 0 var(--deep)}
.lst-item{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 4px 10px 12px;min-height:60px;border:0;background:transparent;text-align:left;font-family:inherit;color:var(--ink);cursor:pointer}
.lst-item:focus-visible,.lst-btn:focus-visible,.lst-copy:focus-visible,.lst-mark:focus-visible,.lst-show:focus-visible,.lst-text:focus-visible{outline:2px solid var(--deep);outline-offset:2px}
.lst-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lst-item-name{font-size:14px;white-space:normal;overflow-wrap:anywhere}
.lst-item-meta{font-size:12px;color:var(--soft)}
.lst-badges{display:flex;gap:4px;flex:0 0 auto}
.lst-badges{gap:2px}
/* Badge = small visual chip inside a 36px tap area, so neighbours are hard to mis-tap. */
.lst-badge{position:relative;width:36px;height:36px;padding:0;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;cursor:pointer;color:#8A4A00}
.lst-badge::before{content:"";position:absolute;inset:7px 4px;border-radius:7px;border:1.5px dashed #D97706;background:#fff;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.lst-badge{font-size:11px;font-weight:700;z-index:0}
.lst-badge::before{z-index:-1}
.lst-badge.is-on{color:#fff}
.lst-badge.is-on::before{border:1.5px solid var(--ink);background:var(--ink)}
.lst-badge:hover::before{transform:translateY(-1px);box-shadow:0 3px 8px rgba(16,24,32,.18)}
.lst-badge:not(.is-on):hover::before{background:#FFF7EB;border-style:solid}
.lst-badge:focus-visible{outline:none}
/* Not for this platform (owner 27 Oct 15:48): crossed out, grey. */
.lst-badge.is-skip{color:#9AA6AE;text-decoration:line-through}
.lst-badge.is-skip::before{border:1.5px solid #D6DEE3;background:#F2F5F7}
.lst-badge:focus-visible::before{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--deep)}
.lst-badge:active::before{transform:scale(.94)}
/* The column you jumped to glows briefly so the eye lands on it. */
.lst-col{border-radius:14px;transition:box-shadow .3s ease}
.lst-col.is-spot{animation:lst-spot 1.6s ease}
@keyframes lst-spot{0%{box-shadow:0 0 0 0 rgba(165,216,234,0)}15%{box-shadow:0 0 0 6px rgba(165,216,234,.95)}100%{box-shadow:0 0 0 0 rgba(165,216,234,0)}}
@media (prefers-reduced-motion:reduce){.lst-col.is-spot{animation:none;box-shadow:0 0 0 4px rgba(165,216,234,.95)}.lst-badge::before{transition:none}}
.lst-empty{padding:24px 16px;margin:0;text-align:center;color:var(--soft);font-size:14px}
.lst-detail{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:14px}
.lst-placeholder{padding:48px 20px;background:#fff;border:1px dashed var(--line2);border-radius:14px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;color:var(--soft)}
.lst-placeholder strong{color:var(--ink);font-size:16px}
.lst-watch{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:14px}
.lst-watch-text{flex:1 1 260px;display:flex;flex-direction:column;gap:3px;min-width:0}
.lst-watch-text h3{margin:0;font-size:18px;font-weight:600;color:var(--ink)}
.lst-sub{font-size:13px;color:var(--muted)}
.lst-pricerow{display:grid;grid-template-columns:repeat(3,minmax(0,170px));gap:8px;margin-top:10px}
@media(max-width:520px){.lst-pricerow{grid-template-columns:repeat(3,minmax(0,1fr))}.lst-pricerow .lst-price strong{font-size:14px!important}}
.lst-price{padding:8px 12px;border-radius:10px;background:var(--bg);display:flex;flex-direction:column;gap:2px}
.lst-price span{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.lst-price strong{font-size:16px}
.lst-watch-foot{flex:1 1 100%;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.lst-missing{max-width:100%;padding:4px 10px;border:0;border-radius:999px;background:#FFF1DB;color:#8A4A00;font:inherit;font-weight:600;text-align:left;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.lst-missing[aria-expanded="true"]{white-space:normal;border-radius:12px}
.lst-foot-line{min-width:0;max-width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
.lst-textlink{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--deep);text-decoration:underline;text-underline-offset:2px;cursor:pointer}

.lst-phone-tabs{display:none}
.lst-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;align-items:start}
.lst-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.lst-col-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 2px}
.lst-col-head h3{margin:0;font-size:15px;font-weight:700;color:var(--ink)}
.lst-dot{width:10px;height:10px;border-radius:50%}
.lst-posted{font-size:12px;font-weight:600;color:#14532D}
.lst-notposted{font-size:12px;font-weight:600;color:#8A4A00}
.lst-note-card{margin:0;padding:14px;background:#fff;border:1px dashed var(--line2);border-radius:12px;font-size:13px;line-height:1.5;color:var(--muted)}
.lst-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px}
.lst-card.is-done{border-color:#9FD3B4}
.lst-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 0 14px}
.lst-card-head h4{margin:0;font-size:14px;font-weight:600;color:var(--ink)}
.lst-num{font-size:11px;font-weight:600;color:var(--soft)}
.lst-copy{flex:0 0 auto;height:40px;min-width:96px;padding:0 16px;border:0;border-radius:10px;background:#000;color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}
.lst-copy.is-done{border:1px solid #1C7A4E;background:#E6F4EC;color:#14532D}
.lst-text{margin:10px 12px 0;padding:10px 12px;border-radius:8px;background:#F8FAFB;font-size:13px;line-height:1.5;color:#2E3A45;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow-y:auto}
body.listings-open .lst-edit{margin:10px 12px 0;padding:10px 12px;border:1px dashed #9AA5AF;border-radius:8px;font-size:14px;line-height:1.45;font-family:inherit;color:var(--ink);background:#fff;resize:vertical;min-height:64px;box-sizing:border-box;width:auto}
body.listings-open .lst-edit:focus{outline:none;border:1px solid var(--deep);box-shadow:0 0 0 3px rgba(23,83,107,.15)}
.lst-card-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px 12px;font-size:12px;color:var(--soft)}
.lst-card-foot > span:first-child{flex:1}
.lst-countr.is-over{color:#9A3412;font-weight:600}
.lst-mark{height:48px;border:1.5px solid var(--ink);background:#fff;border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;color:var(--ink);cursor:pointer}
.lst-mark.is-on{border:1px solid #9FD3B4;background:#E6F4EC;color:#14532D}
.lst-mark:disabled{opacity:.5;cursor:default}
.lst-stepper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.lst-dialog{border:1px solid var(--line2);border-radius:14px;padding:0;width:min(980px,94vw);color:#101820;background:#fff}
.lst-dialog::backdrop{background:rgba(16,24,32,.4)}
/* Post to website (Shopify) */
.lst-shop{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:10px 0 12px;padding:12px 14px;border:1px solid #BFE3CF;border-radius:12px;background:#EEF8F2}
.lst-shop.is-posted{background:#fff;border-color:#D5E7EF}
.lst-shop-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:13px;color:#11402A}
.lst-shop-link{font-size:13px;font-weight:600;color:var(--deep)}
.lst-shop-meta{font-size:12px;color:#5B6670}
.lst-shop-error{margin:0;font-size:12.5px;color:#B4441C}
.lst-shop-btn{min-height:40px;padding:0 18px;border:0;border-radius:999px;background:#0F7A52;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.lst-shop-btn:disabled{opacity:.5;cursor:not-allowed}
.lst-dialog.lst-post-dialog{width:min(760px,96vw);max-height:92vh;display:flex;flex-direction:column}
.lst-post-dialog[open]{display:flex}
.lst-post-body{overflow:auto;flex:1 1 auto;min-height:0;padding:14px 18px;display:flex;flex-direction:column;gap:12px}
.lst-post-label{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#5B6670}
.lst-post-photos{display:flex;flex:none;min-height:64px;gap:8px;overflow-x:auto;padding-bottom:2px}
.lst-post-photos img{width:64px;height:64px;flex:none;object-fit:cover;border-radius:10px;background:#EEF2F5}
.lst-post-row{display:flex;gap:12px;align-items:flex-end}.lst-post-row > :first-child{flex:1;min-width:0}
.lst-post-field{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:#4A5865}
.lst-post-field input,.lst-post-field textarea{font:inherit;font-size:14px;font-weight:400;color:#101820;border:1px solid #D5DDE3;border-radius:10px;padding:9px 11px;resize:vertical}
.lst-post-price{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:#4A5865;padding:0 4px 9px}.lst-post-price strong{font-size:16px;color:#101820}
.lst-post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.lst-post-chip{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:#EEF2F5;color:#33404A}
.lst-post-notes{margin:0;padding:10px 14px 10px 28px;border-radius:10px;background:#FDF4E3;color:#7A4E07;font-size:12.5px;display:flex;flex-direction:column;gap:3px}
.lst-post-msg{flex:1;margin:0;font-size:12.5px;color:#5B6670}
@media (max-width:750px){.lst-post-row{flex-direction:column;align-items:stretch}.lst-post-price{padding:0}.lst-post-dialog .lst-dialog-foot{flex-wrap:wrap}.lst-post-msg{flex:1 1 100%}}
.lst-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #E3E8EC}
.lst-dialog-head h3{margin:0;font-size:16px}
.lst-dialog > .lst-muted{margin:12px 18px 0;font-size:13px}
.lst-icon{height:36px;width:36px;border:0;background:#EEF2F5;border-radius:8px;font-size:18px;cursor:pointer}
.lst-dialog-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;padding:14px 18px}
.lst-dialog-body label,.lst-dialog-body > div{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:#4A5865}
.lst-footer-edit{font-size:13px;line-height:1.5;font-family:inherit;padding:10px;border:1px solid #D5DDE3;border-radius:8px;color:#101820;resize:vertical}
.lst-preview{margin:0;padding:10px;background:#F8FAFB;border-radius:8px;font-size:12px;line-height:1.5;font-family:inherit;font-weight:400;color:#2E3A45;white-space:pre-wrap;max-height:360px;overflow:auto}
.lst-dialog-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid #E3E8EC}
.lst-dialog-foot .lst-muted{flex:1;margin:0}
@media (max-width:900px){
  .lst-picker{max-width:none;position:static;max-height:none}
  .lst-list{max-height:320px}
  .lst-keys{display:none}
}
@media (max-width:700px){
  .lst-head h2{font-size:26px}
  .lst-phone-tabs{display:flex;padding:3px;background:#EEF2F5;border-radius:10px;position:sticky;top:0;z-index:2}
  .lst-phone-tabs button{flex:1;height:40px;border:0;border-radius:8px;background:transparent;font-size:14px;font-family:inherit;color:#4A5865}
  .lst-phone-tabs button[aria-selected="true"]{background:#fff;color:#101820;font-weight:600;box-shadow:0 1px 2px rgba(16,24,32,.12)}
  .lst-col:not(.is-phone){display:none}
  .lst-copy{height:48px}
  .lst-stepper .lst-btn{flex:1}
}
.lst-back{align-self:flex-start;border:0;background:transparent;padding:4px 0;color:#465d70;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer}
.lst-back:hover{color:#000;text-decoration:underline}
.lst-detail,.lst-col{scroll-margin-top:80px}
/* Listings: photos taken */
.lst-badge-gap{width:4px}
.lst-badge[data-platform="photos"]{color:#5B21B6}
.lst-badge[data-platform="photos"]::before{border-color:#8B5CF6}
.lst-badge[data-platform="photos"].is-on{color:#fff}
.lst-badge[data-platform="photos"].is-on::before{background:#5B21B6;border:1.5px solid #5B21B6}
.lst-badge[data-platform="photos"]:not(.is-on):hover::before{background:#F5F3FF}
.lst-photos{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;background:#F5F3FF;border:1px solid #DDD6FE;border-radius:14px;scroll-margin-top:80px}
.lst-photos.is-on{background:#fff;border-color:var(--line)}
.lst-photos-icon{flex:0 0 auto;width:36px;height:36px;border-radius:10px;background:#5B21B6;position:relative}
.lst-photos-icon::before{content:"";position:absolute;inset:11px 8px 9px;border:2px solid #fff;border-radius:3px}
.lst-photos-icon::after{content:"";position:absolute;width:8px;height:8px;border:2px solid #fff;border-radius:50%;left:12px;top:13px}
.lst-photos-text{flex:1 1 220px;display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--muted)}
.lst-photos-text strong{font-size:14px;color:var(--ink)}
.lst-photos.is-spot{animation:lst-spot 1.6s ease}
.lst-wait{margin:0;padding:8px 12px;border-radius:10px;background:#F5F3FF;color:#5B21B6;font-size:12px;font-weight:600}
/* Listings: compact badges so the watch name has room (owner request 23:47). */
.lst-badges{gap:0}
.lst-badge{width:25px;height:32px;font-size:10px}
.lst-badge::before{inset:7px 2px;border-radius:5px}
.lst-badge-gap{width:2px}
.lst-row{gap:4px;padding-right:6px}
.lst-item-name{white-space:normal;line-height:1.3;overflow-wrap:anywhere}
/* Listings: the selected watch's header block is tinted so it stands apart from the posting columns (owner request 23:51). */
.lst-watch{background:#EAF6FA;border-color:#C9E6F1}
.lst-watch .lst-price{background:#fff}

/* Listings: Photos and Chrono24 as compact status chips in the watch header (owner request 23:59). */
.lst-chips{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px solid #C9E6F1}
.lst-chip{min-height:40px;padding:6px 12px 6px 10px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2);background:#fff;border-radius:999px;font-family:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;scroll-margin-top:90px}
.lst-chip:hover{border-color:#9AA5AF}
.lst-chip:disabled{cursor:default;opacity:.6}
.lst-chip:focus-visible{outline:2px solid var(--deep);outline-offset:2px}
.lst-chip-box{width:16px;height:16px;border-radius:5px;border:1.5px dashed #D97706;box-sizing:border-box;flex:0 0 auto;position:relative}
.lst-chip[data-platform="photos"] .lst-chip-box{border-color:#8B5CF6}
.lst-chip.is-on{background:#E6F4EC;border-color:#9FD3B4;color:#14532D}
.lst-chip.is-on .lst-chip-box{border:0;background:#1C7A4E}
.lst-chip.is-on .lst-chip-box::after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.lst-chip-who{font-weight:400;font-size:12px;color:#3F6B52}
.lst-chip.is-spot{animation:lst-spot 1.6s ease}

/* Listings: one compact status row for all four (owner request 25 Oct 00:04). */
.lst-chips{gap:6px;align-items:center;padding-top:8px}
.lst-chips-label{font-size:12px;font-weight:600;color:var(--muted);margin-right:2px}
.lst-chip{min-height:32px;padding:4px 10px 4px 8px;gap:6px;font-size:12px}
.lst-chip-box{width:14px;height:14px;border-radius:4px}
.lst-chip[data-platform="carousell"] .lst-chip-box,.lst-chip[data-platform="website"] .lst-chip-box,.lst-chip[data-platform="chrono24"] .lst-chip-box{border-color:#D97706}
.lst-chip.is-on .lst-chip-box::after{left:4px;top:1px;width:4px;height:7px}
@media (max-width:700px){.lst-chip{min-height:36px}}
/* Listings list: slightly smaller text so more of each watch name fits (owner request 25 Oct 00:14). */
.lst-item-name{font-size:13px;line-height:1.3}
.lst-item-meta{font-size:11px}
.lst-item{min-height:54px;padding-top:8px;padding-bottom:8px}
/* Watch media: video tiles show a still + play badge; videos play in a small dialog (2026-10-25). */
#watch-detail-view .wd-gallery-tile a{position:relative}
.wd-video-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:rgba(17,20,23,.72);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;pointer-events:none}
.wd-video-dialog{border:0;border-radius:14px;padding:12px;background:#111417;max-width:min(520px,calc(100vw - 24px))}
.wd-video-dialog::backdrop{background:rgba(17,20,23,.55)}
.wd-video-dialog video{display:block;width:100%;max-height:60vh;border-radius:8px;background:#000}
.wd-video-close{margin-top:10px;width:100%;min-height:44px;border:0;border-radius:10px;background:#A5D9EB;font:inherit;font-weight:600;cursor:pointer}
.wd-upload-problem{margin:0 0 8px;font-size:12px;color:#8A4B12}

/* ---- Watch page layout v2 (2026-10-25): details first, compact gallery side panel ---------------------------- */
#watch-detail-view.wd-v2{max-width:1280px;margin:0 auto}
#watch-detail-view.wd-v2 .wd-layout{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;margin-top:6px}
#watch-detail-view.wd-v2 .wd-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:16px}
#watch-detail-view.wd-v2 .wd-side{flex:1 1 320px;max-width:400px;min-width:0;display:flex;flex-direction:column;gap:12px;position:sticky;top:16px}
#watch-detail-view.wd-v2 .wd-hero{display:block;margin:0}
#watch-detail-view.wd-v2 .wd-intro{display:flex;flex-direction:column;gap:6px}
#watch-detail-view.wd-v2 .wd-intro h2{margin:2px 0 0;font-size:clamp(24px,2.6vw,30px);font-weight:700;letter-spacing:-.01em;color:#111417}
#watch-detail-view.wd-v2 #watch-detail-id{margin:0;font-size:14px;color:#4A5560}
#watch-detail-view.wd-v2 .wd-status-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
#watch-detail-view.wd-v2 .wd-edit-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#watch-detail-view.wd-v2 .wd-edit-actions>button{min-height:42px;padding:0 16px;border-radius:10px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
#watch-detail-view.wd-v2 #wd-edit,#watch-detail-view.wd-v2 #wd-save{background:#111417;border:1px solid #111417;color:#fff}
#watch-detail-view.wd-v2 #wd-cancel{background:#fff;border:1px solid #D5DCE2;color:#111417}
#watch-detail-view.wd-v2 .wd-complete-details{background:#F0F9FC;border:1px solid #A5D9EB;color:#124a5e}
#watch-detail-view.wd-v2 .wd-complete-details[hidden]{display:none}
/* Prices: one dark card, sell price large */
#watch-detail-view.wd-v2 .wd-prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0;margin-top:12px;background:#111417;border-radius:16px;padding:6px;border:0}
#watch-detail-view.wd-v2 .wd-prices>div{min-height:0;padding:14px 16px;border:0;border-radius:12px;background:transparent;gap:4px}
#watch-detail-view.wd-v2 .wd-prices small{color:#C3CBD2;font-size:12px;font-weight:500}
#watch-detail-view.wd-v2 .wd-prices strong{color:#fff;font-size:17px;font-weight:600}
#watch-detail-view.wd-v2 .wd-prices .wd-feature{background:#1C2329}
#watch-detail-view.wd-v2 .wd-prices .wd-feature small{color:#A5D9EB;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:11px}
#watch-detail-view.wd-v2 .wd-prices .wd-feature strong{font-size:24px;font-weight:700}
#watch-detail-view.wd-v2 .wd-prices .wd-total-cost{background:transparent}
#watch-detail-view.wd-v2 .wd-prices .wd-total-cost small{color:#C3CBD2;font-weight:500}
/* Details: two columns of compact cards */
#watch-detail-view.wd-v2 .wd-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:0}
#watch-detail-view.wd-v2 .wd-section{background:#fff;border:1px solid #E3E8EC;border-radius:14px;padding:16px 18px}
#watch-detail-view.wd-v2 .wd-section h3{font-size:14px;font-weight:700;margin:0 0 10px;padding:0;border:0}
#watch-detail-view.wd-v2 .wd-field{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid #F0F3F5;font-size:13px}
#watch-detail-view.wd-v2 .wd-field>span{color:#5B6670}
#watch-detail-view.wd-v2 .wd-field>strong{color:#111417;font-weight:600;text-align:right;overflow-wrap:anywhere}
/* Side: small main photo + compact gallery */
#watch-detail-view.wd-v2 .wd-photo{height:220px;min-height:0;max-width:none;border-radius:14px;background:#E9EDF0;border:1px solid #E3E8EC;display:flex;align-items:center;justify-content:center;color:#5B6670;font-size:13px;overflow:hidden}
#watch-detail-view.wd-v2 .wd-photo img{height:220px!important;width:100%!important;object-fit:contain}
#watch-detail-view.wd-v2 .wd-gallery{margin:0;padding:12px;border-radius:14px;border:1px solid #E3E8EC;background:#fff}
#watch-detail-view.wd-v2 .wd-gallery-open{display:none}
#watch-detail-view.wd-v2 .wd-gallery-head{display:flex;flex-direction:column;align-items:stretch;gap:8px}
#watch-detail-view.wd-v2 .wd-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:3px;background:#F4F6F8;border-radius:10px}
#watch-detail-view.wd-v2 .wd-tabs button{flex:1 1 auto;min-height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#4A5560;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
#watch-detail-view.wd-v2 .wd-tabs button.active{background:#fff;color:#111417;box-shadow:0 1px 2px rgba(0,0,0,.12)}
#watch-detail-view.wd-v2 .wd-gallery-actions{display:flex;gap:6px;flex-wrap:wrap}
#watch-detail-view.wd-v2 .wd-gallery-actions button{flex:1 1 auto;min-height:38px;padding:0 10px;border-radius:9px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid #D5DCE2;background:#fff;color:#111417}
#watch-detail-view.wd-v2 #wd-add-media{background:#A5D9EB;border-color:#A5D9EB;color:#000}
#watch-detail-view.wd-v2 .wd-gallery-empty{margin-top:8px;padding:6px 0 0;border-top:0;font-size:12px}
#watch-detail-view.wd-v2 .wd-media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#watch-detail-view.wd-v2 .wd-gallery-tile{border-radius:8px}
#watch-detail-view.wd-v2 .wd-media-grid a{min-height:0}
#watch-detail-view.wd-v2 .wd-media-grid img{aspect-ratio:1;object-fit:cover}
@media(max-width:900px){#watch-detail-view.wd-v2 .wd-side{position:static;max-width:none}}
#watch-detail-view.wd-v2 .wd-sections{align-items:start}
@media(min-width:1100px){#watch-detail-view.wd-v2 .wd-prices{grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(110px,1fr))}}
#watch-detail-view.wd-v2 .wd-prices .wd-feature strong{white-space:nowrap}

/* ---- Watch page v2, softened (2026-10-25): earlier card design, light price card, no bold values ---------------- */
#watch-detail-view.wd-v2 .wd-intro h2{font-weight:600}
#watch-detail-view.wd-v2 .wd-prices{background:#fff;border:1px solid #E3E8EC;padding:0}
#watch-detail-view.wd-v2 .wd-prices>div,#watch-detail-view.wd-v2 .wd-prices .wd-total-cost{background:transparent;border-radius:0;border-left:1px solid #EEF1F3}
#watch-detail-view.wd-v2 .wd-prices>div:first-child{border-left:0}
#watch-detail-view.wd-v2 .wd-prices .wd-feature{background:#F0F9FC;border-radius:15px 0 0 15px}
#watch-detail-view.wd-v2 .wd-prices small,#watch-detail-view.wd-v2 .wd-prices .wd-total-cost small{color:#5B6670;font-weight:500}
#watch-detail-view.wd-v2 .wd-prices .wd-feature small{color:#1F6F8B}
#watch-detail-view.wd-v2 .wd-prices strong{color:#111417;font-weight:500}
#watch-detail-view.wd-v2 .wd-prices .wd-feature strong{font-weight:500;color:#111417}
#watch-detail-view.wd-v2 .wd-section h3{font-weight:600}
#watch-detail-view.wd-v2 .wd-field>strong{font-weight:400;color:#1d2329}
#watch-detail-view.wd-v2 .wd-sections{align-items:start}
#watch-detail-view.wd-v2 .wd-note{display:none}
#watch-detail-view.wd-v2 .wd-costs-button{margin-top:10px;min-height:34px;padding:0 12px;border:1px solid #d6dde2;border-radius:8px;background:#fff;color:#14191d;font:inherit;font-size:12.5px;font-weight:500;cursor:pointer}
#watch-detail-view.wd-v2 .wd-prices .wd-total-cost strong,#watch-detail-view.wd-v2 .wd-field.wd-total>strong{font-weight:700}
#watch-detail-view.wd-v2 .wd-photo{height:auto;aspect-ratio:1/1}
#watch-detail-view.wd-v2 .wd-photo img{width:100%!important;height:100%!important;object-fit:contain}
#watch-detail-view.wd-v2 .wd-gallery img{aspect-ratio:1/1;object-fit:cover}
/* ---- Watch page header buttons + bold prices (2026-10-25) ---- */
#watch-detail-view.wd-v2 .wd-prices strong,#watch-detail-view.wd-v2 .wd-prices .wd-feature strong{font-weight:700}
#watch-detail-view.wd-v2 .wd-edit-actions{gap:6px}
#watch-detail-view.wd-v2 .wd-edit-actions>button{min-height:32px;height:32px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:500;line-height:1;box-shadow:none}
#watch-detail-view.wd-v2 .wd-edit-actions>#wd-edit{background:#fff;border:1px solid #D5DCE2;color:#111417}
#watch-detail-view.wd-v2 .wd-edit-actions>#wd-edit:hover{background:#F4F6F8}
#watch-detail-view.wd-v2 .wd-edit-actions>#wd-save{background:#111417;border:1px solid #111417;color:#fff}
#watch-detail-view.wd-v2 .wd-edit-actions>.wd-complete-details{background:#F0F9FC;border:1px solid #A5D9EB;color:#124a5e}
#watch-detail-view.wd-v2 .wd-edit-actions>.wd-complete-details:hover{background:#DCEFF6}
#watch-detail-view.wd-v2 .wd-edit-actions>.wd-completion-button{width:32px;min-width:32px;height:32px;min-height:32px;padding:0!important;border-radius:50%!important;display:inline-grid;place-items:center;font-size:14px;font-weight:700;aspect-ratio:1/1;flex:0 0 32px}
/* ---- Watch page polish (2026-10-25): price tiles, bold prices, smaller pill buttons, round ! ---- */
#watch-detail-view.wd-v2 .wd-prices{background:transparent;border:0;padding:0;gap:10px}
#watch-detail-view.wd-v2 .wd-prices>div,#watch-detail-view.wd-v2 .wd-prices .wd-total-cost{background:#fff;border:1px solid #E6EBEF;border-left:1px solid #E6EBEF;border-radius:14px;padding:14px 16px;box-shadow:0 1px 2px rgba(17,20,23,.04)}
#watch-detail-view.wd-v2 .wd-prices>div:first-child{border-left:1px solid #E6EBEF}
#watch-detail-view.wd-v2 .wd-prices .wd-feature{background:linear-gradient(180deg,#F2FAFD,#E6F4F9);border-color:#CBE7F1;border-radius:14px}
#watch-detail-view.wd-v2 .wd-prices small{font-size:12px;color:#6B7680;font-weight:500}
#watch-detail-view.wd-v2 .wd-prices strong,#watch-detail-view.wd-v2 .wd-prices .wd-feature strong{font-weight:700;color:#111417}
#watch-detail-view.wd-v2 .wd-edit-actions{gap:6px}
#watch-detail-view.wd-v2 .wd-edit-actions>button{min-height:32px;padding:0 13px;border-radius:999px;font-size:12.5px;font-weight:600;border:1px solid #D6DEE3;background:#fff;color:#14191d;box-shadow:0 1px 2px rgba(17,20,23,.05)}
#watch-detail-view.wd-v2 .wd-edit-actions>button:hover{background:#F4F7F9}
#watch-detail-view.wd-v2 .wd-edit-actions #wd-edit{background:#111417;border-color:#111417;color:#fff}
#watch-detail-view.wd-v2 .wd-edit-actions #wd-edit:hover{background:#2a3036}
#watch-detail-view.wd-v2 .wd-complete-details{background:#E8F5FA;border-color:#A5D9EB;color:#124a5e}
#watch-detail-view.wd-v2 .wd-edit-actions .wd-completion-button{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border-radius:50%!important;display:inline-grid;place-items:center;font-size:14px;font-weight:700;line-height:1}
#watch-detail-view.wd-v2 .wd-prices{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
#watch-detail-view.wd-v2 .wd-prices strong{font-size:18px;white-space:nowrap}
#watch-detail-view.wd-v2 .wd-prices small{white-space:nowrap}
#watch-detail-view.wd-v2 .wd-prices .wd-feature strong{font-size:22px}
@media(min-width:900px){#watch-detail-view.wd-v2 .wd-prices{grid-template-columns:1.25fr repeat(4,minmax(0,1fr))!important}}
#watch-detail-view.wd-v2 .wd-prices>div{min-width:0;padding:12px 14px}
#watch-detail-view.wd-v2 .wd-prices strong{font-size:16px}
#watch-detail-view.wd-v2 .wd-prices .wd-feature strong{font-size:20px}
#watch-detail-view.wd-v2 .wd-prices small{overflow:hidden;text-overflow:ellipsis}
#watch-detail-view.wd-v2 .wd-prices small{white-space:normal;overflow:visible}
/* Homepage search results: solid cards (no see-through) */
#search-results .card{background:#1C2023!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1}
#search-results .card:hover{background:#252A2E!important}
/* Watch details opened from the homepage search: solid, same as from Inventory (no see-through artwork). */
body.watch-details-open.collection-authenticated::before{display:none!important}
body.watch-details-open .main{background:#f6f9fb!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;min-height:100vh}
/* ---- Price tiles colour-coded (2026-10-25), shared by the watch page and New Watch Submission ----
   1 Sell = blue · 2 Min selling = amber · 3 Chrono24 = green · 4 Website = violet · 5 Total cost = grey (calculated) */
#watch-detail-view.wd-v2 .wd-prices>div:nth-child(1),.inpro-match-prices label:nth-child(1){background:#E6F4FA!important;border-color:#B9E0F0!important}
#watch-detail-view.wd-v2 .wd-prices>div:nth-child(2),.inpro-match-prices label:nth-child(2){background:#FDF4E3!important;border-color:#F1DDB0!important}
#watch-detail-view.wd-v2 .wd-prices>div:nth-child(3),.inpro-match-prices label:nth-child(3){background:#E9F6EE!important;border-color:#C3E5CF!important}
#watch-detail-view.wd-v2 .wd-prices>div:nth-child(4),.inpro-match-prices label:nth-child(4){background:#F1EEFB!important;border-color:#D8D0F2!important}
#watch-detail-view.wd-v2 .wd-prices>div:nth-child(5),.inpro-match-prices label:nth-child(5){background:#F1F3F5!important;border-color:#DDE2E6!important}
#watch-detail-view.wd-v2 .wd-prices>div:nth-child(1) small,.inpro-match-prices label:nth-child(1) small{color:#1F6F8B!important}
#watch-detail-view.wd-v2 .wd-prices>div:nth-child(2) small,.inpro-match-prices label:nth-child(2) small{color:#8A5A0B!important}
#watch-detail-view.wd-v2 .wd-prices>div:nth-child(3) small,.inpro-match-prices label:nth-child(3) small{color:#2C7047!important}
#watch-detail-view.wd-v2 .wd-prices>div:nth-child(4) small,.inpro-match-prices label:nth-child(4) small{color:#5B4BA0!important}
#watch-detail-view.wd-v2 .wd-prices>div:nth-child(5) small,.inpro-match-prices label:nth-child(5) small{color:#5B6670!important}

/* ---- New Watch Submission: aligned with the watch page ---- */
#inpro-shared-view .inpro-match-hero{align-items:start}
#inpro-shared-view .inpro-match-photo{min-height:0;aspect-ratio:1/1}
#inpro-shared-view .inpro-match-summary h2{margin:10px 0 4px}
#inpro-shared-view .inpro-id-line{margin:0;font-size:14px;color:#6B7680}
#inpro-shared-view .inpro-match-prices{gap:10px}
#inpro-shared-view .inpro-match-prices label{border-radius:14px;padding:12px 14px;box-shadow:0 1px 2px rgba(17,20,23,.04)}
#inpro-shared-view .inpro-match-prices small{font-size:12px;font-weight:500;margin-bottom:4px}
#inpro-shared-view .inpro-match-prices input{border:0;border-bottom:1px solid rgba(17,20,23,.15);border-radius:0;background:transparent;padding:4px 0;font-size:17px;font-weight:700;color:#111417}
#inpro-shared-view .inpro-match-prices input:focus{outline:none;border-bottom:2px solid #1F6F8B}
#inpro-shared-view .inpro-match-prices input[readonly]{border-bottom-color:transparent;color:#5B6670;cursor:default}
#inpro-shared-view .inpro-match-prices label:nth-child(5) input{color:#111417}
#inpro-shared-view .inpro-incomplete-toggle{width:32px;height:32px;min-width:32px;border-radius:50%;opacity:1;font-size:14px;font-weight:700;border:1px solid #D6DEE3;background:#fff;color:#5B6670;margin-left:8px}
#inpro-shared-view .inpro-incomplete-toggle.is-incomplete,#inpro-shared-view .inpro-incomplete-toggle[aria-pressed="true"]{background:#FFF4E5;border-color:#F0B35B;color:#8A4B12}
/* Labels above inputs so long labels don't squash the field */
#inpro-shared-view .inpro-match-fields{gap:12px}
#inpro-shared-view .inpro-match-fields label{grid-template-columns:1fr;gap:5px;font-size:12px;font-weight:500;color:#4A5560}
#inpro-shared-view .inpro-match-fields input,#inpro-shared-view .inpro-match-fields select,#inpro-shared-view .inpro-match-fields textarea{min-height:38px;border-radius:9px}
#inpro-shared-view .inpro-match-fields input[readonly]{background:#F4F6F8;color:#5B6670}
#inpro-shared-view .inpro-req{color:#C2410C;font-weight:700}
/* Condition & Set alignment: same box as every other dropdown; empty help line takes no space */
#inpro-shared-view #inpro-condition-help:empty{display:none}
#inpro-shared-form .inpro-match-fields #inpro-condition-select{min-height:38px;padding:8px 30px 8px 8px;border:1px solid #d0dde5;border-radius:9px;font-size:inherit}

/* ---- Finance → Sales Review as a queue (2026-10-25): tiles, rows, side panel ---- */
[data-finance-panel="sales"] .fsr-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 4px}
[data-finance-panel="sales"] .fsr-tile{border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;border:1px solid #E3E8EC;background:#fff;text-align:left;font:inherit;color:#111417;cursor:pointer}
[data-finance-panel="sales"] .fsr-tile span{font-size:12px;font-weight:600}
[data-finance-panel="sales"] .fsr-tile strong{font-size:24px;font-weight:700}
[data-finance-panel="sales"] .fsr-tile small{font-size:12px}
[data-finance-panel="sales"] .fsr-tile.is-on{box-shadow:0 0 0 2px #111417 inset}
[data-finance-panel="sales"] .fsr-t-approve{background:#FDF4E3;border-color:#F1DDB0}[data-finance-panel="sales"] .fsr-t-approve span,[data-finance-panel="sales"] .fsr-t-approve small{color:#7A4E07}
[data-finance-panel="sales"] .fsr-t-sgd{background:#F1EEFB;border-color:#D8D0F2}[data-finance-panel="sales"] .fsr-t-sgd span,[data-finance-panel="sales"] .fsr-t-sgd small{color:#4F418F}
[data-finance-panel="sales"] .fsr-t-back{background:#FFF1E8;border-color:#F3B48C}[data-finance-panel="sales"] .fsr-t-back span,[data-finance-panel="sales"] .fsr-t-back small{color:#A3360A}
[data-finance-panel="sales"] .fsr-t-done{background:#E9F6EE;border-color:#C3E5CF;cursor:default}[data-finance-panel="sales"] .fsr-t-done span,[data-finance-panel="sales"] .fsr-t-done small{color:#226239}
[data-finance-panel="sales"] .fsr-split{display:flex;gap:16px;align-items:flex-start}
[data-finance-panel="sales"] .fsr-rows{flex:1;min-width:0;background:#fff;border:1px solid #E3E8EC;border-radius:16px;overflow:hidden}
[data-finance-panel="sales"] .fsr-rows-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #EEF1F3;flex-wrap:wrap}
[data-finance-panel="sales"] .fsr-chips{display:flex;gap:6px;flex-wrap:wrap}
[data-finance-panel="sales"] .fsr-chipbtn{min-height:32px;padding:0 12px;border:1px solid #D6DEE3;border-radius:999px;background:#fff;font:inherit;font-size:12px;cursor:pointer;color:#14191d}
[data-finance-panel="sales"] .fsr-chipbtn[aria-pressed="true"]{background:#111417;border-color:#111417;color:#fff;font-weight:600}
[data-finance-panel="sales"] .fsr-search input{min-height:34px;padding:0 14px;border:1px solid #D6DEE3;border-radius:999px;font:inherit;font-size:13px;width:220px;max-width:100%}
[data-finance-panel="sales"] .fsr-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.1fr;gap:10px;align-items:center;padding:12px 14px;border:0;border-bottom:1px solid #F1F4F6;background:#fff;width:100%;text-align:left;font:inherit;color:#111417;cursor:pointer}
[data-finance-panel="sales"] .fsr-row:hover{background:#F8FBFC}
[data-finance-panel="sales"] .fsr-row.is-selected{background:#F0F9FC;box-shadow:inset 3px 0 0 #1F6F8B}
[data-finance-panel="sales"] .fsr-row-head{font-size:12px;font-weight:600;color:#5B6670;cursor:default;padding-top:9px;padding-bottom:9px}
[data-finance-panel="sales"] .fsr-row-head:hover{background:#fff}
[data-finance-panel="sales"] .fsr-row-w{display:flex;flex-direction:column;gap:2px;min-width:0}
[data-finance-panel="sales"] .fsr-row-w strong{font-size:14px;font-weight:600;overflow-wrap:anywhere;line-height:1.3}
[data-finance-panel="sales"] .fsr-row-w span,[data-finance-panel="sales"] .fsr-muted{font-size:12px;color:#6B7680}
[data-finance-panel="sales"] .fsr-row>span{font-size:13px}
[data-finance-panel="sales"] .fsr-r{text-align:right}
[data-finance-panel="sales"] .fsr-amt{font-weight:700;font-size:14px;white-space:nowrap}
[data-finance-panel="sales"] .fsr-checkcell{font-size:12px!important;font-weight:600}
.fsr-c-ok{color:#226239}.fsr-c-no{color:#A3360A}.fsr-c-sgd{color:#4F418F}.fsr-c-back{color:#A3360A}.fsr-c-muted{color:#6B7680}
[data-finance-panel="sales"] .fsr-empty{padding:26px 14px;text-align:center;color:#5B6670;font-size:14px;margin:0}
[data-finance-panel="sales"] .fsr-aside{flex:none;width:460px;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;display:flex;flex-direction:column;gap:8px}
[data-finance-panel="sales"] .fsr-aside .fsr-card{border-color:#E3E8EC;border-radius:16px;box-shadow:none}
[data-finance-panel="sales"] .fsr-nav{display:flex;align-items:center;gap:6px;justify-content:flex-end;font-size:12px;color:#6B7680}
[data-finance-panel="sales"] .fsr-nav span{margin-right:auto}
[data-finance-panel="sales"] .fsr-navbtn{width:34px;height:34px;border-radius:50%;border:1px solid #D6DEE3;background:#fff;font-size:18px;line-height:1;cursor:pointer}
[data-finance-panel="sales"] .fsr-navbtn:disabled{opacity:.4;cursor:default}
[data-finance-panel="sales"] .fsr-checks{display:flex;flex-direction:column;gap:2px}
[data-finance-panel="sales"] .fsr-checks h4{margin:0 0 4px;font-size:13px;font-weight:600;color:#4A5560}
[data-finance-panel="sales"] .fsr-check{display:flex;gap:9px;align-items:center;font-size:13px;padding:6px 0;border-bottom:1px solid #F1F4F6}
[data-finance-panel="sales"] .fsr-check-dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}
[data-finance-panel="sales"] .fsr-check.ok .fsr-check-dot{background:#E9F6EE;color:#226239}
[data-finance-panel="sales"] .fsr-check.no .fsr-check-dot{background:#FFF1E8;color:#A3360A}
.fsr-chip-sgd{background:#F1EEFB;color:#4F418F}
@media(max-width:1100px){
 [data-finance-panel="sales"] .fsr-split{flex-direction:column}
 [data-finance-panel="sales"] .fsr-aside{width:100%;position:static;max-height:none}
 [data-finance-panel="sales"] .fsr-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 [data-finance-panel="sales"] .fsr-row{grid-template-columns:minmax(0,1fr) auto}
 [data-finance-panel="sales"] .fsr-row>span:nth-child(2),[data-finance-panel="sales"] .fsr-row>span:nth-child(3){display:none}
 [data-finance-panel="sales"] .fsr-row>.fsr-checkcell{grid-column:1/-1}
 [data-finance-panel="sales"] .fsr-row-head{display:none}
}
[data-finance-panel="sales"] .fsr-btn-approve{background:#1E7A45;border-color:#1E7A45;color:#fff;font-weight:700}[data-finance-panel="sales"] .fsr-btn-approve:hover{background:#17663A}
/* One tap when every check passes (owner 29 Oct 2026). */
[data-finance-panel="sales"] .fsr-green{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0;padding:10px 14px;border-radius:12px;background:#EAF6EE;border:1px solid #BFE3CB;color:#1E5A35;font-weight:700}
[data-finance-panel="sales"] .fsr-green .fsr-btn-approve{min-height:44px;padding:0 22px}
[data-finance-panel="sales"] .fsr-approve-all{min-height:38px;padding:0 16px}
[data-finance-panel="sales"] .fsr-bar-right{display:flex;gap:6px;align-items:center;flex-wrap:wrap}[data-finance-panel="sales"] .fsr-month{min-height:34px;padding:0 10px;border:1px solid #D6DEE3;border-radius:999px;font:inherit;font-size:12px;background:#fff}
[data-finance-panel="sales"] .fsr-check.info .fsr-check-dot{background:#F1F3F5;color:#6B7680}[data-finance-panel="sales"] .fsr-check.info{color:#5B6670}
[data-finance-panel="sales"] .fsr-comm{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid #E3E8EC;border-radius:12px;background:#F8FAFB}
[data-finance-panel="sales"] .fsr-comm-needed{border-color:#F1DDB0;background:#FFFBF2}
[data-finance-panel="sales"] .fsr-comm h4{margin:0;font-size:13px;font-weight:600;color:#4A5560}
[data-finance-panel="sales"] .fsr-comm-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:8px;align-items:end}
[data-finance-panel="sales"] .fsr-comm select,[data-finance-panel="sales"] .fsr-comm input{min-height:40px;border:1px solid #D6DEE3;border-radius:10px;padding:0 10px;font:inherit;font-size:14px;background:#fff;width:100%;box-sizing:border-box}
[data-finance-panel="sales"] .fsr-comm-read{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}
[data-finance-panel="sales"] .fsr-comm-note{margin:0;font-size:13px;color:#4F418F}
@media(max-width:560px){[data-finance-panel="sales"] .fsr-comm-row{grid-template-columns:1fr 1fr}[data-finance-panel="sales"] .fsr-comm-row>button{grid-column:1/-1}}

/* ---- Finance pages restyle (2026-10-25): Payments, Stock Expiration, Exchange Rate Settings & History
   match the watch page / My Sales look: light cards, soft headers (no black bars), pill buttons, colour tiles. ---- */
#finance-view .finance-panel>summary{font-size:22px;font-weight:700!important;color:#111417;list-style:none;margin-bottom:4px}
#finance-view .finance-panel>summary::-webkit-details-marker{display:none}
#finance-view .finance-notice,#finance-view .finance-subtitle{font-size:13px;color:#5B6670}
/* Tables: white card, light header row, quiet row lines */
#finance-view .fp-scroll,#finance-view .finance-table-wrap{background:#fff;border:1px solid #E3E8EC!important;border-radius:16px!important;overflow:auto}
#finance-view .fp-table th,#finance-view .finance-table-wrap th,#finance-view .finance-table-wrap thead th{background:#F6F8F9!important;color:#5B6670!important;font-size:12px;font-weight:600;border-bottom:1px solid #E3E8EC;text-transform:none;letter-spacing:0}
#finance-view .fp-table td,#finance-view .finance-table-wrap td{border-top:1px solid #F1F4F6;color:#111417}
#finance-view .finance-table-wrap tbody tr:nth-child(even){background:#fff!important}
#finance-view .finance-table-wrap tbody tr:hover,#finance-view .fp-sale:hover{background:#F8FBFC!important}
/* Summary tiles */
#finance-view .fp-summary>div,#finance-view .finance-stats>div{background:#fff;border:1px solid #E3E8EC;border-radius:14px;padding:14px 16px}
#finance-view .fp-summary span,#finance-view .finance-stats small{font-size:12px;letter-spacing:0;text-transform:none;font-weight:600;color:#5B6670}
#finance-view .fp-summary strong,#finance-view .finance-stats strong{font-size:22px;font-weight:700;color:#111417}
#finance-view .fp-summary>div:nth-child(1){background:#E6F4FA;border-color:#B9E0F0}#finance-view .fp-summary>div:nth-child(1) span{color:#1F6F8B}
#finance-view .fp-summary>div:nth-child(2){background:#E9F6EE;border-color:#C3E5CF}#finance-view .fp-summary>div:nth-child(2) span{color:#2C7047}
#finance-view .fp-summary>div:nth-child(3){background:#FDF4E3;border-color:#F1DDB0}#finance-view .fp-summary>div:nth-child(3) span{color:#8A5A0B}
#finance-view .fp-summary .fp-alert{background:#FFF1E8!important;border-color:#F3B48C!important}#finance-view .fp-summary .fp-alert span,#finance-view .fp-summary .fp-alert strong{color:#A3360A}
#finance-view .finance-stats>div:nth-child(1){background:#E6F4FA;border-color:#B9E0F0}#finance-view .finance-stats>div:nth-child(1) small{color:#1F6F8B}
/* Badges */
#finance-view .fp-badge{border-radius:999px;padding:3px 10px;font-size:12px}
#finance-view .fp-ok{background:#E9F6EE;color:#226239}#finance-view .fp-warn{background:#FDF4E3;color:#7A4E07}#finance-view .fp-muted{background:#F1F3F5;color:#4A5560}#finance-view .fp-bad{background:#FFF1E8;color:#A3360A}
#finance-view .fp-sale-overdue td:first-child{box-shadow:inset 3px 0 0 #B23C0A}
/* Inputs and selects */
#finance-view .fp-search,#finance-view .fp-form input,#finance-view .fp-form select,#finance-view .fp-accounts input,
#finance-view #finance-proposed-rate,#finance-view #finance-reason,#finance-ageing .ageing-filter-group select,#finance-ageing .finance-table-wrap td input{
  min-height:40px;border:1px solid #D6DEE3!important;border-radius:10px!important;font:inherit;font-size:14px;color:#111417;background-color:#fff;box-sizing:border-box}
#finance-view .fp-search{border-radius:999px!important;padding:0 16px}
#finance-ageing .ageing-filter-group label{font-size:12px;font-weight:600;letter-spacing:0;color:#4A5560}
/* Toolbars become plain rows */
#finance-ageing .ageing-toolbar{background:#fff;border:1px solid #E3E8EC;border-radius:16px;padding:14px 16px}
/* Buttons: pills — black primary, white secondary */
#finance-view .fp-form button,#finance-view .fp-toolbar button,#finance-ageing .ageing-toolbar button,#finance-view #finance-preview-form button,#finance-view #finance-refresh-market,#finance-view #finance-apply,#finance-view #finance-history button{
  min-height:40px;height:auto!important;border-radius:999px!important;padding:0 16px!important;font:inherit;font-size:13px!important;font-weight:600!important;cursor:pointer;border:1px solid #D6DEE3!important;background:#fff!important;color:#14191d!important}
#finance-view #finance-preview-form button,#finance-view #finance-apply,#finance-ageing #finance-ageing-print,#finance-view .fp-form button[type="submit"]{background:#111417!important;border-color:#111417!important;color:#fff!important}
#finance-view .fp-toolbar button:hover,#finance-ageing #finance-ageing-download:hover,#finance-view #finance-refresh-market:hover{background:#F4F7F9!important}
/* Exchange rate: reference card */
#finance-view .finance-market-reference{background:#F1EEFB!important;border:1px solid #D8D0F2!important;border-radius:14px!important;padding:14px 16px!important}
#finance-view #finance-market-rate{font-size:22px!important;color:#111417}
#finance-view .finance-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#finance-view #finance-proposed-rate{width:200px;padding:0 12px}
#finance-view #finance-reason{padding:0 12px!important}
#finance-view .finance-panel .finance-panel{background:#fff;border:1px solid #E3E8EC;border-radius:16px;padding:18px}
#finance-view #finance-unchanged-panel summary{font-size:14px}
#finance-view #finance-ageing .ageing-toolbar{background:#fff!important;border:1px solid #E3E8EC!important;border-radius:16px!important}
#finance-view #finance-ageing .finance-table-wrap thead th{background:#F6F8F9!important;color:#5B6670!important}
#finance-view #finance-ageing .finance-table-wrap tbody tr:nth-child(even){background:#fff!important}
#finance-view #finance-ageing #finance-ageing-download{background:#fff!important;color:#14191d!important;border:1px solid #D6DEE3!important}
#finance-view #finance-ageing #finance-ageing-print{background:#111417!important;color:#fff!important;border:1px solid #111417!important}
#finance-view #finance-ageing .ageing-toolbar button{border-radius:999px!important}
#finance-view #finance-ageing .ageing-filter-group label{font-size:12px!important;font-weight:600!important;letter-spacing:0!important;color:#4A5560!important;}
#finance-view .fsr-tabs{background:#F1F4F6!important;border:0!important}
/* Payments filter: the selected option is clearly marked (black pill) */
#finance-view .fp-toolbar .fsr-tabs .fsr-tab{border:0!important;background:transparent!important;color:#4A5560!important;font-weight:500!important}
#finance-view .fp-toolbar .fsr-tabs .fsr-tab.active{background:#111417!important;color:#fff!important;font-weight:600!important}
#finance-view .fp-toolbar .fsr-tabs .fsr-tab:not(.active):hover{background:#E6EBEE!important}
.inv-out{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;background:#FDF4E3;color:#7A4E07;font-size:11px;font-weight:600;white-space:nowrap}
#watch-detail-view .wd-movements{background:#fff;border:1px solid #E3E8EC;border-radius:16px;padding:14px 16px;margin-top:14px}
#watch-detail-view .wd-movements h3{margin:0 0 8px;font-size:14px;font-weight:700;color:#111417}
#watch-detail-view .wd-mv-list{display:flex;flex-direction:column;font-size:13px;color:#5B6670}
#watch-detail-view .wd-mv{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-top:1px solid #F1F4F6}
#watch-detail-view .wd-mv:first-child{border-top:0}
#watch-detail-view .wd-mv strong{font-size:13px;font-weight:600;color:#111417}
#watch-detail-view .wd-mv span{font-size:12px;color:#6B7680}
#watch-detail-view .wd-mv.is-out strong{color:#7A4E07}

/* Tables everywhere: long text wraps onto the next line instead of running into the next column (owner 25 Oct 2026).
   Number columns keep their own one-line rules. */
body table td{overflow-wrap:break-word}
body .fp-table td,body .fp-table td strong{white-space:normal}
body .fp-watch{min-width:200px}
body .fp-watch strong{max-width:none}
body .finance-table-wrap td{white-space:normal}
body #finance-preview-results .finance-table-wrap td:nth-child(n+4){white-space:nowrap}
body #finance-sales-report .sr-table td{white-space:normal;min-width:70px}

/* Small action links (Record payment received, Update, Remove, Edit …): compact pill buttons instead of underlined
   text (owner 25 Oct 2026). Applies to every page's link-style buttons. */
body button:is(.fsr-link,.shp-link,.cnt-link,.fc-link,.inv-link,.lst-link,.ms-link,.fp-link){
  display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:0 10px;margin:2px 4px 2px 0;
  border:1px solid #CFDCE3;border-radius:999px;background:#fff;color:#17536B;
  font:inherit;font-size:12px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:background .12s,border-color .12s}
body button:is(.fsr-link,.shp-link,.cnt-link,.fc-link,.inv-link,.lst-link,.ms-link,.fp-link):hover{background:#EEF7FB;border-color:#17536B}
body button:is(.fsr-link,.shp-link,.cnt-link,.fc-link,.inv-link,.lst-link,.ms-link,.fp-link):focus-visible{outline:2px solid #17536B;outline-offset:2px}
body button:is(.fsr-link,.shp-link,.cnt-link,.fc-link,.inv-link,.lst-link,.ms-link,.fp-link):disabled{opacity:.5;cursor:not-allowed}
/* Remove / Not received / Delete style links read as a quieter grey pill. */
body .fp-claim button.fsr-link,body .fp-receipt button.fsr-link{color:#4A5560}
/* Buttons inside the reported-deposit box stay small. */
body .fp-claim .fsr-btn{min-height:28px;padding:0 12px;font-size:12px;border-radius:999px}

/* The bell + account button float at the top right of every page (owner 25 Oct 2026: they covered page buttons).
   Reserve a strip above every page so page headers and their buttons start below them. */
body:has(#account-menu:not([hidden])) #protected-app .main{padding-top:86px!important}
@media(max-width:600px){body:has(#account-menu:not([hidden])) #protected-app .main{padding-top:68px!important}}

/* Same page frame everywhere (owner 25 Oct 2026): plain light background and page headers at the same position.
   Every page starts at the same left edge (the page padding); wide pages may still use the full width. */
body:is(.portal-open,.tasks-open) #protected-app .main{background:#f6f9fb!important;color:#101820;min-height:100vh;padding-left:clamp(20px,5vw,72px)!important;padding-right:clamp(20px,5vw,72px)!important;padding-bottom:60px!important}
body #count-view,body #shipping-view,body:has(#finance-view:not([hidden])) #finance-view,body .finance-view,body.sales-v1-open #sales-v1-view,body #portal-view .prt-wrap{margin-left:0!important;margin-right:auto!important}
body #portal-view .prt-wrap{padding:0!important;max-width:1240px}
@media(max-width:600px){body:is(.portal-open,.tasks-open) #protected-app .main{padding-left:16px!important;padding-right:16px!important;padding-bottom:110px!important}}
body:is(.inpro-open,.inventory-open,.staff-inventory-open,.listings-open,.count-open,.shipping-open,.finance-open,.sales-v1-open,.portal-open,.tasks-open,.watch-details-open) #protected-app .main{padding-left:clamp(20px,5vw,72px)!important;padding-right:clamp(20px,5vw,72px)!important}
@media(max-width:600px){body:is(.inpro-open,.inventory-open,.staff-inventory-open,.listings-open,.count-open,.shipping-open,.finance-open,.sales-v1-open,.portal-open,.tasks-open,.watch-details-open) #protected-app .main{padding-left:16px!important;padding-right:16px!important}}

/* Every page refresh button looks like Inventory's (owner 26 Oct 2026). */
.refresh-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border:1px solid #D5DDE3!important;border-radius:10px!important;background:#fff!important;color:#101820!important;font-size:0!important;line-height:1!important;cursor:pointer;flex:none}
.refresh-icon svg{width:18px!important;height:18px!important}
.refresh-icon:hover{border-color:#101820!important}
.refresh-icon:disabled{color:#C3CBD2!important;cursor:default}

.lst-pricerow .lst-price{background:#fff;border:1px solid #D5E7EF;padding:8px 12px}
.lst-pricerow .lst-price strong{font-size:18px;white-space:nowrap}
/* Each platform's price in its own colour, matching the C / W / 24 badges (owner 26 Oct 2026). */
/* App card colours: soft purple / blue / green (owner 26 Oct 2026: no amber, it reads as a warning). */
.lst-pricerow .lst-price:nth-child(1){background:#F1EEFB;border-color:#D9D1F2}.lst-pricerow .lst-price:nth-child(1) span{color:#4F418F}
.lst-pricerow .lst-price:nth-child(2){background:#FCEEF1;border-color:#F2CDD6}.lst-pricerow .lst-price:nth-child(2) span{color:#9B3552}
.lst-pricerow .lst-price:nth-child(3){background:#E9F6EE;border-color:#C3E5CF}.lst-pricerow .lst-price:nth-child(3) span{color:#2C7047}

/* ---------- Phone layouts for Inventory and Listings (owner-approved mockup, 26 Oct 2026). Desktop unchanged. ---------- */
.inv-cards,.inv-mfilter,.lst-pback,.lst-pnote{display:none}
@media (max-width:750px){
  /* Inventory */
  #inventory-all-view .inv-head{flex-direction:row;align-items:center;gap:10px}
  #inventory-all-view .inv-head h2{font-size:24px;margin:0}
  #inventory-all-view .inv-head-actions{flex-wrap:nowrap;gap:8px}
  #inventory-all-view .inv-head-actions .inv-menu{display:none}
  #inventory-all-view #inventory-add-submission{width:44px;height:44px;padding:0;justify-content:center;font-size:0;border-radius:12px}
  #inventory-all-view #inventory-add-submission svg{width:18px;height:18px}
  .inv-kpis{display:flex!important;overflow-x:auto;gap:8px;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}
  .inv-kpis::-webkit-scrollbar{display:none}
  .inv-kpis .inv-kpi{flex:0 0 auto;min-width:116px;padding:10px 12px;scroll-snap-align:start}
  .inv-kpis .inv-kpi-note{display:none}
  .inv-kpis .inv-kpi-value{font-size:20px}
  #inventory-all-view .inv-card{background:transparent;border:0;box-shadow:none;padding:0}
  #inventory-all-view .inv-tabs{display:none}
  #inventory-all-view .inv-toolbar{display:flex;flex-wrap:wrap;gap:8px}
  #inventory-all-view .inv-toolbar .inv-search{flex:1 1 0;min-width:0}
  .inv-mfilter{display:inline-flex;min-height:40px}
  #inventory-all-view .inv-toolbar:not(.is-mopen) > .inv-field,#inventory-all-view .inv-toolbar:not(.is-mopen) > .inv-columns-wrap{display:none}
  #inventory-all-view .inv-toolbar.is-mopen > .inv-field{flex:1 1 100%}
  #inventory-all-view .inv-toolbar > .inv-columns-wrap{display:none!important}
  #inventory-all-view .inv-table-wrap{display:none}
  .inv-cards{display:flex;flex-direction:column;gap:10px;margin-top:10px}
  .inv-mcard{display:flex;gap:12px;align-items:flex-start;width:100%;padding:12px;border:1px solid #E3E8EC;border-radius:14px;background:#fff;text-align:left;font:inherit;color:#101820;cursor:pointer}
  .inv-mthumb{flex:none;width:76px;height:76px;border-radius:10px;background:#E9EEF1;display:grid;place-items:center;font:700 15px Arial,sans-serif;color:#4A5865;letter-spacing:.04em}
  .inv-mbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
  .inv-mtop{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
  .inv-mtop strong{font-size:15px;white-space:normal;overflow-wrap:anywhere}
  .inv-mprice{flex:none;font-weight:700;font-size:17px}
  .inv-mmeta{font-size:12px;color:#4A5865;white-space:normal;overflow-wrap:anywhere}
  .inv-mtags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
  .inv-ctag{padding:2px 8px;border-radius:999px;background:#EEF2F5;font-size:11px;font-weight:600;color:#2A3640}
  .inv-ctag.is-aged{background:#FDF4E3;color:#7A4E07}
  .inv-ctag.is-out{background:#E6F4FA;color:#1F6F8B}
  .inv-ctag.is-inpro{background:#FFF1E8;color:#A3360A}

  /* Listings: list screen, then one-watch screen */
  .lst-page .lst-head p{display:none}
  .lst-page .lst-head h2{font-size:24px;margin:0}
  .lst-page .lst-pupd:not(.is-open) > :not(.lst-pupd-head){display:none}
  .lst-page .lst-pupd .lst-pupd-head{cursor:pointer}
  .lst-page .lst-pupd .lst-pupd-head p{display:none}
  .lst-page .lst-pupd .lst-pupd-head h3::after{content:' ›';float:right}
  .lst-page .lst-pupd.is-open .lst-pupd-head h3::after{content:' ⌄'}
  .lst-page .lst-shows{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .lst-page .lst-row{border-radius:14px;padding:12px;background:#fff;border:1px solid #E3E8EC;margin-bottom:10px}
  .lst-page.lst-phone-detail .lst-picker,.lst-page.lst-phone-detail .lst-head,.lst-page.lst-phone-detail .lst-pupd{display:none!important}
  .lst-page:not(.lst-phone-detail) .lst-detail{display:none!important}
  .lst-page .lst-detail{border:0;background:transparent;padding:0;box-shadow:none}
  .lst-page .lst-watch{position:relative;padding:14px}
  .lst-pback{display:grid;position:absolute;left:0;top:0;width:40px;height:40px}
  .lst-pnote{display:block;margin:10px 0 0;padding:10px 12px;border-radius:12px;background:#FDF4E3;border:1px solid #F1DDB0;color:#7A4E07;font-size:13px}
  .lst-page .lst-stepper{display:none}
  .lst-page .lst-chips{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom));z-index:5;background:#fff;border-top:1px solid #E3E8EC;padding:10px 12px;margin:0 -12px;flex-wrap:wrap}
  .lst-page .lst-watch-foot{font-size:12px;gap:8px}
}
  @media (max-width:750px){.inv-mcost{font-size:10.5px;color:#7A8790}}
@media (max-width:750px){.inv-mfilter{display:grid;place-items:center;flex:none;width:40px;height:40px;min-height:0;padding:0;border:1px solid #D5DDE3;border-radius:50%;background:#fff;color:#101820}.inv-mfilter[aria-expanded="true"]{background:#101820;color:#fff;border-color:#101820}}
@media (max-width:750px){
  #inventory-all-view .inv-head{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center}
  #inventory-all-view .inv-head-actions{width:auto!important;flex:none}
  #inventory-all-view .inv-head-actions > *{flex:none!important;width:44px!important}
  .lst-page .lst-chips{gap:5px;padding:8px 10px;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}.lst-page .lst-chips .lst-chip{flex:none;min-height:32px;padding:0 8px;font-size:12px}.lst-page .lst-chips-label{display:none}
}
@media (max-width:750px){.lst-page .lst-show{flex:none;white-space:nowrap}.lst-page .lst-picker{background:transparent;border:0;box-shadow:none;padding:0}.lst-page .lst-picker-top{padding:0}}

/* Listings price cells (owner 27 Oct 16:10 "look weird"): three equal cells lined up with the name, plain labels. */
.lst-watch .lst-pricerow{grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px;width:100%;gap:8px;margin-top:12px}
.lst-watch .lst-pricerow .lst-price{padding:8px 10px;border-radius:10px;gap:1px;min-width:0}
.lst-watch .lst-pricerow .lst-price span{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.lst-watch .lst-pricerow .lst-price strong{font-size:15px;font-weight:700;color:#111417;white-space:normal;overflow-wrap:anywhere}
.lst-watch .lst-pricerow .lst-price strong.is-empty{font-size:13px;font-weight:500;color:#8A96A0}
@media(max-width:750px){.lst-watch .lst-pricerow{max-width:none}}
.lst-watch .lst-pricerow .lst-price.is-off{background:#F1F3F5!important;border:1px dashed #C3CBD2!important}
.lst-watch .lst-pricerow .lst-price.is-off span{color:#8A96A0!important;text-decoration:line-through}

/* ---------- Web: one header line for every page (owner 26 Oct 2026). Title top-left at the same height and size as Inventory. ---------- */
@media (min-width:751px){
  #finance-view .finance-eyebrow{display:none!important}
  #finance-view #finance-section-heading{font-size:30px!important;margin-top:0!important;line-height:1.2}
  html body.sales-v1-open #sales-v1-view>h2{font-size:30px!important;margin:0 0 4px!important;line-height:1.2}
  #portal-view .prt-head{align-items:flex-start!important}
  body.collection-authenticated:is(.inpro-open,.inventory-open,.staff-inventory-open,.sales-v1-open,.finance-open,.listings-open,.count-open,.shipping-open,.portal-open,.tasks-open,.watch-details-open) .main>.collection-logo-home-link{display:none!important}
  #portal-view .prt-head h1{margin-top:0}
  #inpro-shared-view{margin-top:0!important}
  /* Back: a quiet "← Back to …" link above the title instead of a lone circle. */
  html body .back-icon{display:inline-flex!important;align-items:center!important;gap:6px;width:auto!important;height:28px!important;padding:0 10px 0 6px!important;margin:0 0 8px -6px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#4A5865!important;font:600 13px Arial,Helvetica,sans-serif!important}
  html body .back-icon::after{content:attr(title)}
  html body .back-icon:hover{background:#E9EEF1!important;color:#111417!important}
  html body .back-icon svg{width:16px!important;height:16px!important}
  #inpro-shared-view .inpro-match-summary h2{font-size:30px!important;margin-top:6px!important}
  #sales-v1-view section.ms{margin-top:0!important}
  #sales-v1-view .ms-top h3{font-size:30px!important;margin:0!important;line-height:1.2}
}
/* INPRO incomplete marker: obvious when switched on (solid amber pill with words). */
.inventory-inpro-toggle.is-incomplete,.wd-completion-button.is-incomplete,#inpro-shared-view .inpro-incomplete-toggle.is-incomplete,#inpro-shared-view .inpro-incomplete-toggle[aria-pressed="true"]{background:#C2410C!important;border-color:#C2410C!important;color:#fff!important;opacity:1!important;width:auto!important;padding:0 12px!important;border-radius:999px!important;font-weight:700!important;box-shadow:0 0 0 3px rgba(194,65,12,.18);display:inline-flex!important;align-items:center;white-space:nowrap}
.inventory-inpro-toggle.is-incomplete::after,.wd-completion-button.is-incomplete::after,#inpro-shared-view .inpro-incomplete-toggle.is-incomplete::after,#inpro-shared-view .inpro-incomplete-toggle[aria-pressed="true"]::after{content:" INPRO incomplete";margin-left:4px;font-size:12px}
/* New Watch Submission on web (owner 26 Oct 2026): title starts where every other page title does; photo moves to the right; no Back link (it has its own sidebar entry). */
@media (min-width:751px){
  #inpro-back{display:none!important}
  /* Title row on top (aligned with other pages), then a small photo on the left beside the price boxes. */
  #inpro-shared-view .inpro-match-hero{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px 10px}
  #inpro-shared-view .inpro-match-summary{display:contents}
  #inpro-shared-view .inpro-match-summary>h2{order:1;margin:0!important;line-height:1.2}
  #inpro-shared-view .inpro-match-summary>.inpro-status{order:2}
  #inpro-shared-view .inpro-match-summary>.inpro-incomplete-toggle{order:3}
  #inpro-shared-view .inpro-match-summary>.inpro-id-line{order:4;flex:1 1 100%;margin:-6px 0 4px}
  #inpro-shared-view .inpro-match-photo{order:5;flex:0 0 120px;width:120px;height:120px;min-height:0!important;font-size:12px;padding:8px;text-align:center}
  #inpro-shared-view .inpro-match-summary>.inpro-match-prices{order:6;flex:1 1 0;min-width:0;margin:0}
  #inpro-shared-view .inpro-match-photo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
}

/* ---------- Phone: every page title (except Home) the same size and in the same spot (owner 26 Oct 2026). ---------- */
@media (max-width:750px){
  #inventory-all-view .inv-head h2,#listings-view .lst-head h2,#tasks-view .tsk-head h1,#portal-view .prt-head h1,#count-view .cnt-top h1,#shipping-view .shp-top h1,
  body.sales-v1-open #sales-v1-view>h2,#sales-v1-view .ms-top h3,#finance-view #finance-section-heading,#inpro-shared-view .inpro-match-summary>h2{font-size:24px!important;line-height:1.2!important;margin-top:0!important}
  #listings-view .lst-head,#tasks-view .tsk-head,#count-view .cnt-top,#shipping-view .shp-top{align-items:flex-start!important}
  #tasks-view .tsk-wrap{padding:0 0 96px!important}
  html body.sales-v1-open #sales-v1-view>h2{margin:0 0 4px!important}
  #sales-v1-view section.ms{margin-top:0!important}
  #finance-view .finance-eyebrow{display:none!important}
  #inpro-back{display:none!important}
  #inpro-shared-view{margin-top:0!important}
  #inpro-shared-view .inpro-match-photo{order:2}
  #inpro-shared-view .inpro-match-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  #inpro-shared-view .inpro-match-summary>h2{order:-1;flex:1 1 100%}
  #inpro-shared-view .inpro-match-summary>.inpro-id-line,#inpro-shared-view .inpro-match-summary>.inpro-match-prices{flex:1 1 100%}
}
.inv-match{margin:14px 0 4px;padding:0 24px;font-size:14px;color:#4A5865}.inv-match strong{color:#111417;font-size:16px}
/* Phone: Sales Review status tabs (To review / Approved / Rejected / All sales) stay on one line (owner 26 Oct 2026). */
@media (max-width:750px){
  #finance-view .fsr-tabs{display:flex!important;flex-wrap:nowrap!important;width:100%;max-width:100%;gap:2px!important;padding:3px!important;box-sizing:border-box}
  #finance-view .fsr-tabs .fsr-tab{flex:1 1 0;min-width:0;padding:8px 4px!important;font-size:12px!important;white-space:nowrap;text-align:center}
}
/* Round close buttons with the × dead centre (owner 26 Oct 2026). The phone rule giving dialog buttons 44px height made them oval. */
html body :is(.tsk-x,.prt-x,.mnav-x,.home-c-x,.mnav-back){box-sizing:border-box!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-height:44px!important;padding:0!important;aspect-ratio:1/1;border-radius:50%!important;display:grid!important;place-items:center!important;line-height:1!important;font-size:22px!important;flex:none!important;color:#111417;-webkit-appearance:none;appearance:none}
html body :is(.mnav-x,.home-c-x,.mnav-back){color:#fff}
/* Every other close (×) button in the app: same round shape (owner 26 Oct 2026: "the X button is not a circle too"). */
html body :is(button[aria-label="Close"],button[aria-label^="Close "],.shp-x,.inv-sd-x,.cnt-x,.lst-icon[aria-label="Close"]):not(.tsk-x,.prt-x,.mnav-x,.home-c-x,.mnav-back,.pb){box-sizing:border-box!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;aspect-ratio:1/1;border-radius:50%!important;display:grid!important;place-items:center!important;line-height:1!important;font-size:20px!important;flex:none!important;border:1px solid #D6DEE3!important;background:#fff!important;color:#111417!important;-webkit-appearance:none;appearance:none;cursor:pointer}
html body :is(button[aria-label="Close"],button[aria-label^="Close "],.shp-x,.inv-sd-x,.cnt-x):not(.tsk-x,.prt-x,.mnav-x,.home-c-x,.mnav-back,.pb) svg{width:18px!important;height:18px!important;margin:0!important}
/* Phone: the + and refresh buttons in page headers, icon centred. */
@media (max-width:750px){
  html body #inventory-all-view #inventory-add-submission{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;gap:0!important;line-height:0!important;font-size:0!important}
  html body #inventory-all-view #inventory-add-submission svg{margin:0!important;display:block}
}

/* ---------- Shipping on phone (owner-approved mockup, 26 Oct 2026). Web unchanged. ---------- */
.shp-mlist,.shp-msearch,.shp-mfilter,.shp-upl-short,.shp-minvsum{display:none}
@media (max-width:750px){
  #shipping-view .shp-top{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:flex-start!important;gap:10px}
  #shipping-view .shp-top p{font-size:13px;margin:2px 0 0}
  #shipping-view .shp-actions{display:flex!important;flex-wrap:nowrap!important;gap:8px;flex:none}
  #shipping-view .shp-actions .shp-btn{min-height:44px;padding:0 14px;border-radius:12px;font-size:13px}
  #shipping-view .shp-add{width:44px;padding:0!important;font-size:0!important;background:#101820!important;color:#fff!important;border-color:#101820!important;position:relative}
  #shipping-view .shp-add::before{content:'+';font-size:24px;line-height:1;font-weight:400}
  #shipping-view .shp-add{display:inline-flex!important;align-items:center;justify-content:center}
  .shp-upl-long{display:none}.shp-upl-short{display:inline}
  #shipping-view .shp-top>div:first-child p{display:none}
  #shipping-view .shp-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  #shipping-view .shp-cards .k-amber,#shipping-view .shp-cards .k-slate{display:none!important}
  #shipping-view .shp-card{padding:10px 12px!important}
  #shipping-view .shp-card strong{font-size:18px!important}
  .shp-msearch{display:flex;gap:8px;align-items:center}
  .shp-msearch .shp-search-m{flex:1;min-width:0;height:42px;box-sizing:border-box;border:1px solid #D5DDE3;border-radius:999px;padding:0 14px;font-size:14px;background:#fff}
  .shp-mfilter{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;border:1px solid #D5DDE3;background:#fff;color:#101820;padding:0}
  .shp-mfilter[aria-expanded="true"]{background:#101820;color:#fff;border-color:#101820}
  #shipping-view .shp-filters:not(.is-mopen){display:none!important}
  #shipping-view .shp-filters.is-mopen .shp-grow{display:none!important}
  #shipping-view .shp-tabs{overflow-x:auto;scrollbar-width:none}
  #shipping-view .shp-tabs>*{flex-wrap:nowrap!important}
  #shipping-view .shp-tabs button{flex:none;white-space:nowrap}
  #shipping-view .shp-scroll,#shipping-view .shp-note{display:none!important}
  .shp-mlist{display:flex;flex-direction:column;gap:10px}
  .shp-mcard{display:flex;flex-direction:column;gap:6px;width:100%;box-sizing:border-box;padding:12px 14px;background:#fff;border:1px solid #E3E8EC;border-radius:14px;text-align:left;font:inherit;color:#101820;cursor:pointer}
  .shp-mrow{display:flex;justify-content:space-between;align-items:center;gap:8px}
  .shp-mleft{display:flex;align-items:center;gap:8px;min-width:0}.shp-mleft strong{font-size:15px;white-space:normal;overflow-wrap:anywhere}
  .shp-mdir{flex:none;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700}
  .shp-mdir.out{background:#EAF1FB;color:#234E8C}.shp-mdir.in{background:#F1EEFB;color:#4F418F}
  .shp-mamt{flex:none;font-size:15px}.shp-mamt.none{color:#7A4E07}
  .shp-mmeta{font-size:12px;color:#4A5865}
  .shp-mtags{display:flex;flex-wrap:wrap;gap:6px}
  .shp-mtag{padding:2px 8px;border-radius:999px;background:#EEF2F5;color:#2A3640;font-size:11px;font-weight:600;text-decoration:none}
  .shp-mtag.ok{background:#E9F6EE;color:#2C7047}.shp-mtag.wait{background:#FDF4E3;color:#7A4E07}.shp-mtag.warn{background:#FFF1E8;color:#A3360A}
  .shp-mhead{display:flex;align-items:flex-start;gap:12px}
  .shp-mhead h2{margin:0;font-size:22px;line-height:1.2;word-break:break-word}.shp-mhead p{margin:2px 0 0;font-size:13px;color:#4A5865}
  .shp-mback{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid #D6DEE3;background:#fff;display:grid;place-items:center;color:#101820;padding:0}
  .shp-mboxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .shp-mboxes>div{padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #E3E8EC}
  .shp-mboxes>div.dark{background:#101820;color:#fff;border-color:#101820}
  .shp-mboxes span{display:block;font-size:10px;font-weight:700;letter-spacing:.04em;color:#4A5865}.shp-mboxes .dark span{color:#A5D9EB}
  .shp-mboxes strong{font-size:14px}
  .shp-mscreen .shp-detail{display:flex!important;flex-direction:column;gap:12px;padding:0!important;background:transparent!important;border:0!important}
  .shp-mscreen .shp-detail h4{margin:0 0 6px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#4A5865}
  .shp-mscreen .shp-list{display:flex;flex-direction:column;gap:8px;padding:0;margin:0;list-style:none}
  .shp-mscreen .shp-list li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 12px;background:#fff;border:1px solid #E3E8EC;border-radius:12px}
  .shp-mscreen .shp-list li{justify-content:space-between}.shp-mscreen .shp-list li>span:first-child{flex:1 1 auto;min-width:0;font-weight:600}
  .shp-mscreen .shp-row-actions{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom));display:flex;gap:8px;align-items:center;padding:10px 0;background:#F4F7F9}
  .shp-mscreen .shp-row-actions .shp-btn{flex:1;min-height:46px;border-radius:999px}
  .shp-minsured{display:flex;justify-content:space-between;padding:10px 14px;background:#fff;border:1px solid #E3E8EC;border-radius:14px;font-size:13px}
  .shp-minvsum{display:flex;justify-content:space-between;align-items:baseline;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #E3E8EC}
  .shp-minvsum span{font-size:12px;color:#4A5865}.shp-minvsum strong{font-size:18px}
  .shp-minv{cursor:default}.shp-minv.warnb{border-color:#F1DDB0}
  .shp-minv-top{all:unset;display:flex;flex-direction:column;gap:6px;cursor:pointer}
  .shp-minv .shp-detail{margin-top:8px;overflow-x:auto}
}

/* ---------- Sales Review on phone (owner-approved mockup, 26 Oct 2026). Web unchanged. ---------- */
.fsr-mback{display:none}
@media (max-width:750px){
  #finance-view [data-finance-panel="sales"] .fsr-tiles{display:none!important}
  #finance-view .fsr-toolbar{display:flex;gap:8px;align-items:center}
  #finance-view .fsr-toolbar .fsr-tabs{flex:1;min-width:0}
  #finance-view .fsr-split{display:block!important}
  #finance-view .fsr-rows{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
  #finance-view .fsr-rows-bar{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:0 0 10px!important;border:0!important}
  #finance-view .fsr-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;scrollbar-width:none}
  #finance-view .fsr-chips .fsr-chipbtn{flex:none;white-space:nowrap}
  #finance-view .fsr-bar-right{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}
  #finance-view .fsr-bar-right .fsr-search{flex:1;min-width:0}
  #finance-view .fsr-bar-right .fsr-search input{width:100%;min-width:0;box-sizing:border-box}
  #finance-view .fsr-bar-right .fsr-month{width:120px;flex:none}
  #finance-view .fsr-rows .fsr-row.fsr-row-head{display:none!important}
  #finance-view [data-finance-panel="sales"]{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
  #finance-view .fsr-rows .fsr-row>span:nth-child(2),#finance-view .fsr-rows .fsr-row>span:nth-child(3){display:block!important}
  #finance-view .fsr-rows .fsr-row>span:nth-child(2)::before{content:'by '}
  #finance-view .fsr-rows .fsr-row{border-left-width:1px!important}
  #finance-view .fsr-rows .fsr-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"w amt" "who when" "chk chk";gap:4px 10px;width:100%;box-sizing:border-box;margin:0 0 10px;padding:12px 14px!important;background:#fff;border:1px solid #E3E8EC!important;border-radius:14px!important;text-align:left}
  #finance-view .fsr-rows .fsr-row>:nth-child(1){grid-area:w;min-width:0}
  #finance-view .fsr-rows .fsr-row>:nth-child(2){grid-area:who;font-size:12px;color:#4A5865}
  #finance-view .fsr-rows .fsr-row>:nth-child(3){grid-area:when;font-size:12px;text-align:right}
  #finance-view .fsr-rows .fsr-row>:nth-child(4){grid-area:amt;font-weight:700;text-align:right}
  #finance-view .fsr-rows .fsr-row>:nth-child(5){grid-area:chk;justify-self:start;font-size:11px}
  #finance-view .fsr-rows .fsr-row.is-selected{outline:0;border-color:#E3E8EC!important;background:#fff}
  #finance-view .fsr-row-w strong{display:block;font-size:15px;white-space:normal;overflow-wrap:anywhere}
  #finance-view .fsr-row-w span{font-size:12px;color:#4A5865}
  #finance-view .fsr-split:not(.fsr-m-open) .fsr-aside{display:none!important}
  #finance-view .fsr-split.fsr-m-open .fsr-rows{display:none!important}
  body:has(.fsr-split.fsr-m-open) #finance-view [data-finance-panel="sales"] .fsr-toolbar{display:none!important}
  #finance-view .fsr-aside{position:static!important;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  #finance-view .fsr-nav{display:flex;align-items:center;gap:8px;margin:0 0 12px}
  #finance-view .fsr-nav>span{flex:1;font-size:13px;color:#4A5865}
  .fsr-mback{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;border:1px solid #D6DEE3;background:#fff;color:#101820;padding:0}
  #finance-view .fsr-card{border-radius:16px!important}
  #finance-view .fsr-decisions{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom));z-index:5;display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin:12px -12px -12px;padding:10px 12px;background:#fff;border-top:1px solid #E3E8EC;border-radius:0 0 16px 16px}
  #finance-view .fsr-decisions .fsr-btn{min-height:46px;border-radius:999px;font-size:13px;white-space:nowrap}
  #finance-view .fsr-decisions .fsr-btn-approve{grid-column:1/-1;order:-1;font-size:15px}
}

/* ---------- Sales Report on phone (owner-approved mockup, 26 Oct 2026). Web unchanged. ---------- */
#finance-sales-report .sr-mtop,#finance-sales-report .sr-mchips,#finance-sales-report .sr-mlist,#finance-sales-report .sr-mhead,#finance-sales-report .sr-mfoot{display:none}
#finance-sales-report .sr-mfilters,#finance-sales-report .sr-mbody{display:contents}
@media (max-width:750px){
  #finance-view [data-finance-panel="report"]{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
  #finance-sales-report{margin-top:0!important;gap:10px!important}
  #finance-sales-report .sr-mtop{display:flex;gap:8px;align-items:center}
  #finance-sales-report .sr-mstep{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;height:42px;border:1px solid #D5DDE3;border-radius:999px;background:#fff;padding:0 4px}
  #finance-sales-report .sr-mstep button{width:36px;height:36px;border:0;background:transparent;font-size:20px;color:#101820;border-radius:50%;padding:0;min-height:0}
  #finance-sales-report .sr-mstep strong{font-size:14px;white-space:normal;overflow-wrap:anywhere}
  #finance-sales-report .sr-mfbtn{flex:none;height:42px;min-width:42px;padding:0 12px;border-radius:999px;border:1px solid #D5DDE3;background:#fff;color:#101820;display:flex;align-items:center;justify-content:center;gap:6px;font:600 13px Arial,Helvetica,sans-serif}
  #finance-sales-report .sr-mfbtn.on{background:#101820;border-color:#101820;color:#fff}
  #finance-sales-report .sr-mexport{flex:none;width:42px;height:42px;border-radius:12px;border:1px solid #D5DDE3;background:#fff;color:#101820;display:grid;place-items:center;padding:0}
  #finance-sales-report .sr-mchips{display:flex;flex-wrap:wrap;gap:6px}
  #finance-sales-report .sr-mchips:empty{display:none}
  #finance-sales-report .sr-mchip{padding:5px 10px;border-radius:999px;border:0;background:#E6F4FA;color:#1F6F8B;font:12px Arial,Helvetica,sans-serif}
  #finance-sales-report .sr-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #finance-sales-report .sr-tile{padding:10px 12px!important}
  #finance-sales-report .sr-tile strong{font-size:18px!important}
  #finance-sales-report .sr-tile small{font-size:11px!important}
  #finance-sales-report .sr-scroll,#finance-sales-report .sr-note{display:none!important}
  #finance-sales-report .sr-mlist{display:flex;flex-direction:column;gap:8px}
  #finance-sales-report .sr-mcard{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid #E3E8EC;border-radius:14px}
  #finance-sales-report .sr-mcard.pend{background:#FFFBF2;border-color:#F1DDB0}
  #finance-sales-report .sr-ml{min-width:0;display:flex;flex-direction:column;gap:2px}
  #finance-sales-report .sr-ml strong{font-size:14px;white-space:normal;overflow-wrap:anywhere}
  #finance-sales-report .sr-ml small{font-size:12px;color:#4A5865}
  #finance-sales-report .sr-mr{flex:none;text-align:right;display:flex;flex-direction:column;gap:2px}
  #finance-sales-report .sr-mr strong{font-size:14px}
  #finance-sales-report .sr-mr .pos{font-size:12px;font-weight:600;color:#2C7047}#finance-sales-report .sr-mr .neg{font-size:12px;font-weight:600;color:#9B2222}
  /* Filters sheet */
  #finance-sales-report:not(.sr-m-open) .sr-mfilters{display:none!important}
  #finance-sales-report.sr-m-open .sr-mfilters{display:flex!important;flex-direction:column;position:fixed;left:0;right:0;bottom:0;top:auto;max-height:82dvh;z-index:80;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.25)}
  #finance-sales-report.sr-m-open::before{content:'';position:fixed;inset:0;z-index:79;background:rgba(16,24,32,.45)}
  #finance-sales-report.sr-m-open .sr-mhead{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid #E3E8EC}
  #finance-sales-report.sr-m-open .sr-mhead strong{font-size:17px}
  #finance-sales-report.sr-m-open .sr-mbody{display:flex;flex-direction:column;gap:14px;padding:14px 18px;overflow-y:auto}
  #finance-sales-report.sr-m-open .sr-bar,#finance-sales-report.sr-m-open .sr-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
  #finance-sales-report.sr-m-open .sr-bar>.sr-field:first-child{grid-column:1/-1}
  #finance-sales-report.sr-m-open .sr-field select,#finance-sales-report.sr-m-open .sr-field input{width:100%;max-width:none;min-height:44px;box-sizing:border-box}
  #finance-sales-report.sr-m-open .sr-colwrap,#finance-sales-report.sr-m-open .sr-bar>.sr-btn,#finance-sales-report.sr-m-open .sr-clear{display:none!important}
  #finance-sales-report.sr-m-open .sr-mfoot{display:grid;grid-template-columns:1fr 2fr;gap:8px;padding:12px 18px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #E3E8EC}
  #finance-sales-report .sr-mfoot .sr-btn{width:auto!important;min-height:48px}
  #finance-sales-report .sr-mshow{min-height:48px;border-radius:999px;border:0;background:#101820;color:#fff;font:600 14px Arial,Helvetica,sans-serif}
}
@media (max-width:750px){body:has(#finance-sales-report.sr-m-open) .mnav{display:none!important}}
/* New Watch Submission on phone (owner 26 Oct 2026): no main photo box; the INPRO photos / videos card takes its place at the top. */
@media (max-width:750px){
  #inpro-shared-view .inpro-match-photo{display:none!important}
  #inpro-shared-view .inpro-match-grid .inpro-upload-card{order:-1}
}

.fsr-trade{margin:8px 0;padding:10px 12px;border:1px solid #E6D8B5;border-radius:10px;background:#FFFBF2;font-size:13px;display:flex;flex-direction:column;gap:4px}.fsr-trade-row{color:#4A5560}

/* Watch page (owner 28 Oct): the INPRO-incomplete marker is just "!" in its circle; lists keep their wording. */
#watch-detail-view .wd-completion-button.is-incomplete::after{content:none!important}
#watch-detail-view .wd-completion-button.is-incomplete{padding:0!important;justify-content:center}
#watch-detail-view .wd-movements.wd-mv-card{margin-top:0}
#watch-detail-view .wd-trade-need{display:inline-block;margin-top:4px;font-size:12px;font-weight:700;color:#B4470E}
#watch-detail-view .wd-trade-link{border:0;background:none;padding:0;font:inherit;color:#1F6F8B;text-decoration:underline;text-underline-offset:2px;cursor:pointer;text-align:right}
/* Sales Review toolbar (owner 28 Oct): tabs on the left; Refresh and Xero together on the right, same height, both round. */
#finance-view .fsr-toolbar>.fsr-tabs{margin-right:auto}
#finance-view .fsr-toolbar #finance-pending-sales-refresh{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:999px!important}
#finance-view .fsr-toolbar #fsr-xero-settings{min-height:42px;padding:0 18px}
/* New Watch Submission (owner 29 Oct): no main photo box on any screen; the summary and prices use the full width. */
#inpro-shared-view .inpro-match-hero{grid-template-columns:minmax(0,1fr)!important}
/* Inventory table thumbnail (owner 31 Oct): small, square, the .thumb.webp only. */
#inventory-all-view td[data-column="photo"]{width:52px;padding-top:6px;padding-bottom:6px}
#inventory-all-view .inv-thumb{display:block;width:44px;height:44px;border-radius:8px;overflow:hidden;background:#EEF2F5}
#inventory-all-view .inv-thumb img{display:block;width:100%;height:100%;object-fit:cover}
/* Inventory table spacing (owner 1 Nov): references and serials stay on one line (no breaks mid-code); every row is the same rhythm. */
#inventory-all-view .inv-table td:is([data-column="reference"],[data-column="serial"],[data-column="size"],[data-column="condition"],[data-column="packageType"],[data-column="stockAllocation"],[data-column="daysInStock"],[data-column="sellPriceLocal"],[data-column="stockStatus"]){white-space:nowrap;overflow-wrap:normal;max-width:none}
#inventory-all-view .inv-table td[data-column="watch"]{min-width:240px}
#inventory-all-view .inv-table td{padding-top:12px;padding-bottom:12px}
/* New Watch Submission on phones (owner 1 Nov): Preview submission's icon and text centred in the button. */
@media(max-width:680px){#inpro-shared-view .inpro-submit-button,#inpro-shared-view .inpro-cancel-button{justify-content:center;text-align:center}}
/* Watch page (owner 1 Nov): the price cards always use the full width, whatever the title length. */
#watch-detail-view .wd-intro{min-width:0;width:100%;justify-self:stretch}
#watch-detail-view .wd-prices{width:100%;align-self:stretch;box-sizing:border-box}

/* Incoming tab (owner 1 Nov): Mark arrived right on the row / card. */
.inv-arrived{margin-top:6px;min-height:32px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid #BFD3F2;border-radius:8px;background:#EEF4FD;color:#1E4E9A;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.inv-arrived:disabled{opacity:.7;cursor:default}
.inv-mwrap .inv-arrived{width:100%;justify-content:center;margin:6px 0 0}
.inv-status[data-status="incoming"]{background:#EEF4FD;color:#1E4E9A}
/* Close (×) buttons (owner 1 Nov): a dialog focuses its first button when it opens, which drew a thick blue ring
   around the ×. Keep the normal thin border. */
html body dialog :is(.tsk-x,.prt-x,.cnt-x,.shp-x,.inv-sd-x,button[aria-label="Close"]):focus{outline:none!important;box-shadow:none!important}

/* Top-corner close buttons outside Tasks use the same × (owner 1 Nov). */
html body .wl-x{border:1px solid #E3E8EC!important;background:#fff!important;cursor:pointer}
/* The "!" INPRO button before it is turned on (owner 1 Nov): one look everywhere — a slightly darker grey than before. */
html body :is(.inventory-inpro-toggle,.wd-completion-button):not(.is-incomplete):not([aria-pressed="true"]){opacity:1!important;background:#fff!important;border:1.5px solid #9AA6AE!important;color:#6A7782!important}
html body :is(.inventory-inpro-toggle,.wd-completion-button):not(.is-incomplete):not([aria-pressed="true"]):hover{border-color:#6A7782!important;color:#33404A!important}
/* Phones (owner 1 Nov): the "!" button is just the icon — no "INPRO incomplete" words beside it, on or off. */
@media (max-width:750px){
  html body :is(.inventory-inpro-toggle,.wd-completion-button,#inpro-shared-view .inpro-incomplete-toggle)::after{content:none!important}
  html body :is(.wd-completion-button,#inpro-shared-view .inpro-incomplete-toggle){width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;display:inline-grid!important;place-items:center!important;border-radius:50%!important}
}

/* Finance → Purchases tick-list filters (owner 1 Nov). */
#finance-view .fp-ms{position:relative;display:inline-block}
#finance-view .fp-ms-box{position:absolute;z-index:30;top:calc(100% + 6px);left:0;min-width:200px;padding:8px;background:#fff;border:1px solid #D5DCE2;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:2px}
#finance-view .fp-ms-box[hidden]{display:none}
#finance-view .fp-ms-opt{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;font-size:14px;cursor:pointer}
#finance-view .fp-ms-opt:hover{background:#F4F6F8}
#finance-view .fp-ms-opt input{width:18px;height:18px}
#finance-view .fp-ms-clear{margin-top:4px;border:0;background:none;color:#1F6F8B;font:inherit;font-size:13px;font-weight:600;text-align:left;padding:6px 8px;cursor:pointer}
/* Inventory (owner 1 Nov): long references wrap onto a second line instead of widening the table. */
#inventory-all-view .inv-table td[data-column="reference"]{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;min-width:110px;max-width:170px}
/* Inventory table: every column centred under its header, except Watch (owner 1 Nov) */
.inv-table th:not([data-column="watch"]),.inv-table td:not([data-column="watch"]){text-align:center}
.inv-table th[data-column="watch"],.inv-table td[data-column="watch"]{text-align:left}
/* WHS tag in the Inventory list (owner 1 Nov) */
.inv-whs{padding:1px 6px;border-radius:4px;background:#1F2937;color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em}
/* Before polish section in the INPRO gallery (owner 2 Nov) */
.wd-before-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 8px;padding:10px 12px;border-radius:8px;background:#F4F6F8;border:1px solid #E3E8EC;font-size:13px}
.wd-before-tag{padding:2px 8px;border-radius:4px;background:#5B6670;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em}
.wd-before-meta{color:#5B6670;font-size:12px;margin-right:auto}
.wd-before-toggle{min-height:36px;padding:0 12px;border-radius:8px;border:1px solid #CBD3DA;background:#fff;color:#111417;font:inherit;font-size:12px;cursor:pointer}
.wd-before-grid .wd-gallery-tile{opacity:.82;outline:1px dashed #CBD3DA;outline-offset:-1px;border-radius:8px}
.wd-before-empty{margin:0 0 4px;font-size:13px;color:#5B6670}
/* Post on chips in Edit Details (owner 2 Nov): one compact line */
.wd-poston{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.wd-poston-label{font-size:12px;color:#5B6670;margin-right:2px}
.wd-post-chip{min-height:30px;padding:0 10px;border-radius:999px;border:1px solid #CBD3DA;background:#fff;color:#111417;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.wd-post-chip.is-off{border-color:#E5B4AE;background:#FDF1EF;color:#A23B2C;text-decoration:line-through}
.wd-poston .wd-dnp.is-on{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:#FDF1EF;color:#A23B2C;border:1px solid #E5B4AE;font-size:12px;font-weight:600}
/* Post on chips: tick = will be posted, cross = not posted (owner 2 Nov) */
.wd-post-chip{display:inline-flex;align-items:center;gap:5px;border-color:#9FCFB9;background:#EEF8F3;color:#1B5E43}
.wd-post-chip:hover{box-shadow:0 0 0 3px rgba(31,111,139,.12)}
.wd-post-chip.is-off{border-color:#E5B4AE;background:#FDF1EF;color:#A23B2C}
.wd-post-chip.is-off span{text-decoration:line-through}
.wd-poston-hint{flex-basis:100%;font-size:11px;color:#5B6670}
/* Listings: logo photos row (owner 2 Nov) — compact, one line */
.lst-logo{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#fff;border:1px solid #E3E8EC;border-radius:14px;min-width:0}
.lst-logo-label{font-size:13px;flex:none}
.lst-logo-strip{display:flex;gap:6px;overflow-x:auto;flex:1;min-width:0;scrollbar-width:thin;padding:2px 0}
.lst-logo-tile{position:relative;flex:none;width:56px;height:56px;padding:0;border:0;border-radius:8px;overflow:hidden;background:#E9EEF2;cursor:pointer}
.lst-logo-tile img{width:100%;height:100%;object-fit:cover;display:block}
.lst-logo-tile.is-on{outline:2px solid #1F6F8B;outline-offset:-2px}
.lst-logo-check{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:5px;background:rgba(255,255,255,.9);border:1.5px solid #CBD3DA;font-size:12px;line-height:15px;text-align:center;color:#fff}
.lst-logo-tile.is-on .lst-logo-check{background:#1F6F8B;border-color:#1F6F8B}
.lst-logo-actions{display:flex;gap:6px;flex:none}
.lst-logo-btn{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid #D5DCE2;background:#fff;color:#111417;font:inherit;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none}
.lst-logo-btn.is-dark{background:#111417;border-color:#111417;color:#fff;font-weight:600}
.lst-logo-btn:disabled{opacity:.5;cursor:default}
.lst-logo-view{border:0;padding:0;border-radius:14px;max-width:min(92vw,900px);background:#111417}
.lst-logo-view::backdrop{background:rgba(17,20,23,.6)}
.lst-logo-view img{display:block;max-width:100%;max-height:78vh;margin:0 auto}
.lst-logo-viewbar{display:flex;justify-content:flex-end;gap:8px;padding:10px;background:#fff}
@media (max-width:760px){.lst-logo{flex-wrap:wrap;gap:8px}.lst-logo-label{margin-right:auto}.lst-logo-actions{order:2}.lst-logo-strip{order:3;flex-basis:100%}}
.lst-logo-tabs{display:flex;flex:none;padding:3px;gap:2px;border-radius:999px;background:#F1F3F5}
.lst-logo-tab{min-height:32px;padding:0 12px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:12.5px;color:#5B6670;cursor:pointer;white-space:nowrap}
.lst-logo-tab.is-on{background:#fff;box-shadow:0 1px 2px rgba(17,20,23,.12);font-weight:600;color:#111417}
@media (max-width:760px){.lst-logo-tabs{margin-right:auto}}
/* Listings: watch details pop-up (owner 2 Nov) */
.lst-info{flex:none;align-self:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid #D5DCE2;background:#fff;color:#111417;font:inherit;font-size:12px;cursor:pointer}
.lst-info:hover{background:#F4F6F8}
.lst-info-d{border:0;border-radius:14px;padding:0;width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 32px);box-shadow:0 20px 60px rgba(0,0,0,.25)}
.lst-info-d::backdrop{background:rgba(17,20,23,.45)}
.lst-info-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 10px}
.lst-info-head h3{margin:2px 0 0;font-size:18px}
.lst-info-body{padding:4px 20px 20px;overflow:auto}
.lst-info-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:14px}
.lst-info-dl dt{color:#5B6670}.lst-info-dl dd{margin:0;font-weight:500;overflow-wrap:anywhere}