:root{--bg:#050506;--panel:#0c0d0f;--panel-2:#121417;--panel-3:#181a1e;--text:#f8f8f8;--muted:#a8abb1;--orange:#ff7200;--orange-2:#ff9c2b;--line:rgba(255,255,255,.10);--danger:#ff5d5d;--success:#4ed28a;--safe-bottom:max(14px,env(safe-area-inset-bottom));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100%;background:radial-gradient(circle at 15% -10%,rgba(255,114,0,.13),transparent 28%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{color:#aaaeb5;font-size:.72rem;font-weight:850;letter-spacing:.14em}.full{width:100%}
.primary-btn,.secondary-btn,.danger-btn,.edit-btn{min-height:48px;border-radius:14px;padding:13px 17px;font-weight:850;color:#fff}.primary-btn{border:0;background:linear-gradient(135deg,var(--orange),var(--orange-2));box-shadow:0 12px 28px rgba(255,114,0,.22)}.secondary-btn{background:#17191d;border:1px solid var(--line)}.danger-btn{background:rgba(255,93,93,.11);border:1px solid rgba(255,93,93,.28);color:#ff9292}.edit-btn{background:rgba(255,114,0,.14);border:1px solid rgba(255,114,0,.38);color:#ffad59}.small-btn{min-height:38px;padding:8px 11px;border-radius:11px}.inline-actions,.card-actions,.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.login-screen{min-height:100dvh;display:grid;place-items:center;padding:22px}.login-shell{width:min(930px,100%);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,#101114,#070708);box-shadow:0 28px 90px rgba(0,0,0,.65)}.login-visual{position:relative;min-height:590px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 48% 45%,rgba(255,114,0,.25),transparent 33%),linear-gradient(145deg,#090a0c,#020203)}.login-visual img{position:relative;z-index:1;width:min(76%,440px);max-height:480px;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(0,0,0,.65)) drop-shadow(0 0 20px rgba(255,114,0,.22))}.login-visual p{position:absolute;bottom:28px;margin:0;color:#c4c6ca;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.login-card{padding:54px;display:flex;flex-direction:column;justify-content:center;gap:18px}.login-card h1{font-size:2.35rem;margin:0}.login-card p{margin:0 0 6px}.login-card label,.form-grid label{display:grid;gap:8px;color:#dadbde;font-weight:760;font-size:.9rem}.login-card input,.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);background:#08090b;color:#fff;border-radius:14px;padding:15px 16px;outline:0}.login-card input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,114,0,.13)}.form-error{min-height:20px;color:#ff8e8e}
.app{min-height:100dvh;padding-bottom:calc(86px + var(--safe-bottom))}.topbar{position:sticky;top:0;z-index:30;height:70px;padding:8px max(17px,env(safe-area-inset-left));display:grid;grid-template-columns:48px 1fr 48px;align-items:center;background:rgba(5,5,6,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05)}.icon-btn,.mini-brand{height:46px;border:0;background:transparent;color:var(--orange);display:grid;place-items:center}.icon-btn svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.mini-brand img{height:54px;width:88px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,114,0,.24))}.notification-btn{position:relative}.notification-btn span{position:absolute;top:2px;right:0;min-width:19px;height:19px;border-radius:999px;background:var(--orange);color:#fff;font-size:.68rem;display:grid;place-items:center;font-weight:900}.sync-bar{position:sticky;top:70px;z-index:25;display:flex;justify-content:center;gap:8px;align-items:center;padding:7px 12px;background:rgba(10,11,13,.92);font-size:.75rem;color:#bbb;border-bottom:1px solid rgba(255,255,255,.05)}.sync-dot{width:8px;height:8px;border-radius:50%;background:#ffc14d}.sync-bar.online .sync-dot{background:var(--success);box-shadow:0 0 12px rgba(78,210,138,.55)}.sync-bar.error .sync-dot{background:var(--danger)}
.content{width:min(1100px,100%);margin:auto;padding:18px}.view{display:none;animation:fadeUp .2s ease}.view.active{display:block}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero{position:relative;min-height:390px;border:1px solid var(--line);border-radius:34px;overflow:hidden;background:radial-gradient(circle at 70% 35%,rgba(255,114,0,.18),transparent 35%),linear-gradient(145deg,#111318,#070708);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:42px}.hero:after{content:"";position:absolute;inset:auto -20% -45% 20%;height:80%;background:radial-gradient(ellipse,rgba(255,114,0,.18),transparent 65%)}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(2.2rem,6vw,4.5rem);line-height:.95;margin:10px 0 14px}.hero p{color:var(--muted);max-width:430px;font-size:1.02rem}.hero-logo{position:relative;z-index:1;width:100%;height:310px;object-fit:contain;filter:drop-shadow(0 24px 36px rgba(0,0,0,.66)) drop-shadow(0 0 20px rgba(255,114,0,.19))}.role-badge,.pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,114,0,.28);background:rgba(255,114,0,.10);color:#ffad59;font-size:.75rem;font-weight:800}.dashboard-grid,.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.dash-card,.entity-card,.list-card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#15171b,#0a0b0d);color:#fff;padding:22px;text-align:left;box-shadow:0 12px 28px rgba(0,0,0,.25)}.dash-card{min-height:178px;display:flex;flex-direction:column;justify-content:flex-end;transition:.18s transform,.18s border-color}.dash-card:active{transform:scale(.975)}.dash-card:hover{border-color:rgba(255,114,0,.35)}.dash-card b{font-size:1.22rem;margin-top:16px}.dash-card small,.entity-card p,.list-card p{color:var(--muted);line-height:1.55}.dash-icon,.avatar{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--orange),var(--orange-2));color:#141414;font-size:1.25rem;font-weight:950;box-shadow:0 10px 28px rgba(255,114,0,.25)}.avatar{border-radius:50%}.quick-banner{margin-top:16px;border:1px solid rgba(255,114,0,.45);border-radius:22px;padding:16px;display:grid;grid-template-columns:56px 1fr 44px;align-items:center;gap:14px;background:linear-gradient(90deg,rgba(255,114,0,.28),rgba(255,114,0,.04));}.quick-banner .plus{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--orange);font-size:2rem}.quick-banner div{display:grid;gap:4px}.quick-banner small{color:#c4c4c4}.quick-banner button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#121317;color:var(--orange)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 14px}.section-head h1{margin:4px 0 0;font-size:clamp(1.65rem,5vw,2.45rem)}.entity-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.entity-card h3{font-size:1.25rem;margin:18px 0 8px}.card-actions{margin-top:18px}.list{display:grid;gap:12px}.list-row{border:1px solid var(--line);border-radius:20px;background:#101215;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.event-main{display:flex;align-items:center;gap:12px;min-width:0}.date-box{width:54px;height:58px;border-radius:15px;background:rgba(255,114,0,.13);border:1px solid rgba(255,114,0,.28);display:grid;place-items:center;line-height:1}.date-box b{font-size:1.25rem}.date-box small{color:#ffad59}.list-main{min-width:0;display:grid;gap:5px}.list-main small{color:var(--muted)}.empty,.notice{padding:24px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);text-align:center}.notice{text-align:left;background:rgba(255,114,0,.06)}
.bottom-nav{position:fixed;z-index:40;left:50%;bottom:0;transform:translateX(-50%);width:min(760px,100%);padding:9px max(8px,env(safe-area-inset-left)) var(--safe-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(9,10,12,.96);backdrop-filter:blur(18px);border:1px solid var(--line);border-bottom:0;border-radius:28px 28px 0 0}.bottom-nav button{border:0;background:transparent;color:#a9abb0;display:grid;gap:5px;place-items:center;font-size:.68rem}.bottom-nav button.active{color:var(--orange)}.nav-icon{font-size:1.28rem}.quick-fab{position:fixed;z-index:39;right:20px;bottom:calc(94px + var(--safe-bottom));width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(145deg,var(--orange),var(--orange-2));color:#fff;font-size:2rem;box-shadow:0 13px 30px rgba(255,114,0,.35)}
.overlay,.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(6px);z-index:60}.sheet{position:fixed;z-index:70;left:50%;bottom:0;transform:translate(-50%,105%);width:min(640px,100%);border-radius:28px 28px 0 0;border:1px solid var(--line);background:#0d0e11;padding:10px 18px calc(22px + var(--safe-bottom));transition:.25s transform}.sheet.open{transform:translate(-50%,0)}.sheet-handle{width:48px;height:5px;border-radius:99px;background:#3d3f44;margin:0 auto 16px}.sheet-head,.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.sheet-head h2,.modal-head h2{margin:3px 0 0}.round-close{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#17191d;color:#fff;font-size:1.5rem}.sheet-grid,.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.sheet-grid button,.quick-grid button{border:1px solid var(--line);background:#14161a;color:#fff;border-radius:18px;padding:18px;text-align:left;display:grid;gap:5px}.sheet-grid span,.quick-grid span{color:var(--orange);font-size:1.4rem}.sheet-grid small{color:var(--muted)}.modal-overlay{z-index:80;display:grid;place-items:end center;padding-top:18px}.modal-card{width:min(700px,100%);max-height:94dvh;overflow:auto;border-radius:28px 28px 0 0;border:1px solid var(--line);background:#0d0e11;padding:20px 18px calc(24px + var(--safe-bottom))}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.form-grid label.full-field{grid-column:1/-1}.form-grid textarea{min-height:110px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.toast{position:fixed;z-index:100;left:50%;bottom:calc(105px + var(--safe-bottom));transform:translateX(-50%);width:min(460px,calc(100% - 28px));padding:14px 16px;border-radius:14px;background:#1b1e22;border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.5);text-align:center}.toast.error{border-color:rgba(255,93,93,.4);color:#ff9b9b}
@media(max-width:720px){.login-screen{padding:0}.login-shell{min-height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column}.login-visual{min-height:42dvh}.login-visual img{width:min(78%,330px);height:330px}.login-visual p{bottom:12px}.login-card{padding:26px 22px 32px}.login-card h1{font-size:2rem}.content{padding:14px}.hero{min-height:410px;display:block;padding:0;border-radius:30px}.hero-logo{position:absolute;left:6%;right:6%;top:18px;width:88%;height:225px}.hero-copy{padding:260px 24px 28px}.hero h1{font-size:2.45rem}.hero p{font-size:.94rem}.dashboard-grid,.cards-grid{grid-template-columns:1fr 1fr}.dash-card{min-height:155px;padding:18px}.form-grid{grid-template-columns:1fr}.form-grid label.full-field{grid-column:auto}.list-row{align-items:flex-start;flex-direction:column}.row-actions{width:100%;justify-content:flex-end}}
@media(max-width:400px){.dashboard-grid,.cards-grid{grid-template-columns:1fr}.dash-card{min-height:130px}.hero-logo{height:205px}.hero-copy{padding-top:235px}}

/* V1.1 — interface tableau de bord conforme à la maquette validée */
.dashboard-shell{overflow:hidden;border:1px solid #2c2e33;border-radius:38px;background:#08090b;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.dashboard-hero{position:relative;min-height:430px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 12% 90%,rgba(255,104,0,.65),transparent 30%),linear-gradient(135deg,#050506 0%,#060708 58%,#0c0d0f 100%)}
.dashboard-hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 24px,rgba(255,255,255,.018) 24px 48px);pointer-events:none}
.dashboard-hero-top{position:absolute;z-index:3;top:26px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center}
.hero-icon-btn,.hero-notification-btn{width:52px;height:52px;border:0;background:transparent;color:var(--orange);font-size:2rem;display:grid;place-items:center}
.hero-notification-btn{position:relative;font-size:2.2rem}.hero-notification-btn span{position:absolute;right:-2px;top:0;min-width:21px;height:21px;padding:0 5px;border-radius:99px;background:var(--orange);color:#fff;font:800 .7rem/21px system-ui;text-align:center}
.dashboard-logo{position:relative;z-index:2;width:min(66%,420px);height:340px;object-fit:contain;filter:drop-shadow(0 28px 34px rgba(0,0,0,.72)) drop-shadow(0 0 20px rgba(255,113,0,.18))}
.dashboard-body{padding:32px 34px 38px;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#0d0f12,#070809)}
.dashboard-kicker{display:block;color:#aeb0b5;font-size:.82rem;letter-spacing:.08em}.dashboard-body h1{margin:10px 0 24px;font-size:2.25rem}
.dashboard-grid{margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dashboard-grid .dash-card{position:relative;min-height:220px;align-items:center;justify-content:center;text-align:center;padding:26px 18px;border-radius:25px;background:linear-gradient(145deg,#191c20,#0d0f12);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 30px rgba(0,0,0,.28)}
.dashboard-grid .dash-card .dash-icon{width:72px;height:72px;border-radius:22px;font-size:1.75rem;margin-bottom:12px;color:#111}
.dashboard-grid .dash-card b{font-size:1.35rem;margin:0}.dashboard-grid .dash-card small{font-size:.9rem;color:#c4c5c8;margin-top:5px}.dashboard-grid .dash-card i{position:absolute;top:20px;right:20px;color:#bbb;font-size:2rem;font-style:normal;font-weight:300}
.dashboard-body .quick-banner{width:100%;margin-top:18px;border:1px solid rgba(255,112,0,.82);color:#fff;cursor:pointer;grid-template-columns:62px 1fr 52px;text-align:left}
.quick-copy{display:grid;gap:4px}.quick-copy b{font-size:1.25rem}.quick-bolt{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid #333;background:#111318;color:var(--orange)}
.dashboard-upcoming{margin-top:22px}

/* Le libellé du splash reste lié au logo et ne flotte plus sur le formulaire. */
.login-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:24px 18px}.login-visual p{position:static;margin:-18px 0 0;z-index:2}

@media(max-width:720px){
  .dashboard-mode>.topbar,.dashboard-mode>.sync-bar{display:none}
  .dashboard-mode .content{padding:14px 6px 18px}
  .dashboard-shell{border-radius:32px}
  .dashboard-hero{min-height:245px}
  .dashboard-hero-top{top:12px;left:12px;right:12px}
  .hero-icon-btn,.hero-notification-btn{width:44px;height:44px;font-size:1.65rem}
  .dashboard-logo{width:min(68%,310px);height:220px}
  .dashboard-body{padding:18px 20px 24px}
  .dashboard-body h1{font-size:1.55rem;margin:6px 0 18px}
  .dashboard-kicker{font-size:.72rem}
  .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .dashboard-grid .dash-card{min-height:150px;padding:16px 9px;border-radius:19px}
  .dashboard-grid .dash-card .dash-icon{width:54px;height:54px;border-radius:16px;font-size:1.22rem;margin-bottom:8px}
  .dashboard-grid .dash-card b{font-size:.94rem}.dashboard-grid .dash-card small{font-size:.72rem}.dashboard-grid .dash-card i{top:10px;right:12px;font-size:1.5rem}
  .dashboard-body .quick-banner{grid-template-columns:48px 1fr 42px;padding:10px 12px;gap:10px;border-radius:17px}
  .dashboard-body .quick-banner .plus{width:44px;height:44px;font-size:1.55rem}.quick-copy b{font-size:.9rem}.quick-copy small{font-size:.68rem}.quick-bolt{width:38px;height:38px}
  .dashboard-upcoming{padding:0 8px}
  .login-visual{min-height:44dvh;padding:18px}.login-visual img{width:min(82%,340px);height:300px}.login-visual p{margin:-24px 0 0}
}
@media(max-width:400px){
  .dashboard-grid,.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-grid .dash-card{min-height:142px}
  .dashboard-logo{height:210px}
}
.profile-name-form{display:grid;gap:12px;margin:18px 0}.profile-name-form label{display:grid;gap:8px;color:#d8d9dc;font-weight:750}.profile-name-form input{width:100%;border:1px solid var(--line);background:#08090b;color:#fff;border-radius:14px;padding:14px 15px;outline:0}.profile-name-form input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,114,0,.13)}
.hero-notification-btn svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* V1.1.2 — pictogrammes SVG identiques à la maquette validée */
.dashboard-grid .dash-icon svg{width:82%;height:82%;overflow:visible;fill:none;stroke:#ff7200;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.dashboard-grid .dash-icon{background:transparent!important;box-shadow:none!important;color:#ff7200!important}
.dashboard-grid .shirt-icon svg{fill:#ff7200;stroke:#ff7200;stroke-width:2.5}
.dashboard-grid .shirt-icon text{fill:#090a0b;stroke:none;font:900 19px/1 system-ui,sans-serif}
.quick-bolt svg{width:24px;height:24px;fill:none;stroke:#ff7200;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.category-card{cursor:pointer;transition:transform .18s ease,border-color .18s ease}.category-card:active{transform:scale(.985)}.category-card:hover,.category-card:focus-visible{border-color:rgba(255,114,0,.5);outline:none}.category-open{margin-top:16px;padding:12px 14px;border-radius:14px;background:rgba(255,114,0,.09);border:1px solid rgba(255,114,0,.24);display:flex;align-items:center;justify-content:space-between;color:#ffad59;font-weight:850}.category-open b{font-size:1.45rem;line-height:1}.section-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media(max-width:560px){.section-actions{width:100%}.section-actions .primary-btn,.section-actions .secondary-btn{flex:1;min-width:0;padding-left:10px;padding-right:10px}.section-head:has(.section-actions){align-items:flex-start;flex-wrap:wrap}}


/* Documents joints — actualités et notifications */
.file-field input[type="file"]{padding:12px;background:#0d0f12;border:1px dashed rgba(255,122,0,.55);color:#e8e8e8}
.file-field input[type="file"]::file-selector-button{border:0;border-radius:10px;padding:10px 12px;margin-right:10px;background:linear-gradient(135deg,#ff6a00,#ff941f);color:#fff;font-weight:800;cursor:pointer}
.existing-attachment{display:block;margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,122,0,.08);border:1px solid rgba(255,122,0,.22);font-size:.82rem;color:#c9c9c9}
.remove-attachment{display:flex!important;align-items:center;gap:8px;margin-top:8px;font-weight:600!important;color:#ff9494!important}
.remove-attachment input{width:auto!important;margin:0}
.attachment-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:14px;padding:11px 12px;border-radius:14px;background:rgba(255,122,0,.07);border:1px solid rgba(255,122,0,.23)}
.attachment-card .attachment-icon{font-size:1.2rem}
.attachment-card div{min-width:0}
.attachment-card b,.attachment-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attachment-card b{font-size:.86rem;color:#fff}
.attachment-card small{margin-top:3px;color:#a9a9a9;font-size:.72rem}
.attachment-open{border:1px solid rgba(255,122,0,.55);border-radius:10px;background:#1c130c;color:#ff8a17;font-weight:800;padding:8px 10px;cursor:pointer}
.notification-row .list-main{min-width:0}
.notification-row .attachment-card{width:100%}
@media(max-width:520px){.attachment-card{grid-template-columns:auto minmax(0,1fr)}.attachment-open{grid-column:1/-1;width:100%}.notification-row{align-items:stretch}.notification-row .row-actions{margin-top:10px}}

/* V2.0 — fil d’actualité et aperçus intégrés des médias */
.dashboard-feed{margin:28px 0 8px}.social-feed{display:grid;gap:18px}.social-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#15171b,#0b0c0f);box-shadow:0 16px 38px rgba(0,0,0,.28);padding:18px}.social-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.social-brand,.notification-heading{display:flex;align-items:center;gap:11px;min-width:0}.social-brand img{width:46px;height:46px;object-fit:contain;border-radius:14px;background:radial-gradient(circle,rgba(255,114,0,.18),transparent 68%)}.social-brand div,.notification-heading div{display:grid;min-width:0}.social-brand b,.notification-heading b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-brand small,.notification-heading small{color:var(--muted);font-size:.75rem;margin-top:2px}.social-card h2{margin:4px 0 8px;font-size:1.3rem}.social-card>p{margin:0 0 14px;color:#d7d8db;white-space:pre-line;line-height:1.55}.notification-bell{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,114,0,.12);border:1px solid rgba(255,114,0,.28)}
.attachment-figure{margin:16px 0 0;overflow:hidden;border-radius:18px;border:1px solid rgba(255,114,0,.26);background:#07080a}.attachment-preview{position:relative;min-height:220px;background:linear-gradient(135deg,#101216,#08090b);overflow:hidden}.preview-loading,.preview-error{min-height:220px;display:grid;place-items:center;align-content:center;gap:10px;padding:24px;text-align:center;color:var(--muted)}.preview-loading span{width:30px;height:30px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--orange);border-radius:50%;animation:previewSpin .8s linear infinite}@keyframes previewSpin{to{transform:rotate(360deg)}}.attachment-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;background:#101216}.attachment-figure figcaption>div{display:grid;min-width:0}.attachment-figure figcaption b,.attachment-figure figcaption small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-figure figcaption small{color:var(--muted);font-size:.72rem;margin-top:2px}.inline-media-button{width:100%;display:block;padding:0;border:0;background:#07080a}.inline-media-button img{display:block;width:100%;max-height:520px;object-fit:contain;background:#050506}.inline-pdf{position:relative;width:100%;height:min(62vh,560px);min-height:350px;background:#e9e9e9}.inline-pdf iframe{width:100%;height:100%;border:0;background:#fff}.pdf-overlay-button{position:absolute;right:10px;bottom:10px;border:1px solid rgba(255,255,255,.42);border-radius:12px;padding:9px 12px;background:rgba(5,5,6,.82);backdrop-filter:blur(8px);color:#fff;font-weight:850}.attachment-open.compact{padding:8px 10px;white-space:nowrap}.preview-error b{color:#fff}.preview-error small{max-width:320px}.compact-feed .social-card{padding:16px}
@media(max-width:560px){.dashboard-feed{margin-top:22px;padding:0 8px}.social-card{border-radius:20px;padding:14px}.social-card>header{align-items:flex-start}.social-card>header>.inline-actions{justify-content:flex-end}.attachment-preview,.preview-loading,.preview-error{min-height:190px}.inline-pdf{height:440px;min-height:320px}.attachment-figure figcaption{align-items:flex-start}.attachment-open.compact{font-size:.75rem}.social-brand img{width:42px;height:42px}}

/* V2.0.1 — aperçu des documents directement dans les notifications */
.notification-feed{display:grid;gap:20px}.notification-social-card>.attachment-figure{margin:4px 0 16px}.notification-social-card .attachment-preview{min-height:320px}.notification-social-card .inline-pdf{height:min(70vh,680px);min-height:460px}.notification-message{margin-top:0!important}.notification-social-card .attachment-figure figcaption{display:none}@media(max-width:560px){.notification-social-card .attachment-preview{min-height:280px}.notification-social-card .inline-pdf{height:62vh;min-height:420px}}