:root{--font-family-base: Inter, Roboto, "Segoe UI", Arial, sans-serif;--font-page-title: 26px;--font-section-title: 20px;--font-card-title: 17px;--font-body: 15px;--font-table: 14px;--font-small: 13px;--font-xs: 12px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-overlay: rgba(255, 255, 255, .94);--color-surface-raised: rgba(255, 255, 255, .96);--color-surface-muted: #f1f5f9;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-light: #94a3b8;--color-status-muted-text: #475569;--color-on-primary: #ffffff;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #dbeafe;--color-primary-subtle: #eff6ff;--color-success: #16a34a;--color-success-hover: #15803d;--color-success-bg: #dcfce7;--color-success-text: #166534;--color-success-border: #86efac;--color-success-hover-bg: #bbf7d0;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-warning-border: #fcd34d;--color-warning-hover-bg: #fde68a;--color-danger: #dc2626;--color-danger-bg: #fee2e2;--color-danger-text: #991b1b;--color-danger-border: #fecaca;--color-info: #0284c7;--color-info-bg: #e0f2fe;--color-info-text: #075985;--color-info-border: #7dd3fc;--color-info-hover-bg: #bae6fd;--color-avatar-amber: #d97706;--color-directory-tag-default: var(--color-text-muted);--color-directory-tag-enterprise: var(--color-primary);--color-directory-tag-finance: var(--color-info);--color-directory-tag-healthcare: var(--color-success);--color-directory-tag-manufacturing: var(--color-avatar-amber);--color-directory-tag-partner: #7c3aed;--color-directory-tag-prospect: #0f766e;--color-directory-tag-referral: #be123c;--color-directory-tag-retail: #ca8a04;--color-directory-tag-strategic: #4f46e5;--color-directory-tag-technology: #0891b2;--color-directory-tag-at-risk: var(--color-danger);--color-directory-tag-high-fit: var(--color-success);--color-directory-tag-key-account: var(--color-primary);--color-directory-tag-nurture: var(--color-text-muted);--color-overlay-backdrop: rgba(15, 23, 42, .38);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-ring-border: 0 0 0 1px var(--color-border-strong)}html,body{min-height:100%;margin:0}body{background:var(--color-bg)}*{box-sizing:border-box}button,input,select{font:inherit}button,a,select,input{min-width:0}button{cursor:pointer}svg{display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.page{min-width:0;padding:var(--space-6)}.screen-stack{display:grid;gap:var(--space-7, 48px)}.module-screen{min-width:0}.module-screen+.module-screen{padding-top:var(--space-6);border-top:1px solid var(--color-border)}.screen-stack>.list-card.module-screen{padding-top:0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5)}.page-header h1{margin:0;color:var(--color-text);font-size:var(--font-page-title);font-weight:var(--font-bold);line-height:1.2;letter-spacing:0}.page-header p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-body);line-height:1.5}.list-card{overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.page-size{display:block;width:112px}.page-size select{height:34px;font-size:var(--font-small)}.detail-screen{min-width:0}.detail-header{display:flex;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-4)}.detail-title-group{min-width:0;display:grid;gap:var(--space-2)}.back-link{width:fit-content;display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-small);font-weight:var(--font-medium)}.back-link svg{width:16px;height:16px}.title-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.title-row h1,.empty-detail h1{margin:0;color:var(--color-text);font-size:var(--font-page-title);line-height:1.2;letter-spacing:0}.detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);margin:0}.detail-meta div{display:flex;align-items:center;gap:var(--space-2)}.detail-meta dt{color:var(--color-text-muted);font-size:var(--font-small);font-weight:var(--font-medium)}.detail-meta dd{margin:0;color:var(--color-text);font-size:var(--font-small);font-weight:var(--font-semibold)}.detail-actions{display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-3)}.detail-tabs{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.detail-tab{position:relative;flex:0 0 auto;height:42px;padding:0;color:var(--color-text-muted);background:transparent;border:0;font-size:var(--font-table);font-weight:var(--font-semibold)}.detail-tab.active{color:var(--color-primary)}.detail-tab.active:after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;border-radius:var(--radius-pill);background:var(--color-primary)}.tab-panel{min-width:0}.detail-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.2fr) minmax(300px,.9fr);gap:var(--space-4);align-items:start}.contact-detail-layout{grid-template-columns:minmax(280px,.9fr) minmax(360px,1.2fr) minmax(300px,.9fr)}.detail-card{min-width:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.detail-card h2,.section-title-row h2,.user-list-heading h2{margin:0;color:var(--color-text);font-size:var(--font-card-title);font-weight:var(--font-semibold);line-height:1.3;letter-spacing:0}.user-list-heading{padding:var(--space-4);margin-bottom:0;border-bottom:1px solid var(--color-border)}.user-list-heading>div{min-width:0}.user-list-heading p,.card-subtitle{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-small);line-height:1.4}.users-filters{grid-template-columns:minmax(260px,1fr) minmax(170px,220px) auto auto}.task-search{width:min(520px,100%);margin-left:auto}.company-card{grid-row:span 2}.activity-card{grid-column:3;grid-row:1/span 2}.secondary-info-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);gap:var(--space-4);align-items:start}.secondary-main{min-width:0}.secondary-activity-card{grid-column:auto;grid-row:auto;position:sticky;top:calc(64px + var(--space-4))}.card-title-row,.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.card-actions{display:flex;gap:var(--space-1)}.primary-contact{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.primary-contact strong,.compact-row strong,.message-row strong,.email-row strong,.file-folder strong,.contact-chip-row strong,.related-record-row strong,.calendar-entry strong,.time-calendar strong,.folder-dropzone strong{display:block;color:var(--color-text);font-size:var(--font-table);font-weight:var(--font-semibold);line-height:1.35}.primary-contact span,.compact-row span,.message-row span,.message-row em,.email-row span,.email-row time,.file-folder span,.contact-chip-row span,.mini-card span,.related-record-row span,.calendar-entry span,.time-calendar span,.folder-dropzone span{color:var(--color-text-muted);font-size:var(--font-small);line-height:1.4;font-style:normal}.info-list{display:grid;gap:var(--space-3);margin:0}.info-list div{display:grid;grid-template-columns:minmax(92px,.38fr) minmax(0,1fr);gap:var(--space-3)}.info-list dt{color:var(--color-text-muted);font-size:var(--font-small);font-weight:var(--font-medium)}.info-list dd{min-width:0;margin:0;color:var(--color-text);font-size:var(--font-small);font-weight:var(--font-medium);overflow-wrap:anywhere}.compact-list{display:grid}.list-toolbar{margin-bottom:var(--space-3)}.compact-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);align-items:center;min-height:72px;padding:var(--space-3) 0;border-top:1px solid var(--color-border)}.task-row-copy{min-width:0;display:grid;gap:var(--space-1)}.task-title-button{width:fit-content;max-width:100%;padding:0;background:transparent;border:0;text-align:left}.compact-row:first-child{border-top:0;padding-top:0}.compact-row:last-child{padding-bottom:0}.row-meta{display:grid;justify-items:end;gap:var(--space-2);white-space:nowrap}.folder-dropzone{min-height:184px;display:grid;place-items:center;align-content:center;gap:var(--space-2);padding:var(--space-5);color:var(--color-text-muted);background:var(--color-primary-subtle);border:1px dashed var(--color-primary);border-radius:var(--radius-lg);text-align:center}.folder-dropzone app-icon{width:34px;height:34px;color:var(--color-primary)}.list-pager{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);min-height:38px;padding-top:var(--space-3);margin-top:var(--space-3);border-top:1px solid var(--color-border)}.list-pager span{margin-right:var(--space-1);color:var(--color-text-muted);font-size:var(--font-small);font-weight:var(--font-medium)}.detail-section{margin-top:var(--space-5)}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.related-stack{display:grid;gap:var(--space-4)}.mini-card{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-4)}.mini-card h3{margin:0;font-size:var(--font-table);font-weight:var(--font-semibold);letter-spacing:0}.related-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.related-record-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);align-items:center;min-height:58px;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.related-record-row:first-of-type{padding-top:0;border-top:0}.related-record-row>div:first-child{min-width:0;display:grid;gap:3px}.related-record-main{min-width:0;display:flex!important;align-items:center;gap:var(--space-3)!important}.compact-row-actions{flex-wrap:nowrap;gap:var(--space-1)}.mini-card p{display:grid;gap:3px;margin:0;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.mini-card p:first-of-type{padding-top:0;border-top:0}.mini-card em{width:fit-content;padding:2px 8px;color:var(--color-success-text);background:var(--color-success-bg);border-radius:var(--radius-pill);font-size:var(--font-xs);font-style:normal;font-weight:var(--font-semibold)}.contact-chip-row,.message-row,.file-folder,.email-row{display:flex;gap:var(--space-3)}.contact-chip-row{align-items:center}.related-record-row.contact-chip-row{display:grid}.list-pagination-slot{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-xs);font-weight:var(--font-medium)}.detail-bottom-grid{display:grid;grid-template-columns:minmax(420px,1.4fr) minmax(260px,.8fr) minmax(260px,.8fr);gap:var(--space-4);align-items:start}.discussion-card,.files-card,.email-card{display:grid;gap:var(--space-4)}.empty-detail{display:grid;justify-items:start;gap:var(--space-4);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media(max-width:1280px){.detail-layout,.contact-detail-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)}.overview-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1fr)}.activity-card{grid-column:1/-1;grid-row:auto}.secondary-info-layout,.detail-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.secondary-main,.secondary-activity-card{grid-column:1/-1}.secondary-activity-card{position:static}.compact-calendar,.time-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.filters,.users-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-header{flex-direction:column}.detail-actions{justify-content:flex-start}.business-split-layout,.manager-grid,.deal-overview-grid,.email-assignment-layout,.task-detail-layout,.user-profile-grid,.user-folder-grid,.form-grid,.password-grid{grid-template-columns:1fr}.form-grid fieldset{grid-column:auto}.task-search{width:100%;margin-left:0}.settings-grid{grid-template-columns:1fr}.email-preview-card{position:static}}@media(max-width:760px){.crm-shell{display:block}.sidebar{display:none}.workspace{grid-template-rows:auto minmax(0,1fr)}.topbar{position:static;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.global-search{order:3;width:100%}.topbar-actions{margin-left:auto}.profile-copy{display:none}.page{padding:var(--space-5) var(--space-4)}.page-header,.table-footer{align-items:stretch;flex-direction:column}.page-header .button{width:100%}.filters,.email-filters,.users-filters,.deal-filters{grid-template-columns:1fr}.deal-stage-axis{grid-template-columns:repeat(5,minmax(140px,1fr))}.nav-list{gap:var(--space-2)}.pagination{flex-wrap:wrap}.detail-meta,.detail-actions,.detail-tabs{gap:var(--space-3)}.detail-actions .button,.state-actions .button{width:100%}.modal-backdrop{padding:var(--space-3)}.email-dialog,.task-dialog{max-height:calc(100dvh - 24px);padding:var(--space-4)}.detail-layout,.contact-detail-layout,.secondary-info-layout,.related-grid,.detail-bottom-grid,.compact-calendar,.time-calendar,.team-calendar{grid-template-columns:1fr}.time-axis{display:none}.user-list-heading,.card-title-row{align-items:stretch;flex-direction:column}.company-card,.activity-card{grid-column:auto;grid-row:auto}.detail-card{padding:var(--space-4)}.task-description-actions{align-items:stretch;flex-direction:column}.info-list div,.compact-row,.related-record-row,.compact-file-list,.email-row-button,.task-dialog-layout,.attachment-grid,.attachment-card{grid-template-columns:1fr}.row-meta,.compact-row-actions,.email-row-meta{justify-items:start;justify-content:flex-start}}.button{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-table);white-space:nowrap}.button:disabled{cursor:not-allowed;opacity:.65}.button svg{width:18px;height:18px}.button-primary{color:var(--color-on-primary);background:var(--color-primary);border:1px solid var(--color-primary);font-weight:var(--font-semibold);box-shadow:var(--shadow-sm)}.button-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.button-secondary{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);font-weight:var(--font-medium)}.button-secondary:hover{background:var(--color-surface-muted)}.button-create{color:var(--color-on-primary);background:var(--color-success);border:1px solid var(--color-success);font-weight:var(--font-semibold);box-shadow:var(--shadow-sm)}.button-create:hover{background:var(--color-success-hover);border-color:var(--color-success-hover)}.icon-button{position:relative;width:36px;height:36px;display:inline-grid;place-items:center;padding:0;color:var(--color-text);background:transparent;border:1px solid transparent;border-radius:var(--radius-md)}.icon-button:hover{background:var(--color-surface-muted);border-color:var(--color-border)}.bookmark-button.bookmark-active{color:var(--color-primary);background:var(--color-primary-subtle);border-color:var(--color-primary-light)}.bookmark-button.bookmark-active app-icon{fill:currentColor}.icon-button app-icon{width:18px;height:18px;--icon-size: 18px}.compact-action{padding-inline:var(--space-3)}.pagination{display:flex;align-items:center;gap:var(--space-2)}.page-arrow,.page-number{width:34px;height:34px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-small);font-weight:var(--font-medium)}.page-number:hover,.page-arrow:hover{background:var(--color-surface-muted)}.active-page{color:var(--color-primary);background:var(--color-primary-subtle);border-color:var(--color-primary-light);font-weight:var(--font-semibold)}.table-value{font-size:var(--font-table)}.table-value-button{min-width:44px;min-height:32px;padding:var(--space-1) var(--space-2);color:var(--color-primary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-size:var(--font-table);font-weight:var(--font-semibold);cursor:pointer}.table-value-button:hover{background:var(--color-primary-subtle);border-color:var(--color-primary-light)}.table-value-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.table-link-button{display:inline;padding:0;color:var(--color-primary);background:transparent;border:0;font-size:var(--font-table);font-weight:var(--font-semibold);text-align:left}.table-link-button:hover{text-decoration:underline}.danger-action{color:var(--color-danger)}.danger-action:hover{background:var(--color-danger-bg);border-color:var(--color-danger-border)}.pagination-controls{display:flex;align-items:center;gap:var(--space-1)}.pagination-controls .icon-button{width:28px;height:28px}.pagination-controls .icon-button:disabled{cursor:not-allowed;opacity:.45}.inline-reply-button{width:fit-content;min-height:28px;display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:0 var(--space-2);color:var(--color-primary);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:var(--font-semibold)}.inline-reply-button:hover{background:var(--color-primary-subtle);border-color:var(--color-primary-light)}.inline-reply-button svg{width:14px;height:14px}.global-search,.search-field{position:relative;display:flex;align-items:center;color:var(--color-text-muted)}.global-search{width:min(440px,100%)}.global-search app-icon,.search-field app-icon{position:absolute;left:12px;width:18px;height:18px;pointer-events:none;--icon-size: 18px}.global-search input,.search-field input,.select-field select,.page-size select{height:40px;width:100%;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-table);outline:none}.global-search input{padding:0 54px 0 40px}.global-search kbd{position:absolute;right:10px;display:inline-flex;align-items:center;height:22px;padding:0 var(--space-2);color:var(--color-text-muted);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-xs);font-family:var(--font-family-base)}.filters{display:grid;grid-template-columns:minmax(240px,1fr) repeat(3,minmax(140px,170px)) auto auto;gap:var(--space-3);align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.filters app-search-field{grid-column:span 2;min-width:0}.password-input-row{position:relative;display:block;width:100%}.password-input-row input{width:100%;padding-right:44px}.password-input-row .password-visibility-button{position:absolute;top:50%;right:2px;width:36px;height:36px;border-color:transparent;background:transparent;transform:translateY(-50%)}.password-input-row .password-visibility-button:hover{border-color:transparent;background:var(--color-primary-subtle)}.search-field input{padding:0 var(--space-3) 0 40px}.select-field select,.page-size select{appearance:none;padding:0 36px 0 var(--space-3);background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.global-search input:focus,.search-field input:focus,.select-field select:focus,.page-size select:focus{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);outline:none}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));column-gap:var(--space-4);row-gap:var(--space-3)}.password-grid{grid-template-columns:repeat(2,minmax(180px,1fr));align-items:end}.password-grid>.button-primary{grid-column:1/-1;justify-self:end}.form-grid label,.form-grid fieldset{display:block;margin:0;color:var(--color-text);font-size:var(--font-small);font-weight:var(--font-semibold)}.form-grid>label>input,.form-grid>label>select,.form-grid>label>textarea,.form-grid>label>.password-input-row{margin-top:var(--space-2)}.form-grid .form-field{min-height:72px}.form-grid .password-field,.form-grid .roles-field{min-height:92px}.form-grid input[type=text],.form-grid input[type=email],.form-grid input[type=password],.form-grid input[type=tel],.form-grid input[type=url],.form-grid input[type=number],.form-grid input[type=datetime-local],.form-grid select{height:40px;width:100%;padding:0 var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-table);outline:none}.form-grid textarea{width:100%;min-height:120px;resize:vertical;padding:var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-table);font-family:var(--font-family-base);line-height:1.5;outline:none}.form-grid input[type=color]{width:58px;height:40px;padding:3px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);outline:none}.form-grid fieldset{grid-column:span 2;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.form-grid fieldset.roles-field{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:0 var(--space-3)}.form-grid legend{padding:0 var(--space-1)}.form-grid fieldset label{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);color:var(--color-text-muted);font-weight:var(--font-medium)}.form-grid fieldset.form-grid-wide{grid-column:1/-1}.form-grid>.form-grid-wide{grid-column:1/-1}.required-marker{color:var(--color-danger);font-weight:var(--font-bold)}.form-error{display:none;margin-top:var(--space-1);color:var(--color-danger);font-size:var(--font-xs);font-weight:var(--font-medium);line-height:1.35}.form-error-slot{display:block;min-height:calc(var(--font-xs) * 1.35 + var(--space-1))}.password-error-slot{min-height:calc(var(--font-xs) * 1.35 + var(--space-1))}.form-error.visible{display:block}.form-warning{display:none;margin-top:var(--space-1);color:var(--color-warning-text);font-size:var(--font-xs);font-weight:var(--font-medium);line-height:1.35}.form-warning.visible{display:block}.form-server-errors{margin:0 0 var(--space-3);padding:var(--space-3);color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);font-size:var(--font-small);line-height:1.4}.form-server-errors p{margin:0}.validated-form input.validation-visible:invalid,.validated-form select.validation-visible:invalid,.validated-form textarea.validation-visible:invalid,.validated-form .is-invalid.validation-visible,.validated-form.was-submitted input:invalid,.validated-form.was-submitted select:invalid,.validated-form.was-submitted textarea:invalid,.validated-form.was-submitted .is-invalid{border-color:var(--color-danger);background:var(--color-danger-bg)}.validated-form input.is-warning,.validated-form select.is-warning,.validated-form textarea.is-warning{border-color:var(--color-warning);background:var(--color-warning-bg)}.validated-form label:has(input.validation-visible:invalid)>.form-error,.validated-form label:has(select.validation-visible:invalid)>.form-error,.validated-form label:has(textarea.validation-visible:invalid)>.form-error,.validated-form label:has(.is-invalid.validation-visible)>.form-error,.validated-form label:has(input.validation-visible:invalid)>.form-error-slot>.form-error,.validated-form label:has(select.validation-visible:invalid)>.form-error-slot>.form-error,.validated-form label:has(textarea.validation-visible:invalid)>.form-error-slot>.form-error,.validated-form label:has(.is-invalid.validation-visible)>.form-error-slot>.form-error{display:block}.validated-form.was-submitted label:has(input:invalid)>.form-error,.validated-form.was-submitted label:has(select:invalid)>.form-error,.validated-form.was-submitted label:has(textarea:invalid)>.form-error,.validated-form.was-submitted label:has(.is-invalid)>.form-error,.validated-form.was-submitted label:has(input:invalid)>.form-error-slot>.form-error,.validated-form.was-submitted label:has(select:invalid)>.form-error-slot>.form-error,.validated-form.was-submitted label:has(textarea:invalid)>.form-error-slot>.form-error,.validated-form.was-submitted label:has(.is-invalid)>.form-error-slot>.form-error{display:block}.form-grid .form-action-row{grid-column:1/-1;display:flex;justify-content:flex-start;gap:var(--space-3)}.form-grid .form-action-row .button-primary{margin-left:auto}.table-input{width:66px;height:34px;padding:0 var(--space-2);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-small)}.task-description-input{width:100%;min-height:220px;resize:vertical;padding:var(--space-4);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font:inherit;font-size:var(--font-table);line-height:1.55;outline:none}.task-description-input:focus{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);outline:none}.task-description-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.message-input textarea{width:100%;min-height:84px;resize:vertical;padding:var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font:inherit;font-size:var(--font-table);outline:none}.message-input textarea:focus{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);outline:none}@media(max-width:1100px){.filters,.users-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.filters,.email-filters,.users-filters,.deal-filters{grid-template-columns:1fr}.filters app-search-field{grid-column:1/-1;min-width:0}}.table-wrap{overflow-x:auto}table{width:100%;min-width:980px;border-collapse:collapse}.clients-table{min-width:1180px}.contacts-table{min-width:1220px}.potential-clients-table{min-width:1240px}.users-table{min-width:1180px}.tasks-table{min-width:0;table-layout:fixed}.tasks-table .task-subject-cell{width:auto}.tasks-table .task-user-cell{width:28%}.tasks-table .task-date-cell{width:172px}.tasks-table .actions-column,.tasks-table .row-actions{width:136px;padding-left:var(--space-2)}.tasks-table .task-title-button,.tasks-table .task-user-cell,.tasks-table .task-date-cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-table .task-title-button{max-width:100%;display:inline-block;vertical-align:middle}.time-table{min-width:920px}th,td{height:52px;padding:0 var(--space-4);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;font-size:var(--font-table)}th{height:44px;color:var(--color-text-muted);background:var(--color-bg);font-size:var(--font-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.03em}tbody tr{transition:background .16s ease}tbody tr:hover{background:var(--color-bg)}tbody tr:last-child td{border-bottom:0}.checkbox-column{width:48px;padding-right:0}input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.sortable{display:inline-flex;align-items:center;gap:var(--space-1)}.sort-button{padding:0;color:inherit;background:transparent;border:0;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.sort-button:hover{color:var(--color-primary)}.sort-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.table-sort-button{display:inline-flex;align-items:center;gap:var(--space-1);padding:0;color:inherit;background:transparent;border:0;font:inherit;letter-spacing:inherit;text-align:inherit;text-transform:inherit;cursor:pointer}.table-sort-button:hover{color:var(--color-primary)}.table-sort-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.numeric-cell{text-align:right}.numeric-cell .table-sort-button{justify-content:flex-end}.sortable:after{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='m7 10 5-5 5 5H7Zm10 4-5 5-5-5h10Z'/%3E%3C/svg%3E") center/12px 12px no-repeat;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='m7 10 5-5 5 5H7Zm10 4-5 5-5-5h10Z'/%3E%3C/svg%3E") center/12px 12px no-repeat}.client-link,.record-link{color:var(--color-primary);font-weight:var(--font-semibold);text-decoration:none}.client-link:hover,.record-link:hover{text-decoration:underline}.table-subtext{display:block;margin-top:3px;color:var(--color-text-muted);font-size:var(--font-xs);line-height:1.25}.tag-cell{vertical-align:middle}.table-tags{max-width:220px;flex-wrap:nowrap;align-items:center;gap:var(--space-1);margin-top:0;overflow:visible}.table-tags span{max-width:120px;min-height:22px;padding-inline:var(--space-2);color:var(--color-text);background:color-mix(in srgb,var(--tag-color, var(--color-text-muted)) 9%,var(--color-surface));border-color:var(--tag-color, var(--color-border));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-tags .tag-chip-full{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.tag-overflow{position:relative}.tag-overflow summary{min-height:22px;display:inline-flex;align-items:center;padding:0 var(--space-2);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);font-size:var(--font-xs);font-weight:var(--font-semibold);cursor:pointer;list-style:none}.tag-overflow summary::-webkit-details-marker{display:none}.tag-overflow-panel{position:absolute;z-index:20;top:calc(100% + var(--space-1));right:0;width:max-content;max-width:320px;display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.actions-column,.row-actions{text-align:right}.row-actions{position:relative;white-space:nowrap}.row-actions .icon-button{display:inline-grid;place-items:center;vertical-align:middle}.row-actions app-confirm-delete-button{display:inline-flex;vertical-align:middle}.row-actions app-icon-button+app-icon-button,.row-actions app-icon-button+button.icon-button,.row-actions app-icon-button+app-confirm-delete-button,.row-actions button.icon-button+app-icon-button,.row-actions button.icon-button+button.icon-button,.row-actions button.icon-button+app-confirm-delete-button{margin-left:var(--space-1)}.table-footer{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.table-footer p{margin:0;color:var(--color-text-muted);font-size:var(--font-small)}.table-footer .list-pager{padding-top:0;margin-top:0;border-top:0}.deals-table,.manager-table{min-width:980px}.avatar{width:32px;height:32px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:var(--radius-pill);color:var(--color-on-primary);font-size:var(--font-xs);font-weight:var(--font-semibold)}.avatar-small{width:24px;height:24px;font-size:10px}.avatar-blue{background:var(--color-primary)}.avatar-amber{background:var(--color-avatar-amber)}.avatar-slate{background:var(--color-status-muted-text)}.avatar-green{background:var(--color-success)}.badge{height:24px;display:inline-flex;align-items:center;padding:0 10px;border-radius:var(--radius-pill);font-size:var(--font-xs);font-weight:var(--font-semibold)}.status-success{color:var(--color-success-text);background:var(--color-success-bg)}.status-info{color:var(--color-info-text);background:var(--color-info-bg)}.status-warning{color:var(--color-warning-text);background:var(--color-warning-bg)}.status-danger{color:var(--color-danger-text);background:var(--color-danger-bg)}.status-muted{color:var(--color-status-muted-text);background:var(--color-surface-muted)}.task-source-client{color:var(--color-success-text);background:var(--color-success-bg)}.task-source-deal{color:var(--color-info-text);background:var(--color-info-bg)}.owner{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.fit-indicator{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-weight:var(--font-medium)}.fit-indicator:before{content:"";width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-warning)}.fit-high{color:var(--color-success-text)}.fit-high:before{background:var(--color-success)}.fit-low{color:var(--color-danger-text)}.fit-low:before{background:var(--color-danger)}.badge-stack{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1)}.color-token{width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:var(--space-2);border:2px solid var(--color-surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-ring-border)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.tag-list span{min-height:26px;display:inline-flex;align-items:center;padding:0 10px;color:var(--color-text-muted);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--font-xs);font-weight:var(--font-semibold)}.segmented-control,.state-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.state-actions{flex-direction:column;align-items:stretch;margin-top:var(--space-4)}.state-actions .button{justify-content:flex-start;width:100%;border-width:1px;font-weight:var(--font-semibold)}.state-action-success{color:var(--color-success-text);background:var(--color-success-bg);border-color:var(--color-success-border)}.state-action-success:hover{background:var(--color-success-hover-bg)}.state-action-warning{color:var(--color-warning-text);background:var(--color-warning-bg);border-color:var(--color-warning-border)}.state-action-warning:hover{background:var(--color-warning-hover-bg)}.state-action-info{color:var(--color-info-text);background:var(--color-info-bg);border-color:var(--color-info-border)}.state-action-info:hover{background:var(--color-info-hover-bg)}.state-action-danger{color:var(--color-danger-text);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.state-action-danger:hover{background:var(--color-danger-border)}.state-action-muted{color:var(--color-status-muted-text);background:var(--color-surface-muted);border-color:var(--color-border-strong)}.state-action-muted:hover{background:var(--color-border)}.segmented-control button{height:32px;padding:0 var(--space-3);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:var(--font-semibold)}.segmented-control button.active{color:var(--color-primary);background:var(--color-primary-subtle);border-color:var(--color-primary-light)}.confirm-popover{position:absolute;right:0;top:42px;z-index:3;width:236px;display:grid;grid-template-columns:1fr auto;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-align:left}.confirm-popover p{grid-column:1/-1;margin:0;color:var(--color-text);font-size:var(--font-small);line-height:1.4}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:var(--space-5);background:var(--color-overlay-backdrop)}.email-dialog{width:min(760px,100%);max-height:min(760px,100dvh - 48px);overflow:auto;display:grid;gap:var(--space-5);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.task-dialog{width:var(--dialog-panel-width, min(820px, 100%));max-height:var(--dialog-panel-max-height, min(720px, 100dvh - 48px));overflow:auto;display:grid;gap:var(--dialog-panel-gap, var(--space-5));padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.dialog-header h2{margin:var(--space-1) 0 0;color:var(--color-text);font-size:var(--font-section-title);line-height:1.25}.email-dialog-meta{padding:var(--space-4);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md)}.email-dialog-body{padding:var(--space-4);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.email-dialog-body p{margin:0;font-size:var(--font-body);line-height:1.6}.email-dialog h3{margin:0 0 var(--space-3);color:var(--color-text);font-size:var(--font-card-title)}.task-dialog-layout{display:grid;grid-template-columns:minmax(240px,.42fr) minmax(0,1fr);gap:var(--space-4);align-items:start}.task-dialog-info,.task-dialog-description{display:grid;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md)}.task-dialog-description{background:var(--color-surface)}.task-dialog-description h3{margin:0;color:var(--color-text);font-size:var(--font-card-title)}.task-dialog-description p{margin:0;color:var(--color-text);font-size:var(--font-body);line-height:1.6}.attachment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.attachment-card{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md)}.attachment-card strong{min-width:0;color:var(--color-text);font-size:var(--font-small);font-weight:var(--font-semibold);overflow-wrap:anywhere}.attachment-card span{color:var(--color-text-muted);font-size:var(--font-small);line-height:1.4}.attachment-preview{width:44px;height:44px;display:grid;place-items:center;color:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.attachment-preview svg{width:22px;height:22px}.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}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--font-small)}.breadcrumbs a,.back-link,.info-list a{color:var(--color-primary);text-decoration:none}.breadcrumbs a:hover,.back-link:hover,.info-list a:hover{text-decoration:underline}.eyebrow{color:var(--color-text-muted);font-size:var(--font-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}