/* Страница «Мои данные». Подключается только на /moi-dannye/, классы с префиксом my-. */
.my-wrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:clamp(24px,3vw,56px);align-items:start}
.my-panel{background:var(--paper);border:1px solid var(--rule-2);padding:clamp(16px,2vw,30px)}
.my-h{font-size:1.25rem;margin:0 0 .6em}
.my-empty{margin:0;color:var(--ink-2)}
.my-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.my-warn{background:var(--mark-soft);border:1px solid var(--rule-2);padding:10px 14px;margin:14px 0 0}
.my-status{font:400 .8rem var(--mono);color:var(--ink-2);min-height:1em;margin:12px 0 0}
.my-qr{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:22px;align-items:start;margin-top:20px;
  padding-top:18px;border-top:1px solid var(--rule-2)}
.my-qr[hidden]{display:none}
.my-qr-code svg{display:block;width:100%;height:auto;background:#fff}
.my-qr-text p{margin:0 0 .8em;font-size:.95rem}
.my-notes h2{font-size:1.25rem;border-top:2px solid var(--ink);padding-top:12px}
.my-notes ul{list-style:none;margin:0;padding:0}
.my-notes li{padding:12px 0;border-bottom:1px solid var(--rule)}
.my-notes b{display:block;font-weight:600;margin-bottom:.2em}
.my-notes span{color:var(--ink-2);font-size:.95rem}
@media (max-width:900px){ .my-wrap{grid-template-columns:minmax(0,1fr)} }
@media (max-width:600px){ .my-qr{grid-template-columns:minmax(0,1fr)} .my-qr-code{max-width:240px} .my-actions .btn{flex:1 1 auto} }