/* Communite workspace 3 — dashboard arrangement, factual charts, accessible filters/tables */
.cm-layout-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:17px 0 13px;padding:16px 21px;border-radius:19px;border:1px solid #eadce2;background:linear-gradient(120deg,#fff,#fff7fa);box-shadow:0 4px 18px #55213b08}
.cm-layout-heading .eyebrow{font-size:9px;margin-bottom:4px}
.cm-layout-heading h2{font-size:17px;color:#56233b;margin:0 0 2px;letter-spacing:-.035em}
.cm-layout-heading p{margin:0;font-size:10px;color:#856d7a;line-height:1.6}
.cm-layout-tools{background:#fff;border:1px solid #e8d4dd;border-radius:17px;padding:17px;margin-bottom:16px;box-shadow:0 12px 30px #75244812}
.cm-layout-tools[hidden],.cm-chart-data[hidden]{display:none!important}
.cm-layout-tools>div>strong{font-size:12px;color:#5c2b43}
.cm-layout-tools>div>p{font-size:10px;color:#8e7681;margin:5px 0 14px}
.cm-layout-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:9px;margin-bottom:13px}
.cm-layout-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 10px;border:1px solid #eadce2;border-radius:11px;background:#fffafd;cursor:grab}
.cm-layout-row.dragging{opacity:.48}
.cm-layout-row label{display:flex;align-items:center;gap:9px;flex:1;min-width:0;font-size:11px;font-weight:700;color:#65364a;cursor:pointer}
.cm-layout-row input{width:16px;height:16px;accent-color:#923552;flex-shrink:0}
.cm-layout-row .cm-layout-move{display:flex;gap:4px}
.cm-layout-move button,.cm-column-arrows button{width:30px;height:30px;border:1px solid #e8d6dd;border-radius:8px;background:#fff;color:#953555;font:800 15px Manrope,sans-serif;cursor:pointer}
.cm-layout-move button:disabled,.cm-column-arrows button:disabled{opacity:.29;cursor:not-allowed}
.cm-dashboard-widget{min-width:0;width:100%;animation:cm3-widget-enter .24s cubic-bezier(.22,1,.36,1) both}
.cm-dashboard-widget[hidden]{display:none!important}
.cm-dashboard-widget>.overview-composition,.cm-dashboard-widget>.cm-compare-section,.cm-dashboard-widget>.quick-workspace,.cm-dashboard-widget>.daily-context-grid,.cm-dashboard-widget>.dashboard-grid,.cm-dashboard-widget>.dashboard-workspace,.cm-dashboard-widget>.metric-grid{width:100%;min-width:0}
@keyframes cm3-widget-enter{from{opacity:.7;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.cm-chart-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.cm-chart-tools label{font-size:10px;font-weight:800;color:#8b6e7c}
.cm-chart-tools select{min-height:36px;border:1px solid #e1cbd5;padding:7px 30px 7px 11px;border-radius:11px;background:#fff;color:#6f2f4a;font:800 11px Manrope,sans-serif}
.cm-chart-tools .button{min-height:36px!important;padding:7px 11px!important}
.cm-chart-summary{font-size:12px;color:#793f58;font-weight:800;margin-top:8px;padding:9px 12px;border-radius:12px;background:#fff5f8;border:1px solid #f3dce5;display:inline-flex;font-variant-numeric:tabular-nums}
.cm-chart-bars .cm-trend-item{cursor:help;outline-offset:2px}
.cm-chart-bars .cm-trend-item:focus-visible{outline:3px solid #b65478;border-radius:7px}
.cm-chart-bars .cm-chart-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px}
.cm-chart-bars .cm-trend-track i{background:linear-gradient(180deg,#ce6684,#88294b)!important;transition:height .32s ease,background .15s ease}
.cm-chart-bars .cm-trend-track i.cm-chart-negative{background:linear-gradient(180deg,#f3a38f,#c35453)!important}
.cm-chart-data{margin-top:15px;border:1px solid #efdee5;border-radius:12px;overflow:hidden}
.cm-chart-data table th{font-weight:800}
.cm-filter-head>.cm-saved-presets{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.cm-saved-presets label{font-weight:800;font-size:10px;color:#866879}
.cm-saved-presets select{min-height:35px;border-radius:10px;border:1px solid #e5cfda;background:white;color:#652b47;font-size:11px;padding:6px 8px;max-width:160px}
.cm-saved-presets .button{min-height:33px!important;padding:5px 10px!important;font-size:10px!important}
.cm-amount-fieldset{border:1px solid #eedde4;border-radius:13px;padding:11px 14px;margin:10px 0 0;min-width:0;width:100%;background:#fff9fb}
.cm-amount-fieldset legend{font-size:11px;font-weight:800;color:#702d4b;padding:0 7px}
.cm-amount-fields{display:flex;align-items:end;gap:13px;flex-wrap:wrap}
.cm-amount-fields .filter-field{flex:1 1 166px;min-width:145px}
.cm-amount-fields input,.cm-amount-fields select{width:100%;min-height:38px}
.cm-filter-chip{gap:7px}
.cm-chip-remove{width:18px;height:18px;flex:0 0 18px;border:0;border-radius:50%;background:#e6bbcb;color:#792642;font-weight:800;line-height:18px;text-align:center;cursor:pointer;padding:0}
.cm-chip-remove:hover{background:#c46281;color:white}
.cm-table-heading>div:first-child{display:flex;flex-direction:column;gap:4px}
.cm-table-heading>div:first-child>small{font-size:10px}
.cm-column-settings{position:relative}
.cm-column-settings>summary{list-style:none;white-space:nowrap;cursor:pointer;padding:10px 12px;border:1px solid #ead3de;border-radius:11px;background:#fff;color:#7d3351;font-weight:800;font-size:11px}
.cm-column-settings>summary::-webkit-details-marker{display:none}
.cm-column-settings[open]>summary{background:#fff1f6}
.cm-column-popover{position:absolute;right:0;top:calc(100% + 9px);width:min(340px,calc(100vw - 28px));max-height:min(65vh,540px);overflow:auto;z-index:26;border:1px solid #ead4de;border-radius:17px;padding:16px;background:#fff;box-shadow:0 18px 55px rgba(72,22,43,.2)}
.cm-column-popover>div:first-child>strong{font-size:12px;color:#622f48}
.cm-column-popover p{font-size:10px;line-height:1.6;color:#826b76;margin:6px 0 13px}
#cm-column-editor{display:grid;gap:6px;max-height:290px;overflow-y:auto;padding-right:5px;margin-bottom:11px}
.cm-column-row{display:flex;gap:9px;align-items:center;justify-content:space-between;padding:6px;border:1px solid #f0e3e9;border-radius:10px}
.cm-column-row label{display:flex;align-items:center;gap:8px;min-width:0;font-size:10px;font-weight:700;color:#62384b}
.cm-column-row input{accent-color:#9b3556;width:15px;height:15px;flex:0 0 15px}
.cm-column-arrows{display:flex;gap:3px}
.cm-column-arrows button{width:26px;height:26px;font-size:12px}
.cm-column-sort{border:0;background:transparent;display:inline-flex;align-items:center;gap:6px;justify-content:flex-start;text-align:left;padding:0;font:inherit;color:inherit;cursor:pointer;white-space:nowrap}
.cm-column-sort:hover{color:#ab3e63;text-decoration:underline}
.cm-column-sort span{opacity:.57;font-size:12px}
#cm-custom-table .cm-hidden-column{display:none!important}
#cm-custom-table thead th[aria-sort]{color:#8b2b50!important;background:#fff0f5!important}
#cm-custom-table thead th[aria-sort] .cm-column-sort span{opacity:1}
@view-transition{navigation:auto}
::view-transition-old(root){animation:cm3-page-out .14s ease-in both}
::view-transition-new(root){animation:cm3-page-in .23s cubic-bezier(.22,1,.36,1) both}
@keyframes cm3-page-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes cm3-page-out{from{opacity:1}to{opacity:0}}
@keyframes cm3-page-leave{to{opacity:0;transform:translateY(4px)}}
body.cm3-page-leave main#main{animation:cm3-page-leave .12s ease-out both}
@media(max-width:800px){
.cm-layout-heading{padding:12px 14px}
.cm-layout-heading .button{min-height:35px}
.cm-layout-list{grid-template-columns:1fr}
.cm-chart-tools{width:100%;justify-content:flex-start}
.cm-chart-tools select{flex:1 1 130px}
.cm-chart-bars .cm-chart-value{font-size:9px}
.cm-amount-fieldset{padding:10px}
.cm-amount-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.cm-amount-fields .filter-field{min-width:0}
.cm-amount-fields .filter-field:last-child{grid-column:1/-1}
.cm-saved-presets{width:100%}
.cm-column-popover{right:-4px}
}
@media(max-width:440px){.cm-amount-fields{grid-template-columns:1fr}.cm-amount-fields .filter-field:last-child{grid-column:auto}.cm-chart-summary{font-size:10px}}
html.cm-dark .workspace :is(.cm-layout-heading,.cm-layout-tools,.cm-layout-row,.cm-column-popover,.cm-column-row,.cm-amount-fieldset,.cm-chart-data){background:#2b222e!important;border-color:#594252!important;color:#f3e4ec!important}
html.cm-dark .workspace :is(.cm-layout-heading h2,.cm-layout-row label,.cm-column-popover strong,.cm-column-row label,.cm-amount-fieldset legend){color:#f0d2df!important}
html.cm-dark .workspace :is(.cm-layout-heading p,.cm-layout-tools p,.cm-column-popover p,.cm-chart-tools label){color:#c4acb9!important}
html.cm-dark .workspace :is(.cm-chart-summary,.cm-column-settings summary,.cm-column-arrows button,.cm-layout-move button){background:#3b2b3a!important;color:#f2d1df!important;border-color:#735266!important}
html.cm-dark .workspace .cm-column-popover{box-shadow:0 18px 48px #0008}
html.cm-dark .workspace #cm-custom-table thead th[aria-sort]{color:#f4bdd1!important;background:#4b3042!important}
html.cm-dark .workspace .cm-chart-data table th{background:#372937!important}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
::view-transition-old(root),::view-transition-new(root){animation:none!important}
.cm-dashboard-widget,.cm-chart-bars .cm-trend-track i,body.cm3-page-leave main#main{animation:none!important;transition:none!important;transform:none!important}
}
@media print{.cm-layout-heading,.cm-layout-tools,.cm-column-settings,.cm-saved-presets,.cm-chart-tools,#cm-column-editor{display:none!important}.cm-dashboard-widget[hidden]{display:block!important}}