/* Sales reference screenshots supplied October 23, 2026. */
.jn-card__customer-name,.jn-lead__name{font-size:16px!important;font-weight:700!important;line-height:1.35!important;color:#2054e8!important;white-space:normal!important;overflow-wrap:anywhere}
.jn-card__customer-name .jn-card__city,.jn-card__customer-name .jn-card__city-sep{font-size:14px;font-weight:400;color:#64748b}
.dark .jn-card__customer-name,.dark .jn-lead__name{color:#8db5ff!important}
.sd-reference-layout .sd-topbar{padding:14px 24px;gap:16px;flex-wrap:wrap}
.sd-primary-actions{display:flex;align-items:center;gap:14px;margin-left:auto;flex-wrap:wrap}
.sd-quick{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid #ffffff36;border-radius:12px;font-size:14px;font-weight:750;color:white;box-shadow:0 3px 6px #0f172a25;cursor:pointer;min-height:42px}
.sd-quick svg{width:18px;height:18px;flex-shrink:0}.sd-quick:hover{filter:brightness(1.08)}.sd-quick:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
.sd-quick--won{background:linear-gradient(#10b981,#059669);border-color:#059669}.sd-quick--payment{background:linear-gradient(#4387ff,#245bec);border-color:#2563eb}.sd-quick--cancel{background:linear-gradient(#f84b50,#dc2626);border-color:#dc2626}
body.sale-view-page--locked .sd-primary-actions .sd-quick--cancel{display:inline-flex!important}
.sd-reference-layout .sd-title-row{padding:25px 28px 15px;border-bottom:0;background:linear-gradient(110deg,#fff,#eff3ff);gap:18px;flex-wrap:wrap}
.sd-reference-layout .sd-title-left{overflow:visible;flex-wrap:wrap;gap:14px}.sd-reference-layout .sd-title-text,.sd-reference-layout .sd-title-input{font-size:30px;line-height:1.25;font-weight:800;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.sd-reference-layout .sd-title-amount{font-size:44px;line-height:1.15;margin-left:0}.sd-reference-layout .sd-title-right{padding-left:0;gap:12px}
.sd-job-status{display:inline-flex;align-items:center;gap:10px;border:1px solid #94a3b833;padding:10px 18px;border-radius:10px;text-transform:uppercase;font-size:13px;font-weight:700;white-space:nowrap}.sd-job-status strong{font-size:20px}.sd-job-status>span{opacity:.5}
.sd-ownership-row{display:flex;align-items:center;gap:14px;padding:0 28px 25px;flex-wrap:wrap;background:linear-gradient(110deg,#fff,#eff3ff)}
.sd-tag-button{border:1px dashed #9ebcff;border-radius:20px;color:#2448c6;padding:5px 12px;font-size:13px;cursor:pointer}.sd-owner{display:flex;align-items:center;gap:10px;padding:7px 16px;border:1px solid #e2e8f0;border-radius:12px;background:white;text-align:left;cursor:pointer;max-width:100%}.sd-owner:disabled{cursor:default}.sd-owner>svg{width:34px;height:34px;color:#5341ed;flex-shrink:0}.sd-owner small{display:block;font-size:11px;text-transform:uppercase;color:#64748b;font-weight:700}.sd-owner strong{font-size:14px;color:#0f172a;overflow-wrap:anywhere}
.sd-commission{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid #c7d2fe;border-radius:25px;font-size:14px;color:#4338ca;background:#eef2ff}.sd-commission svg{width:17px;height:17px}.sd-commission strong{padding-left:9px;border-left:1px solid #c7d2fe;color:#1e1b4b}
.sd-reference-layout .sd-contact-bar{overflow-x:auto;align-items:stretch}.sd-reference-layout .sd-contact-bar-col{min-width:160px}.sd-reference-layout .sd-contact-bar-col--identity{min-width:245px}.sd-location-col{position:relative;min-width:235px!important}.sd-location-col b{font-size:9px;color:#2448c6;background:#e8edff;padding:2px 5px;margin-left:5px;border-radius:4px}.sd-location-map{display:inline-flex;margin-top:5px;color:#e32636}.sd-location-map svg{width:18px;height:18px}
.sd-reference-layout .sd-stage-bar{padding:16px 22px}.sd-reference-layout .sd-arrows{display:flex;gap:0;border-radius:14px;overflow:hidden}.sd-reference-layout .sd-arrow{border-radius:0;box-shadow:none;border:0;min-height:74px;padding:13px 22px;position:relative;flex:1}.sd-reference-layout .sd-arrow:not(:last-child){clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%);margin-right:-12px;padding-right:28px;z-index:2}.sd-reference-layout .sd-arrow--done{background:#0aa477;color:white}.sd-reference-layout .sd-arrow--done .sd-arrow-label,.sd-reference-layout .sd-arrow--done .sd-arrow-sub{color:white}.sd-reference-layout .sd-arrow--done .sd-arrow-icon{background:#ffffff30;color:white}.sd-reference-layout .sd-arrow--current{background:#2c61ff}.sd-reference-layout .sd-arrow--future{background:#f1f5f9}.sd-reference-layout .sd-arrow-label{font-size:14px;text-transform:none;letter-spacing:0}.sd-reference-layout .sd-arrow-sub{font-size:12px;text-transform:none;letter-spacing:0}.sd-payment-progress{display:block;font-size:10px;font-weight:700;margin-top:4px;background:#fef3c7;color:#92400e;padding:1px 5px;border-radius:4px}
.dark .sd-reference-layout .sd-title-row,.dark .sd-reference-layout .sd-ownership-row{background:linear-gradient(110deg,#111827,#17213e)}.dark .sd-owner{background:#172033;border-color:#334155}.dark .sd-owner strong{color:#e2e8f0}.dark .sd-commission{background:#252457;border-color:#494780;color:#b6b2ff}.dark .sd-commission strong{color:#e2e8f0}.dark .sd-reference-layout .sd-arrow--future{background:#1e293b}
@media(max-width:1050px){.sd-reference-layout .sd-title-text{font-size:25px}.sd-reference-layout .sd-title-amount{font-size:34px}.sd-reference-layout .sd-arrow{padding:12px 14px}.sd-primary-actions{gap:8px}.sd-quick{padding:8px 11px}.sd-reference-layout .sd-topbar{padding:12px 18px}}
@media(max-width:640px){.sd-primary-actions{width:100%;margin-left:0}.sd-reference-layout .sd-title-row{padding:18px}.sd-reference-layout .sd-title-right{width:100%;justify-content:flex-end}.sd-ownership-row{padding:0 18px 20px}.sd-reference-layout .sd-arrows{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-radius:0}.sd-reference-layout .sd-arrow:not(:last-child){clip-path:none;margin:0}.sd-reference-layout .sd-arrow{border-radius:9px;min-width:0}.sd-reference-layout .sd-stage-bar{padding:12px}.sd-job-status{padding:8px 12px}.sd-job-status strong{font-size:16px}.sd-reference-layout .sd-title-text{font-size:24px}}
body.sale-view-page--locked .sd-reference-layout button.sd-owner{display:flex!important}
.sd-conversion-banner{display:flex;align-items:center;gap:16px;padding:17px 20px;margin-bottom:14px;border:1px solid #52dfac;border-radius:13px;background:linear-gradient(100deg,#ecfdf5,#d1fae5);color:#065f46}.sd-conversion-banner>svg{width:42px;height:42px;flex-shrink:0;padding:9px;background:#10b981;color:white;border-radius:10px}.sd-conversion-banner strong{font-size:15px}.sd-conversion-banner small{display:block;font-size:13px;margin-top:3px}.sd-conversion-banner a{margin-left:auto;flex-shrink:0;border:1px solid #6ee7b7;border-radius:10px;background:white;padding:9px 15px;font-weight:700;font-size:13px}.dark .sd-conversion-banner{background:linear-gradient(100deg,#073d33,#0b5041);border-color:#167d63;color:#a7f3d0}.dark .sd-conversion-banner a{background:#083c31;border-color:#167d63}@media(max-width:640px){.sd-conversion-banner{flex-wrap:wrap}.sd-conversion-banner a{margin-left:58px}}
.sales-kanban-root .jn-board{flex-wrap:nowrap;overflow-x:auto;gap:16px;padding-bottom:14px;align-items:stretch}.sales-kanban-root .jn-col{flex:1 0 320px;min-width:320px}.sales-kanban-root .jn-card__body{display:flex;flex-direction:column}.sales-kanban-root .jn-card__hero-row{order:0}.sales-kanban-root .jn-card__customer-row{order:1}.sales-kanban-root .jn-card__title-link{order:2}.sales-kanban-root .jn-card__title{font-size:14px;font-weight:400;color:#94a3b8}.sales-kanban-root .jn-lead__name{flex:1}.sales-kanban-root .jn-card__customer-name{word-break:normal}
@media(max-width:640px){.sales-kanban-root .jn-col{flex-basis:290px;min-width:290px}}

.sd-quick.sd-quick--order{color:#fff;background:linear-gradient(#475569,#334155);border-color:#334155}