.po-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:20px 0}.po-filters label{display:grid;gap:6px;flex:1 1 180px;min-width:0;font-size:.9rem}.po-filters input{width:100%;min-width:0}.po-filters .row-actions{margin:0}
.po-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.po-card{min-width:0;border:1px solid var(--line,#33404c);border-radius:12px;background:var(--panel,#141e28);padding:14px;display:flex;flex-direction:column;gap:12px}
.po-placeholder{height:120px;border-radius:8px;background:#0d151e;display:grid;align-content:center;justify-items:center;color:var(--muted);gap:7px}.po-placeholder>span{font-size:2.1rem}.po-card h2{font-size:1rem;margin:0;overflow-wrap:anywhere}.po-source{display:grid;gap:5px;margin:0;overflow-wrap:anywhere}.po-source small{color:var(--muted)}.po-comment{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.45}.po-actions{display:grid;gap:7px;margin-top:auto}.po-actions button{white-space:normal;min-height:40px}.po-pages{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin:20px 0}
.po-viewer{width:min(1100px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px;border:1px solid var(--line,#33404c);border-radius:12px;color:var(--text,#e8edf2);background:var(--panel,#141e28);overflow:auto}.po-viewer::backdrop{background:rgba(0,0,0,.75)}.po-viewer header{display:flex;justify-content:space-between;align-items:start;gap:12px;position:sticky;top:-18px;background:var(--panel,#141e28);padding:10px 0;z-index:1}.po-viewer h2{font-size:1.1rem;margin:0;overflow-wrap:anywhere}.po-viewer header>div{min-width:0}.po-viewer header button{flex-shrink:0}.po-image{display:grid;justify-items:center}.po-image img{display:block;max-width:100%;max-height:68dvh;object-fit:contain}.po-image-status{line-height:1.5}
@media(max-width:1200px){.po-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.po-grid{grid-template-columns:1fr}.po-filters label{flex-basis:100%}.po-filters .row-actions{width:100%}.po-filters .row-actions button{flex:1}.po-viewer{padding:12px}.po-viewer header{top:-12px;flex-wrap:wrap}}