.workspace-modebar{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid #ddd7d7;border-radius:14px;padding:9px 12px;margin-bottom:18px}
.workspace-mode-switch{display:flex;gap:5px}
.workspace-mode-switch button{border:0;background:#f0ecea;border-radius:9px;padding:9px 12px;font-weight:800}
.workspace-mode-switch button.active{background:#17151a;color:#fff}
.workspace-save-state,.workspace-refresh{display:flex;align-items:center;gap:8px;font-size:10px}
.workspace-save-state span{width:8px;height:8px;border-radius:50%;background:#1d855c}
.workspace-save-state span.is-saving{background:#d58d2f;animation:workspacePulse 1s infinite}
.workspace-save-state span.is-failed{background:#b83f56}
.workspace-refresh button{border:0;background:#83283f;color:#fff;border-radius:8px;padding:7px 10px;font-weight:800}
@keyframes workspacePulse{50%{opacity:.35}}
.is-view-mode .builder-widget-tools,.is-view-mode .builder-widget-handle,.is-view-mode .builder-header-actions [data-open-search],.is-view-mode .builder-header-actions [data-open-chart-builder],.is-view-mode .builder-header-actions [data-starter-template],.is-view-mode .builder-header-actions [data-open-quick-add]{display:none!important}
.is-view-mode .builder-widget{cursor:pointer}
.builder-widget.size-small{grid-column:span 1}
.builder-widget.size-medium{grid-column:span 2}
.builder-widget.size-large{grid-column:span 3}
.builder-widget.size-full{grid-column:1/-1}
.builder-widget-tools{position:absolute;top:7px;right:7px;display:flex;gap:5px;z-index:5}
.builder-widget-tools button{border:0;background:#f2edef;color:#8f2e46;width:25px;height:25px;border-radius:50%}
.widget-size-menu{position:absolute;top:38px;right:8px;background:#17151a;color:#fff;border-radius:10px;padding:6px;display:none;z-index:9;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.widget-size-menu.is-open{display:grid}
.widget-size-menu button{border:0;background:transparent;color:#fff;text-align:start;padding:8px 10px;border-radius:7px}
.widget-size-menu button:hover{background:#2c2730}
.builder-widget-open{width:100%;border:0;background:transparent;text-align:inherit;color:inherit;padding:13px 0 0;cursor:pointer}
.workspace-detail-modal{position:fixed;inset:0;background:rgba(15,12,16,.68);backdrop-filter:blur(12px);z-index:90;display:none;place-items:center;padding:20px}
.workspace-detail-modal.is-open{display:grid}
.workspace-detail-dialog{width:min(1080px,100%);max-height:92vh;overflow:auto;background:#f4f1ee;border-radius:22px;padding:30px;position:relative}
.workspace-detail-close{position:absolute;top:15px;right:15px;border:0;background:#17151a;color:#fff;width:36px;height:36px;border-radius:50%;font-size:20px}
.detail-modal-head{display:flex;justify-content:space-between;gap:30px;align-items:end}
.detail-modal-head span{font-size:10px;color:#83283f;font-weight:850}
.detail-modal-head h2{font-size:48px;letter-spacing:-.05em;margin:7px 0}
.detail-modal-head>div:last-child{text-align:end}
.detail-modal-head strong{font-size:28px}
.detail-modal-head small{font-size:10px;color:#706a72}
.detail-modal-head b{display:block;margin-top:5px}
.detail-period-tabs{display:flex;gap:7px;margin:24px 0 12px}
.detail-period-tabs button{border:1px solid #ddd7d7;background:#fff;border-radius:999px;padding:8px 12px;font-weight:800}
.detail-period-tabs button.active{background:#17151a;color:#fff}
.detail-chart-wrap{height:360px;background:#17151a;border-radius:16px;padding:16px}
.detail-chart-wrap canvas{width:100%!important;height:100%!important}
.detail-metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}
.detail-metric-grid article{background:#fff;border:1px solid #ddd7d7;border-radius:13px;padding:13px;display:grid;gap:6px}
.detail-metric-grid span{font-size:8px;text-transform:uppercase;color:#706a72}
.detail-modal-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.detail-modal-actions a{background:#83283f;color:#fff;border-radius:10px;padding:11px 14px;font-weight:800}
.workspace-quick-add{position:fixed;inset:74px 0 0 auto;width:min(520px,100%);background:#f5f2ef;z-index:52;box-shadow:-25px 0 70px rgba(17,12,15,.18);padding:34px;transform:translateX(105%);transition:.25s}
.workspace-quick-add.is-open{transform:translateX(0)}
.workspace-quick-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0}
.workspace-quick-tabs button{border:1px solid #d8d1d2;background:#fff;border-radius:999px;padding:8px 11px;font-weight:800}
.workspace-quick-tabs button.active{background:#17151a;color:#fff}
.workspace-quick-add [data-quick-panel]{display:none;background:#fff;border:1px solid #ddd7d7;border-radius:14px;padding:18px}
.workspace-quick-add [data-quick-panel].active{display:grid;gap:9px}
.workspace-quick-add [data-quick-panel] button,.workspace-quick-add [data-quick-panel] a{border:0;background:#83283f;color:#fff;border-radius:10px;padding:12px;text-align:start;font-weight:800}
@media(max-width:1050px){.detail-metric-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:750px){.workspace-modebar,.detail-modal-head{display:grid}.workspace-refresh{flex-wrap:wrap}.builder-widget.size-medium,.builder-widget.size-large{grid-column:span 1}.detail-metric-grid{grid-template-columns:repeat(2,1fr)}.workspace-detail-dialog{padding:22px 16px}.detail-modal-head h2{font-size:36px}.workspace-quick-add{inset:0;padding:28px 18px}}