*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn-secondary:hover{background-color:#5a6268}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.error,.success{margin:10px 0;padding:10px}.success{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;padding:20px 0}.loading-screen{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{border:4px solid #e3e3e3;margin-bottom:20px}.setup-container{margin:0 auto;max-width:800px;padding:20px}.setup-header{margin-bottom:40px;text-align:center}.setup-header h1{color:#212529;font-size:28px;margin:20px 0 10px}.setup-header p{color:#6c757d;font-size:16px}.setup-steps{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;overflow:hidden}.step-indicator{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:20px}.step,.step-indicator{display:flex;justify-content:center}.step{align-items:center;background:#dee2e6;border-radius:50%;color:#6c757d;font-weight:600;height:40px;margin:0 10px;position:relative;width:40px}.step.active{background:#0078d4;color:#fff}.step:not(:last-child):after{background:#dee2e6;content:"";height:2px;left:100%;position:absolute;top:50%;transform:translateY(-50%);width:20px}.step.active:not(:last-child):after{background:#0078d4}.setup-step{padding:30px}.setup-step h3{color:#212529;font-size:22px;margin-bottom:20px}.setup-content{line-height:1.6}.setup-instructions{margin:20px 0;padding-left:20px}.setup-instructions li{margin-bottom:10px}.setup-instructions ul{margin-top:10px;padding-left:20px}.copy-field{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;display:flex;font-family:monospace;margin:10px 0;padding:8px 12px}.copy-field code{flex:1 1;font-size:14px}.copy-btn,.copy-field code{background:none;border:none}.copy-btn{border-radius:4px;color:#0078d4;cursor:pointer;margin-left:10px;padding:4px}.copy-btn:hover{background:#e3f2fd}.form-group{margin-bottom:25px}.form-group label{color:#212529}.form-group small{color:#6c757d;display:block;font-size:13px;font-weight:400;margin-top:4px}.form-group input{border:2px solid #dee2e6;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s ease}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:45px}.password-toggle{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;padding:4px;position:absolute;right:12px}.password-toggle:hover{background:#f8f9fa;color:#0078d4}.session-secret-field{align-items:center;display:flex;position:relative}.session-secret-field input{padding-right:120px}.generate-btn{background:#0078d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;position:absolute;right:45px}.generate-btn:hover{background:#106ebe}.form-actions{gap:15px;margin-top:30px}.success-message{padding:40px;text-align:center}.success-message p{font-size:16px;margin-bottom:10px}.setup-info{grid-gap:20px;display:grid;gap:20px;margin-top:30px}.info-box{background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;gap:15px;padding:20px}.info-box ul{margin:10px 0 0 20px}.info-box li{margin-bottom:5px}.info-box code{background:#f8f9fa;border-radius:4px;font-size:14px;padding:2px 6px}.header{background-color:#0078d4;box-shadow:0 2px 4px #0000001a;color:#fff;padding:15px 0}.header-content{align-items:center;display:flex;justify-content:space-between}.header h1{font-size:24px;font-weight:600}.header-nav{align-items:center;display:flex;gap:15px}.header-nav a{border-radius:4px;color:#fff;padding:8px 16px;text-decoration:none;transition:background-color .2s ease}.header-nav a:hover{background-color:#ffffff1a}.welcome-screen{margin:0 auto;max-width:600px;padding:60px 20px;text-align:center}.welcome-screen h2{color:#212529;font-size:36px;margin-bottom:20px}.welcome-screen p{color:#6c757d;font-size:18px;line-height:1.6;margin-bottom:30px}.feature-list{margin:40px 0;padding:0 20px;text-align:left}.feature-list ul{list-style:none;padding:0}.feature-list li{align-items:center;border-bottom:1px solid #dee2e6;display:flex;padding:10px 0}.feature-list li:last-child{border-bottom:none}.feature-icon{color:#0078d4;margin-right:15px}.dashboard-header{align-items:center;display:flex;flex-direction:column;margin-bottom:40px}.dashboard-header h1{color:#212529;font-size:28px;margin:0 0 20px;text-align:center}.dashboard-header-actions{align-items:center;display:flex;gap:20px;justify-content:center}.dashboard-header h2{color:#212529;font-size:28px;margin-bottom:10px}.dashboard-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:30px}@media (max-width:768px){.dashboard-content{grid-template-columns:1fr}.setup-container{padding:10px}.form-actions{flex-direction:column}.setup-info{grid-template-columns:1fr}}.section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.section h3{border-bottom:2px solid #0078d4;color:#212529;font-size:20px;margin-bottom:20px;padding-bottom:10px}.email-list,.event-list{list-style:none;padding:0}.email-item,.event-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:10px;padding:15px;transition:all .2s ease}.email-item:last-child,.event-item:last-child{margin-bottom:0}.email-item:hover,.event-item:hover{background:#f8f9fa;border-color:#0078d4;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.email-subject,.event-title{color:#212529;font-weight:600;margin-bottom:5px}.email-from,.event-time{color:#6c757d;font-size:14px;margin-bottom:5px}.email-date,.event-date{color:#6c757d;font-size:12px}.user-info{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px;text-align:center}.user-info h3{color:#212529;margin-bottom:10px}.user-info p{color:#6c757d;margin-bottom:5px}.mail-view{padding:20px 0}.mail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.mail-header h2{color:#212529;font-size:28px;margin:0}.mail-actions{display:flex;gap:10px}.mail-controls{align-items:center;display:flex;gap:15px;padding:15px 20px}.mail-controls,.mail-filters{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.mail-filters{padding:20px}.filter-group{gap:15px;margin-bottom:15px}.filter-group:last-child{margin-bottom:0}.filter-group label{min-width:80px}.sort-btn{border:1px solid #dee2e6;color:#6c757d;font-size:14px;padding:6px 12px}.sort-btn:hover{background:#f8f9fa}.mail-stats{color:#6c757d;font-size:14px;margin-bottom:20px;padding:10px 0}.mail-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.calendar-view{display:flex;flex-direction:column;height:90vh;padding:20px 0}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-header h2{color:#212529;font-size:28px;margin:0}.calendar-actions{display:flex;gap:10px}.calendar-week-info{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px;text-align:center}.calendar-week-info h3{color:#212529;font-size:22px;margin:0 0 10px}.calendar-week-info p{color:#6c757d;font-size:14px;margin:0}.calendar-grid{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.calendar-week-header{background:#f8f9fa;border-bottom:2px solid #dee2e6;display:grid;grid-template-columns:80px repeat(7,1fr)}.time-column-header{color:#212529;font-size:14px;font-weight:600}.day-header,.time-column-header{border-right:1px solid #dee2e6;padding:15px 10px;text-align:center}.day-header{display:flex;flex-direction:column;justify-content:center;max-height:55px}.day-header:last-child{border-right:none}.day-header.today{background:#e3f2fd;color:#0078d4;font-weight:600}.day-name{font-size:14px;font-weight:600;margin-bottom:5px}.day-date{font-size:16px;margin-bottom:5px}.day-event-count{color:#6c757d;font-size:12px;opacity:.8}.calendar-week-body{display:grid;flex:1 1;grid-template-columns:80px repeat(7,1fr);min-height:400px}.time-column{background:#f8f9fa;border-right:1px solid #dee2e6}.time-slot{align-items:center;border-bottom:1px solid #dee2e6;color:#6c757d;display:flex;font-size:12px;height:10%;justify-content:center;padding:8px 10px;text-align:center}.day-column{border-right:1px solid #dee2e6;display:flex;flex-direction:column;position:relative}.day-column:last-child{border-right:none}.early-events-section,.late-events-section{background:#f8f9fa;border-bottom:1px solid #dee2e6;min-height:30px;padding:5px}.expand-button{background:#e9ecef;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;cursor:pointer;font-size:10px;padding:2px 6px;text-align:center;transition:all .2s ease;width:100%}.expand-button:hover{background:#dee2e6;color:#495057}.early-events,.late-events{margin-top:5px;max-height:150px;overflow-y:auto}.core-hours-section{flex:1 1;height:calc(100vh - 300px);min-height:400px;position:relative}.day-events{height:100%;position:relative;z-index:2}.time-slot-bg{border-bottom:1px solid #f0f0f0;height:10%;left:0;position:relative;right:0;z-index:1}.time-slot-bg:nth-child(2n){background:#f8f9fa4d}.calendar-event{word-wrap:break-word;overflow:hidden}.calendar-event-positioned{border-left:3px solid #ffffff80;box-shadow:0 1px 3px #0003;position:absolute;z-index:10}.calendar-event-positioned:hover{opacity:.9;transform:scale(1.02);transition:all .2s ease;z-index:20}.calendar-event-early,.calendar-event-late{position:relative;z-index:3}.calendar-event-early:hover,.calendar-event-late:hover{opacity:.9;transform:scale(1.02);transition:all .2s ease}.operation-blocked{cursor:not-allowed!important;opacity:.6!important;pointer-events:none!important}.operation-blocked:hover{opacity:.6!important;transform:none!important}.calendar-ticket{background-image:linear-gradient(135deg,#0000,#ffffff1a);border:2px solid #ffffff80!important;border-left:4px solid #fffc!important}.calendar-ticket:hover{border-color:#fffc!important;box-shadow:0 2px 8px #0000004d;transform:scale(1.05)}.calendar-ticket:before{content:"🎫";font-size:8px;opacity:.7;position:absolute;right:1px;top:1px}.calendar-ticket.ghost:before{content:none!important;display:none!important}.calendar-ticket.has-markers:before{display:none}.btn{display:inline-block;text-align:center;transition:all .2s ease}.btn-primary{background:#0078d4}.btn-primary:hover{background:#106ebe}.loading .animate-spin{animation:spin 1s linear infinite;margin-bottom:15px}.error p{font-size:16px;margin:0}.container{margin:0 auto;max-width:none;padding:0 20px;width:100%}@media (max-width:768px){.mail-controls{flex-direction:column;gap:15px}.filter-group{align-items:flex-start;flex-direction:column;gap:8px}.sort-controls{flex-wrap:wrap}.calendar-actions{flex-direction:column;gap:8px}.calendar-week-body,.calendar-week-header{grid-template-columns:60px repeat(7,1fr)}.time-column-header{font-size:12px;padding:10px 5px}.day-header{min-height:60px;padding:10px 5px}.day-name{font-size:12px}.day-date{font-size:14px}.day-event-count{font-size:10px}.calendar-event{font-size:10px;padding:2px 4px}.expand-button{font-size:8px;padding:1px 3px}.early-events,.late-events{max-height:100px}.core-hours-section{height:calc(100vh - 250px);min-height:300px}.day-events{height:100%}}.ticket-view{padding:20px}.ticket-statistics{display:flex;gap:20px;margin-bottom:20px}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-width:100px;padding:15px;text-align:center}.stat-value{color:#0078d4;font-size:24px;font-weight:700}.stat-label{color:#666;font-size:12px;margin-top:5px}.ticket-controls{gap:10px}.ticket-filters{background:#f8f9fa;gap:15px;padding:15px}.ticket-list{gap:15px}.ticket-card{background:#fff;border-left:4px solid #0078d4;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.ticket-card .ticket-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.ticket-number{align-items:center;color:#0078d4;display:flex;font-weight:700;gap:8px}.priority-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.ticket-title{font-size:18px;margin-bottom:10px}.ticket-description{color:#666;line-height:1.5;margin-bottom:15px}.ticket-meta{flex-wrap:wrap;gap:15px;margin-bottom:15px}.ticket-info{align-items:center;color:#666;font-size:14px}.ticket-card .ticket-actions{align-items:center;display:flex;justify-content:space-between}.status-select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:5px 10px}.email-count{background:#f8f9fa;border-radius:4px;font-size:12px;padding:2px 6px}.empty-state{color:#666;padding:40px}.ticket-sidebar{border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:100vh;width:300px}.sidebar-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:15px 20px}.sidebar-header h3{color:#212529;font-size:18px}.sidebar-actions{gap:5px}.btn-sm{font-size:12px}.sidebar-content{overflow-y:auto;padding:10px}.ticket-count{color:#6c757d;font-size:14px;margin-bottom:15px;padding:0 10px}.ticket-item{background:#f8f9fa;border:1px solid #dee2e6;padding:12px}.ticket-item:hover{background:#e9ecef;border-color:#0078d4;box-shadow:0 2px 8px #0000001a}.ticket-item.dragging{cursor:grabbing;transform:rotate(2deg)}.ticket-item .ticket-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px}.ticket-item .ticket-number{font-size:12px;font-weight:600}.ticket-expand{color:#6c757d;transition:transform .2s ease}.ticket-item .ticket-title{color:#212529;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:8px}.ticket-item .ticket-meta{align-items:center;justify-content:space-between;margin-bottom:8px}.ticket-priority,.ticket-status{font-size:12px;gap:4px}.ticket-details{background:#fff;border:1px solid #dee2e6;border-radius:6px;margin-top:8px;padding:10px}.ticket-description{margin-bottom:10px}.ticket-description p{color:#495057;font-size:13px;line-height:1.4;margin:0}.ticket-info{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.ticket-assigned,.ticket-category,.ticket-due{align-items:center;color:#6c757d;display:flex;font-size:12px;gap:5px}.ticket-dates{display:flex;flex-direction:column;gap:2px}.ticket-created,.ticket-updated{color:#6c757d;font-size:11px}.no-tickets p{font-size:14px;margin:10px 0 0}.sidebar-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.sidebar-loading .animate-spin{animation:spin 1s linear infinite;margin-bottom:15px}.sidebar-error{align-items:center;color:#dc3545;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.sidebar-error p{font-size:14px;margin:10px 0 15px}.calendar-with-sidebar{align-items:flex-start;display:flex;gap:20px;height:100vh}.calendar-main{flex:1 1;height:100%;min-width:0}.drop-zone{position:relative}.drop-zone.drag-over{background:#0078d40d;border:2px dashed #0078d4;border-radius:8px}.drop-zone.drag-over:after{content:none}.modal-overlay{height:100vh;width:100vw}.modal-content{box-shadow:0 4px 12px #0000004d}.modal-header{background:#f8f9fa;border-bottom:1px solid #dee2e6}.modal-header h3{color:#212529}.close-btn{border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#e9ecef}.modal-body{flex:1 1;overflow-y:auto}.modal-footer{background:#f8f9fa;border-top:1px solid #dee2e6}.planning-info{background:#e3f2fd;border-left:4px solid #0078d4;border-radius:6px;margin-bottom:20px;padding:15px}.planning-info h4{color:#0078d4;font-size:16px;margin:0 0 10px}.planning-info p{color:#495057;font-size:14px;margin:5px 0}.time-selection{display:flex;gap:20px;justify-content:center}.time-group{display:flex;flex-direction:column;gap:8px}.time-group label{color:#495057;font-size:14px;font-weight:600}.time-group input[type=time]{background:#fff;border:1px solid #dee2e6;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.time-group input[type=time]:focus{border-color:#0078d4;box-shadow:0 0 0 3px #0078d41a;outline:none}.modal-actions{gap:10px;margin-top:20px}.email-preview{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.email-preview h4{margin-bottom:10px}.email-preview p{font-size:14px;margin-bottom:5px}.email-info{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.email-info h4{color:#333;margin-bottom:5px}.email-info p{color:#666;font-size:14px;margin:0}.ticket-selector{margin-bottom:20px}.ticket-selector h4{margin-bottom:15px}.ticket-item{border:1px solid #ddd;margin-bottom:10px;padding:15px}.ticket-item .ticket-info{flex:1 1}.ticket-item .ticket-number{color:#0078d4;font-weight:700;margin-bottom:5px}.ticket-item .ticket-title{color:#333;margin-bottom:5px}.ticket-item .ticket-meta{display:flex;gap:10px}.status-badge{border-radius:4px;font-size:12px;font-weight:500;padding:2px 6px}.status-badge.status-offen{background:#f8d7da;color:#721c24}.status-badge.status-in_bearbeitung{background:#fff3cd;color:#856404}.status-badge.status-zugewiesen{background:#cce5ff;color:#004085}.status-badge.status-abgeschlossen{background:#d4edda;color:#155724}.priority-badge.priority-kritisch{background:#f8d7da;color:#721c24}.priority-badge.priority-hoch{background:#fff3cd;color:#856404}.priority-badge.priority-normal{background:#cce5ff;color:#004085}.priority-badge.priority-niedrig{background:#e9ecef;color:#495057}.context-menu{border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:1001}.context-menu-item{border-bottom:1px solid #f1f1f1;transition:background-color .2s}.context-menu-item:last-child{border-bottom:none}.context-menu-item:hover{background-color:#f8f9fa}.context-menu-item svg{margin-right:8px}.text-blue-500{color:#0078d4}@media (max-width:768px){.ticket-statistics{flex-wrap:wrap;gap:10px}.stat-card{min-width:80px}.ticket-controls,.ticket-filters{flex-direction:column}.ticket-filters{gap:10px}.form-row{flex-direction:column}.modal-content{margin:10px;width:95%}}.dashboard-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-top:20px}.compact-events-section{grid-column:1;grid-row:1;height:fit-content;justify-self:stretch;max-width:none;width:100%}.dashboard-grid{grid-gap:20px;display:grid;grid-column:1;grid-row:2;grid-template-columns:repeat(4,minmax(0,560px));justify-content:start}.dashboard-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-width:0;overflow:hidden;padding:20px}.section-header{border-bottom:1px solid #e0e0e0;gap:10px;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.section-header h2{color:#333;font-size:18px}.data-count{background:#f0f0f0;border-radius:12px;color:#666;font-size:12px;font-weight:400;padding:2px 8px}.user-info{display:flex;flex-direction:column;gap:8px}.user-info p{font-size:14px;margin:0}.user-info strong{color:#0078d4}.auto-update-indicator{animation:pulse 2s infinite;background:#28a745;border-radius:50%;height:8px;position:absolute;right:5px;top:5px;width:8px}.auto-update-indicator.stale{background:#ffc107}.auto-update-indicator.error{background:#dc3545}.filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px;padding:15px}.filter-group{flex-direction:column;gap:5px;min-width:200px}.filter-group label{color:#666;font-size:12px;font-weight:500}.filter-input,.filter-select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 10px}.sort-controls{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:10px;margin-bottom:15px;padding:10px 0}.sort-controls span{color:#666;font-size:14px;font-weight:500}.sort-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:5px;padding:5px 10px;transition:all .2s ease}.sort-btn:hover{background:#f0f0f0;border-color:#0078d4}.sort-btn.active{background:#0078d4;border-color:#0078d4;color:#fff}.email-count{color:#666;font-weight:400}@keyframes dataUpdate{0%{background-color:#e7f3ff}to{background-color:initial}}.data-updated{animation:dataUpdate 2s ease-out}.dashboard-ticket-item{border:1px solid #e0e0e0;border-radius:6px;margin-bottom:10px;padding:15px;transition:all .2s ease}.dashboard-ticket-item:last-child{margin-bottom:0}.dashboard-ticket-item:hover{border-color:#0078d4;box-shadow:0 2px 8px #0000001a}.dashboard-ticket-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ticket-number{color:#666;font-size:12px}.dashboard-ticket-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;font-weight:500;line-height:1.3;overflow:hidden}.dashboard-ticket-meta{gap:12px}.ticket-meta-item{align-items:center;color:#666;display:flex;font-size:11px;gap:4px}.ticket-assigned{color:#0078d4;font-size:11px;font-weight:500}.dashboard-empty-state{color:#666;text-align:center}.dashboard-empty-state p{font-size:14px;margin:8px 0 0}@media (max-width:1024px){.compact-events-section{max-width:800px}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.compact-events-section{max-width:100%}.dashboard-grid{grid-template-columns:1fr}.dashboard-header,.dashboard-header-actions{align-items:center;flex-direction:column;gap:15px}.dashboard-header-actions{width:100%}.compact-events{max-width:100%}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.filter-panel{flex-direction:column;gap:15px}.sort-controls{flex-wrap:wrap;gap:5px}.filter-group{min-width:auto}}.create-ticket-option{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px;text-align:center}.create-ticket-form{margin-top:20px}.create-ticket-form .form-group,.create-ticket-form h4{margin-bottom:15px}.create-ticket-form .form-group label{color:#555;display:block;font-weight:500;margin-bottom:5px}.create-ticket-form .form-group input,.create-ticket-form .form-group select,.create-ticket-form .form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.create-ticket-form .form-group textarea{min-height:100px;resize:vertical}.create-ticket-form .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.create-ticket-form .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.ticket-modal{max-height:90vh;max-width:800px;overflow-y:auto}.ticket-form{display:flex;flex-direction:column;gap:15px}.form-group{gap:5px}.form-group label{color:#333;font-size:14px}.form-row{gap:15px}.form-row .form-group{flex:1 1}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0078d4;outline:none}.form-group input.editable,.form-group select.editable,.form-group textarea.editable{background-color:#fff;border-color:#0078d4}.form-group input.readonly,.form-group select.readonly,.form-group textarea.readonly{background-color:#f5f5f5;border-color:#e0e0e0;color:#666}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f5f5f5;border-color:#e0e0e0;color:#666;cursor:not-allowed}.planning-section{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:15px}.planning-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.planning-actions{display:flex;gap:10px;margin-top:15px}.day-column.drop-zone{position:relative;transition:background-color .2s}.day-column.drop-zone.drag-over{background-color:#0078d41a;border:2px dashed #0078d4}.day-column.drop-zone.drag-over:after{background:linear-gradient(135deg,#0078d41a,#0078d40d)}.day-column.drop-zone.drag-over:after,.day-column.drop-zone.drag-over:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.day-column.drop-zone.drag-over:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 25px,#0078d41a 0,#0078d41a 26px)}.calendar-ticket{border:2px solid #ffffff80;cursor:pointer;position:relative;transition:all .2s;-webkit-user-select:none;user-select:none}.calendar-ticket:hover{border-color:#fffc;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.calendar-ticket:active{transform:translateY(0)}.calendar-ticket.dragging{opacity:.5;transform:scale(.95)}.calendar-ticket[data-priority=kritisch]{border-left:4px solid red}.calendar-ticket[data-priority=hoch]{border-left:4px solid #f60}.calendar-ticket[data-priority=normal]{border-left:4px solid #0078d4}.calendar-ticket[data-priority=niedrig]{border-left:4px solid #666}.modal-content{box-shadow:0 8px 32px #0000004d;max-height:90vh}.modal-content.ticket-modal{max-width:800px}.modal-header{border-bottom:1px solid #e0e0e0}.modal-header h3{font-size:18px}.close-btn{color:#666;font-size:24px;height:30px;padding:0;width:30px}.close-btn:hover{color:#333}.modal-body{padding:20px}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px}.btn{font-size:14px;gap:5px}.btn:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary:hover{background-color:#106ebe}.btn-primary:disabled{background:#6c757d;cursor:not-allowed}.btn-warning{background-color:#f60;color:#fff}.btn-warning:hover{background-color:#e55a00}.btn:disabled{opacity:.5;transform:none}.btn:disabled:hover{box-shadow:none;transform:none}@media (max-width:768px){.ticket-modal{max-width:95%}.form-row,.modal-footer,.planning-actions{flex-direction:column}}.drag-preview{animation:dragPreviewPulse .5s ease-in-out infinite alternate;box-shadow:0 6px 18px #0006}@keyframes dragPreviewPulse{0%{opacity:.9;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.resize-preview{animation:resizePreviewPulse .5s ease-in-out infinite alternate;box-shadow:0 6px 18px #0006}@keyframes resizePreviewPulse{0%{opacity:.9;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.ticket-item.dragging{border:2px dashed #007bff;transition:all .2s ease}.calendar-ticket.dragging{box-shadow:0 8px 20px #0006;cursor:grabbing;opacity:.7;transform:scale(.9) rotate(2deg);z-index:1000}.drop-zone.drag-over{background:linear-gradient(135deg,#007bff1a,#28a7451a);border:2px dashed #007bff;transform:scale(1.02);transition:all .3s ease}.day-column.drop-zone.drag-over{background:linear-gradient(135deg,#007bff0d,#28a7450d);border:1px solid #007bff;transform:scale(1.01)}.resize-handle{opacity:0;position:absolute;transition:all .2s ease}.calendar-ticket:hover .resize-handle{opacity:1}.resize-handle:hover{background-color:#fff9!important;opacity:1!important}.resize-handle-top{border-top:2px solid #fffc}.resize-handle-bottom{border-bottom:2px solid #fffc}.calendar-ticket.resizing{-webkit-user-select:none;user-select:none}.calendar-ticket.resizing .resize-handle{background-color:#fffc;opacity:1}.modal-content.create-ticket-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;width:90%}.modal-content.create-ticket-modal .create-ticket-form{display:flex;flex-direction:column;height:100%;overflow:hidden}.modal-content.create-project-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:80vw;overflow:hidden;width:80vw}.modal-content.create-project-modal .create-ticket-form{display:flex;flex-direction:column;height:100%;overflow:hidden}.modal-content.create-project-modal.narrow{max-width:50vw;width:50vw}.wizard-divider{background:linear-gradient(90deg,#007bff,#66b2ff 50%,#007bff);border-radius:2px;height:3px;margin:12px 0;opacity:.7;width:100%}.wizard-divider.subtle{background:#ced4da;height:2px;margin:10px 0;opacity:1}.modal-content{display:flex;flex-direction:column;max-height:85vh;max-width:600px}.modal-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between}.modal-header h3{color:#333}.modal-title{align-items:center;color:#333;display:flex;gap:12px}.modal-title svg{color:#007bff;filter:drop-shadow(0 2px 4px rgba(0,123,255,.2))}.modal-title h3{color:#333;font-size:1.4rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.close-btn:hover{background:#6c757d1a;color:#495057;transform:scale(1.1)}.create-ticket-form{display:flex;flex-direction:column;height:100%;overflow:hidden}.form-body{flex:1 1;min-height:0;overflow-y:auto;padding:28px}.form-group{margin-bottom:24px}.form-group label{color:#495057;font-size:.95rem;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.required{color:#dc3545;font-weight:700}.form-input,.form-select,.form-textarea{background:#fafbfc;border:2px solid #e9ecef;border-radius:10px;font-family:inherit;font-size:.95rem;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#ced4da}.form-textarea{line-height:1.6;min-height:120px;resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.form-row{grid-gap:20px;gap:20px;margin-bottom:24px}.form-group:last-child{margin-bottom:0}.modal-actions{flex-shrink:0}.btn{font-size:.95rem;min-width:120px;padding:12px 24px}.section-header .btn.icon-only{gap:0;min-width:0;padding:6px;width:auto}.btn-secondary:hover{box-shadow:0 4px 8px #6c757d33}.btn-primary{box-shadow:0 4px 8px #007bff33}.btn-primary:hover{box-shadow:0 6px 12px #007bff4d}.btn-primary:active{transform:translateY(0)}.btn-sm{border-radius:6px;font-size:.875rem;padding:8px 16px}.section-header{align-items:center;display:flex;gap:8px;margin-bottom:16px;position:relative}.section-header h2{flex:1 1;margin:0}.section-header .btn{margin-left:auto}.dashboard-section{position:relative}.section-header-with-search{gap:0}.section-header-with-search svg{flex:none;margin-right:8px}.section-header-with-search h2{flex:none;margin:0 16px 0 0;white-space:nowrap}.section-header-with-search .btn{flex:none;margin-left:16px}.ticket-search-container{display:flex;flex:1 1;justify-content:center;min-width:100px}.ticket-search-input{background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;font-size:.875rem;outline:none;padding:8px 12px 8px 36px;transition:all .2s ease;width:100%}.ticket-search-input:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.ticket-search-input::placeholder{color:#6c757d;font-style:italic}.email-info,.teams-message-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff;border-radius:12px;margin-bottom:20px;padding:20px}.email-info h4,.teams-message-info h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 12px}.email-info p,.teams-message-info p{color:#495057;font-size:.9rem;margin:8px 0}.email-info small,.teams-message-info small{color:#6c757d;font-style:italic}.ticket-selector{padding:20px}.ticket-selector h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 16px}.ticket-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.ticket-item{align-items:center;background:linear-gradient(135deg,#fff,#fafbfc);border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;transition:all .2s}.ticket-item:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.ticket-info{flex:1 1}.ticket-number{color:#007bff;font-size:.9rem;font-weight:600;margin-bottom:4px}.ticket-title{font-size:1rem;font-weight:500;margin-bottom:8px}.ticket-meta{gap:8px}.priority-badge,.status-badge{font-size:.75rem}.status-badge.status-offen{background:#17a2b8}.status-badge.status-in_bearbeitung{background:#ffc107}.status-badge.status-zugewiesen{background:#28a745}.status-badge.status-abgeschlossen{background:#6c757d}.priority-badge.priority-niedrig{background:#28a745}.priority-badge.priority-normal{background:#17a2b8}.priority-badge.priority-hoch{background:#fd7e14}.priority-badge.priority-kritisch{background:#dc3545}.create-ticket-option{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #e9ecef;display:flex;justify-content:center;padding:16px}.create-ticket-form{padding:20px}.create-ticket-form h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 16px}.email-preview{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff;border-radius:12px;margin:16px 0;padding:16px}.email-preview h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 12px}.email-preview p{color:#495057;font-size:.9rem;margin:6px 0}.context-menu{animation:contextMenuSlideIn .2s ease-out;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 10px 30px #00000026;min-width:200px;padding:8px 0;position:fixed;z-index:1000}@keyframes contextMenuSlideIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:12px 16px;transition:all .2s}.context-menu-item:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#007bff}.context-menu-item svg{color:#6c757d;transition:all .2s}.context-menu-item:hover svg{color:#007bff}@media (max-width:768px){.modal-content,.modal-content.create-ticket-modal{border-radius:12px;max-height:90vh;width:95%}.modal-title h3{font-size:1.2rem}.form-body{padding:24px}.form-row{gap:16px;grid-template-columns:1fr}.modal-actions{flex-direction:column;padding:16px 24px}.btn{margin-bottom:8px;width:100%}.btn:last-child{margin-bottom:0}.ticket-selector{padding:16px}.ticket-item{align-items:flex-start;flex-direction:column;gap:12px}.ticket-item .btn{width:100%}}@media (max-width:480px){.modal-content,.modal-content.create-ticket-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.form-body{padding:20px}.form-input,.form-select,.form-textarea{padding:10px 14px}.form-textarea{min-height:100px}.modal-actions{padding:16px 20px}.ticket-selector{padding:16px}.context-menu{border-radius:8px}}.form-body::-webkit-scrollbar{width:6px}.form-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.form-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.form-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.form-input:invalid,.form-textarea:invalid{border-color:#dc3545}.form-input:valid,.form-textarea:valid{border-color:#28a745}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:2px solid #007bff;outline-offset:2px}*{transition:all .2s ease}.btn:disabled:hover{box-shadow:none!important;transform:none!important}.dashboard-ticket-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:8px}.dashboard-grid{align-items:stretch;display:flex;flex-wrap:nowrap;gap:20px;justify-content:center}.dashboard-grid>.dashboard-section{flex:1 1;max-width:560px;min-width:0}.dashboard-ticket-item{-webkit-user-drag:element;background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s;-webkit-user-select:none;user-select:none}.dashboard-ticket-item.dragging{border-color:#007bff;border-style:dashed;opacity:.6}.dashboard-ticket-item:hover{background:#f8f9fa;border-color:#007bff;box-shadow:0 2px 8px #007bff1a;transform:translateY(-1px)}.dashboard-ticket-title{color:#333;font-size:.9rem;font-weight:600;line-height:1.4;margin-bottom:8px}.dashboard-ticket-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.ticket-assigned,.ticket-last-activity{align-items:center;color:#6c757d;display:flex;font-size:.75rem;gap:4px;margin-top:6px}.ticket-last-activity svg{flex-shrink:0}.ticket-last-activity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-empty-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;font-size:.9rem;justify-content:center;padding:40px 20px}.dashboard-empty-state p{margin-bottom:0;margin-top:12px}.ticket-filter{margin-bottom:16px}.ticket-filter-input{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.ticket-filter-input:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.ticket-list-scrollable{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;max-height:300px;overflow-y:auto;padding:8px}.ticket-list-scrollable::-webkit-scrollbar{width:8px}.ticket-list-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.ticket-list-scrollable::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.ticket-list-scrollable::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ticket-item-compact{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:6px;min-height:50px;padding:8px 12px;transition:all .2s}.ticket-item-compact:hover{background:#f8f9fa;border-color:#007bff;box-shadow:0 2px 6px #007bff1a;transform:translateY(-1px)}.ticket-item-compact:last-child{margin-bottom:0}.ticket-info-compact{flex:1 1;min-width:0}.ticket-header-compact{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.ticket-number-compact{background:#e9ecef;border-radius:3px;color:#6c757d;font-size:11px;font-weight:600;padding:2px 6px}.ticket-badges-compact{align-items:center;display:flex;gap:4px}.priority-badge-compact,.status-badge-compact{border-radius:3px;font-size:9px;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.status-badge-compact.status-offen{background:#dc3545;color:#fff}.status-badge-compact.status-in_bearbeitung{background:#fd7e14;color:#fff}.status-badge-compact.status-zugewiesen{background:#0d6efd;color:#fff}.status-badge-compact.status-abgeschlossen{background:#198754;color:#fff}.priority-badge-compact.priority-niedrig{background:#6c757d;color:#fff}.priority-badge-compact.priority-normal{background:#0d6efd;color:#fff}.priority-badge-compact.priority-hoch{background:#fd7e14;color:#fff}.priority-badge-compact.priority-kritisch{background:#dc3545;color:#fff}.ticket-title-compact{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:13px;font-weight:500;line-height:1.3;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.btn-compact{flex-shrink:0;font-size:12px!important;margin-left:12px;min-width:80px;padding:6px 12px!important}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:10px;margin-bottom:8px}.checkbox-label input[type=checkbox]{accent-color:#0078d4;cursor:pointer;height:18px;width:18px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.hours-filter-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:10px}.filter-preview{background:#f0f8ff;border:1px solid #cce7ff;border-radius:8px;margin-top:10px;padding:15px}.filter-preview h4{color:#333;font-size:.9rem;margin:0 0 10px}.form-help{display:block;font-size:.8rem;margin-top:4px}.email-detail-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1100}.email-detail-container{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.email-detail-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:24px 28px}.email-header-info{align-items:center;display:flex;gap:12px}.email-header-info svg{color:#007bff;filter:drop-shadow(0 2px 4px rgba(0,123,255,.2))}.email-header-info h2{color:#333;font-size:1.4rem;font-weight:600;margin:0}.email-detail-content{flex:1 1;overflow-y:auto;padding:28px}.email-meta-section{margin-bottom:30px}.email-subject{align-items:flex-start;border-bottom:1px solid #e9ecef;margin-bottom:20px;padding-bottom:16px}.email-subject h3{align-items:center;color:#333;display:flex;font-size:1.2rem;font-weight:600;gap:12px;margin:0}.attachment-icon{color:#6c757d;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.email-importance{background:linear-gradient(135deg,#6c757d1a,#6c757d0d);border:1px solid #6c757d33;border-radius:8px;font-size:.9rem;font-weight:500;padding:6px 12px}.email-meta-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.meta-item{border-left:4px solid #007bff}.meta-label{font-weight:600}.meta-value{word-wrap:break-word}.recipient{background:#007bff1a;border-radius:4px;display:inline-block;font-size:.85rem;margin-right:6px;padding:2px 6px}.email-flags{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.flag-badge{align-items:center;border-radius:8px;display:flex;gap:6px}.flag-badge.read{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;color:#155724}.flag-badge.unread{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:1px solid #bee5eb;color:#0c5460;font-weight:600}.flag-badge.flagged{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;color:#721c24}.email-body-section{margin-top:24px}.email-body-section h4{border-bottom:1px solid #e9ecef;color:#333;font-size:1.1rem;font-weight:600;margin:0 0 16px;padding-bottom:12px}.loading-indicator{color:#6c757d;font-size:.9rem;font-style:italic;font-weight:400}.email-attachments-section{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:12px;margin:20px 0;overflow:hidden}.attachments-header{align-items:center;background:linear-gradient(135deg,#e9ecef,#dee2e6);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:16px 20px}.attachments-header h4{align-items:center;color:#495057;display:flex;font-size:1rem;font-weight:600;margin:0}.toggle-attachments-btn{background:none;border:1px solid #6c757d;border-radius:6px;color:#6c757d;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s}.toggle-attachments-btn:hover{background:#6c757d;color:#fff}.attachments-list{padding:16px 20px}.attachment-item{box-shadow:0 1px 3px #0000001a;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.attachment-item:hover{border-color:#007bff;box-shadow:0 2px 6px #007bff26}.attachment-item:last-child{margin-bottom:0}.attachment-info{display:flex;flex-direction:column;gap:4px}.attachment-name{color:#333;font-size:.9rem;font-weight:600}.attachment-size{color:#6c757d;font-size:.8rem}.attachment-download-btn{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;box-shadow:0 2px 4px #007bff33;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;text-decoration:none;transition:all .2s}.attachment-download-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 3px 8px #007bff4d;color:#fff;text-decoration:none;transform:translateY(-1px)}.inline-attachments-info{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #2196f3;border-radius:8px;color:#1565c0;display:flex;font-size:.9rem;font-weight:500;margin-top:8px;padding:12px 16px}.email-body-content{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;color:#333;font-size:.95rem;line-height:1.6;max-height:400px;overflow-y:auto;padding:24px}.email-body-content p{margin:0 0 12px}.email-body-content a{color:#007bff;text-decoration:none;transition:all .2s}.email-body-content a:hover{color:#0056b3;text-decoration:underline}.email-body-content blockquote{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff;border-radius:8px;font-style:italic;margin:12px 0;padding:12px 16px}.email-body-content table{border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #00000014;margin:12px 0;overflow:hidden;width:100%}.email-body-content td,.email-body-content th{border:1px solid #e9ecef;padding:10px;text-align:left}.email-body-content th{color:#495057;font-weight:600}.email-body-content th,.email-body-empty{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.email-body-empty{border:2px dashed #dee2e6;border-radius:12px;color:#6c757d;font-style:italic;padding:48px;text-align:center}@media (max-width:768px){.email-detail-container{border-radius:12px;max-height:95vh;width:95%}.email-detail-header{padding:20px 24px}.email-detail-content{padding:24px}.email-subject{align-items:flex-start;flex-direction:column;gap:12px}.email-subject h3{font-size:1.1rem}.meta-row{gap:12px;grid-template-columns:1fr}.meta-item{padding:12px}.email-body-content{max-height:250px;padding:16px}}@media (max-width:480px){.email-detail-container{border-radius:0;height:100vh;max-height:100vh;width:100%}.email-detail-header{padding:16px 20px}.email-detail-content{padding:20px}.email-subject h3{font-size:1rem}.meta-item{padding:12px}.email-body-content{max-height:200px;padding:16px}}.email-body-content::-webkit-scrollbar{width:6px}.email-body-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.email-body-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.email-body-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.email-detail-content::-webkit-scrollbar{width:6px}.email-detail-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.email-detail-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.email-detail-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.email-body-content img{box-shadow:0 2px 8px #0000001a;height:auto;margin:4px 0}.email-body-content iframe,.email-body-content img{border-radius:4px;max-width:100%}@media (max-width:768px){.attachments-header,.attachments-list{padding:12px 16px}.attachment-item{padding:10px 12px}.attachment-info{flex:1 1;margin-right:12px}.attachment-name{font-size:.85rem}.attachment-size{font-size:.75rem}.attachment-download-btn{padding:6px 10px}}@media (max-width:480px){.attachments-header{align-items:flex-start;flex-direction:column;gap:8px}.toggle-attachments-btn{align-self:flex-end}.attachment-item{align-items:flex-start;flex-direction:column;gap:8px}.attachment-download-btn{align-self:flex-end}}.email-detail-container .email-reply-button{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;justify-content:center;min-width:100px;padding:6px 12px;transition:all .2s ease}.email-detail-container .email-reply-button:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.email-detail-container .email-reply-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.email-detail-container .email-reply-button:active{box-shadow:0 2px 4px #007bff33;transform:translateY(0)}.email-subject{align-items:center;display:flex;gap:10px;justify-content:space-between}.email-subject>div:first-child{align-items:center;display:flex;flex:1 1;min-width:0}.email-read-toggle{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:2px;padding:2px 6px;transition:background-color .2s ease}.email-read-toggle:hover{background-color:#0000001a}.email-read-toggle.read{color:#28a745}.email-read-toggle.unread{color:#6c757d}.email-reply-button{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;justify-content:center;min-width:80px;padding:4px 8px;transition:all .2s}.email-reply-button:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.email-reply-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.teams-message-detail-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.teams-message-detail-container{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.teams-message-detail-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:24px 28px}.message-header-info{align-items:center;display:flex;gap:12px}.message-header-info svg{color:#6264a7;filter:drop-shadow(0 2px 4px rgba(98,100,167,.2))}.message-header-info h2{color:#333;font-size:1.4rem;font-weight:600;margin:0}.teams-message-detail-content{flex:1 1;overflow-y:auto;padding:28px}.message-meta-section{margin-bottom:24px}.message-meta-grid{margin-bottom:20px}.meta-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-bottom:12px}.meta-item{border-left:4px solid #6264a7;border-radius:12px;box-shadow:0 2px 8px #00000014;gap:6px;padding:16px}.meta-item:hover{box-shadow:0 4px 16px #0000001f}.meta-label{font-size:.875rem}.meta-value{font-size:.95rem;line-height:1.4}.message-subject{margin-bottom:20px}.message-subject h3{align-items:center;color:#333;display:flex;font-size:1.2rem;font-weight:600;gap:12px;margin:0}.importance-badge{background:linear-gradient(135deg,#dc35451a,#dc35450d);border:1px solid #dc354533;border-radius:8px;color:#dc3545;font-size:.75rem;font-weight:500;padding:4px 8px}.message-flags{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.flag-badge{border-radius:12px;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.flag-badge:hover{transform:translateY(-1px)}.flag-badge.chat-type{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #bbdefb;color:#1976d2}.flag-badge.importance{background:linear-gradient(135deg,#dc35451a,#dc35450d);border:1px solid #dc354533;color:#dc3545}.flag-badge.message-type{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:1px solid #e1bee7;color:#7b1fa2}.message-body-section{margin-bottom:24px}.message-body-section h4{border-bottom:1px solid #e9ecef;color:#333;font-size:1.1rem;font-weight:600;margin:0 0 16px;padding-bottom:12px}.message-body-content{background:linear-gradient(135deg,#fafbff,#f3e5f5);border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;color:#333;font-size:.95rem;line-height:1.6;max-height:400px;overflow-y:auto;padding:20px}.message-body-content img{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000f;display:inline-block;height:auto;margin:6px 0;max-width:100%}.message-body-content.plain-text{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.message-body-content.plain-text pre{word-wrap:break-word;font-family:inherit;margin:0;white-space:pre-wrap}.message-body-empty{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:12px;color:#6c757d;font-style:italic;padding:48px;text-align:center}.message-additional-info{border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:12px;padding-top:20px}.info-item{background:#6264a70d;border-left:3px solid #6264a7;border-radius:8px;display:flex;font-size:.9rem;gap:12px;padding:10px}.info-label{color:#6c757d;font-weight:500;min-width:100px}.info-value{color:#333;line-height:1.4}@media (max-width:768px){.teams-message-detail-container{border-radius:12px;max-height:95vh;width:95%}.teams-message-detail-header{padding:20px 24px}.teams-message-detail-content{padding:24px}.meta-row{gap:12px;grid-template-columns:1fr}.message-subject h3{font-size:1.1rem}.message-body-content{max-height:300px;padding:16px}.meta-item{padding:12px}}@media (max-width:480px){.teams-message-detail-container{border-radius:0;height:100vh;max-height:100vh;width:100%}.teams-message-detail-header{padding:16px 20px}.teams-message-detail-content{padding:20px}.message-subject h3{font-size:1rem}.message-body-content{max-height:250px;padding:16px}.meta-item{padding:12px}}.message-body-content::-webkit-scrollbar{width:6px}.message-body-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.message-body-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.message-body-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.teams-message-detail-content::-webkit-scrollbar{width:6px}.teams-message-detail-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.teams-message-detail-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.teams-message-detail-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.teams-message-list{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.teams-header{border-bottom:1px solid #eee;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.teams-header,.teams-header h3{align-items:center;display:flex}.teams-header h3{color:#333;font-size:1.2em;gap:8px;margin:0}.teams-icon{font-size:1.2em}.refresh-button{align-items:center;background:#6264a7;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9em;gap:6px;padding:8px 12px;transition:background-color .2s}.refresh-button:hover{background:#545497}.refresh-icon{font-size:.9em}.teams-messages{max-height:400px;overflow-y:auto}.teams-message{border-bottom:1px solid #f0f0f0;padding:12px 0;transition:background-color .2s}.teams-message:hover{background:#f8f9fa;border-radius:4px;margin:0 -8px;padding:12px 8px}.teams-message:last-child{border-bottom:none}.message-header{justify-content:space-between;margin-bottom:8px}.message-header,.sender-info{align-items:center;display:flex}.sender-info{gap:8px}.sender-name{color:#333;font-size:.95em;font-weight:600}.chat-info{color:#666;font-size:.85em}.chat-topic{font-style:italic}.message-time{color:#999;font-size:.8em}.message-content{color:#444;font-size:.9em;line-height:1.4;margin-bottom:8px}.message-footer{align-items:center;display:flex;justify-content:space-between}.chat-type{background:#f0f0f0;border-radius:12px;color:#666;font-size:.8em;padding:2px 6px}.importance-indicator{color:#f44;font-size:.9em}.teams-footer{border-top:1px solid #eee;margin-top:15px;padding-top:15px;text-align:center}.teams-footer p{color:#666;font-size:.85em;margin:0}.teams-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#6264a7;height:32px;margin-bottom:12px;width:32px}.teams-error{align-items:center;background:#fee;border:1px solid #fdd;border-radius:4px;display:flex;gap:15px;padding:20px}.error-icon{color:#e74c3c;font-size:1.5em}.error-message h4{color:#e74c3c;font-size:1em;margin:0 0 8px}.error-message p{color:#666;font-size:.9em;margin:0 0 10px}.retry-button{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;padding:6px 12px;transition:background-color .2s}.retry-button:hover{background:#c0392b}.teams-empty{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px}.empty-icon{font-size:2em;margin-bottom:15px;opacity:.7}.teams-empty h4{color:#333;font-size:1.1em;margin:0 0 8px}.teams-empty p{color:#666;font-size:.9em;margin:0}.dashboard-teams-list{display:flex;flex-direction:column;gap:8px}.teams-message-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:10px;padding:15px;transition:all .2s ease}.teams-message-item:last-child{margin-bottom:0}.teams-message-item:hover{background:#f8f9fa;border-color:#6264a7;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.teams-message-item .message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.teams-message-item .sender-name{color:#333;font-size:14px;font-weight:600}.teams-message-item .chat-topic{color:#666;font-size:12px;margin-left:6px}.teams-message-item .message-time{color:#666;font-size:12px}.teams-message-item .message-content{color:#444;font-size:14px;line-height:1.4;margin-bottom:8px}.teams-message-item .message-footer{align-items:center;color:#666;display:flex;font-size:11px;justify-content:space-between}.teams-message-item .chat-type{background:#f0f0f0;border-radius:3px;color:#666;font-size:11px;padding:2px 6px}.teams-message-item .importance-indicator{color:#ff6b35;font-size:12px}.teams-view{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px 0;padding:20px}.teams-view .teams-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.teams-view .teams-header h1{align-items:center;color:#333;display:flex;font-size:1.5em;gap:10px;margin:0}.teams-messages-full{margin-top:20px}.messages-count{background:#f8f9fa;border-radius:4px;color:#666;font-size:.9em;margin-bottom:20px;padding:10px 15px;text-align:center}.teams-message-full{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:15px;padding:15px;transition:all .2s}.teams-message-full:hover{border-color:#6264a7;box-shadow:0 2px 8px #6264a71a;transform:translateY(-1px)}.teams-message-full .message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.teams-message-full .sender-name{color:#333;font-size:1em;font-weight:600}.teams-message-full .message-time{color:#666;font-size:.85em}.message-content-full{word-wrap:break-word;color:#444;font-size:.95em;line-height:1.6;margin-bottom:12px;white-space:pre-wrap}.teams-message-full .message-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:10px}.teams-view .teams-empty{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px;text-align:center}.teams-view .teams-empty .empty-icon{font-size:3em;margin-bottom:20px;opacity:.7}.teams-view .teams-empty h3{color:#333;font-size:1.3em;margin:0 0 10px}.teams-view .teams-empty p{color:#666;font-size:1em;margin:0}@media (max-width:768px){.teams-header{align-items:flex-start;flex-direction:column;gap:10px}.message-footer,.message-header{align-items:flex-start;flex-direction:column;gap:4px}.teams-messages{max-height:300px}.teams-view .teams-header{align-items:flex-start;flex-direction:column;gap:15px}.teams-message-full .message-footer,.teams-message-full .message-header{align-items:flex-start;flex-direction:column;gap:6px}.teams-message-item .message-footer,.teams-message-item .message-header{align-items:flex-start;flex-direction:column;gap:4px}}.dashboard-events-list{display:flex;flex-direction:column;gap:8px}.dashboard-events-list.compact{gap:6px;height:fit-content;overflow:visible}.dashboard-events-list.compact.horizontal{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:center}.dashboard-event-item{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:8px;margin-bottom:10px;padding:15px;position:relative;transition:all .2s ease}.dashboard-events-list.compact.horizontal .dashboard-event-item{flex:1 1;margin-bottom:0;max-width:250px;min-width:200px;padding:12px}@media (max-width:768px){.dashboard-events-list.compact.horizontal{flex-direction:column;gap:10px}.dashboard-events-list.compact.horizontal .dashboard-event-item{margin-bottom:10px;max-width:none;min-width:0;min-width:auto}}.dashboard-event-item:last-child{margin-bottom:0}.dashboard-event-item:hover{background:#f8f9fa;border-color:#0078d4;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.dashboard-event-item.free-time-card{background:#f5f6f7;border-color:#e5e7ea;color:#6c757d}.dashboard-event-item.free-time-card .event-title{color:#495057}.dashboard-event-item.free-time-card:hover{background:#eff1f3;border-color:#dee2e6;box-shadow:none;transform:none}.dashboard-event-item .event-indicator{display:none}.dashboard-event-item .current-indicator{color:#28a745}.dashboard-event-item .next-indicator{color:#007bff}.dashboard-event-item .event-info{flex:1 1;margin-left:10%;min-width:0}.dashboard-event-item .event-title{color:#343a40;font-size:14px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-event-item .event-time{align-items:center;color:#6c757d;display:flex;font-size:12px;gap:4px}.date-tag{background-color:#6c757d;border-radius:6px;color:#fff;flex-shrink:0;font-size:8px;font-weight:500;letter-spacing:.3px;margin-left:6px;padding:1px 4px;text-transform:uppercase}.dashboard-event-item .event-time svg{color:#adb5bd}.dashboard-event-item.current .event-title{color:#28a745;font-weight:600}.dashboard-event-item.next .event-title{color:#007bff}.dashboard-event-item.past{opacity:.7}.dashboard-event-item.past .event-title{color:#6c757d;font-style:italic}.event-group{align-items:stretch;display:flex;flex-direction:row;gap:8px;transition:all .2s ease}.event-group.overlapping{background:#0078d40d;border:2px solid #0078d4!important;border-radius:8px;flex-wrap:wrap;margin:2px;padding:4px;position:relative;transition:all .2s ease}.event-group.overlapping:hover{background:#0078d41a;border-color:#106ebe!important;box-shadow:0 4px 12px #0078d426}.dashboard-event-item.grouped{background:#fff;border:1px solid #d0d7de;flex:1 1;margin-bottom:0;margin-right:0;min-width:0}.dashboard-event-item.grouped.first-in-group{border-bottom-left-radius:4px;border-top-left-radius:4px}.dashboard-event-item.grouped.last-in-group{border-bottom-right-radius:4px;border-top-right-radius:4px}.dashboard-event-item.grouped:not(.first-in-group){border-bottom-left-radius:0;border-left:none;border-top-left-radius:0}.dashboard-event-item.grouped:not(.last-in-group){border-bottom-right-radius:0;border-top-right-radius:0}.dashboard-event-item.linked{background:#0078d40d;border-color:#0078d4;transition:all .2s ease}.dashboard-event-item.linked:hover{background:#0078d41a;border-color:#106ebe;box-shadow:0 4px 12px #0078d426;transform:translateY(-2px)}.dashboard-event-item.linked .event-title{color:#0078d4;font-weight:600}.dashboard-event-item.waiting{background:#6c757d0d;border-color:#adb5bd;opacity:.6}.dashboard-event-item.waiting .event-title{color:#6c757d!important}.dashboard-event-item.waiting .event-time{color:#adb5bd}.dashboard-event-item.waiting:hover{background:#6c757d1a;border-color:#6c757d;box-shadow:0 2px 8px #6c757d26;transform:translateY(-1px)}.dashboard-event-item.grouped.linked{background:#0078d414;border-color:#0078d4}.dashboard-event-item.grouped.linked.waiting{background:#6c757d14;border-color:#adb5bd;opacity:.6}.dashboard-event-item.linked.waiting{background:#6c757d0d;border-color:#adb5bd;opacity:.6}.dashboard-event-item.linked.waiting .event-title{color:#6c757d!important}.dashboard-event-item.linked.waiting:hover{background:#6c757d1a;border-color:#6c757d}.current-time-marker-vertical{pointer-events:none}.dashboard-event-item .duration-strip{align-items:center;background:#6c757d;border-bottom-left-radius:6px;border-top-left-radius:6px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;top:0;width:10%}.dashboard-event-item .duration-strip .duration-text{color:#fff;font-size:11px;font-weight:600;line-height:1;text-align:center;text-orientation:mixed;transform:rotate(180deg);transform-origin:center center;writing-mode:vertical-rl}.compact-events{background:#fffffff2;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:320px;min-width:280px;padding:12px}.compact-events-header{align-items:center;color:#495057;display:flex;font-size:.9em;font-weight:600;gap:8px;margin-bottom:8px}.compact-events-header svg{color:#6c757d}.compact-events-list{display:flex;flex-direction:column;gap:8px}.compact-event{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:8px;padding:6px 0}.compact-event:last-child{border-bottom:none}.event-indicator{flex-shrink:0;font-size:.8em;margin-top:2px}.current-indicator{color:#28a745}.next-indicator{color:#007bff}.event-info{flex:1 1;min-width:0}.event-title{color:#343a40;font-size:.85em;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-time{align-items:center;color:#6c757d;display:flex;font-size:.75em;gap:4px}.event-time svg{color:#adb5bd}.compact-event.current .event-title{color:#28a745;font-weight:600}.compact-event.next .event-title{color:#007bff}.compact-event.past{opacity:.7}.compact-event.past .event-title{color:#6c757d;font-style:italic}@media (max-width:768px){.compact-events{max-width:280px;min-width:240px;padding:10px}.compact-events-header,.event-title{font-size:.8em}.event-time{font-size:.7em}.event-group{flex-direction:column;gap:4px}.dashboard-event-item.grouped{flex:none;margin-bottom:4px}.dashboard-event-item.grouped.first-in-group{border-bottom-left-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}.dashboard-event-item.grouped.last-in-group{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-right-radius:0;margin-bottom:0}.dashboard-event-item.grouped:not(.first-in-group){border-bottom-left-radius:0;border-left:1px solid #d0d7de;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.dashboard-event-item.grouped:not(.last-in-group){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:0}}.ticket-detail-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px 0;position:fixed;top:0;width:100%;z-index:1000}.ticket-detail-container{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;margin:auto;max-width:100vh!important;min-width:975px;overflow:hidden;position:relative;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ticket-detail-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px}.ticket-detail-header h2{color:#333;flex-grow:1;font-size:1.4rem;font-weight:600;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.project-button{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 12px;transition:all .2s}.project-button:hover{background:#111;transform:translateY(-1px)}.project-button:disabled{background:#333;cursor:not-allowed;transform:none}.edit-button{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 4px 8px #28a74533;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.edit-button:hover{background:linear-gradient(135deg,#20c997,#17a2b8);box-shadow:0 6px 12px #28a7454d;transform:translateY(-1px)}.edit-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.waiting-button{align-items:center;background:linear-gradient(135deg,#6f42c1,#8e44ad);border:none;border-radius:8px;box-shadow:0 4px 8px #6f42c140;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.waiting-button:hover{background:linear-gradient(135deg,#8e44ad,#9b59b6);box-shadow:0 6px 12px #6f42c159;transform:translateY(-1px)}.waiting-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.reopen-button{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;box-shadow:0 4px 8px #007bff40;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.reopen-button:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 12px #0056b359;transform:translateY(-1px)}.reopen-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.delete-button{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:8px;box-shadow:0 4px 8px #dc354533;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.delete-button:hover{background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 6px 12px #dc35454d;transform:translateY(-1px) scale(1.05)}.delete-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.complete-button{align-items:center;background:linear-gradient(135deg,#ffc107,#ffca2c);border:none;border-radius:8px;box-shadow:0 4px 8px #ffc1074d;color:#343a40;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.complete-button:hover{background:linear-gradient(135deg,#ffca2c,#ffd65a);box-shadow:0 6px 12px #ffc10766;transform:translateY(-1px)}.complete-button:disabled{background:#e0a800;box-shadow:none;color:#fff;cursor:not-allowed;transform:none}.transfer-button{align-items:center;background:linear-gradient(135deg,#495057,#343a40);border:none;border-radius:8px;box-shadow:0 4px 8px #343a404d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.transfer-button:hover{background:linear-gradient(135deg,#343a40,#212529);box-shadow:0 6px 12px #343a4066;transform:translateY(-1px)}.transfer-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.transfer-ticket-modal{max-width:700px;width:90%}.transfer-ticket-modal .modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between}.transfer-ticket-modal .close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.transfer-ticket-modal .close-btn:hover{background:#6c757d1a;color:#495057;transform:scale(1.1)}.transfer-ticket-modal .comment-form{display:flex;flex-direction:column}.transfer-ticket-modal .form-body{padding:28px}.transfer-ticket-modal .form-group{margin-bottom:16px}.transfer-ticket-modal .form-group label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.transfer-ticket-modal .form-select,.transfer-ticket-modal .form-textarea{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:.95rem;line-height:1.5;padding:12px 16px;transition:all .2s;width:100%}.transfer-ticket-modal .form-textarea{min-height:120px;resize:vertical}.transfer-ticket-modal .form-select:focus,.transfer-ticket-modal .form-textarea:focus{border-color:#343a40;box-shadow:0 0 0 3px #343a401a;outline:none}.transfer-ticket-modal .modal-actions{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.close-button{align-items:center;background:none;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.close-button:hover{background:#6c757d1a;color:#495057;transform:scale(1.1)}.ticket-info{padding:28px}.ticket-main-content{display:flex;gap:20px;margin-bottom:20px}.ticket-meta-sidebar{grid-gap:16px;align-items:start;display:grid;flex:1 1;gap:16px;grid-template-columns:1fr 1fr}.meta-column{gap:12px}.meta-column,.meta-item{align-items:flex-start;display:flex;flex-direction:column}.meta-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:3px solid #007bff;border-radius:8px;box-shadow:0 1px 4px #0000000d;gap:4px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.meta-item:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.meta-label{color:#6c757d;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.meta-value{color:#333;font-size:.8rem;line-height:1.3}.meta-value .priority-badge,.meta-value .status-badge{border-radius:6px;color:#fff;display:inline-block;font-size:.7rem;font-weight:500;padding:2px 6px;text-transform:uppercase}.ticket-content-area{display:flex;flex:1 1;flex-direction:column;gap:16px}.ticket-subject{flex-shrink:0}.ticket-subject h3{color:#333;font-size:1.2rem;font-weight:600;line-height:1.4;margin:0}.description-content{word-wrap:break-word;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#333;flex-shrink:0;font-size:.9rem;line-height:1.6;min-height:150px;min-width:500px;padding:16px;white-space:pre-wrap}.ticket-history{background:#fafbfc;border-top:1px solid #e9ecef;display:flex;flex-direction:column;padding:28px}.history-header-section{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px}.history-actions{align-items:center;display:flex;gap:8px}.dots-loading{align-items:center;display:inline-flex;gap:4px;height:16px}.dots-loading .dot,.thumbnail-loading .dot{animation:dots-bounce 1s ease-in-out infinite;background:#6c757d;border-radius:50%;display:inline-block;height:6px;width:6px}.dots-loading .dot:nth-child(2),.thumbnail-loading .dot:nth-child(2){animation-delay:.15s}.dots-loading .dot:nth-child(3),.thumbnail-loading .dot:nth-child(3){animation-delay:.3s}@keyframes dots-bounce{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.ticket-history h3{color:#333;font-size:1.2rem;font-weight:600;margin:0}.add-comment-btn-small{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:50%;box-shadow:0 4px 8px #007bff33;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;height:36px;justify-content:center;transition:all .2s;width:36px}.add-comment-btn-small:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 12px #007bff4d;transform:translateY(-1px)}.add-comment-btn-small:active{transform:translateY(0)}.add-attachment-btn-small{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#6c757d;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:36px;justify-content:center;transition:all .2s;width:36px}.add-attachment-btn-small:hover{background:#f8f9fa;border-color:#dee2e6;box-shadow:0 4px 8px #00000026;color:#495057;transform:translateY(-1px)}.add-attachment-btn-small:active{transform:translateY(0)}.add-email-conversation-btn-small{align-items:center;background:linear-gradient(135deg,#28a745,#1e7e34);border:none;border-radius:50%;box-shadow:0 4px 8px #28a74533;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:36px;justify-content:center;transition:all .2s;width:36px}.add-email-conversation-btn-small:hover{background:linear-gradient(135deg,#1e7e34,#155724);box-shadow:0 6px 12px #28a7454d;transform:translateY(-1px)}.add-email-conversation-btn-small:active{transform:translateY(0)}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;flex-shrink:0;padding:18px;transition:all .2s}.history-item:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-1px)}.history-item.system{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #6c757d}.history-item.email{background:linear-gradient(135deg,#f0f8ff,#e3f2fd);border-left:4px solid #007bff}.history-item.teams{background:linear-gradient(135deg,#fafbff,#f3e5f5);border-left:4px solid #6264a7}.history-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.history-user-action{align-items:center;display:flex;gap:8px}.history-user{color:#333;font-size:.9rem;font-weight:600}.history-action{color:#6c757d;font-size:.85rem;font-style:italic}.history-timestamp{color:#6c757d;font-size:.85rem;white-space:nowrap}.history-icon{font-size:18px}.history-author{color:#333;font-weight:600}.history-date{color:#6c757d;font-size:.85rem;margin-left:auto}.internal-badge{background:linear-gradient(135deg,#dc3545,#c82333);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:3px 8px}.history-content{color:#333;line-height:1.6}.email-content{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.email-content:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);transform:translateY(-1px)}.teams-message-content{background:linear-gradient(135deg,#fafbff,#f3e5f5);border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.teams-message-content:hover{background:linear-gradient(135deg,#f0f8ff,#e3f2fd);transform:translateY(-1px)}.attachment-content{background:linear-gradient(135deg,#f8fffe,#e8f5f1);border-left:4px solid #28a745;border-radius:8px;padding:16px}.attachment-header{font-size:.95rem;font-weight:500;margin-bottom:12px}.attachment-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.85rem;gap:16px;margin-bottom:16px}.attachment-meta span{align-items:center;display:flex;gap:4px}.attachment-images{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.attachment-thumbnail{border:2px solid #e9ecef;border-radius:8px;cursor:pointer;height:120px;overflow:hidden;position:relative;transition:all .2s;width:120px}.attachment-thumbnail:hover{border-color:#28a745;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.attachment-thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail-fallback{color:#6c757d;font-size:.8rem}.thumbnail-fallback,.thumbnail-loading{height:100%;padding:8px;text-align:center}.attachment-file,.thumbnail-fallback,.thumbnail-loading{align-items:center;background:#f8f9fa;display:flex;justify-content:center;width:100%}.attachment-file{border:1px solid #e9ecef;border-radius:8px;gap:12px;padding:12px}.file-icon{color:#6c757d;font-size:2rem}.file-info{display:flex;flex:1 1;flex-direction:column;gap:8px;max-width:200px;text-align:center}.download-btn{align-self:flex-start;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.download-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px)}.attachments-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.attachment-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:12px;position:relative;transition:all .2s}.attachment-item:hover{border-color:#28a745;box-shadow:0 2px 8px #28a7451a}.attachment-delete-x{background:#fff;border:1px solid #e9ecef;border-radius:50%;color:#dc3545;cursor:pointer;font-size:14px;font-weight:700;height:22px;line-height:20px;padding:0;position:absolute;right:6px;text-align:center;top:6px;transition:all .15s ease-in-out;width:22px}.attachment-delete-x:hover{background:#dc3545;border-color:#dc3545;color:#fff;transform:scale(1.05)}.attachment-image-name{color:#333;font-size:.85rem;font-weight:500;margin-top:8px;text-align:center;word-break:break-word}.file-size{color:#666;font-size:.75rem;margin-bottom:8px}@media (max-width:768px){.attachments-grid{gap:12px;grid-template-columns:1fr}.attachment-item{padding:10px}.attachment-thumbnail{height:100px;width:100px}}@media (max-width:480px){.attachments-grid{gap:8px}.attachment-thumbnail{height:80px;width:80px}}.add-ai-summary-btn-small{align-items:center;background:linear-gradient(135deg,#6f42c1,#563d7c);border:none;border-radius:50%;box-shadow:0 4px 8px #6f42c133;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;height:36px;justify-content:center;transition:all .2s;width:36px}.add-ai-summary-btn-small:hover{background:linear-gradient(135deg,#563d7c,#3d2b5a)}.ticket-history.ai-summarizing{position:relative}.ticket-history.ai-summarizing:before{animation:aiPulseBorderInset 1.2s ease-in-out infinite;border-radius:12px;box-shadow:inset 0 0 0 3px #6f42c159;content:"";inset:0;pointer-events:none;position:absolute}@keyframes aiPulseBorderInset{0%{box-shadow:inset 0 0 0 3px #6f42c159}50%{box-shadow:inset 0 0 0 7px #6f42c133}to{box-shadow:inset 0 0 0 3px #6f42c159}}.ai-summary-view{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:40px}.ai-summary-header{align-items:center;display:flex;gap:8px;justify-content:flex-start;margin-bottom:10px}.ai-summary-content{color:#333;line-height:1.5}.ai-summary-content p{margin-top:revert;white-space:pre-wrap}.ai-summary-content ol,.ai-summary-content ul,.ai-summary-view ol,.ai-summary-view ul{list-style-position:outside;margin:0 0 10px;padding-left:1.25rem}.ai-summary-content li,.ai-summary-view li{line-height:1.5;margin:4px 0}.ai-summary-content li>p,.ai-summary-view li>p{display:inline;margin:0}.ai-summary-content li>p+ol,.ai-summary-content li>p+ul,.ai-summary-view li>p+ol,.ai-summary-view li>p+ul{margin-top:6px}.ai-summary-content li>:first-child,.ai-summary-view li>:first-child{margin-top:0}.ai-summary-content li>:last-child,.ai-summary-view li>:last-child{margin-bottom:0}.email-header{font-size:.95rem;font-weight:500;margin-bottom:12px}.email-meta{flex-direction:column;gap:6px;margin-bottom:16px}.email-meta,.teams-message-meta{color:#6c757d;display:flex;font-size:.85rem}.teams-message-meta{flex-wrap:wrap;gap:15px;margin-bottom:12px}.email-preview{border-left:3px solid #007bff}.email-preview,.teams-message-preview{background:#fff;border-radius:6px;box-shadow:0 1px 4px #0000001a;color:#333;font-style:italic;padding:12px}.teams-message-preview{border-left:3px solid #6264a7}.click-hint{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:8px;color:#fff;font-size:.8rem;margin-top:12px;opacity:.9;padding:8px 16px;text-align:center;transition:all .2s}.email-content:hover .click-hint,.teams-message-content:hover .click-hint{opacity:1;transform:translateY(-1px)}.comment-content{word-wrap:break-word;white-space:pre-wrap}.add-comment-modal{max-width:600px;width:90%}.edit-ticket-modal{display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;width:90%}.edit-ticket-modal .edit-ticket-form{display:flex;flex-direction:column;height:100%;overflow:hidden}.edit-ticket-modal .modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:space-between}.edit-ticket-modal .modal-title{align-items:center;display:flex;gap:12px}.edit-ticket-modal .modal-title svg{color:#28a745;filter:drop-shadow(0 2px 4px rgba(40,167,69,.2))}.edit-ticket-modal .modal-header h3{color:#333;font-size:1.2rem;font-weight:600;margin:0}.edit-ticket-modal .close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.edit-ticket-modal .close-btn:hover{background:#6c757d1a;color:#495057;transform:scale(1.1)}.edit-ticket-modal .form-body{flex:1 1;min-height:0;overflow-y:auto;padding:28px}.edit-ticket-modal .form-group{margin-bottom:20px}.edit-ticket-modal .form-group label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.edit-ticket-modal .required{color:#dc3545}.edit-ticket-modal .form-input:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.edit-ticket-modal .field-hint{color:#6c757d;font-size:.8rem;margin-top:6px}.edit-ticket-modal .form-input,.edit-ticket-modal .form-select,.edit-ticket-modal .form-textarea{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:.95rem;line-height:1.5;padding:12px 16px;transition:all .2s;width:100%}.edit-ticket-modal .form-input:focus,.edit-ticket-modal .form-select:focus,.edit-ticket-modal .form-textarea:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a;outline:none}.edit-ticket-modal .form-input:hover,.edit-ticket-modal .form-select:hover,.edit-ticket-modal .form-textarea:hover{border-color:#ced4da}.edit-ticket-modal .form-textarea{min-height:100px;resize:vertical}.edit-ticket-modal .form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.edit-ticket-modal .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.edit-ticket-modal .form-section{border-top:1px solid #e9ecef;margin-top:24px;padding-top:16px}.edit-ticket-modal .form-section h4{color:#495057;font-size:1.1rem;font-weight:600;margin:0 0 16px}.edit-ticket-modal .btn-warning{align-items:center;background:linear-gradient(135deg,#ffc107,#e0a800);border:none;border-radius:8px;box-shadow:0 4px 8px #ffc10733;color:#212529;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.edit-ticket-modal .btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#e0a800,#d39e00);box-shadow:0 6px 12px #ffc1074d;transform:translateY(-1px)}.edit-ticket-modal .modal-actions{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 28px}.edit-ticket-modal .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.edit-ticket-modal .btn-secondary{background:#6c757d;color:#fff}.edit-ticket-modal .btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.edit-ticket-modal .btn-primary{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 8px #28a74533;color:#fff}.edit-ticket-modal .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#17a2b8);box-shadow:0 6px 12px #28a7454d;transform:translateY(-1px)}.edit-ticket-modal .btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:768px){.edit-ticket-modal .form-row{gap:20px;grid-template-columns:1fr}.edit-ticket-modal .modal-actions{flex-direction:column}.edit-ticket-modal .btn{width:100%}}.add-comment-modal .modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between}.add-comment-modal .modal-header h3{color:#333;font-size:1.2rem;font-weight:600;margin:0}.add-comment-modal .close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.add-comment-modal .close-btn:hover{background:#6c757d1a;color:#495057;transform:scale(1.1)}.add-comment-modal .comment-form{display:flex;flex-direction:column}.add-comment-modal .form-body{padding:28px}.add-comment-modal .form-textarea{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:.95rem;line-height:1.6;min-height:150px;padding:16px;resize:vertical;transition:all .2s;width:100%}.add-comment-modal .form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.add-comment-modal .form-textarea:hover{border-color:#ced4da}.add-comment-modal .form-textarea:disabled{background:#f8f9fa;cursor:not-allowed}.add-comment-modal .modal-actions{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.add-comment-modal .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.add-comment-modal .btn-secondary{background:#6c757d;color:#fff}.add-comment-modal .btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.add-comment-modal .btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 4px 8px #007bff33;color:#fff}.add-comment-modal .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 12px #007bff4d;transform:translateY(-1px)}.add-comment-modal .btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.loading,.no-history{padding:40px;text-align:center}.no-history{color:#999;font-style:italic}.error-message{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;border-left:4px solid #dc3545;border-radius:8px;color:#721c24;margin-bottom:16px;padding:16px}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;height:100%;width:100%;z-index:10000}.modal-content{animation:modalSlideIn .3s ease-out;border-radius:16px;box-shadow:0 20px 40px #0003;overflow:hidden}.modal-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef}.modal-header h3{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:12px;margin:0}.modal-actions{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.btn{border-radius:8px;font-size:.9rem;gap:8px;padding:10px 20px}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 8px #dc354533}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 6px 12px #dc35454d;transform:translateY(-1px)}.btn:disabled{transform:none!important}.delete-confirmation,.delete-success{padding:20px 28px}.warning-message{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;border-left:4px solid #ffc107}.ticket-info,.warning-message{border-radius:8px;margin-bottom:20px;padding:16px}.ticket-info{align-items:baseline;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:16px}.stat-item{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;display:flex;justify-content:space-between;padding:10px 16px}.stat-label{color:#495057;font-size:.9rem;font-weight:500}.stat-value{color:#007bff;font-size:1rem;font-weight:600}.priority-badge,.status-badge{border-radius:8px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}@media (max-width:768px){.ticket-detail-container{border-radius:12px;width:95%}.ticket-detail-header{padding:20px 24px}.add-comment-section,.ticket-history,.ticket-info{padding:24px}.ticket-main-content{flex-direction:column;gap:16px}.ticket-meta-sidebar{flex:none;gap:16px;grid-template-columns:1fr}.meta-column{flex-direction:row;flex-wrap:wrap;gap:8px}.ticket-meta-sidebar .meta-item{flex:1 1;min-width:140px}.ticket-subject h3{font-size:1.1rem}.description-content{padding:14px}.history-header{align-items:flex-start;flex-direction:column;gap:5px}.history-date{margin-left:0}.email-meta{font-size:.8rem}.stats-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column;padding:16px 24px}.btn{width:100%}}@media (max-width:480px){.ticket-detail-overlay{padding:0}.ticket-detail-container{border-radius:12px;margin:0;min-height:100vh;width:100%}.ticket-detail-header{padding:16px 20px}.add-comment-section,.ticket-history,.ticket-info{padding:20px}.ticket-meta-sidebar{gap:12px;grid-template-columns:1fr}.meta-column{flex-direction:column;gap:8px}.ticket-meta-sidebar .meta-item{min-width:0;min-width:auto}.modal-content{border-radius:0;height:100vh;width:100%}.modal-actions,.modal-header{padding:16px 20px}}.ticket-info::-webkit-scrollbar{width:6px}.ticket-info::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.ticket-info::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.ticket-info::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.attachment-upload-modal{max-width:600px;width:90%}.file-upload-section{display:flex;flex-direction:column;gap:16px}.file-upload-row{align-items:center;display:flex;gap:8px;width:100%}.clipboard-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:50%;box-shadow:0 2px 4px #00000014;color:#6c757d;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.clipboard-btn:hover{background:#f8f9fa;border-color:#dee2e6;box-shadow:0 4px 8px #0000001f;color:#495057;transform:translateY(-1px)}.clipboard-btn:active{transform:translateY(0)}.file-upload-label{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;display:block;font-weight:500;padding:12px 20px;text-align:center;transition:all .2s;width:100%}.file-upload-input{display:none}.selected-files{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px}.selected-files h4{color:#333;font-size:.9rem;margin:0 0 12px}.selected-files ul{list-style:none;margin:0;padding:0}.file-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:8px;padding:8px 0}.file-item:last-child{border-bottom:none}.file-name{color:#333;flex:1 1;font-weight:500;word-break:break-word}.file-size{color:#6c757d;font-size:.85rem}.file-type{font-size:1.2rem}.attachment-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;border-left:4px solid #dc3545;border-radius:8px;color:#721c24;font-size:.9rem;padding:10px 12px}.paste-hint{color:#6c757d;font-size:.85rem;margin-top:4px}.image-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1100}.image-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.image-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 20px}.image-modal-header h3{color:#333;font-size:1.1rem;margin:0;word-break:break-word}.image-modal-body{align-items:center;display:flex;justify-content:center;max-height:calc(90vh - 100px);min-height:300px;overflow:auto;padding:20px}.modal-image{border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:100%;max-width:100%;object-fit:contain}.email-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.email-direction-indicator{flex-shrink:0;margin-right:4px}.direction-arrow{border-radius:6px;font-size:14px;font-weight:900;padding:0 4px;text-shadow:0 1px 2px #0003;transition:all .2s ease}.direction-arrow.outgoing{background-color:#28a745;border:2px solid #1e7e34;box-shadow:0 2px 4px #28a7454d;color:#fff}.direction-arrow.outgoing:hover{background-color:#218838;box-shadow:0 3px 6px #28a74566;transform:scale(1.15)}.direction-arrow.incoming{background-color:#dc3545;border:2px solid #c82333;box-shadow:0 2px 4px #dc35454d;color:#fff}.direction-arrow.incoming:hover{background-color:#c82333;box-shadow:0 3px 6px #dc354566;transform:scale(1.15)}.attachments-grid .delete-attachment-btn{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;gap:6px;padding:6px 10px;transition:all .2s}.attachments-grid .delete-attachment-btn:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-1px)}.mobile-container{padding:12px}.mobile-header{justify-content:space-between;margin-bottom:12px}.mobile-header,.mobile-header-title{align-items:center;display:flex;gap:8px}.mobile-icon-button{background:#f1f3f5;border:none;border-radius:6px;color:#212529;padding:6px 8px}.mobile-error,.mobile-loading{align-items:center;color:#6c757d;display:flex;justify-content:center;min-height:40vh}.mobile-status-note{color:#6c757d;font-size:12px}.mobile-content{display:block}@media (max-width:768px){.ticket-detail-container,.ticket-detail-overlay{max-width:100%!important}.ticket-detail-overlay{padding:8px!important}.ticket-detail-container{border-radius:12px!important;box-shadow:none!important;overflow:hidden;padding:0!important}.mobile-container .ticket-detail-container{min-width:0!important;width:100%!important}.mobile-container .description-content{min-width:0!important}}@media (max-width:480px){.mobile-container .description-content,.mobile-container .ticket-detail-container{min-width:0!important}}.history-list{padding-bottom:64px}.ticket-detail-header.mobile-compact{display:flex;justify-content:flex-end}.ticket-detail-header.mobile-compact .header-actions{margin-left:auto}.ticket-sidebar{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;transition:width .25s ease-in-out;width:350px}.sidebar-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.sidebar-header h3{align-items:center;color:#333;display:flex;font-size:1.2rem;font-weight:600;margin:0}.sidebar-actions{display:flex;gap:8px}.sidebar-actions .collapse-toggle{position:static;z-index:1}.sidebar-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.ticket-sidebar.collapsed{width:30px}.ticket-sidebar.collapsed .sidebar-actions,.ticket-sidebar.collapsed .sidebar-content,.ticket-sidebar.collapsed .sidebar-header,.ticket-sidebar.collapsed .sidebar-search-container,.ticket-sidebar.collapsed .ticket-list{display:none}.collapse-toggle,.expand-toggle{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 1px 2px rgba(0 Corsetomba,0,0,.05);color:#495057;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;height:1.25em;justify-content:center;line-height:1;min-width:0;padding:0;position:static;width:1.25em;z-index:auto}.collapse-toggle:hover,.expand-toggle:hover{background:#f8f9fa}.ticket-sidebar.collapsed .expand-toggle{left:4px;position:absolute;right:auto;top:12px}.btn-xxs{font-size:12px;line-height:1;padding:2px 6px}.icon-only{align-items:center;display:inline-flex;justify-content:center}.sidebar-toggle-container{background:#fafbfc;padding:12px 20px 0}.toggle-group{background:#fff;border:1px solid #e9ecef;border-radius:9999px;display:inline-flex;overflow:hidden}.sidebar-toggle-container .toggle-group{flex-wrap:wrap;max-width:100%}.sidebar-toggle-container .toggle-button{white-space:nowrap}.toggle-button{background:#0000;border:none;color:#495057;cursor:pointer;font-size:.8rem;padding:6px 12px}.toggle-button+.toggle-button{border-left:1px solid #e9ecef}.toggle-button:hover{background:#f1f3f5}.toggle-button.active{background:#0d6efd;color:#fff}.sidebar-search-container{background:#fafbfc;border-bottom:1px solid #f0f0f0;padding:16px 20px}.search-input-wrapper{position:relative;width:100%}.search-icon{color:#6c757d;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.sidebar-search-input{background:#fff;border:2px solid #e9ecef;border-radius:20px;box-sizing:border-box;font-size:.875rem;outline:none;padding:10px 12px 10px 36px;transition:all .2s ease;width:100%}.sidebar-search-input:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.sidebar-search-input:hover{border-color:#ced4da}.sidebar-search-input::placeholder{color:#6c757d;font-style:italic}.ticket-list{flex:1 1;overflow-y:auto;padding:16px 20px}.ticket-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:grab;margin-bottom:12px;padding:16px;position:relative;transition:all .2s ease}.ticket-item:last-child{margin-bottom:0}.ticket-item:hover{background:#f8f9fa;border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.ticket-item.dragging{box-shadow:0 8px 20px #0003;opacity:.5;transform:scale(.95)}.ticket-title{color:#333;font-size:.95rem;font-weight:600;line-height:1.4;margin-bottom:12px}.ticket-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ticket-priority,.ticket-status{align-items:center;color:#6c757d;display:flex;font-size:.8rem;gap:6px}.priority-indicator,.status-indicator{border-radius:50%;flex-shrink:0;height:8px;width:8px}.ticket-planning-info{align-items:center;color:#6c757d;display:flex;font-size:.75rem;gap:4px;margin-top:8px}.new-activity-indicator{border-left:20px solid #0000;border-radius:0 8px 0 0;border-top:20px solid #dc3545;height:0;position:absolute;right:0;top:0;width:0;z-index:10}.sidebar-error,.sidebar-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.sidebar-error p,.sidebar-loading p{font-size:.9rem;margin-top:16px}.no-tickets{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.no-tickets p{font-size:.9rem;margin-bottom:0;margin-top:16px}.btn{border-radius:6px;font-weight:600;gap:6px;justify-content:center;text-decoration:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 2px 6px #007bff33}.btn-primary:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 10px #007bff4d;transform:translateY(-1px)}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#5a6268;box-shadow:0 2px 6px #6c757d33;transform:translateY(-1px)}.btn-sm{font-size:.8rem;padding:6px 12px}@media (max-width:768px){.ticket-sidebar{width:300px}.sidebar-header{padding:16px}.sidebar-search-container,.ticket-list{padding:12px 16px}.ticket-item{padding:12px}}@media (max-width:480px){.ticket-sidebar{width:280px}.sidebar-header h3{font-size:1.1rem}.ticket-title{font-size:.9rem}.ticket-meta{align-items:flex-start;flex-direction:column;gap:6px}}.ticket-list::-webkit-scrollbar{width:6px}.ticket-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.ticket-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.ticket-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ticket-item:focus-visible{outline:2px solid #007bff;outline-offset:2px}.sidebar-search-input:focus-visible{outline:2px solid #007bff;outline-offset:2px}.ticket-item:active{cursor:grabbing}.ticket-item.operation-blocked{cursor:not-allowed;opacity:.6;pointer-events:none}.text-blue-600{color:#0d6efd}.text-red-600{color:#dc3545}.ticket-view{padding:20px 0}.ticket-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 20px}.ticket-header h2{align-items:center;color:#212529;display:flex;font-size:28px;margin:0}.ticket-actions{display:flex;gap:10px}.ticket-controls{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:15px;margin-bottom:20px;padding:15px 20px}.search-bar,.ticket-controls{align-items:center;display:flex}.search-bar{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;flex:1 1;padding:10px 15px}.search-bar svg{color:#6c757d}.search-bar-with-clear{position:relative}.clear-input-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:inline-flex;justify-content:center;margin-left:6px;padding:4px}.clear-input-btn:hover{background:#0000000d}.ticket-filters{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:20px;margin-bottom:20px;padding:20px}.filter-group,.ticket-filters{align-items:center;display:flex}.filter-group{gap:10px}.filter-group label{color:#212529;font-weight:600;min-width:60px}.filter-select{background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px}.ticket-columns-container{margin-bottom:20px;padding:0 20px}.ticket-columns{display:flex;gap:20px;overflow-x:auto;overflow-y:scroll;padding-bottom:20px}.ticket-columns::-webkit-scrollbar{height:8px}.ticket-columns::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.ticket-columns::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.ticket-columns::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ticket-column{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;max-width:265px;overflow:hidden}.ticket-column-header{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10}.ticket-column-header h3{align-items:center;color:#333;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0}.ticket-column-header h3 svg{color:#007bff}.ticket-count{background:#007bff;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;min-width:20px;padding:4px 8px;text-align:center}.ticket-column-content{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:12px}.ticket-column-content::-webkit-scrollbar{width:6px}.ticket-column-content::-webkit-scrollbar-track{background:#0000}.ticket-column-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.ticket-column-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.ticket-column-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:12px;position:relative;transition:all .2s}.ticket-column-item:hover{background:#f8f9fa;border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.ticket-column-title{word-wrap:break-word;color:#333;font-size:.9rem;font-weight:600;line-height:1.4;margin-bottom:8px}.ticket-column-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.ticket-status-info{align-items:center;color:#6c757d;display:flex;font-size:.75rem;gap:6px}.ticket-status-text{font-weight:500;text-transform:capitalize}.ticket-priority-info{align-items:center;color:#6c757d;display:flex;font-size:.75rem;gap:6px}.ticket-priority-text{font-weight:500;text-transform:capitalize}.ticket-priority-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.ticket-bottom-row{margin-top:8px}.ticket-calendar{align-items:center;color:#6c757d;display:flex;font-size:.75rem;gap:4px}.new-email-indicator{border-left:20px solid #0000;border-top:20px solid #dc3545;height:0;position:absolute;right:0;top:0;width:0;z-index:1}.ticket-empty-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;font-size:.9rem;justify-content:center;padding:60px 20px;text-align:center}.ticket-empty-state p{margin-bottom:0;margin-top:12px}@media (max-width:1200px){.ticket-column{min-width:280px}}@media (max-width:768px){.ticket-columns{gap:15px}.ticket-column{min-width:260px}.ticket-header{align-items:stretch;flex-direction:column;gap:15px}.ticket-actions{justify-content:center}.ticket-controls{flex-direction:column;gap:10px}.ticket-filters{align-items:stretch;flex-direction:column;gap:15px}}@media (max-width:480px){.ticket-columns-container{padding:0 10px}.ticket-column{min-width:240px}.ticket-header{padding:0 10px}.ticket-controls{padding:15px 10px}}.loading svg{color:#007bff;margin-bottom:16px}.error{align-items:center;display:flex;justify-content:center;padding:60px 20px;text-align:center}.error,.text-red-500{color:#dc3545}.text-yellow-500{color:#ffc107}.text-orange-500{color:#fd7e14}.text-blue-500{color:#007bff}.text-green-500{color:#28a745}.text-gray-500{color:#6c757d}.text-blue-600{color:#0056b3}.text-red-600{color:#c82333}.ticket-column{animation:columnSlideIn .3s ease-out}@keyframes columnSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ticket-column:first-child .ticket-column-header{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-bottom-color:#ffc107}.ticket-column:first-child .ticket-column-header h3 svg{color:#856404}.ticket-column:first-child .ticket-count{background:#856404}.testing-section{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#0078d4;height:40px;margin-bottom:10px;width:40px}.test-result{border-radius:8px;margin:20px 0;padding:20px;text-align:center}.test-result.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.test-result.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.test-result h4{font-size:1.2em;margin:0 0 10px}.test-result p{margin:10px 0}.btn.btn-success{background-color:#28a745;border-color:#28a745;color:#fff}.btn.btn-success:hover{background-color:#218838;border-color:#1e7e34}.btn.btn-warning{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn.btn-warning:hover{background-color:#e0a800;border-color:#d39e00}.warning-box{align-items:center;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;display:flex;gap:10px;margin:20px 0;padding:15px}.warning-box strong{font-weight:600}.form-help{color:#6c757d;font-size:.875rem;margin-top:8px}.form-help strong{color:#495057;font-weight:600}.form-help ul{list-style-type:disc;margin:4px 0 0;padding-left:16px}.form-help li{line-height:1.4;margin:2px 0}.form-help code{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:3px;color:#e83e8c;font-family:Courier New,monospace;font-size:.85em;padding:2px 6px}.form-group textarea{font-family:inherit;line-height:1.5;min-height:60px;resize:vertical}.form-group textarea::placeholder{color:#6c757d;opacity:1}.admin-panel{margin:0 auto;max-width:1200px;padding:20px}.admin-header{border-bottom:2px solid #e9ecef;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.admin-header,.admin-header h1{align-items:center;display:flex}.admin-header h1{color:#2c3e50;font-size:2rem;font-weight:600;gap:12px;margin:0}.admin-tabs{border-bottom:2px solid #e9ecef;display:flex;gap:0;margin-bottom:30px}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.tab-button:hover{background-color:#0078d40d;color:#0078d4}.tab-button.active{background-color:#0078d41a;border-bottom-color:#0078d4;color:#0078d4}.admin-content{min-height:400px}.admin-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.admin-section h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 24px}.users-table-container{border:1px solid #e9ecef;border-radius:8px;overflow-x:auto}.users-table{background:#fff;border-collapse:collapse;width:100%}.users-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #e9ecef;padding:12px;vertical-align:middle}.users-table tbody tr:hover{background-color:#0078d40d}.user-email{color:#0078d4;font-family:Courier New,monospace;font-weight:500}.role-checkbox{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.role-checkbox input[type=checkbox]{accent-color:#0078d4;cursor:pointer;height:18px;width:18px}.role-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.role-checkbox .checkmark.system-admin{background-color:gold;border-color:#ffb700}.role-checkbox .system-admin-badge{align-items:center;background:linear-gradient(45deg,gold,#ffb700);border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.settings-group{margin-bottom:32px}.settings-label{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin-bottom:8px}.settings-description{color:#6c757d;line-height:1.5;margin-bottom:16px}.allowed-emails-field{max-width:600px}.input-group{align-items:stretch;display:flex;position:relative}.settings-textarea{border:2px solid #e9ecef;border-radius:8px;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.settings-textarea:focus{border-color:#0078d4;box-shadow:0 0 0 3px #0078d41a;outline:none}.visibility-toggle{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;padding:4px;position:absolute;right:12px;top:12px;transition:all .2s ease}.visibility-toggle:hover{background-color:#0078d41a;color:#0078d4}.mailbox-configs-container{margin-top:24px}.admin-table{border-collapse:collapse;margin-bottom:24px;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #e9ecef;padding:12px;text-align:left}.admin-table th{color:#2c3e50;font-weight:600}.admin-table th,.admin-table tr:hover{background-color:#f8f9fa}.mailbox-address{color:#0078d4;font-weight:600}.template-fields{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:1fr 1fr}.template-fields .form-group label{display:block;font-weight:600;margin-bottom:6px}.template-fields .form-group small{color:#6c757d}.template-actions{display:flex;gap:8px;margin-top:8px}.status-toggle{align-items:center;cursor:pointer;display:flex;gap:8px}.status-toggle input[type=checkbox]{display:none}.toggle-slider{background-color:#ccc;border-radius:10px;height:20px;position:relative;transition:background-color .3s ease;width:40px}.toggle-slider.enabled{background-color:#28a745}.toggle-slider:before{background-color:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:16px}.toggle-slider.enabled:before{transform:translateX(20px)}.status-text{font-size:.875rem;font-weight:500}.folder-input,.interval-input{border:1px solid #dee2e6;border-radius:4px;font-size:.875rem;max-width:120px;padding:4px 8px;width:100%}.interval-input{max-width:60px}.last-processed{color:#6c757d;font-size:.875rem}.never-processed{color:#dc3545;font-size:.875rem;font-style:italic}.mailbox-actions{margin-bottom:24px}.add-mailbox-form{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:16px;padding:24px}.add-mailbox-form h4{color:#2c3e50;margin-bottom:16px}.form-row{grid-gap:16px;display:grid;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:4px}.form-input{border:1px solid #dee2e6;border-radius:4px;font-size:.875rem;padding:8px 12px;transition:border-color .3s ease}.form-input:focus{border-color:#0078d4;box-shadow:0 0 0 2px #0078d433;outline:none}.form-actions{justify-content:flex-end;margin-top:16px}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:4px;padding:8px 16px;transition:all .3s ease}.btn-primary{background-color:#0078d4;color:#fff}.btn-primary:hover:not(:disabled){background-color:#106ebe}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-sm{font-size:.75rem;padding:4px 8px}.btn:disabled{cursor:not-allowed;opacity:.6}.empty-state{padding:48px 24px}.empty-state p{margin-bottom:8px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.admin-table{font-size:.875rem}.admin-table td,.admin-table th{padding:8px}}.settings-help{background-color:#f8f9fa;border-left:4px solid #0078d4;border-radius:6px;margin-top:12px;padding:16px}.settings-help strong{color:#2c3e50;display:block;margin-bottom:8px}.settings-help ul{margin:8px 0 0;padding-left:16px}.settings-help li{color:#495057;margin:4px 0}.settings-help code{background-color:#e9ecef;border-radius:3px;color:#e83e8c;font-family:Courier New,monospace;font-size:.875rem;padding:2px 6px}.settings-actions{align-items:center;display:flex;gap:16px;margin-top:20px}.btn.has-changes{animation:pulse 2s infinite;box-shadow:0 0 0 4px #28a74533}@keyframes pulse{0%{box-shadow:0 0 0 4px #28a74533}50%{box-shadow:0 0 0 8px #28a7451a}to{box-shadow:0 0 0 4px #28a74533}}.unsaved-indicator{color:#dc3545;font-size:.875rem;font-weight:500}.alert{border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 16px}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.empty-state{color:#6c757d;padding:60px 20px;text-align:center}.empty-state p{font-size:1.1rem;margin:0}.loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading p{font-size:1.1rem;margin-top:16px}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.admin-panel{padding:16px}.admin-header{align-items:stretch;flex-direction:column;gap:16px}.admin-header h1{font-size:1.5rem}.admin-tabs{flex-direction:column}.tab-button{justify-content:center}.users-table-container{font-size:.875rem}.users-table td,.users-table th{padding:8px}.settings-actions{align-items:stretch;flex-direction:column}}.action-buttons{align-items:center;display:flex;gap:8px}.action-buttons .btn{align-items:center;display:flex;height:32px;justify-content:center;min-width:32px;padding:6px}.action-buttons .btn-sm{font-size:.75rem;padding:4px 8px}.markers-list{margin-bottom:32px}.markers-table-container{border:1px solid #dee2e6;border-radius:8px;margin-top:16px;overflow:hidden}.marker-value code{background-color:#f8f9fa;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem;padding:2px 6px}.marker-icon{font-size:1.2rem;text-align:center}.color-display{align-items:center;display:flex;gap:8px}.color-box{border-radius:4px;display:inline-block;height:24px;width:24px}.color-box,.sort-input{border:1px solid #dee2e6}.sort-input{border-radius:4px;padding:4px 8px;text-align:center;width:80px}.marker-actions{margin:24px 0}.add-marker-form{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:16px;padding:24px}.add-marker-form h4{color:#2c3e50;margin-bottom:16px}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-group{flex:1 1}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:6px}.form-group input{border:1px solid #dee2e6;border-radius:4px;font-size:.875rem;padding:8px 12px;width:100%}.form-group input[type=color]{border:1px solid #dee2e6;border-radius:4px;height:38px;padding:2px;width:60px}.form-group input:focus{border-color:#0078d4;box-shadow:0 0 0 3px #0078d41a;outline:none}.form-group input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.disabled-input{background-color:#e9ecef!important;color:#6c757d!important}.form-actions{display:flex;gap:12px;margin-top:20px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.modal-content h4{color:#2c3e50;margin-bottom:16px}.no-data{color:#6c757d;padding:40px;text-align:center}.no-data p{font-size:1.1rem;margin-top:16px}.section-description{color:#6c757d;line-height:1.5;margin-bottom:24px}
/*# sourceMappingURL=main.3e892a30.css.map*/