/* Lead workspace shares the deal window structure, with its own violet identity. */
#leadDialog.lead-workspace-dialog{
  width:calc(100vw - 24px)!important;
  height:calc(100dvh - 24px)!important;
  max-height:calc(100dvh - 24px)!important;
  min-height:0;
  margin:auto;
  padding:0;
  border:1px solid #554070;
  border-radius:18px;
  overflow:hidden;
  background:#100e17;
}
#leadDialog.lead-workspace-dialog .lead-workspace{
  width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;
  display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;
  background:#100e17;color:#f3edf9;
}
#leadDialog.lead-workspace-dialog [hidden]{display:none!important}
#leadDialog .lead-workspace-head{
  padding:16px 20px 14px;border-bottom:1px solid #40304e;
  background:linear-gradient(115deg,#2c1c40,#191322 60%,#201729);
}
#leadDialog .lead-workspace-head .deal-workspace-head-main{min-width:0;gap:13px}
#leadDialog .lead-workspace-mark{
  width:46px;height:46px;min-width:46px;display:grid;place-items:center;
  border:1px solid #9c75c2;border-radius:13px;
  background:linear-gradient(135deg,#8352b0,#503078);color:#fff;
  font-size:23px;font-weight:800;box-shadow:0 5px 18px #09070c3d;
}
#leadDialog .lead-workspace-head .eyebrow{color:#d0afea;font-size:10px;letter-spacing:.12em}
#leadDialog .lead-workspace-head h3{font-size:22px;line-height:1.25;margin:3px 0 7px;color:#fbf7ff}
#leadDialog .lead-workspace-head .deal-workspace-meta{gap:6px}
#leadDialog .lead-workspace-head .deal-workspace-meta span{
  padding:3px 8px;border-color:#59436d;background:#352442;color:#d9c5e9;
}
#leadDialog .lead-workspace-head [data-close]{min-width:42px;min-height:42px;color:#d9c3eb;background:#ffffff06;border-radius:10px}
#leadDialog .lead-workspace-stagebar{min-width:0;padding:12px 20px 10px;background:#17121f;border-bottom:1px solid #34283f;display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:12px}
#leadDialog .lead-stage-strip{min-width:0;display:flex;align-items:stretch;overflow-x:auto;padding:2px 0 6px;gap:2px;scrollbar-width:thin;scrollbar-color:#63497c #17121f}
#leadDialog .lead-stage-step{
  position:relative;min-width:122px;flex:1 0 122px;min-height:42px;
  border:0;border-radius:0;padding:9px 16px 9px 19px;
  clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%,11px 50%);
  background:#32263e;color:#bdaacb;font-size:11px;line-height:1.3;font-weight:600;
  cursor:pointer;text-align:center;transition:background .15s,color .15s;
}
#leadDialog .lead-stage-step:first-child{clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%);border-radius:7px 0 0 7px;padding-left:12px}
#leadDialog .lead-stage-step:hover:not(:disabled){background:#684184;color:#fff}
#leadDialog .lead-stage-step.is-complete{background:#58406e;color:#eadcf5}
#leadDialog .lead-stage-step.is-current{background:#9663c6;color:#fff;font-weight:800}
#leadDialog .lead-stage-step.lost{background:#3b2931;color:#d9b0bd}
#leadDialog .lead-stage-step.lost.is-current{background:#9e485c;color:#fff}
#leadDialog .lead-stage-step.converted{background:#28523e;color:#c3f0d4}
#leadDialog .lead-stage-step:disabled{cursor:default;opacity:.72}
#leadDialog .lead-stage-step.is-current:disabled{opacity:1}
#leadDialog .lead-stage-step:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #f0ceff}
#leadDialog .lead-stage-select{display:grid;gap:4px;font-size:10px;color:#baa3cb;min-width:0}
#leadDialog .lead-stage-control{min-width:0;display:grid;gap:4px}
#leadDialog .lead-stage-select select{padding:8px 10px;min-height:39px;border-radius:8px;background:#241a30;border-color:#705083;color:#f1e8f9;font-size:12px}
#leadDialog .lead-workspace-stagebar [role="status"]{grid-column:1/-1;color:#bfa8cf;font-size:11px;line-height:1.4}
#leadDialog .lead-workspace-stagebar [role="status"]:empty{display:none}
#leadDialog .lead-workspace-stagebar #leadFormError{grid-column:1/-1;margin:0;min-height:0;font-size:12px;line-height:1.4}
#leadDialog .lead-workspace-stagebar #leadFormError:empty{display:none}
#leadDialog .lead-workspace-tabs{padding:5px 14px;border-bottom:1px solid #35283f;background:#15101c;gap:4px;min-width:0}
#leadDialog .lead-workspace-tabs button{min-height:40px;white-space:nowrap;color:#ad9abb}
#leadDialog .lead-workspace-tabs button.active{background:#362343;color:#f5eaff;box-shadow:inset 0 -2px 0 #bc8be7}
#leadDialog .lead-workspace .deal-workspace-body{min-width:0;min-height:0;padding:18px 20px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#5b436f #15101b}
#leadDialog .lead-workspace .workspace-pane{min-width:0}
#leadDialog .lead-workspace .deal-overview-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px}
#leadDialog .lead-workspace .deal-summary-card{border-color:#3b2e46;background:#19131f}
#leadDialog .lead-workspace .deal-summary-card h4{color:#bea3d1}
#leadDialog .lead-workspace .deal-summary-card dt{color:#a692b6}
#leadDialog .lead-workspace .deal-summary-card dd{color:#eee4f6}
#leadDialog .lead-workspace .deal-summary-card .deal-summary-primary{color:#fff0ff}
#leadDialog .lead-workspace .deal-summary-card .deal-summary-amount{color:#dcb8fa}
#leadDialog .lead-workspace-description p{margin:0;color:#d4c2df;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
#leadDialog .lead-workspace-overdue{margin:0 0 12px;padding:9px 12px;border:1px solid #814753;border-radius:9px;background:#3c202d;color:#ffc7d2;font-size:12px}
#leadDialog .lead-workspace-next{min-width:0;border:1px solid #483254;background:#1a1223;border-radius:14px;padding:16px;display:grid;gap:13px;align-content:start}
#leadDialog .lead-workspace-next h4{margin:0;color:#e8d4f8;font-size:15px}
#leadDialog .lead-workspace-next p{font-size:12px;line-height:1.5;color:#aa93bb;margin:0;overflow-wrap:anywhere}
#leadDialog .lead-workspace-next label{display:grid;gap:6px;color:#c1adcf;font-size:11px}
#leadDialog .lead-workspace-next textarea{min-height:100px;resize:vertical}
#leadDialog .lead-workspace-next textarea[name="notes"]{min-height:150px}
#leadDialog .lead-workspace :is(input,select,textarea){min-width:0;background:#1a1322;border-color:#44314f;color:#f0e6f8}
#leadDialog .lead-workspace :is(input,select,textarea):focus{border-color:#b77fe3;box-shadow:0 0 0 3px #a564ce24}
#leadDialog .lead-workspace :is(button,a,input,select,textarea):focus-visible{outline:2px solid #d5a3fa;outline-offset:2px}
#leadDialog .lead-workspace :is(input,select,textarea):disabled{color:#b4a4bf;opacity:.8;cursor:default}
#leadDialog .lead-workspace .lead-form-grid{gap:14px}
#leadDialog .lead-workspace .lead-form-grid label{color:#bdaacb}
#leadDialog .lead-workspace .lead-form-details{background:#19131f;border-color:#44314f}
#leadDialog .lead-workspace .lead-form-details summary{color:#dbc1ef}
#leadDialog .lead-workspace .lead-form-details dt{color:#b49ac7}
#leadDialog .lead-workspace .lead-form-details dd{color:#f0e6f8}
#leadDialog .lead-workspace .workspace-empty{background:#17111e;border-color:#4c355c;color:#b29cc2}
#leadDialog .lead-workspace-actions{
  width:100%;max-width:100%;min-width:0;display:flex!important;flex-direction:column;flex-wrap:nowrap;grid-template-columns:none!important;overflow:hidden;
  padding:0!important;gap:0!important;background:#140e1b!important;border-top:1px solid #40304d;box-shadow:0 -10px 30px #08060b26;
}
#leadDialog .lead-workspace-actions .lead-dialog-actions{width:100%;max-width:100%;margin:0;padding:10px 16px 8px;border:0;display:flex;align-items:center;gap:12px;justify-content:space-between;min-width:0}
#leadDialog .lead-workspace-actions .lead-dialog-actions>div{min-width:0;display:flex;gap:7px;align-items:center;flex-wrap:wrap}
#leadDialog .lead-workspace-actions .lead-dialog-actions>div:last-child{flex-shrink:0}
#leadDialog .lead-workspace-actions .btn{min-height:39px;padding:8px 12px;font-size:11px;border-radius:9px;white-space:nowrap}
#leadDialog .lead-workspace-actions .btn.ghost{border-color:#483253;color:#d1bbdf}
#leadDialog .lead-workspace-actions .btn.primary{background:linear-gradient(135deg,#925bc0,#71409e);box-shadow:0 5px 15px #7f46b326}
#leadDialog .lead-workspace-actions [data-payment]{background:#372347;border:1px solid #71448d;color:#efdaff}
#leadDialog .lead-workspace-actions [data-convert]{background:#27513b;border:1px solid #43785b;color:#d0f7df}
#leadDialog .lead-workspace-actions .lead-lifecycle-actions{width:100%;max-width:100%;min-width:0;display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;padding:0 16px 9px}
#leadDialog .lead-workspace-actions .lead-lifecycle-actions .btn{min-height:30px;padding:5px 9px;font-size:10px}
#leadDialog .lead-workspace-actions #leadFormError{margin:0;padding:0 16px 9px;min-height:0;line-height:1.4}
#leadDialog .lead-workspace-actions #leadFormError:empty{display:none}
#leadDialog .lead-workspace .lead-converted-note,#leadDialog .lead-workspace .lead-archive-note{margin-bottom:12px}
@media(max-width:1050px){
  #leadDialog .lead-workspace-stagebar{grid-template-columns:minmax(0,1fr) 185px;padding:10px 15px 8px;gap:10px}
  #leadDialog .lead-stage-step{min-width:115px;flex-basis:115px}
  #leadDialog .lead-workspace .deal-overview-grid{grid-template-columns:1fr}
  #leadDialog .lead-workspace .deal-overview-cards{grid-template-columns:1fr 1fr}
  #leadDialog .lead-workspace .deal-summary-card.customer{grid-column:1/-1}
  #leadDialog .lead-workspace .deal-summary-card dl>div{grid-template-columns:96px minmax(0,1fr);gap:10px}
}
@media(max-width:760px){
  #leadDialog.lead-workspace-dialog{width:calc(100vw - 8px)!important;height:calc(100dvh - 8px)!important;max-height:calc(100dvh - 8px)!important;border-radius:13px}
  #leadDialog .lead-workspace-head{padding:12px 12px 10px;gap:8px}
  #leadDialog .lead-workspace-head .deal-workspace-head-main{gap:9px}
  #leadDialog .lead-workspace-mark{width:36px;height:36px;min-width:36px;font-size:19px;border-radius:10px}
  #leadDialog .lead-workspace-head h3{font-size:17px;margin:3px 0 6px}
  #leadDialog .lead-workspace-head .deal-workspace-meta{gap:4px}
  #leadDialog .lead-workspace-head .deal-workspace-meta span{font-size:9px;padding:2px 6px}
  #leadDialog .lead-workspace-head [data-close]{min-width:34px;min-height:34px;align-self:flex-start}
  #leadDialog .lead-workspace-stagebar{display:flex;flex-direction:column;align-items:stretch;padding:8px 12px;gap:6px}
  #leadDialog .lead-stage-strip{padding:0 0 5px}
  #leadDialog .lead-stage-step{min-width:116px;flex-basis:116px;min-height:36px;padding-top:7px;padding-bottom:7px;font-size:10px}
  #leadDialog .lead-stage-select{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:11px}
  #leadDialog .lead-stage-select select{flex:1;min-height:35px;padding:6px 9px}
  #leadDialog .lead-workspace-tabs{padding:4px 8px;overflow-x:auto}
  #leadDialog .lead-workspace-tabs button{padding:7px 10px;min-height:37px;font-size:11px}
  #leadDialog .lead-workspace .deal-workspace-body{padding:12px}
  #leadDialog .lead-workspace .deal-summary-card{padding:11px}
  #leadDialog .lead-workspace .deal-summary-card dl>div{grid-template-columns:85px minmax(0,1fr);gap:8px}
  #leadDialog .lead-workspace .deal-summary-card .deal-summary-primary{font-size:14px}
  #leadDialog .lead-workspace .deal-summary-card .deal-summary-amount{font-size:16px}
  #leadDialog .lead-workspace-next{padding:13px;gap:11px}
  #leadDialog .lead-workspace-actions .lead-dialog-actions{flex-direction:column;align-items:stretch;padding:8px 10px 6px;gap:7px}
  #leadDialog .lead-workspace-actions .lead-dialog-actions>div:first-child{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:thin;scrollbar-color:#63497c #140e1b}
  #leadDialog .lead-workspace-actions .lead-dialog-actions>div:last-child{justify-content:flex-end}
  #leadDialog .lead-workspace-actions .lead-dialog-actions>div:first-child .btn{flex:0 0 auto}
  #leadDialog .lead-workspace-actions .btn{min-height:36px;padding:7px 10px;font-size:11px}
  #leadDialog .lead-workspace-actions .lead-lifecycle-actions{padding:0 10px 8px;gap:6px}
  #leadDialog .lead-workspace-actions .lead-lifecycle-actions .btn{min-height:30px}
}
@media(max-width:390px){
  #leadDialog .lead-workspace .deal-overview-cards{grid-template-columns:1fr}
  #leadDialog .lead-workspace .deal-summary-card.customer{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){#leadDialog .lead-stage-step{transition:none}}

#leadDialog .lead-workspace-head-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:10px;flex-shrink:0}
#leadDialog .lead-workspace-head-actions .btn{min-height:40px;font-size:12px;white-space:nowrap;border-color:#79578f;background:#32213f;color:#f3e7fb}
#leadDialog .lead-contract-card{display:flex;gap:16px;align-items:flex-start;max-width:850px;padding:22px;border:1px solid #644878;border-radius:14px;background:linear-gradient(125deg,#2c1d39,#1a1322);min-width:0}
#leadDialog .lead-contract-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border:1px solid #9163ae;border-radius:12px;background:#47305a;color:#ead1fc;font-size:28px}
#leadDialog .lead-contract-card>div{min-width:0}
#leadDialog .lead-contract-card h4{margin:0 0 8px;font-size:18px;color:#f6eafd}
#leadDialog .lead-contract-card p{margin:0 0 12px;color:#cdb6dc;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#leadDialog .lead-contract-card .lead-contract-note{color:#eed19e}
#leadDialog .lead-contract-note:empty,#leadDialog .lead-contract-status:empty,#leadDialog .lead-contract-error:empty{display:none}
#leadDialog .lead-contract-card .lead-contract-save-note{font-size:11px;color:#bba1cc}
#leadDialog .lead-contract-card .btn.primary{background:#8152a6;border-color:#a77bc7;color:#fff}
#leadDialog .lead-contract-card .btn:disabled{opacity:.5;cursor:default}
#leadDialog .lead-contract-status,#leadDialog .lead-contract-error{max-width:850px;margin-top:14px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#leadDialog .lead-contract-status{color:#bfdfc8}
#leadDialog .lead-contract-error{padding:11px 13px;border:1px solid #825267;border-radius:10px;background:#351d2b;color:#ffc1cc}
#leadDialog .lead-contract-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
#leadDialog .lead-contract-links .btn{font-size:12px;white-space:normal}
@media(max-width:760px){
  #leadDialog .lead-workspace-head-actions{gap:6px;flex-wrap:wrap;max-width:122px}
  #leadDialog .lead-workspace-head-actions [data-close]{order:-1}
  #leadDialog .lead-workspace-head-actions .btn{min-height:34px;font-size:10px;padding:6px 8px}
  #leadDialog .lead-contract-card{padding:15px;gap:11px}
  #leadDialog .lead-contract-icon{flex-basis:34px;height:34px;border-radius:9px;font-size:23px}
  #leadDialog .lead-contract-card h4{font-size:16px}
  #leadDialog .lead-contract-card p{font-size:12px}
  #leadDialog .lead-contract-links{display:grid;grid-template-columns:minmax(0,1fr)}
}