/* PBALink V2 - harmonie visuelle avec PBA Connect V2, sans remplacer les styles metier. */
:root{--bg:#f2f5fa;--surface:#fff;--surface-2:#f7f9fc;--text:#18243b;--muted:#64748b;--line:#dfe6f0;--brand:#2757d5;--brand-2:#1d3d99;--navy:#10295d;--pba-blue:#3158e5;--shadow:0 8px 28px rgba(21,43,88,.06);--radius:16px}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text)}
.pbalink-header{background:#fff;box-shadow:0 1px 8px rgba(22,38,78,.07)}
.pbalink-header-accent{height:3px;background:linear-gradient(90deg,#152c64,#436cef 72%,#1ab9e3)}
.pbalink-header-main,.pbalink-main-menu{background:#fff}
.pbalink-header-inner{max-width:1500px;margin:0 auto;min-height:70px;padding:8px 24px}
.pbalink-brand img{height:45px;max-width:190px;width:auto;object-fit:contain}
.pbalink-main-menu-inner{max-width:1500px;margin:0 auto;justify-content:center}
.pbalink-main-menu a.is-active{color:#2757d5;background:#f0f4ff}
.pbalink-main-menu a.is-active:after{background:#416bea}
.pbalink-icon-action{border-color:#dbe4f2;background:#fff;border-radius:13px}
.pbalink-icon-action:focus-visible,.pbalink-main-menu a:focus-visible,.ig-messenger button:focus-visible{outline:3px solid #91aeff;outline-offset:2px}
.pbalink-icon-action b{background:#ef4444!important;color:#fff!important}
.pbalink-icon-action b[hidden]{display:none!important}
.pbalink-icon-action[aria-label^="Messages"]{position:relative}
.pbalink-main-menu .pbalink-create-menu{background:linear-gradient(135deg,#284dc4,#406dea)}
.app-shell{max-width:1500px}.main-content{min-width:0}
.member-body .main-content{padding-top:22px}.card{border-radius:17px;border-color:#e0e7f2;box-shadow:0 4px 22px rgba(23,43,84,.045)}
.member-body .ig-messenger{width:100%;max-width:1440px;margin:0 auto 26px;border-radius:18px;box-shadow:0 14px 40px rgba(20,40,76,.09);border:1px solid #dce5f1}
.ig-inbox{background:#fff}.ig-inbox-head{padding:18px 20px 13px}
.ig-inbox-head h1{font-size:1.55rem;letter-spacing:-.4px;color:#182b58}
.ig-eyebrow{color:#4263c8;letter-spacing:.12em}
.ig-chat-head{background:#fff}.ig-messages{background:#f8faff}
.ig-message.mine .ig-bubble{background:#365bd7;border-color:#365bd7}
.ig-conversation.active{background:#edf3ff}
.ig-send-btn{background:#2e55cc}
.ig-icon-btn{background:#eef2ff;color:#254fc7}
.pbalink-footer .footer-logo-shell img{max-height:50px}
/* Alerts on all pages; for normal messages no popup blocks the screen. */
.pba-v2-toast-area{position:fixed;top:92px;right:20px;z-index:5500;width:min(340px,calc(100vw - 32px));display:grid;gap:10px;pointer-events:none}
.pba-v2-toast{background:#fff;color:#1a2b4e;border:1px solid #dbe4f4;border-left:4px solid #3158e5;padding:13px 16px;border-radius:14px;box-shadow:0 13px 45px rgba(15,30,70,.19);pointer-events:auto;display:flex;gap:10px;align-items:flex-start;text-decoration:none;animation:pba-notice-in .2s ease}
.pba-v2-toast b{display:block;font-size:13px;margin-bottom:2px}.pba-v2-toast small{font-size:12px;color:#51617f}
@keyframes pba-notice-in{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}
.pba-v2-push-toggle{display:inline-flex;gap:8px;align-items:center;padding:9px 14px;background:#f0f4ff;color:#254abb;border:1px solid #d4ddfb;border-radius:11px;font-size:13px;font-weight:750;cursor:pointer}
.pba-v2-push-toggle[hidden]{display:none!important}
.pba-v2-push-toggle:disabled{opacity:.55;cursor:default}
.pba-v2-notice-info{font-size:12px;color:#65758f}
.pba-v2-notifications-header{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.pba-v2-notifications-header h1{margin:0}
.pba-v2-notif-list .list-item{display:flex;gap:14px;padding:14px;border-radius:12px;transition:background .15s}
.pba-v2-notif-list .list-item:hover{background:#f5f8ff}
.pba-v2-notif-list .list-item.unread{background:#eef4ff;border-left:3px solid #456cee}
/* Inbox usability: clear distinction between conversations and unread */
.ig-conversation-list{scrollbar-width:thin;scrollbar-color:#d2dced transparent}
.ig-conversation.is-unread{background:#f5f8ff}.ig-conversation.is-unread .ig-conv-line strong{color:#162b5c}
.ig-conversation-search{padding:4px 14px 11px}.ig-conversation-search input{display:block;width:100%;height:40px;border:1px solid #dde4f1;border-radius:12px;background:#f8faff;padding:0 14px;outline:none}
.ig-conversation-search input:focus{border-color:#9bb4ff;box-shadow:0 0 0 3px #e7edff}
.ig-message[data-pending="1"]{opacity:.5}
.ig-messenger .ig-meta{font-variant-numeric:tabular-nums}
@media (max-width:700px){.member-body .main-content{padding:0}.member-body .ig-messenger{border-radius:0;box-shadow:none;border:none;margin:0;height:calc(100dvh - 120px)}.pba-v2-toast-area{top:78px;right:10px}.pbalink-header-inner{padding-inline:12px}.pba-v2-notifications-header{align-items:flex-start}.ig-conversation-search{padding-inline:10px}}
@media (prefers-reduced-motion:reduce){.pba-v2-toast{animation:none}}
.pba-v2-nav-unread{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;background:#dc364d;color:#fff;font-size:10px;border-radius:99px}
.pba-v2-nav-unread[hidden]{display:none!important}
.pbalink-pba-back{border:1px solid #dce6f6!important;color:#2047ad!important;background:#f4f7ff!important;border-radius:10px}
@media (max-width:700px){.pbalink-pba-back{width:100%}}