.devont-icon{display:block;flex:0 0 auto;color:inherit}.app-topbar[data-v-f393b721]{position:sticky;z-index:300;top:0;display:flex;align-items:center;justify-content:space-between;gap:var(--devont-space-4);min-height:64px;padding:0 var(--devont-space-6);color:var(--devont-color-text-on-chrome);background:var(--devont-color-background-chrome);border-bottom:var(--devont-border-thin) solid color-mix(in srgb,var(--devont-color-text-on-chrome) 18%,transparent);box-shadow:0 2px 14px color-mix(in srgb,var(--devont-color-brand-brown) 24%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-topbar-leading[data-v-f393b721],.app-topbar-actions[data-v-f393b721],.app-topbar-context[data-v-f393b721],.app-topbar-profile[data-v-f393b721]{display:flex;align-items:center}.app-topbar-leading[data-v-f393b721],.app-topbar-actions[data-v-f393b721]{gap:var(--devont-space-3)}.app-topbar-context[data-v-f393b721]{min-width:0;gap:var(--devont-space-2)}.app-topbar-product[data-v-f393b721],.app-topbar-readonly[data-v-f393b721]{color:var(--devont-color-text-on-chrome-muted);font-size:var(--devont-font-size-sm);font-weight:650;white-space:nowrap}.app-topbar-divider[data-v-f393b721]{color:var(--devont-color-text-on-chrome-muted)}.app-topbar-title[data-v-f393b721]{overflow:hidden;max-width:min(34vw,25rem);margin:0;color:var(--devont-color-text-on-chrome);font-size:var(--devont-font-size-sm);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.app-topbar-readonly[data-v-f393b721]{padding:4px 8px;color:var(--devont-color-text-primary);background:var(--devont-color-background-surface);border-radius:var(--devont-radius-round);font-size:var(--devont-font-size-xs)}.app-topbar-menu[data-v-f393b721],.app-topbar-action[data-v-f393b721],.app-topbar-profile[data-v-f393b721]{color:var(--devont-color-text-on-chrome-muted);background:transparent;border:0;cursor:pointer}.app-topbar-menu[data-v-f393b721],.app-topbar-action[data-v-f393b721]{display:inline-grid;width:36px;height:36px;padding:0;place-items:center;border-radius:var(--devont-radius-sm)}.app-topbar-systems[data-v-f393b721]{display:inline-flex;width:auto;gap:7px;padding:0 10px;font-size:var(--devont-font-size-sm);font-weight:650}.app-topbar-menu[data-v-f393b721]:hover,.app-topbar-action[data-v-f393b721]:hover,.app-topbar-profile[data-v-f393b721]:hover,.app-topbar-menu[data-v-f393b721]:focus-visible,.app-topbar-action[data-v-f393b721]:focus-visible,.app-topbar-profile[data-v-f393b721]:focus-visible{color:var(--devont-color-text-on-chrome);background:color-mix(in srgb,var(--devont-color-text-on-chrome) 10%,transparent);outline:none}.app-topbar-menu[data-v-f393b721]:focus-visible,.app-topbar-action[data-v-f393b721]:focus-visible,.app-topbar-profile[data-v-f393b721]:focus-visible,.app-account-menu-item[data-v-f393b721]:focus-visible{box-shadow:0 0 0 3px var(--devont-color-focus-ring)}.app-topbar-account[data-v-f393b721]{position:relative}.app-topbar-profile[data-v-f393b721]{gap:9px;min-width:0;padding:4px 6px 4px 4px;border-radius:var(--devont-radius-md)}.app-topbar-avatar[data-v-f393b721]{display:block;width:32px;height:32px;object-fit:cover;border-radius:50%}.app-topbar-avatar-fallback[data-v-f393b721]{display:grid;color:var(--devont-color-action-primary-foreground);background:var(--devont-color-action-primary);font-size:var(--devont-font-size-xs);font-weight:750;place-items:center}.app-topbar-profile-copy[data-v-f393b721]{display:grid;min-width:0;text-align:left}.app-topbar-profile-copy strong[data-v-f393b721],.app-topbar-profile-copy small[data-v-f393b721]{overflow:hidden;max-width:10rem;text-overflow:ellipsis;white-space:nowrap}.app-topbar-profile-copy strong[data-v-f393b721]{color:var(--devont-color-text-on-chrome);font-size:var(--devont-font-size-xs)}.app-topbar-profile-copy small[data-v-f393b721]{color:var(--devont-color-text-on-chrome-muted);font-size:11px}.app-topbar-chevron[data-v-f393b721]{color:var(--devont-color-text-on-chrome-muted);font-size:18px;line-height:1}.app-account-menu[data-v-f393b721]{position:absolute;top:calc(100% + var(--devont-space-2));right:0;z-index:350;width:min(18rem,calc(100vw - 1.5rem));overflow:hidden;color:var(--devont-color-text-primary);background:var(--devont-color-background-surface);border:var(--devont-border-thin) solid var(--devont-color-border-default);border-radius:var(--devont-radius-md);box-shadow:0 12px 32px color-mix(in srgb,var(--devont-color-text-primary) 18%,transparent)}.app-account-menu-heading[data-v-f393b721]{display:grid;gap:3px;padding:var(--devont-space-4);border-bottom:var(--devont-border-thin) solid var(--devont-color-border-default)}.app-account-menu-heading span[data-v-f393b721],.app-account-menu-heading small[data-v-f393b721]{color:var(--devont-color-text-secondary);font-size:var(--devont-font-size-xs)}.app-account-menu-heading strong[data-v-f393b721]{font-size:var(--devont-font-size-sm)}.app-account-menu-items[data-v-f393b721]{display:grid;gap:2px;padding:var(--devont-space-2)}.app-account-menu-item[data-v-f393b721]{width:100%;padding:10px var(--devont-space-3);color:var(--devont-color-text-secondary);text-align:left;background:transparent;border:0;border-radius:var(--devont-radius-sm);cursor:pointer;font:inherit;font-size:var(--devont-font-size-sm)}.app-account-menu-item[data-v-f393b721]:hover:not(:disabled){color:var(--devont-color-text-primary);background:var(--devont-color-background-surface-strong)}.app-account-menu-item-danger[data-v-f393b721]{color:var(--devont-color-text-primary)}.app-account-menu-item[data-v-f393b721]:disabled{cursor:wait;opacity:.6}@media(max-width:767px){.app-topbar[data-v-f393b721]{gap:var(--devont-space-2);padding:0 var(--devont-space-3)}.app-topbar-actions[data-v-f393b721]{gap:2px}.app-topbar-product[data-v-f393b721],.app-topbar-divider[data-v-f393b721],.app-topbar-systems span[data-v-f393b721],.app-topbar-profile-copy[data-v-f393b721],.app-topbar-chevron[data-v-f393b721]{display:none}.app-topbar-title[data-v-f393b721]{max-width:42vw}.app-topbar-systems[data-v-f393b721]{width:36px;padding:0}.app-topbar-profile[data-v-f393b721]{padding:2px}}.brand-wordmark[data-v-98d935f9]{display:block;aspect-ratio:182.61 / 32.58;background:currentColor;-webkit-mask-image:var(--wordmark-asset);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-mode:alpha;mask-image:var(--wordmark-asset);mask-position:center;mask-repeat:no-repeat;mask-size:100% 100%;mask-mode:alpha}.brand-wordmark-sm[data-v-98d935f9]{width:8rem}.brand-wordmark-md[data-v-98d935f9]{width:9rem}.brand-wordmark-lg[data-v-98d935f9]{width:12rem}:root{--devont-color-brand-brown: #2A211C;--devont-color-brand-brown-texture: #382B21;--devont-color-brand-green-900: #101E1E;--devont-color-brand-green-800: #192E2E;--devont-color-brand-fendi-600: #6A5D53;--devont-color-brand-fendi-400: #B2A69A;--devont-color-brand-beige: #D3CCC9;--devont-font-sans: FK Grotesk Neue, Neue Haas Grotesk, Helvetica Now, Inter, system-ui, sans-serif;--devont-font-wordmark: official-vector-only;--devont-font-size-xs: .75rem;--devont-font-size-sm: .875rem;--devont-font-size-md: 1rem;--devont-font-size-lg: 1.125rem;--devont-font-size-xl: 1.5rem;--devont-font-size-2xl: 2rem;--devont-font-line-height-tight: 1.2;--devont-font-line-height-body: 1.5;--devont-font-weight-regular: 400;--devont-font-weight-medium: 500;--devont-font-weight-semibold: 600;--devont-font-weight-bold: 700;--devont-space-1: .25rem;--devont-space-2: .5rem;--devont-space-3: .75rem;--devont-space-4: 1rem;--devont-space-5: 1.25rem;--devont-space-6: 1.5rem;--devont-space-8: 2rem;--devont-space-10: 2.5rem;--devont-space-12: 3rem;--devont-space-16: 4rem;--devont-radius-sm: .25rem;--devont-radius-md: .5rem;--devont-radius-lg: .75rem;--devont-radius-xl: 1rem;--devont-radius-round: 999px;--devont-border-thin: 1px;--devont-motion-duration-fast: .16s;--devont-motion-duration-normal: .24s;--devont-motion-duration-slow: .32s;--devont-motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--devont-motion-ease-out: cubic-bezier(.22, 1, .36, 1)}:root,:root[data-theme=light]{--devont-color-background-canvas: #D3CCC9;--devont-color-background-surface: #D3CCC9;--devont-color-background-surface-strong: #B2A69A;--devont-color-background-chrome: #101E1E;--devont-color-text-primary: #192E2E;--devont-color-text-secondary: #2A211C;--devont-color-text-on-action: #D3CCC9;--devont-color-text-on-chrome: #D3CCC9;--devont-color-text-on-chrome-muted: #B2A69A;--devont-color-border-default: rgba(25, 46, 46, .24);--devont-color-action-primary: #192E2E;--devont-color-action-primary-foreground: #D3CCC9;--devont-color-field-background: #D3CCC9;--devont-color-field-foreground: #192E2E;--devont-color-field-border: #6A5D53;--devont-color-focus-ring: #192E2E}:root[data-theme=dark]{--devont-color-background-canvas: #2A211C;--devont-color-background-surface: #382B21;--devont-color-background-surface-strong: #2A211C;--devont-color-background-chrome: #2A211C;--devont-color-text-primary: #D3CCC9;--devont-color-text-secondary: #B2A69A;--devont-color-text-on-action: #2A211C;--devont-color-text-on-chrome: #D3CCC9;--devont-color-text-on-chrome-muted: #B2A69A;--devont-color-border-default: rgba(211, 204, 201, .18);--devont-color-action-primary: #D3CCC9;--devont-color-action-primary-foreground: #2A211C;--devont-color-field-background: #382B21;--devont-color-field-foreground: #D3CCC9;--devont-color-field-border: #B2A69A;--devont-color-focus-ring: #D3CCC9}@font-face{font-family:FK Grotesk Neue;src:url(../assets/fonts/FKGroteskNeue-Regular.woff) format("woff");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-0023,U+0025-007F,U+00A0-00A1,U+00A4,U+00A6-00BF,U+00D7,U+00F7,U+2000-206F,U+2122}@font-face{font-family:FK Grotesk Neue;src:url(../assets/fonts/FKGroteskNeue-Medium.woff) format("woff");font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0000-0023,U+0025-007F,U+00A0-00A1,U+00A4,U+00A6-00BF,U+00D7,U+00F7,U+2000-206F,U+2122}@font-face{font-family:FK Grotesk Neue;src:url(../assets/fonts/FKGroteskNeue-Bold.woff) format("woff");font-style:normal;font-weight:600 700;font-display:swap;unicode-range:U+0000-0023,U+0025-007F,U+00A0-00A1,U+00A4,U+00A6-00BF,U+00D7,U+00F7,U+2000-206F,U+2122}@font-face{font-family:FK Grotesk Neue;src:url(../assets/fonts/FKGroteskNeue-Black.woff) format("woff");font-style:normal;font-weight:900;font-display:swap;unicode-range:U+0000-0023,U+0025-007F,U+00A0-00A1,U+00A4,U+00A6-00BF,U+00D7,U+00F7,U+2000-206F,U+2122}@font-face{font-family:FK Grotesk Neue;src:url(../assets/fonts/FKGroteskNeue-RegularItalic.woff) format("woff");font-style:italic;font-weight:400;font-display:swap;unicode-range:U+0000-0023,U+0025-007F,U+00A0-00A1,U+00A4,U+00A6-00BF,U+00D7,U+00F7,U+2000-206F,U+2122}@font-face{font-family:FK Grotesk Neue;src:url(../assets/fonts/FKGroteskNeue-MediumItalic.woff) format("woff");font-style:italic;font-weight:500;font-display:swap;unicode-range:U+0000-0023,U+0025-007F,U+00A0-00A1,U+00A4,U+00A6-00BF,U+00D7,U+00F7,U+2000-206F,U+2122}@font-face{font-family:FK Grotesk Neue;src:url(../assets/fonts/FKGroteskNeue-BoldItalic.woff) format("woff");font-style:italic;font-weight:600 700;font-display:swap;unicode-range:U+0000-0023,U+0025-007F,U+00A0-00A1,U+00A4,U+00A6-00BF,U+00D7,U+00F7,U+2000-206F,U+2122}@font-face{font-family:FK Grotesk Neue;src:url(../assets/fonts/FKGroteskNeue-BlackItalic.woff) format("woff");font-style:italic;font-weight:900;font-display:swap;unicode-range:U+0000-0023,U+0025-007F,U+00A0-00A1,U+00A4,U+00A6-00BF,U+00D7,U+00F7,U+2000-206F,U+2122}:root{font-synthesis:none}:root{color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%}html{background:var(--devont-color-background-canvas)}body{margin:0;overflow-x:hidden;background:var(--devont-color-background-canvas);color:var(--devont-color-text-primary);font-family:var(--devont-font-sans);font-size:var(--devont-font-size-md);line-height:var(--devont-font-line-height-body)}:where(html,.kanban-board,.opportunity-dialog){--scrollbar-track: var(--devont-color-background-canvas);--scrollbar-thumb: color-mix(in srgb, var(--devont-color-text-primary) 48%, var(--scrollbar-track))}.opportunity-dialog{--scrollbar-track: var(--devont-color-background-surface)}:where(html,.kanban-board,.opportunity-dialog)::-webkit-scrollbar{width:12px;height:12px}:where(html,.kanban-board,.opportunity-dialog)::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--devont-radius-round)}:where(html,.kanban-board,.opportunity-dialog)::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-track);border-radius:var(--devont-radius-round);background:var(--scrollbar-thumb)}:where(html,.kanban-board,.opportunity-dialog)::-webkit-scrollbar-thumb:hover{background:var(--devont-color-text-primary)}:where(html,.kanban-board,.opportunity-dialog)::-webkit-scrollbar-corner{background:var(--scrollbar-track)}@supports not selector(::-webkit-scrollbar){:where(html,.kanban-board,.opportunity-dialog){scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid var(--devont-color-focus-ring);outline-offset:3px}h1,h2,p{margin:0}h1{font-size:clamp(2rem,7vw,3rem);line-height:var(--devont-font-line-height-tight);letter-spacing:-.045em}h2{font-size:var(--devont-font-size-xl);line-height:var(--devont-font-line-height-tight)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:20;top:var(--devont-space-2);left:var(--devont-space-2);padding:var(--devont-space-2) var(--devont-space-3);background:var(--devont-color-background-surface);border:var(--devont-border-thin) solid var(--devont-color-border-default);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{display:flex;min-height:100dvh}.sidebar{position:fixed;z-index:12;inset:0 auto 0 0;display:flex;width:min(86vw,18rem);flex-direction:column;padding:0;background:var(--devont-color-background-chrome);color:var(--devont-color-text-on-chrome);transform:translate(-105%);transition:transform var(--devont-motion-duration-normal) var(--devont-motion-ease-standard)}.sidebar-open{transform:translate(0)}.app-shell.is-sidebar-collapsed .sidebar{width:5rem;padding:0}.app-shell.is-sidebar-collapsed .sidebar-header{padding-inline:0;justify-content:center}.app-shell.is-sidebar-collapsed .sidebar-nav{padding-inline:0}.app-shell.is-sidebar-collapsed .nav-section-label,.app-shell.is-sidebar-collapsed .workspace-label,.app-shell.is-sidebar-collapsed .workspace-value{display:none}.app-shell.is-sidebar-collapsed .nav-link{justify-content:center;padding-inline:0;font-size:0}.app-shell.is-sidebar-collapsed .nav-link>.devont-icon{width:1.25rem}.app-shell.is-sidebar-collapsed .nav-link small{display:none}.app-shell.is-sidebar-collapsed .sidebar-footer{padding-inline:0}.app-shell.is-sidebar-collapsed .logout-link{justify-content:center;padding-inline:0;font-size:0}.app-shell.is-sidebar-collapsed .logout-link>.devont-icon{width:1.25rem}.drawer-backdrop{position:fixed;z-index:11;inset:0;background:color-mix(in srgb,var(--devont-color-brand-brown) 65%,transparent)}.sidebar-header,.topbar,.page-heading,.heading-actions,.form-actions,.summary-header,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--devont-space-3)}.sidebar-header{min-height:4rem;padding:0 var(--devont-space-5);border-bottom:var(--devont-border-thin) solid color-mix(in srgb,var(--devont-color-text-on-chrome) 14%,transparent)}.product-brand{display:flex;align-items:center;gap:var(--devont-space-3);text-decoration:none}.product-brand-stack{display:block;color:var(--devont-color-text-on-chrome)}.brand-monogram{display:block;width:1.5rem;height:1.5rem;background:currentColor;-webkit-mask-image:var(--monogram-asset);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:var(--monogram-asset);mask-position:center;mask-repeat:no-repeat;mask-size:contain}.contact-avatar{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:var(--devont-radius-lg);background:var(--devont-color-brand-fendi-400);color:var(--devont-color-brand-green-900);font-weight:var(--devont-font-weight-bold)}.sidebar-nav{display:grid;gap:var(--devont-space-2);margin-top:0;padding:var(--devont-space-5) var(--devont-space-3) var(--devont-space-6)}.nav-section-label,.workspace-label,.eyebrow{color:var(--devont-color-text-secondary);font-size:.625rem;font-weight:var(--devont-font-weight-semibold);letter-spacing:.14em;line-height:1.4;text-transform:uppercase}.nav-section-label{padding-inline:var(--devont-space-3)}.sidebar .nav-section-label,.sidebar .workspace-label{color:var(--devont-color-text-on-chrome-muted)}.roadmap-label{margin-top:var(--devont-space-6)}.nav-link{display:flex;min-height:2.75rem;align-items:center;gap:var(--devont-space-3);padding:var(--devont-space-2) var(--devont-space-3);border-radius:var(--devont-radius-md);text-decoration:none;font-size:var(--devont-font-size-sm);font-weight:var(--devont-font-weight-regular);line-height:1.25rem}.nav-link>.devont-icon{width:1.25rem;flex:0 0 1.25rem}.nav-link.router-link-active{position:relative;background:color-mix(in srgb,var(--devont-color-text-on-chrome) 12%,transparent);color:var(--devont-color-text-on-chrome);font-weight:var(--devont-font-weight-semibold)}.nav-link.router-link-active:before{position:absolute;inset:var(--devont-space-2) auto var(--devont-space-2) 0;width:2px;background:currentColor;border-radius:var(--devont-radius-round);content:""}.nav-link-disabled{color:var(--devont-color-text-on-chrome-muted);cursor:not-allowed}.nav-link small{margin-left:auto;font-size:var(--devont-font-size-xs)}.sidebar-footer{display:grid;gap:var(--devont-space-2);margin-top:auto;padding:var(--devont-space-3);border-top:var(--devont-border-thin) solid color-mix(in srgb,var(--devont-color-text-on-chrome) 14%,transparent)}.workspace-value{overflow:hidden;color:var(--devont-color-text-on-chrome-muted);font-size:var(--devont-font-size-xs);font-weight:var(--devont-font-weight-regular);text-overflow:ellipsis;white-space:nowrap}.logout-link,.logout-mobile,.theme-button,.icon-button{min-width:2.75rem;min-height:2.75rem;border:0;background:transparent;color:inherit;text-align:left}.logout-link{display:flex;align-items:center;gap:var(--devont-space-3);margin-top:var(--devont-space-4);border-top:var(--devont-border-thin) solid var(--devont-color-border-default);color:var(--devont-color-text-on-chrome)}.shell-body{width:100%;min-width:0}.topbar{position:sticky;z-index:5;top:0;min-height:4rem;padding:var(--devont-space-3) var(--devont-space-4);border-bottom:var(--devont-border-thin) solid var(--devont-color-border-default);background:color-mix(in srgb,var(--devont-color-background-canvas) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-context{display:grid;gap:0;min-width:0}.topbar-context strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:var(--devont-space-2)}.theme-button,.icon-button{border-radius:var(--devont-radius-md);color:var(--devont-color-text-primary);text-align:center}.user-chip{display:none;max-width:13rem;overflow:hidden;font-size:var(--devont-font-size-sm);text-overflow:ellipsis;white-space:nowrap}.readonly-label{display:none;color:var(--devont-color-text-secondary);font-size:var(--devont-font-size-xs)}.systems-link{min-height:2.75rem;padding-inline:var(--devont-space-2);border:0;background:transparent;color:var(--devont-color-text-primary);font-weight:var(--devont-font-weight-medium)}.logout-mobile{width:auto;color:var(--devont-color-text-secondary);font-size:var(--devont-font-size-sm)}.main-content{width:min(100%,100rem);margin:0 auto;padding:var(--devont-space-6) var(--devont-space-4) var(--devont-space-12)}.page-section{display:grid;gap:var(--devont-space-6)}.page-heading{align-items:flex-end;flex-wrap:wrap}.page-heading p{margin-top:var(--devont-space-2);color:var(--devont-color-text-secondary)}.eyebrow{display:block;margin-bottom:var(--devont-space-2)}.button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:var(--devont-space-2);padding:var(--devont-space-2) var(--devont-space-4);border:var(--devont-border-thin) solid transparent;border-radius:var(--devont-radius-md);text-decoration:none;font-weight:var(--devont-font-weight-semibold);transition:background var(--devont-motion-duration-fast) var(--devont-motion-ease-standard)}.button:disabled{cursor:wait;opacity:.6}.button-primary{background:var(--devont-color-action-primary);color:var(--devont-color-action-primary-foreground)}.button-secondary{border-color:var(--devont-color-border-default);background:var(--devont-color-background-surface);color:var(--devont-color-text-primary)}.button-ghost{color:var(--devont-color-text-secondary)}.button-danger{border-color:var(--devont-color-border-default);background:var(--devont-color-background-surface);color:var(--devont-color-text-primary)}.toolbar{display:grid;gap:var(--devont-space-3);padding:var(--devont-space-3);border:var(--devont-border-thin) solid var(--devont-color-border-default);border-radius:var(--devont-radius-lg);background:var(--devont-color-background-surface)}.search-field,.filter-field{display:flex;min-height:2.75rem;align-items:center;gap:var(--devont-space-2)}.search-field{padding-inline:var(--devont-space-3);border:var(--devont-border-thin) solid var(--devont-color-field-border);border-radius:var(--devont-radius-md);background:var(--devont-color-field-background)}.search-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--devont-color-field-foreground)}.filter-field select,.field input,.field select,.field textarea{width:100%;min-height:2.75rem;border:var(--devont-border-thin) solid var(--devont-color-field-border);border-radius:var(--devont-radius-md);background:var(--devont-color-field-background);color:var(--devont-color-field-foreground)}.filter-field select,.field input,.field select{padding:var(--devont-space-2) var(--devont-space-3)}.field textarea{padding:var(--devont-space-3);resize:vertical}.checkbox-field{display:flex;min-height:2.75rem;align-items:center;gap:var(--devont-space-2);color:var(--devont-color-text-secondary);font-size:var(--devont-font-size-sm)}.contacts-list{display:grid;gap:var(--devont-space-3)}.contact-card,.panel,.state-panel,.contact-form{border:var(--devont-border-thin) solid var(--devont-color-border-default);border-radius:var(--devont-radius-lg);background:var(--devont-color-background-surface)}.contact-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--devont-space-3);padding:var(--devont-space-3)}.contact-main{display:grid;min-width:0;gap:var(--devont-space-1)}.contact-main>span{overflow:hidden;color:var(--devont-color-text-secondary);font-size:var(--devont-font-size-sm);text-overflow:ellipsis;white-space:nowrap}.contact-name{overflow:hidden;font-weight:var(--devont-font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.contact-action{grid-column:2 / -1;justify-self:start;padding-inline:0}.status-badge{display:inline-flex;min-height:1.75rem;align-items:center;padding:var(--devont-space-1) var(--devont-space-2);border-radius:var(--devont-radius-round);font-size:var(--devont-font-size-xs);font-weight:var(--devont-font-weight-semibold);white-space:nowrap}.status-lead{background:color-mix(in srgb,var(--devont-color-action-primary) 15%,transparent)}.status-customer{background:color-mix(in srgb,var(--devont-color-brand-fendi-400) 45%,transparent)}.status-inactive,.archived-label{background:color-mix(in srgb,var(--devont-color-text-secondary) 15%,transparent)}.archived-label{padding:var(--devont-space-1) var(--devont-space-2);border-radius:var(--devont-radius-round);color:var(--devont-color-text-secondary);font-size:var(--devont-font-size-xs)}.state-panel{display:grid;justify-items:center;gap:var(--devont-space-3);padding:var(--devont-space-10) var(--devont-space-4);text-align:center}.state-panel p{max-width:36rem;color:var(--devont-color-text-secondary)}.state-error{border-color:var(--devont-color-field-border)}.spinner{width:1.25rem;height:1.25rem;border:.15rem solid var(--devont-color-border-default);border-top-color:var(--devont-color-action-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-more{justify-self:center}.back-link{width:fit-content;color:var(--devont-color-text-secondary);text-decoration:none}.contact-form{display:grid;gap:var(--devont-space-5);padding:var(--devont-space-4)}.form-note,.muted-copy{color:var(--devont-color-text-secondary);font-size:var(--devont-font-size-sm)}.form-error,.field-error{color:var(--devont-color-text-primary);font-size:var(--devont-font-size-sm)}.form-grid{display:grid;gap:var(--devont-space-4)}.field{display:grid;gap:var(--devont-space-2)}.field label{font-weight:var(--devont-font-weight-medium)}.field-error{font-weight:var(--devont-font-weight-semibold)}.form-actions{justify-content:flex-end;flex-wrap:wrap}.panel{padding:var(--devont-space-4)}.detail-grid{display:grid;gap:var(--devont-space-4)}.summary-header{align-items:flex-start}.contact-avatar-large{width:4rem;height:4rem;font-size:var(--devont-font-size-xl)}.contact-summary dl{display:grid;gap:var(--devont-space-4);margin:var(--devont-space-6) 0 0}.contact-summary dl>div{display:grid;gap:var(--devont-space-1)}.contact-summary dt{color:var(--devont-color-text-secondary);font-size:var(--devont-font-size-xs);text-transform:uppercase}.contact-summary dd{margin:0;overflow-wrap:anywhere}.notes-value{white-space:pre-wrap}.timeline{display:grid;gap:var(--devont-space-5);margin:var(--devont-space-6) 0 0;padding:0;list-style:none}.timeline li{display:grid;grid-template-columns:auto 1fr;gap:var(--devont-space-3)}.timeline-dot{width:.7rem;height:.7rem;margin-top:.35rem;border-radius:50%;background:var(--devont-color-action-primary)}.timeline li div{display:grid;gap:var(--devont-space-1)}.timeline time,.timeline small{color:var(--devont-color-text-secondary);font-size:var(--devont-font-size-xs)}.success-message{padding:var(--devont-space-3);border:var(--devont-border-thin) solid var(--devont-color-border-default);border-radius:var(--devont-radius-md);background:var(--devont-color-background-surface)}.mobile-only{display:inline-flex}@media(min-width:560px){.toolbar{grid-template-columns:minmax(0,1fr) minmax(10rem,15rem) auto;align-items:center}.contact-action{grid-column:auto;justify-self:auto}.contact-form{padding:var(--devont-space-6)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-wide{grid-column:1 / -1}}@media(min-width:768px){.main-content{padding:var(--devont-space-10) var(--devont-space-8) var(--devont-space-16)}.contact-card{grid-template-columns:auto minmax(12rem,1fr) auto auto auto;padding:var(--devont-space-4)}.contact-action{grid-column:auto}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(min-width:1024px){.sidebar{position:sticky;transform:none;width:18rem;min-height:100dvh}.shell-body{width:calc(100% - 18rem)}.app-shell.is-sidebar-collapsed .sidebar{width:5rem}.app-shell.is-sidebar-collapsed .shell-body{width:calc(100% - 5rem)}.mobile-only,.drawer-backdrop,.logout-mobile{display:none}.user-chip,.readonly-label{display:inline-block}.topbar{padding-inline:var(--devont-space-8)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.pipeline-toolbar{display:grid;gap:var(--devont-space-3);align-items:end}.pipeline-toolbar .field{min-width:0}.stage-stepper{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--devont-space-2);align-items:center}.stage-stepper select{width:100%;min-height:2.75rem;border:var(--devont-border-thin) solid var(--devont-color-field-border);border-radius:var(--devont-radius-md);background:var(--devont-color-field-background);color:var(--devont-color-field-foreground);padding:var(--devont-space-2)}.compact-form{display:grid;gap:var(--devont-space-4)}.pipeline-page{min-width:0}.kanban-board{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:min(20rem,88%);gap:var(--devont-space-4);min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:var(--devont-space-3)}.stage-column{display:grid;min-width:0;align-content:start;gap:var(--devont-space-4);scroll-snap-align:start}.stage-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--devont-space-3);border-bottom:var(--devont-border-thin) solid var(--devont-color-border-default);padding-bottom:var(--devont-space-3)}.stage-heading h2{overflow-wrap:anywhere}.stage-heading span,.stage-empty,.opportunity-card small{color:var(--devont-color-text-secondary);font-size:var(--devont-font-size-xs)}.stage-empty{padding:var(--devont-space-4) 0;text-align:center}.opportunity-list{display:grid;gap:var(--devont-space-3)}.opportunity-card{display:grid;min-width:0;gap:var(--devont-space-2);padding:var(--devont-space-4);border:var(--devont-border-thin) solid var(--devont-color-border-default);border-radius:var(--devont-radius-lg);background:var(--devont-color-background-canvas);transition:border-color var(--devont-motion-duration-fast),opacity var(--devont-motion-duration-fast),transform var(--devont-motion-duration-fast)}.opportunity-card-heading{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:var(--devont-space-2)}.opportunity-card-heading strong{overflow-wrap:anywhere}.opportunity-open{min-width:0;padding:0;border:0;background:transparent;color:var(--devont-color-text-primary);font-weight:var(--devont-font-weight-semibold);text-align:left;overflow-wrap:anywhere}.opportunity-open:hover{text-decoration:underline}.opportunity-contact{color:var(--devont-color-text-secondary);font-size:var(--devont-font-size-sm);overflow-wrap:anywhere}.opportunity-value{font-weight:var(--devont-font-weight-semibold)}.opportunity-status-open{background:color-mix(in srgb,var(--devont-color-action-primary) 15%,transparent)}.opportunity-status-won{background:color-mix(in srgb,var(--devont-color-brand-fendi-400) 45%,transparent)}.opportunity-status-lost,.opportunity-status-abandoned{background:color-mix(in srgb,var(--devont-color-text-secondary) 15%,transparent)}.move-control{display:grid;gap:var(--devont-space-1);color:var(--devont-color-text-secondary);font-size:var(--devont-font-size-xs)}.move-control select{width:100%;min-height:2.75rem;border:var(--devont-border-thin) solid var(--devont-color-field-border);border-radius:var(--devont-radius-md);background:var(--devont-color-field-background);color:var(--devont-color-field-foreground);padding:var(--devont-space-2)}.drag-hint{color:var(--devont-color-text-secondary);font-size:var(--devont-font-size-xs)}.stage-drop-target{border-color:var(--devont-color-action-primary);background:color-mix(in srgb,var(--devont-color-action-primary) 8%,var(--devont-color-background-surface))}.opportunity-card-dragging{opacity:.55;transform:scale(.98)}.stage-outcome-won .stage-heading{border-bottom-color:var(--devont-color-brand-fendi-400)}.stage-outcome-lost .stage-heading,.stage-outcome-abandoned .stage-heading{border-bottom-color:var(--devont-color-text-secondary)}.conflict-message{padding:var(--devont-space-3);border:var(--devont-border-thin) solid var(--devont-color-field-border);border-radius:var(--devont-radius-md);background:var(--devont-color-background-surface)}.dialog-backdrop{position:fixed;z-index:400;inset:0;display:grid;align-items:end;background:color-mix(in srgb,var(--devont-color-background-chrome) 60%,transparent)}.opportunity-dialog{width:100%;max-height:100dvh;overflow-y:auto;display:grid;gap:var(--devont-space-4);border-radius:var(--devont-radius-lg) var(--devont-radius-lg) 0 0}.opportunity-dialog .panel-heading{align-items:flex-start}.opportunity-details-dialog{width:100%}.opportunity-details-dialog .form-grid{min-width:0}.opportunity-details-dialog .field a{width:fit-content}@media(max-width:599px){.opportunity-details-dialog{min-height:100dvh;border-radius:0}}@media(min-width:600px){.pipeline-toolbar{grid-template-columns:minmax(12rem,20rem) minmax(0,1fr)}.dialog-backdrop{place-items:center;padding:var(--devont-space-6)}.opportunity-dialog{max-width:32rem;border-radius:var(--devont-radius-lg)}.opportunity-details-dialog{max-width:42rem}}@media(min-width:1100px){.opportunity-card[draggable=true]{cursor:grab}.opportunity-card[draggable=true]:active{cursor:grabbing}}
