/* سامانه جامع — حالت تیره، تضاد بالا و اندازه متن (ویرایش ۴۵، دسترس‌پذیری). «خودکار» پیرو تنظیم دستگاه است. برگه‌های رسمی (سند، برچسب مرسوله، QR) همیشه روی زمینه سفید می‌مانند تا با چاپ یکی باشند. */ /* ---------- رنگ‌های حالت تیره ---------- */ :root[data-theme=dark] { color-scheme: dark; --bg: #0f141a; --surface: #171e26; --surface-2: #1d2630; --text: #e4e9ef; --muted: #a3afbd; --border: #2d3846; --accent: #6cb0e4; --accent-soft: #1a3347; --accent-fill: #2b74ad; --ok: #67cf96; --ok-soft: #16301f; --warn: #e6b955; --warn-soft: #362b12; --bad: #ff8f86; --bad-soft: #3b1d1b; --ctl-border: #3a4757; --ctl-bg: #121920; --line: #2d3846; --ring: 0 0 0 3px rgba(108, 176, 228, .28); } @media (prefers-color-scheme: dark) { :root[data-theme=auto] { color-scheme: dark; --bg: #0f141a; --surface: #171e26; --surface-2: #1d2630; --text: #e4e9ef; --muted: #a3afbd; --border: #2d3846; --accent: #6cb0e4; --accent-soft: #1a3347; --accent-fill: #2b74ad; --ok: #67cf96; --ok-soft: #16301f; --warn: #e6b955; --warn-soft: #362b12; --bad: #ff8f86; --bad-soft: #3b1d1b; --ctl-border: #3a4757; --ctl-bg: #121920; --line: #2d3846; --ring: 0 0 0 3px rgba(108, 176, 228, .28); } } :root[data-theme=dark] input:focus, :root[data-theme=dark] select:focus, :root[data-theme=dark] textarea:focus { background-color: var(--ctl-bg); } :root[data-theme=dark] input[readonly], :root[data-theme=dark] textarea[readonly], :root[data-theme=dark] input:disabled, :root[data-theme=dark] select:disabled { background-color: #1b232c; } :root[data-theme=dark] .file-pick:hover { background: var(--surface-2); } :root[data-theme=dark] .badge.draft, :root[data-theme=dark] .badge.cancelled, :root[data-theme=dark] .sla { background: #26303b; } :root[data-theme=dark] .bar-track { background: #26303b; } :root[data-theme=dark] .doc-fields th, :root[data-theme=dark] .doc-table th, :root[data-theme=dark] .report-table tfoot th { color: var(--text); } :root[data-theme=dark] .report-table tfoot th { background: var(--surface-2); } :root[data-theme=dark] tr.row-warn td { background: var(--warn-soft); } :root[data-theme=dark] .diff-add { background: var(--ok-soft); color: var(--ok); } :root[data-theme=dark] .diff-del { background: var(--bad-soft); color: var(--bad); } :root[data-theme=dark] .prefilled { background: var(--warn-soft) !important; } :root[data-theme=dark] .gaps li.gap-error { background: var(--bad-soft); } :root[data-theme=dark] .site-head .brand img, :root[data-theme=dark] .login-brand img { background: #fff; border-radius: 10px; padding: 3px 8px; } :root[data-theme=dark] select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23a3afbd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } @media (prefers-color-scheme: dark) { :root[data-theme=auto] input:focus, :root[data-theme=auto] select:focus, :root[data-theme=auto] textarea:focus { background-color: var(--ctl-bg); } :root[data-theme=auto] input[readonly], :root[data-theme=auto] textarea[readonly], :root[data-theme=auto] input:disabled, :root[data-theme=auto] select:disabled { background-color: #1b232c; } :root[data-theme=auto] .file-pick:hover { background: var(--surface-2); } :root[data-theme=auto] .badge.draft, :root[data-theme=auto] .badge.cancelled, :root[data-theme=auto] .sla { background: #26303b; } :root[data-theme=auto] .bar-track { background: #26303b; } :root[data-theme=auto] .doc-fields th, :root[data-theme=auto] .doc-table th { color: var(--text); } :root[data-theme=auto] .report-table tfoot th { background: var(--surface-2); color: var(--text); } :root[data-theme=auto] tr.row-warn td { background: var(--warn-soft); } :root[data-theme=auto] .diff-add { background: var(--ok-soft); color: var(--ok); } :root[data-theme=auto] .diff-del { background: var(--bad-soft); color: var(--bad); } :root[data-theme=auto] .prefilled { background: var(--warn-soft) !important; } :root[data-theme=auto] .gaps li.gap-error { background: var(--bad-soft); } :root[data-theme=auto] .site-head .brand img, :root[data-theme=auto] .login-brand img { background: #fff; border-radius: 10px; padding: 3px 8px; } :root[data-theme=auto] select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23a3afbd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } } /* برگه‌های رسمی همیشه «کاغذ سفید» */ .doc-sheet, .ship-label, .totp-qr, img.specimen { color-scheme: light; --bg: #fff; --surface: #fff; --surface-2: #f5f7f9; --text: #1c2430; --muted: #5c6776; --border: #dde2e8; --accent: #1f5f8b; --accent-soft: #e6f0f7; --accent-fill: #1f5f8b; --ok: #1e7a46; --ok-soft: #e5f4ea; --warn: #9a6400; --warn-soft: #fbf1dc; --bad: #b3261e; --bad-soft: #fbe7e6; color: var(--text); } .doc-sheet th { color: #334; } /* ---------- تضاد بالا ---------- */ :root[data-contrast=high] { --muted: #3a4452; --border: #8a96a5; --ctl-border: #6b7786; --accent: #0d4a75; --accent-fill: #0d4a75; } :root[data-contrast=high][data-theme=dark] { --muted: #d0d8e2; --border: #6b7889; --ctl-border: #7e8b9c; --accent: #9fd0f5; --accent-fill: #1d6aa5; --text: #fff; } @media (prefers-color-scheme: dark) { :root[data-contrast=high][data-theme=auto] { --muted: #d0d8e2; --border: #6b7889; --ctl-border: #7e8b9c; --accent: #9fd0f5; --accent-fill: #1d6aa5; --text: #fff; } } :root[data-contrast=high] a:not(.btn) { text-decoration: underline; text-underline-offset: 3px; } :root[data-contrast=high] :focus-visible { outline: 3px solid var(--accent) !important; outline-offset: 2px; } /* ---------- اندازه متن ---------- */ /* سربرگ و محتوا جدا بزرگ می‌شوند تا پیش‌نمایش اندازه (ویرایش ۴۹) فقط محتوا را تغییر دهد و منوی باز زیر موس جابه‌جا نشود */ :root[data-size=large] .site-head, :root[data-size=large] main, :root[data-size=large] .footer { zoom: 1.12; } :root[data-size=xlarge] .site-head, :root[data-size=xlarge] main, :root[data-size=xlarge] .footer { zoom: 1.25; } :root[data-size-preview=normal] main { zoom: 1; } :root[data-size-preview=large] main { zoom: 1.12; } :root[data-size-preview=xlarge] main { zoom: 1.25; } /* ویرایش ۵۰ (بند ۶): تنظیمات نمایش صفحه ورود (پیش از ورود) پنجره شناور ثابت است تا با پیش‌نمایش اندازه متن و جابه‌جا شدن محتوا، زیر موس نلغزد */ .display-box[open] > .display-form { position: fixed; z-index: 60; left: 50%; bottom: 16px; transform: translateX(-50%); width: min(420px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow: auto; background: var(--surface, #fff); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.18); padding: 14px 16px; text-align: center; } .display-box[open] > .display-form fieldset, .display-box[open] > .display-form .display-actions { justify-content: center; } @media print { :root[data-size] .site-head, :root[data-size] main, :root[data-size] .footer { zoom: 1 !important; } } /* ---------- دسترس‌پذیری عمومی ---------- */ .skip-link { position: absolute; inset-inline-start: 8px; top: -60px; z-index: 200; background: var(--accent-fill); color: #fff; padding: 8px 14px; border-radius: var(--radius); } .skip-link:focus { top: 8px; } :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition: none !important; scroll-behavior: auto !important; } } /* فرم تنظیمات نمایش */ .display-form { margin: 0; } .display-form fieldset { border: 0; padding: 0; margin: 0 0 8px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; } .display-form legend { font-size: 12px; color: var(--muted); padding: 0; margin-bottom: 4px; width: 100%; } .display-form label.seg { display: inline-flex; align-items: center; margin: 0; font-size: 13px; color: var(--text); cursor: pointer; border: 1px solid var(--border); border-radius: 999px; padding: 2px 12px; background: var(--surface); } .display-form label.seg input { position: absolute; opacity: 0; width: 1px; height: 1px; } .display-form label.seg:has(input:checked) { background: var(--accent-soft); border-color: var(--accent); color: var(--accent); font-weight: 600; } .display-form label.seg:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 2px; } .display-form .display-actions { display: flex; gap: 8px; margin-top: 6px; } .display-form .display-hint { font-size: 12px; margin: 4px 0; } .footer .display-box { max-width: 420px; margin: 8px auto 0; text-align: right; } .footer .display-box summary { cursor: pointer; color: var(--accent); text-align: center; font-size: 12px; } .user-menu .display-form { padding: 6px 12px 2px; border-top: 1px solid var(--border); margin-top: 6px; }