/* Adapted from the real Creativ dashboard's hairline frame and light-line rim.
   Sales stages use the same compact board grammar as the reviewed CortexHive CRM. */
.sales-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:105px;margin-bottom:16px;overflow:hidden}.sales-head:before{content:'';position:absolute;right:0;top:-30px;width:min(340px,40%);height:165px;background:url('/assets/brand/brand-ribbon-w1200.webp') center/cover no-repeat;opacity:.25;mask-image:linear-gradient(90deg,transparent,#000 35%);pointer-events:none}.sales-head>div{position:relative}.sales-kicker{color:var(--cyan);font-size:10px;letter-spacing:.045em}.sales-head h1{font:500 clamp(29px,3vw,40px)/1.04 var(--display);letter-spacing:-.03em;margin:8px 0}.sales-head p{color:var(--muted);font-size:12px;margin:0;max-width:68ch}.sales-head-actions{display:flex;gap:8px;z-index:1}.sales-source{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#91a6b6;font-size:10px;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sales-source span:last-child{color:#72889b}.sales-metrics{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid rgba(255,255,255,.075);border-radius:4px;background:#0b101b;margin:20px 0 18px;overflow:hidden}.sales-metrics:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(84,112,255,.7) 18%,rgba(37,214,240,.95) 52%,rgba(217,84,154,.5) 84%,transparent);pointer-events:none}.sales-metrics>div{display:grid;align-content:center;gap:7px;min-height:93px;padding:15px 18px}.sales-metrics>div+div{border-left:1px solid rgba(255,255,255,.075)}.sales-metrics span{color:#8c97a8;font-size:10px}.sales-metrics strong{font:500 clamp(17px,1.8vw,25px)/1.08 var(--body);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#f5f7fa}.sales-flow-wrap{padding:16px 21px 19px;border:1px solid rgba(255,255,255,.075);border-radius:4px;background:#0b101b;margin-bottom:22px}.sales-flow-header{display:flex;justify-content:space-between;gap:15px;align-items:center}.sales-flow-header strong{font:500 13px var(--body)}.sales-flow-header span{font-size:10px;color:#7a8b9e}.sales-flow{position:relative;display:flex;justify-content:space-between;align-items:center;height:35px;margin:12px 13px 0}.sales-flow-line{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,rgba(52,116,255,.55),rgba(37,214,240,.6) 72%,rgba(230,251,255,.25));box-shadow:0 0 6px rgba(37,214,240,.15)}.sales-flow i{position:relative;width:6px;height:6px;border-radius:50%;background:#53738f;box-shadow:0 0 0 4px #0b101b}.sales-flow i.won{background:#75caa6}.sales-flow i.lost{background:#8a6f7b}.sales-flow-light{position:absolute;left:0;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#e6fbff;box-shadow:0 0 5px #e6fbff,0 0 12px #25d6f0,0 0 22px rgba(37,214,240,.5);opacity:0;z-index:2}.sales-flow.is-visible .sales-flow-light{animation:sales-light 10s linear infinite}@keyframes sales-light{0%{left:0;opacity:0}7%{opacity:1}82%{opacity:1}100%{left:100%;opacity:0}}.sales-flow-labels{display:flex;justify-content:space-between;gap:7px;color:#7e93a5;font-size:9px;text-align:center}.sales-flow-labels span{width:15%;min-width:0}.sales-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:23px 0 11px}.sales-section-head h2{font:500 19px var(--display);margin:0 0 3px}.sales-section-head p{font-size:10px;color:#7b90a4;margin:0}.sales-toolbar{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sales-filters{display:flex;gap:10px;flex-wrap:wrap}.sales-filters label{display:grid;gap:5px;color:#8297a9;font-size:10px}.sales-filters select{height:33px;min-width:145px;padding:0 9px;font-size:11px}.sales-board{display:flex;gap:9px;overflow-x:auto;padding:13px 0 11px;scrollbar-width:thin}.sales-column{min-width:205px;flex:1 0 205px;border:1px solid var(--line);border-radius:5px;background:#101826;overflow:hidden}.sales-column:before{content:'';display:block;height:2px;background:#59798f}.sales-column.discovery:before{background:#3474ff}.sales-column.proposal:before{background:#6b99e8}.sales-column.negotiation:before{background:#25d6f0}.sales-column.won:before{background:#7bcab0}.sales-column.lost:before{background:#a1848c}.sales-column-head{display:flex;align-items:center;justify-content:space-between;padding:11px 10px 5px;font-size:10px}.sales-column-head strong{font-weight:600;color:#d3e2ea}.sales-column-head span{color:#8fa4b5;background:#1b2a39;border-radius:9px;padding:1px 6px}.sales-column-total{padding:0 10px 10px;border-bottom:1px solid var(--line);font-size:11px;color:#e8f0f5;font-variant-numeric:tabular-nums}.sales-column-total small{color:#71899a;font-size:9px}.sales-column-cards{padding:8px;display:grid;align-content:start;gap:7px;min-height:112px}.sales-column-cards>p{padding:23px 5px;text-align:center;color:#61788a;font-size:10px}.sales-deal-card{display:grid;gap:4px;padding:11px;background:#172334;border:1px solid var(--line);border-radius:4px;min-width:0}.sales-deal-card:hover{border-color:rgba(37,214,240,.45)}.sales-deal-card strong{font-size:11px;font-weight:600;line-height:1.3}.sales-deal-card>small{color:#859bac;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-card-value{font-size:12px;font-variant-numeric:tabular-nums;color:#eaf5f6;margin-top:5px}.sales-card-value span{color:#7d94a5;font-size:9px}.sales-deal-card p{font-size:10px;color:#93a7b6;margin:5px 0;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.sales-card-foot{display:flex;justify-content:space-between;gap:5px;border-top:1px solid var(--line);padding-top:8px;color:#7e95a6;font-size:9px}.sales-card-foot>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-card-foot time{white-space:nowrap}.sales-table-scroll,.sales-performance{border:1px solid var(--line);border-radius:5px;background:#0f1723;overflow-x:auto;margin-top:13px}.sales-table-head,.sales-table-row{display:grid;grid-template-columns:minmax(170px,1.5fr) 115px minmax(105px,.8fr) 118px 110px;gap:13px;align-items:center;min-width:660px}.sales-table-head,.sales-person-head{padding:11px 14px;background:#14202e;color:#788fa1;font-size:9px}.sales-table-row{padding:10px 14px;min-height:57px;border-top:1px solid var(--line);font-size:10px;color:#a8bac9}.sales-table-row:hover,.sales-person-row:hover{background:rgba(37,214,240,.04)}.sales-table-row>span:first-child{display:grid;gap:3px;min-width:0}.sales-table-row strong{font-size:11px;color:#edf3f6;font-weight:500}.sales-table-row small{color:#788fa2}.sales-number{font-variant-numeric:tabular-nums}.sales-stage{display:inline-flex;width:max-content;padding:4px 7px;border-radius:3px;border:1px solid var(--line2);color:#a9bcc9;font-size:9px;white-space:nowrap}.sales-stage.discovery,.sales-stage.proposal{color:#9abaff;border-color:rgba(52,116,255,.25)}.sales-stage.negotiation{color:#73dbe9;border-color:rgba(37,214,240,.28)}.sales-stage.won{color:#8bd7b8;border-color:rgba(118,203,169,.25)}.sales-stage.lost{color:#c6a7ae;border-color:rgba(180,138,150,.25)}.sales-performance{margin-top:24px}.sales-performance .sales-section-head{margin:0;padding:15px 15px 10px}.sales-person-head,.sales-person-row{display:grid;grid-template-columns:minmax(130px,1.3fr) repeat(3,67px) minmax(115px,1fr) minmax(130px,1fr);gap:10px;align-items:center;min-width:640px}.sales-person-row{width:100%;padding:11px 14px;border:0;border-top:1px solid var(--line);background:none;color:#b3c2ce;text-align:left;font-size:10px}.sales-person-row strong{font-size:10px;font-weight:500;font-variant-numeric:tabular-nums}.sales-person-row span{font-weight:600;color:#e9f1f5}
.sales-detail,.sales-editor,.staff-editor{margin:18px 0;padding:20px;border:1px solid var(--line2);border-radius:5px;background:#111b29}.sales-detail-top,.sales-editor-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.sales-detail-top .back-link{margin:0}.sales-detail-heading{display:flex;justify-content:space-between;align-items:start;gap:15px;margin:20px 0}.sales-detail-heading h2{font:500 25px var(--display);margin:5px 0}.sales-detail-heading p{color:#8b9fb0;font-size:10px}.sales-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sales-facts>div{padding:14px 11px 14px 0;display:grid;gap:6px}.sales-facts>div+div{padding-left:13px;border-left:1px solid var(--line)}.sales-facts span,.sales-detail-next span,.sales-private-grid span{font-size:9px;color:#71889a}.sales-facts strong,.sales-private-grid strong{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.sales-detail-next{padding:17px 0}.sales-detail-next p,.sales-private-grid p{font-size:11px;color:#c2d0da;line-height:1.5;white-space:pre-wrap;margin:7px 0}.sales-private{border:1px solid rgba(37,214,240,.15);background:#0e1928;border-radius:4px;padding:14px}.sales-private>div:first-child{display:grid;gap:3px}.sales-private>div:first-child strong{font-size:11px;color:#d7f6f9}.sales-private>div:first-child span{font-size:9px;color:#8299aa}.sales-private-grid{display:grid;grid-template-columns:200px 1fr;gap:15px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.sales-private-grid>div{display:grid;align-content:start;gap:6px}.sales-history{margin-top:22px}.sales-history h3{font-size:16px}.sales-history-row{display:grid;gap:3px;border-top:1px solid var(--line);padding:9px 0}.sales-history-row strong{font-size:10px;font-weight:500}.sales-history-row small{font-size:9px;color:#758b9d}.sales-editor-top h2{font:500 20px var(--display);margin:5px 0 0}.sales-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 15px;margin:18px 0}.sales-field{display:grid;gap:6px;color:#a4b7c6;font-size:10px}.sales-field input,.sales-field select,.sales-field textarea{width:100%;min-width:0;padding:9px 10px;font-size:11px}.sales-field textarea{resize:vertical;line-height:1.5}.sales-field-wide{grid-column:1/-1}.sales-private-field{padding:12px;border-left:2px solid var(--cyan);background:rgba(37,214,240,.035)}.sales-form-actions{display:flex;justify-content:flex-end;gap:8px}
.staff-work .sales-head:before{display:none}.staff-scope{font-size:10px;color:#86a0b1;border-top:1px solid var(--line);padding:11px 0}.staff-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:7px 0 23px}.staff-counts>div{display:grid;gap:5px;padding:17px}.staff-counts>div+div{border-left:1px solid var(--line)}.staff-counts span{font-size:10px;color:#8ca2b4}.staff-counts strong{font:500 25px var(--display)}.staff-section{margin-bottom:26px}.staff-row{display:flex;align-items:center;gap:16px;padding:14px 5px;border-top:1px solid var(--line)}.staff-row:last-child{border-bottom:1px solid var(--line)}.staff-row-main{flex:1;min-width:0}.staff-row-main strong{font-size:12px}.staff-row-main small{display:block;color:#7e95a8;font-size:10px;margin:4px 0}.staff-row-main p{font-size:11px;color:#a9bac8;margin:0;line-height:1.5}.staff-blocker{display:block;color:#e7b597;font-size:10px;margin-top:5px}.staff-row .button{min-height:31px;padding:7px 10px;font-size:10px}.staff-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0}.staff-fields label{display:grid;align-content:start;gap:6px;color:#a4b7c6;font-size:10px}.staff-fields :is(select,textarea,input){width:100%;padding:9px 10px;font-size:11px}.staff-fields textarea{resize:vertical}.staff-settings{display:grid;grid-template-columns:1fr 1.3fr;gap:15px}.staff-settings>section{padding:20px;background:#111b29;border:1px solid var(--line);border-radius:5px}.staff-settings h2{font-size:18px}.staff-settings strong{font-size:13px}.staff-settings p{color:#9db0be;font-size:11px;line-height:1.6}.staff-settings .button{margin-top:8px}.sales-empty{display:grid;gap:4px;text-align:center;padding:28px 15px;color:#849bad;font-size:10px}.sales-empty strong{color:#e3edf2;font-size:12px}
@media(max-width:1180px){.sales-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-metrics>div:nth-child(4){border-left:0;border-top:1px solid var(--line)}.sales-metrics>div:nth-child(5){border-top:1px solid var(--line)}.sales-column{flex:0 0 215px}}@media(max-width:760px){.sales-head{align-items:flex-start;flex-direction:column;gap:15px}.sales-head-actions{width:100%}.sales-head-actions .button{width:100%}.sales-head:before{width:220px;opacity:.12}.sales-flow-wrap{padding:13px}.sales-flow-labels{font-size:8px}.sales-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-facts>div:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}.sales-facts>div:nth-child(4){border-top:1px solid var(--line)}.sales-form-grid,.staff-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-settings{grid-template-columns:1fr}}@media(max-width:520px){.sales-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-metrics>div{min-height:78px;padding:12px}.sales-metrics>div:nth-child(odd){border-left:0}.sales-metrics>div:nth-child(n+3){border-top:1px solid var(--line)}.sales-metrics strong{font-size:19px}.sales-flow-header{align-items:flex-start;flex-direction:column;gap:5px}.sales-flow-labels span{overflow-wrap:anywhere}.sales-form-grid,.staff-fields{grid-template-columns:1fr}.sales-field-wide{grid-column:auto}.sales-private-grid{grid-template-columns:1fr}.staff-row{align-items:flex-start;flex-wrap:wrap}.staff-row-main{flex-basis:100%}.staff-counts>div{padding:12px 8px}.staff-counts strong{font-size:21px}}@media(prefers-reduced-motion:reduce){.sales-flow .sales-flow-light{animation:none;opacity:1;left:50%}}