:root{--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--font-sans: Inter, "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs: .72rem;--text-sm: .8rem;--text-body: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-h3: 1rem;--text-h2: 1.125rem;--text-h1: clamp(1.35rem, 2vw, 1.65rem);--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-body: 1.55;--leading-relaxed: 1.62;--transition-fast: .15s ease;--transition-base: .2s ease;--ui-font-family: var(--font-sans);--control-height: 2.75rem}:root,html[data-theme=light]{--color-bg-app: #eef1f8;--color-bg-surface: #ffffff;--color-bg-surface-elevated: #ffffff;--color-bg-muted: #f4f6fb;--color-bg-subtle: #e8edf5;--color-overlay: rgba(15, 23, 42, .45);--color-text-primary: #121826;--color-text-secondary: #4a5568;--color-text-muted: #64748b;--color-text-disabled: #94a3b8;--color-text-inverse: #f8fafc;--color-border: #d8dee9;--color-border-subtle: #e8ecf4;--color-border-strong: #c5cedc;--color-primary: #2f6fed;--color-primary-hover: #2563eb;--color-primary-active: #1d4ed8;--color-primary-muted: rgba(47, 111, 237, .12);--color-focus-ring: rgba(47, 111, 237, .22);--color-success: #16a34a;--color-success-muted: rgba(22, 163, 74, .12);--color-warning: #d97706;--color-warning-muted: rgba(217, 119, 6, .12);--color-danger: #dc2626;--color-danger-muted: rgba(220, 38, 38, .1);--color-info: #2563eb;--color-info-muted: rgba(37, 99, 235, .1);--color-neutral: #64748b;--status-open-bg: rgba(37, 99, 235, .1);--status-open-border: rgba(37, 99, 235, .35);--status-open-text: #1d4ed8;--status-progress-bg: rgba(217, 119, 6, .12);--status-progress-border: rgba(217, 119, 6, .4);--status-progress-text: #b45309;--status-closed-bg: #f1f5f9;--status-closed-border: #cbd5e1;--status-closed-text: #475569;--status-resolved-bg: rgba(22, 163, 74, .1);--status-resolved-border: rgba(22, 163, 74, .35);--status-resolved-text: #15803d;--sla-on-track-dot: #22c55e;--sla-on-track-text: #15803d;--sla-due-soon-dot: #f59e0b;--sla-due-soon-text: #b45309;--sla-overdue-dot: #ef4444;--sla-overdue-text: #b91c1c;--sla-neutral-text: var(--color-text-muted);--shadow-soft: 0 8px 28px rgba(15, 23, 42, .07);--shadow-elevated: 0 12px 40px rgba(15, 23, 42, .1);--shadow-focus: 0 0 0 3px var(--color-focus-ring);--login-bg-gradient: linear-gradient(165deg, #e8edf6 0%, #f0f3fa 42%, #e4e9f2 100%);--login-card-shadow: var(--shadow-elevated);--login-panel-border: color-mix(in srgb, var(--color-primary) 18%, var(--color-border));--login-panel-accent: color-mix(in srgb, var(--color-primary) 10%, transparent);--login-panel-start: #e4e9f2;--login-panel-mid: #eef1f7;--login-panel-end: #e2e8f0;--login-panel-text: var(--color-text-primary);--login-mark: var(--color-text-muted);--login-copy: var(--color-text-secondary);--login-list-border: var(--color-border-subtle);--login-list-bg: var(--color-bg-muted);--login-list-text: var(--color-text-primary);--bg-canvas: var(--color-bg-app);--bg-subtle: var(--color-bg-subtle);--bg-overlay: var(--color-overlay);--surface: var(--color-bg-surface);--surface-muted: var(--color-bg-muted);--surface-hover: #eef2f9;--table-header: #f1f4fa;--table-row-hover: #f6f8fd;--field-bg: var(--color-bg-surface);--field-placeholder: var(--color-text-muted);--border-soft: var(--color-border-subtle);--border-strong: var(--color-border-strong);--border-dim: var(--color-border-subtle);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-muted);--text-muted: var(--color-text-muted);--brand: var(--color-primary);--brand-strong: var(--color-primary-hover);--brand-ink: #0f172a;--brand-ring: var(--color-focus-ring);--success-bg: #ecfdf5;--success-border: #a7f3d0;--success-text: #166534;--danger-bg: #fef2f2;--danger-border: #fecaca;--danger-text: #b91c1c;--state-bg: var(--color-bg-muted);--state-border: var(--color-border);--state-border-style: dashed;--header-border: var(--color-border-subtle);--header-bg: color-mix(in srgb, var(--color-bg-surface) 92%, transparent);--nav-bg: color-mix(in srgb, var(--color-bg-surface) 88%, var(--color-bg-muted));--brand-dot-ring: var(--color-primary-muted);--login-form-bg: var(--color-bg-surface);--input-focus-border: var(--color-primary);--input-focus-ring: var(--color-focus-ring);--badge-info-border: rgba(37, 99, 235, .35);--badge-info-bg: var(--color-primary-muted);--badge-info-text: #1e40af;--badge-neutral-border: var(--color-border);--badge-neutral-bg: var(--color-bg-muted);--badge-neutral-text: var(--color-text-secondary);--badge-warn-border: rgba(217, 119, 6, .45);--badge-warn-bg: var(--color-warning-muted);--badge-warn-text: var(--status-progress-text);--badge-success-border: rgba(22, 163, 74, .4);--badge-success-bg: var(--color-success-muted);--badge-success-text: var(--status-resolved-text);--badge-danger-border: rgba(220, 38, 38, .4);--badge-danger-bg: var(--color-danger-muted);--badge-danger-text: var(--sla-overdue-text);--focus-ring: var(--shadow-focus);--radius-xs: var(--radius-sm);--shadow-subtle: var(--shadow-soft);--shadow-button: 0 6px 16px rgba(47, 111, 237, .22);--shadow-panel: var(--shadow-soft);--surface-glow: rgba(255, 255, 255, .85);--nav-active-shadow: 0 8px 22px rgba(47, 111, 237, .18);--canvas-radial: rgba(47, 111, 237, .08);--canvas-grad-start: var(--color-bg-app);--canvas-grad-end: #e4e9f3;--accent: var(--color-primary);--accent-hover: var(--color-primary-hover);--primary: var(--color-primary);--success: var(--color-success);--danger: var(--color-danger);--border: var(--color-border);--auth-error: var(--color-danger);--auth-error-bg: transparent;--priority-low-bg: var(--badge-neutral-bg);--priority-low-text: var(--badge-neutral-text);--priority-medium-bg: var(--badge-info-bg);--priority-medium-text: var(--badge-info-text);--priority-high-bg: var(--badge-warn-bg);--priority-high-text: var(--badge-warn-text);--priority-critical-bg: var(--badge-danger-bg);--priority-critical-text: var(--badge-danger-text);--ui-badge-success-fg: var(--success-text);--ui-badge-success-bg: var(--badge-success-bg);--ui-badge-success-border: var(--badge-success-border);--ui-badge-warning-fg: var(--badge-warn-text);--ui-badge-warning-bg: var(--badge-warn-bg);--ui-badge-warning-border: var(--badge-warn-border);--ui-badge-danger-fg: var(--badge-danger-text);--ui-badge-danger-bg: var(--badge-danger-bg);--ui-badge-danger-border: var(--badge-danger-border);--ui-badge-neutral-fg: var(--color-text-secondary);--ui-badge-neutral-bg: color-mix(in srgb, var(--color-text-muted) 14%, transparent);--ui-badge-neutral-border: color-mix(in srgb, var(--color-text-muted) 35%, transparent);--msg-client-bg: #f8fafc;--msg-operator-bg: color-mix(in srgb, var(--color-primary) 8%, var(--color-bg-surface));--msg-internal-bg: color-mix(in srgb, var(--color-warning) 10%, var(--color-bg-muted));--notif-panel-shadow: var(--shadow-elevated);--notif-unread-bg: var(--color-bg-muted)}html[data-theme=dark]{--color-bg-app: #0f1117;--color-bg-surface: #161a22;--color-bg-surface-elevated: #1c212c;--color-bg-muted: #1a1f2a;--color-bg-subtle: #13161d;--color-overlay: rgba(0, 0, 0, .55);--color-text-primary: #e8eaef;--color-text-secondary: #a8b0c0;--color-text-muted: #7b8494;--color-text-disabled: #5c6575;--color-text-inverse: #0f1117;--color-border: #2a303c;--color-border-subtle: #232830;--color-border-strong: #363d4d;--color-primary: #4d8ff7;--color-primary-hover: #6ba3f9;--color-primary-active: #3b7ae8;--color-primary-muted: rgba(77, 143, 247, .14);--color-focus-ring: rgba(77, 143, 247, .28);--color-success: #4ade80;--color-success-muted: rgba(74, 222, 128, .12);--color-warning: #fbbf24;--color-warning-muted: rgba(251, 191, 36, .12);--color-danger: #f87171;--color-danger-muted: rgba(248, 113, 113, .12);--color-info: #60a5fa;--color-info-muted: rgba(96, 165, 250, .12);--color-neutral: #94a3b8;--status-open-bg: rgba(96, 165, 250, .14);--status-open-border: rgba(96, 165, 250, .4);--status-open-text: #93c5fd;--status-progress-bg: rgba(251, 191, 36, .12);--status-progress-border: rgba(251, 191, 36, .38);--status-progress-text: #fcd34d;--status-closed-bg: #252a36;--status-closed-border: #3d4454;--status-closed-text: #cbd5e1;--status-resolved-bg: rgba(74, 222, 128, .12);--status-resolved-border: rgba(74, 222, 128, .35);--status-resolved-text: #86efac;--sla-on-track-dot: #4ade80;--sla-on-track-text: #86efac;--sla-due-soon-dot: #fbbf24;--sla-due-soon-text: #fcd34d;--sla-overdue-dot: #f87171;--sla-overdue-text: #fca5a5;--sla-neutral-text: var(--color-text-muted);--shadow-soft: 0 8px 28px rgba(0, 0, 0, .35);--shadow-elevated: 0 16px 48px rgba(0, 0, 0, .45);--shadow-focus: 0 0 0 3px var(--color-focus-ring);--login-bg-gradient: linear-gradient(165deg, #0c0e14 0%, #12151d 45%, #0e1016 100%);--login-card-shadow: var(--shadow-elevated);--login-panel-border: color-mix(in srgb, var(--color-primary) 22%, var(--color-border));--login-panel-accent: color-mix(in srgb, var(--color-primary) 14%, transparent);--login-panel-start: #141820;--login-panel-mid: #1a1f2a;--login-panel-end: #12151d;--login-panel-text: var(--color-text-primary);--login-mark: var(--color-text-muted);--login-copy: var(--color-text-secondary);--login-list-border: var(--color-border);--login-list-bg: var(--color-bg-muted);--login-list-text: var(--color-text-primary);--bg-canvas: var(--color-bg-app);--bg-subtle: var(--color-bg-subtle);--bg-overlay: var(--color-overlay);--surface: var(--color-bg-surface);--surface-muted: var(--color-bg-muted);--surface-hover: #222831;--table-header: #1e232e;--table-row-hover: #252b38;--field-bg: #141820;--field-placeholder: var(--color-text-muted);--border-soft: var(--color-border-subtle);--border-strong: var(--color-border-strong);--border-dim: var(--color-border-subtle);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-muted);--text-muted: var(--color-text-muted);--brand: var(--color-primary);--brand-strong: var(--color-primary-hover);--brand-ink: #e8eaef;--brand-ring: var(--color-focus-ring);--success-bg: rgba(22, 101, 52, .25);--success-border: rgba(74, 222, 128, .35);--success-text: #bbf7d0;--danger-bg: rgba(127, 29, 29, .25);--danger-border: rgba(248, 113, 113, .35);--danger-text: #fecaca;--state-bg: #1a1f2a;--state-border: var(--color-border-strong);--state-border-style: solid;--header-border: var(--color-border);--header-bg: rgba(15, 17, 23, .88);--nav-bg: rgba(18, 21, 29, .92);--brand-dot-ring: var(--color-primary-muted);--login-form-bg: var(--color-bg-surface);--input-focus-border: var(--color-primary-hover);--input-focus-ring: var(--color-focus-ring);--badge-info-border: rgba(96, 165, 250, .4);--badge-info-bg: var(--color-info-muted);--badge-info-text: #bfdbfe;--badge-neutral-border: #3d4454;--badge-neutral-bg: #252a36;--badge-neutral-text: #cbd5e1;--badge-warn-border: rgba(251, 191, 36, .35);--badge-warn-bg: var(--color-warning-muted);--badge-warn-text: var(--status-progress-text);--badge-success-border: rgba(74, 222, 128, .35);--badge-success-bg: var(--color-success-muted);--badge-success-text: var(--status-resolved-text);--badge-danger-border: rgba(248, 113, 113, .35);--badge-danger-bg: var(--color-danger-muted);--badge-danger-text: #fecaca;--focus-ring: var(--shadow-focus);--shadow-subtle: var(--shadow-soft);--shadow-button: 0 8px 22px rgba(0, 0, 0, .35);--shadow-panel: var(--shadow-soft);--surface-glow: rgba(255, 255, 255, .04);--nav-active-shadow: 0 8px 24px rgba(77, 143, 247, .2);--canvas-radial: rgba(77, 143, 247, .1);--canvas-grad-start: var(--color-bg-app);--canvas-grad-end: #0c0e14;--accent: var(--color-primary);--accent-hover: var(--color-primary-hover);--primary: var(--color-primary);--success: var(--color-success);--danger: var(--color-danger);--border: var(--color-border);--auth-error: var(--color-danger);--auth-error-bg: transparent;--priority-low-bg: var(--badge-neutral-bg);--priority-low-text: var(--badge-neutral-text);--priority-medium-bg: var(--badge-info-bg);--priority-medium-text: var(--badge-info-text);--priority-high-bg: var(--badge-warn-bg);--priority-high-text: var(--badge-warn-text);--priority-critical-bg: var(--badge-danger-bg);--priority-critical-text: var(--badge-danger-text);--ui-badge-success-fg: var(--badge-success-text);--ui-badge-success-bg: var(--badge-success-bg);--ui-badge-success-border: var(--badge-success-border);--ui-badge-warning-fg: var(--badge-warn-text);--ui-badge-warning-bg: var(--badge-warn-bg);--ui-badge-warning-border: var(--badge-warn-border);--ui-badge-danger-fg: var(--badge-danger-text);--ui-badge-danger-bg: var(--badge-danger-bg);--ui-badge-danger-border: var(--badge-danger-border);--ui-badge-neutral-fg: var(--color-text-secondary);--ui-badge-neutral-bg: color-mix(in srgb, var(--color-text-muted) 18%, transparent);--ui-badge-neutral-border: color-mix(in srgb, var(--color-text-muted) 40%, transparent);--msg-client-bg: #1c212c;--msg-operator-bg: color-mix(in srgb, var(--color-primary) 12%, var(--color-bg-surface));--msg-internal-bg: color-mix(in srgb, var(--color-warning) 14%, var(--color-bg-muted));--notif-panel-shadow: var(--shadow-elevated);--notif-unread-bg: var(--color-bg-muted)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at top,var(--canvas-radial),transparent 36%),linear-gradient(180deg,var(--canvas-grad-start) 0%,var(--canvas-grad-end) 100%);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body);line-height:1.58;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .18s ease,color .18s ease}h1,h2,h3{line-height:1.2;letter-spacing:-.015em}h1{font-size:24px;font-weight:600}h2{font-size:18px;font-weight:600}h3{font-size:16px;font-weight:600}small{font-size:12px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{display:flex;min-height:100vh;flex-direction:column}.shell-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--header-border);background:var(--header-bg);padding:1.05rem 1.7rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--surface-glow);transition:background-color .18s ease,border-color .18s ease}.shell-brand{display:flex;align-items:center;gap:.8rem}.brand-dot{height:11px;width:11px;border-radius:999px;background:var(--brand);box-shadow:0 0 0 6px var(--brand-dot-ring)}.shell-logo{font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-ink)}.shell-tagline{margin-top:.24rem;color:var(--text-tertiary);font-size:.69rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.shell-mode-platform .nav-item.active{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--border-soft));background:var(--color-primary-muted)}.shell-mode-tenant .nav-item.active{border-color:color-mix(in srgb,var(--color-primary) 38%,var(--border-soft));background:var(--color-primary-muted)}.shell-body-single{grid-template-columns:1fr}.shell-body-single .shell-main{max-width:720px;margin:0 auto;width:100%}.shell-header-right{display:flex;align-items:center;gap:.75rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border:1px solid var(--border-strong);border-radius:999px;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-muted) 100%);color:var(--text-secondary);font-size:.92rem;line-height:1;box-shadow:inset 0 1px 0 var(--surface-glow)}.theme-toggle:hover{background:var(--surface-hover);transform:translateY(-1px)}.theme-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tenant-pill{border:1px solid var(--border-soft);border-radius:999px;background:var(--bg-subtle);padding:.5rem .88rem;color:var(--text-secondary);font-size:.76rem;font-weight:600;letter-spacing:.03em;white-space:nowrap;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.shell-logout{border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--text-secondary);padding:.52rem .98rem;font-size:.76rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.shell-body{display:grid;grid-template-columns:252px minmax(0,1fr);flex:1}.shell-nav{border-right:1px solid var(--border-soft);background:var(--nav-bg);padding:1.45rem 1rem;transition:background-color .18s ease,border-color .18s ease}.nav-item{width:100%;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;margin-bottom:.5rem;padding:.74rem .9rem;text-align:left;color:var(--text-secondary);font-size:.79rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.nav-item:hover{background:var(--surface-hover);border-color:var(--border-soft)}.nav-item.active{border-color:color-mix(in srgb,var(--color-primary) 42%,var(--border-soft));background:var(--color-primary-muted);color:var(--brand-ink);box-shadow:var(--nav-active-shadow)}.shell-main{padding:2.3rem clamp(1.2rem,4vw,2.8rem)}.page-wrap{margin:0 auto;width:100%;max-width:1140px}.page-header{margin-bottom:1.55rem}.page-eyebrow{margin:0 0 .45rem;color:var(--brand-strong);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.page-title{margin:0;font-size:clamp(1.48rem,2.4vw,2.06rem);line-height:1.15;letter-spacing:-.01em}.page-description{margin:.62rem 0 0;max-width:72ch;color:var(--text-secondary);line-height:1.62}.surface{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-panel);transition:background-color .18s ease,border-color .18s ease}.surface-pad{padding:1.28rem 1.35rem}.ui-card{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-xl);box-shadow:var(--shadow-panel)}.ui-btn{border:1px solid transparent;border-radius:var(--radius-md);min-height:44px;padding:0 var(--space-lg);font-size:.86rem;font-weight:600;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.ui-btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.ui-btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn-secondary{background:var(--surface-muted);border-color:var(--border-soft);color:var(--text-primary)}.ui-btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.ui-input{width:100%;min-height:44px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--field-bg);padding:0 var(--space-md);color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.ui-input:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--focus-ring)}.ui-badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid transparent;padding:.2rem .56rem;font-size:.72rem;font-weight:600}.ui-badge-success{color:var(--ui-badge-success-fg);background:var(--ui-badge-success-bg);border-color:var(--ui-badge-success-border)}.ui-badge-warning{color:var(--ui-badge-warning-fg);background:var(--ui-badge-warning-bg);border-color:var(--ui-badge-warning-border)}.ui-badge-danger{color:var(--ui-badge-danger-fg);background:var(--ui-badge-danger-bg);border-color:var(--ui-badge-danger-border)}.ui-badge-neutral{color:var(--ui-badge-neutral-fg);background:var(--ui-badge-neutral-bg);border-color:var(--ui-badge-neutral-border)}.ui-section-header{margin-bottom:var(--space-lg)}.ui-section-title{margin:0;font-size:18px;font-weight:600}.ui-section-subtitle{margin:var(--space-sm) 0 0;color:var(--text-secondary);font-size:var(--text-sm)}.btn{border:1px solid transparent;border-radius:var(--radius-sm);min-height:var(--control-height);padding:.66rem 1.08rem;font-size:.77rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;cursor:pointer}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-button)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{border-color:var(--border-strong);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-muted) 100%);color:var(--text-secondary);box-shadow:inset 0 1px 0 var(--surface-glow)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);transform:translateY(-1px)}.btn-link{min-height:2rem;border:none;background:transparent;padding:.08rem 0;color:var(--brand-strong);letter-spacing:.04em;font-size:.75rem;text-transform:uppercase}.btn-link:hover:not(:disabled){color:var(--brand)}.btn:disabled{opacity:.54;cursor:not-allowed;box-shadow:none}.btn:active:not(:disabled){transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.field{margin-bottom:1rem}.field-label{display:block;margin-bottom:.4rem;color:var(--text-secondary);font-size:.77rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field-hint{margin-top:.35rem;color:var(--text-tertiary);font-size:.77rem;line-height:1.45}.slug-hint-line{display:block;margin-top:var(--space-xs);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--text-muted)}.slug-hint-status--muted{color:var(--text-muted)}.slug-hint-status--success{color:var(--color-success)}.slug-hint-status--danger{color:var(--color-danger)}.slug-hint-email{display:block;margin-top:var(--space-xs);font-size:var(--text-xs);line-height:var(--leading-body);color:var(--text-muted)}.slug-suggestions{margin-top:calc(-1 * var(--space-sm));margin-bottom:var(--space-md);font-size:var(--text-body);line-height:var(--leading-relaxed)}.slug-suggestions__label{color:var(--text-muted)}.slug-suggestion-btn{display:inline-flex;align-items:center;margin:0 var(--space-sm) var(--space-xs) 0;padding:2px var(--space-sm);font-size:var(--text-sm);font-family:inherit;color:var(--color-primary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.slug-suggestion-btn:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border));background:var(--color-primary-muted);color:var(--color-primary-hover)}.slug-suggestion-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.field-control{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--field-bg) 0%,color-mix(in srgb,var(--field-bg) 90%,var(--surface-muted) 10%) 100%);min-height:var(--control-height);padding:.7rem .84rem;color:var(--text-primary);box-shadow:inset 0 1px 0 var(--surface-glow)}.field-control:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--focus-ring)}.field-control::placeholder{color:var(--field-placeholder)}select.field-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-tertiary) 50%),linear-gradient(135deg,var(--text-tertiary) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.2rem;color-scheme:light}select.field-control option,select.field-control optgroup{background:var(--field-bg);color:var(--text-primary)}select.field-control:disabled,select.field-control option:disabled{color:var(--text-tertiary)}[data-theme=dark] select.field-control{color-scheme:dark}.banner{border-radius:var(--radius-sm);border:1px solid transparent;margin-bottom:1rem;padding:.75rem .9rem;font-size:.84rem;line-height:1.5}.error-banner{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.success-banner{border-color:var(--success-border);background:var(--success-bg);color:var(--success-text)}.warn-banner{border-color:var(--badge-warn-border);background:var(--badge-warn-bg);color:var(--badge-warn-text)}.session-expiry-toast{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin:.55rem auto .35rem;max-width:min(960px,calc(100% - 2.4rem));padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-bg-muted) 88%,var(--color-bg-surface) 12%);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);box-shadow:var(--shadow-soft)}.session-expiry-toast__text{margin:0;flex:1}.session-expiry-toast__close{flex-shrink:0;margin:-2px -4px 0 0;padding:2px 8px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-size:1.15rem;line-height:1;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.session-expiry-toast__close:hover{color:var(--text-primary);background:color-mix(in srgb,var(--color-text-muted) 10%,transparent)}.session-expiry-toast__close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.state-card{border:1px var(--state-border-style) var(--state-border);border-radius:var(--radius-md);background:var(--state-bg);padding:2.15rem 1.5rem;text-align:center;color:var(--text-secondary);box-shadow:inset 0 1px 0 var(--surface-glow)}.state-title{margin:0 0 .35rem;color:var(--text-primary);font-size:1rem;font-weight:700}.state-copy{margin:0}.login-container{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,3rem);background:var(--login-bg-gradient)}.login-shell{display:grid;gap:1.2rem;width:min(1080px,100%);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.login-brand-panel{border:1px solid var(--login-panel-border);border-radius:var(--radius-lg);background:radial-gradient(circle at top left,var(--login-panel-accent),transparent 45%),linear-gradient(150deg,var(--login-panel-start) 0%,var(--login-panel-mid) 50%,var(--login-panel-end) 100%);color:var(--login-panel-text);padding:clamp(1.6rem,3.4vw,2.3rem);box-shadow:var(--shadow-soft)}.login-mark{margin-bottom:1.2rem;color:var(--login-mark);font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.login-brand-title{margin:0;max-width:20ch;font-size:clamp(1.5rem,2.9vw,2.3rem);line-height:1.18}.login-brand-copy{margin:.9rem 0 0;max-width:52ch;color:var(--login-copy);line-height:1.65}.login-brand-list{list-style:none;margin:1.35rem 0 0;padding:0;display:grid;gap:.65rem}.login-brand-list li{border:1px solid var(--login-list-border);border-radius:var(--radius-sm);background:var(--login-list-bg);padding:.78rem .88rem;color:var(--login-list-text);font-size:.9rem}.login-form-card{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--login-form-bg);padding:clamp(1.5rem,3vw,2rem);box-shadow:var(--login-card-shadow);display:flex;flex-direction:column}.login-form-card-auth{width:min(100%,410px)}.login-headline{margin:0;font-size:clamp(1.45rem,2.1vw,1.7rem);font-weight:650;line-height:1.15;letter-spacing:-.02em}.login-subtitle{margin:.62rem 0 1.35rem;color:color-mix(in srgb,var(--text-secondary) 80%,var(--text-tertiary) 20%);font-size:.92rem;line-height:1.55}.password-guidance{margin:.2rem 0 1rem;color:var(--text-tertiary);font-size:.8rem}.secure-note{margin-top:1.35rem;color:var(--text-tertiary);font-size:.8rem;line-height:1.5}.auth-actions{display:flex;flex-direction:column;align-items:stretch;gap:.85rem;margin-top:.45rem}.auth-actions .ui-btn-primary{width:100%;min-height:2.9rem;border-radius:var(--radius-md)}.auth-secondary-action{align-self:center;min-height:auto;padding:.12rem .2rem;margin:.2rem 0 0;font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:none;color:color-mix(in srgb,var(--text-secondary) 88%,var(--brand) 12%);border-radius:999px;text-decoration:none}.auth-secondary-action:hover:not(:disabled){color:var(--text-primary);text-decoration:underline;background:transparent}.auth-secondary-action:focus-visible{outline:none;box-shadow:var(--focus-ring)}.session-expired-note{border:1px solid var(--border-soft);border-radius:10px;background:color-mix(in srgb,var(--surface-muted) 86%,var(--surface) 14%);color:var(--text-secondary);padding:.72rem .8rem;margin-bottom:.9rem;font-size:.84rem}.auth-error-text{margin:-.2rem 0 0;color:var(--auth-error);font-size:var(--text-sm);line-height:1.45}.auth-info-text{margin:-.2rem 0 .4rem;color:var(--text-secondary);font-size:.82rem}.login-form-card .field{margin-bottom:1.1rem}.login-form-card .field-label{margin-bottom:.45rem;font-size:.72rem;letter-spacing:.08em}.login-form-card .ui-input{min-height:2.95rem;border-radius:10px;border-color:color-mix(in srgb,var(--border-strong) 72%,var(--border-soft) 28%);box-shadow:none}.login-form-card .ui-input::placeholder{color:color-mix(in srgb,var(--field-placeholder) 84%,var(--text-tertiary) 16%)}.login-form-card .ui-input:focus{border-color:color-mix(in srgb,var(--brand-strong) 58%,var(--input-focus-border) 42%);box-shadow:0 0 0 3px color-mix(in srgb,var(--input-focus-ring) 75%,transparent 25%)}.login-form-card .secure-note{margin-top:1rem;text-align:center;font-size:.76rem}.overview-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.5rem}.metric-card{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);padding:1.15rem 1.1rem;min-height:126px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow-subtle)}.metric-label{margin:0;color:var(--text-tertiary);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.metric-value{margin:.55rem 0 0;color:var(--brand-ink);font-size:clamp(1.55rem,2.65vw,2.2rem);font-weight:750;line-height:1.08}.metric-help{margin:.38rem 0 0;color:var(--text-secondary);font-size:.82rem}.overview-context{display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr))}.context-item{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-muted);padding:1rem}.context-label{margin:0;color:var(--text-tertiary);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.context-value{margin:.48rem 0 0;color:var(--text-primary);font-weight:600;word-break:break-word;line-height:1.42}.table-card{overflow:hidden;border-radius:calc(var(--radius-md) + 2px)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;background:var(--surface)}.data-table th,.data-table td{border-bottom:1px solid var(--border-dim);padding:.88rem 1rem;text-align:left;vertical-align:middle}.data-table th{background:var(--table-header);color:var(--text-tertiary);font-size:.75rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;position:sticky;top:0;z-index:1}.data-table td{color:var(--text-primary);font-size:.88rem;line-height:1.45}.data-table tbody tr:hover{background:var(--table-row-hover)}.data-table tbody tr.tr-clickable{cursor:pointer}.data-table tbody tr:last-child td{border-bottom:none}.cell-mono{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.79rem}.badge{display:inline-flex;align-items:center;border:1px solid transparent;border-radius:999px;padding:.22rem .62rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.badge-active,.badge-open{border-color:var(--badge-info-border);background:var(--badge-info-bg);color:var(--badge-info-text)}.badge-inactive,.badge-closed,.badge-unknown,.badge-neutral{border-color:var(--badge-neutral-border);background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}.badge-in_progress,.badge-attention{border-color:var(--badge-warn-border);background:var(--badge-warn-bg);color:var(--badge-warn-text)}.badge-resolved{border-color:var(--badge-success-border);background:var(--badge-success-bg);color:var(--badge-success-text)}.priority-low{border-color:var(--badge-neutral-border);background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}.priority-medium{border-color:var(--badge-info-border);background:var(--badge-info-bg);color:var(--badge-info-text)}.priority-high{border-color:var(--badge-warn-border);background:var(--badge-warn-bg);color:var(--badge-warn-text)}.priority-critical{border-color:var(--badge-danger-border);background:var(--badge-danger-bg);color:var(--badge-danger-text)}.tickets-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1.1rem}.filters{display:grid;gap:1rem;margin-bottom:1.15rem;grid-template-columns:repeat(2,minmax(0,260px))}.create-form,.ticket-detail{margin-bottom:1.15rem}.ticket-workspace{padding:1.4rem}.ticket-workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.ticket-workspace-title{margin-top:.25rem;margin-bottom:.45rem;font-size:clamp(1.35rem,2.1vw,1.9rem)}.ticket-meta-line{margin:0;color:var(--text-secondary);font-size:.9rem}.ticket-meta-badges{margin-top:.55rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ticket-created-time{color:var(--text-tertiary);font-size:.8rem}.ticket-workspace-layout{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) 320px}.ticket-conversation-column{min-width:0}.ticket-context-column{display:grid;gap:.75rem;align-content:start}.ticket-context-field{margin-top:.55rem;margin-bottom:0}.ticket-context-save{margin-top:.4rem;width:100%}.conversation-thread{gap:.65rem}.conversation-message{border-left:4px solid color-mix(in srgb,var(--color-primary) 50%,transparent);background:var(--surface);box-shadow:var(--shadow-subtle);padding:var(--space-lg) 1.05rem}.conversation-message-cliente{background:var(--msg-client-bg)}.conversation-message-operador{background:var(--msg-operator-bg)}.conversation-message-grouped{margin-top:-.15rem}.premium-conversation{margin-top:1rem}.premium-composer{margin-top:.9rem;border-top:1px solid var(--border-dim);padding-top:.9rem}.conversation-attachments{margin-top:.9rem}.conversation-attachments .attachments-list{margin-top:.3rem}.conversation-attachments .attachment-item{justify-content:space-between;gap:.6rem}.conversation-skeleton-list{display:grid;gap:.65rem}.conversation-skeleton{height:84px;border-radius:var(--radius-sm);background:linear-gradient(90deg,color-mix(in srgb,var(--surface-muted) 78%,transparent 22%),color-mix(in srgb,var(--surface-hover) 88%,transparent 12%),color-mix(in srgb,var(--surface-muted) 78%,transparent 22%));background-size:220% 100%;animation:skeleton-slide 1.15s ease-in-out infinite}.conversation-skeleton-short{width:84%}@keyframes skeleton-slide{0%{background-position:100% 0}to{background-position:-100% 0}}.ticket-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;margin-bottom:.85rem}.ticket-detail-summary{display:grid;gap:.75rem;margin-bottom:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.ticket-summary-item{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-muted);padding:.72rem .8rem}.ticket-summary-label{display:block;margin-bottom:.4rem;color:var(--text-tertiary);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ticket-summary-value{color:var(--text-primary);font-size:.92rem;font-weight:600}.email-reply-hint{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-muted);padding:.72rem .88rem;margin-bottom:.92rem}.email-reply-title{margin:0;color:var(--text-primary);font-size:.79rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.email-reply-copy{margin:.3rem 0 0;color:var(--text-secondary);font-size:.87rem}.ticket-description{margin:.95rem 0;color:var(--text-secondary);white-space:pre-wrap;line-height:1.6}.assign-section{display:flex;align-items:flex-end;gap:.7rem;margin:1.15rem 0}.assign-section .field{margin:0;flex:1}.comments-list{list-style:none;margin:.65rem 0 0;padding:0;display:grid;gap:.8rem}.comment-item{border:1px solid var(--border-soft);border-left:3px solid var(--brand);border-radius:var(--radius-sm);background:var(--surface);padding:.78rem .9rem}.comment-item-internal{border-left-color:color-mix(in srgb,var(--badge-warn-text) 75%,var(--color-primary) 25%);background:var(--msg-internal-bg)}.comment-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.comment-author{margin:0;font-size:.9rem;font-weight:700;color:var(--text-primary)}.comment-author-row{display:flex;align-items:center;gap:.5rem}.comment-avatar{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border-radius:999px;border:1px solid var(--border-soft);background:var(--surface-muted);color:var(--text-secondary);font-size:.68rem;font-weight:700}.comment-tags{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.btn,.field-control,.banner,.state-card,.metric-card,.context-item,.data-table th,.data-table td,.nav-item,.tenant-pill,.theme-toggle,.shell-logout,.login-form-card{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.comment-meta{margin:.12rem 0 0;color:var(--text-tertiary);font-size:.8rem}.comment-content{margin:.65rem 0 0;color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;max-width:650px;font-size:.95rem;line-height:1.62}.comment-context-label{margin:0 0 .35rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.comment-empty-body{color:var(--text-tertiary);font-style:italic}.comment-source{margin:.25rem 0 0;color:var(--text-tertiary);font-size:.78rem}.comment-email{margin:.2rem 0 0;color:var(--text-tertiary);font-size:.76rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.conversation-scroll-region{max-height:min(62vh,760px);overflow:auto;padding-right:.3rem}.message-attachments{margin-top:.7rem;border-top:1px solid var(--border-dim);padding-top:.55rem}.message-attachments-title{margin:0 0 .4rem;color:var(--text-secondary);font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.message-trace-toggle{margin-top:.45rem}.message-trace{margin-top:.35rem;border:1px solid var(--border-soft);border-radius:var(--radius-xs);background:var(--surface-muted);padding:.52rem .62rem}.message-trace p{margin:.1rem 0;color:var(--text-tertiary);font-size:.76rem;line-height:1.58}.comment-footnote{margin:.55rem 0 0;color:var(--text-tertiary);font-size:.78rem}.comment-form{display:grid;gap:.55rem;margin-top:.7rem}.comment-form .field{margin:0}.comment-visibility-field{max-width:280px}.access-restricted-card{text-align:left}.access-restricted-card .btn-primary{margin-top:1rem}.section-title{margin:0 0 .58rem;font-size:1.02rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.section-lead{margin-top:0;margin-bottom:1rem}.platform-section{margin-top:1.4rem}.platform-recent-list{list-style:none;margin:0;padding:0}.platform-recent-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border-dim);padding:.86rem 0}.platform-recent-list li:last-child{border-bottom:none}.platform-recent-name{margin:0;font-weight:600;color:var(--text-primary)}.platform-recent-meta{margin:.24rem 0 0;font-size:.8rem;color:var(--text-tertiary)}.platform-recent-right{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}.platform-recent-date{font-size:.75rem;color:var(--text-tertiary)}.state-card-inline{text-align:left;padding:1.2rem 1.1rem}.tenant-context-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tenant-overview-context{margin-top:1.35rem}.decision-metrics-grid{margin-bottom:1.7rem}.decision-metric-urgent{border-color:color-mix(in srgb,var(--danger-border) 78%,var(--border-soft) 22%);background:color-mix(in srgb,var(--danger-bg) 22%,var(--surface) 78%)}.decision-metric-process{border-color:color-mix(in srgb,var(--badge-warn-border) 75%,var(--border-soft) 25%);background:color-mix(in srgb,var(--badge-warn-bg) 18%,var(--surface) 82%)}.overview-zone{margin-top:1.15rem}.overview-zone-urgent{border-color:color-mix(in srgb,var(--danger-border) 72%,var(--border-soft) 28%)}.overview-zone-process{border-color:color-mix(in srgb,var(--badge-warn-border) 62%,var(--border-soft) 38%)}.overview-zone-recent{border-color:color-mix(in srgb,var(--success-border) 72%,var(--border-soft) 28%)}.decision-callout-title{margin:0;font-size:1.02rem;font-weight:700;color:var(--text-primary)}.decision-callout-copy{margin:.48rem 0 1rem;color:var(--text-secondary)}.context-item-wide{grid-column:1 / -1}.inline-code{padding:.12rem .35rem;border-radius:6px;background:var(--surface-muted);border:1px solid var(--border-soft);font-size:.82rem}.ops-checklist{margin:.5rem 0 0;padding-left:1.2rem;color:var(--text-secondary)}.ops-checklist li{margin-bottom:.56rem}.admin-section{margin-bottom:1.65rem}.form-section-title{margin:0 0 .75rem;font-size:.95rem;font-weight:700}.platform-attention-banner{margin-top:1rem}@media(max-width:1040px){.login-shell,.shell-body{grid-template-columns:1fr}.shell-nav{display:flex;gap:.5rem;border-right:none;border-bottom:1px solid var(--border-soft);padding:.9rem;overflow:auto}.nav-item{width:auto;min-width:max-content;margin-bottom:0}.shell-header,.shell-main{padding-inline:1rem}.overview-grid,.overview-context,.filters{grid-template-columns:1fr}.assign-section,.comment-form{flex-direction:column;align-items:stretch}.ticket-workspace-layout{grid-template-columns:1fr}}.attachments-section{margin-top:16px}.attachments-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}.attachment-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:6px}.attachment-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:underline;padding:0;text-align:left}.attachment-link:hover{color:var(--accent-hover)}.attachment-meta{font-size:.75rem;color:var(--text-tertiary)}.attachment-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.attachment-tag{font-size:.75rem;padding:3px 8px;background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:4px;color:var(--text-secondary)}.sla-indicator{display:inline-flex;align-items:center;gap:5px;font-size:.8125rem;font-weight:500}.sla-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sla-green .sla-dot{background:var(--sla-on-track-dot)}.sla-green{color:var(--sla-on-track-text)}.sla-amber .sla-dot{background:var(--sla-due-soon-dot)}.sla-amber{color:var(--sla-due-soon-text)}.sla-red .sla-dot{background:var(--sla-overdue-dot)}.sla-red{color:var(--sla-overdue-text)}.sla-neutral{color:var(--sla-neutral-text)}.view-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--border-soft);padding-bottom:0}.view-tab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 14px;font-size:.8125rem;font-weight:500;color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.view-tab:hover{color:var(--text-primary)}.view-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.attachment-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.attachment-preview-content{background:var(--surface);border-radius:var(--radius-md);max-width:90vw;max-height:90vh;overflow:auto;box-shadow:var(--shadow-elevated)}.attachment-preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-soft)}.attachment-preview-title{font-size:.875rem;font-weight:500;color:var(--text-primary)}.attachment-preview-img{display:block;max-width:100%;max-height:80vh;object-fit:contain}.notif-container{position:relative}.notif-bell{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font-size:.8125rem;font-weight:500;color:var(--text-primary);cursor:pointer;padding:6px 8px;line-height:1.2;border-radius:var(--radius-sm)}.notif-bell:hover{background:var(--surface-hover)}.notif-bell-label{white-space:nowrap}.notif-badge{flex-shrink:0;background:var(--color-danger);color:var(--color-text-inverse);font-size:.625rem;font-weight:700;min-width:16px;height:16px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;padding:0 4px}.notif-panel{position:absolute;top:100%;right:0;width:340px;max-height:420px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--notif-panel-shadow);z-index:100;display:flex;flex-direction:column;overflow:hidden}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-soft)}.notif-header-title{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.notif-close{background:none;border:none;cursor:pointer;font-size:.875rem;color:var(--text-tertiary);padding:2px 4px}.notif-list{overflow-y:auto;flex:1}.notif-empty{padding:24px 14px;text-align:center;font-size:.8125rem;color:var(--text-tertiary)}.notif-empty-title{font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin:0 0 6px}.notif-empty-copy{font-size:.75rem;color:var(--text-tertiary);margin:0;line-height:1.45}.notif-item{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border-dim);cursor:pointer;transition:background .1s}.notif-item:hover{background:var(--surface-hover)}.notif-unread{background:var(--notif-unread-bg)}.notif-unread .notif-title{font-weight:600}.notif-icon{font-size:1rem;flex-shrink:0;margin-top:2px}.notif-body{flex:1;min-width:0}.notif-title{font-size:.8125rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-message{font-size:.75rem;color:var(--text-tertiary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-time{font-size:.6875rem;color:var(--text-tertiary);margin-top:3px}