.ticket-create-card,.ticket-list-block,.ticket-mail-box{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);margin:var(--spacing-2xl) auto;max-width:1000px;padding:var(--spacing-lg)}.ticket-list-block h1,.ticket-mail-box h1{font-size:1.4rem;margin:0}.ticket-channel-card h2,.ticket-create-card h2,.ticket-list-block h2,.ticket-mail-box h2{font-size:1.2rem;margin:0}.ticket-channel-card p{font-size:.95rem;line-height:1.45;opacity:.92}.ticket-explainer{margin:.5rem 0 .9rem;max-width:76ch;opacity:.9}.ticket-channel-grid{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:var(--spacing-2xl) auto;max-width:1200px;padding:0 var(--spacing-4xl)}.ticket-channel-card{align-items:flex-start;background:var(--color-card-bg);border:1px dashed var(--color-card-border);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;flex-direction:column;justify-content:space-between;max-width:280px;min-height:160px;padding:1rem;text-decoration:none;transition:var(--transition-fast)}.ticket-channel-card:hover{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border));transform:translateY(-2px)}.ticket-badge{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-block;font-size:.8rem;margin-top:.8rem;padding:.22rem .55rem}.ticket-list-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.ticket-search{display:flex;gap:.45rem}.ticket-form .form-group input,.ticket-form .form-group select,.ticket-form .form-group textarea,.ticket-input,.ticket-search input,.ticket-select,.ticket-textarea{background:color-mix(in srgb,var(--color-bg-secondary) 72%,transparent);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--color-text-primary);max-width:100%;padding:.65rem .75rem;width:100%}.form-grid,.form-group,.ticket-form,.ticket-form-card,.ticket-form-section{min-width:0}.ticket-form{display:flex;flex-direction:column}.ticket-field label{display:block;margin-bottom:.35rem}.ticket-list{display:flex;flex-direction:column;gap:.65rem;margin-top:.8rem}.ticket-item{align-items:flex-start;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);display:flex;gap:.9rem;justify-content:space-between;padding:.75rem;text-decoration:none}.ticket-item h3{font-size:1.02rem;margin:0 0 .2rem}.ticket-item p{margin:0;opacity:.9}.ticket-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.4rem;white-space:nowrap}.ticket-detail-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:space-between;margin-top:.6rem}.ticket-status{font-weight:600}.ticket-status.open{color:var(--color-primary)}.ticket-status.answered{color:var(--color-success)}.ticket-status.closed{color:var(--color-text-secondary)}.ticket-thread{display:flex;flex-direction:column;gap:.75rem}.ticket-reply{background:color-mix(in srgb,var(--color-bg-secondary) 55%,transparent);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.8rem}.ticket-reply h3{margin:0 0 .35rem}.ticket-reply p{margin:0 0 .45rem}.ticket-actions,.ticket-form-inline{display:flex;gap:.6rem}.ticket-form-inline{align-items:center}.ticket-create-note,.ticket-empty{opacity:.85}.importance-badge{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;padding:.2rem .55rem}.importance-1{background:color-mix(in srgb,var(--color-bg-secondary) 80%,transparent)}.importance-2{background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.importance-3{background:color-mix(in srgb,var(--color-warning) 18%,transparent)}.importance-4{background:color-mix(in srgb,var(--color-danger) 20%,transparent)}@media (max-width:900px){.ticket-channel-grid{grid-template-columns:1fr}.ticket-list-header{align-items:stretch}.ticket-item,.ticket-list-header{flex-direction:column}.ticket-meta{align-items:flex-start}}.ticket-create-hero{background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%);border-bottom:1px solid var(--color-border);padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-2xl)}.ticket-create-container{margin:0 auto;max-width:900px}.ticket-create-header h1{color:var(--color-text-primary);font-size:clamp(28px,4vw,36px);margin-bottom:var(--spacing-sm)}.ticket-create-header p{color:var(--color-text-secondary);font-size:16px}.ticket-form-section{margin:var(--spacing-3xl) auto;max-width:900px;padding:0 var(--spacing-lg)}.ticket-form-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--spacing-3xl)}.form-section-title{align-items:center;border-bottom:2px solid var(--color-border);color:var(--color-text-primary);display:flex;font-size:20px;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.form-section-title i{color:var(--color-primary)}.form-grid{display:grid;gap:var(--spacing-xl)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{color:var(--color-text-primary);font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-body);font-size:14px;max-width:100%;padding:var(--spacing-md);transition:border-color var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-group textarea{min-height:120px;resize:vertical}.form-group small{color:var(--color-text-secondary);font-size:12px}.form-row{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;min-width:0}.form-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-lg)}.form-actions .btn{align-items:center;display:inline-flex;flex:1;justify-content:center;min-width:0;text-align:center;white-space:normal}.form-error{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);border-radius:var(--radius-sm);color:#f44336;font-size:14px;margin-top:var(--spacing-sm);padding:var(--spacing-md)}.required-indicator{color:#f44336;margin-left:4px}.form-actions .btn,.ticket-form-card .btn{align-items:center;box-sizing:border-box;display:inline-flex;gap:.5rem;justify-content:center;max-width:100%;min-width:0;overflow-wrap:anywhere;text-align:center;white-space:normal;word-break:break-word}.ticket-form .form-group input,.ticket-form .form-group select,.ticket-form .form-group textarea,.ticket-form-card input:not([type=checkbox]):not([type=radio]),.ticket-form-card select,.ticket-form-card textarea,.ticket-input,.ticket-select,.ticket-textarea{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.ticket-create-container,.ticket-form-card,.ticket-form-section{box-sizing:border-box}@media (max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.ticket-form-section{margin:var(--spacing-2xl) auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.ticket-form-card{padding:28px 20px}.ticket-create-hero{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg)}.ticket-create-container{max-width:100%;padding-left:0;padding-right:0;width:100%}}@media (max-width:480px){.ticket-form-card{padding:24px 16px}.form-actions .btn,.ticket-form-card .btn{font-size:.95rem}}