/*=====================================================================
  زیادکراوەکانی ڕووکار

  printshop.css وەک خۆی لە پرۆتۆتایپەوە هێنراوە و دەستکاری ناکرێت،
  تاکو هەر گۆڕانکارییەک لە دیزاینەکەدا ئاسان بگوازرێتەوە.

  ئەم فایلە تەنها ئەو جیاوازییانە هەڵدەگرێت کە لە گواستنەوە بۆ
  ASP.NET پێویست بوون :
    * مێنیو لە <button> ـەوە بووەتە <a>  (بەستەری ڕاستەقینە)
    * کپچا لە دەقی JavaScript ـەوە بووەتە وێنەی سێرڤەر
    * هەڵبژاردنی سێ زمان لەبری دوگمەیەکی گۆڕینی دوو زمان
=====================================================================*/

/* ---- مێنیو : هەمان ستایلی nav button، بەڵام بۆ بەستەر ---- */
nav a {
    display: flex;
    align-items: center;
    gap: 13px;
    width: 100%;
    background: transparent;
    border: none;
    color: var(--side-ink);
    padding: 11px 13px;
    border-radius: 13px;
    cursor: pointer;
    font-size: 14.5px;
    font-family: inherit;
    font-weight: 600;
    transition: .15s;
    white-space: nowrap;
    text-decoration: none;
}

nav a:hover { background: var(--panel2); color: var(--ink) }

nav a.active {
    background: var(--side-active-bg);
    color: var(--side-active-ink);
    font-weight: 700;
    box-shadow: 0 10px 20px rgba(79,107,237,.28);
}

nav a .ic { font-size: 18px; min-width: 22px; text-align: center }

nav a.active .nav-badge { background: #fff; color: var(--accent) }

.app.collapsed nav a { justify-content: center; padding: 12px 0; position: relative }
.app.collapsed nav a .lbl { display: none }

/* جیاکەرەوەی بەشەکانی مێنیو */
nav .sep { height: 1px; background: var(--border); margin: 9px 8px }


/* ---- مۆداڵی فراوان : بۆ فاکتۆری چەند بڕگەیی ---- */
.modal-card.wide { max-width: 880px }

/* بڕگەی فاکتۆر : کەرەستە | بڕ | نرخ | سڕینەوە */
.buyrow { display: grid; grid-template-columns: 2.2fr 1fr 1fr auto; gap: 10px; align-items: end; margin-bottom: 10px }

@media (max-width: 700px) {
    .buyrow { grid-template-columns: 1fr }
}


/* ---- کپچا : وێنەی سێرڤەر لەبری دەقی ناو HTML ---- */
.captcha { padding: 0; overflow: hidden }
.captcha img { display: block; width: 100%; height: auto }


/* ---- هەڵبژاردنی زمان : سێ زمان ---- */
.lang-switch {
    display: flex;
    background: var(--chip);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 3px;
    gap: 2px;
}

.lang-switch a {
    padding: 6px 11px;
    border-radius: 9px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--muted);
    text-decoration: none;
    transition: .15s;
}

.lang-switch a:hover { color: var(--ink) }

.lang-switch a.active {
    background: var(--surface);
    color: var(--accent2);
    box-shadow: 0 2px 6px rgba(30,40,80,.08);
}


/* ---- چیپی بەکارهێنەر لە باری سەرەوە ---- */
.user-chip {
    display: flex;
    align-items: center;
    gap: 9px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 5px 11px 5px 5px;
}

.user-chip .uc-av {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: var(--accent-soft);
    color: var(--accent2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 14px;
    flex-shrink: 0;
}

.user-chip .uc-meta { display: flex; flex-direction: column; line-height: 1.25 }
.user-chip .uc-name { font-size: 13px; font-weight: 700; color: var(--ink) }
.user-chip .uc-role { font-size: 10.5px; color: var(--muted) }

@media (max-width: 860px) {
    .user-chip .uc-meta { display: none }
}


/* ---- پەڕەی چوونەژوورەوە : ڕیزبەندیی سێ زمان و زانیاریی پەیوەندی ---- */
.auth-card .lang-switch { justify-content: center; margin-top: 18px }

.auth-note {
    color: var(--muted);
    font-size: 11.5px;
    text-align: center;
    margin: 14px 0 0;
    line-height: 1.7;
}

.auth-contact {
    border-top: 1px solid var(--line);
    margin-top: 16px;
    padding-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--muted);
    font-size: 12px;
    text-align: center;
}


/* ---- چاپکردن : تەنها ناوەڕۆک دەچێتە سەر کاغەز ---- */
@media print {
    .side, .topbar, .no-print, #toast { display: none !important }
    main { padding: 0 !important }
    .card { box-shadow: none; border: none }
}



/* ==========================================================================
   لۆگۆی سیستەم — مطبعة / mattbaa

   سێ وێنە هەیە، هەموویان هەمان شێوە بە ڕەنگی جیاواز :
     logo.png        وەنەوشەیی #7600EC  — بۆ پاشبنەمای ڕووناک و کاغەز
     logo-light.png  وەنەوشەیی کاڵ       — بۆ دۆخی تاریک
     logo-white.png  سپی                 — لەسەر خانەی وەنەوشەیی مێنیو

   وەنەوشەیی ڕەسەن لەسەر پاشبنەمای تاریک تەنها نزیکەی ٢:١ جیاوازی هەیە،
   بۆیە لە دۆخی تاریکدا وێنە کاڵەکە پیشان دەدرێت.
   ========================================================================== */

/* ---- خانەی مێنیو : هەمان خانە چوارگۆشەکەی پرۆتۆتایپ، بە ڕەنگی لۆگۆ ---- */
.brand .logo {
    background: #7600EC;
    box-shadow: 0 8px 18px rgba(118, 0, 236, .28);

    /* ٤٦ = پانیی ناوەوەی مێنیوی داخراو (٧٤ − ١٤ × ٢) — تاکو لەوێشدا نەبڕدرێت */
    width: 46px;
    min-width: 46px;
    height: 38px;
    padding: 0 5px;
}

.brand .logo img {
    width: 100%;
    height: auto;
    display: block;
}


/*
  ---- ڕووناک / تاریک : هەمیشە تەنها یەکێکیان دەردەکەوێت ----

  !important لێرەدا پێویستە : وێنەکان خۆیان display یان هەیە
  (وەک .auth-brand .auth-logo) کە تایبەتمەندییان لە یەک class زیاترە،
  بۆیە بەبێ ئەوە هەردوو لۆگۆکە پێکەوە دەردەکەوتن.

  تەنها شاردنەوە دیاری دەکرێت — ئەو وێنەیەی دەمێنێتەوە display ی
  خۆی بەکاردەهێنێت (block یان inline-block).
*/
:root:not([data-theme="dark"]) .logo-dark-only { display: none !important }
[data-theme="dark"] .logo-light-only { display: none !important }


/* ---- پەڕەی چوونەژوورەوە و هەڵە : لۆگۆی تەواو ---- */
.auth-brand .auth-logo {
    height: 50px;
    width: auto;
    display: block;
}

.auth-logo-center {
    height: 64px;
    width: auto;
    display: inline-block;
    margin-bottom: 14px;
}


/* ---- پسووڵە و وەسڵ ---- */
.doc-logo {
    height: 52px;
    width: auto;
    display: block;
    margin-bottom: 8px;
}


/* ---- لەسەر کاغەز هەمیشە وەنەوشەیی ڕەسەن، هەرچی دۆخی شاشە بێت ---- */
@media print {
    [data-theme] .logo-dark-only { display: none !important }
    [data-theme] .logo-light-only { display: block !important }
}