/* ============================================================
   unified_theme.css — طرح یکپارچهٔ مینی‌اپ جنگ جهانی · عصر خاکستر
   سه بخش (اتحاد · فرماندهی · عملیات ویژه) روی یک پالت و یک زبان
   بصری واحد. همهٔ قواعد فقط داخل پنجرهٔ همان بخش اعمال می‌شود
   تا چیدمان و ظاهر اصلی بازی دست‌نخورده بماند؛ فقط رنگ/سایه/خط/
   شعاع بازنویسی شده‌اند. منطق هر ماژال بدون تغییر می‌ماند.
   ============================================================ */

:root {
  --u-bg: #070b12;
  --u-panel: #101a26;
  --u-panel-2: #152536;
  --u-line: #9cb8c933;
  --u-line-strong: #2c4658;
  --u-text: #f4f7f8;
  --u-muted: #9eb2bc;
  --u-accent: #f1c15f;        /* طلایی — رنگ اصلی همهٔ بخش‌ها */
  --u-accent-2: #55c6d1;      /* فیروزه‌ای — رنگ ثانویه/فعال‌سازی */
  --u-danger: #ef7770;
  --u-safe: #76d39e;
  --u-sheet-bg: linear-gradient(160deg, #0e1c2a, #091420 60%, #0b1a28);
  --u-card-bg: linear-gradient(160deg, #142433, #0e1a26);
  --u-radius: 18px;
  --u-radius-sm: 13px;
  --u-font: IRANSans, system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* ===== پشت‌زمینهٔ مشترک هر سه پنجره ===== */
#command-center-overlay,
#special-ops-overlay,
#alliance-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  background: rgba(4, 11, 19, .78) !important;
  -webkit-backdrop-filter: blur(9px) !important;
  backdrop-filter: blur(9px) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  direction: rtl;
  font-family: var(--u-font);
  color: var(--u-text);
  animation: uFade .22s ease-out;
}
@keyframes uFade { from { opacity: 0 } to { opacity: 1 } }

/* ===== ورق/شیت مشترک (هر سه بخش یک شکل) ===== */
#alliance-overlay .alliance-modal,
#special-ops-overlay .ops-sheet,
#command-center-overlay .cc-shell {
  width: min(1020px, 100%) !important;
  max-width: 100% !important;
  max-height: 92dvh !important;
  background: var(--u-sheet-bg) !important;
  border: 1px solid var(--u-line-strong) !important;
  border-radius: 26px 26px 0 0 !important;
  box-shadow: 0 -16px 60px #000b !important;
  color: var(--u-text) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  animation: uRise .3s cubic-bezier(.23, 1, .32, 1) !important;
}
@keyframes uRise { from { transform: translateY(24px); opacity: .4 } to { transform: translateY(0); opacity: 1 } }
#special-ops-overlay .ops-sheet { margin: 0 !important; padding: 0 !important; }
#alliance-overlay .alliance-modal { padding: 0 !important; border-bottom: 0 !important; }

/* ===== سربرگ مشترک ===== */
#alliance-overlay .alliance-modal-head,
#special-ops-overlay .ops-sheet > header,
#command-center-overlay .cc-head {
  min-height: 64px !important;
  padding: 14px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  border-bottom: 1px solid var(--u-line-strong) !important;
  background: linear-gradient(90deg, #102536, #132e39) !important;
}
#special-ops-overlay .ops-sheet > header { flex-direction: row !important; }
#special-ops-overlay .ops-sheet > header > div { flex: 1; min-width: 0; }
#alliance-overlay .alliance-modal-head h1,
#alliance-overlay .alliance-modal-head h2,
#command-center-overlay .cc-head h1,
#special-ops-overlay .ops-sheet header h2 {
  margin: 0 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  color: var(--u-text) !important;
}
#special-ops-overlay .ops-sheet header p { margin: 4px 0 0 !important; color: var(--u-muted) !important; font-size: 12px !important; line-height: 1.6 !important; }
#alliance-overlay .eyebrow,
#command-center-overlay .cc-eyebrow,
#special-ops-overlay .eyebrow {
  display: block !important;
  color: var(--u-accent-2) !important;
  font-size: 10px !important;
  letter-spacing: .14em !important;
  margin-bottom: 3px !important;
}

/* دکمهٔ بستن مشترک */
#alliance-overlay .alliance-close,
#command-center-overlay .cc-close,
#command-center-overlay .cc-icon-btn,
#special-ops-overlay .ops-sheet header button[data-op="close"] {
  appearance: none !important;
  border: 1px solid var(--u-line-strong) !important;
  background: #16323f !important;
  color: var(--u-text) !important;
  border-radius: 11px !important;
  min-width: 36px !important;
  height: 36px !important;
  font-size: 20px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  display: grid !important;
  place-items: center !important;
}
#command-center-overlay .cc-close:hover,
#command-center-overlay .cc-icon-btn:hover,
#alliance-overlay .alliance-close:hover { background: #1d4254 !important; }

/* ===== بدنهٔ مشترک ===== */
#alliance-overlay .alliance-modal-body,
#command-center-overlay .cc-body,
#special-ops-overlay .ops-sheet .ops-grid {
  flex: 1 !important;
  min-height: 0 !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-color: #3a5d70 transparent !important;
}
#alliance-overlay .alliance-modal-body { padding: 16px 16px calc(26px + env(safe-area-inset-bottom)) !important; display: grid !important; gap: 12px !important; }
#command-center-overlay .cc-body { padding: 16px 16px calc(26px + env(safe-area-inset-bottom)) !important; }
#special-ops-overlay .ops-sheet .ops-grid { padding: 16px 16px calc(26px + env(safe-area-inset-bottom)) !important; display: grid !important; gap: 12px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
@media (max-width: 560px) { #special-ops-overlay .ops-sheet .ops-grid { grid-template-columns: 1fr !important; } }

/* ===== کارت مشترک ===== */
#alliance-overlay .alliance-card,
#special-ops-overlay .ops-card,
#command-center-overlay .cc-card {
  border: 1px solid var(--u-line-strong) !important;
  background: var(--u-card-bg) !important;
  border-radius: var(--u-radius-sm) !important;
  padding: 14px !important;
  box-shadow: inset 0 1px #ffffff0a, 0 8px 18px #0002 !important;
  color: var(--u-text) !important;
}
#alliance-overlay .alliance-card h3,
#command-center-overlay .cc-card h3,
#special-ops-overlay .ops-card-head b {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--u-text) !important;
  margin: 0 0 8px !important;
}
#special-ops-overlay .ops-card-head { color: var(--u-text) !important; }
#alliance-overlay .alliance-card p,
#command-center-overlay .cc-card p,
#command-center-overlay .cc-note,
#special-ops-overlay .ops-card small,
#special-ops-overlay .ops-field small {
  color: var(--u-muted) !important;
  line-height: 1.7 !important;
  font-size: 12px !important;
}

/* ===== امتیاز/تاج مشترک (همه طلایی) ===== */
#alliance-overlay .alliance-crest,
#alliance-overlay .alliance-emblem,
#alliance-overlay .alliance-mini-crest,
#command-center-overlay .cc-hero-mark {
  background: radial-gradient(circle, #f4ce6b, #775224) !important;
  color: #1b1720 !important;
  box-shadow: 0 0 24px #f0bf6255 !important;
  border: 0 !important;
}
#alliance-overlay .alliance-emblem { font-size: 30px !important; }
#command-center-overlay .cc-hero-mark { font-size: 34px !important; }

/* ===== تب‌ها مشترک ===== */
#alliance-overlay .alliance-tabs,
#command-center-overlay .cc-tabs {
  display: flex !important;
  gap: 6px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  padding: 10px 14px !important;
  background: #0b1722 !important;
  border-bottom: 1px solid var(--u-line-strong) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  flex-shrink: 0 !important;
}
#alliance-overlay .alliance-tabs::-webkit-scrollbar,
#command-center-overlay .cc-tabs::-webkit-scrollbar { display: none !important; }
#alliance-overlay .alliance-tabs button,
#command-center-overlay .cc-tabs button {
  white-space: nowrap !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--u-muted) !important;
  border-radius: 11px !important;
  padding: 8px 12px !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
#alliance-overlay .alliance-tabs button.active,
#command-center-overlay .cc-tabs button.active {
  background: #1a3a4d !important;
  color: var(--u-text) !important;
  border-color: var(--u-accent-2) !important;
  box-shadow: inset 0 0 0 1px #2d6478 !important;
}

/* ===== دکمه‌های مشترک (فقط داخل پنجره‌ها) ===== */
#alliance-overlay button,
#special-ops-overlay button,
#command-center-overlay .cc-button,
#command-center-overlay .cc-button-secondary,
#command-center-overlay .cc-danger,
#command-center-overlay .cc-mini-btn,
#command-center-overlay .cc-action,
#command-center-overlay .cc-icon-btn {
  appearance: none !important;
  font: inherit !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  border-radius: 11px !important;
  min-height: 38px !important;
  transition: background .15s, transform .1s !important;
}
/* اصلی — طلایی */
#alliance-overlay .primary-button,
#alliance-overlay .alliance-action-line button:not(.danger-button):not(.small),
#alliance-overlay .alliance-toolbar .primary-button,
#alliance-overlay .alliance-comms-actions .primary-button,
#special-ops-overlay .ops-card button[data-op],
#command-center-overlay .cc-button {
  background: linear-gradient(135deg, #f1cf72, #c99135) !important;
  color: #132127 !important;
  border: 1px solid #d3a640 !important;
  box-shadow: 0 6px 16px #d3a64033 !important;
}
/* ثانویه — فیروزه‌ای تیره */
#alliance-overlay .outline-button,
#alliance-overlay .alliance-action-line button.small,
#alliance-overlay .alliance-toolbar .outline-button,
#alliance-overlay .alliance-directory-row button,
#alliance-overlay .alliance-comms-actions .outline-button,
#command-center-overlay .cc-button-secondary,
#command-center-overlay .cc-mini-btn,
#command-center-overlay .cc-action {
  background: #173142 !important;
  color: #cde1e9 !important;
  border: 1px solid var(--u-line-strong) !important;
}
/* خطر — قرمز */
#alliance-overlay .danger-button,
#alliance-overlay .danger-button.small,
#command-center-overlay .cc-danger,
#command-center-overlay .cc-mini-btn.danger {
  background: #6a2a37 !important;
  color: #ffd2d8 !important;
  border: 1px solid #a65363 !important;
}
#command-center-overlay .cc-button:hover { filter: brightness(1.06) !important; }
#command-center-overlay .cc-button:disabled,
#command-center-overlay .cc-button-secondary:disabled,
#command-center-overlay .cc-danger:disabled,
#special-ops-overlay .ops-card button:disabled { opacity: .5 !important; cursor: wait !important; }
#alliance-overlay button:active,
#special-ops-overlay button:active,
#command-center-overlay button:active { transform: scale(.97) !important; }

/* ===== فیلدهای فرم مشترک ===== */
#special-ops-overlay .ops-field input,
#special-ops-overlay .ops-field select,
#command-center-overlay .cc-field input,
#command-center-overlay .cc-field select,
#command-center-overlay .cc-field textarea,
#alliance-overlay .alliance-action-line input {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid var(--u-line-strong) !important;
  border-radius: 10px !important;
  background: #091720 !important;
  color: var(--u-text) !important;
  padding: 10px 11px !important;
  font: inherit !important;
  font-size: 12px !important;
  outline: none !important;
}
#special-ops-overlay .ops-field input:focus,
#special-ops-overlay .ops-field select:focus,
#command-center-overlay .cc-field input:focus,
#command-center-overlay .cc-field select:focus,
#command-center-overlay .cc-field textarea:focus {
  border-color: var(--u-accent-2) !important;
  box-shadow: 0 0 0 2px #38b9df2c !important;
}
#special-ops-overlay .ops-field,
#command-center-overlay .cc-field { color: var(--u-muted) !important; font-size: 12px !important; }

/* ===== هیرو/سربرگ کارت مشترک ===== */
#alliance-overlay .alliance-hero,
#command-center-overlay .cc-hero {
  background: radial-gradient(circle at 84% 0, #1b4a5e, #122b3a 44%, #0f202c) !important;
  border: 1px solid var(--u-line-strong) !important;
  border-radius: 17px !important;
}
#alliance-overlay .alliance-hero h2,
#command-center-overlay .cc-hero h2 { color: var(--u-text) !important; }
#alliance-overlay .alliance-hero p,
#command-center-overlay .cc-hero p { color: var(--u-muted) !important; }
#alliance-overlay .alliance-rank,
#alliance-overlay .alliance-rank b { color: var(--u-accent) !important; }

/* ===== شمارنده‌ها/آمار مشترک ===== */
#alliance-overlay .alliance-stat-grid,
#command-center-overlay .cc-metric-grid {
  display: grid !important;
  gap: 8px !important;
}
#alliance-overlay .alliance-stat-grid { grid-template-columns: repeat(2, 1fr) !important; }
#command-center-overlay .cc-metric-grid { grid-template-columns: repeat(3, 1fr) !important; }
#alliance-overlay .alliance-stat-grid > div,
#command-center-overlay .cc-metric {
  background: #0d1c27 !important;
  border: 1px solid var(--u-line-strong) !important;
  border-radius: 11px !important;
  padding: 11px !important;
  text-align: center !important;
}
#alliance-overlay .alliance-stat-grid small,
#command-center-overlay .cc-metric small { color: var(--u-muted) !important; font-size: 10px !important; display: block !important; }
#alliance-overlay .alliance-stat-grid b,
#command-center-overlay .cc-metric b { color: var(--u-accent) !important; font-size: 15px !important; font-weight: 800 !important; display: block !important; margin-top: 4px !important; }
#alliance-overlay .alliance-stat-grid .live,
#alliance-overlay .alliance-stat-grid b.live { color: var(--u-safe) !important; }

/* ===== نوار پیشرفت مشترک ===== */
#alliance-overlay .alliance-progress,
#command-center-overlay .cc-capacity { background: #071118 !important; border: 1px solid var(--u-line) !important; border-radius: 10px !important; overflow: hidden !important; }
#alliance-overlay .alliance-progress em,
#command-center-overlay .cc-capacity i { background: linear-gradient(90deg, var(--u-accent), var(--u-accent-2)) !important; }

/* ===== تگ/وضعیت مشترک ===== */
#command-center-overlay .cc-tag { background: #1b3c4d !important; color: #bcecff !important; border-radius: 99px !important; }
#command-center-overlay .cc-status { border-radius: 99px !important; padding: 3px 8px !important; font-size: 11px !important; }
#command-center-overlay .cc-status.ready,
#command-center-overlay .cc-status.active { color: var(--u-safe) !important; background: #16412e !important; }
#command-center-overlay .cc-status.waiting,
#command-center-overlay .cc-status.protected { color: #ffe19d !important; background: #493b1b !important; }
#command-center-overlay .cc-status.recent { color: var(--u-danger) !important; background: #4a2b25 !important; }
#command-center-overlay .cc-status.available { color: var(--u-muted) !important; background: #283942 !important; }

/* ===== ردیف‌های لیست مشترک ===== */
#alliance-overlay .alliance-member-row,
#alliance-overlay .alliance-directory-row,
#alliance-overlay .alliance-request,
#alliance-overlay .alliance-pact,
#alliance-overlay .alliance-loan,
#command-center-overlay .cc-row {
  border-bottom: 1px solid var(--u-line) !important;
  padding: 10px 0 !important;
}
#alliance-overlay .alliance-member-row b,
#command-center-overlay .cc-row-main b { color: var(--u-text) !important; }
#alliance-overlay .alliance-member-row small,
#command-center-overlay .cc-row-main small { color: var(--u-muted) !important; }
#alliance-overlay .alliance-avatar { color: var(--u-accent) !important; }

/* ===== خالی/یادآوری مشترک ===== */
#alliance-overlay .alliance-empty,
#command-center-overlay .cc-empty {
  color: var(--u-muted) !important;
  background: #0d1c27 !important;
  border: 1px dashed var(--u-line-strong) !important;
  border-radius: 12px !important;
  text-align: center !important;
  padding: 20px 12px !important;
  font-size: 12px !important;
}
#alliance-overlay .alliance-alert { color: var(--u-accent) !important; }
#alliance-overlay .alliance-note { color: var(--u-muted) !important; }

/* ===== نقشهٔ جهان (فرماندهی) ===== */
#command-center-overlay .cc-world-map { border: 1px solid var(--u-line-strong) !important; background: radial-gradient(ellipse at 36% 32%, #254f65 0 1%, transparent 2%), radial-gradient(ellipse at 64% 48%, #244c61 0 2%, transparent 3%), linear-gradient(115deg, #0b2635, #103a4b 58%, #09202e) !important; }
#command-center-overlay .cc-map-marker.self { color: var(--u-safe) !important; }
#command-center-overlay .cc-map-marker.active { color: var(--u-accent-2) !important; }
#command-center-overlay .cc-map-marker.protected { color: var(--u-accent) !important; }
#command-center-overlay .cc-map-marker.recent { color: var(--u-danger) !important; }

/* ===== نمودار میله‌ای مشترک ===== */
#command-center-overlay .cc-bar { background: linear-gradient(var(--u-accent-2), #1d6682) !important; }

/* ===== لودر مشترک ===== */
#command-center-overlay .cc-loader { color: var(--u-accent-2) !important; }
#command-center-overlay .cc-loader:before { border-color: var(--u-accent-2) !important; border-top-color: transparent !important; }

/* ============================================================
   کارت‌های ورودی یکپارچه — سه بخش با یک شکل، فقط آیکون متفاوت
   ============================================================ */
.in-game-module-card {
  position: relative !important;
  border: 1px solid var(--u-line-strong) !important;
  background: linear-gradient(155deg, #16263a, #0e1a26) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px #ffffff0a, 0 10px 22px #00000033 !important;
  overflow: hidden;
}
.in-game-module-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, var(--u-accent), var(--u-accent-2));
  opacity: .85;
}
.in-game-module-card > span { font-size: 22px !important; line-height: 1 !important; color: var(--u-accent) !important; }
.in-game-module-card > b { color: var(--u-text) !important; font-weight: 800 !important; }
.in-game-module-card > small { color: var(--u-muted) !important; }
.in-game-module-card:active { transform: scale(.97) !important; }

/* ===== دکمه‌های شناور یکپارچه (حایت غیر統合) ===== */
.alliance-launcher,
.special-ops-launcher,
#command-center-launcher,
.alliance-floating-launcher,
.cc-floating,
.special-ops-nav-launcher {
  border: 1px solid var(--u-line-strong) !important;
  background: linear-gradient(135deg, #16263a, #0e1a26) !important;
  color: var(--u-text) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px #0008 !important;
}
.alliance-launcher span,
.special-ops-launcher span,
#command-center-launcher span { color: var(--u-accent) !important; }


/* ---------- فروشگاه، تعمیرات و کادر ورودی چندخطی (مینی‌اپ) ---------- */
.jang-input-multiline{width:100%;min-height:110px;resize:vertical;line-height:1.9;font:inherit;color:inherit;background:rgba(255,255,255,.04);border:1px solid #344655;border-radius:10px;padding:10px 12px;outline:none;}
.jang-input-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;opacity:.75;margin:6px 0 2px;color:#cfd8de;}
.shop-overlay,.rep-overlay{position:fixed;inset:0;z-index:2147483000;background:#0b121b;color:#eef3f5;font-family:system-ui,sans-serif;display:flex;flex-direction:column;}
.shop-head,.rep-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #223243;}
.shop-head h2,.rep-head h2{margin:0;font-size:18px;}
.shop-head small,.rep-head small{color:#9db0c2;}
.shop-close,.rep-close{margin-inline-start:auto;background:#16222e;border:1px solid #344655;color:#eef3f5;border-radius:10px;padding:6px 14px;}
.shop-wallet{font-size:12px;color:#f1c15f;}
.shop-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 14px;border-bottom:1px solid #223243;}
.shop-tab{flex:0 0 auto;border:1px solid #344655;background:#101b25;color:#cfd8de;border-radius:999px;padding:7px 14px;font-size:13px;}
.shop-tab.active{background:#f1c15f;color:#101b25;border-color:#f1c15f;font-weight:700;}
.shop-body,.rep-body{flex:1;overflow-y:auto;padding:14px;}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;}
.shop-pack{background:#101b25;border:1px solid #223243;border-radius:14px;overflow:hidden;text-align:start;display:flex;flex-direction:column;padding:0;}
.shop-pack img{width:100%;height:100px;object-fit:cover;display:block;}
.shop-pack .ph{height:100px;display:flex;align-items:center;justify-content:center;font-size:34px;background:#16222e;}
.shop-pack .pb{padding:10px 12px;display:flex;flex-direction:column;gap:6px;flex:1;}
.shop-pack b{font-size:14px;line-height:1.5;}
.shop-pack small{color:#9db0c2;}
.shop-price{font-size:13px;color:#f1c15f;font-weight:700;}
.shop-price s{opacity:.5;color:#9db0c2;font-weight:400;margin-inline-end:6px;}
.shop-badge{display:inline-block;font-size:10px;background:#1d2c3a;color:#f1c15f;border-radius:6px;padding:2px 6px;}
.shop-detail{position:fixed;inset-inline:0;bottom:0;max-height:82%;overflow-y:auto;background:#101b25;border-top:1px solid #344655;border-radius:16px 16px 0 0;z-index:2147483001;padding:16px;}
.shop-detail img{width:100%;height:150px;object-fit:cover;border-radius:12px;}
.shop-items{list-style:none;padding:0;margin:8px 0;font-size:13px;line-height:2;color:#cfd8de;}
.shop-card-box{background:#16222e;border:1px dashed #344655;border-radius:12px;padding:12px;font-size:14px;line-height:2;}
.shop-btn{display:block;width:100%;border:0;border-radius:12px;padding:12px;font-size:14px;font-weight:700;background:#f1c15f;color:#101b25;margin-top:10px;text-align:center;text-decoration:none;}
.shop-btn.ghost{background:#16222e;color:#cfd8de;border:1px solid #344655;font-weight:400;}
.shop-file{margin-top:10px;font-size:12px;color:#9db0c2;display:block;}
.shop-toast{position:fixed;bottom:24px;inset-inline:16px;background:#f1c15f;color:#101b25;border-radius:12px;padding:12px;text-align:center;font-size:13px;z-index:2147483002;}
.shop-toast.error{background:#e05a4e;color:#fff;}
.rep-row{background:#101b25;border:1px solid #223243;border-radius:14px;padding:12px 14px;margin-bottom:10px;display:flex;flex-direction:column;gap:8px;}
.rep-row .bar{height:6px;background:#2a1c1c;border-radius:4px;overflow:hidden;}
.rep-row .bar i{display:block;height:100%;background:#e05a4e;}
.rep-quote{font-size:12px;color:#9db0c2;line-height:1.9;}
.rep-empty{padding:40px 20px;text-align:center;color:#9db0c2;line-height:2;}