/* ==========================================================
   Polliglot Support UI – Global Foundation
   Plugin-scoped ONLY (Safe with any theme)
   ========================================================== */

.polliglot-support-ui {
    width: 100%;
    margin-bottom:100px;
}

/* Core container */
.polliglot-support-ui .ps-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 16px;
}

/* Vertical rhythm */
.polliglot-support-ui .ps-section {
    margin-bottom: 24px;
}

.polliglot-support-ui .ps-section-sm {
    margin-bottom: 16px;
}

.polliglot-support-ui .ps-section-lg {
    margin-bottom: 32px;
}

/* Cards / blocks (layout only) */
.polliglot-support-ui .ps-card {
    border: 1px solid currentColor;
    border-radius: 8px;
    padding: 16px;
}

/* Buttons (spacing only, theme controls visuals) */
.polliglot-support-ui .ps-btn {
    padding: 10px 18px;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
}

/* Utility helpers */
.polliglot-support-ui .ps-muted {
    opacity: 0.8;
}

.polliglot-support-ui .ps-inline {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* ==========================================================
   Global Button System – Polliglot Support UI
   ========================================================== */

/* Base button */
.polliglot-support-ui .ps-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;              /* equal height everywhere */
    padding: 0 20px;
    border-radius: 6px;
    font-weight: 500;
    text-decoration: none;         /* remove underline */
    cursor: pointer;
    transition: background-color 0.2s ease,
                color 0.2s ease,
                border-color 0.2s ease;
}

/* ---------- Outline Button ---------- */
.polliglot-support-ui .ps-btn-outline {
    background: transparent;
    color: #f48024;
    border: 2px solid #f48024;
}

/* Outline → hover = blue fill */
.polliglot-support-ui .ps-btn-outline:hover {
    background-color: #1d4a83;
    border-color: #1d4a83;
    color: #ffffff;
    text-decoration: none;
}

/* ---------- Primary / Solid Button ---------- */
.polliglot-support-ui .ps-btn-primary {
    background-color: #1d4a83;
    color: #ffffff;
    border: 2px solid #1d4a83;
}

/* Solid → hover = orange fill */
.polliglot-support-ui .ps-btn-primary:hover {
    background-color: #f48024;
    border-color: #f48024;
    color: #ffffff;
    text-decoration: none;
}



/* ==========================================================
   Stage 1.1 – Support Tabs (FINAL – FROZEN)
   ========================================================== */
   


/* Tabs bar */
.polliglot-support-ui .ps-support-tabs-bar {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

/* Tabs */
.polliglot-support-ui .ps-support-tabs {
    display: flex;
    gap: 4px;
}

/* Tab base */
.polliglot-support-ui .ps-support-tabs a.ps-tab {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    color: inherit;
    border: 1px solid transparent;
    border-bottom: none;
    background: transparent;
}

/* ACTIVE tab (Dashboard) */
.polliglot-support-ui .ps-support-tabs a.ps-tab.active {
    border: 1px solid #ddd;
    border-bottom-color: #fff;
    background: #fff;
    font-weight: 600;
    position: relative;
    top: 1px;
}

/* Right action */
.polliglot-support-ui .ps-support-tabs-action {
    display: flex;
    align-items: center;
    padding-bottom: 6px;
}

/* New Ticket button (PRIMARY CTA) */
.polliglot-support-ui .ps-new-ticket-btn {
    background-color: #1d4a83;
    color: #ffffff;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
}

.polliglot-support-ui .ps-new-ticket-btn:hover {
    opacity: 0.9;
}


/* ==========================================================
   Stage 1.2 – Dashboard Stats & Actions
   ========================================================== */

/* Dashboard wrapper */
.polliglot-support-ui .ps-dashboard {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    padding-top:32px;
}

/* Stats row */
.polliglot-support-ui .ps-dashboard-stats {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
}

/* Circular stat */
.polliglot-support-ui .ps-stat-circle {
    width: 120px;
    height: 120px;
    border: 2px solid #d1d5db; /* light neutral border */
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.polliglot-support-ui .ps-stat-circle strong {
    font-size: 22px;
    line-height: 1;
}

.polliglot-support-ui .ps-stat-circle span {
    margin-top: 6px;
    opacity: 0.8;
}

/* Action buttons */
.polliglot-support-ui .ps-dashboard-actions {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
}

/* Outline button */
.polliglot-support-ui .ps-btn-outline {
    border: 2px solid #1d4a83;
    color: #1d4a83;
    background: transparent;
}

/* Primary button */
.polliglot-support-ui .ps-btn-primary {
    background-color: #1d4a83;
    color: #ffffff;
}



/* ==========================================================
   Stage 1.3 – Recent Tickets (FINAL, LOCKED)
   Scope: Dashboard Recent Tickets ONLY
   ========================================================== */

.polliglot-support-ui .ps-recent-tickets {
    margin-top: 32px;
}

/* Ticket list stack (no gaps between rows) */
.polliglot-support-ui .ps-recent-tickets .ps-ticket-list {
    display: block;
}

/* Individual ticket row */
.polliglot-support-ui .ps-recent-tickets .ps-ticket-item {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border: 1px solid #e5e7eb;
    border-bottom: none;
    background: #ffffff;
}

/* Zebra background */
.polliglot-support-ui .ps-recent-tickets .ps-ticket-item:nth-child(even) {
    background: #f9fafb;
}

/* Last row bottom border */
.polliglot-support-ui .ps-recent-tickets .ps-ticket-item:last-child {
    border-bottom: 1px solid #e5e7eb;
}

/* Left content */
.polliglot-support-ui .ps-recent-tickets .ps-ticket-content {
    flex: 1;
}

/* Ticket title */
.polliglot-support-ui .ps-recent-tickets .ps-ticket-title {
    margin: 0;
}

.polliglot-support-ui .ps-recent-tickets .ps-ticket-title a {
    color: inherit;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
}

.polliglot-support-ui .ps-recent-tickets .ps-ticket-title a:hover {
    text-decoration: underline;
}

/* Description */
.polliglot-support-ui .ps-recent-tickets .ps-ticket-desc {
    margin: 6px 0 10px;
    opacity: 0.8;
}

/* Meta pills container */
.polliglot-support-ui .ps-recent-tickets .ps-ticket-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Base pill */
.polliglot-support-ui .ps-recent-tickets .ps-meta {
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    white-space: nowrap;
}

/* ==========================================================
   Status Pills
   ========================================================== */

.polliglot-support-ui .ps-recent-tickets .status-open {
    color: #2563eb;
    border-color: #2563eb;
    background: #eff6ff;
}

.polliglot-support-ui .ps-recent-tickets .status-closed {
    color: #6b7280;
    border-color: #6b7280;
    background: #f3f4f6;
}

.polliglot-support-ui .ps-recent-tickets .status-pending,
.polliglot-support-ui .ps-recent-tickets .status-onhold {
    color: #f59e0b;
    border-color: #f59e0b;
    background: #fffbeb;
}

.status-on_hold {
    border-color: #7c3aed !important;
    color: #7c3aed;
    
    background:#f5eeff !important;
}

/* ==========================================================
   Priority Pills
   ========================================================== */

.polliglot-support-ui .ps-recent-tickets .priority-low {
    color: #16a34a;
    border-color: #16a34a;
    background: #ecfdf5;
}

.polliglot-support-ui .ps-recent-tickets .priority-medium {
    color: #f59e0b;
    border-color: #f59e0b;
    background: #fffbeb;
}

.polliglot-support-ui .ps-recent-tickets .priority-high {
    color: #dc2626;
    border-color: #dc2626;
    background: #fef2f2;
}

/* ==========================================================
   Case ID Badge
   ========================================================== */

.polliglot-support-ui .ps-recent-tickets .ps-ticket-id {
    display: flex;
    align-items: center;
}

.polliglot-support-ui .ps-recent-tickets .ps-ticket-id a {
    background: #374151;
    color: #ffffff;
    padding: 8px 12px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
}



/* ==========================================================
   STAGE 2 – Submit Ticket Page (FINAL)
   ========================================================== */

.polliglot-support-ui .ps-page-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
}

.polliglot-support-ui .ps-page-actions {
    display: flex;
    justify-content: flex-end;
}

.polliglot-support-ui .ps-submit-ticket {
    border: 1px solid #e5e7eb;   /* same neutral outline as dashboard cards */
    border-radius: 8px;
    padding: 24px;
    
}



.polliglot-support-ui .ps-sla-notice {
    padding: 16px 18px;
    margin-bottom: 28px;

    background-color: #f0fdf4;        /* mild green background */
    border: 1px solid #86efac;        /* soft green outline */
    border-left: 6px solid #166534;   /* dark green emphasis */

    border-radius: 6px;
    line-height: 1.6;
}

/* Strong heading inside SLA */
.polliglot-support-ui .ps-sla-notice strong:first-child {
    display: block;
    margin-bottom: 6px;
}

/* Slight separation from form */
.polliglot-support-ui .ps-sla-notice + .ps-form {
    margin-top: 8px;
}

/* Form Grid */
.polliglot-support-ui .ps-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

/* Desktop: 2 columns */
@media (min-width: 1024px) {
    .polliglot-support-ui .ps-form {
        grid-template-columns: 1fr 1fr;
    }
}

/* Full-width helper */
.polliglot-support-ui .ps-full-width {
    grid-column: 1 / -1;
}

/* ==========================================================
   Attachment Field – Visual Enhancement
   ========================================================== */

.polliglot-support-ui .ps-attachment-group {
    margin-top: 8px;
}

/* File input wrapper */
.polliglot-support-ui .ps-file-input {
    padding: 12px;
    border: 1px dashed #cbd5e1;
    border-radius: 6px;
}

/* Native file input */
.polliglot-support-ui .ps-file-input input[type="file"] {
    width: 100%;
}

/* Helper text */
.polliglot-support-ui .ps-form-hint {
    margin-top: 6px;
    font-size: 0.875em;
}


/* Form groups */
.polliglot-support-ui .ps-form-group {
    display: flex;
    flex-direction: column;
}

.polliglot-support-ui .ps-form-group label {
    margin-bottom: 6px;
}

.polliglot-support-ui .ps-form-group input,
.polliglot-support-ui .ps-form-group select {
    padding: 0px;
}

/* Disabled plan field */
.polliglot-support-ui input[disabled] {
    cursor: not-allowed;
    opacity: 0.8;
}

/* Description placeholder */
.polliglot-support-ui .ps-wp-editor-placeholder {
    min-height: 180px;
    border: 1px solid currentColor;
    padding: 12px;
}

/* Checkbox */
.polliglot-support-ui .ps-checkbox-group label {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Actions */
.polliglot-support-ui .ps-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
}


/* ==========================================================
   Stage 3 – Ticket Filters (MINIMAL ADDITION)
   ========================================================== */

.polliglot-support-ui .ps-ticket-filters {
    display: flex;
    gap: 12px;
    padding: 16px;
    margin: 20px 0;
    border: 1px solid #e5e7eb; /* same outline as dashboard cards */
    background: #ffffff;
}

.polliglot-support-ui .ps-ticket-filters select {
    padding: 8px 10px;
    border: 1px solid #e5e7eb;
    background: #fff;
}

/* Mobile */
@media (max-width: 768px) {
    .polliglot-support-ui .ps-ticket-filters {
        flex-direction: column;
    }
}




/* ==========================================================
   Stage 4 – Ticket Discussion Thread (UI Only)
   ========================================================== */

.ps-thread-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top:24px;
}

.ps-thread-title {
	margin: 0 0 4px;
}

.ps-thread-meta {
	font-size: 14px;
	opacity: 0.7;
}

.ps-ticket-summary {
	display: grid;
	grid-template-columns: repeat(4, 1fr) auto;
	gap: 16px;
	padding: 16px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	margin-bottom: 16px;
	background: #fff;
}

.ps-summary-item .ps-label {
	display: block;
	font-size: 12px;
	opacity: 0.6;
	margin-bottom: 4px;
}

.ps-summary-status {
	align-self: center;
	font-weight: 600;
}

.ps-sla-notice {
	margin-bottom: 24px;
	padding: 14px 16px;
	border-left: 4px solid #15803d;
	background: #ecfdf5;
	font-size: 14px;
}

.ps-thread {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.ps-message {
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 16px;
	background: #fff;
}

.ps-message-user {
	background: #f9fafb;
}

.ps-message-header {
	display: flex;
	gap: 12px;
	align-items: center;
	font-size: 13px;
	margin-bottom: 8px;
}

.ps-author {
	font-weight: 600;
}

.ps-role {
	padding: 2px 8px;
	border-radius: 12px;
	font-size: 12px;
	background: #e5e7eb;
}

.ps-time {
	margin-left: auto;
	opacity: 0.6;
}

.ps-message-body p {
	margin: 0 0 10px;
}

.ps-message-body ul {
	padding-left: 18px;
	margin: 8px 0;
}

.ps-reply-box {
	margin-top: 32px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 16px;
	background: #fff;
}

.ps-reply-box textarea {
	width: 100%;
	padding: 10px;
	margin: 12px 0;
}

.ps-reply-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	margin-bottom: 16px;
}

.ps-checkbox {
	display: flex;
	align-items: center;
	gap: 6px;
}

.ps-reply-actions {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
}


/* ==========================================================
   Stage 4 – Semantic Bubbles & Highlights
   ========================================================== */

/* Base badge */
.ps-badge {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	border: 1px solid #e5e7eb;
	background: #f9fafb;
}

/* -------------------------
   Plan badges
-------------------------- */
.plan-basic {
	background: #f8fafc;
}

.plan-pro {
	background: #eef2ff;
}

.plan-enterprise {
	background: #ecfeff;
}

.plan-pro-enterprise {
	background: #f0fdf4;
}

/* -------------------------
   Priority badges (reuse)
-------------------------- */
.priority-low {
	background: #ecfeff;
}

.priority-medium {
	background: #fffbeb;
}

.priority-high {
	background: #fef2f2;
}

/* -------------------------
   Status bubble
-------------------------- */
.ps-summary-status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	background: #ecfdf5;
	color: #065f46;
}

.ps-status-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #22c55e;
}

/* -------------------------
   Message differentiation
-------------------------- */
.ps-message-agent {
	background: #f8fafc;
	border-left: 4px solid #c7d2fe;
}

.ps-message-user {
	background: #ffffff;
}

/* -------------------------
   Agent identity highlight
-------------------------- */
.ps-author-agent {
	font-weight: 700;
}

.ps-role-agent {
	background: #ffffff;
	color: #1d4a83;
	border: 1px solid #1d4a83;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	padding: 2px 10px;
}


/* ==========================================================
   Shared Form Styles (Submit Ticket + Reply)
   ========================================================== */

.ps-form-card {
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 16px;
	background: #ffffff;
	margin-top: 32px;
}

.ps-form-title {
	margin-bottom: 12px;
}

.ps-form-group {
	margin-bottom: 16px;
}

.ps-form-label {
	display: block;
	font-size: 14px;
	margin-bottom: 6px;
}

.ps-file-input input[type="file"] {
	display: block;
	margin-bottom: 4px;
}

.ps-file-helper {
	font-size: 12px;
	opacity: 0.6;
}

.ps-form-actions {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	margin-top: 20px;
}

/* ------------------------------------
 * Skeleton loading state
 * ------------------------------------ */
.ps-skeleton {
    pointer-events: none;
}

.ps-skel-line,
.ps-skel-pill,
.ps-skel-id {
    background: #e5e7eb;
    border-radius: 4px;
    animation: ps-pulse 1.4s ease-in-out infinite;
}

.ps-skel-title {
    height: 16px;
    width: 70%;
    margin-bottom: 8px;
}

.ps-skel-desc {
    height: 12px;
    width: 90%;
    margin-bottom: 12px;
}

.ps-skel-meta {
    display: flex;
    gap: 8px;
}

.ps-skel-pill {
    height: 18px;
    width: 60px;
    border-radius: 999px;
}

.ps-skel-id {
    width: 48px;
    height: 16px;
}

@keyframes ps-pulse {
    0% { opacity: 1; }
    50% { opacity: 0.4; }
    100% { opacity: 1; }
}


/* Ensure editor matches UI typography */
.ps-wp-editor-placeholder .wp-editor-area {
    font-family: inherit;
    font-size: 14px;
    line-height: 1.6;
}

/* =========================
   SLA Ribbon (Global)
========================= */

.common-sla-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    gap: 16px;
    padding-top:15px;
}


.ps-thread-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    gap: 16px;
}


.ps-sla-ribbon {
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 999px;
    white-space: nowrap;
    border: 1px solid transparent;
}

/* Basic (24h) – Blue / Neutral */
.ps-sla-basic {
    background-color: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

/* Pro (24h) – Indigo */
.ps-sla-pro {
    background-color: #eef2ff;
    border-color: #c7d2fe;
    color: #4338ca;
}

/* Enterprise (12h) – Amber */
.ps-sla-enterprise {
    background-color: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}

/* Pro Enterprise (4h) – Red */
.ps-sla-pro-enterprise {
    background-color: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}



/* ================================
   Closed Ticket Notice
================================ */

.ps-notice-closed {
    background: #fef2f2;
    border-left: 4px solid #ef4444;
    color: #7f1d1d;
    padding: 16px 18px;
    border-radius: 6px;
    margin: 20px 0;
    font-size: 14px;
}

.ps-notice-closed strong {
    font-weight: 600;
}

.ps-notice-link {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ================================
   Disabled Reply Box
================================ */

.ps-reply-disabled {
    opacity: 0.6;
    pointer-events: none;
    background: #f9fafb;
}

.ps-reply-disabled .ps-form-title {
    color: #9ca3af;
}

.ps-reply-disabled input,
.ps-reply-disabled textarea,
.ps-reply-disabled button {
    cursor: not-allowed;
}

/* ================================
   Closed Style in Subject
================================ */
.ps-thread-closed-tag {
    background: #fee2e2;
    color: #b91c1c;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 12px;
    margin-left: 8px;
    vertical-align: middle;
}

/* ================================
   Ticket Status System
================================ */

.ps-summary-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid transparent;
}

/* Dot */

.ps-summary-status .ps-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

/* OPEN */

.ps-summary-status.status-open {
    background: #eff6ff;
    color: #1d4ed8;
    border-color: #93c5fd;
}

.ps-summary-status.status-open .ps-status-dot {
    background: #3b82f6;
}

/* PENDING */

.ps-summary-status.status-pending {
    background: #fffbeb;
    color: #92400e;
    border-color: #fde68a;
}

.ps-summary-status.status-pending .ps-status-dot {
    background: #f59e0b;
}

/* RESOLVED */

.ps-summary-status.status-resolved {
    background: #f5f3ff;
    color: #5b21b6;
    border-color: #c4b5fd;
}

.ps-summary-status.status-resolved .ps-status-dot {
    background: #8b5cf6;
}

/* ON HOLD */

.ps-summary-status.status-onhold {
    border-color: #7c3aed !important;
    color: #7c3aed;
    
    background:#f5eeff !important;
}

.ps-summary-status.status-onhold .ps-status-dot {
    background: #7c3aed;
}

/* CLOSED */

.ps-summary-status.status-closed {
    background: #ecfdf5;
    color: #047857;
    border-color: #10b981;
}

.ps-summary-status.status-closed .ps-status-dot {
    background: #10b981;
}

/* ================================
   Submit Ticket Global Error
================================ */

.ps-form-error {
    background: #fef2f2;
    border: 1px solid #ef4444;
    color: #7f1d1d;

    padding: 12px 16px;
    border-radius: 6px;

    margin: 16px auto;
    max-width: 520px;

    text-align: center;
    font-size: 14px;
    font-weight: 500;

    display: none; /* controlled ONLY by JS */
}

/* ================================
   Required Field Error Style
================================ */

.ps-form-group.has-error input,
.ps-form-group.has-error select,
.ps-form-group.has-error textarea,
.ps-form-group.has-error .wp-editor-area,
.ps-form-group.has-error .ps-wp-editor-placeholder {
    border: 1px solid #ef4444 !important;
    background: #fef2f2;
}

.ps-form-group.has-error label {
    color: #b91c1c;
    font-weight: 600;
}


/* ===============================
   Dashboard Status Circles
================================ */

.ps-stat-circle {
    border: 2px solid #d1d5db; /* default */
    transition: all 0.2s ease;
}

/* Open — Blue */
.ps-stat-circle.stat-open {
    border-color: #2563eb;
    color: #2563eb;
}

/* Pending — Orange */
.ps-stat-circle.stat-pending {
    border-color: #f97316;
    color: #f97316;
}

/* Resolved — Green */
.ps-stat-circle.stat-resolved {
    border-color: #16a34a;
    color: #16a34a;
}

/* On Hold — Purple */
.ps-stat-circle.stat-on-hold {
    border-color: #7c3aed;
    color: #7c3aed;
}

/* Closed — Gray */
.ps-stat-circle.stat-closed {
    border-color: #6b7280;
    color: #6b7280;
}

/* Hover polish */
.ps-stat-circle:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* ================================
   Reply Form Error (Ticket Thread)
================================ */

.ps-reply-error {
    background: #fef2f2;
    border: 1px solid #ef4444;
    color: #7f1d1d;

    padding: 12px 16px;
    border-radius: 6px;

    margin: 16px 0;

    text-align: center;
    font-size: 14px;
    font-weight: 500;
}