/* PaisaNow Phase 3 — advanced composer, attachment cards and branded media viewer */
.pn-media-upload-help{display:flex;align-items:center;gap:7px;margin-top:8px;color:#64748b;font-size:11px;font-weight:750;line-height:1.45}.pn-media-upload-help i{color:#16a34a}
.qb-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pn-compose-preview-item{position:relative;min-width:0;min-height:108px;border:1px solid #dbe5f0;border-radius:13px;overflow:hidden;background:linear-gradient(135deg,#f8fbff,#f5f3ff);display:grid;place-items:center}.pn-compose-preview-item img,.pn-compose-preview-item video{width:100%;height:170px;object-fit:cover}.pn-compose-preview-item video{background:#0f172a}.pn-compose-preview-file{width:100%;min-height:128px;padding:16px;display:grid;place-items:center;text-align:center;gap:7px;color:#334155}.pn-compose-preview-file>i{font-size:30px;color:#2563eb}.pn-compose-preview-file strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pn-compose-preview-file small{color:#64748b}.pn-compose-preview-kind{position:absolute;top:7px;left:7px;z-index:2;padding:5px 8px;border-radius:999px;background:rgba(15,23,42,.82);color:#fff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.pn-compose-file-warning{grid-column:1/-1;padding:9px 10px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#b91c1c;font-size:11px;font-weight:800}
.pn-post-attachments{display:grid;gap:8px;padding:0 12px 8px}.pn-attachment{width:100%;min-width:0;border:1px solid #dce5ef;border-radius:15px;background:linear-gradient(135deg,#fff,#f8fbff);color:#172033}.pn-attachment-video{position:relative;overflow:hidden;background:#0f172a}.pn-attachment-video video{display:block;width:100%;max-height:560px;background:#000}.pn-attachment-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;background:#eef5ff;color:#1d4ed8;font-weight:850;cursor:pointer}.pn-attachment-video .pn-attachment-open{position:absolute;right:10px;bottom:10px;padding:8px 11px;background:rgba(255,255,255,.94)}.pn-attachment-audio{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px}.pn-attachment-audio>div{min-width:0}.pn-attachment-audio strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.pn-attachment-audio audio{display:block;width:100%;margin-top:6px;height:34px}.pn-attachment-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#e0f2fe,#ede9fe);color:#2563eb;font-size:18px}.pn-attachment-audio>.pn-attachment-open{width:36px;height:36px;padding:0}.pn-attachment-document{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;text-align:left;cursor:pointer}.pn-attachment-document span:nth-child(2){min-width:0;display:grid;gap:3px}.pn-attachment-document strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pn-attachment-document small{color:#64748b;font-size:10px}.pn-attachment-document>i{color:#94a3b8}
.pn-media-viewer[hidden]{display:none!important}.pn-media-viewer{position:fixed;inset:0;z-index:100050;display:grid;place-items:center;padding:14px;background:rgba(3,8,23,.86);backdrop-filter:blur(7px)}.pn-media-viewer-card{position:relative;width:min(1040px,100%);max-height:94dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.38)}.pn-media-viewer-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #e5eaf1;background:linear-gradient(135deg,#fff,#eef6ff)}.pn-media-viewer-head strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a}.pn-media-viewer-close{width:38px;height:38px;border:0;border-radius:50%;background:#e9eef5;color:#0f172a;font-size:24px;cursor:pointer}.pn-media-viewer-stage{min-height:240px;max-height:78dvh;overflow:auto;display:grid;place-items:center;background:#08111f}.pn-media-viewer-stage img,.pn-media-viewer-stage video{display:block;max-width:100%;max-height:78dvh;object-fit:contain}.pn-media-viewer-stage audio{width:min(680px,calc(100% - 32px))}.pn-media-viewer-stage iframe{width:100%;height:72dvh;border:0;background:#fff}.pn-media-viewer-file{width:min(520px,calc(100% - 32px));padding:28px;border-radius:20px;background:#fff;text-align:center;color:#172033}.pn-media-viewer-file i{font-size:48px;color:#2563eb}.pn-media-viewer-file p{color:#64748b;line-height:1.5}.pn-media-viewer-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid #e5eaf1;background:#fff}.pn-media-viewer-foot a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:10px;background:#eef5ff;color:#1d4ed8;font-weight:850;text-decoration:none}
.p4-preview-button,.p4-video-placeholder,.p4-audio-placeholder{width:100%;height:100%;border:0;background:transparent;color:#fff;cursor:pointer}.p4-preview-button img{width:100%;height:100%;object-fit:cover}.p4-video-placeholder,.p4-audio-placeholder{display:grid;place-items:center;align-content:center;gap:8px;background:linear-gradient(135deg,#0f172a,#1e3a5f)}.p4-video-placeholder i,.p4-audio-placeholder i{font-size:38px}.p4-video-placeholder span,.p4-audio-placeholder span{font-size:11px;font-weight:900}.p4-load-more{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:14px;border:1px solid #dbe5ef;border-radius:13px;background:linear-gradient(135deg,#fff,#f3f8ff);color:#334155;font-weight:850}.p4-load-more.done{color:#64748b}.p4-load-more i{color:#2563eb}
@media(max-width:600px){.pn-compose-preview-item img,.pn-compose-preview-item video{height:125px}.pn-post-attachments{padding-left:8px;padding-right:8px}.pn-attachment-audio{grid-template-columns:auto minmax(0,1fr)}.pn-attachment-audio>.pn-attachment-open{display:none}.pn-media-viewer{padding:0}.pn-media-viewer-card{height:100dvh;max-height:100dvh;border-radius:0}.pn-media-viewer-stage{max-height:none}.pn-media-viewer-stage iframe{height:calc(100dvh - 118px)} }