@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--audaces-blue:#0073cf;--zendesk-green:#03363d;--zendesk-green-hover:#022b30;--zendesk-bg:#f8f9f9;--zendesk-border:#d8dcde;--zendesk-text:#1f2937;--zendesk-muted:#68737d;--zendesk-card:#fff;--zendesk-shadow:0px 1px 2px #0000000a, 0px 3px 12px #00000008}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}body{background:var(--zendesk-bg);color:var(--zendesk-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}button,input{font-family:inherit}button{cursor:pointer;border:none}a{color:inherit;text-decoration:none}.app-shell{background:#f8f9f9;width:100%;min-height:100vh;overflow:hidden}.app-topbar{z-index:50;background:#fff;border-bottom:1px solid #d8dcde;justify-content:space-between;align-items:center;height:48px;padding:0 14px;display:flex;position:sticky;top:0}.app-topbar-left{align-items:center;gap:14px;display:flex}.app-topbar-logo{object-fit:contain;border-radius:8px;flex-shrink:0;width:20px;height:20px}.app-workspace-selector{color:#2f3941;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.app-body{height:calc(100vh - 48px);display:flex}.app-sidebar{background:#f8f9f9;border-right:1px solid #d8dcde;flex-shrink:0;width:48px;display:flex}.app-sidebar-icons{flex-direction:column;align-items:center;gap:12px;width:48px;padding-top:12px;display:flex}.app-sidebar-icon{color:#68737d;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.app-sidebar-icon.active{background:var(--audaces-blue);color:#fff}.app-content{flex:1;padding:28px;overflow-y:auto}.users-header{margin-bottom:18px}.users-header h1{color:#2f3941;font-size:34px;font-weight:500}.users-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.users-search{background:#fff;border:1px solid #cfd7dc;border-radius:6px;align-items:center;gap:8px;width:320px;height:32px;padding:0 10px;display:flex}.users-search input{border:none;outline:none;width:100%;font-size:13px}.users-toolbar select,.users-actions select{color:#2f3941;background:#fff;border:1px solid #cfd7dc;border-radius:6px;outline:none;height:32px;padding:0 10px;font-size:13px}.users-error{color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:13px}.users-table{background:#fff;border:1px solid #d8dcde;border-radius:8px;width:100%;overflow:hidden}.users-table-header,.users-table-row{grid-template-columns:180px 240px 130px 110px 170px 170px 220px;align-items:center;gap:12px;min-height:52px;padding:0 18px;font-size:13px;display:grid}.users-table-header{color:#68737d;background:#f8f9f9;border-bottom:1px solid #d8dcde;font-weight:700}.users-table-row{color:#2f3941;border-bottom:1px solid #edf1f2}.users-table-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.users-actions{align-items:center;gap:8px;display:flex}.users-actions button:disabled,.users-actions select:disabled{opacity:.5;cursor:not-allowed}.users-empty{color:#68737d;text-align:center;padding:28px 18px;font-size:13px}.pagination{justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.pagination-pages{gap:6px;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #d6d9dc;border-radius:8px;padding:6px 12px;transition:all .2s}.pagination button:hover{background:#f4f5f7}.pagination button:disabled{opacity:.5;cursor:not-allowed}.active-page{color:#fff;background:var(--audaces-blue)!important;border-color:var(--audaces-blue)!important}.zendesk-page{background:#f8f9f9;width:100%;min-height:100vh;overflow:hidden}.topbar{z-index:50;background:#fff;border-bottom:1px solid #d8dcde;justify-content:space-between;align-items:center;height:48px;padding:0 14px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:14px;display:flex}.topbar-logo{object-fit:contain;border-radius:8px;flex-shrink:0;width:20px;height:20px}.workspace-selector{color:#2f3941;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.add-button{color:#4f5b66;background:0 0;border:none;font-size:13px}.topbar-center{flex:1;justify-content:center;display:flex}.global-search{background:#f8f9f9;border:1px solid #cfd7dc;border-radius:6px;align-items:center;gap:8px;width:420px;height:32px;padding:0 12px;display:flex}.global-search svg{color:#87929d}.global-search input{background:0 0;border:none;outline:none;flex:1;font-size:13px}.topbar-right{color:#68737d;align-items:center;gap:16px;display:flex}.zendesk-body{height:calc(100vh - 48px);display:flex}.sidebar{background:#f8f9f9;border-right:1px solid #d8dcde;width:250px;display:flex}.sidebar-icons{border-right:1px solid #d8dcde;flex-direction:column;align-items:center;gap:12px;width:48px;padding-top:12px;display:flex}.sidebar-icon{color:#68737d;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-icon.active{background:var(--audaces-blue);color:#fff}.sidebar-content{flex:1;padding:18px}.sidebar-content h3{color:#2f3941;margin-bottom:18px;font-size:14px}.menu-title{color:#68737d;margin-bottom:12px;font-size:12px;font-weight:700;display:block}.menu-item{color:#2f3941;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;height:34px;padding:0 12px;font-size:13px;display:flex}.menu-item:hover{background:#edf1f2}.menu-item.active{background:#dce8f3}.content{flex:1;padding:28px;overflow-y:auto}.content-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.content-header h1{color:#2f3941;font-size:34px;font-weight:500}.filter-btn{border:1px solid var(--audaces-blue);height:32px;color:var(--audaces-blue);cursor:pointer;background:#fff;border-radius:6px;padding:0 14px;font-size:13px;transition:background .2s,border-color .2s,color .2s}.filter-btn:hover{background:#eef7ff}.filter-btn-secondary{color:#4f5b66;border-color:#cfd7dc}.filter-btn-secondary:hover{background:#f4f5f7}.filters-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filters-panel{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.filter-field{flex-direction:column;gap:4px;display:flex}.filter-field span{color:#68737d;font-size:11px;font-weight:600}.filters-panel select,.filters-panel input{color:#2f3941;background:#fff;border:1px solid #cfd7dc;border-radius:6px;outline:none;height:32px;padding:0 10px;font-size:13px}.filters-panel select:focus,.filters-panel input:focus{border-color:var(--audaces-blue)}.ticket-search-field{min-width:280px}.ticket-search-input{background:#fff;border:1px solid #cfd7dc;border-radius:6px;align-items:center;gap:8px;height:32px;padding:0 10px;display:flex}.ticket-search-input svg{color:#87929d;flex-shrink:0}.ticket-search-input input{border:none;width:100%;height:auto;padding:0}.ticket-search-input:focus-within{border-color:var(--audaces-blue)}.content-header span{color:#68737d;font-size:13px}.tickets-table{background:#fff;border:1px solid #d8dcde;border-radius:8px;width:100%;overflow:hidden}.table-header,.table-row{grid-template-columns:120px 200px 1fr 140px 120px 170px;align-items:center;min-height:52px;padding:0 18px;font-size:13px;display:grid}.table-header{color:#68737d;background:#f8f9f9;border-bottom:1px solid #d8dcde;font-weight:700}.table-row{color:#2f3941;cursor:pointer;border-bottom:1px solid #edf1f2;transition:all .15s}.table-row:hover{background:#f8f9f9}.ticket-id{color:var(--audaces-blue);font-weight:600}.empty-state{color:#68737d;text-align:center;padding:28px 18px;font-size:13px}.search-panel{background:#fff;border-left:1px solid #d8dcde;width:320px;padding:14px;overflow-y:auto}.search-panel-input{border:1px solid var(--audaces-blue);border-radius:6px;align-items:center;gap:8px;height:36px;margin-bottom:18px;padding:0 12px;display:flex}.search-panel-input input{border:none;outline:none;flex:1;font-size:13px}.search-panel-section{margin-bottom:28px}.search-panel-section h4{color:#2f3941;margin-bottom:12px;font-size:13px}.search-tags{flex-wrap:wrap;gap:10px;display:flex}.search-tags span{color:var(--audaces-blue);cursor:pointer;font-size:12px}.recent-item{color:#2f3941;cursor:pointer;border-bottom:1px solid #edf1f2;padding:10px 0;font-size:13px}.ticket-layout{min-height:100%;display:flex;overflow:visible}.ticket-main{flex:1;min-width:0;padding-right:32px}.ticket-header{margin-bottom:32px}.ticket-subject{margin-bottom:12px;font-size:30px;font-weight:700;line-height:1.2}.ticket-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.ticket-badge{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.ticket-badge.status{color:#0369a1;background:#e0f2fe}.ticket-badge.priority{color:#b45309;background:#fef3c7}.ticket-message{gap:16px;margin-bottom:28px;display:flex}.message-content{flex:1}.message-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.message-author{font-weight:600}.message-date{color:#6b7280;font-size:13px}.message-card{white-space:pre-wrap;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px;font-size:15px;line-height:1.7;box-shadow:0 1px 2px #1018280a}.timeline{flex-direction:column;gap:24px;padding-left:10px;display:flex;position:relative}.timeline:before{content:"";background:#e5e7eb;width:2px;position:absolute;top:0;bottom:0;left:20px}.ticket-sidebar{background:#fff;border-left:1px solid #dfe1e6;width:340px;padding:24px;overflow-y:auto}.back-link{color:#344054;cursor:pointer;background:#fff;border:1px solid #d6d9dc;border-radius:8px;height:32px;margin-bottom:18px;padding:0 12px}.back-link:hover{background:#f4f5f7}.sidebar-title{margin-bottom:24px;font-size:18px;font-weight:700}.info-block{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:18px;padding:18px}.info-block-title{color:#6b7280;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.info-block-content{color:#111827;min-width:0;line-height:1.5;overflow:hidden}.tags{margin-top:40px}.tags-list{flex-wrap:wrap;gap:10px;display:flex}.tag{color:#0369a1;background:#e0f2fe;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.timeline-item{gap:20px;display:flex;position:relative}.timeline-line{justify-content:center;width:24px;display:flex;position:relative}.timeline-line:before{content:"";background:#e5e7eb;width:2px;position:absolute;top:0;bottom:-40px}.timeline-dot{z-index:2;background:#2563eb;border:3px solid #fff;border-radius:999px;width:12px;height:12px;margin-top:18px;box-shadow:0 0 0 1px #d0d5dd}.timeline-content{flex:1}.comment-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #1018280a}.comment-header{border-bottom:1px solid #f2f4f7;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.comment-user{align-items:center;gap:14px;display:flex}.comment-author{color:#101828;font-weight:700}.comment-date{color:#667085;margin-top:2px;font-size:13px}.comment-body{white-space:pre-wrap;color:#1d2939;padding:24px;font-size:15px;line-height:1.8}.internal-badge{color:#c2410c;background:#fff7ed;border:1px solid #fdba74;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.attachments{flex-wrap:wrap;gap:14px;padding:0 24px 24px;display:flex}.attachment{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;min-width:220px;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex}.attachment:hover{background:#f3f4f6}.attachment-icon{font-size:20px}.attachment-name{color:#111827;font-size:14px;font-weight:600}.attachment-size{color:#6b7280;font-size:12px}.timeline-dot.knowledge{background:#22c55e}.knowledge-card{background:#ecfdf3;border:1px solid #abefc6;border-radius:14px;margin-top:2px;padding:20px 24px}.knowledge-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.knowledge-icon{font-size:18px}.knowledge-title{color:#166534;font-weight:700}.knowledge-link{color:#175cd3;font-weight:600;line-height:1.5;text-decoration:none;transition:all .2s}.knowledge-link:hover{text-decoration:underline}.attachments-section{color:#2f3941;margin-top:24px}.attachments-section.compact{margin-top:14px}.attachments-section.compact .attachments-header{padding:0 8px}.attachments-section.error{color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:8px;padding:14px;font-size:13px}.attachments-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.attachments-header h2{font-size:16px;font-weight:700}.attachments-section.compact .attachments-header h2{font-size:13px}.attachments-header span{color:#68737d;font-size:13px}.attachments-error{color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:13px}.attachments-list{flex-direction:column;gap:10px;display:flex}.attachment-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.attachments-section.compact .attachment-row{padding:8px}.attachment-preview{color:#68737d;background:#f8f9f9;border:1px solid #edf1f2;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.attachment-preview a,.attachment-preview img{width:100%;height:100%}.attachment-preview a{display:block}.attachment-preview img{object-fit:cover}.attachment-info{flex-direction:column;flex:1;min-width:0;display:flex}.attachment-info strong{color:#2f3941;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.attachment-name-link{color:#2f3941;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.attachment-name-link:hover{color:var(--audaces-blue)}.attachment-info span{color:#68737d;font-size:12px}.attachment-info .attachment-unavailable{color:#b45309;font-weight:600}.attachment-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.attachment-action{color:#4f5b66;cursor:pointer;background:#fff;border:1px solid #d6d9dc;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.attachment-action:hover{background:#f4f5f7}.attachment-action:disabled{opacity:.5;cursor:not-allowed}