.top-bar{z-index:100;height:var(--topbar-height);background:var(--bg-chrome);color:var(--text-on-dark);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.top-bar__left,.top-bar__right{align-items:center;gap:12px;display:flex}.fabric-logo{width:auto;height:28px;color:var(--text-on-dark);flex-shrink:0;display:block}.top-bar__org{color:var(--text-muted-on-dark);margin-right:4px;font-size:13px}.top-bar__icon-btn{width:34px;height:34px;color:var(--text-on-dark);cursor:pointer;background:#ffffff14;border:none;border-radius:10px;place-items:center;display:grid}.top-bar__icon-btn:hover{background:#ffffff24}@media (width<=640px){.top-bar__org{display:none}}.icon-rail{width:var(--icon-rail-width);background:var(--bg-chrome);border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:16px 0;display:flex}.icon-rail__item{width:100%;color:var(--text-muted-on-dark);flex-direction:column;align-items:center;gap:6px;padding:10px 8px;transition:color .15s;display:flex}.icon-rail__item:hover{color:var(--text-on-dark)}.icon-rail__badge{border-radius:14px;place-items:center;width:42px;height:42px;transition:background .15s,color .15s;display:grid}.icon-rail__item--active .icon-rail__badge{background:var(--accent);color:var(--bg-chrome)}.icon-rail__label{text-align:center;font-size:11px;font-weight:600;line-height:1.2}.icon-rail__item--active .icon-rail__label{color:var(--text-on-dark)}@media (width<=640px){.icon-rail__label{font-size:10px}.icon-rail__badge{border-radius:12px;width:36px;height:36px}}.sidebar{min-height:calc(100vh - var(--topbar-height));background:var(--bg-chrome);flex-shrink:0;display:flex}.shell{background:var(--bg-canvas);min-height:100vh}.shell__body{padding-top:var(--topbar-height);min-height:100vh;display:flex}.shell__canvas{flex:1;min-width:0;padding:28px 32px 48px}@media (width<=768px){.shell__canvas{padding:20px 16px 40px}}.login-background{background-color:#1a1733;background-image:radial-gradient(circle,#3d3870 1px,#0000 1px);background-size:40px 40px;min-height:100vh;position:relative;overflow:hidden}.login-page{place-items:center;padding:24px;display:grid}.login-card{z-index:1;border-radius:var(--radius-card);width:min(420px,100%);box-shadow:var(--shadow-card);color:var(--text-on-dark);background:#2d2a5e;padding:32px 28px;position:relative}.login-card__logo-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.login-card__brand{font-size:18px;font-weight:800}.login-card__title{color:var(--accent);margin:0 0 8px;font-size:28px;font-weight:800}.login-card__subtitle{color:var(--text-muted-on-dark);margin:0 0 24px;font-size:14px;line-height:1.5}.login-card__button{background:var(--accent);width:100%;color:var(--bg-chrome);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 16px;font-size:15px;font-weight:800;display:inline-flex}.login-card__button:disabled{opacity:.65;cursor:not-allowed}.login-card__error{color:#fecaca;background:#ef444429;border-radius:10px;margin-top:16px;padding:12px 14px;font-size:14px}.login-card__hint{color:var(--text-muted-on-dark);margin-top:16px;font-size:12px;line-height:1.5}.page-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title__heading{color:var(--title);letter-spacing:-.02em;margin:0;font-size:clamp(28px,4vw,36px);font-weight:800}.page-title__subtitle{color:var(--text-muted-on-light);margin:8px 0 0;font-size:15px}.page-title__actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=640px){.page-title{flex-direction:column}}.status-badge{border-radius:var(--radius-pill);align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-badge--pending{color:#374151;background:#6b728029;border:1px solid #6b72803d}.status-badge--customer-responded{color:#5b21b6;background:#7c3aed24;border:1px solid #7c3aed3d}.status-badge--responded{color:#1d4ed8;background:#3b82f624;border:1px solid #3b82f63d}.status-badge--investigating{color:#9a3412;background:#f9731629;border:1px solid #f9731647}.status-badge--closed{color:#166534;background:#22c55e29;border:1px solid #22c55e47}.priority-badge{border-radius:var(--radius-pill);align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.priority-badge--critical{color:#b91c1c;background:#ef444429;border:1px solid #ef444447}.priority-badge--high{color:#9a3412;background:#f9731629;border:1px solid #f9731647}.priority-badge--normal{color:#1d4ed8;background:#3b82f624;border:1px solid #3b82f63d}.priority-badge--low{color:#5b21b6;background:#7c3aed24;border:1px solid #7c3aed3d}.ticket-table-badge-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;max-width:100%;padding-right:24px}.ticket-table-badge-select:disabled{opacity:.65;cursor:wait}.ticket-table-badge-select option{color:#111827;background:#fff}.ticket-table__editable-cell{vertical-align:middle}.tickets-page .page-title__heading{color:var(--bg-chrome)}.ticket-filters{grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;margin-bottom:20px;display:grid}.ticket-filters label{color:var(--text-muted-on-light);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.ticket-filters select{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px}.ticket-filters__refresh{background:var(--bg-chrome);color:var(--text-on-dark);cursor:pointer;border:none;border-radius:10px;align-self:end;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.ticket-filters__refresh:hover:not(:disabled){background:#3a3769}.ticket-filters__refresh:disabled{opacity:.6;cursor:not-allowed}.ticket-table-wrap{border-radius:var(--radius-card);background:#fff;overflow:auto;box-shadow:0 1px 3px #0000000f}.ticket-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:960px}.ticket-table th:first-child,.ticket-table td:first-child{width:23%;min-width:200px;max-width:280px}.ticket-table th:nth-child(4),.ticket-table td:nth-child(4){text-align:center;width:52px;max-width:52px;padding-left:12px;padding-right:12px}.ticket-table th:nth-child(5),.ticket-table td:nth-child(5){width:16%;min-width:168px}.ticket-table th:nth-child(6),.ticket-table td:nth-child(6){width:10%}.ticket-table th:last-child,.ticket-table td:last-child{white-space:nowrap;width:12%}.ticket-table th,.ticket-table td{text-align:left;border-bottom:1px solid #eef0f4;padding:14px 16px;font-size:14px}.ticket-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted-on-light);background:#fafbff;font-size:12px}.ticket-table tbody tr{cursor:pointer;transition:background .12s}.ticket-table tbody tr:hover{background:#f8f9fd}.ticket-table__subject{-webkit-line-clamp:2;line-clamp:2;color:#111827;word-break:break-word;-webkit-box-orient:vertical;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.ticket-table__meta{color:var(--text-muted-on-light);margin-top:4px;font-size:12px;display:block}.ticket-table__agent-cell{text-align:center;vertical-align:middle}.ticket-table__agent-avatar{background:var(--bg-chrome);width:32px;height:32px;color:var(--accent);letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.ticket-table__agent-avatar--unassigned{background:#e5e7eb;border:1px dashed #cbd5e1}.ticket-empty,.ticket-error{text-align:center;color:var(--text-muted-on-light);padding:32px}.ticket-error{color:#b91c1c}@media (width<=1100px){.ticket-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.ticket-filters{grid-template-columns:1fr}}.ticket-activity-tab{z-index:40;background:var(--bg-chrome);width:22px;color:var(--text-on-dark);letter-spacing:.06em;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;cursor:pointer;border:none;border-radius:8px 0 0 8px;padding:12px 0;font-size:9px;font-weight:800;position:fixed;top:50%;right:0;transform:translateY(-50%);box-shadow:-2px 0 10px #2d2a5e1a}.ticket-activity-tab--open{right:340px}.ticket-activity{top:var(--topbar-height);z-index:35;background:#fff;border-left:1px solid #2d2a5e14;flex-direction:column;width:340px;transition:transform .24s;display:flex;position:fixed;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 24px #2d2a5e14}.ticket-activity--open{transform:translate(0)}.ticket-activity__header{border-bottom:1px solid #eef0f4;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 14px;display:flex}.ticket-activity__title{color:var(--bg-chrome);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:14px;font-weight:800}.ticket-activity__close{color:var(--text-muted-on-light);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1}.ticket-activity__close:hover{color:#111827}.ticket-activity__body{flex:1;min-height:0;padding:16px 18px 24px;overflow-y:auto}.ticket-activity__list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.ticket-activity__item{grid-template-columns:16px 1fr;gap:12px;padding-bottom:18px;display:grid;position:relative}.ticket-activity__item:not(:last-child):after{content:"";background:#e5e7eb;width:2px;position:absolute;top:16px;bottom:0;left:7px}.ticket-activity__dot{background:var(--bg-chrome);border-radius:50%;width:10px;height:10px;margin-top:5px;box-shadow:0 0 0 3px #2d2a5e1f}.ticket-activity__content{min-width:0}.ticket-activity__summary{color:#111827;margin:0;font-size:13px;line-height:1.45}.ticket-activity__time{color:var(--text-muted-on-light);margin-top:4px;font-size:11px;display:block}.ticket-activity__empty,.ticket-activity__error{color:var(--text-muted-on-light);margin:0;font-size:13px}.ticket-activity__error{color:#b91c1c}@media (width<=900px){.ticket-activity,.ticket-activity--open{width:min(340px,100vw)}.ticket-activity-tab--open{right:min(340px,100vw)}}.combobox{width:100%;position:relative}.combobox__control{position:relative}.combobox__input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:8px 28px 8px 10px;font-size:13px;font-weight:600}.combobox__input::placeholder{color:#9ca3af;font-weight:500}.combobox__input:focus{border-color:#4f46e573;outline:none;box-shadow:0 0 0 3px #4f46e51f}.combobox--open .combobox__input{border-bottom-right-radius:0;border-bottom-left-radius:0}.combobox__chevron{color:#9ca3af;pointer-events:none;font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.combobox__list{z-index:20;background:#fff;border:1px solid #4f46e540;border-top:none;border-radius:0 0 8px 8px;max-height:220px;margin:0;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #0f172a1f}.combobox__option{color:#111827;cursor:pointer;text-align:left;padding:8px 10px;font-size:13px}.combobox__option--highlighted{background:#4f46e514}.combobox__option--selected{font-weight:700}.combobox__option--empty{color:#6b7280;font-weight:500}.combobox__empty{z-index:20;color:#6b7280;background:#fff;border:1px solid #4f46e540;border-top:none;border-radius:0 0 8px 8px;padding:10px;font-size:12px;position:absolute;top:100%;left:0;right:0}.combobox--disabled .combobox__input{opacity:.55;cursor:not-allowed}.tooltip-trigger{justify-content:center;align-items:center;display:inline-flex}.tooltip-bubble{z-index:1000;color:#fff;text-align:center;pointer-events:none;background:#111827;border-radius:10px;max-width:min(320px,100vw - 24px);padding:8px 12px;font-size:12px;line-height:1.45;position:fixed;transform:translate(-50%);box-shadow:0 10px 24px #0f172a3d}.tooltip-bubble:before{content:"";background:#111827;width:10px;height:10px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.message-delivery-row{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.message-delivery{background:#ffffffb8;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;box-shadow:0 1px 2px #0f172a14}.message-delivery--pending,.message-delivery--inactive{color:#9ca3af}.message-delivery--delivered.message-delivery--active{color:#4f46e5}.message-delivery--opened.message-delivery--active{color:#84cc16}.message-delivery--deferred{color:#d97706}.message-delivery--dropped,.message-delivery--bounce{color:#dc2626}.ticket-detail{height:calc(100vh - var(--topbar-height));flex-direction:column;min-height:0;margin:-28px -32px -48px;padding:28px 32px 0;display:flex;position:relative}.ticket-detail__layout{flex:1;min-height:0;display:flex;position:relative}.ticket-detail__main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.ticket-detail__header{flex-shrink:0;margin-bottom:20px}.ticket-detail__back{color:var(--title);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:16px;padding:0;font-weight:700;display:inline-flex}.ticket-detail__title{color:var(--title);margin:0;font-size:clamp(1.35rem,2vw,1.75rem);font-weight:800;line-height:1.2}.ticket-detail__subtitle{color:var(--text-muted-on-light);margin:8px 0 0;font-size:14px}.ticket-detail__body{border-top:1px solid #2d2a5e14;flex-direction:column;flex:1;min-height:0;display:flex}.ticket-detail__scroll{flex:1;min-height:0;padding:20px 24px 16px 0;overflow-y:auto}.ticket-detail__body--composer-collapsed .ticket-detail__scroll{padding-bottom:72px}.ticket-detail__body--composer-open .ticket-detail__scroll{padding-bottom:296px}.ticket-meta-bar{flex-wrap:wrap;flex-shrink:0;gap:12px;margin-bottom:0;display:flex}.ticket-meta-card{background:#fff;border-radius:12px;flex:160px;min-width:140px;padding:12px 14px;box-shadow:0 1px 3px #0000000f}.ticket-meta-card--readonly{flex:0 180px}.ticket-meta-card__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted-on-light);margin-bottom:8px;font-size:10px;font-weight:700;display:block}.ticket-meta-card__control{align-items:center;gap:8px;display:flex}.ticket-meta-card__control .combobox{min-width:0}.ticket-meta-card__value{color:#6b7280;font-size:13px;font-weight:600}.ticket-meta-card__saved{color:#3f6212;background:#c5e82e33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:800;animation:1.5s ticket-save-flash;display:inline-flex}@keyframes ticket-save-flash{0%{opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.ticket-status-pill{appearance:none;border-radius:var(--radius-pill);cursor:pointer;text-align:left;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:none;width:100%;padding:8px 28px 8px 14px;font-size:13px;font-weight:700}.ticket-status-pill--pending{color:#374151;background-color:#6b728029}.ticket-status-pill--customer_responded{color:#5b21b6;background-color:#7c3aed24}.ticket-status-pill--responded_to_customer{color:#1d4ed8;background-color:#3b82f624}.ticket-status-pill--investigating{color:#9a3412;background-color:#f9731629}.ticket-status-pill--closed{color:#166534;background-color:#22c55e29}.ticket-status-pill option{color:#111827;background:#fff}.ticket-priority-pill{appearance:none;border-radius:var(--radius-pill);cursor:pointer;text-align:left;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:none;width:100%;padding:8px 28px 8px 14px;font-size:13px;font-weight:700}.ticket-priority-pill--critical{color:#b91c1c;background-color:#ef444429}.ticket-priority-pill--high{color:#9a3412;background-color:#f9731629}.ticket-priority-pill--normal{color:#1d4ed8;background-color:#3b82f624}.ticket-priority-pill--low{color:#5b21b6;background-color:#7c3aed24}.ticket-priority-pill option{color:#111827;background:#fff}.ticket-thread{flex-direction:column;gap:14px;display:flex}.ticket-thread--empty{text-align:center;color:var(--text-muted-on-light);padding:32px 0;font-size:14px}.ticket-thread__segment{flex-direction:column;gap:14px;display:flex}.thread-message__header-end{flex-shrink:0;align-items:center;gap:10px;display:flex}.thread-message__reply{color:var(--title);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #4f46e540;padding:4px 12px;font-size:12px;font-weight:700}.thread-message__reply:hover:not(:disabled){background:#4f46e514}.thread-message__reply:disabled{opacity:.45;cursor:not-allowed}.thread-message__chevron{color:var(--text-muted-on-light);text-align:center;width:14px;font-size:12px}.ticket-thread__expand-pill{color:var(--title);border-radius:var(--radius-pill);cursor:pointer;background:#fff;border:1px solid #4f46e533;align-self:center;padding:8px 16px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.ticket-thread__expand-pill:hover{background:#4f46e50f}.ticket-thread__expand-pill--secondary{margin-top:4px}.thread-message{border-radius:14px;grid-template-columns:auto 1fr;gap:16px 14px;padding:16px 18px;transition:max-height .25s,opacity .2s;display:grid;box-shadow:0 1px 3px #0000000f}.thread-message--inbound{border-left:4px solid var(--title);background:#fff}.thread-message--outbound{border-left:4px solid var(--accent);background:#2d2a5e26}.thread-message__header{grid-column:1/-1;grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid}.thread-message__header--clickable{cursor:pointer;border-radius:10px;margin:-6px;padding:6px}.thread-message__header--clickable:hover{background:#00000008}.thread-message__avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:inline-flex}.thread-message__avatar--customer{color:#374151;background:#e5e7eb}.thread-message__avatar--agent{background:var(--bg-chrome);color:var(--accent)}.thread-message__meta{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.thread-message__sender{flex-direction:column;gap:2px;min-width:0;display:flex}.thread-message__name{color:#111827;font-size:14px;font-weight:700}.thread-message__email{color:var(--text-muted-on-light);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.thread-message__time{color:var(--text-muted-on-light);white-space:nowrap;flex-shrink:0;font-size:12px}.thread-message__body{color:#374151;grid-column:2;padding-top:12px;font-size:14px;line-height:1.6}.thread-message__details{border-bottom:1px solid #2d2a5e14;grid-column:2;margin:0;padding-bottom:12px}.thread-message__detail-row{grid-template-columns:72px 1fr;gap:8px;margin:0 0 6px;display:grid}.thread-message__detail-row:last-child{margin-bottom:0}.thread-message__detail-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted-on-light);margin:0;font-size:11px;font-weight:700}.thread-message__detail-value{color:#374151;word-break:break-word;margin:0;font-size:12px}.thread-message--collapsed .thread-message__details,.thread-message--collapsed .thread-message__body{display:none}.thread-message__body p{margin:0 0 .75em}.thread-message__body p:last-child{margin-bottom:0}.ticket-composer{bottom:0;left:calc(var(--icon-rail-width) + 32px);z-index:30;background:var(--bg-chrome);color:var(--text-on-dark);transition:box-shadow .2s;position:fixed;right:32px;box-shadow:0 -8px 24px #2d2a5e2e}.ticket-composer--collapsed,.ticket-composer--open{border-radius:var(--radius-card) var(--radius-card) 0 0}.ticket-composer__bar{width:100%;color:var(--text-on-dark);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.ticket-composer__bar:hover{background:#ffffff0a}.ticket-composer__bar-label{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-size:13px;font-weight:700}.ticket-composer__bar-chevron{color:var(--text-muted-on-dark);font-size:14px}.ticket-composer__panel{padding:0 20px 20px;animation:.2s ticket-composer-open}.ticket-composer__recipients{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.ticket-composer__recipient-actions{align-items:center;gap:8px;display:flex}.ticket-composer__recipient-add{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:12px;font-weight:700}.ticket-composer__recipient-add:disabled{opacity:.5;cursor:not-allowed}.email-address-input{align-items:flex-start;gap:10px;display:flex}.email-address-input__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted-on-dark);flex:0 0 36px;margin-top:10px;font-size:12px;font-weight:700}.email-address-input__field{cursor:text;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-height:40px;padding:6px 10px;display:flex}.email-address-input__chip{max-width:100%;color:var(--text-on-dark);background:#ffffff24;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;line-height:1.2;display:inline-flex}.email-address-input__chip-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.email-address-input__chip-remove{color:var(--text-muted-on-dark);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.email-address-input__chip-remove:hover:not(:disabled){color:var(--text-on-dark)}.email-address-input__chip-remove:disabled{cursor:not-allowed;opacity:.5}.email-address-input__text{min-width:120px;color:var(--text-on-dark);background:0 0;border:none;flex:160px;padding:4px 0;font-family:inherit;font-size:13px;line-height:1.4}.email-address-input__text::placeholder{color:var(--text-muted-on-dark)}.email-address-input__text:focus{outline:none}.email-address-input__text:disabled{opacity:.6}@keyframes ticket-composer-open{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ticket-composer__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted-on-dark);margin:0 0 10px;font-size:12px;font-weight:700}.ticket-composer__textarea{width:100%;color:var(--text-on-dark);resize:none;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;height:156px;min-height:156px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:22px}.ticket-composer__textarea::placeholder{color:var(--text-muted-on-dark)}.ticket-composer__textarea:disabled{opacity:.6}.ticket-composer__signature-toggle{color:var(--text-muted-on-dark);cursor:pointer;background:0 0;border:none;margin-top:10px;padding:4px 0;font-size:12px;font-weight:600}.ticket-composer__signature-toggle--open{color:var(--accent)}.ticket-composer__signature-preview{background:#fff;border:1px solid #e8e7f4;border-radius:10px;margin-top:8px;padding:12px 14px;animation:.2s ticket-signature-open}@keyframes ticket-signature-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ticket-composer__signature-html{font-size:13px;line-height:1.5}.ticket-composer__signature-empty{color:var(--text-muted-on-dark);margin:0;font-size:12px}.ticket-composer__signature-empty a{color:var(--accent)}.ticket-composer__footer{justify-content:space-between;align-items:center;gap:16px;margin-top:14px;display:flex}.ticket-composer__from{color:var(--text-muted-on-dark);font-size:12px}.ticket-composer__send{background:var(--title);color:var(--accent);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-weight:800;display:inline-flex}.ticket-composer__send:disabled{opacity:.6;cursor:not-allowed}.ticket-composer__spinner{border:2px solid #c5e82e40;border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite ticket-spinner}@keyframes ticket-spinner{to{transform:rotate(360deg)}}.ticket-composer__notice,.ticket-composer__error{margin:12px 0 0;font-size:13px}.ticket-composer__notice{color:var(--text-muted-on-dark)}.ticket-composer__error{color:#fecaca}@media (width<=768px){.ticket-detail{margin:-20px -16px -40px;padding:20px 16px 0}.ticket-composer{left:calc(var(--icon-rail-width) + 16px);right:16px}.ticket-meta-bar{gap:10px}.ticket-meta-card{flex:calc(50% - 10px)}.thread-message__meta{flex-direction:column;gap:4px}.ticket-composer__footer{flex-direction:column;align-items:stretch}.ticket-composer__send{justify-content:center}}@media (width<=480px){.ticket-meta-card{flex:100%}}.manage-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.manage-toolbar label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted-on-light);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.manage-toolbar input,.manage-toolbar select{background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:200px;padding:10px 12px}.manage-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-weight:700}.manage-btn--primary{background:var(--title);color:#fff}.manage-btn--ghost{color:var(--bg-chrome);background:#2d2a5e14}.manage-btn--danger{color:#991b1b;background:#ef44441f}.manage-btn:disabled{opacity:.6;cursor:not-allowed}.manage-card-actions{gap:8px;display:flex}.manage-card-actions .fabric-card__action-btn{width:auto;padding:0 10px;font-size:11px}.manage-form-panel{background:var(--bg-chrome);border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:var(--text-on-dark);margin-bottom:24px;padding:20px}.manage-form-panel h2{color:var(--accent);margin:0 0 16px;font-size:17px}.manage-form-panel label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted-on-dark);flex-direction:column;gap:8px;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.manage-form-panel input,.manage-form-panel select,.manage-form-panel textarea{color:var(--text-on-dark);background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;padding:10px 12px;font-size:14px}.manage-form-panel select option{color:#111827;background-color:#fff}.manage-form-panel textarea{resize:vertical;min-height:100px}.manage-form-actions{flex-wrap:wrap;gap:10px;display:flex}.manage-meta{color:var(--text-muted-on-dark);margin-top:8px;font-size:13px}.manage-client-projects{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.manage-client-projects ul{color:var(--text-muted-on-dark);margin:8px 0 0;padding-left:18px;font-size:13px}.signature-editor__grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.signature-editor__preview{min-height:120px;color:var(--text-on-dark);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;padding:12px;font-size:14px}@media (width<=768px){.signature-editor__grid{grid-template-columns:1fr}}.search-select select,.search-select input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;margin-top:6px;padding:10px 12px;font-size:14px}.search-select select{margin-top:8px}.search-select label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted-on-light);font-size:11px;font-weight:700;display:block}.ticket-detail__control .search-select select,.ticket-detail__control .search-select input{font-weight:600}.clients-page .page-title__heading{color:var(--bg-chrome)}.clients-toolbar{justify-content:flex-end}.clients-toolbar__new{background:var(--bg-chrome);color:var(--text-on-dark)}.clients-toolbar__new:hover{background:#3a3769}.clients-table-wrap{border-radius:var(--radius-card);background:#fff;overflow:auto;box-shadow:0 1px 3px #0000000f}.clients-table__empty{color:var(--text-muted-on-light);margin:0;padding:24px;font-size:14px}.clients-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:640px}.clients-table th:first-child,.clients-table td:first-child{width:48%;min-width:240px}.clients-table th:nth-child(2),.clients-table td:nth-child(2){white-space:nowrap;width:96px}.clients-table th,.clients-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:14px}.clients-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted-on-light);background:#fafafa;font-size:11px;font-weight:700}.clients-table tbody tr:last-child td{border-bottom:none}.clients-table__row--editing{background:#f9fafb}.clients-table td:nth-child(3){white-space:nowrap;width:96px}.clients-table td:last-child{white-space:nowrap;width:180px}.clients-table__actions{flex-wrap:wrap;gap:8px;display:flex}.clients-table__link-btn{color:var(--title);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.clients-table__link-btn:hover{text-decoration:underline}.clients-table__link-btn--danger{color:#991b1b}.clients-table__input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:8px 10px;font-size:14px}.clients-table__actions .manage-btn{padding:8px 12px;font-size:13px}@media (width<=768px){.clients-table{min-width:560px}}.projects-page .page-title__heading{color:var(--bg-chrome)}.projects-toolbar{justify-content:space-between}.projects-toolbar__new{background:var(--bg-chrome);color:var(--text-on-dark);margin-left:auto}.projects-toolbar__new:hover{background:#3a3769}.projects-table-wrap{border-radius:var(--radius-card);background:#fff;overflow:auto;box-shadow:0 1px 3px #0000000f}.projects-table__empty{color:var(--text-muted-on-light);margin:0;padding:24px;font-size:14px}.projects-table{border-collapse:collapse;width:100%;min-width:640px}.projects-table th,.projects-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:14px}.projects-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted-on-light);background:#fafafa;font-size:11px;font-weight:700}.projects-table tbody tr:last-child td{border-bottom:none}.projects-table__row--editing{background:#f9fafb}.projects-table td:nth-child(3){white-space:nowrap;width:96px}.projects-table td:last-child{white-space:nowrap;width:180px}.projects-table__actions{flex-wrap:wrap;gap:8px;display:flex}.projects-table__link-btn{color:var(--title);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.projects-table__link-btn:hover{text-decoration:underline}.projects-table__link-btn--danger{color:#991b1b}.projects-table__input,.projects-table__select{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:8px 10px;font-size:14px}.projects-table__select option{color:#111827;background-color:#fff}.projects-table__actions .manage-btn{padding:8px 12px;font-size:13px}@media (width<=768px){.projects-table{min-width:560px}}.agents-page .page-title__heading{color:var(--bg-chrome)}.agents-notice{color:var(--bg-chrome);background:#4f46e514;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;line-height:1.5}.agents-toolbar{justify-content:flex-end}.agents-toolbar__new{background:var(--bg-chrome);color:var(--text-on-dark)}.agents-toolbar__new:hover{background:#3a3769}.agents-section{margin-bottom:28px}.agents-section__title{color:var(--bg-chrome);align-items:center;gap:10px;margin:0 0 12px;font-size:16px;font-weight:800;display:flex}.agents-section__count{min-width:24px;color:var(--text-muted-on-light);background:#2d2a5e14;border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.agents-table-wrap{border-radius:var(--radius-card);background:#fff;overflow:auto;box-shadow:0 1px 3px #0000000f}.agents-table__empty{color:var(--text-muted-on-light);margin:0;padding:24px;font-size:14px}.agents-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:640px}.agents-table th,.agents-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:14px}.agents-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted-on-light);background:#fafafa;font-size:11px;font-weight:700}.agents-table tbody tr:last-child td{border-bottom:none}.agents-table--invitations th:first-child,.agents-table--invitations td:first-child{width:38%;min-width:220px}.agents-table--invitations th:nth-child(2),.agents-table--invitations td:nth-child(2){width:120px}.agents-table--invitations th:last-child,.agents-table--invitations td:last-child{white-space:nowrap;width:120px}.agents-table--members th:first-child,.agents-table--members td:first-child{width:22%;min-width:160px}.agents-table--members th:nth-child(2),.agents-table--members td:nth-child(2){width:30%;min-width:200px}.agents-table--members th:nth-child(3),.agents-table--members td:nth-child(3){width:140px}.agents-table--members th:nth-child(4),.agents-table--members td:nth-child(4){width:120px}.agents-table--members th:last-child,.agents-table--members td:last-child{white-space:nowrap;width:140px}.agents-table__pill{color:var(--title);text-transform:capitalize;background:#4f46e51a;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.agents-table__pill--deactivated{color:#991b1b;background:#ef44441f}.agents-table__select{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;max-width:140px;padding:8px 10px;font-size:14px}.agents-table__select option{color:#111827;background-color:#fff}.agents-table__action-btn{padding:8px 12px;font-size:13px}@media (width<=768px){.agents-table{min-width:560px}}.fabric-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (width<=900px){.fabric-card-grid{grid-template-columns:1fr}}.fabric-card{background:var(--bg-chrome);border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:var(--text-on-dark);text-align:left;cursor:default;border:none;width:100%;padding:20px}button.fabric-card{cursor:pointer;transition:transform .15s,box-shadow .15s}button.fabric-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #2d2a5e3d}.fabric-card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.fabric-card__title{color:var(--accent);margin:0;font-size:17px;font-weight:800}.fabric-card__subtitle{color:var(--text-muted-on-dark);margin:6px 0 0;font-size:13px;line-height:1.5}.fabric-card__actions{color:var(--text-muted-on-dark);gap:8px;display:flex}.fabric-card__body{color:var(--text-muted-on-dark);margin-top:16px;font-size:14px}.fabric-card__action-btn{width:32px;height:32px;color:var(--text-muted-on-dark);cursor:pointer;background:#ffffff14;border:none;border-radius:8px;place-items:center;display:grid}.fabric-card__action-btn:hover{color:var(--text-on-dark);background:#ffffff24}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.settings-card__row{justify-content:space-between;gap:12px;margin-top:12px;font-size:14px;display:flex}.settings-card__label{color:var(--text-muted-on-dark)}.settings-card__value{color:var(--text-on-dark);text-align:right;font-weight:600}.settings-card__actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.settings-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-weight:700}.settings-btn--primary{background:var(--accent);color:var(--bg-chrome)}.settings-btn--ghost{color:var(--text-on-dark);background:#ffffff1a}.settings-banner{color:#3f4d00;background:#c5e82e26;border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:14px}.settings-banner--error{color:#991b1b;background:#ef44441f}@media (width<=900px){.settings-grid{grid-template-columns:1fr}}:root{--bg-chrome:#2d2a5e;--bg-canvas:#f7f8fc;--accent:#c5e82e;--title:#4f46e5;--text-on-dark:#fff;--text-muted-on-dark:#a9a6c9;--text-muted-on-light:#6b7280;--bg-nav-active:#ffffff1f;--shadow-card:0 8px 24px #2d2a5e2e;--radius-card:16px;--radius-pill:999px;--font-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--topbar-height:52px;--icon-rail-width:88px}@media (width<=768px){:root{--icon-rail-width:72px}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-sans);background:var(--bg-canvas);color:#111827;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}