/* House Media — 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:#A0AEC2;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 #354256;border-radius:10px;background:#192332}
.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:#9EAFC6;font:700 11px/1.25 'DM Sans',sans-serif;white-space:nowrap;cursor:pointer}
.ws-sales-controls button:hover{background:#243247;color:#FFF}
.ws-sales-controls button.active{background:#343146;border-color:#64557D;color:#F0E5FA}
.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:#C0CDDD;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:#8798D5}
.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:#91A2B9;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 #9171C6;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 #2E3C4E;width:100%;height:0}
.ws-sales-gridlines span:last-child{border-top-style:solid;border-top-color:#4A566B}
.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,#A2AFDF,#7386C6);border:1px solid #899BCF;border-bottom:0;box-shadow:0 0 0 1px #879BD314 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:#BDCAD9}
.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:#8F9EB3}
.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:#1D2938DB;border:1px solid #344254;border-radius:9px;color:#9EADBF;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 #2B3B4E;color:#C7D2E0;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:#8293AA;margin:11px 0 0;max-width:950px}
.ws-sales-legacy-note{color:#A6B5C9}
.ws-log-panel .ws-panel-head{margin-bottom:20px}
.ws-log-panel .ws-panel-head p{margin:5px 0 0;color:#9CACBF;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:#182333;border:1px solid #344257;border-radius:10px}
.ws-log-toolbar>span{color:#B2BFCF;font-size:11px;display:inline-flex;align-items:center;gap:5px}
.ws-log-toolbar>span strong{font-size:15px;color:#E9ECF6}
.ws-log-toolbar label{display:inline-flex;align-items:center;gap:11px;margin:0;color:#A8B8CA;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 #405167;border-radius:8px;color:#E3E8F2;background:#0F1A29;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 #695485;border-radius:10px;background:linear-gradient(140deg,#4E3A69,#27364C);color:#EDE3F8;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:#E7ECF4;font-size:11px;font-weight:800;overflow-wrap:anywhere}
.ws-log-person small{font-size:10px;color:#95A8BD;overflow-wrap:anywhere}
.ws-log-action{display:inline-flex;align-items:center;min-height:27px;padding:6px 9px;border:1px solid #3F4B60;border-radius:7px;background:#222E3F;color:#D0D7E5;font-size:10px;font-weight:700;white-space:nowrap}
.ws-log-table code{font:500 10px/1.5 ui-monospace,Menlo,Consolas,monospace;color:#8FA2B9;overflow-wrap:anywhere}
html[data-theme="light"] .ws-sales-head p,html[data-theme="light"] .ws-log-panel .ws-panel-head p{color:#697A8D}
html[data-theme="light"] .ws-sales-controls{background:#E3EAF3;border-color:#D1DCE9}
html[data-theme="light"] .ws-sales-controls button{background:transparent;color:#617389;border-color:transparent}
html[data-theme="light"] .ws-sales-controls button:hover{background:#D5DFEB;color:#3D5271}
html[data-theme="light"] .ws-sales-controls button.active{background:#EDE7F6;border-color:#CAB9DE;color:#59377F}
html[data-theme="light"] .ws-sales-legend span{color:#53657B}
html[data-theme="light"] .ws-sales-axis{color:#718299}
html[data-theme="light"] .ws-sales-gridlines span{border-top-color:#D1DBE6}
html[data-theme="light"] .ws-sales-gridlines span:last-child{border-top-color:#AFC0D2}
html[data-theme="light"] .ws-sales-month-label strong{color:#54667D}
html[data-theme="light"] .ws-sales-month-label small{color:#8C9CAF}
html[data-theme="light"] .ws-sales-bar--opportunities{background:linear-gradient(180deg,#95A8DA,#647CB7);border-color:#7C90C5}
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:#E9EEF5EA;border-color:#CFD9E6;color:#63748A}
html[data-theme="light"] .ws-sales-totals{border-top-color:#D5DEEA;color:#44566E}
html[data-theme="light"] .ws-sales-green{color:#1C946B}
html[data-theme="light"] .ws-sales-caption{color:#73869B}
html[data-theme="light"] .ws-sales-legacy-note{color:#6C7E92}
html[data-theme="light"] .ws-log-toolbar{background:#E8EDF5;border-color:#D2DDE9}
html[data-theme="light"] .ws-log-toolbar>span{color:#576A81}
html[data-theme="light"] .ws-log-toolbar>span strong{color:#283B50}
html[data-theme="light"] .ws-log-toolbar label{color:#586B82}
html[data-theme="light"] .ws-log-toolbar select{background:#F1F4F8;border-color:#C8D5E3;color:#34475E}
html[data-theme="light"] .ws-log-avatar{background:linear-gradient(140deg,#E6DCF2,#C9D8E9);border-color:#CCB8E3;color:#634A86}
html[data-theme="light"] .ws-log-person strong{color:#2C3D54}
html[data-theme="light"] .ws-log-person small{color:#6F8195}
html[data-theme="light"] .ws-log-action{background:#E6EBF3;border-color:#D0DAE7;color:#4D6076}
html[data-theme="light"] .ws-log-table code{color:#6F8095}
@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:#161F2D;
}
.ws-sales-toolbar .ws-sales-period-controls button.active{
  background:#334159;
  border-color:#667C9E;
  color:#F3F6FE;
}
html[data-theme="light"] .ws-sales-period-controls{
  background:#E3EAF3;
}
html[data-theme="light"] .ws-sales-toolbar .ws-sales-period-controls button.active{
  background:#DDE5F2;
  border-color:#B4C2D8;
  color:#344E70;
}
@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}
}