/* =========================================================
   User Manual Page
========================================================= */
.manual-page { direction: rtl; }
.manual-hero, .manual-container { max-width: 1200px; margin-inline: auto; }
.manual-hero { text-align:center; margin-bottom:34px; padding:clamp(30px,5vw,48px) 24px; background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(14,165,233,.035)); border:1px solid rgba(96,165,250,.16); border-radius:28px; box-shadow:0 20px 60px rgba(2,6,23,.24); }
.manual-hero i { font-size:3.5rem; color:#60a5fa; margin-bottom:14px; }
.manual-hero h1 { margin:0 0 10px; font-size:clamp(1.8rem,4vw,2.5rem); background:linear-gradient(135deg,#93c5fd,#38bdf8); -webkit-background-clip:text; background-clip:text; color:transparent; text-decoration:none; border:0; }
.manual-hero p { margin:0; color:#94a3b8; font-size:.95rem; }
.manual-container { display:grid; gap:14px; }
.manual-card, .warning-card { background:rgba(11,18,32,.88); border:1px solid rgba(51,65,85,.68); border-radius:20px; overflow:hidden; box-shadow:0 14px 34px rgba(2,6,23,.18); transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease; }
.manual-card:hover, .warning-card:hover { transform:translateY(-2px); border-color:rgba(59,130,246,.34); box-shadow:0 18px 40px rgba(2,6,23,.26); }
.manual-card-header, .warning-card-header { display:flex; align-items:center; gap:11px; padding:16px 20px; background:rgba(15,23,42,.86); border-bottom:1px solid rgba(51,65,85,.55); color:#93c5fd; font-size:1rem; font-weight:800; cursor:pointer; user-select:none; }
.manual-card-header i:first-child, .warning-card-header i:first-child { color:#60a5fa; font-size:1.05rem; }
.accordion-icon { margin-inline-start:auto; transition:transform .28s ease; }
.manual-card.active .accordion-icon { transform:rotate(180deg); }
.manual-card .manual-card-body { max-height:0; overflow:hidden; padding:0 20px; color:#cbd5e1; line-height:1.95; font-size:.9rem; transition:max-height .36s ease,padding .28s ease; }
.manual-card.active .manual-card-body { padding:18px 20px 20px; }
.manual-card-body p { margin:0 0 12px; }
.warning-card { background:rgba(127,29,29,.08); border-color:rgba(239,68,68,.28); }
.warning-card-header { cursor:pointer; background:rgba(127,29,29,.10); color:#fca5a5; border-bottom-color:rgba(239,68,68,.18); }
.warning-card-header i:first-child { color:#f87171; }
.warning-card.workshop-warning { background:rgba(120,53,15,.08); border-color:rgba(245,158,11,.28); }
.warning-card.workshop-warning .warning-card-header { background:rgba(120,53,15,.10); color:#fcd34d; border-bottom-color:rgba(245,158,11,.18); }
.warning-card.workshop-warning .warning-card-header i:first-child { color:#f59e0b; }
.manual-card.matchzy-card { border-color:rgba(59,130,246,.32); }
.manual-card.matchzy-card .manual-card-header { background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(59,130,246,.03)); }
.manual-card.admin-guide-card { border-color:rgba(249,115,22,.32); }
.manual-card.admin-guide-card .manual-card-header { background:linear-gradient(135deg,rgba(249,115,22,.13),rgba(249,115,22,.03)); color:#fdba74; }
.manual-card.admin-guide-card .manual-card-header i:first-child { color:#fb923c; }
.command-grid, .command-grid-2 { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:9px; }
.command-block { background:#0b1220; border:1px solid #22304a; border-inline-start:3px solid #3b82f6; border-radius:11px; padding:9px 11px; margin-bottom:7px; font-size:.81rem; color:#cbd5e1; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.command-block:hover { transform:translateY(-1px); border-color:rgba(59,130,246,.42); background:#0e1729; }
.command-block code { color:#93c5fd; direction:ltr; display:inline-block; background:rgba(59,130,246,.08); padding:2px 6px; border-radius:6px; margin-inline-end:6px; }
.ltr-command-block { direction:ltr; text-align:left; }
.mode-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:7px; margin:12px 0; }
.mode-grid span { background:#0b1220; border:1px solid #22304a; padding:8px 10px; border-radius:9px; color:#cbd5e1; font-size:.8rem; }
.info-note { background:rgba(59,130,246,.08); border:1px solid rgba(59,130,246,.15); border-radius:10px; padding:9px 12px; margin-top:10px; color:#93c5fd; }
.manual-page h3 { color:#93c5fd; font-size:1rem; margin:18px 0 9px; }
.manual-page ol, .manual-page ul { padding-right:1.4rem; margin:.5rem 0; }
.manual-page li { margin-bottom:.35rem; }
.faq-item { margin-bottom:14px; }
.faq-item strong { color:#93c5fd; }
.faq-item p { margin-top:4px; color:#94a3b8; }
.manual-page a { color:#60a5fa; text-decoration:none; }
.manual-page a:hover { text-decoration:underline; }
@media (max-width: 700px) { .manual-page { padding:20px 12px 42px; } .manual-card-header,.warning-card-header { padding:14px 16px; font-size:.92rem; } .manual-card.active .manual-card-body { padding:15px 16px 17px; } .command-grid,.command-grid-2 { grid-template-columns:1fr; } }