.mx-host,.mx-header,.mx-menu,.mx-toolbar,.mx-filters,.mx-summary,.mx-disclosure,.mx-btn{--mx-input:color-mix(in srgb, var(--matrix-card-bg) 86%, var(--matrix-line));--mx-hover:color-mix(in srgb, var(--matrix-ink) 6%, transparent);--mx-selected:color-mix(in srgb, var(--matrix-ink) 10%, transparent);--mx-edge:inset 0 0 0 1px color-mix(in srgb, var(--matrix-line) 90%, transparent);--mx-shadow:4px 4px 0 color-mix(in srgb, var(--matrix-shadow) 44%, transparent)}.mx-host svg,.mx-menu svg,.mx-btn svg{vertical-align:middle;flex-shrink:0;display:inline-block}.mx-btn{border:1px solid var(--matrix-line);background:var(--mx-input,transparent);min-height:32px;color:var(--matrix-ink);font:inherit;white-space:nowrap;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:450;line-height:1.35;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex}.mx-btn:hover:not(:disabled){background:var(--mx-hover,#ffffff0f)}.mx-btn:disabled{opacity:.4;cursor:default}.mx-btn:focus-visible{outline:2px solid var(--matrix-ink-muted);outline-offset:3px}.mx-btn svg{width:16px;height:16px}.mx-btn.primary{background:var(--matrix-accent);border-color:var(--matrix-accent);color:var(--matrix-accent-foreground)}.mx-btn.primary:hover:not(:disabled){background:color-mix(in srgb, var(--matrix-accent) 88%, var(--matrix-card-bg))}.mx-btn.text{background:0 0;border-color:#0000;padding:6px 8px}.mx-btn.text:hover:not(:disabled){background:var(--mx-hover,#ffffff0f)}.mx-btn.is-selected{background:var(--mx-selected,#ffffff1a)}.mx-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;min-height:42px;margin-bottom:18px;display:flex}.mx-header-title{flex-wrap:wrap;align-items:center;gap:4px 14px;min-width:0;display:flex}.mx-header-title h1{letter-spacing:-.2px;color:var(--matrix-ink);margin:0;font-size:18px;font-weight:600;line-height:1.35}.mx-header-meta{color:var(--matrix-ink-muted);max-width:70ch;margin:0;font-size:12px}.mx-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:relative}@media (max-width:640px){.mx-header-actions{justify-content:flex-start}}.mx-actions-trigger{background:0 0;border-color:#0000;gap:9px}.mx-actions-trigger:hover:not(:disabled){border-color:var(--matrix-line)}.mx-actions-count{background:var(--mx-selected,#ffffff1a);min-width:18px;height:18px;color:var(--matrix-ink);border-radius:4px;place-items:center;padding:0 4px;font-size:11px;display:inline-grid}.mx-actions-arrow{transition:transform .18s;display:inline-flex}.mx-actions-arrow svg{width:14px;height:14px}.mx-header-actions:has(.mx-menu:popover-open) .mx-actions-arrow{transform:rotate(180deg)}.mx-menu{border:1px solid var(--matrix-line);background:var(--matrix-shell-bg);width:290px;max-width:calc(100vw - 32px);max-height:calc(100vh - 120px);color:var(--matrix-ink);font-family:var(--matrix-font-sans);opacity:0;transition:opacity .16s ease, transform .16s ease, display .16s allow-discrete, overlay .16s allow-discrete;border-radius:6px;margin:0;padding:8px;font-size:13px;position:fixed;inset:78px 32px auto auto;overflow-y:auto;transform:translateY(-5px);box-shadow:0 12px 35px #00000054}.mx-menu:popover-open{opacity:1;transform:translateY(0)}@starting-style{.mx-menu:popover-open{opacity:0;transform:translateY(-5px)}}.mx-menu-label{color:var(--matrix-ink-muted);margin:6px 12px 8px;font-size:11px}.mx-menu-divider{background:var(--matrix-line);height:1px;margin:6px 8px}.mx-menu-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:flex-start;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.mx-menu-item:hover:not(:disabled),.mx-menu-item:focus-visible{background:var(--mx-selected,#ffffff1a);outline:none}.mx-menu-item:disabled{opacity:.4;cursor:default}.mx-menu-item svg{width:16px;height:16px;color:var(--matrix-ink-muted)}.mx-menu-item .mx-actions-count{margin-left:auto}.mx-toolbar{border-bottom:1px solid var(--matrix-line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 16px;margin:0 0 12px;display:flex}.mx-toolbar-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;padding-bottom:8px;display:flex}.mx-tabs{align-items:flex-end;gap:16px;display:flex;overflow-x:auto}.mx-tab{color:var(--matrix-ink-muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:0;padding:9px 5px;font-size:13px;position:relative}.mx-tab:after{content:"";background:var(--matrix-ink);border-radius:1px;height:2px;transition:transform .18s;position:absolute;bottom:0;left:5px;right:5px;transform:scaleX(0)}.mx-tab:hover,.mx-tab[aria-selected=true]{color:var(--matrix-ink)}.mx-tab[aria-selected=true]:after{transform:scaleX(1)}.mx-tab:focus-visible{outline:2px solid var(--matrix-ink-muted);outline-offset:2px}.mx-tab-count{color:var(--matrix-ink-muted);font-variant-numeric:tabular-nums;margin-left:6px;font-size:11px}.mx-search{align-items:center;width:260px;max-width:100%;display:flex;position:relative}.mx-search svg{pointer-events:none;width:16px;height:16px;color:var(--matrix-ink-muted);position:absolute;left:11px}.mx-search input{border:1px solid var(--matrix-line);background:var(--mx-input,transparent);width:100%;min-height:32px;color:var(--matrix-ink);font:inherit;border-radius:4px;padding:6px 12px 6px 36px;font-size:12px}.mx-search input::placeholder{color:var(--matrix-ink-faint)}.mx-search input:focus-visible{outline:2px solid var(--matrix-ink-muted);outline-offset:2px}@media (max-width:800px){.mx-search{width:180px}}.mx-filter-reveal{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .18s,opacity .18s;display:grid}.mx-filter-reveal.open{opacity:1;grid-template-rows:1fr}.mx-filter-reveal>div{min-height:0;overflow:hidden}.mx-filters{border-bottom:1px solid var(--matrix-line);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:12px;padding:14px 0;display:grid}.mx-filters label{color:var(--matrix-ink-muted);font-size:12px;display:block}.mx-filters select,.mx-filters input:not([type=checkbox]){border:1px solid var(--matrix-line);background:var(--mx-input,transparent);width:100%;color:var(--matrix-ink);font:inherit;border-radius:4px;margin-top:6px;padding:8px 10px;font-size:12px;display:block}.mx-filters label.check{align-self:end;align-items:center;gap:8px;padding-bottom:8px;display:flex}.mx-chips{color:var(--matrix-ink-muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 16px;font-size:12px;display:flex}.mx-chip{color:var(--matrix-ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:2px 0;font-size:12px;display:inline-flex}.mx-chip:hover{color:var(--matrix-ink)}.mx-chip svg{width:13px;height:13px}.mx-summary{background:var(--matrix-card-bg);box-shadow:var(--mx-edge), var(--mx-shadow);border-radius:5px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px 20px;margin:0 0 20px;padding:16px 20px;display:grid}.mx-summary>div{border-left:1px solid var(--matrix-line);min-width:0;padding-left:16px}.mx-summary>div:first-child{border-left:0;padding-left:0}.mx-summary strong{color:var(--matrix-ink);font-variant-numeric:tabular-nums;font-size:22px;font-weight:500;line-height:1.2;display:block}.mx-summary small{color:var(--matrix-ink-muted);margin-top:2px;font-size:12px;display:block}.mx-summary button{all:unset;cursor:pointer;display:block}.mx-summary button:focus-visible{outline:2px solid var(--matrix-ink-muted);outline-offset:3px}.mx-host{--mx-host-pt:0px;--mx-host-pr:0px;--mx-panel-w:460px;position:relative}.matrix-workspace-content.mx-host{--mx-host-pt:32px;--mx-host-pr:24px}.mx-host:has(>.mx-panel-slot>.mx-panel.wide){--mx-panel-w:620px}.mx-panel-slot{top:var(--mx-host-pt);bottom:var(--mx-host-pt);right:var(--mx-host-pr);width:var(--mx-panel-w);z-index:20;pointer-events:none;position:absolute}.mx-panel-slot:empty{display:none}.mx-panel-slot>.mx-panel{pointer-events:auto;width:100%;max-width:none;position:sticky}.mx-panel-slot>.mx-panel:not(:last-child){display:none}@media (min-width:801px){.mx-host:has(>.mx-panel-slot>.mx-panel){padding-right:calc(var(--mx-host-pr) + var(--mx-panel-w) + 20px)}}@media (max-width:1200px){.mx-host{--mx-panel-w:420px}.mx-host:has(>.mx-panel-slot>.mx-panel.wide){--mx-panel-w:520px}}.mx-panel{--mx-input:color-mix(in srgb, var(--matrix-card-bg) 86%, var(--matrix-line));--mx-hover:color-mix(in srgb, var(--matrix-ink) 6%, transparent);--mx-selected:color-mix(in srgb, var(--matrix-ink) 10%, transparent);--mx-edge:inset 0 0 0 1px color-mix(in srgb, var(--matrix-line) 90%, transparent);--mx-shadow:4px 4px 0 color-mix(in srgb, var(--matrix-shadow) 44%, transparent);background:var(--matrix-card-bg);width:460px;max-width:46vw;min-height:0;color:var(--matrix-ink);box-shadow:var(--mx-edge), var(--mx-shadow);font-family:var(--matrix-font-sans);border-radius:5px;flex-direction:column;font-size:14px;animation:.2s cubic-bezier(.2,.7,.2,1) mx-panel-in;display:flex;overflow:hidden}.mx-panel svg{vertical-align:middle;flex-shrink:0;display:inline-block}.mx-panel.wide{width:620px;max-width:55vw}.mx-panel:focus{outline:none}.mx-panel.floating{z-index:70;height:calc(100vh - 48px);position:fixed;top:24px;right:24px}.mx-panel-head{border-bottom:1px solid var(--matrix-line);flex-shrink:0;align-items:flex-start;gap:12px;padding:18px 22px 14px;display:flex}.mx-panel-head h2{letter-spacing:-.3px;overflow-wrap:anywhere;color:var(--matrix-ink);margin:0;font-size:19px;font-weight:550;line-height:1.3}.mx-panel-head p{color:var(--matrix-ink-muted);margin:6px 0 0;font-size:12px;line-height:1.5}.mx-panel-close{flex-shrink:0;padding:6px}.mx-panel-close svg{width:18px;height:18px}.mx-panel-body{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:20px 22px;overflow:hidden auto}.mx-panel-footer{border-top:1px solid var(--matrix-line);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px;display:flex}@keyframes mx-panel-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@media (max-width:800px){.mx-panel,.mx-panel.wide,.mx-panel.floating,.mx-panel-slot>.mx-panel{z-index:90;border-radius:0;width:100%;max-width:none;position:fixed;inset:0;height:100dvh!important;top:0!important}.mx-panel-slot{z-index:90}.mx-panel-slot:not(:empty){width:auto;position:fixed;inset:0}.mx-panel-head{padding-top:calc(18px + env(safe-area-inset-top,0px));padding-left:calc(22px + env(safe-area-inset-left,0px));padding-right:calc(22px + env(safe-area-inset-right,0px))}.mx-panel-body{padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px))}.mx-panel-footer{padding:12px calc(16px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px))}}.mx-disclosure{border-bottom:1px solid var(--matrix-line);margin:8px 0}.mx-disclosure>button{width:100%;min-height:42px;color:var(--matrix-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:12px;padding:10px 8px;font-size:13px;display:flex}.mx-disclosure>button:hover{background:var(--mx-hover,#ffffff0f)}.mx-disclosure>button:focus-visible{outline:2px solid var(--matrix-ink-muted);outline-offset:1px}.mx-disclosure-chev{color:var(--matrix-ink-muted);transition:transform .18s;display:inline-flex}.mx-disclosure-chev svg{width:14px;height:14px}.mx-disclosure.open .mx-disclosure-chev{transform:rotate(90deg)}.mx-disclosure-content{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .18s,opacity .18s;display:grid}.mx-disclosure.open .mx-disclosure-content{opacity:1;grid-template-rows:1fr}.mx-disclosure-content>div{min-height:0;overflow:hidden}.mx-disclosure-content>div>div{padding:4px 8px 14px}.mx-notice{border:1px solid var(--matrix-line);color:var(--matrix-ink);border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 16px;padding:10px 12px;font-size:12px;display:flex}.mx-notice.error{border-color:color-mix(in srgb, var(--matrix-danger) 55%, var(--matrix-line))}@media (prefers-reduced-motion:reduce){.mx-menu,.mx-actions-arrow,.mx-tab:after,.mx-filter-reveal,.mx-disclosure-chev,.mx-disclosure-content{transition:none}.mx-panel{animation:none}}
