/* Терминал экранов PayPage (оператор 30.09): просмотрщик фикстур во фреймах телефона и компьютера. */
.screens-card .exchange-card-head p{margin:6px 0 0;font-size:var(--admin-type-caption)}
.screens-note{margin:0 23px 16px;color:var(--admin-muted);font-size:var(--admin-type-caption);line-height:1.6;max-width:880px}
.screens-notice{margin:0 23px 16px;padding:10px 14px;border-radius:8px;border:1px solid var(--admin-line);font-size:var(--admin-type-caption)}
.screens-summary.positive,.screens-state.positive,.screens-notice.positive{color:var(--admin-good)}
.screens-summary.warning,.screens-state.warning,.screens-notice.warning{color:var(--admin-warn)}
.screens-summary.negative,.screens-state.negative,.screens-notice.negative,.screens-empty.negative{color:var(--admin-bad)}
.screens-state{font-weight:600}
.screens-viewer{margin:0 23px 20px;padding:16px;border:1px solid var(--admin-line);border-radius:10px;background:var(--admin-canvas)}
.screens-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.screens-pager-title{text-align:center;min-width:0}
.screens-pager-title small{display:block;color:var(--admin-quiet);margin-top:4px;font-size:var(--admin-type-caption)}
.screens-frames{display:flex;gap:20px;align-items:flex-start;overflow-x:auto}
.screens-frame{margin:0;flex:none}
.screens-frame figcaption{font-size:var(--admin-type-caption);color:var(--admin-muted);margin-bottom:8px}
.screens-frame figcaption small{color:var(--admin-quiet)}
.screens-frame-box{border:1px solid var(--admin-line-strong);border-radius:12px;overflow:hidden;background:var(--admin-surface)}
.screens-phone .screens-frame-box{width:390px;height:780px}
.screens-phone iframe{width:390px;height:780px;border:0;display:block}
/* Компьютер — настоящие 1280 px, уменьшенные вдвое: страница верстается как на широком экране. */
.screens-desktop .screens-frame-box{width:640px;height:400px}
.screens-desktop iframe{width:1280px;height:800px;border:0;display:block;transform:scale(.5);transform-origin:0 0}
.screens-empty{color:var(--admin-muted);font-size:var(--admin-type-caption)}
.screens-table tr[aria-current] td{background:var(--admin-hover)}
.screens-row-actions{white-space:nowrap}
.screens-row-actions button+button{margin-left:6px}
.screens-without{margin:16px 23px 20px;font-size:var(--admin-type-caption);color:var(--admin-muted)}
.screens-without h3{font-size:var(--admin-type-small);margin:0 0 8px;color:var(--admin-text)}
@media (max-width:1100px){.screens-desktop{display:none}}
@media (max-width:480px){.screens-viewer{margin:0 0 16px;padding:10px}.screens-phone .screens-frame-box,.screens-phone iframe{width:calc(100vw - 40px)}}
/* «Поделиться» (0690): ссылки просмотра экранов для третьих лиц. */
.screens-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.screens-share-panel{margin:0 23px 20px;padding:16px;border:1px solid var(--admin-line);border-radius:10px;background:var(--admin-canvas)}
.screens-share-panel h3{margin:0 0 8px;font-size:var(--admin-type-small)}
.screens-share-panel .screens-note{margin:0 0 12px}
.screens-share-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}
.screens-share-form label{display:grid;gap:4px;font-size:var(--admin-type-caption);color:var(--admin-muted)}
.screens-share-form input{min-width:220px}
.screens-share-issued{margin-bottom:12px;padding:10px 14px;border:1px solid var(--admin-line-strong);border-radius:8px;font-size:var(--admin-type-caption)}
.screens-share-issued p{margin:0 0 8px;color:var(--admin-good)}
.screens-share-issued div{display:flex;gap:8px}
.screens-share-issued input{flex:1;min-width:0;font-family:var(--admin-mono,monospace)}
.screens-share-table small{display:block;color:var(--admin-quiet)}