@evotecit/canopyx 0.0.0-stage → 0.1.0

package/CanopyX.Html/Assets/canopyx-grid.css

@@ -0,0 +1,554 @@
+/* CanopyX theme. */
+.cx-host,.cx-static{
+--cx-surface:#ffffff;
+--cx-text:#16181c;
+--cx-accent:#11776f;
+--cx-line:#e2e4e7;
+--cx-tone-info:#0a728b;
+--cx-tone-success:#177345;
+--cx-tone-warning:#8c5c05;
+--cx-tone-danger:#b8292a;
+--cx-font:Calibri,Carlito,"Segoe UI",system-ui,sans-serif;
+--cx-font-mono:"IBM Plex Mono","Cascadia Mono",Consolas,monospace;
+--cx-font-size:14px;
+--cx-radius:6px;
+--cx-radius-sm:4px;
+--cx-control-h:32px;
+--cx-row-h:28px;
+--cx-head-h:36px;
+--cx-cell-px:12px;
+--cx-on-accent:#ffffff;
+--cx-shadow-ink:#000;
+--cx-size-d04em:.04em;
+--cx-size-46ch:46ch;
+--cx-size-440px:440px;
+--cx-size-140px:140px;
+--cx-size-d06em:.06em;
+--cx-size-210px:210px;
+--cx-size-neg-4px:-4px;
+--cx-size-56px:56px;
+--cx-size-64px:64px;
+--cx-size-160px:160px;
+--cx-size-12d5px:12.5px;
+--cx-size-640px:640px;
+--cx-size-17px:17px;
+--cx-size-60vh:60vh;
+--cx-size-11d5px:11.5px;
+--cx-size-13d5px:13.5px;
+--cx-size-38px:38px;
+--cx-size-26px:26px;
+--cx-size-52px:52px;
+--cx-size-30px:30px;
+--cx-size-72px:72px;
+--cx-size-244px:244px;
+--cx-size-44px:44px;
+--cx-size-85vh:85vh;
+--cx-size-480px:480px;
+--cx-size-14px:14px;
+--cx-size-1px:1px;
+--cx-size-neg-1px:-1px;
+--cx-size-8px:8px;
+--cx-size-12px:12px;
+--cx-size-4px:4px;
+--cx-size-10px:10px;
+--cx-size-11px:11px;
+--cx-size-1d5px:1.5px;
+--cx-size-21px:21px;
+--cx-size-5px:5px;
+--cx-size-280px:280px;
+--cx-size-34px:34px;
+--cx-size-6px:6px;
+--cx-size-32px:32px;
+--cx-size-7px:7px;
+--cx-size-420px:420px;
+--cx-size-100vw:100vw;
+--cx-size-16px:16px;
+--cx-size-320px:320px;
+--cx-size-2px:2px;
+--cx-size-d8em:.8em;
+--cx-size-d85em:.85em;
+--cx-size-neg-2px:-2px;
+--cx-size-180px:180px;
+--cx-size-d92em:.92em;
+--cx-size-9px:9px;
+--cx-size-neg-3px:-3px;
+--cx-size-18px:18px;
+--cx-size-1d6px:1.6px;
+--cx-size-999px:999px;
+--cx-size-12em:12em;
+--cx-size-100vh:100vh;
+--cx-size-340px:340px;
+--cx-size-20px:20px;
+--cx-size-36px:36px;
+--cx-size-3px:3px;
+--cx-size-13px:13px;
+--cx-size-360px:360px;
+--cx-size-22px:22px;
+--cx-size-24px:24px;
+--cx-size-80vh:80vh;
+--cx-size-240px:240px;
+--cx-size-d875em:.875em;
+--cx-size-92px:92px;
+--cx-size-28px:28px;
+--cx-text-2:color-mix(in srgb,var(--cx-text) 78%,var(--cx-surface));
+--cx-muted:color-mix(in srgb,var(--cx-text) 66%,var(--cx-surface));
+--cx-control-border:color-mix(in srgb,var(--cx-text) 54%,var(--cx-surface));
+--cx-head-bg:color-mix(in srgb,var(--cx-text) 3.5%,var(--cx-surface));
+--cx-group-bg:color-mix(in srgb,var(--cx-text) 2.5%,var(--cx-surface));
+--cx-alt-bg:var(--cx-group-bg);
+--cx-hover-bg:color-mix(in srgb,var(--cx-text) 4%,var(--cx-surface));
+--cx-selected-bg:color-mix(in srgb,var(--cx-accent) 11%,var(--cx-surface));
+--cx-accent-text:color-mix(in srgb,var(--cx-accent) 98%,var(--cx-text));
+--cx-accent-soft:color-mix(in srgb,var(--cx-accent) 13%,var(--cx-surface));
+--cx-line-strong:color-mix(in srgb,var(--cx-text) 22%,var(--cx-surface));
+--cx-row-line:var(--cx-line);
+--cx-panel-shadow:0 8px 28px color-mix(in srgb,var(--cx-shadow-ink) 14%,transparent),0 1px 3px color-mix(in srgb,var(--cx-shadow-ink) 8%,transparent);
+--cx-tone-danger-bg:color-mix(in srgb,var(--cx-tone-danger) 11%,var(--cx-surface));
+--cx-tone-warning-bg:color-mix(in srgb,var(--cx-tone-warning) 13%,var(--cx-surface));
+--cx-tone-success-bg:color-mix(in srgb,var(--cx-tone-success) 11%,var(--cx-surface));
+--cx-tone-info-bg:color-mix(in srgb,var(--cx-tone-info) 11%,var(--cx-surface));
+--cx-quiet:color-mix(in srgb,var(--cx-tone-success) 55%,var(--cx-surface));
+--cx-scrollbar-thumb:color-mix(in srgb,var(--cx-text) 28%,transparent);
+--cx-scrollbar-thumb-hover:color-mix(in srgb,var(--cx-text) 46%,transparent);
+--cx-scrollbar-track:transparent;
+--cx-scrollbar-size:10px;
+color-scheme:light;
+}
+.cx-host[data-cx-theme="dark"],.cx-static[data-cx-theme="dark"]{
+color-scheme:dark;
+--cx-surface:#16181c;
+--cx-text:#f2f3f5;
+--cx-accent:#37c9b8;
+--cx-line:#272a30;
+--cx-tone-info:#3ec3dd;
+--cx-tone-success:#4cc78a;
+--cx-tone-warning:#eeb640;
+--cx-tone-danger:#f47171;
+--cx-on-accent:#0c0d10;
+--cx-head-bg:color-mix(in srgb,var(--cx-text) 4.5%,var(--cx-surface));
+--cx-panel-shadow:0 10px 32px color-mix(in srgb,var(--cx-shadow-ink) 55%,transparent),0 0 0 1px var(--cx-line);
+}
+@media (prefers-color-scheme:dark){
+.cx-host[data-cx-theme="auto"],.cx-static[data-cx-theme="auto"]{
+color-scheme:dark;
+--cx-surface:#16181c;
+--cx-text:#f2f3f5;
+--cx-accent:#37c9b8;
+--cx-line:#272a30;
+--cx-tone-info:#3ec3dd;
+--cx-tone-success:#4cc78a;
+--cx-tone-warning:#eeb640;
+--cx-tone-danger:#f47171;
+--cx-on-accent:#0c0d10;
+--cx-head-bg:color-mix(in srgb,var(--cx-text) 4.5%,var(--cx-surface));
+--cx-panel-shadow:0 10px 32px color-mix(in srgb,var(--cx-shadow-ink) 55%,transparent),0 0 0 1px var(--cx-line);
+}
+}
+.cx-host{
+box-sizing:border-box;
+display:flex;
+flex-direction:column;
+height:var(--cx-size-480px);
+min-height:0;
+color:var(--cx-text);
+background:var(--cx-surface);
+font-family:var(--cx-font,inherit);
+font-size:var(--cx-font-size,var(--cx-size-14px));
+line-height:1.4;
+}
+.cx-host *,.cx-host *::before,.cx-host *::after{box-sizing:border-box;}
+@media not (forced-colors:active){
+:where(.cx-host,.cx-host *){scrollbar-color:var(--cx-scrollbar-thumb) var(--cx-scrollbar-track);scrollbar-width:thin;}
+.cx-host::-webkit-scrollbar,.cx-host ::-webkit-scrollbar{width:var(--cx-scrollbar-size);height:var(--cx-scrollbar-size);}
+.cx-host::-webkit-scrollbar-track,.cx-host ::-webkit-scrollbar-track,.cx-host ::-webkit-scrollbar-corner{background:var(--cx-scrollbar-track);}
+.cx-host::-webkit-scrollbar-thumb,.cx-host ::-webkit-scrollbar-thumb{background:var(--cx-scrollbar-thumb) padding-box;border:var(--cx-size-2px) solid transparent;border-radius:var(--cx-size-999px);}
+.cx-host ::-webkit-scrollbar-thumb:hover{background-color:var(--cx-scrollbar-thumb-hover);}
+}
+.cx-sr-only{
+--cx-size-1px:1px;--cx-size-neg-1px:-1px;
+position:absolute !important;
+width:var(--cx-size-1px);height:var(--cx-size-1px);padding:0;margin:var(--cx-size-neg-1px);
+overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
+}
+.cx-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cx-size-8px) var(--cx-size-12px);padding:var(--cx-size-4px) 0 var(--cx-size-10px);}
+.cx-search{position:relative;min-width:0;max-width:100%;}
+.cx-search::before{content:"";position:absolute;left:var(--cx-size-12px);top:var(--cx-size-11px);width:var(--cx-size-10px);height:var(--cx-size-10px);border:var(--cx-size-1d5px) solid var(--cx-muted);border-radius:50%;pointer-events:none;}
+.cx-search::after{content:"";position:absolute;left:var(--cx-size-21px);top:var(--cx-size-21px);width:var(--cx-size-5px);border-top:var(--cx-size-1d5px) solid var(--cx-muted);transform:rotate(45deg);pointer-events:none;}
+.cx-search-input{
+font:inherit;width:var(--cx-size-280px);max-width:100%;min-height:var(--cx-size-34px);padding:var(--cx-size-6px) var(--cx-size-10px) var(--cx-size-6px) var(--cx-size-32px);border-radius:var(--cx-size-7px);
+border:var(--cx-size-1px) solid var(--cx-line-strong);background:var(--cx-surface);color:var(--cx-text);
+}
+.cx-search-input::placeholder{color:var(--cx-muted);opacity:1;}
+.cx-results{
+position:absolute;z-index:20;top:100%;left:0;width:var(--cx-size-420px);max-width:calc(var(--cx-size-100vw) - var(--cx-size-16px));max-height:var(--cx-size-320px);overflow:auto;
+margin:0;padding:var(--cx-size-4px);list-style:none;background:var(--cx-surface);
+border:var(--cx-size-1px) solid var(--cx-line-strong);border-radius:var(--cx-size-8px);box-shadow:var(--cx-panel-shadow);
+}
+.cx-result{display:grid;grid-template-columns:1fr auto;gap:var(--cx-size-2px) var(--cx-size-8px);padding:var(--cx-size-6px) var(--cx-size-8px);border-radius:var(--cx-size-4px);cursor:pointer;}
+.cx-result-label{min-width:0;overflow-wrap:anywhere;}
+.cx-result[aria-selected="true"],.cx-result:hover{background:var(--cx-selected-bg);}
+.cx-result-kind{font-size:var(--cx-size-d8em);color:var(--cx-muted);text-transform:uppercase;}
+.cx-result-context{grid-column:1 / -1;font-size:var(--cx-size-d85em);color:var(--cx-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.cx-switch{display:inline-flex;align-items:center;gap:var(--cx-size-7px);min-height:var(--cx-size-34px);cursor:pointer;}
+.cx-switch input{accent-color:var(--cx-accent);width:var(--cx-size-16px);height:var(--cx-size-16px);margin:0;}
+.cx-columns{position:relative;}
+.cx-columns:not([open]) > .cx-columns-list{display:none;}
+.cx-columns > summary{display:flex;align-items:center;gap:var(--cx-size-10px);min-height:var(--cx-size-34px);cursor:pointer;padding:var(--cx-size-6px) var(--cx-size-10px);border:var(--cx-size-1px) solid var(--cx-line-strong);border-radius:var(--cx-size-7px);list-style:none;}
+.cx-columns > summary::after{content:"";width:var(--cx-size-6px);height:var(--cx-size-6px);border-right:var(--cx-size-1d5px) solid currentColor;border-bottom:var(--cx-size-1d5px) solid currentColor;transform:rotate(45deg) translateY(var(--cx-size-neg-2px));}
+.cx-columns[open] > summary,.cx-columns > summary:hover{background:var(--cx-hover-bg);}
+.cx-columns > summary::-webkit-details-marker{display:none;}
+.cx-columns-list{
+position:absolute;z-index:20;top:100%;left:0;margin:0;padding:var(--cx-size-6px);
+width:max-content;min-width:min(var(--cx-size-180px),calc(var(--cx-size-100vw) - var(--cx-size-16px)));max-width:calc(var(--cx-size-100vw) - var(--cx-size-16px));max-height:var(--cx-size-320px);overflow:auto;
+display:grid;gap:var(--cx-size-2px);background:var(--cx-surface);border:var(--cx-size-1px) solid var(--cx-line-strong);border-radius:var(--cx-size-8px);box-shadow:var(--cx-panel-shadow);
+}
+.cx-columns-list label{display:flex;gap:var(--cx-size-8px);align-items:center;min-height:var(--cx-size-32px);padding:var(--cx-size-4px) var(--cx-size-6px);border-radius:var(--cx-size-4px);cursor:pointer;overflow-wrap:anywhere;}
+.cx-columns-list label:hover{background:var(--cx-hover-bg);}
+.cx-columns-list input{flex:none;width:var(--cx-size-16px);height:var(--cx-size-16px);margin:0;accent-color:var(--cx-accent);}
+.cx-host :is(.cx-search-input,.cx-sort,.cx-columns > summary,.cx-switch input):focus-visible{outline:var(--cx-size-2px) solid var(--cx-accent);outline-offset:var(--cx-size-1px);}
+.cx-grid{
+position:relative;flex:1 1 auto;min-height:0;overflow:auto;outline:none;contain:strict;
+background:var(--cx-surface);border:var(--cx-size-1px) solid var(--cx-line);border-radius:var(--cx-size-8px);
+}
+.cx-head{position:sticky;top:0;z-index:2;min-width:100%;width:max-content;background:var(--cx-head-bg);border-bottom:var(--cx-size-1px) solid var(--cx-line-strong);}
+.cx-hrow{display:flex;height:var(--cx-row-h);}
+.cx-hcell{
+flex:none;position:relative;display:flex;align-items:center;padding:0 var(--cx-size-8px);overflow:hidden;white-space:nowrap;
+font-weight:600;font-size:var(--cx-size-d92em);color:var(--cx-text);border-right:var(--cx-size-1px) solid var(--cx-row-line);user-select:none;
+}
+.cx-hcell.cx-kind-number{justify-content:flex-end;}
+.cx-sort{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;display:inline-flex;gap:var(--cx-size-4px);align-items:center;}
+.cx-hcell[aria-sort="ascending"] .cx-sort::after{content:"\25B2";font-size:var(--cx-size-9px);}
+.cx-hcell[aria-sort="descending"] .cx-sort::after{content:"\25BC";font-size:var(--cx-size-9px);}
+.cx-resize{padding:0;border:0;background:transparent;position:absolute;right:var(--cx-size-neg-3px);top:0;bottom:0;width:var(--cx-size-7px);cursor:col-resize;z-index:1;}
+.cx-pin-tree .cx-hcell:first-child,.cx-pin-tree .cx-row > .cx-tree{position:sticky;left:0;z-index:1;}
+.cx-pin-tree .cx-hcell:first-child{z-index:2;background:var(--cx-head-bg);}
+.cx-pin-tree .cx-row > .cx-tree{background:inherit;}
+.cx-pin-tree .cx-row:focus-visible > .cx-tree{outline:var(--cx-size-2px) solid var(--cx-accent);outline-offset:var(--cx-size-neg-2px);}
+.cx-canvas{position:relative;min-width:100%;}
+.cx-canvas[data-cx-scaled]{overflow:clip;}
+.cx-row{
+position:absolute;left:0;top:0;display:flex;height:var(--cx-row-h);min-width:100%;
+background:var(--cx-surface);border-bottom:var(--cx-size-1px) solid var(--cx-row-line);cursor:default;contain:strict;
+}
+.cx-row.cx-alt{background:var(--cx-alt-bg);}
+.cx-row:hover{background:var(--cx-hover-bg);}
+.cx-row[aria-selected="true"]{background:var(--cx-selected-bg);}
+.cx-row:focus{outline:none;}
+.cx-row:focus-visible{outline:var(--cx-size-2px) solid var(--cx-accent);outline-offset:var(--cx-size-neg-2px);}
+.cx-cell:focus,.cx-detail-body:focus{outline:none;}
+.cx-cell:focus-visible,.cx-detail-body:focus-visible{outline:var(--cx-size-2px) solid var(--cx-accent);outline-offset:var(--cx-size-neg-2px);}
+.cx-cell{
+flex:none;display:flex;align-items:center;gap:var(--cx-size-6px);padding:0 var(--cx-size-8px);min-width:0;overflow:hidden;
+white-space:nowrap;text-overflow:ellipsis;
+}
+.cx-cell.cx-kind-number{justify-content:flex-end;font-variant-numeric:tabular-nums;}
+.cx-cell.cx-tree{gap:var(--cx-size-2px);}
+.cx-content{display:inline-flex;align-items:center;gap:var(--cx-size-6px);min-width:0;max-width:100%;}
+.cx-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.cx-indent{flex:none;display:inline-block;}
+.cx-icon{flex:none;display:inline-flex;width:var(--cx-size-16px);height:var(--cx-size-16px);margin-right:var(--cx-size-4px);color:var(--cx-muted);}
+.cx-icon svg{width:var(--cx-size-16px);height:var(--cx-size-16px);}
+.cx-exp{
+flex:none;width:var(--cx-size-18px);height:var(--cx-size-18px);display:inline-flex;align-items:center;justify-content:center;
+cursor:pointer;color:var(--cx-muted);border-radius:var(--cx-size-4px);
+}
+.cx-exp::before{content:"";width:var(--cx-size-7px);height:var(--cx-size-7px);border-right:var(--cx-size-1d6px) solid currentColor;border-bottom:var(--cx-size-1d6px) solid currentColor;transform:rotate(-45deg);transition:transform .12s ease;}
+.cx-row[aria-expanded="true"] > .cx-tree .cx-exp::before{transform:rotate(45deg);}
+.cx-exp.cx-leaf{cursor:default;}
+.cx-exp:not(.cx-leaf):hover{background:var(--cx-selected-bg);color:var(--cx-text);}
+.cx-exp.cx-leaf::before{display:none;}
+.cx-row[aria-busy="true"] .cx-exp::before{width:var(--cx-size-10px);height:var(--cx-size-10px);transform:none;border:var(--cx-size-1d6px) solid var(--cx-line-strong);border-top-color:var(--cx-accent);border-radius:50%;animation:cx-spin .8s linear infinite;}
+@keyframes cx-spin{to{transform:rotate(360deg);}}
+@media (prefers-reduced-motion:reduce){
+.cx-exp::before{transition:none;}
+.cx-row[aria-busy="true"] .cx-exp::before{animation:none;}
+}
+.cx-group .cx-text{font-weight:600;}
+.cx-row.cx-status .cx-cell{color:var(--cx-muted);font-style:italic;}
+.cx-row.cx-more .cx-cell{color:var(--cx-accent);font-style:normal;}
+.cx-more-btn{cursor:pointer;text-decoration:underline;text-underline-offset:var(--cx-size-2px);}
+.cx-row.cx-error .cx-cell{color:var(--cx-tone-danger);}
+.cx-mount-error{padding:var(--cx-size-8px);color:var(--cx-tone-danger);}
+.cx-tone-info{color:var(--cx-tone-info);}
+.cx-tone-success{color:var(--cx-tone-success);}
+.cx-tone-warning{color:var(--cx-tone-warning);}
+.cx-tone-danger{color:var(--cx-tone-danger);}
+.cx-tone-muted{color:var(--cx-muted);}
+.cx-badge{
+flex:none;display:inline-block;padding:0 var(--cx-size-6px);border-radius:var(--cx-size-999px);font-size:var(--cx-size-d8em);line-height:var(--cx-size-18px);
+font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;
+color:var(--cx-text);background:var(--cx-alt-bg);border:var(--cx-size-1px) solid var(--cx-line);
+}
+.cx-badge.cx-tone-info{color:var(--cx-tone-info);background:color-mix(in srgb,var(--cx-tone-info) 12%,var(--cx-surface));border-color:transparent;}
+.cx-badge.cx-tone-success{color:var(--cx-tone-success);background:color-mix(in srgb,var(--cx-tone-success) 12%,var(--cx-surface));border-color:transparent;}
+.cx-badge.cx-tone-warning{color:var(--cx-tone-warning);background:color-mix(in srgb,var(--cx-tone-warning) 12%,var(--cx-surface));border-color:transparent;}
+.cx-badge.cx-tone-danger{color:var(--cx-tone-danger);background:color-mix(in srgb,var(--cx-tone-danger) 12%,var(--cx-surface));border-color:transparent;}
+.cx-badge.cx-tone-muted{color:var(--cx-muted);}
+.cx-toned{color:var(--cx-t,inherit);}
+.cx-badge.cx-toned{color:var(--cx-t,var(--cx-text));background:var(--cx-t-bg,color-mix(in srgb,var(--cx-t,var(--cx-text)) 12%,var(--cx-surface)));border-color:transparent;}
+.cx-row[aria-selected="true"] :is(.cx-tone-muted,.cx-badge.cx-tone-muted){color:var(--cx-text);}
+.cx-row.cx-detail{background:var(--cx-alt-bg);cursor:auto;contain:layout style;}
+.cx-row.cx-detail > .cx-cell{align-items:stretch;padding:0;white-space:normal;overflow:visible;}
+.cx-detail-body{overflow:auto;padding:var(--cx-size-8px) var(--cx-size-12px);}
+.cx-row .cx-detail-body{
+flex:none;position:sticky;left:var(--cx-detail-left,var(--cx-size-8px));height:100%;
+width:max(var(--cx-size-12em),calc(var(--cx-view-w,100%) - var(--cx-detail-left,var(--cx-size-8px)) - var(--cx-size-8px)));
+}
+.cx-row.cx-detail-auto{min-height:var(--cx-row-h);}
+.cx-detail-auto .cx-detail-body{height:auto;}
+.cx-detail-table{width:100%;border-collapse:collapse;font-size:var(--cx-size-d92em);table-layout:fixed;}
+.cx-detail-table caption{text-align:left;color:var(--cx-muted);padding-bottom:var(--cx-size-6px);}
+.cx-detail-table th{text-align:left;font-weight:600;border-bottom:var(--cx-size-1px) solid var(--cx-line-strong);padding:var(--cx-size-5px) var(--cx-size-8px);overflow-wrap:anywhere;}
+.cx-detail-table td{padding:var(--cx-size-5px) var(--cx-size-8px);border-bottom:var(--cx-size-1px) solid var(--cx-row-line);vertical-align:top;overflow-wrap:anywhere;}
+.cx-props{display:grid;grid-template-columns:max-content 1fr;gap:var(--cx-size-2px) var(--cx-size-16px);margin:0;font-size:var(--cx-size-d92em);}
+.cx-props dt{color:var(--cx-muted);}
+.cx-props dd{margin:0;overflow-wrap:anywhere;}
+.cx-outline{display:none;}
+.cx-outline-table{border-collapse:collapse;font-size:var(--cx-size-11px);}
+.cx-outline-table td,.cx-outline-table th{border:var(--cx-size-1px) solid var(--cx-control-border);padding:var(--cx-size-1px) var(--cx-size-4px);text-align:left;}
+@media print{
+.cx-host,.cx-host[data-cx-theme],.cx-static,.cx-static[data-cx-theme]{
+--cx-surface:#ffffff;--cx-text:#16181c;--cx-accent:#11776f;--cx-line:#e2e4e7;
+--cx-tone-info:#0a728b;--cx-tone-success:#177345;--cx-tone-warning:#8c5c05;--cx-tone-danger:#b8292a;
+color-scheme:light;height:auto !important;color:var(--cx-text);background:var(--cx-surface);
+}
+.cx-outline-table{color:var(--cx-text);background:var(--cx-surface);}
+.cx-grid,.cx-toolbar{display:none !important;}
+.cx-outline{display:block;}
+}
+body.cx-page{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}
+body.cx-page > .cx-host,body.cx-page > .cx-main > .cx-host{height:var(--cx-size-100vh);padding:var(--cx-size-12px) var(--cx-size-16px);}
+.cx-resize:focus{outline:var(--cx-size-2px) solid var(--cx-accent);outline-offset:var(--cx-size-neg-2px);}
+@media (forced-colors:active){
+.cx-row[aria-selected="true"],.cx-result[aria-selected="true"]{border:var(--cx-size-1px) solid Highlight;}
+}
+.cx-check{flex:none;margin:0;width:var(--cx-size-16px);height:var(--cx-size-16px);accent-color:var(--cx-accent);}
+.cx-check:focus-visible{outline:var(--cx-size-2px) solid var(--cx-accent);outline-offset:var(--cx-size-1px);}
+.cx-interaction-panel{position:fixed;z-index:20;box-sizing:border-box;width:min(var(--cx-size-340px),calc(var(--cx-size-100vw) - var(--cx-size-16px)));max-height:calc(var(--cx-size-100vh) - var(--cx-size-16px));overflow:auto;padding:var(--cx-size-12px);border:var(--cx-size-1px) solid var(--cx-line-strong);border-radius:var(--cx-size-10px);background:var(--cx-surface);color:var(--cx-text);box-shadow:var(--cx-panel-shadow);font:inherit;}
+.cx-interaction-panel button,.cx-editor{box-sizing:border-box;font:inherit;color:inherit;background:var(--cx-surface);border:var(--cx-size-1px) solid var(--cx-line-strong);border-radius:var(--cx-size-6px);min-height:var(--cx-size-34px);padding:var(--cx-size-6px) var(--cx-size-12px);}
+.cx-interaction-panel button{cursor:pointer;}
+.cx-interaction-panel button:disabled{color:var(--cx-muted);cursor:default;}
+.cx-editor{width:100%;margin-bottom:var(--cx-size-12px);padding:var(--cx-size-7px) var(--cx-size-10px);}
+.cx-editor[type="checkbox"]{width:var(--cx-size-20px);height:var(--cx-size-20px);display:block;}
+.cx-editor[type="checkbox"]{min-height:var(--cx-size-20px);accent-color:var(--cx-accent);}
+.cx-interaction-title{font-weight:600;margin-bottom:var(--cx-size-10px);}
+.cx-interaction-buttons{display:flex;justify-content:flex-end;gap:var(--cx-size-8px);}
+.cx-interaction-panel .cx-save{background:var(--cx-selected-bg);border-color:var(--cx-accent);font-weight:600;}
+.cx-interaction-panel[role="menu"]{padding:var(--cx-size-5px);}
+.cx-action-item{display:block;width:100%;min-height:var(--cx-size-36px);text-align:start;border:0 !important;}
+.cx-action-item[aria-disabled="true"]{color:var(--cx-muted);}
+.cx-interaction-panel button:not(:disabled):not([aria-disabled="true"]):hover{background:var(--cx-hover-bg);}
+.cx-interaction-panel :focus-visible{outline:var(--cx-size-2px) solid var(--cx-accent);outline-offset:var(--cx-size-neg-2px);}
+.cx-drop-target{outline:var(--cx-size-2px) solid var(--cx-accent);outline-offset:var(--cx-size-neg-2px);}
+.cx-drop-target[data-cx-drop-placement="before"]{outline:0;box-shadow:inset 0 var(--cx-size-3px) var(--cx-accent);}
+.cx-drop-target[data-cx-drop-placement="after"]{outline:0;box-shadow:inset 0 var(--cx-size-neg-3px) var(--cx-accent);}
+@media (forced-colors: active){
+.cx-interaction-panel :focus-visible{outline-color:Highlight;}
+.cx-drop-target[data-cx-drop-placement="before"]{border-top:var(--cx-size-3px) solid Highlight;}
+.cx-drop-target[data-cx-drop-placement="after"]{border-bottom:var(--cx-size-3px) solid Highlight;}
+}
+@media print{.cx-interaction-panel{display:none;}}
+.cx-data-grid{min-height:var(--cx-min-h,0);border:var(--cx-size-1px) solid var(--cx-line);border-radius:calc(var(--cx-radius) + var(--cx-size-2px));overflow:hidden;font:var(--cx-font-size)/1.4 var(--cx-font);}
+.cx-page > .cx-data-grid,.cx-page > .cx-main > .cx-data-grid{padding:0;}
+body .cx-host.cx-data-grid{padding:0;}
+.cx-data-grid[data-cx-density="compact"]{--cx-font-size:13px;--cx-cell-px:8px;}
+.cx-data-grid[data-cx-density="comfortable"]{--cx-cell-px:14px;}
+.cx-data-grid [hidden]{display:none!important;}
+.cx-data-grid .cx-grid{border:0;border-radius:0;overflow-anchor:none;}
+.cx-data-grid .cx-toolbar{flex:none;gap:var(--cx-size-8px);padding:var(--cx-size-10px) var(--cx-size-12px);border-bottom:var(--cx-size-1px) solid var(--cx-line);}
+.cx-data-grid .cx-search{flex:1 1 var(--cx-size-240px);max-width:var(--cx-size-360px);height:var(--cx-control-h);display:flex;align-items:center;gap:var(--cx-size-8px);padding:0 var(--cx-size-10px);border:var(--cx-size-1px) solid var(--cx-control-border);border-radius:var(--cx-radius);color:var(--cx-muted);background:var(--cx-surface);min-width:0;}
+.cx-data-grid .cx-search::before,.cx-data-grid .cx-search::after{display:none;}
+.cx-data-grid .cx-search-input{flex:1;min-width:0;width:100%;max-width:none;min-height:0;height:100%;border:0;padding:0;border-radius:0;background:transparent;}
+.cx-data-grid .cx-search:focus-within{outline:var(--cx-size-2px) solid var(--cx-accent);outline-offset:var(--cx-size-2px);}
+.cx-data-grid .cx-search .cx-search-input:focus-visible{outline:0;}
+.cx-data-grid .cx-search kbd{font:var(--cx-size-11px) var(--cx-font-mono);border:var(--cx-size-1px) solid var(--cx-line);border-radius:var(--cx-size-4px);padding:0 var(--cx-size-5px);}
+.cx-ico{width:var(--cx-size-16px);height:var(--cx-size-16px);flex:none;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}
+.cx-data-grid .cx-button,.cx-data-grid .cx-btn{height:var(--cx-control-h);min-height:var(--cx-control-h);display:inline-flex;align-items:center;justify-content:center;gap:var(--cx-size-6px);padding:0 var(--cx-size-11px);border:var(--cx-size-1px) solid var(--cx-line-strong);border-radius:var(--cx-radius);background:var(--cx-surface);color:var(--cx-text);font:500 var(--cx-size-14px) var(--cx-font);cursor:pointer;white-space:nowrap;}
+.cx-data-grid .cx-columns > summary::after{display:none;}
+.cx-data-grid .cx-button:hover,.cx-data-grid .cx-btn:hover{background:var(--cx-hover-bg);}
+.cx-data-grid .ghost{border-color:transparent;color:var(--cx-text-2);}
+.cx-data-grid .icon{width:var(--cx-control-h);padding:0;}
+.cx-data-grid .active{border-color:var(--cx-accent);color:var(--cx-accent-text);background:var(--cx-accent-soft);}
+.cx-data-grid .badge{min-width:var(--cx-size-18px);height:var(--cx-size-18px);padding:0 var(--cx-size-5px);border-radius:var(--cx-size-9px);background:var(--cx-accent);color:var(--cx-on-accent);font-size:var(--cx-size-11d5px);font-weight:700;display:inline-grid;place-items:center;}
+.cx-data-grid .cx-button:disabled{opacity:.4;cursor:default;}
+.cx-spacer{flex:1;}
+.cx-sep{width:var(--cx-size-1px);height:var(--cx-size-20px);background:var(--cx-line);}
+.cx-selbar{display:flex;align-items:center;gap:var(--cx-size-6px);padding:0 var(--cx-size-4px) 0 var(--cx-size-10px);height:var(--cx-control-h);border-radius:var(--cx-radius);background:var(--cx-accent-soft);font-size:var(--cx-size-13d5px);color:var(--cx-text);}
+.cx-selbar b{color:var(--cx-accent-text);}
+.cx-data-grid .cx-selbar .cx-btn{height:var(--cx-size-28px);min-height:var(--cx-size-28px);font-size:var(--cx-size-13px);padding:0 var(--cx-size-9px);}
+.cx-data-grid .cx-selbar .icon{width:var(--cx-size-28px);padding:0;}
+.cx-data-grid .cx-grid-query-summary{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--cx-size-6px) var(--cx-size-8px);padding:var(--cx-size-8px) var(--cx-size-12px);border-bottom:var(--cx-size-1px) solid var(--cx-line);font-size:var(--cx-size-13px);color:var(--cx-muted);}
+.cx-grid-result-count{font-variant-numeric:tabular-nums;}
+:is(.cx-grid-result-count,.cx-grid-status,.cx-grid-page-range) b{color:var(--cx-text);}
+.cx-grid-query-chips{display:flex;flex-wrap:wrap;gap:var(--cx-size-6px);min-width:0;}
+.cx-data-grid .cx-grid-chip{max-width:100%;height:var(--cx-size-24px);min-height:var(--cx-size-24px);padding:0 var(--cx-size-9px);border-radius:var(--cx-size-12px);background:var(--cx-accent-soft);font-size:var(--cx-size-13px);border:0;overflow:hidden;text-overflow:ellipsis;}
+.cx-data-grid .cx-link{height:auto;min-height:0;border:0;background:transparent;color:var(--cx-accent);font-size:var(--cx-size-13px);font-weight:600;padding:0;}
+.cx-data-grid .cx-link:hover{text-decoration:underline;}
+.cx-groupbar{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:var(--cx-size-8px);padding:var(--cx-size-6px) var(--cx-size-12px);border-bottom:var(--cx-size-1px) solid var(--cx-line);background:var(--cx-group-bg);font-size:var(--cx-size-13px);color:var(--cx-muted);min-height:var(--cx-size-38px);}
+.cx-gchip{display:inline-flex;align-items:center;gap:var(--cx-size-6px);height:var(--cx-size-26px);padding:0 var(--cx-size-6px);border:var(--cx-size-1px) solid var(--cx-line-strong);border-radius:var(--cx-radius);background:var(--cx-surface);color:var(--cx-text);}
+.cx-data-grid .cx-gchip .cx-button{width:var(--cx-size-18px);min-height:var(--cx-size-18px);height:var(--cx-size-18px);padding:0;}
+.cx-data-grid .cx-hrow{height:var(--cx-head-h);}
+.cx-data-grid .cx-hcell{padding:0 var(--cx-cell-px);font-size:var(--cx-size-13px);font-weight:700;color:var(--cx-text-2);border-right:0;overflow:visible;gap:var(--cx-size-4px);}
+.cx-data-grid .cx-hcell::after{content:"";position:absolute;right:0;top:var(--cx-size-9px);bottom:var(--cx-size-9px);width:var(--cx-size-1px);background:var(--cx-line);}
+.cx-data-grid .cx-hcell:last-child::after{display:none;}
+.cx-data-grid .cx-hcell:last-child .cx-resize{right:0;}
+.cx-data-grid .cx-hcell .cx-sort{min-width:0;overflow:hidden;}
+.cx-data-grid .cx-htext{overflow:hidden;text-overflow:ellipsis;}
+.cx-data-grid .cx-hcell[data-cx-sort="asc"] .cx-sort::after{content:"↑";font-size:var(--cx-size-14px);color:var(--cx-accent);order:1;}
+.cx-data-grid .cx-hcell[data-cx-sort="desc"] .cx-sort::after{content:"↓";font-size:var(--cx-size-14px);color:var(--cx-accent);order:1;}
+.cx-data-grid .cx-hcell[aria-sort="other"] .cx-sort::before{content:none;}
+.cx-sort-priority{font-size:var(--cx-size-10px);color:var(--cx-accent);order:2;align-self:start;}
+.cx-data-grid .cx-cell{padding:0 var(--cx-cell-px);font-variant-numeric:tabular-nums;}
+.cx-data-grid .cx-auto-row{min-height:var(--cx-row-h);contain:layout style paint;}
+.cx-pins .cx-row{contain:layout style paint;}
+.cx-data-grid .cx-auto-row > .cx-cell{padding-block:var(--cx-size-7px);}
+.cx-data-grid .cx-wrap :is(.cx-text,.cx-presenter-text){white-space:pre-wrap;overflow-wrap:anywhere;text-overflow:clip;min-width:0;}
+.cx-data-grid .cx-row > .cx-cell:first-child:not([data-cx-pin]){position:relative;}
+.cx-data-grid .cx-row[data-cx-tone]{color:var(--cx-text);}
+.cx-data-grid .cx-row[aria-selected="true"] > .cx-cell:first-child::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--cx-size-2px);background:var(--cx-accent);pointer-events:none;z-index:4;}
+.cx-data-grid.cx-row-accents .cx-row[data-cx-tone] > .cx-cell:first-child::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--cx-size-3px);background:var(--cx-row-tone);pointer-events:none;z-index:4;}
+.cx-data-grid.cx-row-accents .cx-row[data-cx-tone][aria-selected="true"] > .cx-cell:first-child::after{left:var(--cx-size-2px);}
+.cx-data-grid .cx-grid-group{background:var(--cx-group-bg);font-weight:700;}
+.cx-data-grid .cx-grid-panel{position:fixed;height:auto;color:inherit;width:var(--cx-size-280px);max-width:calc(var(--cx-size-100vw) - var(--cx-size-32px));display:flex;flex-wrap:wrap;gap:var(--cx-size-8px);padding:var(--cx-size-10px) var(--cx-size-12px);border:var(--cx-size-1px) solid var(--cx-line);border-radius:var(--cx-radius);box-shadow:var(--cx-panel-shadow);}
+.cx-data-grid .cx-grid-columns > .cx-grid-panel{display:block;width:var(--cx-size-320px);padding:var(--cx-size-8px);max-height:var(--cx-size-420px);overflow:auto;}
+.cx-data-grid .cx-hcell.cx-kind-number > :is(.cx-grid-column-menu,.cx-grid-header-filter){order:-1;}
+.cx-data-grid .cx-hcell.cx-kind-number > .cx-grid-column-menu{margin-right:auto;}
+.cx-data-grid .cx-hcell.cx-kind-number .cx-sort::after{order:-1;}
+.cx-data-grid .cx-grid-field{display:flex;flex-direction:column;gap:var(--cx-size-4px);align-items:stretch;min-width:0;}
+.cx-data-grid .cx-grid-field :is(input:not([type="checkbox"]),select,textarea),.cx-data-grid .cx-grid-panel > :is(select,input){min-width:0;width:100%;height:var(--cx-control-h);padding:0 var(--cx-size-10px);border:var(--cx-size-1px) solid var(--cx-control-border);border-radius:var(--cx-radius);background:var(--cx-surface);color:var(--cx-text);font:inherit;}
+.cx-grid-control-error{color:var(--cx-tone-danger);margin:0;width:100%;overflow-wrap:anywhere;}
+.cx-data-grid .cx-grid-views .cx-grid-field{width:100%;}
+.cx-data-grid :is(button,summary,select,input,textarea):focus-visible{outline:var(--cx-size-2px) solid var(--cx-accent);outline-offset:var(--cx-size-2px);}
+.cx-data-grid .cx-grid-pager{flex:none;display:flex;align-items:center;gap:var(--cx-size-12px) var(--cx-size-20px);padding:var(--cx-size-8px) var(--cx-size-12px);border-top:var(--cx-size-1px) solid var(--cx-line);font-size:var(--cx-size-13d5px);color:var(--cx-muted);}
+.cx-data-grid .cx-grid-page-range{font-variant-numeric:tabular-nums;}
+.cx-data-grid .cx-grid-pager .cx-grid-field{flex:none;flex-direction:row;align-items:center;gap:var(--cx-size-8px);white-space:nowrap;}
+.cx-data-grid .cx-grid-pager .pg input{width:var(--cx-size-52px);height:var(--cx-size-30px);padding:0 var(--cx-size-8px);text-align:center;}
+.cx-data-grid .cx-grid-pager .cx-button{height:var(--cx-size-30px);min-height:var(--cx-size-30px);width:var(--cx-size-30px);padding:0;}
+.cx-data-grid .cx-grid-overflow .cx-grid-panel{right:0;left:auto;width:var(--cx-size-244px);}
+.cx-data-grid .cx-grid-overflow .cx-grid-panel > .cx-button{width:100%;justify-content:start;border:0;border-radius:var(--cx-radius-sm);}
+.cx-phone .cx-toolbar{gap:var(--cx-size-6px);}
+.cx-phone .cx-search{max-width:none;flex-basis:100%;height:var(--cx-size-44px);}
+.cx-phone .cx-spacer,.cx-phone .cx-sep{display:none;}
+.cx-phone .cx-grid-columns > summary{width:var(--cx-size-44px);font-size:0;padding:0;}
+.cx-phone .cx-grid-columns > summary .cx-ico{width:var(--cx-size-16px);height:var(--cx-size-16px);}
+.cx-phone.cx-has-selection .cx-toolbar > :is(.cx-grid-filters,.cx-grid-columns){display:none;}
+.cx-phone .cx-selbar{flex:1;height:var(--cx-size-44px);}
+.cx-phone .cx-toolbar :is(.cx-btn,.cx-button){min-height:var(--cx-size-44px);}
+.cx-phone .cx-grid-pager .cx-grid-page-range{display:none;}
+.cx-phone .cx-grid-panel{position:fixed!important;inset:auto 0 0!important;width:100%;max-width:100%;max-height:var(--cx-size-85vh)!important;overflow:auto;border-radius:var(--cx-radius) var(--cx-radius) 0 0;z-index:30;}
+.cx-phone .cx-grid-panel::before{content:"";display:block;width:var(--cx-size-32px);height:var(--cx-size-4px);border-radius:var(--cx-radius);background:var(--cx-muted);margin:0 auto var(--cx-size-8px);flex-basis:var(--cx-size-32px);}
+.cx-data-grid.cx-phone .cx-grid-panel{width:100%!important;max-width:100%!important;}
+@media (forced-colors:active){
+.cx-data-grid .cx-row[aria-selected="true"]{outline:var(--cx-size-2px) solid Highlight;outline-offset:calc(-1 * var(--cx-size-2px));}
+.cx-data-grid .cx-row[aria-selected="true"] > .cx-cell:first-child::before{forced-color-adjust:none;background:Highlight;}
+.cx-data-grid.cx-row-accents .cx-row[data-cx-tone] > .cx-cell:first-child::after{forced-color-adjust:none;background:Highlight;}
+}
+:is(.cx-data-grid,.cx-grid-overlay) .p-muted{color:var(--cx-muted);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-missing{color:var(--cx-muted);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-bool-yes{color:var(--cx-tone-success);display:inline-flex;}
+:is(.cx-data-grid,.cx-grid-overlay) .p-bool-no{color:var(--cx-muted);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-pill{display:inline-flex;align-items:center;height:var(--cx-size-22px);padding:0 var(--cx-size-8px);border-radius:var(--cx-radius-sm);font-size:var(--cx-size-12d5px);font-weight:700;}
+:is(.cx-data-grid,.cx-grid-overlay) .p-pill.danger{background:var(--cx-tone-danger-bg);color:var(--cx-tone-danger);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-pill.warning{background:var(--cx-tone-warning-bg);color:var(--cx-tone-warning);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-pill.success{background:var(--cx-tone-success-bg);color:var(--cx-tone-success);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-pill.info{background:var(--cx-tone-info-bg);color:var(--cx-tone-info);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-pill.neutral{background:color-mix(in srgb,var(--cx-text) 7%,var(--cx-surface));color:var(--cx-text-2);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-state{display:inline-flex;align-items:center;gap:var(--cx-size-7px);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-dot{width:var(--cx-size-8px);height:var(--cx-size-8px);border-radius:50%;flex:none;}
+:is(.cx-data-grid,.cx-grid-overlay) .p-dot.quiet{width:var(--cx-size-6px);height:var(--cx-size-6px);background:var(--cx-quiet);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-dot.danger{background:var(--cx-tone-danger);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-dot.warning{background:var(--cx-tone-warning);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-dot.info{background:var(--cx-tone-info);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-state.quiet{color:var(--cx-text-2);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-delta{font-size:var(--cx-size-12d5px);font-weight:700;margin-right:var(--cx-size-6px);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-delta.bad{color:var(--cx-tone-danger);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-delta.good{color:var(--cx-tone-success);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-delta.flat{color:var(--cx-muted);font-weight:400;}
+:is(.cx-data-grid,.cx-grid-overlay) .p-progress{display:inline-flex;align-items:center;gap:var(--cx-size-8px);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-progress .track{width:var(--cx-size-72px);height:var(--cx-size-6px);border-radius:var(--cx-size-3px);background:color-mix(in srgb,var(--cx-text) 9%,var(--cx-surface));overflow:hidden;}
+:is(.cx-data-grid,.cx-grid-overlay) .p-progress .fill{display:block;height:100%;border-radius:var(--cx-size-3px);background:var(--cx-accent);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-progress .fill.danger{background:var(--cx-tone-danger);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-progress .fill.warning{background:var(--cx-tone-warning);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-spark{display:inline-flex;align-items:flex-end;gap:var(--cx-size-2px);height:var(--cx-size-20px);vertical-align:middle;}
+:is(.cx-data-grid,.cx-grid-overlay) .p-spark i{width:var(--cx-size-4px);border-radius:var(--cx-size-1px);background:var(--cx-quiet);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-spark i.danger{background:var(--cx-tone-danger);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-spark i.warning{background:var(--cx-tone-warning);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-strip{display:inline-flex;gap:var(--cx-size-1px);height:var(--cx-size-14px);vertical-align:middle;border-radius:var(--cx-size-2px);overflow:hidden;}
+:is(.cx-data-grid,.cx-grid-overlay) .p-strip i{width:var(--cx-size-6px);background:var(--cx-quiet);opacity:.55;}
+:is(.cx-data-grid,.cx-grid-overlay) .p-strip i.danger{background:var(--cx-tone-danger);opacity:1;}
+:is(.cx-data-grid,.cx-grid-overlay) .p-strip i.warning{background:var(--cx-tone-warning);opacity:1;}
+:is(.cx-data-grid,.cx-grid-overlay) .p-strip i.none{background:color-mix(in srgb,var(--cx-text) 10%,var(--cx-surface));opacity:1;}
+:is(.cx-data-grid,.cx-grid-overlay) .p-line{vertical-align:middle;}
+:is(.cx-data-grid,.cx-grid-overlay) .p-line polyline{fill:none;stroke:var(--cx-muted);stroke-width:1.5;}
+:is(.cx-data-grid,.cx-grid-overlay) .p-line circle{fill:var(--cx-tone-danger);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-link{color:var(--cx-accent);text-decoration:none;}
+:is(.cx-data-grid,.cx-grid-overlay) .p-link:hover{text-decoration:underline;}
+:is(.cx-data-grid,.cx-grid-overlay) .p-mono{font-family:var(--cx-font-mono);font-size:var(--cx-size-12d5px);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-sub{color:var(--cx-muted);font-size:var(--cx-size-12d5px);margin-left:var(--cx-size-6px);}
+:is(.cx-data-grid,.cx-grid-overlay) .p-tag{display:inline-flex;height:var(--cx-size-20px);align-items:center;padding:0 var(--cx-size-7px);border:var(--cx-size-1px) solid var(--cx-line-strong);border-radius:var(--cx-size-10px);font-size:var(--cx-size-12px);color:var(--cx-text-2);margin-right:var(--cx-size-4px);}
+.cx-bool-bad{color:var(--cx-tone-danger);}
+.cx-data-grid .p-progress .fill:not(.danger):not(.warning):not(.neutral){background:var(--cx-tone-fg,var(--cx-accent));}
+.cx-data-grid .p-dot{background:var(--cx-tone-fg,var(--cx-muted));}
+.cx-data-grid .p-line .warning{fill:var(--cx-tone-warning);}
+.cx-data-grid .p-line .success{fill:var(--cx-tone-success);}
+.cx-data-grid .cx-history-mark{outline:var(--cx-size-1px) solid var(--cx-text-2);outline-offset:var(--cx-size-1px);}
+.cx-data-grid .cx-cell.cx-wrap{padding-block:var(--cx-size-7px);}
+:is(.cx-data-grid,.cx-grid-overlay) .cx-wrapped-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
+:is(.cx-data-grid,.cx-grid-overlay) .cx-clamped{display:flex;flex-direction:column;align-items:stretch;justify-content:center;}
+:is(.cx-data-grid,.cx-grid-overlay) .cx-clamped .cx-wrapped-text{mask-image:linear-gradient(to bottom,var(--cx-shadow-ink) 65%,transparent);}
+:is(.cx-data-grid,.cx-grid-overlay) .cx-presenter-expand{align-self:flex-start;padding:0;border:0;background:transparent;color:var(--cx-accent);font:inherit;cursor:pointer;}
+.cx-data-grid .cx-cell.cx-fixed-text{flex-direction:row;align-items:center;gap:var(--cx-size-6px);}
+.cx-data-grid .cx-fixed-text .cx-wrapped-text{-webkit-line-clamp:1;flex:1;min-width:0;}
+.cx-data-grid .cx-fixed-text .cx-presenter-expand{flex:none;align-self:center;}
+.cx-data-grid .cx-list-cell{display:flex;align-items:center;gap:var(--cx-size-6px);}
+.cx-data-grid .cx-tag-list{flex:1;min-width:0;overflow:hidden;white-space:nowrap;}
+.cx-data-grid .cx-list-cell .cx-presenter-expand{flex:none;align-self:center;}
+.cx-data-grid .cx-grid-column-menu{width:var(--cx-size-24px);height:var(--cx-size-24px);min-height:0;padding:0;opacity:0;border:0;background:transparent;color:var(--cx-muted);}
+.cx-data-grid .cx-hcell:hover .cx-grid-column-menu,.cx-data-grid .cx-hcell:focus-within .cx-grid-column-menu,.cx-data-grid.cx-phone .cx-grid-column-menu{opacity:1;}
+.cx-data-grid .cx-grid-header-filter{width:var(--cx-size-20px);height:var(--cx-size-24px);min-height:0;padding:0;border:0;background:transparent;color:var(--cx-accent);}
+.cx-grid-header-filter svg{fill:currentColor;}
+.cx-grid-column-menu svg{rotate:90deg;}
+.cx-data-grid [data-cx-pin]{position:sticky;z-index:2;background:var(--cx-surface);}
+.cx-data-grid .cx-hcell[data-cx-pin]{z-index:5;background:var(--cx-head-bg);}
+.cx-data-grid .cx-row[aria-selected="true"] [data-cx-pin]{background:var(--cx-selected-bg);}
+.cx-data-grid .cx-row:hover:not([aria-selected="true"]) [data-cx-pin]{background:var(--cx-hover-bg);}
+.cx-data-grid .cx-cell[data-cx-pin]{box-shadow:none;}
+.cx-data-grid.cx-scroll-left [data-cx-pin="left"].cx-pin-edge{box-shadow:var(--cx-size-4px) 0 var(--cx-size-8px) color-mix(in srgb,var(--cx-shadow-ink) 8%,transparent);}
+.cx-data-grid.cx-scroll-right [data-cx-pin="right"].cx-pin-edge{box-shadow:var(--cx-size-neg-4px) 0 var(--cx-size-8px) color-mix(in srgb,var(--cx-shadow-ink) 8%,transparent);}
+@media (any-pointer:coarse){.cx-data-grid .cx-grid-column-menu{opacity:1;}}
+.cx-state{display:grid;justify-items:center;gap:var(--cx-size-6px);padding:var(--cx-size-44px) var(--cx-size-16px);text-align:center;}
+.cx-state h4{margin:0;font-size:var(--cx-size-16px);}
+.cx-state p{color:var(--cx-muted);font-size:var(--cx-size-14px);max-width:var(--cx-size-46ch);}
+.cx-state .acts{display:flex;gap:var(--cx-size-8px);margin-top:var(--cx-size-8px);}
+.cx-skel i{display:block;height:var(--cx-size-10px);border-radius:var(--cx-size-5px);background:linear-gradient(90deg,color-mix(in srgb,var(--cx-text) 7%,var(--cx-surface)) 0%,color-mix(in srgb,var(--cx-text) 12%,var(--cx-surface)) 50%,color-mix(in srgb,var(--cx-text) 7%,var(--cx-surface)) 100%);background-size:200% 100%;animation:cx-shimmer 1.4s linear infinite;width:65%;}
+@keyframes cx-shimmer{from{background-position:200% 0;}to{background-position:-200% 0;}}
+@media (prefers-reduced-motion: reduce){.cx-skel i{animation:none;}}
+.cx-banner{display:flex;align-items:center;gap:var(--cx-size-12px);margin:var(--cx-size-12px);padding:var(--cx-size-10px) var(--cx-size-12px);border-radius:var(--cx-radius);background:var(--cx-tone-danger-bg);box-shadow:inset var(--cx-size-3px) 0 0 var(--cx-tone-danger);font-size:var(--cx-size-14px);}
+.cx-banner b{color:var(--cx-tone-danger);}
+.cx-banner .d{color:var(--cx-text-2);}
+.cx-banner .cx-btn{margin-left:auto;}
+.cx-grid-status{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--cx-size-6px) var(--cx-size-20px);padding:var(--cx-size-7px) var(--cx-size-12px);border-top:var(--cx-size-1px) solid var(--cx-line);font-size:var(--cx-size-13px);color:var(--cx-muted);background:var(--cx-head-bg);flex:none;}
+.cx-grid-status .agg{display:flex;gap:var(--cx-size-16px);flex-wrap:wrap;}
+.cx-data-grid .cx-grid-notice.cx-state{flex:1;align-content:center;}
+.cx-data-grid.cx-grid-awaiting .cx-grid{flex:0 0 auto;height:var(--cx-head-h);}
+.cx-initial-skeleton .cx-skel,.cx-cell > .cx-skel{display:flex;width:100%;min-width:0;}
+.cx-skel > span{padding:0 var(--cx-cell-px);min-width:0;display:flex;align-items:center;height:var(--cx-row-h);}
+.cx-skel > span:nth-child(3n) i{width:40%;margin-left:auto;}
+.cx-skel > span:nth-child(2n) i{width:55%;}
+.cx-data-grid .cx-grid-notice.cx-banner{margin:var(--cx-size-12px);padding:var(--cx-size-10px) var(--cx-size-12px);}
+.cx-data-grid .cx-banner .cx-button{margin-left:auto;flex:none;}
+.cx-grid-pager{justify-content:space-between;flex-wrap:wrap;}
+.cx-grid-pager .cx-rpp{display:inline-flex;align-items:center;gap:var(--cx-size-8px);margin-left:auto;}
+.cx-data-grid .cx-grid-pager .cx-rpp select{width:var(--cx-size-72px);height:var(--cx-size-30px);}
+.cx-data-grid .cx-grid-pager .cx-pager{display:flex;align-items:center;gap:var(--cx-size-4px);}
+.cx-data-grid .cx-grid-pager .pg{display:inline-flex;align-items:center;gap:var(--cx-size-6px);margin-inline:var(--cx-size-6px);color:var(--cx-text-2);}
+.cx-phone .cx-grid-pager .cx-rpp{display:none;}
+.cx-phone .cx-grid-pager{justify-content:center;gap:var(--cx-size-6px);}
+.cx-phone .cx-pager > button:nth-of-type(3n+1){display:none;}
+.cx-phone .cx-grid-pager .cx-button{min-height:var(--cx-size-44px);width:var(--cx-size-44px);}
+.cx-phone .cx-grid-page-range{flex:none;}
+.cx-data-grid .cx-hidden-fields{color:var(--cx-muted);font:var(--cx-size-12d5px) var(--cx-font);border:0;background:transparent;padding:0;flex:none;}
+.cx-phone .cx-hrow{height:var(--cx-size-44px);}
+.cx-data-grid.cx-grid-awaiting.cx-phone .cx-grid{height:var(--cx-size-44px);}
+.cx-phone .cx-hcell :is(.cx-grid-column-menu,.cx-grid-header-filter){min-width:var(--cx-size-44px);min-height:var(--cx-size-44px);}