/* PaisaNow member panel — single responsive visual system for every user page. */
:root {
  --pn-brand: #5b46e5;
  --pn-brand-strong: #4630c8;
  --pn-accent: #e56e51;
  --pn-accent-soft: #fff0ec;
  --pn-canvas: #f6f6fc;
  --pn-surface: #ffffff;
  --pn-surface-muted: #f1f1fa;
  --pn-ink: #20203a;
  --pn-muted: #74758d;
  --pn-line: #e6e5f0;
  --pn-focus: rgba(91, 70, 229, .24);
  --pn-shadow: 0 14px 36px rgba(47, 40, 95, .08);
  --pn-shadow-raised: 0 24px 60px rgba(47, 40, 95, .17);
  --blue: var(--pn-brand);
  --cyan: var(--pn-accent);
}

body[data-page] { background: radial-gradient(circle at 12% -12%, #e9e4ff 0, transparent 28rem), radial-gradient(circle at 94% 10%, #ffe6de 0, transparent 25rem), var(--pn-canvas); }
body[data-page] .app-layout { grid-template-columns: 248px minmax(0, 700px) 292px; gap: 20px; width: min(1540px, calc(100% - 40px)); margin-top: 20px; }
body[data-page] .left-sidebar { padding: 12px 10px; border: 0; border-radius: 22px; background: rgba(255,255,255,.82); box-shadow: 0 12px 40px rgba(41,35,87,.07); }
body[data-page] .sidebar-group { padding: 2px 0 9px; border: 0; }
body[data-page] .sidebar-group summary { padding: 11px 12px 7px; color: #a09fb4; font-size: 9px; letter-spacing: .13em; }
body[data-page] .sidebar-group a { min-height: 42px; margin: 1px 0; padding: 10px 12px; border-radius: 13px; color: #57576d; }
body[data-page] .sidebar-group a i { color: #88879f; font-size: 15px; }
body[data-page] .sidebar-group a.active, body[data-page] .sidebar-group a:hover { color: var(--pn-brand); background: #efedff; }
body[data-page] .sidebar-group a.active i { color: var(--pn-brand); }
body[data-page] .create-button { min-height: 44px; border-radius: 14px; background: linear-gradient(135deg, #5b46e5, #8b4fd8); box-shadow: 0 10px 20px rgba(91,70,229,.22); }
body[data-page] .right-sidebar { gap: 12px; }
body[data-page] .right-sidebar .card { padding: 16px; border: 0; border-radius: 20px; box-shadow: 0 10px 30px rgba(41,35,87,.06); }

body[data-page] .content { gap: 14px; }
body[data-page] .content > .card, body[data-page] .content > .post, body[data-page] .content > .composer, body[data-page] .content > .control-form, body[data-page] .content > .activity-card, body[data-page] .content > .seller-center, body[data-page] .content > .transfer-card { border: 0; border-radius: 22px; box-shadow: var(--pn-shadow); }
body[data-page] .card, body[data-page] .post, body[data-page] .composer { border-color: transparent; }
body[data-page] .page-heading { display: flex; align-items: end; justify-content: space-between; min-height: 52px; padding: 2px 3px; }
body[data-page] .page-heading h1 { color: #25243e; font-size: clamp(25px, 3vw, 36px); letter-spacing: -.045em; }
body[data-page] .eyebrow { color: var(--pn-brand); }
body[data-page] .button, body[data-page] button.button, body[data-page] .pn-btn { min-height: 42px; border-radius: 13px; background: linear-gradient(135deg, #5b46e5, #7a5eea); box-shadow: 0 9px 18px rgba(91,70,229,.2); }
body[data-page] .button.light, body[data-page] .button.ghost-dark, body[data-page] .button.secondary { color: #5142c4; background: #efedff; box-shadow: none; }
body[data-page] input, body[data-page] select, body[data-page] textarea { border-color: #e2e1ed; background: #fbfbff; }
body[data-page] input:focus, body[data-page] select:focus, body[data-page] textarea:focus { border-color: var(--pn-brand); background: #fff; box-shadow: 0 0 0 4px rgba(91,70,229,.12); }

body[data-page] .stories, body[data-page] .story-strip, body[data-page] .stories-row { padding: 12px; border: 0; border-radius: 22px; box-shadow: var(--pn-shadow); }
body[data-page] .story, body[data-page] .story-card, body[data-page] .story-item { border-radius: 16px; }
body[data-page] .composer { padding: 15px; border: 0; }
body[data-page] .composer textarea, body[data-page] .composer input[type="text"] { border-radius: 15px; background: #f3f2fa; }
body[data-page] .composer-actions { margin-top: 10px; border-top: 0; }
body[data-page] .composer-actions button, body[data-page] .composer-actions label { min-height: 38px; color: #656379; }
body[data-page] .post { overflow: hidden; border: 0; border-radius: 22px; box-shadow: var(--pn-shadow); }
body[data-page] .post-head, body[data-page] .post header { padding: 16px 17px 11px; }
body[data-page] .post-body { padding: 0 17px 15px; color: #45445a; }
body[data-page] .post-actions { padding: 7px 11px; border-top: 1px solid #eeedf5; }
body[data-page] .post-actions button, body[data-page] .post-actions a { min-height: 36px; color: #77758b; }
body[data-page] .post-actions button:hover, body[data-page] .post-actions a:hover { color: var(--pn-brand); background: #f0eeff; }
body[data-page] .avatar, body[data-page] .mini-avatar { background: linear-gradient(145deg, #5b46e5, #eb785e); }
body[data-page] .comment-list p { background: #f3f2fa; }

/* Common app surfaces: feeds, sections, lists, grids, tabs, and information cards. */
body[data-page] .section-head, body[data-page] .section-title, body[data-page] .market-section-head, body[data-page] .pn-section-head, body[data-page] .market-view-head, body[data-page] .seller-dashboard-head { display: flex; align-items: end; justify-content: space-between; gap: 12px; }
body[data-page] .section-head h2, body[data-page] .section-title h2, body[data-page] .market-section-head h2, body[data-page] .pn-section-head h2 { margin: 0; color: #292743; }
body[data-page] .section-head p, body[data-page] .section-title p, body[data-page] .market-section-head p, body[data-page] .pn-section-head p { color: var(--pn-muted); }
body[data-page] .tabs, body[data-page] .pn-tabs, body[data-page] .profile-tabs { gap: 5px; padding: 5px; border: 0; border-radius: 15px; background: #efeff8; }
body[data-page] .tabs a, body[data-page] .pn-tabs a, body[data-page] .profile-tabs a { border: 0; border-radius: 10px; }
body[data-page] .tabs a.active, body[data-page] .pn-tabs a.active, body[data-page] .profile-tabs a.active { color: var(--pn-brand); background: #fff; box-shadow: 0 3px 9px rgba(46,39,94,.08); }
body[data-page] .empty-state, body[data-page] .empty, body[data-page] .market-empty, body[data-page] .pn-empty-inline { padding: 34px 20px; border: 1px dashed #d9d6eb; border-radius: 19px; background: #fcfbff; }
body[data-page] .table-scroll, body[data-page] .table-wrap { border: 0; border-radius: 17px; box-shadow: inset 0 0 0 1px #eceaf4; }
body[data-page] .table-scroll th, body[data-page] .table-wrap th { color: #77758b; background: #f5f4fb; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
body[data-page] .table-scroll td, body[data-page] .table-wrap td { border-bottom-color: #efedf5; }

/* Profile — compact cover, action strip and cards. */
body[data-page="profile"] .pn-profile-p2 { max-width: 1320px; padding-bottom: 28px; }
body[data-page="profile"] .pn-profile-p2 .pn-card-v5 { border: 0; border-radius: 22px; box-shadow: var(--pn-shadow); }
body[data-page="profile"] .pn-profile-p2 .pn-cover-v5 { height: 290px; border-radius: 22px 22px 0 0; }
body[data-page="profile"] .pn-profile-p2 .pn-profile-main-v5 { grid-template-columns: 150px minmax(0,1fr); padding-inline: 22px; }
body[data-page="profile"] .pn-profile-p2 .pn-avatar-wrap-v5 { width: 142px; height: 142px; margin-top: -72px; border: 4px solid #fff; background: #fff; }
body[data-page="profile"] .pn-profile-p2 .pn-avatar-wrap-v5 .avatar, body[data-page="profile"] .pn-profile-p2 .pn-avatar-wrap-v5 .avatar img, body[data-page="profile"] .pn-profile-p2 .pn-avatar-img-v5 { width: 126px; height: 126px; }
body[data-page="profile"] .pn-profile-p2 .pn-name-row-v5 h1 { color: #25243e; }
body[data-page="profile"] .pn-profile-p2 .pn-stats-v5 { border: 0; border-radius: 16px; background: #f2f1fa; }
body[data-page="profile"] .pn-profile-p2 .pn-stat-v5 { border-color: #dedbea; }
body[data-page="profile"] .pn-profile-p2 .pn-tabs-v5 { top: 82px; border: 0; border-radius: 16px; box-shadow: var(--pn-shadow); }
body[data-page="profile"] .pn-profile-p2 .pn-tabs-v5 a.active { color: var(--pn-brand); background: #efedff; }

/* Marketplace, product, cart and seller pages. */
body[data-page="marketplace"] .marketplace-m2, body[data-page="product"] .pn-product-page { gap: 14px; }
body[data-page="marketplace"] .market-topbar { border: 0; border-radius: 20px; background: #fff; box-shadow: var(--pn-shadow); }
body[data-page="marketplace"] .market-brand > span { border-radius: 14px; background: linear-gradient(135deg, #5b46e5, #e56e51); }
body[data-page="marketplace"] .market-quick-search { border: 0; border-radius: 14px; background: #f3f2fa; }
body[data-page="marketplace"] .market-quick-search button { background: var(--pn-brand); }
body[data-page="marketplace"] .market-menu { border: 0; border-radius: 16px; background: #fff; box-shadow: var(--pn-shadow-xs); }
body[data-page="marketplace"] .market-menu a.active, body[data-page="marketplace"] .market-menu a:hover { color: var(--pn-brand); background: #efedff; }
body[data-page="marketplace"] .market-hero { border-radius: 24px; background: radial-gradient(circle at 88% 12%, rgba(255,190,159,.45), transparent 25%), linear-gradient(125deg, #31206e, #5b46e5 57%, #e56e51); }
body[data-page="marketplace"] .market-category-grid a, body[data-page="marketplace"] .market-item, body[data-page="marketplace"] .market-filter-panel, body[data-page="marketplace"] .seller-panel { border: 0; border-radius: 18px; box-shadow: var(--pn-shadow-xs); }
body[data-page="marketplace"] .market-category-grid i { color: var(--pn-brand); background: #efedff; }
body[data-page="marketplace"] .market-grid { gap: 14px; }
body[data-page="marketplace"] .market-item { box-shadow: 0 8px 22px rgba(46,39,94,.07); }
body[data-page="marketplace"] .market-image { background: #f1eff8; }
body[data-page="marketplace"] .market-condition { color: var(--pn-brand); }
body[data-page="marketplace"] .market-wishlist-form button { color: #d95a73; }
body[data-page="marketplace"] .market-pagination a.active { border-color: var(--pn-brand); background: var(--pn-brand); }

body[data-page="product"] .pn-product-hero, body[data-page="product"] .pn-section, body[data-page="product"] .pn-buy-card, body[data-page="product"] .pn-seller-card, body[data-page="product"] .pn-safety-card { border: 0; border-radius: 22px; box-shadow: var(--pn-shadow); }
body[data-page="product"] .pn-main-image { border-radius: 18px; background: #f2f1fa; }
body[data-page="product"] .pn-price, body[data-page="product"] .pn-buy-card > div strong { color: var(--pn-brand); }
body[data-page="product"] .pn-trust-strip, body[data-page="product"] .pn-review-summary { background: #f4f2ff; }
body[data-page="product"] .pn-quick-facts span, body[data-page="product"] .pn-address-box, body[data-page="product"] .pn-specs, body[data-page="product"] .pn-review-list article { border-color: #e7e3f4; }
body[data-page="product"] .pn-related-card { border: 0; border-radius: 16px; box-shadow: var(--pn-shadow-xs); }

/* Chat, notifications and settings. */
body[data-page="chat"] .chat-layout, body[data-page="chat"] .conversation-list, body[data-page="chat"] .conversation-panel { border-color: transparent; border-radius: 20px; box-shadow: var(--pn-shadow); }
body[data-page="chat"] .message.mine { background: linear-gradient(135deg, #5b46e5, #795ce9); }
body[data-page="chat"] .message:not(.mine) { background: #f1f0f8; }
body[data-page="notifications"] .notification-item, body[data-page="connections"] .connection-row, body[data-page="network"] .network-user { border-bottom-color: #eceaf3; }
body[data-page="edit-profile"] .profile-form, body[data-page="privacy-settings"] .control-form, body[data-page="change-password"] .control-form { padding: 22px; }

@media (max-width: 1260px) {
  body[data-page] .app-layout { grid-template-columns: 230px minmax(0, 720px); width: min(1000px, calc(100% - 28px)); }
}
@media (max-width: 960px) {
  body[data-page] .app-layout { display: block; width: min(780px, calc(100% - 24px)); }
}
@media (max-width: 760px) {
  body[data-page] { background: var(--pn-canvas); font-size: 13px; }
  body[data-page] .app-layout { width: 100%; margin: 0; }
  body[data-page] .content { gap: 9px; padding: 8px; }
  body[data-page] .page-heading { min-height: 42px; padding: 2px 4px; }
  body[data-page] .page-heading h1 { font-size: 23px; }
  body[data-page] .content > .card, body[data-page] .content > .post, body[data-page] .content > .composer, body[data-page] .content > .control-form, body[data-page] .content > .activity-card, body[data-page] .content > .seller-center, body[data-page] .content > .transfer-card { border-radius: 17px; }
  body[data-page] .button, body[data-page] button.button, body[data-page] .pn-btn { min-height: 37px; padding: 8px 11px; font-size: 12px; }
  body[data-page] input, body[data-page] select, body[data-page] textarea { min-height: 38px; padding: 8px 10px; font-size: 13px; }
  body[data-page] .post { border-radius: 17px; }
  body[data-page] .post-head, body[data-page] .post header { padding: 12px 13px 8px; }
  body[data-page] .post-body { padding: 0 13px 10px; font-size: 13px; }
  body[data-page] .post-actions { padding: 4px 5px; }
  body[data-page] .post-actions button, body[data-page] .post-actions a { min-height: 33px; padding-inline: 6px; font-size: 11px; }
  body[data-page] .stories, body[data-page] .story-strip, body[data-page] .stories-row { padding: 8px; border-radius: 17px; }
  body[data-page="profile"] .pn-profile-p2 { padding-bottom: 80px; }
  body[data-page="profile"] .pn-profile-p2 .pn-cover-v5 { height: 190px !important; }
  body[data-page="profile"] .pn-profile-p2 .pn-profile-main-v5 { grid-template-columns: 88px minmax(0,1fr) !important; padding-inline: 12px; }
  body[data-page="profile"] .pn-profile-p2 .pn-avatar-wrap-v5 { width: 82px !important; height: 82px !important; margin-top: -41px; }
  body[data-page="profile"] .pn-profile-p2 .pn-avatar-wrap-v5 .avatar, body[data-page="profile"] .pn-profile-p2 .pn-avatar-wrap-v5 .avatar img, body[data-page="profile"] .pn-profile-p2 .pn-avatar-img-v5 { width: 66px !important; height: 66px !important; }
  body[data-page="profile"] .pn-profile-p2 .pn-name-row-v5 h1 { font-size: 20px; }
  body[data-page="profile"] .pn-profile-p2 .pn-stats-v5 { margin: 12px 8px 0; }
  body[data-page="profile"] .pn-profile-p2 .pn-stat-v5 { padding: 8px 2px; }
  body[data-page="profile"] .pn-profile-p2 .pn-stat-v5 strong { font-size: 14px; }
  body[data-page="profile"] .pn-profile-p2 .pn-action-bar-v5 { bottom: 68px; padding: 6px; }
  body[data-page="marketplace"] .market-topbar { position: static; grid-template-columns: 1fr auto; gap: 9px; padding: 10px; }
  body[data-page="marketplace"] .market-quick-search { grid-column: 1 / -1; min-height: 39px; }
  body[data-page="marketplace"] .market-menu { position: static; padding: 5px; }
  body[data-page="marketplace"] .market-menu a { padding: 8px 9px; font-size: 10px; }
  body[data-page="marketplace"] .market-hero { padding: 20px 16px; border-radius: 18px; }
  body[data-page="marketplace"] .market-hero h1 { font-size: 25px; }
  body[data-page="marketplace"] .market-grid { gap: 8px; }
  body[data-page="marketplace"] .market-body { padding: 9px; }
  body[data-page="marketplace"] .market-body h3 { min-height: 32px; font-size: 12px; }
  body[data-page="marketplace"] .market-body p, body[data-page="marketplace"] .market-seller { font-size: 9px; }
  body[data-page="marketplace"] .market-price-row { padding: 0 9px 9px; }
  body[data-page="marketplace"] .market-price-row strong { font-size: 14px; }
  body[data-page="product"] .pn-product-hero, body[data-page="product"] .pn-section, body[data-page="product"] .pn-buy-card { border-radius: 17px; }
  body[data-page="product"] .pn-product-summary h1 { font-size: 23px; }
  body[data-page="product"] .pn-section { padding: 14px; }
}
@media (max-width: 390px) {
  body[data-page] .content { padding-inline: 6px; }
  body[data-page] .page-heading h1 { font-size: 21px; }
  body[data-page] .button, body[data-page] button.button { font-size: 11px; }
  body[data-page="marketplace"] .market-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}