@freedom-code-compliance/fcc-redesign 0.1.38 → 0.1.40

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/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./rich-text-editor.cjs`);let e=require(`react`),t=require(`lucide-react`),n=require(`react/jsx-runtime`),r=require(`react-dom`);var i=(0,e.createContext)(null),a={success:(0,n.jsx)(t.CheckCircle,{size:16,style:{color:`var(--accent-green)`}}),error:(0,n.jsx)(t.AlertCircle,{size:16,style:{color:`var(--accent-red)`}}),warning:(0,n.jsx)(t.AlertTriangle,{size:16,style:{color:`var(--accent-yellow)`}}),info:(0,n.jsx)(t.Info,{size:16,style:{color:`var(--accent-blue)`}})};function o({toast:r,onDismiss:i}){return(0,e.useEffect)(()=>{if(!(r.sticky||r.duration===0)){let e=setTimeout(()=>i(r.id),r.duration||4e3);return()=>clearTimeout(e)}},[r.id,r.duration,r.sticky,i]),(0,n.jsxs)(`div`,{className:`toast`,style:{animation:`slideInRight 200ms ease`},children:[(0,n.jsx)(`span`,{className:`toast-icon`,children:a[r.type]||a.info}),(0,n.jsxs)(`div`,{className:`toast-content`,children:[r.title&&(0,n.jsx)(`div`,{className:`toast-title`,children:r.title}),r.message&&(0,n.jsx)(`div`,{className:`toast-message`,children:r.message})]}),r.action&&(0,n.jsx)(`button`,{type:`button`,className:`toast-action`,onClick:()=>{r.action.onAction?.(),i(r.id)},children:r.action.label}),(0,n.jsx)(`button`,{type:`button`,className:`toast-close`,onClick:()=>i(r.id),"aria-label":`Dismiss`,children:(0,n.jsx)(t.X,{size:14})})]})}function s({children:t}){let[r,a]=(0,e.useState)([]),s=(0,e.useCallback)(e=>{let t=Date.now()+Math.random();a(n=>[...n.slice(-4),{id:t,...e}])},[]),c=(0,e.useCallback)(e=>{a(t=>t.filter(t=>t.id!==e))},[]);return(0,n.jsxs)(i.Provider,{value:{addToast:s},children:[t,(0,n.jsx)(`div`,{className:`toast-container`,children:r.map(e=>(0,n.jsx)(o,{toast:e,onDismiss:c},e.id))})]})}function c(){let t=(0,e.useContext)(i);if(!t)throw Error(`useToast must be used within ToastProvider`);return t}var l=(0,e.createContext)(void 0),u=`dark`,d=`fcc-theme`;function f(e){if(typeof document>`u`)return;let t=document.documentElement;t.classList.remove(`dark`,`light`),e===`light`&&t.classList.add(`light`)}function p({children:t,defaultTheme:r=u,storageKey:i=d}){let[a,o]=(0,e.useState)(()=>typeof window>`u`?r:window.localStorage.getItem(i)||r);return(0,e.useEffect)(()=>{typeof window<`u`&&window.localStorage.setItem(i,a),f(a)},[i,a]),(0,n.jsx)(l.Provider,{value:{theme:a,setTheme:o,toggleTheme:()=>{o(e=>e===`dark`?`light`:`dark`)}},children:t})}function m(){let t=(0,e.useContext)(l);if(!t)throw Error(`useTheme must be used within a ThemeProvider`);return t}function h({children:e,...t}){return(0,n.jsx)(p,{...t,children:(0,n.jsx)(s,{children:e})})}var g=()=>{},_={sidebarPinned:!1,setSidebarPinned:g,toggleSidebarPinned:g,mobileMenuOpen:!1,setMobileMenuOpen:g,toggleMobileMenu:g,closeMobileMenu:g,isMobileViewport:!1,pinnable:!1,mobileMenuEnabled:!1},v=(0,e.createContext)(_);function y(){return(0,e.useContext)(v)}var b=(...e)=>e.filter(Boolean).join(` `),x=300;function S({open:t=!1,width:r=320,expandedWidth:i,expanded:a=!1,panel:o,children:s,className:c=``,contentClassName:l=``,panelClassName:u=``}){let d=a&&i?i:r,f=(0,e.useRef)(null),p=(0,e.useRef)(null),[m,h]=(0,e.useState)(t?o:null),[g,_]=(0,e.useState)(d),[v,y]=(0,e.useState)(t&&!!o);(0,e.useEffect)(()=>()=>{f.current&&=(window.cancelAnimationFrame(f.current),null),p.current&&=(window.clearTimeout(p.current),null)},[]),(0,e.useEffect)(()=>{if(f.current&&=(window.cancelAnimationFrame(f.current),null),p.current&&=(window.clearTimeout(p.current),null),t){f.current=window.requestAnimationFrame(()=>{h(o),_(d),y(!!o),f.current=null});return}},[t,o,d]),(0,e.useEffect)(()=>{if(!(t||!v))return p.current=window.setTimeout(()=>{y(!1),h(null),p.current=null},x),()=>{p.current&&=(window.clearTimeout(p.current),null)}},[t,v]);let S=!t&&v,C=t?o:v?m:null,w=t?d:v?g:d,T=t&&!!o||!!C;return(0,n.jsxs)(`div`,{className:b(`fcc-side-panel-layout`,c),children:[(0,n.jsx)(`div`,{className:b(`fcc-side-panel-content`,l),children:s}),(0,n.jsx)(`div`,{className:b(`fcc-side-panel-rail`,T&&`has-panel`,t&&T&&`open`,S&&`closing`),style:{"--fcc-side-panel-width":`${w}px`},children:(0,n.jsx)(`div`,{className:b(`fcc-side-panel-inner`,u),children:C})})]})}function C({title:e,subtitle:r,onClose:i,actions:a,className:o=``}){return(0,n.jsxs)(`div`,{className:b(`fcc-side-panel-header`,o),children:[(0,n.jsxs)(`div`,{className:`fcc-side-panel-header-copy`,children:[(0,n.jsx)(`div`,{className:`fcc-side-panel-title`,children:e}),r&&(0,n.jsx)(`div`,{className:`fcc-side-panel-subtitle`,children:r})]}),(0,n.jsxs)(`div`,{className:`fcc-side-panel-header-actions`,children:[a,i&&(0,n.jsx)(`button`,{className:`btn btn-ghost btn-icon btn-sm`,onClick:i,"aria-label":`Close panel`,children:(0,n.jsx)(t.X,{size:14})})]})]})}function w({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:b(`fcc-side-panel-body`,t),children:e})}function T({tabs:e=[],activeTab:t=0,onTabChange:r,className:i=``}){return(0,n.jsx)(`div`,{className:b(`fcc-side-panel-tabs`,i),children:e.map((e,i)=>(0,n.jsx)(`button`,{className:b(`fcc-side-panel-tab`,t===i&&`active`),onClick:()=>r?.(i),children:e},e))})}function E({placeholder:e=`Search...`,value:r,onChange:i,className:a=``}){return(0,n.jsxs)(`div`,{className:b(`fcc-side-panel-search`,a),children:[(0,n.jsx)(t.Search,{size:13}),i?(0,n.jsx)(`input`,{className:`fcc-side-panel-search-input`,type:`text`,placeholder:e,value:r,onChange:e=>i(e.target.value)}):(0,n.jsx)(`span`,{className:`fcc-side-panel-search-placeholder`,children:e})]})}function D({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:b(`fcc-side-panel-group-label`,t),children:e})}function O({dot:e,label:t,detail:r,time:i,onClick:a,className:o=``}){return(0,n.jsxs)(`div`,{className:b(`fcc-side-panel-item`,o),onClick:a,children:[e&&(0,n.jsx)(`span`,{className:`fcc-side-panel-item-dot`,style:{background:e}}),(0,n.jsxs)(`div`,{className:`fcc-side-panel-item-body`,children:[(0,n.jsx)(`span`,{className:`fcc-side-panel-item-label`,children:t}),r&&(0,n.jsx)(`span`,{className:`fcc-side-panel-item-detail`,children:r})]}),i&&(0,n.jsx)(`span`,{className:`fcc-side-panel-item-time`,children:i})]})}function k({avatar:e,title:t,detail:r,time:i,unread:a,onClick:o,className:s=``}){return(0,n.jsxs)(`div`,{className:b(`fcc-side-panel-card`,s),onClick:o,children:[(0,n.jsx)(`div`,{className:`fcc-side-panel-card-avatar`,children:e}),(0,n.jsxs)(`div`,{className:`fcc-side-panel-card-body`,children:[(0,n.jsx)(`span`,{className:`fcc-side-panel-card-title`,children:t}),r&&(0,n.jsx)(`span`,{className:`fcc-side-panel-card-detail`,children:r}),(0,n.jsxs)(`div`,{className:`fcc-side-panel-card-meta`,children:[i&&(0,n.jsx)(`span`,{children:i}),a&&(0,n.jsx)(`span`,{className:`fcc-side-panel-unread-dot`})]})]})]})}function A({avatar:e,name:t,time:r,active:i,online:a,onClick:o,className:s=``}){return(0,n.jsxs)(`div`,{className:b(`fcc-side-panel-contact`,i&&`active`,s),onClick:o,children:[(0,n.jsxs)(`div`,{className:`fcc-side-panel-contact-avatar-wrap`,children:[e,a&&(0,n.jsx)(`span`,{className:`fcc-side-panel-online-dot`})]}),(0,n.jsx)(`span`,{className:`fcc-side-panel-contact-name`,children:t}),r&&(0,n.jsx)(`span`,{className:`fcc-side-panel-contact-time`,children:r})]})}function j({children:e,onClick:t,className:r=``}){return(0,n.jsx)(`div`,{className:b(`fcc-side-panel-action`,r),onClick:t,children:e})}function M({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:b(`fcc-side-panel-chat-wrap`,t),children:e})}function N({title:e,headerActions:t,messages:r=[],input:i,className:a=``}){return(0,n.jsxs)(`div`,{className:b(`fcc-side-panel-conversation`,a),children:[(0,n.jsxs)(`div`,{className:`fcc-side-panel-conv-header`,children:[(0,n.jsx)(`span`,{className:`fcc-side-panel-conv-title`,children:e}),t&&(0,n.jsx)(`div`,{className:`fcc-side-panel-conv-header-right`,children:t})]}),(0,n.jsx)(`div`,{className:`fcc-side-panel-conv-messages`,children:r}),i&&(0,n.jsx)(`div`,{className:`fcc-side-panel-conv-input`,children:i})]})}function P({from:e=`other`,meta:t,children:r,className:i=``}){let a=e===`you`;return(0,n.jsxs)(`div`,{className:b(`fcc-side-panel-msg-row`,a?`fcc-msg-right`:`fcc-msg-left`,i),children:[t&&(0,n.jsx)(`div`,{className:`fcc-side-panel-msg-meta`,children:t}),(0,n.jsx)(`div`,{className:b(`fcc-side-panel-msg-bubble`,a?`fcc-bubble-you`:`fcc-bubble-other`),children:r})]})}function F(e,t){let r=[`fcc-breadcrumb-item`,t?`current`:``,e.className||``].filter(Boolean).join(` `);return t?(0,n.jsx)(`span`,{className:r,children:e.label}):e.href?(0,n.jsx)(`a`,{className:r,href:e.href,children:e.label}):e.onClick?(0,n.jsx)(`button`,{type:`button`,className:r,onClick:e.onClick,children:e.label}):(0,n.jsx)(`span`,{className:r,children:e.label})}function I({items:e=[],className:t=``}){let r=e.filter(e=>e?.label);return r.length===0?null:(0,n.jsx)(`nav`,{className:[`fcc-breadcrumbs`,t].filter(Boolean).join(` `),"aria-label":`Breadcrumb`,children:r.map((e,t)=>{let i=e.current??t===r.length-1;return(0,n.jsxs)(`div`,{className:`fcc-breadcrumb-segment`,children:[t>0&&(0,n.jsx)(`span`,{className:`fcc-breadcrumb-sep`,children:`/`}),F(e,i)]},e.key||e.label||t)})})}var L={success:`fcc-header-status-success`,warning:`fcc-header-status-warning`,danger:`fcc-header-status-danger`,info:`fcc-header-status-info`,neutral:`fcc-header-status-neutral`};function R({label:e,tone:t=`success`,dotColor:r,className:i=``}){return e?(0,n.jsxs)(`div`,{className:[`fcc-header-status`,L[t]||L.neutral,i].filter(Boolean).join(` `),children:[(0,n.jsx)(`span`,{className:`fcc-header-status-dot`,style:r?{backgroundColor:r}:void 0}),(0,n.jsx)(`span`,{children:e})]}):null}function z({breadcrumbs:e=[],status:r,actions:i,leftSlot:a,rightSlot:o,className:s=``,showMobileMenuToggle:c=!0}){let{isMobileViewport:l,mobileMenuEnabled:u,mobileMenuOpen:d,toggleMobileMenu:f}=y(),p=c&&u&&l;return(0,n.jsxs)(`header`,{className:[`fcc-workspace-header`,s].filter(Boolean).join(` `),children:[(0,n.jsxs)(`div`,{className:`fcc-workspace-header-left`,children:[p&&(0,n.jsx)(`button`,{type:`button`,className:`fcc-hamburger-btn`,onClick:f,"aria-label":d?`Close menu`:`Open menu`,"aria-expanded":d,title:d?`Close menu`:`Open menu`,children:(0,n.jsx)(t.Menu,{size:18})}),a||(0,n.jsx)(I,{items:e})]}),(0,n.jsxs)(`div`,{className:`fcc-workspace-header-right`,children:[r&&(0,n.jsx)(R,{...r}),i,o]})]})}function ee({breadcrumbs:e=[],status:t,headerActions:r,header:i,children:a,overlay:o,sidePanel:s,callbar:c=null,className:l=``,headerClassName:u=``,contentClassName:d=``}){let f=s?(0,n.jsx)(S,{open:s.open,width:s.width,expandedWidth:s.expandedWidth,expanded:s.expanded,panel:s.panel,className:s.className,contentClassName:s.contentClassName,panelClassName:s.panelClassName,children:a}):a;return(0,n.jsxs)(`div`,{className:[`fcc-main-window`,l].filter(Boolean).join(` `),children:[i||(0,n.jsx)(z,{breadcrumbs:e,status:t,actions:r,className:u}),c,(0,n.jsx)(`div`,{className:[`fcc-main-window-content`,s&&`fcc-main-window-content-with-side-panel`,d].filter(Boolean).join(` `),children:f}),o]})}function B(e,t){if(!e.disabled){if(e.onClick){e.onClick(e);return}t?.(e)}}function te(e,t){return!e.childrenSections?.length||!t?!1:e.childrenSections.some(e=>e.items?.some(e=>e.key===t))}function ne(e,t){if(!t.trim())return e;let n=t.trim().toLowerCase();return e.map(e=>({...e,items:e.items.filter(e=>e.label.toLowerCase().includes(n)||e.pageTitle?.toLowerCase().includes(n)||e.summary?.toLowerCase().includes(n))})).filter(e=>e.items.length>0)}function re({appName:r=`FCC`,logo:i,navItems:a=[],activeNavKey:o,onNavigate:s,user:c,footer:l,onLogout:u,className:d=``}){let[f,p]=(0,e.useState)({}),[m,h]=(0,e.useState)({}),{pinnable:g,sidebarPinned:_,toggleSidebarPinned:v,isMobileViewport:b,mobileMenuEnabled:x,closeMobileMenu:S}=y(),C=g&&!b,w=x&&b;function T(e,t){h(n=>({...n,[e]:t}))}return(0,n.jsxs)(`aside`,{className:[`fcc-sidebar`,d].filter(Boolean).join(` `),children:[(0,n.jsxs)(`div`,{className:`fcc-sidebar-brand`,children:[(0,n.jsx)(`div`,{className:`fcc-sidebar-brand-logo-slot`,children:i}),(0,n.jsx)(`span`,{className:`fcc-sidebar-label fcc-sidebar-brand-text`,children:r}),w?(0,n.jsx)(`button`,{type:`button`,className:`fcc-sidebar-close-btn`,onClick:S,"aria-label":`Close menu`,title:`Close menu`,children:(0,n.jsx)(t.X,{size:16})}):C?(0,n.jsx)(`button`,{type:`button`,className:`fcc-sidebar-pin-btn`,onClick:v,"aria-label":_?`Unpin sidebar`:`Pin sidebar open`,title:_?`Unpin sidebar`:`Pin sidebar open`,"aria-pressed":_,children:_?(0,n.jsx)(t.PinOff,{size:14}):(0,n.jsx)(t.Pin,{size:14})}):null]}),(0,n.jsx)(`nav`,{className:`fcc-sidebar-nav`,"aria-label":`${r} navigation`,children:a.map(e=>{let r=e.childrenSections?.length>0,i=te(e,o),a=e.key===o||i||(o?.startsWith?.(`${e.key}/`)??!1),c=r&&(m[e.key]??a),l=f[e.key]||``,u=r?ne(e.childrenSections,l):[];return(0,n.jsxs)(`div`,{className:[`fcc-sidebar-entry`,r?`has-children`:``,r&&c?`expanded`:``].filter(Boolean).join(` `),children:[(0,n.jsxs)(`button`,{type:`button`,className:[`fcc-sidebar-item`,a?`active`:``,e.disabled?`disabled`:``].filter(Boolean).join(` `),onClick:()=>{r&&T(e.key,!0),B(e,s)},"aria-current":a?`page`:void 0,disabled:e.disabled,title:e.label,children:[(0,n.jsx)(`span`,{className:`fcc-sidebar-item-icon`,children:e.icon}),(0,n.jsx)(`span`,{className:`fcc-sidebar-label fcc-sidebar-item-label`,children:e.label}),e.badge!=null&&(0,n.jsx)(`span`,{className:`fcc-sidebar-item-badge`,children:e.badge}),r&&(0,n.jsx)(`span`,{className:[`fcc-sidebar-label`,`fcc-sidebar-item-chevron`,c?`is-expanded`:``].filter(Boolean).join(` `),onClick:t=>{t.preventDefault(),t.stopPropagation(),T(e.key,!c)},role:`button`,"aria-label":`${c?`Collapse`:`Expand`} ${e.label}`,"aria-expanded":c,children:(0,n.jsx)(t.ChevronDown,{size:14})})]}),r&&c&&(0,n.jsxs)(`div`,{className:`fcc-sidebar-accordion`,children:[(0,n.jsxs)(`div`,{className:`fcc-sidebar-search`,children:[(0,n.jsx)(t.Search,{size:13}),(0,n.jsx)(`input`,{type:`text`,className:`fcc-sidebar-search-input`,value:l,onChange:t=>p(n=>({...n,[e.key]:t.target.value})),placeholder:e.searchPlaceholder||`Search...`})]}),(0,n.jsxs)(`div`,{className:`fcc-sidebar-accordion-body`,children:[u.length===0&&(0,n.jsx)(`div`,{className:`fcc-sidebar-empty`,children:`No matching components`}),u.map(e=>(0,n.jsxs)(`div`,{className:`fcc-sidebar-section`,children:[(0,n.jsx)(`div`,{className:`fcc-sidebar-section-title`,children:e.title}),(0,n.jsx)(`div`,{className:`fcc-sidebar-child-list`,children:e.items.map(e=>(0,n.jsx)(`button`,{type:`button`,className:[`fcc-sidebar-child-item`,e.key===o?`active`:``].filter(Boolean).join(` `),onClick:()=>B(e,s),title:e.label,children:(0,n.jsx)(`span`,{className:`fcc-sidebar-label`,children:e.label})},e.key))})]},e.title))]})]})]},e.key||e.label)})}),l?(0,n.jsx)(`div`,{className:`fcc-sidebar-footer`,children:l}):(c||u)&&(0,n.jsxs)(`div`,{className:`fcc-sidebar-footer`,children:[c&&(0,n.jsxs)(`div`,{className:`fcc-sidebar-profile`,children:[(0,n.jsx)(`div`,{className:`fcc-sidebar-avatar`,style:c.avatarStyle,children:c.avatar||c.initials||c.name?.slice(0,2)||`FCC`}),(0,n.jsxs)(`div`,{className:`fcc-sidebar-profile-copy`,children:[(0,n.jsx)(`span`,{className:`fcc-sidebar-label fcc-sidebar-profile-name`,children:c.name}),c.meta&&(0,n.jsx)(`span`,{className:`fcc-sidebar-label fcc-sidebar-profile-meta`,children:c.meta})]})]}),u&&(0,n.jsx)(`button`,{type:`button`,className:`fcc-sidebar-logout`,title:`Logout`,"aria-label":`Logout`,onClick:u,children:(0,n.jsx)(t.LogOut,{size:16})})]})]})}var ie=`fcc-sidebar-pinned`,ae=1024;function oe(e){if(typeof window>`u`)return!1;try{return window.localStorage.getItem(e)===`true`}catch{return!1}}function se(e,t){if(!(typeof window>`u`))try{window.localStorage.setItem(e,t?`true`:`false`)}catch{}}function ce({appName:t=`FCC`,logo:r,navItems:i=[],activeNavKey:a,onNavigate:o,user:s,footer:c,onLogout:l,breadcrumbs:u=[],status:d,headerActions:f,header:p,children:m,overlay:h,sidePanel:g,callbar:_=null,className:y=``,sidebarClassName:b=``,mainClassName:x=``,headerClassName:S=``,contentClassName:C=``,pinnable:w=!0,mobileMenuEnabled:T=!0,mobileBreakpoint:E=ae,pinStorageKey:D=ie}){let[O,k]=(0,e.useState)(()=>w?oe(D):!1),[A,j]=(0,e.useState)(!1),[M,N]=(0,e.useState)(()=>typeof window>`u`?1920:window.innerWidth);(0,e.useEffect)(()=>{if(typeof window>`u`)return;let e=()=>N(window.innerWidth);return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let P=T&&M<E,F=P&&A;(0,e.useEffect)(()=>{w&&se(D,O)},[w,D,O]);let I=(0,e.useCallback)(()=>{k(e=>!e)},[]),L=(0,e.useCallback)(()=>{j(e=>!e)},[]),R=(0,e.useCallback)(()=>{j(!1)},[]),z=(0,e.useMemo)(()=>({sidebarPinned:w?O:!1,setSidebarPinned:k,toggleSidebarPinned:I,mobileMenuOpen:F,setMobileMenuOpen:j,toggleMobileMenu:L,closeMobileMenu:R,isMobileViewport:P,pinnable:w,mobileMenuEnabled:T}),[R,F,P,T,w,O,L,I]),B=[`fcc-app-shell`,w&&O&&`fcc-sidebar-pinned`,P&&`fcc-mobile-shell`,F&&`fcc-mobile-menu-open`,y].filter(Boolean).join(` `);return(0,n.jsx)(v.Provider,{value:z,children:(0,n.jsxs)(`div`,{className:B,children:[(0,n.jsx)(re,{appName:t,logo:r,navItems:i,activeNavKey:a,onNavigate:o,user:s,footer:c,onLogout:l,className:b}),(0,n.jsx)(ee,{breadcrumbs:u,status:d,headerActions:f,header:p,overlay:h,sidePanel:g,callbar:_,className:x,headerClassName:S,contentClassName:C,children:m}),F&&(0,n.jsx)(`div`,{className:`fcc-mobile-menu-backdrop`,onClick:R,"aria-hidden":!0})]})})}function le({darkSrc:e,lightSrc:t,alt:r=`FCC`,className:i=``,...a}){let{theme:o}=m(),s=o===`dark`?e||t:t||e;return s?(0,n.jsx)(`img`,{src:s,alt:r,className:[`fcc-brand-logo`,i].filter(Boolean).join(` `),...a}):null}function ue({className:e=``}){let{theme:r,toggleTheme:i}=m(),a=r===`dark`;return(0,n.jsx)(`button`,{type:`button`,onClick:i,className:[`btn`,`btn-ghost`,`btn-icon`,`btn-sm`,e].filter(Boolean).join(` `),title:a?`Switch to light mode`:`Switch to dark mode`,"aria-label":a?`Switch to light mode`:`Switch to dark mode`,children:a?(0,n.jsx)(t.Moon,{size:16}):(0,n.jsx)(t.Sun,{size:16})})}function de({label:e=`Loading...`,fullscreen:r=!1,className:i=``}){return r?(0,n.jsxs)(`div`,{className:`loader-fullscreen ${i}`,children:[(0,n.jsx)(t.Loader2,{size:32,className:`loader-spin`}),e&&(0,n.jsx)(`span`,{className:`loader-label`,children:e})]}):(0,n.jsxs)(`div`,{className:`loader ${i}`,children:[(0,n.jsx)(t.Loader2,{size:20,className:`loader-spin`}),e&&(0,n.jsx)(`span`,{className:`loader-label`,children:e})]})}function fe({size:e=16,className:r=``}){return(0,n.jsx)(t.Loader2,{size:e,className:`loader-spin ${r}`})}function pe({label:e=`Loading...`,fullscreen:t=!1,size:r=64,darkSrc:i,lightSrc:a,alt:o=`FCC`,className:s=``}){let c=(0,n.jsxs)(`div`,{className:`fcc-loader-stage`,style:{"--fcc-loader-size":`${r}px`},"aria-hidden":`true`,children:[(0,n.jsx)(`span`,{className:`fcc-loader-ring`}),(0,n.jsx)(`span`,{className:`fcc-loader-glow`}),(0,n.jsx)(le,{darkSrc:i,lightSrc:a,alt:o,className:`fcc-loader-logo`})]}),l=t?`fcc-loader fcc-loader-fullscreen ${s}`.trim():`fcc-loader ${s}`.trim(),u=typeof e==`string`?e.match(/^(.*?)\.{3}\s*$/):null,d=u?(0,n.jsxs)(n.Fragment,{children:[u[1],(0,n.jsxs)(`span`,{className:`fcc-loader-dots`,"aria-hidden":`true`,children:[(0,n.jsx)(`span`,{className:`fcc-loader-dot`,children:`.`}),(0,n.jsx)(`span`,{className:`fcc-loader-dot`,children:`.`}),(0,n.jsx)(`span`,{className:`fcc-loader-dot`,children:`.`})]})]}):e;return(0,n.jsxs)(`div`,{className:l,role:`status`,"aria-live":`polite`,children:[c,e&&(0,n.jsx)(`span`,{className:`fcc-loader-label`,children:d})]})}function me({open:i,onClose:a,title:o,header:s,children:c,loading:l=!1,loadingLabel:u=`Loading...`,loaderSize:d=64,loaderDarkSrc:f,loaderLightSrc:p,width:m,zIndex:h=1100,showBackdrop:g=!0,resizable:_=!0,minWidth:v=360,storageKey:y,className:b=``}){let[x,S]=(0,e.useState)(!1),[C,w]=(0,e.useState)(!1),[T,E]=(0,e.useState)(!1),[D,O]=(0,e.useState)(()=>{if(!y||typeof window>`u`)return null;let e=window.localStorage.getItem(y),t=e?parseInt(e,10):NaN;return Number.isFinite(t)?t:null}),k=(0,e.useRef)(null),A=(0,e.useRef)(!1),[j,M]=(0,e.useState)(null);(0,e.useEffect)(()=>{i&&(typeof document>`u`||M(document.querySelector(`.fcc-main-window-content`)||document.body))},[i]),(0,e.useEffect)(()=>{if(!i)return;S(!0),A.current=!1;let e=requestAnimationFrame(()=>w(!0));return()=>cancelAnimationFrame(e)},[i]);let N=(0,e.useCallback)(()=>{A.current||(A.current=!0,w(!1),window.setTimeout(()=>{S(!1),a?.()},300))},[a]);if((0,e.useEffect)(()=>{if(!x)return;function e(e){e.key===`Escape`&&(e.stopPropagation(),N())}return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[x,N]),(0,e.useEffect)(()=>{if(!T)return;function e(e){let t=Math.max(v,window.innerWidth-e.clientX),n=window.innerWidth,r=Math.min(n,t);O(r),y&&window.localStorage.setItem(y,String(Math.round(r)))}function t(){E(!1)}return document.addEventListener(`mousemove`,e),document.addEventListener(`mouseup`,t),()=>{document.removeEventListener(`mousemove`,e),document.removeEventListener(`mouseup`,t)}},[T,v,y]),!x||typeof document>`u`||!j)return null;let P=D==null?m:`${D}px`;return(0,r.createPortal)((0,n.jsxs)(`div`,{className:`fcc-details-panel-root ${C?`fcc-details-panel-root--visible`:``}`,style:{zIndex:h},children:[g&&(0,n.jsx)(`div`,{className:`fcc-details-panel-backdrop`,onClick:N,"aria-hidden":`true`}),(0,n.jsxs)(`div`,{ref:k,className:`fcc-details-panel ${b}`,style:P?{width:P}:void 0,role:`dialog`,"aria-modal":`true`,children:[_&&(0,n.jsx)(`div`,{className:`fcc-details-panel-resize`,onMouseDown:e=>{e.preventDefault(),E(!0)},title:`Drag to resize`}),s||(0,n.jsxs)(`div`,{className:`fcc-details-panel-header`,children:[(0,n.jsx)(`span`,{className:`fcc-details-panel-title`,children:o}),(0,n.jsx)(`button`,{className:`fcc-details-panel-close`,onClick:N,"aria-label":`Close`,children:(0,n.jsx)(t.X,{size:14})})]}),(0,n.jsx)(`div`,{className:`fcc-details-panel-body`,children:l?(0,n.jsx)(`div`,{className:`fcc-details-panel-loading`,children:(0,n.jsx)(pe,{label:u,size:d,darkSrc:f,lightSrc:p})}):c})]})]}),j)}var he=220;function ge({open:t,onClose:i,children:a,className:o=``,closeOnEscape:s=!0,lockScroll:c=!0}){let[l,u]=(0,e.useState)(t?`open`:`closed`),d=t||l!==`closed`;return(0,e.useEffect)(()=>{if(c)return d?document.body.style.overflow=`hidden`:document.body.style.overflow=``,()=>{document.body.style.overflow=``}},[c,d]),(0,e.useEffect)(()=>{if(!s)return;function e(e){e.key===`Escape`&&i?.()}return d&&document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[s,d,i]),(0,e.useEffect)(()=>{if(t){let e=requestAnimationFrame(()=>u(`open`));return()=>cancelAnimationFrame(e)}if(l===`closed`)return;let e=requestAnimationFrame(()=>u(`closing`)),n=window.setTimeout(()=>u(`closed`),he);return()=>{cancelAnimationFrame(e),window.clearTimeout(n)}},[t,l]),!d||typeof document>`u`?null:(0,r.createPortal)((0,n.jsx)(`div`,{className:`fcc-fpp-overlay ${o}`,"data-state":l,role:`dialog`,"aria-modal":`true`,children:(0,n.jsx)(`div`,{className:`fcc-fpp`,children:a})}),document.body)}function _e({title:e,subtitle:r,eyebrow:i,leading:a,actions:o,onClose:s,className:c=``}){return(0,n.jsxs)(`div`,{className:`fcc-fpp-header ${c}`,children:[(0,n.jsxs)(`div`,{className:`fcc-fpp-header-lead`,children:[a,(0,n.jsxs)(`div`,{className:`fcc-fpp-header-titles`,children:[i&&(0,n.jsx)(`span`,{className:`fcc-fpp-eyebrow`,children:i}),e&&(0,n.jsx)(`h2`,{className:`fcc-fpp-title`,children:e}),r&&(0,n.jsx)(`p`,{className:`fcc-fpp-subtitle`,children:r})]})]}),(0,n.jsxs)(`div`,{className:`fcc-fpp-header-actions`,children:[o,s&&(0,n.jsx)(`button`,{type:`button`,className:`btn btn-ghost btn-icon btn-sm`,onClick:s,"aria-label":`Close panel`,children:(0,n.jsx)(t.X,{size:16})})]})]})}function ve({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`fcc-fpp-toolbar ${t}`,children:e})}function ye({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`fcc-fpp-body ${t}`,children:e})}function be({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`fcc-fpp-main ${t}`,children:e})}function xe({children:e,side:t=`right`,className:r=``}){return(0,n.jsx)(`aside`,{className:`fcc-fpp-sidebar fcc-fpp-sidebar-${t} ${r}`,children:e})}function Se({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`fcc-fpp-footer ${t}`,children:e})}function Ce({title:r,header:i,defaultOpen:a=!1,className:o=``,contentClassName:s=``,children:c}){let[l,u]=(0,e.useState)(a);return(0,n.jsxs)(`div`,{className:`accordion-item ${o}`,children:[(0,n.jsxs)(`div`,{className:`accordion-trigger ${l?`expanded`:``}`,onClick:()=>u(!l),role:`button`,"aria-expanded":l,children:[i||(0,n.jsx)(`span`,{className:`accordion-trigger-title`,children:r}),(0,n.jsx)(`span`,{className:`accordion-trigger-chevron`,children:l?(0,n.jsx)(t.ChevronDown,{size:14}):(0,n.jsx)(t.ChevronRight,{size:14})})]}),(0,n.jsx)(`div`,{className:`accordion-collapse ${l?`open`:``}`,children:(0,n.jsx)(`div`,{className:`accordion-collapse-inner`,children:(0,n.jsx)(`div`,{className:`accordion-content ${s}`.trim(),children:c})})})]})}function we({items:r=[],className:i=``}){let[a,o]=(0,e.useState)(new Set);function s(e){o(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}return(0,n.jsx)(`div`,{className:`accordion ${i}`,children:r.map(e=>{let r=a.has(e.id);return(0,n.jsxs)(`div`,{className:`accordion-item`,children:[(0,n.jsxs)(`div`,{className:`accordion-trigger ${r?`expanded`:``}`,onClick:()=>s(e.id),role:`button`,"aria-expanded":r,children:[e.header||(0,n.jsx)(`span`,{className:`accordion-trigger-title`,children:e.title}),(0,n.jsx)(`span`,{className:`accordion-trigger-chevron`,children:r?(0,n.jsx)(t.ChevronDown,{size:14}):(0,n.jsx)(t.ChevronRight,{size:14})})]}),(0,n.jsx)(`div`,{className:`accordion-collapse ${r?`open`:``}`,children:(0,n.jsx)(`div`,{className:`accordion-collapse-inner`,children:(0,n.jsx)(`div`,{className:`accordion-content`,children:e.content})})})]},e.id)})})}var Te={sm:`avatar-sm`,md:``,lg:`avatar-lg`,xl:`avatar-xl`},Ee=[`#5e6ad2`,`#5bb98e`,`#c9a84e`,`#c75a5a`,`#8a83d4`,`#5a8ebf`,`#c4a06a`];function De(e){let t=0;for(let n=0;n<e.length;n++)t=e.charCodeAt(n)+((t<<5)-t);return Ee[Math.abs(t)%Ee.length]}function V({imageUrl:t,initials:r,name:i,size:a=`md`,className:o=``,style:s={}}){let[c,l]=(0,e.useState)(!1),u=r||(i?i.split(` `).map(e=>e[0]).join(``).slice(0,2).toUpperCase():`?`),d=s.background||De(u),f=Te[a]||``;return t&&!c?(0,n.jsx)(`img`,{src:t,alt:i||``,className:`avatar ${f} ${o}`,style:{objectFit:`cover`,...s},onError:()=>l(!0)}):(0,n.jsx)(`div`,{className:`avatar ${f} ${o}`,style:{background:d,...s},children:u})}var Oe={default:`var(--text-quaternary)`,secondary:`var(--text-quaternary)`,success:`var(--accent-green)`,warning:`var(--accent-yellow)`,error:`var(--accent-red)`,info:`var(--accent-blue)`,outline:`var(--text-quaternary)`,purple:`var(--accent-purple)`,orange:`var(--accent-orange)`};function H({variant:e=`default`,className:t=``,children:r,showDot:i=!0,...a}){let o=Oe[e]||Oe.default;return(0,n.jsxs)(`span`,{className:`badge ${i?``:`badge--no-dot`} ${t}`.trim(),...a,children:[i&&(0,n.jsx)(`span`,{className:`badge-dot`,style:{background:o}}),r]})}var ke={default:`btn-primary`,destructive:`btn-danger`,success:`btn-success`,warning:`btn-warning`,outline:`btn-outline`,secondary:`btn-secondary`,muted:`btn-muted`,ghost:`btn-ghost`,link:`btn-link`},Ae={sm:`btn-sm`,default:``,lg:`btn-lg`,icon:`btn-icon`},U=(0,e.forwardRef)(function({variant:e=`default`,size:t=`default`,className:r=``,children:i,...a},o){return(0,n.jsx)(`button`,{ref:o,className:[`btn`,ke[e],Ae[t],r].filter(Boolean).join(` `),...a,children:i})}),je={default:`card-default`,green:`card-green`,red:`card-red`,yellow:`card-yellow`},Me=(0,e.forwardRef)(function({variant:e=`default`,className:t=``,children:r,...i},a){return(0,n.jsx)(`div`,{ref:a,className:[`card`,je[e],t].filter(Boolean).join(` `),...i,children:r})}),Ne=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`div`,{ref:i,className:`card-header ${e}`,...r,children:t})}),Pe=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`h3`,{ref:i,className:`card-title ${e}`,...r,children:t})}),Fe=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`p`,{ref:i,className:`card-description ${e}`,...r,children:t})}),Ie=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`div`,{ref:i,className:`card-body ${e}`,...r,children:t})}),Le=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`div`,{ref:i,className:`card-footer ${e}`,...r,children:t})}),Re=220;function ze({open:t,onClose:r,children:i,className:a=``,overlayClassName:o=``,contained:s=!1}){let c=(0,e.useRef)(null),[l,u]=(0,e.useState)(t?`open`:`closed`),d=t||l!==`closed`;return(0,e.useEffect)(()=>{if(!s)return d?document.body.style.overflow=`hidden`:document.body.style.overflow=``,()=>{document.body.style.overflow=``}},[s,d]),(0,e.useEffect)(()=>{function e(e){e.key===`Escape`&&r?.()}return d&&document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[d,r]),(0,e.useEffect)(()=>{if(t){let e=requestAnimationFrame(()=>u(`open`));return()=>cancelAnimationFrame(e)}if(l===`closed`)return;let e=requestAnimationFrame(()=>u(`closing`)),n=window.setTimeout(()=>u(`closed`),Re);return()=>{cancelAnimationFrame(e),window.clearTimeout(n)}},[t,l]),d?(0,n.jsx)(`div`,{className:`dialog-overlay${s?` dialog-overlay-contained`:``}${o?` ${o}`:``}`,"data-state":l,ref:c,onClick:e=>{e.target===c.current&&r?.()},children:(0,n.jsx)(`div`,{className:`dialog ${a}`,children:i})}):null}function Be({children:e,onClose:r,className:i=``}){return(0,n.jsxs)(`div`,{className:`dialog-header ${i}`,children:[(0,n.jsx)(`div`,{style:{flex:1},children:e}),r&&(0,n.jsx)(`button`,{className:`btn btn-ghost btn-icon btn-sm`,onClick:r,children:(0,n.jsx)(t.X,{size:16})})]})}function Ve({children:e,className:t=``}){return(0,n.jsx)(`h3`,{className:`dialog-title ${t}`,children:e})}function He({children:e,className:t=``}){return(0,n.jsx)(`p`,{className:`dialog-description ${t}`,children:e})}function Ue({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`dialog-body ${t}`,children:e})}function We({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`dialog-footer ${t}`,children:e})}var Ge=(0,e.forwardRef)(function({id:r,label:i,labelMode:a=`stacked`,description:o,error:s,clearable:c=!1,startIcon:l,endIcon:u,placeholder:d,value:f,defaultValue:p,className:m=``,inputClassName:h=``,disabled:g=!1,type:_=`text`,"aria-describedby":v,"aria-invalid":y,onChange:b,...x},S){let C=(0,e.useRef)(null),w=(0,e.useId)(),T=r||w,E=s&&s!==!0?s:o,D=E?`${T}-helper`:void 0,O=!!(s||y),k=!!(i&&a===`floating`),A=[v,D].filter(Boolean).join(` `)||void 0,j=k?` `:d,M=f!==void 0,[N,P]=(0,e.useState)(()=>String(p??``)),F=c&&!g&&(M?String(f??``):N).length>0;function I(e){C.current=e,typeof S==`function`?S(e):S&&(S.current=e)}function L(e){M||P(e.target.value),b?.(e)}function R(){let e=C.current;e&&((Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,`value`)?.set)?.call(e,``),e.dispatchEvent(new Event(`input`,{bubbles:!0})),e.focus())}return(0,n.jsxs)(`div`,{className:[`fcc-input-field`,m].filter(Boolean).join(` `),children:[i&&!k?(0,n.jsx)(`label`,{className:`fcc-input-label`,htmlFor:T,children:i}):null,(0,n.jsxs)(`div`,{className:[`fcc-input-control`,k?`has-floating-label`:``,O?`is-invalid`:``,g?`is-disabled`:``].filter(Boolean).join(` `),children:[l?(0,n.jsx)(`span`,{className:`fcc-input-icon`,"aria-hidden":`true`,children:l}):null,k?(0,n.jsxs)(`div`,{className:`fcc-input-floating-slot`,children:[(0,n.jsx)(`input`,{...x,ref:I,id:T,type:_,value:f,defaultValue:p,placeholder:j,disabled:g,"aria-invalid":O||void 0,"aria-describedby":A,onChange:L,className:[`fcc-input-element`,`has-floating-label`,h].filter(Boolean).join(` `)}),(0,n.jsx)(`label`,{className:`fcc-input-floating-label`,htmlFor:T,children:i})]}):(0,n.jsx)(`input`,{...x,ref:I,id:T,type:_,value:f,defaultValue:p,placeholder:j,disabled:g,"aria-invalid":O||void 0,"aria-describedby":A,onChange:L,className:[`fcc-input-element`,h].filter(Boolean).join(` `)}),F?(0,n.jsx)(`button`,{type:`button`,className:`fcc-input-clear`,onClick:R,"aria-label":`Clear ${i||`input`}`,children:(0,n.jsx)(t.X,{size:12})}):null,u?(0,n.jsx)(`span`,{className:`fcc-input-icon`,children:u}):null]}),E?(0,n.jsx)(`div`,{id:D,className:[`fcc-input-helper`,O?`is-error`:``].filter(Boolean).join(` `),children:E}):null]})});function Ke({trigger:t,children:i,align:a=`left`,className:o=``,sideOffset:s=6,onOpenChange:c}){let[l,u]=(0,e.useState)(!1),[d,f]=(0,e.useState)(null),p=(0,e.useRef)(null),m=(0,e.useRef)(null);return(0,e.useEffect)(()=>{c?.(l)},[c,l]),(0,e.useEffect)(()=>{function e(e){let t=p.current&&p.current.contains(e.target),n=m.current&&m.current.contains(e.target);!t&&!n&&u(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,e.useLayoutEffect)(()=>{if(!l||!p.current||!m.current||typeof window>`u`)return;let e=()=>{let e=p.current.getBoundingClientRect(),t=m.current.getBoundingClientRect(),n=s,r=Math.max(e.width,t.width),i=a===`right`?e.right-r:e.left;i=Math.max(8,Math.min(i,window.innerWidth-r-8));let o=Math.min(e.bottom+n,window.innerHeight-t.height-8);f({left:i,top:o,width:r})};return e(),window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e,!0),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e,!0)}},[a,l,s]),(0,e.useLayoutEffect)(()=>{l||f(null)},[l]),(0,n.jsxs)(`div`,{className:`dropdown-wrapper ${o}`,style:{position:`relative`},children:[(0,n.jsx)(`div`,{ref:p,onClick:()=>u(e=>!e),children:t}),l&&typeof document<`u`&&(0,r.createPortal)((0,n.jsx)(`div`,{ref:m,className:`dropdown`,onClick:()=>u(!1),style:{position:`fixed`,left:d?.left??0,top:d?.top??0,width:d?.width,visibility:d?`visible`:`hidden`},children:i}),document.body)]})}function qe({icon:e,children:r,shortcut:i,active:a,onClick:o,className:s=``}){return(0,n.jsxs)(`div`,{className:`dropdown-item ${a?`active`:``} ${s}`,onClick:o,children:[e&&(0,n.jsx)(`span`,{className:`dropdown-item-icon`,children:e}),(0,n.jsx)(`span`,{style:{flex:1},children:r}),i&&(0,n.jsx)(`span`,{className:`dropdown-shortcut`,children:i}),a&&(0,n.jsx)(t.Check,{size:14,className:`dropdown-item-check`})]})}function Je({checked:e,onCheckedChange:r,children:i,className:a=``}){return(0,n.jsxs)(`div`,{className:`dropdown-item ${e?`active`:``} ${a}`,onClick:()=>r?.(!e),children:[(0,n.jsx)(`span`,{style:{flex:1},children:i}),e&&(0,n.jsx)(t.Check,{size:14,className:`dropdown-item-check`})]})}function Ye({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`dropdown-label ${t}`,children:e})}function Xe({className:e=``}){return(0,n.jsx)(`div`,{className:`dropdown-divider ${e}`})}function Ze({options:i=[],value:a,onChange:o,placeholder:s=`Select...`,searchPlaceholder:c=`Search...`,allowEmpty:l=!1,disabled:u=!1,className:d=``}){let[f,p]=(0,e.useState)(!1),[m,h]=(0,e.useState)(``),[g,_]=(0,e.useState)(-1),[v,y]=(0,e.useState)(null),b=(0,e.useRef)(null),x=(0,e.useRef)(null),S=(0,e.useRef)(null),C=i.filter(e=>e.label.toLowerCase().includes(m.toLowerCase())||e.description&&e.description.toLowerCase().includes(m.toLowerCase())),w=i.find(e=>e.value===a);(0,e.useEffect)(()=>{f&&S.current&&S.current.focus()},[f]),(0,e.useEffect)(()=>{function e(e){let t=b.current&&b.current.contains(e.target),n=x.current&&x.current.contains(e.target);!t&&!n&&p(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,e.useLayoutEffect)(()=>{if(!f||!b.current||typeof window>`u`)return;let e=()=>{if(!b.current)return;let e=b.current.getBoundingClientRect(),t=x.current?.offsetHeight??0,n=e.bottom+4;if(t&&n+t>window.innerHeight-8){let r=e.top-4-t;n=r>=8?r:Math.max(8,window.innerHeight-t-8)}y({left:e.left,top:n,width:e.width})};return e(),window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e,!0),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e,!0)}},[f,C.length,m]),(0,e.useLayoutEffect)(()=>{f||y(null)},[f]);function T(e){e.key===`ArrowDown`?(e.preventDefault(),_(e=>Math.min(e+1,C.length-1))):e.key===`ArrowUp`?(e.preventDefault(),_(e=>Math.max(e-1,0))):e.key===`Enter`&&g>=0&&C[g]?(o?.(C[g].value),p(!1),h(``)):e.key===`Escape`&&(p(!1),h(``))}return(0,n.jsxs)(`div`,{className:`searchable-select ${d}`,children:[(0,n.jsxs)(`button`,{ref:b,className:`searchable-select-trigger`,onClick:()=>{u||(f||_(-1),p(!f))},disabled:u,type:`button`,children:[(0,n.jsx)(`span`,{className:w?``:`searchable-select-placeholder`,children:w?w.label:s}),(0,n.jsx)(t.ChevronDown,{size:14,className:`searchable-select-chevron`})]}),f&&typeof document<`u`&&(0,r.createPortal)((0,n.jsxs)(`div`,{ref:x,className:`searchable-select-dropdown`,style:{position:`fixed`,left:v?.left??0,top:v?.top??0,width:v?.width,visibility:v?`visible`:`hidden`},children:[(0,n.jsxs)(`div`,{className:`searchable-select-search`,children:[(0,n.jsx)(t.Search,{size:14}),(0,n.jsx)(`input`,{ref:S,value:m,onChange:e=>{h(e.target.value),_(0)},onKeyDown:T,placeholder:c,className:`searchable-select-input`}),m&&(0,n.jsx)(`button`,{className:`searchable-select-clear`,onClick:()=>h(``),children:(0,n.jsx)(t.X,{size:12})})]}),(0,n.jsxs)(`div`,{className:`searchable-select-options`,children:[l&&(0,n.jsx)(`div`,{className:`searchable-select-option ${a?``:`selected`}`,onClick:()=>{o?.(null),p(!1),h(``)},onMouseEnter:()=>_(-1),children:(0,n.jsx)(`span`,{style:{color:`var(--text-tertiary)`,fontStyle:`italic`},children:`None`})}),C.map((e,r)=>(0,n.jsxs)(`div`,{className:`searchable-select-option ${r===g?`highlighted`:``} ${e.value===a?`selected`:``}`,onClick:()=>{o?.(e.value),p(!1),h(``)},onMouseEnter:()=>_(r),children:[(0,n.jsxs)(`div`,{className:`searchable-select-option-content`,children:[(0,n.jsx)(`span`,{children:e.label}),e.description&&(0,n.jsx)(`span`,{className:`searchable-select-option-desc`,children:e.description})]}),e.value===a&&(0,n.jsx)(t.Check,{size:14})]},e.value)),C.length===0&&(0,n.jsx)(`div`,{className:`searchable-select-empty`,children:`No results found`})]})]}),document.body)]})}function Qe({open:r,onClose:i,side:a=`right`,title:o,children:s,className:c=``}){let l=(0,e.useRef)(null);return(0,e.useEffect)(()=>(r?document.body.style.overflow=`hidden`:document.body.style.overflow=``,()=>{document.body.style.overflow=``}),[r]),(0,e.useEffect)(()=>{function e(e){e.key===`Escape`&&i?.()}return r&&document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[r,i]),r?(0,n.jsx)(`div`,{className:`sheet-overlay`,ref:l,onClick:e=>{e.target===l.current&&i?.()},children:(0,n.jsxs)(`div`,{className:`sheet sheet-${a} ${c}`,children:[o&&(0,n.jsxs)(`div`,{className:`sheet-header`,children:[(0,n.jsx)(`h3`,{className:`sheet-title`,children:o}),(0,n.jsx)(`button`,{className:`btn btn-ghost btn-icon btn-sm`,onClick:i,children:(0,n.jsx)(t.X,{size:16})})]}),(0,n.jsx)(`div`,{className:`sheet-body`,children:s})]})}):null}function $e({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`sheet-footer ${t}`,children:e})}function et(...e){return e.filter(Boolean).join(` `)}var tt={default:``,warning:`status-metric--warning`};function nt({children:e,tone:r=`default`,showIcon:i=!0,icon:a,iconSize:o=12,className:s=``}){let c=a||(r===`warning`?t.AlertTriangle:t.Clock);return(0,n.jsxs)(`span`,{className:et(`status-metric`,tt[r],s),children:[i&&c&&(0,n.jsx)(`span`,{className:`status-metric-icon`,children:(0,n.jsx)(c,{size:o})}),(0,n.jsx)(`span`,{className:`status-metric-text`,children:e})]})}function rt({checked:e=!1,onCheckedChange:t,disabled:r=!1,size:i=`md`,label:a}){return(0,n.jsxs)(`div`,{className:`toggle-row`,children:[a&&(0,n.jsx)(`span`,{className:`toggle-text`,children:a}),(0,n.jsx)(`button`,{className:`toggle ${e?`active`:``} ${i===`sm`?`toggle-sm`:``}`,onClick:()=>!r&&t?.(!e),disabled:r,role:`switch`,"aria-checked":e,children:(0,n.jsx)(`div`,{className:`toggle-knob`})})]})}var W=(0,e.createContext)({value:``,onChange:()=>{},registerTrigger:()=>{},getTriggerNode:()=>null});function it({defaultValue:t,value:r,onValueChange:i,children:a,className:o=``}){let[s,c]=(0,e.useState)(t||``),l=(0,e.useRef)(new Map),u=r===void 0?s:r,d=i||c,f=(0,e.useCallback)((e,t)=>{if(t){l.current.set(e,t);return}l.current.delete(e)},[]),p=(0,e.useCallback)(e=>l.current.get(e)||null,[]);return(0,n.jsx)(W.Provider,{value:{value:u,onChange:d,registerTrigger:f,getTriggerNode:p},children:(0,n.jsx)(`div`,{className:o,children:a})})}function at({children:t,className:r=``}){let{value:i,getTriggerNode:a}=(0,e.useContext)(W),o=(0,e.useRef)(null);return(0,e.useLayoutEffect)(()=>{let e=o.current,t=a(i);if(!e)return;if(!t){e.style.setProperty(`--tabs-indicator-width`,`0px`),e.style.setProperty(`--tabs-indicator-x`,`0px`),e.removeAttribute(`data-tabs-indicator-ready`);return}let n=()=>{e.style.setProperty(`--tabs-indicator-width`,`${t.offsetWidth}px`),e.style.setProperty(`--tabs-indicator-x`,`${t.offsetLeft}px`),e.setAttribute(`data-tabs-indicator-ready`,`true`)};n();let r=typeof ResizeObserver<`u`?new ResizeObserver(n):null;return r?.observe(e),r?.observe(t),window.addEventListener(`resize`,n),()=>{r?.disconnect(),window.removeEventListener(`resize`,n)}},[i,a]),(0,n.jsxs)(`div`,{ref:o,className:`tabs ${r}`,role:`tablist`,children:[(0,n.jsx)(`span`,{className:`tabs-indicator`,"aria-hidden":`true`}),t]})}function ot({value:t,children:r,className:i=``}){let{value:a,onChange:o,registerTrigger:s}=(0,e.useContext)(W),c=a===t;return(0,n.jsx)(`button`,{ref:e=>s(t,e),className:`tab ${c?`active`:``} ${i}`,onClick:()=>o(t),role:`tab`,"aria-selected":c,type:`button`,children:r})}function st({value:t,children:r,className:i=``}){let{value:a}=(0,e.useContext)(W);return a===t?(0,n.jsx)(`div`,{className:i,role:`tabpanel`,children:r}):null}var ct=(0,e.forwardRef)(function({className:e=``,startAdornment:t,endAdornment:r,...i},a){return t||r?(0,n.jsxs)(`div`,{className:[`textarea-wrapper`,e].filter(Boolean).join(` `),children:[t&&(0,n.jsx)(`div`,{className:`textarea-adornment textarea-adornment--start`,children:t}),(0,n.jsx)(`textarea`,{...i,ref:a,className:`textarea-wrapper__input`}),r&&(0,n.jsx)(`div`,{className:`textarea-adornment textarea-adornment--end`,children:r})]}):(0,n.jsx)(`textarea`,{...i,ref:a,className:[`textarea`,e].filter(Boolean).join(` `)})});function G({content:t,side:i=`top`,children:a,className:o=``}){let[s,c]=(0,e.useState)(!1),[l,u]=(0,e.useState)(null),d=(0,e.useRef)(null),f=(0,e.useRef)(null),p=(0,e.useRef)(null);function m(){p.current=setTimeout(()=>c(!0),300)}function h(){clearTimeout(p.current),c(!1)}return(0,e.useEffect)(()=>()=>{clearTimeout(p.current)},[]),(0,e.useLayoutEffect)(()=>{if(!s||!d.current||!f.current||typeof window>`u`)return;let e=()=>{let e=d.current.getBoundingClientRect(),t=f.current.getBoundingClientRect(),n=e.left+e.width/2-t.width/2;n=Math.max(8,Math.min(n,window.innerWidth-t.width-8));let r=i===`bottom`?e.bottom+8:e.top-t.height-8;r<8&&(r=e.bottom+8),r+t.height>window.innerHeight-8&&(r=Math.max(8,e.top-t.height-8)),u({left:n,top:r})};return e(),window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[i,s]),(0,n.jsxs)(`div`,{className:`tooltip-wrapper ${o}`,onMouseEnter:m,onMouseLeave:h,onFocus:m,onBlur:h,ref:d,style:{position:`relative`,display:`inline-flex`},children:[a,s&&typeof document<`u`&&(0,r.createPortal)((0,n.jsx)(`div`,{ref:f,className:`tooltip tooltip-${i} tooltip-portal`,role:`tooltip`,style:{left:l?.left??0,top:l?.top??0,position:`fixed`,visibility:l?`visible`:`hidden`},children:t}),document.body)]})}var lt={kanban:t.Columns3,board:t.Columns3,columns:t.Columns3,table:t.List,list:t.List,rows:t.List,grid:t.LayoutGrid,calendar:t.Calendar,map:t.Map},ut=[{value:`kanban`,label:`Kanban`,title:`Board View`},{value:`table`,label:`Table`,title:`Table View`}];function dt(e){return e.icon?e.icon:lt[e.value]??null}function ft(t,n){return t?(0,e.isValidElement)(t)?t:(0,e.createElement)(t,{size:n}):null}function pt({options:t=ut,value:r,defaultValue:i,onValueChange:a,ariaLabel:o=`View mode`,iconSize:s=16,showLabels:c=!1,className:l=``,optionClassName:u=``}){let d=(0,e.useRef)(null),f=(0,e.useRef)(null),p=(0,e.useRef)(new Map),[m,h]=(0,e.useState)(i??t[0]?.value??``),g=r===void 0?m:r,_=(0,e.useCallback)(()=>{let e=f.current,t=p.current.get(g);if(e){if(!t){e.style.opacity=`0`;return}e.style.width=`${t.offsetWidth}px`,e.style.height=`${t.offsetHeight}px`,e.style.transform=`translate3d(${t.offsetLeft}px, ${t.offsetTop}px, 0)`,e.style.opacity=`1`}},[g]);function v(e){e.disabled||(r===void 0&&h(e.value),a?.(e.value,e))}return(0,e.useLayoutEffect)(()=>{_()},[_,t,c,s,l,u]),(0,e.useEffect)(()=>{let e=d.current;if(!e)return;let t=null;function n(){t!==null&&cancelAnimationFrame(t),t=requestAnimationFrame(()=>{t=null,_()})}if(n(),typeof ResizeObserver<`u`){let r=new ResizeObserver(n);return r.observe(e),p.current.forEach(e=>r.observe(e)),()=>{t!==null&&cancelAnimationFrame(t),r.disconnect()}}return window.addEventListener(`resize`,n),()=>{t!==null&&cancelAnimationFrame(t),window.removeEventListener(`resize`,n)}},[_,t,c,s,l,u]),(0,n.jsxs)(`div`,{ref:d,className:[`view-mode-toggle`,c?`show-labels`:``,l].filter(Boolean).join(` `),role:`group`,"aria-label":o,children:[(0,n.jsx)(`span`,{ref:f,"aria-hidden":`true`,className:`view-mode-toggle-indicator`}),t.map(e=>{let t=e.value===g,r=ft(dt(e),s);return(0,n.jsxs)(`button`,{type:`button`,"aria-pressed":t,disabled:e.disabled,title:e.title||e.label,"aria-label":e.title||e.label,ref:t=>{t?p.current.set(e.value,t):p.current.delete(e.value)},className:[`view-mode-toggle-option`,t?`active`:``,e.disabled?`disabled`:``,u].filter(Boolean).join(` `),onClick:()=>v(e),children:[r&&(0,n.jsx)(`span`,{className:`view-mode-toggle-icon`,children:r}),c&&(0,n.jsx)(`span`,{className:`view-mode-toggle-label`,children:e.label})]},e.value)})]})}function mt(t,n){return t?(0,e.isValidElement)(t)?t:(0,e.createElement)(t,{size:n}):null}function ht({items:t=[],value:r,defaultValue:i,onValueChange:a,ariaLabel:o=`Workspace tabs`,iconSize:s=14,variant:c=`plain`,className:l=``,itemClassName:u=``}){let d=(0,e.useRef)(null),f=(0,e.useRef)(null),p=(0,e.useRef)(new Map),[m,h]=(0,e.useState)(i??t[0]?.id??``),g=r===void 0?m:r,_=(0,e.useCallback)(()=>{let e=f.current,t=p.current.get(g);if(e){if(!t){e.style.opacity=`0`;return}e.style.width=`${t.offsetWidth}px`,e.style.height=`${t.offsetHeight}px`,e.style.transform=`translate3d(${t.offsetLeft}px, ${t.offsetTop}px, 0)`,e.style.opacity=`1`}},[g]);function v(e){e.disabled||(r===void 0&&h(e.id),a?.(e.id,e))}return(0,e.useLayoutEffect)(()=>{_()},[_,t,s,c,l,u]),(0,e.useEffect)(()=>{let e=d.current;if(!e)return;let t=null;function n(){t!==null&&cancelAnimationFrame(t),t=requestAnimationFrame(()=>{t=null,_()})}if(n(),typeof ResizeObserver<`u`){let r=new ResizeObserver(n);return r.observe(e),p.current.forEach(e=>r.observe(e)),()=>{t!==null&&cancelAnimationFrame(t),r.disconnect()}}return window.addEventListener(`resize`,n),()=>{t!==null&&cancelAnimationFrame(t),window.removeEventListener(`resize`,n)}},[_,t,s,c,l,u]),(0,n.jsxs)(`div`,{ref:d,className:[`workspace-tabs`,c===`contained`?`workspace-tabs--contained`:``,l].filter(Boolean).join(` `),role:`tablist`,"aria-label":o,children:[(0,n.jsx)(`span`,{ref:f,"aria-hidden":`true`,className:`workspace-tabs-indicator`}),t.map(e=>{let t=e.id===g,r=mt(e.icon,s);return(0,n.jsxs)(`button`,{type:`button`,role:`tab`,"aria-selected":t,disabled:e.disabled,title:e.label,ref:t=>{t?p.current.set(e.id,t):p.current.delete(e.id)},className:[`workspace-tab`,t?`active`:``,e.disabled?`disabled`:``,u].filter(Boolean).join(` `),onClick:()=>v(e),children:[r&&(0,n.jsx)(`span`,{className:`workspace-tab-icon`,children:r}),(0,n.jsx)(`span`,{className:`workspace-tab-label`,children:e.label}),e.badge!=null&&(0,n.jsx)(`span`,{className:`workspace-tab-badge`,children:e.badge})]},e.id)})]})}function K({icon:e,label:t,onClick:r,active:i,danger:a,compact:o,title:s}){return(0,n.jsx)(G,{content:s,children:(0,n.jsxs)(`button`,{type:`button`,onClick:r,"aria-label":t,style:{display:`inline-flex`,alignItems:`center`,gap:6,padding:o?`6px`:`8px 10px`,borderRadius:6,background:a?`var(--accent-red, #ef4444)`:i?`var(--accent-yellow-soft, rgba(245,158,11,0.15))`:`transparent`,color:a?`#fff`:i?`var(--accent-yellow, #f59e0b)`:`var(--text-primary)`,border:`none`,cursor:`pointer`},children:[(0,n.jsx)(e,{size:o?14:16}),!o&&(0,n.jsx)(`span`,{style:{fontSize:`var(--text-xs)`},children:t})]})})}function q({isMuted:e,isOnHold:r,onMute:i,onHold:a,onTransfer:o,onInvite:s,onKeypad:c,onEnd:l,compact:u=!1,hideEnd:d=!1,className:f=``}){return(0,n.jsxs)(`div`,{className:`call-controls-bar ${f}`,style:{display:`inline-flex`,gap:4,alignItems:`center`,flexWrap:`nowrap`},children:[(0,n.jsx)(K,{icon:e?t.MicOff:t.Mic,label:e?`Unmute`:`Mute`,onClick:i,active:e,compact:u,title:`Mute (M)`}),(0,n.jsx)(K,{icon:r?t.Play:t.Pause,label:r?`Resume`:`Hold`,onClick:a,active:r,compact:u,title:`Hold (H)`}),(0,n.jsx)(K,{icon:t.PhoneForwarded,label:`Transfer`,onClick:o,compact:u,title:`Transfer (T)`}),(0,n.jsx)(K,{icon:t.UserPlus,label:`Invite`,onClick:s,compact:u,title:`Invite observer`}),(0,n.jsx)(K,{icon:t.Hash,label:`Keypad`,onClick:c,compact:u,title:`Keypad`}),!d&&(0,n.jsx)(K,{icon:t.PhoneOff,label:`End`,onClick:l,danger:!0,compact:u,title:`End call (E)`})]})}function J(e){return e==null||Number.isNaN(e)?`0:00`:`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,`0`)}`}function gt(e){if(!e)return``;let t=new Date(e).getTime()-Date.now();return t<=0?`now`:J(Math.ceil(t/1e3))}function _t(e){if(!e)return``;let t=Date.now()-new Date(e).getTime(),n=Math.floor(t/1e3);if(n<60)return`just now`;let r=Math.floor(n/60);if(r<60)return`${r}m ago`;let i=Math.floor(r/60);if(i<24)return`${i}h ago`;let a=Math.floor(i/24);return a===1?`Yesterday`:a<7?`${a}d ago`:new Date(e).toLocaleDateString()}function vt(e){if(!e)return`none`;let t=new Date(e).getTime()-Date.now();return t<=0?`overdue`:t<30*1e3?`urgent`:t<120*1e3?`warning`:`normal`}var yt={intake:`Intake`,plan_review:`Plan Review`,inspections:`Inspections`,finance:`Finance`,coc:`COC`,tech_support:`Tech Support`,sales:`Sales`,escalations:`Escalations`};function bt(e){return e?yt[e]?yt[e]:e.split(`_`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `):``}var xt={client:`Client`,building_department:`Building Dept`,staff:`Staff`,unknown:`Unknown`};function Y(e){return xt[e]||`Unknown`}var St={open:`Open`,in_progress:`In progress`,resolved:`Resolved`,closed:`Closed`,awaiting_reply:`Awaiting reply`};function Ct(e){return St[e]||(e?e.replace(/_/g,` `).replace(/\b\w/g,e=>e.toUpperCase()):``)}var wt={intake:`var(--accent-blue)`,plan_review:`var(--accent-purple)`,inspections:`var(--accent-green)`,finance:`var(--accent-yellow)`,coc:`var(--accent-red)`,tech_support:`var(--text-tertiary)`,sales:`var(--accent-orange)`,escalations:`var(--accent-red)`};function Tt(e){switch(e){case`resolved`:case`closed`:return`success`;case`in_progress`:return`info`;case`awaiting_reply`:return`warning`;default:return`secondary`}}function Et(e,t){return e?e.length>t?`${e.slice(0,t-1)}…`:e:``}function X({ticket:e,onClick:t,variant:r=`default`,className:i=``}){if(!e)return null;let a=wt[e.department]??wt.tech_support,o=t?`button`:`span`,s=r===`compact`?`#${e.number}`:`#${e.number} · ${Et(e.title,28)}`;return r===`detailed`?(0,n.jsxs)(o,{type:t?`button`:void 0,onClick:t,className:`ticket-link-chip ticket-link-chip-detailed ${i}`,style:{display:`inline-flex`,flexDirection:`column`,alignItems:`flex-start`,gap:8,padding:`8px 12px 8px 10px`,borderRadius:10,background:`var(--bg-tertiary, rgba(255,255,255,0.04))`,border:`1px solid var(--border-primary, rgba(255,255,255,0.08))`,fontSize:`var(--text-xs)`,color:`var(--text-primary)`,cursor:t?`pointer`:`default`,width:`100%`,textAlign:`left`},children:[(0,n.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:8,width:`100%`},children:[(0,n.jsx)(`span`,{style:{width:3,height:18,borderRadius:2,background:a,flexShrink:0}}),(0,n.jsxs)(`span`,{style:{fontWeight:600,color:`var(--text-primary)`},children:[`#`,e.number]}),(0,n.jsxs)(`span`,{style:{color:`var(--text-secondary)`},children:[`· `,Et(e.title,40)]})]}),(0,n.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:6},children:[e.department&&(0,n.jsx)(H,{variant:`secondary`,showDot:!1,className:`badge--no-dot`,children:bt(e.department)}),e.status&&(0,n.jsx)(H,{variant:Tt(e.status),children:Ct(e.status)})]})]}):(0,n.jsxs)(o,{type:t?`button`:void 0,onClick:t,className:`ticket-link-chip ticket-link-chip-${r} ${i}`,style:{display:`inline-flex`,alignItems:`center`,gap:6,padding:`2px 10px 2px 6px`,borderRadius:999,background:`var(--bg-tertiary, rgba(255,255,255,0.04))`,border:`1px solid var(--border-primary, rgba(255,255,255,0.08))`,fontSize:`var(--text-xs)`,color:`var(--text-primary)`,cursor:t?`pointer`:`default`,lineHeight:1.4,maxWidth:r===`compact`?140:220},children:[(0,n.jsx)(`span`,{style:{width:3,height:14,borderRadius:2,background:a,flexShrink:0}}),(0,n.jsx)(`span`,{style:{whiteSpace:`nowrap`,overflow:`hidden`,textOverflow:`ellipsis`},children:s})]})}var Dt={available:`var(--accent-green, #22c55e)`,busy:`var(--accent-yellow, #f59e0b)`,in_call:`var(--accent-yellow, #f59e0b)`,dnd:`var(--accent-red, #ef4444)`,offline:`var(--text-tertiary, #71717a)`},Ot={xs:6,sm:8,md:10};function kt({status:e=`offline`,size:t=`sm`,className:r=``}){let i=Ot[t]??8,a=Dt[e]??Dt.offline;return(0,n.jsx)(`span`,{className:`presence-dot ${e===`in_call`?`presence-dot-pulse`:``} ${r}`,style:{display:`inline-block`,width:i,height:i,borderRadius:`50%`,background:a,border:`1px solid var(--bg-primary, #0a0a0a)`,boxSizing:`content-box`},"aria-label":`Status: ${e}`})}var At={sm:`sm`,md:`md`,lg:`lg`};function Z({name:e,initials:t,avatarUrl:r,status:i=`offline`,activity:a=null,size:o=`md`,showActivity:s=!0,className:c=``}){let l=At[o]||`md`,u=o===`sm`?`xs`:o===`md`?`sm`:`md`;return(0,n.jsxs)(`div`,{className:`presence-avatar ${c}`,style:{display:`inline-flex`,alignItems:`center`,gap:8},children:[(0,n.jsxs)(`span`,{style:{position:`relative`,display:`inline-flex`},children:[(0,n.jsx)(V,{name:e,initials:t,imageUrl:r,size:l}),(0,n.jsx)(`span`,{style:{position:`absolute`,left:-1,top:-1},children:(0,n.jsx)(kt,{status:i,size:u})})]}),s&&a&&(0,n.jsx)(`span`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-secondary)`,lineHeight:1.2},children:a})]})}var jt={connecting:`Connecting…`,ringing:`Ringing…`,connected:`Connected`,on_hold:`On hold`,ending:`Ending…`},Mt={connecting:`info`,ringing:`info`,connected:`success`,on_hold:`warning`,ending:`error`};function Nt(e){return e===`connected`?`var(--accent-green)`:e===`on_hold`?`var(--accent-yellow)`:e===`ending`?`var(--accent-red)`:`var(--accent-blue)`}function Pt(e){return e===`connecting`||e===`ringing`}function Ft({state:r=`connected`,caller:i={},ticket:a=null,durationSec:o=0,isMuted:s,isOnHold:c,observers:l=[],recordingConsentPending:u=!1,onMute:d,onHold:f,onTransfer:p,onInvite:m,onKeypad:h,onEnd:g,onMinimize:_,minimized:v=!1,className:y=``}){let[b,x]=(0,e.useState)(!1),S=v||b,C=jt[r]||r,w=Pt(r),T=Nt(r),E=(0,e.useMemo)(()=>`${Math.floor(o/60)}:${Math.floor(o%60).toString().padStart(2,`0`)}`,[o]),D=l.slice(0,3),O=Math.max(0,l.length-3),k=()=>{x(e=>!e),_?.()};return S?(0,n.jsxs)(`div`,{className:`callbar callbar-minimized ${y}`,style:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,minHeight:24,padding:`2px 12px`,background:`var(--bg-card)`,borderBottom:`1px solid var(--border-primary)`},children:[(0,n.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:8},children:[(0,n.jsx)(`span`,{className:w?`callbar-dot-pulse`:``,style:{width:8,height:8,borderRadius:`50%`,background:T}}),(0,n.jsx)(`span`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-secondary)`},children:C}),r===`connected`&&(0,n.jsx)(`span`,{style:{fontSize:`var(--text-xs)`,fontVariantNumeric:`tabular-nums`},children:E})]}),(0,n.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:6},children:[(0,n.jsx)(q,{isMuted:s,isOnHold:c,onMute:d,onHold:f,onTransfer:p,onInvite:m,onKeypad:h,onEnd:g,compact:!0,hideEnd:!0}),(0,n.jsxs)(U,{variant:`destructive`,size:`sm`,onClick:g,"aria-label":`End call`,children:[(0,n.jsx)(t.PhoneOff,{size:13,style:{marginRight:4}}),`End`]}),(0,n.jsx)(`button`,{type:`button`,className:`btn btn-ghost btn-icon btn-sm`,onClick:k,"aria-label":`Expand callbar`,children:(0,n.jsx)(t.ChevronDown,{size:14})})]})]}):(0,n.jsxs)(`div`,{className:`callbar ${y}`,style:{borderBottom:`1px solid var(--border-primary)`,background:`var(--bg-card)`},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:12,minHeight:40,padding:`4px 12px`},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:10,minWidth:0},children:[(0,n.jsx)(`span`,{className:w?`callbar-dot-pulse`:``,style:{width:10,height:10,borderRadius:`50%`,background:T,flexShrink:0}}),(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:8},children:[(0,n.jsx)(H,{variant:Mt[r]||`secondary`,children:C}),(r===`connected`||r===`on_hold`)&&(0,n.jsx)(`span`,{style:{fontSize:`var(--text-sm)`,fontVariantNumeric:`tabular-nums`,fontWeight:600},children:E})]})]}),(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:12,minWidth:0,flex:1,justifyContent:`center`},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,minWidth:0},children:[(0,n.jsx)(`span`,{style:{fontWeight:600,fontSize:`var(--text-sm)`,whiteSpace:`nowrap`,overflow:`hidden`,textOverflow:`ellipsis`},children:i.name||`Unknown`}),(0,n.jsx)(`span`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-tertiary)`},children:i.number})]}),a?(0,n.jsx)(X,{ticket:a,variant:`compact`}):(0,n.jsx)(`button`,{type:`button`,className:`btn btn-ghost btn-sm`,style:{fontSize:`var(--text-xs)`},children:`Link to ticket`})]}),(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:8,flexShrink:0},children:[D.map(e=>(0,n.jsx)(Z,{name:e.name,initials:e.initials,avatarUrl:e.avatarUrl,status:`in_call`,showActivity:!1,size:`sm`},e.userId)),O>0&&(0,n.jsxs)(`span`,{style:{fontSize:`var(--text-xs)`,padding:`2px 6px`,borderRadius:6,background:`var(--bg-tertiary)`},children:[`+`,O]}),(0,n.jsx)(q,{isMuted:s,isOnHold:c,onMute:d,onHold:f,onTransfer:p,onInvite:m,onKeypad:h,onEnd:g,compact:!0,hideEnd:!0}),(0,n.jsxs)(U,{variant:`destructive`,size:`sm`,onClick:g,"aria-label":`End call`,children:[(0,n.jsx)(t.PhoneOff,{size:14,style:{marginRight:6}}),`End call`]}),(0,n.jsx)(`button`,{type:`button`,className:`btn btn-ghost btn-icon btn-sm`,onClick:k,"aria-label":`Minimize callbar`,children:(0,n.jsx)(t.ChevronUp,{size:14})})]})]}),u&&(0,n.jsx)(`div`,{style:{padding:`6px 12px`,fontSize:`var(--text-xs)`,background:`var(--accent-yellow-bg)`,color:`var(--accent-yellow)`,borderTop:`1px solid var(--accent-yellow-bg)`},children:`⚠ Consent pending — confirm with caller before disclosing sensitive data`})]})}var It={client:{accent:`var(--accent-green)`,variant:`success`},building_department:{accent:`var(--accent-blue)`,variant:`info`},staff:{accent:`var(--accent-purple)`,variant:`purple`},unknown:{accent:`var(--accent-yellow)`,variant:`warning`}};function Lt(e){return e?Math.max(0,Math.floor((Date.now()-new Date(e).getTime())/1e3)):0}function Rt({variant:r=`primary`,callerName:i,callerNumber:a,callerType:o=`unknown`,avatarUrl:s,ticket:c=null,ticketCandidates:l=[],projectRef:u=null,transferContext:d=null,ringStartedAt:f,onAccept:p,onDecline:m,onSendToVoicemail:h,onPromote:g,className:_=``}){let[v,y]=(0,e.useState)(()=>Lt(f)),[b,x]=(0,e.useState)(l[0]?.id||`none`);(0,e.useEffect)(()=>{if(!f)return;let e=setInterval(()=>y(Lt(f)),1e3);return()=>clearInterval(e)},[f]);let S=It[o]||It.unknown;return r===`mini`?(0,n.jsxs)(`div`,{role:`button`,tabIndex:0,className:`call-card call-card-mini ${_}`,onClick:e=>{e.target.closest(`button`)||g?.()},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),g?.())},style:{width:380,minHeight:64,display:`flex`,alignItems:`center`,gap:10,padding:`8px 12px`,borderRadius:10,border:`1px solid var(--border-primary)`,borderLeft:`4px solid ${S.accent}`,background:`var(--bg-card)`,boxShadow:`0 4px 24px rgba(0,0,0,0.25)`,cursor:`pointer`},children:[(0,n.jsx)(V,{name:i,imageUrl:s,size:`sm`}),(0,n.jsxs)(`div`,{style:{flex:1,minWidth:0},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:6},children:[(0,n.jsx)(`span`,{style:{fontWeight:600,fontSize:`var(--text-sm)`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},children:i}),(0,n.jsx)(H,{variant:S.variant,showDot:!1,className:`badge--no-dot`,children:Y(o)})]}),(0,n.jsxs)(`div`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-tertiary)`},children:[`Ringing · `,J(v)]})]}),(0,n.jsx)(`button`,{type:`button`,className:`btn btn-ghost btn-icon btn-sm`,onClick:()=>p?.(),"aria-label":`Accept`,children:(0,n.jsx)(t.Phone,{size:16,style:{color:`var(--accent-green)`}})}),(0,n.jsx)(`button`,{type:`button`,className:`btn btn-ghost btn-icon btn-sm`,onClick:m,"aria-label":`Decline`,children:(0,n.jsx)(t.PhoneOff,{size:16})})]}):(0,n.jsxs)(`div`,{className:`call-card call-card-primary ${_}`,style:{width:380,minHeight:280,borderRadius:12,border:`1px solid var(--border-primary)`,borderLeft:`4px solid ${S.accent}`,background:`var(--bg-card)`,boxShadow:`0 8px 32px rgba(0,0,0,0.35)`,display:`flex`,flexDirection:`column`,overflow:`hidden`},children:[d&&(0,n.jsxs)(`div`,{style:{padding:`8px 12px`,background:`var(--accent-purple-bg)`,borderBottom:`1px solid var(--border-primary)`,fontSize:`var(--text-xs)`,color:`var(--text-secondary)`},children:[(0,n.jsx)(`strong`,{style:{color:`var(--accent-purple)`},children:d.fromStaffName}),` is transferring —`,` `,d.reason]}),(0,n.jsxs)(`div`,{style:{padding:14,flex:1,display:`flex`,flexDirection:`column`,gap:12},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,justifyContent:`space-between`,alignItems:`flex-start`,gap:10},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,gap:10,alignItems:`center`,minWidth:0},children:[(0,n.jsx)(V,{name:i,imageUrl:s,size:`md`}),(0,n.jsxs)(`div`,{style:{minWidth:0},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:6},children:[(0,n.jsx)(`span`,{style:{fontWeight:600,fontSize:`var(--text-base)`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},children:i}),(0,n.jsx)(H,{variant:S.variant,showDot:!1,className:`badge--no-dot`,children:Y(o)})]}),(0,n.jsx)(`div`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-tertiary)`},children:a})]})]}),(0,n.jsxs)(`div`,{style:{fontSize:`var(--text-xs)`,color:S.accent,fontVariantNumeric:`tabular-nums`,fontWeight:600,whiteSpace:`nowrap`},children:[(0,n.jsx)(`span`,{style:{marginRight:4},children:`•`}),J(v)]})]}),(0,n.jsx)(`div`,{style:{flex:1,minHeight:0},children:c?(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:6},children:[(0,n.jsx)(X,{ticket:c,variant:`detailed`}),u&&(0,n.jsx)(`div`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-secondary)`},children:u})]}):l.length>0?(0,n.jsxs)(`div`,{children:[(0,n.jsx)(`div`,{style:{fontSize:`var(--text-xs)`,marginBottom:8,color:`var(--text-secondary)`,fontWeight:600},children:`Possible tickets`}),(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:6},children:[l.slice(0,3).map(e=>(0,n.jsxs)(`label`,{style:{display:`flex`,alignItems:`center`,gap:8,fontSize:`var(--text-xs)`,cursor:`pointer`},children:[(0,n.jsx)(`input`,{type:`radio`,name:`ticket-cand`,checked:b===e.id,onChange:()=>x(e.id)}),(0,n.jsx)(X,{ticket:e,variant:`compact`})]},e.id)),l.length>3&&(0,n.jsx)(`span`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-tertiary)`},children:`+ more`}),(0,n.jsxs)(`label`,{style:{display:`flex`,alignItems:`center`,gap:8,fontSize:`var(--text-xs)`,cursor:`pointer`},children:[(0,n.jsx)(`input`,{type:`radio`,name:`ticket-cand`,checked:b===`none`,onChange:()=>x(`none`)}),`None of these`]})]})]}):(0,n.jsxs)(`div`,{children:[(0,n.jsx)(H,{variant:`warning`,showDot:!1,className:`badge--no-dot`,children:`No ticket linked`}),u&&(0,n.jsx)(`div`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-tertiary)`,marginTop:6},children:u})]})})]}),(0,n.jsxs)(`div`,{style:{display:`grid`,gridTemplateColumns:`auto 1fr 1.4fr`,gap:8,padding:12,borderTop:`1px solid var(--border-primary)`,background:`var(--bg-card-content)`,alignItems:`stretch`},children:[(0,n.jsx)(U,{type:`button`,variant:`ghost`,size:`sm`,onClick:h,"aria-label":`Send to voicemail`,children:(0,n.jsx)(t.Voicemail,{size:14})}),(0,n.jsx)(U,{type:`button`,variant:`outline`,size:`sm`,onClick:m,children:`Decline`}),(0,n.jsxs)(U,{type:`button`,variant:`success`,size:`sm`,onClick:()=>{!c&&l.length>0?b===`none`?p?.(`none`):b===`new`?p?.(`new`):p?.(b):p?.()},style:{fontWeight:600},children:[(0,n.jsx)(t.Phone,{size:14,style:{marginRight:6}}),`Accept`]})]})]})}var zt={ringing:{icon:t.PhoneIncoming,color:`var(--accent-red)`,label:`Ringing`},voicemail:{icon:t.Voicemail,color:`var(--accent-yellow)`,label:`Voicemail`},callback:{icon:t.PhoneForwarded,color:`var(--accent-blue)`,label:`Callback`},missed:{icon:t.PhoneMissed,color:`var(--text-tertiary)`,label:`Missed`}},Bt={client:`success`,building_department:`info`,staff:`purple`,unknown:`warning`};function Vt({kind:e,caller:r={},ticket:i=null,ago:a=null,slaDeadlineAt:o=null,voicemailDurationSec:s,assignedTo:c=null,actions:l=[],onAction:u,onClick:d,className:f=``}){let p=zt[e]||zt.ringing,m=p.icon,h=l.slice(0,2),g=l.slice(2),_=o?vt(o):`none`,v=_===`urgent`?`var(--accent-red)`:_===`warning`?`var(--accent-yellow)`:`var(--text-secondary)`;return(0,n.jsxs)(`div`,{role:`button`,tabIndex:0,className:`queue-item ${f}`,onClick:()=>d?.(),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),d?.())},style:{display:`grid`,gridTemplateColumns:`40px 1fr auto auto`,gap:10,alignItems:`center`,minHeight:72,padding:`10px 12px`,borderRadius:8,border:`1px solid var(--border-primary)`,background:`var(--bg-card)`,cursor:d?`pointer`:`default`},children:[(0,n.jsx)(`div`,{style:{color:p.color,display:`flex`,justifyContent:`center`},children:(0,n.jsx)(m,{size:22,strokeWidth:e===`ringing`?2.5:2})}),(0,n.jsxs)(`div`,{style:{minWidth:0},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:8,flexWrap:`wrap`},children:[(0,n.jsx)(`span`,{style:{fontWeight:600,fontSize:`var(--text-sm)`},children:r.name}),(0,n.jsx)(H,{variant:Bt[r.type]||`warning`,showDot:!1,className:`badge--no-dot`,children:Y(r.type)}),i&&(0,n.jsx)(X,{ticket:i,variant:`compact`})]}),(0,n.jsxs)(`div`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-tertiary)`,marginTop:4,display:`flex`,alignItems:`center`,gap:6},children:[(0,n.jsx)(`span`,{style:{textTransform:`uppercase`,letterSpacing:.4,color:p.color,fontWeight:600,fontSize:10},children:p.label}),(0,n.jsx)(`span`,{children:`·`}),e===`voicemail`&&s!=null&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`span`,{children:J(s)}),(0,n.jsx)(`span`,{children:`·`})]}),a&&(0,n.jsx)(`span`,{children:_t(a)}),o&&(0,n.jsxs)(`span`,{style:{color:v,marginLeft:4,fontVariantNumeric:`tabular-nums`,fontWeight:600},children:[`SLA `,gt(o)]})]})]}),c&&(0,n.jsx)(Z,{name:c.name,initials:c.initials,avatarUrl:null,status:`busy`,size:`sm`,showActivity:!1}),!c&&(0,n.jsx)(`span`,{}),(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:4},onClick:e=>e.stopPropagation(),children:[h.map(e=>(0,n.jsx)(`button`,{type:`button`,className:`btn btn-ghost btn-icon btn-sm`,title:e.label,onClick:()=>u?.(e.key),children:e.icon},e.key)),g.length>0&&(0,n.jsx)(Ke,{align:`right`,trigger:(0,n.jsx)(`button`,{type:`button`,className:`btn btn-ghost btn-icon btn-sm`,"aria-label":`More actions`,children:(0,n.jsx)(t.MoreHorizontal,{size:16})}),children:g.map(e=>(0,n.jsx)(qe,{onClick:()=>u?.(e.key),children:e.label},e.key))})]})]})}function Ht({items:e=[],className:t=``}){return(0,n.jsx)(`div`,{className:`activity-feed ${t}`,children:e.map((e,t)=>(0,n.jsxs)(`div`,{className:`activity-item`,children:[(0,n.jsx)(`div`,{className:`activity-avatar`,children:(0,n.jsx)(V,{name:e.user,size:`sm`})}),(0,n.jsxs)(`div`,{className:`activity-content`,children:[(0,n.jsxs)(`div`,{className:`activity-header`,children:[(0,n.jsx)(`span`,{className:`activity-name`,children:e.user}),(0,n.jsx)(`span`,{className:`activity-time`,children:e.time})]}),(0,n.jsx)(`div`,{className:`activity-text`,children:e.text}),e.meta&&(0,n.jsx)(`div`,{className:`activity-meta`,children:e.meta})]})]},e.id||t))})}function Ut({open:r,onClose:i,groups:a=[],onSelect:o,placeholder:s=`Type a command or search...`}){let[c,l]=(0,e.useState)(``),[u,d]=(0,e.useState)(0),f=(0,e.useRef)(null);if((0,e.useEffect)(()=>{if(r){let e=setTimeout(()=>{l(``),d(0),f.current?.focus()},50);return()=>clearTimeout(e)}},[r]),(0,e.useEffect)(()=>{function e(e){e.key===`k`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),i?.())}return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[r,i]),!r)return null;let p=a.flatMap(e=>e.items.filter(e=>e.label.toLowerCase().includes(c.toLowerCase())).map(t=>({...t,group:e.label}))),m=p.map((e,t)=>({...e,showGroup:t===0||e.group!==p[t-1].group}));function h(e){e.key===`ArrowDown`?(e.preventDefault(),d(e=>Math.min(e+1,p.length-1))):e.key===`ArrowUp`?(e.preventDefault(),d(e=>Math.max(e-1,0))):e.key===`Enter`&&p[u]?(o?.(p[u]),i?.()):e.key===`Escape`&&i?.()}return(0,n.jsx)(`div`,{className:`dialog-overlay`,onClick:e=>{e.target===e.currentTarget&&i?.()},children:(0,n.jsxs)(`div`,{className:`command-palette`,children:[(0,n.jsxs)(`div`,{className:`command-input-wrapper`,children:[(0,n.jsx)(`span`,{className:`command-input-icon`,children:(0,n.jsx)(t.Search,{size:16})}),(0,n.jsx)(`input`,{ref:f,className:`command-input`,value:c,onChange:e=>{l(e.target.value),d(0)},onKeyDown:h,placeholder:s})]}),(0,n.jsxs)(`div`,{className:`command-results`,children:[m.map((e,t)=>(0,n.jsxs)(`div`,{children:[e.showGroup&&(0,n.jsx)(`div`,{className:`command-group-label`,children:e.group}),(0,n.jsxs)(`div`,{className:`dropdown-item ${t===u?`active`:``}`,onClick:()=>{o?.(e),i?.()},onMouseEnter:()=>d(t),children:[e.icon&&(0,n.jsx)(`span`,{className:`dropdown-item-icon`,children:e.icon}),e.label,e.shortcut&&(0,n.jsx)(`span`,{className:`dropdown-shortcut`,children:e.shortcut})]})]},e.id||t)),p.length===0&&(0,n.jsx)(`div`,{style:{padding:`var(--space-4)`,textAlign:`center`,color:`var(--text-tertiary)`,fontSize:`var(--text-sm)`},children:`No results found`})]})]})})}function Wt({columns:r,data:i,onRowClick:a,className:o=``}){let[s,c]=(0,e.useState)(null),[l,u]=(0,e.useState)(`asc`);function d(e){s===e?u(e=>e===`asc`?`desc`:`asc`):(c(e),u(`asc`))}let f=s?[...i].sort((e,t)=>{let n=e[s],r=t[s],i=typeof n==`number`?n-r:String(n).localeCompare(String(r));return l===`asc`?i:-i}):i;return(0,n.jsx)(`div`,{className:`table-wrapper ${o}`,children:(0,n.jsxs)(`table`,{children:[(0,n.jsx)(`thead`,{children:(0,n.jsx)(`tr`,{children:r.map(e=>(0,n.jsx)(`th`,{onClick:()=>e.sortable!==!1&&d(e.key),style:{cursor:e.sortable===!1?`default`:`pointer`,width:e.width},children:(0,n.jsxs)(`span`,{className:`th-content`,children:[e.label,e.sortable!==!1&&(0,n.jsx)(`span`,{className:`th-sort-icon`,children:s===e.key?l===`asc`?(0,n.jsx)(t.ChevronUp,{size:12}):(0,n.jsx)(t.ChevronDown,{size:12}):(0,n.jsx)(t.ChevronsUpDown,{size:12})})]})},e.key))})}),(0,n.jsxs)(`tbody`,{children:[f.map((e,t)=>(0,n.jsx)(`tr`,{onClick:()=>a?.(e),style:{cursor:a?`pointer`:`default`},children:r.map(t=>(0,n.jsx)(`td`,{children:t.render?t.render(e[t.key],e):e[t.key]},t.key))},e.id||t)),f.length===0&&(0,n.jsx)(`tr`,{children:(0,n.jsx)(`td`,{colSpan:r.length,style:{textAlign:`center`,color:`var(--text-tertiary)`,padding:`var(--space-8)`},children:`No data`})})]})]})})}function Gt({searchValue:e=``,onSearchChange:r,filters:i=[],onClearAll:a,children:o,className:s=``}){let c=i.some(e=>e.active);return(0,n.jsxs)(`div`,{className:`filter-bar ${s}`,children:[(0,n.jsxs)(`div`,{className:`filter-bar-search`,children:[(0,n.jsx)(t.Search,{size:14}),(0,n.jsx)(`input`,{className:`filter-bar-input`,value:e,onChange:e=>r?.(e.target.value),placeholder:`Search...`}),e&&(0,n.jsx)(`button`,{className:`filter-bar-clear`,onClick:()=>r?.(``),children:(0,n.jsx)(t.X,{size:12})})]}),(0,n.jsxs)(`div`,{className:`filter-bar-filters`,children:[(0,n.jsx)(t.Filter,{size:14,style:{color:`var(--text-tertiary)`}}),i.map(e=>(0,n.jsxs)(`button`,{className:`filter-chip ${e.active?`active`:``}`,onClick:e.onClick,children:[e.label,e.active&&e.value&&(0,n.jsx)(`span`,{className:`filter-chip-value`,children:e.value})]},e.label)),c&&a&&(0,n.jsx)(`button`,{className:`filter-bar-clear-all`,onClick:a,children:`Clear all`})]}),o]})}function Q(...e){return e.filter(Boolean).join(` `)}function Kt({children:e,className:t=``,style:r}){return(0,n.jsx)(`div`,{className:Q(`kanban-board`,t),style:r,children:e})}function qt({title:e,count:t,color:r,headerAction:i=null,countVariant:a=`pill`,children:o,className:s=``,style:c,headerClassName:l=``,headerStyle:u,countClassName:d=``,bodyClassName:f=``,bodyStyle:p}){return(0,n.jsxs)(`div`,{className:Q(`kanban-column`,s),style:c,children:[(0,n.jsxs)(`div`,{className:Q(`kanban-column-header`,l),style:u,children:[(0,n.jsxs)(`div`,{className:`kanban-column-title`,children:[r&&(0,n.jsx)(`span`,{className:`kanban-column-dot`,style:{background:r}}),(0,n.jsx)(`span`,{className:`kanban-column-title-label`,children:e}),t!=null&&(0,n.jsx)(H,{showDot:!1,className:Q(`workflow-column-count`,`kanban-column-count`,a===`inline`?`kanban-column-count--inline`:``,d),children:t})]}),i&&(0,n.jsx)(`div`,{className:`kanban-column-header-meta`,children:(0,n.jsx)(`div`,{className:`kanban-column-header-action`,children:i})})]}),(0,n.jsx)(`div`,{className:Q(`kanban-column-body`,f),style:p,children:o})]})}function Jt({title:e,subtitle:t,badges:r,avatar:i,footer:a,footerEnd:o,children:s,onClick:c,className:l=``,style:u}){let d=o??i;return(0,n.jsx)(`div`,{className:Q(`kanban-card`,l),onClick:c,style:u,children:s||(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(`div`,{className:`kanban-card-body`,children:[e&&(0,n.jsx)(`div`,{className:`kanban-card-title`,children:e}),t&&(0,n.jsx)(`div`,{className:`kanban-card-subtitle`,children:t}),r&&(0,n.jsx)(`div`,{className:`kanban-card-badges`,children:r})]}),(d||a)&&(0,n.jsxs)(`div`,{className:`kanban-card-footer`,children:[a&&(0,n.jsx)(`div`,{className:`kanban-card-footer-text`,children:a}),d]})]})})}function $(...e){return e.filter(Boolean).join(` `)}function Yt({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:$(`table-board`,t),children:e})}function Xt({title:r,count:i,accentColor:a,open:o,defaultOpen:s=!0,onOpenChange:c,children:l,className:u=``}){let[d,f]=(0,e.useState)(s),p=o!=null,m=p?o:d;function h(){let e=!m;p||f(e),c?.(e)}return(0,n.jsxs)(`section`,{className:$(`table-board-group`,u),style:a?{"--table-board-group-accent-color":a}:void 0,children:[(0,n.jsxs)(`button`,{type:`button`,className:`table-board-group-header`,onClick:h,"aria-expanded":m,children:[(0,n.jsx)(`span`,{className:$(`table-board-group-chevron`,!m&&`collapsed`),children:(0,n.jsx)(t.ChevronDown,{size:12})}),(0,n.jsx)(`span`,{className:`table-board-group-label`,children:r}),i!=null&&(0,n.jsx)(`span`,{className:`table-board-group-count`,children:i})]}),(0,n.jsx)(`div`,{className:$(`table-board-group-panel`,m&&`open`),children:(0,n.jsx)(`div`,{className:`table-board-group-panel-inner`,children:l})})]})}function Zt({priority:r,id:i,statusColor:a=`var(--accent-yellow)`,title:o,subtitle:s,subtitleInline:c=!1,pills:l=[],maxVisibleLeadingPills:u,pinnedTrailingPillsCount:d=0,metric:f,metricTone:p=`default`,metricIcon:m,showMetricIcon:h=!0,avatar:g,avatarImageUrl:_,avatarLabel:v,avatarName:y,avatarStyle:b,meta:x,onClick:S,className:C=``}){let w=typeof S==`function`,T=(0,e.useRef)(null),[E,D]=(0,e.useState)(!1),O=Array.isArray(l)?l:[],k=Math.max(0,Math.min(d,O.length)),A=k>0?O.slice(0,-k):O,j=k>0?O.slice(-k):[],M=typeof u==`number`&&u>=0?A.slice(0,u):A,N=Math.max(0,A.length-M.length),P=[...M,...N>0?[{label:`+${N}`,color:`var(--text-quaternary)`}]:[],...j];function F(e){w&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),S())}let I=y||x||v,L=b||(_?void 0:{background:`var(--accent-blue)`}),R=m||(p===`warning`?t.AlertTriangle:t.Clock),z=g||(_||v||I?(0,n.jsx)(V,{imageUrl:_,initials:v,name:I,size:`sm`,className:`table-board-avatar`,style:L}):null);return(0,e.useEffect)(()=>{let e=T.current;if(!e||P.length===0)return;let t=()=>{D(e.scrollWidth-e.clientWidth>1)};if(t(),typeof ResizeObserver<`u`){let n=new ResizeObserver(()=>{t()});return n.observe(e),()=>n.disconnect()}return window.addEventListener(`resize`,t),()=>window.removeEventListener(`resize`,t)},[P.length,l,u,d]),(0,n.jsxs)(`div`,{className:$(`table-board-row`,w&&`clickable`,C),onClick:S,onKeyDown:F,role:w?`button`:void 0,tabIndex:w?0:void 0,children:[(0,n.jsx)(`span`,{className:`table-board-priority`,children:r}),i&&(0,n.jsx)(`span`,{className:`table-board-id`,children:i}),(0,n.jsx)(`span`,{className:`table-board-status`,children:(0,n.jsx)(`span`,{className:`table-board-status-dot`,style:{background:a}})}),(0,n.jsxs)(`span`,{className:$(`table-board-title-block`,c&&`inline-subtitle`),children:[(0,n.jsx)(`span`,{className:`table-board-title`,children:o}),s!=null&&s!==``&&(0,n.jsx)(`span`,{className:$(`table-board-subtitle`,c&&`inline`),children:s})]}),(0,n.jsx)(`span`,{className:`table-board-spacer`}),P.length>0&&(0,n.jsx)(`span`,{ref:T,className:$(`table-board-pills`,E&&`has-overflow`),children:P.map((e,t)=>(0,n.jsxs)(`span`,{className:`table-board-pill`,children:[e.showDot!==!1&&(0,n.jsx)(`span`,{className:`table-board-pill-dot`,style:{background:e.color||`var(--text-quaternary)`}}),e.icon,e.label]},`${e.label}-${t}`))}),f!=null&&((0,e.isValidElement)(f)?f:(0,n.jsx)(H,{className:`table-board-metric`,showDot:!1,children:(0,n.jsx)(nt,{tone:p,icon:R,showIcon:h,children:f})})),z,x&&(0,n.jsx)(`span`,{className:`table-board-meta`,children:x})]})}function Qt({title:e,value:r,change:i,changeLabel:a,trend:o=`neutral`,icon:s,className:c=``}){let l={up:`var(--accent-green)`,down:`var(--accent-red)`,neutral:`var(--text-tertiary)`},u=o===`up`?t.TrendingUp:o===`down`?t.TrendingDown:t.Minus;return(0,n.jsxs)(`div`,{className:`kpi-card ${c}`,children:[(0,n.jsxs)(`div`,{className:`kpi-header`,children:[(0,n.jsx)(`span`,{className:`kpi-title`,children:e}),s&&(0,n.jsx)(`span`,{className:`kpi-icon`,children:s})]}),(0,n.jsx)(`div`,{className:`kpi-value`,children:r}),(i!==void 0||a)&&(0,n.jsxs)(`div`,{className:`kpi-footer`,children:[(0,n.jsxs)(`span`,{className:`kpi-trend`,style:{color:l[o]},children:[(0,n.jsx)(u,{size:12}),i!==void 0&&(0,n.jsxs)(`span`,{children:[i>0?`+`:``,i,`%`]})]}),a&&(0,n.jsx)(`span`,{className:`kpi-change-label`,children:a})]})]})}function $t({label:e,value:t,subtitle:r,color:i,className:a=``}){return(0,n.jsxs)(`div`,{className:`stat-card ${a}`,children:[i&&(0,n.jsx)(`div`,{className:`stat-card-accent`,style:{background:i}}),(0,n.jsxs)(`div`,{className:`stat-card-content`,children:[(0,n.jsx)(`span`,{className:`stat-card-label`,children:e}),(0,n.jsx)(`span`,{className:`stat-card-value`,children:t}),r&&(0,n.jsx)(`span`,{className:`stat-card-subtitle`,children:r})]})]})}function en({notifications:e=[],onMarkRead:r,onMarkAllRead:i,className:a=``}){let o=e.filter(e=>!e.read);return(0,n.jsxs)(`div`,{className:`notifications-panel ${a}`,children:[(0,n.jsxs)(`div`,{className:`notifications-header`,children:[(0,n.jsxs)(`div`,{className:`notifications-title`,children:[(0,n.jsx)(t.Bell,{size:16}),(0,n.jsx)(`span`,{children:`Notifications`}),o.length>0&&(0,n.jsx)(`span`,{className:`badge badge-purple`,style:{marginLeft:`var(--space-1)`},children:o.length})]}),o.length>0&&(0,n.jsxs)(`button`,{className:`btn btn-ghost btn-sm`,onClick:i,children:[(0,n.jsx)(t.CheckCheck,{size:14}),` Mark all read`]})]}),(0,n.jsxs)(`div`,{className:`notifications-list`,children:[e.length===0&&(0,n.jsx)(`div`,{className:`notifications-empty`,children:`No notifications`}),e.map(e=>(0,n.jsxs)(`div`,{className:`notification-item ${e.read?``:`unread`}`,onClick:()=>!e.read&&r?.(e.id),children:[(0,n.jsx)(V,{name:e.user,size:`sm`}),(0,n.jsxs)(`div`,{className:`notification-content`,children:[(0,n.jsxs)(`div`,{className:`notification-text`,children:[(0,n.jsx)(`strong`,{children:e.user}),` `,e.text]}),(0,n.jsx)(`span`,{className:`notification-time`,children:e.time})]}),!e.read&&(0,n.jsx)(`div`,{className:`notification-dot`})]},e.id))]})]})}function tn(){return(0,n.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`currentColor`,children:(0,n.jsx)(`path`,{d:`M2 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5l-2.5-2.5a.5.5 0 0 0-.354-.146H8.5a.5.5 0 0 0-.5.5v2.793L6.854 9.001a.5.5 0 0 0-.708 0L2 13.147V3Zm12 8.207V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-.44l4.5-4.5L8.146 9.707a.5.5 0 0 0 .708 0L11.5 7.06l2.5 2.5V11.207Z`})})}function nn(){return(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`currentColor`,children:[(0,n.jsx)(`circle`,{cx:`8`,cy:`8`,r:`6`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,n.jsx)(`circle`,{cx:`8`,cy:`8`,r:`2`})]})}function rn(){return(0,n.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`currentColor`,children:(0,n.jsx)(`path`,{d:`M8 1l2.2 4.4L15 6.3l-3.5 3.4.8 4.9L8 12.4 3.7 14.6l.8-4.9L1 6.3l4.8-.9L8 1Z`})})}function an(){return(0,n.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M1 8h3l2-5 2 10 2-5h3`})})}function on(){return(0,n.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`currentColor`,children:(0,n.jsx)(`path`,{d:`M3 2h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 3v2h8V5H4Zm0 4v2h5V9H4Z`})})}function sn(){return(0,n.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`currentColor`,children:(0,n.jsx)(`path`,{d:`M2 3.5A1.5 1.5 0 0 1 3.5 2h3.379a1.5 1.5 0 0 1 1.06.44l.622.62A1.5 1.5 0 0 0 9.622 3.5H12.5A1.5 1.5 0 0 1 14 5v7.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 12.5v-9Z`})})}function cn(){return(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`currentColor`,children:[(0,n.jsx)(`circle`,{cx:`4`,cy:`8`,r:`1.5`}),(0,n.jsx)(`circle`,{cx:`8`,cy:`8`,r:`1.5`}),(0,n.jsx)(`circle`,{cx:`12`,cy:`8`,r:`1.5`})]})}function ln(){return(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,children:[(0,n.jsx)(`circle`,{cx:`7`,cy:`7`,r:`4.5`}),(0,n.jsx)(`path`,{d:`M10.5 10.5L14 14`,strokeLinecap:`round`})]})}function un(){return(0,n.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M11 2l3 3-8 8H3v-3l8-8Z`})})}function dn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M3.5 5.5L7 9l3.5-3.5`})})}function fn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M3.5 9L7 5.5 10.5 9`})})}function pn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`#c9a84e`,children:(0,n.jsx)(`path`,{d:`M7 1l1.76 3.52L13 5.26l-3 2.94.7 4.13L7 10.4 3.3 12.33l.7-4.13-3-2.94 4.24-.74L7 1Z`})})}function mn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,children:[(0,n.jsx)(`circle`,{cx:`7`,cy:`7`,r:`5.5`,fill:`none`,stroke:`#c9a84e`,strokeWidth:`1.5`,strokeDasharray:`8.6 2.9`}),(0,n.jsx)(`circle`,{cx:`7`,cy:`7`,r:`2`,fill:`#c9a84e`})]})}function hn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,children:[(0,n.jsx)(`circle`,{cx:`7`,cy:`7`,r:`6`,fill:`#5bb98e`}),(0,n.jsx)(`path`,{d:`M4.5 7l2 2 3-3.5`,stroke:`#08090a`,strokeWidth:`1.5`,fill:`none`,strokeLinecap:`round`,strokeLinejoin:`round`})]})}function gn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,children:(0,n.jsx)(`circle`,{cx:`7`,cy:`7`,r:`5.5`,fill:`none`,stroke:`#9b9da0`,strokeWidth:`1.5`})})}function _n(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,children:(0,n.jsx)(`circle`,{cx:`7`,cy:`7`,r:`5.5`,fill:`none`,stroke:`#4e5054`,strokeWidth:`1.5`,strokeDasharray:`2 3`})})}function vn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,children:[(0,n.jsx)(`circle`,{cx:`7`,cy:`7`,r:`5.5`,fill:`none`,stroke:`#6b6d71`,strokeWidth:`1.5`}),(0,n.jsx)(`path`,{d:`M4.5 7h5`,stroke:`#6b6d71`,strokeWidth:`1.5`,strokeLinecap:`round`})]})}function yn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`#c75a5a`,children:(0,n.jsx)(`path`,{d:`M7 1a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1Zm0 10a1.25 1.25 0 1 1 0 2.5A1.25 1.25 0 0 1 7 11Z`})})}function bn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`#c4a06a`,children:[(0,n.jsx)(`rect`,{x:`2`,y:`8`,width:`2.5`,height:`4`,rx:`0.5`}),(0,n.jsx)(`rect`,{x:`5.75`,y:`5`,width:`2.5`,height:`7`,rx:`0.5`}),(0,n.jsx)(`rect`,{x:`9.5`,y:`2`,width:`2.5`,height:`10`,rx:`0.5`})]})}function xn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,children:[(0,n.jsx)(`rect`,{x:`2`,y:`8`,width:`2.5`,height:`4`,rx:`0.5`,fill:`#c9a84e`}),(0,n.jsx)(`rect`,{x:`5.75`,y:`5`,width:`2.5`,height:`7`,rx:`0.5`,fill:`#c9a84e`}),(0,n.jsx)(`rect`,{x:`9.5`,y:`2`,width:`2.5`,height:`10`,rx:`0.5`,fill:`#4e5054`})]})}function Sn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,children:[(0,n.jsx)(`rect`,{x:`2`,y:`8`,width:`2.5`,height:`4`,rx:`0.5`,fill:`#5bb98e`}),(0,n.jsx)(`rect`,{x:`5.75`,y:`5`,width:`2.5`,height:`7`,rx:`0.5`,fill:`#4e5054`}),(0,n.jsx)(`rect`,{x:`9.5`,y:`2`,width:`2.5`,height:`10`,rx:`0.5`,fill:`#4e5054`})]})}function Cn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,children:(0,n.jsx)(`path`,{d:`M6 8l2-2m-2.5-.5L4 7a2.83 2.83 0 0 0 4 4l1.5-1.5m-1-5L10 3a2.83 2.83 0 0 1 4 4l-1.5 1.5`})})}function wn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M2.5 4h9M5 4V2.5h4V4m-4.5 1v5.5m3-5.5v5.5M3.5 4l.5 8h6l.5-8`})})}function Tn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`path`,{d:`M5.5 1.5h3l.5 1.5 1.5.5 1.5-.5 1.5 1.5-1 1.5.5 1.5h2v2h-2l-.5 1.5 1 1.5-1.5 1.5-1.5-.5-1.5.5-.5 1.5h-3l-.5-1.5L3.5 11.5 2 12 .5 10.5l1-1.5L1 7.5H-1v-2h2l.5-1.5-1-1.5L2 1l1.5.5L5 1l.5-.5Z`}),(0,n.jsx)(`circle`,{cx:`7`,cy:`7`,r:`2`})]})}function En(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,children:(0,n.jsx)(`path`,{d:`M3.5 3.5l7 7M10.5 3.5l-7 7`})})}function Dn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M3 7.5l3 3 5-6`})})}function On(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`rect`,{x:`4.5`,y:`4.5`,width:`7`,height:`7`,rx:`1`}),(0,n.jsx)(`path`,{d:`M9.5 4.5V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1h1.5`})]})}function kn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M5.5 12a1.5 1.5 0 0 0 3 0M7 1a4 4 0 0 0-4 4c0 3-1.5 4.5-1.5 4.5h11S11 8 11 5a4 4 0 0 0-4-4Z`})})}function An(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`rect`,{x:`1.5`,y:`2.5`,width:`11`,height:`10`,rx:`1`}),(0,n.jsx)(`path`,{d:`M4.5 1v2.5M9.5 1v2.5M1.5 5.5h11`})]})}function jn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M1.5 3h11M3.5 7h7M5.5 11h3`})})}function Mn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`currentColor`,children:[(0,n.jsx)(`circle`,{cx:`7`,cy:`4.5`,r:`2.5`}),(0,n.jsx)(`path`,{d:`M2.5 12.5a4.5 4.5 0 0 1 9 0`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`})]})}function Nn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`path`,{d:`M1.5 8.5V2a.5.5 0 0 1 .5-.5h6.5L13 6l-5.5 5.5L1.5 8.5Z`}),(0,n.jsx)(`circle`,{cx:`5`,cy:`5`,r:`1`,fill:`currentColor`})]})}exports.Accordion=we,exports.AccordionItem=Ce,exports.ActivityFeed=Ht,exports.AppLoader=de,exports.Avatar=V,exports.Badge=H,exports.BellIcon=kn,exports.Button=U,exports.CalendarIcon=An,exports.CallCard=Rt,exports.CallControlsBar=q,exports.Callbar=Ft,exports.Card=Me,exports.CardContent=Ie,exports.CardDescription=Fe,exports.CardFooter=Le,exports.CardHeader=Ne,exports.CardTitle=Pe,exports.CheckIcon=Dn,exports.ChevronDown=dn,exports.ChevronUp=fn,exports.CloseIcon=En,exports.CommandBar=Ut,exports.CopyIcon=On,exports.DEFAULT_ICON_BY_VALUE=lt,exports.DEFAULT_VIEW_MODE_OPTIONS=ut,exports.DataTable=Wt,exports.Dialog=ze,exports.DialogBody=Ue,exports.DialogDescription=He,exports.DialogFooter=We,exports.DialogHeader=Be,exports.DialogTitle=Ve,exports.DropdownMenu=Ke,exports.DropdownMenuCheckboxItem=Je,exports.DropdownMenuItem=qe,exports.DropdownMenuLabel=Ye,exports.DropdownMenuSeparator=Xe,exports.EditIcon=un,exports.FCCAppShell=ce,exports.FCCAppShellContext=v,exports.FCCBrandLogo=le,exports.FCCBreadcrumbs=I,exports.FCCDesignProvider=h,exports.FCCDetailsPanel=me,exports.FCCFullPagePanel=ge,exports.FCCFullPagePanelBody=ye,exports.FCCFullPagePanelFooter=Se,exports.FCCFullPagePanelHeader=_e,exports.FCCFullPagePanelMain=be,exports.FCCFullPagePanelSidebar=xe,exports.FCCFullPagePanelToolbar=ve,exports.FCCHeaderStatus=R,exports.FCCLoader=pe,exports.FCCMainWindow=ee,exports.FCCSidePanel=S,exports.FCCSidePanelAction=j,exports.FCCSidePanelBody=w,exports.FCCSidePanelCard=k,exports.FCCSidePanelChatWrap=M,exports.FCCSidePanelContact=A,exports.FCCSidePanelConversation=N,exports.FCCSidePanelGroupLabel=D,exports.FCCSidePanelHeader=C,exports.FCCSidePanelItem=O,exports.FCCSidePanelMessage=P,exports.FCCSidePanelSearch=E,exports.FCCSidePanelTabs=T,exports.FCCSidebar=re,exports.FCCThemeToggle=ue,exports.FCCWorkspaceHeader=z,exports.FilterBar=Gt,exports.FilterIcon=jn,exports.InboxIcon=tn,exports.InitiativesIcon=on,exports.Input=Ge,exports.IssuesIcon=nn,exports.KPICard=Qt,exports.KanbanBoard=Kt,exports.KanbanCard=Jt,exports.KanbanColumn=qt,exports.LabelIcon=Nn,exports.LinkIcon=Cn,exports.MoreIcon=cn,exports.NotificationsPanel=en,exports.PresenceAvatar=Z,exports.PresenceDot=kt,exports.PriorityHigh=bn,exports.PriorityLow=Sn,exports.PriorityMedium=xn,exports.PriorityUrgent=yn,exports.ProjectsIcon=sn,exports.PulseIcon=an,exports.QueueItem=Vt,exports.ReviewsIcon=rn,exports.SearchIcon=ln,exports.SearchableSelect=Ze,exports.SettingsIcon=Tn,exports.Sheet=Qe,exports.SheetFooter=$e,exports.Spinner=fe,exports.StarIcon=pn,exports.StatCard=$t,exports.StatusBacklog=_n,exports.StatusCancelled=vn,exports.StatusDone=hn,exports.StatusInProgress=mn,exports.StatusMetric=nt,exports.StatusTodo=gn,exports.Switch=rt,exports.TableBoard=Yt,exports.TableBoardGroup=Xt,exports.TableBoardRow=Zt,exports.Tabs=it,exports.TabsContent=st,exports.TabsList=at,exports.TabsTrigger=ot,exports.Textarea=ct,exports.ThemeProvider=p,exports.TicketLinkChip=X,exports.ToastProvider=s,exports.Tooltip=G,exports.TrashIcon=wn,exports.UserIcon=Mn,exports.ViewModeToggle=pt,exports.WorkspaceTabs=ht,exports.useFCCAppShell=y,exports.useTheme=m,exports.useToast=c;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./rich-text-editor.cjs`);let e=require(`react`),t=require(`lucide-react`),n=require(`react/jsx-runtime`),r=require(`react-dom`);var i=(0,e.createContext)(null),a={success:(0,n.jsx)(t.CheckCircle,{size:16,style:{color:`var(--accent-green)`}}),error:(0,n.jsx)(t.AlertCircle,{size:16,style:{color:`var(--accent-red)`}}),warning:(0,n.jsx)(t.AlertTriangle,{size:16,style:{color:`var(--accent-yellow)`}}),info:(0,n.jsx)(t.Info,{size:16,style:{color:`var(--accent-blue)`}})};function o({toast:r,onDismiss:i}){return(0,e.useEffect)(()=>{if(!(r.sticky||r.duration===0)){let e=setTimeout(()=>i(r.id),r.duration||4e3);return()=>clearTimeout(e)}},[r.id,r.duration,r.sticky,i]),(0,n.jsxs)(`div`,{className:`toast`,style:{animation:`slideInRight 200ms ease`},children:[(0,n.jsx)(`span`,{className:`toast-icon`,children:a[r.type]||a.info}),(0,n.jsxs)(`div`,{className:`toast-content`,children:[r.title&&(0,n.jsx)(`div`,{className:`toast-title`,children:r.title}),r.message&&(0,n.jsx)(`div`,{className:`toast-message`,children:r.message})]}),r.action&&(0,n.jsx)(`button`,{type:`button`,className:`toast-action`,onClick:()=>{r.action.onAction?.(),i(r.id)},children:r.action.label}),(0,n.jsx)(`button`,{type:`button`,className:`toast-close`,onClick:()=>i(r.id),"aria-label":`Dismiss`,children:(0,n.jsx)(t.X,{size:14})})]})}function s({children:t}){let[r,a]=(0,e.useState)([]),s=(0,e.useCallback)(e=>{let t=Date.now()+Math.random();a(n=>[...n.slice(-4),{id:t,...e}])},[]),c=(0,e.useCallback)(e=>{a(t=>t.filter(t=>t.id!==e))},[]);return(0,n.jsxs)(i.Provider,{value:{addToast:s},children:[t,(0,n.jsx)(`div`,{className:`toast-container`,children:r.map(e=>(0,n.jsx)(o,{toast:e,onDismiss:c},e.id))})]})}function c(){let t=(0,e.useContext)(i);if(!t)throw Error(`useToast must be used within ToastProvider`);return t}var l=(0,e.createContext)(void 0),u=`dark`,d=`fcc-theme`;function f(e){if(typeof document>`u`)return;let t=document.documentElement;t.classList.remove(`dark`,`light`),e===`light`&&t.classList.add(`light`)}function p({children:t,defaultTheme:r=u,storageKey:i=d}){let[a,o]=(0,e.useState)(()=>typeof window>`u`?r:window.localStorage.getItem(i)||r);return(0,e.useEffect)(()=>{typeof window<`u`&&window.localStorage.setItem(i,a),f(a)},[i,a]),(0,n.jsx)(l.Provider,{value:{theme:a,setTheme:o,toggleTheme:()=>{o(e=>e===`dark`?`light`:`dark`)}},children:t})}function m(){let t=(0,e.useContext)(l);if(!t)throw Error(`useTheme must be used within a ThemeProvider`);return t}function h({children:e,...t}){return(0,n.jsx)(p,{...t,children:(0,n.jsx)(s,{children:e})})}var g=()=>{},_={sidebarPinned:!1,setSidebarPinned:g,toggleSidebarPinned:g,mobileMenuOpen:!1,setMobileMenuOpen:g,toggleMobileMenu:g,closeMobileMenu:g,isMobileViewport:!1,pinnable:!1,mobileMenuEnabled:!1},v=(0,e.createContext)(_);function y(){return(0,e.useContext)(v)}var b=(...e)=>e.filter(Boolean).join(` `),x=300;function S({open:t=!1,width:r=320,expandedWidth:i,expanded:a=!1,panel:o,children:s,className:c=``,contentClassName:l=``,panelClassName:u=``}){let d=a&&i?i:r,f=(0,e.useRef)(null),p=(0,e.useRef)(null),[m,h]=(0,e.useState)(t?o:null),[g,_]=(0,e.useState)(d),[v,y]=(0,e.useState)(t&&!!o);(0,e.useEffect)(()=>()=>{f.current&&=(window.cancelAnimationFrame(f.current),null),p.current&&=(window.clearTimeout(p.current),null)},[]),(0,e.useEffect)(()=>{if(f.current&&=(window.cancelAnimationFrame(f.current),null),p.current&&=(window.clearTimeout(p.current),null),t){f.current=window.requestAnimationFrame(()=>{h(o),_(d),y(!!o),f.current=null});return}},[t,o,d]),(0,e.useEffect)(()=>{if(!(t||!v))return p.current=window.setTimeout(()=>{y(!1),h(null),p.current=null},x),()=>{p.current&&=(window.clearTimeout(p.current),null)}},[t,v]);let S=!t&&v,C=t?o:v?m:null,w=t?d:v?g:d,T=t&&!!o||!!C;return(0,n.jsxs)(`div`,{className:b(`fcc-side-panel-layout`,c),children:[(0,n.jsx)(`div`,{className:b(`fcc-side-panel-content`,l),children:s}),(0,n.jsx)(`div`,{className:b(`fcc-side-panel-rail`,T&&`has-panel`,t&&T&&`open`,S&&`closing`),style:{"--fcc-side-panel-width":`${w}px`},children:(0,n.jsx)(`div`,{className:b(`fcc-side-panel-inner`,u),children:C})})]})}function C({title:e,subtitle:r,onClose:i,actions:a,className:o=``}){return(0,n.jsxs)(`div`,{className:b(`fcc-side-panel-header`,o),children:[(0,n.jsxs)(`div`,{className:`fcc-side-panel-header-copy`,children:[(0,n.jsx)(`div`,{className:`fcc-side-panel-title`,children:e}),r&&(0,n.jsx)(`div`,{className:`fcc-side-panel-subtitle`,children:r})]}),(0,n.jsxs)(`div`,{className:`fcc-side-panel-header-actions`,children:[a,i&&(0,n.jsx)(`button`,{className:`btn btn-ghost btn-icon btn-sm`,onClick:i,"aria-label":`Close panel`,children:(0,n.jsx)(t.X,{size:14})})]})]})}function w({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:b(`fcc-side-panel-body`,t),children:e})}function T({tabs:e=[],activeTab:t=0,onTabChange:r,className:i=``}){return(0,n.jsx)(`div`,{className:b(`fcc-side-panel-tabs`,i),children:e.map((e,i)=>(0,n.jsx)(`button`,{className:b(`fcc-side-panel-tab`,t===i&&`active`),onClick:()=>r?.(i),children:e},e))})}function E({placeholder:e=`Search...`,value:r,onChange:i,className:a=``}){return(0,n.jsxs)(`div`,{className:b(`fcc-side-panel-search`,a),children:[(0,n.jsx)(t.Search,{size:13}),i?(0,n.jsx)(`input`,{className:`fcc-side-panel-search-input`,type:`text`,placeholder:e,value:r,onChange:e=>i(e.target.value)}):(0,n.jsx)(`span`,{className:`fcc-side-panel-search-placeholder`,children:e})]})}function D({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:b(`fcc-side-panel-group-label`,t),children:e})}function O({dot:e,label:t,detail:r,time:i,onClick:a,className:o=``}){return(0,n.jsxs)(`div`,{className:b(`fcc-side-panel-item`,o),onClick:a,children:[e&&(0,n.jsx)(`span`,{className:`fcc-side-panel-item-dot`,style:{background:e}}),(0,n.jsxs)(`div`,{className:`fcc-side-panel-item-body`,children:[(0,n.jsx)(`span`,{className:`fcc-side-panel-item-label`,children:t}),r&&(0,n.jsx)(`span`,{className:`fcc-side-panel-item-detail`,children:r})]}),i&&(0,n.jsx)(`span`,{className:`fcc-side-panel-item-time`,children:i})]})}function k({avatar:e,title:t,detail:r,time:i,unread:a,onClick:o,className:s=``}){return(0,n.jsxs)(`div`,{className:b(`fcc-side-panel-card`,s),onClick:o,children:[(0,n.jsx)(`div`,{className:`fcc-side-panel-card-avatar`,children:e}),(0,n.jsxs)(`div`,{className:`fcc-side-panel-card-body`,children:[(0,n.jsx)(`span`,{className:`fcc-side-panel-card-title`,children:t}),r&&(0,n.jsx)(`span`,{className:`fcc-side-panel-card-detail`,children:r}),(0,n.jsxs)(`div`,{className:`fcc-side-panel-card-meta`,children:[i&&(0,n.jsx)(`span`,{children:i}),a&&(0,n.jsx)(`span`,{className:`fcc-side-panel-unread-dot`})]})]})]})}function A({avatar:e,name:t,time:r,active:i,online:a,onClick:o,className:s=``}){return(0,n.jsxs)(`div`,{className:b(`fcc-side-panel-contact`,i&&`active`,s),onClick:o,children:[(0,n.jsxs)(`div`,{className:`fcc-side-panel-contact-avatar-wrap`,children:[e,a&&(0,n.jsx)(`span`,{className:`fcc-side-panel-online-dot`})]}),(0,n.jsx)(`span`,{className:`fcc-side-panel-contact-name`,children:t}),r&&(0,n.jsx)(`span`,{className:`fcc-side-panel-contact-time`,children:r})]})}function j({children:e,onClick:t,className:r=``}){return(0,n.jsx)(`div`,{className:b(`fcc-side-panel-action`,r),onClick:t,children:e})}function M({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:b(`fcc-side-panel-chat-wrap`,t),children:e})}function N({title:e,headerActions:t,messages:r=[],input:i,className:a=``}){return(0,n.jsxs)(`div`,{className:b(`fcc-side-panel-conversation`,a),children:[(0,n.jsxs)(`div`,{className:`fcc-side-panel-conv-header`,children:[(0,n.jsx)(`span`,{className:`fcc-side-panel-conv-title`,children:e}),t&&(0,n.jsx)(`div`,{className:`fcc-side-panel-conv-header-right`,children:t})]}),(0,n.jsx)(`div`,{className:`fcc-side-panel-conv-messages`,children:r}),i&&(0,n.jsx)(`div`,{className:`fcc-side-panel-conv-input`,children:i})]})}function P({from:e=`other`,meta:t,children:r,className:i=``}){let a=e===`you`;return(0,n.jsxs)(`div`,{className:b(`fcc-side-panel-msg-row`,a?`fcc-msg-right`:`fcc-msg-left`,i),children:[t&&(0,n.jsx)(`div`,{className:`fcc-side-panel-msg-meta`,children:t}),(0,n.jsx)(`div`,{className:b(`fcc-side-panel-msg-bubble`,a?`fcc-bubble-you`:`fcc-bubble-other`),children:r})]})}function F(e,t){let r=[`fcc-breadcrumb-item`,t?`current`:``,e.className||``].filter(Boolean).join(` `);return t?(0,n.jsx)(`span`,{className:r,children:e.label}):e.href?(0,n.jsx)(`a`,{className:r,href:e.href,children:e.label}):e.onClick?(0,n.jsx)(`button`,{type:`button`,className:r,onClick:e.onClick,children:e.label}):(0,n.jsx)(`span`,{className:r,children:e.label})}function I({items:e=[],className:t=``}){let r=e.filter(e=>e?.label);return r.length===0?null:(0,n.jsx)(`nav`,{className:[`fcc-breadcrumbs`,t].filter(Boolean).join(` `),"aria-label":`Breadcrumb`,children:r.map((e,t)=>{let i=e.current??t===r.length-1;return(0,n.jsxs)(`div`,{className:`fcc-breadcrumb-segment`,children:[t>0&&(0,n.jsx)(`span`,{className:`fcc-breadcrumb-sep`,children:`/`}),F(e,i)]},e.key||e.label||t)})})}var L={success:`fcc-header-status-success`,warning:`fcc-header-status-warning`,danger:`fcc-header-status-danger`,info:`fcc-header-status-info`,neutral:`fcc-header-status-neutral`};function R({label:e,tone:t=`success`,dotColor:r,className:i=``}){return e?(0,n.jsxs)(`div`,{className:[`fcc-header-status`,L[t]||L.neutral,i].filter(Boolean).join(` `),children:[(0,n.jsx)(`span`,{className:`fcc-header-status-dot`,style:r?{backgroundColor:r}:void 0}),(0,n.jsx)(`span`,{children:e})]}):null}function z({breadcrumbs:e=[],status:r,actions:i,leftSlot:a,rightSlot:o,className:s=``,showMobileMenuToggle:c=!0}){let{isMobileViewport:l,mobileMenuEnabled:u,mobileMenuOpen:d,toggleMobileMenu:f}=y(),p=c&&u&&l;return(0,n.jsxs)(`header`,{className:[`fcc-workspace-header`,s].filter(Boolean).join(` `),children:[(0,n.jsxs)(`div`,{className:`fcc-workspace-header-left`,children:[p&&(0,n.jsx)(`button`,{type:`button`,className:`fcc-hamburger-btn`,onClick:f,"aria-label":d?`Close menu`:`Open menu`,"aria-expanded":d,title:d?`Close menu`:`Open menu`,children:(0,n.jsx)(t.Menu,{size:18})}),a||(0,n.jsx)(I,{items:e})]}),(0,n.jsxs)(`div`,{className:`fcc-workspace-header-right`,children:[r&&(0,n.jsx)(R,{...r}),i,o]})]})}function ee({breadcrumbs:e=[],status:t,headerActions:r,header:i,children:a,overlay:o,sidePanel:s,callbar:c=null,className:l=``,headerClassName:u=``,contentClassName:d=``}){let f=s?(0,n.jsx)(S,{open:s.open,width:s.width,expandedWidth:s.expandedWidth,expanded:s.expanded,panel:s.panel,className:s.className,contentClassName:s.contentClassName,panelClassName:s.panelClassName,children:a}):a;return(0,n.jsxs)(`div`,{className:[`fcc-main-window`,l].filter(Boolean).join(` `),children:[i||(0,n.jsx)(z,{breadcrumbs:e,status:t,actions:r,className:u}),c,(0,n.jsx)(`div`,{className:[`fcc-main-window-content`,s&&`fcc-main-window-content-with-side-panel`,d].filter(Boolean).join(` `),children:f}),o]})}function B(e,t){if(!e.disabled){if(e.onClick){e.onClick(e);return}t?.(e)}}function te(e,t){return!e.childrenSections?.length||!t?!1:e.childrenSections.some(e=>e.items?.some(e=>e.key===t))}function ne(e,t){if(!t.trim())return e;let n=t.trim().toLowerCase();return e.map(e=>({...e,items:e.items.filter(e=>e.label.toLowerCase().includes(n)||e.pageTitle?.toLowerCase().includes(n)||e.summary?.toLowerCase().includes(n))})).filter(e=>e.items.length>0)}function re({appName:r=`FCC`,logo:i,navItems:a=[],activeNavKey:o,onNavigate:s,user:c,footer:l,onLogout:u,className:d=``}){let[f,p]=(0,e.useState)({}),[m,h]=(0,e.useState)({}),{pinnable:g,sidebarPinned:_,toggleSidebarPinned:v,isMobileViewport:b,mobileMenuEnabled:x,closeMobileMenu:S}=y(),C=g&&!b,w=x&&b;function T(e,t){h(n=>({...n,[e]:t}))}return(0,n.jsxs)(`aside`,{className:[`fcc-sidebar`,d].filter(Boolean).join(` `),children:[(0,n.jsxs)(`div`,{className:`fcc-sidebar-brand`,children:[(0,n.jsx)(`div`,{className:`fcc-sidebar-brand-logo-slot`,children:i}),(0,n.jsx)(`span`,{className:`fcc-sidebar-label fcc-sidebar-brand-text`,children:r}),w?(0,n.jsx)(`button`,{type:`button`,className:`fcc-sidebar-close-btn`,onClick:S,"aria-label":`Close menu`,title:`Close menu`,children:(0,n.jsx)(t.X,{size:16})}):C?(0,n.jsx)(`button`,{type:`button`,className:`fcc-sidebar-pin-btn`,onClick:v,"aria-label":_?`Unpin sidebar`:`Pin sidebar open`,title:_?`Unpin sidebar`:`Pin sidebar open`,"aria-pressed":_,children:_?(0,n.jsx)(t.PinOff,{size:14}):(0,n.jsx)(t.Pin,{size:14})}):null]}),(0,n.jsx)(`nav`,{className:`fcc-sidebar-nav`,"aria-label":`${r} navigation`,children:a.map(e=>{let r=e.childrenSections?.length>0,i=te(e,o),a=e.key===o||i||(o?.startsWith?.(`${e.key}/`)??!1),c=r&&(m[e.key]??a),l=f[e.key]||``,u=r?ne(e.childrenSections,l):[];return(0,n.jsxs)(`div`,{className:[`fcc-sidebar-entry`,r?`has-children`:``,r&&c?`expanded`:``].filter(Boolean).join(` `),children:[(0,n.jsxs)(`button`,{type:`button`,className:[`fcc-sidebar-item`,a?`active`:``,e.disabled?`disabled`:``].filter(Boolean).join(` `),onClick:()=>{r&&T(e.key,!0),B(e,s)},"aria-current":a?`page`:void 0,disabled:e.disabled,title:e.label,children:[(0,n.jsx)(`span`,{className:`fcc-sidebar-item-icon`,children:e.icon}),(0,n.jsx)(`span`,{className:`fcc-sidebar-label fcc-sidebar-item-label`,children:e.label}),e.badge!=null&&(0,n.jsx)(`span`,{className:`fcc-sidebar-item-badge`,children:e.badge}),r&&(0,n.jsx)(`span`,{className:[`fcc-sidebar-label`,`fcc-sidebar-item-chevron`,c?`is-expanded`:``].filter(Boolean).join(` `),onClick:t=>{t.preventDefault(),t.stopPropagation(),T(e.key,!c)},role:`button`,"aria-label":`${c?`Collapse`:`Expand`} ${e.label}`,"aria-expanded":c,children:(0,n.jsx)(t.ChevronDown,{size:14})})]}),r&&c&&(0,n.jsxs)(`div`,{className:`fcc-sidebar-accordion`,children:[(0,n.jsxs)(`div`,{className:`fcc-sidebar-search`,children:[(0,n.jsx)(t.Search,{size:13}),(0,n.jsx)(`input`,{type:`text`,className:`fcc-sidebar-search-input`,value:l,onChange:t=>p(n=>({...n,[e.key]:t.target.value})),placeholder:e.searchPlaceholder||`Search...`})]}),(0,n.jsxs)(`div`,{className:`fcc-sidebar-accordion-body`,children:[u.length===0&&(0,n.jsx)(`div`,{className:`fcc-sidebar-empty`,children:`No matching components`}),u.map(e=>(0,n.jsxs)(`div`,{className:`fcc-sidebar-section`,children:[(0,n.jsx)(`div`,{className:`fcc-sidebar-section-title`,children:e.title}),(0,n.jsx)(`div`,{className:`fcc-sidebar-child-list`,children:e.items.map(e=>(0,n.jsx)(`button`,{type:`button`,className:[`fcc-sidebar-child-item`,e.key===o?`active`:``].filter(Boolean).join(` `),onClick:()=>B(e,s),title:e.label,children:(0,n.jsx)(`span`,{className:`fcc-sidebar-label`,children:e.label})},e.key))})]},e.title))]})]})]},e.key||e.label)})}),l?(0,n.jsx)(`div`,{className:`fcc-sidebar-footer`,children:l}):(c||u)&&(0,n.jsxs)(`div`,{className:`fcc-sidebar-footer`,children:[c&&(0,n.jsxs)(`div`,{className:`fcc-sidebar-profile`,children:[(0,n.jsx)(`div`,{className:`fcc-sidebar-avatar`,style:c.avatarStyle,children:c.avatar||c.initials||c.name?.slice(0,2)||`FCC`}),(0,n.jsxs)(`div`,{className:`fcc-sidebar-profile-copy`,children:[(0,n.jsx)(`span`,{className:`fcc-sidebar-label fcc-sidebar-profile-name`,children:c.name}),c.meta&&(0,n.jsx)(`span`,{className:`fcc-sidebar-label fcc-sidebar-profile-meta`,children:c.meta})]})]}),u&&(0,n.jsx)(`button`,{type:`button`,className:`fcc-sidebar-logout`,title:`Logout`,"aria-label":`Logout`,onClick:u,children:(0,n.jsx)(t.LogOut,{size:16})})]})]})}var ie=`fcc-sidebar-pinned`,ae=1024;function oe(e){if(typeof window>`u`)return!1;try{return window.localStorage.getItem(e)===`true`}catch{return!1}}function se(e,t){if(!(typeof window>`u`))try{window.localStorage.setItem(e,t?`true`:`false`)}catch{}}function ce({appName:t=`FCC`,logo:r,navItems:i=[],activeNavKey:a,onNavigate:o,user:s,footer:c,onLogout:l,breadcrumbs:u=[],status:d,headerActions:f,header:p,children:m,overlay:h,sidePanel:g,callbar:_=null,className:y=``,sidebarClassName:b=``,mainClassName:x=``,headerClassName:S=``,contentClassName:C=``,pinnable:w=!0,mobileMenuEnabled:T=!0,mobileBreakpoint:E=ae,pinStorageKey:D=ie}){let[O,k]=(0,e.useState)(()=>w?oe(D):!1),[A,j]=(0,e.useState)(!1),[M,N]=(0,e.useState)(()=>typeof window>`u`?1920:window.innerWidth);(0,e.useEffect)(()=>{if(typeof window>`u`)return;let e=()=>N(window.innerWidth);return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let P=T&&M<E,F=P&&A;(0,e.useEffect)(()=>{w&&se(D,O)},[w,D,O]);let I=(0,e.useCallback)(()=>{k(e=>!e)},[]),L=(0,e.useCallback)(()=>{j(e=>!e)},[]),R=(0,e.useCallback)(()=>{j(!1)},[]),z=(0,e.useMemo)(()=>({sidebarPinned:w?O:!1,setSidebarPinned:k,toggleSidebarPinned:I,mobileMenuOpen:F,setMobileMenuOpen:j,toggleMobileMenu:L,closeMobileMenu:R,isMobileViewport:P,pinnable:w,mobileMenuEnabled:T}),[R,F,P,T,w,O,L,I]),B=[`fcc-app-shell`,w&&O&&`fcc-sidebar-pinned`,P&&`fcc-mobile-shell`,F&&`fcc-mobile-menu-open`,y].filter(Boolean).join(` `);return(0,n.jsx)(v.Provider,{value:z,children:(0,n.jsxs)(`div`,{className:B,children:[(0,n.jsx)(re,{appName:t,logo:r,navItems:i,activeNavKey:a,onNavigate:o,user:s,footer:c,onLogout:l,className:b}),(0,n.jsx)(ee,{breadcrumbs:u,status:d,headerActions:f,header:p,overlay:h,sidePanel:g,callbar:_,className:x,headerClassName:S,contentClassName:C,children:m}),F&&(0,n.jsx)(`div`,{className:`fcc-mobile-menu-backdrop`,onClick:R,"aria-hidden":!0})]})})}function le({darkSrc:e,lightSrc:t,alt:r=`FCC`,className:i=``,...a}){let{theme:o}=m(),s=o===`dark`?e||t:t||e;return s?(0,n.jsx)(`img`,{src:s,alt:r,className:[`fcc-brand-logo`,i].filter(Boolean).join(` `),...a}):null}function ue({className:e=``}){let{theme:r,toggleTheme:i}=m(),a=r===`dark`;return(0,n.jsx)(`button`,{type:`button`,onClick:i,className:[`btn`,`btn-ghost`,`btn-icon`,`btn-sm`,e].filter(Boolean).join(` `),title:a?`Switch to light mode`:`Switch to dark mode`,"aria-label":a?`Switch to light mode`:`Switch to dark mode`,children:a?(0,n.jsx)(t.Moon,{size:16}):(0,n.jsx)(t.Sun,{size:16})})}function de({label:e=`Loading...`,fullscreen:r=!1,className:i=``}){return r?(0,n.jsxs)(`div`,{className:`loader-fullscreen ${i}`,children:[(0,n.jsx)(t.Loader2,{size:32,className:`loader-spin`}),e&&(0,n.jsx)(`span`,{className:`loader-label`,children:e})]}):(0,n.jsxs)(`div`,{className:`loader ${i}`,children:[(0,n.jsx)(t.Loader2,{size:20,className:`loader-spin`}),e&&(0,n.jsx)(`span`,{className:`loader-label`,children:e})]})}function fe({size:e=16,className:r=``}){return(0,n.jsx)(t.Loader2,{size:e,className:`loader-spin ${r}`})}function pe({label:e=`Loading...`,fullscreen:t=!1,size:r=64,darkSrc:i,lightSrc:a,alt:o=`FCC`,className:s=``}){let c=(0,n.jsxs)(`div`,{className:`fcc-loader-stage`,style:{"--fcc-loader-size":`${r}px`},"aria-hidden":`true`,children:[(0,n.jsx)(`span`,{className:`fcc-loader-ring`}),(0,n.jsx)(`span`,{className:`fcc-loader-glow`}),(0,n.jsx)(le,{darkSrc:i,lightSrc:a,alt:o,className:`fcc-loader-logo`})]}),l=t?`fcc-loader fcc-loader-fullscreen ${s}`.trim():`fcc-loader ${s}`.trim(),u=typeof e==`string`?e.match(/^(.*?)\.{3}\s*$/):null,d=u?(0,n.jsxs)(n.Fragment,{children:[u[1],(0,n.jsxs)(`span`,{className:`fcc-loader-dots`,"aria-hidden":`true`,children:[(0,n.jsx)(`span`,{className:`fcc-loader-dot`,children:`.`}),(0,n.jsx)(`span`,{className:`fcc-loader-dot`,children:`.`}),(0,n.jsx)(`span`,{className:`fcc-loader-dot`,children:`.`})]})]}):e;return(0,n.jsxs)(`div`,{className:l,role:`status`,"aria-live":`polite`,children:[c,e&&(0,n.jsx)(`span`,{className:`fcc-loader-label`,children:d})]})}function me({open:i,onClose:a,title:o,header:s,children:c,loading:l=!1,loadingLabel:u=`Loading...`,loaderSize:d=64,loaderDarkSrc:f,loaderLightSrc:p,width:m,zIndex:h=1100,showBackdrop:g=!0,resizable:_=!0,minWidth:v=360,storageKey:y,className:b=``}){let[x,S]=(0,e.useState)(!1),[C,w]=(0,e.useState)(!1),[T,E]=(0,e.useState)(!1),[D,O]=(0,e.useState)(()=>{if(!y||typeof window>`u`)return null;let e=window.localStorage.getItem(y),t=e?parseInt(e,10):NaN;return Number.isFinite(t)?t:null}),k=(0,e.useRef)(null),A=(0,e.useRef)(!1),[j,M]=(0,e.useState)(null);(0,e.useEffect)(()=>{i&&(typeof document>`u`||M(document.querySelector(`.fcc-main-window-content`)||document.body))},[i]),(0,e.useEffect)(()=>{if(!i)return;S(!0),A.current=!1;let e=requestAnimationFrame(()=>w(!0));return()=>cancelAnimationFrame(e)},[i]);let N=(0,e.useCallback)(()=>{A.current||(A.current=!0,w(!1),window.setTimeout(()=>{S(!1),a?.()},300))},[a]);if((0,e.useEffect)(()=>{if(!x)return;function e(e){e.key===`Escape`&&(e.stopPropagation(),N())}return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[x,N]),(0,e.useEffect)(()=>{if(!T)return;function e(e){let t=Math.max(v,window.innerWidth-e.clientX),n=window.innerWidth,r=Math.min(n,t);O(r),y&&window.localStorage.setItem(y,String(Math.round(r)))}function t(){E(!1)}return document.addEventListener(`mousemove`,e),document.addEventListener(`mouseup`,t),()=>{document.removeEventListener(`mousemove`,e),document.removeEventListener(`mouseup`,t)}},[T,v,y]),!x||typeof document>`u`||!j)return null;let P=D==null?m:`${D}px`;return(0,r.createPortal)((0,n.jsxs)(`div`,{className:`fcc-details-panel-root ${C?`fcc-details-panel-root--visible`:``}`,style:{zIndex:h},children:[g&&(0,n.jsx)(`div`,{className:`fcc-details-panel-backdrop`,onClick:N,"aria-hidden":`true`}),(0,n.jsxs)(`div`,{ref:k,className:`fcc-details-panel ${b}`,style:P?{width:P}:void 0,role:`dialog`,"aria-modal":`true`,children:[_&&(0,n.jsx)(`div`,{className:`fcc-details-panel-resize`,onMouseDown:e=>{e.preventDefault(),E(!0)},title:`Drag to resize`}),s||(0,n.jsxs)(`div`,{className:`fcc-details-panel-header`,children:[(0,n.jsx)(`span`,{className:`fcc-details-panel-title`,children:o}),(0,n.jsx)(`button`,{className:`fcc-details-panel-close`,onClick:N,"aria-label":`Close`,children:(0,n.jsx)(t.X,{size:14})})]}),(0,n.jsx)(`div`,{className:`fcc-details-panel-body`,children:l?(0,n.jsx)(`div`,{className:`fcc-details-panel-loading`,children:(0,n.jsx)(pe,{label:u,size:d,darkSrc:f,lightSrc:p})}):c})]})]}),j)}var he=220;function ge({open:t,onClose:i,children:a,className:o=``,closeOnEscape:s=!0,lockScroll:c=!0}){let[l,u]=(0,e.useState)(t?`open`:`closed`),d=t||l!==`closed`;return(0,e.useEffect)(()=>{if(c)return d?document.body.style.overflow=`hidden`:document.body.style.overflow=``,()=>{document.body.style.overflow=``}},[c,d]),(0,e.useEffect)(()=>{if(!s)return;function e(e){e.key===`Escape`&&i?.()}return d&&document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[s,d,i]),(0,e.useEffect)(()=>{if(t){let e=requestAnimationFrame(()=>u(`open`));return()=>cancelAnimationFrame(e)}if(l===`closed`)return;let e=requestAnimationFrame(()=>u(`closing`)),n=window.setTimeout(()=>u(`closed`),he);return()=>{cancelAnimationFrame(e),window.clearTimeout(n)}},[t,l]),!d||typeof document>`u`?null:(0,r.createPortal)((0,n.jsx)(`div`,{className:`fcc-fpp-overlay ${o}`,"data-state":l,role:`dialog`,"aria-modal":`true`,children:(0,n.jsx)(`div`,{className:`fcc-fpp`,children:a})}),document.body)}function _e({title:e,subtitle:r,eyebrow:i,leading:a,actions:o,onClose:s,className:c=``}){return(0,n.jsxs)(`div`,{className:`fcc-fpp-header ${c}`,children:[(0,n.jsxs)(`div`,{className:`fcc-fpp-header-lead`,children:[a,(0,n.jsxs)(`div`,{className:`fcc-fpp-header-titles`,children:[i&&(0,n.jsx)(`span`,{className:`fcc-fpp-eyebrow`,children:i}),e&&(0,n.jsx)(`h2`,{className:`fcc-fpp-title`,children:e}),r&&(0,n.jsx)(`p`,{className:`fcc-fpp-subtitle`,children:r})]})]}),(0,n.jsxs)(`div`,{className:`fcc-fpp-header-actions`,children:[o,s&&(0,n.jsx)(`button`,{type:`button`,className:`btn btn-ghost btn-icon btn-sm`,onClick:s,"aria-label":`Close panel`,children:(0,n.jsx)(t.X,{size:16})})]})]})}function ve({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`fcc-fpp-toolbar ${t}`,children:e})}function ye({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`fcc-fpp-body ${t}`,children:e})}function be({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`fcc-fpp-main ${t}`,children:e})}function xe({children:e,side:t=`right`,className:r=``}){return(0,n.jsx)(`aside`,{className:`fcc-fpp-sidebar fcc-fpp-sidebar-${t} ${r}`,children:e})}function Se({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`fcc-fpp-footer ${t}`,children:e})}function Ce({title:r,header:i,defaultOpen:a=!1,className:o=``,contentClassName:s=``,children:c}){let[l,u]=(0,e.useState)(a);return(0,n.jsxs)(`div`,{className:`accordion-item ${o}`,children:[(0,n.jsxs)(`div`,{className:`accordion-trigger ${l?`expanded`:``}`,onClick:()=>u(!l),role:`button`,"aria-expanded":l,children:[i||(0,n.jsx)(`span`,{className:`accordion-trigger-title`,children:r}),(0,n.jsx)(`span`,{className:`accordion-trigger-chevron`,children:l?(0,n.jsx)(t.ChevronDown,{size:14}):(0,n.jsx)(t.ChevronRight,{size:14})})]}),(0,n.jsx)(`div`,{className:`accordion-collapse ${l?`open`:``}`,children:(0,n.jsx)(`div`,{className:`accordion-collapse-inner`,children:(0,n.jsx)(`div`,{className:`accordion-content ${s}`.trim(),children:c})})})]})}function we({items:r=[],className:i=``}){let[a,o]=(0,e.useState)(new Set);function s(e){o(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}return(0,n.jsx)(`div`,{className:`accordion ${i}`,children:r.map(e=>{let r=a.has(e.id);return(0,n.jsxs)(`div`,{className:`accordion-item`,children:[(0,n.jsxs)(`div`,{className:`accordion-trigger ${r?`expanded`:``}`,onClick:()=>s(e.id),role:`button`,"aria-expanded":r,children:[e.header||(0,n.jsx)(`span`,{className:`accordion-trigger-title`,children:e.title}),(0,n.jsx)(`span`,{className:`accordion-trigger-chevron`,children:r?(0,n.jsx)(t.ChevronDown,{size:14}):(0,n.jsx)(t.ChevronRight,{size:14})})]}),(0,n.jsx)(`div`,{className:`accordion-collapse ${r?`open`:``}`,children:(0,n.jsx)(`div`,{className:`accordion-collapse-inner`,children:(0,n.jsx)(`div`,{className:`accordion-content`,children:e.content})})})]},e.id)})})}var Te={sm:`avatar-sm`,md:``,lg:`avatar-lg`,xl:`avatar-xl`},Ee=[`#5e6ad2`,`#5bb98e`,`#c9a84e`,`#c75a5a`,`#8a83d4`,`#5a8ebf`,`#c4a06a`];function De(e){let t=0;for(let n=0;n<e.length;n++)t=e.charCodeAt(n)+((t<<5)-t);return Ee[Math.abs(t)%Ee.length]}function V({imageUrl:t,initials:r,name:i,size:a=`md`,className:o=``,style:s={}}){let[c,l]=(0,e.useState)(!1),u=r||(i?i.split(` `).map(e=>e[0]).join(``).slice(0,2).toUpperCase():`?`),d=s.background||De(u),f=Te[a]||``;return t&&!c?(0,n.jsx)(`img`,{src:t,alt:i||``,className:`avatar ${f} ${o}`,style:{objectFit:`cover`,...s},onError:()=>l(!0)}):(0,n.jsx)(`div`,{className:`avatar ${f} ${o}`,style:{background:d,...s},children:u})}var Oe={default:`var(--text-quaternary)`,secondary:`var(--text-quaternary)`,success:`var(--accent-green)`,warning:`var(--accent-yellow)`,error:`var(--accent-red)`,info:`var(--accent-blue)`,outline:`var(--text-quaternary)`,purple:`var(--accent-purple)`,orange:`var(--accent-orange)`};function H({variant:e=`default`,className:t=``,children:r,showDot:i=!0,...a}){let o=Oe[e]||Oe.default;return(0,n.jsxs)(`span`,{className:`badge ${i?``:`badge--no-dot`} ${t}`.trim(),...a,children:[i&&(0,n.jsx)(`span`,{className:`badge-dot`,style:{background:o}}),r]})}var ke={default:`btn-primary`,destructive:`btn-danger`,success:`btn-success`,warning:`btn-warning`,outline:`btn-outline`,secondary:`btn-secondary`,muted:`btn-muted`,ghost:`btn-ghost`,link:`btn-link`},Ae={sm:`btn-sm`,default:``,lg:`btn-lg`,icon:`btn-icon`},U=(0,e.forwardRef)(function({variant:e=`default`,size:t=`default`,className:r=``,children:i,...a},o){return(0,n.jsx)(`button`,{ref:o,className:[`btn`,ke[e],Ae[t],r].filter(Boolean).join(` `),...a,children:i})}),je={default:`card-default`,green:`card-green`,red:`card-red`,yellow:`card-yellow`},Me=(0,e.forwardRef)(function({variant:e=`default`,className:t=``,children:r,...i},a){return(0,n.jsx)(`div`,{ref:a,className:[`card`,je[e],t].filter(Boolean).join(` `),...i,children:r})}),Ne=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`div`,{ref:i,className:`card-header ${e}`,...r,children:t})}),Pe=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`h3`,{ref:i,className:`card-title ${e}`,...r,children:t})}),Fe=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`p`,{ref:i,className:`card-description ${e}`,...r,children:t})}),Ie=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`div`,{ref:i,className:`card-body ${e}`,...r,children:t})}),Le=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`div`,{ref:i,className:`card-footer ${e}`,...r,children:t})}),Re=220;function ze({open:t,onClose:r,children:i,className:a=``,overlayClassName:o=``,contained:s=!1}){let c=(0,e.useRef)(null),[l,u]=(0,e.useState)(t?`open`:`closed`),d=t||l!==`closed`;return(0,e.useEffect)(()=>{if(!s)return d?document.body.style.overflow=`hidden`:document.body.style.overflow=``,()=>{document.body.style.overflow=``}},[s,d]),(0,e.useEffect)(()=>{function e(e){e.key===`Escape`&&r?.()}return d&&document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[d,r]),(0,e.useEffect)(()=>{if(t){let e=requestAnimationFrame(()=>u(`open`));return()=>cancelAnimationFrame(e)}if(l===`closed`)return;let e=requestAnimationFrame(()=>u(`closing`)),n=window.setTimeout(()=>u(`closed`),Re);return()=>{cancelAnimationFrame(e),window.clearTimeout(n)}},[t,l]),d?(0,n.jsx)(`div`,{className:`dialog-overlay${s?` dialog-overlay-contained`:``}${o?` ${o}`:``}`,"data-state":l,ref:c,onClick:e=>{e.target===c.current&&r?.()},children:(0,n.jsx)(`div`,{className:`dialog ${a}`,children:i})}):null}function Be({children:e,onClose:r,className:i=``}){return(0,n.jsxs)(`div`,{className:`dialog-header ${i}`,children:[(0,n.jsx)(`div`,{style:{flex:1},children:e}),r&&(0,n.jsx)(`button`,{className:`btn btn-ghost btn-icon btn-sm`,onClick:r,children:(0,n.jsx)(t.X,{size:16})})]})}function Ve({children:e,className:t=``}){return(0,n.jsx)(`h3`,{className:`dialog-title ${t}`,children:e})}function He({children:e,className:t=``}){return(0,n.jsx)(`p`,{className:`dialog-description ${t}`,children:e})}function Ue({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`dialog-body ${t}`,children:e})}function We({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`dialog-footer ${t}`,children:e})}var Ge=(0,e.forwardRef)(function({id:r,label:i,labelMode:a=`stacked`,description:o,error:s,clearable:c=!1,startIcon:l,endIcon:u,placeholder:d,value:f,defaultValue:p,className:m=``,inputClassName:h=``,disabled:g=!1,type:_=`text`,"aria-describedby":v,"aria-invalid":y,onChange:b,...x},S){let C=(0,e.useRef)(null),w=(0,e.useId)(),T=r||w,E=s&&s!==!0?s:o,D=E?`${T}-helper`:void 0,O=!!(s||y),k=!!(i&&a===`floating`),A=[v,D].filter(Boolean).join(` `)||void 0,j=k?` `:d,M=f!==void 0,[N,P]=(0,e.useState)(()=>String(p??``)),F=c&&!g&&(M?String(f??``):N).length>0;function I(e){C.current=e,typeof S==`function`?S(e):S&&(S.current=e)}function L(e){M||P(e.target.value),b?.(e)}function R(){let e=C.current;e&&((Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,`value`)?.set)?.call(e,``),e.dispatchEvent(new Event(`input`,{bubbles:!0})),e.focus())}return(0,n.jsxs)(`div`,{className:[`fcc-input-field`,m].filter(Boolean).join(` `),children:[i&&!k?(0,n.jsx)(`label`,{className:`fcc-input-label`,htmlFor:T,children:i}):null,(0,n.jsxs)(`div`,{className:[`fcc-input-control`,k?`has-floating-label`:``,O?`is-invalid`:``,g?`is-disabled`:``].filter(Boolean).join(` `),children:[l?(0,n.jsx)(`span`,{className:`fcc-input-icon`,"aria-hidden":`true`,children:l}):null,k?(0,n.jsxs)(`div`,{className:`fcc-input-floating-slot`,children:[(0,n.jsx)(`input`,{...x,ref:I,id:T,type:_,value:f,defaultValue:p,placeholder:j,disabled:g,"aria-invalid":O||void 0,"aria-describedby":A,onChange:L,className:[`fcc-input-element`,`has-floating-label`,h].filter(Boolean).join(` `)}),(0,n.jsx)(`label`,{className:`fcc-input-floating-label`,htmlFor:T,children:i})]}):(0,n.jsx)(`input`,{...x,ref:I,id:T,type:_,value:f,defaultValue:p,placeholder:j,disabled:g,"aria-invalid":O||void 0,"aria-describedby":A,onChange:L,className:[`fcc-input-element`,h].filter(Boolean).join(` `)}),F?(0,n.jsx)(`button`,{type:`button`,className:`fcc-input-clear`,onClick:R,"aria-label":`Clear ${i||`input`}`,children:(0,n.jsx)(t.X,{size:12})}):null,u?(0,n.jsx)(`span`,{className:`fcc-input-icon`,children:u}):null]}),E?(0,n.jsx)(`div`,{id:D,className:[`fcc-input-helper`,O?`is-error`:``].filter(Boolean).join(` `),children:E}):null]})});function Ke({trigger:t,children:i,align:a=`left`,className:o=``,sideOffset:s=6,onOpenChange:c}){let[l,u]=(0,e.useState)(!1),[d,f]=(0,e.useState)(null),p=(0,e.useRef)(null),m=(0,e.useRef)(null);return(0,e.useEffect)(()=>{c?.(l)},[c,l]),(0,e.useEffect)(()=>{function e(e){let t=p.current&&p.current.contains(e.target),n=m.current&&m.current.contains(e.target);!t&&!n&&u(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,e.useLayoutEffect)(()=>{if(!l||!p.current||!m.current||typeof window>`u`)return;let e=()=>{let e=p.current.getBoundingClientRect(),t=m.current.getBoundingClientRect(),n=s,r=Math.max(e.width,t.width),i=a===`right`?e.right-r:e.left;i=Math.max(8,Math.min(i,window.innerWidth-r-8));let o=Math.min(e.bottom+n,window.innerHeight-t.height-8);f({left:i,top:o,width:r})};return e(),window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e,!0),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e,!0)}},[a,l,s]),(0,e.useLayoutEffect)(()=>{l||f(null)},[l]),(0,n.jsxs)(`div`,{className:`dropdown-wrapper ${o}`,style:{position:`relative`},children:[(0,n.jsx)(`div`,{ref:p,onClick:()=>u(e=>!e),children:t}),l&&typeof document<`u`&&(0,r.createPortal)((0,n.jsx)(`div`,{ref:m,className:`dropdown`,onClick:()=>u(!1),style:{position:`fixed`,left:d?.left??0,top:d?.top??0,width:d?.width,visibility:d?`visible`:`hidden`},children:i}),document.body)]})}function qe({icon:e,children:r,shortcut:i,active:a,onClick:o,className:s=``}){return(0,n.jsxs)(`div`,{className:`dropdown-item ${a?`active`:``} ${s}`,onClick:o,children:[e&&(0,n.jsx)(`span`,{className:`dropdown-item-icon`,children:e}),(0,n.jsx)(`span`,{style:{flex:1},children:r}),i&&(0,n.jsx)(`span`,{className:`dropdown-shortcut`,children:i}),a&&(0,n.jsx)(t.Check,{size:14,className:`dropdown-item-check`})]})}function Je({checked:e,onCheckedChange:r,children:i,className:a=``}){return(0,n.jsxs)(`div`,{className:`dropdown-item ${e?`active`:``} ${a}`,onClick:()=>r?.(!e),children:[(0,n.jsx)(`span`,{style:{flex:1},children:i}),e&&(0,n.jsx)(t.Check,{size:14,className:`dropdown-item-check`})]})}function Ye({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`dropdown-label ${t}`,children:e})}function Xe({className:e=``}){return(0,n.jsx)(`div`,{className:`dropdown-divider ${e}`})}function Ze({options:i=[],value:a,onChange:o,placeholder:s=`Select...`,searchPlaceholder:c=`Search...`,allowEmpty:l=!1,disabled:u=!1,className:d=``}){let[f,p]=(0,e.useState)(!1),[m,h]=(0,e.useState)(``),[g,_]=(0,e.useState)(-1),[v,y]=(0,e.useState)(null),b=(0,e.useRef)(null),x=(0,e.useRef)(null),S=(0,e.useRef)(null),C=i.filter(e=>e.label.toLowerCase().includes(m.toLowerCase())||e.description&&e.description.toLowerCase().includes(m.toLowerCase())),w=i.find(e=>e.value===a);(0,e.useEffect)(()=>{f&&S.current&&S.current.focus()},[f]),(0,e.useEffect)(()=>{function e(e){let t=b.current&&b.current.contains(e.target),n=x.current&&x.current.contains(e.target);!t&&!n&&p(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,e.useLayoutEffect)(()=>{if(!f||!b.current||typeof window>`u`)return;let e=()=>{if(!b.current)return;let e=b.current.getBoundingClientRect(),t=x.current?.offsetHeight??0,n=e.bottom+4;if(t&&n+t>window.innerHeight-8){let r=e.top-4-t;n=r>=8?r:Math.max(8,window.innerHeight-t-8)}y({left:e.left,top:n,width:e.width})};return e(),window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e,!0),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e,!0)}},[f,C.length,m]);function T(e){e.key===`ArrowDown`?(e.preventDefault(),_(e=>Math.min(e+1,C.length-1))):e.key===`ArrowUp`?(e.preventDefault(),_(e=>Math.max(e-1,0))):e.key===`Enter`&&g>=0&&C[g]?(o?.(C[g].value),p(!1),h(``)):e.key===`Escape`&&(p(!1),h(``))}return(0,n.jsxs)(`div`,{className:`searchable-select ${d}`,children:[(0,n.jsxs)(`button`,{ref:b,className:`searchable-select-trigger`,onClick:()=>{u||(f||_(-1),p(!f))},disabled:u,type:`button`,children:[(0,n.jsx)(`span`,{className:w?``:`searchable-select-placeholder`,children:w?w.label:s}),(0,n.jsx)(t.ChevronDown,{size:14,className:`searchable-select-chevron`})]}),f&&typeof document<`u`&&(0,r.createPortal)((0,n.jsxs)(`div`,{ref:x,className:`searchable-select-dropdown`,style:{position:`fixed`,left:v?.left??0,top:v?.top??0,width:v?.width,visibility:v?`visible`:`hidden`},children:[(0,n.jsxs)(`div`,{className:`searchable-select-search`,children:[(0,n.jsx)(t.Search,{size:14}),(0,n.jsx)(`input`,{ref:S,value:m,onChange:e=>{h(e.target.value),_(0)},onKeyDown:T,placeholder:c,className:`searchable-select-input`}),m&&(0,n.jsx)(`button`,{className:`searchable-select-clear`,onClick:()=>h(``),children:(0,n.jsx)(t.X,{size:12})})]}),(0,n.jsxs)(`div`,{className:`searchable-select-options`,children:[l&&(0,n.jsx)(`div`,{className:`searchable-select-option ${a?``:`selected`}`,onClick:()=>{o?.(null),p(!1),h(``)},onMouseEnter:()=>_(-1),children:(0,n.jsx)(`span`,{style:{color:`var(--text-tertiary)`,fontStyle:`italic`},children:`None`})}),C.map((e,r)=>(0,n.jsxs)(`div`,{className:`searchable-select-option ${r===g?`highlighted`:``} ${e.value===a?`selected`:``}`,onClick:()=>{o?.(e.value),p(!1),h(``)},onMouseEnter:()=>_(r),children:[(0,n.jsxs)(`div`,{className:`searchable-select-option-content`,children:[(0,n.jsx)(`span`,{children:e.label}),e.description&&(0,n.jsx)(`span`,{className:`searchable-select-option-desc`,children:e.description})]}),e.value===a&&(0,n.jsx)(t.Check,{size:14})]},e.value)),C.length===0&&(0,n.jsx)(`div`,{className:`searchable-select-empty`,children:`No results found`})]})]}),document.body)]})}function Qe({open:r,onClose:i,side:a=`right`,title:o,children:s,className:c=``}){let l=(0,e.useRef)(null);return(0,e.useEffect)(()=>(r?document.body.style.overflow=`hidden`:document.body.style.overflow=``,()=>{document.body.style.overflow=``}),[r]),(0,e.useEffect)(()=>{function e(e){e.key===`Escape`&&i?.()}return r&&document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[r,i]),r?(0,n.jsx)(`div`,{className:`sheet-overlay`,ref:l,onClick:e=>{e.target===l.current&&i?.()},children:(0,n.jsxs)(`div`,{className:`sheet sheet-${a} ${c}`,children:[o&&(0,n.jsxs)(`div`,{className:`sheet-header`,children:[(0,n.jsx)(`h3`,{className:`sheet-title`,children:o}),(0,n.jsx)(`button`,{className:`btn btn-ghost btn-icon btn-sm`,onClick:i,children:(0,n.jsx)(t.X,{size:16})})]}),(0,n.jsx)(`div`,{className:`sheet-body`,children:s})]})}):null}function $e({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`sheet-footer ${t}`,children:e})}function et(...e){return e.filter(Boolean).join(` `)}var tt={default:``,warning:`status-metric--warning`};function nt({children:e,tone:r=`default`,showIcon:i=!0,icon:a,iconSize:o=12,className:s=``}){let c=a||(r===`warning`?t.AlertTriangle:t.Clock);return(0,n.jsxs)(`span`,{className:et(`status-metric`,tt[r],s),children:[i&&c&&(0,n.jsx)(`span`,{className:`status-metric-icon`,children:(0,n.jsx)(c,{size:o})}),(0,n.jsx)(`span`,{className:`status-metric-text`,children:e})]})}function rt({checked:e=!1,onCheckedChange:t,disabled:r=!1,size:i=`md`,label:a}){return(0,n.jsxs)(`div`,{className:`toggle-row`,children:[a&&(0,n.jsx)(`span`,{className:`toggle-text`,children:a}),(0,n.jsx)(`button`,{className:`toggle ${e?`active`:``} ${i===`sm`?`toggle-sm`:``}`,onClick:()=>!r&&t?.(!e),disabled:r,role:`switch`,"aria-checked":e,children:(0,n.jsx)(`div`,{className:`toggle-knob`})})]})}var W=(0,e.createContext)({value:``,onChange:()=>{},registerTrigger:()=>{},getTriggerNode:()=>null});function it({defaultValue:t,value:r,onValueChange:i,children:a,className:o=``}){let[s,c]=(0,e.useState)(t||``),l=(0,e.useRef)(new Map),u=r===void 0?s:r,d=i||c,f=(0,e.useCallback)((e,t)=>{if(t){l.current.set(e,t);return}l.current.delete(e)},[]),p=(0,e.useCallback)(e=>l.current.get(e)||null,[]);return(0,n.jsx)(W.Provider,{value:{value:u,onChange:d,registerTrigger:f,getTriggerNode:p},children:(0,n.jsx)(`div`,{className:o,children:a})})}function at({children:t,className:r=``}){let{value:i,getTriggerNode:a}=(0,e.useContext)(W),o=(0,e.useRef)(null);return(0,e.useLayoutEffect)(()=>{let e=o.current,t=a(i);if(!e)return;if(!t){e.style.setProperty(`--tabs-indicator-width`,`0px`),e.style.setProperty(`--tabs-indicator-x`,`0px`),e.removeAttribute(`data-tabs-indicator-ready`);return}let n=()=>{e.style.setProperty(`--tabs-indicator-width`,`${t.offsetWidth}px`),e.style.setProperty(`--tabs-indicator-x`,`${t.offsetLeft}px`),e.setAttribute(`data-tabs-indicator-ready`,`true`)};n();let r=typeof ResizeObserver<`u`?new ResizeObserver(n):null;return r?.observe(e),r?.observe(t),window.addEventListener(`resize`,n),()=>{r?.disconnect(),window.removeEventListener(`resize`,n)}},[i,a]),(0,n.jsxs)(`div`,{ref:o,className:`tabs ${r}`,role:`tablist`,children:[(0,n.jsx)(`span`,{className:`tabs-indicator`,"aria-hidden":`true`}),t]})}function ot({value:t,children:r,className:i=``}){let{value:a,onChange:o,registerTrigger:s}=(0,e.useContext)(W),c=a===t;return(0,n.jsx)(`button`,{ref:e=>s(t,e),className:`tab ${c?`active`:``} ${i}`,onClick:()=>o(t),role:`tab`,"aria-selected":c,type:`button`,children:r})}function st({value:t,children:r,className:i=``}){let{value:a}=(0,e.useContext)(W);return a===t?(0,n.jsx)(`div`,{className:i,role:`tabpanel`,children:r}):null}var ct=(0,e.forwardRef)(function({className:e=``,startAdornment:t,endAdornment:r,...i},a){return t||r?(0,n.jsxs)(`div`,{className:[`textarea-wrapper`,e].filter(Boolean).join(` `),children:[t&&(0,n.jsx)(`div`,{className:`textarea-adornment textarea-adornment--start`,children:t}),(0,n.jsx)(`textarea`,{...i,ref:a,className:`textarea-wrapper__input`}),r&&(0,n.jsx)(`div`,{className:`textarea-adornment textarea-adornment--end`,children:r})]}):(0,n.jsx)(`textarea`,{...i,ref:a,className:[`textarea`,e].filter(Boolean).join(` `)})});function G({content:t,side:i=`top`,children:a,className:o=``}){let[s,c]=(0,e.useState)(!1),[l,u]=(0,e.useState)(null),d=(0,e.useRef)(null),f=(0,e.useRef)(null),p=(0,e.useRef)(null);function m(){p.current=setTimeout(()=>c(!0),300)}function h(){clearTimeout(p.current),c(!1)}return(0,e.useEffect)(()=>()=>{clearTimeout(p.current)},[]),(0,e.useLayoutEffect)(()=>{if(!s||!d.current||!f.current||typeof window>`u`)return;let e=()=>{let e=d.current.getBoundingClientRect(),t=f.current.getBoundingClientRect(),n=e.left+e.width/2-t.width/2;n=Math.max(8,Math.min(n,window.innerWidth-t.width-8));let r=i===`bottom`?e.bottom+8:e.top-t.height-8;r<8&&(r=e.bottom+8),r+t.height>window.innerHeight-8&&(r=Math.max(8,e.top-t.height-8)),u({left:n,top:r})};return e(),window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[i,s]),(0,n.jsxs)(`div`,{className:`tooltip-wrapper ${o}`,onMouseEnter:m,onMouseLeave:h,onFocus:m,onBlur:h,ref:d,style:{position:`relative`,display:`inline-flex`},children:[a,s&&typeof document<`u`&&(0,r.createPortal)((0,n.jsx)(`div`,{ref:f,className:`tooltip tooltip-${i} tooltip-portal`,role:`tooltip`,style:{left:l?.left??0,top:l?.top??0,position:`fixed`,visibility:l?`visible`:`hidden`},children:t}),document.body)]})}var lt={kanban:t.Columns3,board:t.Columns3,columns:t.Columns3,table:t.List,list:t.List,rows:t.List,grid:t.LayoutGrid,calendar:t.Calendar,map:t.Map},ut=[{value:`kanban`,label:`Kanban`,title:`Board View`},{value:`table`,label:`Table`,title:`Table View`}];function dt(e){return e.icon?e.icon:lt[e.value]??null}function ft(t,n){return t?(0,e.isValidElement)(t)?t:(0,e.createElement)(t,{size:n}):null}function pt({options:t=ut,value:r,defaultValue:i,onValueChange:a,ariaLabel:o=`View mode`,iconSize:s=16,showLabels:c=!1,className:l=``,optionClassName:u=``}){let d=(0,e.useRef)(null),f=(0,e.useRef)(null),p=(0,e.useRef)(new Map),[m,h]=(0,e.useState)(i??t[0]?.value??``),g=r===void 0?m:r,_=(0,e.useCallback)(()=>{let e=f.current,t=p.current.get(g);if(e){if(!t){e.style.opacity=`0`;return}e.style.width=`${t.offsetWidth}px`,e.style.height=`${t.offsetHeight}px`,e.style.transform=`translate3d(${t.offsetLeft}px, ${t.offsetTop}px, 0)`,e.style.opacity=`1`}},[g]);function v(e){e.disabled||(r===void 0&&h(e.value),a?.(e.value,e))}return(0,e.useLayoutEffect)(()=>{_()},[_,t,c,s,l,u]),(0,e.useEffect)(()=>{let e=d.current;if(!e)return;let t=null;function n(){t!==null&&cancelAnimationFrame(t),t=requestAnimationFrame(()=>{t=null,_()})}if(n(),typeof ResizeObserver<`u`){let r=new ResizeObserver(n);return r.observe(e),p.current.forEach(e=>r.observe(e)),()=>{t!==null&&cancelAnimationFrame(t),r.disconnect()}}return window.addEventListener(`resize`,n),()=>{t!==null&&cancelAnimationFrame(t),window.removeEventListener(`resize`,n)}},[_,t,c,s,l,u]),(0,n.jsxs)(`div`,{ref:d,className:[`view-mode-toggle`,c?`show-labels`:``,l].filter(Boolean).join(` `),role:`group`,"aria-label":o,children:[(0,n.jsx)(`span`,{ref:f,"aria-hidden":`true`,className:`view-mode-toggle-indicator`}),t.map(e=>{let t=e.value===g,r=ft(dt(e),s);return(0,n.jsxs)(`button`,{type:`button`,"aria-pressed":t,disabled:e.disabled,title:e.title||e.label,"aria-label":e.title||e.label,ref:t=>{t?p.current.set(e.value,t):p.current.delete(e.value)},className:[`view-mode-toggle-option`,t?`active`:``,e.disabled?`disabled`:``,u].filter(Boolean).join(` `),onClick:()=>v(e),children:[r&&(0,n.jsx)(`span`,{className:`view-mode-toggle-icon`,children:r}),c&&(0,n.jsx)(`span`,{className:`view-mode-toggle-label`,children:e.label})]},e.value)})]})}function mt(t,n){return t?(0,e.isValidElement)(t)?t:(0,e.createElement)(t,{size:n}):null}function ht({items:t=[],value:r,defaultValue:i,onValueChange:a,ariaLabel:o=`Workspace tabs`,iconSize:s=14,variant:c=`plain`,className:l=``,itemClassName:u=``}){let d=(0,e.useRef)(null),f=(0,e.useRef)(null),p=(0,e.useRef)(new Map),[m,h]=(0,e.useState)(i??t[0]?.id??``),g=r===void 0?m:r,_=(0,e.useCallback)(()=>{let e=f.current,t=p.current.get(g);if(e){if(!t){e.style.opacity=`0`;return}e.style.width=`${t.offsetWidth}px`,e.style.height=`${t.offsetHeight}px`,e.style.transform=`translate3d(${t.offsetLeft}px, ${t.offsetTop}px, 0)`,e.style.opacity=`1`}},[g]);function v(e){e.disabled||(r===void 0&&h(e.id),a?.(e.id,e))}return(0,e.useLayoutEffect)(()=>{_()},[_,t,s,c,l,u]),(0,e.useEffect)(()=>{let e=d.current;if(!e)return;let t=null;function n(){t!==null&&cancelAnimationFrame(t),t=requestAnimationFrame(()=>{t=null,_()})}if(n(),typeof ResizeObserver<`u`){let r=new ResizeObserver(n);return r.observe(e),p.current.forEach(e=>r.observe(e)),()=>{t!==null&&cancelAnimationFrame(t),r.disconnect()}}return window.addEventListener(`resize`,n),()=>{t!==null&&cancelAnimationFrame(t),window.removeEventListener(`resize`,n)}},[_,t,s,c,l,u]),(0,n.jsxs)(`div`,{ref:d,className:[`workspace-tabs`,c===`contained`?`workspace-tabs--contained`:``,l].filter(Boolean).join(` `),role:`tablist`,"aria-label":o,children:[(0,n.jsx)(`span`,{ref:f,"aria-hidden":`true`,className:`workspace-tabs-indicator`}),t.map(e=>{let t=e.id===g,r=mt(e.icon,s);return(0,n.jsxs)(`button`,{type:`button`,role:`tab`,"aria-selected":t,disabled:e.disabled,title:e.label,ref:t=>{t?p.current.set(e.id,t):p.current.delete(e.id)},className:[`workspace-tab`,t?`active`:``,e.disabled?`disabled`:``,u].filter(Boolean).join(` `),onClick:()=>v(e),children:[r&&(0,n.jsx)(`span`,{className:`workspace-tab-icon`,children:r}),(0,n.jsx)(`span`,{className:`workspace-tab-label`,children:e.label}),e.badge!=null&&(0,n.jsx)(`span`,{className:`workspace-tab-badge`,children:e.badge})]},e.id)})]})}function K({icon:e,label:t,onClick:r,active:i,danger:a,compact:o,title:s}){return(0,n.jsx)(G,{content:s,children:(0,n.jsxs)(`button`,{type:`button`,onClick:r,"aria-label":t,style:{display:`inline-flex`,alignItems:`center`,gap:6,padding:o?`6px`:`8px 10px`,borderRadius:6,background:a?`var(--accent-red, #ef4444)`:i?`var(--accent-yellow-soft, rgba(245,158,11,0.15))`:`transparent`,color:a?`#fff`:i?`var(--accent-yellow, #f59e0b)`:`var(--text-primary)`,border:`none`,cursor:`pointer`},children:[(0,n.jsx)(e,{size:o?14:16}),!o&&(0,n.jsx)(`span`,{style:{fontSize:`var(--text-xs)`},children:t})]})})}function q({isMuted:e,isOnHold:r,onMute:i,onHold:a,onTransfer:o,onInvite:s,onKeypad:c,onEnd:l,compact:u=!1,hideEnd:d=!1,className:f=``}){return(0,n.jsxs)(`div`,{className:`call-controls-bar ${f}`,style:{display:`inline-flex`,gap:4,alignItems:`center`,flexWrap:`nowrap`},children:[(0,n.jsx)(K,{icon:e?t.MicOff:t.Mic,label:e?`Unmute`:`Mute`,onClick:i,active:e,compact:u,title:`Mute (M)`}),(0,n.jsx)(K,{icon:r?t.Play:t.Pause,label:r?`Resume`:`Hold`,onClick:a,active:r,compact:u,title:`Hold (H)`}),(0,n.jsx)(K,{icon:t.PhoneForwarded,label:`Transfer`,onClick:o,compact:u,title:`Transfer (T)`}),(0,n.jsx)(K,{icon:t.UserPlus,label:`Invite`,onClick:s,compact:u,title:`Invite observer`}),(0,n.jsx)(K,{icon:t.Hash,label:`Keypad`,onClick:c,compact:u,title:`Keypad`}),!d&&(0,n.jsx)(K,{icon:t.PhoneOff,label:`End`,onClick:l,danger:!0,compact:u,title:`End call (E)`})]})}function J(e){return e==null||Number.isNaN(e)?`0:00`:`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,`0`)}`}function gt(e){if(!e)return``;let t=new Date(e).getTime()-Date.now();return t<=0?`now`:J(Math.ceil(t/1e3))}function _t(e){if(!e)return``;let t=Date.now()-new Date(e).getTime(),n=Math.floor(t/1e3);if(n<60)return`just now`;let r=Math.floor(n/60);if(r<60)return`${r}m ago`;let i=Math.floor(r/60);if(i<24)return`${i}h ago`;let a=Math.floor(i/24);return a===1?`Yesterday`:a<7?`${a}d ago`:new Date(e).toLocaleDateString()}function vt(e){if(!e)return`none`;let t=new Date(e).getTime()-Date.now();return t<=0?`overdue`:t<30*1e3?`urgent`:t<120*1e3?`warning`:`normal`}var yt={intake:`Intake`,plan_review:`Plan Review`,inspections:`Inspections`,finance:`Finance`,coc:`COC`,tech_support:`Tech Support`,sales:`Sales`,escalations:`Escalations`};function bt(e){return e?yt[e]?yt[e]:e.split(`_`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `):``}var xt={client:`Client`,building_department:`Building Dept`,staff:`Staff`,unknown:`Unknown`};function Y(e){return xt[e]||`Unknown`}var St={open:`Open`,in_progress:`In progress`,resolved:`Resolved`,closed:`Closed`,awaiting_reply:`Awaiting reply`};function Ct(e){return St[e]||(e?e.replace(/_/g,` `).replace(/\b\w/g,e=>e.toUpperCase()):``)}var wt={intake:`var(--accent-blue)`,plan_review:`var(--accent-purple)`,inspections:`var(--accent-green)`,finance:`var(--accent-yellow)`,coc:`var(--accent-red)`,tech_support:`var(--text-tertiary)`,sales:`var(--accent-orange)`,escalations:`var(--accent-red)`};function Tt(e){switch(e){case`resolved`:case`closed`:return`success`;case`in_progress`:return`info`;case`awaiting_reply`:return`warning`;default:return`secondary`}}function Et(e,t){return e?e.length>t?`${e.slice(0,t-1)}…`:e:``}function X({ticket:e,onClick:t,variant:r=`default`,className:i=``}){if(!e)return null;let a=wt[e.department]??wt.tech_support,o=t?`button`:`span`,s=r===`compact`?`#${e.number}`:`#${e.number} · ${Et(e.title,28)}`;return r===`detailed`?(0,n.jsxs)(o,{type:t?`button`:void 0,onClick:t,className:`ticket-link-chip ticket-link-chip-detailed ${i}`,style:{display:`inline-flex`,flexDirection:`column`,alignItems:`flex-start`,gap:8,padding:`8px 12px 8px 10px`,borderRadius:10,background:`var(--bg-tertiary, rgba(255,255,255,0.04))`,border:`1px solid var(--border-primary, rgba(255,255,255,0.08))`,fontSize:`var(--text-xs)`,color:`var(--text-primary)`,cursor:t?`pointer`:`default`,width:`100%`,textAlign:`left`},children:[(0,n.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:8,width:`100%`},children:[(0,n.jsx)(`span`,{style:{width:3,height:18,borderRadius:2,background:a,flexShrink:0}}),(0,n.jsxs)(`span`,{style:{fontWeight:600,color:`var(--text-primary)`},children:[`#`,e.number]}),(0,n.jsxs)(`span`,{style:{color:`var(--text-secondary)`},children:[`· `,Et(e.title,40)]})]}),(0,n.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:6},children:[e.department&&(0,n.jsx)(H,{variant:`secondary`,showDot:!1,className:`badge--no-dot`,children:bt(e.department)}),e.status&&(0,n.jsx)(H,{variant:Tt(e.status),children:Ct(e.status)})]})]}):(0,n.jsxs)(o,{type:t?`button`:void 0,onClick:t,className:`ticket-link-chip ticket-link-chip-${r} ${i}`,style:{display:`inline-flex`,alignItems:`center`,gap:6,padding:`2px 10px 2px 6px`,borderRadius:999,background:`var(--bg-tertiary, rgba(255,255,255,0.04))`,border:`1px solid var(--border-primary, rgba(255,255,255,0.08))`,fontSize:`var(--text-xs)`,color:`var(--text-primary)`,cursor:t?`pointer`:`default`,lineHeight:1.4,maxWidth:r===`compact`?140:220},children:[(0,n.jsx)(`span`,{style:{width:3,height:14,borderRadius:2,background:a,flexShrink:0}}),(0,n.jsx)(`span`,{style:{whiteSpace:`nowrap`,overflow:`hidden`,textOverflow:`ellipsis`},children:s})]})}var Dt={available:`var(--accent-green, #22c55e)`,busy:`var(--accent-yellow, #f59e0b)`,in_call:`var(--accent-yellow, #f59e0b)`,dnd:`var(--accent-red, #ef4444)`,offline:`var(--text-tertiary, #71717a)`},Ot={xs:6,sm:8,md:10};function kt({status:e=`offline`,size:t=`sm`,className:r=``}){let i=Ot[t]??8,a=Dt[e]??Dt.offline;return(0,n.jsx)(`span`,{className:`presence-dot ${e===`in_call`?`presence-dot-pulse`:``} ${r}`,style:{display:`inline-block`,width:i,height:i,borderRadius:`50%`,background:a,border:`1px solid var(--bg-primary, #0a0a0a)`,boxSizing:`content-box`},"aria-label":`Status: ${e}`})}var At={sm:`sm`,md:`md`,lg:`lg`};function Z({name:e,initials:t,avatarUrl:r,status:i=`offline`,activity:a=null,size:o=`md`,showActivity:s=!0,className:c=``}){let l=At[o]||`md`,u=o===`sm`?`xs`:o===`md`?`sm`:`md`;return(0,n.jsxs)(`div`,{className:`presence-avatar ${c}`,style:{display:`inline-flex`,alignItems:`center`,gap:8},children:[(0,n.jsxs)(`span`,{style:{position:`relative`,display:`inline-flex`},children:[(0,n.jsx)(V,{name:e,initials:t,imageUrl:r,size:l}),(0,n.jsx)(`span`,{style:{position:`absolute`,left:-1,top:-1},children:(0,n.jsx)(kt,{status:i,size:u})})]}),s&&a&&(0,n.jsx)(`span`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-secondary)`,lineHeight:1.2},children:a})]})}var jt={connecting:`Connecting…`,ringing:`Ringing…`,connected:`Connected`,on_hold:`On hold`,ending:`Ending…`},Mt={connecting:`info`,ringing:`info`,connected:`success`,on_hold:`warning`,ending:`error`};function Nt(e){return e===`connected`?`var(--accent-green)`:e===`on_hold`?`var(--accent-yellow)`:e===`ending`?`var(--accent-red)`:`var(--accent-blue)`}function Pt(e){return e===`connecting`||e===`ringing`}function Ft({state:r=`connected`,caller:i={},ticket:a=null,durationSec:o=0,isMuted:s,isOnHold:c,observers:l=[],recordingConsentPending:u=!1,onMute:d,onHold:f,onTransfer:p,onInvite:m,onKeypad:h,onEnd:g,onMinimize:_,minimized:v=!1,className:y=``}){let[b,x]=(0,e.useState)(!1),S=v||b,C=jt[r]||r,w=Pt(r),T=Nt(r),E=(0,e.useMemo)(()=>`${Math.floor(o/60)}:${Math.floor(o%60).toString().padStart(2,`0`)}`,[o]),D=l.slice(0,3),O=Math.max(0,l.length-3),k=()=>{x(e=>!e),_?.()};return S?(0,n.jsxs)(`div`,{className:`callbar callbar-minimized ${y}`,style:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,minHeight:24,padding:`2px 12px`,background:`var(--bg-card)`,borderBottom:`1px solid var(--border-primary)`},children:[(0,n.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:8},children:[(0,n.jsx)(`span`,{className:w?`callbar-dot-pulse`:``,style:{width:8,height:8,borderRadius:`50%`,background:T}}),(0,n.jsx)(`span`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-secondary)`},children:C}),r===`connected`&&(0,n.jsx)(`span`,{style:{fontSize:`var(--text-xs)`,fontVariantNumeric:`tabular-nums`},children:E})]}),(0,n.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:6},children:[(0,n.jsx)(q,{isMuted:s,isOnHold:c,onMute:d,onHold:f,onTransfer:p,onInvite:m,onKeypad:h,onEnd:g,compact:!0,hideEnd:!0}),(0,n.jsxs)(U,{variant:`destructive`,size:`sm`,onClick:g,"aria-label":`End call`,children:[(0,n.jsx)(t.PhoneOff,{size:13,style:{marginRight:4}}),`End`]}),(0,n.jsx)(`button`,{type:`button`,className:`btn btn-ghost btn-icon btn-sm`,onClick:k,"aria-label":`Expand callbar`,children:(0,n.jsx)(t.ChevronDown,{size:14})})]})]}):(0,n.jsxs)(`div`,{className:`callbar ${y}`,style:{borderBottom:`1px solid var(--border-primary)`,background:`var(--bg-card)`},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:12,minHeight:40,padding:`4px 12px`},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:10,minWidth:0},children:[(0,n.jsx)(`span`,{className:w?`callbar-dot-pulse`:``,style:{width:10,height:10,borderRadius:`50%`,background:T,flexShrink:0}}),(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:8},children:[(0,n.jsx)(H,{variant:Mt[r]||`secondary`,children:C}),(r===`connected`||r===`on_hold`)&&(0,n.jsx)(`span`,{style:{fontSize:`var(--text-sm)`,fontVariantNumeric:`tabular-nums`,fontWeight:600},children:E})]})]}),(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:12,minWidth:0,flex:1,justifyContent:`center`},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,minWidth:0},children:[(0,n.jsx)(`span`,{style:{fontWeight:600,fontSize:`var(--text-sm)`,whiteSpace:`nowrap`,overflow:`hidden`,textOverflow:`ellipsis`},children:i.name||`Unknown`}),(0,n.jsx)(`span`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-tertiary)`},children:i.number})]}),a?(0,n.jsx)(X,{ticket:a,variant:`compact`}):(0,n.jsx)(`button`,{type:`button`,className:`btn btn-ghost btn-sm`,style:{fontSize:`var(--text-xs)`},children:`Link to ticket`})]}),(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:8,flexShrink:0},children:[D.map(e=>(0,n.jsx)(Z,{name:e.name,initials:e.initials,avatarUrl:e.avatarUrl,status:`in_call`,showActivity:!1,size:`sm`},e.userId)),O>0&&(0,n.jsxs)(`span`,{style:{fontSize:`var(--text-xs)`,padding:`2px 6px`,borderRadius:6,background:`var(--bg-tertiary)`},children:[`+`,O]}),(0,n.jsx)(q,{isMuted:s,isOnHold:c,onMute:d,onHold:f,onTransfer:p,onInvite:m,onKeypad:h,onEnd:g,compact:!0,hideEnd:!0}),(0,n.jsxs)(U,{variant:`destructive`,size:`sm`,onClick:g,"aria-label":`End call`,children:[(0,n.jsx)(t.PhoneOff,{size:14,style:{marginRight:6}}),`End call`]}),(0,n.jsx)(`button`,{type:`button`,className:`btn btn-ghost btn-icon btn-sm`,onClick:k,"aria-label":`Minimize callbar`,children:(0,n.jsx)(t.ChevronUp,{size:14})})]})]}),u&&(0,n.jsx)(`div`,{style:{padding:`6px 12px`,fontSize:`var(--text-xs)`,background:`var(--accent-yellow-bg)`,color:`var(--accent-yellow)`,borderTop:`1px solid var(--accent-yellow-bg)`},children:`⚠ Consent pending — confirm with caller before disclosing sensitive data`})]})}var It={client:{accent:`var(--accent-green)`,variant:`success`},building_department:{accent:`var(--accent-blue)`,variant:`info`},staff:{accent:`var(--accent-purple)`,variant:`purple`},unknown:{accent:`var(--accent-yellow)`,variant:`warning`}};function Lt(e){return e?Math.max(0,Math.floor((Date.now()-new Date(e).getTime())/1e3)):0}function Rt({variant:r=`primary`,callerName:i,callerNumber:a,callerType:o=`unknown`,avatarUrl:s,ticket:c=null,ticketCandidates:l=[],projectRef:u=null,transferContext:d=null,ringStartedAt:f,onAccept:p,onDecline:m,onSendToVoicemail:h,onPromote:g,className:_=``}){let[v,y]=(0,e.useState)(()=>Lt(f)),[b,x]=(0,e.useState)(l[0]?.id||`none`);(0,e.useEffect)(()=>{if(!f)return;let e=setInterval(()=>y(Lt(f)),1e3);return()=>clearInterval(e)},[f]);let S=It[o]||It.unknown;return r===`mini`?(0,n.jsxs)(`div`,{role:`button`,tabIndex:0,className:`call-card call-card-mini ${_}`,onClick:e=>{e.target.closest(`button`)||g?.()},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),g?.())},style:{width:380,minHeight:64,display:`flex`,alignItems:`center`,gap:10,padding:`8px 12px`,borderRadius:10,border:`1px solid var(--border-primary)`,borderLeft:`4px solid ${S.accent}`,background:`var(--bg-card)`,boxShadow:`0 4px 24px rgba(0,0,0,0.25)`,cursor:`pointer`},children:[(0,n.jsx)(V,{name:i,imageUrl:s,size:`sm`}),(0,n.jsxs)(`div`,{style:{flex:1,minWidth:0},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:6},children:[(0,n.jsx)(`span`,{style:{fontWeight:600,fontSize:`var(--text-sm)`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},children:i}),(0,n.jsx)(H,{variant:S.variant,showDot:!1,className:`badge--no-dot`,children:Y(o)})]}),(0,n.jsxs)(`div`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-tertiary)`},children:[`Ringing · `,J(v)]})]}),(0,n.jsx)(`button`,{type:`button`,className:`btn btn-ghost btn-icon btn-sm`,onClick:()=>p?.(),"aria-label":`Accept`,children:(0,n.jsx)(t.Phone,{size:16,style:{color:`var(--accent-green)`}})}),(0,n.jsx)(`button`,{type:`button`,className:`btn btn-ghost btn-icon btn-sm`,onClick:m,"aria-label":`Decline`,children:(0,n.jsx)(t.PhoneOff,{size:16})})]}):(0,n.jsxs)(`div`,{className:`call-card call-card-primary ${_}`,style:{width:380,minHeight:280,borderRadius:12,border:`1px solid var(--border-primary)`,borderLeft:`4px solid ${S.accent}`,background:`var(--bg-card)`,boxShadow:`0 8px 32px rgba(0,0,0,0.35)`,display:`flex`,flexDirection:`column`,overflow:`hidden`},children:[d&&(0,n.jsxs)(`div`,{style:{padding:`8px 12px`,background:`var(--accent-purple-bg)`,borderBottom:`1px solid var(--border-primary)`,fontSize:`var(--text-xs)`,color:`var(--text-secondary)`},children:[(0,n.jsx)(`strong`,{style:{color:`var(--accent-purple)`},children:d.fromStaffName}),` is transferring —`,` `,d.reason]}),(0,n.jsxs)(`div`,{style:{padding:14,flex:1,display:`flex`,flexDirection:`column`,gap:12},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,justifyContent:`space-between`,alignItems:`flex-start`,gap:10},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,gap:10,alignItems:`center`,minWidth:0},children:[(0,n.jsx)(V,{name:i,imageUrl:s,size:`md`}),(0,n.jsxs)(`div`,{style:{minWidth:0},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:6},children:[(0,n.jsx)(`span`,{style:{fontWeight:600,fontSize:`var(--text-base)`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},children:i}),(0,n.jsx)(H,{variant:S.variant,showDot:!1,className:`badge--no-dot`,children:Y(o)})]}),(0,n.jsx)(`div`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-tertiary)`},children:a})]})]}),(0,n.jsxs)(`div`,{style:{fontSize:`var(--text-xs)`,color:S.accent,fontVariantNumeric:`tabular-nums`,fontWeight:600,whiteSpace:`nowrap`},children:[(0,n.jsx)(`span`,{style:{marginRight:4},children:`•`}),J(v)]})]}),(0,n.jsx)(`div`,{style:{flex:1,minHeight:0},children:c?(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:6},children:[(0,n.jsx)(X,{ticket:c,variant:`detailed`}),u&&(0,n.jsx)(`div`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-secondary)`},children:u})]}):l.length>0?(0,n.jsxs)(`div`,{children:[(0,n.jsx)(`div`,{style:{fontSize:`var(--text-xs)`,marginBottom:8,color:`var(--text-secondary)`,fontWeight:600},children:`Possible tickets`}),(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:6},children:[l.slice(0,3).map(e=>(0,n.jsxs)(`label`,{style:{display:`flex`,alignItems:`center`,gap:8,fontSize:`var(--text-xs)`,cursor:`pointer`},children:[(0,n.jsx)(`input`,{type:`radio`,name:`ticket-cand`,checked:b===e.id,onChange:()=>x(e.id)}),(0,n.jsx)(X,{ticket:e,variant:`compact`})]},e.id)),l.length>3&&(0,n.jsx)(`span`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-tertiary)`},children:`+ more`}),(0,n.jsxs)(`label`,{style:{display:`flex`,alignItems:`center`,gap:8,fontSize:`var(--text-xs)`,cursor:`pointer`},children:[(0,n.jsx)(`input`,{type:`radio`,name:`ticket-cand`,checked:b===`none`,onChange:()=>x(`none`)}),`None of these`]})]})]}):(0,n.jsxs)(`div`,{children:[(0,n.jsx)(H,{variant:`warning`,showDot:!1,className:`badge--no-dot`,children:`No ticket linked`}),u&&(0,n.jsx)(`div`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-tertiary)`,marginTop:6},children:u})]})})]}),(0,n.jsxs)(`div`,{style:{display:`grid`,gridTemplateColumns:`auto 1fr 1.4fr`,gap:8,padding:12,borderTop:`1px solid var(--border-primary)`,background:`var(--bg-card-content)`,alignItems:`stretch`},children:[(0,n.jsx)(U,{type:`button`,variant:`ghost`,size:`sm`,onClick:h,"aria-label":`Send to voicemail`,children:(0,n.jsx)(t.Voicemail,{size:14})}),(0,n.jsx)(U,{type:`button`,variant:`outline`,size:`sm`,onClick:m,children:`Decline`}),(0,n.jsxs)(U,{type:`button`,variant:`success`,size:`sm`,onClick:()=>{!c&&l.length>0?b===`none`?p?.(`none`):b===`new`?p?.(`new`):p?.(b):p?.()},style:{fontWeight:600},children:[(0,n.jsx)(t.Phone,{size:14,style:{marginRight:6}}),`Accept`]})]})]})}var zt={ringing:{icon:t.PhoneIncoming,color:`var(--accent-red)`,label:`Ringing`},voicemail:{icon:t.Voicemail,color:`var(--accent-yellow)`,label:`Voicemail`},callback:{icon:t.PhoneForwarded,color:`var(--accent-blue)`,label:`Callback`},missed:{icon:t.PhoneMissed,color:`var(--text-tertiary)`,label:`Missed`}},Bt={client:`success`,building_department:`info`,staff:`purple`,unknown:`warning`};function Vt({kind:e,caller:r={},ticket:i=null,ago:a=null,slaDeadlineAt:o=null,voicemailDurationSec:s,assignedTo:c=null,actions:l=[],onAction:u,onClick:d,className:f=``}){let p=zt[e]||zt.ringing,m=p.icon,h=l.slice(0,2),g=l.slice(2),_=o?vt(o):`none`,v=_===`urgent`?`var(--accent-red)`:_===`warning`?`var(--accent-yellow)`:`var(--text-secondary)`;return(0,n.jsxs)(`div`,{role:`button`,tabIndex:0,className:`queue-item ${f}`,onClick:()=>d?.(),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),d?.())},style:{display:`grid`,gridTemplateColumns:`40px 1fr auto auto`,gap:10,alignItems:`center`,minHeight:72,padding:`10px 12px`,borderRadius:8,border:`1px solid var(--border-primary)`,background:`var(--bg-card)`,cursor:d?`pointer`:`default`},children:[(0,n.jsx)(`div`,{style:{color:p.color,display:`flex`,justifyContent:`center`},children:(0,n.jsx)(m,{size:22,strokeWidth:e===`ringing`?2.5:2})}),(0,n.jsxs)(`div`,{style:{minWidth:0},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:8,flexWrap:`wrap`},children:[(0,n.jsx)(`span`,{style:{fontWeight:600,fontSize:`var(--text-sm)`},children:r.name}),(0,n.jsx)(H,{variant:Bt[r.type]||`warning`,showDot:!1,className:`badge--no-dot`,children:Y(r.type)}),i&&(0,n.jsx)(X,{ticket:i,variant:`compact`})]}),(0,n.jsxs)(`div`,{style:{fontSize:`var(--text-xs)`,color:`var(--text-tertiary)`,marginTop:4,display:`flex`,alignItems:`center`,gap:6},children:[(0,n.jsx)(`span`,{style:{textTransform:`uppercase`,letterSpacing:.4,color:p.color,fontWeight:600,fontSize:10},children:p.label}),(0,n.jsx)(`span`,{children:`·`}),e===`voicemail`&&s!=null&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`span`,{children:J(s)}),(0,n.jsx)(`span`,{children:`·`})]}),a&&(0,n.jsx)(`span`,{children:_t(a)}),o&&(0,n.jsxs)(`span`,{style:{color:v,marginLeft:4,fontVariantNumeric:`tabular-nums`,fontWeight:600},children:[`SLA `,gt(o)]})]})]}),c&&(0,n.jsx)(Z,{name:c.name,initials:c.initials,avatarUrl:null,status:`busy`,size:`sm`,showActivity:!1}),!c&&(0,n.jsx)(`span`,{}),(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:4},onClick:e=>e.stopPropagation(),children:[h.map(e=>(0,n.jsx)(`button`,{type:`button`,className:`btn btn-ghost btn-icon btn-sm`,title:e.label,onClick:()=>u?.(e.key),children:e.icon},e.key)),g.length>0&&(0,n.jsx)(Ke,{align:`right`,trigger:(0,n.jsx)(`button`,{type:`button`,className:`btn btn-ghost btn-icon btn-sm`,"aria-label":`More actions`,children:(0,n.jsx)(t.MoreHorizontal,{size:16})}),children:g.map(e=>(0,n.jsx)(qe,{onClick:()=>u?.(e.key),children:e.label},e.key))})]})]})}function Ht({items:e=[],className:t=``}){return(0,n.jsx)(`div`,{className:`activity-feed ${t}`,children:e.map((e,t)=>(0,n.jsxs)(`div`,{className:`activity-item`,children:[(0,n.jsx)(`div`,{className:`activity-avatar`,children:(0,n.jsx)(V,{name:e.user,size:`sm`})}),(0,n.jsxs)(`div`,{className:`activity-content`,children:[(0,n.jsxs)(`div`,{className:`activity-header`,children:[(0,n.jsx)(`span`,{className:`activity-name`,children:e.user}),(0,n.jsx)(`span`,{className:`activity-time`,children:e.time})]}),(0,n.jsx)(`div`,{className:`activity-text`,children:e.text}),e.meta&&(0,n.jsx)(`div`,{className:`activity-meta`,children:e.meta})]})]},e.id||t))})}function Ut({open:r,onClose:i,groups:a=[],onSelect:o,placeholder:s=`Type a command or search...`}){let[c,l]=(0,e.useState)(``),[u,d]=(0,e.useState)(0),f=(0,e.useRef)(null);if((0,e.useEffect)(()=>{if(r){let e=setTimeout(()=>{l(``),d(0),f.current?.focus()},50);return()=>clearTimeout(e)}},[r]),(0,e.useEffect)(()=>{function e(e){e.key===`k`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),i?.())}return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[r,i]),!r)return null;let p=a.flatMap(e=>e.items.filter(e=>e.label.toLowerCase().includes(c.toLowerCase())).map(t=>({...t,group:e.label}))),m=p.map((e,t)=>({...e,showGroup:t===0||e.group!==p[t-1].group}));function h(e){e.key===`ArrowDown`?(e.preventDefault(),d(e=>Math.min(e+1,p.length-1))):e.key===`ArrowUp`?(e.preventDefault(),d(e=>Math.max(e-1,0))):e.key===`Enter`&&p[u]?(o?.(p[u]),i?.()):e.key===`Escape`&&i?.()}return(0,n.jsx)(`div`,{className:`dialog-overlay`,onClick:e=>{e.target===e.currentTarget&&i?.()},children:(0,n.jsxs)(`div`,{className:`command-palette`,children:[(0,n.jsxs)(`div`,{className:`command-input-wrapper`,children:[(0,n.jsx)(`span`,{className:`command-input-icon`,children:(0,n.jsx)(t.Search,{size:16})}),(0,n.jsx)(`input`,{ref:f,className:`command-input`,value:c,onChange:e=>{l(e.target.value),d(0)},onKeyDown:h,placeholder:s})]}),(0,n.jsxs)(`div`,{className:`command-results`,children:[m.map((e,t)=>(0,n.jsxs)(`div`,{children:[e.showGroup&&(0,n.jsx)(`div`,{className:`command-group-label`,children:e.group}),(0,n.jsxs)(`div`,{className:`dropdown-item ${t===u?`active`:``}`,onClick:()=>{o?.(e),i?.()},onMouseEnter:()=>d(t),children:[e.icon&&(0,n.jsx)(`span`,{className:`dropdown-item-icon`,children:e.icon}),e.label,e.shortcut&&(0,n.jsx)(`span`,{className:`dropdown-shortcut`,children:e.shortcut})]})]},e.id||t)),p.length===0&&(0,n.jsx)(`div`,{style:{padding:`var(--space-4)`,textAlign:`center`,color:`var(--text-tertiary)`,fontSize:`var(--text-sm)`},children:`No results found`})]})]})})}function Wt({columns:r,data:i,onRowClick:a,className:o=``}){let[s,c]=(0,e.useState)(null),[l,u]=(0,e.useState)(`asc`);function d(e){s===e?u(e=>e===`asc`?`desc`:`asc`):(c(e),u(`asc`))}let f=s?[...i].sort((e,t)=>{let n=e[s],r=t[s],i=typeof n==`number`?n-r:String(n).localeCompare(String(r));return l===`asc`?i:-i}):i;return(0,n.jsx)(`div`,{className:`table-wrapper ${o}`,children:(0,n.jsxs)(`table`,{children:[(0,n.jsx)(`thead`,{children:(0,n.jsx)(`tr`,{children:r.map(e=>(0,n.jsx)(`th`,{onClick:()=>e.sortable!==!1&&d(e.key),style:{cursor:e.sortable===!1?`default`:`pointer`,width:e.width},children:(0,n.jsxs)(`span`,{className:`th-content`,children:[e.label,e.sortable!==!1&&(0,n.jsx)(`span`,{className:`th-sort-icon`,children:s===e.key?l===`asc`?(0,n.jsx)(t.ChevronUp,{size:12}):(0,n.jsx)(t.ChevronDown,{size:12}):(0,n.jsx)(t.ChevronsUpDown,{size:12})})]})},e.key))})}),(0,n.jsxs)(`tbody`,{children:[f.map((e,t)=>(0,n.jsx)(`tr`,{onClick:()=>a?.(e),style:{cursor:a?`pointer`:`default`},children:r.map(t=>(0,n.jsx)(`td`,{children:t.render?t.render(e[t.key],e):e[t.key]},t.key))},e.id||t)),f.length===0&&(0,n.jsx)(`tr`,{children:(0,n.jsx)(`td`,{colSpan:r.length,style:{textAlign:`center`,color:`var(--text-tertiary)`,padding:`var(--space-8)`},children:`No data`})})]})]})})}function Gt({searchValue:e=``,onSearchChange:r,filters:i=[],onClearAll:a,children:o,className:s=``}){let c=i.some(e=>e.active);return(0,n.jsxs)(`div`,{className:`filter-bar ${s}`,children:[(0,n.jsxs)(`div`,{className:`filter-bar-search`,children:[(0,n.jsx)(t.Search,{size:14}),(0,n.jsx)(`input`,{className:`filter-bar-input`,value:e,onChange:e=>r?.(e.target.value),placeholder:`Search...`}),e&&(0,n.jsx)(`button`,{className:`filter-bar-clear`,onClick:()=>r?.(``),children:(0,n.jsx)(t.X,{size:12})})]}),(0,n.jsxs)(`div`,{className:`filter-bar-filters`,children:[(0,n.jsx)(t.Filter,{size:14,style:{color:`var(--text-tertiary)`}}),i.map(e=>(0,n.jsxs)(`button`,{className:`filter-chip ${e.active?`active`:``}`,onClick:e.onClick,children:[e.label,e.active&&e.value&&(0,n.jsx)(`span`,{className:`filter-chip-value`,children:e.value})]},e.label)),c&&a&&(0,n.jsx)(`button`,{className:`filter-bar-clear-all`,onClick:a,children:`Clear all`})]}),o]})}function Q(...e){return e.filter(Boolean).join(` `)}function Kt({children:e,className:t=``,style:r}){return(0,n.jsx)(`div`,{className:Q(`kanban-board`,t),style:r,children:e})}function qt({title:e,count:t,color:r,headerAction:i=null,countVariant:a=`pill`,children:o,className:s=``,style:c,headerClassName:l=``,headerStyle:u,countClassName:d=``,bodyClassName:f=``,bodyStyle:p}){return(0,n.jsxs)(`div`,{className:Q(`kanban-column`,s),style:c,children:[(0,n.jsxs)(`div`,{className:Q(`kanban-column-header`,l),style:u,children:[(0,n.jsxs)(`div`,{className:`kanban-column-title`,children:[r&&(0,n.jsx)(`span`,{className:`kanban-column-dot`,style:{background:r}}),(0,n.jsx)(`span`,{className:`kanban-column-title-label`,children:e}),t!=null&&(0,n.jsx)(H,{showDot:!1,className:Q(`workflow-column-count`,`kanban-column-count`,a===`inline`?`kanban-column-count--inline`:``,d),children:t})]}),i&&(0,n.jsx)(`div`,{className:`kanban-column-header-meta`,children:(0,n.jsx)(`div`,{className:`kanban-column-header-action`,children:i})})]}),(0,n.jsx)(`div`,{className:Q(`kanban-column-body`,f),style:p,children:o})]})}function Jt({title:e,subtitle:t,badges:r,avatar:i,footer:a,footerEnd:o,children:s,onClick:c,className:l=``,style:u}){let d=o??i;return(0,n.jsx)(`div`,{className:Q(`kanban-card`,l),onClick:c,style:u,children:s||(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(`div`,{className:`kanban-card-body`,children:[e&&(0,n.jsx)(`div`,{className:`kanban-card-title`,children:e}),t&&(0,n.jsx)(`div`,{className:`kanban-card-subtitle`,children:t}),r&&(0,n.jsx)(`div`,{className:`kanban-card-badges`,children:r})]}),(d||a)&&(0,n.jsxs)(`div`,{className:`kanban-card-footer`,children:[a&&(0,n.jsx)(`div`,{className:`kanban-card-footer-text`,children:a}),d]})]})})}function $(...e){return e.filter(Boolean).join(` `)}function Yt({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:$(`table-board`,t),children:e})}function Xt({title:r,count:i,accentColor:a,open:o,defaultOpen:s=!0,onOpenChange:c,children:l,className:u=``}){let[d,f]=(0,e.useState)(s),p=o!=null,m=p?o:d;function h(){let e=!m;p||f(e),c?.(e)}return(0,n.jsxs)(`section`,{className:$(`table-board-group`,u),style:a?{"--table-board-group-accent-color":a}:void 0,children:[(0,n.jsxs)(`button`,{type:`button`,className:`table-board-group-header`,onClick:h,"aria-expanded":m,children:[(0,n.jsx)(`span`,{className:$(`table-board-group-chevron`,!m&&`collapsed`),children:(0,n.jsx)(t.ChevronDown,{size:12})}),(0,n.jsx)(`span`,{className:`table-board-group-label`,children:r}),i!=null&&(0,n.jsx)(`span`,{className:`table-board-group-count`,children:i})]}),(0,n.jsx)(`div`,{className:$(`table-board-group-panel`,m&&`open`),children:(0,n.jsx)(`div`,{className:`table-board-group-panel-inner`,children:l})})]})}function Zt({priority:r,id:i,statusColor:a=`var(--accent-yellow)`,title:o,subtitle:s,subtitleInline:c=!1,pills:l=[],maxVisibleLeadingPills:u,pinnedTrailingPillsCount:d=0,metric:f,metricTone:p=`default`,metricIcon:m,showMetricIcon:h=!0,avatar:g,avatarImageUrl:_,avatarLabel:v,avatarName:y,avatarStyle:b,meta:x,onClick:S,className:C=``}){let w=typeof S==`function`,T=(0,e.useRef)(null),[E,D]=(0,e.useState)(!1),O=Array.isArray(l)?l:[],k=Math.max(0,Math.min(d,O.length)),A=k>0?O.slice(0,-k):O,j=k>0?O.slice(-k):[],M=typeof u==`number`&&u>=0?A.slice(0,u):A,N=Math.max(0,A.length-M.length),P=[...M,...N>0?[{label:`+${N}`,color:`var(--text-quaternary)`}]:[],...j];function F(e){w&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),S())}let I=y||x||v,L=b||(_?void 0:{background:`var(--accent-blue)`}),R=m||(p===`warning`?t.AlertTriangle:t.Clock),z=g||(_||v||I?(0,n.jsx)(V,{imageUrl:_,initials:v,name:I,size:`sm`,className:`table-board-avatar`,style:L}):null);return(0,e.useEffect)(()=>{let e=T.current;if(!e||P.length===0)return;let t=()=>{D(e.scrollWidth-e.clientWidth>1)};if(t(),typeof ResizeObserver<`u`){let n=new ResizeObserver(()=>{t()});return n.observe(e),()=>n.disconnect()}return window.addEventListener(`resize`,t),()=>window.removeEventListener(`resize`,t)},[P.length,l,u,d]),(0,n.jsxs)(`div`,{className:$(`table-board-row`,w&&`clickable`,C),onClick:S,onKeyDown:F,role:w?`button`:void 0,tabIndex:w?0:void 0,children:[(0,n.jsx)(`span`,{className:`table-board-priority`,children:r}),i&&(0,n.jsx)(`span`,{className:`table-board-id`,children:i}),(0,n.jsx)(`span`,{className:`table-board-status`,children:(0,n.jsx)(`span`,{className:`table-board-status-dot`,style:{background:a}})}),(0,n.jsxs)(`span`,{className:$(`table-board-title-block`,c&&`inline-subtitle`),children:[(0,n.jsx)(`span`,{className:`table-board-title`,children:o}),s!=null&&s!==``&&(0,n.jsx)(`span`,{className:$(`table-board-subtitle`,c&&`inline`),children:s})]}),(0,n.jsx)(`span`,{className:`table-board-spacer`}),P.length>0&&(0,n.jsx)(`span`,{ref:T,className:$(`table-board-pills`,E&&`has-overflow`),children:P.map((e,t)=>(0,n.jsxs)(`span`,{className:`table-board-pill`,children:[e.showDot!==!1&&(0,n.jsx)(`span`,{className:`table-board-pill-dot`,style:{background:e.color||`var(--text-quaternary)`}}),e.icon,e.label]},`${e.label}-${t}`))}),f!=null&&((0,e.isValidElement)(f)?f:(0,n.jsx)(H,{className:`table-board-metric`,showDot:!1,children:(0,n.jsx)(nt,{tone:p,icon:R,showIcon:h,children:f})})),z,x&&(0,n.jsx)(`span`,{className:`table-board-meta`,children:x})]})}function Qt({title:e,value:r,change:i,changeLabel:a,trend:o=`neutral`,icon:s,className:c=``}){let l={up:`var(--accent-green)`,down:`var(--accent-red)`,neutral:`var(--text-tertiary)`},u=o===`up`?t.TrendingUp:o===`down`?t.TrendingDown:t.Minus;return(0,n.jsxs)(`div`,{className:`kpi-card ${c}`,children:[(0,n.jsxs)(`div`,{className:`kpi-header`,children:[(0,n.jsx)(`span`,{className:`kpi-title`,children:e}),s&&(0,n.jsx)(`span`,{className:`kpi-icon`,children:s})]}),(0,n.jsx)(`div`,{className:`kpi-value`,children:r}),(i!==void 0||a)&&(0,n.jsxs)(`div`,{className:`kpi-footer`,children:[(0,n.jsxs)(`span`,{className:`kpi-trend`,style:{color:l[o]},children:[(0,n.jsx)(u,{size:12}),i!==void 0&&(0,n.jsxs)(`span`,{children:[i>0?`+`:``,i,`%`]})]}),a&&(0,n.jsx)(`span`,{className:`kpi-change-label`,children:a})]})]})}function $t({label:e,value:t,subtitle:r,color:i,className:a=``}){return(0,n.jsxs)(`div`,{className:`stat-card ${a}`,children:[i&&(0,n.jsx)(`div`,{className:`stat-card-accent`,style:{background:i}}),(0,n.jsxs)(`div`,{className:`stat-card-content`,children:[(0,n.jsx)(`span`,{className:`stat-card-label`,children:e}),(0,n.jsx)(`span`,{className:`stat-card-value`,children:t}),r&&(0,n.jsx)(`span`,{className:`stat-card-subtitle`,children:r})]})]})}function en({notifications:e=[],onMarkRead:r,onMarkAllRead:i,className:a=``}){let o=e.filter(e=>!e.read);return(0,n.jsxs)(`div`,{className:`notifications-panel ${a}`,children:[(0,n.jsxs)(`div`,{className:`notifications-header`,children:[(0,n.jsxs)(`div`,{className:`notifications-title`,children:[(0,n.jsx)(t.Bell,{size:16}),(0,n.jsx)(`span`,{children:`Notifications`}),o.length>0&&(0,n.jsx)(`span`,{className:`badge badge-purple`,style:{marginLeft:`var(--space-1)`},children:o.length})]}),o.length>0&&(0,n.jsxs)(`button`,{className:`btn btn-ghost btn-sm`,onClick:i,children:[(0,n.jsx)(t.CheckCheck,{size:14}),` Mark all read`]})]}),(0,n.jsxs)(`div`,{className:`notifications-list`,children:[e.length===0&&(0,n.jsx)(`div`,{className:`notifications-empty`,children:`No notifications`}),e.map(e=>(0,n.jsxs)(`div`,{className:`notification-item ${e.read?``:`unread`}`,onClick:()=>!e.read&&r?.(e.id),children:[(0,n.jsx)(V,{name:e.user,size:`sm`}),(0,n.jsxs)(`div`,{className:`notification-content`,children:[(0,n.jsxs)(`div`,{className:`notification-text`,children:[(0,n.jsx)(`strong`,{children:e.user}),` `,e.text]}),(0,n.jsx)(`span`,{className:`notification-time`,children:e.time})]}),!e.read&&(0,n.jsx)(`div`,{className:`notification-dot`})]},e.id))]})]})}function tn(){return(0,n.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`currentColor`,children:(0,n.jsx)(`path`,{d:`M2 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5l-2.5-2.5a.5.5 0 0 0-.354-.146H8.5a.5.5 0 0 0-.5.5v2.793L6.854 9.001a.5.5 0 0 0-.708 0L2 13.147V3Zm12 8.207V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-.44l4.5-4.5L8.146 9.707a.5.5 0 0 0 .708 0L11.5 7.06l2.5 2.5V11.207Z`})})}function nn(){return(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`currentColor`,children:[(0,n.jsx)(`circle`,{cx:`8`,cy:`8`,r:`6`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,n.jsx)(`circle`,{cx:`8`,cy:`8`,r:`2`})]})}function rn(){return(0,n.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`currentColor`,children:(0,n.jsx)(`path`,{d:`M8 1l2.2 4.4L15 6.3l-3.5 3.4.8 4.9L8 12.4 3.7 14.6l.8-4.9L1 6.3l4.8-.9L8 1Z`})})}function an(){return(0,n.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M1 8h3l2-5 2 10 2-5h3`})})}function on(){return(0,n.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`currentColor`,children:(0,n.jsx)(`path`,{d:`M3 2h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 3v2h8V5H4Zm0 4v2h5V9H4Z`})})}function sn(){return(0,n.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`currentColor`,children:(0,n.jsx)(`path`,{d:`M2 3.5A1.5 1.5 0 0 1 3.5 2h3.379a1.5 1.5 0 0 1 1.06.44l.622.62A1.5 1.5 0 0 0 9.622 3.5H12.5A1.5 1.5 0 0 1 14 5v7.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 12.5v-9Z`})})}function cn(){return(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`currentColor`,children:[(0,n.jsx)(`circle`,{cx:`4`,cy:`8`,r:`1.5`}),(0,n.jsx)(`circle`,{cx:`8`,cy:`8`,r:`1.5`}),(0,n.jsx)(`circle`,{cx:`12`,cy:`8`,r:`1.5`})]})}function ln(){return(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,children:[(0,n.jsx)(`circle`,{cx:`7`,cy:`7`,r:`4.5`}),(0,n.jsx)(`path`,{d:`M10.5 10.5L14 14`,strokeLinecap:`round`})]})}function un(){return(0,n.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M11 2l3 3-8 8H3v-3l8-8Z`})})}function dn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M3.5 5.5L7 9l3.5-3.5`})})}function fn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M3.5 9L7 5.5 10.5 9`})})}function pn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`#c9a84e`,children:(0,n.jsx)(`path`,{d:`M7 1l1.76 3.52L13 5.26l-3 2.94.7 4.13L7 10.4 3.3 12.33l.7-4.13-3-2.94 4.24-.74L7 1Z`})})}function mn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,children:[(0,n.jsx)(`circle`,{cx:`7`,cy:`7`,r:`5.5`,fill:`none`,stroke:`#c9a84e`,strokeWidth:`1.5`,strokeDasharray:`8.6 2.9`}),(0,n.jsx)(`circle`,{cx:`7`,cy:`7`,r:`2`,fill:`#c9a84e`})]})}function hn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,children:[(0,n.jsx)(`circle`,{cx:`7`,cy:`7`,r:`6`,fill:`#5bb98e`}),(0,n.jsx)(`path`,{d:`M4.5 7l2 2 3-3.5`,stroke:`#08090a`,strokeWidth:`1.5`,fill:`none`,strokeLinecap:`round`,strokeLinejoin:`round`})]})}function gn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,children:(0,n.jsx)(`circle`,{cx:`7`,cy:`7`,r:`5.5`,fill:`none`,stroke:`#9b9da0`,strokeWidth:`1.5`})})}function _n(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,children:(0,n.jsx)(`circle`,{cx:`7`,cy:`7`,r:`5.5`,fill:`none`,stroke:`#4e5054`,strokeWidth:`1.5`,strokeDasharray:`2 3`})})}function vn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,children:[(0,n.jsx)(`circle`,{cx:`7`,cy:`7`,r:`5.5`,fill:`none`,stroke:`#6b6d71`,strokeWidth:`1.5`}),(0,n.jsx)(`path`,{d:`M4.5 7h5`,stroke:`#6b6d71`,strokeWidth:`1.5`,strokeLinecap:`round`})]})}function yn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`#c75a5a`,children:(0,n.jsx)(`path`,{d:`M7 1a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1Zm0 10a1.25 1.25 0 1 1 0 2.5A1.25 1.25 0 0 1 7 11Z`})})}function bn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`#c4a06a`,children:[(0,n.jsx)(`rect`,{x:`2`,y:`8`,width:`2.5`,height:`4`,rx:`0.5`}),(0,n.jsx)(`rect`,{x:`5.75`,y:`5`,width:`2.5`,height:`7`,rx:`0.5`}),(0,n.jsx)(`rect`,{x:`9.5`,y:`2`,width:`2.5`,height:`10`,rx:`0.5`})]})}function xn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,children:[(0,n.jsx)(`rect`,{x:`2`,y:`8`,width:`2.5`,height:`4`,rx:`0.5`,fill:`#c9a84e`}),(0,n.jsx)(`rect`,{x:`5.75`,y:`5`,width:`2.5`,height:`7`,rx:`0.5`,fill:`#c9a84e`}),(0,n.jsx)(`rect`,{x:`9.5`,y:`2`,width:`2.5`,height:`10`,rx:`0.5`,fill:`#4e5054`})]})}function Sn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,children:[(0,n.jsx)(`rect`,{x:`2`,y:`8`,width:`2.5`,height:`4`,rx:`0.5`,fill:`#5bb98e`}),(0,n.jsx)(`rect`,{x:`5.75`,y:`5`,width:`2.5`,height:`7`,rx:`0.5`,fill:`#4e5054`}),(0,n.jsx)(`rect`,{x:`9.5`,y:`2`,width:`2.5`,height:`10`,rx:`0.5`,fill:`#4e5054`})]})}function Cn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,children:(0,n.jsx)(`path`,{d:`M6 8l2-2m-2.5-.5L4 7a2.83 2.83 0 0 0 4 4l1.5-1.5m-1-5L10 3a2.83 2.83 0 0 1 4 4l-1.5 1.5`})})}function wn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M2.5 4h9M5 4V2.5h4V4m-4.5 1v5.5m3-5.5v5.5M3.5 4l.5 8h6l.5-8`})})}function Tn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`path`,{d:`M5.5 1.5h3l.5 1.5 1.5.5 1.5-.5 1.5 1.5-1 1.5.5 1.5h2v2h-2l-.5 1.5 1 1.5-1.5 1.5-1.5-.5-1.5.5-.5 1.5h-3l-.5-1.5L3.5 11.5 2 12 .5 10.5l1-1.5L1 7.5H-1v-2h2l.5-1.5-1-1.5L2 1l1.5.5L5 1l.5-.5Z`}),(0,n.jsx)(`circle`,{cx:`7`,cy:`7`,r:`2`})]})}function En(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,children:(0,n.jsx)(`path`,{d:`M3.5 3.5l7 7M10.5 3.5l-7 7`})})}function Dn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M3 7.5l3 3 5-6`})})}function On(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`rect`,{x:`4.5`,y:`4.5`,width:`7`,height:`7`,rx:`1`}),(0,n.jsx)(`path`,{d:`M9.5 4.5V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1h1.5`})]})}function kn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M5.5 12a1.5 1.5 0 0 0 3 0M7 1a4 4 0 0 0-4 4c0 3-1.5 4.5-1.5 4.5h11S11 8 11 5a4 4 0 0 0-4-4Z`})})}function An(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`rect`,{x:`1.5`,y:`2.5`,width:`11`,height:`10`,rx:`1`}),(0,n.jsx)(`path`,{d:`M4.5 1v2.5M9.5 1v2.5M1.5 5.5h11`})]})}function jn(){return(0,n.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M1.5 3h11M3.5 7h7M5.5 11h3`})})}function Mn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`currentColor`,children:[(0,n.jsx)(`circle`,{cx:`7`,cy:`4.5`,r:`2.5`}),(0,n.jsx)(`path`,{d:`M2.5 12.5a4.5 4.5 0 0 1 9 0`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`})]})}function Nn(){return(0,n.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`path`,{d:`M1.5 8.5V2a.5.5 0 0 1 .5-.5h6.5L13 6l-5.5 5.5L1.5 8.5Z`}),(0,n.jsx)(`circle`,{cx:`5`,cy:`5`,r:`1`,fill:`currentColor`})]})}exports.Accordion=we,exports.AccordionItem=Ce,exports.ActivityFeed=Ht,exports.AppLoader=de,exports.Avatar=V,exports.Badge=H,exports.BellIcon=kn,exports.Button=U,exports.CalendarIcon=An,exports.CallCard=Rt,exports.CallControlsBar=q,exports.Callbar=Ft,exports.Card=Me,exports.CardContent=Ie,exports.CardDescription=Fe,exports.CardFooter=Le,exports.CardHeader=Ne,exports.CardTitle=Pe,exports.CheckIcon=Dn,exports.ChevronDown=dn,exports.ChevronUp=fn,exports.CloseIcon=En,exports.CommandBar=Ut,exports.CopyIcon=On,exports.DEFAULT_ICON_BY_VALUE=lt,exports.DEFAULT_VIEW_MODE_OPTIONS=ut,exports.DataTable=Wt,exports.Dialog=ze,exports.DialogBody=Ue,exports.DialogDescription=He,exports.DialogFooter=We,exports.DialogHeader=Be,exports.DialogTitle=Ve,exports.DropdownMenu=Ke,exports.DropdownMenuCheckboxItem=Je,exports.DropdownMenuItem=qe,exports.DropdownMenuLabel=Ye,exports.DropdownMenuSeparator=Xe,exports.EditIcon=un,exports.FCCAppShell=ce,exports.FCCAppShellContext=v,exports.FCCBrandLogo=le,exports.FCCBreadcrumbs=I,exports.FCCDesignProvider=h,exports.FCCDetailsPanel=me,exports.FCCFullPagePanel=ge,exports.FCCFullPagePanelBody=ye,exports.FCCFullPagePanelFooter=Se,exports.FCCFullPagePanelHeader=_e,exports.FCCFullPagePanelMain=be,exports.FCCFullPagePanelSidebar=xe,exports.FCCFullPagePanelToolbar=ve,exports.FCCHeaderStatus=R,exports.FCCLoader=pe,exports.FCCMainWindow=ee,exports.FCCSidePanel=S,exports.FCCSidePanelAction=j,exports.FCCSidePanelBody=w,exports.FCCSidePanelCard=k,exports.FCCSidePanelChatWrap=M,exports.FCCSidePanelContact=A,exports.FCCSidePanelConversation=N,exports.FCCSidePanelGroupLabel=D,exports.FCCSidePanelHeader=C,exports.FCCSidePanelItem=O,exports.FCCSidePanelMessage=P,exports.FCCSidePanelSearch=E,exports.FCCSidePanelTabs=T,exports.FCCSidebar=re,exports.FCCThemeToggle=ue,exports.FCCWorkspaceHeader=z,exports.FilterBar=Gt,exports.FilterIcon=jn,exports.InboxIcon=tn,exports.InitiativesIcon=on,exports.Input=Ge,exports.IssuesIcon=nn,exports.KPICard=Qt,exports.KanbanBoard=Kt,exports.KanbanCard=Jt,exports.KanbanColumn=qt,exports.LabelIcon=Nn,exports.LinkIcon=Cn,exports.MoreIcon=cn,exports.NotificationsPanel=en,exports.PresenceAvatar=Z,exports.PresenceDot=kt,exports.PriorityHigh=bn,exports.PriorityLow=Sn,exports.PriorityMedium=xn,exports.PriorityUrgent=yn,exports.ProjectsIcon=sn,exports.PulseIcon=an,exports.QueueItem=Vt,exports.ReviewsIcon=rn,exports.SearchIcon=ln,exports.SearchableSelect=Ze,exports.SettingsIcon=Tn,exports.Sheet=Qe,exports.SheetFooter=$e,exports.Spinner=fe,exports.StarIcon=pn,exports.StatCard=$t,exports.StatusBacklog=_n,exports.StatusCancelled=vn,exports.StatusDone=hn,exports.StatusInProgress=mn,exports.StatusMetric=nt,exports.StatusTodo=gn,exports.Switch=rt,exports.TableBoard=Yt,exports.TableBoardGroup=Xt,exports.TableBoardRow=Zt,exports.Tabs=it,exports.TabsContent=st,exports.TabsList=at,exports.TabsTrigger=ot,exports.Textarea=ct,exports.ThemeProvider=p,exports.TicketLinkChip=X,exports.ToastProvider=s,exports.Tooltip=G,exports.TrashIcon=wn,exports.UserIcon=Mn,exports.ViewModeToggle=pt,exports.WorkspaceTabs=ht,exports.useFCCAppShell=y,exports.useTheme=m,exports.useToast=c;
package/dist/index.js CHANGED
@@ -1606,9 +1606,7 @@ function Gt({ options: e = [], value: t, onChange: n, placeholder: r = "Select..
1606
1606
  f,
1607
1607
  T.length,
1608
1608
  m
1609
- ]), c(() => {
1610
- f || x(null);
1611
- }, [f]);
1609
+ ]);
1612
1610
  function D(e) {
1613
1611
  e.key === "ArrowDown" ? (e.preventDefault(), v((e) => Math.min(e + 1, T.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), v((e) => Math.max(e - 1, 0))) : e.key === "Enter" && _ >= 0 && T[_] ? (n?.(T[_].value), p(!1), h("")) : e.key === "Escape" && (p(!1), h(""));
1614
1612
  }
package/dist/styles.css CHANGED
@@ -1,2 +1,2 @@
1
- :root{--bg-primary:#0f0f11;--bg-secondary:#131316;--bg-third:#101013;--bg-tertiary:#1a1a1f;--bg-elevated:#353535;--bg-surface:#222228;--bg-hover:#ffffff0a;--bg-active:#ffffff0f;--bg-selection:#ffffff14;--bg-overlay:#00000080;--bg-card:#151518;--bg-card-content:#121212;--bg-card-hover:#1a1a1e;--bg-sidebar:#0f0f11;--bg-panel:#151518;--bg-gradient:none;--panel-glow-a:transparent;--panel-glow-b:transparent;--text-primary:#e8e8ec;--text-secondary:#b0b5c0;--text-tertiary:#6b6f76;--text-quaternary:#4a4d53;--text-on-accent:#fff;--border-primary:#ffffff0f;--border-secondary:#ffffff0a;--border-hover:#353535;--border-focus:#5b8dd6;--border-accent:#5b8dd680;--accent-primary:#5b8dd6;--accent-primary-hover:#7aa3e0;--accent-green:#5bb98e;--accent-green-bg:#5bb98e1f;--accent-yellow:#c9a84e;--accent-yellow-bg:#c9a84e1f;--accent-red:#c75a5a;--accent-red-bg:#c75a5a1f;--accent-orange:#c4a06a;--accent-orange-bg:#c4a06a1f;--accent-purple:#8a83d4;--accent-purple-bg:#8a83d41f;--accent-blue:#5a8ebf;--accent-blue-bg:#5a8ebf1f;--status-in-progress:#c9a84e;--status-done:#5bb98e;--status-todo:#9b9da0;--status-cancelled:#6b6d71;--status-backlog:#4e5054;--priority-urgent:#c75a5a;--priority-high:#c4a06a;--priority-medium:#c9a84e;--priority-low:#5bb98e;--priority-none:#4e5054;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--text-xs:.6875rem;--text-sm:.75rem;--text-base:.8125rem;--text-md:.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-xl:0 16px 48px #00000080;--shadow-card:none;--shadow-popup:0 0 0 1px #ffffff14, 0 8px 32px #00000080;--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--sidebar-width:220px;--panel-width:280px;--header-height:44px}:root.light{--bg-primary:#edf0f4;--bg-secondary:#e6e9ef;--bg-third:#f1f3f7;--bg-tertiary:#dcdfe4;--bg-elevated:#d5d7dd;--panel-glow-a:transparent;--panel-glow-b:transparent;--bg-surface:#fff;--bg-hover:#0000000d;--bg-active:#00000014;--bg-selection:#0000001a;--bg-overlay:#00000059;--bg-card:#fafcfe;--bg-card-content:#fff;--bg-card-hover:#d9dee5;--bg-sidebar:#e4e8ed;--bg-panel:#fff;--bg-gradient:none;--text-primary:#15171a;--text-secondary:#4a4d52;--text-tertiary:#72767d;--text-quaternary:#9ca0a6;--text-on-accent:#fff;--border-primary:#c5c9d1;--border-secondary:#00000024;--border-hover:#7e828a;--border-focus:#2b78f7;--border-accent:#2b78f780;--accent-red:#c42424;--accent-red-bg:#c4242424;--accent-green:#147a54;--accent-green-bg:#147a541f;--accent-yellow:#8c6710;--accent-yellow-bg:#8c671024;--accent-orange-bg:#c8822824;--accent-purple-bg:#5a46dc24;--accent-blue-bg:#1e64c824;--shadow-sm:0 1px 2px #0f141e1a;--shadow-md:0 4px 12px #0f141e1f;--shadow-lg:0 8px 24px #0f141e29;--shadow-xl:0 16px 48px #0f141e33;--shadow-card:0 1px 3px #0f141e1a, 0 1px 2px #0f141e12;--shadow-popup:0 0 0 1px #0000001a, 0 8px 32px #0f141e2e}html,html *,html :before,html :after{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);background-image:var(--bg-gradient);background-attachment:fixed;min-height:100vh}a{color:var(--text-primary);text-decoration:none}a:hover{text-underline-offset:2px;text-decoration:underline}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}ul,ol{list-style:none}img{max-width:100%;display:block}::selection{background-color:var(--accent-primary);color:var(--text-on-accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-quaternary)}code{font-family:var(--font-mono);background:var(--bg-active);border-radius:var(--radius-sm);color:var(--text-secondary);padding:.15em .4em;font-size:.85em}.app{background:var(--bg-sidebar);height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-sidebar);width:60px;padding:var(--space-2) 0;z-index:100;transition:width var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar:hover{width:var(--sidebar-width);box-shadow:2px 0 6px #0000001a}.sidebar-logo-wrap{flex-shrink:0;align-items:center;gap:10px;height:52px;padding:10px 14px;display:flex}.sidebar-logo-img{object-fit:contain;flex-shrink:0;width:32px;min-width:32px;height:32px;min-height:32px;transition:none}.sidebar-logo-text{font-weight:var(--font-weight-semibold);font-size:var(--text-lg);color:var(--text-primary);white-space:nowrap}.sidebar-nav{flex-direction:column;gap:2px;margin-top:4px;display:flex}.sidebar-item{font-size:var(--text-md);color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:12px;height:42px;padding:0 0 0 19px;display:flex;position:relative}.sidebar-item:before{content:"";border-radius:var(--radius-md);transition:background var(--transition-fast);position:absolute;inset:2px 8px}.sidebar-item:hover:before{background:var(--bg-hover)}.sidebar-item:hover{color:var(--text-primary)}.sidebar-item.active:before{background:var(--bg-active)}.sidebar-item.active{color:var(--text-primary)}.sidebar-item>*{z-index:1;position:relative}.sidebar-item-icon{width:22px;min-width:22px;height:22px;min-height:22px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;transition:none;display:flex}.sidebar-item-icon svg{width:18px;height:18px;transition:none}.sidebar-item.active .sidebar-item-icon{color:var(--text-primary)}.sidebar-label{white-space:nowrap;opacity:0;transition:opacity var(--transition-normal)}.sidebar:hover .sidebar-label{opacity:1}.sidebar-footer{border-top:1px solid var(--border-secondary);align-items:center;gap:10px;margin-top:auto;padding:12px 14px;display:flex}.sidebar-profile{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sidebar-avatar{border-radius:var(--radius-full);background:var(--accent-primary);width:32px;height:32px;color:var(--text-on-accent);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logout{border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-tertiary);transition:all var(--transition-fast);opacity:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar:hover .sidebar-logout{opacity:1}.sidebar-logout:hover{background:var(--bg-hover);color:var(--text-primary)}.main{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;flex-direction:column;flex:1;margin:10px 10px 10px 62px;display:flex;overflow:hidden}.main-header{height:var(--header-height);padding:0 var(--space-4);border-bottom:1px solid var(--border-secondary);background:var(--bg-secondary);border-radius:8px 8px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.main-header-left{align-items:center;gap:var(--space-2);display:flex}.main-header-title{font-size:var(--text-md);font-weight:var(--font-weight-medium);color:var(--text-primary)}.main-header-right{font-size:var(--text-sm);color:var(--text-tertiary);align-items:center;gap:2px;display:flex}.header-status{border:1px solid var(--border-primary);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:6px;margin-right:6px;padding:4px 10px;display:flex}.header-status-dot{border-radius:var(--radius-full);background:var(--accent-green);width:8px;height:8px}.header-notif{position:relative}.header-notif:after{content:"";border-radius:var(--radius-full);background:var(--accent-purple);width:8px;height:8px;position:absolute;top:4px;right:4px}.side-panel-wrapper{width:0;min-width:0;transition:width var(--transition-slow), min-width var(--transition-slow);flex-shrink:0;position:relative;overflow:hidden}.side-panel-wrapper.open{border-left:1px solid var(--border-primary);width:299px;min-width:299px}.side-panel-wrapper.open.chat-expanded{width:598px;min-width:598px}.side-panel{background:radial-gradient(ellipse 60% 60% at 100% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 0% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-third);flex-direction:column;width:299px;min-width:299px;height:100%;display:flex;overflow:hidden}.side-panel-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:16px 16px 12px;display:flex}.side-panel-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.01em}.side-panel-header .btn{color:var(--text-quaternary)}.side-panel-header .btn:hover{color:var(--text-primary)}.side-panel-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:3px}.side-panel-toggle{background:var(--bg-primary);border-radius:var(--radius-lg);gap:2px;margin:0 12px 8px;padding:3px;display:flex}.side-panel-toggle-btn{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:var(--font-weight-medium);flex:1;padding:5px 0}.side-panel-toggle-btn.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.side-panel-toggle-btn:hover:not(.active){color:var(--text-secondary)}.side-panel-list{flex:1;padding:0;overflow-y:auto}.side-panel-item{cursor:pointer;transition:background var(--transition-fast);align-items:flex-start;gap:10px;padding:10px 16px;display:flex}.side-panel-item:hover{background:var(--bg-hover)}.side-panel-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;margin-top:5px}.side-panel-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.side-panel-item-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.side-panel-item-detail{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.side-panel-item-time{font-size:var(--text-xs);color:var(--text-quaternary);white-space:nowrap;flex-shrink:0;margin-top:2px}.side-panel-group-label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--text-quaternary);letter-spacing:.04em;text-transform:uppercase;padding:16px 16px 6px}.side-panel-card{border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);gap:12px;margin:3px 8px;padding:12px 14px;display:flex}.side-panel-card:hover{background:var(--bg-elevated);border-color:var(--border-primary)}.side-panel-card-avatar{border-radius:var(--radius-full);background:var(--accent-purple);width:34px;min-width:34px;height:34px;color:var(--text-on-accent);font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.02em;justify-content:center;align-items:center;display:flex}.side-panel-card-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.side-panel-card-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.side-panel-card-detail{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-snug);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.side-panel-card-meta{color:var(--text-quaternary);align-items:center;gap:6px;margin-top:1px;font-size:11px;display:flex}.side-panel-unread-dot{border-radius:var(--radius-full);background:var(--accent-primary);width:6px;height:6px}.side-panel-chat-wrap{justify-content:flex-end;width:100%;height:100%;display:flex;overflow:hidden}.chat-conversation{border-right:1px solid var(--border-primary);background:radial-gradient(ellipse 60% 60% at 0% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 100% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-primary);flex-direction:column;flex-shrink:0;width:299px;min-width:299px;display:flex}.chat-conv-header{border-bottom:1px solid var(--border-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chat-conv-title{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.chat-conv-header-right{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:4px;display:flex}.chat-conv-messages{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex;overflow-y:auto}.chat-msg-row{flex-direction:column;gap:3px;display:flex}.chat-msg-right{align-items:flex-end}.chat-msg-left{align-items:flex-start}.chat-msg-meta{align-items:center;gap:6px;display:flex}.chat-msg-sender{font-size:var(--text-xs);color:var(--text-quaternary)}.chat-msg-avatar{border-radius:var(--radius-full);width:26px;height:26px;font-size:9px;font-weight:var(--font-weight-semibold);color:var(--text-on-accent);justify-content:center;align-items:center;display:flex}.chat-msg-avatar-you{background:var(--accent-primary)}.chat-msg-avatar-other{background:var(--accent-green)}.chat-msg-bubble{max-width:85%;font-size:var(--text-sm);line-height:var(--leading-snug);word-break:break-word;padding:8px 14px}.chat-bubble-you{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-sm) var(--radius-xl);background:var(--accent-primary);color:var(--text-on-accent)}.chat-bubble-other{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-sm);background:var(--bg-primary);color:var(--text-primary)}.chat-conv-input{border-top:1px solid var(--border-secondary);flex-shrink:0;padding:12px 16px}.chat-conv-input textarea{resize:none;border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border-secondary);width:100%;color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:nowrap;text-overflow:ellipsis;height:40px;padding:10px 12px;overflow:hidden}.chat-conv-input textarea::placeholder{color:var(--text-quaternary)}.chat-conv-input textarea:focus{border-color:var(--border-focus);outline:none}.chat-conv-input-actions{color:var(--text-quaternary);justify-content:space-between;align-items:center;margin-top:8px;display:flex}.chat-send-btn{border-radius:var(--radius-full);background:var(--accent-primary);width:28px;height:28px;color:var(--text-on-accent);transition:opacity var(--transition-fast);justify-content:center;align-items:center;display:flex}.chat-send-btn:hover{opacity:.85}.side-panel-contact.active{background:var(--bg-active)}.side-panel-search{border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-secondary);font-size:var(--text-sm);color:var(--text-quaternary);transition:border-color var(--transition-fast);align-items:center;gap:8px;margin:0 12px 4px;padding:7px 10px;display:flex}.side-panel-search:focus-within{border-color:var(--border-focus)}.side-panel-new-action{font-size:var(--text-sm);color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);padding:8px 16px}.side-panel-new-action:hover{color:var(--text-primary)}.side-panel-contact{cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:8px 16px;display:flex;position:relative}.side-panel-contact:hover{background:var(--bg-hover)}.side-panel-contact-avatar{border-radius:var(--radius-full);width:32px;min-width:32px;height:32px;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-on-accent);justify-content:center;align-items:center;display:flex}.side-panel-contact-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.side-panel-contact-time{font-size:var(--text-xs);color:var(--text-quaternary);flex-shrink:0}.side-panel-contact-avatar-wrap{flex-shrink:0;width:32px;height:32px;position:relative}.contact-avatar-img{border-radius:var(--radius-full);object-fit:cover;width:32px;height:32px}.contact-avatar-group{width:32px;height:32px;position:relative}.contact-avatar-stacked{border:2px solid var(--bg-secondary);width:22px;height:22px;position:absolute}.contact-avatar-stacked:first-child{z-index:1;top:0;left:0}.contact-avatar-stacked:nth-child(2){z-index:0;bottom:0;right:0}.chat-msg-avatar-img{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:26px;height:26px}.side-panel-online-dot{border-radius:var(--radius-full);background:var(--accent-green);border:2px solid var(--bg-secondary);z-index:1;width:10px;height:10px;position:absolute;bottom:-1px;left:-1px}.page-title-bar{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px 0;display:flex}.page-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.01em}.page-tabs{flex-shrink:0;align-items:center;gap:2px;padding:12px 24px 0;display:flex}.page-tab{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:4px 10px}.page-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.page-tab.active{color:var(--text-primary);background:var(--bg-active)}.main-content{padding:var(--space-6);flex:1;overflow-y:auto}.main-content-full{padding:0;overflow:hidden}.issue-group,.insp-table-group{background:0 0;margin-bottom:0}.issue-group-header,.insp-table-group-header{font-size:var(--text-sm);color:var(--text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-secondary);border-radius:var(--radius-md);align-items:center;gap:8px;margin:8px 4px;padding:8px 12px;display:flex}.insp-table-group-header{margin:8px 4px}.issue-group-header:hover,.insp-table-group-header:hover{background:var(--bg-primary);color:var(--text-secondary)}.issue-group-chevron,.insp-table-group-chevron{color:var(--text-quaternary);transition:transform var(--transition-fast);align-items:center;font-size:8px;display:inline-flex;transform:rotate(90deg)}.issue-group-chevron.collapsed,.insp-table-group-chevron.collapsed{transform:rotate(0)}.issue-group-label,.insp-table-group-label{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.issue-group-count,.insp-table-group-count{font-size:var(--text-sm);color:var(--text-quaternary);font-variant-numeric:tabular-nums}.issue-row-full{border-bottom:1px solid var(--border-secondary);height:34px;transition:background var(--transition-fast);cursor:pointer;font-size:var(--text-sm);align-items:center;gap:8px;padding:4px 0;display:flex}.issue-row-full:hover{background:var(--bg-hover)}.issue-row-full .issue-priority{flex-shrink:0;justify-content:center;align-items:center;width:16px;display:flex}.issue-row-full .issue-id{font-size:var(--text-xs);color:var(--text-quaternary);font-family:var(--font-mono);flex-shrink:0;min-width:60px}.issue-row-full .issue-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:var(--font-weight-normal);flex:1;overflow:hidden}.issue-row-full .issue-labels{flex-shrink:0;align-items:center;gap:4px;display:flex}.issue-row-full .issue-meta{color:var(--text-quaternary);font-size:var(--text-xs);flex-shrink:0;align-items:center;gap:8px;display:flex}.issue-row-full .issue-date{font-size:var(--text-xs);color:var(--text-quaternary);white-space:nowrap;text-align:right;min-width:130px}.showcase{max-width:960px;margin:0 auto}.showcase h1{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.03em;margin-bottom:var(--space-2)}.showcase-subtitle{color:var(--text-secondary);font-size:var(--text-lg);margin-bottom:var(--space-8)}.section{margin-bottom:var(--space-10)}.section-title{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-quaternary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-secondary)}.shell-showcase{gap:var(--space-4);flex-direction:column;display:flex}.shell-preview{border-radius:var(--radius-2xl);background:var(--bg-sidebar);overflow:hidden}.shell-preview-frame{background:var(--bg-sidebar);border:none;border-radius:0;height:560px;min-height:560px;margin:0;position:relative}.shell-preview-frame .fcc-sidebar{z-index:1;position:absolute}.shell-preview-frame .fcc-sidebar:hover{box-shadow:none}.shell-preview-frame .fcc-main-window{min-height:0}.shell-preview-content{padding:var(--space-4)}.shell-preview-page{gap:var(--space-4);flex-direction:column;display:flex}.shell-preview-titlebar{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.shell-preview-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.03em}.shell-preview-copy{margin-top:var(--space-1);max-width:560px;font-size:var(--text-sm);color:var(--text-secondary)}.shell-preview-badges,.shell-preview-toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.shell-preview-search{flex:1;min-width:240px}.shell-preview-board .kanban-column{min-width:252px}.shell-component-list{gap:var(--space-3);flex-direction:column;display:flex}.shell-component-item{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-secondary);display:flex}.shell-component-item:last-child{border-bottom:none;padding-bottom:0}.shell-component-item code{min-width:170px}.shell-component-item span{color:var(--text-secondary);font-size:var(--text-sm);flex:1}.component-docs-home,.component-docs-page{gap:var(--space-8);flex-direction:column;display:flex}.docs-hero{justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}.docs-eyebrow{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-quaternary)}.docs-title{margin-top:var(--space-2);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.04em;color:var(--text-primary)}.docs-copy{max-width:760px;margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-md);line-height:var(--leading-relaxed)}.docs-chip-row,.docs-inline-row,.docs-hero-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.docs-chip{border:1px solid var(--border-primary);border-radius:var(--radius-full);background:var(--bg-secondary);min-height:28px;color:var(--text-secondary);font-size:var(--text-sm);align-items:center;padding:0 12px;display:inline-flex}.docs-section{gap:var(--space-4);flex-direction:column;display:flex}.docs-section-head{gap:var(--space-1);flex-direction:column;display:flex}.docs-section-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.docs-section-copy,.docs-inline-copy{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.docs-overview-grid,.docs-two-column,.docs-preview-grid,.docs-export-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.docs-overview-sections{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.docs-code-block{width:100%;padding:var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);background:#0f1012;line-height:1.6;overflow-x:auto}.docs-note-list,.docs-export-stack,.docs-link-list,.docs-token-list,.docs-definition-table{gap:var(--space-3);flex-direction:column;display:flex}.docs-note-item{padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--text-sm)}.docs-link-button{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);text-align:left;background:0 0;display:flex}.docs-link-button span:last-child{color:var(--text-quaternary);font-size:var(--text-xs)}.docs-link-button:hover{background:var(--bg-hover)}.docs-export-card{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:var(--bg-card);flex-direction:column;display:flex}.docs-export-card.focused{border-color:#5b8dd673;box-shadow:0 0 0 1px #5b8dd62e}.docs-export-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.docs-export-name{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:inline-block}.docs-export-summary{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.docs-focus-chip{border-radius:var(--radius-full);min-height:24px;color:var(--accent-primary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);background:#5b8dd61f;align-items:center;padding:0 10px;display:inline-flex}.docs-export-group,.docs-export-panel{gap:var(--space-3);flex-direction:column;display:flex}.docs-export-group-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.docs-definition-row{gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-secondary);grid-template-columns:minmax(160px,200px) minmax(160px,220px) minmax(0,1fr);align-items:start;display:grid}.docs-token-item{gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-secondary);grid-template-columns:minmax(160px,220px) minmax(0,1fr);align-items:start;display:grid}.docs-definition-row:last-child,.docs-token-item:last-child{border-bottom:none;padding-bottom:0}.docs-definition-key code,.docs-token-item code{font-size:var(--text-xs)}.docs-definition-meta{flex-direction:column;gap:2px;display:flex}.docs-definition-type,.docs-definition-default,.docs-token-item span,.docs-definition-copy{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.docs-definition-default{color:var(--text-quaternary)}.docs-empty-state{padding:var(--space-5);border:1px dashed var(--border-primary);border-radius:var(--radius-lg);color:var(--text-quaternary);text-align:center;font-size:var(--text-sm)}.docs-token-swatches{gap:var(--space-3);flex-direction:column;display:flex}.docs-swatch-row{align-items:center;gap:var(--space-3);display:flex}.docs-swatch{border-radius:var(--radius-md);border:1px solid var(--border-primary);width:28px;height:28px}.docs-swatch-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.docs-swatch-copy{color:var(--text-quaternary);font-size:var(--text-xs)}.docs-typography-preview{gap:var(--space-4);flex-direction:column;display:flex}.docs-type-display{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.04em;color:var(--text-primary)}.docs-sidebar-stage,.docs-shell-stage,.docs-command-stage{border:1px solid var(--border-primary);border-radius:var(--radius-2xl);background:var(--bg-sidebar);position:relative;overflow:hidden}.docs-sidebar-stage{min-height:620px}.docs-sidebar-stage .fcc-sidebar,.docs-sidebar-stage .fcc-sidebar:hover{z-index:1;width:280px;box-shadow:none;position:absolute}.app-shell-sidebar{z-index:40}.docs-sidebar-stage .fcc-sidebar .fcc-sidebar-label,.docs-sidebar-stage .fcc-sidebar:hover .fcc-sidebar-label,.docs-sidebar-stage .fcc-sidebar .fcc-sidebar-logout,.docs-sidebar-stage .fcc-sidebar:hover .fcc-sidebar-logout{opacity:1}.docs-sidebar-stage .fcc-sidebar-accordion{display:flex}.docs-shell-stage{padding:var(--space-4)}.docs-main-window-preview{min-height:320px;margin:0}.docs-main-window-body{padding:var(--space-5)}.docs-command-stage{min-height:360px}.docs-command-wrapper{min-height:360px;position:relative}.docs-command-wrapper .dialog-overlay{position:absolute;inset:0}.docs-avatar-stack,.docs-form-stage{max-width:360px}.docs-icon-grid{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.docs-icon-card{align-items:center;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-secondary);flex-direction:column;display:flex}.docs-icon-card code{font-size:var(--text-xs)}.color-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.color-swatch{border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden}.color-swatch-preview{height:64px}.color-swatch-info{padding:var(--space-2);background:var(--bg-primary)}.color-swatch-name{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:2px}.color-swatch-value{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.type-row{margin-bottom:var(--space-4);align-items:baseline;gap:var(--space-4);display:flex}.type-label{font-size:var(--text-xs);color:var(--text-quaternary);font-family:var(--font-mono);flex-shrink:0;min-width:100px}.btn-row{gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;height:32px;transition:background .14s,border-color .14s,color .14s,box-shadow .14s,filter .14s,transform 80ms;display:inline-flex}.btn-primary{-webkit-backdrop-filter:blur(14px)saturate(180%);color:var(--accent-primary);background:#5b8dd638;border-color:#5b8dd659;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #5b8dd626,0 4px 16px #0000004d}.btn-primary:hover{background:#5b8dd64d;border-color:#5b8dd680}.btn-primary:active{background:#5b8dd62e;transform:translateY(1px)}.btn-secondary{-webkit-backdrop-filter:blur(14px)saturate(180%);color:var(--text-primary);background:#ffffff0d;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff14,0 4px 16px #00000040}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff2e}.btn-secondary:active{transform:translateY(1px)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{-webkit-backdrop-filter:blur(14px)saturate(180%);color:var(--accent-red);background:#c75a5a38;border-color:#c75a5a59;box-shadow:inset 0 1px #ffffff1a,0 4px 16px #0000004d}.btn-danger:hover{background:#c75a5a4d;border-color:#c75a5a80}.btn-danger:active{transform:translateY(1px)}.btn-success{background:var(--accent-green-bg);color:var(--accent-green);border:1px solid #5bb98e40}.btn-success:hover{background:#5bb98e2e}.btn-warning{background:var(--accent-yellow-bg);color:var(--accent-yellow);border:1px solid #c9a84e40}.btn-warning:hover{background:#c9a84e2e}.btn-sm{height:28px;padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.btn-icon{justify-content:center;width:32px;padding:0}.btn-icon.btn-sm{width:28px}.badge{height:24px;font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border-primary);background:0 0;align-items:center;gap:5px;padding:3px 10px;line-height:1;display:inline-flex}.badge--no-dot{gap:0}.badge-dot{border-radius:var(--radius-full);flex-shrink:0;width:7px;height:7px}.workflow-column-count{min-width:20px;padding-inline:var(--space-2);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-secondary);border-color:var(--border-secondary);background:0 0;flex-shrink:0;justify-content:center}.input-group{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.input{height:36px;padding:0 var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);width:100%}.input:focus{border-color:var(--bg-elevated)}.input::placeholder{color:var(--text-quaternary)}.textarea{min-height:80px;padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);resize:vertical;transition:border-color var(--transition-fast);width:100%}.textarea:focus{border-color:var(--bg-elevated)}.textarea-wrapper{align-items:flex-end;gap:var(--space-1);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);transition:border-color var(--transition-fast);display:flex}.textarea-wrapper:focus-within{border-color:var(--bg-elevated)}.textarea-wrapper__input{min-width:0;min-height:0;color:var(--text-primary);font-size:var(--text-base);resize:none;background:0 0;border:none;outline:none;flex:1;padding:0;line-height:1.5}.textarea-adornment{flex-shrink:0;align-items:center;display:flex}.textarea-adornment--end{gap:var(--space-1)}.fcc-input-field{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.fcc-input-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.fcc-input-control{align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-tertiary);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);display:flex}.fcc-input-control.has-floating-label{align-items:stretch;height:44px}.fcc-input-control:focus-within{border-color:var(--bg-elevated)}.fcc-input-control.is-invalid,.fcc-input-control.is-invalid:focus-within{border-color:var(--accent-red)}.fcc-input-control.is-disabled{opacity:.6;cursor:not-allowed}.fcc-input-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.fcc-input-clear{border-radius:var(--radius-full);width:18px;height:18px;color:var(--text-quaternary);transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.fcc-input-clear:hover{color:var(--text-secondary);background:var(--bg-hover)}.fcc-input-element{width:100%;min-width:0;height:100%;font-size:var(--text-base);color:var(--text-primary);flex:1}.fcc-input-element::placeholder{color:var(--text-quaternary)}.fcc-input-floating-slot{flex:1;min-width:0;height:100%;position:relative}.fcc-input-element.has-floating-label{height:100%;padding:18px 0 4px}.fcc-input-element.has-floating-label::placeholder{color:#0000}.fcc-input-floating-label{transform-origin:0 0;font-size:var(--text-base);color:var(--text-quaternary);pointer-events:none;transition:top var(--transition-fast), transform var(--transition-fast), color var(--transition-fast);position:absolute;top:50%;left:0;transform:translateY(-50%)}.fcc-input-control.has-floating-label:focus-within .fcc-input-floating-label,.fcc-input-element.has-floating-label:not(:placeholder-shown)+.fcc-input-floating-label{color:var(--text-secondary);top:8px;transform:translateY(0)scale(.82)}.fcc-input-element:disabled{cursor:not-allowed}.fcc-input-helper{font-size:var(--text-sm);color:var(--text-tertiary)}.fcc-input-helper.is-error{color:var(--accent-red)}.fcc-rich-text-field{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.fcc-rich-text-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.fcc-rich-text-shell{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.fcc-rich-text-shell:focus-within{border-color:var(--bg-elevated)}.fcc-rich-text-shell.is-invalid,.fcc-rich-text-shell.is-invalid:focus-within{border-color:var(--accent-red)}.fcc-rich-text-shell.is-disabled{opacity:.72}.fcc-rich-text-toolbar{align-items:center;gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--border-secondary);background:var(--bg-primary);flex-wrap:wrap;display:flex}.fcc-rich-text-toolbar-group{align-items:center;gap:var(--space-1);display:flex}.fcc-rich-text-toolbar-divider{background:var(--border-secondary);align-self:stretch;width:1px}.fcc-rich-text-toolbar-button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.fcc-rich-text-toolbar-button:hover,.fcc-rich-text-toolbar-button.is-active{background:var(--bg-hover);color:var(--text-primary)}.fcc-rich-text-toolbar-button:disabled{opacity:.45;cursor:default}.fcc-rich-text-editor{width:100%}.fcc-rich-text-content{min-height:var(--fcc-rich-text-min-height,160px);padding:var(--space-3);color:var(--text-primary);font-size:var(--text-base);white-space:pre-wrap;outline:none;line-height:1.65}.fcc-rich-text-content>*{margin:0}.fcc-rich-text-content>*+*{margin-top:var(--space-2)}.fcc-rich-text-content ul,.fcc-rich-text-content ol{margin:0;padding-left:1.5rem}.fcc-rich-text-content ul{list-style:outside}.fcc-rich-text-content ol{list-style:decimal}.fcc-rich-text-content li{padding-left:var(--space-1);margin:0}.fcc-rich-text-content li>p{margin:0}.fcc-rich-text-content li+li{margin-top:var(--space-1)}.fcc-rich-text-content blockquote{border-left:2px solid var(--border-primary);padding-left:var(--space-3);color:var(--text-secondary)}.fcc-rich-text-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-quaternary);float:left;pointer-events:none;height:0}.fcc-rich-text-helper{font-size:var(--text-sm);color:var(--text-tertiary)}.fcc-rich-text-helper.is-error{color:var(--accent-red)}.input-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.dashboard-forms-showcase{gap:var(--space-6);flex-direction:column;display:flex}.dashboard-forms-showcase .input-group{margin-bottom:0}.select-wrapper{position:relative}.select{appearance:none;height:36px;padding:0 var(--space-8) 0 var(--space-3);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);cursor:pointer;width:100%}.select:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--border-accent)}.select-chevron{right:var(--space-2);color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:border-color var(--transition-fast);overflow:hidden}@media (hover:hover) and (pointer:fine){.card.card-default:hover{border-color:var(--border-hover)}}.card-header{padding:var(--space-4);border-bottom:1px solid var(--border-secondary);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.card-body{padding:var(--space-4)}.card-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-secondary);justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.card-green{background:var(--accent-green-bg);border-color:#5bb98e33}.card-green .card-header{border-bottom-color:#5bb98e26}.card-green .card-title{color:var(--accent-green)}.card-green .card-footer{border-top-color:#5bb98e26}:root.light .card-green{background:#46e3b714;border-color:#22a07840}:root.light .card-green .card-header{border-bottom-color:#22a07826}:root.light .card-green .card-title{color:#1a8a62}:root.light .card-green .card-footer{border-top-color:#22a07826}.card-red{background:var(--accent-red-bg);border-color:#c75a5a33}.card-red .card-header{border-bottom-color:#c75a5a26}.card-red .card-title{color:var(--accent-red)}.card-red .card-footer{border-top-color:#c75a5a26}:root.light .card-red{background:#d0303012;border-color:#d0303033}:root.light .card-red .card-header{border-bottom-color:#d030301f}:root.light .card-red .card-title{color:#d03030}:root.light .card-red .card-footer{border-top-color:#d030301f}.card-yellow{background:var(--accent-yellow-bg);border-color:#c9a84e33}.card-yellow .card-header{border-bottom-color:#c9a84e26}.card-yellow .card-title{color:var(--accent-yellow)}.card-yellow .card-footer{border-top-color:#c9a84e26}:root.light .card-yellow{background:#a0781812;border-color:#a0781833}:root.light .card-yellow .card-header{border-bottom-color:#a078181f}:root.light .card-yellow .card-title{color:#a07818}:root.light .card-yellow .card-footer{border-top-color:#a078181f}.issue-list{border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.issue-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-secondary);transition:background var(--transition-fast);cursor:pointer;display:flex}.issue-row:last-child{border-bottom:none}.issue-row:hover{background:var(--bg-hover)}.issue-status{flex-shrink:0;align-items:center;display:flex}.issue-id{font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-mono);flex-shrink:0;min-width:70px}.issue-title{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-weight-normal);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.issue-priority{flex-shrink:0;align-items:center;display:flex}.issue-labels{gap:var(--space-1);flex-shrink:0;display:flex}.issue-assignee{border-radius:var(--radius-full);background:var(--accent-purple);width:20px;height:20px;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-on-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar{border-radius:var(--radius-full);width:24px;height:24px;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-on-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar-sm{width:20px;height:20px;font-size:10px}.avatar-lg{width:32px;height:32px;font-size:var(--text-sm)}.avatar-xl{width:40px;height:40px;font-size:var(--text-md)}.avatar-row{gap:var(--space-3);align-items:center;display:flex}.tooltip-demo{display:inline-block;position:relative}.tooltip{padding:var(--space-1) var(--space-2);background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.dropdown-wrapper{position:relative}.dropdown{z-index:9999;border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);padding:var(--space-1);background:radial-gradient(120% 80% at 50% 0,#141418 0%,#0a0a0d 40%,#08080a 100%) padding-box padding-box,radial-gradient(55% 90% at 50% -10%,#3a3a42 0%,#1e1e24 35%,#0d0d11 70%,#08080a 100%) border-box;border:1px solid #0000;min-width:200px;position:absolute;top:calc(100% + 6px)}:root.light .dropdown{background:radial-gradient(120% 80% at 50% 0,#f4f5f8 0%,#eceef2 40%,#eaecf0 100%) padding-box padding-box,radial-gradient(55% 90% at 50% -10%,#a8abb0 0%,#cacdd2 35%,#dfe1e5 70%,#ebedf0 100%) border-box}.dropdown-align-left{left:0}.dropdown-align-right{right:0}.dropdown-item{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-base);color:var(--text-secondary);white-space:nowrap;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.dropdown-item:hover{color:var(--text-primary);background:#ffffff06}:root.light .dropdown-item:hover{background:#00000005}.dropdown-item.active{color:var(--accent-primary)}.dropdown-item-icon{width:16px;height:16px;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.dropdown-item.active .dropdown-item-icon{color:var(--accent-primary)}.dropdown-item-check{color:var(--accent-primary);flex-shrink:0}.dropdown-divider{background:var(--border-secondary);height:1px;margin:var(--space-1) 0}.dropdown-label{font-size:var(--text-xs);color:var(--text-quaternary);padding:var(--space-2) var(--space-2) var(--space-1);font-weight:var(--font-weight-medium)}.dropdown-shortcut{font-size:var(--text-xs);color:var(--text-quaternary);font-family:var(--font-mono);margin-left:auto}.table-wrapper{border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-primary);border-bottom:1px solid var(--border-primary)}td{padding:var(--space-2) var(--space-3);font-size:var(--text-base);border-bottom:1px solid var(--border-secondary)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover)}.progress-bar{background:var(--bg-active);border-radius:var(--radius-full);height:4px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress-row{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.progress-label{font-size:var(--text-sm);justify-content:space-between;display:flex}.progress-label-name{color:var(--text-secondary)}.progress-label-value{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs)}.toggle{background:var(--bg-active);border-radius:var(--radius-full);cursor:pointer;width:36px;height:20px;transition:background var(--transition-fast);position:relative}.toggle.active{background:var(--accent-primary)}.toggle-knob{border-radius:var(--radius-full);width:16px;height:16px;transition:transform var(--transition-fast);background:#fff;position:absolute;top:2px;left:2px}.toggle.active .toggle-knob{transform:translate(16px)}.toggle-row{padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.toggle-text{font-size:var(--text-base);color:var(--text-secondary)}.status-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.status-label{font-size:var(--text-base);color:var(--text-secondary);min-width:100px}.priority-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.priority-label{font-size:var(--text-base);color:var(--text-secondary);min-width:80px}.tabs{--tabs-indicator-width:0px;--tabs-indicator-x:0px;border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-4);display:flex;position:relative}.tabs-indicator{height:2px;width:var(--tabs-indicator-width);border-radius:var(--radius-full);background:var(--text-primary);opacity:0;transform:translateX(var(--tabs-indicator-x));transition:transform .22s,width .22s,opacity .14s;position:absolute;bottom:-1px;left:0}.tabs[data-tabs-indicator-ready=true] .tabs-indicator{opacity:1}.tab{z-index:1;padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);margin-bottom:-1px;position:relative}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text-primary)}.breadcrumb{align-items:center;gap:var(--space-1);font-size:var(--text-sm);display:flex}.breadcrumb-item{color:var(--text-tertiary);cursor:pointer}.breadcrumb-item:hover{color:var(--text-secondary)}.breadcrumb-item.current{color:var(--text-primary);cursor:default}.breadcrumb-sep{color:var(--text-quaternary);font-size:var(--text-xs)}.kbd{min-width:22px;height:22px;padding:0 var(--space-1);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:inline-flex;box-shadow:0 1px #ffffff0a}.kbd-row{gap:var(--space-1);align-items:center;display:flex}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:360px;display:flex}.toast-icon{flex-shrink:0;align-items:center;display:flex}.toast-content{flex:1}.toast-title{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:2px}.toast-message{font-size:var(--text-sm);color:var(--text-tertiary)}.toast-action{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--accent-primary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;flex-shrink:0;padding:4px 8px}.toast-action:hover{background:var(--bg-hover)}.toast-close{color:var(--text-quaternary);cursor:pointer;flex-shrink:0;display:flex}.toast-close:hover{color:var(--text-secondary)}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-elevated) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-line{height:12px;margin-bottom:var(--space-2)}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-circle{border-radius:var(--radius-full);width:32px;height:32px}.skeleton-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.empty-state{text-align:center;padding:var(--space-12) var(--space-6)}.empty-state-icon{color:var(--text-quaternary);margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:var(--space-4);max-width:300px;margin-left:auto;margin-right:auto}.checkbox-row{align-items:center;gap:var(--space-2);cursor:pointer;margin-bottom:var(--space-2);display:flex}.checkbox{border:1.5px solid var(--border-primary);border-radius:var(--radius-sm);width:16px;height:16px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox.checked{background:var(--accent-primary);border-color:var(--accent-primary)}.checkbox-label{font-size:var(--text-base);color:var(--text-secondary)}.command-palette{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:540px;overflow:hidden}.command-input-wrapper{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-secondary);display:flex}.command-input-icon{color:var(--text-tertiary);flex-shrink:0}.command-input{font-size:var(--text-md);color:var(--text-primary);flex:1}.command-input::placeholder{color:var(--text-quaternary)}.command-results{padding:var(--space-1);max-height:300px;overflow-y:auto}.command-group-label{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--text-quaternary);padding:var(--space-2) var(--space-2) var(--space-1)}.activity-item{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-secondary);display:flex}.activity-item:last-child{border-bottom:none}.activity-avatar{flex-shrink:0;margin-top:2px}.activity-content{flex:1}.activity-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.activity-name{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.activity-time{font-size:var(--text-xs);color:var(--text-quaternary)}.activity-text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.component-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.component-grid-full{grid-column:1/-1}@media (width<=768px){.component-grid,.docs-overview-grid,.docs-two-column,.docs-preview-grid,.docs-export-grid,.docs-overview-sections,.docs-icon-grid,.docs-definition-row,.docs-token-item{grid-template-columns:1fr}.docs-hero{flex-direction:column}.shell-preview-frame{height:480px;min-height:480px}.shell-component-item{flex-direction:column}.shell-component-item code{min-width:0}}.divider{background:var(--border-primary);height:1px;margin:var(--space-8) 0}.btn-outline{color:var(--accent-primary);background:0 0;border:1px solid #5b8dd680}.btn-outline:hover{-webkit-backdrop-filter:blur(10px);background:#5b8dd61a;border-color:#5b8dd6b3}.btn-link{color:var(--accent-primary);text-underline-offset:2px;background:0 0;height:auto;padding:0;text-decoration:none}.btn-link:hover{color:var(--accent-primary-hover);text-decoration:underline}.btn-lg{height:40px;padding:var(--space-2) var(--space-5);font-size:var(--text-md)}:root.light .btn-secondary{color:var(--text-primary);background:#fff9;border-color:#00000014;box-shadow:inset 0 1px #ffffffe6,0 4px 16px #00000014}:root.light .btn-secondary:hover{background:#fffc;border-color:#0000001f}:root.light .btn-ghost:hover{background:#0000000a}.toggle-sm{width:28px;height:16px}.toggle-sm .toggle-knob{width:12px;height:12px}.toggle-sm.active .toggle-knob{transform:translate(12px)}.searchable-select{width:100%;position:relative}.searchable-select-trigger{width:100%;height:36px;padding:0 var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);cursor:pointer;transition:border-color var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.searchable-select-trigger:hover{border-color:#ffffff1f}.searchable-select-trigger:focus,.searchable-select-trigger:focus-visible{border-color:var(--bg-elevated)}.searchable-select-placeholder{color:var(--text-quaternary)}.searchable-select-chevron{color:var(--text-tertiary);flex-shrink:0}.searchable-select-dropdown{border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);z-index:10000;background:radial-gradient(120% 80% at 50% 0,#141418 0%,#0a0a0d 40%,#08080a 100%) padding-box padding-box,radial-gradient(55% 90% at 50% -10%,#3a3a42 0%,#1e1e24 35%,#0d0d11 70%,#08080a 100%) border-box;border:1px solid #0000;overflow:hidden}:root.light .searchable-select-dropdown{background:radial-gradient(120% 80% at 50% 0,#f4f5f8 0%,#eceef2 40%,#eaecf0 100%) padding-box padding-box,radial-gradient(55% 90% at 50% -10%,#a8abb0 0%,#cacdd2 35%,#dfe1e5 70%,#ebedf0 100%) border-box}.searchable-select-search{align-items:center;gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--border-secondary);color:var(--text-tertiary);display:flex}.searchable-select-input{font-size:var(--text-base);color:var(--text-primary);flex:1}.searchable-select-input::placeholder{color:var(--text-quaternary)}.searchable-select-clear{color:var(--text-quaternary);cursor:pointer;display:flex}.searchable-select-options{max-height:200px;padding:var(--space-1);overflow-y:auto}.searchable-select-option{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);color:var(--text-secondary);transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.searchable-select-option:hover,.searchable-select-option.highlighted{color:var(--text-primary);background:#ffffff06}:root.light .searchable-select-option:hover,:root.light .searchable-select-option.highlighted{background:#00000005}.searchable-select-option.selected{color:var(--accent-primary)}.searchable-select-option-content{flex-direction:column;display:flex}.searchable-select-option-desc{font-size:var(--text-xs);color:var(--text-tertiary)}.searchable-select-empty{padding:var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.sheet-overlay{background:var(--bg-overlay);z-index:100;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-elevated);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.sheet-right{width:420px;max-width:90vw;height:100%;margin-left:auto;animation:.2s slideInRight}.sheet-left{width:420px;max-width:90vw;height:100%;margin-right:auto;animation:.2s slideInLeft}.sheet-header{padding:var(--space-4);border-bottom:1px solid var(--border-secondary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sheet-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.sheet-body{padding:var(--space-4);flex:1;overflow-y:auto}.sheet-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-secondary);justify-content:flex-end;gap:var(--space-2);display:flex}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.dialog-overlay{background:var(--bg-overlay);z-index:9999;opacity:0;justify-content:center;align-items:center;transition:opacity .22s;display:flex;position:fixed;inset:0}.dialog-overlay-contained{padding:var(--space-3);z-index:30;position:absolute}.dialog-overlay[data-state=open]{opacity:1}.dialog-overlay[data-state=closing]{opacity:0}.dialog{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);opacity:0;width:480px;max-width:90vw;max-height:85vh;transition:transform .22s ease, opacity .22s ease, background-color var(--transition-fast);flex-direction:column;display:flex;overflow:hidden;transform:translateY(18px)scale(.98)}.dialog-overlay[data-state=open] .dialog{opacity:1;transform:translateY(0)scale(1)}.dialog-overlay[data-state=closing] .dialog{opacity:0;transform:translateY(18px)scale(.98)}.dialog-overlay-contained .dialog{max-width:100%;max-height:100%}.dialog-header{padding:var(--space-4);border-bottom:1px solid var(--border-secondary);align-items:center;display:flex}.dialog-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.dialog-description{font-size:var(--text-base);color:var(--text-tertiary);margin-top:var(--space-1)}.dialog-body{padding:var(--space-4);flex:1;overflow-y:auto}.dialog-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-secondary);justify-content:flex-end;gap:var(--space-2);display:flex}.fcc-fpp-overlay{background:var(--bg-overlay);z-index:9999;opacity:0;transition:opacity .22s;display:flex;position:fixed;inset:0}.fcc-fpp-overlay[data-state=open]{opacity:1}.fcc-fpp-overlay[data-state=closing]{opacity:0}.fcc-fpp{background:var(--bg-primary);opacity:0;width:100%;height:100%;transition:opacity .22s ease, transform .22s ease, background-color var(--transition-fast);flex-direction:column;display:flex;position:relative;transform:translateY(18px)scale(.995)}.fcc-fpp-overlay[data-state=open] .fcc-fpp{opacity:1;transform:translateY(0)scale(1)}.fcc-fpp-overlay[data-state=closing] .fcc-fpp{opacity:0;transform:translateY(18px)scale(.995)}.fcc-fpp-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-secondary);background:var(--bg-card);flex-shrink:0;min-height:56px;display:flex}.fcc-fpp-header-lead{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.fcc-fpp-header-titles{flex-direction:column;gap:2px;min-width:0;display:flex}.fcc-fpp-eyebrow{font-size:var(--text-xs);color:var(--text-quaternary);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--font-weight-semibold)}.fcc-fpp-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.fcc-fpp-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.fcc-fpp-header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.fcc-fpp-toolbar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-secondary);background:var(--bg-card);flex-shrink:0;min-height:44px;display:flex}.fcc-fpp-body{background:var(--bg-primary);flex:1;min-height:0;display:flex;overflow:hidden}.fcc-fpp-main{background:var(--bg-primary);flex:1;min-width:0;overflow:auto}.fcc-fpp-sidebar{background:var(--bg-card);border-left:1px solid var(--border-secondary);flex-shrink:0;width:320px;overflow:auto}.fcc-fpp-sidebar-left{border-left:none;border-right:1px solid var(--border-secondary)}.fcc-fpp-footer{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-secondary);background:var(--bg-card);flex-shrink:0;display:flex}.loader{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8);color:var(--text-tertiary);display:flex}.loader-fullscreen{justify-content:center;align-items:center;gap:var(--space-3);min-height:300px;color:var(--text-tertiary);flex-direction:column;display:flex}.loader-label{font-size:var(--text-sm);color:var(--text-tertiary)}.loader-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fcc-loader{justify-content:center;align-items:center;gap:var(--space-3);color:var(--text-tertiary);padding:var(--space-6);flex-direction:column;display:flex}.fcc-loader-fullscreen{min-height:300px;padding:var(--space-8)}.fcc-loader-label{font-size:var(--text-sm);color:var(--text-tertiary);letter-spacing:.01em;animation:2.4s ease-in-out infinite fcc-loader-label-pulse}.fcc-loader-stage{--fcc-loader-size:64px;width:var(--fcc-loader-size);height:var(--fcc-loader-size);justify-content:center;align-items:center;animation:3.2s ease-in-out infinite fcc-loader-float;display:flex;position:relative}.fcc-loader-stage .fcc-brand-logo,.fcc-loader-logo{width:calc(var(--fcc-loader-size) * .58);height:calc(var(--fcc-loader-size) * .58);z-index:2;min-width:0;min-height:0;animation:2.4s ease-in-out infinite fcc-loader-breathe;position:relative}.fcc-loader-ring{z-index:1;filter:blur(.4px);background:conic-gradient(#1f2329 0%,#3a3f48 12%,#6b7280 24%,#a8adb6 35%,#7a808b 46%,#3d424b 58%,#2a2e36 68%,#5c626d 80%,#8b9099 88%,#454a54 95%,#1f2329 100%);border-radius:50%;animation:2.2s linear infinite fcc-loader-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 58%,#000 60% 100%);mask:radial-gradient(circle,#0000 58%,#000 60% 100%)}.fcc-loader-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#8c94a047 0%,#0000 65%);border-radius:50%;animation:2.4s ease-in-out infinite fcc-loader-glow-pulse;position:absolute;inset:-20%}@keyframes fcc-loader-spin{to{transform:rotate(360deg)}}@keyframes fcc-loader-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(.92)}}@keyframes fcc-loader-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes fcc-loader-glow-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.12)}}@keyframes fcc-loader-label-pulse{0%,to{opacity:.7}50%{opacity:1}}.fcc-loader-dots{letter-spacing:0;align-items:flex-end;gap:2px;margin-left:3px;display:inline-flex}.fcc-loader-dot{opacity:.75;font-weight:700;animation:1.2s ease-in-out infinite fcc-loader-dot-wave;display:inline-block;transform:translateY(0)}.fcc-loader-dot:first-child{animation-delay:0s}.fcc-loader-dot:nth-child(2){animation-delay:.18s}.fcc-loader-dot:nth-child(3){animation-delay:.36s}@keyframes fcc-loader-dot-wave{0%,60%,to{opacity:.75;color:var(--text-tertiary);transform:translateY(0)scale(1)}30%{opacity:.82;color:var(--text-secondary);transform:translateY(-4px)scale(1.25)}}@media (prefers-reduced-motion:reduce){.fcc-loader-stage,.fcc-loader-logo,.fcc-loader-ring,.fcc-loader-glow,.fcc-loader-label,.fcc-loader-dot{animation-duration:6s;animation-timing-function:ease-in-out}}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip{padding:var(--space-1) var(--space-2);background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;z-index:50;max-width:min(20rem,100vw - 16px);position:absolute}.tooltip-top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-portal{z-index:9999}.accordion{flex-direction:column;gap:8px;display:flex}.accordion-item{box-shadow:none;border-radius:8px}:root.light .accordion-item{box-shadow:0 .25em 7px 0px var(--border-secondary), 0 4px 20px 5px #00000001}.accordion-trigger{background:radial-gradient(ellipse 60% 60% at 100% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 0% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-card);border:1px solid var(--border-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;transition:border-color var(--transition-fast), border-radius .25s ease;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.accordion-trigger:hover{border-color:var(--bg-elevated)}.accordion-trigger.expanded{border-radius:8px 8px 0 0}.accordion-trigger-title{font-size:var(--text-md);color:var(--text-primary);font-weight:600}.accordion-trigger-chevron{color:var(--text-tertiary);display:flex}.accordion-collapse{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.accordion-collapse.open{grid-template-rows:1fr}.accordion-collapse-inner{overflow:hidden}.accordion-content{border:1px solid var(--border-secondary);background:radial-gradient(ellipse 60% 60% at 0% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 100% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-card-content);color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal);border-top:none;border-radius:0 0 8px 8px;padding:16px}.kpi-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-card)}.kpi-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.kpi-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary)}.kpi-icon{color:var(--text-quaternary)}.kpi-value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:var(--font-mono)}.kpi-footer{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.kpi-trend{font-size:var(--text-sm);font-weight:var(--font-weight-medium);align-items:center;gap:4px;display:flex}.kpi-change-label{font-size:var(--text-xs);color:var(--text-quaternary)}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);align-items:stretch;display:flex;overflow:hidden}.stat-card-accent{flex-shrink:0;width:4px}.stat-card-content{padding:var(--space-3) var(--space-4)}.stat-card-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-1);display:block}.stat-card-value{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:var(--font-mono);display:block}.stat-card-subtitle{font-size:var(--text-xs);color:var(--text-quaternary);margin-top:2px;display:block}.kanban-board{align-items:stretch;gap:var(--space-4);height:100%;min-height:100%;padding-bottom:var(--space-2);display:flex;overflow-x:auto}.kanban-column{flex-direction:column;flex:1;align-self:stretch;min-width:273px;max-width:336px;height:100%;display:flex}.kanban-column-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-1);margin-bottom:var(--space-2);display:flex}.kanban-column-header-meta{align-items:center;gap:var(--space-2);flex-shrink:0;display:inline-flex}.kanban-column-header-action{justify-content:center;align-items:center;display:inline-flex}.kanban-column-title{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);flex:auto;display:flex}.kanban-column-title-label{min-width:0}.kanban-column-dot{border-radius:var(--radius-full);width:8px;height:8px}.kanban-column-count{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-weight-normal);background:0 0;margin-left:auto}.kanban-column-count--inline{min-width:28px;height:20px;color:var(--text-tertiary);padding-inline:7px}.kanban-column-body{gap:var(--space-2);scrollbar-gutter:stable;min-height:0;padding-right:var(--space-1);flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.kanban-column-body>*{overflow:visible!important}.kanban-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.kanban-card:hover{box-shadow:var(--shadow-md);border-color:#ffffff1f}.kanban-card-body{gap:var(--space-2);flex-direction:column;display:flex}.kanban-card-title{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--text-primary);display:block}.kanban-card-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);display:block}.kanban-card-badges{gap:var(--space-1);flex-wrap:wrap;display:flex}.kanban-card-footer{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-secondary);justify-content:space-between;align-items:center;display:flex}.kanban-card-footer-text{font-size:var(--text-xs);color:var(--text-quaternary);display:block}.status-metric{color:var(--text-quaternary);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;align-items:center;gap:2px;line-height:1;display:inline-flex}.status-metric-icon{color:var(--text-quaternary);align-items:center;line-height:1;display:inline-flex}.status-metric-text{color:var(--text-quaternary);line-height:1}.status-metric--warning .status-metric-icon{color:var(--accent-yellow)}.filter-bar{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;flex-wrap:wrap;display:flex}.filter-bar-search{align-items:center;gap:var(--space-2);padding:0 var(--space-2);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);height:32px;color:var(--text-tertiary);min-width:200px;display:flex}.filter-bar-input{font-size:var(--text-base);color:var(--text-primary);flex:1}.filter-bar-input::placeholder{color:var(--text-quaternary)}.filter-bar-clear{color:var(--text-quaternary);cursor:pointer;display:flex}.filter-bar-filters{align-items:center;gap:var(--space-2);display:flex}.filter-chip{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;display:inline-flex}.filter-chip:hover{background:var(--bg-hover);border-color:#ffffff1f}.filter-chip.active{color:var(--text-secondary);border-color:var(--accent-primary);background:0 0}.filter-chip-value{font-weight:var(--font-weight-medium)}.filter-bar-clear-all{font-size:var(--text-sm);color:var(--accent-red);cursor:pointer;background:0 0}.notifications-panel{flex-direction:column;width:380px;max-height:500px;display:flex}.notifications-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-secondary);justify-content:space-between;align-items:center;display:flex}.notifications-title{align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex}.notifications-list{flex:1;overflow-y:auto}.notifications-empty{padding:var(--space-8);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.notification-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:1px solid var(--border-secondary);transition:background var(--transition-fast);display:flex}.notification-item:hover{background:var(--bg-hover)}.notification-item.unread{background:#5e6ad20a}.notification-content{flex:1;min-width:0}.notification-text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-snug)}.notification-text strong{color:var(--text-primary);font-weight:var(--font-weight-medium)}.notification-time{font-size:var(--text-xs);color:var(--text-quaternary);margin-top:2px;display:block}.notification-dot{border-radius:var(--radius-full);background:var(--accent-primary);flex-shrink:0;width:8px;height:8px;margin-top:6px}.toast-container{bottom:var(--space-4);right:var(--space-4);gap:var(--space-2);z-index:200;flex-direction:column-reverse;display:flex;position:fixed}.th-content{align-items:center;gap:var(--space-1);display:flex}.th-sort-icon{color:var(--text-quaternary);display:flex}.insp-page{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.insp-title-bar{background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px 12px;display:flex}.insp-title-left{align-items:center;gap:10px;display:flex}.insp-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.02em;margin-right:4px}.insp-badge{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);letter-spacing:.02em;white-space:nowrap;align-items:center;padding:2px 8px;display:inline-flex}.workspace-tabs,.insp-tabs{isolation:isolate;align-items:center;gap:2px;display:inline-flex;position:relative}.workspace-tabs--contained{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary);padding:4px}.workspace-tabs-indicator{border-radius:var(--radius-full);background:var(--bg-active);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff08;opacity:0;pointer-events:none;z-index:0;will-change:transform, width, height;transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1),opacity .16s;position:absolute;top:0;left:0}.workspace-tab,.insp-tab{z-index:1;min-height:32px;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary);border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast);font:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:6px 14px;display:flex;position:relative}.workspace-tab:hover,.insp-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.workspace-tab.active,.insp-tab.active,.workspace-tab.active:hover,.insp-tab.active:hover{color:var(--text-primary);background:0 0}.workspace-tab.disabled{opacity:.45;cursor:not-allowed}.workspace-tab-icon{justify-content:center;align-items:center;display:inline-flex}.workspace-tab-label{white-space:nowrap}.workspace-tab-badge{color:var(--text-quaternary);font-size:var(--text-xs);font-family:var(--font-mono)}.insp-filter-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);flex-shrink:0;align-items:center;gap:8px;padding:0 24px 12px;display:flex}.insp-search{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);height:32px;color:var(--text-tertiary);align-items:center;gap:8px;min-width:200px;padding:0 10px;display:flex}.insp-search-input{font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.insp-search-input::placeholder{color:var(--text-quaternary)}.insp-filter-btn{height:32px;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:0 12px;display:flex}.insp-filter-btn:hover{background:var(--bg-elevated);border-color:#ffffff1a}.view-mode-toggle{border-radius:var(--radius-lg);isolation:isolate;background:0 0;border:0;align-items:center;gap:2px;padding:4px;display:inline-flex;position:relative}.view-mode-toggle.show-labels{gap:4px}.view-mode-toggle-indicator{border-radius:var(--radius-md);background:var(--bg-active);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff08;opacity:0;pointer-events:none;z-index:0;will-change:transform, width, height;transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1),opacity .16s;position:absolute;top:0;left:0}.view-mode-toggle-option,.insp-view-btn{z-index:1;border-radius:var(--radius-md);width:32px;min-width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast);font:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.view-mode-toggle.show-labels .view-mode-toggle-option{width:auto;padding:0 10px}.view-mode-toggle-option:hover,.insp-view-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.view-mode-toggle-option.active,.insp-view-btn.active,.view-mode-toggle-option.active:hover{color:var(--text-primary);background:0 0}.view-mode-toggle-option.disabled{opacity:.45;cursor:not-allowed}.view-mode-toggle-icon{justify-content:center;align-items:center;display:inline-flex}.view-mode-toggle-label{white-space:nowrap;font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.insp-content-row{flex:1;display:flex;overflow:hidden}.insp-content-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.insp-board{flex:1;gap:0;padding:0 16px 16px;display:flex;overflow:auto hidden}.insp-column{border-right:1px solid var(--border-secondary);flex-direction:column;flex:1;min-width:280px;max-width:340px;display:flex;overflow:hidden}.insp-column:last-child{border-right:none}.insp-column-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.insp-column-title{min-width:0;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);flex:auto;align-items:center;gap:8px;display:flex}.insp-column-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.insp-column-count{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-weight-normal);font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:0 0;margin-left:auto}.insp-column-chevron{color:var(--text-quaternary);cursor:pointer}.insp-column-body{flex-direction:column;flex:1;gap:6px;padding:4px 8px 8px;display:flex;overflow-y:auto}.insp-card{border-radius:var(--radius-lg);cursor:pointer;padding:12px}.insp-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.insp-card-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--leading-snug)}.insp-card-header svg{color:var(--text-quaternary);flex-shrink:0;margin-top:2px}.insp-card-address{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-snug);margin-top:4px}.insp-card-property{font-size:var(--text-xs);color:var(--text-quaternary);margin-top:1px}.insp-card-row{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.insp-card-city{font-size:var(--text-xs);color:var(--text-secondary)}.insp-card-status{font-size:var(--text-xs);color:var(--text-quaternary);align-items:center;gap:4px;display:flex}.insp-card-status.live{color:var(--accent-green)}.insp-card-types{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.insp-card-footer{border-top:1px solid var(--border-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:10px;padding-top:8px;display:flex}.insp-card-inspector{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:4px;display:flex}.insp-card-inspector svg{color:var(--text-quaternary)}.insp-card-badges{align-items:center;gap:4px;display:flex}.insp-card-more{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-quaternary);cursor:pointer;justify-content:center;align-items:center;display:flex}.insp-card-more:hover{background:var(--bg-hover);color:var(--text-secondary)}.insp-card-time{color:var(--text-quaternary);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;align-items:center;gap:2px;margin-left:auto;line-height:1;display:inline-flex}.insp-card-time svg{color:var(--text-quaternary);flex-shrink:0}.insp-card-time.alert svg{color:var(--accent-yellow)}.insp-card-time span{color:inherit;line-height:1}.insp-reassign{font-size:var(--text-xs);color:var(--accent-blue);font-weight:var(--font-weight-medium);cursor:pointer;align-items:center;gap:3px;display:inline-flex}.insp-reassign:hover{color:#4a9ae6;text-decoration:underline}.insp-placeholder{flex:1;justify-content:center;align-items:center;display:flex}.insp-placeholder-text{font-size:var(--text-md);color:var(--text-quaternary)}.insp-table-wrap{flex:1;overflow-y:auto}.insp-flat-row{cursor:pointer;height:40px;transition:background var(--transition-fast);font-size:var(--text-sm);align-items:center;gap:6px;padding:0 24px;display:flex}.insp-flat-row:hover{background:var(--bg-hover)}.insp-flat-priority{flex-shrink:0;justify-content:center;align-items:center;width:16px;display:flex}.insp-flat-id{font-size:var(--text-xs);color:var(--text-quaternary);font-family:var(--font-mono);flex-shrink:0;min-width:32px}.insp-flat-status{flex-shrink:0;justify-content:center;align-items:center;width:16px;display:flex}.insp-flat-status-dot{border-radius:var(--radius-full);width:6px;height:6px}.insp-flat-name{font-weight:var(--font-weight-normal);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.insp-flat-spacer{flex:1;min-width:16px}.insp-flat-label{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;border:1px solid var(--border-primary);border-radius:var(--radius-full);flex-shrink:0;align-items:center;gap:4px;height:24px;padding:3px 10px;display:inline-flex}.insp-flat-label-dot{border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.insp-flat-label-more{font-size:var(--text-xs);color:var(--text-quaternary);flex-shrink:0}.insp-mode-live{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--accent-green);background:var(--accent-green-bg);border-radius:var(--radius-sm);flex-shrink:0;align-items:center;gap:4px;padding:1px 6px;display:inline-flex}.insp-flat-avatar{border-radius:var(--radius-full);width:20px;height:20px;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-on-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.insp-flat-date{white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:flex}.table-board{flex-direction:column;gap:6px;width:100%;display:flex}.table-board-group{flex-direction:column;gap:0;display:flex}.table-board-group-header{border-radius:var(--radius-md);background:var(--bg-secondary);width:calc(100% - 8px);color:var(--text-tertiary);font-size:var(--text-sm);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast), color var(--transition-fast);border:none;align-items:center;gap:8px;margin:8px 4px;padding:8px 12px;display:flex}.table-board-group-header:hover{background:var(--bg-primary);color:var(--text-secondary)}.table-board-group-chevron{color:var(--table-board-group-accent-color,var(--text-quaternary));transition:transform var(--transition-fast);align-items:center;display:inline-flex;transform:rotate(0)}.table-board-group-chevron.collapsed{transform:rotate(-90deg)}.table-board-group-label{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.table-board-group-count{font-size:var(--text-sm);color:var(--text-quaternary);font-variant-numeric:tabular-nums}.table-board-group-panel{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.table-board-group-panel.open{grid-template-rows:1fr}.table-board-group-panel-inner{overflow:hidden}.table-board-row{--table-board-row-bg:transparent;min-height:44px;font-size:var(--text-sm);transition:background var(--transition-fast);align-items:center;gap:6px;padding:0 24px;display:flex}.table-board-row+.table-board-row{border-top:1px solid var(--border-secondary)}.table-board-row.clickable{cursor:pointer}.table-board-row.clickable:hover,.table-board-row.clickable:focus-visible{--table-board-row-bg:var(--bg-hover);background:var(--bg-hover);outline:none}.table-board-priority{flex-shrink:0;justify-content:center;align-items:center;width:16px;display:flex}.table-board-id{min-width:56px;color:var(--text-quaternary);font-size:var(--text-xs);font-family:var(--font-mono);flex-shrink:0}.table-board-status{flex-shrink:0;justify-content:center;align-items:center;width:16px;display:flex}.table-board-status-dot{border-radius:var(--radius-full);width:6px;height:6px}.table-board-title-block{flex-direction:column;flex:0 auto;justify-content:center;gap:2px;min-width:0;display:flex}.table-board-title-block.inline-subtitle{flex-direction:row;align-items:center;gap:8px}.table-board-title{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-board-subtitle{min-width:0;color:var(--text-quaternary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.table-board-subtitle.inline{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);flex:0 auto;line-height:1}.table-board-spacer{flex:1;min-width:20px}.table-board-pills{flex:0 auto;align-items:center;gap:6px;min-width:0;display:inline-flex;position:relative;overflow:hidden}.table-board-pills.has-overflow{padding-right:18px}.table-board-pills.has-overflow:after{content:"...";background:linear-gradient(to right, transparent, var(--table-board-row-bg,var(--bg-primary)) 40%);color:var(--text-quaternary);font-size:var(--text-xs);letter-spacing:.04em;padding-left:8px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.table-board-pill{border:1px solid var(--border-primary);border-radius:var(--radius-full);height:24px;color:var(--text-tertiary);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.table-board-pill-dot{border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.table-board-metric{border:1px solid var(--border-primary);border-radius:var(--radius-full);height:24px;color:var(--text-quaternary);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.table-board-metric .status-metric-text,.table-board-metric .status-metric-icon{color:inherit}.table-board-metric .status-metric--warning .status-metric-icon{color:var(--accent-yellow)}.table-board-avatar{width:20px;min-width:20px;height:20px;font-size:8px;font-weight:var(--font-weight-semibold);letter-spacing:.01em;flex-shrink:0}.table-board-meta{color:var(--text-quaternary);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.insp-detail-overlay{z-index:10;animation:.25s ease-out insp-detail-overlay-in;display:flex;position:absolute;inset:0}@keyframes insp-detail-overlay-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.insp-detail-layout{flex:1;height:100%;display:flex;overflow:hidden}.insp-detail{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;display:flex}.insp-chat-panel{border-left:1px solid var(--border-primary);background:radial-gradient(ellipse 60% 60% at 100% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 0% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-third);flex-direction:column;flex-shrink:0;width:299px;min-width:299px;height:100%;display:flex;overflow:hidden}.insp-chat-conversation{border-left:1px solid var(--border-primary);background:radial-gradient(ellipse 60% 60% at 0% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 100% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-primary);flex-direction:column;flex-shrink:0;width:299px;min-width:299px;animation:.2s ease-out insp-chat-conv-in;display:flex}@keyframes insp-chat-conv-in{0%{opacity:0;width:0;min-width:0}to{opacity:1;width:299px;min-width:299px}}.insp-detail-header{border-bottom:1px solid var(--border-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.insp-detail-header-left{align-items:center;gap:8px;min-width:0;display:flex}.insp-detail-header-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.insp-detail-divider{background:var(--border-primary);width:1px;height:16px;margin:0 2px}.insp-detail-id{font-size:var(--text-sm);color:var(--text-tertiary);flex-shrink:0}.insp-detail-sep{color:var(--text-quaternary)}.insp-detail-name{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.insp-detail-phase{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:3px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:500}.insp-detail-info-bar{border-bottom:1px solid var(--border-secondary);font-size:var(--text-sm);flex-wrap:wrap;flex-shrink:0;gap:16px;padding:10px 16px;display:flex}.insp-detail-info-chip{color:var(--text-secondary);align-items:center;gap:5px;display:flex}.insp-detail-info-chip svg{color:var(--text-quaternary);flex-shrink:0}.insp-detail-tabs{border-bottom:1px solid var(--border-secondary);flex-shrink:0;gap:0;padding:0 16px;display:flex}.insp-detail-scroll{flex:1;overflow-y:auto}.insp-detail-content{padding:14px 16px}.insp-detail-type-list,.insp-detail-badges{flex-wrap:wrap;gap:6px;display:flex}.insp-detail-activity-item{border-bottom:1px solid var(--border-secondary);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.insp-detail-activity-item:last-child{border-bottom:none}.insp-detail-activity-dot{background:var(--text-quaternary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.insp-detail-activity-body{min-width:0;font-size:var(--text-sm);color:var(--text-secondary);flex:1;line-height:1.5}.insp-detail-activity-who{color:var(--text-primary);margin-right:4px;font-weight:500}.insp-detail-activity-action{color:var(--text-secondary)}.insp-detail-activity-time{font-size:var(--text-xs);color:var(--text-quaternary);white-space:nowrap;flex-shrink:0;margin-top:2px}.insp-detail-note{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:6px;margin-bottom:8px;padding:12px}.insp-detail-note:last-child{margin-bottom:0}.insp-detail-note-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.insp-detail-note-author{font-size:var(--text-xs);color:var(--text-primary);font-weight:500}.insp-detail-note-time{color:var(--text-quaternary);margin-left:auto;font-size:10px}.insp-detail-note-text{font-size:var(--text-sm);color:var(--text-secondary);padding-left:22px;line-height:1.5}.insp-intake-card{border-left:3px solid var(--border-primary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:6px;padding:14px 16px;display:flex}.insp-intake-card:last-child{margin-bottom:0}.insp-intake-card-left{flex-direction:column;gap:3px;min-width:0;display:flex}.insp-intake-card-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.insp-intake-card-detail{font-size:var(--text-xs);color:var(--text-tertiary)}.insp-intake-status{letter-spacing:.04em;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600}.insp-section-count{color:var(--text-quaternary);font-weight:400}.insp-quote-card{border-bottom:1px solid var(--border-secondary);transition:background var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;display:flex}.insp-quote-card:last-child{border-bottom:none}.insp-quote-card:hover{background:var(--bg-hover)}.insp-quote-id{font-size:var(--text-xs);color:var(--text-quaternary);flex-shrink:0;font-weight:600}.insp-quote-info{flex:1;min-width:0}.insp-quote-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.insp-quote-date{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:1px}.insp-quote-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.insp-quote-chat-icon{color:var(--text-quaternary);cursor:pointer;transition:color var(--transition-fast)}.insp-quote-chat-icon:hover{color:var(--text-primary)}.insp-quote-amount{font-size:var(--text-sm);color:#5bb98e;font-variant-numeric:tabular-nums;font-weight:600}.insp-pricing-row{gap:16px;display:flex}.insp-pricing-col{flex:1;min-width:0}@media (width<=1024px){.insp-pricing-row{flex-direction:column}}.insp-pricing-header{background:var(--bg-card);border:1px solid var(--border-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast), border-radius .25s ease;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;box-shadow:0 1px 4px #0000001a}.insp-pricing-header:hover{background:var(--bg-active)}.insp-pricing-header-left{color:var(--text-primary);align-items:center;gap:8px;display:flex}.insp-pricing-title{font-size:var(--text-md);font-weight:600}.insp-pricing-pending-count{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:400}.insp-pricing-header-right{align-items:center;gap:12px;display:flex}.insp-pricing-add-btn{font-size:var(--text-xs);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:4px 10px;font-weight:500}.insp-pricing-add-btn:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.insp-pricing-chevron{color:var(--text-tertiary);display:flex}.insp-collapse-wrap{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.insp-collapse-wrap.open{grid-template-rows:1fr}.insp-collapse-inner{overflow:hidden}.insp-pricing-header.expanded{border-radius:8px 8px 0 0}.insp-pricing-body{border:1px solid var(--border-secondary);background:radial-gradient(ellipse 60% 60% at 100% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 0% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-third);border-top:none;border-radius:0 0 8px 8px;overflow:hidden;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a}.accordion-content.insp-pricing-body-inner{padding:0;overflow:hidden}.insp-pricelist-row{background:var(--bg-elevated);border-bottom:1px solid var(--border-secondary);cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);transition:background var(--transition-fast);align-items:center;gap:8px;padding:10px 16px;display:flex}.insp-pricelist-row:hover{background:var(--bg-hover)}.insp-pricelist-chevron{color:var(--text-tertiary);display:flex}.insp-pricelist-label{font-weight:500}.insp-pricing-add-price-btn{font-size:var(--text-xs);color:var(--accent-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#5b8dd61f;border:1px solid #5b8dd633;padding:4px 10px;font-weight:500}.insp-pricing-add-price-btn:hover{background:#5b8dd62e}.insp-pricelist-accordion{border-bottom:1px solid var(--border-secondary)}.insp-pricelist-trigger{background:var(--bg-elevated);cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.insp-pricelist-trigger:hover{background:var(--bg-surface)}.insp-pricelist-trigger.expanded{border-bottom:1px solid var(--border-secondary)}.insp-pricelist-body{max-height:400px;overflow-y:auto}.insp-pricelist-group-header{font-size:var(--text-xs);color:var(--text-tertiary);border-bottom:1px solid var(--border-secondary);align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:flex}.insp-pricelist-group-header.recommended{color:var(--accent-yellow);background:var(--accent-yellow-bg)}.insp-pricelist-rec-badge{color:var(--accent-yellow);background:var(--accent-yellow-bg);border-radius:var(--radius-full);border:1px solid #c9a84e40;align-items:center;gap:3px;margin-left:6px;padding:1px 8px;font-size:10px;display:inline-flex}.insp-lineitem-note{font-size:var(--text-xs);color:var(--text-quaternary);margin-top:2px;font-style:italic}.insp-lineitems-header{border-bottom:1px solid var(--border-secondary);font-size:var(--text-xs);align-items:center;gap:10px;padding:8px 16px;display:flex}.insp-checkbox{color:var(--text-quaternary);cursor:pointer;flex-shrink:0}.insp-lineitems-label{color:var(--text-tertiary);font-weight:500}.insp-lineitems-count{color:var(--text-quaternary);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.insp-lineitem{border-bottom:1px solid var(--border-secondary);transition:background var(--transition-fast);align-items:center;gap:10px;padding:12px 16px;display:flex}.insp-lineitem:last-child{border-bottom:none}.insp-lineitem:hover{background:var(--bg-hover)}.insp-lineitem-content{flex:1;min-width:0}.insp-lineitem-top{font-size:var(--text-sm)}.insp-lineitem-service{color:var(--text-primary);font-weight:600}.insp-lineitem-type{color:var(--text-tertiary)}.insp-lineitem-detail{font-size:var(--text-xs);color:var(--text-quaternary);margin-top:2px}.insp-lineitem-amount{font-size:var(--text-sm);color:#5bb98e;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.insp-lineitem-menu{color:var(--text-quaternary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:2px;display:flex}.insp-lineitem-menu:hover{color:var(--text-primary);background:var(--bg-active)}.insp-plansets-desc{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:400}.insp-planset-submission{border-bottom:1px solid var(--border-secondary);padding:14px 16px}.insp-planset-submission:last-child{border-bottom:none}.insp-planset-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.insp-planset-badges{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.insp-planset-meta{align-items:center;gap:12px;display:flex}.insp-planset-meta-item{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:4px;display:flex}.insp-planset-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.insp-planset-action-btn{font-size:var(--text-xs);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:5px;padding:5px 12px;font-weight:500;display:flex}.insp-planset-action-btn:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.insp-planset-action-btn.primary{color:var(--text-primary);background:var(--bg-active);font-weight:600}.insp-planset-files{gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex;overflow-x:auto}.insp-planset-file{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:72px;display:flex}.insp-planset-file-thumb{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:68px;height:80px;color:var(--text-quaternary);transition:border-color var(--transition-fast);cursor:pointer;background:#fff;border:1px solid #9b9da0;border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.insp-planset-file-thumb:after{content:"";pointer-events:none;z-index:1;background:#00000059;border-radius:3px;position:absolute;inset:0}.insp-planset-file-thumb:hover{border-color:#fff}.insp-planset-file-thumb:hover:after{background:0 0}.insp-planset-file-name{color:var(--text-quaternary);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;overflow:hidden}iframe.insp-planset-file-preview{pointer-events:none;transform-origin:0 0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:none;width:800px;height:1035px;position:absolute;top:0;left:0;transform:scale(.085)}img.insp-planset-file-preview{object-fit:cover;pointer-events:none;border:none;width:100%;height:100%}.insp-planset-categories{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.insp-planset-cat-tag{color:var(--text-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);padding:3px 10px;font-size:11px}.insp-planset-review-history{font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);align-items:center;gap:6px;padding:4px 0;display:flex}.insp-planset-review-history:hover{color:var(--text-secondary)}.insp-file-review-icon{background:var(--bg-primary);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:2px;right:2px}.insp-file-review-icon.pass{color:#5bb98e}.insp-file-review-icon.alert{color:#f59e0b}.insp-review-history-content{padding:8px 0 4px}.insp-review-entry{padding:8px 0}.insp-review-entry-header{font-size:var(--text-xs);align-items:center;gap:6px;margin-bottom:6px;display:flex}.insp-review-entry-dots{gap:3px;display:flex}.insp-review-dot{border-radius:50%;width:8px;height:8px}.insp-review-entry-count{color:var(--text-primary);font-weight:600}.insp-review-entry-status{font-weight:600}.insp-review-entry-by{color:var(--text-tertiary)}.insp-review-reopen{font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;margin-left:auto;display:flex}.insp-review-reopen:hover{color:var(--text-primary)}.insp-review-entry-thumbs{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.insp-review-thumb{cursor:pointer;width:52px;height:62px;transition:border-color var(--transition-fast);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #9b9da0;border-radius:3px;flex-shrink:0;position:relative;overflow:hidden}.insp-review-thumb:after{content:"";pointer-events:none;z-index:1;background:#00000059;border-radius:2px;position:absolute;inset:0}.insp-review-thumb:hover{border-color:#fff}.insp-review-thumb:hover:after{background:0 0}iframe.insp-review-thumb-preview{pointer-events:none;transform-origin:0 0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:none;width:800px;height:1035px;position:absolute;top:0;left:0;transform:scale(.065)}img.insp-review-thumb-preview{object-fit:cover;pointer-events:none;border:none;width:100%;height:100%}.doc-review-overlay{z-index:9999;background:var(--bg-primary);flex-direction:column;animation:.25s ease-out insp-detail-overlay-in;display:flex;position:fixed;inset:0}.doc-review-header{border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.doc-review-header-left{flex-shrink:0;align-items:center;gap:8px;display:flex}.doc-review-close{border-radius:var(--radius-md);border:1px solid var(--border-primary);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.doc-review-close:hover{background:var(--bg-hover)}.doc-review-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;font-weight:600}.doc-review-header-center{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.doc-review-page-label{color:var(--text-quaternary);letter-spacing:.05em;font-size:10px;font-weight:600}.doc-review-page-btn{border-radius:var(--radius-sm);border:1px solid var(--border-primary);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.doc-review-page-btn:hover:not(:disabled){background:var(--bg-hover)}.doc-review-page-btn:disabled{opacity:.3;cursor:default}.doc-review-page-num{font-size:var(--text-xs);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.doc-review-filename{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.doc-review-header-right{flex-shrink:0}.doc-review-request-btn{font-size:var(--text-xs);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);background:#5b8dd6;border:none;padding:6px 14px;font-weight:600}.doc-review-request-btn:hover{background:#2563eb}.doc-review-body{flex:1;display:flex;overflow:hidden}.doc-review-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-primary);flex-direction:column;gap:6px;width:140px;min-width:140px;padding:8px;display:flex;overflow-y:auto}.doc-review-thumb{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex;position:relative}.doc-review-thumb:hover{background:var(--bg-hover)}.doc-review-thumb:hover .doc-review-thumb-img{border-color:#fff}.doc-review-thumb:hover .doc-review-thumb-img:after{background:0 0}.doc-review-thumb.active{background:var(--bg-active);outline:2px solid var(--accent-primary);outline-offset:-2px}.doc-review-thumb-img{aspect-ratio:8.5/11;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;color:var(--text-quaternary);background:#fff;border:1px solid #9b9da0;border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.doc-review-thumb-img:after{content:"";pointer-events:none;z-index:1;background:#00000059;border-radius:3px;position:absolute;inset:0}.doc-review-thumb-badge{background:var(--bg-primary);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:3px;right:3px}.doc-review-thumb-badge.pass{color:#5bb98e}.doc-review-thumb-badge.alert{color:#f59e0b}.doc-review-thumb-name{color:var(--text-quaternary);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px;overflow:hidden}iframe.doc-review-thumb-preview{pointer-events:none;transform-origin:0 0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:none;width:800px;height:1035px;position:absolute;top:0;left:0;transform:scale(.145)}img.doc-review-thumb-preview{object-fit:cover;pointer-events:none;border:none;width:100%;height:100%}.doc-review-viewer{background:#fff;flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.doc-review-viewer-pdf{border:none;width:100%;height:100%}.doc-review-viewer-img{object-fit:contain;max-width:100%;max-height:100%}.doc-review-tools{background:var(--bg-secondary);border-left:1px solid var(--border-primary);flex-direction:column;width:280px;min-width:280px;display:flex;overflow:hidden}.doc-review-tools-tabs{border-bottom:1px solid var(--border-primary);flex-shrink:0;display:flex}.doc-review-tools-tab{font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-weight:500}.doc-review-tools-tab.active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.doc-review-tools-tab:hover{color:var(--text-secondary)}.doc-review-tools-content{flex:1;overflow-y:auto}.doc-review-checklist{padding:8px}.doc-review-check-item{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:8px;padding:6px 8px;display:flex}.doc-review-check-item:hover,.doc-review-check-item.active{background:var(--bg-hover)}.doc-review-check-name{font-size:var(--text-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.doc-review-ai-section{padding:16px}.doc-review-ai-btn{width:100%;font-size:var(--text-xs);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:flex}.doc-review-ai-btn:hover{opacity:.9}.doc-review-ai-note{color:var(--text-quaternary);margin-top:10px;font-size:11px;line-height:1.4}.doc-review-section{border-top:1px solid var(--border-primary);padding:12px 16px}.doc-review-section-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:11px;font-weight:600}.doc-review-trades-list{flex-wrap:wrap;gap:6px;display:flex}.doc-review-comments-empty{font-size:var(--text-xs);color:var(--text-quaternary);padding:8px 0}.insp-tab-placeholder{height:200px;font-size:var(--text-sm);color:var(--text-quaternary);justify-content:center;align-items:center;display:flex}.fcc-details-panel-root{pointer-events:none;position:absolute;inset:0}.fcc-details-panel-backdrop{opacity:0;pointer-events:auto;background:#0000008c;transition:opacity .3s ease-in-out;position:absolute;inset:0}.fcc-details-panel-root--visible .fcc-details-panel-backdrop{opacity:1}.fcc-details-panel{background:var(--bg-primary);border-left:1px solid var(--border-primary);pointer-events:auto;flex-direction:column;width:100%;min-width:0;transition:transform .3s ease-in-out;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #00000059}.fcc-details-panel-root--visible .fcc-details-panel{transform:translate(0)}@media (width<=1024px){.fcc-details-panel{width:100%}}.fcc-details-panel-resize{cursor:col-resize;z-index:2;background:0 0;width:4px;transition:background .12s;position:absolute;top:0;bottom:0;left:0}.fcc-details-panel-resize:hover{background:var(--primary,#22b6c8)}@media (width<=1024px){.fcc-details-panel-resize{display:none}}.fcc-details-panel-header{border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.fcc-details-panel-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.fcc-details-panel-close{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.fcc-details-panel-close:hover{background:var(--bg-hover);color:var(--text-primary)}.fcc-details-panel-body{flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.fcc-details-panel-loading{background:var(--bg-primary);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fcc-app-shell{background:var(--bg-sidebar);height:100vh;display:flex;overflow:hidden}.fcc-sidebar{background:var(--bg-sidebar);width:60px;padding:var(--space-2) 0;z-index:40;transition:width var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.fcc-sidebar:hover{width:var(--sidebar-width);box-shadow:2px 0 6px #0000001a}.fcc-sidebar-brand{flex-shrink:0;height:52px;padding:10px 14px;position:relative;overflow:hidden}.fcc-sidebar-brand-logo-slot{flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;display:flex;position:absolute;top:10px;left:14px}.fcc-sidebar-brand-logo-slot>*{flex-shrink:0;display:block}.fcc-brand-logo{object-fit:contain;flex-shrink:0;width:32px;min-width:32px;height:32px;min-height:32px}.fcc-sidebar-brand-text{font-weight:var(--font-weight-semibold);font-size:var(--text-lg);color:var(--text-primary);opacity:0;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;min-width:0;transition:opacity 95ms ease-in-out 35ms;position:absolute;top:50%;left:56px;right:14px;overflow:hidden;transform:translateY(-50%)}.fcc-sidebar:hover .fcc-sidebar-brand-text{opacity:1;transition-delay:30ms}.fcc-sidebar-nav{min-height:0;padding-bottom:var(--space-2);flex-direction:column;flex:1;gap:2px;margin-top:4px;display:flex;overflow:hidden}.fcc-sidebar-entry{flex-direction:column;flex-shrink:0;display:flex}.fcc-sidebar-entry.expanded{flex:1;min-height:0}.fcc-sidebar-item-chevron{color:var(--text-quaternary);border-radius:var(--radius-sm);cursor:pointer;width:22px;height:22px;transition:color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.fcc-sidebar-item-chevron:hover{color:var(--text-secondary);background:#ffffff0d}.fcc-sidebar-item-chevron svg{transition:transform var(--transition-fast)}.fcc-sidebar-item-chevron.is-expanded svg{transform:rotate(180deg)}.fcc-sidebar-item.active .fcc-sidebar-item-chevron{color:var(--text-secondary)}.fcc-sidebar-accordion{flex-direction:column;flex:1;gap:10px;min-height:0;padding:8px 8px 10px;display:flex}.fcc-sidebar-search{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);width:100%;min-height:36px;color:var(--text-tertiary);box-sizing:border-box;align-items:center;gap:8px;padding:0 12px;display:flex}.fcc-sidebar-search-input{min-width:0;color:var(--text-primary);font-size:var(--text-sm);background:0 0;border:none;flex:1}.fcc-sidebar-search-input::placeholder{color:var(--text-quaternary)}.fcc-sidebar-accordion-body{gap:var(--space-3);flex-direction:column;flex:1;min-height:0;padding:0 4px;display:flex;overflow-y:auto}.fcc-sidebar-section{flex-direction:column;gap:6px;display:flex}.fcc-sidebar-section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-quaternary);padding:0 12px}.fcc-sidebar-child-list{flex-direction:column;gap:2px;display:flex}.fcc-sidebar-child-item{border-radius:var(--radius-md);min-height:30px;color:var(--text-secondary);text-align:left;font-size:var(--text-sm);background:0 0;border:none;align-items:center;padding:0 12px;display:flex}.fcc-sidebar-child-item:hover{background:var(--bg-hover);color:var(--text-primary)}.fcc-sidebar-child-item.active{background:var(--bg-active);color:var(--text-primary)}.fcc-sidebar-empty{color:var(--text-quaternary);font-size:var(--text-xs);padding:0 12px}.fcc-sidebar-item{width:100%;min-height:42px;color:var(--text-secondary);white-space:nowrap;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:0 14px 0 19px;display:flex;position:relative}.fcc-sidebar-item:before{content:"";border-radius:var(--radius-md);transition:background var(--transition-fast), border-color var(--transition-fast);position:absolute;inset:2px 8px}.fcc-sidebar-item:hover:before{background:var(--bg-hover)}.fcc-sidebar-item:hover{color:var(--text-primary)}.fcc-sidebar-item.active:before{background:var(--bg-active)}.fcc-sidebar-item.active{color:var(--text-primary)}.fcc-sidebar-item.disabled{opacity:.45;cursor:not-allowed}.fcc-sidebar-item>*{z-index:1;position:relative}.fcc-sidebar-item-icon{width:22px;min-width:22px;height:22px;min-height:22px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.fcc-sidebar-item.active .fcc-sidebar-item-icon{color:var(--text-primary)}.fcc-sidebar-label{white-space:nowrap}.fcc-sidebar:not(:hover) .fcc-sidebar-accordion{display:none}.fcc-sidebar-item-label{opacity:0;flex:1;min-width:0;max-width:0;transition:max-width .15s ease-in-out,opacity 95ms ease-in-out 35ms,transform .15s ease-in-out;overflow:hidden;transform:translate(-6px)}.fcc-sidebar:hover .fcc-sidebar-item-label{opacity:1;max-width:160px;transition-delay:30ms,30ms,30ms;transform:translate(0)}.fcc-sidebar-item-badge{border-radius:var(--radius-full);border:1px solid var(--border-primary);background:var(--bg-primary);min-width:18px;height:18px;color:var(--text-tertiary);font-size:var(--text-xs);font-family:var(--font-mono);opacity:0;justify-content:center;align-items:center;padding:0 6px;transition:opacity 95ms ease-in-out 35ms,transform .15s ease-in-out;display:inline-flex;transform:translate(-4px)}.fcc-sidebar:hover .fcc-sidebar-item-badge{opacity:1;transition-delay:30ms,30ms;transform:translate(0)}.fcc-sidebar-footer{border-top:1px solid var(--border-secondary);align-items:center;gap:10px;margin-top:auto;padding:12px 14px;display:flex}.fcc-sidebar-profile{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.fcc-sidebar-profile-copy{opacity:0;flex-direction:column;gap:1px;min-width:0;max-width:0;transition:max-width .15s ease-in-out,opacity 95ms ease-in-out 35ms,transform .15s ease-in-out;display:flex;overflow:hidden;transform:translate(-6px)}.fcc-sidebar:hover .fcc-sidebar-profile-copy{opacity:1;max-width:132px;transition-delay:30ms,30ms,30ms;transform:translate(0)}.fcc-sidebar-avatar{border-radius:var(--radius-full);background:var(--accent-primary);width:32px;height:32px;color:var(--text-on-accent);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.fcc-sidebar-profile-name{color:var(--text-primary)}.fcc-sidebar-profile-meta{color:var(--text-quaternary);font-size:var(--text-xs)}.fcc-sidebar-logout{border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-tertiary);opacity:0;flex-shrink:0;justify-content:center;align-items:center;transition:opacity 95ms ease-in-out 35ms,transform .15s ease-in-out,background-color .15s ease-in-out,color .15s ease-in-out;display:flex;transform:translate(-6px)}.fcc-sidebar:hover .fcc-sidebar-logout{opacity:1;transition-delay:30ms,30ms,0s,0s;transform:translate(0)}.fcc-sidebar-logout:hover{background:var(--bg-hover);color:var(--text-primary)}.fcc-main-window{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;flex-direction:column;flex:1;margin:10px 10px 10px 62px;display:flex;overflow:hidden}.fcc-workspace-header{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--header-height);padding:0 var(--space-4);border-bottom:1px solid var(--border-secondary);background:var(--bg-secondary);border-radius:8px 8px 0 0;flex-shrink:0;display:flex}.fcc-workspace-header-left,.fcc-workspace-header-right{align-items:center;min-width:0;display:flex}.fcc-workspace-header-left{gap:var(--space-2);flex:1}.fcc-workspace-header-right{color:var(--text-tertiary);gap:2px}.fcc-breadcrumbs{align-items:center;gap:0;min-width:0;display:flex}.fcc-breadcrumb-segment{align-items:center;min-width:0;display:flex}.fcc-breadcrumb-item{min-width:0;color:var(--text-tertiary);font-size:var(--text-md);cursor:default;align-items:center;display:inline-flex}button.fcc-breadcrumb-item,a.fcc-breadcrumb-item{cursor:pointer}button.fcc-breadcrumb-item:hover,a.fcc-breadcrumb-item:hover{color:var(--text-secondary)}.fcc-breadcrumb-item.current{color:var(--text-primary)}.fcc-breadcrumb-sep{margin:0 var(--space-2);color:var(--text-quaternary);font-size:var(--text-sm)}@media (width<=767px){.fcc-breadcrumbs .fcc-breadcrumb-segment:not(:last-child),.fcc-breadcrumbs .fcc-breadcrumb-segment:last-child .fcc-breadcrumb-sep{display:none}.fcc-breadcrumb-item{font-weight:var(--font-weight-semibold);color:var(--text-primary)}}.fcc-header-status{border:1px solid var(--border-primary);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);background:#ffffff03;align-items:center;gap:6px;margin-right:6px;padding:4px 10px;display:inline-flex}.fcc-header-status-dot{border-radius:var(--radius-full);background:var(--accent-green);width:8px;height:8px}.fcc-header-status-success .fcc-header-status-dot{background:var(--accent-green)}.fcc-header-status-warning .fcc-header-status-dot{background:var(--accent-yellow)}.fcc-header-status-danger .fcc-header-status-dot{background:var(--accent-red)}.fcc-header-status-info .fcc-header-status-dot{background:var(--accent-primary)}.fcc-header-status-neutral .fcc-header-status-dot{background:var(--text-tertiary)}.fcc-main-window-content{flex:1;min-height:0;position:relative;overflow:auto}.fcc-main-window-content-with-side-panel{min-width:0;display:flex;overflow:hidden}.fcc-main-window-content-padded{padding:28px 32px 36px}.fcc-main-window-content-full{padding-right:0}@media (width<=960px){.fcc-app-shell:not(.fcc-mobile-shell) .fcc-sidebar{width:72px}.fcc-app-shell:not(.fcc-mobile-shell) .fcc-sidebar:hover{width:72px;box-shadow:none}.fcc-app-shell:not(.fcc-mobile-shell) .fcc-sidebar .fcc-sidebar-label,.fcc-app-shell:not(.fcc-mobile-shell) .fcc-sidebar:hover .fcc-sidebar-label,.fcc-app-shell:not(.fcc-mobile-shell) .fcc-sidebar .fcc-sidebar-logout,.fcc-app-shell:not(.fcc-mobile-shell) .fcc-sidebar:hover .fcc-sidebar-logout{opacity:0}.fcc-app-shell:not(.fcc-mobile-shell) .fcc-main-window{margin-left:74px}.fcc-main-window-content-padded{padding:20px 18px 28px}}.fcc-sidebar-pin-btn{top:13px;left:calc(var(--sidebar-width) - 36px);border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--transition-fast), background var(--transition-fast), color var(--transition-fast);z-index:101;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:fixed}.fcc-sidebar:hover .fcc-sidebar-pin-btn,.fcc-sidebar-pinned .fcc-sidebar-pin-btn{opacity:1;pointer-events:auto}.fcc-sidebar-pin-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.fcc-sidebar-pinned .fcc-sidebar-pin-btn{color:var(--accent-primary)}.fcc-sidebar-pinned .fcc-sidebar,.fcc-sidebar-pinned .fcc-sidebar:hover{width:var(--sidebar-width);box-shadow:none}.fcc-sidebar-pinned .fcc-sidebar-brand-text{opacity:1}.fcc-sidebar-pinned .fcc-sidebar-item-label,.fcc-sidebar-pinned .fcc-sidebar-item-badge,.fcc-sidebar-pinned .fcc-sidebar-profile-copy,.fcc-sidebar-pinned .fcc-sidebar-logout{opacity:1;max-width:160px;transform:translate(0)}.fcc-sidebar-pinned .fcc-sidebar-accordion{display:block}.fcc-sidebar-pinned .fcc-main-window{margin-left:calc(var(--sidebar-width) + 2px)}.fcc-hamburger-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.fcc-hamburger-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.fcc-sidebar-close-btn{top:12px;left:calc(var(--sidebar-width) - 40px);border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:transform .25s cubic-bezier(.4, 0, .2, 1), background var(--transition-fast), color var(--transition-fast);z-index:1401;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:fixed;transform:translate(-100%)}.fcc-sidebar-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.fcc-mobile-menu-open .fcc-sidebar-close-btn{transform:translate(0)}@media (width<=1023px){.fcc-mobile-shell .fcc-sidebar-pin-btn{display:none}.fcc-mobile-shell .fcc-sidebar{box-shadow:none;width:var(--sidebar-width);transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.fcc-mobile-shell .fcc-sidebar:hover{width:var(--sidebar-width);box-shadow:none}.fcc-mobile-shell .fcc-main-window{margin-left:10px}.fcc-mobile-shell .fcc-sidebar .fcc-sidebar-label,.fcc-mobile-shell .fcc-sidebar .fcc-sidebar-logout,.fcc-mobile-shell .fcc-sidebar .fcc-sidebar-brand-text,.fcc-mobile-shell .fcc-sidebar .fcc-sidebar-item-label,.fcc-mobile-shell .fcc-sidebar .fcc-sidebar-item-badge,.fcc-mobile-shell .fcc-sidebar .fcc-sidebar-profile-copy{opacity:1;max-width:160px;transform:translate(0)}.fcc-mobile-shell .fcc-sidebar .fcc-sidebar-brand-text{transform:translateY(-50%)}.fcc-mobile-menu-open .fcc-sidebar{z-index:1400;transform:translate(0);box-shadow:4px 0 24px #0006}.fcc-mobile-menu-open .fcc-sidebar .fcc-sidebar-accordion{display:flex}}.fcc-mobile-menu-backdrop{z-index:1399;background:#00000073;animation:.18s forwards fcc-mobile-menu-backdrop-in;position:fixed;inset:0}@keyframes fcc-mobile-menu-backdrop-in{0%{opacity:0}to{opacity:1}}.fcc-side-panel-layout{flex:1;min-height:0;display:flex;overflow:hidden}.fcc-side-panel-content{flex:1;min-width:0;overflow:auto}.fcc-side-panel-rail{pointer-events:none;width:0;min-width:0;transition:width var(--transition-slow), border-color var(--transition-normal);border-left:1px solid #0000;flex-shrink:0;justify-content:flex-end;display:flex;overflow:hidden}.fcc-side-panel-rail.has-panel{border-left-color:var(--border-primary)}.fcc-side-panel-rail.open{width:var(--fcc-side-panel-width,320px);pointer-events:auto}.fcc-side-panel-inner{width:var(--fcc-side-panel-width,320px);min-width:var(--fcc-side-panel-width,320px);background:radial-gradient(ellipse 60% 60% at 100% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 0% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-third);opacity:0;will-change:transform, opacity;height:100%;transition:transform var(--transition-slow), opacity .18s ease;flex-direction:column;display:flex;overflow:hidden;transform:translate(calc(100% + 24px))}.fcc-side-panel-rail.open .fcc-side-panel-inner{opacity:1;transform:translate(0)}.fcc-side-panel-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:16px 16px 12px;display:flex}.fcc-side-panel-header-copy{min-width:0}.fcc-side-panel-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.01em}.fcc-side-panel-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:3px}.fcc-side-panel-header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.fcc-side-panel-header-actions .btn{color:var(--text-quaternary)}.fcc-side-panel-header-actions .btn:hover{color:var(--text-primary)}.fcc-side-panel-body{flex:1;min-height:0;padding:0;overflow-y:auto}.fcc-side-panel-tabs{background:var(--bg-primary);border-radius:var(--radius-lg);flex-shrink:0;gap:2px;margin:0 12px 8px;padding:3px;display:flex}.fcc-side-panel-tab{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:var(--font-weight-medium);flex:1;padding:5px 0}.fcc-side-panel-tab.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.fcc-side-panel-tab:hover:not(.active){color:var(--text-secondary)}.fcc-side-panel-search{border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-secondary);font-size:var(--text-sm);color:var(--text-quaternary);transition:border-color var(--transition-fast);align-items:center;gap:8px;margin:0 12px 4px;padding:7px 10px;display:flex}.fcc-side-panel-search:focus-within{border-color:var(--border-focus)}.fcc-side-panel-search-input{min-width:0;color:var(--text-primary);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}.fcc-side-panel-search-input::placeholder,.fcc-side-panel-search-placeholder{color:var(--text-quaternary)}.fcc-side-panel-group-label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--text-quaternary);letter-spacing:.04em;text-transform:uppercase;padding:16px 16px 6px}.fcc-side-panel-action{font-size:var(--text-sm);color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);padding:8px 16px}.fcc-side-panel-action:hover{color:var(--text-primary)}.fcc-side-panel-item{cursor:pointer;transition:background var(--transition-fast);align-items:flex-start;gap:10px;padding:10px 16px;display:flex}.fcc-side-panel-item:hover{background:var(--bg-hover)}.fcc-side-panel-item-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;margin-top:5px}.fcc-side-panel-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.fcc-side-panel-item-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fcc-side-panel-item-detail{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fcc-side-panel-item-time{font-size:var(--text-xs);color:var(--text-quaternary);white-space:nowrap;flex-shrink:0;margin-top:2px}.fcc-side-panel-card{border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);gap:12px;margin:3px 8px;padding:12px 14px;display:flex}.fcc-side-panel-card:hover{background:var(--bg-elevated);border-color:var(--border-primary)}.fcc-side-panel-card-avatar{border-radius:var(--radius-full);background:var(--accent-purple);width:34px;min-width:34px;height:34px;color:var(--text-on-accent);font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.02em;justify-content:center;align-items:center;display:flex}.fcc-side-panel-card-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.fcc-side-panel-card-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.fcc-side-panel-card-detail{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-snug);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.fcc-side-panel-card-meta{color:var(--text-quaternary);align-items:center;gap:6px;margin-top:1px;font-size:11px;display:flex}.fcc-side-panel-unread-dot{border-radius:var(--radius-full);background:var(--accent-primary);width:6px;height:6px}.fcc-side-panel-contact{cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:8px 16px;display:flex;position:relative}.fcc-side-panel-contact:hover{background:var(--bg-hover)}.fcc-side-panel-contact.active{background:var(--bg-active)}.fcc-side-panel-contact-avatar-wrap{flex-shrink:0;width:32px;height:32px;position:relative}.fcc-side-panel-contact-avatar-wrap>img{border-radius:var(--radius-full);object-fit:cover;width:32px;height:32px}.fcc-side-panel-contact-avatar-wrap .fcc-contact-avatar-group{width:32px;height:32px;position:relative}.fcc-side-panel-contact-avatar-wrap .fcc-contact-avatar-group img{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--bg-secondary);width:22px;height:22px;position:absolute}.fcc-side-panel-contact-avatar-wrap .fcc-contact-avatar-group img:first-child{z-index:1;top:0;left:0}.fcc-side-panel-contact-avatar-wrap .fcc-contact-avatar-group img:nth-child(2){z-index:0;bottom:0;right:0}.fcc-side-panel-contact-avatar-wrap .fcc-contact-avatar-initials{border-radius:var(--radius-full);width:32px;min-width:32px;height:32px;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-on-accent);justify-content:center;align-items:center;display:flex}.fcc-side-panel-online-dot{border-radius:var(--radius-full);background:var(--accent-green);border:2px solid var(--bg-secondary);z-index:1;width:10px;height:10px;position:absolute;bottom:-1px;left:-1px}.fcc-side-panel-contact-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.fcc-side-panel-contact-time{font-size:var(--text-xs);color:var(--text-quaternary);flex-shrink:0}.fcc-side-panel-chat-wrap{justify-content:flex-end;width:100%;height:100%;display:flex;overflow:hidden}.fcc-side-panel-conversation{border-right:1px solid var(--border-primary);background:radial-gradient(ellipse 60% 60% at 0% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 100% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-primary);flex-direction:column;flex-shrink:0;width:299px;min-width:299px;display:flex}.fcc-side-panel-conv-header{border-bottom:1px solid var(--border-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.fcc-side-panel-conv-title{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.fcc-side-panel-conv-header-right{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:4px;display:flex}.fcc-side-panel-conv-messages{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex;overflow-y:auto}.fcc-side-panel-conv-input{border-top:1px solid var(--border-secondary);flex-shrink:0;padding:12px 16px}.fcc-side-panel-conv-input textarea{resize:none;border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border-secondary);width:100%;color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:nowrap;text-overflow:ellipsis;height:40px;padding:10px 12px;overflow:hidden}.fcc-side-panel-conv-input textarea::placeholder{color:var(--text-quaternary)}.fcc-side-panel-conv-input textarea:focus{border-color:var(--border-focus);outline:none}.fcc-side-panel-conv-input-actions{color:var(--text-quaternary);justify-content:space-between;align-items:center;margin-top:8px;display:flex}.fcc-side-panel-send-btn{border-radius:var(--radius-full);background:var(--accent-primary);width:28px;height:28px;color:var(--text-on-accent);transition:opacity var(--transition-fast);justify-content:center;align-items:center;display:flex}.fcc-side-panel-send-btn:hover{opacity:.85}.fcc-side-panel-msg-row{flex-direction:column;gap:3px;display:flex}.fcc-msg-right{align-items:flex-end}.fcc-msg-left{align-items:flex-start}.fcc-side-panel-msg-meta{align-items:center;gap:6px;display:flex}.fcc-side-panel-msg-meta span{font-size:var(--text-xs);color:var(--text-quaternary)}.fcc-side-panel-msg-meta img{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:26px;height:26px}.fcc-side-panel-msg-bubble{max-width:85%;font-size:var(--text-sm);line-height:var(--leading-snug);word-break:break-word;padding:8px 14px}.fcc-bubble-you{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-sm) var(--radius-xl);background:var(--accent-primary);color:var(--text-on-accent)}.fcc-bubble-other{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-sm);background:var(--bg-primary);color:var(--text-primary)}@media (width<=960px){.fcc-side-panel-rail.open{width:var(--fcc-side-panel-width,280px)}.fcc-side-panel-inner{width:var(--fcc-side-panel-width,280px);min-width:var(--fcc-side-panel-width,280px)}}@keyframes fcc-presence-pulse{0%,to{opacity:1}50%{opacity:.4}}.presence-dot-pulse{animation:1.5s ease-in-out infinite fcc-presence-pulse}@keyframes fcc-callbar-pulse{0%,to{opacity:1}50%{opacity:.35}}.callbar-dot-pulse{animation:1.2s ease-in-out infinite fcc-callbar-pulse}
1
+ :root{--bg-primary:#0f0f11;--bg-secondary:#131316;--bg-third:#101013;--bg-tertiary:#1a1a1f;--bg-elevated:#353535;--bg-surface:#222228;--bg-hover:#ffffff0a;--bg-active:#ffffff0f;--bg-selection:#ffffff14;--bg-overlay:#00000080;--bg-card:#151518;--bg-card-content:#121212;--bg-card-hover:#1a1a1e;--bg-sidebar:#0f0f11;--bg-panel:#151518;--bg-gradient:none;--panel-glow-a:transparent;--panel-glow-b:transparent;--text-primary:#e8e8ec;--text-secondary:#b0b5c0;--text-tertiary:#6b6f76;--text-quaternary:#4a4d53;--text-on-accent:#fff;--border-primary:#ffffff0f;--border-secondary:#ffffff0a;--border-hover:#353535;--border-focus:#5b8dd6;--border-accent:#5b8dd680;--accent-primary:#5b8dd6;--accent-primary-hover:#7aa3e0;--accent-green:#5bb98e;--accent-green-bg:#5bb98e1f;--accent-yellow:#c9a84e;--accent-yellow-bg:#c9a84e1f;--accent-red:#c75a5a;--accent-red-bg:#c75a5a1f;--accent-orange:#c4a06a;--accent-orange-bg:#c4a06a1f;--accent-purple:#8a83d4;--accent-purple-bg:#8a83d41f;--accent-blue:#5a8ebf;--accent-blue-bg:#5a8ebf1f;--status-in-progress:#c9a84e;--status-done:#5bb98e;--status-todo:#9b9da0;--status-cancelled:#6b6d71;--status-backlog:#4e5054;--priority-urgent:#c75a5a;--priority-high:#c4a06a;--priority-medium:#c9a84e;--priority-low:#5bb98e;--priority-none:#4e5054;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--text-xs:.6875rem;--text-sm:.75rem;--text-base:.8125rem;--text-md:.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-xl:0 16px 48px #00000080;--shadow-card:none;--shadow-popup:0 0 0 1px #ffffff14, 0 8px 32px #00000080;--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--sidebar-width:220px;--panel-width:280px;--header-height:44px}:root.light{--bg-primary:#edf0f4;--bg-secondary:#e6e9ef;--bg-third:#f1f3f7;--bg-tertiary:#dcdfe4;--bg-elevated:#d5d7dd;--panel-glow-a:transparent;--panel-glow-b:transparent;--bg-surface:#fff;--bg-hover:#0000000d;--bg-active:#00000014;--bg-selection:#0000001a;--bg-overlay:#00000059;--bg-card:#fafcfe;--bg-card-content:#fff;--bg-card-hover:#d9dee5;--bg-sidebar:#e4e8ed;--bg-panel:#fff;--bg-gradient:none;--text-primary:#15171a;--text-secondary:#4a4d52;--text-tertiary:#72767d;--text-quaternary:#9ca0a6;--text-on-accent:#fff;--border-primary:#c5c9d1;--border-secondary:#00000024;--border-hover:#7e828a;--border-focus:#2b78f7;--border-accent:#2b78f780;--accent-red:#c42424;--accent-red-bg:#c4242424;--accent-green:#147a54;--accent-green-bg:#147a541f;--accent-yellow:#8c6710;--accent-yellow-bg:#8c671024;--accent-orange-bg:#c8822824;--accent-purple-bg:#5a46dc24;--accent-blue-bg:#1e64c824;--shadow-sm:0 1px 2px #0f141e1a;--shadow-md:0 4px 12px #0f141e1f;--shadow-lg:0 8px 24px #0f141e29;--shadow-xl:0 16px 48px #0f141e33;--shadow-card:0 1px 3px #0f141e1a, 0 1px 2px #0f141e12;--shadow-popup:0 0 0 1px #0000001a, 0 8px 32px #0f141e2e}html,html *,html :before,html :after{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);background-image:var(--bg-gradient);background-attachment:fixed;min-height:100vh}a{color:var(--text-primary);text-decoration:none}a:hover{text-underline-offset:2px;text-decoration:underline}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}ul,ol{list-style:none}img{max-width:100%;display:block}::selection{background-color:var(--accent-primary);color:var(--text-on-accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-quaternary)}code{font-family:var(--font-mono);background:var(--bg-active);border-radius:var(--radius-sm);color:var(--text-secondary);padding:.15em .4em;font-size:.85em}.app{background:var(--bg-sidebar);height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-sidebar);width:60px;padding:var(--space-2) 0;z-index:100;transition:width var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar:hover{width:var(--sidebar-width);box-shadow:2px 0 6px #0000001a}.sidebar-logo-wrap{flex-shrink:0;align-items:center;gap:10px;height:52px;padding:10px 14px;display:flex}.sidebar-logo-img{object-fit:contain;flex-shrink:0;width:32px;min-width:32px;height:32px;min-height:32px;transition:none}.sidebar-logo-text{font-weight:var(--font-weight-semibold);font-size:var(--text-lg);color:var(--text-primary);white-space:nowrap}.sidebar-nav{flex-direction:column;gap:2px;margin-top:4px;display:flex}.sidebar-item{font-size:var(--text-md);color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:12px;height:42px;padding:0 0 0 19px;display:flex;position:relative}.sidebar-item:before{content:"";border-radius:var(--radius-md);transition:background var(--transition-fast);position:absolute;inset:2px 8px}.sidebar-item:hover:before{background:var(--bg-hover)}.sidebar-item:hover{color:var(--text-primary)}.sidebar-item.active:before{background:var(--bg-active)}.sidebar-item.active{color:var(--text-primary)}.sidebar-item>*{z-index:1;position:relative}.sidebar-item-icon{width:22px;min-width:22px;height:22px;min-height:22px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;transition:none;display:flex}.sidebar-item-icon svg{width:18px;height:18px;transition:none}.sidebar-item.active .sidebar-item-icon{color:var(--text-primary)}.sidebar-label{white-space:nowrap;opacity:0;transition:opacity var(--transition-normal)}.sidebar:hover .sidebar-label{opacity:1}.sidebar-footer{border-top:1px solid var(--border-secondary);align-items:center;gap:10px;margin-top:auto;padding:12px 14px;display:flex}.sidebar-profile{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sidebar-avatar{border-radius:var(--radius-full);background:var(--accent-primary);width:32px;height:32px;color:var(--text-on-accent);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logout{border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-tertiary);transition:all var(--transition-fast);opacity:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar:hover .sidebar-logout{opacity:1}.sidebar-logout:hover{background:var(--bg-hover);color:var(--text-primary)}.main{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;flex-direction:column;flex:1;margin:10px 10px 10px 62px;display:flex;overflow:hidden}.main-header{height:var(--header-height);padding:0 var(--space-4);border-bottom:1px solid var(--border-secondary);background:var(--bg-secondary);border-radius:8px 8px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.main-header-left{align-items:center;gap:var(--space-2);display:flex}.main-header-title{font-size:var(--text-md);font-weight:var(--font-weight-medium);color:var(--text-primary)}.main-header-right{font-size:var(--text-sm);color:var(--text-tertiary);align-items:center;gap:2px;display:flex}.header-status{border:1px solid var(--border-primary);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:6px;margin-right:6px;padding:4px 10px;display:flex}.header-status-dot{border-radius:var(--radius-full);background:var(--accent-green);width:8px;height:8px}.header-notif{position:relative}.header-notif:after{content:"";border-radius:var(--radius-full);background:var(--accent-purple);width:8px;height:8px;position:absolute;top:4px;right:4px}.side-panel-wrapper{width:0;min-width:0;transition:width var(--transition-slow), min-width var(--transition-slow);flex-shrink:0;position:relative;overflow:hidden}.side-panel-wrapper.open{border-left:1px solid var(--border-primary);width:299px;min-width:299px}.side-panel-wrapper.open.chat-expanded{width:598px;min-width:598px}.side-panel{background:radial-gradient(ellipse 60% 60% at 100% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 0% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-third);flex-direction:column;width:299px;min-width:299px;height:100%;display:flex;overflow:hidden}.side-panel-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:16px 16px 12px;display:flex}.side-panel-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.01em}.side-panel-header .btn{color:var(--text-quaternary)}.side-panel-header .btn:hover:not(:disabled):not([aria-disabled=true]){color:var(--text-primary)}.side-panel-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:3px}.side-panel-toggle{background:var(--bg-primary);border-radius:var(--radius-lg);gap:2px;margin:0 12px 8px;padding:3px;display:flex}.side-panel-toggle-btn{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:var(--font-weight-medium);flex:1;padding:5px 0}.side-panel-toggle-btn.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.side-panel-toggle-btn:hover:not(.active){color:var(--text-secondary)}.side-panel-list{flex:1;padding:0;overflow-y:auto}.side-panel-item{cursor:pointer;transition:background var(--transition-fast);align-items:flex-start;gap:10px;padding:10px 16px;display:flex}.side-panel-item:hover{background:var(--bg-hover)}.side-panel-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;margin-top:5px}.side-panel-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.side-panel-item-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.side-panel-item-detail{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.side-panel-item-time{font-size:var(--text-xs);color:var(--text-quaternary);white-space:nowrap;flex-shrink:0;margin-top:2px}.side-panel-group-label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--text-quaternary);letter-spacing:.04em;text-transform:uppercase;padding:16px 16px 6px}.side-panel-card{border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);gap:12px;margin:3px 8px;padding:12px 14px;display:flex}.side-panel-card:hover{background:var(--bg-elevated);border-color:var(--border-primary)}.side-panel-card-avatar{border-radius:var(--radius-full);background:var(--accent-purple);width:34px;min-width:34px;height:34px;color:var(--text-on-accent);font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.02em;justify-content:center;align-items:center;display:flex}.side-panel-card-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.side-panel-card-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.side-panel-card-detail{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-snug);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.side-panel-card-meta{color:var(--text-quaternary);align-items:center;gap:6px;margin-top:1px;font-size:11px;display:flex}.side-panel-unread-dot{border-radius:var(--radius-full);background:var(--accent-primary);width:6px;height:6px}.side-panel-chat-wrap{justify-content:flex-end;width:100%;height:100%;display:flex;overflow:hidden}.chat-conversation{border-right:1px solid var(--border-primary);background:radial-gradient(ellipse 60% 60% at 0% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 100% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-primary);flex-direction:column;flex-shrink:0;width:299px;min-width:299px;display:flex}.chat-conv-header{border-bottom:1px solid var(--border-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chat-conv-title{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.chat-conv-header-right{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:4px;display:flex}.chat-conv-messages{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex;overflow-y:auto}.chat-msg-row{flex-direction:column;gap:3px;display:flex}.chat-msg-right{align-items:flex-end}.chat-msg-left{align-items:flex-start}.chat-msg-meta{align-items:center;gap:6px;display:flex}.chat-msg-sender{font-size:var(--text-xs);color:var(--text-quaternary)}.chat-msg-avatar{border-radius:var(--radius-full);width:26px;height:26px;font-size:9px;font-weight:var(--font-weight-semibold);color:var(--text-on-accent);justify-content:center;align-items:center;display:flex}.chat-msg-avatar-you{background:var(--accent-primary)}.chat-msg-avatar-other{background:var(--accent-green)}.chat-msg-bubble{max-width:85%;font-size:var(--text-sm);line-height:var(--leading-snug);word-break:break-word;padding:8px 14px}.chat-bubble-you{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-sm) var(--radius-xl);background:var(--accent-primary);color:var(--text-on-accent)}.chat-bubble-other{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-sm);background:var(--bg-primary);color:var(--text-primary)}.chat-conv-input{border-top:1px solid var(--border-secondary);flex-shrink:0;padding:12px 16px}.chat-conv-input textarea{resize:none;border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border-secondary);width:100%;color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:nowrap;text-overflow:ellipsis;height:40px;padding:10px 12px;overflow:hidden}.chat-conv-input textarea::placeholder{color:var(--text-quaternary)}.chat-conv-input textarea:focus{border-color:var(--border-focus);outline:none}.chat-conv-input-actions{color:var(--text-quaternary);justify-content:space-between;align-items:center;margin-top:8px;display:flex}.chat-send-btn{border-radius:var(--radius-full);background:var(--accent-primary);width:28px;height:28px;color:var(--text-on-accent);transition:opacity var(--transition-fast);justify-content:center;align-items:center;display:flex}.chat-send-btn:hover{opacity:.85}.side-panel-contact.active{background:var(--bg-active)}.side-panel-search{border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-secondary);font-size:var(--text-sm);color:var(--text-quaternary);transition:border-color var(--transition-fast);align-items:center;gap:8px;margin:0 12px 4px;padding:7px 10px;display:flex}.side-panel-search:focus-within{border-color:var(--border-focus)}.side-panel-new-action{font-size:var(--text-sm);color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);padding:8px 16px}.side-panel-new-action:hover{color:var(--text-primary)}.side-panel-contact{cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:8px 16px;display:flex;position:relative}.side-panel-contact:hover{background:var(--bg-hover)}.side-panel-contact-avatar{border-radius:var(--radius-full);width:32px;min-width:32px;height:32px;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-on-accent);justify-content:center;align-items:center;display:flex}.side-panel-contact-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.side-panel-contact-time{font-size:var(--text-xs);color:var(--text-quaternary);flex-shrink:0}.side-panel-contact-avatar-wrap{flex-shrink:0;width:32px;height:32px;position:relative}.contact-avatar-img{border-radius:var(--radius-full);object-fit:cover;width:32px;height:32px}.contact-avatar-group{width:32px;height:32px;position:relative}.contact-avatar-stacked{border:2px solid var(--bg-secondary);width:22px;height:22px;position:absolute}.contact-avatar-stacked:first-child{z-index:1;top:0;left:0}.contact-avatar-stacked:nth-child(2){z-index:0;bottom:0;right:0}.chat-msg-avatar-img{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:26px;height:26px}.side-panel-online-dot{border-radius:var(--radius-full);background:var(--accent-green);border:2px solid var(--bg-secondary);z-index:1;width:10px;height:10px;position:absolute;bottom:-1px;left:-1px}.page-title-bar{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px 0;display:flex}.page-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.01em}.page-tabs{flex-shrink:0;align-items:center;gap:2px;padding:12px 24px 0;display:flex}.page-tab{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:4px 10px}.page-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.page-tab.active{color:var(--text-primary);background:var(--bg-active)}.main-content{padding:var(--space-6);flex:1;overflow-y:auto}.main-content-full{padding:0;overflow:hidden}.issue-group,.insp-table-group{background:0 0;margin-bottom:0}.issue-group-header,.insp-table-group-header{font-size:var(--text-sm);color:var(--text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-secondary);border-radius:var(--radius-md);align-items:center;gap:8px;margin:8px 4px;padding:8px 12px;display:flex}.insp-table-group-header{margin:8px 4px}.issue-group-header:hover,.insp-table-group-header:hover{background:var(--bg-primary);color:var(--text-secondary)}.issue-group-chevron,.insp-table-group-chevron{color:var(--text-quaternary);transition:transform var(--transition-fast);align-items:center;font-size:8px;display:inline-flex;transform:rotate(90deg)}.issue-group-chevron.collapsed,.insp-table-group-chevron.collapsed{transform:rotate(0)}.issue-group-label,.insp-table-group-label{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.issue-group-count,.insp-table-group-count{font-size:var(--text-sm);color:var(--text-quaternary);font-variant-numeric:tabular-nums}.issue-row-full{border-bottom:1px solid var(--border-secondary);height:34px;transition:background var(--transition-fast);cursor:pointer;font-size:var(--text-sm);align-items:center;gap:8px;padding:4px 0;display:flex}.issue-row-full:hover{background:var(--bg-hover)}.issue-row-full .issue-priority{flex-shrink:0;justify-content:center;align-items:center;width:16px;display:flex}.issue-row-full .issue-id{font-size:var(--text-xs);color:var(--text-quaternary);font-family:var(--font-mono);flex-shrink:0;min-width:60px}.issue-row-full .issue-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:var(--font-weight-normal);flex:1;overflow:hidden}.issue-row-full .issue-labels{flex-shrink:0;align-items:center;gap:4px;display:flex}.issue-row-full .issue-meta{color:var(--text-quaternary);font-size:var(--text-xs);flex-shrink:0;align-items:center;gap:8px;display:flex}.issue-row-full .issue-date{font-size:var(--text-xs);color:var(--text-quaternary);white-space:nowrap;text-align:right;min-width:130px}.showcase{max-width:960px;margin:0 auto}.showcase h1{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.03em;margin-bottom:var(--space-2)}.showcase-subtitle{color:var(--text-secondary);font-size:var(--text-lg);margin-bottom:var(--space-8)}.section{margin-bottom:var(--space-10)}.section-title{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-quaternary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-secondary)}.shell-showcase{gap:var(--space-4);flex-direction:column;display:flex}.shell-preview{border-radius:var(--radius-2xl);background:var(--bg-sidebar);overflow:hidden}.shell-preview-frame{background:var(--bg-sidebar);border:none;border-radius:0;height:560px;min-height:560px;margin:0;position:relative}.shell-preview-frame .fcc-sidebar{z-index:1;position:absolute}.shell-preview-frame .fcc-sidebar:hover{box-shadow:none}.shell-preview-frame .fcc-main-window{min-height:0}.shell-preview-content{padding:var(--space-4)}.shell-preview-page{gap:var(--space-4);flex-direction:column;display:flex}.shell-preview-titlebar{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.shell-preview-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.03em}.shell-preview-copy{margin-top:var(--space-1);max-width:560px;font-size:var(--text-sm);color:var(--text-secondary)}.shell-preview-badges,.shell-preview-toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.shell-preview-search{flex:1;min-width:240px}.shell-preview-board .kanban-column{min-width:252px}.shell-component-list{gap:var(--space-3);flex-direction:column;display:flex}.shell-component-item{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-secondary);display:flex}.shell-component-item:last-child{border-bottom:none;padding-bottom:0}.shell-component-item code{min-width:170px}.shell-component-item span{color:var(--text-secondary);font-size:var(--text-sm);flex:1}.component-docs-home,.component-docs-page{gap:var(--space-8);flex-direction:column;display:flex}.docs-hero{justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}.docs-eyebrow{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-quaternary)}.docs-title{margin-top:var(--space-2);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.04em;color:var(--text-primary)}.docs-copy{max-width:760px;margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-md);line-height:var(--leading-relaxed)}.docs-chip-row,.docs-inline-row,.docs-hero-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.docs-chip{border:1px solid var(--border-primary);border-radius:var(--radius-full);background:var(--bg-secondary);min-height:28px;color:var(--text-secondary);font-size:var(--text-sm);align-items:center;padding:0 12px;display:inline-flex}.docs-section{gap:var(--space-4);flex-direction:column;display:flex}.docs-section-head{gap:var(--space-1);flex-direction:column;display:flex}.docs-section-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.docs-section-copy,.docs-inline-copy{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.docs-overview-grid,.docs-two-column,.docs-preview-grid,.docs-export-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.docs-overview-sections{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.docs-code-block{width:100%;padding:var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);background:#0f1012;line-height:1.6;overflow-x:auto}.docs-note-list,.docs-export-stack,.docs-link-list,.docs-token-list,.docs-definition-table{gap:var(--space-3);flex-direction:column;display:flex}.docs-note-item{padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--text-sm)}.docs-link-button{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);text-align:left;background:0 0;display:flex}.docs-link-button span:last-child{color:var(--text-quaternary);font-size:var(--text-xs)}.docs-link-button:hover{background:var(--bg-hover)}.docs-export-card{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:var(--bg-card);flex-direction:column;display:flex}.docs-export-card.focused{border-color:#5b8dd673;box-shadow:0 0 0 1px #5b8dd62e}.docs-export-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.docs-export-name{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:inline-block}.docs-export-summary{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.docs-focus-chip{border-radius:var(--radius-full);min-height:24px;color:var(--accent-primary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);background:#5b8dd61f;align-items:center;padding:0 10px;display:inline-flex}.docs-export-group,.docs-export-panel{gap:var(--space-3);flex-direction:column;display:flex}.docs-export-group-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.docs-definition-row{gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-secondary);grid-template-columns:minmax(160px,200px) minmax(160px,220px) minmax(0,1fr);align-items:start;display:grid}.docs-token-item{gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-secondary);grid-template-columns:minmax(160px,220px) minmax(0,1fr);align-items:start;display:grid}.docs-definition-row:last-child,.docs-token-item:last-child{border-bottom:none;padding-bottom:0}.docs-definition-key code,.docs-token-item code{font-size:var(--text-xs)}.docs-definition-meta{flex-direction:column;gap:2px;display:flex}.docs-definition-type,.docs-definition-default,.docs-token-item span,.docs-definition-copy{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.docs-definition-default{color:var(--text-quaternary)}.docs-empty-state{padding:var(--space-5);border:1px dashed var(--border-primary);border-radius:var(--radius-lg);color:var(--text-quaternary);text-align:center;font-size:var(--text-sm)}.docs-token-swatches{gap:var(--space-3);flex-direction:column;display:flex}.docs-swatch-row{align-items:center;gap:var(--space-3);display:flex}.docs-swatch{border-radius:var(--radius-md);border:1px solid var(--border-primary);width:28px;height:28px}.docs-swatch-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.docs-swatch-copy{color:var(--text-quaternary);font-size:var(--text-xs)}.docs-typography-preview{gap:var(--space-4);flex-direction:column;display:flex}.docs-type-display{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.04em;color:var(--text-primary)}.docs-sidebar-stage,.docs-shell-stage,.docs-command-stage{border:1px solid var(--border-primary);border-radius:var(--radius-2xl);background:var(--bg-sidebar);position:relative;overflow:hidden}.docs-sidebar-stage{min-height:620px}.docs-sidebar-stage .fcc-sidebar,.docs-sidebar-stage .fcc-sidebar:hover{z-index:1;width:280px;box-shadow:none;position:absolute}.app-shell-sidebar{z-index:40}.docs-sidebar-stage .fcc-sidebar .fcc-sidebar-label,.docs-sidebar-stage .fcc-sidebar:hover .fcc-sidebar-label,.docs-sidebar-stage .fcc-sidebar .fcc-sidebar-logout,.docs-sidebar-stage .fcc-sidebar:hover .fcc-sidebar-logout{opacity:1}.docs-sidebar-stage .fcc-sidebar-accordion{display:flex}.docs-shell-stage{padding:var(--space-4)}.docs-main-window-preview{min-height:320px;margin:0}.docs-main-window-body{padding:var(--space-5)}.docs-command-stage{min-height:360px}.docs-command-wrapper{min-height:360px;position:relative}.docs-command-wrapper .dialog-overlay{position:absolute;inset:0}.docs-avatar-stack,.docs-form-stage{max-width:360px}.docs-icon-grid{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.docs-icon-card{align-items:center;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-secondary);flex-direction:column;display:flex}.docs-icon-card code{font-size:var(--text-xs)}.color-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.color-swatch{border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden}.color-swatch-preview{height:64px}.color-swatch-info{padding:var(--space-2);background:var(--bg-primary)}.color-swatch-name{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:2px}.color-swatch-value{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.type-row{margin-bottom:var(--space-4);align-items:baseline;gap:var(--space-4);display:flex}.type-label{font-size:var(--text-xs);color:var(--text-quaternary);font-family:var(--font-mono);flex-shrink:0;min-width:100px}.btn-row{gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;height:32px;transition:background .14s,border-color .14s,color .14s,box-shadow .14s,filter .14s,transform 80ms;display:inline-flex}.btn-primary{-webkit-backdrop-filter:blur(14px)saturate(180%);color:var(--accent-primary);background:#5b8dd638;border-color:#5b8dd659;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #5b8dd626,0 4px 16px #0000004d}.btn-primary:hover:not(:disabled):not([aria-disabled=true]){background:#5b8dd64d;border-color:#5b8dd680}.btn-primary:active:not(:disabled):not([aria-disabled=true]){background:#5b8dd62e;transform:translateY(1px)}.btn-secondary{-webkit-backdrop-filter:blur(14px)saturate(180%);color:var(--text-primary);background:#ffffff0d;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff14,0 4px 16px #00000040}.btn-secondary:hover:not(:disabled):not([aria-disabled=true]){background:#ffffff14;border-color:#ffffff2e}.btn-secondary:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--bg-hover);color:var(--text-primary)}.btn-danger{-webkit-backdrop-filter:blur(14px)saturate(180%);color:var(--accent-red);background:#c75a5a38;border-color:#c75a5a59;box-shadow:inset 0 1px #ffffff1a,0 4px 16px #0000004d}.btn-danger:hover:not(:disabled):not([aria-disabled=true]){background:#c75a5a4d;border-color:#c75a5a80}.btn-danger:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}.btn-success{background:var(--accent-green-bg);color:var(--accent-green);border:1px solid #5bb98e40}.btn-success:hover:not(:disabled):not([aria-disabled=true]){background:#5bb98e2e}.btn-warning{background:var(--accent-yellow-bg);color:var(--accent-yellow);border:1px solid #c9a84e40}.btn-warning:hover:not(:disabled):not([aria-disabled=true]){background:#c9a84e2e}.btn-sm{height:28px;padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.btn-icon{justify-content:center;width:32px;padding:0}.btn-icon.btn-sm{width:28px}.btn:disabled,.btn[disabled],.btn[aria-disabled=true]{opacity:.7;cursor:not-allowed;filter:grayscale(60%);box-shadow:none;border-style:dashed;border-color:var(--border-hover)}.btn:disabled:hover,.btn[disabled]:hover,.btn[aria-disabled=true]:hover,.btn:disabled:active,.btn[disabled]:active,.btn[aria-disabled=true]:active{filter:grayscale(60%);box-shadow:none;border-style:dashed;border-color:var(--border-hover);transform:none}.badge{height:24px;font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border-primary);background:0 0;align-items:center;gap:5px;padding:3px 10px;line-height:1;display:inline-flex}.badge--no-dot{gap:0}.badge-dot{border-radius:var(--radius-full);flex-shrink:0;width:7px;height:7px}.workflow-column-count{min-width:20px;padding-inline:var(--space-2);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-secondary);border-color:var(--border-secondary);background:0 0;flex-shrink:0;justify-content:center}.input-group{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.input{height:36px;padding:0 var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);width:100%}.input:focus{border-color:var(--bg-elevated)}.input::placeholder{color:var(--text-quaternary)}.textarea{min-height:80px;padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);resize:vertical;transition:border-color var(--transition-fast);width:100%}.textarea:focus{border-color:var(--bg-elevated)}.textarea-wrapper{align-items:flex-end;gap:var(--space-1);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);transition:border-color var(--transition-fast);display:flex}.textarea-wrapper:focus-within{border-color:var(--bg-elevated)}.textarea-wrapper__input{min-width:0;min-height:0;color:var(--text-primary);font-size:var(--text-base);resize:none;background:0 0;border:none;outline:none;flex:1;padding:0;line-height:1.5}.textarea-adornment{flex-shrink:0;align-items:center;display:flex}.textarea-adornment--end{gap:var(--space-1)}.fcc-input-field{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.fcc-input-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.fcc-input-control{align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-tertiary);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);display:flex}.fcc-input-control.has-floating-label{align-items:stretch;height:44px}.fcc-input-control:focus-within{border-color:var(--bg-elevated)}.fcc-input-control.is-invalid,.fcc-input-control.is-invalid:focus-within{border-color:var(--accent-red)}.fcc-input-control.is-disabled{opacity:.6;cursor:not-allowed}.fcc-input-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.fcc-input-clear{border-radius:var(--radius-full);width:18px;height:18px;color:var(--text-quaternary);transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.fcc-input-clear:hover{color:var(--text-secondary);background:var(--bg-hover)}.fcc-input-element{width:100%;min-width:0;height:100%;font-size:var(--text-base);color:var(--text-primary);flex:1}.fcc-input-element::placeholder{color:var(--text-quaternary)}.fcc-input-floating-slot{flex:1;min-width:0;height:100%;position:relative}.fcc-input-element.has-floating-label{height:100%;padding:18px 0 4px}.fcc-input-element.has-floating-label::placeholder{color:#0000}.fcc-input-floating-label{transform-origin:0 0;font-size:var(--text-base);color:var(--text-quaternary);pointer-events:none;transition:top var(--transition-fast), transform var(--transition-fast), color var(--transition-fast);position:absolute;top:50%;left:0;transform:translateY(-50%)}.fcc-input-control.has-floating-label:focus-within .fcc-input-floating-label,.fcc-input-element.has-floating-label:not(:placeholder-shown)+.fcc-input-floating-label{color:var(--text-secondary);top:8px;transform:translateY(0)scale(.82)}.fcc-input-element:disabled{cursor:not-allowed}.fcc-input-helper{font-size:var(--text-sm);color:var(--text-tertiary)}.fcc-input-helper.is-error{color:var(--accent-red)}.fcc-rich-text-field{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.fcc-rich-text-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.fcc-rich-text-shell{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.fcc-rich-text-shell:focus-within{border-color:var(--bg-elevated)}.fcc-rich-text-shell.is-invalid,.fcc-rich-text-shell.is-invalid:focus-within{border-color:var(--accent-red)}.fcc-rich-text-shell.is-disabled{opacity:.72}.fcc-rich-text-toolbar{align-items:center;gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--border-secondary);background:var(--bg-primary);flex-wrap:wrap;display:flex}.fcc-rich-text-toolbar-group{align-items:center;gap:var(--space-1);display:flex}.fcc-rich-text-toolbar-divider{background:var(--border-secondary);align-self:stretch;width:1px}.fcc-rich-text-toolbar-button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.fcc-rich-text-toolbar-button:hover,.fcc-rich-text-toolbar-button.is-active{background:var(--bg-hover);color:var(--text-primary)}.fcc-rich-text-toolbar-button:disabled{opacity:.45;cursor:default}.fcc-rich-text-editor{width:100%}.fcc-rich-text-content{min-height:var(--fcc-rich-text-min-height,160px);padding:var(--space-3);color:var(--text-primary);font-size:var(--text-base);white-space:pre-wrap;outline:none;line-height:1.65}.fcc-rich-text-content>*{margin:0}.fcc-rich-text-content>*+*{margin-top:var(--space-2)}.fcc-rich-text-content ul,.fcc-rich-text-content ol{margin:0;padding-left:1.5rem}.fcc-rich-text-content ul{list-style:outside}.fcc-rich-text-content ol{list-style:decimal}.fcc-rich-text-content li{padding-left:var(--space-1);margin:0}.fcc-rich-text-content li>p{margin:0}.fcc-rich-text-content li+li{margin-top:var(--space-1)}.fcc-rich-text-content blockquote{border-left:2px solid var(--border-primary);padding-left:var(--space-3);color:var(--text-secondary)}.fcc-rich-text-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-quaternary);float:left;pointer-events:none;height:0}.fcc-rich-text-helper{font-size:var(--text-sm);color:var(--text-tertiary)}.fcc-rich-text-helper.is-error{color:var(--accent-red)}.input-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.dashboard-forms-showcase{gap:var(--space-6);flex-direction:column;display:flex}.dashboard-forms-showcase .input-group{margin-bottom:0}.select-wrapper{position:relative}.select{appearance:none;height:36px;padding:0 var(--space-8) 0 var(--space-3);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);cursor:pointer;width:100%}.select:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--border-accent)}.select-chevron{right:var(--space-2);color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:border-color var(--transition-fast);overflow:hidden}@media (hover:hover) and (pointer:fine){.card.card-default:hover{border-color:var(--border-hover)}}.card-header{padding:var(--space-4);border-bottom:1px solid var(--border-secondary);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.card-body{padding:var(--space-4)}.card-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-secondary);justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.card-green{background:var(--accent-green-bg);border-color:#5bb98e33}.card-green .card-header{border-bottom-color:#5bb98e26}.card-green .card-title{color:var(--accent-green)}.card-green .card-footer{border-top-color:#5bb98e26}:root.light .card-green{background:#46e3b714;border-color:#22a07840}:root.light .card-green .card-header{border-bottom-color:#22a07826}:root.light .card-green .card-title{color:#1a8a62}:root.light .card-green .card-footer{border-top-color:#22a07826}.card-red{background:var(--accent-red-bg);border-color:#c75a5a33}.card-red .card-header{border-bottom-color:#c75a5a26}.card-red .card-title{color:var(--accent-red)}.card-red .card-footer{border-top-color:#c75a5a26}:root.light .card-red{background:#d0303012;border-color:#d0303033}:root.light .card-red .card-header{border-bottom-color:#d030301f}:root.light .card-red .card-title{color:#d03030}:root.light .card-red .card-footer{border-top-color:#d030301f}.card-yellow{background:var(--accent-yellow-bg);border-color:#c9a84e33}.card-yellow .card-header{border-bottom-color:#c9a84e26}.card-yellow .card-title{color:var(--accent-yellow)}.card-yellow .card-footer{border-top-color:#c9a84e26}:root.light .card-yellow{background:#a0781812;border-color:#a0781833}:root.light .card-yellow .card-header{border-bottom-color:#a078181f}:root.light .card-yellow .card-title{color:#a07818}:root.light .card-yellow .card-footer{border-top-color:#a078181f}.issue-list{border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.issue-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-secondary);transition:background var(--transition-fast);cursor:pointer;display:flex}.issue-row:last-child{border-bottom:none}.issue-row:hover{background:var(--bg-hover)}.issue-status{flex-shrink:0;align-items:center;display:flex}.issue-id{font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-mono);flex-shrink:0;min-width:70px}.issue-title{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-weight-normal);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.issue-priority{flex-shrink:0;align-items:center;display:flex}.issue-labels{gap:var(--space-1);flex-shrink:0;display:flex}.issue-assignee{border-radius:var(--radius-full);background:var(--accent-purple);width:20px;height:20px;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-on-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar{border-radius:var(--radius-full);width:24px;height:24px;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-on-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar-sm{width:20px;height:20px;font-size:10px}.avatar-lg{width:32px;height:32px;font-size:var(--text-sm)}.avatar-xl{width:40px;height:40px;font-size:var(--text-md)}.avatar-row{gap:var(--space-3);align-items:center;display:flex}.tooltip-demo{display:inline-block;position:relative}.tooltip{padding:var(--space-1) var(--space-2);background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.dropdown-wrapper{position:relative}.dropdown{z-index:9999;border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);padding:var(--space-1);background:radial-gradient(120% 80% at 50% 0,#141418 0%,#0a0a0d 40%,#08080a 100%) padding-box padding-box,radial-gradient(55% 90% at 50% -10%,#3a3a42 0%,#1e1e24 35%,#0d0d11 70%,#08080a 100%) border-box;border:1px solid #0000;min-width:200px;position:absolute;top:calc(100% + 6px)}:root.light .dropdown{background:radial-gradient(120% 80% at 50% 0,#f4f5f8 0%,#eceef2 40%,#eaecf0 100%) padding-box padding-box,radial-gradient(55% 90% at 50% -10%,#a8abb0 0%,#cacdd2 35%,#dfe1e5 70%,#ebedf0 100%) border-box}.dropdown-align-left{left:0}.dropdown-align-right{right:0}.dropdown-item{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-base);color:var(--text-secondary);white-space:nowrap;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.dropdown-item:hover{color:var(--text-primary);background:#ffffff06}:root.light .dropdown-item:hover{background:#00000005}.dropdown-item.active{color:var(--accent-primary)}.dropdown-item-icon{width:16px;height:16px;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.dropdown-item.active .dropdown-item-icon{color:var(--accent-primary)}.dropdown-item-check{color:var(--accent-primary);flex-shrink:0}.dropdown-divider{background:var(--border-secondary);height:1px;margin:var(--space-1) 0}.dropdown-label{font-size:var(--text-xs);color:var(--text-quaternary);padding:var(--space-2) var(--space-2) var(--space-1);font-weight:var(--font-weight-medium)}.dropdown-shortcut{font-size:var(--text-xs);color:var(--text-quaternary);font-family:var(--font-mono);margin-left:auto}.table-wrapper{border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-primary);border-bottom:1px solid var(--border-primary)}td{padding:var(--space-2) var(--space-3);font-size:var(--text-base);border-bottom:1px solid var(--border-secondary)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover)}.progress-bar{background:var(--bg-active);border-radius:var(--radius-full);height:4px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress-row{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.progress-label{font-size:var(--text-sm);justify-content:space-between;display:flex}.progress-label-name{color:var(--text-secondary)}.progress-label-value{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs)}.toggle{background:var(--bg-active);border-radius:var(--radius-full);cursor:pointer;width:36px;height:20px;transition:background var(--transition-fast);position:relative}.toggle.active{background:var(--accent-primary)}.toggle-knob{border-radius:var(--radius-full);width:16px;height:16px;transition:transform var(--transition-fast);background:#fff;position:absolute;top:2px;left:2px}.toggle.active .toggle-knob{transform:translate(16px)}.toggle-row{padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.toggle-text{font-size:var(--text-base);color:var(--text-secondary)}.status-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.status-label{font-size:var(--text-base);color:var(--text-secondary);min-width:100px}.priority-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.priority-label{font-size:var(--text-base);color:var(--text-secondary);min-width:80px}.tabs{--tabs-indicator-width:0px;--tabs-indicator-x:0px;border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-4);display:flex;position:relative}.tabs-indicator{height:2px;width:var(--tabs-indicator-width);border-radius:var(--radius-full);background:var(--text-primary);opacity:0;transform:translateX(var(--tabs-indicator-x));transition:transform .22s,width .22s,opacity .14s;position:absolute;bottom:-1px;left:0}.tabs[data-tabs-indicator-ready=true] .tabs-indicator{opacity:1}.tab{z-index:1;padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);margin-bottom:-1px;position:relative}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text-primary)}.breadcrumb{align-items:center;gap:var(--space-1);font-size:var(--text-sm);display:flex}.breadcrumb-item{color:var(--text-tertiary);cursor:pointer}.breadcrumb-item:hover{color:var(--text-secondary)}.breadcrumb-item.current{color:var(--text-primary);cursor:default}.breadcrumb-sep{color:var(--text-quaternary);font-size:var(--text-xs)}.kbd{min-width:22px;height:22px;padding:0 var(--space-1);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:inline-flex;box-shadow:0 1px #ffffff0a}.kbd-row{gap:var(--space-1);align-items:center;display:flex}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:360px;display:flex}.toast-icon{flex-shrink:0;align-items:center;display:flex}.toast-content{flex:1}.toast-title{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:2px}.toast-message{font-size:var(--text-sm);color:var(--text-tertiary)}.toast-action{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--accent-primary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;flex-shrink:0;padding:4px 8px}.toast-action:hover{background:var(--bg-hover)}.toast-close{color:var(--text-quaternary);cursor:pointer;flex-shrink:0;display:flex}.toast-close:hover{color:var(--text-secondary)}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-elevated) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-line{height:12px;margin-bottom:var(--space-2)}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-circle{border-radius:var(--radius-full);width:32px;height:32px}.skeleton-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.empty-state{text-align:center;padding:var(--space-12) var(--space-6)}.empty-state-icon{color:var(--text-quaternary);margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:var(--space-4);max-width:300px;margin-left:auto;margin-right:auto}.checkbox-row{align-items:center;gap:var(--space-2);cursor:pointer;margin-bottom:var(--space-2);display:flex}.checkbox{border:1.5px solid var(--border-primary);border-radius:var(--radius-sm);width:16px;height:16px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox.checked{background:var(--accent-primary);border-color:var(--accent-primary)}.checkbox-label{font-size:var(--text-base);color:var(--text-secondary)}.command-palette{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:540px;overflow:hidden}.command-input-wrapper{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-secondary);display:flex}.command-input-icon{color:var(--text-tertiary);flex-shrink:0}.command-input{font-size:var(--text-md);color:var(--text-primary);flex:1}.command-input::placeholder{color:var(--text-quaternary)}.command-results{padding:var(--space-1);max-height:300px;overflow-y:auto}.command-group-label{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--text-quaternary);padding:var(--space-2) var(--space-2) var(--space-1)}.activity-item{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-secondary);display:flex}.activity-item:last-child{border-bottom:none}.activity-avatar{flex-shrink:0;margin-top:2px}.activity-content{flex:1}.activity-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.activity-name{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.activity-time{font-size:var(--text-xs);color:var(--text-quaternary)}.activity-text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.component-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.component-grid-full{grid-column:1/-1}@media (width<=768px){.component-grid,.docs-overview-grid,.docs-two-column,.docs-preview-grid,.docs-export-grid,.docs-overview-sections,.docs-icon-grid,.docs-definition-row,.docs-token-item{grid-template-columns:1fr}.docs-hero{flex-direction:column}.shell-preview-frame{height:480px;min-height:480px}.shell-component-item{flex-direction:column}.shell-component-item code{min-width:0}}.divider{background:var(--border-primary);height:1px;margin:var(--space-8) 0}.btn-outline{color:var(--accent-primary);background:0 0;border:1px solid #5b8dd680}.btn-outline:hover:not(:disabled):not([aria-disabled=true]){-webkit-backdrop-filter:blur(10px);background:#5b8dd61a;border-color:#5b8dd6b3}.btn-link{color:var(--accent-primary);text-underline-offset:2px;background:0 0;height:auto;padding:0;text-decoration:none}.btn-link:hover:not(:disabled):not([aria-disabled=true]){color:var(--accent-primary-hover);text-decoration:underline}.btn-lg{height:40px;padding:var(--space-2) var(--space-5);font-size:var(--text-md)}:root.light .btn-secondary{color:var(--text-primary);background:#fff9;border-color:#00000014;box-shadow:inset 0 1px #ffffffe6,0 4px 16px #00000014}:root.light .btn-secondary:hover:not(:disabled):not([aria-disabled=true]){background:#fffc;border-color:#0000001f}:root.light .btn-ghost:hover:not(:disabled):not([aria-disabled=true]){background:#0000000a}.toggle-sm{width:28px;height:16px}.toggle-sm .toggle-knob{width:12px;height:12px}.toggle-sm.active .toggle-knob{transform:translate(12px)}.searchable-select{width:100%;position:relative}.searchable-select-trigger{width:100%;height:36px;padding:0 var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);cursor:pointer;transition:border-color var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.searchable-select-trigger:hover{border-color:#ffffff1f}.searchable-select-trigger:focus,.searchable-select-trigger:focus-visible{border-color:var(--bg-elevated)}.searchable-select-placeholder{color:var(--text-quaternary)}.searchable-select-chevron{color:var(--text-tertiary);flex-shrink:0}.searchable-select-dropdown{z-index:1200;border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);background:radial-gradient(120% 80% at 50% 0,#141418 0%,#0a0a0d 40%,#08080a 100%) padding-box padding-box,radial-gradient(55% 90% at 50% -10%,#3a3a42 0%,#1e1e24 35%,#0d0d11 70%,#08080a 100%) border-box;border:1px solid #0000}:root.light .searchable-select-dropdown{background:radial-gradient(120% 80% at 50% 0,#f4f5f8 0%,#eceef2 40%,#eaecf0 100%) padding-box padding-box,radial-gradient(55% 90% at 50% -10%,#a8abb0 0%,#cacdd2 35%,#dfe1e5 70%,#ebedf0 100%) border-box}.searchable-select-search{align-items:center;gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--border-secondary);color:var(--text-tertiary);display:flex}.searchable-select-input{font-size:var(--text-base);color:var(--text-primary);flex:1}.searchable-select-input::placeholder{color:var(--text-quaternary)}.searchable-select-clear{color:var(--text-quaternary);cursor:pointer;display:flex}.searchable-select-options{max-height:200px;padding:var(--space-1);overflow-y:auto}.searchable-select-option{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);color:var(--text-secondary);transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.searchable-select-option:hover,.searchable-select-option.highlighted{color:var(--text-primary);background:#ffffff06}:root.light .searchable-select-option:hover,:root.light .searchable-select-option.highlighted{background:#00000005}.searchable-select-option.selected{color:var(--accent-primary)}.searchable-select-option-content{flex-direction:column;display:flex}.searchable-select-option-desc{font-size:var(--text-xs);color:var(--text-tertiary)}.searchable-select-empty{padding:var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.sheet-overlay{background:var(--bg-overlay);z-index:100;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-elevated);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.sheet-right{width:420px;max-width:90vw;height:100%;margin-left:auto;animation:.2s slideInRight}.sheet-left{width:420px;max-width:90vw;height:100%;margin-right:auto;animation:.2s slideInLeft}.sheet-header{padding:var(--space-4);border-bottom:1px solid var(--border-secondary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sheet-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.sheet-body{padding:var(--space-4);flex:1;overflow-y:auto}.sheet-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-secondary);justify-content:flex-end;gap:var(--space-2);display:flex}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.dialog-overlay{background:var(--bg-overlay);z-index:9999;opacity:0;justify-content:center;align-items:center;transition:opacity .22s;display:flex;position:fixed;inset:0}.dialog-overlay-contained{padding:var(--space-3);z-index:30;position:absolute}.dialog-overlay[data-state=open]{opacity:1}.dialog-overlay[data-state=closing]{opacity:0}.dialog{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);opacity:0;width:480px;max-width:90vw;max-height:85vh;transition:transform .22s ease, opacity .22s ease, background-color var(--transition-fast);flex-direction:column;display:flex;overflow:hidden;transform:translateY(18px)scale(.98)}.dialog-overlay[data-state=open] .dialog{opacity:1;transform:translateY(0)scale(1)}.dialog-overlay[data-state=closing] .dialog{opacity:0;transform:translateY(18px)scale(.98)}.dialog-overlay-contained .dialog{max-width:100%;max-height:100%}.dialog-header{padding:var(--space-4);border-bottom:1px solid var(--border-secondary);align-items:center;display:flex}.dialog-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.dialog-description{font-size:var(--text-base);color:var(--text-tertiary);margin-top:var(--space-1)}.dialog-body{padding:var(--space-4);flex:1;overflow-y:auto}.dialog-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-secondary);justify-content:flex-end;gap:var(--space-2);display:flex}.fcc-fpp-overlay{background:var(--bg-overlay);z-index:9999;opacity:0;transition:opacity .22s;display:flex;position:fixed;inset:0}.fcc-fpp-overlay[data-state=open]{opacity:1}.fcc-fpp-overlay[data-state=closing]{opacity:0}.fcc-fpp{background:var(--bg-primary);opacity:0;width:100%;height:100%;transition:opacity .22s ease, transform .22s ease, background-color var(--transition-fast);flex-direction:column;display:flex;position:relative;transform:translateY(18px)scale(.995)}.fcc-fpp-overlay[data-state=open] .fcc-fpp{opacity:1;transform:translateY(0)scale(1)}.fcc-fpp-overlay[data-state=closing] .fcc-fpp{opacity:0;transform:translateY(18px)scale(.995)}.fcc-fpp-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-secondary);background:var(--bg-card);flex-shrink:0;min-height:56px;display:flex}.fcc-fpp-header-lead{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.fcc-fpp-header-titles{flex-direction:column;gap:2px;min-width:0;display:flex}.fcc-fpp-eyebrow{font-size:var(--text-xs);color:var(--text-quaternary);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--font-weight-semibold)}.fcc-fpp-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.fcc-fpp-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.fcc-fpp-header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.fcc-fpp-toolbar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-secondary);background:var(--bg-card);flex-shrink:0;min-height:44px;display:flex}.fcc-fpp-body{background:var(--bg-primary);flex:1;min-height:0;display:flex;overflow:hidden}.fcc-fpp-main{background:var(--bg-primary);flex:1;min-width:0;overflow:auto}.fcc-fpp-sidebar{background:var(--bg-card);border-left:1px solid var(--border-secondary);flex-shrink:0;width:320px;overflow:auto}.fcc-fpp-sidebar-left{border-left:none;border-right:1px solid var(--border-secondary)}.fcc-fpp-footer{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-secondary);background:var(--bg-card);flex-shrink:0;display:flex}.loader{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8);color:var(--text-tertiary);display:flex}.loader-fullscreen{justify-content:center;align-items:center;gap:var(--space-3);min-height:300px;color:var(--text-tertiary);flex-direction:column;display:flex}.loader-label{font-size:var(--text-sm);color:var(--text-tertiary)}.loader-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fcc-loader{justify-content:center;align-items:center;gap:var(--space-3);color:var(--text-tertiary);padding:var(--space-6);flex-direction:column;display:flex}.fcc-loader-fullscreen{min-height:300px;padding:var(--space-8)}.fcc-loader-label{font-size:var(--text-sm);color:var(--text-tertiary);letter-spacing:.01em;animation:2.4s ease-in-out infinite fcc-loader-label-pulse}.fcc-loader-stage{--fcc-loader-size:64px;width:var(--fcc-loader-size);height:var(--fcc-loader-size);justify-content:center;align-items:center;animation:3.2s ease-in-out infinite fcc-loader-float;display:flex;position:relative}.fcc-loader-stage .fcc-brand-logo,.fcc-loader-logo{width:calc(var(--fcc-loader-size) * .58);height:calc(var(--fcc-loader-size) * .58);z-index:2;min-width:0;min-height:0;animation:2.4s ease-in-out infinite fcc-loader-breathe;position:relative}.fcc-loader-ring{z-index:1;filter:blur(.4px);background:conic-gradient(#1f2329 0%,#3a3f48 12%,#6b7280 24%,#a8adb6 35%,#7a808b 46%,#3d424b 58%,#2a2e36 68%,#5c626d 80%,#8b9099 88%,#454a54 95%,#1f2329 100%);border-radius:50%;animation:2.2s linear infinite fcc-loader-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 58%,#000 60% 100%);mask:radial-gradient(circle,#0000 58%,#000 60% 100%)}.fcc-loader-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#8c94a047 0%,#0000 65%);border-radius:50%;animation:2.4s ease-in-out infinite fcc-loader-glow-pulse;position:absolute;inset:-20%}@keyframes fcc-loader-spin{to{transform:rotate(360deg)}}@keyframes fcc-loader-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(.92)}}@keyframes fcc-loader-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes fcc-loader-glow-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.12)}}@keyframes fcc-loader-label-pulse{0%,to{opacity:.7}50%{opacity:1}}.fcc-loader-dots{letter-spacing:0;align-items:flex-end;gap:2px;margin-left:3px;display:inline-flex}.fcc-loader-dot{opacity:.75;font-weight:700;animation:1.2s ease-in-out infinite fcc-loader-dot-wave;display:inline-block;transform:translateY(0)}.fcc-loader-dot:first-child{animation-delay:0s}.fcc-loader-dot:nth-child(2){animation-delay:.18s}.fcc-loader-dot:nth-child(3){animation-delay:.36s}@keyframes fcc-loader-dot-wave{0%,60%,to{opacity:.75;color:var(--text-tertiary);transform:translateY(0)scale(1)}30%{opacity:.82;color:var(--text-secondary);transform:translateY(-4px)scale(1.25)}}@media (prefers-reduced-motion:reduce){.fcc-loader-stage,.fcc-loader-logo,.fcc-loader-ring,.fcc-loader-glow,.fcc-loader-label,.fcc-loader-dot{animation-duration:6s;animation-timing-function:ease-in-out}}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip{padding:var(--space-1) var(--space-2);background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;z-index:50;max-width:min(20rem,100vw - 16px);position:absolute}.tooltip-top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-portal{z-index:9999}.accordion{flex-direction:column;gap:8px;display:flex}.accordion-item{box-shadow:none;border-radius:8px}:root.light .accordion-item{box-shadow:0 .25em 7px 0px var(--border-secondary), 0 4px 20px 5px #00000001}.accordion-trigger{background:radial-gradient(ellipse 60% 60% at 100% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 0% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-card);border:1px solid var(--border-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;transition:border-color var(--transition-fast), border-radius .25s ease;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.accordion-trigger:hover{border-color:var(--bg-elevated)}.accordion-trigger.expanded{border-radius:8px 8px 0 0}.accordion-trigger-title{font-size:var(--text-md);color:var(--text-primary);font-weight:600}.accordion-trigger-chevron{color:var(--text-tertiary);display:flex}.accordion-collapse{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.accordion-collapse.open{grid-template-rows:1fr}.accordion-collapse-inner{overflow:hidden}.accordion-content{border:1px solid var(--border-secondary);background:radial-gradient(ellipse 60% 60% at 0% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 100% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-card-content);color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal);border-top:none;border-radius:0 0 8px 8px;padding:16px}.kpi-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-card)}.kpi-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.kpi-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary)}.kpi-icon{color:var(--text-quaternary)}.kpi-value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:var(--font-mono)}.kpi-footer{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.kpi-trend{font-size:var(--text-sm);font-weight:var(--font-weight-medium);align-items:center;gap:4px;display:flex}.kpi-change-label{font-size:var(--text-xs);color:var(--text-quaternary)}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);align-items:stretch;display:flex;overflow:hidden}.stat-card-accent{flex-shrink:0;width:4px}.stat-card-content{padding:var(--space-3) var(--space-4)}.stat-card-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-1);display:block}.stat-card-value{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:var(--font-mono);display:block}.stat-card-subtitle{font-size:var(--text-xs);color:var(--text-quaternary);margin-top:2px;display:block}.kanban-board{align-items:stretch;gap:var(--space-4);height:100%;min-height:100%;padding-bottom:var(--space-2);display:flex;overflow-x:auto}.kanban-column{flex-direction:column;flex:1;align-self:stretch;min-width:273px;max-width:336px;height:100%;display:flex}.kanban-column-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-1);margin-bottom:var(--space-2);display:flex}.kanban-column-header-meta{align-items:center;gap:var(--space-2);flex-shrink:0;display:inline-flex}.kanban-column-header-action{justify-content:center;align-items:center;display:inline-flex}.kanban-column-title{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);flex:auto;display:flex}.kanban-column-title-label{min-width:0}.kanban-column-dot{border-radius:var(--radius-full);width:8px;height:8px}.kanban-column-count{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-weight-normal);background:0 0;margin-left:auto}.kanban-column-count--inline{min-width:28px;height:20px;color:var(--text-tertiary);padding-inline:7px}.kanban-column-body{gap:var(--space-2);scrollbar-gutter:stable;min-height:0;padding-right:var(--space-1);flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.kanban-column-body>*{overflow:visible!important}.kanban-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.kanban-card:hover{box-shadow:var(--shadow-md);border-color:#ffffff1f}.kanban-card-body{gap:var(--space-2);flex-direction:column;display:flex}.kanban-card-title{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--text-primary);display:block}.kanban-card-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);display:block}.kanban-card-badges{gap:var(--space-1);flex-wrap:wrap;display:flex}.kanban-card-footer{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-secondary);justify-content:space-between;align-items:center;display:flex}.kanban-card-footer-text{font-size:var(--text-xs);color:var(--text-quaternary);display:block}.status-metric{color:var(--text-quaternary);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;align-items:center;gap:2px;line-height:1;display:inline-flex}.status-metric-icon{color:var(--text-quaternary);align-items:center;line-height:1;display:inline-flex}.status-metric-text{color:var(--text-quaternary);line-height:1}.status-metric--warning .status-metric-icon{color:var(--accent-yellow)}.filter-bar{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;flex-wrap:wrap;display:flex}.filter-bar-search{align-items:center;gap:var(--space-2);padding:0 var(--space-2);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);height:32px;color:var(--text-tertiary);min-width:200px;display:flex}.filter-bar-input{font-size:var(--text-base);color:var(--text-primary);flex:1}.filter-bar-input::placeholder{color:var(--text-quaternary)}.filter-bar-clear{color:var(--text-quaternary);cursor:pointer;display:flex}.filter-bar-filters{align-items:center;gap:var(--space-2);display:flex}.filter-chip{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;display:inline-flex}.filter-chip:hover{background:var(--bg-hover);border-color:#ffffff1f}.filter-chip.active{color:var(--text-secondary);border-color:var(--accent-primary);background:0 0}.filter-chip-value{font-weight:var(--font-weight-medium)}.filter-bar-clear-all{font-size:var(--text-sm);color:var(--accent-red);cursor:pointer;background:0 0}.notifications-panel{flex-direction:column;width:380px;max-height:500px;display:flex}.notifications-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-secondary);justify-content:space-between;align-items:center;display:flex}.notifications-title{align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex}.notifications-list{flex:1;overflow-y:auto}.notifications-empty{padding:var(--space-8);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.notification-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:1px solid var(--border-secondary);transition:background var(--transition-fast);display:flex}.notification-item:hover{background:var(--bg-hover)}.notification-item.unread{background:#5e6ad20a}.notification-content{flex:1;min-width:0}.notification-text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-snug)}.notification-text strong{color:var(--text-primary);font-weight:var(--font-weight-medium)}.notification-time{font-size:var(--text-xs);color:var(--text-quaternary);margin-top:2px;display:block}.notification-dot{border-radius:var(--radius-full);background:var(--accent-primary);flex-shrink:0;width:8px;height:8px;margin-top:6px}.toast-container{bottom:var(--space-4);right:var(--space-4);gap:var(--space-2);z-index:200;flex-direction:column-reverse;display:flex;position:fixed}.th-content{align-items:center;gap:var(--space-1);display:flex}.th-sort-icon{color:var(--text-quaternary);display:flex}.insp-page{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.insp-title-bar{background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px 12px;display:flex}.insp-title-left{align-items:center;gap:10px;display:flex}.insp-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.02em;margin-right:4px}.insp-badge{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);letter-spacing:.02em;white-space:nowrap;align-items:center;padding:2px 8px;display:inline-flex}.workspace-tabs,.insp-tabs{isolation:isolate;align-items:center;gap:2px;display:inline-flex;position:relative}.workspace-tabs--contained{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary);padding:4px}.workspace-tabs-indicator{border-radius:var(--radius-full);background:var(--bg-active);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff08;opacity:0;pointer-events:none;z-index:0;will-change:transform, width, height;transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1),opacity .16s;position:absolute;top:0;left:0}.workspace-tab,.insp-tab{z-index:1;min-height:32px;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary);border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast);font:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:6px 14px;display:flex;position:relative}.workspace-tab:hover,.insp-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.workspace-tab.active,.insp-tab.active,.workspace-tab.active:hover,.insp-tab.active:hover{color:var(--text-primary);background:0 0}.workspace-tab.disabled{opacity:.45;cursor:not-allowed}.workspace-tab-icon{justify-content:center;align-items:center;display:inline-flex}.workspace-tab-label{white-space:nowrap}.workspace-tab-badge{color:var(--text-quaternary);font-size:var(--text-xs);font-family:var(--font-mono)}.insp-filter-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);flex-shrink:0;align-items:center;gap:8px;padding:0 24px 12px;display:flex}.insp-search{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);height:32px;color:var(--text-tertiary);align-items:center;gap:8px;min-width:200px;padding:0 10px;display:flex}.insp-search-input{font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.insp-search-input::placeholder{color:var(--text-quaternary)}.insp-filter-btn{height:32px;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:0 12px;display:flex}.insp-filter-btn:hover{background:var(--bg-elevated);border-color:#ffffff1a}.view-mode-toggle{border-radius:var(--radius-lg);isolation:isolate;background:0 0;border:0;align-items:center;gap:2px;padding:4px;display:inline-flex;position:relative}.view-mode-toggle.show-labels{gap:4px}.view-mode-toggle-indicator{border-radius:var(--radius-md);background:var(--bg-active);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff08;opacity:0;pointer-events:none;z-index:0;will-change:transform, width, height;transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1),opacity .16s;position:absolute;top:0;left:0}.view-mode-toggle-option,.insp-view-btn{z-index:1;border-radius:var(--radius-md);width:32px;min-width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast);font:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.view-mode-toggle.show-labels .view-mode-toggle-option{width:auto;padding:0 10px}.view-mode-toggle-option:hover,.insp-view-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.view-mode-toggle-option.active,.insp-view-btn.active,.view-mode-toggle-option.active:hover{color:var(--text-primary);background:0 0}.view-mode-toggle-option.disabled{opacity:.45;cursor:not-allowed}.view-mode-toggle-icon{justify-content:center;align-items:center;display:inline-flex}.view-mode-toggle-label{white-space:nowrap;font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.insp-content-row{flex:1;display:flex;overflow:hidden}.insp-content-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.insp-board{flex:1;gap:0;padding:0 16px 16px;display:flex;overflow:auto hidden}.insp-column{border-right:1px solid var(--border-secondary);flex-direction:column;flex:1;min-width:280px;max-width:340px;display:flex;overflow:hidden}.insp-column:last-child{border-right:none}.insp-column-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.insp-column-title{min-width:0;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);flex:auto;align-items:center;gap:8px;display:flex}.insp-column-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.insp-column-count{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-weight-normal);font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:0 0;margin-left:auto}.insp-column-chevron{color:var(--text-quaternary);cursor:pointer}.insp-column-body{flex-direction:column;flex:1;gap:6px;padding:4px 8px 8px;display:flex;overflow-y:auto}.insp-card{border-radius:var(--radius-lg);cursor:pointer;padding:12px}.insp-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.insp-card-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--leading-snug)}.insp-card-header svg{color:var(--text-quaternary);flex-shrink:0;margin-top:2px}.insp-card-address{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-snug);margin-top:4px}.insp-card-property{font-size:var(--text-xs);color:var(--text-quaternary);margin-top:1px}.insp-card-row{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.insp-card-city{font-size:var(--text-xs);color:var(--text-secondary)}.insp-card-status{font-size:var(--text-xs);color:var(--text-quaternary);align-items:center;gap:4px;display:flex}.insp-card-status.live{color:var(--accent-green)}.insp-card-types{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.insp-card-footer{border-top:1px solid var(--border-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:10px;padding-top:8px;display:flex}.insp-card-inspector{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:4px;display:flex}.insp-card-inspector svg{color:var(--text-quaternary)}.insp-card-badges{align-items:center;gap:4px;display:flex}.insp-card-more{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-quaternary);cursor:pointer;justify-content:center;align-items:center;display:flex}.insp-card-more:hover{background:var(--bg-hover);color:var(--text-secondary)}.insp-card-time{color:var(--text-quaternary);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;align-items:center;gap:2px;margin-left:auto;line-height:1;display:inline-flex}.insp-card-time svg{color:var(--text-quaternary);flex-shrink:0}.insp-card-time.alert svg{color:var(--accent-yellow)}.insp-card-time span{color:inherit;line-height:1}.insp-reassign{font-size:var(--text-xs);color:var(--accent-blue);font-weight:var(--font-weight-medium);cursor:pointer;align-items:center;gap:3px;display:inline-flex}.insp-reassign:hover{color:#4a9ae6;text-decoration:underline}.insp-placeholder{flex:1;justify-content:center;align-items:center;display:flex}.insp-placeholder-text{font-size:var(--text-md);color:var(--text-quaternary)}.insp-table-wrap{flex:1;overflow-y:auto}.insp-flat-row{cursor:pointer;height:40px;transition:background var(--transition-fast);font-size:var(--text-sm);align-items:center;gap:6px;padding:0 24px;display:flex}.insp-flat-row:hover{background:var(--bg-hover)}.insp-flat-priority{flex-shrink:0;justify-content:center;align-items:center;width:16px;display:flex}.insp-flat-id{font-size:var(--text-xs);color:var(--text-quaternary);font-family:var(--font-mono);flex-shrink:0;min-width:32px}.insp-flat-status{flex-shrink:0;justify-content:center;align-items:center;width:16px;display:flex}.insp-flat-status-dot{border-radius:var(--radius-full);width:6px;height:6px}.insp-flat-name{font-weight:var(--font-weight-normal);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.insp-flat-spacer{flex:1;min-width:16px}.insp-flat-label{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;border:1px solid var(--border-primary);border-radius:var(--radius-full);flex-shrink:0;align-items:center;gap:4px;height:24px;padding:3px 10px;display:inline-flex}.insp-flat-label-dot{border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.insp-flat-label-more{font-size:var(--text-xs);color:var(--text-quaternary);flex-shrink:0}.insp-mode-live{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--accent-green);background:var(--accent-green-bg);border-radius:var(--radius-sm);flex-shrink:0;align-items:center;gap:4px;padding:1px 6px;display:inline-flex}.insp-flat-avatar{border-radius:var(--radius-full);width:20px;height:20px;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-on-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.insp-flat-date{white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:flex}.table-board{flex-direction:column;gap:6px;width:100%;display:flex}.table-board-group{flex-direction:column;gap:0;display:flex}.table-board-group-header{border-radius:var(--radius-md);background:var(--bg-secondary);width:calc(100% - 8px);color:var(--text-tertiary);font-size:var(--text-sm);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast), color var(--transition-fast);border:none;align-items:center;gap:8px;margin:8px 4px;padding:8px 12px;display:flex}.table-board-group-header:hover{background:var(--bg-primary);color:var(--text-secondary)}.table-board-group-chevron{color:var(--table-board-group-accent-color,var(--text-quaternary));transition:transform var(--transition-fast);align-items:center;display:inline-flex;transform:rotate(0)}.table-board-group-chevron.collapsed{transform:rotate(-90deg)}.table-board-group-label{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.table-board-group-count{font-size:var(--text-sm);color:var(--text-quaternary);font-variant-numeric:tabular-nums}.table-board-group-panel{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.table-board-group-panel.open{grid-template-rows:1fr}.table-board-group-panel-inner{overflow:hidden}.table-board-row{--table-board-row-bg:transparent;min-height:44px;font-size:var(--text-sm);transition:background var(--transition-fast);align-items:center;gap:6px;padding:0 24px;display:flex}.table-board-row+.table-board-row{border-top:1px solid var(--border-secondary)}.table-board-row.clickable{cursor:pointer}.table-board-row.clickable:hover,.table-board-row.clickable:focus-visible{--table-board-row-bg:var(--bg-hover);background:var(--bg-hover);outline:none}.table-board-priority{flex-shrink:0;justify-content:center;align-items:center;width:16px;display:flex}.table-board-id{min-width:56px;color:var(--text-quaternary);font-size:var(--text-xs);font-family:var(--font-mono);flex-shrink:0}.table-board-status{flex-shrink:0;justify-content:center;align-items:center;width:16px;display:flex}.table-board-status-dot{border-radius:var(--radius-full);width:6px;height:6px}.table-board-title-block{flex-direction:column;flex:0 auto;justify-content:center;gap:2px;min-width:0;display:flex}.table-board-title-block.inline-subtitle{flex-direction:row;align-items:center;gap:8px}.table-board-title{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-board-subtitle{min-width:0;color:var(--text-quaternary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.table-board-subtitle.inline{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);flex:0 auto;line-height:1}.table-board-spacer{flex:1;min-width:20px}.table-board-pills{flex:0 auto;align-items:center;gap:6px;min-width:0;display:inline-flex;position:relative;overflow:hidden}.table-board-pills.has-overflow{padding-right:18px}.table-board-pills.has-overflow:after{content:"...";background:linear-gradient(to right, transparent, var(--table-board-row-bg,var(--bg-primary)) 40%);color:var(--text-quaternary);font-size:var(--text-xs);letter-spacing:.04em;padding-left:8px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.table-board-pill{border:1px solid var(--border-primary);border-radius:var(--radius-full);height:24px;color:var(--text-tertiary);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.table-board-pill-dot{border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.table-board-metric{border:1px solid var(--border-primary);border-radius:var(--radius-full);height:24px;color:var(--text-quaternary);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.table-board-metric .status-metric-text,.table-board-metric .status-metric-icon{color:inherit}.table-board-metric .status-metric--warning .status-metric-icon{color:var(--accent-yellow)}.table-board-avatar{width:20px;min-width:20px;height:20px;font-size:8px;font-weight:var(--font-weight-semibold);letter-spacing:.01em;flex-shrink:0}.table-board-meta{color:var(--text-quaternary);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.insp-detail-overlay{z-index:10;animation:.25s ease-out insp-detail-overlay-in;display:flex;position:absolute;inset:0}@keyframes insp-detail-overlay-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.insp-detail-layout{flex:1;height:100%;display:flex;overflow:hidden}.insp-detail{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;display:flex}.insp-chat-panel{border-left:1px solid var(--border-primary);background:radial-gradient(ellipse 60% 60% at 100% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 0% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-third);flex-direction:column;flex-shrink:0;width:299px;min-width:299px;height:100%;display:flex;overflow:hidden}.insp-chat-conversation{border-left:1px solid var(--border-primary);background:radial-gradient(ellipse 60% 60% at 0% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 100% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-primary);flex-direction:column;flex-shrink:0;width:299px;min-width:299px;animation:.2s ease-out insp-chat-conv-in;display:flex}@keyframes insp-chat-conv-in{0%{opacity:0;width:0;min-width:0}to{opacity:1;width:299px;min-width:299px}}.insp-detail-header{border-bottom:1px solid var(--border-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.insp-detail-header-left{align-items:center;gap:8px;min-width:0;display:flex}.insp-detail-header-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.insp-detail-divider{background:var(--border-primary);width:1px;height:16px;margin:0 2px}.insp-detail-id{font-size:var(--text-sm);color:var(--text-tertiary);flex-shrink:0}.insp-detail-sep{color:var(--text-quaternary)}.insp-detail-name{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.insp-detail-phase{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:3px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:500}.insp-detail-info-bar{border-bottom:1px solid var(--border-secondary);font-size:var(--text-sm);flex-wrap:wrap;flex-shrink:0;gap:16px;padding:10px 16px;display:flex}.insp-detail-info-chip{color:var(--text-secondary);align-items:center;gap:5px;display:flex}.insp-detail-info-chip svg{color:var(--text-quaternary);flex-shrink:0}.insp-detail-tabs{border-bottom:1px solid var(--border-secondary);flex-shrink:0;gap:0;padding:0 16px;display:flex}.insp-detail-scroll{flex:1;overflow-y:auto}.insp-detail-content{padding:14px 16px}.insp-detail-type-list,.insp-detail-badges{flex-wrap:wrap;gap:6px;display:flex}.insp-detail-activity-item{border-bottom:1px solid var(--border-secondary);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.insp-detail-activity-item:last-child{border-bottom:none}.insp-detail-activity-dot{background:var(--text-quaternary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.insp-detail-activity-body{min-width:0;font-size:var(--text-sm);color:var(--text-secondary);flex:1;line-height:1.5}.insp-detail-activity-who{color:var(--text-primary);margin-right:4px;font-weight:500}.insp-detail-activity-action{color:var(--text-secondary)}.insp-detail-activity-time{font-size:var(--text-xs);color:var(--text-quaternary);white-space:nowrap;flex-shrink:0;margin-top:2px}.insp-detail-note{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:6px;margin-bottom:8px;padding:12px}.insp-detail-note:last-child{margin-bottom:0}.insp-detail-note-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.insp-detail-note-author{font-size:var(--text-xs);color:var(--text-primary);font-weight:500}.insp-detail-note-time{color:var(--text-quaternary);margin-left:auto;font-size:10px}.insp-detail-note-text{font-size:var(--text-sm);color:var(--text-secondary);padding-left:22px;line-height:1.5}.insp-intake-card{border-left:3px solid var(--border-primary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:6px;padding:14px 16px;display:flex}.insp-intake-card:last-child{margin-bottom:0}.insp-intake-card-left{flex-direction:column;gap:3px;min-width:0;display:flex}.insp-intake-card-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.insp-intake-card-detail{font-size:var(--text-xs);color:var(--text-tertiary)}.insp-intake-status{letter-spacing:.04em;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600}.insp-section-count{color:var(--text-quaternary);font-weight:400}.insp-quote-card{border-bottom:1px solid var(--border-secondary);transition:background var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;display:flex}.insp-quote-card:last-child{border-bottom:none}.insp-quote-card:hover{background:var(--bg-hover)}.insp-quote-id{font-size:var(--text-xs);color:var(--text-quaternary);flex-shrink:0;font-weight:600}.insp-quote-info{flex:1;min-width:0}.insp-quote-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.insp-quote-date{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:1px}.insp-quote-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.insp-quote-chat-icon{color:var(--text-quaternary);cursor:pointer;transition:color var(--transition-fast)}.insp-quote-chat-icon:hover{color:var(--text-primary)}.insp-quote-amount{font-size:var(--text-sm);color:#5bb98e;font-variant-numeric:tabular-nums;font-weight:600}.insp-pricing-row{gap:16px;display:flex}.insp-pricing-col{flex:1;min-width:0}@media (width<=1024px){.insp-pricing-row{flex-direction:column}}.insp-pricing-header{background:var(--bg-card);border:1px solid var(--border-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast), border-radius .25s ease;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;box-shadow:0 1px 4px #0000001a}.insp-pricing-header:hover{background:var(--bg-active)}.insp-pricing-header-left{color:var(--text-primary);align-items:center;gap:8px;display:flex}.insp-pricing-title{font-size:var(--text-md);font-weight:600}.insp-pricing-pending-count{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:400}.insp-pricing-header-right{align-items:center;gap:12px;display:flex}.insp-pricing-add-btn{font-size:var(--text-xs);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:4px 10px;font-weight:500}.insp-pricing-add-btn:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.insp-pricing-chevron{color:var(--text-tertiary);display:flex}.insp-collapse-wrap{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.insp-collapse-wrap.open{grid-template-rows:1fr}.insp-collapse-inner{overflow:hidden}.insp-pricing-header.expanded{border-radius:8px 8px 0 0}.insp-pricing-body{border:1px solid var(--border-secondary);background:radial-gradient(ellipse 60% 60% at 100% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 0% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-third);border-top:none;border-radius:0 0 8px 8px;overflow:hidden;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a}.accordion-content.insp-pricing-body-inner{padding:0;overflow:hidden}.insp-pricelist-row{background:var(--bg-elevated);border-bottom:1px solid var(--border-secondary);cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);transition:background var(--transition-fast);align-items:center;gap:8px;padding:10px 16px;display:flex}.insp-pricelist-row:hover{background:var(--bg-hover)}.insp-pricelist-chevron{color:var(--text-tertiary);display:flex}.insp-pricelist-label{font-weight:500}.insp-pricing-add-price-btn{font-size:var(--text-xs);color:var(--accent-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#5b8dd61f;border:1px solid #5b8dd633;padding:4px 10px;font-weight:500}.insp-pricing-add-price-btn:hover{background:#5b8dd62e}.insp-pricelist-accordion{border-bottom:1px solid var(--border-secondary)}.insp-pricelist-trigger{background:var(--bg-elevated);cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.insp-pricelist-trigger:hover{background:var(--bg-surface)}.insp-pricelist-trigger.expanded{border-bottom:1px solid var(--border-secondary)}.insp-pricelist-body{max-height:400px;overflow-y:auto}.insp-pricelist-group-header{font-size:var(--text-xs);color:var(--text-tertiary);border-bottom:1px solid var(--border-secondary);align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:flex}.insp-pricelist-group-header.recommended{color:var(--accent-yellow);background:var(--accent-yellow-bg)}.insp-pricelist-rec-badge{color:var(--accent-yellow);background:var(--accent-yellow-bg);border-radius:var(--radius-full);border:1px solid #c9a84e40;align-items:center;gap:3px;margin-left:6px;padding:1px 8px;font-size:10px;display:inline-flex}.insp-lineitem-note{font-size:var(--text-xs);color:var(--text-quaternary);margin-top:2px;font-style:italic}.insp-lineitems-header{border-bottom:1px solid var(--border-secondary);font-size:var(--text-xs);align-items:center;gap:10px;padding:8px 16px;display:flex}.insp-checkbox{color:var(--text-quaternary);cursor:pointer;flex-shrink:0}.insp-lineitems-label{color:var(--text-tertiary);font-weight:500}.insp-lineitems-count{color:var(--text-quaternary);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.insp-lineitem{border-bottom:1px solid var(--border-secondary);transition:background var(--transition-fast);align-items:center;gap:10px;padding:12px 16px;display:flex}.insp-lineitem:last-child{border-bottom:none}.insp-lineitem:hover{background:var(--bg-hover)}.insp-lineitem-content{flex:1;min-width:0}.insp-lineitem-top{font-size:var(--text-sm)}.insp-lineitem-service{color:var(--text-primary);font-weight:600}.insp-lineitem-type{color:var(--text-tertiary)}.insp-lineitem-detail{font-size:var(--text-xs);color:var(--text-quaternary);margin-top:2px}.insp-lineitem-amount{font-size:var(--text-sm);color:#5bb98e;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.insp-lineitem-menu{color:var(--text-quaternary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:2px;display:flex}.insp-lineitem-menu:hover{color:var(--text-primary);background:var(--bg-active)}.insp-plansets-desc{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:400}.insp-planset-submission{border-bottom:1px solid var(--border-secondary);padding:14px 16px}.insp-planset-submission:last-child{border-bottom:none}.insp-planset-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.insp-planset-badges{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.insp-planset-meta{align-items:center;gap:12px;display:flex}.insp-planset-meta-item{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:4px;display:flex}.insp-planset-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.insp-planset-action-btn{font-size:var(--text-xs);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:5px;padding:5px 12px;font-weight:500;display:flex}.insp-planset-action-btn:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.insp-planset-action-btn.primary{color:var(--text-primary);background:var(--bg-active);font-weight:600}.insp-planset-files{gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex;overflow-x:auto}.insp-planset-file{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:72px;display:flex}.insp-planset-file-thumb{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:68px;height:80px;color:var(--text-quaternary);transition:border-color var(--transition-fast);cursor:pointer;background:#fff;border:1px solid #9b9da0;border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.insp-planset-file-thumb:after{content:"";pointer-events:none;z-index:1;background:#00000059;border-radius:3px;position:absolute;inset:0}.insp-planset-file-thumb:hover{border-color:#fff}.insp-planset-file-thumb:hover:after{background:0 0}.insp-planset-file-name{color:var(--text-quaternary);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;overflow:hidden}iframe.insp-planset-file-preview{pointer-events:none;transform-origin:0 0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:none;width:800px;height:1035px;position:absolute;top:0;left:0;transform:scale(.085)}img.insp-planset-file-preview{object-fit:cover;pointer-events:none;border:none;width:100%;height:100%}.insp-planset-categories{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.insp-planset-cat-tag{color:var(--text-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);padding:3px 10px;font-size:11px}.insp-planset-review-history{font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);align-items:center;gap:6px;padding:4px 0;display:flex}.insp-planset-review-history:hover{color:var(--text-secondary)}.insp-file-review-icon{background:var(--bg-primary);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:2px;right:2px}.insp-file-review-icon.pass{color:#5bb98e}.insp-file-review-icon.alert{color:#f59e0b}.insp-review-history-content{padding:8px 0 4px}.insp-review-entry{padding:8px 0}.insp-review-entry-header{font-size:var(--text-xs);align-items:center;gap:6px;margin-bottom:6px;display:flex}.insp-review-entry-dots{gap:3px;display:flex}.insp-review-dot{border-radius:50%;width:8px;height:8px}.insp-review-entry-count{color:var(--text-primary);font-weight:600}.insp-review-entry-status{font-weight:600}.insp-review-entry-by{color:var(--text-tertiary)}.insp-review-reopen{font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;margin-left:auto;display:flex}.insp-review-reopen:hover{color:var(--text-primary)}.insp-review-entry-thumbs{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.insp-review-thumb{cursor:pointer;width:52px;height:62px;transition:border-color var(--transition-fast);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #9b9da0;border-radius:3px;flex-shrink:0;position:relative;overflow:hidden}.insp-review-thumb:after{content:"";pointer-events:none;z-index:1;background:#00000059;border-radius:2px;position:absolute;inset:0}.insp-review-thumb:hover{border-color:#fff}.insp-review-thumb:hover:after{background:0 0}iframe.insp-review-thumb-preview{pointer-events:none;transform-origin:0 0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:none;width:800px;height:1035px;position:absolute;top:0;left:0;transform:scale(.065)}img.insp-review-thumb-preview{object-fit:cover;pointer-events:none;border:none;width:100%;height:100%}.doc-review-overlay{z-index:9999;background:var(--bg-primary);flex-direction:column;animation:.25s ease-out insp-detail-overlay-in;display:flex;position:fixed;inset:0}.doc-review-header{border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.doc-review-header-left{flex-shrink:0;align-items:center;gap:8px;display:flex}.doc-review-close{border-radius:var(--radius-md);border:1px solid var(--border-primary);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.doc-review-close:hover{background:var(--bg-hover)}.doc-review-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;font-weight:600}.doc-review-header-center{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.doc-review-page-label{color:var(--text-quaternary);letter-spacing:.05em;font-size:10px;font-weight:600}.doc-review-page-btn{border-radius:var(--radius-sm);border:1px solid var(--border-primary);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.doc-review-page-btn:hover:not(:disabled){background:var(--bg-hover)}.doc-review-page-btn:disabled{opacity:.3;cursor:default}.doc-review-page-num{font-size:var(--text-xs);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.doc-review-filename{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.doc-review-header-right{flex-shrink:0}.doc-review-request-btn{font-size:var(--text-xs);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);background:#5b8dd6;border:none;padding:6px 14px;font-weight:600}.doc-review-request-btn:hover{background:#2563eb}.doc-review-body{flex:1;display:flex;overflow:hidden}.doc-review-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-primary);flex-direction:column;gap:6px;width:140px;min-width:140px;padding:8px;display:flex;overflow-y:auto}.doc-review-thumb{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex;position:relative}.doc-review-thumb:hover{background:var(--bg-hover)}.doc-review-thumb:hover .doc-review-thumb-img{border-color:#fff}.doc-review-thumb:hover .doc-review-thumb-img:after{background:0 0}.doc-review-thumb.active{background:var(--bg-active);outline:2px solid var(--accent-primary);outline-offset:-2px}.doc-review-thumb-img{aspect-ratio:8.5/11;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;color:var(--text-quaternary);background:#fff;border:1px solid #9b9da0;border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.doc-review-thumb-img:after{content:"";pointer-events:none;z-index:1;background:#00000059;border-radius:3px;position:absolute;inset:0}.doc-review-thumb-badge{background:var(--bg-primary);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:3px;right:3px}.doc-review-thumb-badge.pass{color:#5bb98e}.doc-review-thumb-badge.alert{color:#f59e0b}.doc-review-thumb-name{color:var(--text-quaternary);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px;overflow:hidden}iframe.doc-review-thumb-preview{pointer-events:none;transform-origin:0 0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:none;width:800px;height:1035px;position:absolute;top:0;left:0;transform:scale(.145)}img.doc-review-thumb-preview{object-fit:cover;pointer-events:none;border:none;width:100%;height:100%}.doc-review-viewer{background:#fff;flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.doc-review-viewer-pdf{border:none;width:100%;height:100%}.doc-review-viewer-img{object-fit:contain;max-width:100%;max-height:100%}.doc-review-tools{background:var(--bg-secondary);border-left:1px solid var(--border-primary);flex-direction:column;width:280px;min-width:280px;display:flex;overflow:hidden}.doc-review-tools-tabs{border-bottom:1px solid var(--border-primary);flex-shrink:0;display:flex}.doc-review-tools-tab{font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-weight:500}.doc-review-tools-tab.active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.doc-review-tools-tab:hover{color:var(--text-secondary)}.doc-review-tools-content{flex:1;overflow-y:auto}.doc-review-checklist{padding:8px}.doc-review-check-item{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:8px;padding:6px 8px;display:flex}.doc-review-check-item:hover,.doc-review-check-item.active{background:var(--bg-hover)}.doc-review-check-name{font-size:var(--text-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.doc-review-ai-section{padding:16px}.doc-review-ai-btn{width:100%;font-size:var(--text-xs);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:flex}.doc-review-ai-btn:hover{opacity:.9}.doc-review-ai-note{color:var(--text-quaternary);margin-top:10px;font-size:11px;line-height:1.4}.doc-review-section{border-top:1px solid var(--border-primary);padding:12px 16px}.doc-review-section-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:11px;font-weight:600}.doc-review-trades-list{flex-wrap:wrap;gap:6px;display:flex}.doc-review-comments-empty{font-size:var(--text-xs);color:var(--text-quaternary);padding:8px 0}.insp-tab-placeholder{height:200px;font-size:var(--text-sm);color:var(--text-quaternary);justify-content:center;align-items:center;display:flex}.fcc-details-panel-root{pointer-events:none;position:absolute;inset:0}.fcc-details-panel-backdrop{opacity:0;pointer-events:auto;background:#0000008c;transition:opacity .3s ease-in-out;position:absolute;inset:0}.fcc-details-panel-root--visible .fcc-details-panel-backdrop{opacity:1}.fcc-details-panel{background:var(--bg-primary);border-left:1px solid var(--border-primary);pointer-events:auto;flex-direction:column;width:100%;min-width:0;transition:transform .3s ease-in-out;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #00000059}.fcc-details-panel-root--visible .fcc-details-panel{transform:translate(0)}@media (width<=1024px){.fcc-details-panel{width:100%}}.fcc-details-panel-resize{cursor:col-resize;z-index:2;background:0 0;width:4px;transition:background .12s;position:absolute;top:0;bottom:0;left:0}.fcc-details-panel-resize:hover{background:var(--primary,#22b6c8)}@media (width<=1024px){.fcc-details-panel-resize{display:none}}.fcc-details-panel-header{border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.fcc-details-panel-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.fcc-details-panel-close{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.fcc-details-panel-close:hover{background:var(--bg-hover);color:var(--text-primary)}.fcc-details-panel-body{flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.fcc-details-panel-loading{background:var(--bg-primary);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fcc-app-shell{background:var(--bg-sidebar);height:100vh;display:flex;overflow:hidden}.fcc-sidebar{background:var(--bg-sidebar);width:60px;padding:var(--space-2) 0;z-index:40;transition:width var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.fcc-sidebar:hover{width:var(--sidebar-width);box-shadow:2px 0 6px #0000001a}.fcc-sidebar-brand{flex-shrink:0;height:52px;padding:10px 14px;position:relative;overflow:hidden}.fcc-sidebar-brand-logo-slot{flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;display:flex;position:absolute;top:10px;left:14px}.fcc-sidebar-brand-logo-slot>*{flex-shrink:0;display:block}.fcc-brand-logo{object-fit:contain;flex-shrink:0;width:32px;min-width:32px;height:32px;min-height:32px}.fcc-sidebar-brand-text{font-weight:var(--font-weight-semibold);font-size:var(--text-lg);color:var(--text-primary);opacity:0;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;min-width:0;transition:opacity 95ms ease-in-out 35ms;position:absolute;top:50%;left:56px;right:14px;overflow:hidden;transform:translateY(-50%)}.fcc-sidebar:hover .fcc-sidebar-brand-text{opacity:1;transition-delay:30ms}.fcc-sidebar-nav{min-height:0;padding-bottom:var(--space-2);flex-direction:column;flex:1;gap:2px;margin-top:4px;display:flex;overflow:hidden}.fcc-sidebar-entry{flex-direction:column;flex-shrink:0;display:flex}.fcc-sidebar-entry.expanded{flex:1;min-height:0}.fcc-sidebar-item-chevron{color:var(--text-quaternary);border-radius:var(--radius-sm);cursor:pointer;width:22px;height:22px;transition:color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.fcc-sidebar-item-chevron:hover{color:var(--text-secondary);background:#ffffff0d}.fcc-sidebar-item-chevron svg{transition:transform var(--transition-fast)}.fcc-sidebar-item-chevron.is-expanded svg{transform:rotate(180deg)}.fcc-sidebar-item.active .fcc-sidebar-item-chevron{color:var(--text-secondary)}.fcc-sidebar-accordion{flex-direction:column;flex:1;gap:10px;min-height:0;padding:8px 8px 10px;display:flex}.fcc-sidebar-search{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);width:100%;min-height:36px;color:var(--text-tertiary);box-sizing:border-box;align-items:center;gap:8px;padding:0 12px;display:flex}.fcc-sidebar-search-input{min-width:0;color:var(--text-primary);font-size:var(--text-sm);background:0 0;border:none;flex:1}.fcc-sidebar-search-input::placeholder{color:var(--text-quaternary)}.fcc-sidebar-accordion-body{gap:var(--space-3);flex-direction:column;flex:1;min-height:0;padding:0 4px;display:flex;overflow-y:auto}.fcc-sidebar-section{flex-direction:column;gap:6px;display:flex}.fcc-sidebar-section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-quaternary);padding:0 12px}.fcc-sidebar-child-list{flex-direction:column;gap:2px;display:flex}.fcc-sidebar-child-item{border-radius:var(--radius-md);min-height:30px;color:var(--text-secondary);text-align:left;font-size:var(--text-sm);background:0 0;border:none;align-items:center;padding:0 12px;display:flex}.fcc-sidebar-child-item:hover{background:var(--bg-hover);color:var(--text-primary)}.fcc-sidebar-child-item.active{background:var(--bg-active);color:var(--text-primary)}.fcc-sidebar-empty{color:var(--text-quaternary);font-size:var(--text-xs);padding:0 12px}.fcc-sidebar-item{width:100%;min-height:42px;color:var(--text-secondary);white-space:nowrap;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:0 14px 0 19px;display:flex;position:relative}.fcc-sidebar-item:before{content:"";border-radius:var(--radius-md);transition:background var(--transition-fast), border-color var(--transition-fast);position:absolute;inset:2px 8px}.fcc-sidebar-item:hover:before{background:var(--bg-hover)}.fcc-sidebar-item:hover{color:var(--text-primary)}.fcc-sidebar-item.active:before{background:var(--bg-active)}.fcc-sidebar-item.active{color:var(--text-primary)}.fcc-sidebar-item.disabled{opacity:.45;cursor:not-allowed}.fcc-sidebar-item>*{z-index:1;position:relative}.fcc-sidebar-item-icon{width:22px;min-width:22px;height:22px;min-height:22px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.fcc-sidebar-item.active .fcc-sidebar-item-icon{color:var(--text-primary)}.fcc-sidebar-label{white-space:nowrap}.fcc-sidebar:not(:hover) .fcc-sidebar-accordion{display:none}.fcc-sidebar-item-label{opacity:0;flex:1;min-width:0;max-width:0;transition:max-width .15s ease-in-out,opacity 95ms ease-in-out 35ms,transform .15s ease-in-out;overflow:hidden;transform:translate(-6px)}.fcc-sidebar:hover .fcc-sidebar-item-label{opacity:1;max-width:160px;transition-delay:30ms,30ms,30ms;transform:translate(0)}.fcc-sidebar-item-badge{border-radius:var(--radius-full);border:1px solid var(--border-primary);background:var(--bg-primary);min-width:18px;height:18px;color:var(--text-tertiary);font-size:var(--text-xs);font-family:var(--font-mono);opacity:0;justify-content:center;align-items:center;padding:0 6px;transition:opacity 95ms ease-in-out 35ms,transform .15s ease-in-out;display:inline-flex;transform:translate(-4px)}.fcc-sidebar:hover .fcc-sidebar-item-badge{opacity:1;transition-delay:30ms,30ms;transform:translate(0)}.fcc-sidebar-footer{border-top:1px solid var(--border-secondary);align-items:center;gap:10px;margin-top:auto;padding:12px 14px;display:flex}.fcc-sidebar-profile{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.fcc-sidebar-profile-copy{opacity:0;flex-direction:column;gap:1px;min-width:0;max-width:0;transition:max-width .15s ease-in-out,opacity 95ms ease-in-out 35ms,transform .15s ease-in-out;display:flex;overflow:hidden;transform:translate(-6px)}.fcc-sidebar:hover .fcc-sidebar-profile-copy{opacity:1;max-width:132px;transition-delay:30ms,30ms,30ms;transform:translate(0)}.fcc-sidebar-avatar{border-radius:var(--radius-full);background:var(--accent-primary);width:32px;height:32px;color:var(--text-on-accent);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.fcc-sidebar-profile-name{color:var(--text-primary)}.fcc-sidebar-profile-meta{color:var(--text-quaternary);font-size:var(--text-xs)}.fcc-sidebar-logout{border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-tertiary);opacity:0;flex-shrink:0;justify-content:center;align-items:center;transition:opacity 95ms ease-in-out 35ms,transform .15s ease-in-out,background-color .15s ease-in-out,color .15s ease-in-out;display:flex;transform:translate(-6px)}.fcc-sidebar:hover .fcc-sidebar-logout{opacity:1;transition-delay:30ms,30ms,0s,0s;transform:translate(0)}.fcc-sidebar-logout:hover{background:var(--bg-hover);color:var(--text-primary)}.fcc-main-window{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;flex-direction:column;flex:1;margin:10px 10px 10px 62px;display:flex;overflow:hidden}.fcc-workspace-header{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--header-height);padding:0 var(--space-4);border-bottom:1px solid var(--border-secondary);background:var(--bg-secondary);border-radius:8px 8px 0 0;flex-shrink:0;display:flex}.fcc-workspace-header-left,.fcc-workspace-header-right{align-items:center;min-width:0;display:flex}.fcc-workspace-header-left{gap:var(--space-2);flex:1}.fcc-workspace-header-right{color:var(--text-tertiary);gap:2px}.fcc-breadcrumbs{align-items:center;gap:0;min-width:0;display:flex}.fcc-breadcrumb-segment{align-items:center;min-width:0;display:flex}.fcc-breadcrumb-item{min-width:0;color:var(--text-tertiary);font-size:var(--text-md);cursor:default;align-items:center;display:inline-flex}button.fcc-breadcrumb-item,a.fcc-breadcrumb-item{cursor:pointer}button.fcc-breadcrumb-item:hover,a.fcc-breadcrumb-item:hover{color:var(--text-secondary)}.fcc-breadcrumb-item.current{color:var(--text-primary)}.fcc-breadcrumb-sep{margin:0 var(--space-2);color:var(--text-quaternary);font-size:var(--text-sm)}@media (width<=767px){.fcc-breadcrumbs .fcc-breadcrumb-segment:not(:last-child),.fcc-breadcrumbs .fcc-breadcrumb-segment:last-child .fcc-breadcrumb-sep{display:none}.fcc-breadcrumb-item{font-weight:var(--font-weight-semibold);color:var(--text-primary)}}.fcc-header-status{border:1px solid var(--border-primary);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);background:#ffffff03;align-items:center;gap:6px;margin-right:6px;padding:4px 10px;display:inline-flex}.fcc-header-status-dot{border-radius:var(--radius-full);background:var(--accent-green);width:8px;height:8px}.fcc-header-status-success .fcc-header-status-dot{background:var(--accent-green)}.fcc-header-status-warning .fcc-header-status-dot{background:var(--accent-yellow)}.fcc-header-status-danger .fcc-header-status-dot{background:var(--accent-red)}.fcc-header-status-info .fcc-header-status-dot{background:var(--accent-primary)}.fcc-header-status-neutral .fcc-header-status-dot{background:var(--text-tertiary)}.fcc-main-window-content{flex:1;min-height:0;position:relative;overflow:auto}.fcc-main-window-content-with-side-panel{min-width:0;display:flex;overflow:hidden}.fcc-main-window-content-padded{padding:28px 32px 36px}.fcc-main-window-content-full{padding-right:0}@media (width<=960px){.fcc-app-shell:not(.fcc-mobile-shell) .fcc-sidebar{width:72px}.fcc-app-shell:not(.fcc-mobile-shell) .fcc-sidebar:hover{width:72px;box-shadow:none}.fcc-app-shell:not(.fcc-mobile-shell) .fcc-sidebar .fcc-sidebar-label,.fcc-app-shell:not(.fcc-mobile-shell) .fcc-sidebar:hover .fcc-sidebar-label,.fcc-app-shell:not(.fcc-mobile-shell) .fcc-sidebar .fcc-sidebar-logout,.fcc-app-shell:not(.fcc-mobile-shell) .fcc-sidebar:hover .fcc-sidebar-logout{opacity:0}.fcc-app-shell:not(.fcc-mobile-shell) .fcc-main-window{margin-left:74px}.fcc-main-window-content-padded{padding:20px 18px 28px}}.fcc-sidebar-pin-btn{top:13px;left:calc(var(--sidebar-width) - 36px);border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--transition-fast), background var(--transition-fast), color var(--transition-fast);z-index:101;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:fixed}.fcc-sidebar:hover .fcc-sidebar-pin-btn,.fcc-sidebar-pinned .fcc-sidebar-pin-btn{opacity:1;pointer-events:auto}.fcc-sidebar-pin-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.fcc-sidebar-pinned .fcc-sidebar-pin-btn{color:var(--accent-primary)}.fcc-sidebar-pinned .fcc-sidebar,.fcc-sidebar-pinned .fcc-sidebar:hover{width:var(--sidebar-width);box-shadow:none}.fcc-sidebar-pinned .fcc-sidebar-brand-text{opacity:1}.fcc-sidebar-pinned .fcc-sidebar-item-label,.fcc-sidebar-pinned .fcc-sidebar-item-badge,.fcc-sidebar-pinned .fcc-sidebar-profile-copy,.fcc-sidebar-pinned .fcc-sidebar-logout{opacity:1;max-width:160px;transform:translate(0)}.fcc-sidebar-pinned .fcc-sidebar-accordion{display:block}.fcc-sidebar-pinned .fcc-main-window{margin-left:calc(var(--sidebar-width) + 2px)}.fcc-hamburger-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.fcc-hamburger-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.fcc-sidebar-close-btn{top:12px;left:calc(var(--sidebar-width) - 40px);border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:transform .25s cubic-bezier(.4, 0, .2, 1), background var(--transition-fast), color var(--transition-fast);z-index:1401;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:fixed;transform:translate(-100%)}.fcc-sidebar-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.fcc-mobile-menu-open .fcc-sidebar-close-btn{transform:translate(0)}@media (width<=1023px){.fcc-mobile-shell .fcc-sidebar-pin-btn{display:none}.fcc-mobile-shell .fcc-sidebar{box-shadow:none;width:var(--sidebar-width);transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.fcc-mobile-shell .fcc-sidebar:hover{width:var(--sidebar-width);box-shadow:none}.fcc-mobile-shell .fcc-main-window{margin-left:10px}.fcc-mobile-shell .fcc-sidebar .fcc-sidebar-label,.fcc-mobile-shell .fcc-sidebar .fcc-sidebar-logout,.fcc-mobile-shell .fcc-sidebar .fcc-sidebar-brand-text,.fcc-mobile-shell .fcc-sidebar .fcc-sidebar-item-label,.fcc-mobile-shell .fcc-sidebar .fcc-sidebar-item-badge,.fcc-mobile-shell .fcc-sidebar .fcc-sidebar-profile-copy{opacity:1;max-width:160px;transform:translate(0)}.fcc-mobile-shell .fcc-sidebar .fcc-sidebar-brand-text{transform:translateY(-50%)}.fcc-mobile-menu-open .fcc-sidebar{z-index:1400;transform:translate(0);box-shadow:4px 0 24px #0006}.fcc-mobile-menu-open .fcc-sidebar .fcc-sidebar-accordion{display:flex}}.fcc-mobile-menu-backdrop{z-index:1399;background:#00000073;animation:.18s forwards fcc-mobile-menu-backdrop-in;position:fixed;inset:0}@keyframes fcc-mobile-menu-backdrop-in{0%{opacity:0}to{opacity:1}}.fcc-side-panel-layout{flex:1;min-height:0;display:flex;overflow:hidden}.fcc-side-panel-content{flex:1;min-width:0;overflow:auto}.fcc-side-panel-rail{pointer-events:none;width:0;min-width:0;transition:width var(--transition-slow), border-color var(--transition-normal);border-left:1px solid #0000;flex-shrink:0;justify-content:flex-end;display:flex;overflow:hidden}.fcc-side-panel-rail.has-panel{border-left-color:var(--border-primary)}.fcc-side-panel-rail.open{width:var(--fcc-side-panel-width,320px);pointer-events:auto}.fcc-side-panel-inner{width:var(--fcc-side-panel-width,320px);min-width:var(--fcc-side-panel-width,320px);background:radial-gradient(ellipse 60% 60% at 100% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 0% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-third);opacity:0;will-change:transform, opacity;height:100%;transition:transform var(--transition-slow), opacity .18s ease;flex-direction:column;display:flex;overflow:hidden;transform:translate(calc(100% + 24px))}.fcc-side-panel-rail.open .fcc-side-panel-inner{opacity:1;transform:translate(0)}.fcc-side-panel-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:16px 16px 12px;display:flex}.fcc-side-panel-header-copy{min-width:0}.fcc-side-panel-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.01em}.fcc-side-panel-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:3px}.fcc-side-panel-header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.fcc-side-panel-header-actions .btn{color:var(--text-quaternary)}.fcc-side-panel-header-actions .btn:hover{color:var(--text-primary)}.fcc-side-panel-body{flex:1;min-height:0;padding:0;overflow-y:auto}.fcc-side-panel-tabs{background:var(--bg-primary);border-radius:var(--radius-lg);flex-shrink:0;gap:2px;margin:0 12px 8px;padding:3px;display:flex}.fcc-side-panel-tab{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:var(--font-weight-medium);flex:1;padding:5px 0}.fcc-side-panel-tab.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.fcc-side-panel-tab:hover:not(.active){color:var(--text-secondary)}.fcc-side-panel-search{border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-secondary);font-size:var(--text-sm);color:var(--text-quaternary);transition:border-color var(--transition-fast);align-items:center;gap:8px;margin:0 12px 4px;padding:7px 10px;display:flex}.fcc-side-panel-search:focus-within{border-color:var(--border-focus)}.fcc-side-panel-search-input{min-width:0;color:var(--text-primary);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}.fcc-side-panel-search-input::placeholder,.fcc-side-panel-search-placeholder{color:var(--text-quaternary)}.fcc-side-panel-group-label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--text-quaternary);letter-spacing:.04em;text-transform:uppercase;padding:16px 16px 6px}.fcc-side-panel-action{font-size:var(--text-sm);color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);padding:8px 16px}.fcc-side-panel-action:hover{color:var(--text-primary)}.fcc-side-panel-item{cursor:pointer;transition:background var(--transition-fast);align-items:flex-start;gap:10px;padding:10px 16px;display:flex}.fcc-side-panel-item:hover{background:var(--bg-hover)}.fcc-side-panel-item-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;margin-top:5px}.fcc-side-panel-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.fcc-side-panel-item-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fcc-side-panel-item-detail{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fcc-side-panel-item-time{font-size:var(--text-xs);color:var(--text-quaternary);white-space:nowrap;flex-shrink:0;margin-top:2px}.fcc-side-panel-card{border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);gap:12px;margin:3px 8px;padding:12px 14px;display:flex}.fcc-side-panel-card:hover{background:var(--bg-elevated);border-color:var(--border-primary)}.fcc-side-panel-card-avatar{border-radius:var(--radius-full);background:var(--accent-purple);width:34px;min-width:34px;height:34px;color:var(--text-on-accent);font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.02em;justify-content:center;align-items:center;display:flex}.fcc-side-panel-card-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.fcc-side-panel-card-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.fcc-side-panel-card-detail{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-snug);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.fcc-side-panel-card-meta{color:var(--text-quaternary);align-items:center;gap:6px;margin-top:1px;font-size:11px;display:flex}.fcc-side-panel-unread-dot{border-radius:var(--radius-full);background:var(--accent-primary);width:6px;height:6px}.fcc-side-panel-contact{cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:8px 16px;display:flex;position:relative}.fcc-side-panel-contact:hover{background:var(--bg-hover)}.fcc-side-panel-contact.active{background:var(--bg-active)}.fcc-side-panel-contact-avatar-wrap{flex-shrink:0;width:32px;height:32px;position:relative}.fcc-side-panel-contact-avatar-wrap>img{border-radius:var(--radius-full);object-fit:cover;width:32px;height:32px}.fcc-side-panel-contact-avatar-wrap .fcc-contact-avatar-group{width:32px;height:32px;position:relative}.fcc-side-panel-contact-avatar-wrap .fcc-contact-avatar-group img{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--bg-secondary);width:22px;height:22px;position:absolute}.fcc-side-panel-contact-avatar-wrap .fcc-contact-avatar-group img:first-child{z-index:1;top:0;left:0}.fcc-side-panel-contact-avatar-wrap .fcc-contact-avatar-group img:nth-child(2){z-index:0;bottom:0;right:0}.fcc-side-panel-contact-avatar-wrap .fcc-contact-avatar-initials{border-radius:var(--radius-full);width:32px;min-width:32px;height:32px;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-on-accent);justify-content:center;align-items:center;display:flex}.fcc-side-panel-online-dot{border-radius:var(--radius-full);background:var(--accent-green);border:2px solid var(--bg-secondary);z-index:1;width:10px;height:10px;position:absolute;bottom:-1px;left:-1px}.fcc-side-panel-contact-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.fcc-side-panel-contact-time{font-size:var(--text-xs);color:var(--text-quaternary);flex-shrink:0}.fcc-side-panel-chat-wrap{justify-content:flex-end;width:100%;height:100%;display:flex;overflow:hidden}.fcc-side-panel-conversation{border-right:1px solid var(--border-primary);background:radial-gradient(ellipse 60% 60% at 0% 0%, var(--panel-glow-a) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 100% 100%, var(--panel-glow-b) 0%, transparent 70%), var(--bg-primary);flex-direction:column;flex-shrink:0;width:299px;min-width:299px;display:flex}.fcc-side-panel-conv-header{border-bottom:1px solid var(--border-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.fcc-side-panel-conv-title{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.fcc-side-panel-conv-header-right{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:4px;display:flex}.fcc-side-panel-conv-messages{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex;overflow-y:auto}.fcc-side-panel-conv-input{border-top:1px solid var(--border-secondary);flex-shrink:0;padding:12px 16px}.fcc-side-panel-conv-input textarea{resize:none;border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border-secondary);width:100%;color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:nowrap;text-overflow:ellipsis;height:40px;padding:10px 12px;overflow:hidden}.fcc-side-panel-conv-input textarea::placeholder{color:var(--text-quaternary)}.fcc-side-panel-conv-input textarea:focus{border-color:var(--border-focus);outline:none}.fcc-side-panel-conv-input-actions{color:var(--text-quaternary);justify-content:space-between;align-items:center;margin-top:8px;display:flex}.fcc-side-panel-send-btn{border-radius:var(--radius-full);background:var(--accent-primary);width:28px;height:28px;color:var(--text-on-accent);transition:opacity var(--transition-fast);justify-content:center;align-items:center;display:flex}.fcc-side-panel-send-btn:hover{opacity:.85}.fcc-side-panel-msg-row{flex-direction:column;gap:3px;display:flex}.fcc-msg-right{align-items:flex-end}.fcc-msg-left{align-items:flex-start}.fcc-side-panel-msg-meta{align-items:center;gap:6px;display:flex}.fcc-side-panel-msg-meta span{font-size:var(--text-xs);color:var(--text-quaternary)}.fcc-side-panel-msg-meta img{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:26px;height:26px}.fcc-side-panel-msg-bubble{max-width:85%;font-size:var(--text-sm);line-height:var(--leading-snug);word-break:break-word;padding:8px 14px}.fcc-bubble-you{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-sm) var(--radius-xl);background:var(--accent-primary);color:var(--text-on-accent)}.fcc-bubble-other{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-sm);background:var(--bg-primary);color:var(--text-primary)}@media (width<=960px){.fcc-side-panel-rail.open{width:var(--fcc-side-panel-width,280px)}.fcc-side-panel-inner{width:var(--fcc-side-panel-width,280px);min-width:var(--fcc-side-panel-width,280px)}}@keyframes fcc-presence-pulse{0%,to{opacity:1}50%{opacity:.4}}.presence-dot-pulse{animation:1.5s ease-in-out infinite fcc-presence-pulse}@keyframes fcc-callbar-pulse{0%,to{opacity:1}50%{opacity:.35}}.callbar-dot-pulse{animation:1.2s ease-in-out infinite fcc-callbar-pulse}
2
2
  /*$vite$:1*/
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@freedom-code-compliance/fcc-redesign",
3
3
  "private": false,
4
- "version": "0.1.38",
4
+ "version": "0.1.40",
5
5
  "description": "Reusable FCC design system components and theme for fccPRO and fccOPS.",
6
6
  "type": "module",
7
7
  "repository": {