@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap";
:root{--gin-primary:#cc2327;--gin-primary-dark:#a51b1e;--gin-primary-mid:#cb2027;--gin-primary-light:#fdf1f1;--gin-primary-glow:#cc232740;--gin-navy:#283c51;--gin-navy-dark:#1b2a39;--gin-navy-mid:#344f68;--gin-navy-light:#e8eef4;--gin-red:var(--gin-primary);--gin-dark:var(--gin-navy);--gin-accent:#e8581a;--gin-gold:#f5a623;--gin-blue:var(--gin-navy);--gin-purple:#5c2d6e;--gin-bg:#f5f6f7;--gin-bg-white:#fff;--gin-border:#dde1e5;--gin-border-dark:#c4cad0;--gin-text:#1a2535;--gin-text-secondary:#3d5166;--gin-text-muted:#6b7a8d;--status-open:#cc2327;--status-pending:#f5a623;--status-processing:#2a6496;--status-settled:#2d7a4f;--status-closed:#6b7a8d;--sidebar-width:220px;--header-height:60px;--list-panel-width:300px;--sidebar-bg:#fff;--sidebar-border:var(--gin-border);--sidebar-item-hover:#cc23270a;--sidebar-item-active-bg:#cc232714;--sidebar-item-active-border:var(--gin-primary)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gin-bg);color:var(--gin-text);-webkit-font-smoothing:antialiased;height:100vh;font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;overflow:hidden}.gin-app{width:100vw;height:100vh;display:flex;overflow:hidden}.gin-sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:200;flex-direction:column;flex-shrink:0;gap:0;padding:0;display:flex;position:relative;overflow:hidden}.gin-sidebar-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.gin-sidebar-scroll::-webkit-scrollbar{width:4px}.gin-sidebar-scroll::-webkit-scrollbar-track{background:0 0}.gin-sidebar-scroll::-webkit-scrollbar-thumb{background:var(--gin-border-dark);border-radius:4px}.gin-sidebar-scroll::-webkit-scrollbar-thumb:hover{background:var(--gin-text-muted)}.gin-sidebar-logo{border-bottom:1px solid var(--sidebar-border);z-index:1;flex-shrink:0;align-items:center;gap:12px;padding:20px 18px 16px;display:flex;position:relative}.gin-sidebar-logo img{flex-shrink:0;width:100px;height:auto}.gin-sidebar-brand{flex-direction:column;min-width:0;display:flex}.gin-sidebar-brand-name{color:var(--gin-navy);letter-spacing:-.3px;white-space:nowrap;font-size:14px;font-weight:800}.gin-sidebar-brand-sub{color:var(--gin-text-muted);letter-spacing:.2px;white-space:nowrap;font-size:10.5px;font-weight:500}.gin-sidebar-section-label{color:var(--gin-text-muted);text-transform:uppercase;letter-spacing:1px;z-index:1;padding:18px 18px 8px;font-size:10px;font-weight:700;position:relative}.gin-sidebar-nav{z-index:1;flex-direction:column;gap:2px;padding:0 10px;display:flex;position:relative}.gin-sidebar-item{cursor:pointer;color:var(--gin-text-secondary);border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.gin-sidebar-item-icon{text-align:center;flex-shrink:0;width:22px;font-size:17px;transition:transform .2s}.gin-sidebar-item-label{white-space:nowrap;letter-spacing:.1px;font-size:13px;font-weight:600}.gin-sidebar-item-badge{background:var(--gin-primary);color:#fff;border-radius:20px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:flex}.gin-sidebar-item:hover{background:var(--sidebar-item-hover);color:var(--gin-navy);border-color:#0000}.gin-sidebar-item:hover .gin-sidebar-item-icon{transform:scale(1.1)}.gin-sidebar-item.active{background:var(--sidebar-item-active-bg);color:var(--gin-primary);box-shadow:inset 3px 0 0 var(--sidebar-item-active-border);border-color:#0000}.gin-sidebar-item.active .gin-sidebar-item-icon{filter:none;color:var(--gin-primary)}.gin-sidebar-divider{background:var(--sidebar-border);z-index:1;height:1px;margin:8px 10px;position:relative}.gin-sidebar-bottom{z-index:1;border-top:1px solid var(--sidebar-border);flex-direction:column;gap:2px;margin-top:auto;padding:12px 10px;display:flex;position:relative}.gin-sidebar-user{background:var(--gin-bg);border:1px solid var(--gin-border);border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;display:flex}.gin-sidebar-user-avatar{background:linear-gradient(135deg,var(--gin-primary),var(--gin-primary-dark));color:#fff;border:1px solid var(--gin-primary-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.gin-sidebar-user-info{flex:1;min-width:0}.gin-sidebar-user-name{color:var(--gin-navy);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.gin-sidebar-user-role{color:var(--gin-text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:10.5px;font-weight:500}.nav-badge{background:var(--gin-red);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:6px;right:6px}.gin-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.gin-header{height:var(--header-height);background:var(--gin-bg-white);border-bottom:1px solid var(--gin-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex;box-shadow:0 1px 8px #0000000d}.gin-header-left{align-items:center;gap:12px;display:flex}.gin-header-title{color:var(--gin-text);font-size:15px;font-weight:700}.gin-breadcrumb{color:var(--gin-text-secondary);font-size:13px}.gin-header-right{align-items:center;gap:12px;display:flex}.gin-avatar{background:linear-gradient(135deg,var(--gin-primary),var(--gin-primary-dark));color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.gin-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.gin-btn-primary{background:var(--gin-primary);color:#fff}.gin-btn-primary:hover{background:var(--gin-primary-dark)}.gin-btn-outline{color:var(--gin-text);border:1px solid var(--gin-border-dark);background:#fff}.gin-btn-outline:hover{background:var(--gin-bg)}.gin-btn-danger{background:var(--gin-red);color:#fff}.gin-btn-sm{padding:5px 10px;font-size:12px}.gin-workspace{flex:1;display:flex;overflow:hidden}.gin-list-panel{width:var(--list-panel-width);background:var(--gin-bg-white);border-right:1px solid var(--gin-border);flex-direction:column;flex-shrink:0;display:flex}.gin-list-header{border-bottom:1px solid var(--gin-border);justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.gin-list-header h3{font-size:14px;font-weight:700}.gin-search{border-bottom:1px solid var(--gin-border);padding:8px 12px}.gin-search input{border:1px solid var(--gin-border);width:100%;color:var(--gin-text);background:#fff;border-radius:8px;outline:none;padding:7px 12px;font-family:inherit;font-size:13px}.gin-search input:focus{border-color:var(--gin-primary)}.gin-tab-bar{border-bottom:1px solid var(--gin-border);padding:0 8px;display:flex}.gin-tab{color:var(--gin-text-secondary);cursor:pointer;text-align:center;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:10px 8px;font-size:12px;font-weight:600;transition:all .15s}.gin-tab.active{color:var(--gin-primary);border-bottom-color:var(--gin-primary)}.gin-list-items{flex:1;overflow-y:auto}.gin-ticket-card{border-bottom:1px solid var(--gin-border);cursor:pointer;border-left:3px solid #0000;padding:14px 16px;transition:background .1s;position:relative}.gin-ticket-card:hover{background:#fafcff}.gin-ticket-card.active{background:var(--gin-primary-light);border-left-color:var(--gin-primary)}.gin-ticket-header{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.gin-ticket-ref{color:var(--gin-text-muted);font-size:11px;font-weight:500}.gin-ticket-subject{color:var(--gin-text);margin-bottom:4px;font-size:13px;font-weight:600}.gin-ticket-meta{color:var(--gin-text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.badge{text-transform:uppercase;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.badge-open{color:var(--status-open);background:#fef2f2}.badge-pending{color:#d97706;background:#fffbeb}.badge-processing{color:var(--status-processing);background:#eff6ff}.badge-settled{color:var(--status-settled);background:#f0fdf4}.badge-closed{color:var(--status-closed);background:#f8fafc}.badge-under_processing{color:var(--status-processing);background:#eff6ff}.badge-survey_scheduled{color:var(--gin-purple);background:#fdf4ff}.priority-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.priority-high{background:var(--status-open)}.priority-medium{background:var(--status-pending)}.priority-low{background:var(--status-settled)}.priority-urgent{background:var(--gin-purple)}.gin-detail-panel{background:var(--gin-bg);flex-direction:column;flex:1;min-width:0;display:flex}.gin-thread{flex:1;padding:20px 24px;overflow-y:auto}.gin-ticket-banner{border-bottom:1px solid var(--gin-border);background:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.gin-ticket-banner h2{margin-bottom:4px;font-size:16px;font-weight:700}.gin-ticket-banner-meta{color:var(--gin-text-secondary);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.gin-msg{gap:10px;margin-bottom:16px;display:flex}.gin-msg.agent{flex-direction:row-reverse}.gin-msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.gin-msg-customer .gin-msg-avatar{color:#0369a1;background:#e0f2fe}.gin-msg-system .gin-msg-avatar{color:#166534;background:#f0fdf4}.gin-msg-agent .gin-msg-avatar{background:linear-gradient(135deg,var(--gin-primary),var(--gin-primary-dark));color:#fff}.gin-msg-admin .gin-msg-avatar{background:linear-gradient(135deg,var(--gin-navy),var(--gin-navy-dark));color:#fff}.gin-msg-partner .gin-msg-avatar{background:linear-gradient(135deg,var(--gin-primary),var(--gin-primary-dark));color:#fff}.gin-msg-bubble{white-space:pre-wrap;border-radius:12px;max-width:72%;padding:10px 14px;font-size:13.5px;line-height:1.6}.gin-msg-customer .gin-msg-bubble{border:1px solid var(--gin-border);background:#fff;border-top-left-radius:2px;box-shadow:0 1px 2px #0000000d}.gin-msg-system .gin-msg-bubble{background:#fff8f8;border:1px solid #fcc;border-top-left-radius:2px}.gin-msg-agent .gin-msg-bubble{background:#fff8f8;border:1px solid #fcc;border-top-right-radius:2px}.gin-msg-partner .gin-msg-bubble{background:#fff8f8;border:1px solid #fcc;border-top-left-radius:2px}.gin-msg-admin .gin-msg-bubble{color:var(--gin-navy-dark);background:#f1f5f9;border:1px solid #e2e8f0;border-top-right-radius:2px}.gin-msg.gin-msg-internal .gin-msg-bubble{color:#795548;background:#fff8e1;border:1px dashed #ffe082}.gin-msg.gin-msg-internal .gin-msg-avatar{color:#5d4037;background:#ffe082}.gin-msg-meta{color:var(--gin-text-muted);margin-top:4px;font-size:10px}.gin-reply-box{border-top:1px solid var(--gin-border);background:#fff;padding:12px 20px 16px}.gin-reply-tabs{background:var(--gin-bg);border-radius:8px;gap:2px;width:fit-content;margin-bottom:10px;padding:3px;display:flex}.gin-reply-tab{cursor:pointer;color:var(--gin-text-secondary);border-radius:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s}.gin-reply-tab.active{color:var(--gin-primary);background:#fff;box-shadow:0 1px 3px #00000014}.gin-reply-input{align-items:flex-end;gap:10px;display:flex}.gin-reply-textarea{border:1.5px solid var(--gin-border);resize:none;border-radius:10px;outline:none;flex:1;min-height:60px;max-height:140px;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:border-color .2s}.gin-reply-textarea:focus{border-color:var(--gin-primary)}.gin-reply-textarea.internal{background:#fffbeb;border-color:#fcd34d}.gin-context-panel{background:var(--gin-bg-white);border-left:1px solid var(--gin-border);flex-shrink:0;width:280px;overflow-y:auto}.gin-ctx-section{border-bottom:1px solid var(--gin-border);padding:16px}.gin-ctx-label{color:var(--gin-text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px;font-size:10px;font-weight:700}.gin-ctx-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:12.5px;display:flex}.gin-ctx-key{color:var(--gin-text-secondary);flex-shrink:0}.gin-ctx-val{text-align:right;word-break:break-word;font-weight:600}.gin-ctx-avatar{background:var(--gin-primary-light);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 10px;font-size:22px;display:flex}.gin-ctx-name{text-align:center;font-size:15px;font-weight:700}.gin-ctx-sub{color:var(--gin-text-secondary);text-align:center;font-size:12px}.gin-select{border:1.5px solid var(--gin-border);width:100%;color:var(--gin-text);cursor:pointer;background:#fff;border-radius:8px;outline:none;margin-top:4px;padding:8px 10px;font-family:inherit;font-size:13px}.gin-select:focus{border-color:var(--gin-primary)}.gin-empty{background:var(--gin-bg);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.gin-empty-icon{opacity:.3;font-size:48px}.gin-empty-text{color:var(--gin-text-secondary);font-size:14px}.gin-page{background:var(--gin-bg);flex:1;padding:28px 32px;overflow-y:auto}.gin-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.gin-page-header h2{font-size:20px;font-weight:800}.gin-card{border:1px solid var(--gin-border);background:#fff;border-radius:12px;margin-bottom:16px;padding:24px}.gin-card-title{border-bottom:1px solid var(--gin-border);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:14px;font-weight:700;display:flex}.gin-form-group{margin-bottom:18px}.gin-form-group label{color:var(--gin-text-secondary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.gin-input{border:1.5px solid var(--gin-border);width:100%;color:var(--gin-text);background:#fff;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.gin-input:focus{border-color:var(--gin-primary)}.gin-input:disabled{background:var(--gin-bg);cursor:not-allowed}.gin-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.gin-form-row-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.gin-steps{align-items:center;gap:0;margin-bottom:28px;display:flex}.gin-step{flex:1;align-items:center;gap:8px;display:flex}.gin-step-dot{border:2px solid var(--gin-border);width:28px;height:28px;color:var(--gin-text-muted);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .2s;display:flex}.gin-step-dot.active{background:var(--gin-primary);border-color:var(--gin-primary);color:#fff}.gin-step-dot.done{background:var(--gin-primary-light);border-color:var(--gin-primary);color:var(--gin-primary)}.gin-step-label{color:var(--gin-text-secondary);font-size:11px;font-weight:600}.gin-step-label.active{color:var(--gin-primary)}.gin-step-line{background:var(--gin-border);flex:1;height:2px;margin:0 4px}.gin-step-line.done{background:var(--gin-primary)}.gin-chat-widget{background:#fff;border-radius:16px;flex-direction:column;width:420px;height:620px;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000026}.gin-chat-header{background:linear-gradient(135deg,var(--gin-primary)0%,var(--gin-primary-dark)100%);color:#fff;align-items:center;gap:12px;padding:16px 20px;display:flex}.gin-chat-header-avatar{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.gin-chat-header h3{margin-bottom:2px;font-size:15px;font-weight:700}.gin-chat-header p{opacity:.8;font-size:11px}.gin-chat-messages{background:#f8fafc;flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.gin-chat-bubble{white-space:pre-wrap;border-radius:16px;max-width:80%;padding:10px 14px;font-size:13.5px;line-height:1.5}.gin-chat-bubble.bot{border:1px solid var(--gin-border);background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.gin-chat-bubble.user{background:var(--gin-primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.gin-chat-bubble.system{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-bottom-left-radius:4px;align-self:flex-start}.gin-chat-input-row{border-top:1px solid var(--gin-border);background:#fff;align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.gin-chat-input{border:1.5px solid var(--gin-border);resize:none;border-radius:24px;outline:none;flex:1;max-height:100px;padding:9px 16px;font-family:inherit;font-size:13.5px;transition:border-color .2s}.gin-chat-input:focus{border-color:var(--gin-primary)}.gin-chat-send-btn{background:var(--gin-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:background .15s;display:flex}.gin-chat-send-btn:hover{background:var(--gin-primary-dark)}.gin-chat-send-btn:disabled{background:var(--gin-border);cursor:not-allowed}.gin-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.gin-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000026}.gin-modal-header{border-bottom:1px solid var(--gin-border);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.gin-modal-header h3{font-size:16px;font-weight:700}.gin-modal-close{background:var(--gin-bg);cursor:pointer;width:30px;height:30px;color:var(--gin-text-secondary);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.gin-modal-close:hover{background:var(--gin-border)}.gin-modal-body{padding:24px}.gin-modal-footer{border-top:1px solid var(--gin-border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.gin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.gin-stat-card{border:1px solid var(--gin-border);background:#fff;border-radius:12px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.gin-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.gin-stat-val{margin-bottom:4px;font-size:24px;font-weight:800;line-height:1}.gin-stat-label{color:var(--gin-text-secondary);font-size:12px;font-weight:500}.gin-doc-row{border-bottom:1px solid var(--gin-border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.gin-doc-row:last-child{border-bottom:none}.gin-doc-name{align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.gin-doc-icon{font-size:18px}.gin-ref-tag{background:var(--gin-primary-light);color:var(--gin-primary);border:1px solid #00a88433;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gin-border-dark);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--gin-text-muted)}.gin-incident-types{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.gin-incident-card{border:2px solid var(--gin-border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:14px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.gin-incident-card:hover{border-color:var(--gin-primary);background:var(--gin-primary-light)}.gin-incident-card.selected{border-color:var(--gin-primary);background:var(--gin-primary-light);color:var(--gin-primary)}.gin-incident-icon{font-size:24px}.gin-hamburger{cursor:pointer;color:var(--gin-navy);background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:6px 8px;font-size:20px;line-height:1;transition:background .15s;display:none}.gin-hamburger:hover{background:var(--gin-bg)}.gin-sidebar-backdrop{z-index:199;background:#0f172a73;animation:.2s fadeIn;display:none;position:fixed;inset:0}.gin-sidebar-backdrop.open{display:block}.gin-ctx-back-btn{cursor:pointer;color:var(--gin-primary);border:none;border-bottom:1px solid var(--gin-border);background:0 0;align-items:center;gap:6px;width:100%;padding:10px 16px;font-size:13px;font-weight:700;display:none}@media (max-width:900px){:root{--sidebar-width:240px;--list-panel-width:260px}.gin-sidebar{z-index:300;height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000001f}.gin-sidebar.open{transform:translate(0)}.gin-hamburger{justify-content:center;align-items:center;display:flex}.gin-main{width:100%}.gin-header{gap:8px;padding:0 14px}.gin-header-title{font-size:14px}.gin-breadcrumb,.gin-header-right>span{display:none}.gin-workspace{overflow:hidden}.gin-list-panel{width:var(--list-panel-width)}.gin-context-panel{display:none}.gin-context-panel.mobile-open{z-index:250;flex-direction:column;width:280px;height:100vh;display:flex;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-4px 0 24px #0000001f}.gin-context-panel.mobile-open .gin-ctx-back-btn{display:flex}}@media (max-width:640px){:root{--sidebar-width:82vw;--header-height:54px;--list-panel-width:100%}body{overflow:hidden}.gin-app{flex-direction:row}.gin-main{flex-direction:column;flex:1;width:100%;min-width:0;display:flex;overflow:hidden}.gin-header{height:var(--header-height);padding:0 12px}.gin-header-title{font-size:13px}.gin-header-right>span,.gin-btn-primary span{display:none}.gin-btn{padding:7px 10px;font-size:12px}.gin-btn.gin-btn-primary:before{content:"+"}.gin-workspace{flex-direction:column;flex:1;height:0;overflow:hidden auto}.gin-list-panel{border-right:none;border-bottom:1px solid var(--gin-border);flex-shrink:0;width:100%;max-height:45vh}.gin-workspace.ticket-selected .gin-list-panel{display:none}.gin-workspace.ticket-selected .gin-detail-panel{flex:1}.gin-detail-panel{flex:1;min-height:0;overflow:hidden}.gin-ticket-banner{flex-wrap:wrap;gap:8px;padding:10px 14px}.gin-ticket-banner h2{font-size:13px}.gin-ticket-banner-meta{gap:8px;font-size:11px}.gin-thread{padding:14px 12px}.gin-msg-bubble{max-width:90%;font-size:13px}.gin-reply-box{padding:8px 12px 12px}.gin-reply-textarea{min-height:48px;font-size:13px}.gin-reply-input{gap:8px}.gin-reply-input .gin-btn{padding:8px 12px}.gin-context-panel,.gin-context-panel.mobile-open{z-index:250;border-left:none;width:100%;height:100vh;display:none;position:fixed;inset:0;overflow-y:auto}.gin-context-panel.mobile-open{flex-direction:column;display:flex}.gin-context-panel.mobile-open .gin-ctx-back-btn{display:flex}.gin-mobile-back-bar{border-bottom:1px solid var(--gin-border);background:var(--gin-bg-white);color:var(--gin-primary);cursor:pointer;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:flex}.gin-ctx-toggle-btn{border:1px solid var(--gin-border-dark);background:var(--gin-bg);cursor:pointer;color:var(--gin-navy);white-space:nowrap;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700}.gin-page{padding:16px 14px;overflow-y:auto}.gin-page-header{flex-wrap:wrap;gap:6px;margin-bottom:16px}.gin-page-header h2{font-size:18px}.gin-stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.gin-stat-card{gap:10px;padding:14px 12px}.gin-stat-val{font-size:22px}.gin-stat-label{font-size:11px}.gin-card{padding:16px 14px}.gin-card-title{margin-bottom:12px;font-size:13px}.gin-form-row,.gin-form-row-3{grid-template-columns:1fr;gap:12px}.gin-input{font-size:15px}.gin-step-label{display:none}.gin-incident-types{grid-template-columns:1fr}[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.gin-tab-bar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.gin-tab{flex-shrink:0;padding:10px 12px;font-size:11.5px}.gin-sidebar{width:var(--sidebar-width)}[style*="fontSize: '32px'"][style*="fontWeight: 800"]{font-size:22px!important}[style*="display: 'flex'"][style*="gap: '12px'"][style*="marginBottom: '24px'"]{flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}.gin-chat-widget,[style*="maxWidth: '460px'"]{border-radius:16px!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important}.gin-chat-messages{min-height:200px}[style*="minHeight: '100vh'"][style*="alignItems: 'center'"]{justify-content:flex-start!important;padding:12px!important;overflow-y:auto!important}}@media (max-width:380px){.gin-stats-grid{grid-template-columns:1fr}.gin-btn{padding:6px 8px;font-size:11px}.gin-reply-box{padding:6px 10px 10px}}.support-page-wrap{box-sizing:border-box}.support-chat-card{box-sizing:border-box;flex:auto}@media (max-width:640px){.support-page-wrap{min-height:100dvh;justify-content:flex-start!important;padding:12px 10px!important;overflow:hidden auto!important}.support-chat-card{border-radius:18px!important;max-width:100%!important;min-height:360px!important;max-height:80vh!important}.support-page-wrap h1{font-size:22px!important}.support-page-wrap>div>div:nth-child(2){flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}.support-page-wrap>div>div:last-child{font-size:11px!important}}@keyframes claudeBounce{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gin-spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.support-page-wrap button[style*=c7d2fe]:hover{transform:translateY(-1px);background:#e0e7ff!important;border-color:#a5b4fc!important}.gin-pagination{border-top:1px solid var(--gin-border);background:#fff;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:12px 16px;display:flex}.gin-pagination-btn{border:1px solid var(--gin-border);cursor:pointer;width:32px;height:32px;color:var(--gin-text);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:all .2s;display:flex}.gin-pagination-btn:hover:not(:disabled){background:var(--gin-bg);border-color:var(--gin-primary);color:var(--gin-primary);transform:translateY(-1px)}.gin-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.gin-pagination-info{color:var(--gin-text-secondary);font-size:12px}.gin-pagination-info b{color:var(--gin-primary)}