/* /p2p-rates: P2P-курси USDT по валютах; рядок валюти — <details> з котируваннями бірж */
.pr-page{padding-bottom:12px}
.pr-find{display:flex;flex-direction:column;gap:8px;max-width:520px;color:var(--ash);font-size:14px}
.pr-field{position:relative}
.pr-lens{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--ash);pointer-events:none}
.pr-find input{font:inherit;font-size:16px;color:var(--bone);background:var(--graphite);border:1px solid var(--onyx);border-radius:12px;padding:14px 48px 14px 44px;width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none}
.pr-find input::-webkit-search-cancel-button,.pr-find input::-webkit-search-decoration{-webkit-appearance:none;display:none}
.pr-find input::placeholder{color:var(--ash);opacity:1}
.pr-find input:focus{outline:none;border-color:var(--ash)}
.pr-find input:focus-visible{box-shadow:0 0 0 2px var(--ash)}
.pr-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--ash);font-size:22px;line-height:1;cursor:pointer}
.pr-clear:hover,.pr-clear:focus-visible{color:var(--bone);background:var(--onyx);outline:none}
.pr-clear[hidden],.pr-none[hidden]{display:none}
.pr-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pr-none{border:1px dashed var(--onyx);border-radius:14px;padding:22px 18px;margin:8px 0;text-align:center;color:var(--ash)}
.pr-none p{margin:0 0 12px;font-size:15px;color:var(--bone)}
.pr-reset{font:inherit;font-size:14px;color:var(--bone);background:var(--onyx);border:0;border-radius:10px;padding:9px 16px;cursor:pointer}
.pr-reset:hover,.pr-reset:focus-visible{background:var(--ash);color:var(--graphite);outline:none}
.pr-meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--ash);font-size:13px;margin:14px 0 4px}
.pr-head,.pr-row>summary{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1.3fr);gap:16px;align-items:center}
.pr-head{padding:14px 18px 6px;font-size:12px;color:var(--ash)}
.pr-head>span:not(:first-child),.pr-row>summary>span:not(:first-child){text-align:right}
.pr-row{border:1px solid var(--onyx);background:var(--graphite);border-radius:14px;margin:8px 0;overflow:hidden;scroll-margin-top:96px}
.pr-row[hidden]{display:none}
.pr-row>summary{list-style:none;cursor:pointer;padding:15px 18px;font-variant-numeric:tabular-nums}
.pr-row>summary::-webkit-details-marker{display:none}
.pr-row>summary:focus-visible{outline:2px solid var(--ash);outline-offset:-2px;border-radius:14px}
.pr-row>summary>span{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0}
.pr-row>summary>.pr-name{flex-direction:row;align-items:center;gap:10px}
.pr-name b{font-size:15px}.pr-name small{color:var(--ash);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-v{font-size:16px;font-weight:600;color:var(--bone)}
.pr-u,.pr-coverage small{color:var(--ash);font-size:11.5px}
.pr-one{color:#f5b45a;font-size:11.5px}
.pr-na{color:var(--ash);font-size:13px}
.pr-coverage{color:var(--soft,var(--ash));font-size:13px;position:relative;padding-right:22px}
.pr-chev{position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--ash);transition:transform .15s}
.pr-row[open] .pr-chev{transform:translateY(-50%) rotate(180deg)}
.pr-empty>summary{opacity:.75}
.pr-detail{padding:4px 18px 20px;border-top:1px solid var(--onyx)}
.pr-detail h2{font-size:16px;margin:16px 0 4px}
.pr-dnote{color:var(--ash);font-size:13px;margin:0 0 10px}
.pr-table{overflow-x:auto}
.pr-table table{width:100%;border-collapse:collapse;min-width:420px;font-variant-numeric:tabular-nums}
body.ui2 main .pr-row .pr-table table{display:table;max-width:none}
.pr-table td,.pr-table th{padding:11px 8px;border-bottom:1px solid var(--onyx);text-align:right;font-weight:400;white-space:nowrap}
.pr-table th:first-child{text-align:left}
.pr-table thead{color:var(--ash);font-size:12.5px}
.pr-table tbody th{color:var(--bone)}
.pr-table tbody th small{display:block;color:#f5b45a;font-size:11px;white-space:normal;margin-top:2px;letter-spacing:0;text-transform:none}
.pr-unv td{color:var(--ash)}
.pr-open{display:inline-block;margin-top:16px;color:var(--bone);text-decoration:underline;text-underline-offset:3px}
.pr-note{max-width:900px;color:var(--ash);font-size:14px;line-height:1.7;margin:22px 0 0}
.pr-method{margin-top:28px}
.pr-mobile{display:none}
@media(max-width:700px){
  .pr-find{max-width:none}
  .pr-head{display:none}
  .pr-row>summary{grid-template-columns:1fr 1fr;gap:12px 14px;padding:14px}
  .pr-row>summary>.pr-name{grid-column:1/-1}
  .pr-row>summary>span:not(:first-child){text-align:left;align-items:flex-start}
  .pr-coverage{grid-column:1/-1;padding-right:0}
  .pr-coverage small.pr-mobile{display:none}
  .pr-chev{top:-34px;transform:none}.pr-row[open] .pr-chev{transform:rotate(180deg)}
  .pr-mobile{display:block;color:var(--ash);font-size:11px}
  .pr-detail{padding:4px 12px 18px}
  .pr-table table{min-width:0}
  .pr-table thead th{white-space:normal;vertical-align:bottom;font-size:11.5px;letter-spacing:0;text-transform:none}
  .pr-table td,.pr-table th{padding:10px 4px}
  .pr-table td{font-size:14px}
  .pr-table td .pr-na{white-space:normal;font-size:12px}
  .pr-table tbody th{letter-spacing:.3px}
  .pr-table td:last-child{white-space:normal;min-width:44px}
}
