/* Padid Complaints — Sharp Glass Theme v2 */
:root {
    --pc-glass:     rgba(255,255,255,0.12);
    --pc-glass-hov: rgba(255,255,255,0.18);
    --pc-border:    rgba(255,255,255,0.25);
    --pc-neon:      #c4b5fd;
    --pc-text:      #ffffff;
    --pc-text2:     rgba(255,255,255,0.85);
    --pc-muted:     rgba(255,255,255,0.65);
    --pc-faint:     rgba(255,255,255,0.45);
    --pc-red:       #e30613;
    --pc-purple:    #7c3aed;
    --pc-font:      'Peyda', Tahoma, sans-serif;
    --pc-radius:    14px;
    --pc-radius-sm: 8px;
    --pc-shadow:    0 8px 32px rgba(0,0,0,0.25);
}

.pc-wrap { direction:rtl; font-family:var(--pc-font); max-width:820px; color:var(--pc-text); }

/* ── header ── */
.pc-page-header {
    display:flex; align-items:flex-start; justify-content:space-between;
    gap:16px; margin-bottom:24px; flex-wrap:wrap;
}
.pc-page-title { font-size:1.25rem; font-weight:800; color:#fff; margin:0 0 5px; text-shadow:0 1px 8px rgba(0,0,0,.3); }
.pc-page-sub   { font-size:.82rem; color:var(--pc-muted); margin:0; }

/* ── دکمه‌ها ── */
.pc-btn {
    display:inline-flex; align-items:center; gap:7px;
    padding:10px 20px; border-radius:var(--pc-radius-sm);
    font-family:var(--pc-font); font-weight:700; font-size:.85rem;
    cursor:pointer; transition:all .3s; text-decoration:none !important;
    border:none; white-space:nowrap;
}
.pc-btn-primary {
    background:linear-gradient(135deg,var(--pc-purple),#a78bfa);
    color:#fff !important;
    box-shadow:0 4px 16px rgba(124,58,237,.5);
}
.pc-btn-primary:hover { box-shadow:0 6px 24px rgba(124,58,237,.7); transform:translateY(-2px); color:#fff !important; }
.pc-btn-outline {
    background:rgba(255,255,255,.12); backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.3); color:#fff !important;
}
.pc-btn-outline:hover { background:rgba(255,255,255,.2); color:#fff !important; }
.pc-btn-sm { padding:6px 14px; font-size:.78rem; }
.pc-btn-full { width:100%; justify-content:center; padding:14px; font-size:.95rem; margin-top:8px; }

/* ── alert ── */
.pc-alert { padding:14px 18px; border-radius:var(--pc-radius-sm); margin-bottom:20px; font-size:.88rem; font-weight:600; }
.pc-alert-success { background:rgba(74,222,128,.18); border:1px solid rgba(74,222,128,.45); color:#86efac; }

/* ── empty ── */
.pc-empty { text-align:center; padding:48px 20px; }
.pc-empty-icon { font-size:3rem; margin-bottom:12px; }
.pc-empty p { color:var(--pc-muted); margin-bottom:16px; }

/* ── لیست شکایات ── */
.pc-list { display:flex; flex-direction:column; gap:14px; }
.pc-list-item {
    background:rgba(255,255,255,.13);
    backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.28);
    border-radius:var(--pc-radius); padding:18px 20px;
    transition:all .25s; box-shadow:var(--pc-shadow);
}
.pc-list-item:hover { background:rgba(255,255,255,.18); border-color:rgba(196,181,253,.6); transform:translateY(-2px); }
.pc-list-item-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; flex-wrap:wrap; }
.pc-list-meta { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.pc-list-id { font-weight:800; color:#e9d5ff; font-size:.9rem; }
.pc-list-order { font-size:.8rem; color:var(--pc-muted); font-weight:600; }
.pc-list-amount { font-size:.8rem; color:#a5f3fc; font-weight:700; }
.pc-list-desc { font-size:.85rem; color:var(--pc-text2); line-height:1.75; margin:0 0 12px; }
.pc-list-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.pc-list-date { font-size:.75rem; color:var(--pc-faint); display:flex; align-items:center; gap:5px; }
.pc-admin-note {
    font-size:.8rem;
    background:rgba(124,58,237,.2); border:1px solid rgba(196,181,253,.35);
    border-radius:var(--pc-radius-sm); padding:9px 14px; margin:8px 0;
    color:#e9d5ff; font-weight:600;
}
.pc-admin-note-label { font-weight:800; color:#c4b5fd; margin-left:6px; }

/* ── badge وضعیت ── */
.pc-badge {
    display:inline-flex; align-items:center; gap:5px;
    padding:5px 13px; border-radius:20px; font-size:.75rem; font-weight:800;
    letter-spacing:.3px;
}
.pc-badge-pending   { background:rgba(251,191,36,.22);  color:#fde047; border:1px solid rgba(251,191,36,.5); }
.pc-badge-reviewing { background:rgba(96,165,250,.22);  color:#93c5fd; border:1px solid rgba(96,165,250,.5); }
.pc-badge-resolved  { background:rgba(74,222,128,.22);  color:#86efac; border:1px solid rgba(74,222,128,.5); }
.pc-badge-rejected  { background:rgba(248,113,113,.22); color:#fca5a5; border:1px solid rgba(248,113,113,.5); }

/* ── pagination ── */
.pc-pagination { display:flex; gap:8px; justify-content:center; margin-top:24px; flex-wrap:wrap; }
.pc-page-btn {
    width:38px; height:38px; display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.25);
    border-radius:var(--pc-radius-sm); color:#fff; text-decoration:none !important;
    font-size:.85rem; font-weight:700; transition:all .25s;
}
.pc-page-btn:hover { border-color:var(--pc-neon); background:rgba(255,255,255,.18); color:#fff; }
.pc-page-btn.active { background:linear-gradient(135deg,var(--pc-purple),#a78bfa); border-color:#a78bfa; color:#fff; }

/* ── فرم ── */
.pc-form-card {
    background:rgba(255,255,255,.11);
    backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.25);
    border-radius:var(--pc-radius); padding:28px 24px;
    box-shadow:var(--pc-shadow);
}
.pc-field-group { margin-bottom:22px; }
.pc-label {
    display:flex; align-items:center; gap:7px;
    font-size:.87rem; font-weight:800; color:#fff; margin-bottom:10px;
}
.pc-required { color:#f87171; }
.pc-optional { font-size:.75rem; color:var(--pc-muted); font-weight:400; }
.pc-field-hint { font-size:.72rem; color:var(--pc-faint); margin-top:6px; display:block; }

/* select */
.pc-select-wrap { position:relative; }
.pc-select {
    width:100%; padding:12px 44px 12px 14px; direction:rtl;
    background:rgba(0,0,0,.25); border:1.5px solid rgba(255,255,255,.3);
    border-radius:var(--pc-radius-sm); color:#fff;
    font-family:var(--pc-font); font-size:.88rem; outline:none;
    cursor:pointer; transition:border-color .25s; appearance:none;
}
.pc-select:focus { border-color:#a78bfa; box-shadow:0 0 0 3px rgba(167,139,250,.2); }
.pc-select option { background:#2d1f6e; color:#fff; }
.pc-select-arrow { position:absolute; left:12px; top:50%; transform:translateY(-50%); color:rgba(255,255,255,.6); pointer-events:none; }

/* textarea */
.pc-textarea {
    width:100%; padding:13px 14px; direction:rtl;
    background:rgba(0,0,0,.25); border:1.5px solid rgba(255,255,255,.3);
    border-radius:var(--pc-radius-sm); color:#fff;
    font-family:var(--pc-font); font-size:.88rem; outline:none;
    resize:vertical; min-height:140px; line-height:1.75;
    transition:border-color .25s;
}
.pc-textarea:focus { border-color:#a78bfa; box-shadow:0 0 0 3px rgba(167,139,250,.2); }
.pc-textarea::placeholder { color:rgba(255,255,255,.4); }

/* upload */
.pc-upload-area {
    position:relative; border:2px dashed rgba(255,255,255,.3);
    border-radius:var(--pc-radius); padding:28px 20px;
    text-align:center; cursor:pointer; transition:all .3s;
    background:rgba(0,0,0,.15);
}
.pc-upload-area:hover, .pc-upload-area.drag-over {
    border-color:#a78bfa; background:rgba(124,58,237,.1);
}
.pc-file-input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; z-index:2; }
.pc-upload-icon { color:rgba(255,255,255,.5); margin-bottom:10px; }
.pc-upload-text { font-size:.88rem; color:var(--pc-muted); margin:0 0 6px; font-weight:600; }
.pc-upload-hint { font-size:.75rem; color:var(--pc-faint); margin:0; }
.pc-upload-preview { position:relative; display:inline-block; }
.pc-upload-preview img { max-width:100%; max-height:200px; border-radius:var(--pc-radius-sm); border:2px solid rgba(255,255,255,.3); }
.pc-remove-img {
    position:absolute; top:-8px; left:-8px; width:24px; height:24px;
    border-radius:50%; background:var(--pc-red); color:#fff; border:none;
    cursor:pointer; font-size:.75rem; display:flex; align-items:center; justify-content:center; z-index:3;
}

/* پیام فرم */
.pc-form-msg {
    padding:13px 16px; border-radius:var(--pc-radius-sm);
    font-size:.86rem; margin-bottom:8px; font-weight:700;
}
.pc-form-msg.error   { background:rgba(239,68,68,.18); border:1.5px solid rgba(239,68,68,.5);  color:#fca5a5; }
.pc-form-msg.success { background:rgba(74,222,128,.18); border:1.5px solid rgba(74,222,128,.5); color:#86efac; }

/* صفحه جزئیات */
.pc-detail-card {
    background:rgba(255,255,255,.11); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.25); border-radius:var(--pc-radius);
    overflow:hidden; box-shadow:var(--pc-shadow);
}
.pc-detail-row {
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 20px; border-bottom:1px solid rgba(255,255,255,.12); gap:12px;
}
.pc-detail-label { font-size:.82rem; color:var(--pc-muted); font-weight:700; }
.pc-detail-val   { font-size:.88rem; color:#fff; font-weight:800; text-align:left; }
.pc-detail-desc  { padding:18px 20px; border-bottom:1px solid rgba(255,255,255,.12); }
.pc-detail-text  { font-size:.88rem; color:var(--pc-text2); line-height:1.85; }
.pc-detail-image { padding:18px 20px; border-bottom:1px solid rgba(255,255,255,.12); }
.pc-detail-img   { max-width:100%; max-height:300px; border-radius:var(--pc-radius-sm); border:2px solid rgba(255,255,255,.25); cursor:zoom-in; }

.pc-admin-reply {
    margin:16px 20px 20px;
    background:rgba(124,58,237,.18); border:1.5px solid rgba(196,181,253,.4);
    border-radius:var(--pc-radius-sm); padding:16px;
}
.pc-admin-reply-header { display:flex; align-items:center; gap:8px; font-weight:800; color:#c4b5fd; font-size:.88rem; margin-bottom:10px; }
.pc-admin-reply-text { font-size:.88rem; color:#e9d5ff; line-height:1.85; font-weight:600; }

.pc-waiting-msg {
    display:flex; align-items:center; gap:10px; margin:16px 20px 20px;
    font-size:.85rem; color:var(--pc-muted); font-weight:600;
    background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.18);
    border-radius:var(--pc-radius-sm); padding:14px;
}

@media (max-width:600px) {
    .pc-page-header { flex-direction:column; }
    .pc-form-card   { padding:18px 14px; }
    .pc-detail-row  { flex-direction:column; align-items:flex-start; }
}