:root {
  --ink: #0f1110;
  --ivory: #f7f4ec;
  --surface: #ffffff;
  --teal: #075b57;
  --teal-2: #0d7a72;
  --mint: #dcece8;
  --gold: #c39a4a;
  --stone: #d9d3c7;
  --muted: #686b68;
  --radius: 18px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--ivory);
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; }
a { color: inherit; }
.skip-link { position: fixed; left: 12px; top: -50px; background: var(--ink); color: white; padding: 10px 14px; z-index: 100; }
.skip-link:focus { top: 12px; }
.site-header { min-height: 76px; padding: 0 clamp(20px, 5vw, 84px); display: grid; grid-template-columns: minmax(132px, 180px) minmax(0, 1fr) auto; align-items: center; gap: clamp(16px, 2vw, 32px); background: rgba(247,244,236,.94); border-bottom: 1px solid var(--stone); position: sticky; top: 0; z-index: 10; backdrop-filter: blur(14px); }
.brand img { width: 128px; display: block; }
nav { min-width: 0; display: flex; justify-content: center; gap: clamp(12px, 1.35vw, 28px); font-size: 14px; white-space: nowrap; }
.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-width: 0; }
.account-button { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
nav a { text-decoration: none; }
button, .primary-button { border: 0; border-radius: 999px; padding: 12px 20px; font: inherit; font-weight: 700; }
.secondary-button { border: 1px solid var(--stone); background: transparent; color: var(--muted); }
.hero { min-height: 650px; padding: clamp(70px, 9vw, 140px) clamp(24px, 8vw, 150px); display: grid; grid-template-columns: 1.3fr .7fr; align-items: center; gap: clamp(45px, 8vw, 120px); background: radial-gradient(circle at 75% 20%, #d9eeea 0, transparent 30%), linear-gradient(150deg, var(--ivory) 55%, #e9f3f0); }
.eyebrow { color: var(--teal); text-transform: uppercase; letter-spacing: .15em; font-weight: 800; font-size: 12px; }
h1 { font-size: clamp(56px, 7vw, 108px); line-height: .92; letter-spacing: -.06em; max-width: 850px; margin: 22px 0 28px; }
.hero > div > p { max-width: 700px; font-size: clamp(18px, 2vw, 24px); line-height: 1.55; color: var(--muted); }
.hero-actions { display: flex; align-items: center; gap: 24px; margin-top: 38px; flex-wrap: wrap; }
.primary-button { background: var(--teal); color: white; text-decoration: none; }
.text-link { color: var(--teal); font-weight: 800; }
.trust-strip { display: flex; flex-wrap: wrap; gap: 12px 26px; margin-top: 46px; color: var(--teal); font-size: 14px; font-weight: 700; }
.trust-card { background: var(--surface); border: 1px solid #dce4e1; border-radius: 26px; padding: 28px; box-shadow: 0 28px 70px rgba(7,91,87,.14); }
.trust-card__header { display: flex; gap: 15px; align-items: center; }
.trust-card__header .symbol { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--teal); color: white; font-size: 22px; }
.trust-card small { display: block; color: var(--muted); margin-top: 4px; }
.trust-card ul { list-style: none; padding: 0; margin: 26px 0; }
.trust-card li { display: flex; justify-content: space-between; gap: 20px; padding: 16px 0; border-bottom: 1px solid #ece9e2; font-size: 13px; }
.trust-card li span { color: var(--muted); }
.trust-card > p { background: #fff8e8; border-left: 3px solid var(--gold); margin: 0; padding: 14px; font-size: 12px; line-height: 1.5; }
.section { padding: 100px clamp(24px, 7vw, 130px); }
.section-heading { max-width: 850px; margin-bottom: 50px; }
h2 { font-size: clamp(38px, 5vw, 70px); letter-spacing: -.045em; line-height: 1.04; margin: 15px 0; }
.category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.category-grid article { background: white; padding: 30px; border: 1px solid #e4dfd5; border-radius: var(--radius); min-height: 250px; }
.category-grid article span { color: var(--teal); font-weight: 800; }
.category-grid h3 { font-size: 22px; margin-top: 70px; }
.category-grid p, .principles p { color: var(--muted); line-height: 1.6; }
.split-section { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; background: var(--ink); color: white; }
.split-section .eyebrow { color: #78c8be; }
.principles article { display: grid; grid-template-columns: 48px 1fr; gap: 20px; padding: 25px 0; border-bottom: 1px solid #3b3e3c; }
.principles strong { color: #78c8be; }
.principles h3 { margin: 0; font-size: 22px; }
.status-section { padding: 100px clamp(24px, 8vw, 150px); text-align: center; background: #e4f0ed; }
.status-section > p { max-width: 760px; margin: 18px auto 46px; color: var(--muted); font-size: 18px; line-height: 1.6; }
.status-grid { max-width: 900px; margin: auto; display: grid; grid-template-columns: repeat(3, 1fr); background: white; border-radius: 22px; overflow: hidden; border: 1px solid #d2e0dc; }
.status-grid div { padding: 28px; border-right: 1px solid #d2e0dc; }
.status-grid div:last-child { border: 0; }
.status-grid strong { display: block; font-size: 24px; color: var(--teal); }
.status-grid span { color: var(--muted); font-size: 13px; }
footer { padding: 42px clamp(24px, 7vw, 130px); background: var(--teal); color: white; display: flex; justify-content: space-between; align-items: center; }
footer img { width: 120px; }
@media (max-width: 1180px) {
  .site-header { grid-template-columns: 1fr auto; }
  nav { display: none; }
}
@media (max-width: 900px) {
  .hero, .split-section { grid-template-columns: 1fr; }
  .category-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .site-header { min-height: 68px; padding: 0 18px; gap: 10px; }
  .header-actions { gap: 6px; }
  .header-actions .secondary-button { display: inline-flex; max-width: 128px; padding: 10px 13px; }
  .secondary-button:not(.account-button) { display: none; }
  .hero { padding: 70px 20px; }
  h1 { font-size: 56px; }
  .category-grid, .status-grid { grid-template-columns: 1fr; }
  .status-grid div { border-right: 0; border-bottom: 1px solid #d2e0dc; }
  footer { align-items: flex-start; flex-direction: column; gap: 20px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; }
.account-section { background: #eef5f2; }
.account-section > .section-heading p { color: var(--muted); font-size: 18px; line-height: 1.6; }
.account-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 24px; align-items: start; }
.account-card { background: white; border: 1px solid #dbe4e0; border-radius: 24px; padding: clamp(24px, 4vw, 38px); box-shadow: 0 20px 48px rgba(7,91,87,.08); }
.card-heading { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; margin-bottom: 24px; }
.card-heading h3 { font-size: 28px; margin: 8px 0 0; }
.account-card label, .auth-form label { display: grid; gap: 8px; font-size: 13px; font-weight: 750; color: #363a37; margin-bottom: 18px; }
.account-card input, .account-card textarea, .auth-form input, .auth-form textarea { width: 100%; border: 1px solid #cfcfc7; border-radius: 12px; padding: 12px 14px; font: inherit; color: var(--ink); background: #fff; }
.account-card input:focus, .account-card textarea:focus, .auth-form input:focus { outline: 3px solid rgba(13,122,114,.18); border-color: var(--teal-2); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.badge { display: inline-flex; align-items: center; border-radius: 999px; padding: 8px 11px; background: #fff4dc; color: #7a5614; font-size: 12px; font-weight: 800; white-space: nowrap; }
.badge[data-state="verified"] { background: #dff2eb; color: var(--teal); }
.account-facts { margin: 0 0 26px; }
.account-facts div { display: grid; grid-template-columns: 100px 1fr; gap: 18px; padding: 13px 0; border-bottom: 1px solid #eceae4; }
.account-facts dt { color: var(--muted); }
.account-facts dd { margin: 0; font-weight: 750; overflow-wrap: anywhere; }
.inline-form { border-top: 1px solid #eceae4; padding-top: 20px; margin-top: 18px; }
.text-button { border: 0; background: transparent; color: var(--teal); padding: 10px 0; font: inherit; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.text-button.danger { color: #9d3535; display: block; }
.form-message { min-height: 20px; margin: 14px 0 0; font-size: 13px; color: var(--muted); }
.form-message[data-state="error"] { color: #a12d2d; }
.form-message[data-state="success"] { color: var(--teal); }
.auth-dialog { width: min(560px, calc(100vw - 30px)); max-height: min(860px, calc(100vh - 30px)); border: 0; border-radius: 26px; padding: clamp(24px, 5vw, 42px); color: var(--ink); box-shadow: 0 35px 100px rgba(15,17,16,.32); }
.auth-dialog::backdrop { background: rgba(10,20,18,.66); backdrop-filter: blur(7px); }
.dialog-close { position: absolute; right: 18px; top: 14px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: #f0eee8; font-size: 27px; line-height: 1; }
.dialog-logo { width: 128px; display: block; margin-bottom: 25px; }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; background: #efeee9; border-radius: 999px; padding: 4px; margin-bottom: 30px; }
.auth-tabs button { border: 0; background: transparent; padding: 10px; border-radius: 999px; font: inherit; font-weight: 800; color: var(--muted); }
.auth-tabs button[aria-selected="true"] { background: white; color: var(--teal); box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.auth-form h2 { font-size: 38px; margin: 0 0 8px; }
.auth-form > p { color: var(--muted); line-height: 1.55; margin: 0 0 24px; }
.auth-form small { color: var(--muted); font-weight: 500; }
.auth-form fieldset { border: 0; padding: 0; margin: 4px 0 18px; }
.auth-form legend { font-size: 13px; font-weight: 800; margin-bottom: 10px; }
.radio-card { grid-template-columns: auto 1fr !important; align-items: start; border: 1px solid #d9d6ce; border-radius: 14px; padding: 13px; margin-bottom: 9px !important; }
.radio-card input { width: auto; margin-top: 3px; }
.radio-card strong, .radio-card small { display: block; }
.checkbox-row { grid-template-columns: auto 1fr !important; align-items: start; }
.checkbox-row input { width: auto; margin-top: 2px; }
.auth-form .primary-button { width: 100%; }
.toast { position: fixed; right: 24px; bottom: 24px; max-width: 420px; padding: 16px 20px; border-radius: 14px; background: var(--ink); color: white; box-shadow: 0 18px 55px rgba(0,0,0,.28); z-index: 100; }
@media (max-width: 900px) {
  .account-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .form-row { grid-template-columns: 1fr; gap: 0; }
  .account-card { padding: 22px; }
  .card-heading { display: block; }
  .badge { margin-top: 14px; }
  .auth-dialog { border-radius: 20px; padding: 25px 20px; }
  .auth-form h2 { font-size: 32px; }
  .toast { left: 16px; right: 16px; bottom: 16px; }
}


.marketplace-section { background: linear-gradient(180deg, rgba(7,91,87,.04), transparent); }
.marketplace-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; }
.marketplace-filters { display:flex; align-items:end; gap:.75rem; min-width:min(100%, 340px); }
.marketplace-filters label { flex:1; }
.listing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; margin-top:2rem; }
.listing-card { overflow:hidden; border:1px solid var(--line, #d9e5e3); border-radius:22px; background:#fff; box-shadow:0 14px 40px rgba(11,45,43,.07); }
.listing-card__media { position:relative; aspect-ratio:4/3; background:#eef5f3; overflow:hidden; }
.listing-card__media img { width:100%; height:100%; object-fit:cover; }
.listing-image-placeholder { height:100%; display:grid; place-items:center; padding:2rem; text-align:center; color:#5f7472; font-size:.9rem; }
.risk-pill { position:absolute; top:.8rem; right:.8rem; border-radius:999px; padding:.35rem .6rem; background:#fff; color:#075b57; font-size:.75rem; font-weight:800; box-shadow:0 5px 18px rgba(0,0,0,.12); }
.listing-card__body { padding:1.15rem; }
.listing-card__body h3 { margin:.35rem 0 .55rem; font-size:1.15rem; }
.listing-card__body p { color:#5b6f6d; margin:.55rem 0; }
.listing-card__meta { display:flex; justify-content:space-between; gap:.5rem; color:#52706d; font-size:.76rem; text-transform:uppercase; letter-spacing:.06em; }
.listing-price { display:block; color:#083f3c; font-size:1.25rem; }
.trust-chips { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.8rem; }
.trust-chips span { border-radius:999px; padding:.3rem .55rem; background:#eff7f5; color:#075b57; font-size:.72rem; font-weight:700; }
.rejection-note { padding:.65rem; border-radius:12px; background:#fff0ed; color:#9b2c1f !important; }
.listing-actions { display:flex; flex-wrap:wrap; gap:.25rem; border-top:1px solid #e4ecea; margin-top:1rem; padding-top:.7rem; }
.empty-state { grid-column:1/-1; padding:2rem; border:1px dashed #b9cfcb; border-radius:18px; text-align:center; color:#5f7472; background:rgba(255,255,255,.6); }
.seller-studio { background:#f6f1e7; }
.seller-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:1.25rem; align-items:start; }
.listing-form fieldset { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; }
.listing-form code { font-size:.76rem; }
.form-actions { display:flex; gap:.75rem; flex-wrap:wrap; }
.seller-listing-list { display:grid; gap:1rem; max-height:900px; overflow:auto; padding-right:.25rem; }
.seller-listing-list .listing-card { display:grid; grid-template-columns:140px 1fr; border-radius:16px; box-shadow:none; }
.seller-listing-list .listing-card__media { aspect-ratio:auto; min-height:150px; }
.media-dialog { max-width:520px; }

@media (max-width: 960px) {
  .listing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .seller-layout { grid-template-columns:1fr; }
}
@media (max-width: 680px) {
  .marketplace-heading { align-items:stretch; flex-direction:column; }
  .marketplace-filters { width:100%; min-width:0; }
  .listing-grid { grid-template-columns:1fr; }
  .seller-listing-list .listing-card { grid-template-columns:1fr; }
  .listing-form fieldset { grid-template-columns:1fr; }
}

.listing-view-button { width:100%; margin-top:1rem; }
.listing-detail-dialog { max-width:760px; }
.detail-media { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; margin-bottom:1rem; }
.detail-media img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:14px; background:#eef5f3; }
@media (max-width: 560px) { .detail-media { grid-template-columns:1fr; } }

.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.detail-actions { display:flex; gap:.75rem; margin-top:1.25rem; align-items:center; }
.messaging-section { background:#edf5f3; }
.messaging-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; }
.messaging-layout { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.5fr); gap:1.25rem; align-items:start; }
.conversation-inbox { padding:1.15rem; max-height:760px; overflow:auto; }
.conversation-list { display:grid; gap:.55rem; }
.conversation-item { display:grid; grid-template-columns:54px 1fr auto; align-items:center; gap:.75rem; width:100%; padding:.75rem; border:1px solid transparent; border-radius:15px; background:transparent; color:inherit; text-align:left; }
.conversation-item:hover, .conversation-item--active { background:#eef7f5; border-color:#bcd7d2; }
.conversation-item > span:nth-child(2) { min-width:0; display:grid; gap:.15rem; }
.conversation-item strong, .conversation-item small, .conversation-item em { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conversation-item small { color:#426b67; font-weight:700; }
.conversation-item em { color:#738481; font-size:.76rem; font-style:normal; }
.conversation-item b { display:grid; place-items:center; min-width:24px; height:24px; border-radius:999px; background:#075b57; color:#fff; font-size:.72rem; }
.conversation-thumb { width:54px; height:54px; display:grid; place-items:center; overflow:hidden; border-radius:13px; background:#dcebe8; color:#075b57; font-weight:900; }
.conversation-thumb img { width:100%; height:100%; object-fit:cover; }
.conversation-thread { padding:0; overflow:hidden; }
.conversation-header { display:flex; justify-content:space-between; align-items:start; gap:1rem; padding:1.35rem 1.5rem; border-bottom:1px solid #dce8e5; }
.conversation-header h3 { margin:.35rem 0; font-size:1.4rem; }
.conversation-header p { margin:0; color:#627672; }
.conversation-header-actions { display:flex; gap:.75rem; }
.safety-banner { margin:1rem 1.5rem 0; padding:.8rem 1rem; border-radius:13px; background:#fff5dc; color:#674d18; font-size:.82rem; line-height:1.5; }
.message-list { display:flex; flex-direction:column; gap:.65rem; min-height:300px; max-height:520px; overflow:auto; padding:1.25rem 1.5rem; background:linear-gradient(180deg,#f8fbfa,#f1f7f5); }
.message-bubble { max-width:min(76%,540px); padding:.72rem .9rem; border-radius:16px; background:#fff; border:1px solid #dbe6e3; box-shadow:0 5px 16px rgba(12,55,52,.05); }
.message-bubble--mine { align-self:flex-end; background:#0b6f69; color:#fff; border-color:#0b6f69; border-bottom-right-radius:5px; }
.message-bubble--other { align-self:flex-start; border-bottom-left-radius:5px; }
.message-bubble--system, .message-bubble--safety_notice { align-self:center; max-width:92%; text-align:center; background:#f7eed7; color:#65501e; border:0; box-shadow:none; font-size:.8rem; }
.message-bubble small, .message-bubble time { display:block; font-size:.68rem; opacity:.72; }
.message-bubble p { margin:.25rem 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.message-bubble time { margin-top:.35rem; text-align:right; }
.message-bubble img { display:block; max-width:320px; width:100%; max-height:340px; object-fit:cover; border-radius:11px; margin:.35rem 0; }
.message-bubble--offer, .message-bubble--offer_update { display:grid; gap:.35rem; min-width:230px; }
.offer-amount { font-size:1.25rem; font-weight:900; }
.offer-status { text-transform:uppercase; font-size:.68rem; font-weight:900; letter-spacing:.07em; opacity:.75; }
.offer-actions { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.35rem; }
.offer-actions button { border:1px solid currentColor; background:transparent; color:inherit; border-radius:999px; padding:.32rem .62rem; font:inherit; font-size:.72rem; font-weight:800; }
.message-composer { display:grid; grid-template-columns:1fr auto; gap:.65rem; align-items:end; padding:1rem 1.5rem; border-top:1px solid #dce8e5; }
.message-composer textarea { resize:vertical; min-height:48px; border:1px solid #bfd0cd; border-radius:13px; padding:.75rem; font:inherit; }
.message-image-button { grid-column:1/-1; display:inline-flex; width:max-content; align-items:center; gap:.5rem; color:#075b57; font-size:.78rem; font-weight:800; cursor:pointer; }
.message-image-button input { width:1px; height:1px; opacity:0; position:absolute; }
.message-composer .form-message { grid-column:1/-1; }
.offer-composer { display:grid; grid-template-columns:1fr minmax(150px,.35fr) auto; gap:.7rem; align-items:end; padding:1rem 1.5rem; border-top:1px solid #dce8e5; background:#fbf7ec; }
.offer-composer p { margin:.25rem 0 0; color:#6c736f; font-size:.8rem; }
.offer-composer label { margin:0; }
.offer-composer input { width:100%; border:1px solid #cfcfc7; border-radius:11px; padding:.65rem; font:inherit; }
.offer-composer .form-message { grid-column:1/-1; }

@media (max-width: 900px) {
  .messaging-layout { grid-template-columns:1fr; }
  .conversation-inbox { max-height:360px; }
  .messaging-heading { align-items:stretch; flex-direction:column; }
  .messaging-section .secondary-button { display:inline-flex; }
}
@media (max-width: 620px) {
  .conversation-header { flex-direction:column; }
  .message-list { padding:1rem; }
  .message-bubble { max-width:90%; }
  .message-composer { grid-template-columns:1fr; padding:1rem; }
  .message-composer .primary-button { width:100%; }
  .offer-composer { grid-template-columns:1fr; padding:1rem; }
  .offer-composer .secondary-button { display:inline-flex; justify-content:center; }
}

.transaction-section { background: linear-gradient(180deg, #fbf7ec, #f4f8f7); }
.transaction-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; }
.transaction-layout { display:grid; grid-template-columns:minmax(300px,.72fr) minmax(0,1.45fr); gap:1.25rem; align-items:start; }
.transaction-inbox { padding:1.15rem; max-height:850px; overflow:auto; }
.transaction-list { display:grid; gap:.55rem; }
.transaction-item { display:grid; grid-template-columns:56px 1fr auto; gap:.8rem; align-items:center; width:100%; padding:.8rem; border:1px solid transparent; border-radius:15px; background:transparent; color:inherit; text-align:left; }
.transaction-item:hover, .transaction-item--active { background:#eef7f5; border-color:#b9d3cf; }
.transaction-item > span:nth-child(2) { display:grid; min-width:0; gap:.14rem; }
.transaction-item strong, .transaction-item small, .transaction-item em { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.transaction-item small { color:#456d68; font-weight:700; }
.transaction-item em { color:#748480; font-size:.76rem; font-style:normal; text-transform:capitalize; }
.transaction-item b { font-size:.8rem; color:#075b57; }
.transaction-thumb { display:grid; place-items:center; width:56px; height:56px; overflow:hidden; border-radius:13px; background:#dcebe8; color:#075b57; font-weight:900; }
.transaction-thumb img { width:100%; height:100%; object-fit:cover; }
.transaction-detail { padding:1.35rem; }
.transaction-detail-header { display:flex; justify-content:space-between; align-items:start; gap:1rem; }
.transaction-detail-header h3 { margin:.3rem 0; font-size:1.55rem; }
.transaction-detail-header p { margin:0; color:#617570; }
.transaction-status { padding:.4rem .7rem; border-radius:999px; background:#e8f3f1; color:#075b57; font-size:.72rem; font-weight:900; text-transform:uppercase; letter-spacing:.05em; }
.transaction-price-row { display:flex; justify-content:space-between; align-items:baseline; gap:1rem; margin:1.25rem 0; padding:1rem 0; border-top:1px solid #dce7e4; border-bottom:1px solid #dce7e4; }
.transaction-price-row strong { font-size:1.65rem; color:#083f3c; }
.transaction-price-row span { color:#647773; }
.payment-warning { margin:1rem 0; padding:.9rem 1rem; border-radius:14px; background:#fff4d7; color:#674d18; line-height:1.45; }
.transaction-facts { margin-top:1rem; }
.transaction-actions { display:flex; flex-wrap:wrap; gap:.65rem; margin:1.25rem 0; }
.transaction-panel { margin-top:1.35rem; padding-top:1.1rem; border-top:1px solid #dce7e4; }
.transaction-panel h4 { margin:.25rem 0; font-size:1.15rem; }
.transaction-evidence-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; }
.transaction-evidence-grid a { display:grid; gap:.35rem; color:#075b57; font-size:.74rem; font-weight:800; text-transform:capitalize; }
.transaction-evidence-grid img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:12px; background:#edf4f2; }
.transaction-timeline { list-style:none; display:grid; gap:.85rem; padding:0; margin:0; }
.transaction-timeline li { display:grid; grid-template-columns:14px 1fr; gap:.7rem; align-items:start; }
.transaction-timeline li > span { width:10px; height:10px; margin-top:.35rem; border-radius:999px; background:#0b6f69; box-shadow:0 0 0 4px #dcebe8; }
.transaction-timeline li div { display:grid; gap:.12rem; }
.transaction-timeline strong { text-transform:capitalize; }
.transaction-timeline small { color:#6a7b78; }
.transaction-dialog { max-width:680px; }
#transaction-delivery-fields { display:grid; gap:.6rem; }

@media (max-width: 900px) {
  .transaction-layout { grid-template-columns:1fr; }
  .transaction-heading { align-items:stretch; flex-direction:column; }
  .transaction-inbox { max-height:380px; }
}
@media (max-width: 620px) {
  .transaction-detail-header, .transaction-price-row { align-items:flex-start; flex-direction:column; }
  .transaction-evidence-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .transaction-item { grid-template-columns:52px 1fr; }
  .transaction-item b { grid-column:2; }
}

.dispute-section { background:linear-gradient(180deg,#f4f8f7,#fff); }
.dispute-heading { display:flex; justify-content:space-between; align-items:end; gap:2rem; }
.dispute-statements { display:grid; gap:.75rem; }
.dispute-statement { padding:.9rem 1rem; border:1px solid #dce7e4; border-radius:14px; background:#fff; }
.dispute-statement--staff { background:#eef7f5; border-color:#b9d3cf; }
.dispute-statement p { margin:.4rem 0; line-height:1.55; white-space:pre-wrap; }
.dispute-statement small, .decision-card small { color:#647773; }
.decision-card { padding:1rem; border-radius:14px; background:#e8f3f1; border:1px solid #b9d3cf; }
.decision-card p { line-height:1.55; }
@media (max-width:900px){.dispute-heading{align-items:stretch;flex-direction:column;}}

.review-section { background:linear-gradient(180deg,#fff,#f4f8f7); }
.review-heading { display:flex; justify-content:space-between; align-items:end; gap:2rem; }
.review-layout { display:grid; grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr); gap:1.25rem; align-items:start; }
.review-summary-card, .review-feed-card, .review-moderation-card { padding:1.25rem; }
.review-summary-card { position:sticky; top:1rem; }
.review-list { display:grid; gap:.8rem; }
.review-card { padding:1rem; border:1px solid #dce7e4; border-radius:15px; background:#fff; box-shadow:0 8px 24px rgba(8,63,60,.04); }
.review-card--moderation { border-color:#e4c98a; background:#fffbf1; }
.review-card__head { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }
.review-card__head > div { display:grid; gap:.18rem; min-width:0; }
.review-card__head strong { color:#083f3c; }
.review-card__head small, .review-meta { color:#647773; }
.review-card p { margin:.65rem 0; line-height:1.55; white-space:pre-wrap; }
.review-stars { margin-top:.6rem; color:#8a6508; font-size:1.15rem; letter-spacing:.08em; }
.reputation-score { display:grid; gap:.25rem; margin:.8rem 0 1.1rem; }
.reputation-score strong { color:#083f3c; font-size:2.35rem; line-height:1; }
.reputation-score span { color:#8a6508; font-size:1.2rem; letter-spacing:.08em; }
.reputation-score small { color:#647773; }
.review-report-details { display:grid; gap:.35rem; margin:.8rem 0; padding:.75rem; border-radius:12px; background:#fff4d7; color:#674d18; }
.review-report-details:empty { display:none; }
.review-dialog { max-width:680px; }
.review-dialog .rating-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.review-dialog .rating-grid label { display:grid; gap:.35rem; }
.review-dialog select { width:100%; border:1px solid #cfcfc7; border-radius:11px; padding:.65rem; background:#fff; font:inherit; }

@media (max-width:900px) {
  .review-heading { align-items:stretch; flex-direction:column; }
  .review-layout { grid-template-columns:1fr; }
  .review-summary-card { position:static; }
}
@media (max-width:620px) {
  .review-card__head { flex-direction:column; }
  .review-dialog .rating-grid { grid-template-columns:1fr; }
}


.listing-attributes { margin: 0 0 18px; padding: 18px; border: 1px solid #d8dedb; border-radius: 14px; background: #fbfcfb; }
.listing-attributes legend { padding: 0 7px; font-size: 13px; font-weight: 800; color: #363a37; }
.field-help { margin: 0 0 14px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.attribute-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; }
.attribute-grid:empty { display: none; }
.attribute-field { margin: 0 !important; }
.attribute-field__label { display: flex; align-items: center; gap: 7px; }
.required-marker { border-radius: 999px; padding: 2px 7px; background: #fff0d1; color: #7a5614; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.optional-marker { color: var(--muted); font-size: 11px; font-weight: 600; }
.attribute-field--boolean { grid-template-columns: auto 1fr !important; align-items: center; border: 1px solid #d8dedb; border-radius: 12px; padding: 12px; }
.attribute-field--boolean input { width: auto; margin: 0; }
@media (max-width: 680px) { .attribute-grid { grid-template-columns: 1fr; } }

.notification-button{border:1px solid #b8c7c2;background:#fff;color:#075b57;border-radius:999px;padding:.68rem .9rem;font-weight:700;cursor:pointer;white-space:nowrap}.notification-button span[hidden]{display:none!important}.notification-button span{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;margin-left:.35rem;padding:0 .3rem;border-radius:999px;background:#b42318;color:#fff;font-size:.72rem}.notification-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:1.25rem}.notification-list{display:grid;gap:.7rem}.notification-item{display:grid;grid-template-columns:1fr auto;gap:.75rem;padding:1rem;border:1px solid #dfe6e2;border-radius:14px;background:#fff}.notification-item[data-unread="true"]{border-color:#4c8d7d;background:#f1f8f5}.notification-item h4{margin:0 0 .35rem;font-size:1rem}.notification-item p{margin:0;color:#46534c;line-height:1.5}.notification-item small{display:block;margin-top:.45rem;color:#6b746e}.notification-actions{display:flex;align-items:flex-start;gap:.35rem}.notification-actions button{border:0;background:transparent;color:#075b57;font-weight:700;cursor:pointer}.privacy-note{font-size:.86rem;line-height:1.5;color:#5b665f;background:#f5f3ee;padding:.8rem;border-radius:10px}@media(max-width:900px){.notification-layout{grid-template-columns:1fr}.notification-button{font-size:0}.notification-button::before{content:'🔔';font-size:1rem}.notification-button span{font-size:.72rem}}

.trust-operations-section .account-card { margin-top: 1rem; }
.operations-summary { margin: 1rem 0; }
.trust-operations-section .review-card { border: 1px solid var(--line, #dedbd2); border-radius: 14px; padding: 1rem; background: #fff; }
.trust-operations-section .review-card + .review-card { margin-top: .75rem; }

/* TYK-IDV1 verification center */
.verification-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:20px;margin-bottom:20px}
.trust-marker-list{display:grid;gap:12px}
.trust-marker-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #cbded8;border-radius:14px;background:#f1faf6}
.trust-marker-card p{margin:4px 0 6px;color:#48554d}
.trust-marker-card small{color:#68746d}
.trust-marker-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#075b57;color:#fff;font-weight:800;flex:0 0 auto}
.verification-case-card{margin-top:12px}
.verification-artifacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:12px 0}
.verification-artifacts a{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid #d9d7cf;border-radius:10px;background:#fff;color:#075b57;text-decoration:none}
.verification-artifacts a:hover{border-color:#075b57}
.verification-artifacts small{color:#68746d}
.verification-missing{padding:10px 12px;border-radius:10px;background:#fff4dc;color:#714b00}
.decision-note{padding:10px 12px;border-left:3px solid #075b57;background:#f5f7f4}
.badge[data-state="approved"]{background:#dff5e8;color:#075b57}
.badge[data-state="rejected"],.badge[data-state="revoked"]{background:#fde5e2;color:#9a241c}
.badge[data-state="submitted"],.badge[data-state="under_review"]{background:#fff1cf;color:#714b00}
@media (max-width:900px){.verification-layout{grid-template-columns:1fr}.verification-artifacts{grid-template-columns:1fr}}