/* سبک واکنش‌گرا، RTL و مینیمال */
:root { --primary:#2363d1; --bg:#f7fafc; --text:#111827; --muted:#6b7280; --border:#e5e7eb; }
html, body { height:100%; }
body { margin:0; font-family: Vazirmatn, IRANSans, system-ui, sans-serif; background:var(--bg); color:var(--text); }
[dir="rtl"] * { direction: rtl; }

.container { max-width: 1100px; margin: 0 auto; padding: 1rem; }
.header { background:#fff; border-bottom:1px solid var(--border); padding:1rem; position:sticky; top:0; z-index:10; }
.nav { display:flex; gap:.8rem; align-items:center; }
.nav a { color:var(--text); text-decoration:none; padding:.4rem .6rem; border-radius:.4rem; }
.nav a:hover { background:#f3f4f6; }

 .btn { background:var(--primary); color:#fff; border:none; padding:.6rem 1rem; border-radius:.5rem; cursor:pointer; }
button:hover, .btn:hover { opacity:.9; text-decoration: none;}
button {cursor: pointer;}
input, select, textarea { width:100%; padding:.5rem .6rem; border:1px solid var(--border); border-radius:.4rem; background:#fff; }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:.8rem; }

.table { width: 100%; border-collapse: collapse; background:#fff; border:1px solid var(--border); }
.table th, .table td { padding:.6rem; border-bottom:1px solid var(--border);  text-align: center; }

.card { background:#fff; border:1px solid var(--border); border-radius:.6rem; padding:1rem; margin:.5rem 0; }
.flash { background:#e0f2fe; color:#0c4a6e; padding:.6rem .8rem; border-radius:.4rem; display:flex; justify-content:space-between; align-items:center; }
.flash .close { background:transparent; border:none; cursor:pointer; }

.msg { background:#fff; padding:.6rem .8rem; border-radius:.6rem; margin-bottom:.5rem; max-width:65%; border:1px solid var(--border); }
.msg.me { margin-left:auto; background:#eff6ff; border-color:#bfdbfe; }
.msg.them { margin-right:auto; }
#togglePwd {
    background-color: transparent;
    color: #009966;
}
.select2-container--default .select2-selection--single {
    height: 2.5rem !important;
    padding: 0.5rem 0.6rem !important;
    border: 1px solid #d1d5db !important;
    border-radius: 0.4rem !important;
    background-color: #fff !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.5rem !important;
    right: 0.5rem !important;
}

.select2-container {
    width: 100% !important;
}