.stats-grid {
  grid-template-columns: repeat(6, minmax(140px, 1fr));
}

.capacity-panel {
  border-color: #b8d8ca;
  background: linear-gradient(145deg, #ffffff 0%, #f2faf6 100%);
}

.capacity-subtitle {
  margin: -7px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.capacity-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
  margin: 15px 0;
}

.capacity-stat {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 15px;
  border: 1px solid #d5e7de;
  border-radius: 13px;
  background: #fff;
}

.capacity-stat > span {
  color: #56665d;
  font-size: 13px;
  font-weight: 700;
}

.capacity-stat > strong {
  color: var(--green-dark);
  font-size: 24px;
  overflow-wrap: anywhere;
}

.capacity-stat > small {
  color: var(--muted);
  line-height: 1.65;
}

.capacity-notes {
  display: grid;
  gap: 8px;
}

.capacity-notes p {
  margin: 0;
  padding: 10px 12px;
  border-radius: 9px;
  background: #eef6f2;
  color: #31483b;
  line-height: 1.75;
  font-size: 13px;
}

.restore-form {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 8px;
}

.restore-form label {
  display: grid;
  gap: 4px;
  min-width: min(280px, 100%);
  color: #3b4d43;
  font-size: 12px;
  font-weight: 700;
}

.restore-form small {
  color: var(--muted);
  font-weight: 400;
}

@media (max-width: 1050px) {
  .capacity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 650px) {
  .capacity-grid { grid-template-columns: minmax(0, 1fr); }
  .capacity-panel .panel-title { align-items: stretch; flex-direction: column; gap: 12px; }
  .capacity-panel .action-grid, .capacity-panel .button { width: 100%; }
  .restore-form, .restore-form label, .restore-form button { width: 100%; }
}

.badge.pending {
  color: #895307;
  background: #fff0d5;
}

@media (max-width: 1050px) {
  .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 650px) {
  .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.password-field{position:relative;display:block}.password-field input{padding-left:46px}.password-toggle{position:absolute;left:5px;top:50%;transform:translateY(-50%);width:36px;height:36px;min-width:36px;padding:0;border-radius:9px;background:#edf4f0;color:#087552;font-size:19px}

.notification-composer{padding:24px;border-color:#cfe0d6;box-shadow:0 10px 30px rgba(25,73,48,.07)}
.notification-composer-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #e6eee9}
.notification-composer-title h2,.notification-log-title h2{margin:0 0 5px;font-size:20px;color:#173f2d}
.notification-composer-title p,.notification-log-title p{margin:0;color:#6a786f;font-size:13px}
.live-chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 12px;border-radius:999px;background:#e5f5ec;color:#087552;font-size:13px;font-weight:800}
.live-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:#16a269;box-shadow:0 0 0 4px rgba(22,162,105,.12)}
.notification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;align-items:start}
.notification-field{min-width:0;display:grid;gap:8px;align-content:start}
.notification-field>span{font-size:14px;font-weight:800;color:#273d31}
.notification-field input,.notification-field select,.notification-field textarea{margin:0;background:#fbfdfc;border-color:#cfdcd4}
.notification-field textarea{resize:vertical;line-height:1.65}
.notification-field small{color:#738078;font-size:12px;line-height:1.6}
.notification-wide{grid-column:1/-1}
.notification-target-help{display:block;padding:9px 11px;border-radius:9px;background:#f4f8f5;direction:rtl;text-align:right;font-family:Tahoma,Arial,sans-serif;white-space:normal;overflow-wrap:anywhere}
.notification-target-help b{color:#385647}
.notification-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid #e6eee9;color:#6a786f;font-size:13px}
.notification-actions button{min-width:180px}
.notification-log-title{padding:18px 20px 14px;border-bottom:1px solid #e2eae5;background:linear-gradient(180deg,#fbfdfc,#f7faf8)}
.notification-log table{min-width:1180px}
.notification-log th{padding-top:12px;padding-bottom:12px;color:#355143;background:#eef6f1}
.notification-log td{vertical-align:top}
.notification-log td.details{max-width:360px;white-space:normal;line-height:1.5}

@media (max-width: 800px){
  .notification-composer{padding:17px}
  .notification-grid{grid-template-columns:minmax(0,1fr)}
  .notification-wide{grid-column:auto}
  .notification-composer-title,.notification-actions{align-items:stretch;flex-direction:column}
  .live-chip{align-self:flex-start}
  .notification-actions button{width:100%}
}

/* ضبط شامل لمساحات لوحة الإدارة: يمنع تراكب الكلمات أو ضغط الحقول مهما
   اختلف طول النص العربي أو عرض الشاشة، من دون تغيير أي وظيفة. */
.page,.panel,.panel-title,.detail-grid>*,.stats-grid>*,form,label,.field,.action-grid>*{min-width:0}
.page{display:grid;gap:18px}
.panel{padding:22px}
.panel+.panel{margin-top:0}
.panel-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.panel-title h1,.panel-title h2,.panel-title h3,.panel-title p{margin:0;min-width:0}
h1,h2,h3,p,dt,dd,label,button,.button,th,td,.badge,.stat{overflow-wrap:anywhere;word-break:normal}
form{align-items:start}
label{display:grid;align-content:start;gap:7px;line-height:1.55}
input,select,textarea{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:46px;margin:0;padding:11px 13px;line-height:1.5;background:#fff}
textarea{min-height:108px;resize:vertical}
button,.button{box-sizing:border-box;min-height:44px;padding:10px 15px;line-height:1.45;white-space:normal;text-align:center}
.settings-grid,.payment-grid,.detail-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px}
.action-grid{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.action-grid form{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.table-wrap{max-width:100%;overflow:auto;border-radius:12px}
table{border-collapse:separate;border-spacing:0;line-height:1.55}
th,td{padding:12px 13px;vertical-align:top}
td.details,td small{white-space:normal;line-height:1.65}
.stat{display:grid;align-content:start;gap:7px;height:100%}
.stat strong{line-height:1.2}

@media (max-width:650px){
  .page{gap:14px}
  .panel{padding:16px}
  .panel-title{align-items:stretch;flex-direction:column}
  .panel-title .button,.panel-title button,.action-grid,.action-grid form,.action-grid button,.action-grid .button{width:100%}
  .settings-grid,.payment-grid,.detail-grid{grid-template-columns:minmax(0,1fr)}
}

/* تنظيم صفحة الإعدادات وحدها من دون التأثير في نماذج لوحة الإدارة الأخرى. */
.settings-panel{
  padding:24px;
  border-color:#d6e3dc;
  background:#fff;
}
.settings-panel .settings-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:16px;
}
.settings-panel .setting-card{
  display:grid;
  grid-template-rows:minmax(50px,auto) 20px auto;
  align-content:start;
  gap:7px;
  min-width:0;
  padding:15px;
  border:1px solid #dde7e1;
  border-radius:13px;
  background:#fbfdfc;
}
.settings-panel .setting-card > span{
  display:flex;
  align-items:flex-start;
  color:#20382b;
  font-size:14px;
  font-weight:800;
  line-height:1.6;
}
.settings-panel .setting-card > small{
  display:block;
  min-width:0;
  overflow:hidden;
  color:#738078;
  font-size:12px;
  line-height:20px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.settings-panel .setting-card input{
  min-height:48px;
  border-color:#cbd9d1;
  background:#fff;
}
.settings-panel .setting-card input[dir="ltr"]{
  text-align:left;
}
.settings-panel .form-actions{
  justify-content:flex-start;
  margin-top:22px;
}
.settings-panel .form-actions .primary{
  min-width:160px;
}

@media (max-width:1050px){
  .settings-panel .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:650px){
  .settings-panel{padding:16px}
  .settings-panel .settings-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .settings-panel .setting-card{grid-template-rows:auto 20px auto;padding:13px}
  .settings-panel .form-actions,.settings-panel .form-actions .primary{width:100%}
}