.pstm-portal{max-width:900px;margin:40px auto;font-family:system-ui,-apple-system,sans-serif;color:#172033}.pstm-portal *{box-sizing:border-box}.pstm-portal-head{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:20px}.pstm-portal-head h2{margin:4px 0}.pstm-badge,.pstm-priority{display:inline-block;border-radius:999px;padding:7px 12px;background:#e0e7ff;margin:3px}.pstm-priority.urgent{background:#ffe4e6;color:#be123c}.pstm-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pstm-meta div{padding:12px;background:#f8fafc;border-radius:10px}.pstm-meta dt{font-size:12px;color:#64748b}.pstm-meta dd{margin:4px 0}.pstm-conversation{display:flex;flex-direction:column;gap:14px;margin:24px 0}.pstm-conversation article{max-width:85%;padding:16px;border-radius:14px;background:#f1f5f9}.pstm-conversation article.agent{align-self:flex-end;background:#dbeafe}.pstm-conversation header{display:flex;justify-content:space-between;gap:20px}.pstm-conversation time{font-size:12px;color:#64748b}.pstm-attachment{display:block;margin-top:8px}.pstm-portal-reply,.pstm-lookup{padding:20px;border:1px solid #e2e8f0;border-radius:14px}.pstm-portal label{display:block;margin:12px 0;font-weight:600}.pstm-portal input,.pstm-portal textarea{width:100%;margin-top:6px;padding:12px;border:1px solid #cbd5e1;border-radius:8px}.pstm-portal button{background:#2563eb;color:#fff;border:0;padding:12px 18px;border-radius:8px;font-weight:700;cursor:pointer}.pstm-close{margin-top:14px!important;background:#fff!important;color:#475569!important;border:1px solid #cbd5e1!important}.pstm-alert{padding:14px;background:#fff1f2;border-radius:8px}.pstm-alert.success{background:#ecfdf5}@media(max-width:640px){.pstm-portal{margin:20px 12px}.pstm-meta{grid-template-columns:1fr}.pstm-portal-head{align-items:flex-start;flex-direction:column}.pstm-conversation article{max-width:95%}}