.po-root { --po-muted:#526478; --po-line:#dde5ee; display:grid; gap:20px; }
.po-root .panel { padding:24px; }
.po-root h2,.po-root h3 { margin:0; color:#182c42; }
.po-root h2 { font-size:21px; }.po-root h3 { font-size:17px; }
.po-root p,.po-submit p { line-height:1.65; margin:8px 0; }
.po-root .button,.po-qr .button { min-height:44px; white-space:normal; }
.po-intro { display:grid; grid-template-columns:1fr auto; align-items:center; gap:20px; }
.po-intro p,.po-collection p,.po-muted,.po-record small { color:var(--po-muted,#526478); }
.po-steps { grid-column:1/-1; padding:18px 0 0; margin:0; list-style:none; display:flex; flex-wrap:wrap; gap:20px; border-top:1px solid var(--po-line); }
.po-steps li { display:flex; align-items:center; gap:8px; font-size:14px; }.po-steps b { display:grid; place-items:center; width:27px; height:27px; background:#edf3fa; border-radius:50%; color:#285582; }
.po-store-actions { display:grid; grid-template-columns:minmax(200px,1fr) auto; align-items:end; gap:16px; margin-top:18px; }
.po-root .field { min-width:0; margin:0; }.po-root select,.po-root input { min-height:44px; }
.po-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.po-filters { display:grid; grid-template-columns: minmax(180px,2fr) minmax(140px,1fr); gap:16px; margin:20px 0; }
.po-list { border-top:1px solid var(--po-line); }.po-record { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 0; border-bottom:1px solid var(--po-line); }.po-record:last-child { border-bottom:0; }
.po-record-title { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }.po-record-title h3 { overflow-wrap:anywhere; }.po-record small { font-size:13px; }.po-record p { font-size:14px; }.po-record-actions { flex-shrink:0; }
.po-badge { font-size:13px; font-weight:600; padding:5px 9px; border-radius:6px; color:#45566b; background:#eef2f5; }.po-badge.blue { color:#22578b; background:#eaf2fc; }.po-badge.amber { color:#805114; background:#fff3db; }.po-badge.green { color:#206442; background:#e8f4ed; }.po-badge.red { color:#a03535; background:#fceeee; }
.po-qr { text-align:center; }.po-qr img { display:block; width:min(280px,100%); height:auto; aspect-ratio:1; margin:20px auto; }.po-qr small { display:block; color:#526478; line-height:1.6; margin-top:14px; }.po-qr p { line-height:1.7; }.po-qr h3 { overflow-wrap:anywhere; }
.po-submit .form-grid { margin:20px 0; }.po-submit small { line-height:1.65; }.po-issues { color:#983535; background:#fff2f2; border-radius:8px; padding:14px 14px 14px 30px; line-height:1.7; }.po-issues:empty { display:none; }
.po-media { margin:0; border:1px solid #dce4ed; padding:12px; border-radius:8px; }.po-media label,.po-consent { display:flex; gap:10px; align-items:flex-start; line-height:1.7; }.po-media input[type=checkbox],.po-consent input[type=checkbox] { width:20px; height:20px; min-height:20px; flex-shrink:0; margin-top:3px; }.po-consent { margin-top:24px; }
@media(max-width:640px) { .po-root { gap:14px; }.po-root .panel { padding:18px; }.po-intro { grid-template-columns:1fr; }.po-steps { display:grid; grid-template-columns:1fr; gap:12px; }.po-store-actions,.po-filters { grid-template-columns:1fr; }.po-record { align-items:stretch; flex-direction:column; gap:12px; }.po-record-actions .button { width:100%; }.po-heading { align-items:flex-start; }.po-heading .button { flex-shrink:0; }.po-root .button { font-size:15px; }.po-root input,.po-root select,.po-submit input,.po-submit select { font-size:16px; }.po-submit .form-grid { grid-template-columns:1fr; } }