/* /Components/Common/CopyButton.razor.rz.scp.css */ .copy-btn[b-63vsuw8t5h] { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; margin: 0; background: transparent; border: 1px solid rgba(43, 33, 27, 0.18); border-radius: 3px; color: #6e5e54; cursor: pointer; flex-shrink: 0; transition: color .12s ease, background-color .12s ease, border-color .12s ease; position: relative; } .copy-btn:hover[b-63vsuw8t5h] { color: #2b211b; background-color: rgba(197, 106, 58, 0.08); border-color: rgba(43, 33, 27, 0.35); } .copy-btn:active[b-63vsuw8t5h] { background-color: rgba(197, 106, 58, 0.16); } .copy-btn:focus-visible[b-63vsuw8t5h] { outline: 2px solid #c56a3a; outline-offset: 1px; } .copy-btn__icon[b-63vsuw8t5h] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: opacity .12s ease; } .copy-btn__icon--check[b-63vsuw8t5h] { opacity: 0; color: #5f7f4f; } .copy-btn.is-copied[b-63vsuw8t5h] { color: #5f7f4f; border-color: rgba(95, 127, 79, 0.45); background-color: rgba(95, 127, 79, 0.1); } .copy-btn.is-copied .copy-btn__icon--copy[b-63vsuw8t5h] { opacity: 0; } .copy-btn.is-copied .copy-btn__icon--check[b-63vsuw8t5h] { opacity: 1; } /* /Components/Pages/Review/ReviewCz.razor.rz.scp.css */ /* CZ draft page — sdílí design tokeny s review.css (paper aesthetic) */ /* ::deep escapuje scoped attribute, aplikuje na globální */ [b-39edajxlue] body { background-color: #f6e7c5; } @font-face { font-family: "IM Fell English"; src: url("/fonts/im-fell-english/IMFellEnglish-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } .cs-draft[b-39edajxlue] { /* tokens shared with .review (review.css) */ --paper: #f6e7c5; --paper-inset: #efdcb4; --paper-shade: #e9d6a8; --ink: #2b211b; --ink-soft: #5b4d44; --ink-faded: #6e5e54; --rule: #b8a890; --rule-quiet: #d6c4a3; --accent-warm: #c56a3a; --accent-warm-d: #b6612c; --accent-stamp: #b83838; max-width: 38rem; margin: 5rem auto 4rem; padding: 0 2rem; font-family: "Palatino", "Palatino Linotype", Georgia, serif; color: var(--ink); line-height: 1.55; } .cs-draft__head[b-39edajxlue] { text-align: center; margin-bottom: 2.5rem; } .cs-draft__title[b-39edajxlue] { font-family: "IM Fell English", "Palatino", Georgia, serif; font-size: 2.4rem; font-weight: 400; margin: 0 0 1.75rem; letter-spacing: 0.01em; color: var(--ink); border-bottom: 2px solid var(--rule); padding-bottom: 0.6rem; } .cs-draft__warning[b-39edajxlue] { padding: 1.1rem 1.4rem; background: rgba(184, 56, 56, 0.08); border-left: 3px solid var(--accent-stamp); border-radius: 3px; color: var(--ink-soft); line-height: 1.55; font-size: 1rem; text-align: left; margin: 0; } .cs-draft__warning strong[b-39edajxlue] { color: var(--accent-stamp); display: block; margin-bottom: 0.3rem; font-size: 1.05rem; } /* Sekční nadpis — označuje skupinu tlačítek pod sebou. Override globálního h2 (app.css), který je světlý pro tmavá pozadí. */ .cs-draft__section[b-39edajxlue] { font-family: "IM Fell English", "Palatino", Georgia, serif; font-size: 1.5rem; font-weight: 400; color: var(--ink); margin: 0 0 0.6rem; padding-bottom: 0.35rem; border-bottom: 1px solid var(--rule-quiet); letter-spacing: 0.01em; } .cs-draft__note[b-39edajxlue] { color: var(--ink-soft); font-size: 0.98rem; margin: 0 0 0.85rem; } /* Buttony — paralelní s .review__btn z review.css */ .cs-draft__downloads[b-39edajxlue] { display: flex; flex-direction: column; gap: 0.85rem; margin-bottom: 3rem; } .cs-draft__btn[b-39edajxlue] { display: flex; align-items: center; gap: 0.9rem; padding: 1.05rem 1.4rem; border-radius: 4px; text-decoration: none; font-family: "Helvetica Neue", "Arial", sans-serif; font-size: 1.05rem; transition: transform 0.06s ease, box-shadow 0.18s ease, background-color 0.12s ease; border: 1px solid transparent; } .cs-draft__btn:hover[b-39edajxlue] { transform: translateY(-1px); box-shadow: 0 3px 9px rgba(43, 33, 27, 0.14); } .cs-draft__btn--primary[b-39edajxlue] { background-color: var(--accent-warm); color: var(--paper); } .cs-draft__btn--primary:hover[b-39edajxlue] { background-color: #d9804b; } .cs-draft__btn--secondary[b-39edajxlue] { background-color: var(--paper-inset); color: var(--ink); border-color: var(--rule); } .cs-draft__btn--secondary:hover[b-39edajxlue] { background-color: var(--paper-shade); } .cs-draft__btn-icon[b-39edajxlue] { font-size: 1.35rem; line-height: 1; flex-shrink: 0; } .cs-draft__btn-label[b-39edajxlue] { font-weight: 600; flex-grow: 1; letter-spacing: 0.02em; } .cs-draft__btn-meta[b-39edajxlue] { font-size: 0.85rem; opacity: 0.78; font-variant-numeric: tabular-nums; } .cs-draft__home[b-39edajxlue] { text-align: center; margin-top: 2.2rem; padding-top: 1.5rem; border-top: 1px solid var(--rule-quiet); font-size: 0.95rem; } .cs-draft__home a[b-39edajxlue] { color: var(--ink-faded); text-decoration: none; border-bottom: 1px dotted currentColor; transition: color 0.12s ease; } .cs-draft__home a:hover[b-39edajxlue] { color: var(--ink); border-bottom-color: var(--ink); } /* ── publication note ───────────────────────────────────────────── Concrete always-visible summary (when/where) + a disclosure arrow that expands the DOI link, licence and timestamp. Matches the page's warm palette. Resets the heavy global

styling (app.css). */ .cs-draft__pub[b-39edajxlue] { margin: 1rem 0 0; padding: 0.8rem 0 0; border: 0; border-top: 1px dashed var(--rule-quiet); border-radius: 0; background: none; box-shadow: none; width: auto; max-width: none; } .cs-draft__pub-summary[b-39edajxlue] { cursor: pointer; display: flex; align-items: center; gap: 0.55em; list-style: none; font-size: 0.92rem; line-height: 1.5; color: var(--ink-soft); } .cs-draft__pub-summary[b-39edajxlue]::-webkit-details-marker { display: none; } .cs-draft__pub-summary:hover[b-39edajxlue] { color: var(--ink); } .cs-draft__pub-arrow[b-39edajxlue] { flex: 0 0 auto; color: var(--accent-warm); font-size: 1.05em; line-height: 1; transition: transform 0.15s ease; } .cs-draft__pub[open] .cs-draft__pub-arrow[b-39edajxlue] { transform: rotate(90deg); } .cs-draft__pub-headline[b-39edajxlue] { flex: 1 1 auto; } .cs-draft__pub-meta[b-39edajxlue] { margin: 0.65rem 0 0; padding: 0 0 0 1.6em; list-style: none; font-size: 0.88rem; line-height: 1.55; color: var(--ink-soft); } .cs-draft__pub-meta li[b-39edajxlue] { margin: 0 0 0.4rem; position: relative; } .cs-draft__pub-meta li[b-39edajxlue]::before { content: "·"; position: absolute; left: -0.9rem; color: var(--ink-faded); } .cs-draft__pub-meta li:last-child[b-39edajxlue] { margin-bottom: 0; } .cs-draft__pub-doi[b-39edajxlue] { color: var(--accent-warm-d); text-decoration: none; border-bottom: 1px solid rgba(182, 97, 44, 0.4); padding-bottom: 1px; transition: color 0.12s ease, border-color 0.12s ease; } .cs-draft__pub-doi:hover[b-39edajxlue] { color: var(--accent-warm); border-bottom-color: var(--accent-warm); } /* /Components/Pages/Stats/Stats.razor.rz.scp.css */ /* Private operator dashboard — utilitární styl, ne paper aesthetic. Cíl: rychlý přehled, vysoká hustota informací, žádné zbytečné dekorace. */ .stats[b-j2ubrar7fv] { max-width: 64rem; margin: 2rem auto 4rem; padding: 0 1.5rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #1f1f1f; } .stats__head[b-j2ubrar7fv] { border-bottom: 2px solid #d8d8d8; padding-bottom: 1rem; margin-bottom: 1.5rem; } .stats__title[b-j2ubrar7fv] { font-size: 1.6rem; margin: 0 0 0.5rem; font-weight: 600; } .stats__lead[b-j2ubrar7fv] { font-size: 1.05rem; margin: 0.3rem 0; color: #333; } .stats__meta[b-j2ubrar7fv] { color: #666; font-size: 0.95rem; } .stats__downloads[b-j2ubrar7fv] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.6rem 0 0; font-size: 0.9rem; color: #555; } .stats__download-chip[b-j2ubrar7fv] { background: #eef4f8; border: 1px solid #cfdde6; padding: 0.15rem 0.55rem; border-radius: 999px; font-variant-numeric: tabular-nums; } .stats__table[b-j2ubrar7fv] { width: 100%; border-collapse: collapse; font-size: 0.92rem; background: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); } .stats__table thead th[b-j2ubrar7fv] { text-align: left; background: #f4f4f4; border-bottom: 2px solid #d0d0d0; padding: 0.55rem 0.7rem; font-weight: 600; color: #444; white-space: nowrap; } .stats__table tbody td[b-j2ubrar7fv] { border-bottom: 1px solid #ececec; padding: 0.55rem 0.7rem; vertical-align: top; } .stats__num[b-j2ubrar7fv] { text-align: right; font-variant-numeric: tabular-nums; } .stats__notes[b-j2ubrar7fv] { color: #666; font-style: italic; font-size: 0.88rem; } .stats__row--pending[b-j2ubrar7fv] { color: #888; background: #fafafa; } .stats__row--visited[b-j2ubrar7fv] { background: white; } .stats__badge[b-j2ubrar7fv] { display: inline-block; padding: 0.15rem 0.55rem; border-radius: 4px; font-size: 0.8rem; font-weight: 500; white-space: nowrap; } .stats__badge--ok[b-j2ubrar7fv] { background: #d6efd6; color: #195919; border: 1px solid #a4d2a4; } .stats__badge--pending[b-j2ubrar7fv] { background: #ececec; color: #777; border: 1px solid #d4d4d4; } .stats__badge--revoked[b-j2ubrar7fv] { background: #f6dede; color: #8a2020; border: 1px solid #e0a6a6; } .stats__row--revoked[b-j2ubrar7fv] { background: #fbf3f3; color: #9a8a8a; } .stats__row--revoked td:first-child[b-j2ubrar7fv] { text-decoration: line-through; } .stats__action-btn[b-j2ubrar7fv] { padding: 0.25rem 0.6rem; border-radius: 4px; font-size: 0.82rem; cursor: pointer; background: white; white-space: nowrap; } .stats__action-btn--revoke[b-j2ubrar7fv] { border: 1px solid #d8a0a0; color: #9a2a2a; } .stats__action-btn--revoke:hover[b-j2ubrar7fv] { background: #f6dede; } .stats__action-btn--restore[b-j2ubrar7fv] { border: 1px solid #a4c2a4; color: #2a6a2a; } .stats__action-btn--restore:hover[b-j2ubrar7fv] { background: #e3f1e3; } .stats__action-btn--delete[b-j2ubrar7fv] { border: 1px solid #c98a8a; color: #fff; background: #b34040; } .stats__action-btn--delete:hover[b-j2ubrar7fv] { background: #962f2f; } .stats__action-btn--edit[b-j2ubrar7fv] { border: 1px solid #b9c6d0; color: #355; text-decoration: none; } .stats__action-btn--edit:hover[b-j2ubrar7fv] { background: #eef4f8; } .stats__actions[b-j2ubrar7fv] { display: flex; gap: 0.4rem; align-items: center; white-space: nowrap; } .stats__actions form[b-j2ubrar7fv] { margin: 0; } .stats__row--editing[b-j2ubrar7fv] { background: #fff8e8; } .stats__edit-form[b-j2ubrar7fv] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.6rem; margin: 0; } /* --- New-reviewer form (top of dashboard) --- */ .stats__new[b-j2ubrar7fv] { background: #f7f9fb; border: 1px solid #d8e2ea; border-radius: 6px; padding: 1rem 1.2rem 1.2rem; margin-bottom: 1.75rem; } .stats__section-title[b-j2ubrar7fv] { font-size: 1rem; font-weight: 600; margin: 0 0 0.8rem; color: #2a3f4d; } .stats__new-row[b-j2ubrar7fv] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.8rem; } .stats__field[b-j2ubrar7fv] { display: flex; flex-direction: column; gap: 0.25rem; flex: 1 1 14rem; } .stats__field-label[b-j2ubrar7fv] { font-size: 0.82rem; color: #5a6b78; } .stats__input[b-j2ubrar7fv] { padding: 0.45rem 0.6rem; border: 1px solid #c2cfd9; border-radius: 4px; font-size: 0.95rem; background: white; } .stats__input:focus[b-j2ubrar7fv] { outline: none; border-color: #5a93b8; box-shadow: 0 0 0 2px rgba(90, 147, 184, 0.25); } .stats__submit[b-j2ubrar7fv] { padding: 0.5rem 1.1rem; border: 1px solid #2f6d8f; background: #3a82a8; color: white; font-size: 0.92rem; font-weight: 500; border-radius: 4px; cursor: pointer; white-space: nowrap; } .stats__submit:hover[b-j2ubrar7fv] { background: #2f6d8f; } .stats__validation[b-j2ubrar7fv] { display: block; margin-top: 0.5rem; color: #b1331f; font-size: 0.85rem; } .stats__created[b-j2ubrar7fv] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; background: #e8f6e8; border: 1px solid #a4d2a4; border-radius: 4px; padding: 0.6rem 0.8rem; margin-bottom: 0.9rem; } .stats__created-name[b-j2ubrar7fv] { font-weight: 600; color: #195919; } .stats__created-url[b-j2ubrar7fv] { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.85rem; color: #234; word-break: break-all; flex: 1 1 18rem; }