/* Growthhosting — sales reporting + user activity log
   Scoped styles; shared dashboard palette and ice-gray Light mode. */
.ws-sales-panel{margin-bottom:20px;overflow:hidden}
.ws-sales-head{align-items:flex-start;gap:18px;margin:0 0 17px}
.ws-sales-head>div:first-child{min-width:0}
.ws-sales-head .ws-eyebrow{display:block;margin:0 0 9px;font-size:9px}
.ws-sales-head h2{margin:0 0 7px;font-size:19px;letter-spacing:-.052em}
.ws-sales-head p{margin:0;color:#b1b1b1;font-size:11px;line-height:1.6}
.ws-sales-controls{display:inline-flex;align-items:center;gap:4px;flex:none;padding:4px;border:1px solid #464646;border-radius:10px;background:#262626}
.ws-sales-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;margin:0;padding:7px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#b2b2b2;font:700 11px/1.25 'DM Sans',sans-serif;white-space:nowrap;cursor:pointer}
.ws-sales-controls button:hover{background:#363636;color:#FFF}
.ws-sales-controls button.active{background:#235441;border-color:#3D9573;color:#E4FBF2}
.ws-sales-legend{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px 23px;margin:0 0 22px}
.ws-sales-legend span{display:inline-flex;align-items:center;gap:9px;color:#cfcfcf;font:700 11px 'DM Sans',sans-serif}
.ws-sales-swatch{display:inline-block;width:11px;height:11px;border-radius:3px;flex:none}
.ws-sales-swatch--opportunities{background:#aeaeae}
.ws-sales-swatch--won{background:#24AB78}
.ws-sales-chart{display:flex;align-items:flex-start;gap:14px;min-width:0;margin:3px 0 0}
.ws-sales-axis{display:flex;flex:0 0 73px;flex-direction:column;justify-content:space-between;align-items:flex-end;height:258px;padding:0 0 0;color:#a5a5a5;font:700 10px/1 'DM Sans',sans-serif;white-space:nowrap}
.ws-sales-scroll{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-gutter:stable;padding:0 0 7px}
.ws-sales-scroll:focus-visible{outline:2px solid #6ACDA7;outline-offset:2px;border-radius:8px}
.ws-sales-stage{min-width:max(100%,var(--ws-sales-min-width,690px))}
.ws-sales-plot{height:258px;position:relative;min-width:0}
.ws-sales-gridlines{position:absolute;inset:0;z-index:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.ws-sales-gridlines span{display:block;border-top:1px dashed #3e3e3e;width:100%;height:0}
.ws-sales-gridlines span:last-child{border-top-style:solid;border-top-color:#5b5b5b}
.ws-sales-columns{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:repeat(var(--ws-sales-months,12),minmax(0,1fr));gap:2px}
.ws-sales-month{height:100%;min-width:0;padding:0 5px;display:flex;align-items:flex-end;justify-content:center}
.ws-sales-pair{display:flex;align-items:flex-end;justify-content:center;gap:6px;height:100%;width:100%;min-width:0}
.ws-sales-bar{width:calc(50% - 4px);max-width:22px;min-width:0;height:0;position:relative;transition:filter .2s,transform .2s;transform-origin:bottom center;border-radius:5px 5px 0 0;box-sizing:border-box}
.ws-sales-bar--opportunities{background:linear-gradient(180deg,#c1c1c1,#9d9d9d);border:1px solid #acacac;border-bottom:0;box-shadow:0 0 0 1px #adadad14 inset}
.ws-sales-bar--won{background:linear-gradient(180deg,#43CC9C,#168D65);border:1px solid #2CBB8A;border-bottom:0;box-shadow:0 0 0 1px #48D5A116 inset}
.ws-sales-bar.has-value{min-height:2px}
.ws-sales-bar.has-value:hover{filter:brightness(1.14);transform:scaleX(1.08)}
.ws-sales-month-labels{display:grid;grid-template-columns:repeat(var(--ws-sales-months,12),minmax(0,1fr));gap:2px;margin:10px 0 3px}
.ws-sales-month-label{display:grid;gap:4px;justify-items:center;text-align:center;color:#cbcbcb}
.ws-sales-month-label strong{font:800 10px/1.2 'DM Sans',sans-serif;letter-spacing:.05em}
.ws-sales-month-label small{font:500 9px/1 'DM Sans',sans-serif;color:#a1a1a1}
.ws-sales-empty{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);margin:0;max-width:260px;padding:11px 15px;text-align:center;background:#2b2b2bDB;border:1px solid #444444;border-radius:9px;color:#afafaf;font-size:11px;line-height:1.5;pointer-events:none;z-index:3}
.ws-sales-totals{display:flex;align-items:center;justify-content:flex-start;gap:10px 33px;flex-wrap:wrap;margin:19px 0 0;padding:14px 0 0;border-top:1px solid #3d3d3d;color:#d3d3d3;font-size:11px}
.ws-sales-totals b{font-weight:800}
.ws-sales-green{color:#58CF9E}
.ws-sales-caption{font:500 10px/1.6 'DM Sans',sans-serif;color:#969696;margin:11px 0 0;max-width:950px}
.ws-sales-legacy-note{color:#b8b8b8}
.ws-log-panel .ws-panel-head{margin-bottom:20px}
.ws-log-panel .ws-panel-head p{margin:5px 0 0;color:#aeaeae;font-size:11px}
.ws-log-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:13px 16px;margin:0 0 15px;background:#262626;border:1px solid #464646;border-radius:10px}
.ws-log-toolbar>span{color:#c1c1c1;font-size:11px;display:inline-flex;align-items:center;gap:5px}
.ws-log-toolbar>span strong{font-size:15px;color:#f0f0f0}
.ws-log-toolbar label{display:inline-flex;align-items:center;gap:11px;margin:0;color:#b9b9b9;font-size:11px;font-weight:700}
.ws-log-toolbar select{min-height:37px;max-width:245px;min-width:145px;padding:8px 11px;margin:0;border:1px solid #545454;border-radius:8px;color:#ebebeb;background:#1c1c1c;font:600 11px/1.25 'DM Sans',sans-serif}
.ws-log-table th{white-space:nowrap}
.ws-log-date{white-space:nowrap;min-width:139px;font-variant-numeric:tabular-nums}
.ws-log-table td{padding-top:12px;padding-bottom:12px;vertical-align:middle}
.ws-log-person{display:flex;align-items:center;gap:11px;min-width:190px}
.ws-log-avatar{display:grid;place-items:center;width:34px;height:34px;min-width:34px;border:1px solid #3F9A77;border-radius:10px;background:linear-gradient(140deg,#2F7459,#3a3a3a);color:#E1FAF0;font-size:13px;font-weight:800}
.ws-log-person>span:last-child{display:flex;flex-direction:column;min-width:0;gap:5px}
.ws-log-person strong{color:#eeeeee;font-size:11px;font-weight:800;overflow-wrap:anywhere}
.ws-log-person small{font-size:10px;color:#a9a9a9;overflow-wrap:anywhere}
.ws-log-action{display:inline-flex;align-items:center;min-height:27px;padding:6px 9px;border:1px solid #505050;border-radius:7px;background:#313131;color:#dbdbdb;font-size:10px;font-weight:700;white-space:nowrap}
.ws-log-table code{font:500 10px/1.5 ui-monospace,Menlo,Consolas,monospace;color:#a4a4a4;overflow-wrap:anywhere}
html[data-theme="light"] .ws-sales-head p,html[data-theme="light"] .ws-log-panel .ws-panel-head p{color:#7b7b7b}
html[data-theme="light"] .ws-sales-controls{background:#ebebeb;border-color:#dddddd}
html[data-theme="light"] .ws-sales-controls button{background:transparent;color:#757575;border-color:transparent}
html[data-theme="light"] .ws-sales-controls button:hover{background:#e0e0e0;color:#575757}
html[data-theme="light"] .ws-sales-controls button.active{background:#E6F7F1;border-color:#B6E1D1;color:#318565}
html[data-theme="light"] .ws-sales-legend span{color:#676767}
html[data-theme="light"] .ws-sales-axis{color:#858585}
html[data-theme="light"] .ws-sales-gridlines span{border-top-color:#dcdcdc}
html[data-theme="light"] .ws-sales-gridlines span:last-child{border-top-color:#c1c1c1}
html[data-theme="light"] .ws-sales-month-label strong{color:#696969}
html[data-theme="light"] .ws-sales-month-label small{color:#9e9e9e}
html[data-theme="light"] .ws-sales-bar--opportunities{background:linear-gradient(180deg,#b8b8b8,#8e8e8e);border-color:#a1a1a1}
html[data-theme="light"] .ws-sales-bar--won{background:linear-gradient(180deg,#3BCB96,#199A70);border-color:#2AAE80}
html[data-theme="light"] .ws-sales-empty{background:#efefefEA;border-color:#dbdbdb;color:#777777}
html[data-theme="light"] .ws-sales-totals{border-top-color:#e0e0e0;color:#595959}
html[data-theme="light"] .ws-sales-green{color:#1C946B}
html[data-theme="light"] .ws-sales-caption{color:#878787}
html[data-theme="light"] .ws-sales-legacy-note{color:#7f7f7f}
html[data-theme="light"] .ws-log-toolbar{background:#efefef;border-color:#dedede}
html[data-theme="light"] .ws-log-toolbar>span{color:#6c6c6c}
html[data-theme="light"] .ws-log-toolbar>span strong{color:#3c3c3c}
html[data-theme="light"] .ws-log-toolbar label{color:#6d6d6d}
html[data-theme="light"] .ws-log-toolbar select{background:#f4f4f4;border-color:#d5d5d5;color:#494949}
html[data-theme="light"] .ws-log-avatar{background:linear-gradient(140deg,#DAF4EA,#d9d9d9);border-color:#B5E6D3;color:#3C9472}
html[data-theme="light"] .ws-log-person strong{color:#404040}
html[data-theme="light"] .ws-log-person small{color:#828282}
html[data-theme="light"] .ws-log-action{background:#ededed;border-color:#dcdcdc;color:#626262}
html[data-theme="light"] .ws-log-table code{color:#828282}
@media(max-width:980px){
 .ws-sales-head{align-items:flex-start;flex-direction:column}
 .ws-sales-chart{gap:10px}
 .ws-sales-axis{flex-basis:66px}
}
@media(max-width:570px){
 .ws-sales-panel{padding:17px 13px}
 .ws-sales-controls{width:100%}
 .ws-sales-controls button{flex:1}
 .ws-sales-head h2{font-size:17px}
 .ws-sales-chart{gap:6px}
 .ws-sales-axis{flex-basis:54px;font-size:9px}
 .ws-sales-stage{min-width:max(100%,var(--ws-sales-min-width,320px))}
 .ws-sales-month{padding:0 3px}
 .ws-sales-pair{gap:4px}
 .ws-sales-month-label strong{font-size:9px}
 .ws-sales-totals{align-items:flex-start;flex-direction:column;gap:7px}
 .ws-log-toolbar{align-items:stretch;flex-direction:column}
 .ws-log-toolbar label{flex-wrap:wrap;justify-content:space-between}
 .ws-log-toolbar select{max-width:none;width:100%}
 .ws-log-person{min-width:170px}
}
@media(prefers-reduced-motion:reduce){
 .ws-sales-bar{transition:none}
}


/* SALES PERIOD FILTERS — 6, 12 AND FULL RANGE */
.ws-sales-head{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px 22px;
}
.ws-sales-head>div:first-child{
  flex:1 1 205px;
  min-width:0;
}
.ws-sales-toolbar{
  display:flex;
  flex:0 1 auto;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  max-width:100%;
}
.ws-sales-toolbar .ws-sales-controls{
  display:inline-flex;
  flex:0 1 auto;
  align-items:center;
  gap:4px;
  width:auto;
  min-width:0;
  margin:0;
  padding:4px;
}
.ws-sales-toolbar .ws-sales-controls button{
  white-space:nowrap;
  min-width:0;
  min-height:33px;
  padding:7px 11px;
  line-height:1.25;
}
.ws-sales-period-controls{
  background:#222222;
}
.ws-sales-toolbar .ws-sales-period-controls button.active{
  background:#464646;
  border-color:#828282;
  color:#f9f9f9;
}
html[data-theme="light"] .ws-sales-period-controls{
  background:#ebebeb;
}
html[data-theme="light"] .ws-sales-toolbar .ws-sales-period-controls button.active{
  background:#e8e8e8;
  border-color:#c6c6c6;
  color:#525252;
}
@media(max-width:1100px){
  .ws-sales-head>div:first-child{
    flex-basis:100%;
  }
  .ws-sales-toolbar{
    justify-content:flex-start;
    width:100%;
  }
}
@media(max-width:570px){
  .ws-sales-toolbar{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .ws-sales-toolbar .ws-sales-controls{
    display:flex;
    width:100%;
  }
  .ws-sales-toolbar .ws-sales-controls button{
    flex:1 1 0;
    padding:9px 7px;
    font-size:10px;
  }
  .ws-sales-head{gap:13px}
}