/* cover-verify.css — публичная страница проверки подлинности (#/cover-verify/:id, адрес для людей /verify/:id). Без входа и без оболочки приложения:
   класс public-mode на <body> прячет шапку, меню и нижнюю панель. Дизайн-референс владельца: раздел 6 артефакта «Бегунок — визуализация». */
body.public-mode { display: block; overflow: auto; background: var(--arkan-blue-900, #0A1F44); }
body.public-mode #app-header, body.public-mode #app-sidebar, body.public-mode #app-bottom-nav { display: none; }
body.public-mode #app-main { padding: 0; max-width: none; height: auto; min-height: 100vh; overflow: visible; }
.cv-page { min-height: 100vh; display: grid; place-items: center; padding: 28px 16px; box-sizing: border-box; background: radial-gradient(900px 480px at 50% -8%, rgba(46, 78, 168, .32), transparent 62%), linear-gradient(180deg, #0D1B3A, #0A1F44); color: #E6ECF8; }
.cv-card { position: relative; width: min(560px, 100%); padding: 34px 28px 22px; text-align: center; border: 1px solid rgba(143, 176, 255, .18); border-radius: 16px; background: rgba(255, 255, 255, .035); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 24px 60px rgba(2, 8, 24, .5); }
.cv-logo { display: block; width: 190px; height: auto; margin: 0 auto 14px; filter: drop-shadow(0 4px 18px rgba(46, 78, 168, .55)); }
.cv-h { margin: 0 0 6px; font-size: 20px; font-weight: 700; letter-spacing: -.01em; }
.cv-n { margin: 0 0 6px; font: 13px var(--font-mono, ui-monospace, monospace); color: #9FB0D0; letter-spacing: .04em; }
.cv-sub { margin: 10px auto 22px; max-width: 44ch; font-size: 13.5px; line-height: 1.55; color: #9FB0D0; }
.cv-drop { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-top: 20px; padding: 28px 18px; border: 1.6px dashed rgba(143, 176, 255, .38); border-radius: 14px; cursor: pointer; color: #C5D0E6; transition: background .15s, border-color .15s; }
.cv-drop:hover, .cv-drop:focus-visible, .cv-drop.is-over { border-color: #7FA2FF; background: rgba(46, 78, 168, .16); outline: none; }
.cv-drop.is-busy { cursor: progress; opacity: .85; }
.cv-drop__t { font-size: 15px; font-weight: 600; color: #fff; } .cv-drop__s { font-size: 12.5px; color: #9FB0D0; }
.cv-result { margin: 20px auto 6px; padding: 20px; max-width: 460px; border-radius: 14px; border: 2px solid; text-align: center; }
.cv-result b { display: block; font-size: 17px; margin-bottom: 6px; } .cv-result p { margin: 0; font-size: 13px; line-height: 1.55; color: #E6ECF8; }
.cv-result--ok { background: rgba(16, 185, 129, .1); border-color: #10B981; } .cv-result--ok b { color: #34d399; }
.cv-result--bad { background: rgba(229, 83, 83, .1); border-color: #E55353; } .cv-result--bad b { color: #ff8a8a; }
.cv-ico { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 12px; border-radius: 50%; color: #fff; }
.cv-result--ok .cv-ico { background: #10B981; box-shadow: 0 0 30px rgba(16, 185, 129, .45); } .cv-result--bad .cv-ico { background: #E55353; box-shadow: 0 0 30px rgba(229, 83, 83, .4); }
.cv-meta { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .14); display: grid; grid-template-columns: max-content 1fr; gap: 6px 14px; text-align: left; font-size: 12.5px; }
.cv-meta dt { color: #9FB0D0; } .cv-meta dd { margin: 0; overflow-wrap: anywhere; color: #fff; }
.cv-result--ok .cv-meta dd:nth-of-type(2) { font-family: var(--font-mono, ui-monospace, monospace); color: var(--arkan-gold, #D4A017); }
.cv-again { margin-top: 14px; padding: 8px 18px; border-radius: 9px; border: 1px solid rgba(143, 176, 255, .4); background: transparent; color: #CFE0FF; font: inherit; font-size: 13px; cursor: pointer; } .cv-again:hover { background: rgba(46, 78, 168, .25); }
.cv-foot { margin-top: 22px; font-size: 11.5px; color: #6f82a6; }
@media (prefers-reduced-motion: reduce) { .cv-drop { transition: none; } }