@freedom-code-compliance/fcc-redesign 0.1.5 → 0.1.6

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.
Files changed (4) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +6 -6
  3. package/dist/styles.css +1 -1
  4. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`react`),t=require(`lucide-react`),n=require(`react/jsx-runtime`);var r=(0,e.createContext)(null),i={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 a({toast:r,onDismiss:a}){return(0,e.useEffect)(()=>{if(r.duration!==0){let e=setTimeout(()=>a(r.id),r.duration||4e3);return()=>clearTimeout(e)}},[r.id,r.duration,a]),(0,n.jsxs)(`div`,{className:`toast`,style:{animation:`slideInRight 200ms ease`},children:[(0,n.jsx)(`span`,{className:`toast-icon`,children:i[r.type]||i.info}),(0,n.jsxs)(`div`,{className:`toast-content`,children:[r.title&&(0,n.jsx)(`div`,{className:`toast-title`,children:r.title}),(0,n.jsx)(`div`,{className:`toast-message`,children:r.message})]}),(0,n.jsx)(`button`,{className:`toast-close`,onClick:()=>a(r.id),children:(0,n.jsx)(t.X,{size:14})})]})}function o({children:t}){let[i,o]=(0,e.useState)([]),s=(0,e.useCallback)(e=>{let t=Date.now()+Math.random();o(n=>[...n.slice(-4),{id:t,...e}])},[]),c=(0,e.useCallback)(e=>{o(t=>t.filter(t=>t.id!==e))},[]);return(0,n.jsxs)(r.Provider,{value:{addToast:s},children:[t,(0,n.jsx)(`div`,{className:`toast-container`,children:i.map(e=>(0,n.jsx)(a,{toast:e,onDismiss:c},e.id))})]})}function s(){let t=(0,e.useContext)(r);if(!t)throw Error(`useToast must be used within ToastProvider`);return t}var c=(0,e.createContext)(void 0),l=`dark`,u=`fcc-theme`;function d(e){if(typeof document>`u`)return;let t=document.documentElement;t.classList.remove(`dark`,`light`),e===`light`&&t.classList.add(`light`)}function f({children:t,defaultTheme:r=l,storageKey:i=u}){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),d(a)},[i,a]),(0,n.jsx)(c.Provider,{value:{theme:a,setTheme:o,toggleTheme:()=>{o(e=>e===`dark`?`light`:`dark`)}},children:t})}function p(){let t=(0,e.useContext)(c);if(!t)throw Error(`useTheme must be used within a ThemeProvider`);return t}function m({children:e,...t}){return(0,n.jsx)(f,{...t,children:(0,n.jsx)(o,{children:e})})}function h(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 g({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:`/`}),h(e,i)]},e.key||e.label||t)})})}var _={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 v({label:e,tone:t=`success`,dotColor:r,className:i=``}){return e?(0,n.jsxs)(`div`,{className:[`fcc-header-status`,_[t]||_.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 y({breadcrumbs:e=[],status:t,actions:r,leftSlot:i,rightSlot:a,className:o=``}){return(0,n.jsxs)(`header`,{className:[`fcc-workspace-header`,o].filter(Boolean).join(` `),children:[(0,n.jsx)(`div`,{className:`fcc-workspace-header-left`,children:i||(0,n.jsx)(g,{items:e})}),(0,n.jsxs)(`div`,{className:`fcc-workspace-header-right`,children:[t&&(0,n.jsx)(v,{...t}),r,a]})]})}function b({breadcrumbs:e=[],status:t,headerActions:r,header:i,children:a,overlay:o,className:s=``,headerClassName:c=``,contentClassName:l=``}){return(0,n.jsxs)(`div`,{className:[`fcc-main-window`,s].filter(Boolean).join(` `),children:[i||(0,n.jsx)(y,{breadcrumbs:e,status:t,actions:r,className:c}),(0,n.jsx)(`div`,{className:[`fcc-main-window-content`,l].filter(Boolean).join(` `),children:a}),o]})}function x(e,t){if(!e.disabled){if(e.onClick){e.onClick(e);return}t?.(e)}}function S(e,t){return!e.childrenSections?.length||!t?!1:e.childrenSections.some(e=>e.items?.some(e=>e.key===t))}function C(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 w({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)({});function g(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})]}),(0,n.jsx)(`nav`,{className:`fcc-sidebar-nav`,"aria-label":`${r} navigation`,children:a.map(e=>{let r=e.childrenSections?.length>0,i=S(e,o),a=e.key===o||i||(o?.startsWith?.(`${e.key}/`)??!1),c=r&&(m[e.key]??a),l=f[e.key]||``,u=r?C(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&&g(e.key,!0),x(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(),g(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:()=>x(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})})]})]})}function T({appName:e=`FCC`,logo:t,navItems:r=[],activeNavKey:i,onNavigate:a,user:o,footer:s,onLogout:c,breadcrumbs:l=[],status:u,headerActions:d,header:f,children:p,overlay:m,className:h=``,sidebarClassName:g=``,mainClassName:_=``,headerClassName:v=``,contentClassName:y=``}){return(0,n.jsxs)(`div`,{className:[`fcc-app-shell`,h].filter(Boolean).join(` `),children:[(0,n.jsx)(w,{appName:e,logo:t,navItems:r,activeNavKey:i,onNavigate:a,user:o,footer:s,onLogout:c,className:g}),(0,n.jsx)(b,{breadcrumbs:l,status:u,headerActions:d,header:f,overlay:m,className:_,headerClassName:v,contentClassName:y,children:p})]})}function ee({darkSrc:e,lightSrc:t,alt:r=`FCC`,className:i=``,...a}){let{theme:o}=p(),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 te({className:e=``}){let{theme:r,toggleTheme:i}=p(),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 ne({title:r,header:i,defaultOpen:a=!1,className:o=``,children:s}){let[c,l]=(0,e.useState)(a);return(0,n.jsxs)(`div`,{className:`accordion-item ${o}`,children:[(0,n.jsxs)(`div`,{className:`accordion-trigger ${c?`expanded`:``}`,onClick:()=>l(!c),role:`button`,"aria-expanded":c,children:[i||(0,n.jsx)(`span`,{className:`accordion-trigger-title`,children:r}),(0,n.jsx)(`span`,{className:`accordion-trigger-chevron`,children:c?(0,n.jsx)(t.ChevronDown,{size:14}):(0,n.jsx)(t.ChevronRight,{size:14})})]}),(0,n.jsx)(`div`,{className:`accordion-collapse ${c?`open`:``}`,children:(0,n.jsx)(`div`,{className:`accordion-collapse-inner`,children:(0,n.jsx)(`div`,{className:`accordion-content`,children:s})})})]})}function re({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)})})}function ie({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 ae({size:e=16,className:r=``}){return(0,n.jsx)(t.Loader2,{size:e,className:`loader-spin ${r}`})}var oe={sm:`avatar-sm`,md:``,lg:`avatar-lg`,xl:`avatar-xl`},E=[`#5e6ad2`,`#5bb98e`,`#c9a84e`,`#c75a5a`,`#8a83d4`,`#5a8ebf`,`#c4a06a`];function D(e){let t=0;for(let n=0;n<e.length;n++)t=e.charCodeAt(n)+((t<<5)-t);return E[Math.abs(t)%E.length]}function O({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||D(u),f=oe[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 k={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 A({variant:e=`default`,className:t=``,children:r,...i}){let a=k[e]||k.default;return(0,n.jsxs)(`span`,{className:`badge ${t}`,...i,children:[(0,n.jsx)(`span`,{className:`badge-dot`,style:{background:a}}),r]})}var j={default:`btn-primary`,destructive:`btn-danger`,outline:`btn-outline`,secondary:`btn-secondary`,ghost:`btn-ghost`,link:`btn-link`},M={sm:`btn-sm`,default:``,lg:`btn-lg`,icon:`btn-icon`},N=(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`,j[e],M[t],r].filter(Boolean).join(` `),...a,children:i})}),P=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`div`,{ref:i,className:`card ${e}`,...r,children:t})}),F=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`div`,{ref:i,className:`card-header ${e}`,...r,children:t})}),I=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`h3`,{ref:i,className:`card-title ${e}`,...r,children:t})}),L=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`p`,{ref:i,className:`card-description ${e}`,...r,children:t})}),R=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`div`,{ref:i,className:`card-body ${e}`,...r,children:t})}),z=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`div`,{ref:i,className:`card-footer ${e}`,...r,children:t})});function B({open:t,onClose:r,children:i,className:a=``}){let o=(0,e.useRef)(null);return(0,e.useEffect)(()=>(t?document.body.style.overflow=`hidden`:document.body.style.overflow=``,()=>{document.body.style.overflow=``}),[t]),(0,e.useEffect)(()=>{function e(e){e.key===`Escape`&&r?.()}return t&&document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[t,r]),t?(0,n.jsx)(`div`,{className:`dialog-overlay`,ref:o,onClick:e=>{e.target===o.current&&r?.()},children:(0,n.jsx)(`div`,{className:`dialog ${a}`,children:i})}):null}function V({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 H({children:e,className:t=``}){return(0,n.jsx)(`h3`,{className:`dialog-title ${t}`,children:e})}function U({children:e,className:t=``}){return(0,n.jsx)(`p`,{className:`dialog-description ${t}`,children:e})}function W({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`dialog-body ${t}`,children:e})}function G({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`dialog-footer ${t}`,children:e})}function K({trigger:t,children:r,align:i=`left`,className:a=``}){let[o,s]=(0,e.useState)(!1),c=(0,e.useRef)(null);return(0,e.useEffect)(()=>{function e(e){c.current&&!c.current.contains(e.target)&&s(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,n.jsxs)(`div`,{ref:c,className:`dropdown-wrapper ${a}`,style:{position:`relative`},children:[(0,n.jsx)(`div`,{onClick:()=>s(!o),children:t}),o&&(0,n.jsx)(`div`,{className:`dropdown dropdown-align-${i}`,onClick:()=>s(!1),children:r})]})}function q({icon:e,children:t,shortcut:r,active:i,onClick:a,className:o=``}){return(0,n.jsxs)(`div`,{className:`dropdown-item ${i?`active`:``} ${o}`,onClick:a,children:[e&&(0,n.jsx)(`span`,{className:`dropdown-item-icon`,children:e}),(0,n.jsx)(`span`,{style:{flex:1},children:t}),r&&(0,n.jsx)(`span`,{className:`dropdown-shortcut`,children:r})]})}function se({checked:e,onCheckedChange:r,children:i,className:a=``}){return(0,n.jsxs)(`div`,{className:`dropdown-item ${a}`,onClick:()=>r?.(!e),children:[(0,n.jsx)(`span`,{className:`dropdown-item-icon`,style:{opacity:+!!e},children:(0,n.jsx)(t.Check,{size:14})}),i]})}function ce({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`dropdown-label ${t}`,children:e})}function le({className:e=``}){return(0,n.jsx)(`div`,{className:`dropdown-divider ${e}`})}function ue({options:r=[],value:i,onChange:a,placeholder:o=`Select...`,searchPlaceholder:s=`Search...`,allowEmpty:c=!1,disabled:l=!1,className:u=``}){let[d,f]=(0,e.useState)(!1),[p,m]=(0,e.useState)(``),[h,g]=(0,e.useState)(0),_=(0,e.useRef)(null),v=(0,e.useRef)(null),y=r.filter(e=>e.label.toLowerCase().includes(p.toLowerCase())||e.description&&e.description.toLowerCase().includes(p.toLowerCase())),b=r.find(e=>e.value===i);(0,e.useEffect)(()=>{d&&v.current&&v.current.focus()},[d]),(0,e.useEffect)(()=>{function e(e){_.current&&!_.current.contains(e.target)&&f(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);function x(e){e.key===`ArrowDown`?(e.preventDefault(),g(e=>Math.min(e+1,y.length-1))):e.key===`ArrowUp`?(e.preventDefault(),g(e=>Math.max(e-1,0))):e.key===`Enter`&&y[h]?(a?.(y[h].value),f(!1),m(``)):e.key===`Escape`&&(f(!1),m(``))}return(0,n.jsxs)(`div`,{ref:_,className:`searchable-select ${u}`,children:[(0,n.jsxs)(`button`,{className:`searchable-select-trigger`,onClick:()=>!l&&f(!d),disabled:l,type:`button`,children:[(0,n.jsx)(`span`,{className:b?``:`searchable-select-placeholder`,children:b?b.label:o}),(0,n.jsx)(t.ChevronDown,{size:14,className:`searchable-select-chevron`})]}),d&&(0,n.jsxs)(`div`,{className:`searchable-select-dropdown`,children:[(0,n.jsxs)(`div`,{className:`searchable-select-search`,children:[(0,n.jsx)(t.Search,{size:14}),(0,n.jsx)(`input`,{ref:v,value:p,onChange:e=>{m(e.target.value),g(0)},onKeyDown:x,placeholder:s,className:`searchable-select-input`}),p&&(0,n.jsx)(`button`,{className:`searchable-select-clear`,onClick:()=>m(``),children:(0,n.jsx)(t.X,{size:12})})]}),(0,n.jsxs)(`div`,{className:`searchable-select-options`,children:[c&&(0,n.jsx)(`div`,{className:`searchable-select-option ${i?``:`selected`}`,onClick:()=>{a?.(null),f(!1),m(``)},children:(0,n.jsx)(`span`,{style:{color:`var(--text-tertiary)`,fontStyle:`italic`},children:`None`})}),y.map((e,r)=>(0,n.jsxs)(`div`,{className:`searchable-select-option ${r===h?`highlighted`:``} ${e.value===i?`selected`:``}`,onClick:()=>{a?.(e.value),f(!1),m(``)},onMouseEnter:()=>g(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===i&&(0,n.jsx)(t.Check,{size:14})]},e.value)),y.length===0&&(0,n.jsx)(`div`,{className:`searchable-select-empty`,children:`No results found`})]})]})]})}function de({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 fe({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`sheet-footer ${t}`,children:e})}function pe({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 J=(0,e.createContext)({value:``,onChange:()=>{}});function me({defaultValue:t,value:r,onValueChange:i,children:a,className:o=``}){let[s,c]=(0,e.useState)(t||``),l=r===void 0?s:r,u=i||c;return(0,n.jsx)(J.Provider,{value:{value:l,onChange:u},children:(0,n.jsx)(`div`,{className:o,children:a})})}function he({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`tabs ${t}`,children:e})}function ge({value:t,children:r,className:i=``}){let{value:a,onChange:o}=(0,e.useContext)(J),s=a===t;return(0,n.jsx)(`button`,{className:`tab ${s?`active`:``} ${i}`,onClick:()=>o(t),role:`tab`,"aria-selected":s,type:`button`,children:r})}function _e({value:t,children:r,className:i=``}){let{value:a}=(0,e.useContext)(J);return a===t?(0,n.jsx)(`div`,{className:i,role:`tabpanel`,children:r}):null}function ve({content:t,side:r=`top`,children:i,className:a=``}){let[o,s]=(0,e.useState)(!1),c=(0,e.useRef)(null);function l(){c.current=setTimeout(()=>s(!0),300)}function u(){clearTimeout(c.current),s(!1)}return(0,n.jsxs)(`div`,{className:`tooltip-wrapper ${a}`,onMouseEnter:l,onMouseLeave:u,style:{position:`relative`,display:`inline-flex`},children:[i,o&&(0,n.jsx)(`div`,{className:`tooltip tooltip-${r}`,children:t})]})}var Y={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},X=[{value:`kanban`,label:`Kanban`,title:`Board View`},{value:`table`,label:`Table`,title:`Table View`}];function ye(e){return e.icon?e.icon:Y[e.value]??null}function be(t,n){return t?(0,e.isValidElement)(t)?t:(0,e.createElement)(t,{size:n}):null}function xe({options:t=X,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=be(ye(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 Se(t,n){return t?(0,e.isValidElement)(t)?t:(0,e.createElement)(t,{size:n}):null}function Ce({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=Se(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 we({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)(O,{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 Te({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 Ee({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 De({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 Z(...e){return e.filter(Boolean).join(` `)}function Oe({children:e,className:t=``,style:r}){return(0,n.jsx)(`div`,{className:Z(`kanban-board`,t),style:r,children:e})}function ke({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:Z(`kanban-column`,s),style:c,children:[(0,n.jsxs)(`div`,{className:Z(`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`,{children:e})]}),(t!=null||i)&&(0,n.jsxs)(`div`,{className:`kanban-column-header-meta`,children:[t!=null&&(0,n.jsx)(`span`,{className:Z(`kanban-column-count`,a===`inline`?`kanban-column-count--inline`:``,d),children:t}),i&&(0,n.jsx)(`div`,{className:`kanban-column-header-action`,children:i})]})]}),(0,n.jsx)(`div`,{className:Z(`kanban-column-body`,f),style:p,children:o})]})}function Ae({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:Z(`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 Q(...e){return e.filter(Boolean).join(` `)}function je({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:Q(`table-board`,t),children:e})}function Me({title:r,count:i,open:a,defaultOpen:o=!0,onOpenChange:s,children:c,className:l=``}){let[u,d]=(0,e.useState)(o),f=a!=null,p=f?a:u;function m(){let e=!p;f||d(e),s?.(e)}return(0,n.jsxs)(`section`,{className:Q(`table-board-group`,l),children:[(0,n.jsxs)(`button`,{type:`button`,className:`table-board-group-header`,onClick:m,"aria-expanded":p,children:[(0,n.jsx)(`span`,{className:Q(`table-board-group-chevron`,!p&&`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:Q(`table-board-group-panel`,p&&`open`),children:(0,n.jsx)(`div`,{className:`table-board-group-panel-inner`,children:c})})]})}function Ne({priority:e,id:r,statusColor:i=`var(--accent-yellow)`,title:a,pills:o=[],metric:s,showMetricIcon:c=!0,avatar:l,avatarLabel:u,avatarName:d,avatarStyle:f,meta:p,onClick:m,className:h=``}){let g=typeof m==`function`;function _(e){g&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),m())}let v=l||(u?(0,n.jsx)(O,{initials:u,name:d||u,size:`sm`,className:`table-board-avatar`,style:f}):null);return(0,n.jsxs)(`div`,{className:Q(`table-board-row`,g&&`clickable`,h),onClick:m,onKeyDown:_,role:g?`button`:void 0,tabIndex:g?0:void 0,children:[(0,n.jsx)(`span`,{className:`table-board-priority`,children:e}),r&&(0,n.jsx)(`span`,{className:`table-board-id`,children:r}),(0,n.jsx)(`span`,{className:`table-board-status`,children:(0,n.jsx)(`span`,{className:`table-board-status-dot`,style:{background:i}})}),(0,n.jsx)(`span`,{className:`table-board-title`,children:a}),(0,n.jsx)(`span`,{className:`table-board-spacer`}),o.map((e,t)=>(0,n.jsxs)(`span`,{className:`table-board-pill`,children:[(0,n.jsx)(`span`,{className:`table-board-pill-dot`,style:{background:e.color||`var(--text-quaternary)`}}),e.label]},`${e.label}-${t}`)),s!=null&&(0,n.jsxs)(`span`,{className:`table-board-metric`,children:[c&&(0,n.jsx)(t.Clock,{size:12}),s]}),v,p&&(0,n.jsx)(`span`,{className:`table-board-meta`,children:p})]})}function Pe({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 Fe({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 Ie({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)(O,{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 Le(){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 Re(){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 ze(){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 Be(){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 Ve(){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 He(){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 Ue(){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 We(){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 Ge(){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 Ke(){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 qe(){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 Je(){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 Ye(){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 Xe(){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 Ze(){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 Qe(){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 $e(){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 et(){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 tt(){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 $(){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 nt(){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 rt(){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 it(){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 at(){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 ot(){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 st(){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 ct(){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 lt(){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 ut(){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 dt(){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 ft(){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 pt(){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=re,exports.AccordionItem=ne,exports.ActivityFeed=we,exports.AppLoader=ie,exports.Avatar=O,exports.Badge=A,exports.BellIcon=lt,exports.Button=N,exports.CalendarIcon=ut,exports.Card=P,exports.CardContent=R,exports.CardDescription=L,exports.CardFooter=z,exports.CardHeader=F,exports.CardTitle=I,exports.CheckIcon=st,exports.ChevronDown=Ke,exports.ChevronUp=qe,exports.CloseIcon=ot,exports.CommandBar=Te,exports.CopyIcon=ct,exports.DEFAULT_ICON_BY_VALUE=Y,exports.DEFAULT_VIEW_MODE_OPTIONS=X,exports.DataTable=Ee,exports.Dialog=B,exports.DialogBody=W,exports.DialogDescription=U,exports.DialogFooter=G,exports.DialogHeader=V,exports.DialogTitle=H,exports.DropdownMenu=K,exports.DropdownMenuCheckboxItem=se,exports.DropdownMenuItem=q,exports.DropdownMenuLabel=ce,exports.DropdownMenuSeparator=le,exports.EditIcon=Ge,exports.FCCAppShell=T,exports.FCCBrandLogo=ee,exports.FCCBreadcrumbs=g,exports.FCCDesignProvider=m,exports.FCCHeaderStatus=v,exports.FCCMainWindow=b,exports.FCCSidebar=w,exports.FCCThemeToggle=te,exports.FCCWorkspaceHeader=y,exports.FilterBar=De,exports.FilterIcon=dt,exports.InboxIcon=Le,exports.InitiativesIcon=Ve,exports.IssuesIcon=Re,exports.KPICard=Pe,exports.KanbanBoard=Oe,exports.KanbanCard=Ae,exports.KanbanColumn=ke,exports.LabelIcon=pt,exports.LinkIcon=rt,exports.MoreIcon=Ue,exports.NotificationsPanel=Ie,exports.PriorityHigh=tt,exports.PriorityLow=nt,exports.PriorityMedium=$,exports.PriorityUrgent=et,exports.ProjectsIcon=He,exports.PulseIcon=Be,exports.ReviewsIcon=ze,exports.SearchIcon=We,exports.SearchableSelect=ue,exports.SettingsIcon=at,exports.Sheet=de,exports.SheetFooter=fe,exports.Spinner=ae,exports.StarIcon=Je,exports.StatCard=Fe,exports.StatusBacklog=Qe,exports.StatusCancelled=$e,exports.StatusDone=Xe,exports.StatusInProgress=Ye,exports.StatusTodo=Ze,exports.Switch=pe,exports.TableBoard=je,exports.TableBoardGroup=Me,exports.TableBoardRow=Ne,exports.Tabs=me,exports.TabsContent=_e,exports.TabsList=he,exports.TabsTrigger=ge,exports.ThemeProvider=f,exports.ToastProvider=o,exports.Tooltip=ve,exports.TrashIcon=it,exports.UserIcon=ft,exports.ViewModeToggle=xe,exports.WorkspaceTabs=Ce,exports.useTheme=p,exports.useToast=s;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`react`),t=require(`lucide-react`),n=require(`react/jsx-runtime`);var r=(0,e.createContext)(null),i={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 a({toast:r,onDismiss:a}){return(0,e.useEffect)(()=>{if(r.duration!==0){let e=setTimeout(()=>a(r.id),r.duration||4e3);return()=>clearTimeout(e)}},[r.id,r.duration,a]),(0,n.jsxs)(`div`,{className:`toast`,style:{animation:`slideInRight 200ms ease`},children:[(0,n.jsx)(`span`,{className:`toast-icon`,children:i[r.type]||i.info}),(0,n.jsxs)(`div`,{className:`toast-content`,children:[r.title&&(0,n.jsx)(`div`,{className:`toast-title`,children:r.title}),(0,n.jsx)(`div`,{className:`toast-message`,children:r.message})]}),(0,n.jsx)(`button`,{className:`toast-close`,onClick:()=>a(r.id),children:(0,n.jsx)(t.X,{size:14})})]})}function o({children:t}){let[i,o]=(0,e.useState)([]),s=(0,e.useCallback)(e=>{let t=Date.now()+Math.random();o(n=>[...n.slice(-4),{id:t,...e}])},[]),c=(0,e.useCallback)(e=>{o(t=>t.filter(t=>t.id!==e))},[]);return(0,n.jsxs)(r.Provider,{value:{addToast:s},children:[t,(0,n.jsx)(`div`,{className:`toast-container`,children:i.map(e=>(0,n.jsx)(a,{toast:e,onDismiss:c},e.id))})]})}function s(){let t=(0,e.useContext)(r);if(!t)throw Error(`useToast must be used within ToastProvider`);return t}var c=(0,e.createContext)(void 0),l=`dark`,u=`fcc-theme`;function d(e){if(typeof document>`u`)return;let t=document.documentElement;t.classList.remove(`dark`,`light`),e===`light`&&t.classList.add(`light`)}function f({children:t,defaultTheme:r=l,storageKey:i=u}){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),d(a)},[i,a]),(0,n.jsx)(c.Provider,{value:{theme:a,setTheme:o,toggleTheme:()=>{o(e=>e===`dark`?`light`:`dark`)}},children:t})}function p(){let t=(0,e.useContext)(c);if(!t)throw Error(`useTheme must be used within a ThemeProvider`);return t}function m({children:e,...t}){return(0,n.jsx)(f,{...t,children:(0,n.jsx)(o,{children:e})})}function h(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 g({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:`/`}),h(e,i)]},e.key||e.label||t)})})}var _={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 v({label:e,tone:t=`success`,dotColor:r,className:i=``}){return e?(0,n.jsxs)(`div`,{className:[`fcc-header-status`,_[t]||_.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 y({breadcrumbs:e=[],status:t,actions:r,leftSlot:i,rightSlot:a,className:o=``}){return(0,n.jsxs)(`header`,{className:[`fcc-workspace-header`,o].filter(Boolean).join(` `),children:[(0,n.jsx)(`div`,{className:`fcc-workspace-header-left`,children:i||(0,n.jsx)(g,{items:e})}),(0,n.jsxs)(`div`,{className:`fcc-workspace-header-right`,children:[t&&(0,n.jsx)(v,{...t}),r,a]})]})}function b({breadcrumbs:e=[],status:t,headerActions:r,header:i,children:a,overlay:o,className:s=``,headerClassName:c=``,contentClassName:l=``}){return(0,n.jsxs)(`div`,{className:[`fcc-main-window`,s].filter(Boolean).join(` `),children:[i||(0,n.jsx)(y,{breadcrumbs:e,status:t,actions:r,className:c}),(0,n.jsx)(`div`,{className:[`fcc-main-window-content`,l].filter(Boolean).join(` `),children:a}),o]})}function x(e,t){if(!e.disabled){if(e.onClick){e.onClick(e);return}t?.(e)}}function S(e,t){return!e.childrenSections?.length||!t?!1:e.childrenSections.some(e=>e.items?.some(e=>e.key===t))}function C(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 w({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)({});function g(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})]}),(0,n.jsx)(`nav`,{className:`fcc-sidebar-nav`,"aria-label":`${r} navigation`,children:a.map(e=>{let r=e.childrenSections?.length>0,i=S(e,o),a=e.key===o||i||(o?.startsWith?.(`${e.key}/`)??!1),c=r&&(m[e.key]??a),l=f[e.key]||``,u=r?C(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&&g(e.key,!0),x(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(),g(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:()=>x(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})})]})]})}function T({appName:e=`FCC`,logo:t,navItems:r=[],activeNavKey:i,onNavigate:a,user:o,footer:s,onLogout:c,breadcrumbs:l=[],status:u,headerActions:d,header:f,children:p,overlay:m,className:h=``,sidebarClassName:g=``,mainClassName:_=``,headerClassName:v=``,contentClassName:y=``}){return(0,n.jsxs)(`div`,{className:[`fcc-app-shell`,h].filter(Boolean).join(` `),children:[(0,n.jsx)(w,{appName:e,logo:t,navItems:r,activeNavKey:i,onNavigate:a,user:o,footer:s,onLogout:c,className:g}),(0,n.jsx)(b,{breadcrumbs:l,status:u,headerActions:d,header:f,overlay:m,className:_,headerClassName:v,contentClassName:y,children:p})]})}function ee({darkSrc:e,lightSrc:t,alt:r=`FCC`,className:i=``,...a}){let{theme:o}=p(),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 te({className:e=``}){let{theme:r,toggleTheme:i}=p(),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 ne({title:r,header:i,defaultOpen:a=!1,className:o=``,children:s}){let[c,l]=(0,e.useState)(a);return(0,n.jsxs)(`div`,{className:`accordion-item ${o}`,children:[(0,n.jsxs)(`div`,{className:`accordion-trigger ${c?`expanded`:``}`,onClick:()=>l(!c),role:`button`,"aria-expanded":c,children:[i||(0,n.jsx)(`span`,{className:`accordion-trigger-title`,children:r}),(0,n.jsx)(`span`,{className:`accordion-trigger-chevron`,children:c?(0,n.jsx)(t.ChevronDown,{size:14}):(0,n.jsx)(t.ChevronRight,{size:14})})]}),(0,n.jsx)(`div`,{className:`accordion-collapse ${c?`open`:``}`,children:(0,n.jsx)(`div`,{className:`accordion-collapse-inner`,children:(0,n.jsx)(`div`,{className:`accordion-content`,children:s})})})]})}function re({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)})})}function ie({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 ae({size:e=16,className:r=``}){return(0,n.jsx)(t.Loader2,{size:e,className:`loader-spin ${r}`})}var oe={sm:`avatar-sm`,md:``,lg:`avatar-lg`,xl:`avatar-xl`},E=[`#5e6ad2`,`#5bb98e`,`#c9a84e`,`#c75a5a`,`#8a83d4`,`#5a8ebf`,`#c4a06a`];function D(e){let t=0;for(let n=0;n<e.length;n++)t=e.charCodeAt(n)+((t<<5)-t);return E[Math.abs(t)%E.length]}function O({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||D(u),f=oe[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 k={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 A({variant:e=`default`,className:t=``,children:r,showDot:i=!0,...a}){let o=k[e]||k.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 j={default:`btn-primary`,destructive:`btn-danger`,outline:`btn-outline`,secondary:`btn-secondary`,ghost:`btn-ghost`,link:`btn-link`},M={sm:`btn-sm`,default:``,lg:`btn-lg`,icon:`btn-icon`},N=(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`,j[e],M[t],r].filter(Boolean).join(` `),...a,children:i})}),P=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`div`,{ref:i,className:`card ${e}`,...r,children:t})}),F=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`div`,{ref:i,className:`card-header ${e}`,...r,children:t})}),I=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`h3`,{ref:i,className:`card-title ${e}`,...r,children:t})}),L=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`p`,{ref:i,className:`card-description ${e}`,...r,children:t})}),R=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`div`,{ref:i,className:`card-body ${e}`,...r,children:t})}),z=(0,e.forwardRef)(function({className:e=``,children:t,...r},i){return(0,n.jsx)(`div`,{ref:i,className:`card-footer ${e}`,...r,children:t})});function B({open:t,onClose:r,children:i,className:a=``}){let o=(0,e.useRef)(null);return(0,e.useEffect)(()=>(t?document.body.style.overflow=`hidden`:document.body.style.overflow=``,()=>{document.body.style.overflow=``}),[t]),(0,e.useEffect)(()=>{function e(e){e.key===`Escape`&&r?.()}return t&&document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[t,r]),t?(0,n.jsx)(`div`,{className:`dialog-overlay`,ref:o,onClick:e=>{e.target===o.current&&r?.()},children:(0,n.jsx)(`div`,{className:`dialog ${a}`,children:i})}):null}function V({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 H({children:e,className:t=``}){return(0,n.jsx)(`h3`,{className:`dialog-title ${t}`,children:e})}function U({children:e,className:t=``}){return(0,n.jsx)(`p`,{className:`dialog-description ${t}`,children:e})}function W({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`dialog-body ${t}`,children:e})}function G({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`dialog-footer ${t}`,children:e})}function K({trigger:t,children:r,align:i=`left`,className:a=``}){let[o,s]=(0,e.useState)(!1),c=(0,e.useRef)(null);return(0,e.useEffect)(()=>{function e(e){c.current&&!c.current.contains(e.target)&&s(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,n.jsxs)(`div`,{ref:c,className:`dropdown-wrapper ${a}`,style:{position:`relative`},children:[(0,n.jsx)(`div`,{onClick:()=>s(!o),children:t}),o&&(0,n.jsx)(`div`,{className:`dropdown dropdown-align-${i}`,onClick:()=>s(!1),children:r})]})}function q({icon:e,children:t,shortcut:r,active:i,onClick:a,className:o=``}){return(0,n.jsxs)(`div`,{className:`dropdown-item ${i?`active`:``} ${o}`,onClick:a,children:[e&&(0,n.jsx)(`span`,{className:`dropdown-item-icon`,children:e}),(0,n.jsx)(`span`,{style:{flex:1},children:t}),r&&(0,n.jsx)(`span`,{className:`dropdown-shortcut`,children:r})]})}function se({checked:e,onCheckedChange:r,children:i,className:a=``}){return(0,n.jsxs)(`div`,{className:`dropdown-item ${a}`,onClick:()=>r?.(!e),children:[(0,n.jsx)(`span`,{className:`dropdown-item-icon`,style:{opacity:+!!e},children:(0,n.jsx)(t.Check,{size:14})}),i]})}function ce({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`dropdown-label ${t}`,children:e})}function le({className:e=``}){return(0,n.jsx)(`div`,{className:`dropdown-divider ${e}`})}function ue({options:r=[],value:i,onChange:a,placeholder:o=`Select...`,searchPlaceholder:s=`Search...`,allowEmpty:c=!1,disabled:l=!1,className:u=``}){let[d,f]=(0,e.useState)(!1),[p,m]=(0,e.useState)(``),[h,g]=(0,e.useState)(0),_=(0,e.useRef)(null),v=(0,e.useRef)(null),y=r.filter(e=>e.label.toLowerCase().includes(p.toLowerCase())||e.description&&e.description.toLowerCase().includes(p.toLowerCase())),b=r.find(e=>e.value===i);(0,e.useEffect)(()=>{d&&v.current&&v.current.focus()},[d]),(0,e.useEffect)(()=>{function e(e){_.current&&!_.current.contains(e.target)&&f(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);function x(e){e.key===`ArrowDown`?(e.preventDefault(),g(e=>Math.min(e+1,y.length-1))):e.key===`ArrowUp`?(e.preventDefault(),g(e=>Math.max(e-1,0))):e.key===`Enter`&&y[h]?(a?.(y[h].value),f(!1),m(``)):e.key===`Escape`&&(f(!1),m(``))}return(0,n.jsxs)(`div`,{ref:_,className:`searchable-select ${u}`,children:[(0,n.jsxs)(`button`,{className:`searchable-select-trigger`,onClick:()=>!l&&f(!d),disabled:l,type:`button`,children:[(0,n.jsx)(`span`,{className:b?``:`searchable-select-placeholder`,children:b?b.label:o}),(0,n.jsx)(t.ChevronDown,{size:14,className:`searchable-select-chevron`})]}),d&&(0,n.jsxs)(`div`,{className:`searchable-select-dropdown`,children:[(0,n.jsxs)(`div`,{className:`searchable-select-search`,children:[(0,n.jsx)(t.Search,{size:14}),(0,n.jsx)(`input`,{ref:v,value:p,onChange:e=>{m(e.target.value),g(0)},onKeyDown:x,placeholder:s,className:`searchable-select-input`}),p&&(0,n.jsx)(`button`,{className:`searchable-select-clear`,onClick:()=>m(``),children:(0,n.jsx)(t.X,{size:12})})]}),(0,n.jsxs)(`div`,{className:`searchable-select-options`,children:[c&&(0,n.jsx)(`div`,{className:`searchable-select-option ${i?``:`selected`}`,onClick:()=>{a?.(null),f(!1),m(``)},children:(0,n.jsx)(`span`,{style:{color:`var(--text-tertiary)`,fontStyle:`italic`},children:`None`})}),y.map((e,r)=>(0,n.jsxs)(`div`,{className:`searchable-select-option ${r===h?`highlighted`:``} ${e.value===i?`selected`:``}`,onClick:()=>{a?.(e.value),f(!1),m(``)},onMouseEnter:()=>g(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===i&&(0,n.jsx)(t.Check,{size:14})]},e.value)),y.length===0&&(0,n.jsx)(`div`,{className:`searchable-select-empty`,children:`No results found`})]})]})]})}function de({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 fe({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`sheet-footer ${t}`,children:e})}function pe({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 J=(0,e.createContext)({value:``,onChange:()=>{}});function me({defaultValue:t,value:r,onValueChange:i,children:a,className:o=``}){let[s,c]=(0,e.useState)(t||``),l=r===void 0?s:r,u=i||c;return(0,n.jsx)(J.Provider,{value:{value:l,onChange:u},children:(0,n.jsx)(`div`,{className:o,children:a})})}function he({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`tabs ${t}`,children:e})}function ge({value:t,children:r,className:i=``}){let{value:a,onChange:o}=(0,e.useContext)(J),s=a===t;return(0,n.jsx)(`button`,{className:`tab ${s?`active`:``} ${i}`,onClick:()=>o(t),role:`tab`,"aria-selected":s,type:`button`,children:r})}function _e({value:t,children:r,className:i=``}){let{value:a}=(0,e.useContext)(J);return a===t?(0,n.jsx)(`div`,{className:i,role:`tabpanel`,children:r}):null}function ve({content:t,side:r=`top`,children:i,className:a=``}){let[o,s]=(0,e.useState)(!1),c=(0,e.useRef)(null);function l(){c.current=setTimeout(()=>s(!0),300)}function u(){clearTimeout(c.current),s(!1)}return(0,n.jsxs)(`div`,{className:`tooltip-wrapper ${a}`,onMouseEnter:l,onMouseLeave:u,style:{position:`relative`,display:`inline-flex`},children:[i,o&&(0,n.jsx)(`div`,{className:`tooltip tooltip-${r}`,children:t})]})}var Y={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},X=[{value:`kanban`,label:`Kanban`,title:`Board View`},{value:`table`,label:`Table`,title:`Table View`}];function ye(e){return e.icon?e.icon:Y[e.value]??null}function be(t,n){return t?(0,e.isValidElement)(t)?t:(0,e.createElement)(t,{size:n}):null}function xe({options:t=X,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=be(ye(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 Se(t,n){return t?(0,e.isValidElement)(t)?t:(0,e.createElement)(t,{size:n}):null}function Ce({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=Se(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 we({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)(O,{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 Te({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 Ee({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 De({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 Z(...e){return e.filter(Boolean).join(` `)}function Oe({children:e,className:t=``,style:r}){return(0,n.jsx)(`div`,{className:Z(`kanban-board`,t),style:r,children:e})}function ke({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:Z(`kanban-column`,s),style:c,children:[(0,n.jsxs)(`div`,{className:Z(`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`,{children:e})]}),(t!=null||i)&&(0,n.jsxs)(`div`,{className:`kanban-column-header-meta`,children:[t!=null&&(0,n.jsx)(`span`,{className:Z(`kanban-column-count`,a===`inline`?`kanban-column-count--inline`:``,d),children:t}),i&&(0,n.jsx)(`div`,{className:`kanban-column-header-action`,children:i})]})]}),(0,n.jsx)(`div`,{className:Z(`kanban-column-body`,f),style:p,children:o})]})}function Ae({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:Z(`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 Q(...e){return e.filter(Boolean).join(` `)}function je({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:Q(`table-board`,t),children:e})}function Me({title:r,count:i,open:a,defaultOpen:o=!0,onOpenChange:s,children:c,className:l=``}){let[u,d]=(0,e.useState)(o),f=a!=null,p=f?a:u;function m(){let e=!p;f||d(e),s?.(e)}return(0,n.jsxs)(`section`,{className:Q(`table-board-group`,l),children:[(0,n.jsxs)(`button`,{type:`button`,className:`table-board-group-header`,onClick:m,"aria-expanded":p,children:[(0,n.jsx)(`span`,{className:Q(`table-board-group-chevron`,!p&&`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:Q(`table-board-group-panel`,p&&`open`),children:(0,n.jsx)(`div`,{className:`table-board-group-panel-inner`,children:c})})]})}function Ne({priority:e,id:r,statusColor:i=`var(--accent-yellow)`,title:a,pills:o=[],metric:s,showMetricIcon:c=!0,avatar:l,avatarLabel:u,avatarName:d,avatarStyle:f,meta:p,onClick:m,className:h=``}){let g=typeof m==`function`;function _(e){g&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),m())}let v=l||(u?(0,n.jsx)(O,{initials:u,name:d||u,size:`sm`,className:`table-board-avatar`,style:f}):null);return(0,n.jsxs)(`div`,{className:Q(`table-board-row`,g&&`clickable`,h),onClick:m,onKeyDown:_,role:g?`button`:void 0,tabIndex:g?0:void 0,children:[(0,n.jsx)(`span`,{className:`table-board-priority`,children:e}),r&&(0,n.jsx)(`span`,{className:`table-board-id`,children:r}),(0,n.jsx)(`span`,{className:`table-board-status`,children:(0,n.jsx)(`span`,{className:`table-board-status-dot`,style:{background:i}})}),(0,n.jsx)(`span`,{className:`table-board-title`,children:a}),(0,n.jsx)(`span`,{className:`table-board-spacer`}),o.map((e,t)=>(0,n.jsxs)(`span`,{className:`table-board-pill`,children:[(0,n.jsx)(`span`,{className:`table-board-pill-dot`,style:{background:e.color||`var(--text-quaternary)`}}),e.label]},`${e.label}-${t}`)),s!=null&&(0,n.jsxs)(`span`,{className:`table-board-metric`,children:[c&&(0,n.jsx)(t.Clock,{size:12}),s]}),v,p&&(0,n.jsx)(`span`,{className:`table-board-meta`,children:p})]})}function Pe({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 Fe({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 Ie({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)(O,{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 Le(){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 Re(){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 ze(){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 Be(){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 Ve(){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 He(){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 Ue(){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 We(){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 Ge(){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 Ke(){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 qe(){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 Je(){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 Ye(){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 Xe(){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 Ze(){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 Qe(){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 $e(){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 et(){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 tt(){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 $(){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 nt(){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 rt(){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 it(){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 at(){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 ot(){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 st(){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 ct(){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 lt(){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 ut(){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 dt(){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 ft(){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 pt(){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=re,exports.AccordionItem=ne,exports.ActivityFeed=we,exports.AppLoader=ie,exports.Avatar=O,exports.Badge=A,exports.BellIcon=lt,exports.Button=N,exports.CalendarIcon=ut,exports.Card=P,exports.CardContent=R,exports.CardDescription=L,exports.CardFooter=z,exports.CardHeader=F,exports.CardTitle=I,exports.CheckIcon=st,exports.ChevronDown=Ke,exports.ChevronUp=qe,exports.CloseIcon=ot,exports.CommandBar=Te,exports.CopyIcon=ct,exports.DEFAULT_ICON_BY_VALUE=Y,exports.DEFAULT_VIEW_MODE_OPTIONS=X,exports.DataTable=Ee,exports.Dialog=B,exports.DialogBody=W,exports.DialogDescription=U,exports.DialogFooter=G,exports.DialogHeader=V,exports.DialogTitle=H,exports.DropdownMenu=K,exports.DropdownMenuCheckboxItem=se,exports.DropdownMenuItem=q,exports.DropdownMenuLabel=ce,exports.DropdownMenuSeparator=le,exports.EditIcon=Ge,exports.FCCAppShell=T,exports.FCCBrandLogo=ee,exports.FCCBreadcrumbs=g,exports.FCCDesignProvider=m,exports.FCCHeaderStatus=v,exports.FCCMainWindow=b,exports.FCCSidebar=w,exports.FCCThemeToggle=te,exports.FCCWorkspaceHeader=y,exports.FilterBar=De,exports.FilterIcon=dt,exports.InboxIcon=Le,exports.InitiativesIcon=Ve,exports.IssuesIcon=Re,exports.KPICard=Pe,exports.KanbanBoard=Oe,exports.KanbanCard=Ae,exports.KanbanColumn=ke,exports.LabelIcon=pt,exports.LinkIcon=rt,exports.MoreIcon=Ue,exports.NotificationsPanel=Ie,exports.PriorityHigh=tt,exports.PriorityLow=nt,exports.PriorityMedium=$,exports.PriorityUrgent=et,exports.ProjectsIcon=He,exports.PulseIcon=Be,exports.ReviewsIcon=ze,exports.SearchIcon=We,exports.SearchableSelect=ue,exports.SettingsIcon=at,exports.Sheet=de,exports.SheetFooter=fe,exports.Spinner=ae,exports.StarIcon=Je,exports.StatCard=Fe,exports.StatusBacklog=Qe,exports.StatusCancelled=$e,exports.StatusDone=Xe,exports.StatusInProgress=Ye,exports.StatusTodo=Ze,exports.Switch=pe,exports.TableBoard=je,exports.TableBoardGroup=Me,exports.TableBoardRow=Ne,exports.Tabs=me,exports.TabsContent=_e,exports.TabsList=he,exports.TabsTrigger=ge,exports.ThemeProvider=f,exports.ToastProvider=o,exports.Tooltip=ve,exports.TrashIcon=it,exports.UserIcon=ft,exports.ViewModeToggle=xe,exports.WorkspaceTabs=Ce,exports.useTheme=p,exports.useToast=s;
package/dist/index.js CHANGED
@@ -602,14 +602,14 @@ var q = {
602
602
  purple: "var(--accent-purple)",
603
603
  orange: "var(--accent-orange)"
604
604
  };
605
- function Ee({ variant: e = "default", className: t = "", children: n, ...r }) {
606
- let i = q[e] || q.default;
605
+ function Ee({ variant: e = "default", className: t = "", children: n, showDot: r = !0, ...i }) {
606
+ let a = q[e] || q.default;
607
607
  return /* @__PURE__ */ j("span", {
608
- className: `badge ${t}`,
609
- ...r,
610
- children: [/* @__PURE__ */ A("span", {
608
+ className: `badge ${r ? "" : "badge--no-dot"} ${t}`.trim(),
609
+ ...i,
610
+ children: [r && /* @__PURE__ */ A("span", {
611
611
  className: "badge-dot",
612
- style: { background: i }
612
+ style: { background: a }
613
613
  }), n]
614
614
  });
615
615
  }
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:#181818;--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-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:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", 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:#f7f8fa;--bg-secondary:#f5f5f5;--bg-third:#fbfbfc;--bg-tertiary:#ededf0;--bg-elevated:#fff;--panel-glow-a:transparent;--panel-glow-b:transparent;--bg-surface:#fff;--bg-hover:#00000008;--bg-active:#0000000d;--bg-selection:#00000012;--bg-overlay:#0000004d;--bg-card:#fcfcfc;--bg-card-content:#fffefe;--bg-card-hover:#f8f8fa;--bg-sidebar:#f5f6f8;--bg-panel:#fff;--bg-gradient:none;--text-primary:#1a1a1b;--text-secondary:#6b6c6e;--text-tertiary:#8b8e94;--text-quaternary:#b0b3b8;--text-on-accent:#fff;--border-primary:#e5e7eb;--border-secondary:#0000000f;--border-focus:#2b78f7;--border-accent:#2b78f766;--accent-green-bg:#46e3b71a;--accent-yellow-bg:#f7c12b1a;--accent-red-bg:#ef44441a;--accent-orange-bg:#f3bd6c1a;--accent-purple-bg:#746cf71a;--accent-blue-bg:#2f7ad01a;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 16px 48px #00000029;--shadow-card:none;--shadow-popup:0 0 0 1px #00000014, 0 8px 32px #0000001f}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}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:240px}.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:5000}.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{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);transition:all var(--transition-fast);cursor:pointer;height:32px;display:inline-flex}.btn-primary{color:var(--accent-primary);background:#5b8dd61f;border:1px solid #5b8dd633}.btn-primary:hover{background:#5b8dd62e}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-elevated);border-color:#ffffff1f}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--accent-red-bg);color:var(--accent-red);border:1px solid #c75a5a33}.btn-danger:hover{background:#c75a5a2e}.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{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:2px 8px;line-height:1.6;display:inline-flex}.badge-dot{border-radius:var(--radius-full);flex-shrink:0;width:7px;height:7px}.input-group{gap:var(--space-1);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-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--transition-fast);width:100%}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--border-accent)}.input::placeholder{color:var(--text-quaternary)}.textarea{min-height:80px;padding:var(--space-2) 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);resize:vertical;transition:border-color var(--transition-fast);width:100%}.textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--border-accent)}.input-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.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);overflow:hidden}.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}.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{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);padding:var(--space-1);min-width:200px}.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);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item.active{background:var(--accent-primary);color:var(--text-on-accent)}.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(--text-on-accent)}.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{border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-4);display:flex}.tab{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:all var(--transition-fast);border-bottom:2px solid #0000;margin-bottom:-1px}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text-primary);border-bottom-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-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(--text-primary);border:1px solid var(--border-primary);background:0 0}.btn-outline:hover{background:var(--bg-hover);border-color:#ffffff1f}.btn-link{color:var(--accent-primary);text-underline-offset:2px;background:0 0;height:auto;padding:0;text-decoration:underline}.btn-link:hover{color:var(--accent-primary-hover)}.btn-lg{height:40px;padding:var(--space-2) var(--space-5);font-size:var(--text-md)}.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-primary);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:focus,.searchable-select-trigger:hover{border-color:#ffffff1f}.searchable-select-placeholder{color:var(--text-quaternary)}.searchable-select-chevron{color:var(--text-tertiary);flex-shrink:0}.searchable-select-dropdown{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);z-index:50;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.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{background:var(--bg-hover);color:var(--text-primary)}.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:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;width:480px;max-width:90vw;max-height:85vh;animation:.2s dialogIn;display:flex;overflow:hidden}.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}@keyframes dialogIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.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)}}.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;position:absolute}.tooltip-top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.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:background 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{background: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{gap:var(--space-4);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.kanban-column{flex:1;min-width:260px;max-width:320px}.kanban-column-header{padding:var(--space-2) var(--space-1);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.kanban-column-header-meta{align-items:center;gap:var(--space-2);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);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex}.kanban-column-dot{border-radius:var(--radius-full);width:8px;height:8px}.kanban-column-count{font-size:var(--text-xs);color:var(--text-quaternary);font-family:var(--font-mono);background:var(--bg-active);border-radius:var(--radius-full);padding:1px 6px}.kanban-column-count--inline{color:var(--text-tertiary);background:0 0;border-radius:0;padding:0}.kanban-column-body{gap:var(--space-2);flex-direction:column;display:flex}.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}.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{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);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-tertiary);font-weight:var(--font-weight-normal);font-variant-numeric:tabular-nums}.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{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);padding:12px;box-shadow:0 2px 8px #00000040,0 1px 3px #00000026}.insp-card:hover{border-color:#ffffff1a;box-shadow:0 8px 24px #00000059,0 2px 8px #0003}:root.light .insp-card{box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d}:root.light .insp-card:hover{box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f}.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-type-tag{background:var(--bg-active);color:var(--text-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);white-space:nowrap;align-items:center;height:20px;padding:1px 6px;font-size:10px;display:inline-flex}.insp-type-more{color:var(--text-quaternary);padding:2px 6px;font-size:10px}.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-badge{font-size:10px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);white-space:nowrap;padding:1px 6px}.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{font-size:var(--text-xs);color:var(--text-quaternary);align-items:center;gap:4px;margin-left:auto;display:flex}.insp-card-time svg{color:var(--text-quaternary)}.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-time{font-size:var(--text-xs);color:var(--text-quaternary);white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;display:inline-flex}.insp-flat-time svg{color:var(--text-quaternary)}.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(--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{min-height:40px;font-size:var(--text-sm);transition:background var(--transition-fast);align-items:center;gap:6px;padding:0 24px;display:flex}.table-board-row.clickable{cursor:pointer}.table-board-row.clickable:hover,.table-board-row.clickable:focus-visible{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{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;overflow:hidden}.table-board-spacer{flex:1;min-width:20px}.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{color:var(--text-quaternary);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;display:inline-flex}.table-board-metric svg{color:var(--text-quaternary)}.table-board-avatar{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{background:var(--bg-card);border:1px solid var(--border-secondary);border-left:3px solid var(--border-primary);transition:background var(--transition-fast);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:14px 16px;display:flex}.insp-intake-card:hover{background:var(--bg-elevated)}.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-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:100;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-sm);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-xs)}.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;overflow:auto}.fcc-main-window-content-padded{padding:28px 32px 36px}.fcc-main-window-content-full{padding-right:0}@media (width<=960px){.fcc-sidebar{width:72px}.fcc-sidebar:hover{width:72px;box-shadow:none}.fcc-sidebar .fcc-sidebar-label,.fcc-sidebar:hover .fcc-sidebar-label,.fcc-sidebar .fcc-sidebar-logout,.fcc-sidebar:hover .fcc-sidebar-logout{opacity:0}.fcc-main-window{margin-left:74px}.fcc-main-window-content-padded{padding:20px 18px 28px}}
1
+ :root{--bg-primary:#0f0f11;--bg-secondary:#131316;--bg-third:#101013;--bg-tertiary:#1a1a1f;--bg-elevated:#181818;--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-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:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", 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:#f7f8fa;--bg-secondary:#f5f5f5;--bg-third:#fbfbfc;--bg-tertiary:#ededf0;--bg-elevated:#fff;--panel-glow-a:transparent;--panel-glow-b:transparent;--bg-surface:#fff;--bg-hover:#00000008;--bg-active:#0000000d;--bg-selection:#00000012;--bg-overlay:#0000004d;--bg-card:#fcfcfc;--bg-card-content:#fffefe;--bg-card-hover:#f8f8fa;--bg-sidebar:#f5f6f8;--bg-panel:#fff;--bg-gradient:none;--text-primary:#1a1a1b;--text-secondary:#6b6c6e;--text-tertiary:#8b8e94;--text-quaternary:#b0b3b8;--text-on-accent:#fff;--border-primary:#e5e7eb;--border-secondary:#0000000f;--border-focus:#2b78f7;--border-accent:#2b78f766;--accent-green-bg:#46e3b71a;--accent-yellow-bg:#f7c12b1a;--accent-red-bg:#ef44441a;--accent-orange-bg:#f3bd6c1a;--accent-purple-bg:#746cf71a;--accent-blue-bg:#2f7ad01a;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 16px 48px #00000029;--shadow-card:none;--shadow-popup:0 0 0 1px #00000014, 0 8px 32px #0000001f}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}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:240px}.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:5000}.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{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);transition:all var(--transition-fast);cursor:pointer;height:32px;display:inline-flex}.btn-primary{color:var(--accent-primary);background:#5b8dd61f;border:1px solid #5b8dd633}.btn-primary:hover{background:#5b8dd62e}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-elevated);border-color:#ffffff1f}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--accent-red-bg);color:var(--accent-red);border:1px solid #c75a5a33}.btn-danger:hover{background:#c75a5a2e}.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}.input-group{gap:var(--space-1);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-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--transition-fast);width:100%}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--border-accent)}.input::placeholder{color:var(--text-quaternary)}.textarea{min-height:80px;padding:var(--space-2) 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);resize:vertical;transition:border-color var(--transition-fast);width:100%}.textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--border-accent)}.input-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.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);overflow:hidden}.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}.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{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);padding:var(--space-1);min-width:200px}.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);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item.active{background:var(--accent-primary);color:var(--text-on-accent)}.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(--text-on-accent)}.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{border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-4);display:flex}.tab{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:all var(--transition-fast);border-bottom:2px solid #0000;margin-bottom:-1px}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text-primary);border-bottom-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-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(--text-primary);border:1px solid var(--border-primary);background:0 0}.btn-outline:hover{background:var(--bg-hover);border-color:#ffffff1f}.btn-link{color:var(--accent-primary);text-underline-offset:2px;background:0 0;height:auto;padding:0;text-decoration:underline}.btn-link:hover{color:var(--accent-primary-hover)}.btn-lg{height:40px;padding:var(--space-2) var(--space-5);font-size:var(--text-md)}.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-primary);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:focus,.searchable-select-trigger:hover{border-color:#ffffff1f}.searchable-select-placeholder{color:var(--text-quaternary)}.searchable-select-chevron{color:var(--text-tertiary);flex-shrink:0}.searchable-select-dropdown{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);z-index:50;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.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{background:var(--bg-hover);color:var(--text-primary)}.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:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;width:480px;max-width:90vw;max-height:85vh;animation:.2s dialogIn;display:flex;overflow:hidden}.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}@keyframes dialogIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.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)}}.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;position:absolute}.tooltip-top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.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:background 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{background: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:260px;max-width:320px;height:100%;display:flex}.kanban-column-header{padding:var(--space-2) var(--space-1);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.kanban-column-header-meta{align-items:center;gap:var(--space-2);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);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex}.kanban-column-dot{border-radius:var(--radius-full);width:8px;height:8px}.kanban-column-count{font-size:var(--text-xs);color:var(--text-quaternary);font-family:var(--font-mono);background:var(--bg-active);border-radius:var(--radius-full);padding:1px 6px}.kanban-column-count--inline{color:var(--text-tertiary);background:0 0;border-radius:0;padding:0}.kanban-column-body{gap:var(--space-2);flex-direction:column;flex:auto;min-height:0;display:flex}.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}.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{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);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-tertiary);font-weight:var(--font-weight-normal);font-variant-numeric:tabular-nums}.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{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);padding:12px;box-shadow:0 2px 8px #00000040,0 1px 3px #00000026}.insp-card:hover{border-color:#ffffff1a;box-shadow:0 8px 24px #00000059,0 2px 8px #0003}:root.light .insp-card{box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d}:root.light .insp-card:hover{box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f}.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{font-size:var(--text-xs);color:var(--text-quaternary);align-items:center;gap:4px;margin-left:auto;display:flex}.insp-card-time svg{color:var(--text-quaternary)}.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-time{font-size:var(--text-xs);color:var(--text-quaternary);white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;display:inline-flex}.insp-flat-time svg{color:var(--text-quaternary)}.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(--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{min-height:40px;font-size:var(--text-sm);transition:background var(--transition-fast);align-items:center;gap:6px;padding:0 24px;display:flex}.table-board-row.clickable{cursor:pointer}.table-board-row.clickable:hover,.table-board-row.clickable:focus-visible{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{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;overflow:hidden}.table-board-spacer{flex:1;min-width:20px}.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{color:var(--text-quaternary);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;display:inline-flex}.table-board-metric svg{color:var(--text-quaternary)}.table-board-avatar{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{background:var(--bg-card);border:1px solid var(--border-secondary);border-left:3px solid var(--border-primary);transition:background var(--transition-fast);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:14px 16px;display:flex}.insp-intake-card:hover{background:var(--bg-elevated)}.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-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:100;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-sm);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-xs)}.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;overflow:auto}.fcc-main-window-content-padded{padding:28px 32px 36px}.fcc-main-window-content-full{padding-right:0}@media (width<=960px){.fcc-sidebar{width:72px}.fcc-sidebar:hover{width:72px;box-shadow:none}.fcc-sidebar .fcc-sidebar-label,.fcc-sidebar:hover .fcc-sidebar-label,.fcc-sidebar .fcc-sidebar-logout,.fcc-sidebar:hover .fcc-sidebar-logout{opacity:0}.fcc-main-window{margin-left:74px}.fcc-main-window-content-padded{padding:20px 18px 28px}}
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.5",
4
+ "version": "0.1.6",
5
5
  "description": "Reusable FCC design system components and theme for fccPRO and fccOPS.",
6
6
  "type": "module",
7
7
  "repository": {