:root{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#182a38;background:#f4f7fa}*{box-sizing:border-box}body{margin:0;padding:24px 14px}a{color:#155e92;word-break:break-word}h1{font-size:28px;margin:4px 0 8px;letter-spacing:-.02em}h2{font-size:19px;margin:0 0 20px}p{line-height:1.5}.admin-container{max-width:1100px;margin:auto}.top{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:22px}.top p{color:#607182;margin:0}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:750;color:#42677e}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel,.public-card{background:white;border:1px solid #dfe7ed;border-radius:15px;box-shadow:0 5px 25px #1b3d5910;padding:25px}.panel{margin-bottom:18px}.login{max-width:440px}.panel form{display:flex;flex-direction:column;gap:9px}label{font-size:13px;font-weight:680;margin-top:8px}input,textarea{border:1px solid #a9bac9;border-radius:9px;padding:11px 12px;font:inherit;width:100%;background:white;color:#172d3d}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid #c8e9fc;border-color:#0076bc}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{cursor:pointer;font:inherit;font-size:14px;font-weight:650;text-align:center;border-radius:9px;padding:12px 14px;border:1px solid transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.btn.primary{background:#176fa8;color:#fff}.btn.primary:hover{background:#0e578a}.btn.light{color:#145984;background:#eef5f9;border-color:#d1e3ee}.btn:hover{filter:brightness(.98)}.btn:disabled{opacity:.5;cursor:wait}.btn.wide{width:100%;margin:20px 0 11px}.buttons{display:flex;gap:9px;flex-wrap:wrap}.sectionbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.sectionbar h2{margin:0}.fine{color:#647382;font-size:12px;line-height:1.5}.result{margin-top:16px;border-top:1px solid #e5eaf0;padding-top:17px;display:grid;gap:13px}.message{min-height:36px;color:#146038;font-size:13px}.message.error{color:#b23428}.tablewrap{overflow:auto;margin-top:15px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px 8px;text-align:left;border-bottom:1px solid #e6ebee;white-space:nowrap}td:last-child{text-align:right}td .btn{padding:8px 10px;min-height:35px}th{color:#677888}.public-card{max-width:540px;margin:15px auto}.public-card h1{font-size:25px;margin-top:13px}.price{font-size:38px;letter-spacing:-.02em;font-weight:790;margin:14px 0}.description{color:#566e80;font-size:14px}.details{border:1px solid #e2e9ef;border-radius:11px;padding:14px;margin-top:23px}.details>.detail-row{display:grid;gap:5px;padding:11px 0;border-bottom:1px solid #e9eef2}.details>.detail-row:last-child{border-bottom:none}.details small{color:#718293}.details strong{overflow-wrap:anywhere;font-size:14px}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}.qrcode{display:block;width:min(100%,350px);height:auto;margin:26px auto 17px}.toast{color:#167b42;min-height:18px;font-size:13px;margin:8px 0}@media(max-width:720px){body{padding:10px}.top{align-items:start}.top h1{font-size:24px}.columns{grid-template-columns:1fr}.two{grid-template-columns:1fr}.panel,.public-card{padding:17px}td,th{padding:9px 6px}.price{font-size:33px}.buttons>.btn{flex:1}}

[hidden]{display:none!important}

.qr-section{margin-top:24px;border-top:1px solid #e2e9ef;padding-top:18px}
.qr-section h2{font-size:16px;margin:0 0 8px}
.qr-buttons{justify-content:center;margin:10px 0}
.qr-buttons .btn{flex:1}
.qrcode{image-rendering:pixelated}
a[aria-disabled="true"]{opacity:.55;pointer-events:none}
@media(max-width:460px){.qr-buttons{flex-direction:column}.qr-buttons>.btn{width:100%}}

.payment-help{color:#566e80;font-size:13px;line-height:1.55;margin:1px 0 16px}.payment-help p{margin:7px 0}.payment-help + .buttons{margin-top:8px}

/* Версія 1.3: різні сценарії оплати для телефона й комп'ютера */
.mobile-only{display:none!important}
.is-mobile .mobile-only{display:block!important}
.is-mobile .qr-buttons .mobile-only{display:inline-flex!important}
.is-mobile .btn.mobile-only{display:flex!important}
.desktop-only{display:block}
.is-mobile .desktop-only{display:none!important}
.payment-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.detail-value{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.detail-value strong{min-width:0;flex:1;overflow-wrap:anywhere}
.copy-field{flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #d2e0e9;border-radius:8px;background:#f5f9fc;color:#285a77;cursor:pointer}
.copy-field:hover{background:#e8f2f8;border-color:#a9c8da}
.copy-field:focus-visible{outline:2px solid #176fa8;outline-offset:2px}
.copy-field svg{pointer-events:none}
.copy-actions{margin-top:15px}
.payment-warning{border-top:1px solid #e8edf1;padding-top:15px;margin-top:19px}
@media(min-width:850px){
 html:not(.is-mobile) .public-card{max-width:900px}
 html:not(.is-mobile) .payment-layout{grid-template-columns:minmax(0,1.28fr) minmax(280px,.95fr);gap:28px;align-items:start}
 html:not(.is-mobile) .qr-section{margin-top:20px;padding-top:0;padding-left:26px;border-top:0;border-left:1px solid #e2e9ef}
 html:not(.is-mobile) .qr-section .qrcode{width:min(100%,280px);margin:17px auto 10px}
 html:not(.is-mobile) .qr-section .qr-buttons>.btn{flex:1}
}