/* Front styles */
.opx-front{max-width:900px;margin:20px auto;font-family:Arial, sans-serif;padding:0 12px}
.opx-card{background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:18px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.opx-muted{color:#666;margin-top:6px}
.opx-form{margin-top:12px}
.opx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:720px){.opx-grid{grid-template-columns:1fr;}}
.opx-field{display:flex;flex-direction:column;gap:6px}
.opx-field--full{grid-column:1/-1}
.opx-field input,.opx-field select,.opx-form textarea{
  border:1px solid #d9d9d9;border-radius:10px;padding:10px 12px;font-size:14px;outline:none
}
.opx-field input:focus,.opx-field select:focus,.opx-form textarea:focus{border-color:#2f6feb}
.opx-checkbox{display:flex;align-items:center;gap:8px;margin:10px 0;color:#333}
.opx-btn{background:#2f6feb;color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}
.opx-btn:hover{filter:brightness(.95)}
.opx-divider{height:1px;background:#eee;margin:16px 0}
.opx-alert{margin-top:10px;padding:10px 12px;border-radius:10px;background:#e8f0fe;border:1px solid #c6dafc}
.opx-alert--error{background:#fce8e6;border-color:#f7b9b3}
.opx-thread{margin-top:10px}
.opx-msg{border-radius:12px;padding:10px 12px;margin:10px 0}
.opx-msg--admin{background:#f0f6ff;border:1px solid #d6e6ff}
.opx-msg--user{background:#f7f7f7;border:1px solid #e6e6e6}
.opx-msg__head{display:flex;justify-content:space-between;gap:12px;color:#555;margin-bottom:6px;font-size:12px}
.opx-empty{color:#666;padding:6px}
.opx-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid #dcdcde;background:#fff}
.opx-badge--open{background:#fff4e5;border-color:#ffd9a8}
.opx-badge--progress{background:#e8f0fe;border-color:#c6dafc}
.opx-badge--closed{background:#e6f4ea;border-color:#b7e1c1}

.opx-alert--warn{background:#fff8e1;border-color:#ffe0b2}
.opx-radio{display:block;margin:6px 0;color:#333}