.support-hero{padding:var(--space-20) 0 var(--space-16);text-align:center;border-bottom:1px solid var(--border-light)}.support-hero h1{font-size:var(--text-4xl);font-weight:700;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3)}.support-hero p{font-size:var(--text-lg);color:var(--text-secondary);max-width:var(--container-hero-lead);margin:0 auto}.support-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.support-option{background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center}.support-option:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.support-option-icon{width:var(--size-14);height:var(--size-14);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--bg-surface);margin-bottom:var(--space-5)}.support-option-icon .material-symbols-outlined{font-size:var(--icon-3xl);color:var(--text-primary)}.support-option h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.support-option p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-5);flex-grow:1}.support-option .btn{align-self:center}.support-form-card{background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-10);max-width:var(--container-prose);margin:0 auto}.support-form-card h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.support-form-card>p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-8)}.support-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.status-card{background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-8);max-width:var(--container-prose);margin:0 auto}.status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-light)}.status-header h3{font-size:var(--text-lg);font-weight:600}.status-indicator{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500}.status-dot{width:var(--size-2);height:var(--size-2);border-radius:50%;flex-shrink:0}.status-dot-green{background:var(--success);box-shadow:var(--focus-ring-success)}.status-dot-yellow{background:var(--warning);box-shadow:var(--focus-ring-warning)}.status-dot-red{background:var(--danger);box-shadow:var(--focus-ring-danger)}.status-list{display:flex;flex-direction:column;gap:var(--space-4)}.status-item{display:flex;align-items:center;justify-content:space-between}.status-item-name{font-size:var(--text-sm);color:var(--text-primary)}.status-item-value{font-size:var(--text-sm);color:var(--success);display:flex;align-items:center;gap:var(--space-1)}.status-item-value .material-symbols-outlined{font-size:var(--icon-md)}.support-response{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);max-width:var(--container-prose);margin:var(--space-6) auto 0}.support-response .material-symbols-outlined{font-size:var(--icon-xl);color:var(--text-tertiary);flex-shrink:0}.support-response p{font-size:var(--text-sm);color:var(--text-secondary)}.support-response strong{color:var(--text-primary)}.ticket-lookup{max-width:var(--container-md);margin:0 auto;padding:var(--space-8);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ticket-lookup-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.ticket-lookup-icon{width:var(--size-11);height:var(--size-11);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--wp-blue-bg);color:var(--wp-blue);flex-shrink:0}.ticket-lookup-icon .material-symbols-outlined{font-size:var(--icon-xl)}.ticket-lookup-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1)}.ticket-lookup-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.ticket-lookup-form{display:flex;flex-direction:column;gap:var(--space-4)}.ticket-lookup-form .form-group{margin:0}.ticket-lookup-form input[name="ticket_id"],.ticket-lookup-form #lookup-ticket-id{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ticket-lookup-form button[type="submit"],.ticket-lookup-form .btn{align-self:flex-start}.ticket-lookup-result{display:none;margin-top:var(--space-5);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md)}.ticket-lookup-result.visible{display:block}.ticket-lookup-result.error{background:var(--danger-bg);border-color:var(--danger-border)}.ticket-lookup-result-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap}.ticket-lookup-result-row:last-child{margin-bottom:0}.ticket-lookup-result-id{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.ticket-lookup-result-subject{font-size:var(--text-sm);color:var(--text-primary)}.ticket-lookup-result-meta{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.ticket-lookup-result-error{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--danger)}.status-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);font-family:var(--font-mono)}.status-pill-open{background:var(--wp-blue-bg);color:var(--wp-blue)}.status-pill-in_progress{background:var(--warning-bg);color:var(--warning)}.status-pill-resolved{background:var(--success-bg);color:var(--success)}.status-pill-closed{background:var(--bg-surface);color:var(--text-tertiary);border:1px solid var(--border-light)}.file-upload{display:block;position:relative;border:2px dashed var(--border-medium);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--bg-surface)}.file-upload:hover,.file-upload.drag-over{border-color:var(--accent);background:var(--bg-base)}.file-upload input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-upload-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.file-upload-prompt .material-symbols-outlined{font-size:var(--icon-3xl);color:var(--text-tertiary)}.file-upload-prompt strong{font-size:var(--text-sm);color:var(--text-primary)}.file-upload-prompt>span:not(.material-symbols-outlined){font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.file-upload-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.file-upload-list:empty{display:none}.file-upload-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md)}.file-upload-item>.material-symbols-outlined{color:var(--text-tertiary);font-size:var(--icon-xl);flex-shrink:0}.file-upload-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-upload-item-name{font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload-item-size{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.file-upload-item-remove{width:var(--space-7);height:var(--space-7);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-base)}.file-upload-item-remove:hover{color:var(--danger);background:var(--danger-bg)}.file-upload-item-remove .material-symbols-outlined{font-size:var(--icon-md)}.form-message{display:none;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.form-message.visible{display:flex}.form-message-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.form-message-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.form-message>.material-symbols-outlined{font-size:var(--icon-xl);flex-shrink:0}.form-message-body{flex:1;min-width:0}.form-message-body strong{display:block;font-weight:600;margin-bottom:2px;color:inherit}.form-message-body p{margin:0;font-size:var(--text-sm);color:inherit}.form-message-body .ticket-id{font-family:var(--font-mono);font-weight:700}.form-required{color:var(--danger);margin-left:2px}.form-error{display:none;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--danger)}.form-group.has-error .form-error{display:block}.form-group.has-error .form-input,.form-group.has-error .form-select,.form-group.has-error .form-textarea{border-color:var(--danger)}.support-form-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding-top:var(--space-4);margin-top:var(--space-6);border-top:1px solid var(--border-light)}.support-form-sla{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.support-form-sla .material-symbols-outlined{font-size:var(--icon-md);color:var(--success)}.support-form-submit{min-width:180px;justify-content:center;line-height:1}.support-form-submit .btn-text{display:inline-flex;align-items:center;gap:var(--space-2);line-height:1}.support-form-submit .btn-text .material-symbols-outlined{line-height:1}.support-form-submit .btn-text .btn-label{line-height:1;display:inline-block}.support-form-submit .btn-loading{display:none;align-items:center;justify-content:center}.support-form-submit.is-loading .btn-text{display:none}.support-form-submit.is-loading .btn-loading{display:inline-flex}.support-form-submit .btn-spinner{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;opacity:.9;animation:support-spin .7s linear infinite}@keyframes support-spin{to{transform:rotate(360deg)}}.portal-navbar{background:var(--bg-base);border-bottom:1px solid var(--border-light);padding:var(--space-4) 0}.portal-navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.portal-navbar-user{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-mono)}.portal-navbar-user .material-symbols-outlined{font-size:var(--icon-lg);color:var(--text-tertiary)}.portal-navbar-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.portal-verify{padding:var(--space-16) 0 var(--space-20);display:flex;justify-content:center}.portal-verify-card{max-width:var(--container-form);width:100%;padding:var(--space-10);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center}.portal-verify-icon{width:var(--space-16);height:var(--space-16);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--wp-blue-bg);color:var(--wp-blue);margin:0 auto var(--space-5)}.portal-verify-icon .material-symbols-outlined{font-size:var(--icon-3xl)}.portal-verify-card h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2);letter-spacing:var(--tracking-tight)}.portal-verify-card>p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-6)}.verify-form{display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.verify-field{display:flex;flex-direction:column;gap:var(--space-2)}.verify-field label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.verify-field label .material-symbols-outlined{font-size:var(--icon-md);color:var(--text-tertiary)}.verify-field input{width:100%;padding:10px var(--space-4);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-base);border:2px solid var(--border-medium);border-radius:var(--radius-md);transition:border-color var(--transition-base),box-shadow var(--transition-base);font-family:var(--font-sans)}.verify-field input:focus{outline:0;border-color:var(--wp-blue);box-shadow:var(--focus-ring)}.verify-field input[name="verify_password"]{font-family:var(--font-mono);letter-spacing:var(--tracking-wider);text-transform:uppercase}.verify-hint{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--wp-blue-bg);border:1px solid var(--wp-blue-border,var(--border-light));border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--wp-blue);line-height:var(--leading-normal)}.verify-hint .material-symbols-outlined{font-size:var(--icon-md);flex-shrink:0;margin-top:1px}.verify-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--danger)}.verify-error .material-symbols-outlined{font-size:var(--icon-md);flex-shrink:0}.verify-submit{width:100%;justify-content:center;margin-top:var(--space-2)}.verify-back{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-5);font-size:var(--text-sm);color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-base)}.verify-back:hover{color:var(--text-primary)}.verify-back .material-symbols-outlined{font-size:var(--icon-md)}.portal-revealed{display:none}.portal-revealed.is-visible{display:block}.portal-verify.is-hidden{display:none}.portal-hero{padding:var(--space-12) 0 var(--space-10)}.portal-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-2)}.portal-hero h1{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.portal-hero-meta{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-secondary)}.portal-hero-meta .meta-item{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.portal-hero-meta .meta-item .material-symbols-outlined{font-size:var(--icon-sm)}.ticket-filters{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-light)}.ticket-filter-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans);display:inline-flex;align-items:center;gap:var(--space-2)}.ticket-filter-btn:hover{background:var(--bg-surface);border-color:var(--border-medium);color:var(--text-primary)}.ticket-filter-btn.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.ticket-filter-count{font-size:var(--text-xs);opacity:.8;font-family:var(--font-mono)}.ticket-list{display:flex;flex-direction:column;gap:var(--space-3)}.ticket-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-base)}.ticket-item:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ticket-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.ticket-item-top{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.ticket-item-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);font-weight:600}.ticket-item-subject{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-item-preview{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ticket-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);flex-shrink:0}.ticket-item-date{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);white-space:nowrap}.ticket-item-arrow{color:var(--text-tertiary);font-size:var(--text-xl);transition:transform var(--transition-base);flex-shrink:0}.ticket-item:hover .ticket-item-arrow{transform:translateX(3px);color:var(--text-primary)}.portal-empty{padding:var(--space-16) var(--space-8);text-align:center;background:var(--bg-base);border:1px dashed var(--border-medium);border-radius:var(--radius-lg)}.portal-empty .material-symbols-outlined{font-size:var(--icon-4xl);color:var(--text-tertiary);display:block;margin-bottom:var(--space-4)}.portal-empty h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2)}.portal-empty p{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-5)}.ticket-header{padding:var(--space-10) 0 var(--space-6);border-bottom:1px solid var(--border-light);margin-bottom:var(--space-8)}.ticket-header-top{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.ticket-header-id{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary);font-weight:600}.ticket-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-4);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.ticket-header-meta{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap;font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.ticket-header-meta-item{display:inline-flex;align-items:center;gap:var(--space-1)}.ticket-header-meta-item .material-symbols-outlined{font-size:var(--icon-sm)}.ticket-thread{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-10)}.message{display:flex;gap:var(--space-3);max-width:100%}.message-customer{justify-content:flex-end}.message-customer .message-body{align-items:flex-end}.message-avatar{width:var(--size-10);height:var(--size-10);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-light);flex-shrink:0;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.message-admin .message-avatar{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.message-body{display:flex;flex-direction:column;gap:var(--space-1);max-width:calc(100% - 52px);min-width:0}.message-header{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.message-author{font-weight:600;color:var(--text-secondary)}.message-admin .message-author{color:var(--success)}.message-badge{display:inline-flex;padding:1px 6px;border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--success-bg);color:var(--success)}.message-time{color:var(--text-tertiary)}.message-content{padding:var(--space-4) var(--space-5);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-relaxed)}.message-customer .message-content{background:var(--bg-base);border-color:var(--border-light);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg)}.message-admin .message-content{background:var(--bg-surface);border-color:var(--border-light);border-left:3px solid var(--success);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-sm)}.message-content p{margin:0 0 var(--space-3)}.message-content p:last-child{margin-bottom:0}.message-attachments{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light)}.message-attachment{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-primary);font-size:var(--text-xs);font-family:var(--font-mono)}.message-attachment .material-symbols-outlined{font-size:var(--icon-md);color:var(--text-tertiary)}.reply-composer{padding:var(--space-6);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.reply-composer-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.reply-composer-header .material-symbols-outlined{font-size:var(--icon-lg);color:var(--text-tertiary)}.reply-textarea{width:100%;min-height:calc(var(--space-20) + var(--space-4));padding:var(--space-4);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-base);border:2px solid var(--border-medium);border-radius:var(--radius-md);font-family:var(--font-sans);line-height:var(--leading-relaxed);resize:vertical;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.reply-textarea:focus{outline:0;border-color:var(--accent);box-shadow:var(--focus-ring)}.reply-composer .file-upload{margin-top:var(--space-3);padding:var(--space-4)}.reply-composer .file-upload-prompt .material-symbols-outlined{font-size:var(--icon-xl)}.reply-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.reply-composer-hint{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.reply-submit{min-width:160px;justify-content:center;position:relative}.reply-submit.is-loading .btn-label{opacity:0}.reply-submit .submit-spinner{display:none;position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:support-spin .7s linear infinite}.reply-submit.is-loading .submit-spinner{display:block}.reply-closed-notice{padding:var(--space-5);background:var(--bg-surface);border:1px dashed var(--border-medium);border-radius:var(--radius-md);text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.reply-closed-notice .material-symbols-outlined{color:var(--text-tertiary);margin-right:var(--space-2);vertical-align:middle}@media(max-width:768px){.support-hero h1{font-size:var(--text-3xl)}.support-options{grid-template-columns:1fr}.support-form-row{grid-template-columns:1fr}.support-form-card{padding:var(--space-6)}.ticket-lookup{padding:var(--space-6)}.ticket-lookup-form button[type="submit"],.ticket-lookup-form .btn{align-self:stretch}.support-form-actions{flex-direction:column;align-items:stretch}.support-form-submit{width:100%}.portal-navbar-inner{flex-direction:column;align-items:flex-start}.portal-verify-card{padding:var(--space-8) var(--space-6)}.portal-hero-top{flex-direction:column}.ticket-item{padding:var(--space-4);gap:var(--space-3)}.ticket-item-meta{align-items:flex-start}.ticket-header h1{font-size:var(--text-xl)}.reply-composer-actions{flex-direction:column;align-items:stretch}.reply-submit{width:100%}}.file-upload-item .upload-progress{flex-basis:100%;height:2px;margin-top:var(--space-2);background:var(--border-light);border-radius:var(--radius-full);overflow:hidden}.file-upload-item .upload-progress-bar{height:100%;width:0;background:var(--accent);transition:width 200ms linear}.file-upload-item.is-uploading .file-upload-item-name{color:var(--text-secondary)}.file-upload-item.has-error{border-color:var(--danger-border);background:var(--danger-bg)}.file-upload-item.has-error .file-upload-item-name{color:var(--danger)}.ticket-thread .message.search-hidden{display:none}.ticket-thread .message.search-highlight .message-content{background:var(--warning-bg)}.ticket-header>.container,.portal-ticket-body{max-width:var(--container-md)}.portal-ticket-body{margin-left:auto;margin-right:auto}.ticket-back-link{display:inline-flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-base)}.ticket-back-link:hover{color:var(--text-primary)}.ticket-back-link .material-symbols-outlined{font-size:var(--icon-md)}.ticket-header-id{padding:2px var(--space-2);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary)}.message-admin .message-avatar{background:var(--bg-surface);border-color:var(--border-medium);color:var(--text-primary)}.message-original .message-content{border-color:var(--border-medium)}.ticket-conversation-search{max-width:var(--container-form);margin-bottom:var(--space-5)}.ticket-attachments{margin-top:var(--space-8);padding:var(--space-5) var(--space-6);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.ticket-attachments-title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-family:var(--font-mono)}.ticket-attachments-title .material-symbols-outlined{font-size:var(--icon-md);color:var(--text-tertiary)}.ticket-resolved-banner{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-md);color:var(--success);font-size:var(--text-sm);line-height:var(--leading-normal)}.ticket-resolved-banner .material-symbols-outlined{font-size:var(--icon-xl);flex-shrink:0;color:var(--success)}.ticket-resolved-banner strong{display:block;font-weight:600;margin-bottom:2px;color:inherit}.reply-composer{margin-top:var(--space-8)}.reply-composer .file-upload{border-radius:var(--radius-md)}.reply-optional-tag{margin-left:var(--space-1);color:var(--text-tertiary);font-weight:400;font-family:var(--font-mono);font-size:var(--text-xs)}.reply-closed-notice{margin-top:var(--space-8)}.reply-closed-notice-resolved{background:var(--success-bg);border:1px solid var(--success-border);border-style:solid;color:var(--success)}.reply-closed-notice-resolved .material-symbols-outlined{color:var(--success)}.reply-submit .btn-label{transition:opacity var(--duration-base) var(--ease-default)}.portal-hero>.container,.ticket-filters,.ticket-list,.portal-empty{max-width:var(--container-md)}.ticket-filters,.ticket-list,.portal-empty{margin-left:auto;margin-right:auto}.ticket-filter-btn.active .ticket-filter-count{opacity:1;color:var(--accent-fg)}.ticket-item[hidden]{display:none !important}@media(max-width:640px){.ticket-header{padding:var(--space-8) 0 var(--space-5);margin-bottom:var(--space-6)}.ticket-header h1{font-size:var(--text-xl)}.ticket-header-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.message{gap:var(--space-2)}.message-avatar{width:var(--size-10);height:var(--size-10)}.message-body{max-width:calc(100% - 48px)}.message-content{padding:var(--space-3) var(--space-4)}.reply-composer{padding:var(--space-4)}.reply-composer .file-upload{padding:var(--space-4)}.ticket-attachments{padding:var(--space-4)}.portal-hero{padding:var(--space-8) 0 var(--space-6)}.portal-hero h1{font-size:var(--text-2xl)}.ticket-filters{margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.ticket-item{flex-direction:column;align-items:stretch;gap:var(--space-3)}.ticket-item-meta{flex-direction:row;justify-content:space-between;align-items:center}.ticket-item-arrow{display:none}}