/* SIOGEN Support Agent — front-end */
.ssa-support { max-width: 760px; margin: 0 auto; }
.ssa-support-title { margin-bottom: 6px; }
.ssa-support-intro { color: #556; margin-bottom: 20px; }
.ssa-support-new, .ssa-support-mine { margin-bottom: 28px; }
.ssa-support h3 { margin: 0 0 10px; }
.ssa-support-login { background: #f6f8fb; border: 1px solid #e6e9ef; border-radius: 8px; padding: 10px 14px; }

.ssa-form label { display: block; font-weight: 600; margin-bottom: 4px; }
.ssa-form input[type=text], .ssa-form input[type=email], .ssa-form textarea, .ssa-reply textarea {
	width: 100%; padding: 8px 10px; border: 1px solid #ccd0d4; border-radius: 6px; font: inherit;
}
.ssa-btn { display: inline-block; padding: 9px 16px; border: 0; border-radius: 8px; background: #0e4bd1; color: #fff; font-weight: 600; cursor: pointer; }
.ssa-btn:hover { background: #0a3aa8; }
.ssa-notice { padding: 10px 12px; border-radius: 6px; margin-bottom: 12px; }
.ssa-notice--ok { background: #e6f4ea; color: #1a7f37; }
.ssa-notice--err { background: #fdecea; color: #b32d2e; }

.ssa-tickets .ssa-ticket { border: 1px solid #e6e9ef; border-radius: 8px; margin-bottom: 10px; padding: 6px 12px; }
.ssa-ticket summary { cursor: pointer; font-weight: 600; }
.ssa-t-subject { margin-right: 8px; }
.ssa-pill { display: inline-block; padding: 1px 8px; border-radius: 10px; font-size: 11px; font-weight: 600; background: #eef2f8; color: #334; }
.ssa-pill--answered { background: #e6f4ea; color: #1a7f37; }
.ssa-pill--escalated { background: #fdecea; color: #b32d2e; }

.ssa-thread { list-style: none; margin: 10px 0; padding: 0; }
.ssa-msg { padding: 8px 12px; border-radius: 8px; margin: 6px 0; max-width: 85%; }
.ssa-msg--customer { background: #eef2f8; margin-right: auto; }
.ssa-msg--agent, .ssa-msg--ai { background: #e7f0ff; margin-left: auto; }
.ssa-msg-who { font-size: 11px; font-weight: 700; color: #667; margin-bottom: 2px; }
.ssa-reply { margin-top: 10px; display: flex; gap: 8px; align-items: flex-start; }
.ssa-reply textarea { flex: 1; }