/* Section 7: consistent spacing, readable evidence and compact workshop forms. */
.board-shell--sales #main-content { min-width: 0; }
.sales-workspace { min-width: 0; padding: 28px; background: #fff; border: 1px solid #e0e7e4; border-radius: 18px; box-shadow: 0 8px 26px #243f3305; }
.sales-heading { padding-bottom: 24px; }
.sales-heading h2 { margin: 2px 0 10px; color: #213e34; font-size: 28px; }
.sales-heading p { margin: 0; color: #73867d; font-size: 14px; line-height: 1.95; }
.sales-heading .eyebrow { color: #567665; font-size: 12px; }
.sales-route-guide { display: flex; gap: 22px; flex-wrap: wrap; list-style: none; margin: 0 0 28px; padding: 16px 20px; background: #f4f8f5; border: 1px solid #e6ede8; border-radius: 12px; }
.sales-route-guide li { display: flex; align-items: center; gap: 8px; color: #577165; font-size: 12px; }
.sales-route-guide span { display: grid; place-items: center; width: 24px; height: 24px; flex-shrink: 0; border-radius: 50%; background: #e4efe7; color: #427653; }
.sales-tabs { display: flex; gap: 22px; margin: 0; padding: 0; overflow-x: auto; border-bottom: 1px solid #e2e9e4; scrollbar-width: thin; }
.sales-tabs button { flex: 0 0 auto; min-height: 50px; padding: 12px 2px 16px; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; color: #78897f; font-size: 13px; font-weight: 550; box-shadow: none; }
.sales-tabs button[aria-selected="true"] { color: #2d654b; border-bottom-color: #418464; }
.sales-toolbar { display: flex; align-items: end; gap: 18px; padding: 22px 0; margin: 0; }
.sales-toolbar label { display: grid; gap: 8px; min-width: 0; color: #5b7467; font-size: 12px; }
.sales-toolbar label:first-child { width: min(390px,100%); }
.sales-toolbar :is(input,select) { width: 100%; min-width: 0; min-height: 44px; padding: 9px 12px; border: 1px solid #d9e3dc; border-radius: 9px; background: #fcfdfc; color: #355643; font-size: 13px; }
.sales-workspace h3 { margin: 0; color: #2d4b3b; font-size: 18px; }
.sales-workspace .sales-record-list { display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; }
.sales-workspace .record-card { min-width: 0; padding: 22px; background: #fff; border: 1px solid #dfe7e1; border-radius: 13px; font-size: 13px; line-height: 1.95; overflow-wrap: anywhere; }
.sales-workspace .record-card h4 { margin: 0; color: #2d4d3b; font-size: 16px; line-height: 1.9; }
.sales-workspace .record-card p { margin: 8px 0 0; color: #657a6b; }
.sales-workspace .record-card .sales-reference { color: #869489; font-size: 11px; }
.sales-workspace .status-badge { display: inline-block; padding: 3px 10px; border-radius: 20px; color: #507356; background: #edf4ed; font-size: 11px; white-space: normal; }
.sales-next-step { display: grid; gap: 5px; margin: 16px 0; padding: 12px 14px; border-radius: 9px; background: #f5f8f3; color: #66805e; font-size: 12px; }
.sales-next-step strong { color: #436d45; font-size: 11px; }
.sales-workspace .record-actions button { min-height:40px; padding:8px 15px; border:1px solid #d4e2d8; border-radius:9px; background:#fff; color:#36694d; font:inherit; font-size:12px; font-weight:600; line-height:1.7; }
.sales-workspace .record-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; padding-top: 16px; border-color: #edf1ed; }
.sales-workspace .record-card > details { margin-top: 18px; padding-top: 14px; }
.sales-workspace details summary { cursor: pointer; color: #5f7d66; font-size: 12px; }
.sales-workspace h5 { margin: 18px 0 8px; font-size: 13px; }
.sales-workspace a { color: #387458; text-underline-offset: 4px; }
.sales-workspace .empty-state { margin: 0; padding: 36px 22px; color: #7c8b7d; background: #fafcf8; border: 1px dashed #dae4d5; border-radius: 12px; font-size: 13px; }
.sales-workspace :is(.form-boundary,.sales-boundary) { color: #7b8973; font-size: 12px; line-height: 1.95; }
.sales-workspace .form-boundary { margin: 0 0 22px; }
.sales-boundary { margin-top: 26px; padding-top: 18px; border-top: 1px solid #edf1ed; }
.sales-boundary p { margin: 4px 0 0; }
.sales-table-wrap { max-width: 100%; overflow-x: auto; margin-top: 16px; }
.sales-table-wrap table { width: 100%; font-size: 12px; }
.sales-table-wrap :is(th,td) { padding: 10px; text-align: right; }
.board-shell--sales .sales-dialog { width: min(760px,calc(100vw - 28px)); max-width: calc(100vw - 28px); max-height: calc(100dvh - 32px); padding: 0; overflow: hidden; border: 1px solid #dce5da; border-radius: 16px; background: #fff; box-shadow: 0 24px 70px #17352a36; }
.board-shell--sales .sales-dialog::backdrop { background: #17372e80; backdrop-filter: blur(3px); }
.board-shell--sales .sales-dialog > form { display: flex; flex-direction: column; min-width: 0; max-height: calc(100dvh - 34px); gap: 0; padding: 0; }
.sales-dialog header { flex: 0 0 auto; padding: 24px; border-bottom: 1px solid #e5ebdf; background: #fafcf7; }
.sales-dialog :is(h2,h3) { margin: 0; color: #2e5139; font-size: 21px; }
.sales-dialog p { margin: 8px 0 0; color: #697f61; font-size: 13px; line-height: 1.9; }
.sales-dialog .sales-form-body { flex: 1 1 auto; min-height: 0; padding: 24px; overflow-y: auto; scroll-padding-block: 20px; }
.sales-dialog .form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 22px 20px; }
.sales-dialog .form-full { grid-column: 1 / -1; }
.sales-dialog label { display: grid; align-content: start; gap: 8px; min-width: 0; color: #4b6b4d; font-size: 14px; line-height: 1.8; }
.sales-dialog :is(input,select,textarea) { width: 100%; min-width: 0; min-height: 46px; padding: 9px 12px; border: 1px solid #cddbc7; border-radius: 9px; background: #fcfdfb; color: #2e5237; font: inherit; line-height: 1.75; }
.sales-dialog textarea { min-height: 92px; resize: vertical; }
.sales-dialog input[type="hidden"] { display: none; }
.sales-dialog :is(small,.field-note) { color: #71876a; font-size: 12px; line-height: 1.85; }
.sales-dialog fieldset { margin: 0; min-width: 0; padding: 14px; border: 1px solid #e1e8db; border-radius: 10px; }
.sales-dialog legend { padding-inline: 5px; color: #4b6b4d; font-size: 13px; }
.sales-dialog .dialog-actions { display: flex; flex-direction: row; justify-content: flex-start; gap: 10px; flex: 0 0 auto; padding: 20px 24px; margin: 0; border-top: 1px solid #e2e9da; background: #fff; }
.sales-dialog .dialog-actions button { flex: 0 1 150px; width: 150px; min-width: 0; height: 46px; padding: 10px 16px; border: 1px solid #ccdcbc; border-radius: 10px; background: #fff; color: #446a45; font: inherit; font-size: 14px; font-weight: 650; }
.sales-dialog .dialog-actions button[type="submit"] { background: #306e4e; border-color: #306e4e; color: #fff; }
.sales-dialog .dialog-actions button:disabled { opacity: .45; cursor: not-allowed; }
.sales-dialog :is(.form-error,[role="alert"]) { margin: 0 0 18px; padding: 12px 14px; border-radius: 9px; color: #914c36; background: #fff3ee; }
@media(max-width:720px) {
  .sales-workspace { padding: 20px; border-radius: 14px; }
  .sales-heading h2 { font-size: 24px; }
  .sales-route-guide { gap: 12px; padding: 14px; }
  .sales-tabs { gap: 18px; }
  .sales-toolbar { flex-wrap: wrap; }
  .sales-toolbar label:first-child { width: 100%; }
  .sales-workspace .record-card { padding: 18px; }
  .sales-workspace .record-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; }
  .sales-workspace .record-actions > * { width: 100%; min-width: 0; text-align: center; }
  .sales-dialog header { padding: 20px; }
  .sales-dialog .sales-form-body { padding: 20px; }
  .sales-dialog .form-grid { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .sales-dialog .dialog-actions { padding: 16px 20px; }
  .sales-dialog .dialog-actions button { flex: 1 1 0; }
}
@media print {
  .sales-workspace { border: 0; box-shadow: none; padding: 0; }
  .sales-next-step { display: none; }
  .sales-table-wrap { overflow: visible; }
}

.sales-dialog .sales-fixed-field { display: grid; gap: 6px; padding: 12px 14px; border: 1px solid #e0e8d9; border-radius: 9px; background: #f8faf4; font-size: 13px; color: #647959; overflow-wrap: anywhere; }
.sales-dialog .sales-fixed-field strong { color: #36573c; font-weight: 550; }
.sales-workspace .sales-tabs button[aria-selected="true"] { color: #2d654b; background: transparent; border-bottom-color: #418464; }
.sales-workspace .sales-tabs button { background: transparent; }
.sales-dialog .dialog-actions { align-items: stretch; }
.sales-dialog .dialog-actions button { min-height: 46px; height: auto; line-height: 1.75; }
.sales-dialog a { color: #387458; font-size: 12px; text-underline-offset: 4px; }

.sales-section-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; margin:4px 0 22px; }
.sales-section-heading p { margin:8px 0 0; color:#718375; font-size:13px; line-height:1.9; }
.sales-heading-actions { display:flex; flex-wrap:wrap; gap:10px; }
.sales-heading-actions button { min-height:42px; padding:9px 16px; color:white; background:#306e4e; border:1px solid #306e4e; border-radius:9px; font:inherit; font-size:13px; }
.sales-record-list { display:grid; gap:18px; }
.sales-card-heading { display:flex; align-items:start; justify-content:space-between; gap:16px; }
.sales-card-heading h4 { min-width:0; }
.sales-workspace .sales-note { white-space:pre-wrap; }
.sales-workspace .sales-reference { font-size:11px; color:#869489; }
.sales-workspace .sales-helper { color:#819079; font-size:11px; }
.sales-totals { display:flex; gap:12px; flex-wrap:wrap; align-items:center; padding:12px 0; font-size:12px; color:#577257; }
.sales-table-wrap caption { text-align:right; margin-bottom:10px; color:#4d704e; font-size:12px; }
.sales-table-wrap table { border-collapse:collapse; }
.sales-table-wrap th { color:#688267; background:#f8faf5; font-size:11px; white-space:nowrap; }
.sales-table-wrap td { border-bottom:1px solid #edf1e9; }
.sales-reservations { margin-top:18px; padding-top:12px; border-top:1px solid #e6ecdf; }
.sales-reservation { padding:12px 0; font-size:12px; }
.sales-reservation button { margin-top:8px; min-height:36px; padding:6px 12px; border:1px solid #d4e2d8; border-radius:8px; background:#fff; color:#476d4c; font:inherit; font-size:12px; }
.sales-trace { font-size:13px; line-height:1.95; }
.sales-trace ol { display:grid; gap:10px; list-style:none; padding:0; counter-reset:sales-hop; }
.sales-trace li { display:grid; gap:7px; padding:15px 18px; border:1px solid #e0e9dc; border-radius:10px; }
.sales-trace ol li { grid-template-columns:minmax(130px,1fr) 3fr; align-items:center; }
.sales-trace section { padding:12px 0; border-bottom:1px solid #edf1e9; }
.sales-trace h4 { margin:0; font-size:13px; color:#50744f; }
.sales-trace p { margin:8px 0 0; color:#70816b; }
.sales-trace details { margin-top:18px; }
.sales-dialog .sales-choice-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.sales-dialog .sales-choice-actions button, .sales-dialog .sales-add-line, .sales-dialog button[data-action="add-sales-line"], .sales-dialog button[data-action="remove-sales-line"] { min-height:36px; padding:7px 12px; border:1px solid #cedfc5; border-radius:8px; background:#f3f8ee; color:#446e48; font:inherit; font-size:12px; }
.sales-dialog .sales-lines-editor { display:grid; gap:14px; min-width:0; }
.sales-dialog .sales-line-card { display:block; min-width:0; padding:16px; border:1px solid #dde6d6; background:#fafcf8; border-radius:11px; }
.sales-dialog .sales-line-card > .form-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.sales-dialog .sales-line-card > legend { color:#58774f; font-size:12px; }
.sales-dialog .sales-line-actions { grid-column:1/-1; display:flex; justify-content:flex-end; }
.sales-dialog .sales-line-card button { min-height:34px; padding:6px 12px; border:1px solid #d9e3d3; border-radius:8px; color:#7b6f59; background:white; font:inherit; font-size:12px; }
.sales-dialog .sales-line-card label:first-of-type { grid-column:1/-1; }
@media(max-width:720px) {
 .sales-section-heading,.sales-card-heading { align-items:stretch; }
 .sales-heading-actions { width:100%; }
 .sales-heading-actions button { flex:1; }
 .sales-trace ol li { grid-template-columns:1fr; }
 .sales-dialog .sales-line-card { padding:12px; gap:12px; }
 .sales-dialog .sales-choice-actions > * { flex:1; }
}

.sales-dialog .sales-lines-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.sales-dialog .sales-lines-heading h3 { font-size:15px; }
.sales-dialog .sales-field-hint { color:#75886c; font-size:12px; line-height:1.9; margin:0; }
.sales-dialog .sales-empty-inline { padding:16px; border:1px dashed #d8e4cc; border-radius:9px; font-size:12px; }

@media (max-width:720px) {
 .sales-dialog .sales-line-card > .form-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
}

/* Customer detail keeps proposals and subsequent work in one readable dossier. */
.sales-workspace:has(.sales-customer-dossier) .sales-route-guide { display:none; }
.sales-detail-nav { display:flex; align-items:center; flex-wrap:wrap; gap:16px; padding:22px 0; }
.sales-detail-nav button { min-height:40px; padding:8px 14px; border:1px solid #d4e2d8; border-radius:9px; background:#f8fbf7; color:#3d6c50; font:inherit; font-size:12px; }
.sales-detail-nav a { font-size:13px; }
.sales-dossier-heading { margin:0 0 20px; }
.sales-dossier-heading p { margin:7px 0; color:#708574; font-size:13px; line-height:1.9; }
.sales-dossier-heading h3 { font-size:24px; }
.sales-dossier-counts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0 0; }
.sales-dossier-counts > div { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:14px 18px; border:1px solid #e3eadf; border-radius:10px; background:#f7faf5; }
.sales-dossier-counts dt { color:#6a8063; font-size:13px; }
.sales-dossier-counts dd { margin:0; color:#376144; font-size:22px; font-weight:650; }
.sales-dossier-section { margin-top:28px; padding-top:24px; border-top:1px solid #e3eade; }
.sales-dossier-section > summary { margin-bottom:18px; }
.sales-workspace .sales-stock-readiness { margin-top:18px; padding:16px 18px; border:1px solid #e5e5ce; border-radius:10px; background:#fbfbf4; }
.sales-workspace .sales-stock-readiness h5 { margin:0 0 12px; }
.sales-stock-readiness > div + div { margin-top:16px; padding-top:14px; border-top:1px solid #e7e9d7; }
.sales-stock-readiness strong { color:#627248; }
.sales-stock-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:10px; }
.sales-dialog .sales-stock-guidance { display:grid; gap:16px; }
.sales-dialog .sales-stock-guidance > div { padding:16px; border:1px solid #e2e7d6; border-radius:10px; background:#fafbf6; }
.sales-dialog .sales-stock-guidance strong { color:#3e6547; }
.sales-dialog .sales-stock-guidance p:last-child { display:flex; flex-wrap:wrap; gap:10px; }
@media(max-width:720px) {
 .sales-dossier-counts { grid-template-columns:minmax(0,1fr); gap:8px; }
 .sales-dossier-counts > div { padding:10px 14px; }
 .sales-dossier-section { margin-top:22px; padding-top:20px; }
 .sales-stock-links { flex-direction:column; align-items:flex-start; }
}