.account-nav a small { display: block; margin-top: 2px; font-size: .68rem; opacity: .68; font-weight: 600; }

.account-quotes-shell { display: grid; gap: 20px; min-width: 0; }
.account-quotes-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 28px;
  border: 1px solid #ddd7d0;
  border-radius: 18px;
  background: linear-gradient(135deg, #f3eee8, #fff);
}
.account-quotes-hero h2 { margin: 8px 0 10px; max-width: 680px; font-size: clamp(1.65rem, 3vw, 2.5rem); line-height: 1.04; letter-spacing: -.035em; }
.account-quotes-hero p { margin: 0; max-width: 720px; color: #69645f; }
.account-mode-badge { display: inline-flex; padding: 6px 9px; border-radius: 999px; background: #1b1a18; color: #fff; font-size: .68rem; letter-spacing: .06em; font-weight: 800; }

.quote-claim { padding: 16px 18px; border-radius: 13px; border: 1px solid #cfc4b7; background: #fbf7f0; }
.quote-claim.is-success { border-color: #a9c4b2; background: #f0f7f2; }
.quote-claim.is-error { border-color: #d6aaa5; background: #fff1ef; }
.quote-claim strong { display: block; margin-bottom: 4px; }
.quote-claim p { margin: 0; color: #69645f; }

.account-quotes-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.account-quotes-summary article { padding: 16px; border-radius: 13px; background: #fff; border: 1px solid #e3ddd6; }
.account-quotes-summary strong { display: block; font-size: 1.5rem; letter-spacing: -.03em; }
.account-quotes-summary span { color: #69645f; font-size: .78rem; }
.account-quotes-status { margin: 0; color: #69645f; font-size: .84rem; }
.account-quotes-status.is-error { color: #9d2b24; font-weight: 650; }
.account-quotes-list { display: grid; gap: 13px; }

.account-quote-card { background: #fff; border: 1px solid #e2dcd5; border-radius: 16px; overflow: hidden; }
.account-quote-card.is-target { box-shadow: 0 0 0 3px rgba(65, 55, 45, .12); border-color: #8d8379; }
.account-quote-head { display: flex; justify-content: space-between; gap: 18px; padding: 18px 20px 14px; border-bottom: 1px solid #eee9e4; }
.account-quote-reference { display: block; color: #756f68; font-size: .72rem; font-weight: 800; letter-spacing: .06em; margin-bottom: 4px; }
.account-quote-head h3 { margin: 0; font-size: 1.08rem; }
.account-quote-badges { display: flex; gap: 6px; align-items: flex-start; flex-wrap: wrap; justify-content: flex-end; }
.account-quote-badge { display: inline-flex; align-items: center; min-height: 28px; padding: 5px 9px; border-radius: 999px; font-size: .7rem; font-weight: 800; white-space: nowrap; }
.account-quote-badge.mode { background: #ece5dd; color: #302b26; }
.account-quote-badge.status { background: #f0efed; color: #4e4944; }
.account-quote-badge.status.is-action { background: #fff1cc; color: #755600; }
.account-quote-badge.status.is-progress { background: #e7eef6; color: #294e73; }
.account-quote-badge.status.is-done { background: #e8f2eb; color: #315f43; }

.account-quote-body { padding: 17px 20px; display: grid; gap: 14px; }
.account-quote-meta { display: flex; gap: 8px 18px; flex-wrap: wrap; color: #69645f; font-size: .78rem; }
.account-quote-details { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.account-quote-detail { padding: 11px; border-radius: 10px; background: #f8f5f1; }
.account-quote-detail span { display: block; color: #756f68; font-size: .68rem; margin-bottom: 2px; }
.account-quote-detail strong { font-size: .82rem; }
.account-quote-note { margin: 0; padding: 10px 12px; border-left: 3px solid #cfc3b6; background: #fbf8f5; color: #5d5751; font-size: .82rem; }

.account-quote-timeline { display: grid; gap: 0; margin-top: 2px; }
.account-quote-event { position: relative; padding: 0 0 14px 22px; color: #69645f; font-size: .76rem; }
.account-quote-event::before { content: ""; position: absolute; left: 4px; top: 5px; width: 7px; height: 7px; border-radius: 50%; background: #756d64; }
.account-quote-event:not(:last-child)::after { content: ""; position: absolute; left: 7px; top: 13px; bottom: 0; width: 1px; background: #d8d1ca; }
.account-quote-event strong { display: block; color: #2d2925; font-size: .78rem; }
.account-quote-actions { display: flex; gap: 8px; flex-wrap: wrap; }

.account-quotes-empty { padding: 30px 24px; border: 1px dashed #cfc6bd; border-radius: 15px; text-align: center; background: #fbf9f6; }
.account-quotes-empty strong { display: block; margin-bottom: 5px; }
.account-quotes-empty p { margin: 0 0 15px; color: #69645f; }

.account-quotes-help { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px; border-radius: 16px; background: #1c1a18; color: #fff; }
.account-quotes-help h3 { margin: 0 0 5px; }
.account-quotes-help p { margin: 0; color: rgba(255,255,255,.68); }
.account-quotes-help .eyebrow { color: rgba(255,255,255,.65); margin-bottom: 6px; }
.account-quotes-help .button-secondary { background: #fff; color: #1c1a18; border-color: #fff; white-space: nowrap; }

@media (max-width: 900px) {
  .account-quotes-summary { grid-template-columns: repeat(2, 1fr); }
  .account-quote-details { grid-template-columns: repeat(2, 1fr); }
  .account-quotes-hero { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 620px) {
  .account-quotes-summary { grid-template-columns: 1fr 1fr; }
  .account-quote-head { flex-direction: column; }
  .account-quote-badges { justify-content: flex-start; }
  .account-quote-details { grid-template-columns: 1fr 1fr; }
  .account-quotes-help { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 390px) {
  .account-quotes-summary { grid-template-columns: 1fr; }
  .account-quote-details { grid-template-columns: 1fr; }
}


.account-retail-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #d8cec3;
  border-radius: 14px;
  background: #faf6f0;
}

.account-retail-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.account-retail-panel-head > div { min-width: 0; }
.account-retail-panel-head strong { display: block; margin-bottom: 5px; font-size: .96rem; }
.account-retail-panel-head p {
  margin: 0;
  max-width: 650px;
  color: #69645f;
  font-size: .82rem;
  line-height: 1.5;
}

.account-retail-contract {
  display: grid;
  gap: 14px;
  padding-top: 14px;
  border-top: 1px solid #e3dbd3;
}

.account-retail-contract-head strong { display: block; margin-bottom: 5px; }
.account-retail-contract-head p,
.account-retail-product p,
.account-retail-affiliate p {
  margin: 0;
  color: #69645f;
  font-size: .82rem;
  line-height: 1.5;
}

.account-retail-terms { display: grid; gap: 7px; }
.account-retail-terms details {
  border: 1px solid #e2dbd4;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.account-retail-terms summary {
  padding: 10px 12px;
  cursor: pointer;
  font-size: .78rem;
  font-weight: 800;
}
.account-retail-terms details p {
  margin: 0;
  padding: 0 12px 12px;
  color: #625c56;
  font-size: .78rem;
  line-height: 1.55;
}

.account-retail-scope-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.account-retail-scope-grid article {
  padding: 13px;
  border-radius: 11px;
  background: #fff;
  border: 1px solid #dfd7cf;
}
.account-retail-scope-grid strong { display: block; margin-bottom: 5px; font-size: .84rem; }
.account-retail-scope-grid span { display: block; color: #69645f; font-size: .76rem; line-height: 1.45; }

.account-retail-accept {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 13px;
  border-radius: 11px;
  border: 1px solid #cfc4b8;
  background: #fff;
}
.account-retail-accept input { width: 18px; height: 18px; margin: 1px 0 0; flex: 0 0 auto; }
.account-retail-accept span { font-size: .78rem; line-height: 1.5; }

.account-retail-product,
.account-retail-affiliate {
  display: grid;
  gap: 9px;
  padding: 13px;
  border-radius: 11px;
  background: #fff;
  border: 1px solid #dfd7cf;
}
.account-retail-product .button,
.account-retail-affiliate .button { justify-self: start; }

@media (max-width: 700px) {
  .account-retail-panel-head { align-items: flex-start; flex-direction: column; }
  .account-retail-scope-grid { grid-template-columns: 1fr; }
}