@adia-ai/web-modules 0.8.3 → 0.8.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/README.md +11 -0
- package/chat/chat-shell/chat-shell.js +28 -8
- package/chat/chat-sidebar/chat-sidebar.js +2 -0
- package/chat/chat-thread/chat-thread.js +2 -0
- package/dist/chat/chat-shell.min.js +26 -26
- package/dist/editor/editor-shell.min.js +7 -7
- package/dist/everything.min.js +142 -141
- package/dist/shell/admin-shell.min.js +2 -2
- package/dist/simple/simple-shell.min.js +6 -6
- package/dist/web-modules.min.css +1 -1
- package/dist/web-modules.sheet.js +1 -1
- package/editor/editor-canvas/editor-canvas.js +2 -0
- package/editor/editor-sidebar/editor-sidebar.js +15 -12
- package/package.json +1 -25
- package/shell/admin-sidebar/admin-sidebar.js +24 -3
- package/shell/admin-sidebar/admin-sidebar.test.js +50 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var S=Symbol("signal"),f=null,h=null,_=!1;function P(t){for(let e of t){if(e.disposed){t.delete(e);continue}e.dirty=!0,h||(h=new Set,_||queueMicrotask(
|
|
1
|
+
var S=Symbol("signal"),f=null,h=null,_=!1;function P(t){for(let e of t){if(e.disposed){t.delete(e);continue}e.dirty=!0,h||(h=new Set,_||queueMicrotask(I)),h.add(e)}}function I(){let t,e=0;for(;t=h;){if(++e>100){h=null,console.error("signals: drain loop exceeded 100 iterations");break}h=null;for(let n of t)if(!n.disposed&&n.dirty){n.dirty=!1;try{n.run()}catch(r){n.onError?n.onError(r):(n.disposed=!0,queueMicrotask(()=>{throw r}))}}}}function G(t){if(_){t();return}_=!0;try{t()}finally{_=!1,h&&I()}}function E(t){let e=f;f=null;try{return t()}finally{f=e}}function p(t){let e=new Set;return{[S]:!0,get value(){return f&&e.add(f),t},set value(n){Object.is(t,n)||(t=n,P(e))},peek(){return t}}}function T(t){let e=new Set,n,r=!0,i={dirty:!1,disposed:!1,run(){r=!0,P(e)}};return{[S]:!0,get value(){if(f&&e.add(f),r){let s=f;f=i;try{n=t(),r=!1}finally{f=s}}return n},peek(){return n}}}function m(t,e){let n={dirty:!1,disposed:!1,host:e?.host??null,onError:e?.onError??null,run(){let r=f;f=n;try{t()}finally{f=r}}};return n.run(),()=>{n.disposed=!0}}function k(t){return t!=null&&typeof t=="object"&&t[S]===!0}var[v,b]=[Symbol(),Symbol()];function K(t,...e){return{strings:t,values:e}}function X(t,...e){let n="";for(let i=0;i<t.length;i++)n+=t[i],i<e.length&&(n+=e[i]);let r=new CSSStyleSheet;return r.replaceSync(n),r}var q=new WeakMap;function Y(t){let e=0,n=0,r=0;for(;r<t.length;){if(e===0&&t.charCodeAt(r)===60&&t.charCodeAt(r+1)===33&&t.charCodeAt(r+2)===45&&t.charCodeAt(r+3)===45){let s=t.indexOf("-->",r+4);if(s===-1){n=0;break}r=s+3,n=0;continue}let i=t.charCodeAt(r);e?i===(e===1?39:34)&&(e=0):i===39?e=1:i===34?e=2:i===60?n=1:i===62&&(n=0),r++}return n===1}function J(t){let e=q.get(t);if(e)return e;let n="";for(let r=0;r<t.length;r++)n+=t[r],r<t.length-1&&(n+=Y(n)?`{{p:${r}}}`:`<!--p:${r}-->`);return e=document.createElement("template"),e.innerHTML=n,q.set(t,e),e}var R={classname:"className",innertext:"innerText",innerhtml:"innerHTML",outerhtml:"outerHTML",textcontent:"textContent",tabindex:"tabIndex",arialabel:"ariaLabel",ariadescribedby:"ariaDescribedBy",arialabelledby:"ariaLabelledBy",ariarole:"role",contenteditable:"contentEditable",readonly:"readOnly",maxlength:"maxLength",minlength:"minLength",colspan:"colSpan",rowspan:"rowSpan",cellpadding:"cellPadding",cellspacing:"cellSpacing",usemap:"useMap",ismap:"isMap",accesskey:"accessKey",defaultchecked:"defaultChecked",defaultvalue:"defaultValue",defaultselected:"defaultSelected"};function B(t,e){if(R[e])return R[e];let n=Object.getOwnPropertyNames(t);for(let i=0;i<n.length;i++){let s=n[i];if(s!==e&&s.toLowerCase()===e)return s}let r=Object.getPrototypeOf(t);for(;r&&r!==Object.prototype;){let i=Object.getOwnPropertyNames(r);for(let s=0;s<i.length;s++){let l=i[s];if(l!==e&&l.toLowerCase()===e)return l}r=Object.getPrototypeOf(r)}return e}function g(t,e){let n=e._i;(!n||n.s!==t.strings)&&(n&&C(n.p),n=Q(t,e),e._i=n),ne(n.p,t.values)}function Q(t,e){let{strings:n}=t,i=J(n).content.cloneNode(!0),s=Z(e);s&&(i=ee(i,s));let l=te(i,t.values.length);return e.replaceChildren(i),{s:n,p:l}}var A="http://www.w3.org/2000/svg",y="http://www.w3.org/1998/Math/MathML",D="http://www.w3.org/1999/xhtml";function Z(t){if(!t||t.nodeType!==1)return null;if(t.namespaceURI===A)return A;if(t.namespaceURI===y)return y;if(typeof t.closest!="function")return null;let e=t.closest("svg, math, foreignObject, annotation-xml");if(!e)return null;let n=e.localName;if(n==="foreignobject"||n==="foreignObject")return null;if(n==="annotation-xml"){let r=(e.getAttribute("encoding")||"").toLowerCase();return r==="text/html"||r==="application/xhtml+xml"?null:y}return n==="svg"?A:n==="math"?y:null}function ee(t,e){let n=document.createDocumentFragment();return H(t,n,e),n}function H(t,e,n){for(let r of[...t.childNodes])if(r.nodeType===1){let s=document.createElementNS(n,r.localName);for(let o of r.attributes)o.namespaceURI?s.setAttributeNS(o.namespaceURI,o.name,o.value):s.setAttribute(o.name,o.value);e.appendChild(s);let l=r.localName,c=n;if(n===A&&(l==="foreignObject"||l==="foreignobject"))c=D;else if(n===y&&l==="annotation-xml"){let o=(r.getAttribute("encoding")||"").toLowerCase();(o==="text/html"||o==="application/xhtml+xml")&&(c=D)}H(r,s,c)}else e.appendChild(r.cloneNode(!0))}function te(t,e){let n=new Array(e),r=document.createTreeWalker(t,129),i;for(;i=r.nextNode();)if(i.nodeType===8){let s=i.data.match(/^p:(\d+)$/);if(s){let l=document.createTextNode("");i.replaceWith(l),r.currentNode=l,n[+s[1]]={t:"n",n:l,c:void 0,_fx:null}}}else if(i.nodeType===1)for(let s of[...i.attributes]){let l=s.value.match(/^\{\{p:(\d+)\}\}$/);if(!l){if(s.value.includes("{{p:")){let a=s.name,u=a==="class"?' class="${expression}" \u2190 full replacement (whole class string is the expression)\n .className=${expression} \u2190 writes to the className property (resolved camelCase since FB-55 fix)\n':a==="style"?' style="${expression}" \u2190 full replacement of the style string\n .style.cssText=${expression} \u2190 write CSS text via the style.cssText accessor\n':` ${a}="\${expression}" \u2190 full replacement (whole attr is the placeholder)
|
|
2
2
|
.${a}=\${expression} \u2190 property assignment (preferred for objects/functions)
|
|
3
3
|
`;console.warn(`[template] Partial attribute interpolation is not supported.
|
|
4
4
|
Element: <${i.tagName.toLowerCase()}>
|
|
@@ -7,4 +7,4 @@ var S=Symbol("signal"),f=null,h=null,_=!1;function P(t){for(let e of t){if(e.dis
|
|
|
7
7
|
`+u+" Compute the full attr value as a single expression and interpolate the whole.")}continue}let c=+l[1],o=s.name;o[0]==="@"?(i.removeAttribute(o),n[c]={t:"e",n:i,name:o.slice(1),c:void 0,_fx:null}):o[0]==="."?(i.removeAttribute(o),n[c]={t:"p",n:i,name:B(i,o.slice(1)),c:void 0,_fx:null,_resolved:!1}):o[0]==="?"?(i.removeAttribute(o),console.warn(`[template] Lit-style boolean attribute "${o}=" is not supported.
|
|
8
8
|
Element: <${i.tagName.toLowerCase()}>
|
|
9
9
|
Use .${o.slice(1)}=\${value} (property binding) instead \u2014 the primitive reflects the property to the DOM attribute for you.
|
|
10
|
-
See USAGE.md \xA7 Template parser \u2014 invariants + unsupported syntaxes.`),n[c]={t:"n",n:document.createTextNode(""),c:void 0,_fx:null}):n[c]={t:"a",n:i,name:o,c:void 0,_fx:null}}return n}function C(t){for(let e of t)e&&e._fx&&(e._fx(),e._fx=null)}function M(t){if(t.n.nodeType===1&&t.n[v])return t.n;let e=document.createElement("span");return e.style.display="contents",e.setAttribute("role","presentation"),e[v]=!0,t.n.replaceWith(e),t.n=e,e}var U=t=>t!=null&&typeof t=="object"&&t.strings,W=t=>typeof t=="function"||t!=null&&typeof t.handleEvent=="function";function j(t,e){if(e!==t.c){if(t.t==="n")if(e!=null&&e._directive)e._commit(M(t));else if(U(e))g(e,M(t));else if(Array.isArray(e)){let n=M(t);n.replaceChildren();for(let r of e)if(U(r)){let i=document.createElement("span");i.style.display="contents",i.setAttribute("role","presentation"),n.appendChild(i),g(r,i)}else n.appendChild(document.createTextNode(r??""))}else if(e instanceof Node)t.n.replaceWith(e),t.n=e;else if(t.n[v]){let n=document.createTextNode(e??"");t.n.replaceWith(n),t.n=n}else t.n.textContent=e??"";else if(t.t==="a")e==null||e===!1?t.n.removeAttribute(t.name):t.n.setAttribute(t.name,e===!0?"":e);else if(t.t==="p"){if(!t._resolved){let n=B(t.n,t.name);n!==t.name&&(t.name=n),t._resolved=!0}t.n[t.name]=e}else t.t==="e"&&(W(t.c)&&t.n.removeEventListener(t.name,t.c),W(e)&&t.n.addEventListener(t.name,e));t.c=e}}function ne(t,e){for(let n=0;n<t.length;n++){let r=t[n];if(!r)continue;let i=e[n],s=r.t!=="e"&&typeof i=="function",l=!s&&r.t!=="e"&&k(i);if(r._fx&&!s&&!l&&(r._fx(),r._fx=null),s){r._fx||(r._fx=m(()=>j(r,i())));continue}if(l){r._fx||(r._fx=m(()=>j(r,i.value)));continue}j(r,i)}}function re(t,e,n){return{_directive:!0,_commit(r){let i=r[b]||new Map,s=new Map,l=[];for(let o=0;o<t.length;o++){let a=e(t[o],o);if(s.has(a))continue;l.push(a);let u=n(t[o],o);if(i.has(a)){let d=i.get(a);g(u,d),s.set(a,d)}else{let d=document.createElement("span");d.style.display="contents",d.setAttribute("role","presentation"),g(u,d),s.set(a,d)}}for(let[o,a]of i)s.has(o)||(a._i&&C(a._i.p),a.remove());let c=null;for(let o=l.length-1;o>=0;o--){let a=s.get(l[o]);(a.nextSibling!==c||a.parentNode!==r)&&r.insertBefore(a,c),c=a}r[b]=s}}}var $=new Map,F=new Set(["input-interaction","keyboard-navigation","forms-data","layout-measurement","motion-positioning","animation-feedback","visual-dynamics","interaction-delight","audio-haptics-sensory"]);function de(t){if(!t.name)throw new Error("Trait requires a name");if(!t.setup)throw new Error(`Trait "${t.name}" requires a setup function`);if(!t.category)throw new Error(`Trait "${t.name}" requires a category`);if(!F.has(t.category))throw new Error(`Trait "${t.name}" has unknown category "${t.category}". Known: ${[...F].join(", ")}`);if(!t.description)throw new Error(`Trait "${t.name}" requires a description`);let e=Object.freeze({name:t.name,category:t.category,description:t.description,attributes:Object.freeze(t.attributes||[]),events:Object.freeze(t.events||[]),config:Object.freeze(t.config||[])});function n(){let r=null;return{schema:e,connect(i,s){r=t.setup({host:i,...s||{}})},disconnect(i){r&&(r(),r=null);for(let s of e.attributes)i.hasAttribute(s)&&(console.warn(`Trait "${e.name}": attribute "${s}" still present after disconnect`),i.removeAttribute(s))}}}return n.schema=e,$.set(t.name,n),n}function z(t){return $.get(t)||null}function he(t){return $.get(t)?.schema||null}function me(){return[...$.keys()]}var L=Symbol(),w=Symbol();function ie(t,e){t[w]=new Map,t[L]=new Map;for(let[n,r]of Object.entries(e)){let i=r.attribute??n.toLowerCase(),s=r.type??String,l=Object.prototype.hasOwnProperty.call(t,n),c=l?t[n]:void 0;l&&delete t[n];let o=p(r.default??void 0);t[L].set(n,o),Object.defineProperty(t,n,{get(){return o.value},set(a){let u=o.peek();Object.is(u,a)||(t[w].set(n,u),o.value=a,r.reflect&&se(t,i,a,s))},configurable:!0}),l&&(o.value=c)}}function se(t,e,n,r){r===Boolean?n?t.setAttribute(e,""):t.removeAttribute(e):n==null?t.removeAttribute(e):t.setAttribute(e,String(n))}var oe=(t,e)=>e===Boolean?t!==null:e===Number?t===null?null:+t:t;function ae(t){if(Object.hasOwn(t,"_sa"))return;t._sa=!0;let e=t.styles;if(!e)return;let n=Array.isArray(e)?e:[e];document.adoptedStyleSheets=[...document.adoptedStyleSheets,...n.filter(r=>!document.adoptedStyleSheets.includes(r))]}function G(t){if(Object.hasOwn(t,"_pp"))return;t._pp={};let e=t.parts;if(e)for(let[n,r]of Object.entries(e)){let i=document.createElement("template");i.innerHTML=r,t._pp[n]=i.content.firstElementChild}}var E=class extends HTMLElement{static get properties(){return{}}static get traits(){return[]}static get observedAttributes(){let e=Object.entries(this.properties).map(([n,r])=>r.attribute??n.toLowerCase());return e.includes("traits")?e:[...e,"traits"]}#i=[];#n=[];#s=[];#t=null;#r=null;#e=null;#a=p(0);constructor(){super(),this.internals=this.attachInternals(),ie(this,this.constructor.properties)}connectedCallback(){let e=this.constructor;e._tag||(e._tag=this.localName),ae(e),G(e),T(()=>this.connected()),this.#i.push(m(()=>{for(let r of this[L].values())r.value;this.#a.value;let n=e.template(this);if(n&&g(n,this),this.render(),this[w].size){let r=new Map(this[w]);this[w].clear(),this.updated(r)}},{host:this.localName,onError:this.onError?n=>this.onError(n):null})),this.#e||(this.#e=new Set);for(let n of e.traits)this.#o(n);this.#c(),this.#t&&this.#l()}disconnectedCallback(){this._i&&C(this._i.p);for(let e of this.#i)e();this.#i.length=0;for(let e of this.#s)e.value=void 0;this.#s.length=0;for(let e of this.#n)e.disconnect(this);this.#n.length=0,this.#e?.clear(),this.#r?.(),this.#r=null,this.#t?.disconnect?.(this),this.disconnected()}#l(){let e=this.#t;e.connect?.(this),this.#r=e.subscribe?.(()=>{this.#a.value++})}get controller(){return this.#t}set controller(e){this.#r?.(),this.#r=null,this.#t?.disconnect?.(this),this.#t=e,e&&this.isConnected&&this.#l()}#o(e,{declarative:n=!1}={}){this.#e.add(e);let r=e();r.connect(this,{host:this,signal:p,computed:O,effect:m}),n&&(r._declarative=!0),this.#n.push(r)}addTrait(e){return this.#e||(this.#e=new Set),this.#e.has(e)?this:(this.#o(e),this)}#c(){let e=this.getAttribute("traits");if(e)for(let n of e.split(/\s+/).filter(Boolean)){let r=z(n);if(!r){console.warn(`<${this.localName}> traits="${n}" \u2014 trait not found. Did you forget to import it?`);continue}this.#e.has(r)||this.#o(r,{declarative:!0})}}#f(){if(!this.#e)return;let e=[];for(let n of this.#n)if(n._declarative){n.disconnect(this);for(let r of this.#e)if(r.schema?.name&&n.schema?.name===r.schema.name){this.#e.delete(r);break}}else e.push(n);this.#n.length=0,this.#n.push(...e),this.#c()}attributeChangedCallback(e,n,r){if(e==="traits"){this.isConnected&&this.#f();return}for(let[i,s]of Object.entries(this.constructor.properties))if((s.attribute??i.toLowerCase())===e){this[i]=oe(r,s.type??String);break}}static template=()=>null;static create(e={}){let n=this._tag??customElements.getName?.(this);if(!n)throw new Error("Component not registered");let r=document.createElement(n);for(let[i,s]of Object.entries(e))r[i]=s;return r}signal(e){let n=p(e);return this.#s.push(n),n}ensure(e){for(let s of this.children)if(s.getAttribute("slot")===e)return s;let n=this.#u(e);if(n)return n;G(this.constructor);let r=this.constructor._pp?.[e];if(!r)return null;let i=r.cloneNode(!0);return i._uiPart=!0,this.appendChild(i),i}drop(e){for(let r of this.children)if(r.getAttribute("slot")===e){r.remove();return}let n=this.#u(e);n&&n.remove()}#u(e){for(let n of this.querySelectorAll(`[slot="${e}"]`)){let r=n.parentElement,i=!0;for(;r&&r!==this;){if(r.localName.includes("-")){i=!1;break}r=r.parentElement}if(i&&r===this)return n}return null}reconcile(e,n,r,i){let s=e[b]||new Map,l=new Map,c=[];for(let a=0;a<n.length;a++){let u=n[a],d=r(u,a);if(l.has(d))continue;let x=s.get(d);x?i(u,a,x):x=i(u,a,null),l.set(d,x),c.push(d)}for(let[a,u]of s)l.has(a)||u.remove();let o=null;for(let a=c.length-1;a>=0;a--){let u=l.get(c[a]);(u.nextSibling!==o||u.parentNode!==e)&&e.insertBefore(u,o),o=u}e[b]=l}connected(){}render(){}disconnected(){}updated(e){}};var le="rounded borderless",N=class t extends E{static properties={mode:{type:String,default:"",reflect:!0}};static template=()=>null;connected(){this.hasAttribute("mode")||(this.mode=le),this.addEventListener("click",this.#n),this.#s()}#i(e){return this.querySelector(`admin-sidebar[slot="${e}"], admin-sidebar[name="${e}"]`)}#n=e=>{let n=e.target.closest("[data-sidebar-toggle]");if(n&&this.contains(n)){let i=n.getAttribute("data-sidebar-toggle"),s=this.#i(i);s&&typeof s.toggle!="function"&&this.#r("admin-sidebar",`slot="${i}"`,"Sidebar toggle"),s?.toggle?.();return}let r=e.target.closest("[data-command-trigger]");if(r&&this.contains(r)){e.stopPropagation();let i=this.querySelector("admin-command");if(!i)return;if(typeof i.show!="function"){this.#r("admin-command","","Command palette");return}i.show()}};#s(){let e=this.querySelector("admin-command"),n=this.querySelector("nav-ui");!e||!n||e.addEventListener("command-select",r=>{let i=n.querySelector(`nav-item-ui[value="${r.detail.value}"]`);i&&n.select(i)})}static#t=new WeakSet;#r(e,n,r){let i=n?this.querySelector(`${e}[${n}], ${e}[${n.replace("slot=","name=")}]`):this.querySelector(e);if(!i||t.#t.has(i))return;t.#t.add(i);let s=e==="admin-sidebar"?"shell/admin-sidebar":"shell/admin-command";console.warn(`[admin-shell] <${e}${n?" "+n:""}> is in the DOM but ${e==="admin-sidebar"?"AdminSidebar":"AdminCommand"} is NOT registered \u2014 ${r} will not work. Import the cluster barrel \`@adia-ai/web-modules/shell\` (which registers all shell elements), OR add \`@adia-ai/web-modules/${s}\` alongside \`@adia-ai/web-modules/shell/admin-shell\` on the per-component path. Closes FB-55 silent-failure trap.`)}};customElements.define("admin-shell",N);export{N as AdminShell};
|
|
10
|
+
See USAGE.md \xA7 Template parser \u2014 invariants + unsupported syntaxes.`),n[c]={t:"n",n:document.createTextNode(""),c:void 0,_fx:null}):n[c]={t:"a",n:i,name:o,c:void 0,_fx:null}}return n}function C(t){for(let e of t)e&&e._fx&&(e._fx(),e._fx=null)}function M(t){if(t.n.nodeType===1&&t.n[v])return t.n;let e=document.createElement("span");return e.style.display="contents",e.setAttribute("role","presentation"),e[v]=!0,t.n.replaceWith(e),t.n=e,e}var U=t=>t!=null&&typeof t=="object"&&t.strings,V=t=>typeof t=="function"||t!=null&&typeof t.handleEvent=="function";function j(t,e){if(e!==t.c){if(t.t==="n")if(e!=null&&e._directive)e._commit(M(t));else if(U(e))g(e,M(t));else if(Array.isArray(e)){let n=M(t);n.replaceChildren();for(let r of e)if(U(r)){let i=document.createElement("span");i.style.display="contents",i.setAttribute("role","presentation"),n.appendChild(i),g(r,i)}else n.appendChild(document.createTextNode(r??""))}else if(e instanceof Node)t.n.replaceWith(e),t.n=e;else if(t.n[v]){let n=document.createTextNode(e??"");t.n.replaceWith(n),t.n=n}else t.n.textContent=e??"";else if(t.t==="a")e==null||e===!1?t.n.removeAttribute(t.name):t.n.setAttribute(t.name,e===!0?"":e);else if(t.t==="p"){if(!t._resolved){let n=B(t.n,t.name);n!==t.name&&(t.name=n),t._resolved=!0}t.n[t.name]=e}else t.t==="e"&&(V(t.c)&&t.n.removeEventListener(t.name,t.c),V(e)&&t.n.addEventListener(t.name,e));t.c=e}}function ne(t,e){for(let n=0;n<t.length;n++){let r=t[n];if(!r)continue;let i=e[n],s=r.t!=="e"&&typeof i=="function",l=!s&&r.t!=="e"&&k(i);if(r._fx&&!s&&!l&&(r._fx(),r._fx=null),s){r._fx||(r._fx=m(()=>j(r,i())));continue}if(l){r._fx||(r._fx=m(()=>j(r,i.value)));continue}j(r,i)}}function re(t,e,n){return{_directive:!0,_commit(r){let i=r[b]||new Map,s=new Map,l=[];for(let o=0;o<t.length;o++){let a=e(t[o],o);if(s.has(a))continue;l.push(a);let u=n(t[o],o);if(i.has(a)){let d=i.get(a);g(u,d),s.set(a,d)}else{let d=document.createElement("span");d.style.display="contents",d.setAttribute("role","presentation"),g(u,d),s.set(a,d)}}for(let[o,a]of i)s.has(o)||(a._i&&C(a._i.p),a.remove());let c=null;for(let o=l.length-1;o>=0;o--){let a=s.get(l[o]);(a.nextSibling!==c||a.parentNode!==r)&&r.insertBefore(a,c),c=a}r[b]=s}}}var N=new Map,W=new Set(["input-interaction","keyboard-navigation","forms-data","layout-measurement","motion-positioning","animation-feedback","visual-dynamics","interaction-delight","audio-haptics-sensory"]);function he(t){if(!t.name)throw new Error("Trait requires a name");if(!t.setup)throw new Error(`Trait "${t.name}" requires a setup function`);if(!t.category)throw new Error(`Trait "${t.name}" requires a category`);if(!W.has(t.category))throw new Error(`Trait "${t.name}" has unknown category "${t.category}". Known: ${[...W].join(", ")}`);if(!t.description)throw new Error(`Trait "${t.name}" requires a description`);let e=Object.freeze({name:t.name,category:t.category,description:t.description,attributes:Object.freeze(t.attributes||[]),events:Object.freeze(t.events||[]),config:Object.freeze(t.config||[])});function n(){let r=null;return{schema:e,connect(i,s){r=t.setup({host:i,...s||{}})},disconnect(i){r&&(r(),r=null);for(let s of e.attributes)i.hasAttribute(s)&&(console.warn(`Trait "${e.name}": attribute "${s}" still present after disconnect`),i.removeAttribute(s))}}}return n.schema=e,N.set(t.name,n),n}function F(t){return N.get(t)||null}function me(t){return N.get(t)?.schema||null}function pe(){return[...N.keys()]}var L=Symbol(),w=Symbol();function ie(t,e){t[w]=new Map,t[L]=new Map;for(let[n,r]of Object.entries(e)){let i=r.attribute??n.toLowerCase(),s=r.type??String,l=Object.prototype.hasOwnProperty.call(t,n),c=l?t[n]:void 0;l&&delete t[n];let o=p(r.default??void 0);t[L].set(n,o),Object.defineProperty(t,n,{get(){return o.value},set(a){let u=o.peek();Object.is(u,a)||(t[w].set(n,u),o.value=a,r.reflect&&oe(t,i,a,s))},configurable:!0}),l&&(o.value=c)}}var se=Object.freeze({setFormValue(){},setValidity(){},checkValidity(){return!0},reportValidity(){return!0},get form(){return null},get labels(){return[]},get validity(){return{}},get validationMessage(){return""},get willValidate(){return!1}});function oe(t,e,n,r){r===Boolean?n?t.setAttribute(e,""):t.removeAttribute(e):n==null?t.removeAttribute(e):t.setAttribute(e,String(n))}var ae=(t,e)=>e===Boolean?t!==null:e===Number?t===null?null:+t:t;function le(t){if(Object.hasOwn(t,"_sa"))return;t._sa=!0;let e=t.styles;if(!e||!("adoptedStyleSheets"in document))return;let n=Array.isArray(e)?e:[e];document.adoptedStyleSheets=[...document.adoptedStyleSheets,...n.filter(r=>!document.adoptedStyleSheets.includes(r))]}function z(t){if(Object.hasOwn(t,"_pp"))return;t._pp={};let e=t.parts;if(e)for(let[n,r]of Object.entries(e)){let i=document.createElement("template");i.innerHTML=r,t._pp[n]=i.content.firstElementChild}}var O=class extends HTMLElement{static get properties(){return{}}static get traits(){return[]}static get observedAttributes(){let e=Object.entries(this.properties).map(([n,r])=>r.attribute??n.toLowerCase());return e.includes("traits")?e:[...e,"traits"]}#i=[];#n=[];#s=[];#t=null;#r=null;#e=null;#a=p(0);constructor(){super(),this.internals=typeof this.attachInternals=="function"?this.attachInternals():se,ie(this,this.constructor.properties)}connectedCallback(){let e=this.constructor;e._tag||(e._tag=this.localName),le(e),z(e),E(()=>this.connected()),this.#i.push(m(()=>{for(let r of this[L].values())r.value;this.#a.value;let n=e.template(this);if(n&&g(n,this),this.render(),this[w].size){let r=new Map(this[w]);this[w].clear(),this.updated(r)}},{host:this.localName,onError:this.onError?n=>this.onError(n):null})),this.#e||(this.#e=new Set);for(let n of e.traits)this.#o(n);this.#c(),this.#t&&this.#l()}disconnectedCallback(){this._i&&C(this._i.p);for(let e of this.#i)e();this.#i.length=0;for(let e of this.#s)e.value=void 0;this.#s.length=0;for(let e of this.#n)e.disconnect(this);this.#n.length=0,this.#e?.clear(),this.#r?.(),this.#r=null,this.#t?.disconnect?.(this),this.disconnected()}#l(){let e=this.#t;e.connect?.(this),this.#r=e.subscribe?.(()=>{this.#a.value++})}get controller(){return this.#t}set controller(e){this.#r?.(),this.#r=null,this.#t?.disconnect?.(this),this.#t=e,e&&this.isConnected&&this.#l()}#o(e,{declarative:n=!1}={}){this.#e.add(e);let r=e();r.connect(this,{host:this,signal:p,computed:T,effect:m}),n&&(r._declarative=!0),this.#n.push(r)}addTrait(e){return this.#e||(this.#e=new Set),this.#e.has(e)?this:(this.#o(e),this)}#c(){let e=this.getAttribute("traits");if(e)for(let n of e.split(/\s+/).filter(Boolean)){let r=F(n);if(!r){console.warn(`<${this.localName}> traits="${n}" \u2014 trait not found. Did you forget to import it?`);continue}this.#e.has(r)||this.#o(r,{declarative:!0})}}#f(){if(!this.#e)return;let e=[];for(let n of this.#n)if(n._declarative){n.disconnect(this);for(let r of this.#e)if(r.schema?.name&&n.schema?.name===r.schema.name){this.#e.delete(r);break}}else e.push(n);this.#n.length=0,this.#n.push(...e),this.#c()}attributeChangedCallback(e,n,r){if(e==="traits"){this.isConnected&&this.#f();return}for(let[i,s]of Object.entries(this.constructor.properties))if((s.attribute??i.toLowerCase())===e){this[i]=ae(r,s.type??String);break}}static template=()=>null;static create(e={}){let n=this._tag??customElements.getName?.(this);if(!n)throw new Error("Component not registered");let r=document.createElement(n);for(let[i,s]of Object.entries(e))r[i]=s;return r}signal(e){let n=p(e);return this.#s.push(n),n}ensure(e){for(let s of this.children)if(s.getAttribute("slot")===e)return s;let n=this.#u(e);if(n)return n;z(this.constructor);let r=this.constructor._pp?.[e];if(!r)return null;let i=r.cloneNode(!0);return i._uiPart=!0,this.appendChild(i),i}drop(e){for(let r of this.children)if(r.getAttribute("slot")===e){r.remove();return}let n=this.#u(e);n&&n.remove()}#u(e){for(let n of this.querySelectorAll(`[slot="${e}"]`)){let r=n.parentElement,i=!0;for(;r&&r!==this;){if(r.localName.includes("-")){i=!1;break}r=r.parentElement}if(i&&r===this)return n}return null}reconcile(e,n,r,i){let s=e[b]||new Map,l=new Map,c=[];for(let a=0;a<n.length;a++){let u=n[a],d=r(u,a);if(l.has(d))continue;let x=s.get(d);x?i(u,a,x):x=i(u,a,null),l.set(d,x),c.push(d)}for(let[a,u]of s)l.has(a)||u.remove();let o=null;for(let a=c.length-1;a>=0;a--){let u=l.get(c[a]);(u.nextSibling!==o||u.parentNode!==e)&&e.insertBefore(u,o),o=u}e[b]=l}connected(){}render(){}disconnected(){}updated(e){}};var ce="rounded borderless",$=class t extends O{static properties={mode:{type:String,default:"",reflect:!0}};static template=()=>null;connected(){this.hasAttribute("mode")||(this.mode=ce),this.addEventListener("click",this.#n),this.#s()}#i(e){return this.querySelector(`admin-sidebar[slot="${e}"], admin-sidebar[name="${e}"]`)}#n=e=>{let n=e.target.closest("[data-sidebar-toggle]");if(n&&this.contains(n)){let i=n.getAttribute("data-sidebar-toggle"),s=this.#i(i);s&&typeof s.toggle!="function"&&this.#r("admin-sidebar",`slot="${i}"`,"Sidebar toggle"),s?.toggle?.();return}let r=e.target.closest("[data-command-trigger]");if(r&&this.contains(r)){e.stopPropagation();let i=this.querySelector("admin-command");if(!i)return;if(typeof i.show!="function"){this.#r("admin-command","","Command palette");return}i.show()}};#s(){let e=this.querySelector("admin-command"),n=this.querySelector("nav-ui");!e||!n||e.addEventListener("command-select",r=>{let i=n.querySelector(`nav-item-ui[value="${r.detail.value}"]`);i&&n.select(i)})}static#t=new WeakSet;#r(e,n,r){let i=n?this.querySelector(`${e}[${n}], ${e}[${n.replace("slot=","name=")}]`):this.querySelector(e);if(!i||t.#t.has(i))return;t.#t.add(i);let s=e==="admin-sidebar"?"shell/admin-sidebar":"shell/admin-command";console.warn(`[admin-shell] <${e}${n?" "+n:""}> is in the DOM but ${e==="admin-sidebar"?"AdminSidebar":"AdminCommand"} is NOT registered \u2014 ${r} will not work. Import the cluster barrel \`@adia-ai/web-modules/shell\` (which registers all shell elements), OR add \`@adia-ai/web-modules/${s}\` alongside \`@adia-ai/web-modules/shell/admin-shell\` on the per-component path. Closes FB-55 silent-failure trap.`)}};customElements.define("admin-shell",$);export{$ as AdminShell};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
var S=Symbol("signal"),f=null,h=null,_=!1;function P(t){for(let e of t){if(e.disposed){t.delete(e);continue}e.dirty=!0,h||(h=new Set,_||queueMicrotask(
|
|
1
|
+
var S=Symbol("signal"),f=null,h=null,_=!1;function P(t){for(let e of t){if(e.disposed){t.delete(e);continue}e.dirty=!0,h||(h=new Set,_||queueMicrotask(I)),h.add(e)}}function I(){let t,e=0;for(;t=h;){if(++e>100){h=null,console.error("signals: drain loop exceeded 100 iterations");break}h=null;for(let n of t)if(!n.disposed&&n.dirty){n.dirty=!1;try{n.run()}catch(r){n.onError?n.onError(r):(n.disposed=!0,queueMicrotask(()=>{throw r}))}}}}function G(t){if(_){t();return}_=!0;try{t()}finally{_=!1,h&&I()}}function O(t){let e=f;f=null;try{return t()}finally{f=e}}function m(t){let e=new Set;return{[S]:!0,get value(){return f&&e.add(f),t},set value(n){Object.is(t,n)||(t=n,P(e))},peek(){return t}}}function k(t){let e=new Set,n,r=!0,i={dirty:!1,disposed:!1,run(){r=!0,P(e)}};return{[S]:!0,get value(){if(f&&e.add(f),r){let o=f;f=i;try{n=t(),r=!1}finally{f=o}}return n},peek(){return n}}}function p(t,e){let n={dirty:!1,disposed:!1,host:e?.host??null,onError:e?.onError??null,run(){let r=f;f=n;try{t()}finally{f=r}}};return n.run(),()=>{n.disposed=!0}}function M(t){return t!=null&&typeof t=="object"&&t[S]===!0}var[$,y]=[Symbol(),Symbol()];function K(t,...e){return{strings:t,values:e}}function X(t,...e){let n="";for(let i=0;i<t.length;i++)n+=t[i],i<e.length&&(n+=e[i]);let r=new CSSStyleSheet;return r.replaceSync(n),r}var B=new WeakMap;function Y(t){let e=0,n=0,r=0;for(;r<t.length;){if(e===0&&t.charCodeAt(r)===60&&t.charCodeAt(r+1)===33&&t.charCodeAt(r+2)===45&&t.charCodeAt(r+3)===45){let o=t.indexOf("-->",r+4);if(o===-1){n=0;break}r=o+3,n=0;continue}let i=t.charCodeAt(r);e?i===(e===1?39:34)&&(e=0):i===39?e=1:i===34?e=2:i===60?n=1:i===62&&(n=0),r++}return n===1}function J(t){let e=B.get(t);if(e)return e;let n="";for(let r=0;r<t.length;r++)n+=t[r],r<t.length-1&&(n+=Y(n)?`{{p:${r}}}`:`<!--p:${r}-->`);return e=document.createElement("template"),e.innerHTML=n,B.set(t,e),e}var q={classname:"className",innertext:"innerText",innerhtml:"innerHTML",outerhtml:"outerHTML",textcontent:"textContent",tabindex:"tabIndex",arialabel:"ariaLabel",ariadescribedby:"ariaDescribedBy",arialabelledby:"ariaLabelledBy",ariarole:"role",contenteditable:"contentEditable",readonly:"readOnly",maxlength:"maxLength",minlength:"minLength",colspan:"colSpan",rowspan:"rowSpan",cellpadding:"cellPadding",cellspacing:"cellSpacing",usemap:"useMap",ismap:"isMap",accesskey:"accessKey",defaultchecked:"defaultChecked",defaultvalue:"defaultValue",defaultselected:"defaultSelected"};function H(t,e){if(q[e])return q[e];let n=Object.getOwnPropertyNames(t);for(let i=0;i<n.length;i++){let o=n[i];if(o!==e&&o.toLowerCase()===e)return o}let r=Object.getPrototypeOf(t);for(;r&&r!==Object.prototype;){let i=Object.getOwnPropertyNames(r);for(let o=0;o<i.length;o++){let a=i[o];if(a!==e&&a.toLowerCase()===e)return a}r=Object.getPrototypeOf(r)}return e}function g(t,e){let n=e._i;(!n||n.s!==t.strings)&&(n&&N(n.p),n=Q(t,e),e._i=n),ne(n.p,t.values)}function Q(t,e){let{strings:n}=t,i=J(n).content.cloneNode(!0),o=Z(e);o&&(i=ee(i,o));let a=te(i,t.values.length);return e.replaceChildren(i),{s:n,p:a}}var A="http://www.w3.org/2000/svg",b="http://www.w3.org/1998/Math/MathML",R="http://www.w3.org/1999/xhtml";function Z(t){if(!t||t.nodeType!==1)return null;if(t.namespaceURI===A)return A;if(t.namespaceURI===b)return b;if(typeof t.closest!="function")return null;let e=t.closest("svg, math, foreignObject, annotation-xml");if(!e)return null;let n=e.localName;if(n==="foreignobject"||n==="foreignObject")return null;if(n==="annotation-xml"){let r=(e.getAttribute("encoding")||"").toLowerCase();return r==="text/html"||r==="application/xhtml+xml"?null:b}return n==="svg"?A:n==="math"?b:null}function ee(t,e){let n=document.createDocumentFragment();return V(t,n,e),n}function V(t,e,n){for(let r of[...t.childNodes])if(r.nodeType===1){let o=document.createElementNS(n,r.localName);for(let s of r.attributes)s.namespaceURI?o.setAttributeNS(s.namespaceURI,s.name,s.value):o.setAttribute(s.name,s.value);e.appendChild(o);let a=r.localName,c=n;if(n===A&&(a==="foreignObject"||a==="foreignobject"))c=R;else if(n===b&&a==="annotation-xml"){let s=(r.getAttribute("encoding")||"").toLowerCase();(s==="text/html"||s==="application/xhtml+xml")&&(c=R)}V(r,o,c)}else e.appendChild(r.cloneNode(!0))}function te(t,e){let n=new Array(e),r=document.createTreeWalker(t,129),i;for(;i=r.nextNode();)if(i.nodeType===8){let o=i.data.match(/^p:(\d+)$/);if(o){let a=document.createTextNode("");i.replaceWith(a),r.currentNode=a,n[+o[1]]={t:"n",n:a,c:void 0,_fx:null}}}else if(i.nodeType===1)for(let o of[...i.attributes]){let a=o.value.match(/^\{\{p:(\d+)\}\}$/);if(!a){if(o.value.includes("{{p:")){let l=o.name,u=l==="class"?' class="${expression}" \u2190 full replacement (whole class string is the expression)\n .className=${expression} \u2190 writes to the className property (resolved camelCase since FB-55 fix)\n':l==="style"?' style="${expression}" \u2190 full replacement of the style string\n .style.cssText=${expression} \u2190 write CSS text via the style.cssText accessor\n':` ${l}="\${expression}" \u2190 full replacement (whole attr is the placeholder)
|
|
2
2
|
.${l}=\${expression} \u2190 property assignment (preferred for objects/functions)
|
|
3
3
|
`;console.warn(`[template] Partial attribute interpolation is not supported.
|
|
4
|
-
Element: <${
|
|
5
|
-
Attribute: ${l}="${
|
|
4
|
+
Element: <${i.tagName.toLowerCase()}>
|
|
5
|
+
Attribute: ${l}="${o.value.slice(0,80)}${o.value.length>80?"\u2026":""}"
|
|
6
6
|
Use one of:
|
|
7
|
-
`+u+" Compute the full attr value as a single expression and interpolate the whole.")}continue}let c=+a[1],s=
|
|
8
|
-
Element: <${
|
|
7
|
+
`+u+" Compute the full attr value as a single expression and interpolate the whole.")}continue}let c=+a[1],s=o.name;s[0]==="@"?(i.removeAttribute(s),n[c]={t:"e",n:i,name:s.slice(1),c:void 0,_fx:null}):s[0]==="."?(i.removeAttribute(s),n[c]={t:"p",n:i,name:H(i,s.slice(1)),c:void 0,_fx:null,_resolved:!1}):s[0]==="?"?(i.removeAttribute(s),console.warn(`[template] Lit-style boolean attribute "${s}=" is not supported.
|
|
8
|
+
Element: <${i.tagName.toLowerCase()}>
|
|
9
9
|
Use .${s.slice(1)}=\${value} (property binding) instead \u2014 the primitive reflects the property to the DOM attribute for you.
|
|
10
|
-
See USAGE.md \xA7 Template parser \u2014 invariants + unsupported syntaxes.`),n[c]={t:"n",n:document.createTextNode(""),c:void 0,_fx:null}):n[c]={t:"a",n:
|
|
10
|
+
See USAGE.md \xA7 Template parser \u2014 invariants + unsupported syntaxes.`),n[c]={t:"n",n:document.createTextNode(""),c:void 0,_fx:null}):n[c]={t:"a",n:i,name:s,c:void 0,_fx:null}}return n}function N(t){for(let e of t)e&&e._fx&&(e._fx(),e._fx=null)}function j(t){if(t.n.nodeType===1&&t.n[$])return t.n;let e=document.createElement("span");return e.style.display="contents",e.setAttribute("role","presentation"),e[$]=!0,t.n.replaceWith(e),t.n=e,e}var U=t=>t!=null&&typeof t=="object"&&t.strings,W=t=>typeof t=="function"||t!=null&&typeof t.handleEvent=="function";function v(t,e){if(e!==t.c){if(t.t==="n")if(e!=null&&e._directive)e._commit(j(t));else if(U(e))g(e,j(t));else if(Array.isArray(e)){let n=j(t);n.replaceChildren();for(let r of e)if(U(r)){let i=document.createElement("span");i.style.display="contents",i.setAttribute("role","presentation"),n.appendChild(i),g(r,i)}else n.appendChild(document.createTextNode(r??""))}else if(e instanceof Node)t.n.replaceWith(e),t.n=e;else if(t.n[$]){let n=document.createTextNode(e??"");t.n.replaceWith(n),t.n=n}else t.n.textContent=e??"";else if(t.t==="a")e==null||e===!1?t.n.removeAttribute(t.name):t.n.setAttribute(t.name,e===!0?"":e);else if(t.t==="p"){if(!t._resolved){let n=H(t.n,t.name);n!==t.name&&(t.name=n),t._resolved=!0}t.n[t.name]=e}else t.t==="e"&&(W(t.c)&&t.n.removeEventListener(t.name,t.c),W(e)&&t.n.addEventListener(t.name,e));t.c=e}}function ne(t,e){for(let n=0;n<t.length;n++){let r=t[n];if(!r)continue;let i=e[n],o=r.t!=="e"&&typeof i=="function",a=!o&&r.t!=="e"&&M(i);if(r._fx&&!o&&!a&&(r._fx(),r._fx=null),o){r._fx||(r._fx=p(()=>v(r,i())));continue}if(a){r._fx||(r._fx=p(()=>v(r,i.value)));continue}v(r,i)}}function re(t,e,n){return{_directive:!0,_commit(r){let i=r[y]||new Map,o=new Map,a=[];for(let s=0;s<t.length;s++){let l=e(t[s],s);if(o.has(l))continue;a.push(l);let u=n(t[s],s);if(i.has(l)){let d=i.get(l);g(u,d),o.set(l,d)}else{let d=document.createElement("span");d.style.display="contents",d.setAttribute("role","presentation"),g(u,d),o.set(l,d)}}for(let[s,l]of i)o.has(s)||(l._i&&N(l._i.p),l.remove());let c=null;for(let s=a.length-1;s>=0;s--){let l=o.get(a[s]);(l.nextSibling!==c||l.parentNode!==r)&&r.insertBefore(l,c),c=l}r[y]=o}}}var C=new Map,z=new Set(["input-interaction","keyboard-navigation","forms-data","layout-measurement","motion-positioning","animation-feedback","visual-dynamics","interaction-delight","audio-haptics-sensory"]);function de(t){if(!t.name)throw new Error("Trait requires a name");if(!t.setup)throw new Error(`Trait "${t.name}" requires a setup function`);if(!t.category)throw new Error(`Trait "${t.name}" requires a category`);if(!z.has(t.category))throw new Error(`Trait "${t.name}" has unknown category "${t.category}". Known: ${[...z].join(", ")}`);if(!t.description)throw new Error(`Trait "${t.name}" requires a description`);let e=Object.freeze({name:t.name,category:t.category,description:t.description,attributes:Object.freeze(t.attributes||[]),events:Object.freeze(t.events||[]),config:Object.freeze(t.config||[])});function n(){let r=null;return{schema:e,connect(i,o){r=t.setup({host:i,...o||{}})},disconnect(i){r&&(r(),r=null);for(let o of e.attributes)i.hasAttribute(o)&&(console.warn(`Trait "${e.name}": attribute "${o}" still present after disconnect`),i.removeAttribute(o))}}}return n.schema=e,C.set(t.name,n),n}function D(t){return C.get(t)||null}function he(t){return C.get(t)?.schema||null}function pe(){return[...C.keys()]}var L=Symbol(),x=Symbol();function ie(t,e){t[x]=new Map,t[L]=new Map;for(let[n,r]of Object.entries(e)){let i=r.attribute??n.toLowerCase(),o=r.type??String,a=Object.prototype.hasOwnProperty.call(t,n),c=a?t[n]:void 0;a&&delete t[n];let s=m(r.default??void 0);t[L].set(n,s),Object.defineProperty(t,n,{get(){return s.value},set(l){let u=s.peek();Object.is(u,l)||(t[x].set(n,u),s.value=l,r.reflect&&se(t,i,l,o))},configurable:!0}),a&&(s.value=c)}}var oe=Object.freeze({setFormValue(){},setValidity(){},checkValidity(){return!0},reportValidity(){return!0},get form(){return null},get labels(){return[]},get validity(){return{}},get validationMessage(){return""},get willValidate(){return!1}});function se(t,e,n,r){r===Boolean?n?t.setAttribute(e,""):t.removeAttribute(e):n==null?t.removeAttribute(e):t.setAttribute(e,String(n))}var le=(t,e)=>e===Boolean?t!==null:e===Number?t===null?null:+t:t;function ae(t){if(Object.hasOwn(t,"_sa"))return;t._sa=!0;let e=t.styles;if(!e||!("adoptedStyleSheets"in document))return;let n=Array.isArray(e)?e:[e];document.adoptedStyleSheets=[...document.adoptedStyleSheets,...n.filter(r=>!document.adoptedStyleSheets.includes(r))]}function F(t){if(Object.hasOwn(t,"_pp"))return;t._pp={};let e=t.parts;if(e)for(let[n,r]of Object.entries(e)){let i=document.createElement("template");i.innerHTML=r,t._pp[n]=i.content.firstElementChild}}var T=class extends HTMLElement{static get properties(){return{}}static get traits(){return[]}static get observedAttributes(){let e=Object.entries(this.properties).map(([n,r])=>r.attribute??n.toLowerCase());return e.includes("traits")?e:[...e,"traits"]}#i=[];#t=[];#o=[];#n=null;#r=null;#e=null;#l=m(0);constructor(){super(),this.internals=typeof this.attachInternals=="function"?this.attachInternals():oe,ie(this,this.constructor.properties)}connectedCallback(){let e=this.constructor;e._tag||(e._tag=this.localName),ae(e),F(e),O(()=>this.connected()),this.#i.push(p(()=>{for(let r of this[L].values())r.value;this.#l.value;let n=e.template(this);if(n&&g(n,this),this.render(),this[x].size){let r=new Map(this[x]);this[x].clear(),this.updated(r)}},{host:this.localName,onError:this.onError?n=>this.onError(n):null})),this.#e||(this.#e=new Set);for(let n of e.traits)this.#s(n);this.#c(),this.#n&&this.#a()}disconnectedCallback(){this._i&&N(this._i.p);for(let e of this.#i)e();this.#i.length=0;for(let e of this.#o)e.value=void 0;this.#o.length=0;for(let e of this.#t)e.disconnect(this);this.#t.length=0,this.#e?.clear(),this.#r?.(),this.#r=null,this.#n?.disconnect?.(this),this.disconnected()}#a(){let e=this.#n;e.connect?.(this),this.#r=e.subscribe?.(()=>{this.#l.value++})}get controller(){return this.#n}set controller(e){this.#r?.(),this.#r=null,this.#n?.disconnect?.(this),this.#n=e,e&&this.isConnected&&this.#a()}#s(e,{declarative:n=!1}={}){this.#e.add(e);let r=e();r.connect(this,{host:this,signal:m,computed:k,effect:p}),n&&(r._declarative=!0),this.#t.push(r)}addTrait(e){return this.#e||(this.#e=new Set),this.#e.has(e)?this:(this.#s(e),this)}#c(){let e=this.getAttribute("traits");if(e)for(let n of e.split(/\s+/).filter(Boolean)){let r=D(n);if(!r){console.warn(`<${this.localName}> traits="${n}" \u2014 trait not found. Did you forget to import it?`);continue}this.#e.has(r)||this.#s(r,{declarative:!0})}}#f(){if(!this.#e)return;let e=[];for(let n of this.#t)if(n._declarative){n.disconnect(this);for(let r of this.#e)if(r.schema?.name&&n.schema?.name===r.schema.name){this.#e.delete(r);break}}else e.push(n);this.#t.length=0,this.#t.push(...e),this.#c()}attributeChangedCallback(e,n,r){if(e==="traits"){this.isConnected&&this.#f();return}for(let[i,o]of Object.entries(this.constructor.properties))if((o.attribute??i.toLowerCase())===e){this[i]=le(r,o.type??String);break}}static template=()=>null;static create(e={}){let n=this._tag??customElements.getName?.(this);if(!n)throw new Error("Component not registered");let r=document.createElement(n);for(let[i,o]of Object.entries(e))r[i]=o;return r}signal(e){let n=m(e);return this.#o.push(n),n}ensure(e){for(let o of this.children)if(o.getAttribute("slot")===e)return o;let n=this.#u(e);if(n)return n;F(this.constructor);let r=this.constructor._pp?.[e];if(!r)return null;let i=r.cloneNode(!0);return i._uiPart=!0,this.appendChild(i),i}drop(e){for(let r of this.children)if(r.getAttribute("slot")===e){r.remove();return}let n=this.#u(e);n&&n.remove()}#u(e){for(let n of this.querySelectorAll(`[slot="${e}"]`)){let r=n.parentElement,i=!0;for(;r&&r!==this;){if(r.localName.includes("-")){i=!1;break}r=r.parentElement}if(i&&r===this)return n}return null}reconcile(e,n,r,i){let o=e[y]||new Map,a=new Map,c=[];for(let l=0;l<n.length;l++){let u=n[l],d=r(u,l);if(a.has(d))continue;let w=o.get(d);w?i(u,l,w):w=i(u,l,null),a.set(d,w),c.push(d)}for(let[l,u]of o)a.has(l)||u.remove();let s=null;for(let l=c.length-1;l>=0;l--){let u=a.get(c[l]);(u.nextSibling!==s||u.parentNode!==e)&&e.insertBefore(u,s),s=u}e[y]=a}connected(){}render(){}disconnected(){}updated(e){}};var E=class extends T{static properties={centered:{type:Boolean,default:!1,reflect:!0},"full-bleed":{type:Boolean,default:!1,reflect:!0}};static template=()=>null};customElements.get("simple-shell")||customElements.define("simple-shell",E);export{E as SimpleShell};
|
package/dist/web-modules.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
billing-overview-ui{--billing-overview-bg:transparent;--billing-overview-gap:var(--a-space-5);--billing-overview-px:var(--a-space-5);--billing-overview-py:var(--a-space-5);--billing-overview-section-radius:var(--a-radius-lg);--billing-overview-header-gap:var(--a-space-3);--billing-overview-kpi-columns:repeat(3, minmax(0, 1fr));--billing-overview-kpi-gap:var(--a-space-3);--billing-overview-section-heading-fg:var(--md-sys-color-neutral-on-surface);--billing-overview-section-heading-size:var(--a-text-base,1rem);--billing-overview-section-heading-weight:var(--a-weight-semibold,600);--billing-overview-title-size:var(--a-text-2xl,1.5rem);--billing-overview-title-weight:var(--a-weight-bold,700);--billing-overview-meta-fg:var(--a-fg-muted);--billing-overview-meta-size:var(--a-text-sm,.875rem);--billing-overview-empty-fg:var(--a-fg-muted)}@scope(billing-overview-ui){:scope{gap:var(--billing-overview-gap);background:var(--billing-overview-bg);padding-block:var(--billing-overview-py);padding-inline:var(--billing-overview-px);box-sizing:border-box;flex-direction:column;display:flex;container:billing-overview/inline-size}:scope>[data-header] [data-billing-plan-name]{font-size:var(--billing-overview-title-size);font-weight:var(--billing-overview-title-weight);color:var(--md-sys-color-neutral-on-surface);margin:0;line-height:1.2}:scope>[data-header] [data-billing-plan-meta]{gap:var(--a-space-3);font-size:var(--billing-overview-meta-size);color:var(--billing-overview-meta-fg);flex-wrap:wrap;display:flex}:scope>[data-header] [data-billing-plan-meta]:empty{display:none}:scope>[data-header] [data-billing-status]{vertical-align:baseline;margin-inline-start:var(--a-space-2)}:scope>[data-header] [data-billing-status][hidden]{display:none}:scope>[data-header] [data-header-actions]{gap:var(--a-space-2);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}:scope>[data-header] [data-header-actions]:empty{display:none}:scope>[data-kpis]{grid-template-columns:var(--billing-overview-kpi-columns);gap:var(--billing-overview-kpi-gap);display:grid}:scope>[data-dunning]{display:block}:scope>[data-dunning][hidden]{display:none}:scope>[data-plan-picker],:scope>[data-payment-methods],:scope>[data-invoice-history]{gap:var(--a-space-3);background:var(--md-sys-color-neutral-background);border:1px solid var(--md-sys-color-neutral-outline-variant);border-radius:var(--billing-overview-section-radius);padding:var(--a-space-4);flex-direction:column;display:flex}:scope>[data-plan-picker][hidden],:scope>[data-payment-methods][hidden],:scope>[data-invoice-history][hidden]{display:none}:scope [data-section-heading]{font-size:var(--billing-overview-section-heading-size);font-weight:var(--billing-overview-section-heading-weight);color:var(--billing-overview-section-heading-fg);margin:0}:scope[variant=compact]>[data-plan-picker],:scope[variant=enterprise]>[data-plan-picker],:scope [data-before-plan-picker]:empty,:scope [data-after-invoice-history]:empty{display:none}:scope>[data-empty]{color:var(--billing-overview-empty-fg);text-align:center;padding-block:var(--a-space-6);display:none}:scope[empty]>[data-empty]{display:block}:scope[empty]>[data-header],:scope[empty]>[data-kpis],:scope[empty]>[data-dunning],:scope[empty]>[data-plan-picker],:scope[empty]>[data-payment-methods],:scope[empty]>[data-invoice-history]{display:none}:scope [data-empty-heading]{margin:0 0 var(--a-space-2) 0;font-size:var(--a-text-base,1rem);font-weight:var(--a-weight-semibold,600);color:var(--md-sys-color-neutral-on-surface)}:scope [data-empty-description]{font-size:var(--a-text-sm,.875rem);margin:0}:scope[loading]{opacity:.85}:scope[past-due]>[data-header] [data-billing-plan-meta]{color:var(--a-danger-strong,var(--a-danger,var(--a-fg-muted)))}@container billing-overview (width<=40rem){:scope>[data-kpis],:scope>[data-header]{grid-template-columns:1fr}:scope>[data-header] [data-header-actions]{justify-content:flex-start}}}invoice-detail-ui{--invoice-detail-bg:transparent;--invoice-detail-page-padding:var(--a-space-5);--invoice-detail-section-gap:var(--a-space-5);--invoice-detail-totals-width:min(360px, 100%);--invoice-detail-status-badge-radius:var(--a-radius-md);--invoice-detail-meta-fg:var(--a-fg-muted);--invoice-detail-amount-fg:var(--md-sys-color-neutral-on-surface);--invoice-detail-total-size:var(--a-text-2xl,1.5rem);--invoice-detail-total-weight:var(--a-weight-bold,700);--invoice-detail-line-amount-align:end;--invoice-detail-heading-size:var(--a-text-2xl,1.5rem);--invoice-detail-heading-weight:var(--a-weight-bold,700);--invoice-detail-party-heading-fg:var(--a-fg-muted);--invoice-detail-party-heading-size:var(--a-text-xs,.75rem);--invoice-detail-totals-row-fg:var(--md-sys-color-neutral-on-surface);--invoice-detail-totals-row-muted-fg:var(--a-fg-muted);--invoice-detail-totals-border:1px solid var(--md-sys-color-neutral-outline)}@scope(invoice-detail-ui){:scope{gap:var(--invoice-detail-section-gap);background:var(--invoice-detail-bg);padding:var(--invoice-detail-page-padding);box-sizing:border-box;flex-direction:column;display:flex;container-type:inline-size}:scope>[data-header]{gap:var(--a-space-2) var(--a-space-4);grid-template-columns:1fr auto;grid-template-areas:"title actions""meta actions";align-items:start;display:grid}:scope>[data-header]>[data-header-title]{align-items:center;gap:var(--a-space-3);flex-wrap:wrap;grid-area:title;display:flex}:scope>[data-header]>[data-header-title]>[data-invoice-number]{font-size:var(--invoice-detail-heading-size);font-weight:var(--invoice-detail-heading-weight);color:var(--md-sys-color-neutral-on-surface);margin:0;line-height:1.2}:scope>[data-header]>[data-header-title]>[data-invoice-status]{--tag-radius:var(--invoice-detail-status-badge-radius)}:scope>[data-header]>[data-header-title]>[data-invoice-status][hidden]{display:none}:scope>[data-header]>[data-header-meta]{gap:var(--a-space-4);color:var(--invoice-detail-meta-fg);font-size:var(--a-text-sm,.875rem);flex-wrap:wrap;grid-area:meta;display:flex}:scope>[data-header]>[data-header-actions]{gap:var(--a-space-2);flex-wrap:wrap;grid-area:actions;justify-content:flex-end;align-items:center;display:flex}:scope>[data-header]>[data-header-actions]>[slot=header-actions]{flex:none}:scope>[data-parties]{gap:var(--a-space-4);grid-template-columns:1fr 1fr;display:grid}:scope>[data-parties]>[data-customer],:scope>[data-parties]>[data-remit-to]{gap:var(--a-space-1);flex-direction:column;display:flex}:scope>[data-parties] [data-party-heading]{text-transform:uppercase;letter-spacing:.05em;font-size:var(--invoice-detail-party-heading-size);color:var(--invoice-detail-party-heading-fg);margin-block-end:var(--a-space-1)}:scope>[data-parties] [data-party-name]{font-weight:var(--a-weight-semibold,600);color:var(--md-sys-color-neutral-on-surface)}:scope>[data-parties] [data-party-email],:scope>[data-parties] [data-party-address]{color:var(--invoice-detail-meta-fg);font-size:var(--a-text-sm,.875rem)}:scope>[data-parties]>[data-customer]:has(>[slot=customer-block])>[data-customer-default],:scope>[data-parties]>[data-remit-to]:has(>[slot=remit-to-block])>[data-remit-to-default],:scope>[data-parties]>[data-remit-to]:not(:has(>[slot=remit-to-block]))>[data-remit-to-default]:empty{display:none}:scope>[data-lines]{display:block}:scope>[data-lines]>[data-lines-card]{--card-padding:0}:scope>[data-lines] [data-lines-table] [data-body]>[role=row]:last-child [role=gridcell]{border-bottom:none}:scope>[data-totals]{gap:var(--a-space-2);inline-size:var(--invoice-detail-totals-width);box-sizing:border-box;flex-direction:column;margin-inline-start:auto;display:flex}:scope>[data-totals]>[data-totals-row]{justify-content:space-between;align-items:baseline;gap:var(--a-space-3);color:var(--invoice-detail-totals-row-muted-fg);font-size:var(--a-text-sm,.875rem);display:flex}:scope>[data-totals]>[data-totals-row]>[data-totals-value]{text-align:var(--invoice-detail-line-amount-align);color:var(--invoice-detail-amount-fg);font-variant-numeric:tabular-nums}:scope>[data-totals]>[data-grand-total]{border-block-start:var(--invoice-detail-totals-border);color:var(--invoice-detail-totals-row-fg);padding-block-start:var(--a-space-2)}:scope>[data-totals]>[data-grand-total]>[data-totals-label]{font-weight:var(--invoice-detail-total-weight)}:scope>[data-totals]>[data-grand-total]>[data-totals-value]{font-size:var(--invoice-detail-total-size);font-weight:var(--invoice-detail-total-weight);color:var(--invoice-detail-amount-fg)}:scope>[data-footer]{color:var(--invoice-detail-meta-fg);font-size:var(--a-text-sm,.875rem)}:scope>[data-footer]:not(:has(>[slot=footer]))>[data-footer-notes]:empty,:scope>[data-footer]:not(:has(>[slot=footer])):not(:has([data-footer-notes]:not(:empty))),:scope:not([empty])>[data-empty],:scope[empty]>[data-parties],:scope[empty]>[data-lines],:scope[empty]>[data-totals],:scope[empty]>[data-footer]{display:none}:scope[loading]{opacity:.7}:scope[density=compact]>[data-lines]>[data-lines-card] table-ui{--table-row-py:var(--a-space-1)}@media print{:scope[printable]{background:0 0;padding:0}:scope[printable]>[data-header]>[data-header-actions]{display:none}:scope[printable] [data-invoice-status]{--tag-bg:transparent}}@container (width<=640px){:scope>[data-parties]{grid-template-columns:1fr}:scope>[data-totals]{inline-size:100%;margin-inline-start:0}:scope>[data-header]{grid-template-columns:1fr;grid-template-areas:"title""meta""actions"}:scope>[data-header]>[data-header-actions]{justify-content:flex-start}}}invoice-history-ui{--invoice-history-bg:transparent;--invoice-history-gap:var(--a-space-3);--invoice-history-row-min-height:var(--table-row-h,3rem);--invoice-history-toolbar-gap:var(--a-space-3);--invoice-history-amount-font:var(--a-font-mono);--invoice-history-amount-fg:var(--a-fg-strong,var(--md-sys-color-neutral-on-surface));--invoice-history-date-fg:var(--a-fg-muted);--invoice-history-filter-gap:var(--a-space-2);--invoice-history-actions-gap:var(--a-space-1)}@scope(invoice-history-ui){:scope{background:var(--invoice-history-bg);display:block}:scope>[data-toolbar],:scope>[data-table-host],:scope>[data-empty]{display:block}:scope>[data-toolbar]{margin-block-end:var(--invoice-history-gap)}:scope [data-invoice-filter]{gap:var(--invoice-history-filter-gap);flex-wrap:wrap;align-items:center;display:inline-flex}:scope>[data-table-host]>table-ui{--table-row-h:var(--invoice-history-row-min-height);width:100%}:scope [data-invoice-amount]{font-family:var(--invoice-history-amount-font);font-variant-numeric:tabular-nums;color:var(--invoice-history-amount-fg);text-align:end}:scope [data-invoice-status]{align-items:center;display:inline-flex}:scope [data-invoice-actions]{gap:var(--invoice-history-actions-gap);justify-content:flex-end;align-items:center;display:inline-flex}:scope:not([empty])>[data-empty],:scope[empty]>[data-table-host],:scope[loading]>[data-empty],:scope>[slot=empty]{display:none}:scope[empty]>[slot=empty]{display:block}:scope[error]>[data-empty]{--empty-state-icon-fg:var(--a-danger-strong,var(--md-sys-color-danger))}:scope[density=compact]{--invoice-history-row-min-height:var(--table-row-h-compact,2.25rem)}:scope[density=comfortable]{--invoice-history-row-min-height:var(--table-row-h-comfortable,3.5rem)}}payment-method-form-ui{--payment-method-form-gap:var(--a-space-3);--payment-method-form-grid-template:"name name" "card card" "expiry cvc" "country postal";--payment-method-form-grid-template-billing:"name name" "card card" "expiry cvc" "address1 address1" "address2 address2" "country postal";--payment-method-form-brand-icon-size:1.25em;--payment-method-form-alert-mb:var(--a-space-3);--payment-method-form-summary-bg:var(--a-bg-muted);--payment-method-form-summary-border:1px solid var(--md-sys-color-neutral-outline);--payment-method-form-summary-radius:var(--a-radius-md);--payment-method-form-summary-px:var(--a-space-4);--payment-method-form-summary-py:var(--a-space-3);--payment-method-form-legal-fg:var(--a-fg-muted);--payment-method-form-legal-size:var(--a-text-xs,.75rem);--payment-method-form-disabled-opacity:var(--a-opacity-disabled,.5)}@scope(payment-method-form-ui){:scope{gap:var(--payment-method-form-gap);flex-direction:column;display:flex}:scope>[data-alert]{margin-block-end:var(--payment-method-form-alert-mb)}:scope>[data-alert][hidden]{display:none}:scope>[data-summary]{align-items:center;gap:var(--a-space-3);background:var(--payment-method-form-summary-bg);border:var(--payment-method-form-summary-border);border-radius:var(--payment-method-form-summary-radius);padding-inline:var(--payment-method-form-summary-px);padding-block:var(--payment-method-form-summary-py);display:flex}:scope>[data-summary][hidden]{display:none}:scope>[data-summary]>[data-summary-icon]{--a-icon-size:1.25rem;color:var(--a-fg-muted);flex-shrink:0}:scope>[data-summary]>[data-summary-text]{color:var(--md-sys-color-neutral-on-surface);font-size:var(--a-text-sm,.875rem);flex:1}:scope>[data-summary]>[data-summary-edit]{flex-shrink:0}:scope>[data-grid]{grid-template-columns:1fr 1fr;grid-template-areas:var(--payment-method-form-grid-template);gap:var(--payment-method-form-gap);display:grid}:scope>[data-grid][hidden]{display:none}:scope[require-billing-address]>[data-grid]{grid-template-areas:var(--payment-method-form-grid-template-billing)}:scope>[data-grid]>field-ui[hidden]{display:none}:scope [data-brand-badge]{font-size:var(--payment-method-form-brand-icon-size);color:var(--a-fg-muted);letter-spacing:.025em;text-transform:uppercase;align-items:center;display:inline-flex}:scope [data-brand-badge]>[data-brand]{font-weight:var(--a-weight-semibold,600);color:var(--md-sys-color-neutral-on-surface);font-size:var(--a-text-xs,.75rem);padding-inline:var(--a-space-2);padding-block:var(--a-space-1);border-radius:var(--a-radius-sm);background:var(--a-bg-muted)}:scope [data-brand-badge]>[data-brand=visa]{color:var(--a-info-fg,var(--md-sys-color-neutral-on-surface))}:scope [data-brand-badge]>[data-brand=mastercard]{color:var(--a-warning-fg,var(--md-sys-color-neutral-on-surface))}:scope [data-brand-badge]>[data-brand=amex]{color:var(--a-primary-fg,var(--md-sys-color-neutral-on-surface))}:scope [data-brand-badge]>[data-brand=discover]{color:var(--a-success-fg,var(--md-sys-color-neutral-on-surface))}:scope>[data-legal]{color:var(--payment-method-form-legal-fg);font-size:var(--payment-method-form-legal-size);line-height:1.5}:scope>[data-legal]:empty{display:none}:scope[disabled]{opacity:var(--payment-method-form-disabled-opacity);pointer-events:none}}payment-method-list-ui{--payment-method-list-bg:transparent;--payment-method-list-gap:var(--a-space-2);--payment-method-list-row-bg:var(--md-sys-color-primary-container);--payment-method-list-row-border:1px solid var(--md-sys-color-primary);--payment-method-list-add-justify:flex-start;--payment-method-list-disabled-opacity:var(--a-opacity-disabled,.5)}@scope(payment-method-list-ui){:scope{gap:var(--a-space-4);background:var(--payment-method-list-bg);flex-direction:column;display:flex}:scope>[data-rows]{gap:var(--payment-method-list-gap);flex-direction:column;display:flex}:scope>[data-rows]>[data-row]{cursor:pointer;transition:background var(--a-duration-fast,.12s) var(--a-easing,ease), box-shadow var(--a-duration-fast,.12s) var(--a-easing,ease)}:scope>[data-rows]>[data-row]:hover{box-shadow:var(--a-shadow-sm)}:scope>[data-rows]>[data-row]:focus-visible{outline:var(--a-focus-ring,2px solid var(--md-sys-color-primary));outline-offset:2px}:scope>[data-rows]>[data-row][data-default]{--card-bg:var(--payment-method-list-row-bg);--card-border:var(--payment-method-list-row-border)}:scope:not([empty])>[data-empty],:scope[empty]>[data-rows]{display:none}:scope>[data-add]{justify-content:var(--payment-method-list-add-justify);display:flex}:scope>[data-add][hidden]{display:none}:scope[disabled]{opacity:var(--payment-method-list-disabled-opacity);pointer-events:none}}plan-picker-ui{--plan-picker-bg:transparent;--plan-picker-grid-gap:var(--a-space-4);--plan-picker-grid-min:16rem;--plan-picker-card-bg:var(--md-sys-color-neutral-background);--plan-picker-card-bg-recommended:var(--md-sys-color-primary-container);--plan-picker-card-bg-current:var(--a-bg-muted);--plan-picker-card-border:1px solid var(--md-sys-color-neutral-outline);--plan-picker-card-border-recommended:2px solid var(--md-sys-color-primary);--plan-picker-card-radius:var(--a-radius-lg);--plan-picker-card-py:var(--a-space-5);--plan-picker-card-px:var(--a-space-5);--plan-picker-card-shadow-recommended:var(--a-shadow-md);--plan-picker-price-size:var(--a-text-3xl,1.875rem);--plan-picker-price-fg:var(--a-fg-strong,var(--md-sys-color-neutral-on-surface));--plan-picker-cycle-fg:var(--a-fg-muted);--plan-picker-features-gap:var(--a-space-2);--plan-picker-feature-icon-fg:var(--md-sys-color-primary);--plan-picker-toggle-justify:center;--plan-picker-disabled-opacity:var(--a-opacity-disabled,.5)}@scope(plan-picker-ui){:scope{gap:var(--a-space-4);background:var(--plan-picker-bg);flex-direction:column;display:flex}:scope>[data-toggle]{justify-content:var(--plan-picker-toggle-justify);display:flex}:scope>[data-toggle][hidden]{display:none}:scope>[data-plans]{grid-template-columns:repeat(auto-fit, minmax(var(--plan-picker-grid-min), 1fr));gap:var(--plan-picker-grid-gap);align-items:stretch;display:grid}:scope[layout=list]>[data-plans]{grid-template-columns:1fr}:scope>[data-plans]>option-card-ui{--option-card-bg:var(--plan-picker-card-bg);--option-card-border:var(--plan-picker-card-border);--option-card-radius:var(--plan-picker-card-radius);--option-card-padding-block:var(--plan-picker-card-py);--option-card-padding-inline:var(--plan-picker-card-px);box-sizing:border-box;height:100%}:scope>[data-plans]>option-card-ui[data-recommended]{--option-card-bg:var(--plan-picker-card-bg-recommended);--option-card-border:var(--plan-picker-card-border-recommended);box-shadow:var(--plan-picker-card-shadow-recommended)}:scope>[data-plans]>option-card-ui[data-current]{--option-card-bg:var(--plan-picker-card-bg-current)}:scope>[data-plans]>option-card-ui>[data-plan-body]{gap:var(--a-space-3);flex-direction:column;flex:1;display:flex!important}:scope>[data-plans]>option-card-ui>[data-plan-tags]{align-self:start;align-items:center;gap:var(--a-space-1);display:flex}:scope>[data-plans]>option-card-ui>[data-plan-tags]:empty{display:none}:scope [data-price-row]{align-items:baseline;gap:var(--a-space-1);display:flex}:scope [data-price]{font-size:var(--plan-picker-price-size);color:var(--plan-picker-price-fg);font-weight:var(--a-weight-bold,700);line-height:1}:scope [data-cycle]{font-size:var(--a-text-sm,.875rem);color:var(--plan-picker-cycle-fg)}:scope [data-price-note]{font-size:var(--a-text-xs,.75rem);color:var(--plan-picker-cycle-fg)}:scope ul[data-features]{gap:var(--plan-picker-features-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}:scope ul[data-features]>li{align-items:flex-start;gap:var(--a-space-2);color:var(--md-sys-color-neutral-on-surface);font-size:var(--a-text-sm,.875rem);padding-inline-start:0;line-height:1.4;display:flex}:scope ul[data-features]>li>icon-ui{color:var(--plan-picker-feature-icon-fg);--a-icon-size:1rem;flex-shrink:0;margin-block-start:.125rem}:scope ul[data-features]>li:before{content:none}:scope button-ui[data-cta]{width:100%;margin-block-start:auto}:scope:not([empty])>[data-empty],:scope[empty]>[data-plans],:scope>[data-skeleton]{display:none}:scope[loading]>[data-skeleton]{grid-template-columns:repeat(auto-fit, minmax(var(--plan-picker-grid-min), 1fr));gap:var(--plan-picker-grid-gap);display:grid}:scope[loading]>[data-plans]{visibility:hidden}:scope[disabled]{opacity:var(--plan-picker-disabled-opacity);pointer-events:none}}:where(chat-shell){--chat-bg:var(--a-canvas-0);--chat-border:unset;--chat-radius:unset;--chat-header-height:var(--a-chrome-app-header-height);--chat-header-px:var(--a-space-4);--chat-header-gap:var(--a-space-2);--chat-header-border:1px solid var(--md-sys-color-neutral-outline-variant);--chat-messages-px:var(--a-space-4);--chat-messages-py:var(--a-space-4);--chat-messages-gap:var(--a-space-3);--chat-message-max-width:85%;--chat-user-bg:var(--md-sys-color-primary);--chat-user-fg:var(--md-sys-color-primary-on-primary);--chat-user-radius:var(--a-radius-md);--chat-user-tail-radius:var(--a-radius-sm);--chat-user-px:var(--a-space-3);--chat-user-py:var(--a-space-1);--chat-assistant-bg:var(--a-canvas-2);--chat-assistant-fg:var(--md-sys-color-neutral-on-surface);--chat-assistant-radius:var(--a-radius-lg);--chat-assistant-tail-radius:var(--a-radius-sm);--chat-assistant-px:var(--a-space-3);--chat-assistant-py:var(--a-space-1);--chat-avatar-size:1.75rem;--chat-avatar-bg:var(--chat-assistant-bg);--chat-avatar-fg:var(--chat-assistant-fg);--chat-avatar-font:var(--a-ui-sm);--chat-avatar-weight:var(--a-weight-semibold);--chat-cursor-width:2px;--chat-cursor-color:currentColor;--chat-cursor-speed:.8s;--chat-footer-px:var(--a-space-3);--chat-footer-py:var(--a-space-3);--chat-actions-gap:var(--a-space-1);--chat-code-bg:var(--a-canvas-2);--chat-code-radius:var(--a-radius-md);--chat-font-size:var(--a-ui-size);--chat-line-height:var(--a-leading-normal);--chat-weight-semibold:var(--a-weight-semibold);--chat-header-name-font:var(--a-ui-lg);--chat-header-status-font:var(--a-ui-md);--chat-header-status-fg:var(--a-fg-muted);--chat-error-gap:var(--a-space-2);--chat-error-fg:var(--a-danger-strong);--chat-error-font:var(--a-ui-sm);--chat-actions-duration:var(--a-duration-fast);--chat-actions-easing:var(--a-easing);--chat-avatar-radius:var(--a-radius-full);--chat-thinking-fg:var(--a-fg-muted);--chat-code-inline-radius:var(--a-radius-sm);--chat-code-inline-family:var(--a-font-family-code);--chat-code-block-px:var(--a-space-3);--chat-code-block-my:var(--a-space-2);--chat-code-block-font:var(--a-ui-sm)}chat-shell{box-sizing:border-box;border:var(--chat-border);border-radius:var(--chat-radius);background:var(--chat-bg);flex-direction:column;height:100%;display:flex;overflow:hidden}chat-shell>header{align-items:center;gap:var(--chat-header-gap);min-height:var(--chat-header-height);padding:0 var(--chat-header-px);border-bottom:var(--chat-header-border);flex-shrink:0;display:flex}chat-shell>header [data-chat-name]{font-weight:var(--chat-weight-semibold);font-size:var(--chat-header-name-font)}chat-shell>header chat-status{font-size:var(--chat-header-status-font);color:var(--chat-header-status-fg);margin-inline-start:auto}chat-shell>chat-thread,chat-shell>section{padding:var(--chat-messages-py) var(--chat-messages-px);gap:var(--chat-messages-gap);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}chat-shell>footer{padding:var(--chat-footer-py) var(--chat-footer-px);flex-shrink:0;align-items:center;display:flex}chat-shell>footer chat-input-ui{flex:1}chat-shell [data-role]{gap:var(--chat-header-gap);max-width:var(--chat-message-max-width);align-items:flex-end;display:flex}chat-shell [data-role=user]{flex-direction:row-reverse;align-self:flex-end}chat-shell [data-role=assistant]{align-self:flex-start}chat-shell [data-role] [data-avatar]{width:var(--chat-avatar-size);height:var(--chat-avatar-size);border-radius:var(--chat-avatar-radius);background:var(--chat-avatar-bg);color:var(--chat-avatar-fg);font-size:var(--chat-avatar-font);font-weight:var(--chat-avatar-weight);flex-shrink:0;justify-content:center;align-items:center;display:flex}chat-shell [data-role] [data-bubble]{padding:var(--chat-assistant-py) var(--chat-assistant-px);border-radius:var(--chat-assistant-radius);font-size:var(--chat-font-size);line-height:var(--chat-line-height);white-space:pre-wrap;word-break:break-word}chat-shell [data-role] [data-bubble]>:first-child{margin-block-start:0}chat-shell [data-role] [data-bubble]>:last-child{margin-block-end:0}chat-shell [data-role=user] [data-bubble]{background:var(--chat-user-bg);color:var(--chat-user-fg);padding:var(--chat-user-py) var(--chat-user-px);border-radius:var(--chat-user-radius);border-bottom-right-radius:var(--chat-user-tail-radius)}chat-shell [data-role=assistant] [data-bubble]{background:var(--chat-assistant-bg);color:var(--chat-assistant-fg);border-bottom-left-radius:var(--chat-assistant-tail-radius)}chat-shell [data-role=error]{align-self:center;align-items:center;gap:var(--chat-error-gap);max-width:none;color:var(--chat-error-fg);font-size:var(--chat-error-font);display:flex}chat-shell [data-role] [data-actions]{gap:var(--chat-actions-gap);opacity:0;transition:opacity var(--chat-actions-duration) var(--chat-actions-easing);display:flex}chat-shell [data-role]:hover [data-actions]{opacity:1}chat-shell [data-cursor]{width:var(--chat-cursor-width);background:var(--chat-cursor-color);vertical-align:text-bottom;height:1em;animation:chat-shell-blink var(--chat-cursor-speed) step-end infinite;margin-inline-start:1px;display:inline-block}@keyframes chat-shell-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){chat-shell [data-cursor]{opacity:.7;animation:none}}chat-shell [data-role=assistant][data-thinking] [data-bubble]{color:var(--chat-thinking-fg)}chat-shell [data-bubble] [data-content]{white-space:normal}chat-shell [data-bubble] [data-content] p{margin:0 0 .5em}chat-shell [data-bubble] [data-content] p:last-child{margin-bottom:0}chat-shell [data-bubble] [data-content] strong{font-weight:var(--chat-weight-semibold)}chat-shell [data-bubble] [data-content] code{background:var(--chat-code-bg);border-radius:var(--chat-code-inline-radius);font-family:var(--chat-code-inline-family);padding:.1em .15em;font-size:.875em}chat-shell [data-bubble] [data-content] pre{background:var(--chat-code-bg);border-radius:var(--chat-code-radius);padding:var(--chat-code-block-px);margin:var(--chat-code-block-my) 0;font-size:var(--chat-code-block-font);line-height:1.5;overflow-x:auto}chat-shell [data-bubble] [data-content] pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}chat-shell [data-bubble] [data-content] ul,chat-shell [data-bubble] [data-content] ol{margin:.25em 0;padding-inline-start:1.25em}chat-shell [data-bubble] [data-content] li{margin-bottom:.15em}chat-shell [data-bubble] [data-content] a{color:inherit;text-underline-offset:2px;text-decoration:underline}chat-shell [data-bubble] [data-content] h1,chat-shell [data-bubble] [data-content] h2,chat-shell [data-bubble] [data-content] h3,chat-shell [data-bubble] [data-content] h4{font-weight:var(--chat-weight-semibold);margin:.75em 0 .25em}chat-shell [data-bubble] [data-content] h1:first-child,chat-shell [data-bubble] [data-content] h2:first-child,chat-shell [data-bubble] [data-content] h3:first-child{margin-top:0}chat-shell chat-empty{margin:auto}chat-shell[streaming] chat-empty,chat-shell:has([data-role]) chat-empty{display:none}chat-shell>chat-header,chat-sidebar>chat-header[slot=header],chat-sidebar>chat-header:first-child{align-items:center;gap:var(--chat-header-gap,var(--a-space-2));padding:0 var(--chat-header-px,var(--a-space-3));height:var(--chat-header-height,var(--a-size-lg));font-size:var(--chat-header-font,var(--a-ui-size));border-bottom:var(--chat-border,1px solid var(--md-sys-color-neutral-outline-variant));background:var(--chat-bg,var(--md-sys-color-neutral-background));flex-shrink:0;display:flex}chat-header>[slot=name]{font-weight:var(--a-weight-medium,500);color:var(--md-sys-color-neutral-on-surface)}chat-header>[slot=status]{margin-inline-start:var(--a-space-2)}chat-header>[slot=action]:first-of-type{margin-inline-start:auto}chat-header>[slot=action-leading]{margin-inline-end:var(--a-space-2)}chat-status{align-items:center;gap:var(--a-space-1);font-size:var(--a-ui-sm);color:var(--a-fg-muted);display:inline-flex}chat-shell>chat-thread{overscroll-behavior:contain;gap:var(--chat-message-gap,var(--a-space-3));min-height:0;padding:var(--chat-thread-py,var(--a-space-4)) var(--chat-thread-px,var(--a-space-4));background:var(--chat-thread-bg,var(--md-sys-color-neutral-background));flex-direction:column;flex:1;display:flex;overflow-y:auto}chat-thread:not([empty])>chat-empty{display:none}chat-thread[empty]>chat-empty{padding:var(--a-space-6);flex:1;justify-content:center;align-items:center;display:flex}chat-shell>chat-composer{align-items:stretch;gap:var(--a-space-2);padding:var(--chat-composer-py,var(--a-space-3)) var(--chat-composer-px,var(--a-space-3));border-top:var(--chat-border,1px solid var(--md-sys-color-neutral-outline-variant));background:var(--chat-bg,var(--md-sys-color-neutral-background));flex-shrink:0;display:flex}chat-composer>[slot=leading],chat-composer>[slot=attach],chat-composer>[slot=trailing]{align-items:center;gap:var(--a-space-1);flex-shrink:0;display:inline-flex}chat-composer>:is(chat-input-ui,input-ui,textarea-ui){flex:1;min-width:0}chat-composer[disabled]{opacity:.6;pointer-events:none}:is(chat-sidebar[slot=leading],chat-sidebar[slot=trailing]){min-width:var(--chat-sidebar-min-width,48px);max-width:var(--chat-sidebar-max-width,480px);min-height:0;font-size:var(--chat-sidebar-font,var(--a-ui-size));transition:width var(--chat-duration,var(--a-duration,.2s)) var(--chat-easing,var(--a-easing,ease));background:var(--chat-bg,var(--md-sys-color-neutral-background));flex-direction:column;flex-shrink:0;display:flex;position:relative;container:sidebar/inline-size}chat-sidebar[slot=leading]{width:var(--chat-sidebar-width-leading,240px);border-right:var(--chat-border,1px solid var(--md-sys-color-neutral-outline-variant))}chat-sidebar[slot=trailing]{width:var(--chat-sidebar-width-trailing,320px);border-left:var(--chat-border,1px solid var(--md-sys-color-neutral-outline-variant))}:is(chat-sidebar[slot=leading],chat-sidebar[slot=trailing])>[data-resize]{cursor:col-resize;z-index:1;-webkit-user-select:none;user-select:none;width:6px;position:absolute;top:0;bottom:0}chat-sidebar[slot=leading]>[data-resize]{right:-3px}chat-sidebar[slot=trailing]>[data-resize]{left:-3px}:is(chat-sidebar[slot=leading],chat-sidebar[slot=trailing])>[data-resize]:hover{background:var(--md-sys-color-primary);opacity:.5}chat-sidebar[resizing]{transition:none}chat-sidebar[resizing]>[data-resize]{background:var(--md-sys-color-primary);opacity:.8}chat-shell:has(>chat-sidebar){flex-direction:row;display:flex}chat-shell:has(>chat-sidebar)>:not(chat-sidebar){display:contents}dashboard-layout-ui{--dashboard-layout-gap:var(--a-space-4);--dashboard-layout-kpi-gap:var(--a-space-2);--dashboard-layout-chart-gap:var(--a-space-4);--dashboard-layout-aside-width:20em;--dashboard-layout-padding:0;--dashboard-layout-loading-opacity:var(--a-opacity-disabled,.6);--dashboard-layout-gap-compact:var(--a-space-3);--dashboard-layout-kpi-gap-compact:var(--a-space-2);--dashboard-layout-gap-spacious:var(--a-space-5);--dashboard-layout-kpi-gap-spacious:var(--a-space-3)}@scope(dashboard-layout-ui){:scope{gap:var(--dashboard-layout-gap);padding:var(--dashboard-layout-padding);grid-template-columns:1fr;grid-template-areas:"toolbar""kpis""charts""table";grid-auto-rows:auto;display:grid;container:dashboard-layout/inline-size}:scope>[slot=toolbar]{grid-area:toolbar}:scope>[slot=kpis]{grid-area:kpis}:scope>[slot=charts]{grid-area:charts}:scope>[slot=table]{grid-area:table}:scope>[slot=aside]{grid-area:aside}:scope>[slot=kpis]{grid-template-columns:repeat(var(--dashboard-layout-kpi-cols,4), 1fr);gap:var(--dashboard-layout-kpi-gap);display:grid}:scope[kpi-columns="2"]>[slot=kpis]{--dashboard-layout-kpi-cols:2}:scope[kpi-columns="3"]>[slot=kpis]{--dashboard-layout-kpi-cols:3}:scope[kpi-columns="4"]>[slot=kpis]{--dashboard-layout-kpi-cols:4}:scope[kpi-columns="5"]>[slot=kpis]{--dashboard-layout-kpi-cols:5}:scope[kpi-columns="6"]>[slot=kpis]{--dashboard-layout-kpi-cols:6}:scope>[slot=charts]{gap:var(--dashboard-layout-chart-gap);grid-template-columns:1fr;display:grid}:scope[chart-split="2"]>[slot=charts]{grid-template-columns:1fr 1fr}:scope[chart-split="2:1"]>[slot=charts]{grid-template-columns:2fr 1fr}:scope[chart-split="3:2"]>[slot=charts]{grid-template-columns:3fr 2fr}:scope[chart-split="3:1"]>[slot=charts]{grid-template-columns:3fr 1fr}:scope:has(>[slot=aside]){grid-template-columns:1fr var(--dashboard-layout-aside-width);grid-template-areas:"toolbar toolbar""kpis aside""charts aside""table aside"}:scope>[slot=aside]{top:var(--a-space-4);align-self:start;position:sticky}:scope[density=comfortable]{--a-density:1}:scope[density=compact]{--dashboard-layout-gap:var(--dashboard-layout-gap-compact);--dashboard-layout-kpi-gap:var(--dashboard-layout-kpi-gap-compact);--a-density:.85}:scope[density=spacious]{--dashboard-layout-gap:var(--dashboard-layout-gap-spacious);--dashboard-layout-kpi-gap:var(--dashboard-layout-kpi-gap-spacious);--a-density:1.15}:scope[loading]>[slot]{opacity:var(--dashboard-layout-loading-opacity);pointer-events:none}@container dashboard-layout (inline-size<44em){:scope[kpi-columns="5"]>[slot=kpis],:scope[kpi-columns="6"]>[slot=kpis]{--dashboard-layout-kpi-cols:3}}@container dashboard-layout (inline-size<40em){:scope[chart-split="2"]>[slot=charts],:scope[chart-split="2:1"]>[slot=charts],:scope[chart-split="3:2"]>[slot=charts],:scope[chart-split="3:1"]>[slot=charts]{grid-template-columns:1fr}}@container dashboard-layout (inline-size<32em){:scope[kpi-columns="3"]>[slot=kpis],:scope[kpi-columns="4"]>[slot=kpis],:scope[kpi-columns="5"]>[slot=kpis],:scope[kpi-columns="6"]>[slot=kpis]{--dashboard-layout-kpi-cols:2}}@container dashboard-layout (inline-size<20em){:scope[kpi-columns="2"]>[slot=kpis],:scope[kpi-columns="3"]>[slot=kpis],:scope[kpi-columns="4"]>[slot=kpis],:scope[kpi-columns="5"]>[slot=kpis],:scope[kpi-columns="6"]>[slot=kpis]{--dashboard-layout-kpi-cols:1}}}date-range-selector-ui{--date-range-selector-gap:var(--a-space-3);--date-range-selector-readout-size:var(--a-font-size-sm);--date-range-selector-readout-fg:var(--a-fg-muted);--date-range-selector-picker-trigger-py:var(--a-space-2);--date-range-selector-disabled-opacity:var(--a-opacity-disabled,.5)}@scope(date-range-selector-ui){:scope{align-items:center;gap:var(--date-range-selector-gap);color:var(--date-range-selector-readout-fg);font-size:var(--date-range-selector-readout-size);display:inline-flex}:scope>[slot=prefix]{order:0}:scope>[data-region=chips]{order:1}:scope>[data-region=picker]{order:2}:scope>[data-region=readout]{order:3}:scope>[slot=suffix]{order:4}:scope:not([value=custom])>[data-region=picker]{display:none}:scope>[data-region=picker]{--date-range-picker-py:var(--date-range-selector-picker-trigger-py)}:scope:not([value=custom])>[data-region=readout]{display:none}:scope>[data-region=readout]{color:var(--date-range-selector-readout-fg);font-size:var(--date-range-selector-readout-size);white-space:nowrap}:scope[disabled]{opacity:var(--date-range-selector-disabled-opacity);pointer-events:none}:scope>[slot=prefix],:scope>[slot=suffix]{align-items:center;gap:var(--a-space-2);display:inline-flex}}:where(editor-shell){--editor-bg:var(--a-canvas-0);--editor-border:1px solid var(--md-sys-color-neutral-outline-variant);--editor-panel-bg:var(--a-canvas-2);--editor-bar-height:var(--a-chrome-pane-header-height);--editor-bar-px:var(--a-space-3);--editor-bar-gap:var(--a-space-2);--editor-bar-font:var(--a-ui-size);--editor-bar-fg:var(--md-sys-color-neutral-on-surface-variant);--editor-bar-fg-strong:var(--md-sys-color-neutral-on-surface);--editor-canvas-bg:var(--a-canvas-1);--editor-canvas-fg:var(--a-fg-muted);--editor-canvas-toolbar-bg:var(--editor-panel-bg);--editor-canvas-toolbar-px:var(--a-space-3);--editor-canvas-toolbar-gap:var(--a-space-2);--editor-title-weight:var(--a-weight-medium);--editor-pane-width-left:240px;--editor-pane-width-right:280px}editor-shell{box-sizing:border-box;background:var(--editor-bg);flex-direction:column;height:100%;display:flex;overflow:hidden}editor-shell editor-canvas{background:var(--editor-canvas-bg);min-width:0;color:var(--editor-canvas-fg);flex:1;justify-content:flex-start;align-items:stretch;display:flex}editor-shell pane-ui{--pane-radius:0;--pane-bg:var(--editor-panel-bg);flex-shrink:0;height:100%}editor-shell editor-sidebar[slot=leading]>pane-ui{width:var(--editor-pane-width-left)}editor-shell editor-sidebar[slot=trailing]>pane-ui{width:var(--editor-pane-width-right)}editor-shell>editor-toolbar{box-sizing:border-box;align-items:center;gap:var(--editor-toolbar-gap,var(--a-space-2));padding:0 var(--editor-toolbar-px,var(--a-space-3));height:var(--editor-toolbar-height,var(--a-size-lg));font-size:var(--editor-toolbar-font,var(--a-ui-size));box-shadow:inset 0 -1px 0 var(--md-sys-color-neutral-outline-variant);background:var(--editor-panel-bg,var(--md-sys-color-neutral-background));flex-shrink:0;grid-area:toolbar;display:flex}editor-toolbar>[slot=title]{font-weight:var(--a-weight-medium,500);color:var(--md-sys-color-neutral-on-surface)}editor-toolbar>[slot=action-leading]{margin-inline-end:var(--a-space-2)}editor-toolbar>[slot=status]{color:var(--a-fg-muted);margin-inline-start:var(--a-space-2)}editor-toolbar>[slot=action]{margin-inline-start:auto}editor-toolbar>[slot=action]~[slot=action]{margin-inline-start:var(--a-space-2)}editor-shell>editor-canvas{background:var(--editor-canvas-bg,var(--a-bg-subtle));flex-direction:column;flex:1;grid-area:canvas;justify-content:flex-start;align-items:stretch;min-width:0;min-height:0;display:flex;position:relative;overflow:auto}editor-canvas>*{transform:scale(var(--editor-canvas-zoom,1));transform-origin:0 0}editor-canvas-toolbar{align-items:center;gap:var(--editor-canvas-toolbar-gap,var(--a-space-2));padding:0 var(--editor-canvas-toolbar-px,var(--a-space-3));box-shadow:inset 0 -1px 0 var(--md-sys-color-neutral-outline-variant);background:var(--editor-canvas-toolbar-bg,var(--editor-panel-bg,var(--md-sys-color-neutral-background)));z-index:1;flex-shrink:0;display:flex;position:sticky;top:0;transform:none}editor-canvas-toolbar>[slot=title]{font-weight:var(--a-weight-medium,500);color:var(--md-sys-color-neutral-on-surface)}editor-canvas-toolbar>[slot=action-leading]{align-items:center;gap:var(--editor-canvas-toolbar-gap,var(--a-space-2));flex-shrink:0;margin-inline-end:var(--a-space-2);display:flex}editor-canvas-toolbar>[slot=action]{align-items:center;gap:var(--editor-canvas-toolbar-gap,var(--a-space-2));flex-shrink:0;margin-inline-start:auto;display:flex}editor-canvas-toolbar>[slot=action]~[slot=action]{margin-inline-start:var(--editor-canvas-toolbar-gap,var(--a-space-2))}editor-canvas:not([empty])>editor-canvas-empty{display:none}editor-canvas[empty]>editor-canvas-empty{padding:var(--a-space-6);flex:1;justify-content:center;align-items:center;display:flex}:is(editor-sidebar[slot=leading],editor-sidebar[slot=trailing]){flex-direction:column;flex-shrink:0;min-height:0;display:flex;position:relative}editor-sidebar[slot=leading]{border-right:var(--editor-border,1px solid var(--md-sys-color-neutral-outline-variant));grid-area:leading}editor-sidebar[slot=trailing]{border-left:var(--editor-border,1px solid var(--md-sys-color-neutral-outline-variant));grid-area:trailing}editor-sidebar>pane-ui{flex-direction:column;flex:1;min-height:0;display:flex}editor-sidebar{transition:width var(--editor-sidebar-duration,var(--a-duration,.18s)) var(--editor-sidebar-easing,var(--a-easing,ease));container:editor-sidebar/inline-size}editor-sidebar>pane-ui{transition:width var(--editor-sidebar-duration,var(--a-duration,.18s)) var(--editor-sidebar-easing,var(--a-easing,ease))}editor-sidebar[collapsed]>pane-ui{min-width:var(--editor-sidebar-collapsed-width,48px);overflow:hidden;width:var(--editor-sidebar-collapsed-width,48px)!important}editor-sidebar[collapsed]>pane-ui>section,editor-sidebar[collapsed]>pane-ui>footer{display:none}editor-sidebar[collapsed]>pane-ui>header{justify-content:flex-start;align-items:center;gap:var(--a-space-1);padding:var(--a-space-2) 0;flex-direction:column;display:flex}editor-sidebar[collapsed]>pane-ui>header :is(span:not([data-icon]):not([slot]),label,h1,h2,h3){display:none}editor-sidebar[collapsed]{background:var(--editor-sidebar-rail-bg,var(--a-bg-subtle,var(--md-sys-color-neutral-background)))}editor-sidebar:is([resizing],:has(pane-ui[data-resizing])),editor-sidebar:is([resizing],:has(pane-ui[data-resizing]))>pane-ui{transition:none}editor-shell>editor-statusbar{box-sizing:border-box;align-items:center;gap:var(--editor-statusbar-gap,var(--a-space-2));padding:0 var(--editor-statusbar-px,var(--a-space-3));height:var(--editor-statusbar-height,var(--a-size-md));font-size:var(--editor-statusbar-font,var(--a-ui-sm));box-shadow:inset 0 1px 0 var(--md-sys-color-neutral-outline-variant);background:var(--editor-panel-bg,var(--md-sys-color-neutral-background));color:var(--a-fg-muted);flex-shrink:0;grid-area:statusbar;display:flex}editor-statusbar>[slot=cursor],editor-statusbar>[slot=zoom]{font-family:var(--a-font-family-mono);margin-inline-start:var(--a-space-2)}editor-statusbar>[slot=action]{margin-inline-start:auto}editor-statusbar>[slot=action]~[slot=action]{margin-inline-start:var(--a-space-2)}editor-shell:has(>editor-canvas){grid-template:"toolbar toolbar toolbar""leading canvas trailing"1fr"statusbar statusbar statusbar"/auto 1fr auto;height:100%;display:grid}confirm-dialog-ui{--confirm-dialog-icon-bg:var(--a-bg-muted);--confirm-dialog-icon-fg:var(--md-sys-color-neutral-on-surface);--confirm-dialog-confirm-bg:var(--a-primary-bg);--confirm-dialog-header-gap:var(--a-space-3);--confirm-dialog-body-gap:var(--a-space-3);--confirm-dialog-footer-gap:var(--a-space-2);--confirm-dialog-icon-size:var(--a-space-7)}@scope(confirm-dialog-ui){:scope{display:contents}:scope>modal-ui{--modal-pad-body:var(--a-space-4)}:scope header[slot=header]{column-gap:var(--confirm-dialog-header-gap);row-gap:var(--a-space-1);grid-template-columns:auto 1fr auto;align-items:center;display:grid}:scope header[slot=header]>[slot=close]{grid-area:1/3;place-self:start end}:scope header[slot=header]>[slot=icon]{inline-size:var(--confirm-dialog-icon-size);block-size:var(--confirm-dialog-icon-size);--a-icon-size:calc(var(--confirm-dialog-icon-size) - var(--a-space-2));box-sizing:border-box;background:var(--confirm-dialog-icon-bg);color:var(--confirm-dialog-icon-fg);border-radius:50%;flex-shrink:0;grid-area:1/1;justify-content:center;align-items:center;display:inline-flex}:scope header[slot=header]>[slot=heading]{font-weight:var(--a-weight-semibold);color:var(--md-sys-color-neutral-on-surface);grid-column:2}:scope [slot=body] [slot=description]{color:var(--a-fg-muted);line-height:var(--a-line-height-prose,1.5);margin:0}:scope [slot=body] [slot=description][hidden]{display:none}:scope [slot=body]{gap:var(--confirm-dialog-body-gap);flex-direction:column;display:flex}:scope [slot=body]>[data-extra]{display:contents}:scope [slot=footer]{justify-content:flex-end;align-items:center;gap:var(--confirm-dialog-footer-gap);display:flex}:scope [data-confirm-action=confirm]{--button-background:var(--confirm-dialog-confirm-bg)}:scope[confirm-variant=ghost] [data-confirm-action=confirm]{--button-background:transparent;--button-foreground:var(--md-sys-color-neutral-on-surface)}:scope[loading] [data-confirm-action=cancel],:scope[loading] [data-confirm-action=confirm]{pointer-events:none;opacity:var(--a-opacity-disabled,.6)}}@scope(onboarding-checklist-ui){:where(:scope){--onboarding-checklist-bg:var(--a-canvas-1);--onboarding-checklist-fg:var(--md-sys-color-neutral-on-surface);--onboarding-checklist-fg-muted:var(--a-fg-muted);--onboarding-checklist-radius:var(--a-radius-lg);--onboarding-checklist-px:var(--a-space-4);--onboarding-checklist-py:var(--a-space-4);--onboarding-checklist-gap:var(--a-space-3);--onboarding-checklist-progress-fill:var(--md-sys-color-primary);--onboarding-checklist-shadow:var(--a-shadow-sm);--onboarding-checklist-border:1px solid var(--md-sys-color-neutral-outline-variant)}:scope{box-sizing:border-box;padding:var(--onboarding-checklist-py) var(--onboarding-checklist-px);background:var(--onboarding-checklist-bg);color:var(--onboarding-checklist-fg);border-radius:var(--onboarding-checklist-radius);border:var(--onboarding-checklist-border);box-shadow:var(--onboarding-checklist-shadow);display:block}:scope[hidden]{display:none}:scope>[data-part=header]{justify-content:space-between;align-items:center;gap:var(--a-space-2);margin-block-end:var(--onboarding-checklist-gap);display:flex}:scope>[data-part=header]>[data-part=title]{min-width:0;font-weight:var(--a-weight-medium);color:var(--onboarding-checklist-fg);flex:1}:scope>[data-part=header]>[data-part=collapse-toggle]{box-sizing:border-box;padding:var(--a-space-1);border-radius:var(--a-radius-md);color:var(--onboarding-checklist-fg-muted);cursor:pointer;font:inherit;font-family:var(--onboarding-checklist-font-family,var(--a-font-family-ui));appearance:none;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0;display:inline-flex}:scope>[data-part=header]>[data-part=collapse-toggle]:hover{background:var(--a-bg-muted);color:var(--onboarding-checklist-fg)}:scope>[data-part=header]>[data-part=collapse-toggle]:focus-visible{box-shadow:var(--a-focus-ring);outline:none}:scope>[data-part=progress]{--progress-fill:var(--onboarding-checklist-progress-fill);margin-block-end:var(--onboarding-checklist-gap);display:block}:scope>[data-part=meter]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:scope>[data-part=items]{gap:var(--a-space-2);flex-direction:column;margin:0;display:flex}:scope [data-part=complete]{color:var(--onboarding-checklist-fg-muted);margin-block-start:var(--onboarding-checklist-gap)}:scope>[data-part=footer]{margin-block-start:var(--onboarding-checklist-gap)}:scope>[data-part=footer]:empty,:scope[collapsed]>[data-part=items],:scope[collapsed]>[data-part=footer],:scope[collapsed] [data-part=complete]{display:none}:scope [data-item-id][data-done=true] [slot=description]{color:var(--onboarding-checklist-fg-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--md-sys-color-neutral-outline-variant);text-decoration-color:var(--md-sys-color-neutral-outline-variant)}}@scope(gen-root){:scope{box-sizing:border-box;background:var(--chat-bg,var(--a-canvas-0));height:100%;min-height:0;font-family:var(--a-font-family);grid-template-columns:1fr;display:grid;overflow:hidden}:scope[mode=chat]{grid-template-columns:1fr}:scope[mode=chat]>canvas-ui{display:none}:scope[mode=split]{grid-template-columns:minmax(320px,1fr) 1.5fr}:scope[mode=split]>chat-ui{border-right:var(--a-border-thin) solid var(--a-canvas-border-subtle)}:scope[mode=canvas]{grid-template-columns:1fr}:scope[mode=canvas]>chat-ui,:scope>inspector-ui{display:none}:scope[inspector]>inspector-ui{border-left:var(--a-border-thin) solid var(--a-canvas-border-subtle);display:flex}:scope[mode=split][inspector]{grid-template-columns:minmax(320px,1fr) 1.5fr 1fr}:scope>chat-ui,:scope>canvas-ui,:scope>inspector-ui{min-width:0;min-height:0}}@scope(integrations-page-ui){:where(:scope){--integrations-page-bg:var(--md-sys-color-neutral-background);--integrations-page-fg:var(--md-sys-color-neutral-on-surface);--integrations-page-fg-muted:var(--a-fg-muted);--integrations-page-px:var(--a-space-5);--integrations-page-py:var(--a-space-5);--integrations-page-gap:var(--a-space-5);--integrations-page-section-gap:var(--a-space-6);--integrations-page-card-gap:var(--a-space-4);--integrations-page-grid-min:var(--a-space-12);--integrations-page-section-heading-fg:var(--a-fg-strong);--integrations-page-section-heading-size:var(--a-ui-sm);--integrations-page-section-heading-weight:var(--a-weight-medium)}:scope{box-sizing:border-box;gap:var(--integrations-page-gap);padding:var(--integrations-page-py) var(--integrations-page-px);background:var(--integrations-page-bg);color:var(--integrations-page-fg);width:100%;min-width:0;display:grid}:scope>[data-part=header]{justify-content:space-between;align-items:baseline;gap:var(--a-space-3);flex-wrap:wrap;display:flex}:scope>[data-part=header]>[data-part=title]{font-size:var(--a-text-lg);font-weight:var(--a-weight-medium);color:var(--integrations-page-section-heading-fg);margin:0}:scope>[data-part=toolbar]{justify-content:space-between;align-items:center;gap:var(--a-space-3);flex-wrap:wrap;display:flex}:scope>[data-part=toolbar]>[data-part=search]{flex:auto;min-width:0;max-width:100%}:scope>[data-part=toolbar]>[data-part=filter]{flex:none}:scope [data-part=sections]{gap:var(--integrations-page-section-gap);display:grid}:scope [data-part=section]{gap:var(--integrations-page-card-gap);display:grid}:scope [data-part=section-heading]{color:var(--integrations-page-section-heading-fg);font-size:var(--integrations-page-section-heading-size);font-weight:var(--integrations-page-section-heading-weight);text-transform:uppercase;letter-spacing:.04em}:scope[group-by=none] [data-part=section-heading]{display:none}:scope [data-part=skeleton]{display:block}:scope [data-part=skeleton-tile]{min-height:var(--a-space-12);border:1px solid var(--md-sys-color-neutral-outline-variant);border-radius:var(--a-radius-md);background:linear-gradient(90deg, var(--a-bg-muted) 0%, var(--md-sys-color-neutral-background) 50%, var(--a-bg-muted) 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite integrations-page-shimmer;display:block}@keyframes integrations-page-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}:scope[loading] integration-card-ui{opacity:.5;pointer-events:none}:scope [data-part=empty]{gap:var(--a-space-2);text-align:center;padding:var(--a-space-6) var(--a-space-4);border:1px dashed var(--md-sys-color-neutral-outline-variant);border-radius:var(--a-radius-md);background:var(--a-bg-muted);color:var(--integrations-page-fg-muted);place-items:center;display:grid}:scope [data-part=empty] [data-part=empty-heading]{color:var(--integrations-page-fg)}@media (width<=480px){:scope>[data-part=toolbar]{flex-direction:column;align-items:stretch}:scope>[data-part=toolbar]>[data-part=filter]{width:100%;overflow-x:auto}}}notification-preferences-ui{--notification-preferences-bg:var(--md-sys-color-neutral-background);--notification-preferences-row-bg:var(--a-bg-muted);--notification-preferences-px:var(--a-space-5);--notification-preferences-py:var(--a-space-5);--notification-preferences-row-py:var(--a-space-3);--notification-preferences-row-px:var(--a-space-3);--notification-preferences-channel-width:var(--a-space-9);--notification-preferences-row-label-min:12rem;--notification-preferences-border:var(--md-sys-color-neutral-outline-variant);--notification-preferences-radius:var(--a-radius-md);--notification-preferences-group-fg:var(--a-fg-muted);--notification-preferences-disabled-opacity:var(--a-opacity-disabled,.5)}@scope(notification-preferences-ui){:scope{gap:var(--a-space-4);padding:var(--notification-preferences-py) var(--notification-preferences-px);background:var(--notification-preferences-bg);border:1px solid var(--notification-preferences-border);border-radius:var(--notification-preferences-radius);flex-direction:column;display:flex}:scope>[data-part=header]{gap:var(--a-space-2);flex-direction:column;display:flex}:scope>[data-part=header]:empty{display:none}:scope>[data-part=footer]{gap:var(--a-space-2);flex-direction:column;display:flex}:scope>[data-part=footer]:empty{display:none}:scope [data-part=matrix]{flex-direction:column;display:flex}:scope [role=row],:scope [data-part=header-row]{grid-template-columns:minmax(var(--notification-preferences-row-label-min), 1fr) var(--np-columns,repeat(3, minmax(var(--notification-preferences-channel-width), auto)));align-items:center;gap:var(--a-space-2);padding:var(--notification-preferences-row-py) var(--notification-preferences-row-px);border-bottom:1px solid var(--notification-preferences-border);display:grid}:scope [data-part=header-row]{background:0 0}:scope [data-part=body] [role=row]:nth-child(2n){background:var(--notification-preferences-row-bg)}:scope [data-part=body] [role=row]:last-child{border-bottom:0}:scope [role=columnheader]{justify-content:center;align-items:center;gap:var(--a-space-1);min-width:var(--notification-preferences-channel-width);color:var(--a-fg-muted);font-size:var(--a-text-xs,.75rem);font-weight:var(--a-weight-medium,500);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;display:flex}:scope [role=columnheader][data-row-label]{text-align:start;flex-direction:row;justify-content:flex-start;align-items:flex-start}:scope [role=columnheader]>icon-ui{--a-icon-size:1rem;color:var(--a-fg-muted)}:scope [role=columnheader]>[data-channel-label]{display:block}:scope [role=columnheader]>switch-ui{margin-block-start:var(--a-space-1)}:scope [role=rowheader]{gap:var(--a-space-1);flex-direction:column;align-items:flex-start;min-width:0;display:flex}:scope [role=rowheader]>[data-row-label-text]{color:var(--md-sys-color-neutral-on-surface);font-weight:var(--a-weight-medium,500);font-size:var(--a-text-sm,.875rem)}:scope [role=rowheader]>[data-row-description]{color:var(--a-fg-muted);font-size:var(--a-text-xs,.75rem);line-height:1.4}:scope [role=cell]{min-width:var(--notification-preferences-channel-width);justify-content:center;align-items:center;display:flex}:scope [data-part=group-heading]{padding:var(--a-space-3) var(--notification-preferences-row-px) var(--a-space-2);color:var(--notification-preferences-group-fg);font-size:var(--a-text-xs,.75rem);font-weight:var(--a-weight-medium,500);letter-spacing:.06em;text-transform:uppercase}:scope [data-part=group-heading]:first-child{padding-block-start:0}:scope>[data-part=empty]{display:none}:scope[empty]>[data-part=empty]{display:block}:scope[empty]>[data-part=matrix]{display:none}:scope[loading] [role=cell],:scope[loading] [role=columnheader]>switch-ui{opacity:.4;pointer-events:none}:scope[disabled]{opacity:var(--notification-preferences-disabled-opacity)}:scope[disabled] check-ui,:scope[disabled] switch-ui{pointer-events:none}}admin-command dialog{background:0 0;border:none;max-width:none;max-height:none;margin:0;padding:0;position:fixed;top:20vh;left:50%;overflow:visible;transform:translate(-50%)}admin-command dialog command-ui{width:32rem;height:24rem}admin-command dialog::backdrop{background:#00000080}:where(admin-shell){--page-bg:var(--md-sys-color-neutral-surface-dim);--page-border:1px solid var(--md-sys-color-neutral-outline-variant);--page-main-border:var(--page-border);--page-header-height:var(--a-chrome-app-header-height);--page-header-px:var(--a-space-3);--page-header-gap:var(--a-space-3);--page-header-font:var(--a-ui-size);--page-header-fg-muted:var(--a-fg-muted);--page-sidebar-px:var(--a-space-1);--page-sidebar-gap:var(--a-space-1);--page-sidebar-font:var(--a-ui-size);--page-sidebar-min-width:48px;--page-sidebar-max-width:480px;--page-sidebar-resize-accent:var(--md-sys-color-primary);--page-sidebar-bg:var(--md-sys-color-neutral-surface-dimmest);--page-sidebar-divider-bg:var(--md-sys-color-neutral-outline-variant);--page-sidebar-width-leading:clamp(var(--page-sidebar-min-width), 200px, 240px);--page-sidebar-width-trailing:clamp(var(--page-sidebar-min-width), 200px, 240px);--page-content-bg:var(--a-canvas-0);--page-content-header-bg:var(--a-canvas-0);--page-content-radius:var(--a-radius-lg);--page-content-inset:var(--a-space-10);--page-content-max-width:1540px;--page-content-border:1px solid var(--md-sys-color-neutral-outline-variant);--page-content-shadow:var(--a-shadow-sm);--page-content-bp-sm:480px;--page-content-bp-md:720px;--page-content-bp-lg:1024px;--page-section-gap:var(--a-space-6);--page-block-gap:var(--a-space-4);--page-deck-gap:var(--a-space-1);--page-section-size:var(--a-kicker-size);--page-section-weight:var(--a-kicker-weight);--page-section-leading:var(--a-kicker-leading);--page-section-tracking:var(--a-kicker-tracking);--page-section-case:var(--a-kicker-case);--page-section-color:var(--a-kicker-color);--page-section-mb:var(--a-space-3);--page-section-pb:var(--a-space-2);--page-subsection-size:var(--a-subsection-size);--page-subsection-weight:var(--a-subsection-weight);--page-subsection-color:var(--a-subsection-color);--page-sidebar-collapsed-icon:1.0625rem;--page-sidebar-collapsed-avatar:1.5rem;--page-actions-gap:var(--a-space-2);--page-grid-gap:var(--a-space-3);--page-duration:var(--a-duration);--page-duration-fast:var(--a-duration-fast);--page-easing:var(--a-easing);--page-font-family:var(--a-font-family);--page-body-size:var(--a-body-size);--nav-duration:var(--a-duration);--nav-duration-fast:var(--a-duration-fast);--nav-easing:var(--a-easing);--nav-label-px:var(--a-space-2);--nav-label-py:var(--a-space-1);--nav-label-font-size:var(--a-kicker-sm);--nav-label-weight:var(--a-weight-medium);--nav-label-fg:var(--a-fg-muted);--nav-divider-bg:var(--md-sys-color-neutral-outline-variant);--nav-divider-my:var(--a-space-1);--nav-group-indent-rail-bg:var(--md-sys-color-neutral-outline-variant);--nav-group-icon-font-size:var(--a-ui-size);--nav-group-text-weight:var(--a-weight-medium);--nav-group-badge-bg:var(--a-bg-muted);--nav-group-badge-px:var(--a-space-1);--nav-group-badge-radius:var(--a-radius-full);--nav-item-icon-font-size:var(--a-ui-size);--nav-item-selected-weight:var(--a-weight-medium);--nav-item-badge-fg:var(--a-fg-muted);--nav-item-badge-bg:var(--a-bg-muted);--nav-item-badge-px:var(--a-space-1);--nav-item-badge-radius:var(--a-radius-full);--nav-item-trailing-font:var(--a-ui-sm);--nav-item-trailing-fg:var(--a-fg-muted);--nav-item-trailing-border:var(--md-sys-color-neutral-outline-variant);--nav-item-trailing-radius:var(--a-radius-sm);--nav-item-trailing-px:var(--a-space-0-5);--a-icon-size:18px}admin-shell[mode~=borderless]{--page-main-border:none;--page-border:none}admin-shell{background:var(--page-bg);overscroll-behavior:none;height:100dvh;font-family:var(--page-font-family);font-size:var(--page-body-size);display:flex;position:fixed;inset:0;overflow:hidden}admin-shell:not(:has(>:is(asideadmin-sidebar[slot=trailing],admin-sidebar[slot=trailing]):not([hidden])))>admin-content>admin-scroll{margin-inline-end:var(--a-space-2)}admin-shell:not(:has(>:is(header,header-ui,admin-topbar):not([hidden]),>admin-content>admin-topbar:not([hidden])))>admin-content>admin-scroll{margin-block-start:var(--a-space-2)}admin-shell:not(:has(>:is(footer,footer-ui,admin-statusbar):not([hidden]),>admin-content>admin-statusbar:not([hidden])))>admin-content>admin-scroll{margin-block-end:var(--a-space-2)}admin-shell>admin-content>admin-scroll::-webkit-scrollbar{display:none}admin-shell>admin-content>admin-scroll:has(>[data-subnav]:not([hidden])){grid-template-columns:var(--subnav-width,14rem) 1fr;grid-template-rows:minmax(0,1fr);gap:0;display:grid}admin-shell>admin-content>admin-scroll>[data-subnav]{overscroll-behavior:contain;border-inline-end:1px solid var(--md-sys-color-neutral-outline-variant);min-height:0;padding-block:var(--a-space-2);padding-inline:var(--a-space-2);overflow-y:auto}@container (width<=40rem){admin-shell>admin-content>admin-scroll:has(>[data-subnav]:not([hidden])){grid-template-columns:1fr}admin-shell>admin-content>admin-scroll>[data-subnav]{border-inline-end:none;border-block-end:1px solid var(--md-sys-color-neutral-outline-variant)}}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing]){background:var(--page-sidebar-bg);min-width:var(--page-sidebar-min-width);max-width:var(--page-sidebar-max-width);min-height:0;font-size:var(--page-sidebar-font);transition:width var(--page-duration) var(--page-easing);flex-direction:column;flex-shrink:0;display:flex;position:relative;container:sidebar/inline-size}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>[data-resize]{cursor:col-resize;width:6px;transition:background var(--page-duration-fast) var(--page-easing);z-index:2;background:0 0;position:absolute;top:0;bottom:0}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>[data-resize]:hover,:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])[data-resizing]>[data-resize]{background:var(--page-sidebar-resize-accent)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])[data-resizing]{-webkit-user-select:none;user-select:none;transition:none}admin-sidebar[slot=leading]{width:var(--page-sidebar-width-leading)}admin-sidebar[slot=trailing]{width:var(--page-sidebar-width-trailing)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui),:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui){align-items:center;gap:var(--page-sidebar-gap);padding:var(--page-sidebar-px);flex-shrink:0;min-width:0;display:flex;overflow:hidden}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui){min-height:var(--page-header-height);border-bottom:var(--page-border)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui){min-height:var(--page-header-height);border-top:var(--page-border);margin-top:auto}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=icon],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=icon]{color:var(--page-header-fg-muted);flex-shrink:0;align-items:center;display:flex}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=heading],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=heading]{font-weight:var(--a-weight-medium);color:var(--md-sys-color-neutral-on-surface)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=description],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=description]{color:var(--page-header-fg-muted);font-size:var(--a-ui-sm)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=action],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=action]{align-items:center;gap:var(--page-actions-gap);flex-shrink:0;margin-inline-start:auto;display:flex}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=action]~[slot=action],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=action]~[slot=action]{margin-inline-start:0}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=action-leading],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=action-leading]{align-items:center;gap:var(--page-actions-gap);flex-shrink:0;margin-inline-end:auto;display:flex}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(section,section-ui){padding:var(--page-sidebar-px);scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(section,section-ui)::-webkit-scrollbar{display:none}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing]) span[slot=pad]{padding:var(--page-sidebar-px);display:block}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing]) nav-ui{border:none;padding:0}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(section,section-ui)>hr[data-nav-divider]{background:var(--page-sidebar-divider-bg);height:1px;margin:var(--page-sidebar-gap) var(--page-sidebar-px);border:none}@container sidebar (width<=96px){:is(admin-topbar,admin-statusbar){padding:var(--page-sidebar-px);justify-content:center}:is(section,section-ui){flex-direction:column;align-items:center;display:flex}select-ui [slot=display],select-ui [slot=caret]{display:none}select-ui [slot=trigger]{min-height:var(--page-header-height);justify-content:center;padding:0}select-ui [slot=leading]{--a-icon-size:var(--page-sidebar-collapsed-icon);font-size:var(--page-sidebar-collapsed-icon)}select-ui img[slot=leading]{width:var(--page-sidebar-collapsed-avatar);height:var(--page-sidebar-collapsed-avatar)}nav-ui [slot=text],nav-ui [slot=badge],nav-ui [slot=caret],nav-ui [slot=trailing],nav-ui [data-nav-label],nav-ui [data-nav-divider]{display:none!important}nav-group-ui [slot=header]{min-height:var(--nav-group-row-height);min-width:var(--nav-group-row-height);justify-content:center;padding:0}nav-item-ui{min-height:var(--nav-item-row-height);min-width:var(--nav-item-row-height);justify-content:center;width:100%;padding:0}nav-ui{width:100%}button-ui{--button-px:0;justify-content:center;width:auto!important}button-ui [slot=trailing]{display:none}:scope,:is(admin-topbar,admin-statusbar),:is(section,section-ui,nav){overflow:hidden}:is(span,p,div,h1,h2,h3,h4,h5,h6)[slot=heading],[slot=heading]:not(:has(>[slot])){display:none}button.nav-item,a.nav-item,[data-nav]{text-indent:-9999px;white-space:nowrap;justify-content:center;overflow:hidden}button.nav-item>icon-ui,a.nav-item>icon-ui,[data-nav]>icon-ui,button.nav-item>:has(>icon-ui),a.nav-item>:has(>icon-ui),[data-nav]>:has(>icon-ui){text-indent:0}}admin-page-header>:is(header,header-ui),admin-page-body>:is(section,section-ui),admin-page-footer>:is(footer,footer-ui){max-width:var(--page-content-max-width);box-sizing:border-box;width:100%;margin-inline:auto}admin-page-header>:is(header,header-ui){padding-inline:var(--page-content-inset)}admin-page-header[data-content-full]>:is(header,header-ui),admin-page-body[data-content-full]>:is(section,section-ui),admin-page-footer[data-content-full]>:is(footer,footer-ui),admin-page-header>:is(header,header-ui)[data-content-full],admin-page-body>:is(section,section-ui)[data-content-full],admin-page-footer>:is(footer,footer-ui)[data-content-full]{max-width:100%}admin-page-header>:is(header,header-ui){gap:var(--page-header-gap);padding-block:var(--page-content-inset) var(--page-header-gap);flex-direction:column;display:flex}admin-page-header>:is(header,header-ui):has(tabs-ui){padding-bottom:0}admin-page-header:has(>:is(header,header-ui)[data-flush]){background:0 0;border-bottom:none;position:static}admin-page-header>:is(header,header-ui)[data-compact]{padding-block:var(--page-header-px)}admin-page-header>:is(header,header-ui)>div:first-of-type{justify-content:space-between;align-items:center;gap:var(--page-header-gap);display:flex}admin-page-header h1,admin-page-header>:is(header,header-ui)>p{margin:0}admin-page-body>:is(section,section-ui){padding:var(--page-content-inset);gap:var(--page-section-gap,var(--a-space-8));flex-direction:column;display:flex}admin-page-footer>:is(footer,footer-ui){justify-content:flex-end;align-items:center;gap:var(--page-header-gap);padding-inline:var(--page-content-inset);padding-block:var(--page-header-gap);display:flex}admin-page-body>iframe{border:0;flex:1;block-size:100%;inline-size:100%;display:block}[data-tab-content]>section{margin-bottom:var(--page-section-gap)}[data-tab-content]>section>h2{font-size:var(--page-section-size);font-weight:var(--page-section-weight);line-height:var(--page-section-leading);letter-spacing:var(--page-section-tracking);text-transform:var(--page-section-case);color:var(--page-section-color);margin:0 0 var(--page-section-mb);padding-bottom:var(--page-section-pb);border-bottom:var(--page-content-border)}[data-tab-content]>section>[data-section]{gap:var(--page-section-gap) var(--page-header-gap);grid-template-columns:1fr 2fr;display:grid}[data-tab-content]>section>[data-section]>aside>h3{font-size:var(--page-subsection-size);font-weight:var(--page-subsection-weight);color:var(--page-subsection-color);margin:0 0 var(--page-section-pb)}[data-tab-content]>section>[data-section]>aside>p{margin:0}@container page-content (width<=720px){[data-tab-content]>section>[data-section]{gap:var(--page-block-gap) 0;grid-template-columns:minmax(0,1fr)}}@container page-content (width<=768px){admin-page-header>:is(header,header-ui),admin-page-body>:is(section,section-ui){padding-inline:var(--a-space-8)}admin-page-body>:is(section,section-ui){padding-block:var(--a-space-8)}}@container page-content (width<=480px){admin-page-header>:is(header,header-ui),admin-page-body>:is(section,section-ui){padding-inline:var(--a-space-6)}admin-page-body>:is(section,section-ui){padding-block:var(--a-space-6)}}admin-shell [data-spacer]{flex:1}admin-shell [data-actions]{align-items:center;gap:var(--page-actions-gap);display:flex}admin-shell [data-grid]{gap:var(--page-grid-gap);grid-template-columns:1fr 1fr;display:grid}admin-shell [data-grid="3"]{grid-template-columns:1fr 1fr 1fr}admin-shell [data-col]{gap:var(--page-grid-gap);flex-direction:column;display:flex}admin-shell [data-row]{align-items:center;gap:var(--page-grid-gap);display:flex}admin-shell>admin-content{border-inline:var(--page-main-border);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}admin-content>admin-topbar,admin-shell>admin-topbar,admin-sidebar>admin-topbar{align-items:center;gap:var(--page-header-gap);padding:0 var(--a-space-3);height:var(--page-header-height);font-size:var(--page-header-font);border-bottom:var(--page-border);flex-shrink:0;display:flex}admin-content>admin-statusbar,admin-shell>admin-statusbar,admin-sidebar>admin-statusbar{align-items:center;gap:var(--page-header-gap);padding:0 var(--a-space-3);height:var(--page-header-height);font-size:var(--page-header-font);color:var(--page-header-fg-muted);border-top:var(--page-border);flex-shrink:0;display:flex}admin-sidebar>:is(admin-topbar,admin-statusbar){padding-inline:var(--page-sidebar-px)}admin-sidebar>:is(admin-topbar,admin-statusbar)>:where(span,p,small,time,text-ui,code-ui){padding-inline:var(--a-space-2)}admin-content>admin-scroll{overscroll-behavior:contain;scrollbar-width:none;background:var(--page-content-bg);border:var(--page-content-border);min-height:0;box-shadow:var(--page-content-shadow);flex:1;overflow-y:auto}admin-shell[mode~=rounded]>admin-content>admin-scroll{border-radius:var(--page-content-radius)}:is(admin-scroll,admin-content) admin-page{flex-direction:column;min-height:100%;display:flex;container:page-content/inline-size}admin-page>admin-page-header{z-index:1;background:var(--page-content-header-bg);border-bottom:var(--page-content-border);flex-shrink:0;position:sticky;top:0}admin-page>admin-page-body{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-height:0;display:flex}admin-page>admin-page-footer{z-index:1;background:var(--page-content-header-bg);border-top:var(--page-content-border);flex-shrink:0;position:sticky;bottom:0}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing]){min-width:var(--page-sidebar-min-width);max-width:var(--page-sidebar-max-width);min-height:0;font-size:var(--page-sidebar-font);transition:width var(--page-duration) var(--page-easing);background:var(--page-bg);flex-direction:column;flex-shrink:0;display:flex;position:relative;container:sidebar/inline-size}admin-sidebar[slot=leading]{width:var(--page-sidebar-width-leading);border-right:var(--page-border)}admin-sidebar[slot=trailing]{width:var(--page-sidebar-width-trailing);border-left:var(--page-border)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>[data-resize]{cursor:col-resize;z-index:1;-webkit-user-select:none;user-select:none;width:6px;position:absolute;top:0;bottom:0}admin-sidebar[slot=leading]>[data-resize]{right:-3px}admin-sidebar[slot=trailing]>[data-resize]{left:-3px}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>[data-resize]:hover{background:var(--page-sidebar-resize-accent);opacity:.5}admin-sidebar[resizing]{transition:none}admin-sidebar[resizing]>[data-resize]{background:var(--page-sidebar-resize-accent);opacity:.8}:is(admin-topbar,admin-statusbar)>[slot=action]:first-of-type{margin-inline-start:auto}:is(admin-topbar,admin-statusbar)>[slot=action-leading]{margin-inline-end:var(--page-actions-gap)}:is(admin-topbar,admin-statusbar)>[slot=icon]{color:var(--page-header-fg-muted);flex-shrink:0}:is(admin-topbar,admin-statusbar)>[slot=heading]{font-weight:var(--a-weight-medium,500);color:var(--md-sys-color-neutral-on-surface)}:is(admin-topbar,admin-statusbar)>[slot=description]{color:var(--page-header-fg-muted);font-size:var(--a-ui-sm)}:is(admin-topbar,admin-statusbar)>[slot=action],:is(admin-topbar,admin-statusbar)>[slot=action-leading]{align-items:center;gap:var(--page-actions-gap);flex-shrink:0;display:flex}:is(admin-topbar,admin-statusbar)>[slot=action]~[slot=action]{margin-inline-start:0}:is(admin-topbar,admin-statusbar)>[slot=icon]{align-items:center;display:flex}admin-entity-item{--entity-item-gap:var(--a-space-1);--entity-item-px:var(--a-ui-px);--entity-item-icon-size:calc(var(--a-size) - var(--a-space-2));--entity-item-icon-color:var(--a-fg-muted);--entity-item-avatar-size:1.5rem;align-items:center;gap:var(--entity-item-gap);padding:0 var(--entity-item-px);min-width:0;display:inline-flex;overflow:hidden}admin-entity-item>[slot=icon]{color:var(--entity-item-icon-color);--a-icon-size:var(--entity-item-icon-size);flex-shrink:0;align-items:center;line-height:1;display:inline-flex}admin-entity-item>img[slot=icon]{width:var(--entity-item-avatar-size);height:var(--entity-item-avatar-size);border-radius:var(--a-radius-full);object-fit:cover}admin-entity-item>[slot=label]{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--a-ui-sm);font-weight:var(--a-weight-medium,500);color:var(--md-sys-color-neutral-on-surface);flex:1;overflow:hidden}admin-entity-item>[slot=badge]{flex-shrink:0}@container sidebar (width<=96px){admin-entity-item>[slot=label],admin-entity-item>[slot=badge]{display:none}}embed-shell{box-sizing:border-box;background:var(--md-sys-color-neutral-background);color:var(--md-sys-color-neutral-on-surface);border:1px solid var(--md-sys-color-neutral-outline-variant);border-radius:var(--a-radius-lg,var(--a-radius-md));box-shadow:var(--a-shadow-lg);font-family:var(--a-font-family);display:flex;position:relative;overflow:hidden}embed-shell>[app]{block-size:100%;min-inline-size:0;box-shadow:none;border:none;border-radius:0;flex:1;position:relative}embed-shell>[panel]{box-sizing:border-box;flex-direction:column;min-block-size:0}@media (width>=760px){embed-shell[panel]>[app]{flex:none;inline-size:50%}embed-shell>[panel]{display:none}embed-shell>[panel][active]{border-inline-start:1px solid var(--md-sys-color-neutral-outline-variant);flex:none;block-size:100%;inline-size:50%;display:flex}}@media (width<=759.98px){embed-shell>[panel]{z-index:5;background:var(--md-sys-color-neutral-background);transition:transform .26s var(--a-easing-out,ease);display:flex;position:absolute;inset:0;transform:translateY(100%)}embed-shell>[panel][active]{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){embed-shell>[panel]{transition:none}}@scope(simple-content){:scope{gap:var(--a-density-4,1.5rem);width:100%;color:var(--a-text);flex-direction:column;display:flex}:scope>h1,:scope>h2,:scope>h3{color:var(--a-text-heading,var(--a-text));margin:0}:scope>p{line-height:var(--a-line-height-prose,1.6);margin:0}}@scope(simple-hero){:scope{text-align:center;align-items:center;gap:var(--a-density-3,1rem);width:100%;padding-block:var(--a-density-6,3rem);flex-direction:column;display:flex}:scope [slot=heading]{font-size:var(--a-font-size-display,2.5rem);line-height:var(--a-line-height-tight,1.2);color:var(--a-text-heading,var(--a-text));font-weight:var(--a-font-weight-bold,600);margin:0}:scope [slot=lede]{font-size:var(--a-font-size-lede,1.25rem);line-height:var(--a-line-height-prose,1.5);color:var(--a-text-muted);max-width:42rem;margin:0}:scope [slot=actions]{gap:var(--a-density-2,.75rem);margin-top:var(--a-density-2,.75rem);flex-wrap:wrap;justify-content:center;display:flex}}@scope(simple-shell){:scope{box-sizing:border-box;width:100%;min-height:100dvh;padding-inline:var(--a-density-4,1.5rem);padding-block:var(--a-density-6,3rem);align-items:center;gap:var(--a-density-4,1.5rem);background:var(--a-canvas-1);color:var(--a-text);flex-direction:column;display:flex}:scope[centered]{justify-content:center}:scope>*{width:100%;max-width:var(--a-content-max-width,56rem)}:scope[full-bleed]>*{max-width:none}}theme-panel{--theme-panel-gap:var(--a-space-3);--theme-panel-pad:var(--a-space-3);--theme-panel-min-width:260px;--theme-panel-row-gap:var(--a-space-1);--theme-panel-preset-gap:var(--a-space-2)}@scope(theme-panel){:scope{gap:var(--theme-panel-gap);padding:var(--theme-panel-pad);min-width:var(--theme-panel-min-width);flex-direction:column;display:flex}[part=scheme]{display:flex}[part=scheme]>segmented-ui{flex:1}[part=themes]{gap:var(--theme-panel-row-gap);flex-wrap:wrap;display:flex}[part=preset-row]{justify-content:space-between;align-items:center;gap:var(--theme-panel-preset-gap);display:flex}[part=presets]{gap:var(--theme-panel-preset-gap);flex-wrap:wrap;display:flex}}
|
|
1
|
+
billing-overview-ui{--billing-overview-bg:transparent;--billing-overview-gap:var(--a-space-5);--billing-overview-px:var(--a-space-5);--billing-overview-py:var(--a-space-5);--billing-overview-section-radius:var(--a-radius-lg);--billing-overview-header-gap:var(--a-space-3);--billing-overview-kpi-columns:repeat(3, minmax(0, 1fr));--billing-overview-kpi-gap:var(--a-space-3);--billing-overview-section-heading-fg:var(--md-sys-color-neutral-on-surface);--billing-overview-section-heading-size:var(--a-text-base,1rem);--billing-overview-section-heading-weight:var(--a-weight-semibold,600);--billing-overview-title-size:var(--a-text-2xl,1.5rem);--billing-overview-title-weight:var(--a-weight-bold,700);--billing-overview-meta-fg:var(--a-fg-muted);--billing-overview-meta-size:var(--a-text-sm,.875rem);--billing-overview-empty-fg:var(--a-fg-muted)}@scope(billing-overview-ui){:scope{gap:var(--billing-overview-gap);background:var(--billing-overview-bg);padding-block:var(--billing-overview-py);padding-inline:var(--billing-overview-px);box-sizing:border-box;flex-direction:column;display:flex;container:billing-overview/inline-size}:scope>[data-header] [data-billing-plan-name]{font-size:var(--billing-overview-title-size);font-weight:var(--billing-overview-title-weight);color:var(--md-sys-color-neutral-on-surface);margin:0;line-height:1.2}:scope>[data-header] [data-billing-plan-meta]{gap:var(--a-space-3);font-size:var(--billing-overview-meta-size);color:var(--billing-overview-meta-fg);flex-wrap:wrap;display:flex}:scope>[data-header] [data-billing-plan-meta]:empty{display:none}:scope>[data-header] [data-billing-status]{vertical-align:baseline;margin-inline-start:var(--a-space-2)}:scope>[data-header] [data-billing-status][hidden]{display:none}:scope>[data-header] [data-header-actions]{gap:var(--a-space-2);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}:scope>[data-header] [data-header-actions]:empty{display:none}:scope>[data-kpis]{grid-template-columns:var(--billing-overview-kpi-columns);gap:var(--billing-overview-kpi-gap);display:grid}:scope>[data-dunning]{display:block}:scope>[data-dunning][hidden]{display:none}:scope>[data-plan-picker],:scope>[data-payment-methods],:scope>[data-invoice-history]{gap:var(--a-space-3);background:var(--md-sys-color-neutral-background);border:1px solid var(--md-sys-color-neutral-outline-variant);border-radius:var(--billing-overview-section-radius);padding:var(--a-space-4);flex-direction:column;display:flex}:scope>[data-plan-picker][hidden],:scope>[data-payment-methods][hidden],:scope>[data-invoice-history][hidden]{display:none}:scope [data-section-heading]{font-size:var(--billing-overview-section-heading-size);font-weight:var(--billing-overview-section-heading-weight);color:var(--billing-overview-section-heading-fg);margin:0}:scope[variant=compact]>[data-plan-picker],:scope[variant=enterprise]>[data-plan-picker],:scope [data-before-plan-picker]:empty,:scope [data-after-invoice-history]:empty{display:none}:scope>[data-empty]{color:var(--billing-overview-empty-fg);text-align:center;padding-block:var(--a-space-6);display:none}:scope[empty]>[data-empty]{display:block}:scope[empty]>[data-header],:scope[empty]>[data-kpis],:scope[empty]>[data-dunning],:scope[empty]>[data-plan-picker],:scope[empty]>[data-payment-methods],:scope[empty]>[data-invoice-history]{display:none}:scope [data-empty-heading]{margin:0 0 var(--a-space-2) 0;font-size:var(--a-text-base,1rem);font-weight:var(--a-weight-semibold,600);color:var(--md-sys-color-neutral-on-surface)}:scope [data-empty-description]{font-size:var(--a-text-sm,.875rem);margin:0}:scope[loading]{opacity:.85}:scope[past-due]>[data-header] [data-billing-plan-meta]{color:var(--a-danger-strong,var(--a-danger,var(--a-fg-muted)))}@container billing-overview (width<=40rem){:scope>[data-kpis],:scope>[data-header]{grid-template-columns:1fr}:scope>[data-header] [data-header-actions]{justify-content:flex-start}}}invoice-detail-ui{--invoice-detail-bg:transparent;--invoice-detail-page-padding:var(--a-space-5);--invoice-detail-section-gap:var(--a-space-5);--invoice-detail-totals-width:min(360px, 100%);--invoice-detail-status-badge-radius:var(--a-radius-md);--invoice-detail-meta-fg:var(--a-fg-muted);--invoice-detail-amount-fg:var(--md-sys-color-neutral-on-surface);--invoice-detail-total-size:var(--a-text-2xl,1.5rem);--invoice-detail-total-weight:var(--a-weight-bold,700);--invoice-detail-line-amount-align:end;--invoice-detail-heading-size:var(--a-text-2xl,1.5rem);--invoice-detail-heading-weight:var(--a-weight-bold,700);--invoice-detail-party-heading-fg:var(--a-fg-muted);--invoice-detail-party-heading-size:var(--a-text-xs,.75rem);--invoice-detail-totals-row-fg:var(--md-sys-color-neutral-on-surface);--invoice-detail-totals-row-muted-fg:var(--a-fg-muted);--invoice-detail-totals-border:1px solid var(--md-sys-color-neutral-outline)}@scope(invoice-detail-ui){:scope{gap:var(--invoice-detail-section-gap);background:var(--invoice-detail-bg);padding:var(--invoice-detail-page-padding);box-sizing:border-box;flex-direction:column;display:flex;container-type:inline-size}:scope>[data-header]{gap:var(--a-space-2) var(--a-space-4);grid-template-columns:1fr auto;grid-template-areas:"title actions""meta actions";align-items:start;display:grid}:scope>[data-header]>[data-header-title]{align-items:center;gap:var(--a-space-3);flex-wrap:wrap;grid-area:title;display:flex}:scope>[data-header]>[data-header-title]>[data-invoice-number]{font-size:var(--invoice-detail-heading-size);font-weight:var(--invoice-detail-heading-weight);color:var(--md-sys-color-neutral-on-surface);margin:0;line-height:1.2}:scope>[data-header]>[data-header-title]>[data-invoice-status]{--tag-radius:var(--invoice-detail-status-badge-radius)}:scope>[data-header]>[data-header-title]>[data-invoice-status][hidden]{display:none}:scope>[data-header]>[data-header-meta]{gap:var(--a-space-4);color:var(--invoice-detail-meta-fg);font-size:var(--a-text-sm,.875rem);flex-wrap:wrap;grid-area:meta;display:flex}:scope>[data-header]>[data-header-actions]{gap:var(--a-space-2);flex-wrap:wrap;grid-area:actions;justify-content:flex-end;align-items:center;display:flex}:scope>[data-header]>[data-header-actions]>[slot=header-actions]{flex:none}:scope>[data-parties]{gap:var(--a-space-4);grid-template-columns:1fr 1fr;display:grid}:scope>[data-parties]>[data-customer],:scope>[data-parties]>[data-remit-to]{gap:var(--a-space-1);flex-direction:column;display:flex}:scope>[data-parties] [data-party-heading]{text-transform:uppercase;letter-spacing:.05em;font-size:var(--invoice-detail-party-heading-size);color:var(--invoice-detail-party-heading-fg);margin-block-end:var(--a-space-1)}:scope>[data-parties] [data-party-name]{font-weight:var(--a-weight-semibold,600);color:var(--md-sys-color-neutral-on-surface)}:scope>[data-parties] [data-party-email],:scope>[data-parties] [data-party-address]{color:var(--invoice-detail-meta-fg);font-size:var(--a-text-sm,.875rem)}:scope>[data-parties]>[data-customer]:has(>[slot=customer-block])>[data-customer-default],:scope>[data-parties]>[data-remit-to]:has(>[slot=remit-to-block])>[data-remit-to-default],:scope>[data-parties]>[data-remit-to]:not(:has(>[slot=remit-to-block]))>[data-remit-to-default]:empty{display:none}:scope>[data-lines]{display:block}:scope>[data-lines]>[data-lines-card]{--card-padding:0}:scope>[data-lines] [data-lines-table] [data-body]>[role=row]:last-child [role=gridcell]{border-bottom:none}:scope>[data-totals]{gap:var(--a-space-2);inline-size:var(--invoice-detail-totals-width);box-sizing:border-box;flex-direction:column;margin-inline-start:auto;display:flex}:scope>[data-totals]>[data-totals-row]{justify-content:space-between;align-items:baseline;gap:var(--a-space-3);color:var(--invoice-detail-totals-row-muted-fg);font-size:var(--a-text-sm,.875rem);display:flex}:scope>[data-totals]>[data-totals-row]>[data-totals-value]{text-align:var(--invoice-detail-line-amount-align);color:var(--invoice-detail-amount-fg);font-variant-numeric:tabular-nums}:scope>[data-totals]>[data-grand-total]{border-block-start:var(--invoice-detail-totals-border);color:var(--invoice-detail-totals-row-fg);padding-block-start:var(--a-space-2)}:scope>[data-totals]>[data-grand-total]>[data-totals-label]{font-weight:var(--invoice-detail-total-weight)}:scope>[data-totals]>[data-grand-total]>[data-totals-value]{font-size:var(--invoice-detail-total-size);font-weight:var(--invoice-detail-total-weight);color:var(--invoice-detail-amount-fg)}:scope>[data-footer]{color:var(--invoice-detail-meta-fg);font-size:var(--a-text-sm,.875rem)}:scope>[data-footer]:not(:has(>[slot=footer]))>[data-footer-notes]:empty,:scope>[data-footer]:not(:has(>[slot=footer])):not(:has([data-footer-notes]:not(:empty))),:scope:not([empty])>[data-empty],:scope[empty]>[data-parties],:scope[empty]>[data-lines],:scope[empty]>[data-totals],:scope[empty]>[data-footer]{display:none}:scope[loading]{opacity:.7}:scope[density=compact]>[data-lines]>[data-lines-card] table-ui{--table-row-py:var(--a-space-1)}@media print{:scope[printable]{background:0 0;padding:0}:scope[printable]>[data-header]>[data-header-actions]{display:none}:scope[printable] [data-invoice-status]{--tag-bg:transparent}}@container (width<=640px){:scope>[data-parties]{grid-template-columns:1fr}:scope>[data-totals]{inline-size:100%;margin-inline-start:0}:scope>[data-header]{grid-template-columns:1fr;grid-template-areas:"title""meta""actions"}:scope>[data-header]>[data-header-actions]{justify-content:flex-start}}}invoice-history-ui{--invoice-history-bg:transparent;--invoice-history-gap:var(--a-space-3);--invoice-history-row-min-height:var(--table-row-h,3rem);--invoice-history-toolbar-gap:var(--a-space-3);--invoice-history-amount-font:var(--a-font-mono);--invoice-history-amount-fg:var(--a-fg-strong,var(--md-sys-color-neutral-on-surface));--invoice-history-date-fg:var(--a-fg-muted);--invoice-history-filter-gap:var(--a-space-2);--invoice-history-actions-gap:var(--a-space-1)}@scope(invoice-history-ui){:scope{background:var(--invoice-history-bg);display:block}:scope>[data-toolbar],:scope>[data-table-host],:scope>[data-empty]{display:block}:scope>[data-toolbar]{margin-block-end:var(--invoice-history-gap)}:scope [data-invoice-filter]{gap:var(--invoice-history-filter-gap);flex-wrap:wrap;align-items:center;display:inline-flex}:scope>[data-table-host]>table-ui{--table-row-h:var(--invoice-history-row-min-height);width:100%}:scope [data-invoice-amount]{font-family:var(--invoice-history-amount-font);font-variant-numeric:tabular-nums;color:var(--invoice-history-amount-fg);text-align:end}:scope [data-invoice-status]{align-items:center;display:inline-flex}:scope [data-invoice-actions]{gap:var(--invoice-history-actions-gap);justify-content:flex-end;align-items:center;display:inline-flex}:scope:not([empty])>[data-empty],:scope[empty]>[data-table-host],:scope[loading]>[data-empty],:scope>[slot=empty]{display:none}:scope[empty]>[slot=empty]{display:block}:scope[error]>[data-empty]{--empty-state-icon-fg:var(--a-danger-strong,var(--md-sys-color-danger))}:scope[density=compact]{--invoice-history-row-min-height:var(--table-row-h-compact,2.25rem)}:scope[density=comfortable]{--invoice-history-row-min-height:var(--table-row-h-comfortable,3.5rem)}}payment-method-form-ui{--payment-method-form-gap:var(--a-space-3);--payment-method-form-grid-template:"name name" "card card" "expiry cvc" "country postal";--payment-method-form-grid-template-billing:"name name" "card card" "expiry cvc" "address1 address1" "address2 address2" "country postal";--payment-method-form-brand-icon-size:1.25em;--payment-method-form-alert-mb:var(--a-space-3);--payment-method-form-summary-bg:var(--a-bg-muted);--payment-method-form-summary-border:1px solid var(--md-sys-color-neutral-outline);--payment-method-form-summary-radius:var(--a-radius-md);--payment-method-form-summary-px:var(--a-space-4);--payment-method-form-summary-py:var(--a-space-3);--payment-method-form-legal-fg:var(--a-fg-muted);--payment-method-form-legal-size:var(--a-text-xs,.75rem);--payment-method-form-disabled-opacity:var(--a-opacity-disabled,.5)}@scope(payment-method-form-ui){:scope{gap:var(--payment-method-form-gap);flex-direction:column;display:flex}:scope>[data-alert]{margin-block-end:var(--payment-method-form-alert-mb)}:scope>[data-alert][hidden]{display:none}:scope>[data-summary]{align-items:center;gap:var(--a-space-3);background:var(--payment-method-form-summary-bg);border:var(--payment-method-form-summary-border);border-radius:var(--payment-method-form-summary-radius);padding-inline:var(--payment-method-form-summary-px);padding-block:var(--payment-method-form-summary-py);display:flex}:scope>[data-summary][hidden]{display:none}:scope>[data-summary]>[data-summary-icon]{--a-icon-size:1.25rem;color:var(--a-fg-muted);flex-shrink:0}:scope>[data-summary]>[data-summary-text]{color:var(--md-sys-color-neutral-on-surface);font-size:var(--a-text-sm,.875rem);flex:1}:scope>[data-summary]>[data-summary-edit]{flex-shrink:0}:scope>[data-grid]{grid-template-columns:1fr 1fr;grid-template-areas:var(--payment-method-form-grid-template);gap:var(--payment-method-form-gap);display:grid}:scope>[data-grid][hidden]{display:none}:scope[require-billing-address]>[data-grid]{grid-template-areas:var(--payment-method-form-grid-template-billing)}:scope>[data-grid]>field-ui[hidden]{display:none}:scope [data-brand-badge]{font-size:var(--payment-method-form-brand-icon-size);color:var(--a-fg-muted);letter-spacing:.025em;text-transform:uppercase;align-items:center;display:inline-flex}:scope [data-brand-badge]>[data-brand]{font-weight:var(--a-weight-semibold,600);color:var(--md-sys-color-neutral-on-surface);font-size:var(--a-text-xs,.75rem);padding-inline:var(--a-space-2);padding-block:var(--a-space-1);border-radius:var(--a-radius-sm);background:var(--a-bg-muted)}:scope [data-brand-badge]>[data-brand=visa]{color:var(--a-info-fg,var(--md-sys-color-neutral-on-surface))}:scope [data-brand-badge]>[data-brand=mastercard]{color:var(--a-warning-fg,var(--md-sys-color-neutral-on-surface))}:scope [data-brand-badge]>[data-brand=amex]{color:var(--a-primary-fg,var(--md-sys-color-neutral-on-surface))}:scope [data-brand-badge]>[data-brand=discover]{color:var(--a-success-fg,var(--md-sys-color-neutral-on-surface))}:scope>[data-legal]{color:var(--payment-method-form-legal-fg);font-size:var(--payment-method-form-legal-size);line-height:1.5}:scope>[data-legal]:empty{display:none}:scope[disabled]{opacity:var(--payment-method-form-disabled-opacity);pointer-events:none}}payment-method-list-ui{--payment-method-list-bg:transparent;--payment-method-list-gap:var(--a-space-2);--payment-method-list-row-bg:var(--md-sys-color-primary-container);--payment-method-list-row-border:1px solid var(--md-sys-color-primary);--payment-method-list-add-justify:flex-start;--payment-method-list-disabled-opacity:var(--a-opacity-disabled,.5)}@scope(payment-method-list-ui){:scope{gap:var(--a-space-4);background:var(--payment-method-list-bg);flex-direction:column;display:flex}:scope>[data-rows]{gap:var(--payment-method-list-gap);flex-direction:column;display:flex}:scope>[data-rows]>[data-row]{cursor:pointer;transition:background var(--a-duration-fast,.12s) var(--a-easing,ease), box-shadow var(--a-duration-fast,.12s) var(--a-easing,ease)}:scope>[data-rows]>[data-row]:hover{box-shadow:var(--a-shadow-sm)}:scope>[data-rows]>[data-row]:focus-visible{outline:var(--a-focus-ring,2px solid var(--md-sys-color-primary));outline-offset:2px;border-color:#0000}:scope>[data-rows]>[data-row][data-default]{--card-bg:var(--payment-method-list-row-bg);--card-border:var(--payment-method-list-row-border)}:scope:not([empty])>[data-empty],:scope[empty]>[data-rows]{display:none}:scope>[data-add]{justify-content:var(--payment-method-list-add-justify);display:flex}:scope>[data-add][hidden]{display:none}:scope[disabled]{opacity:var(--payment-method-list-disabled-opacity);pointer-events:none}}plan-picker-ui{--plan-picker-bg:transparent;--plan-picker-grid-gap:var(--a-space-4);--plan-picker-grid-min:16rem;--plan-picker-card-bg:var(--md-sys-color-neutral-background);--plan-picker-card-bg-recommended:var(--md-sys-color-primary-container);--plan-picker-card-bg-current:var(--a-bg-muted);--plan-picker-card-border:1px solid var(--md-sys-color-neutral-outline);--plan-picker-card-border-recommended:2px solid var(--md-sys-color-primary);--plan-picker-card-radius:var(--a-radius-lg);--plan-picker-card-py:var(--a-space-5);--plan-picker-card-px:var(--a-space-5);--plan-picker-card-shadow-recommended:var(--a-shadow-md);--plan-picker-price-size:var(--a-text-3xl,1.875rem);--plan-picker-price-fg:var(--a-fg-strong,var(--md-sys-color-neutral-on-surface));--plan-picker-cycle-fg:var(--a-fg-muted);--plan-picker-features-gap:var(--a-space-2);--plan-picker-feature-icon-fg:var(--md-sys-color-primary);--plan-picker-toggle-justify:center;--plan-picker-disabled-opacity:var(--a-opacity-disabled,.5)}@scope(plan-picker-ui){:scope{gap:var(--a-space-4);background:var(--plan-picker-bg);flex-direction:column;display:flex}:scope>[data-toggle]{justify-content:var(--plan-picker-toggle-justify);display:flex}:scope>[data-toggle][hidden]{display:none}:scope>[data-plans]{grid-template-columns:repeat(auto-fit, minmax(var(--plan-picker-grid-min), 1fr));gap:var(--plan-picker-grid-gap);align-items:stretch;display:grid}:scope[layout=list]>[data-plans]{grid-template-columns:1fr}:scope>[data-plans]>option-card-ui{--option-card-bg:var(--plan-picker-card-bg);--option-card-border:var(--plan-picker-card-border);--option-card-radius:var(--plan-picker-card-radius);--option-card-padding-block:var(--plan-picker-card-py);--option-card-padding-inline:var(--plan-picker-card-px);box-sizing:border-box;height:100%}:scope>[data-plans]>option-card-ui[data-recommended]{--option-card-bg:var(--plan-picker-card-bg-recommended);--option-card-border:var(--plan-picker-card-border-recommended);box-shadow:var(--plan-picker-card-shadow-recommended)}:scope>[data-plans]>option-card-ui[data-current]{--option-card-bg:var(--plan-picker-card-bg-current)}:scope>[data-plans]>option-card-ui>[data-plan-body]{gap:var(--a-space-3);flex-direction:column;flex:1;display:flex!important}:scope>[data-plans]>option-card-ui>[data-plan-tags]{align-self:start;align-items:center;gap:var(--a-space-1);display:flex}:scope>[data-plans]>option-card-ui>[data-plan-tags]:empty{display:none}:scope [data-price-row]{align-items:baseline;gap:var(--a-space-1);display:flex}:scope [data-price]{font-size:var(--plan-picker-price-size);color:var(--plan-picker-price-fg);font-weight:var(--a-weight-bold,700);line-height:1}:scope [data-cycle]{font-size:var(--a-text-sm,.875rem);color:var(--plan-picker-cycle-fg)}:scope [data-price-note]{font-size:var(--a-text-xs,.75rem);color:var(--plan-picker-cycle-fg)}:scope ul[data-features]{gap:var(--plan-picker-features-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}:scope ul[data-features]>li{align-items:flex-start;gap:var(--a-space-2);color:var(--md-sys-color-neutral-on-surface);font-size:var(--a-text-sm,.875rem);padding-inline-start:0;line-height:1.4;display:flex}:scope ul[data-features]>li>icon-ui{color:var(--plan-picker-feature-icon-fg);--a-icon-size:1rem;flex-shrink:0;margin-block-start:.125rem}:scope ul[data-features]>li:before{content:none}:scope button-ui[data-cta]{width:100%;margin-block-start:auto}:scope:not([empty])>[data-empty],:scope[empty]>[data-plans],:scope>[data-skeleton]{display:none}:scope[loading]>[data-skeleton]{grid-template-columns:repeat(auto-fit, minmax(var(--plan-picker-grid-min), 1fr));gap:var(--plan-picker-grid-gap);display:grid}:scope[loading]>[data-plans]{visibility:hidden}:scope[disabled]{opacity:var(--plan-picker-disabled-opacity);pointer-events:none}}:where(chat-shell){--chat-bg:var(--a-canvas-0);--chat-border:unset;--chat-radius:unset;--chat-header-height:var(--a-chrome-app-header-height);--chat-header-px:var(--a-space-4);--chat-header-gap:var(--a-space-2);--chat-header-border:1px solid var(--md-sys-color-neutral-outline-variant);--chat-messages-px:var(--a-space-4);--chat-messages-py:var(--a-space-4);--chat-messages-gap:var(--a-space-3);--chat-message-max-width:85%;--chat-user-bg:var(--md-sys-color-primary);--chat-user-fg:var(--md-sys-color-primary-on-primary);--chat-user-radius:var(--a-radius-md);--chat-user-tail-radius:var(--a-radius-sm);--chat-user-px:var(--a-space-3);--chat-user-py:var(--a-space-1);--chat-assistant-bg:var(--a-canvas-2);--chat-assistant-fg:var(--md-sys-color-neutral-on-surface);--chat-assistant-radius:var(--a-radius-lg);--chat-assistant-tail-radius:var(--a-radius-sm);--chat-assistant-px:var(--a-space-3);--chat-assistant-py:var(--a-space-1);--chat-avatar-size:1.75rem;--chat-avatar-bg:var(--chat-assistant-bg);--chat-avatar-fg:var(--chat-assistant-fg);--chat-avatar-font:var(--a-ui-sm);--chat-avatar-weight:var(--a-weight-semibold);--chat-cursor-width:2px;--chat-cursor-color:currentColor;--chat-cursor-speed:.8s;--chat-footer-px:var(--a-space-3);--chat-footer-py:var(--a-space-3);--chat-actions-gap:var(--a-space-1);--chat-code-bg:var(--a-canvas-2);--chat-code-radius:var(--a-radius-md);--chat-font-size:var(--a-ui-size);--chat-line-height:var(--a-leading-normal);--chat-weight-semibold:var(--a-weight-semibold);--chat-header-name-font:var(--a-ui-lg);--chat-header-status-font:var(--a-ui-md);--chat-header-status-fg:var(--a-fg-muted);--chat-error-gap:var(--a-space-2);--chat-error-fg:var(--a-danger-strong);--chat-error-font:var(--a-ui-sm);--chat-actions-duration:var(--a-duration-fast);--chat-actions-easing:var(--a-easing);--chat-avatar-radius:var(--a-radius-full);--chat-thinking-fg:var(--a-fg-muted);--chat-code-inline-radius:var(--a-radius-sm);--chat-code-inline-family:var(--a-font-family-code);--chat-code-block-px:var(--a-space-3);--chat-code-block-my:var(--a-space-2);--chat-code-block-font:var(--a-ui-sm)}chat-shell{box-sizing:border-box;border:var(--chat-border);border-radius:var(--chat-radius);background:var(--chat-bg);flex-direction:column;height:100%;display:flex;overflow:hidden}chat-shell>header{align-items:center;gap:var(--chat-header-gap);min-height:var(--chat-header-height);padding:0 var(--chat-header-px);border-bottom:var(--chat-header-border);flex-shrink:0;display:flex}chat-shell>header [data-chat-name]{font-weight:var(--chat-weight-semibold);font-size:var(--chat-header-name-font)}chat-shell>header chat-status{font-size:var(--chat-header-status-font);color:var(--chat-header-status-fg);margin-inline-start:auto}chat-shell>chat-thread,chat-shell>section{padding:var(--chat-messages-py) var(--chat-messages-px);gap:var(--chat-messages-gap);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}chat-shell>footer{padding:var(--chat-footer-py) var(--chat-footer-px);flex-shrink:0;align-items:center;display:flex}chat-shell>footer chat-input-ui{flex:1}chat-shell [data-role]{gap:var(--chat-header-gap);max-width:var(--chat-message-max-width);align-items:flex-end;display:flex}chat-shell [data-role=user]{flex-direction:row-reverse;align-self:flex-end}chat-shell [data-role=assistant]{align-self:flex-start}chat-shell [data-role] [data-avatar]{width:var(--chat-avatar-size);height:var(--chat-avatar-size);border-radius:var(--chat-avatar-radius);background:var(--chat-avatar-bg);color:var(--chat-avatar-fg);font-size:var(--chat-avatar-font);font-weight:var(--chat-avatar-weight);flex-shrink:0;justify-content:center;align-items:center;display:flex}chat-shell [data-role] [data-bubble]{padding:var(--chat-assistant-py) var(--chat-assistant-px);border-radius:var(--chat-assistant-radius);font-size:var(--chat-font-size);line-height:var(--chat-line-height);white-space:pre-wrap;word-break:break-word}chat-shell [data-role] [data-bubble]>:first-child{margin-block-start:0}chat-shell [data-role] [data-bubble]>:last-child{margin-block-end:0}chat-shell [data-role=user] [data-bubble]{background:var(--chat-user-bg);color:var(--chat-user-fg);padding:var(--chat-user-py) var(--chat-user-px);border-radius:var(--chat-user-radius);border-bottom-right-radius:var(--chat-user-tail-radius)}chat-shell [data-role=assistant] [data-bubble]{background:var(--chat-assistant-bg);color:var(--chat-assistant-fg);border-bottom-left-radius:var(--chat-assistant-tail-radius)}chat-shell [data-role=error]{align-self:center;align-items:center;gap:var(--chat-error-gap);max-width:none;color:var(--chat-error-fg);font-size:var(--chat-error-font);display:flex}chat-shell [data-role] [data-actions]{gap:var(--chat-actions-gap);opacity:0;transition:opacity var(--chat-actions-duration) var(--chat-actions-easing);display:flex}chat-shell [data-role]:hover [data-actions]{opacity:1}chat-shell [data-cursor]{width:var(--chat-cursor-width);background:var(--chat-cursor-color);vertical-align:text-bottom;height:1em;animation:chat-shell-blink var(--chat-cursor-speed) step-end infinite;margin-inline-start:1px;display:inline-block}@keyframes chat-shell-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){chat-shell [data-cursor]{opacity:.7;animation:none}}chat-shell [data-role=assistant][data-thinking] [data-bubble]{color:var(--chat-thinking-fg)}chat-shell [data-bubble] [data-content]{white-space:normal}chat-shell [data-bubble] [data-content] p{margin:0 0 .5em}chat-shell [data-bubble] [data-content] p:last-child{margin-bottom:0}chat-shell [data-bubble] [data-content] strong{font-weight:var(--chat-weight-semibold)}chat-shell [data-bubble] [data-content] code{background:var(--chat-code-bg);border-radius:var(--chat-code-inline-radius);font-family:var(--chat-code-inline-family);padding:.1em .15em;font-size:.875em}chat-shell [data-bubble] [data-content] pre{background:var(--chat-code-bg);border-radius:var(--chat-code-radius);padding:var(--chat-code-block-px);margin:var(--chat-code-block-my) 0;font-size:var(--chat-code-block-font);line-height:1.5;overflow-x:auto}chat-shell [data-bubble] [data-content] pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}chat-shell [data-bubble] [data-content] ul,chat-shell [data-bubble] [data-content] ol{margin:.25em 0;padding-inline-start:1.25em}chat-shell [data-bubble] [data-content] li{margin-bottom:.15em}chat-shell [data-bubble] [data-content] a{color:inherit;text-underline-offset:2px;text-decoration:underline}chat-shell [data-bubble] [data-content] h1,chat-shell [data-bubble] [data-content] h2,chat-shell [data-bubble] [data-content] h3,chat-shell [data-bubble] [data-content] h4{font-weight:var(--chat-weight-semibold);margin:.75em 0 .25em}chat-shell [data-bubble] [data-content] h1:first-child,chat-shell [data-bubble] [data-content] h2:first-child,chat-shell [data-bubble] [data-content] h3:first-child{margin-top:0}chat-shell chat-empty{margin:auto}chat-shell[streaming] chat-empty,chat-shell:has([data-role]) chat-empty{display:none}chat-shell>chat-header,chat-sidebar>chat-header[slot=header],chat-sidebar>chat-header:first-child{align-items:center;gap:var(--chat-header-gap,var(--a-space-2));padding:0 var(--chat-header-px,var(--a-space-3));height:var(--chat-header-height,var(--a-size-lg));font-size:var(--chat-header-font,var(--a-ui-size));border-bottom:var(--chat-border,1px solid var(--md-sys-color-neutral-outline-variant));background:var(--chat-bg,var(--md-sys-color-neutral-background));flex-shrink:0;display:flex}chat-header>[slot=name]{font-weight:var(--a-weight-medium,500);color:var(--md-sys-color-neutral-on-surface)}chat-header>[slot=status]{margin-inline-start:var(--a-space-2)}chat-header>[slot=action]:first-of-type{margin-inline-start:auto}chat-header>[slot=action-leading]{margin-inline-end:var(--a-space-2)}chat-status{align-items:center;gap:var(--a-space-1);font-size:var(--a-ui-sm);color:var(--a-fg-muted);display:inline-flex}chat-shell>chat-thread{overscroll-behavior:contain;gap:var(--chat-message-gap,var(--a-space-3));min-height:0;padding:var(--chat-thread-py,var(--a-space-4)) var(--chat-thread-px,var(--a-space-4));background:var(--chat-thread-bg,var(--md-sys-color-neutral-background));flex-direction:column;flex:1;display:flex;overflow-y:auto}chat-thread:not([empty])>chat-empty{display:none}chat-thread[empty]>chat-empty{padding:var(--a-space-6);flex:1;justify-content:center;align-items:center;display:flex}chat-shell>chat-composer{align-items:stretch;gap:var(--a-space-2);padding:var(--chat-composer-py,var(--a-space-3)) var(--chat-composer-px,var(--a-space-3));border-top:var(--chat-border,1px solid var(--md-sys-color-neutral-outline-variant));background:var(--chat-bg,var(--md-sys-color-neutral-background));flex-shrink:0;display:flex}chat-composer>[slot=leading],chat-composer>[slot=attach],chat-composer>[slot=trailing]{align-items:center;gap:var(--a-space-1);flex-shrink:0;display:inline-flex}chat-composer>:is(chat-input-ui,input-ui,textarea-ui){flex:1;min-width:0}chat-composer[disabled]{opacity:.6;pointer-events:none}:is(chat-sidebar[slot=leading],chat-sidebar[slot=trailing]){min-width:var(--chat-sidebar-min-width,48px);max-width:var(--chat-sidebar-max-width,480px);min-height:0;font-size:var(--chat-sidebar-font,var(--a-ui-size));transition:width var(--chat-duration,var(--a-duration,.2s)) var(--chat-easing,var(--a-easing,ease));background:var(--chat-bg,var(--md-sys-color-neutral-background));flex-direction:column;flex-shrink:0;display:flex;position:relative;container:sidebar/inline-size}chat-sidebar[slot=leading]{width:var(--chat-sidebar-width-leading,240px);border-right:var(--chat-border,1px solid var(--md-sys-color-neutral-outline-variant))}chat-sidebar[slot=trailing]{width:var(--chat-sidebar-width-trailing,320px);border-left:var(--chat-border,1px solid var(--md-sys-color-neutral-outline-variant))}:is(chat-sidebar[slot=leading],chat-sidebar[slot=trailing])>[data-resize]{cursor:col-resize;z-index:1;-webkit-user-select:none;user-select:none;width:6px;position:absolute;top:0;bottom:0}chat-sidebar[slot=leading]>[data-resize]{right:-3px}chat-sidebar[slot=trailing]>[data-resize]{left:-3px}:is(chat-sidebar[slot=leading],chat-sidebar[slot=trailing])>[data-resize]:hover{background:var(--md-sys-color-primary);opacity:.5}chat-sidebar[resizing]{transition:none}chat-sidebar[resizing]>[data-resize]{background:var(--md-sys-color-primary);opacity:.8}chat-shell:has(>chat-sidebar){flex-direction:row;display:flex}chat-shell:has(>chat-sidebar)>:not(chat-sidebar){display:contents}dashboard-layout-ui{--dashboard-layout-gap:var(--a-space-4);--dashboard-layout-kpi-gap:var(--a-space-2);--dashboard-layout-chart-gap:var(--a-space-4);--dashboard-layout-aside-width:20em;--dashboard-layout-padding:0;--dashboard-layout-loading-opacity:var(--a-opacity-disabled,.6);--dashboard-layout-gap-compact:var(--a-space-3);--dashboard-layout-kpi-gap-compact:var(--a-space-2);--dashboard-layout-gap-spacious:var(--a-space-5);--dashboard-layout-kpi-gap-spacious:var(--a-space-3)}@scope(dashboard-layout-ui){:scope{gap:var(--dashboard-layout-gap);padding:var(--dashboard-layout-padding);grid-template-columns:1fr;grid-template-areas:"toolbar""kpis""charts""table";grid-auto-rows:auto;display:grid;container:dashboard-layout/inline-size}:scope>[slot=toolbar]{grid-area:toolbar}:scope>[slot=kpis]{grid-area:kpis}:scope>[slot=charts]{grid-area:charts}:scope>[slot=table]{grid-area:table}:scope>[slot=aside]{grid-area:aside}:scope>[slot=kpis]{grid-template-columns:repeat(var(--dashboard-layout-kpi-cols,4), 1fr);gap:var(--dashboard-layout-kpi-gap);display:grid}:scope[kpi-columns="2"]>[slot=kpis]{--dashboard-layout-kpi-cols:2}:scope[kpi-columns="3"]>[slot=kpis]{--dashboard-layout-kpi-cols:3}:scope[kpi-columns="4"]>[slot=kpis]{--dashboard-layout-kpi-cols:4}:scope[kpi-columns="5"]>[slot=kpis]{--dashboard-layout-kpi-cols:5}:scope[kpi-columns="6"]>[slot=kpis]{--dashboard-layout-kpi-cols:6}:scope>[slot=charts]{gap:var(--dashboard-layout-chart-gap);grid-template-columns:1fr;display:grid}:scope[chart-split="2"]>[slot=charts]{grid-template-columns:1fr 1fr}:scope[chart-split="2:1"]>[slot=charts]{grid-template-columns:2fr 1fr}:scope[chart-split="3:2"]>[slot=charts]{grid-template-columns:3fr 2fr}:scope[chart-split="3:1"]>[slot=charts]{grid-template-columns:3fr 1fr}:scope:has(>[slot=aside]){grid-template-columns:1fr var(--dashboard-layout-aside-width);grid-template-areas:"toolbar toolbar""kpis aside""charts aside""table aside"}:scope>[slot=aside]{top:var(--a-space-4);align-self:start;position:sticky}:scope[density=comfortable]{--a-density:1}:scope[density=compact]{--dashboard-layout-gap:var(--dashboard-layout-gap-compact);--dashboard-layout-kpi-gap:var(--dashboard-layout-kpi-gap-compact);--a-density:.85}:scope[density=spacious]{--dashboard-layout-gap:var(--dashboard-layout-gap-spacious);--dashboard-layout-kpi-gap:var(--dashboard-layout-kpi-gap-spacious);--a-density:1.15}:scope[loading]>[slot]{opacity:var(--dashboard-layout-loading-opacity);pointer-events:none}@container dashboard-layout (inline-size<44em){:scope[kpi-columns="5"]>[slot=kpis],:scope[kpi-columns="6"]>[slot=kpis]{--dashboard-layout-kpi-cols:3}}@container dashboard-layout (inline-size<40em){:scope[chart-split="2"]>[slot=charts],:scope[chart-split="2:1"]>[slot=charts],:scope[chart-split="3:2"]>[slot=charts],:scope[chart-split="3:1"]>[slot=charts]{grid-template-columns:1fr}}@container dashboard-layout (inline-size<32em){:scope[kpi-columns="3"]>[slot=kpis],:scope[kpi-columns="4"]>[slot=kpis],:scope[kpi-columns="5"]>[slot=kpis],:scope[kpi-columns="6"]>[slot=kpis]{--dashboard-layout-kpi-cols:2}}@container dashboard-layout (inline-size<20em){:scope[kpi-columns="2"]>[slot=kpis],:scope[kpi-columns="3"]>[slot=kpis],:scope[kpi-columns="4"]>[slot=kpis],:scope[kpi-columns="5"]>[slot=kpis],:scope[kpi-columns="6"]>[slot=kpis]{--dashboard-layout-kpi-cols:1}}}date-range-selector-ui{--date-range-selector-gap:var(--a-space-3);--date-range-selector-readout-size:var(--a-font-size-sm);--date-range-selector-readout-fg:var(--a-fg-muted);--date-range-selector-picker-trigger-py:var(--a-space-2);--date-range-selector-disabled-opacity:var(--a-opacity-disabled,.5)}@scope(date-range-selector-ui){:scope{align-items:center;gap:var(--date-range-selector-gap);color:var(--date-range-selector-readout-fg);font-size:var(--date-range-selector-readout-size);display:inline-flex}:scope>[slot=prefix]{order:0}:scope>[data-region=chips]{order:1}:scope>[data-region=picker]{order:2}:scope>[data-region=readout]{order:3}:scope>[slot=suffix]{order:4}:scope:not([value=custom])>[data-region=picker]{display:none}:scope>[data-region=picker]{--date-range-picker-py:var(--date-range-selector-picker-trigger-py)}:scope:not([value=custom])>[data-region=readout]{display:none}:scope>[data-region=readout]{color:var(--date-range-selector-readout-fg);font-size:var(--date-range-selector-readout-size);white-space:nowrap}:scope[disabled]{opacity:var(--date-range-selector-disabled-opacity);pointer-events:none}:scope>[slot=prefix],:scope>[slot=suffix]{align-items:center;gap:var(--a-space-2);display:inline-flex}}:where(editor-shell){--editor-bg:var(--a-canvas-0);--editor-border:1px solid var(--md-sys-color-neutral-outline-variant);--editor-panel-bg:var(--a-canvas-2);--editor-bar-height:var(--a-chrome-pane-header-height);--editor-bar-px:var(--a-space-3);--editor-bar-gap:var(--a-space-2);--editor-bar-font:var(--a-ui-size);--editor-bar-fg:var(--md-sys-color-neutral-on-surface-variant);--editor-bar-fg-strong:var(--md-sys-color-neutral-on-surface);--editor-canvas-bg:var(--a-canvas-1);--editor-canvas-fg:var(--a-fg-muted);--editor-canvas-toolbar-bg:var(--editor-panel-bg);--editor-canvas-toolbar-px:var(--a-space-3);--editor-canvas-toolbar-gap:var(--a-space-2);--editor-title-weight:var(--a-weight-medium);--editor-pane-width-left:240px;--editor-pane-width-right:280px}editor-shell{box-sizing:border-box;background:var(--editor-bg);flex-direction:column;height:100%;display:flex;overflow:hidden}editor-shell editor-canvas{background:var(--editor-canvas-bg);min-width:0;color:var(--editor-canvas-fg);flex:1;justify-content:flex-start;align-items:stretch;display:flex}editor-shell pane-ui{--pane-radius:0;--pane-bg:var(--editor-panel-bg);flex-shrink:0;height:100%}editor-shell editor-sidebar[slot=leading]>pane-ui{width:var(--editor-pane-width-left)}editor-shell editor-sidebar[slot=trailing]>pane-ui{width:var(--editor-pane-width-right)}editor-shell>editor-toolbar{box-sizing:border-box;align-items:center;gap:var(--editor-toolbar-gap,var(--a-space-2));padding:0 var(--editor-toolbar-px,var(--a-space-3));height:var(--editor-toolbar-height,var(--a-size-lg));font-size:var(--editor-toolbar-font,var(--a-ui-size));box-shadow:inset 0 -1px 0 var(--md-sys-color-neutral-outline-variant);background:var(--editor-panel-bg,var(--md-sys-color-neutral-background));flex-shrink:0;grid-area:toolbar;display:flex}editor-toolbar>[slot=title]{font-weight:var(--a-weight-medium,500);color:var(--md-sys-color-neutral-on-surface)}editor-toolbar>[slot=action-leading]{margin-inline-end:var(--a-space-2)}editor-toolbar>[slot=status]{color:var(--a-fg-muted);margin-inline-start:var(--a-space-2)}editor-toolbar>[slot=action]{margin-inline-start:auto}editor-toolbar>[slot=action]~[slot=action]{margin-inline-start:var(--a-space-2)}editor-shell>editor-canvas{background:var(--editor-canvas-bg,var(--a-bg-subtle));flex-direction:column;flex:1;grid-area:canvas;justify-content:flex-start;align-items:stretch;min-width:0;min-height:0;display:flex;position:relative;overflow:auto}editor-canvas>*{transform:scale(var(--editor-canvas-zoom,1));transform-origin:0 0}editor-canvas-toolbar{align-items:center;gap:var(--editor-canvas-toolbar-gap,var(--a-space-2));padding:0 var(--editor-canvas-toolbar-px,var(--a-space-3));box-shadow:inset 0 -1px 0 var(--md-sys-color-neutral-outline-variant);background:var(--editor-canvas-toolbar-bg,var(--editor-panel-bg,var(--md-sys-color-neutral-background)));z-index:1;flex-shrink:0;display:flex;position:sticky;top:0;transform:none}editor-canvas-toolbar>[slot=title]{font-weight:var(--a-weight-medium,500);color:var(--md-sys-color-neutral-on-surface)}editor-canvas-toolbar>[slot=action-leading]{align-items:center;gap:var(--editor-canvas-toolbar-gap,var(--a-space-2));flex-shrink:0;margin-inline-end:var(--a-space-2);display:flex}editor-canvas-toolbar>[slot=action]{align-items:center;gap:var(--editor-canvas-toolbar-gap,var(--a-space-2));flex-shrink:0;margin-inline-start:auto;display:flex}editor-canvas-toolbar>[slot=action]~[slot=action]{margin-inline-start:var(--editor-canvas-toolbar-gap,var(--a-space-2))}editor-canvas:not([empty])>editor-canvas-empty{display:none}editor-canvas[empty]>editor-canvas-empty{padding:var(--a-space-6);flex:1;justify-content:center;align-items:center;display:flex}:is(editor-sidebar[slot=leading],editor-sidebar[slot=trailing]){flex-direction:column;flex-shrink:0;min-height:0;display:flex;position:relative}editor-sidebar[slot=leading]{border-right:var(--editor-border,1px solid var(--md-sys-color-neutral-outline-variant));grid-area:leading}editor-sidebar[slot=trailing]{border-left:var(--editor-border,1px solid var(--md-sys-color-neutral-outline-variant));grid-area:trailing}editor-sidebar>pane-ui{flex-direction:column;flex:1;min-height:0;display:flex}editor-sidebar{transition:width var(--editor-sidebar-duration,var(--a-duration,.18s)) var(--editor-sidebar-easing,var(--a-easing,ease));container:editor-sidebar/inline-size}editor-sidebar>pane-ui{transition:width var(--editor-sidebar-duration,var(--a-duration,.18s)) var(--editor-sidebar-easing,var(--a-easing,ease))}editor-sidebar[collapsed]>pane-ui{min-width:var(--editor-sidebar-collapsed-width,48px);overflow:hidden;width:var(--editor-sidebar-collapsed-width,48px)!important}editor-sidebar[collapsed]>pane-ui>section,editor-sidebar[collapsed]>pane-ui>footer{display:none}editor-sidebar[collapsed]>pane-ui>header{justify-content:flex-start;align-items:center;gap:var(--a-space-1);padding:var(--a-space-2) 0;flex-direction:column;display:flex}editor-sidebar[collapsed]>pane-ui>header :is(span:not([data-icon]):not([slot]),label,h1,h2,h3){display:none}editor-sidebar[collapsed]{background:var(--editor-sidebar-rail-bg,var(--a-bg-subtle,var(--md-sys-color-neutral-background)))}editor-sidebar:is([resizing],:has(pane-ui[data-resizing])),editor-sidebar:is([resizing],:has(pane-ui[data-resizing]))>pane-ui{transition:none}editor-shell>editor-statusbar{box-sizing:border-box;align-items:center;gap:var(--editor-statusbar-gap,var(--a-space-2));padding:0 var(--editor-statusbar-px,var(--a-space-3));height:var(--editor-statusbar-height,var(--a-size-md));font-size:var(--editor-statusbar-font,var(--a-ui-sm));box-shadow:inset 0 1px 0 var(--md-sys-color-neutral-outline-variant);background:var(--editor-panel-bg,var(--md-sys-color-neutral-background));color:var(--a-fg-muted);flex-shrink:0;grid-area:statusbar;display:flex}editor-statusbar>[slot=cursor],editor-statusbar>[slot=zoom]{font-family:var(--a-font-family-mono);margin-inline-start:var(--a-space-2)}editor-statusbar>[slot=action]{margin-inline-start:auto}editor-statusbar>[slot=action]~[slot=action]{margin-inline-start:var(--a-space-2)}editor-shell:has(>editor-canvas){grid-template:"toolbar toolbar toolbar""leading canvas trailing"1fr"statusbar statusbar statusbar"/auto 1fr auto;height:100%;display:grid}confirm-dialog-ui{--confirm-dialog-icon-bg:var(--a-bg-muted);--confirm-dialog-icon-fg:var(--md-sys-color-neutral-on-surface);--confirm-dialog-confirm-bg:var(--a-primary-bg);--confirm-dialog-header-gap:var(--a-space-3);--confirm-dialog-body-gap:var(--a-space-3);--confirm-dialog-footer-gap:var(--a-space-2);--confirm-dialog-icon-size:var(--a-space-7)}@scope(confirm-dialog-ui){:scope{display:contents}:scope>modal-ui{--modal-pad-body:var(--a-space-4)}:scope header[slot=header]{column-gap:var(--confirm-dialog-header-gap);row-gap:var(--a-space-1);grid-template-columns:auto 1fr auto;align-items:center;display:grid}:scope header[slot=header]>[slot=close]{grid-area:1/3;place-self:start end}:scope header[slot=header]>[slot=icon]{inline-size:var(--confirm-dialog-icon-size);block-size:var(--confirm-dialog-icon-size);--a-icon-size:calc(var(--confirm-dialog-icon-size) - var(--a-space-2));box-sizing:border-box;background:var(--confirm-dialog-icon-bg);color:var(--confirm-dialog-icon-fg);border-radius:50%;flex-shrink:0;grid-area:1/1;justify-content:center;align-items:center;display:inline-flex}:scope header[slot=header]>[slot=heading]{font-weight:var(--a-weight-semibold);color:var(--md-sys-color-neutral-on-surface);grid-column:2}:scope [slot=body] [slot=description]{color:var(--a-fg-muted);line-height:var(--a-line-height-prose,1.5);margin:0}:scope [slot=body] [slot=description][hidden]{display:none}:scope [slot=body]{gap:var(--confirm-dialog-body-gap);flex-direction:column;display:flex}:scope [slot=body]>[data-extra]{display:contents}:scope [slot=footer]{justify-content:flex-end;align-items:center;gap:var(--confirm-dialog-footer-gap);display:flex}:scope [data-confirm-action=confirm]{--button-background:var(--confirm-dialog-confirm-bg)}:scope[confirm-variant=ghost] [data-confirm-action=confirm]{--button-background:transparent;--button-foreground:var(--md-sys-color-neutral-on-surface)}:scope[loading] [data-confirm-action=cancel],:scope[loading] [data-confirm-action=confirm]{pointer-events:none;opacity:var(--a-opacity-disabled,.6)}}@scope(onboarding-checklist-ui){:where(:scope){--onboarding-checklist-bg:var(--a-canvas-1);--onboarding-checklist-fg:var(--md-sys-color-neutral-on-surface);--onboarding-checklist-fg-muted:var(--a-fg-muted);--onboarding-checklist-radius:var(--a-radius-lg);--onboarding-checklist-px:var(--a-space-4);--onboarding-checklist-py:var(--a-space-4);--onboarding-checklist-gap:var(--a-space-3);--onboarding-checklist-progress-fill:var(--md-sys-color-primary);--onboarding-checklist-shadow:var(--a-shadow-sm);--onboarding-checklist-border:1px solid var(--md-sys-color-neutral-outline-variant)}:scope{box-sizing:border-box;padding:var(--onboarding-checklist-py) var(--onboarding-checklist-px);background:var(--onboarding-checklist-bg);color:var(--onboarding-checklist-fg);border-radius:var(--onboarding-checklist-radius);border:var(--onboarding-checklist-border);box-shadow:var(--onboarding-checklist-shadow);display:block}:scope[hidden]{display:none}:scope>[data-part=header]{justify-content:space-between;align-items:center;gap:var(--a-space-2);margin-block-end:var(--onboarding-checklist-gap);display:flex}:scope>[data-part=header]>[data-part=title]{min-width:0;font-weight:var(--a-weight-medium);color:var(--onboarding-checklist-fg);flex:1}:scope>[data-part=header]>[data-part=collapse-toggle]{box-sizing:border-box;padding:var(--a-space-1);border-radius:var(--a-radius-md);color:var(--onboarding-checklist-fg-muted);cursor:pointer;font:inherit;font-family:var(--onboarding-checklist-font-family,var(--a-font-family-ui));appearance:none;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0;display:inline-flex}:scope>[data-part=header]>[data-part=collapse-toggle]:hover{background:var(--a-bg-muted);color:var(--onboarding-checklist-fg)}:scope>[data-part=header]>[data-part=collapse-toggle]:focus-visible{box-shadow:var(--a-focus-ring);outline:none}:scope>[data-part=progress]{--progress-fill:var(--onboarding-checklist-progress-fill);margin-block-end:var(--onboarding-checklist-gap);display:block}:scope>[data-part=meter]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:scope>[data-part=items]{gap:var(--a-space-2);flex-direction:column;margin:0;display:flex}:scope [data-part=complete]{color:var(--onboarding-checklist-fg-muted);margin-block-start:var(--onboarding-checklist-gap)}:scope>[data-part=footer]{margin-block-start:var(--onboarding-checklist-gap)}:scope>[data-part=footer]:empty,:scope[collapsed]>[data-part=items],:scope[collapsed]>[data-part=footer],:scope[collapsed] [data-part=complete]{display:none}:scope [data-item-id][data-done=true] [slot=description]{color:var(--onboarding-checklist-fg-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--md-sys-color-neutral-outline-variant);text-decoration-color:var(--md-sys-color-neutral-outline-variant)}}@scope(gen-root){:scope{box-sizing:border-box;background:var(--chat-bg,var(--a-canvas-0));height:100%;min-height:0;font-family:var(--a-font-family);grid-template-columns:1fr;display:grid;overflow:hidden}:scope[mode=chat]{grid-template-columns:1fr}:scope[mode=chat]>canvas-ui{display:none}:scope[mode=split]{grid-template-columns:minmax(320px,1fr) 1.5fr}:scope[mode=split]>chat-ui{border-right:var(--a-border-thin) solid var(--a-canvas-border-subtle)}:scope[mode=canvas]{grid-template-columns:1fr}:scope[mode=canvas]>chat-ui,:scope>inspector-ui{display:none}:scope[inspector]>inspector-ui{border-left:var(--a-border-thin) solid var(--a-canvas-border-subtle);display:flex}:scope[mode=split][inspector]{grid-template-columns:minmax(320px,1fr) 1.5fr 1fr}:scope>chat-ui,:scope>canvas-ui,:scope>inspector-ui{min-width:0;min-height:0}}@scope(integrations-page-ui){:where(:scope){--integrations-page-bg:var(--md-sys-color-neutral-background);--integrations-page-fg:var(--md-sys-color-neutral-on-surface);--integrations-page-fg-muted:var(--a-fg-muted);--integrations-page-px:var(--a-space-5);--integrations-page-py:var(--a-space-5);--integrations-page-gap:var(--a-space-5);--integrations-page-section-gap:var(--a-space-6);--integrations-page-card-gap:var(--a-space-4);--integrations-page-grid-min:var(--a-space-12);--integrations-page-section-heading-fg:var(--a-fg-strong);--integrations-page-section-heading-size:var(--a-ui-sm);--integrations-page-section-heading-weight:var(--a-weight-medium)}:scope{box-sizing:border-box;gap:var(--integrations-page-gap);padding:var(--integrations-page-py) var(--integrations-page-px);background:var(--integrations-page-bg);color:var(--integrations-page-fg);width:100%;min-width:0;display:grid}:scope>[data-part=header]{justify-content:space-between;align-items:baseline;gap:var(--a-space-3);flex-wrap:wrap;display:flex}:scope>[data-part=header]>[data-part=title]{font-size:var(--a-text-lg);font-weight:var(--a-weight-medium);color:var(--integrations-page-section-heading-fg);margin:0}:scope>[data-part=toolbar]{justify-content:space-between;align-items:center;gap:var(--a-space-3);flex-wrap:wrap;display:flex}:scope>[data-part=toolbar]>[data-part=search]{flex:auto;min-width:0;max-width:100%}:scope>[data-part=toolbar]>[data-part=filter]{flex:none}:scope [data-part=sections]{gap:var(--integrations-page-section-gap);display:grid}:scope [data-part=section]{gap:var(--integrations-page-card-gap);display:grid}:scope [data-part=section-heading]{color:var(--integrations-page-section-heading-fg);font-size:var(--integrations-page-section-heading-size);font-weight:var(--integrations-page-section-heading-weight);text-transform:uppercase;letter-spacing:.04em}:scope[group-by=none] [data-part=section-heading]{display:none}:scope [data-part=skeleton]{display:block}:scope [data-part=skeleton-tile]{min-height:var(--a-space-12);border:1px solid var(--md-sys-color-neutral-outline-variant);border-radius:var(--a-radius-md);background:linear-gradient(90deg, var(--a-bg-muted) 0%, var(--md-sys-color-neutral-background) 50%, var(--a-bg-muted) 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite integrations-page-shimmer;display:block}@keyframes integrations-page-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}:scope[loading] integration-card-ui{opacity:.5;pointer-events:none}:scope [data-part=empty]{gap:var(--a-space-2);text-align:center;padding:var(--a-space-6) var(--a-space-4);border:1px dashed var(--md-sys-color-neutral-outline-variant);border-radius:var(--a-radius-md);background:var(--a-bg-muted);color:var(--integrations-page-fg-muted);place-items:center;display:grid}:scope [data-part=empty] [data-part=empty-heading]{color:var(--integrations-page-fg)}@media (width<=480px){:scope>[data-part=toolbar]{flex-direction:column;align-items:stretch}:scope>[data-part=toolbar]>[data-part=filter]{width:100%;overflow-x:auto}}}notification-preferences-ui{--notification-preferences-bg:var(--md-sys-color-neutral-background);--notification-preferences-row-bg:var(--a-bg-muted);--notification-preferences-px:var(--a-space-5);--notification-preferences-py:var(--a-space-5);--notification-preferences-row-py:var(--a-space-3);--notification-preferences-row-px:var(--a-space-3);--notification-preferences-channel-width:var(--a-space-9);--notification-preferences-row-label-min:12rem;--notification-preferences-border:var(--md-sys-color-neutral-outline-variant);--notification-preferences-radius:var(--a-radius-md);--notification-preferences-group-fg:var(--a-fg-muted);--notification-preferences-disabled-opacity:var(--a-opacity-disabled,.5)}@scope(notification-preferences-ui){:scope{gap:var(--a-space-4);padding:var(--notification-preferences-py) var(--notification-preferences-px);background:var(--notification-preferences-bg);border:1px solid var(--notification-preferences-border);border-radius:var(--notification-preferences-radius);flex-direction:column;display:flex}:scope>[data-part=header]{gap:var(--a-space-2);flex-direction:column;display:flex}:scope>[data-part=header]:empty{display:none}:scope>[data-part=footer]{gap:var(--a-space-2);flex-direction:column;display:flex}:scope>[data-part=footer]:empty{display:none}:scope [data-part=matrix]{flex-direction:column;display:flex}:scope [role=row],:scope [data-part=header-row]{grid-template-columns:minmax(var(--notification-preferences-row-label-min), 1fr) var(--np-columns,repeat(3, minmax(var(--notification-preferences-channel-width), auto)));align-items:center;gap:var(--a-space-2);padding:var(--notification-preferences-row-py) var(--notification-preferences-row-px);border-bottom:1px solid var(--notification-preferences-border);display:grid}:scope [data-part=header-row]{background:0 0}:scope [data-part=body] [role=row]:nth-child(2n){background:var(--notification-preferences-row-bg)}:scope [data-part=body] [role=row]:last-child{border-bottom:0}:scope [role=columnheader]{justify-content:center;align-items:center;gap:var(--a-space-1);min-width:var(--notification-preferences-channel-width);color:var(--a-fg-muted);font-size:var(--a-text-xs,.75rem);font-weight:var(--a-weight-medium,500);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;display:flex}:scope [role=columnheader][data-row-label]{text-align:start;flex-direction:row;justify-content:flex-start;align-items:flex-start}:scope [role=columnheader]>icon-ui{--a-icon-size:1rem;color:var(--a-fg-muted)}:scope [role=columnheader]>[data-channel-label]{display:block}:scope [role=columnheader]>switch-ui{margin-block-start:var(--a-space-1)}:scope [role=rowheader]{gap:var(--a-space-1);flex-direction:column;align-items:flex-start;min-width:0;display:flex}:scope [role=rowheader]>[data-row-label-text]{color:var(--md-sys-color-neutral-on-surface);font-weight:var(--a-weight-medium,500);font-size:var(--a-text-sm,.875rem)}:scope [role=rowheader]>[data-row-description]{color:var(--a-fg-muted);font-size:var(--a-text-xs,.75rem);line-height:1.4}:scope [role=cell]{min-width:var(--notification-preferences-channel-width);justify-content:center;align-items:center;display:flex}:scope [data-part=group-heading]{padding:var(--a-space-3) var(--notification-preferences-row-px) var(--a-space-2);color:var(--notification-preferences-group-fg);font-size:var(--a-text-xs,.75rem);font-weight:var(--a-weight-medium,500);letter-spacing:.06em;text-transform:uppercase}:scope [data-part=group-heading]:first-child{padding-block-start:0}:scope>[data-part=empty]{display:none}:scope[empty]>[data-part=empty]{display:block}:scope[empty]>[data-part=matrix]{display:none}:scope[loading] [role=cell],:scope[loading] [role=columnheader]>switch-ui{opacity:.4;pointer-events:none}:scope[disabled]{opacity:var(--notification-preferences-disabled-opacity)}:scope[disabled] check-ui,:scope[disabled] switch-ui{pointer-events:none}}admin-command dialog{background:0 0;border:none;max-width:none;max-height:none;margin:0;padding:0;position:fixed;top:20vh;left:50%;overflow:visible;transform:translate(-50%)}admin-command dialog command-ui{width:32rem;height:24rem}admin-command dialog::backdrop{background:#00000080}:where(admin-shell){--page-bg:var(--md-sys-color-neutral-surface-dim);--page-border:1px solid var(--md-sys-color-neutral-outline-variant);--page-main-border:var(--page-border);--page-header-height:var(--a-chrome-app-header-height);--page-header-px:var(--a-space-3);--page-header-gap:var(--a-space-3);--page-header-font:var(--a-ui-size);--page-header-fg-muted:var(--a-fg-muted);--page-sidebar-px:var(--a-space-1);--page-sidebar-gap:var(--a-space-1);--page-sidebar-font:var(--a-ui-size);--page-sidebar-min-width:48px;--page-sidebar-max-width:480px;--page-sidebar-resize-accent:var(--md-sys-color-primary);--page-sidebar-bg:var(--md-sys-color-neutral-surface-dimmest);--page-sidebar-divider-bg:var(--md-sys-color-neutral-outline-variant);--page-sidebar-width-leading:clamp(var(--page-sidebar-min-width), 200px, 240px);--page-sidebar-width-trailing:clamp(var(--page-sidebar-min-width), 200px, 240px);--page-content-bg:var(--a-canvas-0);--page-content-header-bg:var(--a-canvas-0);--page-content-radius:var(--a-radius-lg);--page-content-inset:var(--a-space-10);--page-content-max-width:1540px;--page-content-border:1px solid var(--md-sys-color-neutral-outline-variant);--page-content-shadow:var(--a-shadow-sm);--page-content-bp-sm:480px;--page-content-bp-md:720px;--page-content-bp-lg:1024px;--page-section-gap:var(--a-space-6);--page-block-gap:var(--a-space-4);--page-deck-gap:var(--a-space-1);--page-section-size:var(--a-kicker-size);--page-section-weight:var(--a-kicker-weight);--page-section-leading:var(--a-kicker-leading);--page-section-tracking:var(--a-kicker-tracking);--page-section-case:var(--a-kicker-case);--page-section-color:var(--a-kicker-color);--page-section-mb:var(--a-space-3);--page-section-pb:var(--a-space-2);--page-subsection-size:var(--a-subsection-size);--page-subsection-weight:var(--a-subsection-weight);--page-subsection-color:var(--a-subsection-color);--page-sidebar-collapsed-icon:1.0625rem;--page-sidebar-collapsed-avatar:1.5rem;--page-actions-gap:var(--a-space-2);--page-grid-gap:var(--a-space-3);--page-duration:var(--a-duration);--page-duration-fast:var(--a-duration-fast);--page-easing:var(--a-easing);--page-font-family:var(--a-font-family);--page-body-size:var(--a-body-size);--nav-duration:var(--a-duration);--nav-duration-fast:var(--a-duration-fast);--nav-easing:var(--a-easing);--nav-label-px:var(--a-space-2);--nav-label-py:var(--a-space-1);--nav-label-font-size:var(--a-kicker-sm);--nav-label-weight:var(--a-weight-medium);--nav-label-fg:var(--a-fg-muted);--nav-divider-bg:var(--md-sys-color-neutral-outline-variant);--nav-divider-my:var(--a-space-1);--nav-group-indent-rail-bg:var(--md-sys-color-neutral-outline-variant);--nav-group-icon-font-size:var(--a-ui-size);--nav-group-text-weight:var(--a-weight-medium);--nav-group-badge-bg:var(--a-bg-muted);--nav-group-badge-px:var(--a-space-1);--nav-group-badge-radius:var(--a-radius-full);--nav-item-icon-font-size:var(--a-ui-size);--nav-item-selected-weight:var(--a-weight-medium);--nav-item-badge-fg:var(--a-fg-muted);--nav-item-badge-bg:var(--a-bg-muted);--nav-item-badge-px:var(--a-space-1);--nav-item-badge-radius:var(--a-radius-full);--nav-item-trailing-font:var(--a-ui-sm);--nav-item-trailing-fg:var(--a-fg-muted);--nav-item-trailing-border:var(--md-sys-color-neutral-outline-variant);--nav-item-trailing-radius:var(--a-radius-sm);--nav-item-trailing-px:var(--a-space-0-5);--a-icon-size:18px}admin-shell[mode~=borderless]{--page-main-border:none;--page-border:none}admin-shell{background:var(--page-bg);overscroll-behavior:none;height:100dvh;font-family:var(--page-font-family);font-size:var(--page-body-size);display:flex;position:fixed;inset:0;overflow:hidden}admin-shell:not(:has(>:is(asideadmin-sidebar[slot=trailing],admin-sidebar[slot=trailing]):not([hidden])))>admin-content>admin-scroll{margin-inline-end:var(--a-space-2)}admin-shell:not(:has(>:is(header,header-ui,admin-topbar):not([hidden]),>admin-content>admin-topbar:not([hidden])))>admin-content>admin-scroll{margin-block-start:var(--a-space-2)}admin-shell:not(:has(>:is(footer,footer-ui,admin-statusbar):not([hidden]),>admin-content>admin-statusbar:not([hidden])))>admin-content>admin-scroll{margin-block-end:var(--a-space-2)}admin-shell>admin-content>admin-scroll::-webkit-scrollbar{display:none}admin-shell>admin-content>admin-scroll:has(>[data-subnav]:not([hidden])){grid-template-columns:var(--subnav-width,14rem) 1fr;grid-template-rows:minmax(0,1fr);gap:0;display:grid}admin-shell>admin-content>admin-scroll>[data-subnav]{overscroll-behavior:contain;border-inline-end:1px solid var(--md-sys-color-neutral-outline-variant);min-height:0;padding-block:var(--a-space-2);padding-inline:var(--a-space-2);overflow-y:auto}@container (width<=40rem){admin-shell>admin-content>admin-scroll:has(>[data-subnav]:not([hidden])){grid-template-columns:1fr}admin-shell>admin-content>admin-scroll>[data-subnav]{border-inline-end:none;border-block-end:1px solid var(--md-sys-color-neutral-outline-variant)}}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing]){background:var(--page-sidebar-bg);min-width:var(--page-sidebar-min-width);max-width:var(--page-sidebar-max-width);min-height:0;font-size:var(--page-sidebar-font);transition:width var(--page-duration) var(--page-easing);flex-direction:column;flex-shrink:0;display:flex;position:relative;container:sidebar/inline-size}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>[data-resize]{cursor:col-resize;width:6px;transition:background var(--page-duration-fast) var(--page-easing);z-index:2;background:0 0;position:absolute;top:0;bottom:0}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>[data-resize]:hover,:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])[data-resizing]>[data-resize]{background:var(--page-sidebar-resize-accent)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])[data-resizing]{-webkit-user-select:none;user-select:none;transition:none}admin-sidebar[slot=leading]{width:var(--page-sidebar-width-leading)}admin-sidebar[slot=trailing]{width:var(--page-sidebar-width-trailing)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui),:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui){align-items:center;gap:var(--page-sidebar-gap);padding:var(--page-sidebar-px);flex-shrink:0;min-width:0;display:flex;overflow:hidden}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui){min-height:var(--page-header-height);border-bottom:var(--page-border)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui){min-height:var(--page-header-height);border-top:var(--page-border);margin-top:auto}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=icon],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=icon]{color:var(--page-header-fg-muted);flex-shrink:0;align-items:center;display:flex}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=heading],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=heading]{font-weight:var(--a-weight-medium);color:var(--md-sys-color-neutral-on-surface)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=description],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=description]{color:var(--page-header-fg-muted);font-size:var(--a-ui-sm)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=action],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=action]{align-items:center;gap:var(--page-actions-gap);flex-shrink:0;margin-inline-start:auto;display:flex}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=action]~[slot=action],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=action]~[slot=action]{margin-inline-start:0}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=action-leading],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=action-leading]{align-items:center;gap:var(--page-actions-gap);flex-shrink:0;margin-inline-end:auto;display:flex}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(section,section-ui){padding:var(--page-sidebar-px);scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(section,section-ui)::-webkit-scrollbar{display:none}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing]) span[slot=pad]{padding:var(--page-sidebar-px);display:block}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing]) nav-ui{border:none;padding:0}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(section,section-ui)>hr[data-nav-divider]{background:var(--page-sidebar-divider-bg);height:1px;margin:var(--page-sidebar-gap) var(--page-sidebar-px);border:none}@container sidebar (width<=96px){:is(admin-topbar,admin-statusbar){padding:var(--page-sidebar-px);justify-content:center}:is(section,section-ui){flex-direction:column;align-items:center;display:flex}select-ui [slot=display],select-ui [slot=caret]{display:none}select-ui [slot=trigger]{min-height:var(--page-header-height);justify-content:center;padding:0}select-ui [slot=leading]{--a-icon-size:var(--page-sidebar-collapsed-icon);font-size:var(--page-sidebar-collapsed-icon)}select-ui img[slot=leading]{width:var(--page-sidebar-collapsed-avatar);height:var(--page-sidebar-collapsed-avatar)}nav-ui [slot=text],nav-ui [slot=badge],nav-ui [slot=caret],nav-ui [slot=trailing],nav-ui [data-nav-label],nav-ui [data-nav-divider]{display:none!important}nav-group-ui [slot=header]{min-height:var(--nav-group-row-height);min-width:var(--nav-group-row-height);justify-content:center;padding:0}nav-item-ui{min-height:var(--nav-item-row-height);min-width:var(--nav-item-row-height);justify-content:center;width:100%;padding:0}nav-ui{width:100%}button-ui{--button-px:0;justify-content:center;width:auto!important}button-ui [slot=trailing]{display:none}:scope,:is(admin-topbar,admin-statusbar),:is(section,section-ui,nav){overflow:hidden}:is(span,p,div,h1,h2,h3,h4,h5,h6)[slot=heading],[slot=heading]:not(:has(>[slot])){display:none}button.nav-item,a.nav-item,[data-nav]{text-indent:-9999px;white-space:nowrap;justify-content:center;overflow:hidden}button.nav-item>icon-ui,a.nav-item>icon-ui,[data-nav]>icon-ui,button.nav-item>:has(>icon-ui),a.nav-item>:has(>icon-ui),[data-nav]>:has(>icon-ui){text-indent:0}}admin-page-header>:is(header,header-ui),admin-page-body>:is(section,section-ui),admin-page-footer>:is(footer,footer-ui){max-width:var(--page-content-max-width);box-sizing:border-box;width:100%;margin-inline:auto}admin-page-header>:is(header,header-ui){padding-inline:var(--page-content-inset)}admin-page-header[data-content-full]>:is(header,header-ui),admin-page-body[data-content-full]>:is(section,section-ui),admin-page-footer[data-content-full]>:is(footer,footer-ui),admin-page-header>:is(header,header-ui)[data-content-full],admin-page-body>:is(section,section-ui)[data-content-full],admin-page-footer>:is(footer,footer-ui)[data-content-full]{max-width:100%}admin-page-header>:is(header,header-ui){gap:var(--page-header-gap);padding-block:var(--page-content-inset) var(--page-header-gap);flex-direction:column;display:flex}admin-page-header>:is(header,header-ui):has(tabs-ui){padding-bottom:0}admin-page-header:has(>:is(header,header-ui)[data-flush]){background:0 0;border-bottom:none;position:static}admin-page-header>:is(header,header-ui)[data-compact]{padding-block:var(--page-header-px)}admin-page-header>:is(header,header-ui)>div:first-of-type{justify-content:space-between;align-items:center;gap:var(--page-header-gap);display:flex}admin-page-header h1,admin-page-header>:is(header,header-ui)>p{margin:0}admin-page-body>:is(section,section-ui){padding:var(--page-content-inset);gap:var(--page-section-gap,var(--a-space-8));flex-direction:column;display:flex}admin-page-footer>:is(footer,footer-ui){justify-content:flex-end;align-items:center;gap:var(--page-header-gap);padding-inline:var(--page-content-inset);padding-block:var(--page-header-gap);display:flex}admin-page-body>iframe{border:0;flex:1;block-size:100%;inline-size:100%;display:block}[data-tab-content]>section{margin-bottom:var(--page-section-gap)}[data-tab-content]>section>h2{font-size:var(--page-section-size);font-weight:var(--page-section-weight);line-height:var(--page-section-leading);letter-spacing:var(--page-section-tracking);text-transform:var(--page-section-case);color:var(--page-section-color);margin:0 0 var(--page-section-mb);padding-bottom:var(--page-section-pb);border-bottom:var(--page-content-border)}[data-tab-content]>section>[data-section]{gap:var(--page-section-gap) var(--page-header-gap);grid-template-columns:1fr 2fr;display:grid}[data-tab-content]>section>[data-section]>aside>h3{font-size:var(--page-subsection-size);font-weight:var(--page-subsection-weight);color:var(--page-subsection-color);margin:0 0 var(--page-section-pb)}[data-tab-content]>section>[data-section]>aside>p{margin:0}@container page-content (width<=720px){[data-tab-content]>section>[data-section]{gap:var(--page-block-gap) 0;grid-template-columns:minmax(0,1fr)}}@container page-content (width<=768px){admin-page-header>:is(header,header-ui),admin-page-body>:is(section,section-ui){padding-inline:var(--a-space-8)}admin-page-body>:is(section,section-ui){padding-block:var(--a-space-8)}}@container page-content (width<=480px){admin-page-header>:is(header,header-ui),admin-page-body>:is(section,section-ui){padding-inline:var(--a-space-6)}admin-page-body>:is(section,section-ui){padding-block:var(--a-space-6)}}admin-shell [data-spacer]{flex:1}admin-shell [data-actions]{align-items:center;gap:var(--page-actions-gap);display:flex}admin-shell [data-grid]{gap:var(--page-grid-gap);grid-template-columns:1fr 1fr;display:grid}admin-shell [data-grid="3"]{grid-template-columns:1fr 1fr 1fr}admin-shell [data-col]{gap:var(--page-grid-gap);flex-direction:column;display:flex}admin-shell [data-row]{align-items:center;gap:var(--page-grid-gap);display:flex}admin-shell>admin-content{border-inline:var(--page-main-border);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}admin-content>admin-topbar,admin-shell>admin-topbar,admin-sidebar>admin-topbar{align-items:center;gap:var(--page-header-gap);padding:0 var(--a-space-3);height:var(--page-header-height);font-size:var(--page-header-font);border-bottom:var(--page-border);flex-shrink:0;display:flex}admin-content>admin-statusbar,admin-shell>admin-statusbar,admin-sidebar>admin-statusbar{align-items:center;gap:var(--page-header-gap);padding:0 var(--a-space-3);height:var(--page-header-height);font-size:var(--page-header-font);color:var(--page-header-fg-muted);border-top:var(--page-border);flex-shrink:0;display:flex}admin-sidebar>:is(admin-topbar,admin-statusbar){padding-inline:var(--page-sidebar-px)}admin-sidebar>:is(admin-topbar,admin-statusbar)>:where(span,p,small,time,text-ui,code-ui){padding-inline:var(--a-space-2)}admin-content>admin-scroll{overscroll-behavior:contain;scrollbar-width:none;background:var(--page-content-bg);border:var(--page-content-border);min-height:0;box-shadow:var(--page-content-shadow);flex:1;overflow-y:auto}admin-shell[mode~=rounded]>admin-content>admin-scroll{border-radius:var(--page-content-radius)}:is(admin-scroll,admin-content) admin-page{flex-direction:column;min-height:100%;display:flex;container:page-content/inline-size}admin-page>admin-page-header{z-index:1;background:var(--page-content-header-bg);border-bottom:var(--page-content-border);flex-shrink:0;position:sticky;top:0}admin-page>admin-page-body{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-height:0;display:flex}admin-page>admin-page-footer{z-index:1;background:var(--page-content-header-bg);border-top:var(--page-content-border);flex-shrink:0;position:sticky;bottom:0}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing]){min-width:var(--page-sidebar-min-width);max-width:var(--page-sidebar-max-width);min-height:0;font-size:var(--page-sidebar-font);transition:width var(--page-duration) var(--page-easing);background:var(--page-bg);flex-direction:column;flex-shrink:0;display:flex;position:relative;container:sidebar/inline-size}admin-sidebar[slot=leading]{width:var(--page-sidebar-width-leading);border-right:var(--page-border)}admin-sidebar[slot=trailing]{width:var(--page-sidebar-width-trailing);border-left:var(--page-border)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>[data-resize]{cursor:col-resize;z-index:1;-webkit-user-select:none;user-select:none;width:6px;position:absolute;top:0;bottom:0}admin-sidebar[slot=leading]>[data-resize]{right:-3px}admin-sidebar[slot=trailing]>[data-resize]{left:-3px}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>[data-resize]:hover{background:var(--page-sidebar-resize-accent);opacity:.5}admin-sidebar[resizing]{transition:none}admin-sidebar[resizing]>[data-resize]{background:var(--page-sidebar-resize-accent);opacity:.8}:is(admin-topbar,admin-statusbar)>[slot=action]:first-of-type{margin-inline-start:auto}:is(admin-topbar,admin-statusbar)>[slot=action-leading]{margin-inline-end:var(--page-actions-gap)}:is(admin-topbar,admin-statusbar)>[slot=icon]{color:var(--page-header-fg-muted);flex-shrink:0}:is(admin-topbar,admin-statusbar)>[slot=heading]{font-weight:var(--a-weight-medium,500);color:var(--md-sys-color-neutral-on-surface)}:is(admin-topbar,admin-statusbar)>[slot=description]{color:var(--page-header-fg-muted);font-size:var(--a-ui-sm)}:is(admin-topbar,admin-statusbar)>[slot=action],:is(admin-topbar,admin-statusbar)>[slot=action-leading]{align-items:center;gap:var(--page-actions-gap);flex-shrink:0;display:flex}:is(admin-topbar,admin-statusbar)>[slot=action]~[slot=action]{margin-inline-start:0}:is(admin-topbar,admin-statusbar)>[slot=icon]{align-items:center;display:flex}admin-entity-item{--entity-item-gap:var(--a-space-1);--entity-item-px:var(--a-ui-px);--entity-item-icon-size:calc(var(--a-size) - var(--a-space-2));--entity-item-icon-color:var(--a-fg-muted);--entity-item-avatar-size:1.5rem;align-items:center;gap:var(--entity-item-gap);padding:0 var(--entity-item-px);min-width:0;display:inline-flex;overflow:hidden}admin-entity-item>[slot=icon]{color:var(--entity-item-icon-color);--a-icon-size:var(--entity-item-icon-size);flex-shrink:0;align-items:center;line-height:1;display:inline-flex}admin-entity-item>img[slot=icon]{width:var(--entity-item-avatar-size);height:var(--entity-item-avatar-size);border-radius:var(--a-radius-full);object-fit:cover}admin-entity-item>[slot=label]{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--a-ui-sm);font-weight:var(--a-weight-medium,500);color:var(--md-sys-color-neutral-on-surface);flex:1;overflow:hidden}admin-entity-item>[slot=badge]{flex-shrink:0}@container sidebar (width<=96px){admin-entity-item>[slot=label],admin-entity-item>[slot=badge]{display:none}}embed-shell{box-sizing:border-box;background:var(--md-sys-color-neutral-background);color:var(--md-sys-color-neutral-on-surface);border:1px solid var(--md-sys-color-neutral-outline-variant);border-radius:var(--a-radius-lg,var(--a-radius-md));box-shadow:var(--a-shadow-lg);font-family:var(--a-font-family);display:flex;position:relative;overflow:hidden}embed-shell>[app]{block-size:100%;min-inline-size:0;box-shadow:none;border:none;border-radius:0;flex:1;position:relative}embed-shell>[panel]{box-sizing:border-box;flex-direction:column;min-block-size:0}@media (width>=760px){embed-shell[panel]>[app]{flex:none;inline-size:50%}embed-shell>[panel]{display:none}embed-shell>[panel][active]{border-inline-start:1px solid var(--md-sys-color-neutral-outline-variant);flex:none;block-size:100%;inline-size:50%;display:flex}}@media (width<=759.98px){embed-shell>[panel]{z-index:5;background:var(--md-sys-color-neutral-background);transition:transform .26s var(--a-easing-out,ease);display:flex;position:absolute;inset:0;transform:translateY(100%)}embed-shell>[panel][active]{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){embed-shell>[panel]{transition:none}}@scope(simple-content){:scope{gap:var(--a-density-4,1.5rem);width:100%;color:var(--a-text);flex-direction:column;display:flex}:scope>h1,:scope>h2,:scope>h3{color:var(--a-text-heading,var(--a-text));margin:0}:scope>p{line-height:var(--a-line-height-prose,1.6);margin:0}}@scope(simple-hero){:scope{text-align:center;align-items:center;gap:var(--a-density-3,1rem);width:100%;padding-block:var(--a-density-6,3rem);flex-direction:column;display:flex}:scope [slot=heading]{font-size:var(--a-font-size-display,2.5rem);line-height:var(--a-line-height-tight,1.2);color:var(--a-text-heading,var(--a-text));font-weight:var(--a-font-weight-bold,600);margin:0}:scope [slot=lede]{font-size:var(--a-font-size-lede,1.25rem);line-height:var(--a-line-height-prose,1.5);color:var(--a-text-muted);max-width:42rem;margin:0}:scope [slot=actions]{gap:var(--a-density-2,.75rem);margin-top:var(--a-density-2,.75rem);flex-wrap:wrap;justify-content:center;display:flex}}@scope(simple-shell){:scope{box-sizing:border-box;width:100%;min-height:100dvh;padding-inline:var(--a-density-4,1.5rem);padding-block:var(--a-density-6,3rem);align-items:center;gap:var(--a-density-4,1.5rem);background:var(--a-canvas-1);color:var(--a-text);flex-direction:column;display:flex}:scope[centered]{justify-content:center}:scope>*{width:100%;max-width:var(--a-content-max-width,56rem)}:scope[full-bleed]>*{max-width:none}}theme-panel{--theme-panel-gap:var(--a-space-3);--theme-panel-pad:var(--a-space-3);--theme-panel-min-width:260px;--theme-panel-row-gap:var(--a-space-1);--theme-panel-preset-gap:var(--a-space-2)}@scope(theme-panel){:scope{gap:var(--theme-panel-gap);padding:var(--theme-panel-pad);min-width:var(--theme-panel-min-width);flex-direction:column;display:flex}[part=scheme]{display:flex}[part=scheme]>segmented-ui{flex:1}[part=themes]{gap:var(--theme-panel-row-gap);flex-wrap:wrap;display:flex}[part=preset-row]{justify-content:space-between;align-items:center;gap:var(--theme-panel-preset-gap);display:flex}[part=presets]{gap:var(--theme-panel-preset-gap);flex-wrap:wrap;display:flex}}
|