@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900;1000&display=swap');
:root{
  --bg:#edf3f8;--bg2:#f9fcff;--panel:#ffffff;--panel2:#f7fafc;--text:#101828;--muted:#667085;--line:#d9e5ef;
  --primary:#073452;--primary2:#0f5f8e;--primary3:#eaf5ff;--accent:#12834a;--accent2:#e7f7ef;--danger:#b42318;--danger2:#fff1f0;--warning:#b54708;--gold:#a97110;--gold2:#fff8e8;
  --chat:#eaf4ef;--bubble-in:#ffffff;--bubble-out:#d9fdd3;--shadow:0 22px 70px rgba(9,45,76,.14);--shadow2:0 12px 36px rgba(9,45,76,.08);
  --r:26px;--rs:17px;--rail:88px;--side:380px;--right:340px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,rgba(15,95,142,.15),transparent 30%),radial-gradient(circle at 86% 4%,rgba(18,131,74,.10),transparent 26%),linear-gradient(135deg,var(--bg),var(--bg2));color:var(--text);font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.ltr{direction:ltr;text-align:left}.wrap{width:min(1200px,100%);margin:auto;padding:20px}.small{font-size:12px;color:var(--muted);line-height:1.65}.btn{border:0;border-radius:15px;height:46px;padding:0 16px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;white-space:nowrap;transition:.18s;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 12px 26px rgba(7,52,84,.24)}.btn.secondary{background:#fff;border:1px solid var(--line);color:var(--primary)}.btn.danger{background:var(--danger2);border:1px solid #ffd0ca;color:var(--danger)}.btn.success{background:var(--accent2);border:1px solid #b9e7ce;color:#0f6f40}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 11px;font-weight:900;font-size:12px;background:#eef2f7;color:#64748b}.tag.green{background:var(--accent2);color:#0f6f40}.tag.red{background:var(--danger2);color:var(--danger)}.tag.blue{background:var(--primary3);color:var(--primary2)}.tag.gold{background:var(--gold2);color:#735516}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:13px}.field label{font-weight:900;color:#344054;font-size:13px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:15px;outline:none;color:var(--text);transition:.18s}.field input,.field select{height:48px;padding:0 14px}.field textarea{min-height:102px;padding:12px 14px;resize:vertical;line-height:1.75}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary2);box-shadow:0 0 0 4px rgba(15,95,142,.12)}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow2)}.card h2,.card h3{margin:0 0 8px;color:var(--primary)}.card p{margin:0;color:var(--muted);line-height:1.85}.alert{padding:12px 14px;border-radius:15px;margin:12px 0;font-weight:800;line-height:1.6}.alert.error{background:var(--danger2);border:1px solid #ffd0ca;color:var(--danger)}.alert.ok{background:var(--accent2);border:1px solid #b9e7ce;color:#0f6f40}
/* Intro & Auth */
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.auth-box{width:min(1180px,100%);display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:stretch}.intro{position:relative;overflow:hidden;min-height:680px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(138deg,#062b46 0%,#0a4368 48%,#0d6d77 100%);color:#fff;border-radius:34px;padding:34px;box-shadow:var(--shadow);isolation:isolate}.intro:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.18),transparent 28%),radial-gradient(circle at 90% 20%,rgba(40,180,120,.25),transparent 25%),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:auto,auto,52px 52px,52px 52px;z-index:-2}.intro:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(255,255,255,.09);left:-160px;bottom:-220px;z-index:-1}.brand{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.brand img{width:66px;height:66px;border-radius:22px}.logo{width:66px;height:66px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;font-weight:1000;font-size:20px}.brand strong{font-size:20px}.brand span{color:rgba(255,255,255,.74);font-size:13px}.intro h1{font-size:52px;line-height:1.12;margin:20px 0 14px;letter-spacing:-1px}.intro p{font-size:18px;line-height:1.95;color:rgba(255,255,255,.82);margin:0;max-width:720px}.intro-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.intro .btn.secondary{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.24);backdrop-filter:blur(10px)}.intro-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.intro-feature{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.10);border-radius:18px;padding:13px;backdrop-filter:blur(10px)}.intro-feature b{display:block;font-size:18px}.intro-feature span{display:block;color:rgba(255,255,255,.76);font-size:12px;line-height:1.7;margin-top:4px}.auth-card{background:rgba(255,255,255,.92);border:1px solid rgba(217,229,239,.95);border-radius:34px;box-shadow:var(--shadow);padding:28px;min-height:680px;backdrop-filter:blur(15px)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.tab{height:48px;border:1px solid var(--line);background:#f8fafc;border-radius:15px;font-weight:900;color:var(--muted);cursor:pointer}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.form-title h2{margin:0;color:var(--primary);font-size:26px}.form-title p{margin:7px 0 18px;color:var(--muted);line-height:1.75}.avatar-preview{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px dashed #c5d4e4;border-radius:18px;padding:12px;margin-bottom:12px}.avatar-preview img{width:66px;height:66px;border-radius:20px;object-fit:cover}
/* WhatsApp-like official app */
.app{height:100vh;display:grid;grid-template-columns:var(--rail) var(--side) minmax(420px,1fr) var(--right);background:#fff;overflow:hidden}.rail{background:linear-gradient(180deg,var(--primary),#07273e);padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:12px}.rail .rail-logo{width:58px;height:58px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;margin-bottom:4px}.rail .rail-logo img{width:40px;height:40px}.rail a{width:56px;height:56px;border-radius:18px;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;font-weight:1000;border:1px solid rgba(255,255,255,.10);transition:.18s}.rail a svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rail a.active,.rail a:hover{background:#fff;color:var(--primary);box-shadow:0 12px 26px rgba(0,0,0,.12)}.sidebar{border-left:1px solid var(--line);background:#fbfdff;min-width:0;display:flex;flex-direction:column}.side-head{min-height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:14px}.side-head img{width:50px;height:50px;border-radius:17px;object-fit:cover;box-shadow:0 8px 20px rgba(7,52,84,.10)}.side-head strong{display:block;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.side-head span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.search{padding:12px;border-bottom:1px solid var(--line);background:#fbfdff}.search input{width:100%;height:43px;border:1px solid var(--line);border-radius:14px;padding:0 14px;background:#fff;outline:0}.channel-list{padding:10px;overflow:auto;flex:1}.section-label{padding:7px 12px 9px;font-size:12px;font-weight:900;color:var(--primary2)}.channel{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;border:1px solid transparent;border-radius:18px;padding:11px;margin-bottom:7px;cursor:pointer;transition:.15s}.channel.active,.channel:hover{background:#eef7ff;border-color:#c7e6ff}.ch-icon{width:46px;height:46px;border-radius:16px;background:#eef3f8;color:var(--primary);display:grid;place-items:center}.ch-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.channel strong{display:block;font-size:13px;color:#102033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel span{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.channel-dot{width:9px;height:9px;border-radius:50%;background:#cbd5e1}.channel.active .channel-dot{background:var(--accent)}.content{min-width:0;display:flex;flex-direction:column;background:linear-gradient(rgba(234,244,239,.88),rgba(234,244,239,.88)),repeating-linear-gradient(45deg,transparent 0 18px,rgba(7,52,84,.025) 18px 20px)}.chat-head{min-height:82px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:13px 22px;backdrop-filter:blur(14px)}.chat-head h2{margin:0;color:var(--primary);font-size:20px}.chat-head .small{display:block;margin-top:3px}.messages{flex:1;overflow:auto;padding:26px min(6vw,72px);display:flex;flex-direction:column;gap:12px}.msg{position:relative;max-width:min(680px,78%);padding:12px 15px 9px;border-radius:18px;background:var(--bubble-in);border:1px solid rgba(217,229,239,.78);box-shadow:0 3px 12px rgba(15,23,42,.05);line-height:1.8;align-self:flex-start}.msg.me{align-self:flex-end;background:var(--bubble-out);border-color:rgba(86,179,117,.25)}.msg strong{display:block;margin-bottom:3px;color:var(--primary);font-size:13px}.msg small{display:block;color:#64748b;font-size:11px;margin-top:6px;direction:ltr;text-align:left}.messages .card{align-self:center;max-width:480px;text-align:center}.composer{background:rgba(255,255,255,.96);border-top:1px solid var(--line);padding:14px 18px;backdrop-filter:blur(12px)}.compose-grid{display:grid;grid-template-columns:240px minmax(220px,1fr) auto;gap:10px;align-items:end}.compose-grid .field textarea{min-height:50px;max-height:140px}.compose-grid .btn.primary{height:50px}.right{border-right:1px solid var(--line);background:#fbfdff;padding:16px;overflow:auto}.profile-card{text-align:center}.profile-card img{width:92px;height:92px;border-radius:30px;object-fit:cover;box-shadow:0 12px 30px rgba(7,52,84,.15)}.profile-card h3{margin-top:12px}.line{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #edf2f7;color:#334155;font-size:13px}.line span{color:var(--muted)}.line strong{text-align:left;direction:ltr;word-break:break-word}
/* Admin */
.admin-full{min-height:100vh;background:#f4f8fc;display:grid;grid-template-columns:310px minmax(0,1fr);gap:0}.admin-aside{background:#fff;border-left:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh}.admin-brand{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.admin-logo{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary2));display:grid;place-items:center;color:#fff;font-weight:1000}.admin-brand strong{display:block;color:var(--primary);font-size:18px}.admin-brand span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.admin-menu{display:grid;gap:8px}.admin-menu a{height:48px;border-radius:16px;display:flex;align-items:center;padding:0 14px;background:#f8fafc;border:1px solid transparent;color:#344054;font-weight:900}.admin-menu a.active,.admin-menu a:hover{background:var(--primary);color:#fff}.admin-note{margin-top:auto;border:1px solid var(--line);background:#fbfdff;border-radius:20px;padding:16px}.admin-note strong{color:var(--primary)}.admin-note p{margin:7px 0 0;color:var(--muted);line-height:1.7;font-size:12px}.admin-main{padding:24px;overflow:auto}.admin-topbar,.admin-header{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border-radius:30px;padding:26px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;box-shadow:var(--shadow2)}.admin-topbar h1,.admin-header h1{margin:8px 0 5px;font-size:32px}.admin-topbar p,.admin-header p{margin:0;color:rgba(255,255,255,.80);line-height:1.8}.admin-topbar .btn.secondary,.admin-header .btn.secondary{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.25)}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow2)}.stat span{display:block;color:var(--muted);font-weight:900;font-size:13px}.stat strong{display:block;font-size:30px;color:var(--primary);margin-top:8px}.stat small{display:block;color:#0f6f40;margin-top:4px;font-weight:800}.admin-cards-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.admin-panel,.table-card{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow2);overflow:hidden}.admin-panel{padding:20px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2{margin:0;color:var(--primary)}.panel-head p{margin:5px 0 0;color:var(--muted);line-height:1.7;font-size:13px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-card{display:block;background:#f8fafc;border:1px solid var(--line);border-radius:20px;padding:16px;transition:.18s}.quick-card:hover{transform:translateY(-2px);background:#eef7ff}.quick-card b{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#fff;color:var(--primary);margin-bottom:10px}.quick-card strong{display:block;color:var(--primary)}.quick-card span{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:4px}.permission-list,.activity-list,.mini-users{display:grid;gap:10px}.permission-list div,.activity-row,.mini-user{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f8fafc;border:1px solid #edf2f7;border-radius:16px;padding:12px}.permission-list span,.activity-row span{color:var(--muted);font-size:12px}.permission-list strong,.activity-row strong{color:var(--primary);font-size:13px}.activity-row time{direction:ltr;color:#94a3b8;font-size:12px}.mini-user img{width:46px;height:46px;border-radius:15px;object-fit:cover}.mini-user div{flex:1}.mini-user strong{display:block;color:var(--primary)}.mini-user span{display:block;color:var(--muted);font-size:12px}.admin-page{min-height:100vh;background:#f4f8fc;padding:24px}.admin-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.admin-nav a{background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px 14px;font-weight:900;color:var(--primary)}.admin-nav a.active{background:var(--primary);color:#fff}.table-card{overflow:auto}table{width:100%;border-collapse:collapse;min-width:980px}th,td{padding:14px;border-bottom:1px solid #edf2f7;text-align:right;font-size:13px;vertical-align:middle}th{background:#f8fafc;color:var(--primary);font-weight:1000;position:sticky;top:0}td{color:#344054}.account-cell{display:flex;align-items:center;gap:12px}.account-cell img{width:52px;height:52px;border-radius:16px;object-fit:cover}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions .btn{height:36px;border-radius:12px;font-size:12px}.modal{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;place-items:center;padding:18px;z-index:99}.modal.show{display:grid}.modal-box{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.25);padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.close{border:0;background:#f1f5f9;border-radius:12px;width:40px;height:40px;font-weight:1000;cursor:pointer}
@media(max-width:1320px){:root{--side:340px;--right:300px}.app{grid-template-columns:82px 340px minmax(380px,1fr)}.right{display:none}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.auth-box{grid-template-columns:1fr}.intro,.auth-card{min-height:auto}.app{grid-template-columns:76px 320px minmax(0,1fr)}.compose-grid{grid-template-columns:1fr}.admin-full{grid-template-columns:1fr}.admin-aside{position:relative;height:auto}.admin-cards-2{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.auth-shell,.admin-page,.admin-main{padding:12px}.intro h1{font-size:34px}.intro-feature-grid,.grid2,.grid3,.grid4,.admin-stats-grid,.quick-grid{grid-template-columns:1fr}.app{grid-template-columns:1fr}.rail,.sidebar{display:none}.messages{padding:16px 10px}.msg{max-width:92%}.chat-head{padding:12px}.admin-topbar,.admin-header{flex-direction:column;align-items:flex-start;border-radius:22px}.auth-card,.intro{border-radius:24px;padding:22px}}

/* v24 — قفل القنوات الرسمية، دليل المستخدمين، مقدمة مختصرة */
.intro-only{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(19,102,151,.35),transparent 28%),linear-gradient(135deg,#041f34,#063d61 52%,#0b6a73);color:#fff;padding:24px}.intro-orbs:before,.intro-orbs:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.65}.intro-orbs:before{width:520px;height:520px;background:rgba(255,255,255,.08);right:-170px;top:-210px}.intro-orbs:after{width:460px;height:460px;background:rgba(18,131,74,.16);left:-160px;bottom:-180px}.intro-card-minimal{width:min(620px,92vw);min-height:520px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:44px;box-shadow:0 38px 120px rgba(0,0,0,.28);backdrop-filter:blur(22px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px;position:relative;z-index:1}.intro-main-logo{width:132px;height:132px;border-radius:36px;box-shadow:0 22px 70px rgba(0,0,0,.22);animation:introFloat 3.6s ease-in-out infinite}.intro-card-minimal h1{font-size:52px;margin:24px 0 8px;letter-spacing:-1px}.intro-card-minimal p{margin:0;color:rgba(255,255,255,.78);font-size:18px}.intro-loader{width:250px;height:9px;background:rgba(255,255,255,.14);border-radius:999px;margin:34px 0 24px;overflow:hidden}.intro-loader span{display:block;width:42%;height:100%;border-radius:999px;background:linear-gradient(90deg,#fff,#7dd3fc,#86efac);animation:loaderMove 2.2s ease-in-out infinite}.intro-actions.minimal{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.intro-only .btn.secondary{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.22)}@keyframes introFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes loaderMove{0%{transform:translateX(150%)}100%{transform:translateX(-260%)}}

.rail a.account-rail{padding:0;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:2px solid rgba(255,255,255,.22)}.rail a.account-rail img{width:100%;height:100%;object-fit:cover;border-radius:16px}.mini-badge{font-size:10.5px;font-weight:1000;border-radius:999px;padding:5px 8px;white-space:nowrap}.mini-badge.open{background:var(--accent2);color:#0f6f40}.mini-badge.locked{background:var(--danger2);color:var(--danger)}.channel.read-only .ch-icon{background:#f2f4f7;color:#667085}.channel.can-send .ch-icon{background:var(--accent2);color:#0f6f40}.section-label-groups{margin-top:8px;border-top:1px solid #e7eef6;padding-top:14px}.system-lock{align-self:center;max-width:540px;background:rgba(255,255,255,.94);border:1px solid #ffd0ca;color:var(--danger);border-radius:24px;padding:18px 20px;display:grid;grid-template-columns:48px 1fr;gap:10px;box-shadow:var(--shadow2)}.system-lock div{grid-row:span 2;width:48px;height:48px;border-radius:16px;background:var(--danger2);display:grid;place-items:center}.system-lock svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.system-lock strong{display:block;color:var(--danger)}.system-lock span{font-size:12px;color:#8a3b34;line-height:1.65}.composer-locked{background:#fff8f8}.send-action svg,.btn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.empty-chat{align-self:center;width:min(520px,95%)}.hint-card{background:linear-gradient(135deg,#fff,#f4fbff)}

.users-page{min-height:100vh;display:grid;grid-template-columns:320px 1fr;background:linear-gradient(135deg,#eef5fb,#fbfdff);font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif}.users-side{background:linear-gradient(180deg,var(--primary),#06273f);color:#fff;padding:22px;display:flex;flex-direction:column;gap:16px}.users-logo{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.14)}.users-logo img{width:58px;height:58px;border-radius:18px}.users-logo strong{display:block;font-size:18px}.users-logo span{display:block;font-size:12px;color:rgba(255,255,255,.72);margin-top:3px}.users-side .btn.secondary{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.18);width:100%}.users-side svg,.users-main svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.users-help{margin-top:auto;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.09);border-radius:24px;padding:18px;line-height:1.75}.users-help div{width:50px;height:50px;border-radius:16px;background:rgba(255,255,255,.12);display:grid;place-items:center;margin-bottom:12px}.users-help strong{display:block}.users-help p{margin:6px 0 0;color:rgba(255,255,255,.72);font-size:13px}.users-main{padding:28px;overflow:auto}.users-hero{min-height:190px;background:linear-gradient(135deg,#fff,#f4fbff);border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow2);padding:28px;display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.users-hero h1{margin:10px 0 6px;color:var(--primary);font-size:34px}.users-hero p{margin:0;color:var(--muted);line-height:1.8}.hero-stat{width:150px;height:120px;border-radius:28px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;display:grid;place-items:center;text-align:center;box-shadow:0 18px 45px rgba(7,52,84,.22)}.hero-stat strong{font-size:36px}.hero-stat span{font-size:12px;color:rgba(255,255,255,.76)}.directory-panel{background:#fff;border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow2);padding:22px}.selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.manager-result{margin-top:12px;border:1px solid #d8e7f2;border-radius:28px;background:linear-gradient(135deg,#fbfdff,#f5fbff);padding:18px}.manager-result.empty{text-align:center;color:var(--muted);padding:54px 20px}.manager-result.empty h3{margin:10px 0 6px;color:var(--primary)}.map-icon{width:66px;height:66px;border-radius:22px;background:var(--primary3);color:var(--primary2);display:grid;place-items:center;margin:auto}.manager-card-pro{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px}.manager-card-pro>img{width:112px;height:112px;border-radius:28px;object-fit:cover;box-shadow:0 14px 32px rgba(7,52,84,.13)}.manager-info h2{margin:10px 0 4px;color:var(--primary)}.manager-info p{margin:0 0 12px;color:var(--muted)}.mini-lines{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mini-lines span{background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;padding:8px 10px;font-size:12px;color:#344054}.direct-form{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px}.full{width:100%}

@media(max-width:1280px){.app{grid-template-columns:76px 340px minmax(360px,1fr)}.right{display:none}.rail a{width:52px;height:52px}.users-page{grid-template-columns:1fr}.users-side{position:relative}.users-help{margin-top:0}.users-main{padding:16px}}@media(max-width:820px){.app{grid-template-columns:1fr;height:auto;min-height:100vh}.rail{position:fixed;bottom:0;left:0;right:0;height:68px;z-index:50;flex-direction:row;justify-content:center;padding:8px}.rail .rail-logo{display:none}.rail a{width:48px;height:48px}.sidebar{height:auto}.content{min-height:calc(100vh - 68px)}.messages{padding:16px}.compose-grid{grid-template-columns:1fr!important}.selector-grid,.mini-lines{grid-template-columns:1fr}.users-hero{flex-direction:column;align-items:stretch}.hero-stat{width:100%}.manager-card-pro{grid-template-columns:1fr;text-align:center}.manager-card-pro>img{margin:auto}.intro-card-minimal{padding:28px;min-height:470px}.intro-card-minimal h1{font-size:38px}}

/* v25 — واجهة تواصل كاملة أكثر احترافية + صور بروفيل + مرفقات */
.app.app-pro{grid-template-columns:92px 392px minmax(520px,1fr) 360px;background:#f4f7fb}
.rail{box-shadow:12px 0 34px rgba(7,52,84,.12);z-index:3}
.sidebar{box-shadow:10px 0 34px rgba(15,45,78,.06);z-index:2}
.chat-head{box-shadow:0 8px 24px rgba(7,52,84,.05);z-index:1}.chat-head h2{font-weight:1000}.content{background:linear-gradient(rgba(231,242,236,.92),rgba(231,242,236,.92)),radial-gradient(circle at 10% 10%,rgba(15,95,142,.08),transparent 25%),radial-gradient(circle at 86% 18%,rgba(18,131,74,.08),transparent 22%)}
.messages{gap:13px;padding-top:24px}.msg{background:transparent!important;border:0!important;box-shadow:none!important;padding:0;max-width:min(780px,88%)}.msg.me{align-self:flex-end}.msg:not(.me){align-self:flex-start}.msg-row{display:flex;gap:10px;align-items:flex-start}.msg.me .msg-row{flex-direction:row-reverse}.msg-avatar{width:42px;height:42px;border-radius:15px;object-fit:cover;box-shadow:0 8px 22px rgba(7,52,84,.14);background:#fff;border:2px solid rgba(255,255,255,.9);flex:0 0 auto}.msg-bubble{background:var(--bubble-in);border:1px solid rgba(217,229,239,.75);border-radius:20px 20px 20px 6px;padding:11px 13px 9px;box-shadow:0 8px 22px rgba(15,45,78,.07);min-width:230px}.msg.me .msg-bubble{background:var(--bubble-out);border-color:rgba(18,131,74,.18);border-radius:20px 20px 6px 20px}.msg-author{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px}.msg-author strong{font-size:13.5px;color:var(--primary)}.msg-author span{font-size:10.5px;font-weight:900;color:#64748b;background:#f1f5f9;border-radius:999px;padding:3px 7px}.msg-text{line-height:1.85;color:#1f2937}.msg small{display:block;margin-top:8px;color:#64748b;text-align:left;direction:ltr;font-size:11px}.msg-link{direction:ltr;unicode-bidi:embed;display:inline-flex;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#075985;font-weight:900;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.attachments-grid{display:grid;gap:9px;margin-top:10px}.file-attachment{display:flex;align-items:center;gap:10px;min-width:min(360px,100%);padding:10px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid rgba(15,95,142,.16);transition:.18s}.file-attachment:hover,.image-attachment:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,45,78,.08)}.file-attachment b{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;display:grid;place-items:center;font-size:12px;font-weight:1000;direction:ltr;flex:0 0 auto}.file-attachment span{min-width:0;display:block}.file-attachment span strong{display:block;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#102033;font-size:13px}.file-attachment span small{display:block;margin:3px 0 0;color:#64748b;text-align:right;direction:rtl}.image-attachment{display:block;width:min(320px,100%);border:1px solid rgba(15,95,142,.16);background:rgba(255,255,255,.72);border-radius:18px;overflow:hidden}.image-attachment img{width:100%;max-height:280px;object-fit:contain;background:#f8fafc;display:block}.image-attachment span{display:block;padding:8px 10px;font-size:12px;font-weight:900;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-alert{align-self:center;width:min(560px,90%)}
.composer{padding:14px 18px 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);box-shadow:0 -10px 28px rgba(15,45,78,.05)}.compose-grid{display:grid;grid-template-columns:260px 1fr 340px;gap:12px;align-items:end}.message-field textarea{min-height:56px;max-height:150px;border-radius:18px}.composer-tools{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.file-picker{height:52px;min-width:0;border:1px dashed #b9cfe2;background:#f8fbff;color:var(--primary);border-radius:17px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;font-weight:1000;cursor:pointer;transition:.18s}.file-picker:hover{border-color:var(--primary2);background:#eef8ff}.file-picker svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.file-picker input{display:none}.file-picker.disabled{opacity:.55;cursor:not-allowed}.selected-files{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;min-height:0}.selected-files span{background:#eef2f7;border:1px solid #dbe5ef;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;color:#344054;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr}.send-action{height:52px;border-radius:17px}.right{background:#fbfdff}.right .profile-card{text-align:center}.right .profile-card img{width:92px;height:92px;border-radius:28px;object-fit:cover;box-shadow:0 16px 38px rgba(7,52,84,.16);margin-bottom:12px}.right .line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #edf2f7}.right .line span{color:#667085}.right .line strong{text-align:left;direction:ltr;color:#102033}.direct-file{margin-bottom:12px;width:100%;height:50px}.profile-card>img{object-fit:cover}
@media(max-width:1480px){.app.app-pro{grid-template-columns:82px 360px minmax(420px,1fr)}.right{display:none}.compose-grid{grid-template-columns:230px 1fr 300px}}
@media(max-width:1080px){.compose-grid{grid-template-columns:1fr}.composer-tools{grid-template-columns:1fr}.send-action{width:100%}.file-picker{justify-content:flex-start}.app.app-pro{grid-template-columns:76px 330px minmax(0,1fr)}}
@media(max-width:820px){.app.app-pro{display:block;padding-bottom:72px}.sidebar{display:block}.channel-list{max-height:35vh}.messages{padding:14px 10px}.msg{max-width:96%}.msg-avatar{width:36px;height:36px;border-radius:13px}.msg-bubble{min-width:0}.composer{position:sticky;bottom:68px}.file-attachment span strong{max-width:180px}}


/* V26 FINAL — مقدمة رسمية + واجهة هاتف واتسابية احترافية + أزرار غير مزعجة */
.intro-pro{min-height:100vh;position:relative;overflow:hidden;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 12%,rgba(15,138,95,.22),transparent 32%),radial-gradient(circle at 86% 18%,rgba(10,91,131,.24),transparent 30%),linear-gradient(135deg,#061d31,#082a44 45%,#f8fbff 45.2%,#eef5f8)}
.intro-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 82%)}
.intro-glow{position:absolute;border-radius:999px;filter:blur(15px);opacity:.72}.intro-glow.one{width:330px;height:330px;background:rgba(18,131,74,.25);right:9%;top:13%}.intro-glow.two{width:260px;height:260px;background:rgba(10,91,131,.24);left:10%;bottom:12%}
.intro-top-actions{position:absolute;top:24px;left:24px;right:24px;display:flex;gap:10px;justify-content:space-between;z-index:2}.intro-small-btn{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:10px 15px;text-decoration:none;font-weight:900;backdrop-filter:blur(12px);transition:.18s}.intro-small-btn.skip{background:#fff;color:#06324f;border-color:#fff}.intro-small-btn:hover{transform:translateY(-2px)}
.intro-official-card{position:relative;z-index:1;width:min(560px,100%);border:1px solid rgba(255,255,255,.46);background:rgba(255,255,255,.88);backdrop-filter:blur(26px);box-shadow:0 34px 90px rgba(6,29,49,.24);border-radius:42px;padding:42px 34px;text-align:center;color:#0f2233}.intro-logo-ring{width:132px;height:132px;margin:0 auto 18px;border-radius:38px;display:grid;place-items:center;background:linear-gradient(135deg,#fff,rgba(255,255,255,.7));box-shadow:0 22px 54px rgba(7,52,84,.18);border:1px solid rgba(216,229,239,.9)}.intro-logo-ring img{width:96px;height:96px}.intro-chip{display:inline-flex;border:1px solid #cfe7dc;background:#eefaf4;color:#0f7a50;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:1000}.intro-official-card h1{margin:16px 0 8px;color:#06324f;font-size:48px;letter-spacing:-1px}.intro-official-card p{margin:0 auto;max-width:430px;line-height:1.9;color:#526174;font-size:17px}.intro-actions-pro{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:20px 0 10px}.intro-official-card small{display:block;color:#64748b;line-height:1.7}.intro-wave{height:38px;display:flex;align-items:end;justify-content:center;gap:5px;margin:18px auto 4px}.intro-wave i{width:7px;border-radius:999px;background:linear-gradient(#0a5b83,#16a064);animation:introWave 1.1s ease-in-out infinite}.intro-wave i:nth-child(1){height:14px;animation-delay:.05s}.intro-wave i:nth-child(2){height:25px;animation-delay:.13s}.intro-wave i:nth-child(3){height:34px;animation-delay:.21s}.intro-wave i:nth-child(4){height:24px;animation-delay:.29s}.intro-wave i:nth-child(5){height:17px;animation-delay:.37s}@keyframes introWave{0%,100%{transform:scaleY(.55);opacity:.55}50%{transform:scaleY(1);opacity:1}}
.app.app-pro{max-width:1760px;margin:auto;border:1px solid rgba(202,216,229,.92);border-radius:0;background:#f7fafc}.rail{background:linear-gradient(180deg,#062d49,#07324f);border-radius:0}.rail a{position:relative}.rail svg,.mobile-bottom-nav svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rail-badge{position:absolute;top:3px;left:2px;min-width:18px;height:18px;border-radius:999px;background:#e02424;color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid #07324f}.side-head img,.account-rail img,.profile-card img{background:#fff}.channel{grid-template-columns:48px minmax(0,1fr) auto}.channel .ch-icon{box-shadow:0 8px 20px rgba(7,52,84,.08)}.channel.read-only .ch-icon{background:#f4f7fa;color:#738194}.channel.can-send .ch-icon{background:#e8f8ef;color:#12834a}.chat-head{min-height:80px;align-items:center}.messages{background-image:radial-gradient(circle at 24px 24px,rgba(7,52,84,.035) 2px,transparent 3px);background-size:46px 46px}.image-attachment.image-error{min-height:78px;display:grid;place-items:center;background:#fff1f0;color:#b42318}.image-attachment.image-error:before{content:'تعذر عرض الصورة — يمكن فتح الملف من الرابط';font-weight:900;padding:12px;text-align:center}.image-attachment.image-error img{display:none}.composer{border-top:1px solid #d9e6f0}.live-notify-toast{position:fixed;bottom:92px;left:50%;transform:translateX(-50%) translateY(18px);background:#062d49;color:#fff;border-radius:18px;padding:12px 18px;font-weight:900;box-shadow:0 18px 45px rgba(6,45,73,.24);opacity:0;pointer-events:none;transition:.22s;z-index:200}.live-notify-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.mobile-bottom-nav{display:none}.mobile-bottom-nav a{text-decoration:none;color:#667085;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:900}.mobile-bottom-nav a.active{color:#06324f}.mobile-bottom-nav a.active:after{content:'';position:absolute;bottom:5px;width:32px;height:3px;border-radius:999px;background:#06324f}.mobile-bottom-nav svg{width:22px;height:22px}.mobile-bottom-nav .nav-badge{position:absolute;top:7px;transform:translateX(-12px);min-width:18px;height:18px;border-radius:999px;background:#e02424;color:#fff;display:grid;place-items:center;font-size:10px;border:2px solid #fff}.admin-header,.users-hero{background:linear-gradient(135deg,#fff,#f8fbff)!important;border:1px solid #dce8f3!important}.notifications-wrap .notification-card{border-radius:24px;box-shadow:0 10px 28px rgba(15,45,78,.06)}
@media(max-width:820px){body{background:#eef5f8}.app.app-pro{height:100vh;overflow:hidden;display:flex;flex-direction:column;padding-bottom:76px}.rail{display:none!important}.sidebar{height:auto;max-height:42vh;overflow:auto;border-left:0;border-bottom:1px solid #dbe7f0;box-shadow:0 10px 26px rgba(15,45,78,.06)}.side-head{padding:12px 14px}.side-head img{width:42px;height:42px;border-radius:16px}.search{padding:10px 12px}.channel-list{max-height:30vh;padding:6px 10px}.channel{border-radius:18px;margin-bottom:5px;padding:9px;grid-template-columns:42px minmax(0,1fr) auto}.ch-icon{width:42px!important;height:42px!important;border-radius:15px!important}.channel span{font-size:11px}.mini-badge{font-size:10px;padding:4px 7px}.content{flex:1;min-height:0;display:flex}.chat-head{min-height:66px;padding:10px 14px;background:#fff}.chat-head h2{font-size:16px;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-head .small{font-size:11px;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-head .tag{display:none}.messages{flex:1;min-height:0;overflow:auto;padding:12px 10px 10px}.system-lock{border-radius:20px;padding:14px}.msg{max-width:100%}.msg-row{gap:7px}.msg-avatar{width:34px;height:34px;border-radius:12px}.msg-bubble{border-radius:18px 18px 18px 6px;padding:10px 12px;min-width:0;max-width:calc(100vw - 80px)}.msg.me .msg-bubble{border-radius:18px 18px 6px 18px}.msg-author span{display:none}.file-attachment{min-width:0}.file-attachment b{width:40px;height:40px;border-radius:13px}.image-attachment{width:min(280px,100%)}.composer{position:sticky;bottom:0;padding:10px;background:rgba(255,255,255,.98);z-index:12}.compose-grid{gap:8px}.composer .field label{display:none}.message-field textarea{min-height:48px;border-radius:18px;font-size:13px}.composer-tools{display:flex!important;gap:8px}.file-picker{width:52px;height:48px;min-width:52px;border-radius:17px;padding:0}.file-picker span{display:none}.send-action{width:54px;height:48px;border-radius:17px;padding:0;font-size:0}.send-action svg{width:22px;height:22px}.selected-files{position:absolute;bottom:68px;left:10px;right:10px;background:#fff;border-radius:16px;padding:6px;box-shadow:0 12px 28px rgba(15,45,78,.12)}.right{display:none!important}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:74px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid #dbe7f0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;z-index:100;box-shadow:0 -12px 28px rgba(15,45,78,.09);padding-bottom:max(4px,env(safe-area-inset-bottom))}.wrap,.users-page{padding-bottom:92px!important}.users-page{display:block}.users-side{position:relative;padding:14px}.users-main{padding:12px}.users-hero{border-radius:26px;padding:18px}.users-hero h1{font-size:24px}.directory-panel{border-radius:26px;padding:14px}.selector-grid{grid-template-columns:1fr}.manager-card-pro{border-radius:22px;grid-template-columns:78px 1fr;text-align:right}.manager-card-pro>img{width:78px;height:78px;border-radius:22px}.mini-lines{grid-template-columns:1fr}.intro-pro{padding:18px}.intro-top-actions{top:14px;left:14px;right:14px}.intro-official-card{border-radius:32px;padding:32px 22px}.intro-logo-ring{width:112px;height:112px;border-radius:32px}.intro-logo-ring img{width:82px;height:82px}.intro-official-card h1{font-size:38px}.intro-actions-pro .btn{width:100%}}

/* V27 final refinements */
.msg-avatar-link{display:block;flex:0 0 auto;text-decoration:none;border-radius:15px}.msg-avatar-link:hover .msg-avatar{outline:3px solid rgba(18,131,74,.18);transform:translateY(-1px)}.msg-author a{text-decoration:none;color:inherit}.msg-author a:hover strong{text-decoration:underline;text-underline-offset:3px}.composer{background:linear-gradient(180deg,rgba(255,255,255,.98),#fff)!important}.compose-grid{background:#ffffff;border:1px solid #dbe7f0;border-radius:24px;padding:12px;box-shadow:0 14px 36px rgba(15,45,78,.08)}.message-field textarea{border:1px solid #dbe7f0;background:#fbfdff;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);font-weight:700}.message-field textarea:focus{border-color:#0b6fae;box-shadow:0 0 0 4px rgba(11,111,174,.12);background:#fff}.send-action.sending{opacity:.82;cursor:wait}.send-action.sending:before{content:'';width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-left:7px}@keyframes spin{to{transform:rotate(360deg)}}
.bell-dropdown{position:fixed;right:88px;top:220px;width:min(360px,calc(100vw - 24px));background:#fff;border:1px solid #dbe7f0;border-radius:22px;box-shadow:0 24px 70px rgba(15,45,78,.24);padding:12px;z-index:300;display:none}.bell-dropdown.show{display:block}.bell-dropdown-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px 10px;border-bottom:1px solid #edf2f7}.bell-dropdown-head strong{color:#073452}.bell-dropdown-head a{color:#0b6fae;font-weight:900;text-decoration:none}.bell-item{display:block;text-decoration:none;color:#102033;border-radius:16px;padding:10px;margin-top:7px;background:#fbfdff;border:1px solid #edf2f7}.bell-item:hover{background:#eef8ff;border-color:#c8e5ff}.bell-item span{display:block;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bell-item small{display:block;color:#667085;margin-top:4px;direction:ltr;text-align:right}.profile-wrap-pro,.public-profile-wrap{max-width:1180px}.profile-layout-pro,.public-profile-grid{display:grid;grid-template-columns:360px 1fr;gap:16px;align-items:start}.profile-hero-pro,.public-profile-hero{border-radius:28px!important;margin-bottom:16px}.profile-summary-pro,.public-profile-card{text-align:center;border-radius:28px}.profile-summary-pro>img,.public-profile-card>img{width:124px;height:124px;border-radius:36px;object-fit:cover;box-shadow:0 20px 50px rgba(7,52,84,.16);background:#fff}.profile-summary-pro h2,.public-profile-card h2{margin:13px 0 3px;color:#073452}.profile-edit-pro,.public-profile-message{border-radius:28px}.profile-avatar-edit{background:#f8fbff;border:1px dashed #c9d8e6;border-radius:22px;padding:12px;margin:12px 0}.profile-avatar-edit img{width:84px;height:84px;border-radius:24px;object-fit:cover;background:#fff}.profile-org-box{border:1px solid #cdebd9;background:#effaf4;border-radius:18px;padding:12px;margin:12px 0;color:#0f6f40}.profile-org-box strong{display:block;margin-bottom:4px}.profile-org-box span{font-size:12px;line-height:1.7}.locked-note{margin-top:12px;border-radius:16px;padding:10px;background:#fff7ed;color:#92400e;font-size:12px;line-height:1.7}.profile-save-btn{min-width:190px}.public-profile-card .line strong{direction:rtl;text-align:left}.direct-profile-form textarea{min-height:118px}.notifications-pro .notifications-hero{border-radius:28px!important}.notif-filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.notif-filters a{text-decoration:none;border:1px solid #dbe7f0;background:#fff;border-radius:999px;padding:9px 13px;color:#334155;font-weight:900}.notif-filters a.active,.notif-filters a:hover{background:#073452;color:#fff;border-color:#073452}.notif-grid-pro{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.notification-card-pro{border-radius:24px!important;transition:.18s}.notification-card-pro:target{outline:4px solid rgba(18,131,74,.18);transform:translateY(-2px)}.notif-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.notif-card-head small{color:#667085;direction:ltr}.empty-notif{text-align:center;border-radius:24px}.actions{display:flex;gap:10px;flex-wrap:wrap}.profile-card .btn.secondary{width:100%;justify-content:center}.file-picker svg{fill:none!important;stroke:currentColor!important;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.profile-layout-pro,.public-profile-grid{grid-template-columns:1fr}.bell-dropdown{right:12px;top:auto;bottom:88px}.compose-grid{border-radius:22px;padding:8px}.profile-summary-pro>img,.public-profile-card>img{width:104px;height:104px;border-radius:30px}}
@media(max-width:820px){.compose-grid{background:transparent;border:0;box-shadow:none;padding:0}.bell-dropdown{position:fixed;left:10px;right:10px;width:auto}.profile-wrap-pro,.public-profile-wrap,.notifications-pro{padding-bottom:92px}.notif-grid-pro{grid-template-columns:1fr}.profile-avatar-edit{align-items:center}.profile-avatar-edit img{width:72px;height:72px;border-radius:22px}}

/* V28 final professional refinements */
.bell-dropdown-pro{position:fixed!important;right:104px!important;top:92px!important;width:min(430px,calc(100vw - 28px))!important;max-height:78vh;overflow:hidden;background:#fff!important;border:1px solid #d7e5f0!important;border-radius:28px!important;box-shadow:0 30px 90px rgba(6,45,73,.28)!important;padding:0!important;color:#102033!important;z-index:999!important;direction:rtl}.bell-dropdown-pro:before{content:'';position:absolute;right:-9px;top:30px;width:18px;height:18px;background:#fff;border-top:1px solid #d7e5f0;border-right:1px solid #d7e5f0;transform:rotate(45deg)}.bell-dropdown-pro .bell-dropdown-head{padding:18px 20px!important;background:linear-gradient(135deg,#f8fbff,#eef7ff)!important;border-bottom:1px solid #dbe7f0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}.bell-dropdown-pro .bell-dropdown-head strong{display:block;font-size:17px;color:#073452!important}.bell-dropdown-pro .bell-dropdown-head span{display:block;margin-top:3px;color:#667085;font-size:12px;font-weight:800}.bell-dropdown-pro .bell-dropdown-head a{height:36px;padding:0 13px;border-radius:999px;background:#073452;color:#fff!important;font-size:12px;font-weight:900;display:inline-flex;align-items:center}.bell-dropdown-list{padding:10px;max-height:calc(78vh - 78px);overflow:auto}.bell-item-pro{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:12px!important;border-radius:19px!important;background:#fff!important;border:1px solid #e5eef6!important;margin:0 0 8px!important;text-decoration:none!important;color:#102033!important;transition:.18s!important}.bell-item-pro:hover{transform:translateY(-1px);background:#f1f9ff!important;border-color:#c4e4ff!important}.bell-mini-icon{width:44px;height:44px;border-radius:16px;background:#eaf5ff;color:#0f5f8e;display:grid;place-items:center}.bell-mini-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bell-content{min-width:0}.bell-content b{display:block;color:#102033;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.bell-content em{display:block;color:#667085;font-style:normal;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.bell-content small{display:block;color:#8a97a7;font-size:11px;direction:ltr;text-align:right;margin-top:4px}.bell-item-pro>i{font-style:normal;font-weight:900;font-size:10.5px;border-radius:999px;padding:5px 8px;background:#eef2f7;color:#64748b}.bell-item-pro.type-urgent>i{background:#fff1f0;color:#b42318}.bell-item-pro.type-message>i{background:#eaf5ff;color:#0f5f8e}.bell-item-pro.type-media>i{background:#e7f7ef;color:#0f6f40}.bell-empty{padding:28px 16px;text-align:center;color:#667085}.bell-empty strong{display:block;color:#073452;margin-bottom:5px}

.composer-pro{padding:16px 18px!important;background:linear-gradient(180deg,rgba(255,255,255,.96),#fff)!important}.compose-grid-pro{display:grid!important;grid-template-columns:minmax(280px,360px) minmax(360px,1fr) auto!important;align-items:end!important;gap:12px!important;background:#fff!important;border:1px solid #dbe7f0!important;border-radius:28px!important;padding:14px!important;box-shadow:0 18px 48px rgba(15,45,78,.12)!important}.target-picker-pro{background:linear-gradient(135deg,#f8fbff,#ffffff);border:1px solid #e1ebf4;border-radius:22px;padding:12px;align-self:stretch}.target-picker-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.target-picker-title>span{width:42px;height:42px;border-radius:15px;background:#073452;color:#fff;display:grid;place-items:center;flex:0 0 auto}.target-picker-title svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2}.target-picker-title strong{display:block;color:#073452}.target-picker-title small{display:block;color:#667085;font-size:11px;margin-top:2px}.target-picker-grid{display:grid;grid-template-columns:1fr;gap:9px}.target-picker-grid .field{margin:0!important;display:flex;flex-direction:column}.target-picker-grid .field label{font-size:11px;color:#526174}.target-picker-grid select{height:42px;border-radius:14px;font-size:12px}.target-preview{margin-top:10px;border-radius:15px;background:#eef8ff;border:1px solid #cae8ff;color:#0b4f79;padding:9px 11px;font-weight:900;font-size:12px;line-height:1.5}.locked-target{margin:0;background:#f2fbf6;color:#0f6f40;border-color:#bfebd2}.message-field-pro{margin:0!important}.message-field-pro textarea{min-height:120px!important;max-height:240px!important;border-radius:22px!important;background:#fbfdff!important;font-size:14px!important;line-height:1.9!important;padding:16px 18px!important;resize:vertical!important}.message-field-pro label{font-size:12px!important;color:#073452!important}.composer-tools-pro{display:grid!important;grid-template-columns:150px minmax(0,1fr) 150px!important;gap:10px!important;align-items:end!important}.composer-tools-pro .file-picker{height:54px;border-radius:18px;background:#f8fbff;border:1px solid #dbe7f0;display:flex;align-items:center;justify-content:center;gap:8px;color:#073452;font-weight:900;padding:0 12px}.composer-tools-pro .file-picker svg{width:20px;height:20px}.composer-tools-pro .selected-files{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;display:flex;gap:6px;flex-wrap:wrap;min-height:54px;align-items:center;background:#f8fbff;border:1px dashed #cbd8e5;border-radius:18px;padding:8px;box-shadow:none!important}.composer-tools-pro .selected-files span{background:#fff;border:1px solid #e5edf5;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;color:#526174}.composer-tools-pro .send-action{height:54px;border-radius:18px}.send-action svg{width:20px;height:20px}

.seen-panel{margin-top:8px;border-top:1px solid rgba(15,45,78,.08);padding-top:7px}.seen-panel summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:rgba(255,255,255,.55);border:1px solid rgba(15,45,78,.10);padding:5px 9px;color:#526174;font-weight:900;font-size:11px}.seen-panel summary::-webkit-details-marker{display:none}.seen-panel summary svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}.seen-list{display:grid;gap:7px;margin-top:8px;background:rgba(255,255,255,.62);border:1px solid rgba(15,45,78,.08);border-radius:16px;padding:8px;max-height:220px;overflow:auto}.seen-user{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;text-decoration:none;color:#102033;border-radius:13px;padding:6px}.seen-user:hover{background:#eef8ff}.seen-user img{width:34px;height:34px;border-radius:12px;object-fit:cover}.seen-user b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seen-user small{display:block;color:#667085;font-size:10.5px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seen-empty{font-size:12px;color:#667085;padding:8px;text-align:center}

.notifications-pro .notifications-hero{background:linear-gradient(135deg,#073452,#0f5f8e)!important;color:#fff!important;border:0!important}.notifications-pro .notifications-hero h1,.notifications-pro .notifications-hero p{color:#fff!important}.notifications-pro .notifications-hero .tag{background:rgba(255,255,255,.14)!important;color:#fff!important}.notifications-pro .notifications-hero .btn{background:#fff!important;color:#073452!important}.notification-card-pro{border:1px solid #dbe7f0!important;box-shadow:0 16px 44px rgba(15,45,78,.08)!important}.notification-card-pro h3{line-height:1.5}.notification-card-pro p{font-size:13px}.notif-filters a{box-shadow:0 8px 20px rgba(15,45,78,.05)}

@media(max-width:1180px){.app{grid-template-columns:var(--rail) 330px minmax(360px,1fr)}.right{display:none}.compose-grid-pro{grid-template-columns:minmax(240px,320px) 1fr}.composer-tools-pro{grid-column:1 / -1}}
@media(max-width:820px){.app.app-pro{height:100dvh;display:flex!important;flex-direction:column!important;padding-bottom:78px!important}.bell-dropdown-pro{right:10px!important;left:10px!important;top:auto!important;bottom:86px!important;width:auto!important;max-height:70vh!important;border-radius:26px!important}.bell-dropdown-pro:before{display:none}.sidebar{flex:0 0 auto;max-height:34vh}.channel-list{max-height:22vh}.content{flex:1 1 auto;min-height:0}.messages{padding-bottom:12px!important}.composer-pro{position:sticky!important;bottom:0!important;padding:8px 9px!important;z-index:50}.compose-grid-pro{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;border-radius:24px!important;padding:8px!important;box-shadow:0 -10px 34px rgba(15,45,78,.11)!important}.target-picker-pro{grid-column:1 / -1;padding:10px;border-radius:20px}.target-picker-title{margin-bottom:7px}.target-picker-title>span{width:36px;height:36px;border-radius:14px}.target-picker-title small{display:none}.target-picker-grid{grid-template-columns:1fr 1fr;gap:7px}.target-picker-grid .field:first-child{grid-column:1 / -1}.target-preview{grid-column:1 / -1;font-size:11px;padding:7px 9px}.message-field-pro{grid-column:1 / 2}.message-field-pro textarea{min-height:52px!important;max-height:130px!important;border-radius:19px!important;padding:12px!important;font-size:13px!important}.message-field-pro label{display:none}.composer-tools-pro{grid-column:2 / 3!important;display:flex!important;gap:7px;align-items:end}.composer-tools-pro .file-picker{width:50px!important;height:50px!important;min-width:50px!important;border-radius:17px!important;padding:0!important}.composer-tools-pro .file-picker span{display:none}.composer-tools-pro .selected-files{position:fixed!important;bottom:142px!important;left:10px!important;right:10px!important;z-index:80;display:none}.composer-tools-pro .selected-files:not(:empty){display:flex}.composer-tools-pro .send-action{width:52px!important;height:50px!important;border-radius:17px!important;padding:0!important;font-size:0!important}.composer-tools-pro .send-action .send-label{display:none}.msg-bubble{max-width:calc(100vw - 72px)!important}.seen-panel summary{font-size:10.5px}.seen-list{max-height:160px}.mobile-bottom-nav{height:76px}.wrap.notifications-wrap{padding:12px 12px 92px!important}.notif-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.notif-filters a{flex:0 0 auto}.notification-card-pro{border-radius:22px!important}}

/* ===== V29 Final professional notifications and mobile polish ===== */
.bell-dropdown-v29{
  width:min(520px,calc(100vw - 32px))!important;
  right:96px!important;
  top:76px!important;
  border-radius:30px!important;
  overflow:hidden!important;
  box-shadow:0 36px 100px rgba(6,45,73,.30)!important;
}
.bell-head-v29{padding:18px 20px!important;background:linear-gradient(135deg,#073452,#0f5f8e)!important;color:#fff!important;border:0!important}
.bell-head-title-v29{display:flex;align-items:center;gap:12px;min-width:0}.bell-head-title-v29 strong{color:#fff!important;font-size:18px!important}.bell-head-title-v29 small{display:block;color:rgba(255,255,255,.78);font-size:12px;margin-top:3px}.bell-head-icon-v29{width:44px;height:44px;border-radius:17px;background:rgba(255,255,255,.13);display:grid;place-items:center;border:1px solid rgba(255,255,255,.18)}.bell-head-icon-v29 svg{width:22px;height:22px;stroke:#fff!important}.bell-view-all-v29{background:#fff!important;color:#073452!important;height:38px!important;min-width:86px!important;justify-content:center!important;text-decoration:none!important}.bell-quick-v29{display:flex;gap:8px;padding:12px 14px;background:#f8fbff;border-bottom:1px solid #e5eef6}.bell-quick-v29 a{flex:1;text-align:center;text-decoration:none;color:#0f5f8e;background:#fff;border:1px solid #dbe7f0;border-radius:14px;padding:9px 8px;font-size:12px;font-weight:900}.bell-quick-v29 a:hover{background:#eaf5ff;border-color:#bdddf4}.bell-list-v29{padding:12px!important;max-height:460px!important}.bell-item-v29{grid-template-columns:48px minmax(0,1fr) 72px!important;border-radius:20px!important;padding:13px!important;margin-bottom:10px!important}.bell-item-v29 .bell-content b{font-size:14px!important}.bell-item-v29 .bell-content em{font-size:12.5px!important;line-height:1.5}.bell-item-v29 .bell-mini-icon{width:48px;height:48px;border-radius:18px}.bell-foot-v29{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#f8fbff;border-top:1px solid #e5eef6}.bell-foot-v29 span{font-size:12px;color:#667085;font-weight:800}.bell-foot-v29 a{text-decoration:none;color:#073452;font-weight:900;font-size:12px}

.notifications-page-v29{min-height:100vh;background:linear-gradient(135deg,#eef5fb,#f9fbff);padding:18px 18px 92px;color:#102033;font-family:inherit}.notif-topbar-v29{max-width:1420px;margin:0 auto 16px;background:linear-gradient(135deg,#073452,#0f5f8e);border-radius:32px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#fff;box-shadow:0 22px 70px rgba(6,45,73,.20)}.notif-topbar-main-v29{display:flex;align-items:center;gap:14px;min-width:0}.notif-back-btn-v29{width:52px;height:52px;border-radius:18px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;font-size:38px;line-height:1;display:grid;place-items:center;cursor:pointer}.notif-back-btn-v29:hover{background:#fff;color:#073452}.notif-kicker-v29{display:inline-flex;border-radius:999px;background:rgba(255,255,255,.14);padding:7px 11px;font-size:12px;font-weight:900;margin-bottom:8px}.notif-topbar-v29 h1{margin:0;font-size:28px;color:#fff}.notif-topbar-v29 p{margin:8px 0 0;color:rgba(255,255,255,.82);line-height:1.8}.notif-top-actions-v29{display:flex;gap:10px;flex-wrap:wrap}.notif-action-v29{height:44px;padding:0 16px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;border:1px solid #dbe7f0;background:#fff;color:#073452}.notif-action-v29.primary{background:#fff;color:#073452;border-color:#fff}.notif-action-v29:hover{transform:translateY(-1px)}.notif-stats-v29{max-width:1420px;margin:0 auto 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.notif-stats-v29 article{background:#fff;border:1px solid #dbe7f0;border-radius:24px;padding:18px;box-shadow:0 14px 38px rgba(15,45,78,.07)}.notif-stats-v29 span{display:block;color:#667085;font-size:12px;font-weight:900}.notif-stats-v29 strong{display:block;margin:8px 0 3px;color:#073452;font-size:30px}.notif-stats-v29 small{color:#0f6f40;font-weight:800}.notif-filterbar-v29{max-width:1420px;margin:0 auto 16px;display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px}.notif-filterbar-v29 a{flex:0 0 auto;text-decoration:none;color:#344054;background:#fff;border:1px solid #dbe7f0;border-radius:999px;padding:10px 13px;display:flex;align-items:center;gap:8px;font-weight:900;box-shadow:0 8px 20px rgba(15,45,78,.04)}.notif-filterbar-v29 a b{min-width:22px;height:22px;border-radius:999px;background:#eef5fb;color:#0f5f8e;display:grid;place-items:center;font-size:11px}.notif-filterbar-v29 a.active{background:#073452;color:#fff;border-color:#073452}.notif-filterbar-v29 a.active b{background:rgba(255,255,255,.16);color:#fff}.notif-layout-v29{max-width:1420px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.notif-list-v29{display:grid;gap:12px}.notif-card-v29{background:#fff;border:1px solid #dbe7f0;border-radius:26px;padding:16px;display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;box-shadow:0 16px 44px rgba(15,45,78,.08);transition:.18s}.notif-card-v29:hover,.notif-card-v29:target{transform:translateY(-2px);box-shadow:0 24px 70px rgba(15,45,78,.13);border-color:#b9d8ee}.notif-card-v29.is-unread{border-color:#0f5f8e;background:linear-gradient(135deg,#fff,#f2faff)}.notif-icon-v29{width:56px;height:56px;border-radius:20px;background:#eaf5ff;color:#0f5f8e;display:grid;place-items:center;font-size:22px;font-weight:900}.notif-card-v29.type-urgent .notif-icon-v29{background:#fff1f0;color:#b42318}.notif-card-v29.type-secret .notif-icon-v29{background:#fff7e6;color:#a16600}.notif-card-v29.type-media .notif-icon-v29{background:#e7f7ef;color:#0f6f40}.notif-card-head-v29{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.notif-card-head-v29 time{direction:ltr;color:#8a97a7;font-size:12px;font-weight:800}.notif-type-v29,.notif-unread-v29{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;background:#eef5fb;color:#0f5f8e}.notif-unread-v29{background:#e7f7ef;color:#0f6f40;margin-inline-start:6px}.notif-content-v29 h2{margin:0 0 7px;color:#073452;font-size:18px;line-height:1.5}.notif-content-v29 p{margin:0;color:#475467;line-height:1.9;font-size:14px}.notif-content-v29 footer{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.notif-content-v29 footer span{background:#f8fbff;border:1px solid #e5eef6;border-radius:999px;padding:7px 10px;color:#667085;font-size:12px}.notif-content-v29 footer b{color:#073452}.notif-side-v29{display:grid;gap:12px;position:sticky;top:18px}.notif-side-card-v29,.notif-empty-v29{background:#fff;border:1px solid #dbe7f0;border-radius:26px;padding:18px;box-shadow:0 16px 44px rgba(15,45,78,.07)}.notif-side-card-v29 h3,.notif-empty-v29 h2{margin:0 0 8px;color:#073452}.notif-side-card-v29 p,.notif-empty-v29 p{margin:0;color:#667085;line-height:1.8}.notif-side-card-v29 a{display:flex;align-items:center;justify-content:space-between;margin-top:8px;text-decoration:none;color:#073452;font-weight:900;background:#f8fbff;border:1px solid #e5eef6;border-radius:16px;padding:11px 12px}.notif-empty-v29{text-align:center;padding:38px}.notif-empty-v29>div{font-size:38px;margin-bottom:8px}

@media(max-width:1100px){.notif-stats-v29{grid-template-columns:repeat(2,1fr)}.notif-layout-v29{grid-template-columns:1fr}.notif-side-v29{position:static;grid-template-columns:1fr 1fr}.bell-dropdown-v29{right:84px!important}}
@media(max-width:820px){.notifications-page-v29{padding:10px 10px 96px}.notif-topbar-v29{border-radius:26px;padding:16px;align-items:flex-start;flex-direction:column}.notif-topbar-main-v29{align-items:flex-start}.notif-back-btn-v29{width:46px;height:46px;border-radius:16px;font-size:32px}.notif-topbar-v29 h1{font-size:22px}.notif-topbar-v29 p{font-size:13px}.notif-top-actions-v29{width:100%}.notif-action-v29{flex:1}.notif-stats-v29{grid-template-columns:repeat(2,1fr);gap:8px}.notif-stats-v29 article{border-radius:20px;padding:14px}.notif-stats-v29 strong{font-size:24px}.notif-filterbar-v29{margin-bottom:10px}.notif-card-v29{grid-template-columns:46px minmax(0,1fr);gap:10px;border-radius:22px;padding:12px}.notif-icon-v29{width:46px;height:46px;border-radius:16px}.notif-content-v29 h2{font-size:15px}.notif-content-v29 p{font-size:13px}.notif-card-head-v29{align-items:flex-start;flex-direction:column}.notif-side-v29{grid-template-columns:1fr}.bell-dropdown-v29{left:10px!important;right:10px!important;top:auto!important;bottom:88px!important;width:auto!important;max-height:74vh}.bell-dropdown-v29:before{display:none!important}.bell-list-v29{max-height:48vh!important}.bell-item-v29{grid-template-columns:44px minmax(0,1fr)!important}.bell-item-v29>i{grid-column:2;justify-self:start;margin-top:4px}.bell-foot-v29{align-items:flex-start;flex-direction:column}}

/* ===== V35 final attachments and links polish ===== */
.file-rules{display:block;margin-top:7px;color:#667085;font-size:11.5px;line-height:1.7}
.selected-files{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.selected-file-chip{display:inline-grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;max-width:310px;background:#fff;border:1px solid #dbe7f0;border-radius:14px;padding:7px 9px;box-shadow:0 7px 18px rgba(15,45,78,.05);font-size:12px;color:#344054}
.selected-file-chip b{min-width:34px;height:24px;border-radius:8px;background:#eaf5ff;color:#0f5f8e;display:grid;place-items:center;font-size:10px;font-weight:900}
.selected-file-chip em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800}
.selected-file-chip small{color:#667085;direction:ltr;white-space:nowrap}
.msg-link{display:inline-flex;max-width:100%;align-items:center;gap:6px;border-radius:12px;background:#eef8ff;border:1px solid #cce8ff;color:#075985!important;text-decoration:none!important;padding:3px 8px;font-weight:800;direction:ltr;word-break:break-all}
.msg-link:before{content:'↗';font-weight:900;color:#0f5f8e}
.file-attachment{transition:.18s}.file-attachment:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,45,78,.10)}
.image-attachment img{object-fit:contain;max-height:300px;width:100%;border-radius:16px;background:#f8fafc}
.send-action.sending{opacity:.75;cursor:wait}
@media(max-width:820px){.file-rules{display:none}.selected-file-chip{max-width:calc(100vw - 28px);grid-template-columns:auto minmax(0,1fr);}.selected-file-chip small{grid-column:2}.msg-link{font-size:12px;padding:3px 7px}.image-attachment img{max-height:220px}}

.image-attachment span{direction:rtl}.file-rules{line-height:1.6}.selected-file-chip small{direction:ltr}

/* ===== V37: full desktop interface + professional mobile + robust attachments ===== */
.app.app-pro{
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  min-height:100vh!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  grid-template-columns:88px minmax(330px,24vw) minmax(520px,1fr) minmax(300px,22vw)!important;
  background:#fff!important;
}
.app.app-pro .content{min-width:0!important;position:relative!important}
.app.app-pro .right{display:block;min-width:0!important}
.app.app-pro .sidebar{min-width:0!important}
.app.app-pro .messages{padding:24px clamp(22px,4vw,64px)!important}
.msg{max-width:min(760px,82%)!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.msg-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:start}
.msg.me .msg-row{grid-template-columns:minmax(0,1fr) 42px}.msg.me .msg-avatar-link{grid-column:2}.msg.me .msg-bubble{grid-column:1;grid-row:1;justify-self:end;background:#dcf8d9!important;border-color:#bfeac1!important;border-radius:22px 22px 7px 22px!important}.msg-avatar{width:42px!important;height:42px!important;border-radius:15px!important;object-fit:cover!important;box-shadow:0 8px 22px rgba(7,52,84,.12)}
.msg-bubble{max-width:100%;background:#fff;border:1px solid rgba(217,229,239,.92);box-shadow:0 8px 22px rgba(15,45,78,.07);border-radius:22px 22px 22px 7px;padding:12px 14px 9px;line-height:1.8;word-break:break-word}
.msg-author{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.msg-author a strong{margin:0}.msg-author span{font-size:11px;color:#667085;background:#f4f7fb;border:1px solid #e5eef6;border-radius:999px;padding:3px 7px}.msg-text{font-size:14px;color:#102033}.attachments-grid{display:grid;gap:8px;margin-top:9px}.image-attachment-v37{display:grid!important;gap:7px;background:#f8fbff!important;border:1px solid #dbe7f0!important;border-radius:20px!important;padding:8px!important;max-width:420px!important;text-decoration:none!important;color:#073452!important}.image-attachment-v37 img{display:block;width:100%!important;max-height:340px!important;border-radius:16px!important;object-fit:contain!important;background:#eef3f8!important}.image-attachment-v37 span{font-size:12px;font-weight:900;color:#0f5f8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-attachment-v37{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;max-width:420px;background:#fff!important;border:1px solid #dbe7f0!important;border-radius:20px!important;padding:10px!important;text-decoration:none!important;color:#102033!important;box-shadow:0 8px 22px rgba(15,45,78,.06)}.file-attachment-v37 b{width:54px!important;height:54px!important;border-radius:17px!important;background:#eaf5ff!important;color:#0f5f8e!important;display:grid!important;place-items:center!important;font-size:13px!important;font-weight:1000!important}.file-attachment-v37 strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important;color:#073452!important}.file-attachment-v37 small{display:block;color:#667085!important;font-size:11px!important;margin-top:4px!important;direction:rtl!important;text-align:right!important}.file-attachment-v37:hover,.image-attachment-v37:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(15,45,78,.11)!important}.image-attachment.image-error{border-color:#ffd0ca!important;background:#fff7f6!important;color:#b42318!important}.image-attachment.image-error:before{content:'تعذر عرض المعاينة، اضغط لتحميل الصورة الأصلية';font-weight:900;padding:12px;text-align:center}.image-attachment.image-error img{display:none!important}
.composer-pro{padding:14px 18px!important;background:rgba(255,255,255,.97)!important}.compose-grid-pro{grid-template-columns:minmax(280px,350px) minmax(420px,1fr) minmax(260px,330px)!important;align-items:stretch!important}.message-field-pro textarea{min-height:112px!important;max-height:250px!important}.composer-tools-pro{grid-template-columns:1fr!important;align-content:space-between!important}.composer-tools-pro .file-picker{width:100%!important}.composer-tools-pro .send-action{width:100%!important}.composer-tools-pro .selected-files{min-height:46px!important;max-height:92px;overflow:auto!important}.selected-file-chip{max-width:100%!important;width:100%}.target-picker-pro{height:100%}.target-picker-grid select,.target-picker-grid input{font-size:12.5px!important}

@media(max-width:1420px){.app.app-pro{grid-template-columns:84px minmax(300px,350px) minmax(460px,1fr) minmax(260px,300px)!important}.compose-grid-pro{grid-template-columns:minmax(250px,320px) minmax(360px,1fr)!important}.composer-tools-pro{grid-column:1 / -1!important;grid-template-columns:180px minmax(0,1fr) 180px!important;display:grid!important}.composer-tools-pro .file-picker,.composer-tools-pro .send-action{width:auto!important}.right .hint-card{display:none}}
@media(max-width:1180px){.app.app-pro{grid-template-columns:84px 320px minmax(420px,1fr)!important}.app.app-pro .right{display:none!important}.compose-grid-pro{grid-template-columns:minmax(230px,300px) minmax(360px,1fr)!important}.composer-tools-pro{grid-column:1 / -1!important}}
@media(max-width:820px){
  .app.app-pro{width:100%!important;height:100dvh!important;min-height:100dvh!important;display:flex!important;flex-direction:column!important;padding-bottom:76px!important;overflow:hidden!important;background:#eef5f8!important}
  .rail{display:none!important}.right{display:none!important}
  .sidebar{display:flex!important;flex:0 0 auto!important;max-height:31vh!important;border:0!important;border-bottom:1px solid #dbe7f0!important;border-radius:0 0 22px 22px!important;background:#fff!important;box-shadow:0 10px 26px rgba(15,45,78,.06)!important}.side-head{min-height:62px!important;padding:10px 12px!important}.side-head img{width:40px!important;height:40px!important;border-radius:14px!important}.side-head strong{font-size:13px!important}.side-head span{font-size:10.5px!important}.search{padding:8px 10px!important}.search input{height:38px!important;border-radius:14px!important}.channel-list{padding:6px 8px!important;max-height:18vh!important}.section-label{font-size:10.5px!important;padding:4px 10px!important}.channel{grid-template-columns:38px minmax(0,1fr) auto!important;padding:8px!important;border-radius:16px!important;margin-bottom:4px!important}.ch-icon{width:38px!important;height:38px!important;border-radius:14px!important}.channel strong{font-size:12px!important}.channel span{font-size:10.5px!important}.mini-badge{font-size:9.5px!important;padding:3px 6px!important}
  .content{flex:1 1 auto!important;min-height:0!important;display:flex!important}.chat-head{min-height:60px!important;padding:9px 12px!important}.chat-head h2{font-size:15px!important;max-width:66vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-head .small{display:none!important}.chat-head .tag{display:none!important}.messages{flex:1!important;min-height:0!important;overflow:auto!important;padding:11px 9px 10px!important;gap:9px!important}.msg{max-width:100%!important}.msg-row{grid-template-columns:34px minmax(0,1fr)!important;gap:7px!important}.msg.me .msg-row{grid-template-columns:minmax(0,1fr) 34px!important}.msg-avatar{width:34px!important;height:34px!important;border-radius:12px!important}.msg-bubble{padding:9px 11px!important;border-radius:18px 18px 18px 6px!important;max-width:calc(100vw - 64px)!important}.msg.me .msg-bubble{border-radius:18px 18px 6px 18px!important}.msg-author span{display:none!important}.msg-text{font-size:13px!important}.image-attachment-v37{max-width:min(292px,100%)!important;border-radius:18px!important}.image-attachment-v37 img{max-height:260px!important;border-radius:14px!important}.file-attachment-v37{grid-template-columns:44px minmax(0,1fr)!important;max-width:min(292px,100%)!important;border-radius:18px!important;padding:8px!important}.file-attachment-v37 b{width:44px!important;height:44px!important;border-radius:14px!important;font-size:11px!important}
  .composer-pro{position:sticky!important;bottom:0!important;padding:7px 8px!important;z-index:55!important}.compose-grid-pro{display:grid!important;grid-template-columns:1fr auto!important;gap:7px!important;border-radius:23px!important;padding:8px!important;box-shadow:0 -10px 34px rgba(15,45,78,.12)!important}.target-picker-pro{grid-column:1 / -1!important;padding:8px!important;border-radius:18px!important}.target-picker-title{margin-bottom:6px!important}.target-picker-title>span{width:34px!important;height:34px!important;border-radius:13px!important}.target-picker-title strong{font-size:12px!important}.target-picker-title small{display:none!important}.target-picker-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}.target-picker-grid .field:first-child{grid-column:1 / -1!important}.target-picker-grid .field label{font-size:10px!important}.target-picker-grid select{height:38px!important;font-size:11.5px!important}.target-preview{font-size:10.5px!important;padding:7px 8px!important;margin-top:7px!important}.message-field-pro{grid-column:1 / 2!important}.message-field-pro textarea{min-height:50px!important;max-height:118px!important;border-radius:18px!important;padding:11px!important;font-size:13px!important}.message-field-pro label{display:none!important}.composer-tools-pro{grid-column:2 / 3!important;display:flex!important;align-items:end!important;gap:6px!important}.composer-tools-pro .file-picker{width:48px!important;height:48px!important;min-width:48px!important;border-radius:16px!important;padding:0!important}.composer-tools-pro .file-picker span{display:none!important}.composer-tools-pro .send-action{width:50px!important;height:48px!important;border-radius:16px!important;padding:0!important;font-size:0!important}.composer-tools-pro .send-label{display:none!important}.composer-tools-pro .selected-files{position:fixed!important;left:9px!important;right:9px!important;bottom:139px!important;z-index:88!important;display:none!important;min-height:0!important;max-height:120px!important;background:#fff!important;border-radius:18px!important;box-shadow:0 14px 34px rgba(15,45,78,.14)!important}.composer-tools-pro .selected-files:not(:empty){display:flex!important}.file-rules{display:none!important}.mobile-bottom-nav{height:74px!important;display:grid!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(16px)!important;border-top:1px solid #dbe7f0!important;box-shadow:0 -12px 28px rgba(15,45,78,.10)!important}.mobile-bottom-nav a{font-size:10.5px!important}.mobile-bottom-nav svg{width:21px!important;height:21px!important}
}

/* ===== V38: professional bell dropdown, back button and cleaner mobile pages ===== */
.global-back-pro{
  position:fixed;top:18px;left:18px;z-index:1200;height:46px;min-width:112px;border:1px solid rgba(7,52,82,.10);
  border-radius:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);box-shadow:0 14px 38px rgba(7,52,84,.13);
  color:#073452;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:1000;letter-spacing:.1px;
}
.global-back-pro span{width:28px;height:28px;border-radius:11px;display:grid;place-items:center;background:#eaf5ff;color:#0f5f8e;font-size:28px;line-height:1;padding-bottom:3px}.global-back-pro b{font-size:13px}.global-back-pro:hover{transform:translateY(-1px);box-shadow:0 20px 48px rgba(7,52,84,.18)}

.bell-dropdown-pro.bell-dropdown-v29{
  position:fixed!important;right:108px!important;top:72px!important;width:min(560px,calc(100vw - 34px))!important;
  background:rgba(255,255,255,.98)!important;border:1px solid rgba(213,226,239,.92)!important;border-radius:32px!important;
  box-shadow:0 36px 95px rgba(6,35,58,.30),0 8px 24px rgba(15,45,78,.08)!important;overflow:hidden!important;
  backdrop-filter:blur(18px)!important;transform:translateY(10px) scale(.985);opacity:0;pointer-events:none;transition:.18s ease!important;
}
.bell-dropdown-pro.bell-dropdown-v29.show{transform:none;opacity:1;pointer-events:auto}
.bell-dropdown-pro.bell-dropdown-v29:before{content:"";position:absolute;right:24px;top:-8px;width:16px;height:16px;background:#073452;transform:rotate(45deg);border-radius:3px}
.bell-head-v29{position:relative;padding:20px 22px!important;background:linear-gradient(135deg,#052b45 0%,#073452 46%,#0f6f75 100%)!important;color:#fff!important;border:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
.bell-head-title-v29 strong{font-size:19px!important;font-weight:1000!important;letter-spacing:.1px}.bell-head-title-v29 small{font-size:12.5px!important;color:rgba(255,255,255,.82)!important}.bell-head-icon-v29{width:48px!important;height:48px!important;border-radius:19px!important;background:rgba(255,255,255,.15)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important}.bell-head-actions-v38{display:flex;align-items:center;gap:8px;flex:0 0 auto}.bell-close-v38{width:38px;height:38px;border:1px solid rgba(255,255,255,.20);border-radius:14px;background:rgba(255,255,255,.12);color:#fff;font-size:25px;line-height:1;display:grid;place-items:center}.bell-close-v38:hover{background:#fff;color:#073452}.bell-view-all-v29{height:38px!important;padding:0 14px!important;border-radius:14px!important;font-size:12.5px!important;font-weight:1000!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 18px rgba(0,0,0,.08)!important}
.bell-summary-v38{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;background:linear-gradient(135deg,#f8fbff,#eef8ff);border-bottom:1px solid #e5eef6}.bell-summary-v38 b{display:block;color:#073452;font-size:14px;font-weight:1000}.bell-summary-v38 span{display:block;color:#667085;font-size:12px;margin-top:3px;line-height:1.5}.bell-summary-v38 strong{width:44px;height:44px;border-radius:16px;background:#e7f7ef;color:#0f6f40;display:grid;place-items:center;font-size:18px;box-shadow:0 8px 20px rgba(15,111,64,.11)}
.bell-quick-v38{grid-template-columns:repeat(4,1fr);display:grid!important;background:#fff!important;padding:12px!important;gap:8px!important}.bell-quick-v38 a{border-radius:16px!important;padding:10px 6px!important;background:#f8fbff!important;border:1px solid #e1ebf5!important;color:#073452!important}.bell-quick-v38 a:hover{background:#eaf5ff!important;color:#0f5f8e!important;transform:translateY(-1px)}
.bell-list-v29{padding:12px 14px!important;max-height:430px!important;overflow:auto!important;background:#fff!important}.bell-list-v29::-webkit-scrollbar{width:7px}.bell-list-v29::-webkit-scrollbar-thumb{background:#c9d9e8;border-radius:999px}.bell-item-v29{position:relative;display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;border:1px solid #e5eef6!important;background:#fbfdff!important;border-radius:22px!important;padding:12px!important;margin-bottom:10px!important;color:#102033!important;text-decoration:none!important;box-shadow:0 8px 22px rgba(15,45,78,.05)!important}.bell-item-v29:hover{border-color:#b9d8ee!important;background:#f3faff!important;transform:translateY(-1px)!important;box-shadow:0 16px 36px rgba(15,45,78,.10)!important}.bell-item-v29:after{content:'فتح';font-size:10.5px;font-weight:1000;color:#0f5f8e;background:#eaf5ff;border-radius:999px;padding:4px 8px;position:absolute;left:12px;bottom:9px}.bell-mini-icon{width:52px!important;height:52px!important;border-radius:19px!important;background:linear-gradient(135deg,#eaf5ff,#f8fbff)!important;color:#0f5f8e!important;display:grid!important;place-items:center!important}.bell-mini-icon svg{width:22px!important;height:22px!important}.bell-content{min-width:0;display:block}.bell-content b{display:block;color:#073452!important;font-size:14.5px!important;font-weight:1000!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bell-content em{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#475467!important;font-style:normal!important;font-size:12.8px!important;line-height:1.65!important;margin-top:3px}.bell-content small{display:block;color:#8a97a7!important;font-size:11px!important;margin-top:4px;direction:ltr;text-align:right}.bell-item-v29>i{align-self:start;border-radius:999px;padding:6px 9px!important;background:#eef8ff!important;color:#0f5f8e!important;font-style:normal!important;font-weight:1000!important;font-size:11px!important;white-space:nowrap}.bell-item-v29.type-urgent>i{background:#fff1f0!important;color:#b42318!important}.bell-item-v29.type-media>i{background:#e7f7ef!important;color:#0f6f40!important}.bell-foot-v29{padding:13px 18px!important;background:#f8fbff!important;border-top:1px solid #e5eef6!important}.bell-foot-v29 a{background:#fff!important;border:1px solid #dbe7f0!important;border-radius:13px!important;padding:8px 12px!important;color:#073452!important}.bell-empty{display:grid;gap:4px;text-align:center;padding:26px 14px;color:#667085}.bell-empty strong{color:#073452;font-size:16px}.bell-empty span{font-size:13px;line-height:1.7}

.notifications-page-v29{background:radial-gradient(circle at 12% 0,rgba(15,95,142,.14),transparent 28%),linear-gradient(135deg,#edf5fb,#fbfdff)!important}.notif-topbar-v29{box-shadow:0 26px 76px rgba(6,45,73,.22)!important;overflow:hidden!important;position:relative}.notif-topbar-v29:after{content:"";position:absolute;inset:auto -80px -120px auto;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.09)}.notif-back-btn-v29{font-size:0!important;gap:7px;width:auto!important;min-width:112px;padding:0 14px!important}.notif-back-btn-v29:before{content:'‹';font-size:34px;line-height:1;margin-top:-3px}.notif-back-btn-v29:after{content:'رجوع';font-size:13px;font-weight:1000}.notif-action-v29{box-shadow:0 10px 24px rgba(15,45,78,.06)}.notif-filterbar-v29{background:rgba(255,255,255,.70);border:1px solid rgba(219,231,240,.9);border-radius:24px;padding:10px!important;box-shadow:0 12px 32px rgba(15,45,78,.05)}.notif-card-v29{border-radius:28px!important}.notif-card-v29:target{outline:4px solid rgba(15,95,142,.12)}

@media(max-width:820px){
  .global-back-pro{top:10px;left:10px;height:42px;min-width:96px;border-radius:16px}.global-back-pro b{font-size:12px}.global-back-pro span{width:25px;height:25px;border-radius:10px;font-size:25px}
  .bell-dropdown-pro.bell-dropdown-v29{left:10px!important;right:10px!important;top:auto!important;bottom:86px!important;width:auto!important;border-radius:26px!important;max-height:76vh!important;box-shadow:0 -18px 60px rgba(6,35,58,.25)!important}.bell-dropdown-pro.bell-dropdown-v29:before{display:none!important}.bell-head-v29{padding:16px!important}.bell-head-title-v29 strong{font-size:16px!important}.bell-head-title-v29 small{font-size:11.5px!important}.bell-head-icon-v29{width:42px!important;height:42px!important;border-radius:16px!important}.bell-head-actions-v38 .bell-view-all-v29{height:34px!important;min-width:74px!important;padding:0 10px!important}.bell-close-v38{width:34px;height:34px;border-radius:13px}.bell-summary-v38{padding:12px 14px}.bell-summary-v38 strong{width:38px;height:38px;border-radius:14px;font-size:15px}.bell-quick-v38{grid-template-columns:repeat(4,1fr)!important;padding:9px!important;gap:6px!important}.bell-quick-v38 a{font-size:11px!important;padding:8px 4px!important}.bell-list-v29{max-height:42vh!important;padding:10px!important}.bell-item-v29{grid-template-columns:44px minmax(0,1fr)!important;border-radius:18px!important;padding:10px!important}.bell-mini-icon{width:44px!important;height:44px!important;border-radius:16px!important}.bell-item-v29>i{grid-column:2;justify-self:start;font-size:10px!important;padding:5px 7px!important}.bell-item-v29:after{display:none}.bell-content b{font-size:13px!important}.bell-content em{font-size:11.8px!important}.bell-foot-v29{align-items:stretch!important;flex-direction:column!important;padding:11px 14px!important}.notif-filterbar-v29{border-radius:20px;padding:8px!important}.notif-back-btn-v29{min-width:94px!important;height:42px!important;border-radius:15px!important}.notif-topbar-v29{padding-top:58px!important}.notif-topbar-main-v29{width:100%}.notif-topbar-main-v29 .notif-back-btn-v29{position:absolute;top:12px;right:12px;z-index:2}.notifications-page-v29 .mobile-bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important}
}

/* ===== V39: stronger attachment picker and mobile upload UX ===== */
.file-picker{position:relative!important;overflow:hidden!important;user-select:none!important}
.file-picker input[type="file"]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;display:block!important;cursor:pointer!important;z-index:4!important}
.file-picker.disabled input[type="file"]{cursor:not-allowed!important}
.file-rules{display:block!important;line-height:1.6!important;color:#64748b!important;background:#f8fbff!important;border:1px solid #e4edf6!important;border-radius:14px!important;padding:8px 10px!important}
.upload-status-note{display:flex;align-items:center;gap:8px;margin-top:8px;padding:9px 10px;border-radius:14px;background:#eef8ff;border:1px solid #c8e5ff;color:#073452;font-weight:900;font-size:12px}
@media(max-width:820px){
  .file-picker input[type="file"]{display:block!important}
  .file-rules{display:none!important}
}

/* ===== V40: premium notification center dropdown ===== */
.bell-scrim-v40{
  position:fixed;inset:0;z-index:1490;background:rgba(6,35,58,.18);
  backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .18s ease;
}
.bell-scrim-v40.show{opacity:1;pointer-events:auto}
.bell-dropdown-v40{
  position:fixed!important;z-index:1500!important;right:92px!important;top:22px!important;
  width:min(450px,calc(100vw - 126px))!important;max-height:calc(100vh - 44px)!important;
  border-radius:30px!important;overflow:hidden!important;background:#fff!important;
  border:1px solid rgba(217,230,242,.96)!important;
  box-shadow:0 30px 90px rgba(7,35,58,.34),0 8px 24px rgba(7,35,58,.12)!important;
  transform:translateX(12px) scale(.985)!important;opacity:0!important;pointer-events:none!important;
  transition:opacity .18s ease, transform .18s ease!important;
}
.bell-dropdown-v40.show{opacity:1!important;pointer-events:auto!important;transform:none!important}
.bell-dropdown-v40:before{display:none!important}
.bell-dropdown-v40 .bell-head-v29{
  padding:18px!important;background:linear-gradient(135deg,#062b46 0%,#094464 55%,#0f766e 100%)!important;
  border-bottom:0!important;position:relative!important;isolation:isolate;
}
.bell-dropdown-v40 .bell-head-v29:after{
  content:"";position:absolute;inset:auto -45px -75px auto;width:190px;height:190px;border-radius:50%;
  background:rgba(255,255,255,.10);z-index:-1;
}
.bell-dropdown-v40 .bell-head-title-v29{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.bell-dropdown-v40 .bell-head-icon-v29{
  width:48px!important;height:48px!important;border-radius:18px!important;background:rgba(255,255,255,.15)!important;
  border:1px solid rgba(255,255,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.bell-dropdown-v40 .bell-head-title-v29 strong{font-size:18px!important;color:#fff!important;letter-spacing:.1px!important}
.bell-dropdown-v40 .bell-head-title-v29 small{font-size:12px!important;color:rgba(255,255,255,.82)!important;line-height:1.5!important}
.bell-dropdown-v40 .bell-head-actions-v38{gap:8px!important;align-items:center!important;flex-shrink:0!important}
.bell-dropdown-v40 .bell-view-all-v29{
  height:38px!important;padding:0 13px!important;border-radius:14px!important;background:#fff!important;color:#073452!important;
  box-shadow:0 12px 26px rgba(0,0,0,.12)!important;font-size:12px!important;text-decoration:none!important;border:0!important;
}
.bell-dropdown-v40 .bell-close-v38{
  width:38px!important;height:38px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:24px!important;line-height:1!important;
}
.bell-dropdown-v40 .bell-close-v38:hover{background:#fff!important;color:#073452!important}
.bell-dropdown-v40 .bell-summary-v38{
  padding:14px 16px!important;background:linear-gradient(135deg,#f8fbff,#eef8ff)!important;
  border-bottom:1px solid #e2edf7!important;gap:12px!important;
}
.bell-dropdown-v40 .bell-summary-v38 b{font-size:14px!important;color:#073452!important}
.bell-dropdown-v40 .bell-summary-v38 span{font-size:12px!important;color:#667085!important;line-height:1.55!important}
.bell-dropdown-v40 .bell-summary-v38 strong{
  min-width:42px!important;width:42px!important;height:42px!important;border-radius:15px!important;background:#e7f7ef!important;color:#0f6f40!important;
  font-size:16px!important;box-shadow:0 10px 20px rgba(15,111,64,.10)!important;
}
.bell-dropdown-v40 .bell-quick-v38{
  padding:12px!important;background:#fff!important;border-bottom:1px solid #e9f1f8!important;gap:8px!important;
}
.bell-dropdown-v40 .bell-quick-v38 a{
  border-radius:15px!important;background:#f8fbff!important;border:1px solid #e0ebf4!important;color:#073452!important;
  font-weight:1000!important;font-size:12px!important;padding:10px 6px!important;text-align:center!important;text-decoration:none!important;
}
.bell-dropdown-v40 .bell-quick-v38 a:hover{background:#eaf5ff!important;border-color:#bcdced!important;color:#0f5f8e!important}
.bell-dropdown-v40 .bell-list-v29{
  max-height:calc(100vh - 298px)!important;overflow:auto!important;padding:12px!important;background:#fff!important;
}
.bell-dropdown-v40 .bell-item-v29{
  grid-template-columns:50px minmax(0,1fr) auto!important;gap:11px!important;margin-bottom:10px!important;padding:11px!important;
  border-radius:20px!important;background:#fbfdff!important;border:1px solid #e5eef6!important;
  box-shadow:0 8px 20px rgba(15,45,78,.045)!important;transition:.16s ease!important;
}
.bell-dropdown-v40 .bell-item-v29:hover{background:#f3faff!important;border-color:#b8d9ef!important;box-shadow:0 16px 34px rgba(15,45,78,.11)!important;transform:translateY(-1px)!important}
.bell-dropdown-v40 .bell-item-v29:after{display:none!important}
.bell-dropdown-v40 .bell-mini-icon{
  width:50px!important;height:50px!important;border-radius:18px!important;background:linear-gradient(135deg,#edf8ff,#f8fbff)!important;
  color:#0f5f8e!important;border:1px solid #e2edf7!important;
}
.bell-dropdown-v40 .bell-content b{font-size:13.8px!important;color:#073452!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.bell-dropdown-v40 .bell-content em{font-size:12.2px!important;line-height:1.65!important;color:#475467!important;-webkit-line-clamp:2!important}
.bell-dropdown-v40 .bell-content small{font-size:10.8px!important;color:#8b98a8!important;margin-top:4px!important}
.bell-dropdown-v40 .bell-item-v29>i{
  align-self:start!important;border-radius:999px!important;padding:6px 9px!important;font-size:10.7px!important;background:#eef8ff!important;color:#0f5f8e!important;
}
.bell-dropdown-v40 .bell-item-v29.type-urgent{border-color:#ffd8d2!important;background:#fffafa!important}
.bell-dropdown-v40 .bell-item-v29.type-urgent .bell-mini-icon{background:#fff1f0!important;color:#b42318!important;border-color:#ffd8d2!important}
.bell-dropdown-v40 .bell-item-v29.type-urgent>i{background:#fff1f0!important;color:#b42318!important}
.bell-dropdown-v40 .bell-item-v29.type-media .bell-mini-icon{background:#e7f7ef!important;color:#0f6f40!important;border-color:#c7ecd7!important}
.bell-dropdown-v40 .bell-foot-v29{
  padding:12px 16px!important;background:#f8fbff!important;border-top:1px solid #e5eef6!important;display:flex!important;
  align-items:center!important;justify-content:space-between!important;gap:12px!important;
}
.bell-dropdown-v40 .bell-foot-v29 span{font-size:12px!important;color:#667085!important;font-weight:900!important}
.bell-dropdown-v40 .bell-foot-v29 a{background:#fff!important;border:1px solid #dbe7f0!important;border-radius:13px!important;padding:8px 12px!important;font-size:12px!important;color:#073452!important;text-decoration:none!important;font-weight:1000!important}
.bell-dropdown-v40 .bell-empty{padding:30px 16px!important;background:#fbfdff!important;border-radius:20px!important;border:1px dashed #dbe7f0!important;margin:4px!important}
@media(max-width:820px){
  .bell-scrim-v40{background:rgba(7,30,48,.34)!important;backdrop-filter:blur(5px)!important}
  .bell-dropdown-v40{
    left:10px!important;right:10px!important;top:auto!important;bottom:88px!important;width:auto!important;max-height:74vh!important;
    border-radius:28px!important;box-shadow:0 -20px 70px rgba(6,35,58,.32)!important;transform:translateY(16px) scale(.99)!important;
  }
  .bell-dropdown-v40.show{transform:none!important}
  .bell-dropdown-v40 .bell-head-v29{padding:15px!important}
  .bell-dropdown-v40 .bell-head-title-v29 strong{font-size:16px!important}.bell-dropdown-v40 .bell-head-title-v29 small{font-size:11.3px!important}
  .bell-dropdown-v40 .bell-head-icon-v29{width:42px!important;height:42px!important;border-radius:16px!important}
  .bell-dropdown-v40 .bell-view-all-v29{height:34px!important;padding:0 10px!important;font-size:11.5px!important}
  .bell-dropdown-v40 .bell-close-v38{width:34px!important;height:34px!important;border-radius:13px!important}
  .bell-dropdown-v40 .bell-summary-v38{padding:12px 14px!important}.bell-dropdown-v40 .bell-summary-v38 strong{width:38px!important;height:38px!important;min-width:38px!important;border-radius:14px!important}
  .bell-dropdown-v40 .bell-quick-v38{padding:9px!important;gap:6px!important}.bell-dropdown-v40 .bell-quick-v38 a{font-size:11px!important;padding:8px 4px!important;border-radius:13px!important}
  .bell-dropdown-v40 .bell-list-v29{max-height:42vh!important;padding:10px!important}
  .bell-dropdown-v40 .bell-item-v29{grid-template-columns:44px minmax(0,1fr)!important;border-radius:18px!important;padding:10px!important;gap:9px!important}
  .bell-dropdown-v40 .bell-mini-icon{width:44px!important;height:44px!important;border-radius:16px!important}.bell-dropdown-v40 .bell-content b{font-size:13px!important}.bell-dropdown-v40 .bell-content em{font-size:11.6px!important}
  .bell-dropdown-v40 .bell-item-v29>i{grid-column:2!important;justify-self:start!important;margin-top:2px!important;font-size:10px!important}
  .bell-dropdown-v40 .bell-foot-v29{flex-direction:column!important;align-items:stretch!important;padding:11px 14px!important}.bell-dropdown-v40 .bell-foot-v29 a{text-align:center!important}
}

/* ===== V41: definitive premium notifications drawer + attachment display ===== */
.bell-scrim-v40.show{background:rgba(5,27,45,.42)!important;backdrop-filter:blur(6px)!important}
.bell-dropdown-v40{
  direction:rtl!important;right:94px!important;top:18px!important;width:min(540px,calc(100vw - 132px))!important;
  max-height:calc(100vh - 36px)!important;border-radius:34px!important;background:#ffffff!important;
  border:1px solid rgba(211,226,238,.98)!important;box-shadow:0 34px 100px rgba(6,35,58,.38)!important;
}
.bell-dropdown-v40 .bell-head-v29{padding:22px 22px 18px!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;background:linear-gradient(135deg,#052b46,#0b486b 58%,#0f766e)!important}
.bell-dropdown-v40 .bell-head-title-v29 strong{font-size:20px!important}.bell-dropdown-v40 .bell-head-title-v29 small{font-size:12.5px!important;display:block;margin-top:5px!important}
.bell-dropdown-v40 .bell-summary-v38{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 20px!important;background:#f6fbff!important}.bell-dropdown-v40 .bell-summary-v38 div{display:grid!important;gap:4px!important}.bell-dropdown-v40 .bell-summary-v38 b{font-size:15px!important}.bell-dropdown-v40 .bell-summary-v38 span{font-size:12.5px!important}
.bell-dropdown-v40 .bell-quick-v38{display:grid!important;grid-template-columns:repeat(4,1fr)!important;padding:14px 16px!important;background:#fff!important}.bell-dropdown-v40 .bell-quick-v38 a{height:42px!important;display:grid!important;place-items:center!important;border-radius:16px!important}
.bell-dropdown-v40 .bell-list-v29{padding:14px 16px!important;display:grid!important;gap:10px!important;max-height:calc(100vh - 330px)!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}
.bell-dropdown-v40 .bell-item-v29{display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;align-items:center!important;margin:0!important;padding:12px!important;border-radius:22px!important;background:#fff!important;border:1px solid #e1edf7!important;box-shadow:0 10px 30px rgba(15,45,78,.065)!important;text-decoration:none!important;color:#102033!important}
.bell-dropdown-v40 .bell-item-v29 .bell-content{display:grid!important;min-width:0!important}.bell-dropdown-v40 .bell-content b{white-space:normal!important;line-height:1.45!important}.bell-dropdown-v40 .bell-content em{font-style:normal!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.bell-dropdown-v40 .bell-content small{direction:ltr!important;text-align:right!important}
.bell-dropdown-v40 .bell-foot-v29{padding:14px 18px!important;background:#f8fbff!important}.bell-dropdown-v40 .bell-foot-v29 a{height:38px!important;display:inline-grid!important;place-items:center!important}
.audio-attachment-v41{border:1px solid #dceaf5;background:#fff;border-radius:18px;padding:12px;display:grid;gap:9px;min-width:min(360px,100%);box-shadow:0 10px 25px rgba(15,45,78,.05)}
.audio-attachment-v41 audio{width:100%;height:38px}.audio-file-head{display:flex;align-items:center;gap:9px}.audio-file-head b{width:42px;height:42px;border-radius:15px;background:#eaf5ff;display:grid;place-items:center}.audio-file-head span{min-width:0}.audio-file-head strong{display:block;color:#073452;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-file-head small{display:block;color:#667085;font-size:12px;margin-top:3px}.audio-attachment-v41>a{justify-self:start;text-decoration:none;color:#0b6fae;font-weight:900;font-size:12px}
.image-attachment-v37.image-error{min-height:96px;border:1px dashed #f0b4ae;background:#fff7f6;display:flex!important;align-items:center;justify-content:center;color:#b42318}.image-attachment-v37.image-error:before{content:'تعذر عرض الصورة، يمكن تحميلها من الرابط';font-weight:900;font-size:12px;padding:10px;text-align:center}
@media(max-width:820px){
  .bell-dropdown-v40{left:12px!important;right:12px!important;bottom:88px!important;top:auto!important;width:auto!important;max-height:76vh!important;border-radius:30px!important}
  .bell-dropdown-v40 .bell-head-v29{padding:18px!important}.bell-dropdown-v40 .bell-quick-v38{grid-template-columns:repeat(2,1fr)!important}.bell-dropdown-v40 .bell-list-v29{max-height:40vh!important;padding:12px!important}.bell-dropdown-v40 .bell-item-v29{grid-template-columns:48px minmax(0,1fr)!important}.bell-dropdown-v40 .bell-item-v29>i{grid-column:2!important;justify-self:start!important}
}

/* ===== V42 FINAL: professional notification drawer, uploads and voice messages ===== */
body{overflow-x:hidden!important}
.bell-scrim-v40{position:fixed!important;inset:0!important;background:rgba(5,24,42,.38)!important;backdrop-filter:blur(4px)!important;z-index:8990!important;opacity:0!important;pointer-events:none!important;transition:.22s ease!important}
.bell-scrim-v40.show{opacity:1!important;pointer-events:auto!important}
.bell-dropdown-pro,.bell-dropdown-v40{
  position:fixed!important;top:22px!important;right:88px!important;left:auto!important;bottom:auto!important;
  width:520px!important;max-width:calc(100vw - 118px)!important;max-height:calc(100vh - 44px)!important;
  background:#fff!important;border:1px solid #d9e8f4!important;border-radius:30px!important;overflow:hidden!important;
  z-index:9000!important;box-shadow:0 34px 110px rgba(3,24,45,.38),0 8px 22px rgba(3,24,45,.10)!important;
  opacity:0!important;pointer-events:none!important;transform:translateY(-8px) scale(.985)!important;transition:.22s ease!important;color:#0b2f4a!important;
}
.bell-dropdown-pro.show,.bell-dropdown-v40.show{opacity:1!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}
.bell-dropdown-pro *,.bell-dropdown-v40 *{box-sizing:border-box!important;text-shadow:none!important;white-space:normal!important;letter-spacing:0!important}
.bell-dropdown-pro .bell-head-v29,.bell-dropdown-v40 .bell-head-v29{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:18px 20px!important;
  background:linear-gradient(135deg,#062b46,#08476b 62%,#0e766e)!important;color:#fff!important;border:0!important;
}
.bell-head-title-v29{display:flex!important;align-items:center!important;gap:13px!important;min-width:0!important;flex:1!important}
.bell-head-icon-v29{width:50px!important;height:50px!important;border-radius:18px!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}
.bell-head-icon-v29 svg{width:24px!important;height:24px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important}
.bell-head-title-v29 strong{display:block!important;color:#fff!important;font-size:20px!important;font-weight:1000!important;line-height:1.25!important;margin:0 0 4px!important}
.bell-head-title-v29 small{display:block!important;color:rgba(255,255,255,.86)!important;font-size:12.5px!important;line-height:1.5!important;font-weight:700!important}
.bell-head-actions-v38{display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important}
.bell-view-all-v29{height:38px!important;padding:0 14px!important;border-radius:14px!important;background:#fff!important;color:#08395d!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:1000!important;font-size:12.5px!important;border:0!important;box-shadow:0 12px 28px rgba(0,0,0,.12)!important}
.bell-close-v38{width:38px!important;height:38px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.25)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:24px!important;line-height:1!important;display:grid!important;place-items:center!important;cursor:pointer!important}
.bell-close-v38:hover{background:#fff!important;color:#08395d!important}
.bell-summary-v38{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:14px 18px!important;background:#f4f9fd!important;border-bottom:1px solid #e2edf7!important;color:#12384f!important}
.bell-summary-v38 b{display:block!important;font-size:15px!important;font-weight:1000!important;color:#08395d!important;margin-bottom:3px!important}.bell-summary-v38 span{display:block!important;color:#667085!important;font-size:12.5px!important;line-height:1.55!important}.bell-summary-v38 strong{width:44px!important;height:44px!important;border-radius:16px!important;background:#e7f8ef!important;color:#0f6f40!important;display:grid!important;place-items:center!important;font-size:16px!important;font-weight:1000!important;flex:0 0 auto!important}
.bell-quick-v38{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:9px!important;padding:13px!important;background:#fff!important;border-bottom:1px solid #e7f0f8!important}.bell-quick-v38 a{height:40px!important;border-radius:14px!important;background:#f8fbff!important;border:1px solid #dfeaf4!important;color:#08395d!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12.5px!important;font-weight:1000!important}.bell-quick-v38 a:hover{background:#eaf6ff!important;border-color:#b7daef!important;color:#0f5f8e!important}
.bell-list-v29{max-height:calc(100vh - 312px)!important;overflow:auto!important;padding:13px!important;background:#fff!important}.bell-list-v29::-webkit-scrollbar{width:8px}.bell-list-v29::-webkit-scrollbar-thumb{background:#cddcea;border-radius:99px}.bell-item-v29{display:grid!important;grid-template-columns:50px minmax(0,1fr) auto!important;gap:12px!important;align-items:start!important;margin:0 0 10px!important;padding:12px!important;border-radius:20px!important;background:#fbfdff!important;border:1px solid #e1ecf5!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(15,45,78,.045)!important;min-height:80px!important;direction:rtl!important}.bell-item-v29:hover{background:#f2faff!important;border-color:#b8dcef!important;box-shadow:0 16px 36px rgba(15,45,78,.10)!important}.bell-mini-icon{width:50px!important;height:50px!important;border-radius:18px!important;background:#edf8ff!important;color:#0f5f8e!important;border:1px solid #dbeefb!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}.bell-mini-icon svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important}.bell-content{min-width:0!important;display:block!important}.bell-content b{display:block!important;color:#08395d!important;font-size:14px!important;font-weight:1000!important;line-height:1.45!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:right!important}.bell-content em{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:#475467!important;font-style:normal!important;font-size:12.5px!important;line-height:1.65!important;margin-top:3px!important;text-align:right!important}.bell-content small{display:block!important;color:#8a97a8!important;font-size:11px!important;line-height:1.4!important;margin-top:5px!important;text-align:right!important}.bell-item-v29>i{font-style:normal!important;border-radius:999px!important;background:#eef8ff!important;color:#0f5f8e!important;padding:6px 9px!important;font-size:10.5px!important;font-weight:1000!important;white-space:nowrap!important}.bell-item-v29.type-urgent{background:#fffafa!important;border-color:#ffd4ce!important}.bell-item-v29.type-urgent .bell-mini-icon,.bell-item-v29.type-urgent>i{background:#fff1f0!important;color:#b42318!important;border-color:#ffd4ce!important}.bell-item-v29.type-media .bell-mini-icon,.bell-item-v29.type-media>i{background:#e9f9f0!important;color:#0f6f40!important;border-color:#c9edd9!important}.bell-foot-v29{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:12px 16px!important;background:#f8fbff!important;border-top:1px solid #e1ecf5!important;color:#667085!important;font-size:12px!important;font-weight:800!important}.bell-foot-v29 a{color:#0f5f8e!important;text-decoration:none!important;font-weight:1000!important}.bell-empty{padding:24px!important;text-align:center!important;color:#667085!important}.bell-empty strong{display:block!important;color:#08395d!important;font-size:15px!important;margin-bottom:6px!important}.bell-empty span{font-size:12.5px!important;line-height:1.7!important}

/* Composer and attachments */
.compose-grid-pro{gap:12px!important}.composer-pro{background:rgba(255,255,255,.92)!important;border-top:1px solid #d9e8f4!important;box-shadow:0 -18px 42px rgba(15,45,78,.08)!important}.message-field-pro textarea{min-height:92px!important;border-radius:18px!important;border:1px solid #dbe8f3!important;background:#fbfdff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;font-size:14px!important;line-height:1.9!important}.composer-tools-pro{display:grid!important;grid-template-columns:minmax(190px,250px) minmax(150px,190px) 1fr minmax(160px,190px)!important;gap:10px!important;align-items:start!important}.file-picker,.voice-rec-btn{height:50px!important;border-radius:17px!important;border:1px solid #dbe8f3!important;background:#f8fbff!important;color:#08395d!important;font-weight:1000!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;position:relative!important;overflow:hidden!important}.file-picker svg,.voice-rec-btn svg{width:21px!important;height:21px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important}.voice-rec-btn{cursor:pointer!important}.voice-rec-btn.recording{background:#fff1f0!important;border-color:#ffbfb7!important;color:#b42318!important;animation:voicePulse 1.05s infinite}@keyframes voicePulse{50%{box-shadow:0 0 0 6px rgba(180,35,24,.10)}}.selected-files{min-height:50px!important;border:1px dashed #cfddea!important;background:#fbfdff!important;border-radius:17px!important;padding:8px!important;display:flex!important;gap:6px!important;align-items:center!important;flex-wrap:wrap!important}.selected-file-chip{display:inline-grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;max-width:100%!important;padding:7px 9px!important;border-radius:14px!important;background:#eef8ff!important;border:1px solid #d5eafb!important;color:#08395d!important}.selected-file-chip b{font-size:10px!important;background:#08395d!important;color:#fff!important;border-radius:8px!important;padding:3px 5px!important}.selected-file-chip em{font-style:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;font-weight:800!important}.selected-file-chip small{font-size:10.5px!important;color:#667085!important}.voice-chip{background:#fff7ed!important;border-color:#fed7aa!important}.attachments-grid{display:grid!important;gap:8px!important;margin-top:10px!important}.image-attachment-v37{display:block!important;overflow:hidden!important;border-radius:18px!important;border:1px solid #dbe8f3!important;background:#fff!important;text-decoration:none!important;box-shadow:0 8px 22px rgba(15,45,78,.06)!important;max-width:360px!important}.image-attachment-v37 img{display:block!important;width:100%!important;max-height:280px!important;object-fit:contain!important;background:#f6f9fc!important}.image-attachment-v37 span{display:block!important;padding:8px 10px!important;color:#08395d!important;font-size:12px!important;font-weight:900!important;line-height:1.5!important}.file-attachment-v37,.audio-attachment-v41{display:flex!important;align-items:center!important;gap:11px!important;padding:12px!important;border-radius:18px!important;background:#fff!important;border:1px solid #dbe8f3!important;text-decoration:none!important;color:#08395d!important;box-shadow:0 8px 22px rgba(15,45,78,.055)!important;max-width:420px!important}.file-attachment-v37>b,.file-attachment-missing>b{width:50px!important;height:50px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#eaf5ff!important;color:#0f5f8e!important;font-size:13px!important;font-weight:1000!important}.file-attachment-v37 span,.file-attachment-missing span{min-width:0!important}.file-attachment-v37 strong,.file-attachment-missing strong{display:block!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#08395d!important}.file-attachment-v37 small,.file-attachment-missing small{display:block!important;font-size:11.5px!important;color:#667085!important;margin-top:3px!important}.file-attachment-missing{background:#fff7ed!important;border-color:#fed7aa!important;color:#9a3412!important}.file-attachment-missing>b{background:#ffedd5!important;color:#c2410c!important}.audio-attachment-v41{display:block!important}.audio-file-head{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:9px!important}.audio-file-head>b{width:46px!important;height:46px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#eef8ff!important}.audio-file-head strong{display:block!important;color:#08395d!important}.audio-file-head small{display:block!important;color:#667085!important;font-size:11.5px!important}.audio-attachment-v41 audio{width:100%!important;display:block!important}.audio-attachment-v41 a{display:inline-flex!important;margin-top:8px!important;text-decoration:none!important;color:#0f5f8e!important;font-weight:900!important;font-size:12px!important}
@media(max-width:1100px){.composer-tools-pro{grid-template-columns:1fr 1fr!important}.selected-files,.file-rules,.send-action{grid-column:1/-1!important}.bell-dropdown-pro,.bell-dropdown-v40{right:76px!important;width:480px!important;max-width:calc(100vw - 92px)!important}}
@media(max-width:820px){.bell-dropdown-pro,.bell-dropdown-v40{top:auto!important;right:10px!important;left:10px!important;bottom:78px!important;width:auto!important;max-width:none!important;max-height:82vh!important;border-radius:28px!important}.bell-head-title-v29 strong{font-size:17px!important}.bell-head-title-v29 small{font-size:11.5px!important}.bell-list-v29{max-height:44vh!important}.bell-item-v29{grid-template-columns:46px minmax(0,1fr)!important}.bell-item-v29>i{grid-column:2!important;justify-self:start!important}.bell-foot-v29{flex-direction:column!important;align-items:stretch!important;text-align:center!important}.composer-tools-pro{grid-template-columns:1fr 1fr!important}.file-picker span,.voice-rec-btn span{font-size:12px!important}.message-field-pro textarea{min-height:76px!important}.image-attachment-v37{max-width:100%!important}.right{display:none!important}}

/* ===== V43: real scroll + professional notification modal + upload/voice fixes ===== */
html, body { min-height:100%; overflow:auto!important; }
.app.app-pro{height:100dvh!important;min-height:640px!important;overflow:hidden!important;grid-template-columns:var(--rail) minmax(310px,var(--side)) minmax(0,1fr) minmax(300px,var(--right))!important;}
.content,.sidebar,.right{min-height:0!important;}
.content{overflow:hidden!important;}
.sidebar,.right{overflow-y:auto!important;overscroll-behavior:contain!important;}
.messages{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-behavior:smooth!important;}
.composer-pro{flex-shrink:0!important;position:relative!important;z-index:25!important;max-height:42vh!important;overflow-y:auto!important;}
.compose-grid-pro{padding-bottom:4px!important;}

/* Notification center: use a clean modal layout instead of crowded small box */
.bell-scrim-v40{background:rgba(7,29,48,.38)!important;backdrop-filter:blur(6px)!important;z-index:9000!important;}
.bell-dropdown-v40{
  position:fixed!important;z-index:9010!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;
  width:min(720px,calc(100vw - 42px))!important;max-height:min(760px,calc(100dvh - 44px))!important;
  transform:translate(-50%,-48%) scale(.98)!important;border-radius:34px!important;overflow:hidden!important;background:#fff!important;
  border:1px solid rgba(218,231,242,.98)!important;box-shadow:0 40px 120px rgba(3,25,43,.38)!important;
}
.bell-dropdown-v40.show{transform:translate(-50%,-50%) scale(1)!important;opacity:1!important;pointer-events:auto!important;}
.bell-dropdown-v40 .bell-head-v29{padding:22px 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;background:linear-gradient(135deg,#05273f,#0b4d73 62%,#0f766e)!important;}
.bell-dropdown-v40 .bell-head-title-v29{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;}
.bell-dropdown-v40 .bell-head-title-v29 strong{font-size:22px!important;color:#fff!important;line-height:1.25!important;white-space:nowrap!important;}
.bell-dropdown-v40 .bell-head-title-v29 small{display:block!important;color:rgba(255,255,255,.82)!important;font-size:13px!important;margin-top:5px!important;line-height:1.5!important;white-space:normal!important;}
.bell-dropdown-v40 .bell-head-icon-v29{width:56px!important;height:56px!important;border-radius:21px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.16)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;flex:0 0 auto!important;}
.bell-dropdown-v40 .bell-head-icon-v29 svg{width:26px!important;height:26px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important;}
.bell-dropdown-v40 .bell-head-actions-v38{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;}
.bell-dropdown-v40 .bell-view-all-v29{height:42px!important;border-radius:16px!important;padding:0 16px!important;background:#fff!important;color:#05273f!important;font-weight:1000!important;border:0!important;display:inline-flex!important;align-items:center!important;}
.bell-dropdown-v40 .bell-close-v38{width:42px!important;height:42px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.26)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:26px!important;display:grid!important;place-items:center!important;}
.bell-dropdown-v40 .bell-summary-v38{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:18px 24px!important;background:linear-gradient(135deg,#f8fbff,#eef8ff)!important;border-bottom:1px solid #e1edf7!important;}
.bell-dropdown-v40 .bell-summary-v38 b{display:block!important;color:#073452!important;font-size:16px!important;font-weight:1000!important;}
.bell-dropdown-v40 .bell-summary-v38 span{display:block!important;color:#667085!important;font-size:13px!important;line-height:1.7!important;margin-top:3px!important;}
.bell-dropdown-v40 .bell-summary-v38 strong{width:48px!important;height:48px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:#e6f7ee!important;color:#0f6f40!important;font-size:18px!important;}
.bell-dropdown-v40 .bell-quick-v38{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;padding:14px 18px!important;background:#fff!important;border-bottom:1px solid #e9f1f8!important;}
.bell-dropdown-v40 .bell-quick-v38 a{height:42px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#f8fbff!important;border:1px solid #dfeaf4!important;color:#073452!important;font-size:13px!important;font-weight:1000!important;text-decoration:none!important;}
.bell-dropdown-v40 .bell-quick-v38 a:hover{background:#eaf5ff!important;border-color:#b6dcee!important;color:#0f5f8e!important;}
.bell-dropdown-v40 .bell-list-v29{padding:16px!important;background:#fff!important;max-height:calc(min(760px,100dvh - 44px) - 266px)!important;overflow-y:auto!important;}
.bell-dropdown-v40 .bell-item-v29{display:grid!important;grid-template-columns:56px minmax(0,1fr) auto!important;gap:14px!important;align-items:start!important;margin-bottom:12px!important;padding:14px!important;border-radius:24px!important;background:#fbfdff!important;border:1px solid #e3edf6!important;box-shadow:0 8px 22px rgba(7,45,78,.05)!important;}
.bell-dropdown-v40 .bell-mini-icon{width:56px!important;height:56px!important;border-radius:20px!important;background:#eef8ff!important;color:#0f5f8e!important;display:grid!important;place-items:center!important;border:1px solid #d4eafa!important;}
.bell-dropdown-v40 .bell-mini-icon svg{width:25px!important;height:25px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important;}
.bell-dropdown-v40 .bell-content b{font-size:15.5px!important;color:#073452!important;font-weight:1000!important;line-height:1.45!important;display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
.bell-dropdown-v40 .bell-content em{font-size:13px!important;color:#475467!important;line-height:1.7!important;display:block!important;font-style:normal!important;margin-top:4px!important;-webkit-line-clamp:2!important;}
.bell-dropdown-v40 .bell-content small{font-size:11.5px!important;color:#8a97a8!important;display:block!important;margin-top:7px!important;}
.bell-dropdown-v40 .bell-item-v29>i{font-style:normal!important;border-radius:999px!important;background:#eef8ff!important;color:#0f5f8e!important;font-size:11px!important;font-weight:1000!important;padding:7px 10px!important;white-space:nowrap!important;}
.bell-dropdown-v40 .bell-foot-v29{padding:14px 20px!important;border-top:1px solid #e9f1f8!important;background:#f8fbff!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;color:#667085!important;font-size:13px!important;}
.bell-dropdown-v40 .bell-foot-v29 a{height:38px!important;display:inline-flex!important;align-items:center!important;border-radius:14px!important;background:#fff!important;border:1px solid #dbe7f0!important;color:#073452!important;font-weight:1000!important;padding:0 13px!important;text-decoration:none!important;}

/* Stronger attachment previews */
.attachments-grid{margin-top:12px!important;display:grid!important;gap:10px!important;}
.image-attachment-v37{width:min(440px,100%)!important;border-radius:22px!important;background:#fff!important;border:1px solid #d9e8f3!important;box-shadow:0 10px 28px rgba(7,45,78,.08)!important;overflow:hidden!important;text-decoration:none!important;}
.image-attachment-v37 img{display:block!important;width:100%!important;max-height:360px!important;object-fit:contain!important;background:#f6f9fc!important;}
.image-attachment-v37 span{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:10px 12px!important;color:#073452!important;font-size:12.5px!important;font-weight:1000!important;}
.file-attachment-v37,.audio-attachment-v41{width:min(480px,100%)!important;border-radius:22px!important;background:#fff!important;border:1px solid #d9e8f3!important;box-shadow:0 10px 28px rgba(7,45,78,.08)!important;}
.audio-attachment-v41 audio{width:100%!important;min-height:42px!important;}
.voice-rec-btn{min-width:156px!important;}
.voice-rec-btn.recording{background:#fff1f0!important;color:#b42318!important;border-color:#ffbfb7!important;}

@media(max-width:1100px){
  .app.app-pro{grid-template-columns:72px minmax(285px,330px) minmax(0,1fr)!important;}
  .right{display:none!important;}
}
@media(max-width:820px){
  body{overflow:hidden!important;}
  .app.app-pro{height:100dvh!important;min-height:0!important;grid-template-columns:1fr!important;padding-bottom:74px!important;}
  .rail,.right{display:none!important;}
  .sidebar{display:none!important;}
  .chat-head{min-height:70px!important;padding:10px 14px!important;}
  .messages{padding:14px 10px!important;}
  .composer-pro{max-height:45dvh!important;margin-bottom:0!important;padding-bottom:8px!important;}
  .composer-tools-pro{grid-template-columns:1fr 1fr!important;}
  .selected-files,.file-rules,.send-action{grid-column:1/-1!important;}
  .bell-dropdown-v40{top:auto!important;left:10px!important;right:10px!important;bottom:84px!important;transform:translateY(22px) scale(.98)!important;width:auto!important;max-height:82dvh!important;border-radius:30px!important;}
  .bell-dropdown-v40.show{transform:translateY(0) scale(1)!important;}
  .bell-dropdown-v40 .bell-head-v29{padding:18px!important;}
  .bell-dropdown-v40 .bell-head-title-v29 strong{font-size:18px!important;}
  .bell-dropdown-v40 .bell-head-title-v29 small{font-size:12px!important;}
  .bell-dropdown-v40 .bell-quick-v38{grid-template-columns:repeat(2,1fr)!important;}
  .bell-dropdown-v40 .bell-list-v29{max-height:40dvh!important;}
  .bell-dropdown-v40 .bell-item-v29{grid-template-columns:48px minmax(0,1fr)!important;}
  .bell-dropdown-v40 .bell-item-v29>i{grid-column:2!important;justify-self:start!important;}
  .mobile-bottom-nav{z-index:5000!important;}
}

/* ===== V44 FINAL: إصلاح التمرير + مربع التنبيهات + عرض المرفقات ===== */
html, body{min-height:100%!important;overflow-x:hidden!important;}
body{overflow-y:auto!important;}
body.page-body-soft,.wrap{overflow-y:auto!important;}
.app.app-pro{height:100vh!important;max-height:100vh!important;overflow:hidden!important;}
.app.app-pro .content{min-height:0!important;overflow:hidden!important;}
.app.app-pro .messages{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;}
.app.app-pro .sidebar,.app.app-pro .right{min-height:0!important;overflow-y:auto!important;}
.app.app-pro .composer-pro{flex-shrink:0!important;max-height:45vh!important;overflow-y:auto!important;}
@media(max-width:820px){
  body{overflow-y:auto!important;}
  .app.app-pro{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;padding-bottom:76px!important;}
  .app.app-pro .content{min-height:0!important;}
  .app.app-pro .messages{min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;}
  .page-body-soft .wrap{padding-bottom:110px!important;}
}

/* مركز التنبيهات — نمط عالمي واضح لا يتداخل مع الشريط الجانبي */
body #bellDropdownScrim.bell-scrim-v40{display:none!important;position:fixed!important;inset:0!important;background:rgba(6,28,46,.48)!important;backdrop-filter:blur(8px)!important;z-index:99980!important;opacity:0!important;pointer-events:none!important;transition:opacity .18s ease!important;}
body #bellDropdownScrim.bell-scrim-v40.show{display:block!important;opacity:1!important;pointer-events:auto!important;}
body #bellDropdownPanel.bell-dropdown-v44{display:none!important;position:fixed!important;inset:auto auto auto auto!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%) scale(.96)!important;width:min(760px,calc(100vw - 44px))!important;max-height:min(780px,calc(100dvh - 44px))!important;background:#fff!important;border:1px solid rgba(219,231,240,.96)!important;border-radius:34px!important;box-shadow:0 44px 130px rgba(2,22,38,.42)!important;z-index:99990!important;overflow:hidden!important;padding:0!important;opacity:0!important;pointer-events:none!important;}
body #bellDropdownPanel.bell-dropdown-v44.show{display:flex!important;flex-direction:column!important;opacity:1!important;pointer-events:auto!important;transform:translate(-50%,-50%) scale(1)!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-dropdown-head{background:linear-gradient(135deg,#05273f,#0a4f78 62%,#0f766e)!important;color:#fff!important;padding:22px 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;border:0!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-title-v29{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-title-v29 strong{display:block!important;color:#fff!important;font-size:22px!important;line-height:1.25!important;font-weight:1000!important;white-space:nowrap!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-title-v29 small{display:block!important;color:rgba(255,255,255,.82)!important;font-size:13px!important;line-height:1.6!important;margin-top:5px!important;white-space:normal!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-icon-v29{width:58px!important;height:58px!important;border-radius:22px!important;background:rgba(255,255,255,.15)!important;color:#fff!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.25)!important;flex:0 0 auto!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-icon-v29 svg{width:27px!important;height:27px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-actions-v38{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-view-all-v29{height:42px!important;border-radius:16px!important;padding:0 16px!important;background:#fff!important;color:#05273f!important;font-weight:1000!important;display:inline-flex!important;align-items:center!important;border:0!important;text-decoration:none!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-close-v38{width:42px!important;height:42px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.28)!important;background:rgba(255,255,255,.14)!important;color:#fff!important;font-size:24px!important;display:grid!important;place-items:center!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-summary-v38{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;background:linear-gradient(135deg,#f8fbff,#eef8ff)!important;padding:18px 24px!important;border-bottom:1px solid #e1edf7!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-summary-v38 b{display:block!important;color:#073452!important;font-size:16px!important;font-weight:1000!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-summary-v38 span{display:block!important;color:#667085!important;font-size:13px!important;line-height:1.7!important;margin-top:3px!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-summary-v38 strong{width:52px!important;height:52px!important;border-radius:18px!important;background:#e6f7ee!important;color:#0f6f40!important;display:grid!important;place-items:center!important;font-size:18px!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-quick-v38{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;padding:14px 18px!important;background:#fff!important;border-bottom:1px solid #e9f1f8!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-quick-v38 a{height:42px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#f8fbff!important;border:1px solid #dfeaf4!important;color:#073452!important;font-size:13px!important;font-weight:1000!important;text-decoration:none!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-dropdown-list{padding:16px!important;background:#fff!important;overflow-y:auto!important;max-height:calc(min(780px,100dvh - 44px) - 268px)!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-item-v29{display:grid!important;grid-template-columns:56px minmax(0,1fr) auto!important;gap:14px!important;align-items:start!important;margin:0 0 12px!important;padding:14px!important;border-radius:24px!important;background:#fbfdff!important;border:1px solid #e3edf6!important;box-shadow:0 8px 22px rgba(7,45,78,.055)!important;text-decoration:none!important;color:#102033!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-mini-icon{width:56px!important;height:56px!important;border-radius:20px!important;background:#eef8ff!important;color:#0f5f8e!important;display:grid!important;place-items:center!important;border:1px solid #d4eafa!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-content{min-width:0!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-content b{font-size:15.5px!important;color:#073452!important;font-weight:1000!important;line-height:1.5!important;display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-content em{font-size:13px!important;color:#475467!important;line-height:1.75!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-style:normal!important;margin-top:4px!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-content small{font-size:11.5px!important;color:#8a97a8!important;display:block!important;margin-top:7px!important;direction:ltr!important;text-align:right!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-item-v29>i{font-style:normal!important;border-radius:999px!important;background:#eef8ff!important;color:#0f5f8e!important;font-size:11px!important;font-weight:1000!important;padding:7px 10px!important;white-space:nowrap!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-foot-v29{padding:14px 20px!important;border-top:1px solid #e9f1f8!important;background:#f8fbff!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;color:#667085!important;font-size:13px!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-foot-v29 a{height:38px!important;display:inline-flex!important;align-items:center!important;border-radius:14px!important;background:#fff!important;border:1px solid #dbe7f0!important;color:#073452!important;font-weight:1000!important;padding:0 13px!important;text-decoration:none!important;}
@media(max-width:820px){
  body #bellDropdownPanel.bell-dropdown-v44{top:auto!important;left:10px!important;right:10px!important;bottom:86px!important;width:auto!important;max-height:82dvh!important;transform:translateY(24px) scale(.98)!important;border-radius:30px!important;}
  body #bellDropdownPanel.bell-dropdown-v44.show{transform:translateY(0) scale(1)!important;}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-dropdown-head{padding:18px!important;}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-head-title-v29 strong{font-size:18px!important;}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-head-title-v29 small{font-size:12px!important;}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-quick-v38{grid-template-columns:repeat(2,1fr)!important;}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-dropdown-list{max-height:40dvh!important;}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-item-v29{grid-template-columns:48px minmax(0,1fr)!important;}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-item-v29>i{grid-column:2!important;justify-self:start!important;}
}

/* مرفقات واضحة داخل الرسائل */
.attachments-grid{margin-top:12px!important;display:grid!important;gap:10px!important;}
.image-attachment-v37{width:min(460px,100%)!important;border-radius:22px!important;background:#fff!important;border:1px solid #d9e8f3!important;box-shadow:0 10px 28px rgba(7,45,78,.08)!important;overflow:hidden!important;text-decoration:none!important;color:#073452!important;}
.image-attachment-v37 img{display:block!important;width:100%!important;max-height:380px!important;object-fit:contain!important;background:#f6f9fc!important;}
.image-attachment-v37 span{display:block!important;padding:10px 12px!important;color:#073452!important;font-size:12.5px!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.file-attachment-v37,.audio-attachment-v41{width:min(500px,100%)!important;border-radius:22px!important;background:#fff!important;border:1px solid #d9e8f3!important;box-shadow:0 10px 28px rgba(7,45,78,.08)!important;}
.audio-attachment-v41{padding:12px!important;display:grid!important;gap:10px!important;}
.audio-attachment-v41 audio{width:100%!important;min-height:42px!important;}
.voice-rec-btn{border:1px solid #dbe7f0;background:#fff;color:#073452;border-radius:16px;height:48px;padding:0 14px;font-weight:1000;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.voice-rec-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;}
.voice-rec-btn.recording{background:#fff1f0!important;color:#b42318!important;border-color:#ffbfb7!important;box-shadow:0 0 0 4px rgba(180,35,24,.10)!important;}

/* =====================================================
   V45 FINAL: Professional notification modal, scroll fix,
   attachment display stability, and clear readable cards.
   ===================================================== */
html, body{
  min-height:100%!important;
  overflow-x:hidden!important;
}
body{
  overflow-y:auto!important;
}
body.page-body-soft,
body.page-body-soft .wrap{
  overflow-y:auto!important;
  min-height:100dvh!important;
  padding-bottom:120px!important;
}
.table-wrap{overflow:auto!important;max-width:100%!important}
.card{overflow:visible!important}

/* Keep app usable while inner areas scroll correctly */
.app.app-pro{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}
.app.app-pro .content,.app.app-pro .sidebar,.app.app-pro .right{min-height:0!important}
.app.app-pro .messages{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important}
.app.app-pro .composer-pro{flex-shrink:0!important;overflow:visible!important;max-height:none!important}
@media(max-width:820px){
  .app.app-pro{height:100dvh!important;max-height:100dvh!important;padding-bottom:76px!important}
  .app.app-pro .composer-pro{padding-bottom:10px!important}
  .mobile-bottom-nav{z-index:900!important}
}

/* Notification center: replace all previous conflicting positioning */
body #bellDropdownScrim.bell-scrim-v40{
  position:fixed!important;inset:0!important;z-index:99980!important;
  display:none!important;background:rgba(7,27,43,.46)!important;
  backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;
  opacity:0!important;pointer-events:none!important;transition:opacity .18s ease!important;
}
body #bellDropdownScrim.bell-scrim-v40.show{display:block!important;opacity:1!important;pointer-events:auto!important}
body #bellDropdownPanel{
  direction:rtl!important;
  box-sizing:border-box!important;
}
body #bellDropdownPanel.bell-dropdown-v44{
  position:fixed!important;z-index:99990!important;
  top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%) scale(.98)!important;
  width:min(680px,calc(100vw - 34px))!important;
  max-height:min(760px,calc(100dvh - 34px))!important;
  display:none!important;flex-direction:column!important;
  background:#fff!important;border:1px solid rgba(218,231,242,.98)!important;
  border-radius:32px!important;overflow:hidden!important;
  box-shadow:0 42px 120px rgba(2,22,38,.42),0 10px 34px rgba(2,22,38,.18)!important;
  opacity:0!important;pointer-events:none!important;padding:0!important;
}
body #bellDropdownPanel.bell-dropdown-v44.show{
  display:flex!important;opacity:1!important;pointer-events:auto!important;
  transform:translate(-50%,-50%) scale(1)!important;
}
body #bellDropdownPanel.bell-dropdown-v44 *{box-sizing:border-box!important;min-width:0!important}
body #bellDropdownPanel.bell-dropdown-v44 .bell-dropdown-head{
  flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
  padding:20px 22px!important;background:linear-gradient(135deg,#05283f,#0a4d72 58%,#0d7770)!important;
  color:#fff!important;border:0!important;min-height:96px!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-title-v29{
  display:flex!important;align-items:center!important;gap:14px!important;flex:1 1 auto!important;min-width:0!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-icon-v29{
  width:56px!important;height:56px!important;flex:0 0 56px!important;border-radius:20px!important;
  display:grid!important;place-items:center!important;background:rgba(255,255,255,.15)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.25)!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-icon-v29 svg{width:26px!important;height:26px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-title-v29 div{display:block!important;min-width:0!important;overflow:hidden!important}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-title-v29 strong{
  display:block!important;color:#fff!important;font-size:22px!important;line-height:1.25!important;font-weight:1000!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-title-v29 small{
  display:block!important;color:rgba(255,255,255,.84)!important;font-size:13px!important;line-height:1.6!important;margin-top:5px!important;
  white-space:normal!important;overflow:visible!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-actions-v38{
  display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-view-all-v29{
  height:42px!important;min-width:94px!important;border-radius:15px!important;padding:0 15px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:#05283f!important;
  font-size:13px!important;font-weight:1000!important;border:0!important;text-decoration:none!important;box-shadow:0 10px 26px rgba(0,0,0,.12)!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-close-v38{
  width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:15px!important;
  border:1px solid rgba(255,255,255,.26)!important;background:rgba(255,255,255,.13)!important;color:#fff!important;
  display:grid!important;place-items:center!important;font-size:26px!important;line-height:1!important;padding:0!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-summary-v38{
  flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  padding:16px 22px!important;background:linear-gradient(135deg,#f8fbff,#eef8ff)!important;border-bottom:1px solid #e2edf7!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-summary-v38 b{display:block!important;color:#073452!important;font-size:16px!important;font-weight:1000!important;line-height:1.45!important}
body #bellDropdownPanel.bell-dropdown-v44 .bell-summary-v38 span{display:block!important;color:#667085!important;font-size:13px!important;line-height:1.65!important;margin-top:3px!important}
body #bellDropdownPanel.bell-dropdown-v44 .bell-summary-v38 strong{
  width:50px!important;height:50px!important;flex:0 0 50px!important;border-radius:18px!important;background:#e6f7ee!important;color:#0f6f40!important;
  display:grid!important;place-items:center!important;font-size:18px!important;font-weight:1000!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-quick-v38{
  flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;
  padding:14px 18px!important;background:#fff!important;border-bottom:1px solid #e9f1f8!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-quick-v38 a{
  height:42px!important;border-radius:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:#f8fbff!important;border:1px solid #dfeaf4!important;color:#073452!important;font-size:13px!important;font-weight:1000!important;
  text-decoration:none!important;white-space:nowrap!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-dropdown-list{
  flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding:14px 16px!important;background:#fff!important;
  max-height:none!important;scrollbar-width:thin!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-item-v29{
  position:relative!important;display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;
  margin:0 0 12px!important;padding:14px 88px 14px 14px!important;border-radius:23px!important;background:#fbfdff!important;
  border:1px solid #e3edf6!important;box-shadow:0 8px 22px rgba(7,45,78,.055)!important;text-decoration:none!important;color:#102033!important;
  min-height:82px!important;overflow:hidden!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-item-v29:hover{background:#f3faff!important;border-color:#bdddf1!important;box-shadow:0 16px 32px rgba(7,45,78,.11)!important}
body #bellDropdownPanel.bell-dropdown-v44 .bell-mini-icon{
  width:56px!important;height:56px!important;flex:0 0 56px!important;border-radius:20px!important;background:#eef8ff!important;color:#0f5f8e!important;
  display:grid!important;place-items:center!important;border:1px solid #d4eafa!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-mini-icon svg{width:24px!important;height:24px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important}
body #bellDropdownPanel.bell-dropdown-v44 .bell-content{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
body #bellDropdownPanel.bell-dropdown-v44 .bell-content b{
  display:block!important;font-size:15px!important;color:#073452!important;font-weight:1000!important;line-height:1.45!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-content em{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
  margin-top:4px!important;font-size:12.8px!important;color:#475467!important;line-height:1.75!important;font-style:normal!important;word-break:break-word!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-content small{
  display:block!important;margin-top:7px!important;font-size:11.2px!important;color:#8a97a8!important;direction:ltr!important;text-align:right!important;line-height:1.25!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-item-v29>i{
  position:absolute!important;top:14px!important;left:14px!important;right:auto!important;z-index:2!important;
  font-style:normal!important;border-radius:999px!important;background:#eef8ff!important;color:#0f5f8e!important;font-size:11px!important;font-weight:1000!important;
  padding:7px 10px!important;white-space:nowrap!important;line-height:1!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-foot-v29{
  flex:0 0 auto!important;padding:14px 20px!important;border-top:1px solid #e9f1f8!important;background:#f8fbff!important;
  display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;color:#667085!important;font-size:13px!important;
}
body #bellDropdownPanel.bell-dropdown-v44 .bell-foot-v29 a{height:38px!important;display:inline-flex!important;align-items:center!important;border-radius:14px!important;background:#fff!important;border:1px solid #dbe7f0!important;color:#073452!important;font-weight:1000!important;padding:0 13px!important;text-decoration:none!important;white-space:nowrap!important}
body #bellDropdownPanel.bell-dropdown-v44 .bell-empty{padding:24px!important;text-align:center!important;border:1px dashed #d9e6f1!important;border-radius:22px!important;color:#667085!important;background:#f8fbff!important}

@media(max-width:820px){
  body #bellDropdownPanel.bell-dropdown-v44{
    top:auto!important;left:10px!important;right:10px!important;bottom:86px!important;width:auto!important;max-height:82dvh!important;
    transform:translateY(22px) scale(.98)!important;border-radius:28px!important;
  }
  body #bellDropdownPanel.bell-dropdown-v44.show{transform:translateY(0) scale(1)!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-dropdown-head{padding:16px!important;min-height:82px!important;gap:10px!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-head-icon-v29{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:17px!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-head-title-v29 strong{font-size:17px!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-head-title-v29 small{font-size:11.5px!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-view-all-v29{min-width:72px!important;height:36px!important;font-size:11px!important;padding:0 9px!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-close-v38{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:13px!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-summary-v38{padding:12px 14px!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-summary-v38 b{font-size:14px!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-summary-v38 span{font-size:11.5px!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-summary-v38 strong{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:14px!important;font-size:14px!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-quick-v38{grid-template-columns:repeat(2,1fr)!important;padding:10px!important;gap:8px!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-quick-v38 a{height:38px!important;font-size:12px!important;border-radius:14px!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-dropdown-list{padding:10px!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-item-v29{grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important;padding:11px 11px 44px 11px!important;border-radius:20px!important;min-height:92px!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-mini-icon{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:17px!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-content b{font-size:13.5px!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-content em{font-size:11.6px!important;line-height:1.6!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-item-v29>i{top:auto!important;bottom:12px!important;left:auto!important;right:68px!important;font-size:10px!important;padding:6px 8px!important}
  body #bellDropdownPanel.bell-dropdown-v44 .bell-foot-v29{padding:11px 14px!important;flex-direction:column!important;align-items:stretch!important;text-align:center!important}
}

/* Attachments must always render with safe layout */
.attachments-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:10px!important;margin-top:10px!important;max-width:100%!important}
.attachment-card{display:flex!important;gap:10px!important;align-items:center!important;min-width:0!important;border:1px solid #dfeaf4!important;background:rgba(255,255,255,.72)!important;border-radius:16px!important;padding:10px!important;overflow:hidden!important}
.attachment-card img{max-width:100%!important;height:auto!important;border-radius:14px!important;display:block!important;object-fit:contain!important}
.attachment-card audio{width:100%!important;min-width:190px!important}
.attachment-card a{font-weight:1000!important;color:#073452!important;word-break:break-word!important}


/* =====================================================================
   V46 FINAL PATCH: Facebook-like notification popover + safe attachments
   ===================================================================== */
html,body{min-height:100%!important;overflow:auto!important;}
body #bellDropdownScrim.bell-scrim-v40{position:fixed!important;inset:0!important;background:rgba(2,22,38,.18)!important;backdrop-filter:blur(3px)!important;z-index:870!important;display:none!important;opacity:0!important;transition:.18s!important;}
body #bellDropdownScrim.bell-scrim-v40.show{display:block!important;opacity:1!important;}
body #bellDropdownPanel.bell-dropdown-v44{
  position:fixed!important;top:78px!important;right:88px!important;left:auto!important;bottom:auto!important;
  width:430px!important;max-width:calc(100vw - 110px)!important;height:auto!important;max-height:calc(100dvh - 110px)!important;
  transform:translateY(-8px)!important;display:none!important;flex-direction:column!important;
  background:#fff!important;border:1px solid rgba(216,229,241,.98)!important;border-radius:24px!important;overflow:hidden!important;
  box-shadow:0 24px 70px rgba(2,22,38,.26),0 8px 22px rgba(2,22,38,.10)!important;color:#102033!important;z-index:900!important;
  padding:0!important;direction:rtl!important;isolation:isolate!important;
}
body #bellDropdownPanel.bell-dropdown-v44.show{display:flex!important;opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important;}
body #bellDropdownPanel.bell-dropdown-v44:before{content:''!important;position:absolute!important;right:-9px!important;top:22px!important;width:18px!important;height:18px!important;background:#08395d!important;transform:rotate(45deg)!important;border-radius:3px!important;}
body #bellDropdownPanel.bell-dropdown-v44 *{box-sizing:border-box!important;min-width:0!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-dropdown-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:16px 18px!important;min-height:auto!important;background:linear-gradient(135deg,#073452,#0f5f8e)!important;color:#fff!important;border:0!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-title-v29{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-icon-v29{width:46px!important;height:46px!important;flex:0 0 46px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.20)!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-icon-v29 svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-title-v29 strong{display:block!important;color:#fff!important;font-size:18px!important;font-weight:1000!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-title-v29 small{display:block!important;color:rgba(255,255,255,.82)!important;font-size:12px!important;line-height:1.55!important;margin-top:2px!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-head-actions-v38{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-view-all-v29{height:36px!important;min-width:80px!important;border-radius:13px!important;background:#fff!important;color:#073452!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 12px!important;font-size:12px!important;font-weight:1000!important;text-decoration:none!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-close-v38{width:36px!important;height:36px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.24)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:24px!important;display:grid!important;place-items:center!important;line-height:1!important;padding:0!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-summary-v38{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 18px!important;background:#f8fbff!important;border-bottom:1px solid #e7f0f8!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-summary-v38 b{font-size:14px!important;color:#073452!important;font-weight:1000!important;line-height:1.4!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-summary-v38 span{font-size:12px!important;color:#667085!important;line-height:1.6!important;margin-top:2px!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-summary-v38 strong{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:14px!important;background:#e6f7ee!important;color:#0f6f40!important;display:grid!important;place-items:center!important;font-size:14px!important;font-weight:1000!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-quick-v38{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:10px 14px!important;background:#fff!important;border-bottom:1px solid #e9f1f8!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-quick-v38 a{height:34px!important;border-radius:12px!important;background:#f8fbff!important;border:1px solid #dbe7f0!important;color:#073452!important;font-size:12px!important;font-weight:1000!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-dropdown-list{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px!important;background:#fff!important;max-height:390px!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-item-v29,
body #bellDropdownPanel.bell-dropdown-v44 .bell-item-v46{position:static!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;margin:0 0 8px!important;padding:10px!important;min-height:72px!important;border-radius:18px!important;background:#fff!important;border:1px solid #e5eef6!important;box-shadow:0 6px 18px rgba(7,45,78,.045)!important;text-decoration:none!important;color:#102033!important;overflow:hidden!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-item-v29:hover,
body #bellDropdownPanel.bell-dropdown-v44 .bell-item-v46:hover{background:#f1f9ff!important;border-color:#c8e5ff!important;transform:translateY(-1px)!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-mini-icon,
body #bellDropdownPanel.bell-dropdown-v44 .bell-avatar-v46{width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:16px!important;background:#eef8ff!important;color:#0f5f8e!important;display:grid!important;place-items:center!important;border:1px solid #d4eafa!important;overflow:hidden!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-avatar-v46 img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:16px!important;display:block!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-mini-icon svg,
body #bellDropdownPanel.bell-dropdown-v44 .bell-avatar-v46 svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-content,
body #bellDropdownPanel.bell-dropdown-v44 .bell-content-v46{display:block!important;min-width:0!important;overflow:hidden!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-content b,
body #bellDropdownPanel.bell-dropdown-v44 .bell-content-v46 b{display:block!important;color:#073452!important;font-size:13.5px!important;font-weight:1000!important;line-height:1.45!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-content em,
body #bellDropdownPanel.bell-dropdown-v44 .bell-content-v46 em{display:block!important;color:#475467!important;font-size:12px!important;line-height:1.55!important;font-style:normal!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-content small,
body #bellDropdownPanel.bell-dropdown-v44 .bell-content-v46 small{display:block!important;color:#8a97a8!important;font-size:10.5px!important;line-height:1.3!important;margin-top:4px!important;direction:ltr!important;text-align:right!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-item-v29>i,
body #bellDropdownPanel.bell-dropdown-v44 .bell-badge-v46{position:static!important;justify-self:end!important;align-self:start!important;font-style:normal!important;border-radius:999px!important;background:#eef8ff!important;color:#0f5f8e!important;font-size:10.5px!important;font-weight:1000!important;line-height:1!important;padding:6px 8px!important;white-space:nowrap!important;}
body #bellDropdownPanel.bell-dropdown-v44 .type-urgent .bell-badge-v46,
body #bellDropdownPanel.bell-dropdown-v44 .type-urgent>i{background:#fff1f0!important;color:#b42318!important;}
body #bellDropdownPanel.bell-dropdown-v44 .type-media .bell-badge-v46,
body #bellDropdownPanel.bell-dropdown-v44 .type-media>i{background:#e7f7ef!important;color:#0f6f40!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-foot-v29{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;padding:12px 16px!important;border-top:1px solid #e9f1f8!important;background:#f8fbff!important;color:#667085!important;font-size:12px!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-foot-v29 a{height:34px!important;border-radius:12px!important;background:#fff!important;border:1px solid #dbe7f0!important;color:#073452!important;font-weight:1000!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;padding:0 11px!important;white-space:nowrap!important;}
body #bellDropdownPanel.bell-dropdown-v44 .bell-empty{padding:22px 14px!important;text-align:center!important;border:1px dashed #d9e6f1!important;border-radius:18px!important;background:#f8fbff!important;color:#667085!important;}
@media(max-width:820px){
 body #bellDropdownPanel.bell-dropdown-v44{top:auto!important;right:10px!important;left:10px!important;bottom:84px!important;width:auto!important;max-width:none!important;max-height:76dvh!important;border-radius:26px!important;transform:translateY(20px)!important;}
 body #bellDropdownPanel.bell-dropdown-v44.show{transform:translateY(0)!important;}
 body #bellDropdownPanel.bell-dropdown-v44:before{display:none!important;}
 body #bellDropdownPanel.bell-dropdown-v44 .bell-dropdown-head{padding:14px!important;}
 body #bellDropdownPanel.bell-dropdown-v44 .bell-head-icon-v29{width:42px!important;height:42px!important;flex-basis:42px!important;}
 body #bellDropdownPanel.bell-dropdown-v44 .bell-head-title-v29 strong{font-size:16px!important;}
 body #bellDropdownPanel.bell-dropdown-v44 .bell-head-title-v29 small{font-size:11px!important;}
 body #bellDropdownPanel.bell-dropdown-v44 .bell-view-all-v29{height:34px!important;min-width:70px!important;font-size:11px!important;}
 body #bellDropdownPanel.bell-dropdown-v44 .bell-close-v38{width:34px!important;height:34px!important;}
 body #bellDropdownPanel.bell-dropdown-v44 .bell-quick-v38{grid-template-columns:repeat(2,1fr)!important;}
 body #bellDropdownPanel.bell-dropdown-v44 .bell-dropdown-list{max-height:42dvh!important;}
 body #bellDropdownPanel.bell-dropdown-v44 .bell-item-v29,
 body #bellDropdownPanel.bell-dropdown-v44 .bell-item-v46{grid-template-columns:44px minmax(0,1fr)!important;padding:10px!important;}
 body #bellDropdownPanel.bell-dropdown-v44 .bell-badge-v46,
 body #bellDropdownPanel.bell-dropdown-v44 .bell-item-v29>i{grid-column:2!important;justify-self:start!important;margin-top:4px!important;}
}

/* ===== V47 FINAL OFFICIAL: desktop, mobile, composer, notifications ===== */
html,body{min-height:100%;height:auto;overflow-x:hidden;overflow-y:auto!important}
body{font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;background:#eef5fa;color:#102033}
a{text-decoration:none}

/* Full professional desktop app */
.app.app-pro{width:100%;height:100vh;max-width:none;margin:0;border:0;border-radius:0;display:grid!important;grid-template-columns:88px 390px minmax(520px,1fr) 350px;background:#f7fafc;overflow:hidden}
.content{min-height:0;overflow:hidden}.messages{min-height:0;scroll-behavior:smooth;padding-bottom:24px}.sidebar,.right{min-height:0}.channel-list{min-height:0}.right{overflow-y:auto}
.chat-head{box-shadow:0 8px 22px rgba(15,45,78,.04)}
.msg{border-radius:22px}.msg.me{background:#dcf8d2}.msg-bubble{width:100%}.msg-text{font-size:14px;color:#172033}.msg-avatar{object-fit:cover}
.attachments-grid{display:grid;gap:10px;margin-top:10px}.image-attachment-v37{display:block;max-width:340px;border-radius:18px;overflow:hidden;border:1px solid #d7e8f3;background:#fff;box-shadow:0 8px 22px rgba(15,45,78,.06)}.image-attachment-v37 img{width:100%;max-height:260px;object-fit:cover;display:block;background:#f4f7fb}.image-attachment-v37 span{display:block;padding:8px 10px;font-size:11.5px;font-weight:900;color:#073452;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-attachment-v37,.file-attachment-missing,.audio-attachment-v41{display:flex;align-items:center;gap:12px;border:1px solid #d9e7f2;background:#fff;border-radius:18px;padding:12px;box-shadow:0 8px 22px rgba(15,45,78,.05);max-width:360px}.file-attachment-v37>b{width:46px;height:46px;border-radius:16px;background:#eef8ff;color:#0f5f8e;display:grid;place-items:center;font-weight:1000}.file-attachment-v37 span,.file-attachment-missing span{min-width:0}.file-attachment-v37 strong,.file-attachment-missing strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#102033}.file-attachment-v37 small,.file-attachment-missing small{color:#667085}.audio-attachment-v41{display:grid;max-width:420px}.audio-attachment-v41 audio{width:100%}.audio-file-head{display:flex;align-items:center;gap:10px}.audio-file-head b{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:#eef8ff}.file-attachment-missing{background:#fff8f8;border-color:#ffd0ca;color:#b42318}.image-attachment.image-error{display:none!important}

/* Composer: large input + professional icons */
.composer.composer-pro{position:relative;background:rgba(255,255,255,.98);border-top:1px solid #dbe8f2;padding:14px 18px;box-shadow:0 -18px 40px rgba(7,52,84,.08);z-index:20}.compose-grid.compose-grid-pro{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'target target' 'message tools'!important;gap:12px;align-items:stretch}.target-picker-pro,.locked-target{grid-area:target}.message-field-pro{grid-area:message;margin:0!important}.message-field-pro label{display:none}.message-field-pro textarea{width:100%;min-height:76px!important;max-height:180px!important;border-radius:24px!important;border:1px solid #cfe0ed!important;background:#fbfdff!important;padding:18px 20px!important;font-size:15px!important;line-height:1.8;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);resize:vertical}.message-field-pro textarea:focus{border-color:#0f5f8e!important;box-shadow:0 0 0 4px rgba(15,95,142,.10)!important;background:#fff!important;outline:0}.composer-tools-pro{grid-area:tools;display:grid!important;grid-template-columns:62px 62px 62px!important;grid-auto-rows:62px;gap:10px;align-self:end}.composer-tools-pro .file-rules{display:none!important}.file-picker,.voice-rec-btn,.send-action{width:62px!important;height:62px!important;border-radius:22px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid #d8e6f0!important;background:#fff!important;color:#073452!important;box-shadow:0 10px 24px rgba(15,45,78,.07)!important;position:relative;overflow:hidden;cursor:pointer}.file-picker span,.voice-rec-btn span,.send-action span{position:absolute;opacity:0;pointer-events:none}.file-picker svg,.voice-rec-btn svg,.send-action svg{width:25px!important;height:25px!important}.file-picker:hover,.voice-rec-btn:hover{background:#eef8ff!important;color:#0f5f8e!important;transform:translateY(-1px)}.send-action{background:linear-gradient(135deg,#073452,#0f5f8e)!important;color:#fff!important;border:0!important}.send-action:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(7,52,84,.20)!important}.voice-rec-btn.recording{background:#fff1f0!important;color:#b42318!important;animation:pulseMic 1s infinite}@keyframes pulseMic{50%{box-shadow:0 0 0 8px rgba(180,35,24,.10)}}.selected-files{grid-column:1/-1;display:flex!important;gap:8px;flex-wrap:wrap}.selected-file-chip{display:inline-grid!important;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:8px;max-width:280px;border:1px solid #d8e6f0!important;background:#f8fbff!important;border-radius:16px!important;padding:8px 10px!important}.selected-file-chip b{background:#eaf5ff;color:#0f5f8e;border-radius:10px;padding:4px 6px;font-size:10px}.selected-file-chip em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.selected-file-chip small{font-size:11px;color:#667085}.composer-locked .message-field-pro textarea{background:#fff8f8!important;color:#8a3b34!important}.composer-locked .file-picker,.composer-locked .voice-rec-btn,.composer-locked .send-action{opacity:.55;cursor:not-allowed}

/* Facebook-like notification popover */
.bell-scrim-v40{background:rgba(6,35,58,.22)!important;backdrop-filter:blur(3px)!important}.bell-dropdown-v40,.bell-dropdown-pro,.bell-dropdown-v44{position:fixed!important;top:16px!important;right:104px!important;width:420px!important;max-width:calc(100vw - 126px)!important;max-height:calc(100vh - 32px)!important;border-radius:28px!important;overflow:hidden!important;background:#fff!important;border:1px solid rgba(218,230,241,.98)!important;box-shadow:0 28px 90px rgba(7,35,58,.32)!important;z-index:2000!important;transform:translateY(-6px) scale(.98)!important;opacity:0!important;pointer-events:none!important;direction:rtl}.bell-dropdown-v40.show,.bell-dropdown-pro.show,.bell-dropdown-v44.show{opacity:1!important;transform:none!important;pointer-events:auto!important}.bell-head-v29{padding:16px 18px!important;background:linear-gradient(135deg,#062d49,#0c6080)!important;color:#fff!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.bell-head-title-v29{display:flex!important;align-items:center!important;gap:12px!important;min-width:0}.bell-head-icon-v29{width:44px!important;height:44px!important;border-radius:16px!important;background:rgba(255,255,255,.16)!important;display:grid!important;place-items:center!important;flex:0 0 auto}.bell-head-title-v29 strong{font-size:17px!important;color:#fff!important;display:block}.bell-head-title-v29 small{font-size:11.5px!important;color:rgba(255,255,255,.82)!important;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.bell-view-all-v29{background:#fff!important;color:#073452!important;border-radius:14px!important;padding:9px 13px!important;font-weight:1000!important;border:0!important;white-space:nowrap}.bell-close-v38{width:36px!important;height:36px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:22px!important;display:grid!important;place-items:center!important}.bell-summary-v38{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 16px!important;background:#f7fbff!important;border-bottom:1px solid #e3eef7!important}.bell-summary-v38 b{display:block;color:#073452}.bell-summary-v38 span{display:block;color:#667085;font-size:12px}.bell-summary-v38 strong{width:42px;height:42px;border-radius:16px;background:#e7f7ef;color:#0f6f40;display:grid;place-items:center}.bell-quick-v38{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;padding:12px 14px!important;background:#fff!important;border-bottom:1px solid #edf2f7!important}.bell-quick-v38 a{border:1px solid #dbe7f0!important;background:#f8fbff!important;border-radius:14px!important;text-align:center!important;padding:8px 4px!important;font-size:12px!important;font-weight:1000!important;color:#073452!important}.bell-list-v29{max-height:420px!important;overflow:auto!important;padding:12px!important;background:#fff!important}.bell-item-v46,.bell-item-v29{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:12px!important;margin-bottom:10px!important;border:1px solid #e5eef6!important;border-radius:20px!important;background:#fbfdff!important;box-shadow:0 8px 22px rgba(15,45,78,.05)!important;color:#102033!important;text-decoration:none!important;min-height:76px!important}.bell-avatar-v46,.bell-mini-icon{width:52px!important;height:52px!important;border-radius:18px!important;background:#eef8ff!important;display:grid!important;place-items:center!important;overflow:hidden!important;flex:0 0 auto}.bell-avatar-v46 img{width:100%;height:100%;object-fit:cover}.bell-avatar-v46 svg{width:22px!important;height:22px!important;stroke:#0f5f8e!important}.bell-content-v46,.bell-content{min-width:0!important;display:block!important}.bell-content-v46 b,.bell-content b{display:block!important;font-size:13.5px!important;color:#073452!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.4!important}.bell-content-v46 em,.bell-content em{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:#475467!important;font-style:normal!important;font-size:12px!important;line-height:1.55!important;margin-top:3px!important}.bell-content-v46 small,.bell-content small{display:block!important;color:#98a2b3!important;font-size:10.5px!important;margin-top:4px!important;direction:ltr;text-align:right}.bell-type-v46,.bell-item-v29>i{justify-self:end;border-radius:999px!important;background:#eaf5ff!important;color:#0f5f8e!important;padding:5px 8px!important;font-size:10.5px!important;font-weight:1000!important;white-space:nowrap!important}.bell-foot-v29{padding:12px 16px!important;background:#f8fbff!important;border-top:1px solid #e5eef6!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.bell-empty{padding:30px 16px;text-align:center;color:#667085}.bell-empty strong{display:block;color:#073452;font-size:16px}

/* Professional internal pages */
.wrap{max-width:1180px;margin:0 auto;padding:28px 18px 96px}.archive-page-pro,.profile-wrap-pro,.notifications-page-v29{min-height:100vh;overflow-y:auto;padding-bottom:100px}.card{border-radius:24px!important}.admin-header{border-radius:28px!important}.profile-layout-pro{align-items:start}.profile-summary-pro,.profile-edit-pro{border-radius:28px!important}.notifications-page-v29{padding:22px;overflow-y:auto!important}.notif-topbar-v29{border-radius:30px!important}.notif-layout-v29{align-items:start}.notif-list-v29{min-width:0}.notif-card-v29{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:16px!important;align-items:start!important}.notif-content-v29{min-width:0!important}.notif-content-v29 h2{white-space:normal!important;line-height:1.5!important}.notif-content-v29 p{line-height:1.8!important}.global-back-pro{z-index:2500!important}

/* Mobile: WhatsApp-like flow */
@media(max-width:820px){
  body{background:#f3f7fb;overflow-y:auto!important}.app.app-pro{height:100dvh;min-height:100dvh;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding-bottom:0!important}.rail,.right{display:none!important}.sidebar{height:38dvh;min-height:220px;border-left:0;border-bottom:1px solid #dbe7f0;display:flex!important;flex-direction:column;overflow:hidden}.side-head{min-height:66px;padding:10px 14px}.side-head img{width:44px;height:44px;border-radius:15px}.search{padding:8px 10px}.channel-list{max-height:none!important;flex:1;overflow-y:auto!important;padding:8px 10px 12px}.channel{border-radius:16px;padding:10px}.content{flex:1;min-height:0;display:flex!important;flex-direction:column!important;overflow:hidden!important}.chat-head{min-height:64px;padding:10px 14px}.chat-head h2{font-size:16px}.chat-head .small{font-size:11px}.chat-head .tag{font-size:10px;padding:6px 8px}.messages{flex:1;min-height:0;overflow-y:auto!important;padding:12px 10px 16px!important}.msg{max-width:94%!important;border-radius:18px}.msg.me{align-self:flex-end}.msg-row{gap:8px}.msg-avatar{width:34px!important;height:34px!important;border-radius:13px!important}.msg-author span{font-size:10px}.system-lock{max-width:96%;grid-template-columns:40px 1fr;border-radius:18px;padding:12px}.system-lock div{width:40px;height:40px;border-radius:14px}.composer.composer-pro{position:sticky!important;bottom:72px!important;padding:9px 10px!important;border-radius:22px 22px 0 0!important;z-index:80}.compose-grid.compose-grid-pro{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:'target' 'message' 'tools'!important;gap:8px}.target-picker-pro{max-height:170px;overflow-y:auto;border-radius:18px!important;padding:10px!important}.target-picker-grid{grid-template-columns:1fr!important}.target-picker-title small{display:none}.message-field-pro textarea{min-height:54px!important;max-height:118px!important;border-radius:20px!important;padding:13px 15px!important;font-size:14px!important}.composer-tools-pro{grid-template-columns:56px 56px 56px!important;grid-auto-rows:56px!important;justify-content:end!important;gap:8px!important}.file-picker,.voice-rec-btn,.send-action{width:56px!important;height:56px!important;border-radius:20px!important}.file-picker svg,.voice-rec-btn svg,.send-action svg{width:22px!important;height:22px!important}.selected-files{max-height:72px;overflow:auto}.mobile-bottom-nav{height:70px!important;z-index:90!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)!important;border-top:1px solid #dbe7f0!important;box-shadow:0 -12px 34px rgba(15,45,78,.10)!important}.mobile-bottom-nav a{font-size:11px!important}.mobile-bottom-nav svg{width:22px!important;height:22px!important}.bell-dropdown-v40,.bell-dropdown-pro,.bell-dropdown-v44{top:auto!important;right:10px!important;left:10px!important;bottom:82px!important;width:auto!important;max-width:none!important;max-height:76dvh!important;border-radius:28px!important;transform:translateY(16px)!important}.bell-dropdown-v40.show,.bell-dropdown-pro.show,.bell-dropdown-v44.show{transform:none!important}.bell-head-v29{padding:14px!important}.bell-head-title-v29 small{max-width:150px!important}.bell-view-all-v29{padding:8px 10px!important;font-size:11px!important}.bell-quick-v38{gap:6px!important;padding:9px!important}.bell-quick-v38 a{font-size:11px!important;padding:7px 2px!important}.bell-list-v29{max-height:42dvh!important;padding:10px!important}.bell-item-v46,.bell-item-v29{grid-template-columns:44px minmax(0,1fr)!important;gap:9px!important;min-height:68px!important;border-radius:18px!important;padding:10px!important}.bell-avatar-v46,.bell-mini-icon{width:44px!important;height:44px!important;border-radius:16px!important}.bell-type-v46,.bell-item-v29>i{grid-column:2;justify-self:start;margin-top:2px}.notifications-page-v29{padding:12px 10px 92px!important}.notif-topbar-v29{border-radius:24px!important;padding:58px 14px 16px!important}.notif-stats-v29{grid-template-columns:repeat(2,1fr)!important}.notif-layout-v29{display:block!important}.notif-side-v29{display:none!important}.notif-card-v29{grid-template-columns:48px minmax(0,1fr)!important;border-radius:20px!important;padding:12px!important}.wrap{padding:18px 10px 94px!important}.profile-layout-pro{display:block!important}.profile-summary-pro{margin-bottom:12px}.archive-list-pro{display:grid;gap:10px}.global-back-pro{top:10px!important;right:10px!important;left:auto!important}
}


/* ===== V48 FINAL: official full desktop + professional mobile based on approved HTML reference ===== */
html, body{min-height:100%;overflow:auto!important;scroll-behavior:smooth;font-family:"Cairo","Tajawal","Segoe UI",Tahoma,Arial,sans-serif!important}
body{background:linear-gradient(135deg,#f7fbfd 0%,#eef5f8 52%,#eaf4f2 100%)!important;color:#102033!important}
.app-pro{min-height:100dvh!important;height:100dvh!important;overflow:hidden!important;display:grid!important;grid-template-columns:86px minmax(280px,360px) minmax(0,1fr) minmax(280px,340px)!important;background:#f5f9fc!important}
.content.chat-view{min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;background:#eef7f4!important}
.messages{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding-bottom:18px!important;scrollbar-gutter:stable!important}.messages::-webkit-scrollbar{width:9px}.messages::-webkit-scrollbar-thumb{background:#c8d9e3;border-radius:999px}
.chat-head{flex:0 0 auto!important;z-index:5!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid #e0ebf3!important;box-shadow:0 10px 28px rgba(6,43,70,.05)!important}
.composer-pro{flex:0 0 auto!important;position:relative!important;inset:auto!important;margin:0!important;padding:10px 14px!important;background:rgba(255,255,255,.97)!important;border-top:1px solid #dce8f0!important;box-shadow:0 -12px 34px rgba(6,43,70,.08)!important;z-index:20!important;max-height:none!important;overflow:visible!important}
.compose-grid-pro{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:end!important;width:100%!important;max-width:1180px!important;margin:auto!important}
.custom-target-panel{grid-column:1 / -1!important;display:none!important;background:#fff!important;border:1px solid #dbe8f1!important;border-radius:22px!important;padding:14px!important;box-shadow:0 18px 46px rgba(6,43,70,.10)!important}.custom-target-panel.show{display:block!important}.target-preview{grid-column:1 / -1!important;margin:0!important;padding:8px 12px!important;border-radius:15px!important;background:#eef8f2!important;color:#0f6f40!important;font-size:12px!important;font-weight:900!important;border:1px solid #cfeadd!important}.locked-target{background:#f1fbf5!important}
.message-field-pro{grid-column:1!important;margin:0!important}.message-field-pro label{display:none!important}.message-field-pro textarea{height:auto!important;min-height:48px!important;max-height:132px!important;resize:none!important;border:1px solid #d8e5ee!important;border-radius:20px!important;background:#f8fbfd!important;padding:14px 16px!important;font-size:14px!important;line-height:1.6!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;overflow:auto!important}.message-field-pro textarea:focus{background:#fff!important;border-color:#91c7e5!important;box-shadow:0 0 0 4px rgba(15,95,142,.10)!important}
.composer-tools-pro{grid-column:2!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;flex-wrap:nowrap!important}.file-picker,.voice-rec-btn,.custom-target-toggle,.send-action{height:48px!important;border-radius:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:nowrap!important;font-size:13px!important;font-weight:1000!important;border:1px solid #d7e4ec!important;background:#fff!important;color:#073452!important;padding:0 13px!important;box-shadow:0 8px 18px rgba(6,43,70,.05)!important}.file-picker svg,.voice-rec-btn svg,.custom-target-toggle svg,.send-action svg{width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important}.custom-target-toggle{background:#eef8ff!important}.custom-target-toggle.active{background:#073452!important;color:#fff!important}.voice-rec-btn{background:#f4fbf8!important;color:#0f766e!important}.voice-rec-btn.recording,.voice-rec-btn.is-recording{background:#fff1f1!important;color:#b42318!important}.send-action{min-width:114px!important;background:linear-gradient(135deg,#073452,#0f766e)!important;color:#fff!important;border:0!important;box-shadow:0 14px 26px rgba(6,43,70,.18)!important}.send-action.is-sending{opacity:.75!important;pointer-events:none!important}.file-rules{grid-column:1 / -1!important;display:block!important;font-size:11px!important;color:#66788a!important;background:#f8fbff!important;border:1px solid #e4edf6!important;border-radius:14px!important;padding:7px 10px!important}.selected-files{grid-column:1 / -1!important;display:flex!important;gap:6px!important;flex-wrap:wrap!important;max-height:72px!important;overflow:auto!important}.selected-file-chip{display:inline-flex!important;align-items:center!important;gap:7px!important;border-radius:999px!important;background:#eef8ff!important;border:1px solid #cae5f7!important;padding:5px 9px!important;font-size:11px!important}.selected-file-chip b{background:#073452!important;color:#fff!important;border-radius:999px!important;padding:3px 6px!important}.selected-file-chip em{max-width:180px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-style:normal!important}

/* Bell dropdown V48: facebook-like compact clean panel */
.bell-scrim-v40{background:rgba(6,35,58,.22)!important;backdrop-filter:blur(3px)!important}.bell-dropdown-v40,.bell-dropdown-v44{right:92px!important;top:18px!important;width:min(430px,calc(100vw - 120px))!important;max-height:min(690px,calc(100vh - 36px))!important;border-radius:26px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 34px 90px rgba(6,35,58,.32)!important;border:1px solid #dce9f2!important}.bell-dropdown-v40 .bell-head-v29{padding:16px!important;background:linear-gradient(135deg,#062b46,#0b5e69)!important}.bell-dropdown-v40 .bell-head-title-v29 strong{font-size:17px!important}.bell-dropdown-v40 .bell-head-title-v29 small{font-size:11px!important}.bell-summary-v38{padding:12px 14px!important}.bell-quick-v38{grid-template-columns:repeat(4,1fr)!important;padding:10px 12px!important;gap:8px!important}.bell-quick-v38 a{height:34px!important;border-radius:14px!important;background:#f3f8fb!important;border:1px solid #dbe8f1!important;font-size:11.5px!important;font-weight:1000!important;color:#073452!important;display:grid!important;place-items:center!important}.bell-list-v29{padding:10px 12px!important;max-height:410px!important;overflow:auto!important}.bell-item-v29,.bell-item-v46{grid-template-columns:46px minmax(0,1fr) auto!important;gap:10px!important;padding:10px!important;border-radius:18px!important;margin-bottom:8px!important;align-items:center!important;background:#fbfdff!important;border:1px solid #e4edf4!important}.bell-avatar-v46,.bell-mini-icon{width:46px!important;height:46px!important;border-radius:17px!important;overflow:hidden!important;background:#eaf5ff!important;display:grid!important;place-items:center!important}.bell-avatar-v46 img{width:100%!important;height:100%!important;object-fit:cover!important}.bell-content b{font-size:13.5px!important;line-height:1.35!important;color:#073452!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bell-content em{font-size:11.5px!important;line-height:1.5!important;color:#475467!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.bell-content small{font-size:10px!important;color:#8a97a7!important}.bell-item-v29>i{font-size:10px!important;padding:5px 7px!important;border-radius:999px!important;align-self:center!important;background:#eef8ff!important;color:#0f5f8e!important}.bell-item-v29:after{display:none!important}.bell-foot-v29{padding:10px 14px!important;background:#f8fbff!important}

/* Mobile V48: channel-first WhatsApp-like layout */
.mobile-bottom-nav-v48{height:calc(68px + env(safe-area-inset-bottom,0px))!important;padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px))!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(18px)!important;border-top:1px solid #dce8f0!important;box-shadow:0 -12px 34px rgba(6,43,70,.10)!important;z-index:2000!important}.mobile-bottom-nav-v48 a{border-radius:18px!important;gap:3px!important;font-size:10.5px!important;font-weight:1000!important;color:#657789!important}.mobile-bottom-nav-v48 a.active{background:#eaf8f3!important;color:#0f766e!important}.mobile-bottom-nav-v48 svg{width:21px!important;height:21px!important}
@media(max-width:900px){
  body{overflow:auto!important;background:#eef5f8!important}.app-pro{display:flex!important;min-height:100dvh!important;height:100dvh!important;overflow:hidden!important;grid-template-columns:none!important}.rail,.right{display:none!important}.side{position:absolute!important;inset:0 0 0 auto!important;width:100%!important;max-width:none!important;transform:none!important;z-index:30!important;background:#fff!important;display:flex!important;flex-direction:column!important}.side.mobile-hide{display:none!important}.side .side-top{min-height:76px!important;background:linear-gradient(135deg,#062b46,#0f766e)!important;color:#fff!important;border:0!important}.side .search{padding:12px!important;background:#f8fbfd!important}.side .scroll{padding:8px 12px 110px!important;overflow:auto!important}.content.chat-view{position:relative!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;padding-bottom:0!important}.chat-head{height:70px!important;min-height:70px!important;padding:8px 12px!important;gap:8px!important}.mobile-menu{display:grid!important}.messages{padding:12px 10px calc(158px + env(safe-area-inset-bottom,0px))!important;overflow:auto!important}.composer-pro{position:absolute!important;left:0!important;right:0!important;bottom:calc(68px + env(safe-area-inset-bottom,0px))!important;padding:8px 10px!important;border-radius:22px 22px 0 0!important;background:rgba(255,255,255,.98)!important}.compose-grid-pro{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:7px!important;align-items:end!important}.message-field-pro{grid-column:2!important;grid-row:1!important}.message-field-pro textarea{min-height:44px!important;max-height:104px!important;border-radius:18px!important;padding:12px!important;font-size:13px!important}.composer-tools-pro{display:contents!important}.custom-target-toggle{grid-column:1!important;grid-row:1!important;width:40px!important;height:40px!important;padding:0!important;border-radius:15px!important}.custom-target-toggle span{display:none!important}.file-picker{grid-column:1!important;grid-row:1!important;transform:translateX(47px)!important;width:40px!important;height:40px!important;padding:0!important;border-radius:15px!important}.file-picker span{display:none!important}.voice-rec-btn{grid-column:3!important;grid-row:1!important;width:40px!important;height:40px!important;padding:0!important;border-radius:15px!important}.voice-rec-btn span{display:none!important}.send-action{grid-column:3!important;grid-row:1!important;transform:translateX(-47px)!important;width:42px!important;height:42px!important;min-width:0!important;padding:0!important;border-radius:16px!important}.send-action .send-label{display:none!important}.selected-files{grid-column:1 / -1!important;grid-row:2!important;max-height:58px!important}.file-rules{display:none!important}.target-preview{grid-column:1 / -1!important;grid-row:3!important;font-size:11px!important;padding:6px 9px!important}.custom-target-panel{position:absolute!important;left:10px!important;right:10px!important;bottom:88px!important;max-height:56vh!important;overflow:auto!important;z-index:60!important;border-radius:24px!important}.target-picker-grid{grid-template-columns:1fr!important}.mobile-bottom-nav{display:grid!important}.bell-dropdown-v40,.bell-dropdown-v44{left:10px!important;right:10px!important;top:auto!important;bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-height:76vh!important;border-radius:28px!important}.bell-list-v29{max-height:42vh!important}.profile-wrap-pro,.archive-page-pro,.notifications-page-v29{padding-bottom:96px!important;min-height:100dvh!important;overflow:auto!important}.profile-layout-pro,.grid2{display:block!important}.profile-summary-pro,.profile-edit-pro,.archive-item-pro,.notif-card-v29{border-radius:24px!important}.account-mobile-quick-v48{display:grid!important}.global-back-pro{z-index:2100!important}
}
@media(min-width:901px){.account-mobile-quick-v48{display:none!important}.account-info-block-v48{display:none!important}}
.account-mobile-quick-v48{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.account-mobile-quick-v48 a{display:block;text-decoration:none;background:#fff;border:1px solid #dfeaf2;border-radius:20px;padding:12px;color:#102033;box-shadow:0 10px 24px rgba(6,43,70,.05)}.account-mobile-quick-v48 b{display:block;font-size:13px}.account-mobile-quick-v48 span{display:block;margin-top:5px;color:#66788a;font-size:11px;line-height:1.5}.account-info-block-v48{margin-top:10px;background:#fff;border:1px solid #dfeaf2;border-radius:20px;padding:12px;box-shadow:0 10px 24px rgba(6,43,70,.05)}.account-info-block-v48 h3{margin:0 0 8px;color:#073452}.account-info-block-v48 p{margin:6px 0;color:#566679;line-height:1.7}.warning-v48{border-color:#ffe1a8!important;background:#fffdf7!important}

/* ===== V49 FINAL REAL FIX: mobile interface, composer, attachments, bell ===== */
:root{--v49-navy:#062b46;--v49-teal:#0f8a6b;--v49-line:#e4edf3;--v49-soft:#f8fbfd;--v49-text:#102033;--v49-muted:#6b7c8f;--safe-bottom:env(safe-area-inset-bottom,0px)}
/* desktop app remains full and logical */
.app-pro{height:100dvh!important;max-width:none!important;width:100%!important;overflow:hidden!important}
.content.chat-view{min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.messages{min-height:0!important;flex:1 1 auto!important;overflow:auto!important}
/* desktop composer: WhatsApp Web-like, compact tools, bigger text field */
.composer-pro{padding:10px 14px!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #dce8f0!important;box-shadow:0 -8px 24px rgba(6,43,70,.07)!important}
.compose-grid-pro{grid-template-columns:minmax(0,1fr) auto!important;max-width:1120px!important;gap:10px!important;align-items:end!important}
.message-field-pro textarea{min-height:46px!important;max-height:118px!important;border-radius:19px!important;font-size:14px!important;line-height:1.55!important;padding:12px 15px!important;background:#f8fbfd!important}
.composer-tools-pro{gap:7px!important;align-items:center!important}.file-picker,.voice-rec-btn,.custom-target-toggle,.send-action{width:44px!important;min-width:44px!important;height:44px!important;border-radius:16px!important;padding:0!important;font-size:0!important;box-shadow:0 8px 18px rgba(6,43,70,.06)!important}.file-picker span,.voice-rec-btn span,.custom-target-toggle span,.send-action .send-label{display:none!important}.file-picker svg,.voice-rec-btn svg,.custom-target-toggle svg,.send-action svg{width:19px!important;height:19px!important}.send-action{background:linear-gradient(135deg,#062b46,#0f766e)!important;color:#fff!important;border:0!important}.target-preview{font-size:12px!important;line-height:1.45!important;min-height:34px!important;padding:8px 10px!important;border-radius:14px!important}.file-rules{font-size:10.5px!important;line-height:1.5!important;padding:6px 9px!important;border-radius:12px!important}.selected-files{max-height:56px!important}.selected-file-chip{font-size:10.5px!important;padding:4px 8px!important}
/* Make attachment previews clean and visible */
.attachments-grid{display:grid!important;gap:8px!important;margin-top:8px!important}.image-attachment{display:block!important;max-width:280px!important;border:1px solid #dce8f0!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;text-decoration:none!important;color:#073452!important}.image-attachment img{display:block!important;width:100%!important;max-height:260px!important;object-fit:cover!important;background:#f3f8fb!important}.image-attachment span{display:block!important;padding:7px 9px!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.file-attachment,.audio-attachment{border:1px solid #dce8f0!important;border-radius:18px!important;background:#fff!important;padding:10px!important;box-shadow:0 8px 18px rgba(6,43,70,.05)!important}.audio-attachment audio{width:100%!important;margin-top:7px!important}.file-attachment-missing{background:#fff8f8!important;border-color:#ffd0ca!important;color:#b42318!important}
/* Professional compact notification dropdown near bell */
.bell-scrim-v40{position:fixed!important;inset:0!important;background:rgba(6,35,58,.20)!important;backdrop-filter:blur(2px)!important;z-index:2900!important;display:none!important}.bell-scrim-v40.show{display:block!important}.bell-dropdown-pro,.bell-dropdown-v40,.bell-dropdown-v44{position:fixed!important;right:92px!important;top:18px!important;width:420px!important;max-width:calc(100vw - 116px)!important;max-height:calc(100dvh - 32px)!important;background:#fff!important;border:1px solid #dbe8f1!important;border-radius:26px!important;box-shadow:0 30px 90px rgba(6,35,58,.28)!important;overflow:hidden!important;z-index:3000!important;display:none!important}.bell-dropdown-pro.show,.bell-dropdown-v40.show,.bell-dropdown-v44.show{display:block!important}.bell-dropdown-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:15px!important;background:linear-gradient(135deg,#062b46,#0b6b69)!important;color:#fff!important}.bell-head-title-v29{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}.bell-head-title-v29 strong{display:block!important;font-size:16px!important;line-height:1.25!important;white-space:nowrap!important}.bell-head-title-v29 small{display:block!important;font-size:11px!important;opacity:.84!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bell-head-icon-v29{width:42px!important;height:42px!important;border-radius:15px!important;background:rgba(255,255,255,.14)!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}.bell-head-actions-v38{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important}.bell-view-all-v29,.bell-close-v38{height:36px!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.14)!important;color:#fff!important;border-radius:14px!important;text-decoration:none!important;display:inline-grid!important;place-items:center!important;padding:0 12px!important;font-weight:900!important}.bell-close-v38{width:36px!important;padding:0!important;font-size:20px!important;cursor:pointer!important}.bell-summary-v38{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:12px 15px!important;border-bottom:1px solid #edf3f8!important;background:#f8fbfd!important}.bell-summary-v38 b{display:block!important;color:#073452!important}.bell-summary-v38 span{display:block!important;margin-top:3px!important;color:#66788a!important;font-size:11px!important}.bell-summary-v38 strong{width:34px!important;height:34px!important;border-radius:50%!important;background:#eaf8f3!important;color:#0f766e!important;display:grid!important;place-items:center!important}.bell-quick-v38{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;padding:10px 12px!important;border-bottom:1px solid #edf3f8!important}.bell-quick-v38 a{height:34px!important;border-radius:14px!important;background:#fff!important;border:1px solid #dce8f0!important;color:#073452!important;display:grid!important;place-items:center!important;text-decoration:none!important;font-size:11.5px!important;font-weight:900!important}.bell-dropdown-list{padding:10px 12px!important;max-height:390px!important;overflow:auto!important}.bell-item-v46{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;text-decoration:none!important;background:#fbfdff!important;border:1px solid #e4edf4!important;border-radius:18px!important;padding:10px!important;margin:0 0 8px!important;color:#102033!important;min-height:70px!important}.bell-avatar-v46{width:48px!important;height:48px!important;border-radius:18px!important;background:#eaf4ff!important;color:#073452!important;display:grid!important;place-items:center!important;overflow:hidden!important}.bell-avatar-v46 img{width:100%!important;height:100%!important;object-fit:cover!important}.bell-avatar-v46 svg{width:22px!important;height:22px!important}.bell-content-v46{min-width:0!important}.bell-content-v46 b{display:block!important;font-size:13.5px!important;color:#073452!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bell-content-v46 em{display:block!important;font-style:normal!important;font-size:11.5px!important;color:#58687a!important;line-height:1.45!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:2px!important}.bell-content-v46 small{display:block!important;font-size:10px!important;color:#94a3b8!important;margin-top:3px!important}.bell-badge-v46{font-size:10px!important;font-style:normal!important;border-radius:999px!important;background:#eef8ff!important;color:#0f5f8e!important;padding:5px 7px!important;white-space:nowrap!important}.bell-foot-v29{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:10px 14px!important;background:#f8fbff!important;border-top:1px solid #edf3f8!important;font-size:11px!important;color:#66788a!important}.bell-foot-v29 a{font-weight:900!important;color:#0f6f40!important;text-decoration:none!important}
/* Mobile final: uses the uploaded HTML concept, but applied to real PHP markup */
.mobile-chat-back-v49{display:none;text-decoration:none;color:#073452;background:#eef8ff;border:1px solid #d9e8f2;border-radius:14px;width:40px;height:40px;place-items:center;font-weight:1000;font-size:20px;flex:0 0 auto}.mobile-bottom-nav-v48{position:fixed!important;left:0!important;right:0!important;bottom:0!important;display:none!important;grid-template-columns:repeat(4,1fr)!important;height:calc(68px + env(safe-area-inset-bottom,0px))!important;padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px))!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;border-top:1px solid #dfeaf2!important;box-shadow:0 -14px 34px rgba(6,43,70,.08)!important;z-index:5000!important}.mobile-bottom-nav-v48 a{display:grid!important;place-items:center!important;gap:2px!important;text-decoration:none!important;color:#627385!important;border-radius:18px!important;font-size:10.5px!important;font-weight:900!important;position:relative!important}.mobile-bottom-nav-v48 a.active{background:#eaf8f3!important;color:#0f8a6b!important}.mobile-bottom-nav-v48 .nav-badge{position:absolute!important;top:4px!important;right:50%!important;min-width:17px!important;height:17px!important;border-radius:999px!important;background:#d71920!important;color:#fff!important;font-size:9px!important;display:grid!important;place-items:center!important;border:2px solid #fff!important}
@media(max-width:900px){
  html,body{height:100%!important;overflow:hidden!important;background:linear-gradient(135deg,#f7fbfd,#eef5f8 52%,#eaf4f2)!important}.app-pro{display:block!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;background:#fff!important}.rail,.right{display:none!important}.mobile-bottom-nav-v48{display:grid!important}.mobile-chat-back-v49{display:grid!important}.app-pro.mobile-channel-home .content{display:none!important}.app-pro.mobile-channel-home .sidebar{display:flex!important}.app-pro.mobile-chat-open .sidebar{display:none!important}.app-pro.mobile-chat-open .content{display:flex!important}
  .sidebar{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;background:#fff!important;z-index:50!important;border:0!important;flex-direction:column!important;overflow:hidden!important}.side-head{min-height:88px!important;background:linear-gradient(135deg,#062b46,#073c60 58%,#0b766d)!important;color:#fff!important;border:0!important;padding:14px 16px!important;box-shadow:0 14px 34px rgba(6,43,70,.16)!important}.side-head img{width:54px!important;height:54px!important;border-radius:19px!important}.side-head strong{color:#fff!important;font-size:15px!important}.side-head span{color:rgba(255,255,255,.78)!important}.search{background:#f8fbfd!important;padding:12px 14px!important;border-bottom:1px solid #e4edf3!important}.search input{height:45px!important;border-radius:18px!important;background:#fff!important}.channel-list{flex:1!important;overflow:auto!important;padding:10px 12px calc(92px + env(safe-area-inset-bottom,0px))!important}.section-label{font-size:12px!important;color:#0a4b6d!important;padding:9px 10px!important}.channel{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;margin-bottom:8px!important;border-radius:21px!important;background:#fff!important;border:1px solid #e4edf3!important;padding:12px!important;box-shadow:0 10px 24px rgba(6,43,70,.04)!important}.channel.active{background:#eef8ff!important;border-color:#cfe6f6!important}.ch-icon{width:48px!important;height:48px!important;border-radius:18px!important}.channel strong{font-size:13.5px!important}.channel span{font-size:11.5px!important;line-height:1.4!important}
  .content.chat-view{position:fixed!important;inset:0!important;height:100dvh!important;min-height:100dvh!important;background:#eef7f4!important;z-index:60!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.chat-head{height:72px!important;min-height:72px!important;padding:9px 12px!important;gap:9px!important;justify-content:flex-start!important}.chat-head h2{font-size:16px!important;line-height:1.25!important}.chat-head .small{font-size:10.5px!important;max-width:65vw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chat-head .tag{margin-right:auto!important;font-size:10px!important;padding:5px 8px!important}.messages{flex:1 1 auto!important;overflow:auto!important;padding:12px 10px calc(158px + env(safe-area-inset-bottom,0px))!important;gap:10px!important}.msg{max-width:96%!important}.msg.me{max-width:96%!important}.msg-row{gap:7px!important}.msg-avatar{width:35px!important;height:35px!important;border-radius:50%!important}.msg-bubble{border-radius:18px!important;padding:9px 11px!important}.attachments-grid{max-width:100%!important}.image-attachment{max-width:230px!important}.image-attachment img{max-height:220px!important}
  .composer-pro{position:fixed!important;left:0!important;right:0!important;bottom:calc(68px + env(safe-area-inset-bottom,0px))!important;padding:8px 10px!important;border-radius:24px 24px 0 0!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(16px)!important;z-index:4000!important;border-top:1px solid #dce8f0!important;box-shadow:0 -14px 34px rgba(6,43,70,.12)!important}.compose-grid-pro{display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto auto!important;gap:6px!important;align-items:end!important;max-width:none!important;width:100%!important}.message-field-pro{grid-column:3!important;grid-row:1!important;min-width:0!important}.message-field-pro textarea{min-height:42px!important;max-height:96px!important;border-radius:18px!important;padding:11px 12px!important;font-size:13px!important;line-height:1.5!important;background:#f8fbfd!important}.composer-tools-pro{display:contents!important}.custom-target-toggle{grid-column:1!important;grid-row:1!important}.file-picker{grid-column:2!important;grid-row:1!important}.voice-rec-btn{grid-column:4!important;grid-row:1!important}.send-action{grid-column:5!important;grid-row:1!important}.custom-target-toggle,.file-picker,.voice-rec-btn,.send-action{width:38px!important;min-width:38px!important;height:38px!important;border-radius:15px!important;padding:0!important;transform:none!important}.send-action{width:40px!important;min-width:40px!important;height:40px!important;border-radius:16px!important}.custom-target-toggle span,.file-picker span,.voice-rec-btn span,.send-action .send-label{display:none!important}.custom-target-toggle svg,.file-picker svg,.voice-rec-btn svg,.send-action svg{width:18px!important;height:18px!important}.selected-files{grid-column:1 / -1!important;grid-row:2!important;max-height:52px!important;overflow:auto!important}.target-preview{grid-column:1 / -1!important;grid-row:3!important;font-size:10.5px!important;padding:5px 8px!important;min-height:0!important}.file-rules{display:none!important}.custom-target-panel{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;max-height:58dvh!important;overflow:auto!important;border-radius:24px!important;z-index:4500!important}.target-picker-grid{grid-template-columns:1fr!important}
  .bell-dropdown-pro,.bell-dropdown-v40,.bell-dropdown-v44{left:10px!important;right:10px!important;top:auto!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:none!important;max-height:76dvh!important;border-radius:28px 28px 0 0!important}.bell-dropdown-list{max-height:42dvh!important}.bell-item-v46{grid-template-columns:46px minmax(0,1fr)!important}.bell-badge-v46{grid-column:2!important;justify-self:start!important;margin-top:2px!important}.profile-wrap-pro,.archive-page-pro,.notifications-page-v29,.wrap{padding-bottom:92px!important;min-height:100dvh!important;overflow:auto!important}.profile-layout-pro,.grid2{display:block!important}.account-mobile-quick-v48{display:grid!important}.global-back-pro{z-index:5100!important}
}


/* ===== V50: Official mobile interface + compact WhatsApp-like composer + small bell popup + screenshot policy ===== */
.capture-watermark{position:fixed;inset:auto 18px 18px auto;z-index:99999;pointer-events:none;color:rgba(6,43,70,.13);font-size:12px;font-weight:900;letter-spacing:.5px;transform:rotate(-12deg)}
.capture-toast{position:fixed;left:50%;top:22px;transform:translateX(-50%);z-index:100000;background:#062b46;color:#fff;border-radius:16px;padding:12px 18px;font-weight:900;box-shadow:0 18px 44px rgba(6,43,70,.24)}
@media print{body.capture-restricted *{visibility:hidden!important}body.capture-restricted:before{content:'الطباعة ولقطة الشاشة غير مفعلة لهذا الحساب';visibility:visible;display:grid;place-items:center;min-height:100vh;font-family:Cairo,Tahoma;color:#062b46;font-weight:900;font-size:22px}}
.group-open-note{display:block!important;margin-top:4px!important;font-size:10.8px!important;color:#0f766e!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Desktop: composer like WhatsApp Web, logical size */
@media(min-width:901px){
  .composer-pro{padding:10px 14px!important;max-height:230px!important;overflow:visible!important;background:rgba(255,255,255,.97)!important;box-shadow:0 -8px 22px rgba(6,43,70,.07)!important}
  .compose-grid-pro{display:grid!important;grid-template-columns:minmax(110px,180px) minmax(360px,1fr) minmax(260px,310px)!important;gap:10px!important;align-items:end!important;max-width:1120px!important;margin:0 auto!important;width:100%!important}
  .target-preview.locked-target,.target-preview{min-height:42px!important;max-height:52px!important;padding:8px 11px!important;border-radius:16px!important;font-size:11.5px!important;line-height:1.35!important;display:flex!important;align-items:center!important;overflow:hidden!important}
  .message-field-pro textarea{min-height:46px!important;max-height:104px!important;border-radius:18px!important;font-size:13.5px!important;line-height:1.55!important;padding:11px 14px!important;background:#f8fbfd!important}
  .composer .field label,.message-field-pro label{font-size:11px!important;margin-bottom:4px!important}
  .composer-tools-pro{display:grid!important;grid-template-columns:42px 42px 42px 48px!important;gap:7px!important;align-items:center!important}
  .custom-target-toggle,.file-picker,.voice-rec-btn,.send-action{width:42px!important;min-width:42px!important;height:42px!important;border-radius:15px!important;padding:0!important;display:grid!important;place-items:center!important;overflow:hidden!important}
  .send-action{width:48px!important;min-width:48px!important;height:42px!important;border-radius:16px!important}
  .custom-target-toggle span,.file-picker span,.voice-rec-btn span,.send-action .send-label{display:none!important}
  .custom-target-toggle svg,.file-picker svg,.voice-rec-btn svg,.send-action svg{width:18px!important;height:18px!important}
  .file-picker input[type=file]{position:absolute!important;inset:0!important;opacity:0!important;display:block!important;width:100%!important;height:100%!important;cursor:pointer!important}
  .file-rules{display:none!important}
  .selected-files{grid-column:1 / -1!important;display:flex!important;gap:6px!important;flex-wrap:wrap!important;max-height:44px!important;overflow:auto!important}
  .custom-target-panel{position:absolute!important;bottom:72px!important;left:50%!important;transform:translateX(-50%)!important;width:min(780px,calc(100vw - 260px))!important;max-height:62vh!important;overflow:auto!important;border-radius:24px!important;box-shadow:0 28px 80px rgba(6,43,70,.24)!important;z-index:2500!important;display:none!important;background:#fff!important}
  .custom-target-panel.show{display:block!important}
}

/* Notification bell: small professional popup next to bell, not a big modal */
body #bellDropdownPanel.bell-dropdown-pro{position:fixed!important;top:18px!important;right:86px!important;left:auto!important;bottom:auto!important;width:min(410px,calc(100vw - 106px))!important;max-height:calc(100dvh - 36px)!important;border-radius:24px!important;transform:translateX(12px) scale(.98)!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;background:#fff!important;border:1px solid #dce8f1!important;box-shadow:0 26px 86px rgba(6,35,58,.30)!important;z-index:9050!important}
body #bellDropdownPanel.bell-dropdown-pro.show{opacity:1!important;pointer-events:auto!important;transform:none!important}
body #bellDropdownPanel .bell-dropdown-head{padding:14px 15px!important;min-height:auto!important;background:linear-gradient(135deg,#062b46,#0b4d73 62%,#0f766e)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
body #bellDropdownPanel .bell-head-title-v29{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
body #bellDropdownPanel .bell-head-title-v29 strong{font-size:16px!important;color:#fff!important;white-space:nowrap!important;line-height:1.2!important}
body #bellDropdownPanel .bell-head-title-v29 small{font-size:11px!important;color:rgba(255,255,255,.82)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:210px!important;display:block!important;margin-top:3px!important}
body #bellDropdownPanel .bell-head-icon-v29{width:42px!important;height:42px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.15)!important;color:#fff!important;flex:0 0 42px!important}
body #bellDropdownPanel .bell-head-icon-v29 svg{width:20px!important;height:20px!important}
body #bellDropdownPanel .bell-head-actions-v38{display:flex!important;gap:6px!important;align-items:center!important;flex:0 0 auto!important}
body #bellDropdownPanel .bell-view-all-v29{height:34px!important;min-width:68px!important;border-radius:13px!important;padding:0 10px!important;font-size:11.5px!important;background:#fff!important;color:#062b46!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;font-weight:1000!important;border:0!important}
body #bellDropdownPanel .bell-close-v38{width:34px!important;height:34px!important;border-radius:13px!important;background:rgba(255,255,255,.13)!important;color:#fff!important;border:1px solid rgba(255,255,255,.24)!important;font-size:22px!important;display:grid!important;place-items:center!important;padding:0!important}
body #bellDropdownPanel .bell-summary-v38{padding:10px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;background:#f8fbff!important;border-bottom:1px solid #e7eff7!important}
body #bellDropdownPanel .bell-summary-v38 b{font-size:13px!important;color:#073452!important;display:block!important}.bell-summary-v38 span{font-size:11px!important;color:#667085!important;line-height:1.35!important}.bell-summary-v38 strong{width:34px!important;height:34px!important;border-radius:12px!important;font-size:13px!important;display:grid!important;place-items:center!important;background:#e7f7ef!important;color:#0f6f40!important}
body #bellDropdownPanel .bell-quick-v38{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;padding:9px!important;background:#fff!important;border-bottom:1px solid #edf3f8!important}
body #bellDropdownPanel .bell-quick-v38 a{height:34px!important;border-radius:12px!important;font-size:11px!important;background:#f8fbff!important;border:1px solid #dfeaf4!important;color:#073452!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:1000!important}
body #bellDropdownPanel .bell-dropdown-list{max-height:360px!important;overflow:auto!important;padding:9px!important;background:#fff!important;display:block!important}
body #bellDropdownPanel .bell-item-v46,body #bellDropdownPanel .bell-item-v29{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;border-radius:16px!important;padding:9px!important;margin:0 0 7px!important;background:#fbfdff!important;border:1px solid #e5eef6!important;min-height:60px!important;text-decoration:none!important;color:#102033!important;box-shadow:none!important}
body #bellDropdownPanel .bell-avatar-v46,body #bellDropdownPanel .bell-mini-icon{width:44px!important;height:44px!important;border-radius:16px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:#eef8ff!important;color:#0f5f8e!important;flex:0 0 44px!important}
body #bellDropdownPanel .bell-avatar-v46 img{width:100%!important;height:100%!important;object-fit:cover!important}.bell-avatar-v46 svg{width:20px!important;height:20px!important}
body #bellDropdownPanel .bell-content-v46{min-width:0!important;display:block!important}.bell-content-v46 b{font-size:12.8px!important;color:#073452!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bell-content-v46 em{font-size:11px!important;color:#58687a!important;line-height:1.35!important;margin-top:2px!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bell-content-v46 small{font-size:9.8px!important;color:#94a3b8!important;margin-top:2px!important;display:block!important;direction:ltr!important;text-align:right!important}
body #bellDropdownPanel .bell-badge-v46,body #bellDropdownPanel .bell-item-v29>i{position:static!important;justify-self:end!important;font-size:9.5px!important;border-radius:999px!important;background:#eef8ff!important;color:#0f5f8e!important;padding:5px 7px!important;white-space:nowrap!important;font-style:normal!important}
body #bellDropdownPanel .bell-foot-v29{padding:9px 12px!important;background:#f8fbff!important;border-top:1px solid #edf3f8!important;font-size:11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.bell-foot-v29 a{font-size:11px!important;text-decoration:none!important;color:#0f766e!important;font-weight:1000!important}

/* Official mobile interface */
@media(max-width:900px){
  html,body{height:100%!important;overflow:hidden!important;background:linear-gradient(135deg,#f7fbfd,#eef5f8 52%,#eaf4f2)!important}
  .app.app-pro{display:block!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;background:#fff!important;padding-bottom:0!important}
  .rail,.right{display:none!important}.mobile-bottom-nav-v48{display:grid!important}
  .app-pro.mobile-channel-home .content{display:none!important}.app-pro.mobile-channel-home .sidebar{display:flex!important}
  .app-pro.mobile-chat-open .sidebar{display:none!important}.app-pro.mobile-chat-open .content{display:flex!important}
  .sidebar{position:fixed!important;inset:0!important;width:100%!important;background:linear-gradient(180deg,#f8fbfd,#fff 48%,#f7fbfd)!important;z-index:50!important;display:flex!important;flex-direction:column!important;border:0!important;overflow:hidden!important}
  .side-head{min-height:132px!important;background:linear-gradient(135deg,#062b46,#073c60 54%,#0b766d)!important;color:#fff!important;border:0!important;padding:16px!important;box-shadow:0 18px 40px rgba(6,43,70,.20)!important;align-items:flex-end!important}
  .side-head img{width:58px!important;height:58px!important;border-radius:22px!important;box-shadow:0 18px 34px rgba(0,0,0,.18)!important}.side-head strong{color:#fff!important;font-size:17px!important}.side-head span{color:rgba(255,255,255,.82)!important;font-size:11.5px!important}
  .search{padding:12px 14px!important;background:#f8fbfd!important;border-bottom:1px solid #e4edf3!important}.search input{height:46px!important;border-radius:18px!important;background:#fff!important;border:1px solid #dce8f1!important;font-weight:800!important}
  .channel-list{flex:1!important;overflow:auto!important;padding:12px 12px calc(92px + env(safe-area-inset-bottom,0px))!important}.section-label{font-size:12px!important;color:#0a4b6d!important;padding:10px 8px 8px!important;font-weight:1000!important}.section-label-groups{margin-top:12px!important;border-top:1px solid #e5eef6!important;padding-top:14px!important}
  .channel{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;margin:0 0 9px!important;padding:12px!important;border-radius:22px!important;background:#fff!important;border:1px solid #e4edf3!important;box-shadow:0 10px 24px rgba(6,43,70,.045)!important}.channel.active{background:#eef8ff!important;border-color:#cfe6f6!important}.ch-icon{width:48px!important;height:48px!important;border-radius:18px!important}.channel strong{font-size:13.5px!important;color:#102033!important}.channel span{font-size:11.2px!important;line-height:1.45!important;white-space:nowrap!important}.group-open-note{font-size:10px!important;white-space:nowrap!important;color:#0f766e!important}.mini-badge{font-size:10px!important;padding:5px 7px!important;border-radius:999px!important}
  .content.chat-view{position:fixed!important;inset:0!important;height:100dvh!important;min-height:100dvh!important;display:flex!important;flex-direction:column!important;background:linear-gradient(rgba(247,251,253,.96),rgba(238,247,244,.92)),repeating-linear-gradient(45deg,transparent 0 18px,rgba(7,52,84,.025) 18px 20px)!important;z-index:60!important;overflow:hidden!important}
  .chat-head{height:74px!important;min-height:74px!important;padding:10px 12px!important;background:#fff!important;border-bottom:1px solid #dfeaf2!important;display:flex!important;align-items:center!important;gap:9px!important;justify-content:flex-start!important}.mobile-chat-back-v49{display:grid!important}.chat-head h2{font-size:16px!important;max-width:58vw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chat-head .small{font-size:10.5px!important;max-width:55vw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chat-head .tag{font-size:10px!important;padding:5px 8px!important;margin-right:auto!important}
  .messages{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:12px 10px calc(150px + env(safe-area-inset-bottom,0px))!important;gap:10px!important}.msg{max-width:96%!important}.msg.me{max-width:96%!important}.msg-row{gap:8px!important}.msg-avatar{width:36px!important;height:36px!important;border-radius:50%!important}.msg-bubble{border-radius:20px 20px 8px 20px!important;padding:10px 12px!important;max-width:calc(100vw - 84px)!important}.msg.me .msg-bubble{border-radius:20px 20px 20px 8px!important}.image-attachment-v37{max-width:100%!important}.image-attachment-v37 img{max-height:260px!important;object-fit:contain!important}.attachments-grid{grid-template-columns:1fr!important}
  .composer-pro{position:fixed!important;left:0!important;right:0!important;bottom:calc(68px + env(safe-area-inset-bottom,0px))!important;padding:8px 10px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;border:1px solid #dce8f0!important;border-right:0!important;border-left:0!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;box-shadow:0 -14px 34px rgba(6,43,70,.12)!important;z-index:4000!important;overflow:visible!important;max-height:none!important}.compose-grid-pro{display:grid!important;grid-template-columns:38px 38px minmax(0,1fr) 38px 42px!important;gap:6px!important;align-items:end!important;width:100%!important;max-width:none!important;margin:0!important}.message-field-pro{grid-column:3!important;grid-row:1!important;min-width:0!important}.message-field-pro label,.composer .field label{display:none!important}.message-field-pro textarea{min-height:42px!important;max-height:96px!important;border-radius:18px!important;background:#f8fbfd!important;padding:11px 12px!important;font-size:13.5px!important;line-height:1.5!important}.composer-tools-pro{display:contents!important}.custom-target-toggle{grid-column:1!important}.file-picker{grid-column:2!important}.voice-rec-btn{grid-column:4!important}.send-action{grid-column:5!important}.custom-target-toggle,.file-picker,.voice-rec-btn{width:38px!important;min-width:38px!important;height:38px!important;border-radius:15px!important;padding:0!important;display:grid!important;place-items:center!important}.send-action{width:42px!important;min-width:42px!important;height:42px!important;border-radius:16px!important;padding:0!important}.custom-target-toggle span,.file-picker span,.voice-rec-btn span,.send-label{display:none!important}.custom-target-toggle svg,.file-picker svg,.voice-rec-btn svg,.send-action svg{width:18px!important;height:18px!important}.selected-files{grid-column:1/-1!important;grid-row:2!important;max-height:54px!important;overflow:auto!important;margin-top:4px!important}.target-preview{grid-column:1/-1!important;grid-row:3!important;font-size:10.5px!important;min-height:0!important;padding:6px 8px!important;border-radius:14px!important}.file-rules{display:none!important}.custom-target-panel{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(142px + env(safe-area-inset-bottom,0px))!important;max-height:58dvh!important;overflow:auto!important;border-radius:24px!important;z-index:4500!important;box-shadow:0 24px 80px rgba(6,43,70,.24)!important}.target-picker-grid{grid-template-columns:1fr!important}
  .mobile-bottom-nav-v48{position:fixed!important;left:0!important;right:0!important;bottom:0!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;height:calc(68px + env(safe-area-inset-bottom,0px))!important;padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px))!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;border-top:1px solid #dfeaf2!important;box-shadow:0 -14px 34px rgba(6,43,70,.08)!important;z-index:5000!important}.mobile-bottom-nav-v48 a{display:grid!important;place-items:center!important;gap:2px!important;text-decoration:none!important;color:#627385!important;border-radius:18px!important;font-size:10.5px!important;font-weight:900!important}.mobile-bottom-nav-v48 a.active{background:#eaf8f3!important;color:#0f8a6b!important}.mobile-bottom-nav-v48 svg{width:21px!important;height:21px!important}
  body #bellDropdownPanel.bell-dropdown-pro{top:auto!important;left:10px!important;right:10px!important;bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-height:76dvh!important;border-radius:28px 28px 0 0!important;transform:translateY(16px) scale(.98)!important}.bell-dropdown-pro.show{transform:translateY(0) scale(1)!important}.bell-dropdown-list{max-height:42dvh!important}
}

/* ===== V52: mobile official menu, messages bottom nav, attachment DB activation ===== */
.mobile-more-v52{display:none}
@media(max-width:900px){
  .mobile-more-v52{display:block!important;position:fixed!important;top:12px!important;left:12px!important;z-index:6200!important;direction:rtl!important}
  .mobile-more-btn-v52{width:42px!important;height:42px!important;border:0!important;border-radius:16px!important;background:rgba(255,255,255,.96)!important;color:#062b46!important;font-size:20px!important;font-weight:1000!important;box-shadow:0 14px 34px rgba(6,43,70,.18)!important;border:1px solid #dfeaf2!important;display:grid!important;place-items:center!important;line-height:1!important;letter-spacing:1px!important}
  .mobile-more-menu-v52{position:absolute!important;top:50px!important;left:0!important;width:260px!important;max-width:calc(100vw - 24px)!important;background:#fff!important;border:1px solid #dfeaf2!important;border-radius:24px!important;box-shadow:0 24px 70px rgba(6,43,70,.25)!important;padding:8px!important;display:none!important;overflow:hidden!important}
  .mobile-more-menu-v52.show{display:block!important;animation:fadeInMenuV52 .16s ease both!important}
  @keyframes fadeInMenuV52{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
  .mobile-more-menu-v52 a{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-height:44px!important;border-radius:16px!important;padding:6px 8px!important;color:#102033!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important}
  .mobile-more-menu-v52 a:hover,.mobile-more-menu-v52 a:active{background:#eef8ff!important;color:#062b46!important}
  .mobile-more-menu-v52 a svg{width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .mobile-more-menu-v52 a.danger{color:#d71920!important;background:#fff5f5!important}
  .side-head{padding-left:64px!important}
  .mobile-bottom-nav-v52 a span{font-size:10.5px!important}
  .mobile-bottom-nav-v52 a:nth-child(2){font-weight:1000!important}
}

/* V52 desktop composer fine tuning */
@media(min-width:901px){
  .compose-grid-pro{grid-template-columns:minmax(120px,200px) minmax(420px,1fr) minmax(230px,280px)!important;gap:10px!important}
  .target-preview.locked-target,.target-preview{font-size:12px!important;line-height:1.35!important;max-height:56px!important;padding:9px 12px!important}
  .message-field-pro textarea{min-height:46px!important;max-height:108px!important;font-size:14px!important}
  .composer-tools-pro{grid-template-columns:38px 38px 38px 44px!important;gap:6px!important}
  .custom-target-toggle,.file-picker,.voice-rec-btn{width:38px!important;min-width:38px!important;height:38px!important;border-radius:14px!important}
  .send-action{width:44px!important;min-width:44px!important;height:40px!important;border-radius:15px!important}
  .custom-target-toggle svg,.file-picker svg,.voice-rec-btn svg,.send-action svg{width:17px!important;height:17px!important}
}


/* ===== V54 FINAL: official desktop/mobile UI, scrolling and composer fixes ===== */
:root{--v54-navy:#062b46;--v54-teal:#0f8a6b;--v54-line:#e4edf3;--v54-bg:#eef5f8;--v54-text:#102033;--v54-muted:#6b7c8f;--v54-safe-bottom:env(safe-area-inset-bottom,0px)}
html,body{height:100%;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important}
body{font-family:"Cairo","Tajawal","Segoe UI",Tahoma,Arial,sans-serif!important;background:linear-gradient(135deg,#f7fbfd,#eef5f8 55%,#eaf4f2)!important;color:var(--v54-text)!important}
.app.app-pro{height:100dvh!important;width:100%!important;overflow:hidden!important;background:#f8fbfd!important;display:grid!important;grid-template-columns:88px minmax(330px,390px) minmax(420px,1fr) minmax(280px,350px)!important;grid-template-rows:1fr!important}
.rail,.sidebar,.content.chat-view,.right{min-height:0!important;max-height:100dvh!important}.sidebar{overflow:hidden!important;display:flex!important;flex-direction:column!important}.channel-list{overflow-y:auto!important;min-height:0!important;padding-bottom:22px!important}.content.chat-view{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important}.chat-head{flex:0 0 auto!important}.messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:18px!important;scrollbar-width:thin}.right{overflow-y:auto!important}.msg{max-width:75%!important}.msg.me{margin-right:auto!important}.mobile-official-note-v54{display:none}
/* WhatsApp Web-like composer: logical height and compact buttons */
.composer.composer-pro{flex:0 0 auto!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;padding:10px 14px!important;border-top:1px solid #dce8f0!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -10px 26px rgba(6,43,70,.07)!important;z-index:30!important}.compose-grid.compose-grid-pro{display:grid!important;grid-template-columns:minmax(145px,220px) minmax(360px,1fr) auto!important;grid-template-areas:"target message tools" "files files files"!important;gap:8px!important;align-items:end!important}.target-preview.locked-target,.target-preview{grid-area:target!important;min-height:42px!important;max-height:68px!important;overflow:auto!important;border-radius:18px!important;padding:9px 11px!important;font-size:11.5px!important;line-height:1.45!important;background:#eef8f3!important;border:1px solid #ccecdf!important;color:#0d5f45!important}.target-picker-pro{grid-area:target!important}.message-field-pro{grid-area:message!important;min-width:0!important}.message-field-pro textarea{min-height:46px!important;max-height:120px!important;height:48px!important;border-radius:18px!important;padding:12px 15px!important;font-size:14px!important;line-height:1.55!important;resize:none!important}.message-field-pro textarea:focus{outline:0!important;border-color:#0f8a6b!important;box-shadow:0 0 0 4px rgba(15,138,107,.10)!important}.composer-tools-pro{grid-area:tools!important;display:flex!important;align-items:center!important;gap:6px!important;align-self:end!important}.custom-target-toggle,.file-picker,.voice-rec-btn{width:38px!important;min-width:38px!important;height:38px!important;border-radius:14px!important;padding:0!important;display:grid!important;place-items:center!important}.send-action{width:44px!important;min-width:44px!important;height:40px!important;border-radius:15px!important;padding:0!important;display:grid!important;place-items:center!important}.custom-target-toggle span,.file-picker span,.voice-rec-btn span,.send-label,.file-rules{display:none!important}.custom-target-toggle svg,.file-picker svg,.voice-rec-btn svg,.send-action svg{width:18px!important;height:18px!important}.selected-files{grid-area:files!important;display:flex!important;gap:6px!important;flex-wrap:wrap!important;max-height:62px!important;overflow:auto!important}.custom-target-panel{position:absolute!important;right:14px!important;left:auto!important;bottom:74px!important;width:min(640px,calc(100vw - 170px))!important;max-height:62vh!important;overflow:auto!important;border-radius:24px!important;box-shadow:0 22px 70px rgba(6,43,70,.22)!important;z-index:80!important;display:none!important}.custom-target-panel.show{display:block!important}.target-picker-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
/* Group permission visual */
.group-open-note{display:block!important;color:#0f766e!important;font-size:10.5px!important;white-space:normal!important;margin-top:3px}.channel.can-send .mini-badge{background:#e7f7ef!important;color:#0f6f40!important}.channel.read-only .mini-badge{background:#fff1f0!important;color:#b42318!important}
/* Professional notification dropdown */
.bell-dropdown-pro,.bell-dropdown-v44,#bellDropdownPanel{position:fixed!important;top:18px!important;right:104px!important;width:420px!important;max-width:calc(100vw - 128px)!important;max-height:calc(100dvh - 36px)!important;background:#fff!important;border:1px solid rgba(218,230,241,.98)!important;border-radius:26px!important;box-shadow:0 28px 90px rgba(7,35,58,.28)!important;overflow:hidden!important;z-index:9000!important;direction:rtl!important;opacity:0!important;transform:translateY(-10px) scale(.98)!important;pointer-events:none!important;transition:.18s ease!important}.bell-dropdown-pro.show,.bell-dropdown-v44.show,#bellDropdownPanel.show{opacity:1!important;transform:none!important;pointer-events:auto!important}.bell-dropdown-head{background:linear-gradient(135deg,#062b46,#0f766e)!important;color:#fff!important;padding:15px 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.bell-head-title-v29{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}.bell-head-title-v29 strong{font-size:17px!important;font-weight:1000!important}.bell-head-title-v29 small{display:block!important;font-size:11.5px!important;color:rgba(255,255,255,.78)!important}.bell-summary-v38{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:12px 16px!important;background:#f8fbff!important;border-bottom:1px solid #e4edf3!important}.bell-quick-v38{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;padding:10px 14px!important;border-bottom:1px solid #e4edf3!important}.bell-quick-v38 a{text-align:center!important;border:1px solid #dce8f0!important;border-radius:13px!important;padding:8px!important;font-weight:900!important;color:#073452!important;background:#fff!important}.bell-dropdown-list{max-height:360px!important;overflow-y:auto!important;padding:8px!important}.bell-item-v46{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:10px!important;border-radius:18px!important;text-decoration:none!important;color:#102033!important}.bell-item-v46:hover{background:#eef8ff!important}.bell-avatar-v46{width:46px!important;height:46px!important;border-radius:16px!important;background:#eef8ff!important;display:grid!important;place-items:center!important;overflow:hidden!important}.bell-avatar-v46 img{width:100%!important;height:100%!important;object-fit:cover!important}.bell-content-v46 b{display:block!important;font-size:13px!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bell-content-v46 em{display:block!important;font-style:normal!important;font-size:11.5px!important;color:#607080!important;line-height:1.45!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bell-content-v46 small{display:block!important;font-size:10.5px!important;color:#91a0ad!important}.bell-badge-v46{font-style:normal!important;border-radius:999px!important;background:#eef8f3!important;color:#0f766e!important;padding:5px 7px!important;font-size:10px!important;font-weight:1000!important;white-space:nowrap!important}.bell-close-v38{border:0!important;background:rgba(255,255,255,.15)!important;color:#fff!important;border-radius:13px!important;width:34px!important;height:34px!important;font-size:18px!important}.bell-foot-v29{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:10px 14px!important;background:#f8fbff!important;border-top:1px solid #e4edf3!important}
/* Mobile: official app style inspired by provided HTML */
@media(max-width:900px){
  html,body{height:100dvh!important;overflow:hidden!important;background:#eef5f8!important}.app.app-pro{display:block!important;height:100dvh!important;width:100vw!important;overflow:hidden!important;background:#fff!important}.rail,.right{display:none!important}.sidebar{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;background:linear-gradient(180deg,#f8fbfd 0%,#fff 42%,#f7fbfd 100%)!important;z-index:10!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.side-head{height:116px!important;min-height:116px!important;background:linear-gradient(135deg,#062b46,#073c60 54%,#0b766d)!important;color:#fff!important;border:0!important;border-radius:0 0 26px 26px!important;padding:18px 54px 18px 14px!important;box-shadow:0 18px 40px rgba(6,43,70,.20)!important}.side-head img{width:50px!important;height:50px!important;border-radius:18px!important;border:2px solid rgba(255,255,255,.3)!important}.side-head strong{color:#fff!important;font-size:16px!important}.side-head span{color:rgba(255,255,255,.78)!important;font-size:11px!important}.search{padding:12px 12px 0!important}.search input{height:44px!important;border-radius:18px!important;background:#fff!important;border:1px solid #dfeaf2!important;box-shadow:0 8px 20px rgba(6,43,70,.05)!important}.mobile-official-note-v54{display:block!important;margin:10px 12px 0!important;padding:10px 12px!important;background:#eef8f3!important;border:1px solid #ccecdf!important;color:#0f6046!important;border-radius:18px!important;font-size:11.5px!important;font-weight:800!important;line-height:1.6!important}.channel-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:10px 12px calc(88px + var(--v54-safe-bottom))!important}.section-label{font-size:12px!important;font-weight:1000!important;color:#062b46!important;margin:6px 0 8px!important;padding:0 3px!important}.section-label-groups{margin-top:16px!important;padding-top:14px!important;border-top:1px solid #e4edf3!important}.channel{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;background:#fff!important;border:1px solid #e4edf3!important;border-radius:22px!important;padding:11px!important;margin:0 0 9px!important;box-shadow:0 10px 23px rgba(6,43,70,.05)!important}.channel.active{background:#eef8ff!important;border-color:#cfe6f6!important}.ch-icon{width:48px!important;height:48px!important;border-radius:18px!important;background:linear-gradient(135deg,#eaf6ff,#f3fbf8)!important;color:#062b46!important}.channel strong{font-size:13.5px!important;font-weight:1000!important;color:#102033!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.channel span{font-size:11px!important;color:#6b7c8f!important;line-height:1.45!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mini-badge{font-size:10px!important;padding:5px 7px!important;border-radius:999px!important;white-space:nowrap!important}.content.chat-view{position:fixed!important;inset:0!important;height:100dvh!important;width:100vw!important;background:linear-gradient(180deg,#f8fbfd 0%,#fff 42%,#f7fbfd 100%)!important;z-index:60!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.app.mobile-channel-home:not(.mobile-chat-open) .content.chat-view{display:none!important}.chat-head{height:72px!important;min-height:72px!important;background:#fff!important;border-bottom:1px solid #dfeaf2!important;padding:9px 12px!important;display:flex!important;align-items:center!important;gap:9px!important}.mobile-chat-back-v49{display:grid!important;width:38px!important;height:38px!important;border-radius:15px!important;background:#eef8ff!important;color:#062b46!important;place-items:center!important;font-weight:1000!important;text-decoration:none!important}.chat-head h2{font-size:15.5px!important;max-width:54vw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chat-head .small{font-size:10.5px!important;max-width:52vw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chat-head .tag{margin-right:auto!important;font-size:10px!important;padding:5px 8px!important}.messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:12px 10px calc(150px + var(--v54-safe-bottom))!important}.msg{max-width:96%!important}.msg.me{max-width:96%!important;margin-right:auto!important}.msg-avatar{width:36px!important;height:36px!important;border-radius:50%!important}.msg-bubble{max-width:calc(100vw - 84px)!important;border-radius:21px 21px 7px 21px!important;padding:10px 12px!important}.msg.me .msg-bubble{border-radius:21px 21px 21px 7px!important}.attachments-grid{grid-template-columns:1fr!important}.image-attachment-v37{max-width:100%!important}.image-attachment-v37 img{max-height:260px!important;object-fit:contain!important}.composer.composer-pro{position:fixed!important;left:0!important;right:0!important;bottom:calc(68px + var(--v54-safe-bottom))!important;padding:8px 10px!important;border-radius:24px 24px 0 0!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;border:1px solid #dfeaf2!important;border-left:0!important;border-right:0!important;border-bottom:0!important;box-shadow:0 -14px 34px rgba(6,43,70,.12)!important;z-index:4000!important}.compose-grid.compose-grid-pro{display:grid!important;grid-template-columns:38px 38px minmax(0,1fr) 38px 42px!important;grid-template-areas:"custom file message mic send" "files files files files files" "target target target target target"!important;gap:6px!important;align-items:end!important}.message-field-pro{grid-area:message!important}.message-field-pro textarea{height:42px!important;min-height:42px!important;max-height:96px!important;border-radius:18px!important;padding:10px 12px!important;font-size:13.5px!important;line-height:1.5!important}.custom-target-toggle{grid-area:custom!important}.file-picker{grid-area:file!important}.voice-rec-btn{grid-area:mic!important}.send-action{grid-area:send!important}.custom-target-toggle,.file-picker,.voice-rec-btn{width:38px!important;height:38px!important;min-width:38px!important;border-radius:15px!important}.send-action{width:42px!important;height:42px!important;min-width:42px!important;border-radius:16px!important}.selected-files{grid-area:files!important;max-height:58px!important;overflow:auto!important}.target-preview{grid-area:target!important;font-size:10.5px!important;max-height:46px!important;padding:6px 8px!important}.custom-target-panel{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(142px + var(--v54-safe-bottom))!important;width:auto!important;max-height:58dvh!important;overflow:auto!important;border-radius:24px!important;z-index:4500!important}.target-picker-grid{grid-template-columns:1fr!important}.mobile-bottom-nav-v54{position:fixed!important;left:0!important;right:0!important;bottom:0!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;height:calc(68px + var(--v54-safe-bottom))!important;padding:7px 10px calc(7px + var(--v54-safe-bottom))!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;border-top:1px solid #dfeaf2!important;box-shadow:0 -14px 34px rgba(6,43,70,.08)!important;z-index:5000!important}.mobile-bottom-nav-v54 a{display:grid!important;place-items:center!important;gap:2px!important;color:#627385!important;border-radius:18px!important;font-size:10.5px!important;font-weight:900!important;text-decoration:none!important}.mobile-bottom-nav-v54 a.active{background:#eaf8f3!important;color:#0f8a6b!important}.mobile-bottom-nav-v54 svg{width:21px!important;height:21px!important}.mobile-more-v52{display:block!important;position:fixed!important;top:12px!important;left:12px!important;z-index:6200!important}.mobile-more-btn-v52{display:none!important}.mobile-more-menu-v52{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(78px + var(--v54-safe-bottom))!important;width:auto!important;max-width:none!important;background:#fff!important;border:1px solid #dfeaf2!important;border-radius:26px!important;box-shadow:0 24px 70px rgba(6,43,70,.25)!important;padding:8px!important;display:none!important}.mobile-more-menu-v52.show{display:block!important}.mobile-more-menu-v52 a{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-height:46px!important;border-radius:17px!important;padding:6px 10px!important;color:#102033!important;font-size:13px!important;font-weight:900!important;text-decoration:none!important}.mobile-more-menu-v52 a:hover{background:#eef8ff!important}.mobile-more-menu-v52 a.danger{color:#d71920!important;background:#fff5f5!important}#bellDropdownPanel{top:auto!important;left:10px!important;right:10px!important;bottom:calc(78px + var(--v54-safe-bottom))!important;width:auto!important;max-width:none!important;max-height:76dvh!important;border-radius:28px 28px 0 0!important}.bell-dropdown-list{max-height:42dvh!important}.bell-item-v46{grid-template-columns:44px minmax(0,1fr)!important}.bell-badge-v46{grid-column:2!important;justify-self:start!important;margin-top:4px!important}.right{display:none!important}}

/* ===== V55 FINAL: professional profile, archive, users, mobile, notifications ===== */
:root{--v55-navy:#062b46;--v55-teal:#0f8a6b;--v55-line:#e4edf3;--v55-muted:#6b7c8f;--v55-card:#fff;--v55-soft:#f7fbfd;--v55-danger:#d71920;--v55-safe-bottom:env(safe-area-inset-bottom,0px)}
.profile-page-v55,.archive-page-v55,.users-page-v55{padding:24px;max-width:1280px;margin:auto}.profile-hero-v55,.archive-hero-v55,.users-hero-v55{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,var(--v55-navy),#0b766d);color:#fff;border-radius:28px;padding:22px;box-shadow:0 22px 60px rgba(6,43,70,.18);margin-bottom:18px}.profile-hero-v55 h1,.archive-hero-v55 h1,.users-hero-v55 h1{margin:8px 0 4px;font-size:26px;color:#fff}.profile-hero-v55 p,.archive-hero-v55 p,.users-hero-v55 p{margin:0;color:rgba(255,255,255,.84);line-height:1.7}.profile-hero-main-v55{display:flex;align-items:center;gap:15px}.profile-hero-avatar-v55{width:72px;height:72px;border-radius:25px;object-fit:cover;border:3px solid rgba(255,255,255,.32);background:#fff}.profile-hero-actions-v55{display:flex;gap:10px;flex-wrap:wrap}.profile-grid-v55{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px}.profile-edit-v55,.profile-side-v55 .card{border-radius:24px;border:1px solid var(--v55-line);box-shadow:0 14px 34px rgba(6,43,70,.07)}.card-title-v55{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.card-title-v55 h2{margin:0;color:var(--v55-navy)}.card-title-v55 p{margin:5px 0 0;color:var(--v55-muted);font-size:13px}.profile-avatar-edit-v55{background:#f8fbfd;border:1px dashed #cbdce8;border-radius:22px;padding:12px;display:flex;align-items:center;gap:14px;margin-bottom:14px}.profile-avatar-edit-v55 img{width:82px;height:82px;border-radius:24px;object-fit:cover}.profile-block-v55{margin-bottom:14px}.profile-block-v55 h3{margin:0 0 8px;color:var(--v55-navy)}.profile-block-v55 p{color:var(--v55-muted);line-height:1.75}.locked-data-v55{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #e4edf3;background:#f8fbff;border-radius:16px;padding:11px 12px;margin:8px 0}.locked-data-v55 span{color:#667085;font-weight:900}.locked-data-v55 strong{text-align:left}.security-list-v55{display:grid;gap:9px}.security-list-v55 span,.device-row-v55{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eef3f7;padding-top:9px;color:#344054}.account-mobile-menu-v55{display:none}.archive-stats-v55{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.archive-stats-v55 div{background:#fff;border:1px solid var(--v55-line);border-radius:22px;padding:16px;box-shadow:0 12px 26px rgba(6,43,70,.06)}.archive-stats-v55 b{display:block;color:var(--v55-navy);font-size:24px}.archive-stats-v55 span{color:var(--v55-muted);font-size:12px}.archive-filter-v55{display:grid;grid-template-columns:minmax(240px,1.6fr) 180px 160px 160px auto auto;gap:10px;align-items:end;background:#fff;border:1px solid var(--v55-line);border-radius:24px;padding:14px;margin-bottom:14px;box-shadow:0 14px 30px rgba(6,43,70,.06)}.archive-list-v55{display:grid;gap:10px}.archive-item-v55{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;background:#fff;border:1px solid var(--v55-line);border-radius:24px;padding:14px;box-shadow:0 14px 30px rgba(6,43,70,.06)}.archive-item-v55>img{width:54px;height:54px;border-radius:19px;object-fit:cover}.archive-top-v55{display:flex;justify-content:space-between;gap:12px;color:#667085;font-size:12px}.archive-top-v55 span{font-weight:1000;color:#0f5f8e}.archive-content-v55 h3{margin:6px 0 6px;color:var(--v55-navy)}.archive-content-v55 p{margin:0;color:#344054;line-height:1.75}.archive-files-v55{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.archive-files-v55 a{background:#eef8ff;color:#0f5f8e;border:1px solid #cfe6f6;border-radius:14px;padding:7px 10px;font-size:12px;font-weight:900}.archive-content-v55 footer{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;color:#667085;font-size:12px}.archive-content-v55 footer a{margin-right:auto;color:#0f5f8e;font-weight:1000}.users-page-v55{max-width:1320px}.users-grid-v55{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px}.users-rules-v55{border-radius:24px;border:1px solid var(--v55-line);position:sticky;top:16px;height:max-content}.rule-icon-v55{width:58px;height:58px;border-radius:20px;background:#eef8ff;color:#0f5f8e;display:grid;place-items:center}.rule-icon-v55 svg,.users-page-v55 svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.users-rules-v55 h2{color:var(--v55-navy);margin:12px 0 8px}.users-rules-v55 p,.users-rules-v55 li{color:#526477;line-height:1.8}.users-directory-v55{display:grid;gap:14px}.dg-contact-v55,.directory-panel-v55{border-radius:24px;border:1px solid var(--v55-line);background:#fff;box-shadow:0 14px 30px rgba(6,43,70,.06);padding:16px}.directory-panel-v55 .selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.manager-result{margin-top:14px}.manager-result.empty{display:grid;place-items:center;text-align:center;min-height:180px;background:#f8fbfd;border:1px dashed #cbdce8;border-radius:24px;color:#667085}.manager-card-pro{display:flex;gap:14px;align-items:center;background:#f8fbff;border:1px solid #e4edf3;border-radius:22px;padding:12px;margin-bottom:12px}.manager-card-pro img{width:72px;height:72px;border-radius:24px;object-fit:cover}.manager-info h2{margin:6px 0 4px;color:var(--v55-navy)}.mini-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.mini-lines span{background:#fff;border:1px solid #e4edf3;border-radius:14px;padding:7px 9px;font-size:12px;color:#344054}.direct-form textarea{min-height:110px}.direct-file{margin:8px 0}.bell-dropdown-v40,.bell-dropdown-pro,.bell-dropdown-v44{border-radius:24px!important}.bell-item-v46{min-height:72px!important}.bell-content-v46 b,.bell-content-v46 em,.bell-content-v46 small{white-space:normal!important;line-height:1.45!important}.bell-avatar-v46{overflow:hidden!important}.bell-avatar-v46 img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important}
@media(max-width:900px){
  html,body{height:100dvh!important;overflow:hidden!important}.profile-page-v55,.archive-page-v55,.users-page-v55{height:100dvh!important;overflow-y:auto!important;padding:12px 12px calc(94px + var(--v55-safe-bottom))!important;max-width:none!important;background:linear-gradient(180deg,#f8fbfd,#fff 42%,#f7fbfd)!important}.profile-hero-v55,.archive-hero-v55,.users-hero-v55{border-radius:0 0 26px 26px!important;margin:-12px -12px 14px!important;padding:16px 14px 18px!important;align-items:flex-start!important}.profile-hero-main-v55{gap:10px}.profile-hero-avatar-v55{width:58px;height:58px;border-radius:20px}.profile-hero-v55 h1,.archive-hero-v55 h1,.users-hero-v55 h1{font-size:20px}.profile-hero-v55 p,.archive-hero-v55 p,.users-hero-v55 p{font-size:12px}.profile-hero-actions-v55,.archive-hero-v55>a,.users-hero-v55>a{display:none!important}.profile-grid-v55,.users-grid-v55{grid-template-columns:1fr}.profile-side-v55{display:grid;gap:10px}.profile-block-v55{margin-bottom:0}.account-mobile-menu-v55{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.account-mobile-menu-v55 a{background:#fff;border:1px solid var(--v55-line);border-radius:20px;padding:12px;color:#102033;box-shadow:0 10px 23px rgba(6,43,70,.05);font-weight:1000}.account-mobile-menu-v55 span{display:block;color:var(--v55-muted);font-size:11px;margin-top:5px;line-height:1.45}.archive-stats-v55{grid-template-columns:repeat(3,1fr);gap:7px}.archive-stats-v55 div{padding:10px;border-radius:18px}.archive-stats-v55 b{font-size:17px}.archive-filter-v55{grid-template-columns:1fr 1fr;border-radius:22px;padding:11px}.archive-filter-v55 .field:first-child{grid-column:1/-1}.archive-filter-v55 .btn{height:42px}.archive-item-v55{grid-template-columns:44px minmax(0,1fr);border-radius:22px;padding:11px}.archive-item-v55>img{width:44px;height:44px;border-radius:16px}.archive-content-v55 footer a{width:100%;margin-right:0}.users-rules-v55{position:static}.directory-panel-v55 .selector-grid{grid-template-columns:1fr}.mini-lines{grid-template-columns:1fr}.manager-card-pro{align-items:flex-start}.manager-card-pro img{width:58px;height:58px;border-radius:20px}.dg-contact-v55,.directory-panel-v55{padding:12px;border-radius:22px}.users-page-v55 .btn svg{width:18px;height:18px}.app.app-pro{height:100dvh!important;overflow:hidden!important}.sidebar{overflow:hidden!important}.channel-list{padding-bottom:calc(88px + var(--v55-safe-bottom))!important}.content.chat-view{overflow:hidden!important}.messages{overflow-y:auto!important;padding-bottom:calc(156px + var(--v55-safe-bottom))!important}.composer.composer-pro{bottom:calc(68px + var(--v55-safe-bottom))!important;z-index:4000!important}.mobile-bottom-nav-v54{height:calc(68px + var(--v55-safe-bottom))!important}.mobile-more-menu-v52{bottom:calc(78px + var(--v55-safe-bottom))!important}.bell-dropdown-v40,.bell-dropdown-pro,.bell-dropdown-v44,#bellDropdownPanel{left:10px!important;right:10px!important;bottom:calc(78px + var(--v55-safe-bottom))!important;top:auto!important;width:auto!important;max-width:none!important;border-radius:28px 28px 0 0!important}.bell-quick-v38{grid-template-columns:repeat(2,1fr)!important}.bell-item-v46{grid-template-columns:44px minmax(0,1fr)!important}.bell-badge-v46{grid-column:2!important;justify-self:start!important}.bell-head-title-v29 small{max-width:170px!important}.compose-grid.compose-grid-pro{grid-template-columns:36px 36px minmax(0,1fr) 36px 40px!important;gap:5px!important}.custom-target-toggle,.file-picker,.voice-rec-btn{width:36px!important;height:36px!important;min-width:36px!important}.send-action{width:40px!important;height:40px!important;min-width:40px!important}.message-field-pro textarea{height:40px!important;min-height:40px!important}.custom-target-toggle svg,.file-picker svg,.voice-rec-btn svg,.send-action svg{width:18px!important;height:18px!important}}
@media(min-width:901px){.profile-page-v55,.archive-page-v55,.users-page-v55{padding-bottom:32px}.composer.composer-pro{padding:10px 16px!important}.compose-grid.compose-grid-pro{grid-template-columns:minmax(0,1fr) auto!important}.message-field-pro textarea{min-height:58px!important;max-height:120px!important;padding:13px 16px!important}.composer-tools-pro{grid-template-columns:50px 50px 50px!important;grid-auto-rows:50px!important;gap:8px!important}.file-picker,.voice-rec-btn,.send-action{width:50px!important;height:50px!important;border-radius:18px!important}.file-picker svg,.voice-rec-btn svg,.send-action svg{width:21px!important;height:21px!important}.target-preview,.locked-target{font-size:12px!important;padding:7px 10px!important}.custom-target-toggle{width:50px!important;height:50px!important;border-radius:18px!important}}

/* ==========================================================
   V57 REAL MOBILE UX FIX - applied after all old styles
   الهدف: تغيير فعلي لواجهة الهاتف وليس مجرد ملاحظات.
   ========================================================== */
@media (max-width: 860px){
  :root{--v57-nav-h:74px;--v57-composer-h:74px;--v57-safe:env(safe-area-inset-bottom,0px)}
  html,body{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;background:#eef5f8!important}
  body{font-family:"Cairo","Tajawal","Segoe UI",Tahoma,Arial,sans-serif!important;color:#102033!important}
  .app.app-pro{height:100dvh!important;width:100vw!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:linear-gradient(180deg,#f8fbfd,#fff 45%,#f7fbfd)!important;border:0!important;margin:0!important;padding:0!important;max-width:none!important}
  .rail,.right{display:none!important}

  /* شاشة قائمة الرسائل في الهاتف */
  .app.app-pro.mobile-channel-home .sidebar{display:flex!important;position:fixed!important;inset:0 0 calc(var(--v57-nav-h) + var(--v57-safe)) 0!important;width:100vw!important;height:auto!important;max-height:none!important;background:#f8fbfd!important;border:0!important;box-shadow:none!important;z-index:20!important;overflow:hidden!important;flex-direction:column!important}
  .app.app-pro.mobile-channel-home .content.chat-view{display:none!important}
  .app.app-pro.mobile-chat-open .sidebar{display:none!important}
  .app.app-pro.mobile-chat-open .content.chat-view{display:flex!important;position:fixed!important;inset:0 0 calc(var(--v57-nav-h) + var(--v57-safe)) 0!important;width:100vw!important;height:auto!important;background:#eef5f8!important;z-index:22!important;overflow:hidden!important;flex-direction:column!important}

  /* رأس الهاتف الرسمي */
  .side-head{min-height:88px!important;padding:14px 15px!important;background:linear-gradient(135deg,#062b46 0%,#073958 58%,#0f766e 100%)!important;color:#fff!important;border:0!important;box-shadow:0 18px 40px rgba(6,43,70,.18)!important;position:relative!important;isolation:isolate!important}
  .side-head:after{content:"";position:absolute;left:-60px;bottom:-100px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.10);z-index:-1}
  .side-head img{width:48px!important;height:48px!important;border-radius:18px!important;box-shadow:0 10px 22px rgba(0,0,0,.12)!important;background:#fff!important}
  .side-head strong{color:#fff!important;font-size:15px!important;max-width:calc(100vw - 96px)!important}
  .side-head span{color:rgba(255,255,255,.82)!important;font-size:11.5px!important}
  .search{padding:12px!important;background:#f8fbfd!important;border-bottom:0!important}
  .search input{height:46px!important;border-radius:18px!important;border:1px solid #dfeaf2!important;background:#fff!important;box-shadow:0 8px 22px rgba(6,43,70,.05)!important;font-weight:800!important}
  .mobile-official-note-v54{display:block!important;margin:0 12px 10px!important;padding:11px 13px!important;background:#eaf8f3!important;border:1px solid #cdeee3!important;border-radius:18px!important;color:#0f6f40!important;font-size:11.5px!important;font-weight:900!important;line-height:1.55!important}
  .channel-list{flex:1!important;max-height:none!important;overflow-y:auto!important;padding:6px 12px 18px!important;background:#f8fbfd!important;scrollbar-width:none!important}
  .channel-list::-webkit-scrollbar{display:none!important}
  .section-label{font-size:12px!important;color:#062b46!important;font-weight:1000!important;margin:8px 0 6px!important;padding:8px 4px!important}
  .section-label-groups{border-top:1px solid #e1edf5!important;margin-top:10px!important;padding-top:16px!important}
  .channel{display:grid!important;grid-template-columns:50px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;background:#fff!important;border:1px solid #e3edf5!important;border-radius:22px!important;padding:11px!important;margin-bottom:9px!important;box-shadow:0 10px 28px rgba(6,43,70,.055)!important;text-decoration:none!important;color:#102033!important}
  .channel.active{border-color:#bfe2ff!important;background:#f3faff!important}
  .channel .ch-icon{width:50px!important;height:50px!important;border-radius:18px!important;background:linear-gradient(135deg,#eaf6ff,#f3fbf8)!important;color:#062b46!important;box-shadow:none!important}
  .channel.can-send .ch-icon{background:linear-gradient(135deg,#e7f7ef,#f3fbf8)!important;color:#0f8a6b!important}
  .channel.read-only .ch-icon{background:#f3f6f9!important;color:#7a8795!important}
  .channel strong{font-size:13.5px!important;font-weight:1000!important;color:#102033!important}
  .channel span{font-size:11.5px!important;line-height:1.45!important;color:#667085!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .group-open-note{display:block!important;margin-top:3px!important;font-size:10.5px!important;color:#0f8a6b!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .mini-badge{font-size:10px!important;border-radius:999px!important;padding:5px 7px!important}

  /* شاشة المحادثة في الهاتف */
  .chat-head{height:70px!important;min-height:70px!important;flex:0 0 70px!important;background:#fff!important;border-bottom:1px solid #dfeaf2!important;padding:10px 12px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;box-shadow:0 10px 24px rgba(6,43,70,.06)!important;z-index:30!important}
  .mobile-chat-back-v49{display:grid!important;width:40px!important;height:40px!important;border-radius:16px!important;background:#eef8ff!important;color:#062b46!important;place-items:center!important;text-decoration:none!important;font-weight:1000!important;font-size:22px!important}
  .chat-head h2{font-size:15.5px!important;line-height:1.15!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#062b46!important}
  .chat-head .small{font-size:10.7px!important;color:#667085!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .chat-head .tag{font-size:9.5px!important;padding:5px 7px!important;border-radius:999px!important;white-space:nowrap!important;max-width:80px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:13px 10px calc(92px + var(--v57-safe))!important;background:linear-gradient(rgba(234,244,239,.84),rgba(234,244,239,.84)),repeating-linear-gradient(45deg,transparent 0 18px,rgba(7,52,84,.025) 18px 20px)!important;scrollbar-width:none!important}
  .messages::-webkit-scrollbar{display:none!important}
  .system-lock{width:calc(100vw - 24px)!important;max-width:none!important;border-radius:22px!important;padding:14px!important;grid-template-columns:42px 1fr!important}
  .system-lock div{width:42px!important;height:42px!important;border-radius:16px!important}
  .msg{max-width:94%!important;border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 10px!important;align-self:flex-start!important}
  .msg.me{align-self:flex-end!important}
  .msg-row{display:flex!important;gap:7px!important;align-items:flex-end!important;max-width:100%!important}
  .msg.me .msg-row{flex-direction:row-reverse!important}
  .msg-avatar{width:34px!important;height:34px!important;border-radius:50%!important;object-fit:cover!important;box-shadow:0 8px 18px rgba(6,43,70,.12)!important}
  .msg-bubble{max-width:calc(100vw - 78px)!important;background:#fff!important;border:1px solid #e1ebf3!important;border-radius:21px 21px 7px 21px!important;padding:10px 12px!important;box-shadow:0 8px 22px rgba(6,43,70,.06)!important;line-height:1.75!important}
  .msg.me .msg-bubble{background:#eaf8f3!important;border-color:#d2eee3!important;border-radius:21px 21px 21px 7px!important}
  .msg-author{display:flex!important;justify-content:space-between!important;gap:8px!important;margin-bottom:4px!important}
  .msg-author strong{font-size:12px!important;color:#0a4b6d!important}
  .msg-author span{font-size:10px!important;color:#7a8998!important;max-width:80px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .msg-text{font-size:13px!important;color:#1b2b3c!important}
  .attachments-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:8px!important}
  .image-attachment-v37{display:block!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;border:1px solid #dde8f0!important;text-decoration:none!important;color:#102033!important;max-width:100%!important}
  .image-attachment-v37 img{display:block!important;width:100%!important;max-height:260px!important;object-fit:contain!important;background:#f8fbff!important}
  .image-attachment-v37 span{display:block!important;padding:8px 10px!important;font-size:11px!important;font-weight:900!important;color:#475467!important}
  .file-attachment,.audio-attachment{border-radius:17px!important;background:#fff!important;border:1px solid #dde8f0!important;padding:9px!important;box-shadow:none!important}

  /* شريط كتابة الرسائل الحقيقي للهاتف */
  .composer.composer-pro{position:fixed!important;left:0!important;right:0!important;bottom:calc(var(--v57-nav-h) + var(--v57-safe))!important;padding:8px 10px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;border:1px solid #dfeaf2!important;border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;box-shadow:0 -14px 34px rgba(6,43,70,.13)!important;z-index:4100!important}
  .compose-grid.compose-grid-pro{display:grid!important;grid-template-columns:38px 38px minmax(0,1fr) 38px 42px!important;grid-template-areas:"custom file message mic send" "files files files files files" "target target target target target"!important;gap:6px!important;align-items:end!important;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
  .message-field-pro{grid-area:message!important;margin:0!important}
  .message-field-pro label{display:none!important}
  .message-field-pro textarea{height:42px!important;min-height:42px!important;max-height:96px!important;width:100%!important;border-radius:18px!important;border:1px solid #dbe7ee!important;background:#f8fbfd!important;padding:10px 12px!important;font-size:13.5px!important;line-height:1.5!important;resize:none!important;outline:none!important}
  .composer-tools-pro{display:contents!important}
  .custom-target-toggle{grid-area:custom!important}
  .file-picker{grid-area:file!important}
  .voice-rec-btn{grid-area:mic!important}
  .send-action{grid-area:send!important}
  .custom-target-toggle,.file-picker,.voice-rec-btn{width:38px!important;height:38px!important;min-width:38px!important;border-radius:15px!important;padding:0!important;display:grid!important;place-items:center!important;background:#f0f6f9!important;color:#062b46!important;border:1px solid #dbe7ee!important;font-size:0!important;overflow:hidden!important}
  .custom-target-toggle span,.file-picker span,.voice-rec-btn span,.send-action .send-label,.file-rules{display:none!important}
  .custom-target-toggle svg,.file-picker svg,.voice-rec-btn svg{width:18px!important;height:18px!important}
  .send-action{width:42px!important;height:42px!important;min-width:42px!important;border-radius:16px!important;padding:0!important;font-size:0!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#062b46,#0f766e)!important;color:#fff!important;border:0!important;box-shadow:0 10px 22px rgba(6,43,70,.18)!important}
  .send-action svg{width:19px!important;height:19px!important}
  .selected-files{grid-area:files!important;display:flex!important;gap:6px!important;max-height:58px!important;overflow:auto!important;padding:2px 0!important;background:transparent!important;box-shadow:none!important;position:static!important;min-height:0!important}
  .selected-files:empty{display:none!important}
  .selected-files span{font-size:10.5px!important;max-width:120px!important;background:#eef2f7!important;border:1px solid #dbe5ef!important;border-radius:999px!important;padding:4px 8px!important}
  .target-preview{grid-area:target!important;font-size:10.5px!important;line-height:1.35!important;max-height:42px!important;overflow:hidden!important;padding:6px 8px!important;border-radius:13px!important;background:#eef8ff!important;color:#06324f!important;border:1px solid #d2e8f8!important;margin:0!important}
  .locked-target{display:block!important}
  .target-picker-pro.custom-target-panel{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(var(--v57-nav-h) + var(--v57-safe) + 78px)!important;width:auto!important;max-height:58dvh!important;overflow:auto!important;border-radius:24px!important;background:#fff!important;border:1px solid #dfeaf2!important;box-shadow:0 24px 70px rgba(6,43,70,.25)!important;z-index:4600!important;padding:12px!important}
  .target-picker-grid{grid-template-columns:1fr!important;gap:8px!important}
  .target-picker-title>span{width:38px!important;height:38px!important;border-radius:15px!important}
  .target-picker-title strong{font-size:13px!important}.target-picker-title small{font-size:11px!important}

  /* شريط الهاتف السفلي */
  .mobile-bottom-nav,.mobile-bottom-nav-v54{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:calc(var(--v57-nav-h) + var(--v57-safe))!important;padding:7px 10px calc(7px + var(--v57-safe))!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;border-top:1px solid #dfeaf2!important;box-shadow:0 -14px 34px rgba(6,43,70,.08)!important;z-index:5000!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important}
  .mobile-bottom-nav a{display:grid!important;place-items:center!important;gap:2px!important;color:#627385!important;border-radius:18px!important;font-size:10.5px!important;font-weight:900!important;text-decoration:none!important;position:relative!important;padding:4px 2px!important}
  .mobile-bottom-nav a.active{background:#eaf8f3!important;color:#0f8a6b!important}
  .mobile-bottom-nav svg{width:21px!important;height:21px!important}
  .mobile-bottom-nav .nav-badge{position:absolute!important;top:5px!important;right:50%!important;transform:translateX(-15px)!important;min-width:17px!important;height:17px!important;border-radius:999px!important;background:#d71920!important;color:#fff!important;font-size:9px!important;border:2px solid #fff!important;display:grid!important;place-items:center!important}

  /* قائمة المزيد من الأسفل */
  .mobile-more-v52{display:block!important;position:fixed!important;z-index:6200!important}
  .mobile-more-btn-v52{display:none!important}
  .mobile-more-menu-v52{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(var(--v57-nav-h) + var(--v57-safe) + 8px)!important;width:auto!important;max-width:none!important;background:#fff!important;border:1px solid #dfeaf2!important;border-radius:26px!important;box-shadow:0 24px 70px rgba(6,43,70,.25)!important;padding:8px!important;display:none!important;max-height:72dvh!important;overflow:auto!important}
  .mobile-more-menu-v52.show{display:block!important}
  .mobile-more-menu-v52 a{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-height:48px!important;border-radius:18px!important;padding:7px 10px!important;color:#102033!important;font-size:13px!important;font-weight:900!important;text-decoration:none!important}
  .mobile-more-menu-v52 a:hover{background:#eef8ff!important}.mobile-more-menu-v52 a.danger{color:#d71920!important;background:#fff5f5!important}
  .mobile-more-menu-v52 svg{width:20px!important;height:20px!important}

  /* مربع الجرس في الهاتف Bottom Sheet */
  .bell-scrim-v40.show{opacity:1!important;pointer-events:auto!important;background:rgba(6,35,58,.24)!important;backdrop-filter:blur(3px)!important}
  #bellDropdownPanel,.bell-dropdown-v40,.bell-dropdown-pro,.bell-dropdown-v44{position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:calc(var(--v57-nav-h) + var(--v57-safe) + 8px)!important;width:auto!important;max-width:none!important;max-height:76dvh!important;border-radius:28px 28px 20px 20px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 -18px 70px rgba(6,35,58,.26)!important;z-index:6000!important;transform:translateY(18px)!important;opacity:0!important;pointer-events:none!important}
  #bellDropdownPanel.show,.bell-dropdown-v40.show,.bell-dropdown-pro.show,.bell-dropdown-v44.show{opacity:1!important;pointer-events:auto!important;transform:none!important}
  .bell-head-v29{padding:15px!important}.bell-head-title-v29 strong{font-size:16px!important}.bell-head-title-v29 small{font-size:11.5px!important;max-width:170px!important}.bell-head-icon-v29{width:42px!important;height:42px!important;border-radius:16px!important}.bell-view-all-v29{height:34px!important;min-width:74px!important;padding:0 10px!important;font-size:11.5px!important}.bell-close-v38{width:34px!important;height:34px!important;border-radius:13px!important}.bell-summary-v38{padding:12px 14px!important}.bell-quick-v38,.bell-quick-v29{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;padding:9px!important}.bell-quick-v38 a,.bell-quick-v29 a{font-size:11px!important;padding:8px 4px!important;border-radius:13px!important}.bell-list-v29,.bell-dropdown-list{max-height:42dvh!important;overflow:auto!important;padding:10px!important}.bell-item-v46,.bell-item-v29{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;min-height:68px!important;border-radius:18px!important;padding:10px!important;margin-bottom:8px!important;background:#fbfdff!important;border:1px solid #e5eef6!important;text-decoration:none!important;color:#102033!important}.bell-avatar-v46,.bell-mini-icon{width:44px!important;height:44px!important;border-radius:16px!important}.bell-content-v46 b,.bell-content b{font-size:13px!important;color:#073452!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bell-content-v46 em,.bell-content em{font-size:11.7px!important;line-height:1.5!important;color:#475467!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.bell-badge-v46,.bell-item-v29>i{grid-column:2!important;justify-self:start!important;font-size:10px!important;margin-top:3px!important;padding:5px 7px!important}
}

/* V57 desktop composer proportional adjustment */
@media (min-width:861px){
  .compose-grid.compose-grid-pro{grid-template-columns:minmax(150px,220px) minmax(380px,1fr) minmax(250px,310px)!important;gap:10px!important;align-items:end!important}
  .message-field-pro textarea{min-height:52px!important;max-height:120px!important;border-radius:18px!important}
  .custom-target-toggle,.file-picker,.voice-rec-btn{height:46px!important;min-height:46px!important;border-radius:15px!important;font-size:12px!important}.custom-target-toggle svg,.file-picker svg,.voice-rec-btn svg{width:18px!important;height:18px!important}.send-action{height:46px!important;border-radius:15px!important}.send-action svg{width:18px!important;height:18px!important}.target-picker-pro{max-height:210px!important;overflow:auto!important}.target-preview{font-size:11.5px!important;line-height:1.45!important}
}


/* =========================================================
   V58 FINAL PROFESSIONAL UX - REAL MOBILE + CLEAN BELL
   This block overrides old mobile/notification/composer rules.
   ========================================================= */
:root{--v58-navy:#062b46;--v58-teal:#0f8a6b;--v58-bg:#f4f8fb;--v58-line:#dfeaf2;--v58-text:#102033;--v58-muted:#667b8f;--v58-safe:env(safe-area-inset-bottom,0px);--v58-bottom:72px;--v58-compose:74px}

/* Desktop notification dropdown: Facebook/LinkedIn style */
@media (min-width:861px){
  #bellDropdownPanel.bell-dropdown-pro{position:fixed!important;right:108px!important;top:22px!important;width:390px!important;max-width:calc(100vw - 132px)!important;max-height:76vh!important;background:#fff!important;border:1px solid #dfeaf2!important;border-radius:24px!important;box-shadow:0 28px 90px rgba(6,43,70,.24)!important;z-index:9900!important;overflow:hidden!important;transform:translateY(-6px) scale(.98)!important;opacity:0!important;pointer-events:none!important;transition:.18s ease!important;display:block!important}
  #bellDropdownPanel.show{opacity:1!important;pointer-events:auto!important;transform:none!important}
  .bell-scrim-v40{position:fixed!important;inset:0!important;background:transparent!important;z-index:9800!important;display:none!important}.bell-scrim-v40.show{display:block!important}
  .bell-dropdown-head{padding:16px 16px 12px!important;background:linear-gradient(135deg,#f8fbfd,#fff)!important;border-bottom:1px solid #edf3f7!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.bell-head-title-v29{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important}.bell-head-icon-v29{width:42px!important;height:42px!important;border-radius:16px!important;background:#e9f7f2!important;color:#0f8a6b!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}.bell-head-icon-v29 svg{width:22px!important;height:22px!important}.bell-head-title-v29 strong{display:block!important;font-size:18px!important;color:#062b46!important}.bell-head-title-v29 small{display:block!important;margin-top:3px!important;font-size:12px!important;color:#6b7c8f!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:190px!important}.bell-head-actions-v38{display:flex!important;align-items:center!important;gap:6px!important}.bell-view-all-v29{height:34px!important;padding:0 11px!important;border-radius:999px!important;background:#062b46!important;color:#fff!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:900!important}.bell-close-v38{width:34px!important;height:34px!important;border:0!important;border-radius:13px!important;background:#f0f5f8!important;color:#062b46!important;font-size:20px!important;line-height:1!important}
  .bell-summary-v38{display:none!important}.bell-quick-v29{display:flex!important;gap:7px!important;padding:10px 14px!important;border-bottom:1px solid #edf3f7!important;overflow:auto!important}.bell-quick-v29 a{white-space:nowrap!important;text-decoration:none!important;background:#f3f8fb!important;color:#34495e!important;border:1px solid #e0ebf2!important;padding:8px 11px!important;border-radius:999px!important;font-size:11.5px!important;font-weight:900!important}.bell-quick-v29 a:hover{background:#e9f7f2!important;color:#0f8a6b!important}.bell-dropdown-list{padding:10px!important;max-height:46vh!important;overflow:auto!important}.bell-item-v46{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:10px!important;border:1px solid #e8f0f6!important;background:#fff!important;border-radius:18px!important;margin-bottom:8px!important;text-decoration:none!important;color:#102033!important;transition:.15s ease!important}.bell-item-v46:hover{background:#f7fbfd!important;transform:translateY(-1px)!important}.bell-avatar-v46{width:48px!important;height:48px!important;border-radius:17px!important;background:linear-gradient(135deg,#e9f7f2,#eef7ff)!important;color:#0f8a6b!important;display:grid!important;place-items:center!important;overflow:hidden!important}.bell-avatar-v46 img{width:100%!important;height:100%!important;object-fit:cover!important}.bell-avatar-v46 svg{width:22px!important;height:22px!important}.bell-content-v46{min-width:0!important;display:block!important}.bell-content-v46 b{display:block!important;font-size:13.5px!important;color:#062b46!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bell-content-v46 em{display:block!important;margin-top:3px!important;font-style:normal!important;color:#53687b!important;font-size:12px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.bell-content-v46 small{display:block!important;margin-top:4px!important;color:#91a0ad!important;font-size:10.5px!important}.bell-badge-v46{font-style:normal!important;font-size:10px!important;font-weight:900!important;color:#0f8a6b!important;background:#e9f7f2!important;border:1px solid #cbeadf!important;border-radius:999px!important;padding:5px 8px!important;white-space:nowrap!important}.bell-foot-v29{padding:10px 14px!important;border-top:1px solid #edf3f7!important;background:#fbfdff!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.bell-foot-v29 span{font-size:11px!important;color:#7a8b9b!important}.bell-foot-v29 a{font-size:12px!important;font-weight:900!important;color:#062b46!important;text-decoration:none!important}
}

/* Desktop composer final proportions */
@media (min-width:861px){
  .content.chat-view{min-height:0!important;overflow:hidden!important}.messages{min-height:0!important;overflow-y:auto!important;padding-bottom:18px!important}.composer.composer-pro{flex:0 0 auto!important;margin:0!important;padding:10px 14px!important;border-top:1px solid #dfeaf2!important;background:#fff!important;box-shadow:0 -10px 26px rgba(6,43,70,.05)!important}.compose-grid.compose-grid-pro{display:grid!important;grid-template-columns:210px minmax(460px,1fr) 290px!important;gap:10px!important;align-items:end!important;width:100%!important}.target-preview{font-size:12px!important;line-height:1.45!important;min-height:44px!important;max-height:54px!important;overflow:hidden!important;border-radius:16px!important;padding:8px 10px!important}.message-field-pro textarea{min-height:48px!important;height:50px!important;max-height:96px!important;border-radius:17px!important;font-size:13.5px!important;line-height:1.5!important;padding:12px 14px!important}.composer-tools-pro{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.custom-target-toggle,.file-picker,.voice-rec-btn,.send-action{height:44px!important;min-height:44px!important;border-radius:15px!important;font-size:11.5px!important;padding:0 8px!important;gap:5px!important}.custom-target-toggle svg,.file-picker svg,.voice-rec-btn svg,.send-action svg{width:18px!important;height:18px!important}.file-rules{grid-column:1/-1!important;font-size:10.5px!important;line-height:1.3!important}.target-picker-pro.custom-target-panel{max-height:190px!important;overflow:auto!important;border-radius:18px!important}.target-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.target-picker-title{margin-bottom:8px!important}.target-picker-title strong{font-size:13px!important}.target-picker-title small{font-size:11px!important}
}

/* Mobile app: stop shrinking desktop; real app flow */
@media (max-width:860px){
  html,body{height:100%!important;overflow:auto!important;background:#f4f8fb!important}.app.app-pro{display:block!important;width:100%!important;min-height:100dvh!important;background:#f4f8fb!important;overflow-x:hidden!important;padding:0!important}.rail{display:none!important}.right-panel{display:none!important}
  .sidebar{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;z-index:1500!important;background:#f4f8fb!important;display:flex!important;flex-direction:column!important;border:0!important;box-shadow:none!important;transform:none!important;overflow:hidden!important;padding-bottom:calc(var(--v58-bottom) + var(--v58-safe))!important}.mobile-chat-open .sidebar{display:none!important}.side-head{margin:0!important;padding:15px 14px 18px!important;background:linear-gradient(135deg,#062b46,#073958 58%,#0f8a6b)!important;color:#fff!important;border-radius:0 0 28px 28px!important;box-shadow:0 18px 40px rgba(6,43,70,.18)!important}.side-head img{width:48px!important;height:48px!important;border-radius:18px!important;border:2px solid rgba(255,255,255,.45)!important}.side-head strong{color:#fff!important;font-size:15.5px!important}.side-head span{color:rgba(255,255,255,.76)!important;font-size:11.5px!important}.search{padding:12px!important;background:transparent!important;border:0!important}.search input{height:45px!important;border-radius:18px!important;border:1px solid #dfeaf2!important;background:#fff!important;box-shadow:0 8px 20px rgba(6,43,70,.05)!important;font-size:13px!important}.mobile-official-note-v54{display:block!important;margin:0 12px 10px!important;border-radius:18px!important;background:#fff!important;border:1px solid #dfeaf2!important;padding:10px 12px!important;color:#52677a!important;font-size:12px!important;line-height:1.55!important;box-shadow:0 8px 20px rgba(6,43,70,.04)!important}.channel-list{flex:1!important;overflow-y:auto!important;padding:0 12px 18px!important}.section-label{display:flex!important;align-items:center!important;gap:8px!important;margin:14px 4px 8px!important;color:#062b46!important;font-size:12px!important;font-weight:950!important}.section-label:before{content:"";width:8px;height:8px;border-radius:50%;background:#0f8a6b;display:block}.section-label-groups:before{background:#d71920}.channel{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:74px!important;margin:0 0 9px!important;padding:11px!important;border-radius:22px!important;background:#fff!important;border:1px solid #e3edf4!important;box-shadow:0 9px 24px rgba(6,43,70,.055)!important;text-decoration:none!important;color:#102033!important}.channel.active{border-color:#bfe6db!important;background:#f5fffb!important}.ch-icon{width:48px!important;height:48px!important;border-radius:18px!important;background:linear-gradient(135deg,#e9f7f2,#eef7ff)!important;color:#0f8a6b!important;display:grid!important;place-items:center!important}.ch-icon svg{width:22px!important;height:22px!important}.channel strong{display:block!important;font-size:13.5px!important;color:#062b46!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.channel span{display:block!important;margin-top:3px!important;font-size:11.3px!important;color:#667b8f!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.group-open-note{display:block!important;margin-top:4px!important;color:#0f8a6b!important;font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mini-badge{font-size:10px!important;font-weight:950!important;border-radius:999px!important;padding:5px 7px!important;white-space:nowrap!important}.mini-badge.open{background:#e9f7f2!important;color:#0f8a6b!important}.mini-badge.locked{background:#fff1f1!important;color:#d71920!important}
  .content.chat-view{position:fixed!important;inset:0!important;display:flex!important;flex-direction:column!important;background:#f6fafc!important;z-index:1600!important;height:100dvh!important;overflow:hidden!important}.mobile-channel-home .content.chat-view{display:none!important}.chat-head{height:auto!important;min-height:78px!important;flex:0 0 auto!important;padding:12px 12px!important;background:linear-gradient(135deg,#062b46,#073958)!important;color:#fff!important;border:0!important;box-shadow:0 14px 34px rgba(6,43,70,.18)!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important}.mobile-chat-back-v49{display:grid!important;width:40px!important;height:40px!important;border-radius:15px!important;place-items:center!important;background:rgba(255,255,255,.14)!important;color:#fff!important;text-decoration:none!important;font-size:22px!important}.chat-head h2{color:#fff!important;font-size:15px!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chat-head .small{display:block!important;color:rgba(255,255,255,.75)!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chat-head .tag{height:30px!important;border-radius:999px!important;padding:0 8px!important;font-size:10.5px!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important}.messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:14px 10px calc(var(--v58-bottom) + var(--v58-compose) + var(--v58-safe) + 28px)!important;background:linear-gradient(180deg,#eef6fa,#ffffff)!important}.msg{max-width:100%!important;margin:8px 0!important}.msg-row{gap:7px!important}.msg-avatar{width:34px!important;height:34px!important}.msg-bubble{max-width:82vw!important;border-radius:20px 20px 7px 20px!important;padding:10px 11px!important;box-shadow:0 7px 20px rgba(6,43,70,.055)!important}.msg.me .msg-bubble{border-radius:20px 20px 20px 7px!important;background:#eaf8f3!important}.msg-author strong{font-size:12px!important}.msg-author span{font-size:10.5px!important}.msg-text{font-size:13px!important;line-height:1.75!important}.image-attachment img{max-width:100%!important;border-radius:16px!important}.file-attachment,.audio-attachment{border-radius:16px!important}.seen-panel{font-size:11px!important}.system-lock{margin:12px 0!important;border-radius:22px!important;padding:16px!important;background:#fff!important}
  .composer.composer-pro{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(var(--v58-bottom) + var(--v58-safe) + 8px)!important;z-index:4200!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;border:1px solid #dfeaf2!important;border-radius:24px!important;box-shadow:0 18px 46px rgba(6,43,70,.16)!important;padding:8px!important;display:block!important}.compose-grid.compose-grid-pro{display:grid!important;grid-template-columns:38px 38px minmax(0,1fr) 42px!important;grid-template-areas:"attach mic text send" "files files files files" "target target target target"!important;gap:6px!important;align-items:center!important}.message-field-pro{grid-area:text!important;margin:0!important}.message-field-pro label{display:none!important}.message-field-pro textarea{height:40px!important;min-height:40px!important;max-height:84px!important;border:0!important;background:#f3f8fb!important;border-radius:18px!important;padding:10px 12px!important;font-size:13px!important;line-height:1.45!important;resize:none!important;box-shadow:inset 0 0 0 1px #e2edf4!important}.composer-tools-pro{display:contents!important}.file-picker{grid-area:attach!important;width:38px!important;height:38px!important;min-height:38px!important;border-radius:15px!important;padding:0!important;background:#f0f6f9!important;border:0!important;display:grid!important;place-items:center!important;color:#073958!important}.voice-rec-btn{grid-area:mic!important;width:38px!important;height:38px!important;min-height:38px!important;border-radius:15px!important;padding:0!important;background:#f0f6f9!important;border:0!important;display:grid!important;place-items:center!important;color:#073958!important}.send-action{grid-area:send!important;width:42px!important;height:42px!important;min-height:42px!important;border-radius:17px!important;padding:0!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#062b46,#0f8a6b)!important;color:#fff!important}.file-picker span,.voice-rec-btn span,.send-action span,.custom-target-toggle span{display:none!important}.file-picker svg,.voice-rec-btn svg,.send-action svg{width:19px!important;height:19px!important}.custom-target-toggle{position:absolute!important;top:-46px!important;left:8px!important;height:34px!important;min-height:34px!important;border-radius:999px!important;padding:0 10px!important;font-size:11px!important;background:#062b46!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(6,43,70,.18)!important}.custom-target-toggle span{display:inline!important}.custom-target-toggle svg{width:16px!important;height:16px!important}.selected-files{grid-area:files!important;margin:0!important;max-height:70px!important;overflow:auto!important}.file-rules{display:none!important}.target-preview{grid-area:target!important;margin:0!important;min-height:0!important;max-height:36px!important;border-radius:14px!important;padding:6px 8px!important;font-size:10.5px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:#eef8ff!important;color:#073958!important;border:1px solid #d1e8f8!important}.target-picker-pro.custom-target-panel{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(var(--v58-bottom) + var(--v58-safe) + 92px)!important;width:auto!important;max-height:62dvh!important;overflow:auto!important;border-radius:24px!important;background:#fff!important;border:1px solid #dfeaf2!important;box-shadow:0 24px 70px rgba(6,43,70,.25)!important;z-index:4300!important;padding:12px!important}.target-picker-grid{grid-template-columns:1fr!important;gap:8px!important}
  .mobile-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:calc(var(--v58-bottom) + var(--v58-safe))!important;padding:7px 10px calc(7px + var(--v58-safe))!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(18px)!important;border-top:1px solid #dfeaf2!important;box-shadow:0 -14px 34px rgba(6,43,70,.08)!important;z-index:5000!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important}.mobile-bottom-nav a{display:grid!important;place-items:center!important;gap:2px!important;color:#627385!important;border-radius:18px!important;font-size:10.5px!important;font-weight:900!important;text-decoration:none!important;position:relative!important;padding:4px 2px!important}.mobile-bottom-nav a.active{background:#eaf8f3!important;color:#0f8a6b!important}.mobile-bottom-nav svg{width:21px!important;height:21px!important}.mobile-bottom-nav .nav-badge{position:absolute!important;top:5px!important;right:50%!important;transform:translateX(-15px)!important;min-width:17px!important;height:17px!important;border-radius:999px!important;background:#d71920!important;color:#fff!important;font-size:9px!important;border:2px solid #fff!important;display:grid!important;place-items:center!important}.mobile-more-menu-v52{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(var(--v58-bottom) + var(--v58-safe) + 8px)!important;background:#fff!important;border:1px solid #dfeaf2!important;border-radius:26px!important;box-shadow:0 24px 70px rgba(6,43,70,.25)!important;padding:8px!important;display:none!important;z-index:6200!important;max-height:72dvh!important;overflow:auto!important}.mobile-more-menu-v52.show{display:block!important}.mobile-more-menu-v52 a{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-height:48px!important;border-radius:18px!important;padding:7px 10px!important;color:#102033!important;font-size:13px!important;font-weight:900!important;text-decoration:none!important}.mobile-more-menu-v52 a:hover{background:#eef8ff!important}.mobile-more-menu-v52 a.danger{color:#d71920!important;background:#fff5f5!important}
  #bellDropdownPanel{position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:calc(var(--v58-bottom) + var(--v58-safe) + 8px)!important;width:auto!important;max-width:none!important;max-height:78dvh!important;border-radius:28px 28px 20px 20px!important;background:#fff!important;box-shadow:0 -18px 70px rgba(6,35,58,.26)!important;z-index:6100!important;overflow:hidden!important;transform:translateY(18px)!important;opacity:0!important;pointer-events:none!important;transition:.18s ease!important}.bell-scrim-v40.show{opacity:1!important;pointer-events:auto!important;background:rgba(6,35,58,.24)!important;backdrop-filter:blur(3px)!important}#bellDropdownPanel.show{opacity:1!important;pointer-events:auto!important;transform:none!important}.bell-dropdown-head{padding:15px!important;background:#fff!important;border-bottom:1px solid #edf3f7!important}.bell-head-title-v29 strong{font-size:16px!important}.bell-head-title-v29 small{font-size:11.5px!important}.bell-quick-v29{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;padding:9px!important}.bell-quick-v29 a{font-size:11px!important;padding:8px 4px!important;text-align:center!important;border-radius:13px!important}.bell-dropdown-list{max-height:45dvh!important;overflow:auto!important;padding:10px!important}.bell-item-v46{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;min-height:68px!important;border-radius:18px!important;padding:10px!important;margin-bottom:8px!important;background:#fbfdff!important;border:1px solid #e5eef6!important;text-decoration:none!important;color:#102033!important}.bell-avatar-v46{width:44px!important;height:44px!important;border-radius:16px!important}.bell-content-v46 b{font-size:13px!important;color:#073452!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bell-content-v46 em{font-size:11.7px!important;line-height:1.5!important;color:#475467!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.bell-badge-v46{grid-column:2!important;justify-self:start!important;font-size:10px!important;margin-top:3px!important;padding:5px 7px!important}
}

/* ===== V59 ACTUAL MOBILE UX REBUILD ===== */
:root{--v59-navy:#062b46;--v59-navy2:#073c60;--v59-teal:#0f8a6b;--v59-bg:#eef5f8;--v59-line:#e4edf3;--v59-text:#102033;--v59-muted:#6b7c8f;--v59-safe:env(safe-area-inset-bottom,0px);--v59-nav:72px;--v59-compose:74px}

/* Intro/login/register mobile polish */
@media(max-width:900px){
  .auth-shell,.intro-pro{min-height:100dvh!important;padding:14px!important;background:radial-gradient(circle at 18% 0%,rgba(15,138,107,.20),transparent 30%),linear-gradient(135deg,#f7fbfd,#eef5f8 55%,#eaf4f2)!important;overflow-y:auto!important}
  .auth-box{display:block!important;width:100%!important;max-width:430px!important;margin:auto!important;border-radius:30px!important;box-shadow:0 24px 70px rgba(6,43,70,.18)!important;overflow:hidden!important;background:#fff!important;border:1px solid #dfeaf2!important}
  .auth-card,.intro,.intro-official-card{border-radius:30px!important;padding:24px 18px!important;box-shadow:0 24px 70px rgba(6,43,70,.18)!important;border:1px solid #dfeaf2!important;background:rgba(255,255,255,.96)!important}
  .intro h1,.intro-official-card h1{font-size:36px!important;line-height:1.1!important}.intro p,.intro-official-card p{font-size:13px!important;line-height:1.8!important}
  .auth-card input,.auth-card select,.auth-card textarea{height:48px!important;border-radius:18px!important;font-size:14px!important}.auth-card .btn,.intro-actions-pro .btn{height:48px!important;border-radius:18px!important;width:100%!important}
}

/* Desktop bell: compact professional dropdown */
@media(min-width:901px){
  body #bellDropdownPanel.bell-dropdown-pro{position:fixed!important;top:18px!important;right:88px!important;left:auto!important;bottom:auto!important;width:392px!important;max-height:calc(100dvh - 36px)!important;border-radius:24px!important;background:#fff!important;border:1px solid #dce8f1!important;box-shadow:0 28px 86px rgba(6,35,58,.30)!important;overflow:hidden!important;z-index:9050!important;opacity:0!important;pointer-events:none!important;transform:translateY(8px) scale(.985)!important;transition:.18s ease!important}
  body #bellDropdownPanel.bell-dropdown-pro.show{opacity:1!important;pointer-events:auto!important;transform:none!important}
}
body #bellDropdownPanel .bell-dropdown-head{background:linear-gradient(135deg,var(--v59-navy),var(--v59-navy2) 62%,var(--v59-teal))!important;padding:14px!important;min-height:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
body #bellDropdownPanel .bell-head-title-v29{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
body #bellDropdownPanel .bell-head-title-v29 strong{display:block!important;color:#fff!important;font-size:16px!important;line-height:1.25!important;white-space:nowrap!important}
body #bellDropdownPanel .bell-head-title-v29 small{display:block!important;color:rgba(255,255,255,.82)!important;font-size:11.5px!important;line-height:1.4!important;max-width:210px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body #bellDropdownPanel .bell-head-icon-v29{width:42px!important;height:42px!important;border-radius:15px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;display:grid!important;place-items:center!important;flex:0 0 42px!important}
body #bellDropdownPanel .bell-head-icon-v29 svg{width:20px!important;height:20px!important}
body #bellDropdownPanel .bell-head-actions-v38{display:flex!important;gap:7px!important;align-items:center!important;flex-shrink:0!important}
body #bellDropdownPanel .bell-view-all-v29{height:34px!important;border-radius:13px!important;padding:0 11px!important;background:#fff!important;color:var(--v59-navy)!important;text-decoration:none!important;font-size:11.5px!important;font-weight:1000!important;display:inline-flex!important;align-items:center!important}
body #bellDropdownPanel .bell-close-v38{width:34px!important;height:34px!important;border-radius:13px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;font-size:22px!important;line-height:1!important;display:grid!important;place-items:center!important;padding:0!important}
body #bellDropdownPanel .bell-summary-v38{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:11px 14px!important;background:#f8fbff!important;border-bottom:1px solid #e7eff7!important}
body #bellDropdownPanel .bell-summary-v38 b{font-size:13.5px!important;color:#073452!important;display:block!important}.bell-summary-v38 span{font-size:11.2px!important;color:#667085!important;line-height:1.45!important}.bell-summary-v38 strong{width:36px!important;height:36px!important;border-radius:14px!important;background:#e7f7ef!important;color:#0f6f40!important;display:grid!important;place-items:center!important;font-size:13px!important}
body #bellDropdownPanel .bell-quick-v38,body #bellDropdownPanel .bell-quick-v29{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;padding:9px!important;background:#fff!important;border-bottom:1px solid #edf3f8!important}
body #bellDropdownPanel .bell-quick-v38 a,body #bellDropdownPanel .bell-quick-v29 a{height:34px!important;border-radius:13px!important;border:1px solid #dfeaf4!important;background:#f8fbff!important;color:#073452!important;text-decoration:none!important;font-size:11px!important;font-weight:1000!important;display:flex!important;align-items:center!important;justify-content:center!important}
body #bellDropdownPanel .bell-dropdown-list{max-height:360px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:9px!important;background:#fff!important}
body #bellDropdownPanel .bell-item-v46,body #bellDropdownPanel .bell-item-v29{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;min-height:62px!important;margin:0 0 8px!important;padding:9px!important;border-radius:17px!important;background:#fbfdff!important;border:1px solid #e5eef6!important;color:#102033!important;text-decoration:none!important;box-shadow:none!important;overflow:hidden!important}
body #bellDropdownPanel .bell-avatar-v46,body #bellDropdownPanel .bell-mini-icon{width:44px!important;height:44px!important;border-radius:16px!important;background:#eef8ff!important;color:#0f5f8e!important;display:grid!important;place-items:center!important;overflow:hidden!important;flex:0 0 44px!important}.bell-avatar-v46 img{width:100%!important;height:100%!important;object-fit:cover!important}
body #bellDropdownPanel .bell-content-v46{min-width:0!important;overflow:hidden!important}.bell-content-v46 b{display:block!important;font-size:12.9px!important;line-height:1.35!important;color:#073452!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bell-content-v46 em{display:block!important;font-size:11.4px!important;line-height:1.45!important;color:#58687a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:2px!important}.bell-content-v46 small{display:block!important;font-size:10px!important;color:#94a3b8!important;margin-top:2px!important;direction:ltr!important;text-align:right!important}
body #bellDropdownPanel .bell-badge-v46,body #bellDropdownPanel .bell-item-v29>i{position:static!important;justify-self:end!important;align-self:center!important;border-radius:999px!important;padding:5px 7px!important;background:#eef8ff!important;color:#0f5f8e!important;font-size:9.5px!important;font-style:normal!important;white-space:nowrap!important}
body #bellDropdownPanel .bell-foot-v29{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:9px 12px!important;background:#f8fbff!important;border-top:1px solid #edf3f8!important;font-size:11px!important}

/* Mobile real app experience */
@media(max-width:900px){
  html,body{height:100%!important;overflow:hidden!important;background:linear-gradient(135deg,#f7fbfd,#eef5f8 55%,#eaf4f2)!important}
  .app.app-pro{height:100dvh!important;min-height:100dvh!important;width:100%!important;overflow:hidden!important;display:block!important;background:#fff!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important}
  .rail,.right{display:none!important}
  .app-pro.mobile-channel-home .content{display:none!important}.app-pro.mobile-channel-home .sidebar{display:flex!important}.app-pro.mobile-chat-open .sidebar{display:none!important}.app-pro.mobile-chat-open .content{display:flex!important}
  .sidebar{position:fixed!important;inset:0!important;z-index:50!important;display:flex!important;flex-direction:column!important;background:linear-gradient(180deg,#f8fbfd,#fff 44%,#f7fbfd)!important;border:0!important;overflow:hidden!important;max-height:none!important}
  .side-head{min-height:126px!important;background:linear-gradient(135deg,var(--v59-navy),var(--v59-navy2) 55%,var(--v59-teal))!important;border:0!important;color:#fff!important;padding:16px!important;align-items:flex-end!important;box-shadow:0 18px 40px rgba(6,43,70,.20)!important;gap:12px!important}
  .side-head img{width:60px!important;height:60px!important;border-radius:22px!important;box-shadow:0 18px 34px rgba(0,0,0,.18)!important}.side-head strong{color:#fff!important;font-size:17px!important}.side-head span{color:rgba(255,255,255,.82)!important;font-size:11.5px!important}
  .search{padding:12px 14px!important;background:#f8fbfd!important;border-bottom:1px solid var(--v59-line)!important}.search input{height:46px!important;border-radius:18px!important;background:#fff!important;border:1px solid #dce8f1!important;font-weight:900!important;color:var(--v59-text)!important;text-align:right!important}
  .mobile-official-note-v54{display:block!important;margin:12px 14px 2px!important;padding:13px!important;border-radius:20px!important;background:#eaf8f3!important;border:1px solid #c9ebdc!important;color:#0f6f40!important;font-size:12.5px!important;line-height:1.75!important;font-weight:900!important;text-align:center!important}
  .channel-list{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px 12px calc(var(--v59-nav) + var(--v59-safe) + 22px)!important;max-height:none!important}.section-label{font-size:12px!important;color:#0a4b6d!important;font-weight:1000!important;padding:12px 8px 8px!important}.section-label-groups{margin-top:10px!important;border-top:1px solid #e5eef6!important;padding-top:14px!important}
  .channel{display:grid!important;grid-template-columns:50px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:12px!important;margin-bottom:9px!important;border:1px solid #e3eef6!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 25px rgba(6,43,70,.055)!important;text-decoration:none!important}.channel.active{background:#eef8ff!important;border-color:#bcdff2!important}.channel .ch-icon{width:50px!important;height:50px!important;border-radius:18px!important;background:#eef8ff!important;color:#073958!important}.channel.can-send .ch-icon{background:#e7f7ef!important;color:#0f6f40!important}.channel.read-only .ch-icon{background:#f4f7fa!important;color:#738194!important}.channel strong{font-size:14px!important;color:#102033!important;line-height:1.35!important}.channel span{font-size:11.5px!important;color:#667085!important;line-height:1.35!important}.group-open-note{display:block!important;color:#0f6f40!important;font-size:10.5px!important;margin-top:3px!important}.mini-badge{font-size:10px!important;padding:5px 8px!important;border-radius:999px!important}
  .content.chat-view{position:fixed!important;inset:0!important;z-index:60!important;display:flex!important;flex-direction:column!important;background:#fff!important;overflow:hidden!important;min-height:0!important}.chat-head{height:66px!important;min-height:66px!important;background:linear-gradient(135deg,var(--v59-navy),var(--v59-navy2))!important;color:#fff!important;border:0!important;padding:10px 12px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}.mobile-chat-back-v49{display:grid!important;width:40px!important;height:40px!important;border-radius:15px!important;place-items:center!important;background:rgba(255,255,255,.14)!important;color:#fff!important;text-decoration:none!important;font-size:22px!important}.chat-head h2{font-size:15.5px!important;line-height:1.3!important;max-width:56vw!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chat-head .small{font-size:10.8px!important;color:rgba(255,255,255,.78)!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chat-head .tag{height:28px!important;border-radius:999px!important;padding:0 8px!important;font-size:10px!important;display:flex!important;align-items:center!important;white-space:nowrap!important;background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important}
  .messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;background:linear-gradient(180deg,#eef6fa,#fff)!important;padding:12px 10px calc(var(--v59-nav) + var(--v59-compose) + var(--v59-safe) + 26px)!important;scroll-behavior:smooth!important}.system-lock{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;border-radius:22px!important;padding:14px!important;margin:10px 0!important;background:#fff!important}.msg{max-width:100%!important;margin:8px 0!important}.msg-row{gap:7px!important}.msg-avatar{width:34px!important;height:34px!important;border-radius:50%!important}.msg-bubble{max-width:calc(100vw - 82px)!important;border-radius:20px 20px 7px 20px!important;padding:10px 12px!important;background:#fff!important}.msg.me .msg-bubble{border-radius:20px 20px 20px 7px!important;background:#eaf8f3!important}.msg-author strong{font-size:12px!important}.msg-author span{display:none!important}.msg-text{font-size:13px!important;line-height:1.75!important}.attachments-grid{grid-template-columns:1fr!important}.image-attachment img{max-height:260px!important;object-fit:contain!important;border-radius:16px!important}.file-attachment,.audio-attachment{border-radius:16px!important}.seen-panel summary{font-size:11px!important}
  .composer.composer-pro{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(var(--v59-nav) + var(--v59-safe) + 8px)!important;z-index:4200!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;border:1px solid #dfeaf2!important;border-radius:24px!important;box-shadow:0 18px 46px rgba(6,43,70,.16)!important;padding:8px!important;display:block!important}.compose-grid.compose-grid-pro{display:grid!important;grid-template-columns:38px 38px minmax(0,1fr) 42px!important;grid-template-areas:"attach mic text send" "files files files files" "target target target target"!important;gap:6px!important;align-items:center!important}.message-field-pro{grid-area:text!important;margin:0!important}.message-field-pro label{display:none!important}.message-field-pro textarea{height:42px!important;min-height:42px!important;max-height:86px!important;border:0!important;background:#f3f8fb!important;border-radius:18px!important;padding:10px 12px!important;font-size:13.5px!important;line-height:1.45!important;resize:none!important;box-shadow:inset 0 0 0 1px #e2edf4!important}.composer-tools-pro{display:contents!important}.file-picker{grid-area:attach!important}.voice-rec-btn{grid-area:mic!important}.send-action{grid-area:send!important}.file-picker,.voice-rec-btn{width:38px!important;height:38px!important;min-width:38px!important;border-radius:15px!important;padding:0!important;background:#f0f6f9!important;border:0!important;display:grid!important;place-items:center!important;color:#073958!important}.send-action{width:42px!important;height:42px!important;min-width:42px!important;border-radius:17px!important;padding:0!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,var(--v59-navy),var(--v59-teal))!important;color:#fff!important}.file-picker span,.voice-rec-btn span,.send-action .send-label{display:none!important}.file-picker svg,.voice-rec-btn svg,.send-action svg{width:19px!important;height:19px!important}.custom-target-toggle{position:absolute!important;top:-43px!important;left:8px!important;height:33px!important;border-radius:999px!important;padding:0 10px!important;background:var(--v59-navy)!important;color:#fff!important;border:0!important;font-size:11px!important;box-shadow:0 10px 24px rgba(6,43,70,.18)!important}.custom-target-toggle svg{width:15px!important;height:15px!important}.selected-files{grid-area:files!important;display:flex!important;gap:5px!important;max-height:62px!important;overflow:auto!important;margin:0!important}.file-rules{display:none!important}.target-preview{grid-area:target!important;font-size:10.8px!important;max-height:35px!important;padding:6px 8px!important;border-radius:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:#eef8ff!important;color:#073958!important;border:1px solid #d1e8f8!important}.target-picker-pro.custom-target-panel{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(var(--v59-nav) + var(--v59-safe) + 92px)!important;max-height:62dvh!important;overflow:auto!important;border-radius:24px!important;background:#fff!important;border:1px solid #dfeaf2!important;box-shadow:0 24px 70px rgba(6,43,70,.25)!important;z-index:4300!important;padding:12px!important}.target-picker-grid{grid-template-columns:1fr!important;gap:8px!important}
  .mobile-bottom-nav,.mobile-bottom-nav-v48,.mobile-bottom-nav-v54{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:calc(var(--v59-nav) + var(--v59-safe))!important;padding:7px 10px calc(7px + var(--v59-safe))!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(18px)!important;border-top:1px solid #dfeaf2!important;box-shadow:0 -14px 34px rgba(6,43,70,.08)!important;z-index:5000!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important}.mobile-bottom-nav a{display:grid!important;place-items:center!important;gap:2px!important;color:#627385!important;border-radius:18px!important;font-size:10.5px!important;font-weight:900!important;text-decoration:none!important;position:relative!important;padding:4px 2px!important}.mobile-bottom-nav a.active{background:#eaf8f3!important;color:var(--v59-teal)!important}.mobile-bottom-nav svg{width:21px!important;height:21px!important}.mobile-bottom-nav .nav-badge{position:absolute!important;top:5px!important;right:50%!important;transform:translateX(-15px)!important;min-width:17px!important;height:17px!important;border-radius:999px!important;background:#d71920!important;color:#fff!important;font-size:9px!important;border:2px solid #fff!important;display:grid!important;place-items:center!important}
  .mobile-more-v52{display:block!important;position:fixed!important;top:12px!important;left:12px!important;z-index:6200!important}.mobile-more-btn-v52{display:none!important}.mobile-more-menu-v52{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(var(--v59-nav) + var(--v59-safe) + 8px)!important;background:#fff!important;border:1px solid #dfeaf2!important;border-radius:26px!important;box-shadow:0 24px 70px rgba(6,43,70,.25)!important;padding:8px!important;display:none!important;z-index:6200!important;max-height:72dvh!important;overflow:auto!important}.mobile-more-menu-v52.show{display:block!important}.mobile-more-menu-v52 a{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-height:48px!important;border-radius:18px!important;padding:7px 10px!important;color:#102033!important;font-size:13px!important;font-weight:900!important;text-decoration:none!important}.mobile-more-menu-v52 a:hover{background:#eef8ff!important}.mobile-more-menu-v52 a.danger{color:#d71920!important;background:#fff5f5!important}
  .bell-scrim-v40.show{opacity:1!important;pointer-events:auto!important;background:rgba(6,35,58,.34)!important;backdrop-filter:blur(4px)!important}#bellDropdownPanel{position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:calc(var(--v59-nav) + var(--v59-safe) + 8px)!important;width:auto!important;max-width:none!important;max-height:78dvh!important;border-radius:28px 28px 20px 20px!important;background:#fff!important;box-shadow:0 -18px 70px rgba(6,35,58,.26)!important;z-index:6100!important;overflow:hidden!important;transform:translateY(18px)!important;opacity:0!important;pointer-events:none!important;transition:.18s ease!important}#bellDropdownPanel.show{opacity:1!important;pointer-events:auto!important;transform:none!important}#bellDropdownPanel .bell-dropdown-head{background:linear-gradient(135deg,var(--v59-navy),var(--v59-navy2))!important}#bellDropdownPanel .bell-dropdown-list{max-height:45dvh!important}#bellDropdownPanel .bell-item-v46,#bellDropdownPanel .bell-item-v29{grid-template-columns:44px minmax(0,1fr)!important}.bell-badge-v46{grid-column:2!important;justify-self:start!important;margin-top:3px!important}
}

/* V60 - Professional composer icons and cleaner message bar */
.composer-pro .composer-tools-pro{
  align-items:center!important;
}
.composer-pro .file-picker,
.composer-pro .voice-rec-btn,
.composer-pro .custom-target-toggle,
.composer-pro .send-action{
  height:44px!important;
  min-height:44px!important;
  border-radius:16px!important;
  padding:0 12px!important;
  gap:7px!important;
  font-size:12px!important;
  letter-spacing:0!important;
  box-shadow:0 8px 20px rgba(6,43,70,.06)!important;
}
.composer-pro .file-picker,
.composer-pro .voice-rec-btn,
.composer-pro .custom-target-toggle{
  background:linear-gradient(180deg,#ffffff,#f3f8fb)!important;
  border:1px solid #d8e7f0!important;
  color:#073958!important;
}
.composer-pro .file-picker:hover,
.composer-pro .voice-rec-btn:hover,
.composer-pro .custom-target-toggle:hover{
  background:#eaf6ff!important;
  border-color:#b8d9eb!important;
  transform:translateY(-1px)!important;
}
.composer-pro .send-action{
  background:linear-gradient(135deg,#063a5c,#0f8a6b)!important;
  border:0!important;
  color:#fff!important;
  justify-content:center!important;
  box-shadow:0 12px 26px rgba(6,58,92,.20)!important;
}
.composer-pro .send-action svg,
.composer-pro .file-picker svg,
.composer-pro .voice-rec-btn svg,
.composer-pro .custom-target-toggle svg{
  width:18px!important;
  height:18px!important;
  stroke-width:2.15!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  flex:0 0 auto!important;
}
.composer-pro .send-action svg{width:20px!important;height:20px!important;}
.composer-pro .message-field-pro textarea{
  min-height:70px!important;
  max-height:120px!important;
  resize:vertical!important;
  padding:12px 14px!important;
  font-size:14px!important;
  border-radius:18px!important;
}
.composer-pro .target-preview.locked-target,
.composer-pro .target-preview{
  min-height:42px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  font-size:12px!important;
}
.composer-pro .selected-files{
  min-height:44px!important;
  padding:6px!important;
}
.composer-pro .file-rules{
  font-size:10.5px!important;
  line-height:1.5!important;
  color:#667085!important;
}

@media (max-width:820px){
  .composer-pro{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(68px + env(safe-area-inset-bottom,0px))!important;
    padding:8px!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(18px)!important;
    box-shadow:0 16px 42px rgba(6,43,70,.18)!important;
    max-height:none!important;
    overflow:visible!important;
    z-index:1000!important;
  }
  .compose-grid-pro{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .message-field-pro label{display:none!important;}
  .message-field-pro textarea{
    min-height:42px!important;
    max-height:96px!important;
    height:44px!important;
    border-radius:18px!important;
    padding:10px 12px!important;
    font-size:13.5px!important;
    line-height:1.6!important;
  }
  .composer-tools-pro{
    display:grid!important;
    grid-template-columns:42px 42px 42px 1fr!important;
    gap:6px!important;
    align-items:center!important;
  }
  .composer-tools-pro .file-picker,
  .composer-tools-pro .voice-rec-btn,
  .composer-tools-pro .custom-target-toggle{
    width:42px!important;
    height:42px!important;
    padding:0!important;
    border-radius:16px!important;
  }
  .composer-tools-pro .file-picker span,
  .composer-tools-pro .voice-rec-btn span,
  .composer-tools-pro .custom-target-toggle span{display:none!important;}
  .composer-tools-pro .send-action{
    height:42px!important;
    min-width:74px!important;
    padding:0 13px!important;
    border-radius:16px!important;
    justify-self:stretch!important;
  }
  .composer-tools-pro .send-label{font-size:12px!important;}
  .selected-files,.file-rules{grid-column:1/-1!important;}
  .app-chat-body,.messages,.chat-main,.conversation,.content{
    padding-bottom:150px!important;
  }
}

/* =========================================================
   V61 FINAL — WhatsApp-style composer + real mobile UX
   Based on the supplied mobile chat and message-bar references.
   ========================================================= */
:root{
  --v61-wa-bg:#efeae2;
  --v61-wa-bar:#f0f2f5;
  --v61-wa-green:#00a884;
  --v61-wa-green-dark:#008f72;
  --v61-wa-text:#111b21;
  --v61-wa-muted:#54656f;
  --v61-navy:#062b46;
  --v61-line:#dbe5ec;
  --v61-safe-bottom:env(safe-area-inset-bottom,0px);
}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.app-pro{min-height:100dvh!important;overflow:hidden!important}
.content.chat-view{min-width:0!important;display:flex!important;flex-direction:column!important;height:100dvh!important;overflow:hidden!important;background:linear-gradient(180deg,#f9fdff,#eef8f7)!important}
.messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding-bottom:112px!important;scrollbar-width:thin!important;background-image:radial-gradient(rgba(7,52,82,.055) 1px,transparent 1px)!important;background-size:18px 18px!important}
.chat-head{flex:0 0 auto!important}

/* WhatsApp Web-like message composer */
.composer-whatsapp-v61{position:sticky!important;bottom:0!important;z-index:30!important;background:var(--v61-wa-bar)!important;border-top:1px solid #dde1e5!important;border-radius:0!important;box-shadow:0 -10px 22px rgba(6,43,70,.08)!important;padding:8px 12px!important;margin:0!important;width:100%!important;display:block!important}
.message-bar-v61{width:100%!important;min-height:58px!important;display:flex!important;align-items:flex-end!important;gap:8px!important;direction:rtl!important}
.icon-btn-v61,.send-btn-v61{width:42px!important;height:42px!important;min-width:42px!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:18px!important;transition:.16s ease!important;flex-shrink:0!important}
.icon-btn-v61{background:transparent!important;color:#54656f!important}
.icon-btn-v61:hover,.icon-btn-v61:active{background:#e1e6ea!important;color:#111b21!important;transform:translateY(-1px)!important}
.icon-btn-v61:disabled,.send-btn-v61:disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important}
.send-btn-v61{background:var(--v61-wa-green)!important;color:#fff!important;box-shadow:0 4px 12px rgba(0,168,132,.28)!important}
.send-btn-v61:hover,.send-btn-v61:active{background:var(--v61-wa-green-dark)!important;transform:translateY(-1px)!important}
.input-wrapper-v61{flex:1 1 auto!important;min-width:0!important;min-height:44px!important;background:#fff!important;border-radius:24px!important;display:flex!important;align-items:flex-end!important;padding:0 16px!important;box-shadow:0 1px 2px rgba(0,0,0,.06)!important;border:1px solid rgba(226,232,240,.9)!important}
#messageBodyInput{width:100%!important;height:44px!important;min-height:44px!important;max-height:120px!important;border:none!important;outline:none!important;resize:none!important;background:transparent!important;font-family:"Cairo",Arial,sans-serif!important;font-size:15px!important;color:#111b21!important;line-height:1.7!important;padding:9px 0!important;overflow-y:auto!important;box-shadow:none!important}
#messageBodyInput::placeholder{color:#8696a0!important}
.composer-meta-v61{display:flex!important;align-items:center!important;gap:8px!important;min-height:0!important;margin:4px 48px 0 48px!important;flex-wrap:wrap!important}
.file-rules-v61{font-size:11px!important;line-height:1.45!important;color:#64748b!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important}
.selected-files-v61{display:flex!important;gap:6px!important;flex-wrap:wrap!important;max-width:100%!important}
.selected-file-chip{border-radius:999px!important;background:#fff!important;border:1px solid #dbe7ee!important;padding:5px 9px!important;font-size:11px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;color:#334155!important}
.target-mini-v61{margin-bottom:6px!important;border-radius:14px!important;padding:7px 10px!important;font-size:12px!important;display:inline-flex!important;max-width:100%!important;background:#eefbf4!important;border:1px solid #cbeedc!important;color:#075c47!important}
.target-panel-v61{display:none!important;position:absolute!important;left:18px!important;right:18px!important;bottom:86px!important;z-index:80!important;border-radius:22px!important;box-shadow:0 24px 70px rgba(6,43,70,.22)!important;background:#fff!important;max-height:60vh!important;overflow:auto!important}
.target-panel-v61.show{display:block!important}
.custom-target-toggle.active{background:#dff7ee!important;color:#008f72!important}

/* Notification dropdown: desktop = small professional popover beside bell */
.bell-dropdown-v40,.bell-dropdown{width:390px!important;right:86px!important;top:20px!important;border-radius:22px!important;max-height:calc(100dvh - 46px)!important;overflow:hidden!important;background:#fff!important;box-shadow:0 26px 70px rgba(7,35,58,.28)!important;border:1px solid #dbe7ee!important}
.bell-dropdown-list{max-height:420px!important;overflow-y:auto!important;padding:8px!important;background:#fff!important}
.bell-item-v46,.bell-item-pro,.bell-item{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:10px!important;border-radius:16px!important;text-decoration:none!important;color:#0f172a!important;border:1px solid transparent!important;margin:4px 0!important;min-height:64px!important}
.bell-item-v46:hover{background:#f3f8fb!important;border-color:#dce9f2!important}
.bell-mini-icon{width:44px!important;height:44px!important;border-radius:50%!important;overflow:hidden!important;display:grid!important;place-items:center!important;background:#eef8f3!important;color:#0f766e!important;flex-shrink:0!important}
.bell-mini-icon img{width:100%!important;height:100%!important;object-fit:cover!important}
.bell-content-v46,.bell-content{min-width:0!important;display:block!important;text-align:right!important}
.bell-content-v46 b,.bell-content b{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:13.5px!important;font-weight:900!important;color:#0f172a!important;line-height:1.35!important}
.bell-content-v46 em,.bell-content em{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-style:normal!important;font-size:12px!important;color:#64748b!important;line-height:1.45!important;margin-top:2px!important}
.bell-content-v46 small,.bell-content small{display:block!important;font-size:10.5px!important;color:#94a3b8!important;margin-top:3px!important;direction:ltr!important;text-align:right!important}
.bell-badge-v46{align-self:start!important;white-space:nowrap!important;font-size:10px!important;border-radius:999px!important;background:#eaf8f3!important;color:#0f8a6b!important;padding:4px 7px!important;font-style:normal!important;font-weight:900!important}
.bell-scrim-v40{background:rgba(6,35,58,.18)!important;backdrop-filter:blur(2px)!important}

/* Mobile application structure: not a squeezed desktop */
.mobile-more-btn-v52{z-index:65!important}
@media(max-width:900px){
  html,body{height:100%!important;overflow:auto!important;background:#f5f8fa!important}
  body{padding:0!important;margin:0!important}
  .app-pro{display:block!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;background:#f5f8fa!important;padding:0!important;direction:rtl!important}
  .rail,.right{display:none!important}
  .sidebar{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;z-index:10!important;background:#f7fbfd!important;display:flex!important;flex-direction:column!important;padding:0!important;border:0!important;box-shadow:none!important;overflow:hidden!important}
  .side-head{min-height:92px!important;background:linear-gradient(135deg,#062b46,#075e54)!important;color:#fff!important;border-radius:0 0 26px 26px!important;margin:0!important;padding:18px 16px!important;display:flex!important;align-items:center!important;gap:12px!important;box-shadow:0 8px 28px rgba(6,43,70,.18)!important}
  .side-head img{width:48px!important;height:48px!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.55)!important}
  .side-head span{color:rgba(255,255,255,.82)!important;font-size:12px!important}
  .search{padding:12px!important;margin:0!important;background:#f7fbfd!important;flex:0 0 auto!important}
  .search input{width:100%!important;height:44px!important;border-radius:22px!important;border:1px solid #dae6ee!important;background:#fff!important;padding:0 16px!important;font-size:14px!important}
  .mobile-official-note-v54{margin:0 12px 10px!important;background:#fff!important;border:1px solid #e2edf3!important;border-radius:18px!important;padding:10px 12px!important;font-size:12px!important;color:#64748b!important;line-height:1.6!important}
  .channel-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:0 12px 108px!important;display:block!important}
  .section-label{margin:14px 4px 8px!important;color:#075e54!important;font-weight:900!important;font-size:13px!important}
  .channel{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;margin:7px 0!important;padding:12px!important;border-radius:20px!important;background:#fff!important;border:1px solid #e1ebf1!important;box-shadow:0 8px 22px rgba(6,43,70,.055)!important;text-decoration:none!important;color:#0f172a!important}
  .channel.active{border-color:#90d9c8!important;background:#ecfbf6!important}
  .channel .ch-icon{width:46px!important;height:46px!important;border-radius:17px!important;background:#eef8f3!important;color:#075e54!important;display:grid!important;place-items:center!important}
  .channel strong{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}
  .channel span,.group-open-note{font-size:11.5px!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;margin-top:2px!important}
  .mini-badge{font-size:10px!important;padding:4px 7px!important;border-radius:999px!important;white-space:nowrap!important}
  .content.chat-view{position:absolute!important;inset:0!important;width:100%!important;height:100dvh!important;z-index:20!important;background:#efeae2!important;display:flex!important;flex-direction:column!important;transform:translateX(0)!important;overflow:hidden!important}
  .mobile-channel-home .content.chat-view{transform:translateX(-105%)!important;pointer-events:none!important}
  .mobile-chat-open .sidebar{display:none!important}
  .chat-head{height:64px!important;min-height:64px!important;background:#075e54!important;color:#fff!important;border-radius:0!important;padding:9px 10px!important;display:flex!important;align-items:center!important;gap:10px!important;box-shadow:0 2px 8px rgba(0,0,0,.16)!important;z-index:4!important;border:0!important}
  .chat-head h2{font-size:15.5px!important;color:#fff!important;max-width:58vw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important}
  .chat-head .small{font-size:11.5px!important;color:rgba(255,255,255,.82)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;max-width:58vw!important}
  .chat-head .tag{margin-inline-start:auto!important;font-size:10px!important;padding:5px 7px!important;background:rgba(255,255,255,.15)!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important}
  .mobile-chat-back-v49{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:50%!important;background:transparent!important;color:#fff!important;text-decoration:none!important;font-size:24px!important;flex-shrink:0!important}
  .messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:14px 10px 150px!important;background:radial-gradient(circle at top left,rgba(255,255,255,.35),transparent 28%),#efeae2!important;background-size:auto!important}
  .msg{max-width:100%!important;margin:8px 0!important}
  .msg-row{gap:6px!important;align-items:flex-end!important}
  .msg-avatar{width:30px!important;height:30px!important}
  .msg-bubble{max-width:82vw!important;border-radius:14px!important;padding:8px 10px!important;box-shadow:0 1px 2px rgba(0,0,0,.12)!important;background:#fff!important;border:0!important}
  .msg.me .msg-row{flex-direction:row-reverse!important}
  .msg.me .msg-bubble{background:#d9fdd3!important;border:0!important}
  .msg-author strong{font-size:12px!important}.msg-author span{font-size:10px!important}.msg-text{font-size:13.5px!important;line-height:1.65!important}
  .attachments-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:8px!important}
  .image-attachment img{max-width:100%!important;max-height:260px!important;border-radius:14px!important;object-fit:cover!important;display:block!important}
  .composer-whatsapp-v61{position:fixed!important;left:0!important;right:0!important;bottom:calc(64px + var(--v61-safe-bottom))!important;z-index:45!important;background:rgba(239,234,226,.97)!important;backdrop-filter:blur(10px)!important;border-top:0!important;padding:7px 8px!important;box-shadow:none!important}
  .message-bar-v61{gap:6px!important;align-items:flex-end!important;min-height:48px!important}
  .icon-btn-v61{width:38px!important;height:38px!important;min-width:38px!important;font-size:17px!important;color:#54656f!important}
  .send-btn-v61{width:46px!important;height:46px!important;min-width:46px!important;font-size:17px!important}
  .input-wrapper-v61{min-height:46px!important;border-radius:26px!important;padding:0 12px!important;box-shadow:0 1px 4px rgba(0,0,0,.10)!important}
  #messageBodyInput{height:38px!important;min-height:38px!important;max-height:94px!important;font-size:14.5px!important;line-height:1.55!important;padding:8px 4px!important}
  .composer-meta-v61{margin:3px 8px 0!important;max-height:42px!important;overflow:auto!important}.file-rules-v61{display:none!important}.selected-files-v61{max-height:38px!important;overflow:auto!important}
  .target-mini-v61{font-size:10.5px!important;padding:5px 8px!important;margin:0 8px 4px!important;max-width:calc(100vw - 16px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .target-panel-v61{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(126px + var(--v61-safe-bottom))!important;max-height:56vh!important;border-radius:24px!important;z-index:90!important}
  .mobile-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:calc(64px + var(--v61-safe-bottom))!important;padding:6px 6px calc(6px + var(--v61-safe-bottom))!important;background:#fff!important;border-top:1px solid #dfe7ee!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;z-index:60!important;box-shadow:0 -8px 26px rgba(6,43,70,.10)!important}
  .mobile-bottom-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;color:#64748b!important;text-decoration:none!important;font-size:10.5px!important;font-weight:900!important;border-radius:16px!important;position:relative!important}
  .mobile-bottom-nav a.active{background:#eaf8f3!important;color:#075e54!important}.mobile-bottom-nav svg{width:21px!important;height:21px!important}
  .mobile-more-v52{display:block!important;position:fixed!important;z-index:100!important}.mobile-more-btn-v52{display:none!important}
  .mobile-more-menu-v52{position:fixed!important;left:12px!important;right:12px!important;bottom:calc(76px + var(--v61-safe-bottom))!important;background:#fff!important;border-radius:24px!important;border:1px solid #e2edf3!important;box-shadow:0 22px 70px rgba(6,43,70,.22)!important;padding:10px!important;display:none!important;grid-template-columns:1fr 1fr!important;gap:8px!important;max-height:60vh!important;overflow-y:auto!important;z-index:110!important}
  .mobile-more-menu-v52.show{display:grid!important}.mobile-more-menu-v52 a{display:flex!important;align-items:center!important;gap:9px!important;padding:12px!important;border-radius:16px!important;background:#f7fbfd!important;color:#0f172a!important;text-decoration:none!important;font-weight:900!important}.mobile-more-menu-v52 a.danger{background:#fff1f1!important;color:#d71920!important}
  .bell-scrim-v40.show{opacity:1!important;pointer-events:auto!important;background:rgba(0,0,0,.36)!important;z-index:80!important}
  .bell-dropdown-v40,.bell-dropdown{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;max-width:none!important;max-height:75dvh!important;border-radius:28px 28px 0 0!important;transform:translateY(105%)!important;opacity:1!important;pointer-events:none!important;z-index:120!important;box-shadow:0 -28px 70px rgba(6,43,70,.28)!important}
  .bell-dropdown-v40.show,.bell-dropdown.show{transform:translateY(0)!important;pointer-events:auto!important;opacity:1!important}
  .bell-dropdown-list{max-height:46dvh!important}.bell-item-v46,.bell-item-pro,.bell-item{grid-template-columns:44px minmax(0,1fr) auto!important;min-height:58px!important;padding:9px!important}.bell-head-v29{border-radius:28px 28px 0 0!important}
  .chat-alert{margin:8px!important;border-radius:14px!important;font-size:13px!important}
}

@media(min-width:901px){
  .mobile-bottom-nav,.mobile-more-v52{display:none!important}
  .composer-whatsapp-v61{flex:0 0 auto!important}
  .messages{padding-bottom:28px!important}
  .message-bar-v61{max-width:100%!important}
}

/* =========================================================
   V62 REAL MOBILE PROFESSIONAL FIX
   - true mobile app flow
   - non-overlapping bottom nav and composer
   - clean users/notifications/profile mobile pages
   - WhatsApp-like composer based on provided references
   ========================================================= */
:root{
  --v62-navy:#062b46;
  --v62-navy2:#075e54;
  --v62-green:#00a884;
  --v62-bg:#eef5f8;
  --v62-wa-bg:#efeae2;
  --v62-line:#e4edf3;
  --v62-text:#102033;
  --v62-muted:#667781;
  --v62-nav:66px;
  --v62-safe:env(safe-area-inset-bottom,0px);
  --v62-composer:72px;
}
/* Desktop composer: close to WhatsApp Web */
.composer-whatsapp-v61{background:#f0f2f5!important;border-top:1px solid #dde1e5!important;padding:10px 14px!important;box-shadow:none!important}
.message-bar-v61{display:flex!important;align-items:flex-end!important;gap:8px!important;width:100%!important;background:transparent!important}
.input-wrapper-v61{flex:1 1 auto!important;min-height:44px!important;background:#fff!important;border-radius:24px!important;display:flex!important;align-items:flex-end!important;padding:0 14px!important;box-shadow:0 1px 2px rgba(0,0,0,.06)!important;border:0!important;min-width:0!important}
#messageBodyInput{width:100%!important;min-height:44px!important;max-height:118px!important;border:0!important;outline:0!important;resize:none!important;background:transparent!important;font-family:Cairo,Arial,sans-serif!important;font-size:15px!important;color:#111b21!important;line-height:1.7!important;padding:9px 0!important;overflow-y:auto!important}
.icon-btn-v61,.send-btn-v61{width:42px!important;height:42px!important;min-width:42px!important;border:none!important;border-radius:50%!important;display:grid!important;place-items:center!important;cursor:pointer!important;font-size:17px!important;transition:.18s ease!important;box-shadow:none!important;padding:0!important}
.icon-btn-v61{background:transparent!important;color:#54656f!important}.icon-btn-v61:hover{background:#e1e6ea!important;color:#111b21!important}.send-btn-v61{background:var(--v62-green)!important;color:#fff!important;box-shadow:0 4px 10px rgba(0,168,132,.28)!important}.send-btn-v61:hover{background:#008f72!important;transform:translateY(-1px)!important}.composer-meta-v61{padding:0 14px 8px!important;background:#f0f2f5!important}.file-rules-v61{display:none!important}.target-mini-v61,.target-preview.locked-target{font-size:12px!important;padding:8px 12px!important;border-radius:16px!important;max-width:420px!important}.target-panel-v61{display:none!important}.target-panel-v61.show{display:block!important}.target-btn-v61{background:#e8f8f3!important;color:#0f766e!important}
/* Desktop bell: clean popover near rail */
.bell-dropdown-pro{width:390px!important;max-height:74vh!important;border-radius:24px!important;overflow:hidden!important;background:#fff!important;border:1px solid #dfeaf2!important;box-shadow:0 28px 80px rgba(6,43,70,.28)!important}.bell-dropdown-v44 .bell-dropdown-list,.bell-dropdown-list{max-height:420px!important;overflow-y:auto!important;padding:10px!important}.bell-item-v46,.bell-item-pro{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:10px!important;margin:0 0 8px!important;border-radius:18px!important;background:#f8fbfd!important;border:1px solid #e5eef6!important;text-decoration:none!important;color:var(--v62-text)!important}.bell-avatar-v46,.bell-mini-icon-v46{width:46px!important;height:46px!important;border-radius:16px!important;overflow:hidden!important;display:grid!important;place-items:center!important;background:#eef8ff!important;color:#075e54!important}.bell-content-v46{min-width:0!important;display:block!important}.bell-content-v46 b{display:block!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.4!important}.bell-content-v46 em{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-style:normal!important;font-size:11.5px!important;line-height:1.55!important;color:#667085!important}.bell-content-v46 small{display:block!important;font-size:10.5px!important;color:#98a2b3!important;margin-top:2px!important}.bell-badge-v46{font-style:normal!important;font-size:10px!important;padding:5px 7px!important;border-radius:999px!important;background:#eaf8f3!important;color:#0f766e!important;white-space:nowrap!important}
/* Mobile app shell */
@media(max-width:860px){
  html,body{height:100%!important;overflow:hidden!important;background:#0b141a!important}.global-back-pro{display:none!important}
  .app.app-pro{position:fixed!important;inset:0!important;height:100dvh!important;width:100vw!important;display:block!important;overflow:hidden!important;background:var(--v62-wa-bg)!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;max-width:none!important}.rail,.right{display:none!important}.mobile-more-v52{display:block!important}.mobile-more-btn-v52{display:none!important}
  /* Channel list screen */
  .app-pro.mobile-channel-home .sidebar{position:fixed!important;inset:0 0 calc(var(--v62-nav) + var(--v62-safe)) 0!important;display:flex!important;flex-direction:column!important;max-height:none!important;height:auto!important;background:#f7fbfd!important;border:0!important;overflow:hidden!important;z-index:20!important}.app-pro.mobile-channel-home .content.chat-view{display:none!important}.sidebar .side-head{height:74px!important;min-height:74px!important;background:linear-gradient(135deg,#062b46,#075e54)!important;color:#fff!important;padding:10px 14px!important;display:flex!important;align-items:center!important;gap:10px!important;border:0!important;box-shadow:0 2px 8px rgba(0,0,0,.16)!important}.side-head img{width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid rgba(255,255,255,.35)!important}.side-head strong{font-size:14px!important;color:#fff!important;line-height:1.2!important}.side-head span{font-size:11px!important;color:rgba(255,255,255,.82)!important;display:block!important;max-width:70vw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.search{padding:10px 12px!important;background:#fff!important;border-bottom:1px solid #e7eef4!important}.search input{height:44px!important;border-radius:22px!important;background:#f0f2f5!important;border:0!important;padding:0 16px!important;font-size:13px!important}.mobile-official-note-v54{margin:8px 12px!important;padding:10px 12px!important;border-radius:16px!important;background:#eaf8f3!important;border:1px solid #caeadf!important;color:#0f6f40!important;font-size:11.5px!important;line-height:1.6!important;font-weight:800!important;text-align:center!important}.channel-list{flex:1 1 auto!important;max-height:none!important;overflow-y:auto!important;padding:8px 10px 18px!important;background:#f7fbfd!important}.section-label{margin:14px 4px 8px!important;font-size:11px!important;color:#075e54!important;font-weight:950!important;letter-spacing:.1px!important}.channel{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;margin-bottom:8px!important;padding:10px!important;border-radius:18px!important;background:#fff!important;border:1px solid #e4edf3!important;box-shadow:0 6px 18px rgba(6,43,70,.045)!important;text-decoration:none!important;color:#111b21!important}.channel.active{background:#e7f8f4!important;border-color:#b8e6db!important}.channel .ch-icon{width:44px!important;height:44px!important;border-radius:50%!important;background:#eaf8f3!important;color:#075e54!important;display:grid!important;place-items:center!important}.channel strong{font-size:13.3px!important;line-height:1.35!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.channel span,.group-open-note{font-size:10.8px!important;line-height:1.45!important;color:#667781!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.mini-badge{font-size:9.5px!important;padding:4px 6px!important;border-radius:999px!important;white-space:nowrap!important}
  /* Chat screen */
  .app-pro.mobile-chat-open .sidebar{display:none!important}.app-pro.mobile-chat-open .content.chat-view{position:fixed!important;inset:0 0 calc(var(--v62-nav) + var(--v62-safe)) 0!important;display:flex!important;flex-direction:column!important;background:var(--v62-wa-bg)!important;z-index:30!important;overflow:hidden!important}.chat-head{height:64px!important;min-height:64px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;background:#075e54!important;color:#fff!important;border:0!important;box-shadow:0 2px 8px rgba(0,0,0,.16)!important}.mobile-chat-back-v49{width:38px!important;height:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:transparent!important;color:#fff!important;text-decoration:none!important;font-size:24px!important;line-height:1!important;flex:0 0 auto!important}.chat-head>div{min-width:0!important;flex:1!important}.chat-head h2{font-size:15.5px!important;line-height:1.25!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;margin:0!important}.chat-head .small{font-size:10.5px!important;color:rgba(255,255,255,.82)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}.chat-head .tag{height:25px!important;padding:0 7px!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;font-size:9px!important;white-space:nowrap!important;flex:0 0 auto!important}.messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;background:radial-gradient(circle at top left,rgba(255,255,255,.35),transparent 28%),var(--v62-wa-bg)!important;padding:14px 10px calc(92px + var(--v62-safe))!important;scroll-behavior:smooth!important}.msg{max-width:100%!important;margin:0 0 8px!important}.msg-row{gap:7px!important;align-items:flex-end!important}.msg-avatar{width:30px!important;height:30px!important;border-radius:50%!important;object-fit:cover!important}.msg-bubble{max-width:calc(100vw - 74px)!important;min-width:0!important;border-radius:14px 14px 4px 14px!important;padding:8px 10px!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.12)!important;border:0!important}.msg.me .msg-bubble{background:#d9fdd3!important;border-radius:14px 14px 14px 4px!important}.msg-author{margin-bottom:3px!important}.msg-author strong{font-size:11.5px!important}.msg-author span{display:none!important}.msg-text{font-size:13.5px!important;line-height:1.65!important}.msg-bubble small{font-size:9.5px!important;color:#667781!important}.system-lock{margin:10px!important;padding:12px!important;border-radius:16px!important;background:#fff!important}.empty-chat{margin:12px!important;border-radius:20px!important}.image-attachment{width:min(260px,100%)!important;border-radius:14px!important}.file-attachment,.audio-attachment{border-radius:14px!important;max-width:100%!important}.attachments-grid{gap:7px!important}
  /* WhatsApp style mobile composer: above bottom nav */
  .composer-whatsapp-v61{position:fixed!important;left:0!important;right:0!important;bottom:calc(var(--v62-nav) + var(--v62-safe))!important;z-index:80!important;background:rgba(239,234,226,.96)!important;backdrop-filter:blur(10px)!important;border:0!important;padding:7px 8px!important;box-shadow:0 -4px 18px rgba(0,0,0,.08)!important}.message-bar-v61{display:flex!important;align-items:flex-end!important;gap:7px!important;width:100%!important;direction:rtl!important}.input-wrapper-v61{order:2!important;flex:1 1 auto!important;min-height:46px!important;max-height:120px!important;background:#fff!important;border-radius:26px!important;display:flex!important;align-items:flex-end!important;padding:4px 10px!important;box-shadow:0 1px 4px rgba(0,0,0,.10)!important;overflow:hidden!important;min-width:0!important}.icon-btn-v61{width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;background:transparent!important;color:#54656f!important;font-size:17px!important;box-shadow:none!important;display:grid!important;place-items:center!important;padding:0!important}.target-btn-v61{order:0!important}.attach-btn-v61{order:1!important}.image-btn-v61{order:3!important}.mic-btn-v61{order:4!important}.send-btn-v61{order:5!important;width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;background:#00a884!important;color:#fff!important;font-size:17px!important;box-shadow:0 2px 8px rgba(0,168,132,.35)!important;display:grid!important;place-items:center!important;padding:0!important}#messageBodyInput{min-height:38px!important;height:38px!important;max-height:94px!important;padding:7px 4px!important;font-size:14.5px!important;line-height:1.55!important}.composer-meta-v61{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(var(--v62-nav) + var(--v62-safe) + 62px)!important;z-index:79!important;background:transparent!important;padding:0!important}.selected-files-v61:not(:empty){background:#fff!important;border:1px solid #e4edf3!important;border-radius:16px!important;padding:6px!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important;max-height:94px!important;overflow:auto!important}.file-rules-v61{display:none!important}.target-panel-v61{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(var(--v62-nav) + var(--v62-safe) + 70px)!important;z-index:120!important;max-height:70dvh!important;overflow:auto!important;border-radius:24px!important;background:#fff!important;box-shadow:0 20px 70px rgba(6,43,70,.25)!important;padding:12px!important}.target-mini-v61,.target-preview.locked-target{display:none!important}.composer-locked .message-bar-v61{opacity:.75!important}
  /* bottom nav and more */
  .mobile-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:calc(var(--v62-nav) + var(--v62-safe))!important;padding:6px 6px calc(6px + var(--v62-safe))!important;background:#fff!important;border-top:1px solid #dfe7ee!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;z-index:100!important;box-shadow:0 -8px 26px rgba(6,43,70,.10)!important}.mobile-bottom-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;color:#64748b!important;text-decoration:none!important;font-size:10.5px!important;font-weight:900!important;border-radius:16px!important;position:relative!important}.mobile-bottom-nav a.active{background:#eaf8f3!important;color:#075e54!important}.mobile-bottom-nav svg{width:21px!important;height:21px!important}.mobile-bottom-nav .nav-badge{position:absolute!important;top:6px!important;right:50%!important;transform:translateX(-16px)!important;min-width:17px!important;height:17px!important;border-radius:999px!important;background:#d71920!important;color:#fff!important;font-size:9px!important;border:2px solid #fff!important;display:grid!important;place-items:center!important}.mobile-more-menu-v52{position:fixed!important;left:12px!important;right:12px!important;bottom:calc(var(--v62-nav) + var(--v62-safe) + 8px)!important;background:#fff!important;border-radius:24px!important;border:1px solid #e2edf3!important;box-shadow:0 22px 70px rgba(6,43,70,.25)!important;padding:10px!important;display:none!important;grid-template-columns:1fr 1fr!important;gap:8px!important;max-height:62dvh!important;overflow-y:auto!important;z-index:160!important}.mobile-more-menu-v52.show{display:grid!important}.mobile-more-menu-v52 a{display:flex!important;align-items:center!important;gap:9px!important;padding:12px!important;border-radius:16px!important;background:#f7fbfd!important;color:#0f172a!important;text-decoration:none!important;font-weight:900!important;font-size:12.5px!important}.mobile-more-menu-v52 a.danger{background:#fff1f1!important;color:#d71920!important}.mobile-more-menu-v52 svg{width:20px!important;height:20px!important;flex:0 0 auto!important}
  /* bell: real bottom sheet on mobile */
  .bell-scrim-v40{position:fixed!important;inset:0!important;background:rgba(6,16,24,.48)!important;z-index:130!important;display:none!important;backdrop-filter:blur(3px)!important}.bell-scrim-v40.show{display:block!important}.bell-dropdown-pro,.bell-dropdown-v44{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(var(--v62-nav) + var(--v62-safe) + 8px)!important;top:auto!important;width:auto!important;max-height:72dvh!important;border-radius:28px!important;overflow:hidden!important;z-index:150!important;background:#fff!important;display:none!important;box-shadow:0 24px 80px rgba(0,0,0,.28)!important}.bell-dropdown-pro.show{display:block!important}.bell-dropdown-head{background:linear-gradient(135deg,#062b46,#075e54)!important;color:#fff!important;padding:14px!important}.bell-dropdown-list{max-height:45dvh!important;overflow-y:auto!important}.bell-item-v46{grid-template-columns:44px minmax(0,1fr) auto!important;margin-bottom:8px!important}.bell-content-v46 b{font-size:12.8px!important}.bell-content-v46 em{font-size:11.2px!important}.bell-summary-v38,.bell-quick-v38,.bell-foot-v29{display:none!important}
  /* users page mobile */
  .users-page-v55,.notifications-page-v29,.profile-page,.profile-wrap,.archive-page,.archive-wrap{min-height:100dvh!important;height:auto!important;overflow-y:auto!important;padding:14px 12px calc(var(--v62-nav) + var(--v62-safe) + 18px)!important;background:#eef5f8!important}.users-hero-v55{border-radius:24px!important;padding:16px!important;display:block!important;margin-bottom:12px!important}.users-hero-v55 h1{font-size:22px!important;margin:6px 0!important}.users-hero-v55 p{font-size:12.5px!important;line-height:1.7!important}.users-grid-v55{display:block!important}.users-rules-v55{border-radius:22px!important;margin-bottom:12px!important}.users-rules-v55 ul{padding-right:18px!important}.directory-panel-v55{border-radius:22px!important;padding:14px!important}.selector-grid{grid-template-columns:1fr!important;gap:10px!important}.manager-card-pro{grid-template-columns:56px minmax(0,1fr)!important;gap:10px!important;text-align:right!important}.manager-card-pro>img{width:56px!important;height:56px!important;border-radius:50%!important}.manager-info h2{font-size:15px!important}.mini-lines{grid-template-columns:1fr!important}.direct-form textarea{min-height:90px!important}.notif-topbar-v29{border-radius:24px!important;padding:16px!important;margin-bottom:12px!important}.notif-topbar-main-v29{gap:10px!important}.notif-back-btn-v29{width:38px!important;height:38px!important;border-radius:14px!important;position:static!important;flex:0 0 auto!important}.notif-topbar-v29 h1{font-size:22px!important}.notif-topbar-v29 p{font-size:12.5px!important;line-height:1.6!important}.notif-top-actions-v29{display:none!important}.notif-stats-v29{grid-template-columns:1fr 1fr!important;gap:8px!important}.notif-filterbar-v29{overflow-x:auto!important;white-space:nowrap!important;padding:4px 0 10px!important}.notif-layout-v29{display:block!important}.notif-side-v29{display:none!important}.notif-card-v29{grid-template-columns:44px minmax(0,1fr)!important;border-radius:20px!important;padding:12px!important}.notif-icon-v29{width:44px!important;height:44px!important;border-radius:15px!important}.notif-card-head-v29{display:block!important}.notif-card-head-v29 time{font-size:10.5px!important}.notif-content-v29 h2{font-size:14px!important}.notif-content-v29 p{font-size:12px!important;line-height:1.65!important}.profile-card img,.profile-card>img{width:72px!important;height:72px!important;border-radius:24px!important}.profile-card{border-radius:24px!important;padding:16px!important}.card{border-radius:22px!important}
}


/* =====================================================================
   V63 FINAL — Professional mobile UX, WhatsApp composer, notification center
   ===================================================================== */
:root{--wisal-navy:#062b46;--wisal-teal:#00a884;--wisal-teal-dark:#008f72;--wisal-bg:#eef3f7;--wisal-soft:#f0f2f5;--wisal-text:#111b21;--wisal-muted:#667781;--wisal-line:#dfe7ee;--wisal-safe:env(safe-area-inset-bottom,0px);--wisal-nav-h:68px;--wisal-composer-h:104px}
html,body{max-width:100%;overflow-x:hidden!important}body{font-family:"Cairo",Tahoma,Arial,sans-serif!important;background:#eef3f7;color:var(--wisal-text)}
/* Never show a blank selected-files holder */
.selected-files:empty,.selected-files-v61:empty{display:none!important}.selected-files-v61:not(:empty){display:flex!important;gap:6px!important;flex-wrap:wrap!important}
.mobile-official-note-v54{display:none!important}
/* Desktop professional notification center inspired by the provided panel */
.bell-scrim-v40{position:fixed!important;inset:0!important;background:rgba(6,18,33,.18)!important;backdrop-filter:blur(2px)!important;z-index:8800!important;display:none!important}.bell-scrim-v40.show{display:block!important}
.bell-dropdown-pro,.bell-dropdown-v44,.bell-dropdown-v40{position:fixed!important;top:65px!important;right:85px!important;width:390px!important;max-width:95vw!important;height:auto!important;max-height:650px!important;background:#fff!important;border-radius:22px!important;box-shadow:0 20px 60px rgba(0,0,0,.22)!important;overflow:hidden!important;direction:rtl!important;z-index:9999!important;border:1px solid rgba(255,255,255,.5)!important;display:none!important}.bell-dropdown-pro.show,.bell-dropdown-v44.show,.bell-dropdown-v40.show{display:block!important;animation:wisalPop .16s ease-out both}@keyframes wisalPop{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.bell-dropdown-head{height:96px!important;background:linear-gradient(135deg,#063b5a,#0b6b91)!important;color:#fff!important;padding:18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border-radius:0!important}.bell-head-title-v29{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}.bell-head-icon-v29{width:44px!important;height:44px!important;border-radius:15px!important;background:rgba(255,255,255,.16)!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}.bell-head-title-v29 strong{margin:0!important;font-size:21px!important;font-weight:900!important;line-height:1.2!important;color:#fff!important}.bell-head-title-v29 small{margin:5px 0 0!important;font-size:12px!important;opacity:.88!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:190px!important}.bell-head-actions-v38{display:flex!important;gap:8px!important;align-items:center!important}.bell-view-all-v29{border:0!important;height:38px!important;padding:0 14px!important;border-radius:14px!important;background:#fff!important;color:#083b5a!important;font-weight:900!important;text-decoration:none!important;display:grid!important;place-items:center!important;white-space:nowrap!important}.bell-close-v38{border:0!important;width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(255,255,255,.15)!important;color:#fff!important;cursor:pointer!important;font-size:21px!important;display:grid!important;place-items:center!important}.bell-summary-v38{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:14px!important;padding:0!important;background:transparent!important;border:0!important}.bell-summary-v38 div{display:none!important}.bell-summary-v38 strong{background:#e9fff4!important;color:#00965f!important;width:42px!important;height:42px!important;border-radius:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important}.bell-quick-v38{display:flex!important;gap:8px!important;padding:14px!important;background:#fff!important;border-bottom:1px solid #edf1f5!important;overflow-x:auto!important}.bell-quick-v38 a{border:1px solid #d9e4ec!important;background:#f8fbfd!important;color:#0b3854!important;padding:8px 14px!important;border-radius:14px!important;font-size:13px!important;font-weight:900!important;text-decoration:none!important;white-space:nowrap!important;display:block!important;height:auto!important}.bell-quick-v38 a:first-child{background:#0b6b91!important;color:#fff!important;border-color:#0b6b91!important}.bell-dropdown-list{max-height:410px!important;overflow-y:auto!important;padding:0 14px 14px!important;background:#fff!important}.bell-item-v46,.bell-item-pro,.bell-item{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:13px!important;margin-bottom:10px!important;border-radius:18px!important;background:#fff!important;border:1px solid #edf1f5!important;box-shadow:0 4px 16px rgba(0,0,0,.04)!important;cursor:pointer!important;text-decoration:none!important;color:#111827!important;transition:.2s ease!important;min-height:76px!important}.bell-item-v46:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important}.bell-item-v46.type-message,.bell-item-v46.type-urgent{background:#f1fbff!important;border-color:#bfe9ff!important}.bell-avatar-v46,.bell-mini-icon-v46{width:44px!important;height:44px!important;border-radius:15px!important;background:#e8f7ff!important;color:#0b6b91!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;flex-shrink:0!important;overflow:hidden!important}.bell-avatar-v46 img{width:100%!important;height:100%!important;object-fit:cover!important}.bell-content-v46{min-width:0!important}.bell-content-v46 b{font-size:14px!important;font-weight:900!important;color:#082f49!important;margin-bottom:4px!important;display:block!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bell-content-v46 em{font-size:12px!important;color:#64748b!important;line-height:1.55!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-style:normal!important}.bell-content-v46 small{font-size:11px!important;color:#94a3b8!important;margin-top:6px!important;display:block!important}.bell-badge-v46{background:#ef4444!important;color:#fff!important;font-size:10px!important;padding:3px 8px!important;border-radius:20px!important;height:max-content!important;white-space:nowrap!important;font-style:normal!important}.bell-foot-v29{height:58px!important;border-top:1px solid #edf1f5!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 16px!important;background:#fff!important;color:#64748b!important;font-size:12px!important}.bell-foot-v29 a{background:#eef6fb!important;color:#0b3854!important;padding:9px 14px!important;border-radius:13px!important;font-weight:900!important;text-decoration:none!important}.bell-empty{padding:24px!important;text-align:center!important;color:#64748b!important}.bell-empty strong{display:block!important;color:#0b3854!important}
/* Desktop WhatsApp-like composer: compact, no overlap */
.composer-whatsapp-v61{background:#f0f2f5!important;border-top:1px solid #dde1e5!important;padding:8px 14px!important;box-shadow:0 -4px 14px rgba(6,43,70,.06)!important}.message-bar-v61{width:100%!important;min-height:58px!important;display:flex!important;align-items:flex-end!important;gap:8px!important;direction:rtl!important}.input-wrapper-v61{flex:1 1 auto!important;min-height:44px!important;max-height:118px!important;background:#fff!important;border-radius:24px!important;display:flex!important;align-items:flex-end!important;padding:0 14px!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important;min-width:0!important}.icon-btn-v61,.send-btn-v61{width:40px!important;height:40px!important;min-width:40px!important;border:none!important;border-radius:50%!important;display:grid!important;place-items:center!important;cursor:pointer!important;font-size:16px!important;transition:.18s ease!important;flex-shrink:0!important}.icon-btn-v61{background:transparent!important;color:#54656f!important}.icon-btn-v61:hover{background:#e1e6ea!important;color:#111b21!important}.send-btn-v61{background:#00a884!important;color:#fff!important;box-shadow:0 4px 10px rgba(0,168,132,.28)!important}.send-btn-v61:hover{background:#008f72!important;transform:translateY(-1px)!important}#messageBodyInput{width:100%!important;height:44px!important;min-height:44px!important;max-height:120px!important;border:none!important;outline:none!important;resize:none!important;background:transparent!important;font-family:"Cairo",Tahoma,Arial,sans-serif!important;font-size:15px!important;color:#111b21!important;line-height:1.7!important;padding:9px 0!important;overflow-y:auto!important}.composer-meta-v61{background:#f0f2f5!important;padding:0 14px 8px!important}.file-rules-v61{display:none!important}.target-mini-v61,.target-preview.locked-target{font-size:11.5px!important;padding:7px 10px!important;border-radius:14px!important;max-width:360px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.target-panel-v61{display:none!important}.target-panel-v61.show{display:block!important}.target-btn-v61{background:#e8f8f3!important;color:#0f766e!important}
/* Mobile: real app layout */
@media (max-width:860px){
  html,body{height:100%!important;overflow:hidden!important;background:#efeae2!important}.global-back-pro{width:38px!important;height:38px!important;padding:0!important;border-radius:14px!important;left:auto!important;right:10px!important;top:10px!important;z-index:210!important}.global-back-pro b{display:none!important}.global-back-pro span{font-size:24px!important}
  .app-pro{position:fixed!important;inset:0!important;height:100dvh!important;display:block!important;background:#efeae2!important;overflow:hidden!important;padding:0!important;margin:0!important}.rail,.right{display:none!important}.mobile-more-v52{display:none!important}
  .sidebar{position:fixed!important;inset:0 0 calc(var(--wisal-nav-h) + var(--wisal-safe)) 0!important;width:100%!important;max-width:none!important;height:auto!important;display:flex!important;flex-direction:column!important;background:#f8fbfd!important;overflow:hidden!important;border:0!important;padding:0!important;z-index:20!important}.side-head{height:64px!important;background:#075e54!important;color:#fff!important;display:flex!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;flex:0 0 auto!important;box-shadow:0 2px 8px rgba(0,0,0,.16)!important}.side-head img{width:38px!important;height:38px!important;border-radius:50%!important;object-fit:cover!important;flex:0 0 auto!important}.side-head strong{font-size:14px!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;max-width:220px!important}.side-head span{font-size:10.5px!important;color:rgba(255,255,255,.82)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;max-width:240px!important}.search{padding:10px 12px!important;background:#fff!important;border-bottom:1px solid #e4edf3!important;flex:0 0 auto!important}.search input{height:42px!important;border-radius:22px!important;background:#f0f2f5!important;border:0!important;padding:0 14px!important;width:100%!important;font-size:13px!important}.channel-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:10px 10px calc(16px + var(--wisal-safe))!important;background:#f8fbfd!important}.section-label{font-size:11px!important;font-weight:950!important;color:#075e54!important;margin:10px 8px 7px!important}.channel{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;margin:0 0 8px!important;padding:10px!important;border-radius:18px!important;background:#fff!important;border:1px solid #e6edf3!important;box-shadow:0 4px 14px rgba(6,43,70,.04)!important;text-decoration:none!important}.channel.active{border-color:#bfe9ff!important;background:#f1fbff!important}.ch-icon{width:44px!important;height:44px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#e8f7ff!important;color:#075e54!important}.ch-icon svg{width:21px!important;height:21px!important}.channel strong{font-size:13.5px!important;color:#111b21!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.channel span{font-size:11px!important;color:#667781!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.group-open-note{display:none!important}.mini-badge{font-size:9.5px!important;padding:4px 7px!important;border-radius:999px!important;white-space:nowrap!important}.mobile-channel-home .content.chat-view{display:none!important}.mobile-chat-open .sidebar{display:none!important}.mobile-chat-open .content.chat-view{position:fixed!important;inset:0 0 0 0!important;display:flex!important;flex-direction:column!important;height:100dvh!important;width:100%!important;padding:0!important;margin:0!important;background:#efeae2!important;overflow:hidden!important;z-index:30!important}.chat-head{height:64px!important;min-height:64px!important;background:#075e54!important;color:#fff!important;display:flex!important;align-items:center!important;gap:9px!important;padding:8px 10px!important;border:0!important;box-shadow:0 2px 8px rgba(0,0,0,.16)!important;z-index:35!important}.mobile-chat-back-v49{display:grid!important;width:36px!important;height:36px!important;border-radius:50%!important;background:transparent!important;color:#fff!important;border:0!important;font-size:20px!important;place-items:center!important;flex:0 0 auto!important}.chat-head h2{font-size:15px!important;margin:0!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:210px!important}.chat-head .small{font-size:10.5px!important;color:rgba(255,255,255,.84)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;max-width:230px!important}.chat-head .tag{font-size:9px!important;padding:4px 6px!important;border-radius:999px!important;margin-inline-start:auto!important;max-width:74px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:12px 10px calc(var(--wisal-composer-h) + var(--wisal-nav-h) + var(--wisal-safe) + 20px)!important;background:radial-gradient(circle at top left,rgba(255,255,255,.35),transparent 28%),#efeae2!important}.msg{margin:8px 0!important}.msg-row{gap:6px!important}.msg-avatar-link{display:none!important}.msg-bubble{max-width:82%!important;border-radius:14px!important;padding:8px 10px!important;box-shadow:0 1px 2px rgba(0,0,0,.12)!important}.msg:not(.me) .msg-bubble{background:#fff!important;border-top-right-radius:4px!important}.msg.me .msg-bubble{background:#d9fdd3!important;border-top-left-radius:4px!important}.msg-author strong{font-size:11.5px!important}.msg-author span{display:none!important}.msg-text{font-size:13px!important;line-height:1.65!important}.msg-bubble small{font-size:9.5px!important;color:#667781!important}.composer-whatsapp-v61{position:fixed!important;left:0!important;right:0!important;bottom:calc(var(--wisal-nav-h) + var(--wisal-safe))!important;z-index:80!important;background:rgba(239,234,226,.97)!important;backdrop-filter:blur(10px)!important;border:0!important;padding:7px 8px!important;box-shadow:0 -4px 18px rgba(0,0,0,.08)!important}.message-bar-v61{display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;grid-template-rows:34px auto!important;grid-template-areas:"tools send" "input send"!important;gap:6px 7px!important;align-items:end!important;width:100%!important}.target-btn-v61,.attach-btn-v61,.image-btn-v61,.mic-btn-v61{grid-row:1!important;width:32px!important;height:32px!important;min-width:32px!important;border-radius:50%!important;background:rgba(255,255,255,.74)!important;color:#54656f!important;font-size:14px!important;margin:0!important}.target-btn-v61{grid-column:1!important;justify-self:start!important;transform:translateX(108px)!important}.attach-btn-v61{grid-column:1!important;justify-self:start!important;transform:translateX(72px)!important}.image-btn-v61{grid-column:1!important;justify-self:start!important;transform:translateX(36px)!important}.mic-btn-v61{grid-column:1!important;justify-self:start!important}.input-wrapper-v61{grid-area:input!important;min-height:46px!important;max-height:118px!important;border-radius:26px!important;background:#fff!important;padding:4px 12px!important;box-shadow:0 1px 4px rgba(0,0,0,.10)!important;display:flex!important;align-items:flex-end!important;min-width:0!important}.send-btn-v61{grid-area:send!important;align-self:end!important;width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;background:#00a884!important;color:#fff!important;font-size:17px!important;box-shadow:0 2px 8px rgba(0,168,132,.35)!important}#messageBodyInput{height:38px!important;min-height:38px!important;max-height:94px!important;font-size:14.5px!important;line-height:1.55!important;padding:7px 2px!important}.composer-meta-v61{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(var(--wisal-nav-h) + var(--wisal-safe) + 92px)!important;z-index:79!important;background:transparent!important;padding:0!important}.selected-files-v61:not(:empty){background:#fff!important;border:1px solid #e4edf3!important;border-radius:16px!important;padding:6px!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important;max-height:88px!important;overflow:auto!important}.target-panel-v61{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(var(--wisal-nav-h) + var(--wisal-safe) + 110px)!important;z-index:160!important;max-height:70dvh!important;overflow:auto!important;border-radius:24px!important;background:#fff!important;box-shadow:0 20px 70px rgba(6,43,70,.25)!important;padding:12px!important}.target-mini-v61,.target-preview.locked-target{display:none!important}.mobile-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:calc(var(--wisal-nav-h) + var(--wisal-safe))!important;padding:6px 6px calc(6px + var(--wisal-safe))!important;background:#fff!important;border-top:1px solid #dfe7ee!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;z-index:100!important;box-shadow:0 -8px 26px rgba(6,43,70,.10)!important}.mobile-bottom-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;color:#64748b!important;text-decoration:none!important;font-size:10.5px!important;font-weight:900!important;border-radius:16px!important;position:relative!important}.mobile-bottom-nav a.active{background:#eaf8f3!important;color:#075e54!important}.mobile-bottom-nav svg{width:21px!important;height:21px!important}.mobile-more-menu-v52{position:fixed!important;left:12px!important;right:12px!important;bottom:calc(var(--wisal-nav-h) + var(--wisal-safe) + 8px)!important;background:#fff!important;border-radius:24px!important;border:1px solid #e2edf3!important;box-shadow:0 22px 70px rgba(6,43,70,.25)!important;padding:10px!important;display:none!important;grid-template-columns:1fr 1fr!important;gap:8px!important;max-height:62dvh!important;overflow-y:auto!important;z-index:160!important}.mobile-more-menu-v52.show{display:grid!important}.mobile-more-menu-v52 a{display:flex!important;align-items:center!important;gap:9px!important;padding:12px!important;border-radius:16px!important;background:#f7fbfd!important;color:#0f172a!important;text-decoration:none!important;font-weight:900!important;font-size:12px!important}.mobile-more-menu-v52 a.danger{background:#fff1f1!important;color:#d71920!important}.bell-scrim-v40.show{display:block!important;background:rgba(6,16,24,.48)!important;z-index:130!important}.bell-dropdown-pro,.bell-dropdown-v44,.bell-dropdown-v40{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:82dvh!important;border-radius:28px 28px 0 0!important;z-index:150!important;transform:translateY(105%)!important;display:block!important;pointer-events:none!important;transition:transform .22s ease!important}.bell-dropdown-pro.show,.bell-dropdown-v44.show,.bell-dropdown-v40.show{transform:translateY(0)!important;pointer-events:auto!important}.bell-dropdown-head{height:auto!important;min-height:84px!important;border-radius:28px 28px 0 0!important}.bell-head-title-v29 strong{font-size:18px!important}.bell-head-title-v29 small{max-width:180px!important}.bell-summary-v38{margin:10px 14px!important}.bell-dropdown-list{max-height:45dvh!important}.bell-item-v46{grid-template-columns:42px minmax(0,1fr) auto!important;min-height:64px!important;padding:10px!important}.bell-avatar-v46{width:42px!important;height:42px!important;border-radius:14px!important}.bell-content-v46 b{font-size:13px!important}.bell-content-v46 em{font-size:11.3px!important}.bell-foot-v29{height:auto!important;padding:10px 14px!important}.users-page-v55,.archive-page-v55,.wrap,.auth-shell{min-height:100dvh!important;max-height:none!important;overflow-y:auto!important;padding-bottom:calc(var(--wisal-nav-h) + var(--wisal-safe) + 24px)!important}.users-hero-v55,.archive-hero-v55{padding:12px!important;border-radius:18px!important;margin:10px!important}.users-hero-v55 h1,.archive-hero-v55 h1{font-size:20px!important}.users-hero-v55 p,.archive-hero-v55 p{font-size:12px!important}.users-hero-v55 .btn,.archive-hero-v55 .btn{height:36px!important;padding:0 10px!important;font-size:12px!important;border-radius:14px!important}.users-grid-v55{display:block!important;padding:0 10px!important}.users-rules-v55{display:none!important}.users-directory-v55,.directory-panel-v55,.dg-contact-v55{width:100%!important;margin:0 0 12px!important}.selector-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.selector-grid .field label{font-size:11px!important}.selector-grid select{height:42px!important;font-size:12px!important;border-radius:14px!important}.manager-card-pro img{width:48px!important;height:48px!important}.manager-info h2{font-size:16px!important}.manager-info p,.mini-lines span{font-size:11.5px!important}.manager-result{max-height:none!important;overflow:visible!important}.direct-form textarea{min-height:88px!important}.archive-filter-v55{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:10px!important;padding:10px!important;border-radius:18px!important}.archive-stats-v55{grid-template-columns:repeat(3,1fr)!important;margin:10px!important;gap:8px!important}.archive-item-v55{margin:0 10px 10px!important;padding:10px!important;grid-template-columns:42px minmax(0,1fr)!important;border-radius:18px!important}.archive-content-v55 h3{font-size:14px!important}.archive-content-v55 p{font-size:12px!important}.auth-shell{display:block!important;padding:14px!important;overflow-y:auto!important}.auth-box{display:block!important;width:100%!important}.intro,.auth-card{border-radius:22px!important;margin-bottom:12px!important}.intro h1{font-size:22px!important}.intro-feature-grid{grid-template-columns:1fr!important}.grid2{grid-template-columns:1fr!important}.avatar-preview{display:block!important}.avatar-preview img{width:72px!important;height:72px!important;margin-bottom:10px!important}.profile-card img{width:60px!important;height:60px!important}.profile-card h3{font-size:16px!important}
}
/* ===== V64 FINAL: notification center + mobile UX + WhatsApp composer ===== */
:root{--v64-navy:#063b5a;--v64-blue:#0b6b91;--v64-green:#00a884;--v64-bg:#eef3f7;--v64-line:#e5edf4;--v64-muted:#64748b;--v64-text:#082f49;--v64-safe:env(safe-area-inset-bottom,0px);--v64-nav:70px;--v64-composer:76px}
#selectedFiles:empty,.selected-files:empty,.selected-files-v61:empty{display:none!important}
/* Desktop notification popover based on user's requested panel */
.bell-scrim-v40{position:fixed;inset:0;background:rgba(15,23,42,.16);backdrop-filter:blur(2px);display:none;z-index:8000}.bell-scrim-v40.show{display:block}.bell-dropdown-pro{position:fixed!important;top:65px!important;right:85px!important;left:auto!important;bottom:auto!important;width:390px!important;max-width:min(95vw,390px)!important;height:650px!important;max-height:calc(100dvh - 88px)!important;background:#fff!important;border-radius:22px!important;box-shadow:0 20px 60px rgba(0,0,0,.22)!important;overflow:hidden!important;direction:rtl!important;z-index:9999!important;border:1px solid rgba(255,255,255,.55)!important;display:none!important;transform:none!important;padding:0!important}.bell-dropdown-pro.show{display:flex!important;flex-direction:column!important}.bell-dropdown-pro:before{display:none!important}.bell-dropdown-head,.bell-dropdown-pro .bell-dropdown-head,.bell-head-v29{height:96px!important;min-height:96px!important;background:linear-gradient(135deg,#063b5a,#0b6b91)!important;color:#fff!important;padding:18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border:0!important}.bell-head-title-v29{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}.bell-head-icon-v29{width:44px!important;height:44px!important;border-radius:15px!important;background:rgba(255,255,255,.14)!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}.bell-head-icon-v29 svg{width:21px!important;height:21px!important;stroke:#fff!important}.bell-head-title-v29 strong{display:block!important;margin:0!important;font-size:21px!important;font-weight:900!important;color:#fff!important;line-height:1.15!important;white-space:nowrap!important}.bell-head-title-v29 small{display:block!important;margin-top:5px!important;font-size:12px!important;color:rgba(255,255,255,.85)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:190px!important}.bell-head-actions-v38{display:flex!important;gap:10px!important;align-items:center!important;flex:0 0 auto!important}.bell-view-all-v29{height:38px!important;padding:0 16px!important;border-radius:14px!important;background:#fff!important;color:#083b5a!important;font-weight:900!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;border:0!important;font-size:13px!important;white-space:nowrap!important}.bell-close-v38{border:0!important;width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(255,255,255,.15)!important;color:#fff!important;cursor:pointer!important;font-size:24px!important;line-height:1!important;display:grid!important;place-items:center!important}.bell-summary-v38{display:none!important}.bell-quick-v29,.bell-quick-v38{display:flex!important;gap:8px!important;padding:14px!important;background:#fff!important;border-bottom:1px solid #edf1f5!important;overflow-x:auto!important;flex:0 0 auto!important}.bell-quick-v29 a{border:1px solid #d9e4ec!important;background:#f8fbfd!important;color:#0b3854!important;padding:8px 14px!important;border-radius:14px!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important;line-height:1!important}.bell-quick-v29 a:first-child{background:#0b6b91!important;color:#fff!important;border-color:#0b6b91!important}.bell-dropdown-list,.bell-list-v29{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:14px!important;background:#fff!important;display:block!important}.bell-item,.bell-item-pro,.bell-item-v46{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:13px!important;margin-bottom:10px!important;border-radius:18px!important;background:#fff!important;border:1px solid #edf1f5!important;box-shadow:0 4px 16px rgba(0,0,0,.04)!important;text-decoration:none!important;color:#0f172a!important;transition:.2s!important;min-height:76px!important}.bell-item:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important}.bell-item.unread,.bell-item-v46:not(.read){background:#f1fbff!important;border-color:#bfe9ff!important}.bell-item-icon,.bell-icon-v29,.bell-avatar-v46{width:44px!important;height:44px!important;border-radius:15px!important;background:#e8f7ff!important;color:#0b6b91!important;display:grid!important;place-items:center!important;font-size:18px!important;flex:0 0 auto!important;overflow:hidden!important}.bell-avatar-v46 img,.bell-item-icon img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important}.bell-item-body,.bell-text-v29{flex:1!important;min-width:0!important;display:block!important}.bell-item-body strong,.bell-text-v29 strong{display:block!important;font-size:14px!important;font-weight:900!important;color:#082f49!important;margin:0 0 4px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bell-item-body span,.bell-text-v29 span,.bell-item-body p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-size:12px!important;color:#64748b!important;line-height:1.6!important;margin:0!important;word-break:break-word!important}.bell-item-time,.bell-time-v29{display:block!important;font-size:11px!important;color:#94a3b8!important;margin-top:6px!important;white-space:nowrap!important}.bell-item-badge,.bell-type-v29{background:#ef4444!important;color:#fff!important;font-size:10px!important;padding:3px 8px!important;border-radius:20px!important;height:max-content!important;font-weight:900!important;flex:0 0 auto!important}.bell-empty{padding:34px 16px!important;text-align:center!important;color:#64748b!important}.bell-empty strong{display:block!important;color:#082f49!important;font-size:16px!important}.bell-foot-v29{height:58px!important;min-height:58px!important;border-top:1px solid #edf1f5!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:0 16px!important;background:#fff!important;flex:0 0 auto!important}.bell-foot-v29 span{color:#0b6b91!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bell-foot-v29 a{border:0!important;background:#eef6fb!important;color:#0b3854!important;padding:9px 16px!important;border-radius:13px!important;font-weight:900!important;text-decoration:none!important;white-space:nowrap!important}
/* WhatsApp-like composer — logical and not floating in the middle */
.composer-whatsapp-v61,.composer-pro{background:#f0f2f5!important;border-top:1px solid #dde1e5!important;box-shadow:none!important;padding:8px 14px!important}.message-bar-v61{width:100%!important;min-height:60px!important;display:flex!important;align-items:flex-end!important;gap:8px!important;background:transparent!important}.icon-btn-v61,.send-btn-v61{width:40px!important;height:40px!important;min-width:40px!important;border:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:17px!important;cursor:pointer!important;transition:.2s!important}.icon-btn-v61{background:transparent!important;color:#54656f!important}.icon-btn-v61:hover,.icon-btn-v61:active{background:#e1e6ea!important;color:#111b21!important}.input-wrapper-v61{flex:1!important;min-width:0!important;min-height:44px!important;max-height:126px!important;background:#fff!important;border-radius:24px!important;display:flex!important;align-items:flex-end!important;padding:0 14px!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important}.input-wrapper-v61 textarea{width:100%!important;min-height:44px!important;max-height:120px!important;border:0!important;outline:0!important;resize:none!important;background:transparent!important;font-family:Cairo,Tahoma,Arial,sans-serif!important;font-size:15px!important;color:#111b21!important;line-height:1.65!important;padding:9px 0!important;overflow-y:auto!important}.input-wrapper-v61 textarea::placeholder{color:#8696a0!important}.send-btn-v61{width:44px!important;height:44px!important;min-width:44px!important;background:#00a884!important;color:#fff!important;box-shadow:0 4px 10px rgba(0,168,132,.28)!important}.send-btn-v61:hover,.send-btn-v61:active{background:#008f72!important;transform:scale(.96)!important}.target-btn-v61{order:-3}.attach-btn-v61{order:-2}.image-btn-v61{order:-1}.mic-btn-v61{order:2}.send-btn-v61{order:3}.input-wrapper-v61{order:1}.composer-meta-v61{padding:0 14px 6px!important;background:#f0f2f5!important}.file-rules-v61{display:none!important}.selected-files-v61:not(:empty){display:flex!important;gap:6px;flex-wrap:wrap;margin:6px 0!important}.selected-file-chip{background:#fff!important;border:1px solid #d9e4ec!important;border-radius:14px!important;padding:6px 9px!important;font-size:11px!important;display:inline-flex!important;gap:6px!important;align-items:center!important}
/* Mobile app layout */
@media(max-width:860px){html,body{width:100%!important;height:100%!important;overflow:hidden!important;background:#eef3f7!important}.app.app-pro{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;display:block!important;overflow:hidden!important;background:#f7fbfd!important;padding:0!important}.rail,.right{display:none!important}.app-pro.mobile-channel-home .sidebar{position:fixed!important;inset:0 0 calc(var(--v64-nav) + var(--v64-safe)) 0!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;background:#f7fbfd!important;border:0!important;overflow:hidden!important;z-index:20!important}.app-pro.mobile-channel-home .content.chat-view{display:none!important}.side-head{height:66px!important;min-height:66px!important;background:linear-gradient(135deg,#063b5a,#075e54)!important;color:#fff!important;padding:10px 12px!important;display:flex!important;align-items:center!important;gap:9px!important;border:0!important;box-shadow:0 2px 8px rgba(0,0,0,.14)!important}.side-head img{width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.28)!important;object-fit:cover!important}.side-head strong{font-size:13px!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:62vw!important}.side-head span{font-size:10.5px!important;color:rgba(255,255,255,.82)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;max-width:68vw!important}.search{padding:8px 10px!important;background:#fff!important;border-bottom:1px solid #e4edf3!important}.search input{height:40px!important;border-radius:20px!important;background:#f0f2f5!important;border:0!important;padding:0 14px!important;font-size:12.5px!important}.mobile-official-note-v54{display:none!important}.channel-list{flex:1!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:8px 9px 18px!important;background:#f7fbfd!important}.section-label{margin:12px 5px 8px!important;font-size:11px!important;color:#075e54!important;font-weight:950!important}.channel{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;padding:9px!important;margin-bottom:7px!important;border-radius:17px!important;background:#fff!important;border:1px solid #e4edf3!important;box-shadow:0 5px 14px rgba(6,43,70,.04)!important;min-height:58px!important}.channel .ch-icon{width:40px!important;height:40px!important;border-radius:50%!important}.channel strong{font-size:12.7px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.channel span,.group-open-note{font-size:10.2px!important;line-height:1.35!important;color:#667781!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}.mini-badge{font-size:9px!important;padding:3px 6px!important}.app-pro.mobile-chat-open .sidebar{display:none!important}.app-pro.mobile-chat-open .content.chat-view{position:fixed!important;inset:0 0 calc(var(--v64-nav) + var(--v64-safe)) 0!important;display:flex!important;flex-direction:column!important;background:#efeae2!important;overflow:hidden!important;z-index:30!important}.chat-head{height:60px!important;min-height:60px!important;background:#075e54!important;color:#fff!important;border:0!important;box-shadow:0 2px 8px rgba(0,0,0,.16)!important;padding:8px 10px!important;display:flex!important;align-items:center!important;gap:8px!important}.mobile-chat-back-v49,.global-back-pro{width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;background:rgba(255,255,255,.12)!important;color:#fff!important;display:grid!important;place-items:center!important;text-decoration:none!important;font-size:20px!important;padding:0!important;position:static!important}.global-back-pro b{display:none!important}.chat-head h2{font-size:14.5px!important;line-height:1.25!important;color:#fff!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chat-head .small{font-size:10px!important;color:rgba(255,255,255,.82)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chat-head .tag{font-size:9px!important;padding:4px 6px!important;background:rgba(255,255,255,.15)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;white-space:nowrap!important}.messages{flex:1!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;background:radial-gradient(circle at top left,rgba(255,255,255,.35),transparent 28%),#efeae2!important;padding:12px 10px calc(var(--v64-composer) + 16px + var(--v64-safe))!important}.msg-row{gap:6px!important}.msg-avatar{width:28px!important;height:28px!important;border-radius:50%!important}.msg-bubble{max-width:calc(100vw - 70px)!important;border:0!important;border-radius:14px 14px 4px 14px!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.12)!important;padding:8px 10px!important}.msg.me .msg-bubble{background:#d9fdd3!important;border-radius:14px 14px 14px 4px!important}.msg-author strong{font-size:11.5px!important}.msg-text{font-size:13.2px!important;line-height:1.65!important}.composer-whatsapp-v61{position:fixed!important;left:0!important;right:0!important;bottom:calc(var(--v64-nav) + var(--v64-safe))!important;z-index:80!important;background:rgba(239,234,226,.97)!important;backdrop-filter:blur(10px)!important;border:0!important;padding:7px 8px!important;box-shadow:0 -5px 18px rgba(0,0,0,.08)!important}.message-bar-v61{min-height:52px!important;gap:6px!important;align-items:flex-end!important}.icon-btn-v61{width:36px!important;height:36px!important;min-width:36px!important;font-size:16px!important}.attach-btn-v61,.image-btn-v61,.target-btn-v61{position:relative!important;top:0!important}.input-wrapper-v61{min-height:44px!important;border-radius:23px!important;padding:0 10px!important;flex:1 1 auto!important}.input-wrapper-v61 textarea{min-height:42px!important;max-height:94px!important;font-size:14px!important;line-height:1.55!important;padding:9px 2px!important}.mic-btn-v61{width:38px!important;height:38px!important;min-width:38px!important}.send-btn-v61{width:42px!important;height:42px!important;min-width:42px!important;font-size:16px!important}.composer-meta-v61{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(var(--v64-nav) + var(--v64-composer) + var(--v64-safe))!important;background:transparent!important;z-index:88!important;padding:0!important}.selected-files-v61:not(:empty){background:#fff!important;border:1px solid #dbe7f0!important;border-radius:14px!important;padding:5px!important;box-shadow:0 10px 24px rgba(6,43,70,.14)!important;max-height:80px!important;overflow-y:auto!important}.target-picker-pro{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(var(--v64-nav) + var(--v64-composer) + 8px + var(--v64-safe))!important;z-index:90!important;display:none!important;border-radius:22px!important;max-height:52dvh!important;overflow:auto!important;padding:10px!important}.target-picker-pro.show{display:block!important}.target-picker-grid{grid-template-columns:1fr!important}.target-picker-title small{display:none!important}.mobile-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:calc(var(--v64-nav) + var(--v64-safe))!important;padding:6px 5px calc(6px + var(--v64-safe))!important;background:#fff!important;border-top:1px solid #dfe7ee!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;z-index:100!important;box-shadow:0 -9px 24px rgba(6,43,70,.10)!important}.mobile-bottom-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border-radius:15px!important;color:#64748b!important;text-decoration:none!important;font-size:10.3px!important;font-weight:900!important}.mobile-bottom-nav a.active{background:#eaf8f3!important;color:#075e54!important}.mobile-bottom-nav svg{width:20px!important;height:20px!important}.mobile-more-menu-v52{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(var(--v64-nav) + var(--v64-safe) + 8px)!important;background:#fff!important;border:1px solid #e2edf3!important;border-radius:24px!important;box-shadow:0 22px 70px rgba(6,43,70,.26)!important;padding:10px!important;display:none!important;grid-template-columns:1fr 1fr!important;gap:8px!important;max-height:65dvh!important;overflow-y:auto!important;z-index:170!important}.mobile-more-menu-v52.show{display:grid!important}.mobile-more-menu-v52 a{display:flex!important;align-items:center!important;gap:8px!important;padding:11px!important;border-radius:16px!important;background:#f7fbfd!important;color:#0f172a!important;text-decoration:none!important;font-weight:900!important;font-size:12px!important}.mobile-more-menu-v52 a.danger{background:#fff1f1!important;color:#d71920!important}.bell-dropdown-pro{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;max-width:100%!important;height:min(78dvh,650px)!important;max-height:78dvh!important;border-radius:28px 28px 0 0!important;z-index:9999!important}.bell-dropdown-head{height:86px!important;min-height:86px!important;padding:16px!important}.bell-head-title-v29 strong{font-size:18px!important}.bell-head-title-v29 small{max-width:200px!important}.bell-view-all-v29{height:34px!important;padding:0 12px!important;font-size:12px!important}.bell-close-v38{width:36px!important;height:36px!important;border-radius:13px!important}.bell-dropdown-list{padding:10px!important}.bell-item{padding:11px!important;border-radius:16px!important;min-height:70px!important}.bell-item-icon,.bell-avatar-v46{width:40px!important;height:40px!important;border-radius:14px!important}.bell-foot-v29{height:52px!important;min-height:52px!important}.users-page-v55,.wrap,.notifications-wrap{height:100dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:12px 12px calc(var(--v64-nav) + 24px + var(--v64-safe))!important}.users-hero-v55{border-radius:22px!important;padding:14px!important;display:block!important}.users-hero-v55 h1{font-size:22px!important}.users-hero-v55 p{font-size:12px!important}.users-hero-v55 .btn{height:36px!important;padding:0 11px!important;margin-top:10px!important;font-size:12px!important}.users-grid-v55{display:block!important}.users-rules-v55{display:none!important}.directory-panel-v55{border-radius:22px!important;padding:12px!important}.selector-grid{grid-template-columns:1fr!important;gap:8px!important}.manager-card-pro{grid-template-columns:58px 1fr!important;gap:10px!important}.manager-card-pro>img{width:58px!important;height:58px!important;border-radius:18px!important}.manager-info h2{font-size:17px!important}.direct-form textarea{min-height:86px!important}.global-back-pro{position:fixed!important;top:10px!important;right:10px!important;z-index:600!important;background:#063b5a!important;box-shadow:0 6px 18px rgba(0,0,0,.18)!important}.intro-pro,.login-page,.auth-page{min-height:100dvh!important;overflow-y:auto!important}.archive-page,.archive-wrap,.archive-pro{padding-bottom:calc(var(--v64-nav) + 24px + var(--v64-safe))!important}}
@media(min-width:861px){.composer-whatsapp-v61{position:sticky!important;bottom:0!important}.bell-dropdown-pro{animation:v64Bell .16s ease both}@keyframes v64Bell{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}}
.bell-content-v46{flex:1!important;min-width:0!important;display:block!important}.bell-content-v46 b{display:block!important;font-size:14px!important;font-weight:900!important;color:#082f49!important;margin:0 0 4px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bell-content-v46 em{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-style:normal!important;font-size:12px!important;color:#64748b!important;line-height:1.6!important}.bell-content-v46 small{display:block!important;font-size:11px!important;color:#94a3b8!important;margin-top:6px!important;white-space:nowrap!important}.bell-badge-v46{background:#ef4444!important;color:#fff!important;font-size:10px!important;padding:3px 8px!important;border-radius:20px!important;height:max-content!important;font-style:normal!important;font-weight:900!important;flex:0 0 auto!important;white-space:nowrap!important}.bell-avatar-v46 svg{width:20px!important;height:20px!important;stroke:currentColor!important}

/* =========================================================
   WISAL EDARI V65 - FINAL PROFESSIONAL UI PATCH
   Desktop notifications + mobile chat/users/scroll/composer fixes
   ========================================================= */
:root{
  --wisal-navy:#063b5a;
  --wisal-navy-2:#0b6b91;
  --wisal-green:#00a884;
  --wisal-bg:#eef3f7;
  --wisal-line:#edf1f5;
  --wisal-muted:#64748b;
  --wisal-safe:env(safe-area-inset-bottom,0px);
}

/* Hide empty attachment preview. The empty div is only a placeholder used by JS. */
#selectedFiles:empty,
.selected-files:empty,
.selected-files-v61:empty{display:none!important;height:0!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;}

/* ---------- Desktop bell notification center ---------- */
@media (min-width:821px){
  .bell-scrim-v40{background:rgba(6,43,70,.12)!important;backdrop-filter:blur(3px)!important;}
  .bell-dropdown,
  .bell-dropdown-pro,
  .bell-dropdown-v40,
  .bell-dropdown-v44{
    width:390px!important;
    max-width:95vw!important;
    height:650px!important;
    max-height:calc(100vh - 92px)!important;
    position:fixed!important;
    top:65px!important;
    right:85px!important;
    left:auto!important;
    bottom:auto!important;
    background:#fff!important;
    border-radius:22px!important;
    box-shadow:0 20px 60px rgba(0,0,0,.22)!important;
    overflow:hidden!important;
    direction:rtl!important;
    z-index:9999!important;
    border:1px solid rgba(255,255,255,.55)!important;
    display:none;
  }
  .bell-dropdown.show,
  .bell-dropdown-pro.show{display:flex!important;flex-direction:column!important;}
  .bell-dropdown:before{display:none!important;}
  .bell-dropdown-head,
  .bell-dropdown .bell-dropdown-head,
  .bell-head-v29{
    height:96px!important;min-height:96px!important;
    background:linear-gradient(135deg,var(--wisal-navy),var(--wisal-navy-2))!important;
    color:#fff!important;
    padding:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    border:0!important;
  }
  .bell-head-title-v29{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;}
  .bell-head-title-v29 strong{font-size:21px!important;font-weight:900!important;line-height:1.2!important;color:#fff!important;white-space:nowrap!important;}
  .bell-head-title-v29 small{display:block!important;font-size:12px!important;opacity:.85!important;color:#eaf6ff!important;margin-top:4px!important;max-width:190px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .bell-head-icon-v29{width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(255,255,255,.15)!important;color:#fff!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;}
  .bell-head-actions-v38{display:flex!important;gap:10px!important;align-items:center!important;flex:0 0 auto!important;}
  .bell-view-all-v29{height:38px!important;padding:0 16px!important;border-radius:14px!important;background:#fff!important;color:#083b5a!important;font-weight:900!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;border:0!important;}
  .bell-close-v38{width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(255,255,255,.15)!important;color:#fff!important;border:0!important;font-size:20px!important;display:grid!important;place-items:center!important;}
  .bell-summary-v38{margin:14px!important;background:#e9fff4!important;color:#00965f!important;width:42px!important;height:42px!important;border-radius:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;padding:0!important;}
  .bell-summary-v38 div{display:none!important;}
  .bell-quick-v29,
  .bell-quick-v38{display:flex!important;gap:8px!important;padding:14px!important;margin:0!important;background:#fff!important;border-bottom:1px solid var(--wisal-line)!important;order:2!important;overflow-x:auto!important;}
  .bell-quick-v29 a{border:1px solid #d9e4ec!important;background:#f8fbfd!important;color:#0b3854!important;padding:8px 14px!important;border-radius:14px!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important;text-decoration:none!important;}
  .bell-quick-v29 a:first-child{background:#0b6b91!important;color:#fff!important;border-color:#0b6b91!important;}
  .bell-dropdown-list,
  .bell-list-v29{height:auto!important;flex:1 1 auto!important;overflow-y:auto!important;padding:0 14px 14px!important;background:#fff!important;order:3!important;}
  .bell-item,
  .bell-item-pro,
  .bell-item-v46{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:13px!important;margin-bottom:10px!important;border-radius:18px!important;background:#fff!important;border:1px solid #edf1f5!important;box-shadow:0 4px 16px rgba(0,0,0,.04)!important;text-decoration:none!important;color:inherit!important;min-height:74px!important;overflow:hidden!important;}
  .bell-item:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important;}
  .bell-item-icon,
  .bell-avatar-v46{width:44px!important;height:44px!important;border-radius:15px!important;background:#e8f7ff!important;color:#0b6b91!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;flex-shrink:0!important;overflow:hidden!important;}
  .bell-avatar-v46 img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;}
  .bell-item-content,
  .bell-item-text{min-width:0!important;overflow:hidden!important;}
  .bell-item strong,.bell-item-title{display:block!important;font-size:14px!important;font-weight:900!important;color:#082f49!important;margin-bottom:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .bell-item span,.bell-item p,.bell-item-desc{font-size:12px!important;color:#64748b!important;line-height:1.55!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;}
  .bell-item small,.bell-item-time{font-size:11px!important;color:#94a3b8!important;margin-top:6px!important;display:block!important;white-space:nowrap!important;}
  .bell-item .notification-badge,.bell-item-badge{background:#ef4444!important;color:#fff!important;font-size:10px!important;padding:3px 8px!important;border-radius:20px!important;height:max-content!important;align-self:start!important;}
  .bell-foot-v29{height:58px!important;min-height:58px!important;border-top:1px solid var(--wisal-line)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 16px!important;background:#fff!important;order:4!important;}
}

/* ---------- Mobile app shell: real chat behavior ---------- */
@media (max-width:820px){
  html,body{width:100%!important;height:100%!important;overflow:hidden!important;background:#eef3f7!important;}
  body{overscroll-behavior:none!important;}
  .app.app-pro{height:100dvh!important;max-height:100dvh!important;width:100%!important;margin:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:#f7fafc!important;display:flex!important;flex-direction:column!important;padding-bottom:0!important;}
  .rail,.right{display:none!important;}
  .mobile-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:calc(60px + var(--wisal-safe))!important;padding:5px 5px calc(5px + var(--wisal-safe))!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #dfe7ee!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;z-index:1000!important;box-shadow:0 -8px 22px rgba(6,43,70,.10)!important;}
  .mobile-bottom-nav a{min-width:0!important;height:50px!important;border-radius:14px!important;font-size:10px!important;font-weight:900!important;color:#64748b!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;flex-direction:column!important;text-decoration:none!important;}
  .mobile-bottom-nav a.active{background:#e6f7ef!important;color:#075e54!important;}
  .mobile-bottom-nav svg{width:18px!important;height:18px!important;}
  .mobile-bottom-nav a.active:after{display:none!important;}

  /* Channels list screen */
  .app-pro.mobile-channel-home .sidebar{display:flex!important;position:fixed!important;inset:0 0 calc(60px + var(--wisal-safe)) 0!important;width:100%!important;max-height:none!important;height:auto!important;background:#f7fafc!important;z-index:20!important;border:0!important;box-shadow:none!important;flex-direction:column!important;overflow:hidden!important;}
  .app-pro.mobile-channel-home .content.chat-view{display:none!important;}
  .side-head{height:70px!important;min-height:70px!important;background:linear-gradient(135deg,#063b5a,#075e54)!important;color:#fff!important;border:0!important;padding:10px 12px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;}
  .side-head img{width:42px!important;height:42px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid rgba(255,255,255,.28)!important;box-shadow:none!important;}
  .side-head h3{font-size:15px!important;line-height:1.2!important;margin:0!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .side-head p,.side-head .small{font-size:10px!important;color:rgba(255,255,255,.78)!important;margin:2px 0 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .side-head .btn,.side-head a.btn{height:30px!important;padding:0 9px!important;border-radius:12px!important;font-size:10px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;}
  .search{padding:9px 10px!important;background:#fff!important;border-bottom:1px solid #e6eef5!important;}
  .search input{height:40px!important;border-radius:17px!important;font-size:12.5px!important;background:#f3f7fa!important;border:1px solid #dce8f1!important;}
  .mobile-official-note-v54,
  .sidebar .hint,
  .sidebar .mobile-note{display:none!important;}
  .channel-list{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:8px 10px 16px!important;background:#f7fafc!important;}
  .section-label{font-size:11px!important;margin:12px 4px 8px!important;color:#075e54!important;font-weight:950!important;}
  .channel{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;min-height:56px!important;padding:8px!important;margin:0 0 7px!important;border-radius:17px!important;background:#fff!important;border:1px solid #e4edf3!important;box-shadow:0 5px 14px rgba(6,43,70,.04)!important;}
  .channel .ch-icon{width:38px!important;height:38px!important;border-radius:50%!important;}
  .channel strong{font-size:12.5px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .channel span,.channel small,.group-open-note{font-size:10px!important;line-height:1.35!important;color:#667781!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;}
  .mini-badge{font-size:8.5px!important;padding:3px 5px!important;border-radius:999px!important;}

  /* Chat screen */
  .app-pro.mobile-chat-open .sidebar{display:none!important;}
  .app-pro.mobile-chat-open .content.chat-view{position:fixed!important;inset:0 0 calc(60px + var(--wisal-safe)) 0!important;display:flex!important;flex-direction:column!important;background:#efeae2!important;overflow:hidden!important;z-index:30!important;}
  .chat-head{height:58px!important;min-height:58px!important;background:#075e54!important;color:#fff!important;border:0!important;padding:7px 10px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;box-shadow:0 2px 8px rgba(0,0,0,.16)!important;}
  .mobile-chat-back-v49,.global-back-pro{width:32px!important;height:32px!important;min-width:32px!important;border-radius:50%!important;background:rgba(255,255,255,.14)!important;color:#fff!important;display:grid!important;place-items:center!important;text-decoration:none!important;font-size:18px!important;padding:0!important;position:static!important;box-shadow:none!important;}
  .global-back-pro b{display:none!important;}
  .chat-head h2{font-size:14px!important;line-height:1.25!important;color:#fff!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .chat-head .small{font-size:9.7px!important;color:rgba(255,255,255,.78)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .chat-head .tag{font-size:8.5px!important;padding:3px 6px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;}
  .messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;background:radial-gradient(circle at top left,rgba(255,255,255,.35),transparent 28%),#efeae2!important;padding:12px 10px 112px!important;}
  .msg-row{gap:6px!important;margin-bottom:8px!important;}
  .msg-avatar{width:26px!important;height:26px!important;border-radius:50%!important;}
  .msg-bubble{max-width:calc(100vw - 72px)!important;border:0!important;border-radius:14px 14px 4px 14px!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.12)!important;padding:8px 10px!important;}
  .msg.me .msg-bubble{background:#d9fdd3!important;border-radius:14px 14px 14px 4px!important;}
  .msg-author strong{font-size:11px!important;}.msg-author span{display:none!important;}.msg-text{font-size:13px!important;line-height:1.6!important;}

  /* Composer fixed above bottom nav */
  .composer-whatsapp-v61{position:fixed!important;left:0!important;right:0!important;bottom:calc(60px + var(--wisal-safe))!important;background:rgba(239,234,226,.97)!important;backdrop-filter:blur(10px)!important;border:0!important;padding:6px 8px!important;z-index:900!important;box-shadow:0 -5px 18px rgba(0,0,0,.08)!important;}
  .message-bar-v61{display:flex!important;align-items:flex-end!important;gap:6px!important;width:100%!important;min-height:50px!important;}
  .input-wrapper-v61{flex:1 1 auto!important;min-width:0!important;min-height:44px!important;max-height:116px!important;border-radius:24px!important;background:#fff!important;padding:0 12px!important;display:flex!important;align-items:flex-end!important;box-shadow:0 1px 4px rgba(0,0,0,.10)!important;}
  .input-wrapper-v61 textarea{width:100%!important;min-height:42px!important;max-height:104px!important;border:0!important;outline:0!important;background:transparent!important;resize:none!important;font-size:14px!important;line-height:1.55!important;padding:9px 0!important;overflow-y:auto!important;}
  .icon-btn-v61{width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;background:transparent!important;color:#54656f!important;font-size:15px!important;box-shadow:none!important;}
  .send-btn-v61{width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;background:#00a884!important;color:#fff!important;font-size:15px!important;box-shadow:0 2px 8px rgba(0,168,132,.35)!important;}
  .mic-btn-v61{width:36px!important;height:36px!important;min-width:36px!important;}
  .target-btn-v61{position:absolute!important;top:-42px!important;right:10px!important;background:#fff!important;border:1px solid #dce8f0!important;box-shadow:0 8px 20px rgba(6,43,70,.10)!important;}
  .composer-meta-v61{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(112px + var(--wisal-safe))!important;z-index:905!important;padding:0!important;background:transparent!important;}
  .selected-files-v61:not(:empty){display:flex!important;background:#fff!important;border:1px solid #dbe7f0!important;border-radius:14px!important;padding:5px!important;box-shadow:0 10px 24px rgba(6,43,70,.14)!important;max-height:78px!important;overflow-y:auto!important;}
  .file-rules-v61{display:none!important;}
  .target-picker-pro{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(112px + var(--wisal-safe))!important;z-index:910!important;display:none!important;max-height:52dvh!important;overflow:auto!important;border-radius:22px!important;padding:10px!important;}
  .target-picker-pro.show{display:block!important;}
  .target-picker-grid{grid-template-columns:1fr!important;}

  /* Mobile users page */
  .users-page,.users-page-v55,.wrap,.notifications-wrap,.archive-page,.archive-wrap,.archive-pro,.profile-page,.auth-page,.login-page{height:100dvh!important;min-height:100dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:calc(72px + var(--wisal-safe))!important;}
  .users-hero,.users-hero-v55{border-radius:20px!important;padding:13px!important;margin:10px!important;display:block!important;}
  .users-hero h1,.users-hero-v55 h1{font-size:20px!important;line-height:1.25!important;}
  .users-hero p,.users-hero-v55 p{font-size:11.5px!important;}
  .directory-panel,.directory-panel-v55{border-radius:20px!important;padding:12px!important;margin:10px!important;}
  .selector-grid{grid-template-columns:1fr!important;gap:8px!important;}
  .manager-card-pro{grid-template-columns:52px 1fr!important;gap:9px!important;border-radius:18px!important;padding:10px!important;}
  .manager-card-pro>img{width:52px!important;height:52px!important;border-radius:16px!important;}
  .manager-info h2{font-size:15px!important;}
  .direct-form textarea{min-height:82px!important;}

  /* Mobile notifications bottom sheet */
  .bell-dropdown-pro,.bell-dropdown{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;max-width:100%!important;height:min(76dvh,640px)!important;max-height:76dvh!important;border-radius:26px 26px 0 0!important;z-index:9999!important;background:#fff!important;overflow:hidden!important;display:none;}
  .bell-dropdown-pro.show,.bell-dropdown.show{display:flex!important;flex-direction:column!important;}
  .bell-dropdown-head{height:82px!important;min-height:82px!important;padding:14px!important;background:linear-gradient(135deg,#063b5a,#0b6b91)!important;color:#fff!important;}
  .bell-head-title-v29 strong{font-size:18px!important;color:#fff!important;}.bell-head-title-v29 small{font-size:11px!important;color:#eaf6ff!important;max-width:190px!important;}
  .bell-view-all-v29{height:32px!important;padding:0 10px!important;border-radius:12px!important;font-size:11px!important;background:#fff!important;color:#063b5a!important;}
  .bell-close-v38{width:34px!important;height:34px!important;border-radius:12px!important;}
  .bell-quick-v29{padding:10px!important;overflow-x:auto!important;}.bell-quick-v29 a{padding:7px 12px!important;border-radius:12px!important;font-size:12px!important;}
  .bell-dropdown-list{flex:1!important;overflow-y:auto!important;padding:10px!important;}
  .bell-item{grid-template-columns:40px minmax(0,1fr) auto!important;padding:10px!important;border-radius:16px!important;min-height:66px!important;}
  .bell-item-icon,.bell-avatar-v46{width:40px!important;height:40px!important;border-radius:14px!important;}.bell-item strong{font-size:13px!important;}.bell-item span,.bell-item p{font-size:11.5px!important;}

  .profile-card img{width:64px!important;height:64px!important;border-radius:18px!important;}.profile-card h3{font-size:15px!important;}.profile-card p{font-size:11.5px!important;}
}

/* ===== V66 FINAL: real mobile layout, composer, users, bell notifications ===== */
:root{--v66-navy:#063b5a;--v66-navy2:#0b6b91;--v66-green:#00a884;--v66-bg:#efeae2;--v66-line:#e5e7eb;--v66-text:#111b21;--v66-muted:#667781;--v66-nav:62px;--v66-safe:env(safe-area-inset-bottom,0px)}
html,body{max-width:100%;overflow-x:hidden}.rail{position:sticky!important;top:0!important;height:100dvh!important;z-index:2000!important}.global-back-pro{z-index:6500!important;border-radius:14px!important;box-shadow:0 12px 28px rgba(6,43,70,.14)!important}.right{position:sticky!important;top:0!important;height:100dvh!important;overflow:auto!important}.right .profile-card img,.profile-card img{width:68px!important;height:68px!important;border-radius:22px!important;object-fit:cover!important}
/* desktop notification center */
#bellDropdownScrim.show,.bell-scrim-v40.show{display:block!important;position:fixed!important;inset:0!important;background:rgba(6,24,38,.18)!important;backdrop-filter:blur(3px)!important;z-index:8500!important}.bell-dropdown,#bellDropdownPanel{position:fixed!important;top:65px!important;right:84px!important;width:390px!important;max-width:95vw!important;height:650px!important;max-height:calc(100dvh - 86px)!important;background:#fff!important;border-radius:22px!important;box-shadow:0 20px 60px rgba(0,0,0,.22)!important;overflow:hidden!important;direction:rtl!important;z-index:9000!important;border:1px solid rgba(255,255,255,.55)!important;display:none!important}.bell-dropdown.show,#bellDropdownPanel.show{display:flex!important;flex-direction:column!important}.bell-dropdown-head,.bell-dropdown .bell-dropdown-head{height:96px!important;min-height:96px!important;background:linear-gradient(135deg,#063b5a,#0b6b91)!important;color:#fff!important;padding:18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.bell-head-title-v29,.bell-head-title-v29>div{min-width:0!important}.bell-head-title-v29 strong{display:block!important;font-size:20px!important;font-weight:900!important;color:#fff!important;white-space:nowrap!important}.bell-head-title-v29 small{display:block!important;margin-top:5px!important;font-size:12px!important;opacity:.85!important;color:rgba(255,255,255,.85)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bell-head-icon-v29{width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(255,255,255,.15)!important;color:#fff!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}.bell-head-icon-v29 svg{width:20px!important;height:20px!important}.bell-head-actions-v38{display:flex!important;gap:8px!important;align-items:center!important;flex:0 0 auto!important}.bell-view-all-v29{border:0!important;height:38px!important;padding:0 14px!important;border-radius:14px!important;background:#fff!important;color:#083b5a!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;text-decoration:none!important}.bell-close-v38{border:0!important;width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(255,255,255,.15)!important;color:#fff!important;font-size:22px!important;line-height:1!important;cursor:pointer!important}.bell-summary-v38{margin:14px!important;background:#f5fbff!important;border:1px solid #e2eef6!important;border-radius:18px!important;padding:12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.bell-summary-v38 b{display:block!important;font-size:14px!important;color:#082f49!important}.bell-summary-v38 span{display:block!important;font-size:12px!important;color:#64748b!important;margin-top:3px!important}.bell-summary-v38 strong{background:#e9fff4!important;color:#00965f!important;width:42px!important;height:42px!important;border-radius:15px!important;display:grid!important;place-items:center!important;font-weight:900!important}.bell-quick-v29{display:flex!important;gap:8px!important;padding:0 14px 14px!important;border-bottom:1px solid #edf1f5!important;overflow-x:auto!important}.bell-quick-v29 a{border:1px solid #d9e4ec!important;background:#f8fbfd!important;color:#0b3854!important;padding:8px 14px!important;border-radius:14px!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important}.bell-dropdown-list{flex:1!important;overflow-y:auto!important;padding:14px!important;max-height:none!important}.bell-item,.bell-item-v46{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:13px!important;margin-bottom:10px!important;border-radius:18px!important;background:#fff!important;border:1px solid #edf1f5!important;box-shadow:0 4px 16px rgba(0,0,0,.04)!important;text-decoration:none!important;color:inherit!important;transition:.2s!important}.bell-item:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important}.bell-avatar-v46,.bell-type-icon-v46{width:44px!important;height:44px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:#e8f7ff!important;color:#0b6b91!important;overflow:hidden!important}.bell-avatar-v46 img{width:100%!important;height:100%!important;object-fit:cover!important}.bell-main-v46{min-width:0!important}.bell-title-v46{font-size:14px!important;font-weight:900!important;color:#082f49!important;margin-bottom:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bell-text-v46{font-size:12px!important;color:#64748b!important;line-height:1.5!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.bell-time-v46{font-size:11px!important;color:#94a3b8!important;margin-top:5px!important}.bell-badge-v46{background:#ef4444!important;color:#fff!important;font-size:10px!important;padding:3px 8px!important;border-radius:20px!important;height:max-content!important;white-space:nowrap!important}.bell-empty{padding:22px!important;text-align:center!important;color:#64748b!important}.bell-empty strong{display:block!important;color:#082f49!important;margin-bottom:6px!important}
/* WhatsApp-like composer desktop */
.composer-whatsapp-v61,.composer.composer-pro{background:#f0f2f5!important;border-top:1px solid #dde1e5!important;box-shadow:0 -8px 22px rgba(0,0,0,.07)!important;padding:10px 16px!important}.message-bar-v61{width:100%!important;min-height:58px!important;display:flex!important;align-items:flex-end!important;gap:8px!important;direction:rtl!important}.icon-btn-v61,.send-btn-v61{width:42px!important;height:42px!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:17px!important;transition:.18s ease!important;flex:0 0 auto!important}.icon-btn-v61{background:transparent!important;color:#54656f!important}.icon-btn-v61:hover{background:#e1e6ea!important;color:#111b21!important}.send-btn-v61{background:#00a884!important;color:#fff!important;box-shadow:0 4px 10px rgba(0,168,132,.28)!important}.send-btn-v61:hover{background:#008f72!important;transform:translateY(-1px)!important}.input-wrapper-v61{flex:1 1 auto!important;min-height:42px!important;background:#fff!important;border-radius:24px!important;display:flex!important;align-items:center!important;padding:0 16px!important;box-shadow:0 1px 2px rgba(0,0,0,.06)!important;min-width:0!important}#messageBodyInput{width:100%!important;height:42px!important;min-height:42px!important;max-height:120px!important;border:none!important;outline:none!important;resize:none!important;background:transparent!important;font-family:"Cairo",Arial,sans-serif!important;font-size:14.5px!important;color:#111b21!important;line-height:1.7!important;padding:8px 0!important;overflow-y:auto!important}.composer-meta-v61{display:block!important}.selected-files:empty,.selected-files-v61:empty,#selectedFiles:empty{display:none!important}.file-rules-v61{display:none!important}
/* mobile final */
@media(max-width:900px){
  body{overflow:auto!important;background:#0b141a!important}.app-pro{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;display:block!important;background:#efeae2!important}.rail,.right{display:none!important}.app-pro .sidebar{position:fixed!important;inset:0 0 calc(var(--v66-nav) + var(--v66-safe)) 0!important;z-index:20!important;background:#f7fbfd!important;overflow-y:auto!important;padding:10px 10px calc(80px + var(--v66-safe))!important}.app-pro.mobile-chat-open .sidebar{display:none!important}.side-head{min-height:54px!important;border-radius:18px!important;padding:8px 10px!important;margin-bottom:8px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:8px!important;align-items:center!important}.side-head img{width:42px!important;height:42px!important;border-radius:15px!important}.side-head strong{font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.side-head span{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.search input{height:40px!important;border-radius:15px!important;font-size:12px!important}.section-label{font-size:11px!important;margin:12px 4px 7px!important;color:#0b3854!important}.channel{min-height:66px!important;border-radius:18px!important;padding:8px!important;margin-bottom:8px!important;grid-template-columns:42px minmax(0,1fr) auto!important}.ch-icon{width:42px!important;height:42px!important;border-radius:15px!important}.channel strong{font-size:13px!important}.channel span{font-size:10.5px!important;line-height:1.35!important}.group-open-note{display:none!important}.mini-badge{font-size:9px!important;padding:3px 6px!important}.content.chat-view{position:fixed!important;inset:0 0 calc(var(--v66-nav) + var(--v66-safe)) 0!important;display:flex!important;flex-direction:column!important;background:#efeae2!important;z-index:30!important;overflow:hidden!important}.app-pro.mobile-channel-home .content.chat-view{display:none!important}.chat-head{height:58px!important;min-height:58px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:7px 10px!important;background:#075e54!important;color:#fff!important;border:0!important;box-shadow:0 2px 8px rgba(0,0,0,.16)!important}.mobile-chat-back-v49{width:34px!important;height:34px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.12)!important;color:#fff!important;text-decoration:none!important;font-size:20px!important;line-height:1!important;flex:0 0 auto!important}.chat-head>div{min-width:0!important;flex:1!important}.chat-head h2{font-size:14.5px!important;line-height:1.25!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important}.chat-head .small{font-size:10px!important;color:rgba(255,255,255,.82)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}.chat-head .tag{height:23px!important;padding:0 7px!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;font-size:9px!important;white-space:nowrap!important;flex:0 0 auto!important}.messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;background:radial-gradient(circle at top left,rgba(255,255,255,.35),transparent 28%),#efeae2!important;padding:12px 10px calc(82px + 18px + var(--v66-safe))!important;scroll-behavior:smooth!important}.msg{max-width:100%!important;margin:0 0 8px!important}.msg-row{gap:7px!important;align-items:flex-end!important}.msg-avatar{width:28px!important;height:28px!important;border-radius:50%!important;object-fit:cover!important}.msg-bubble{max-width:calc(100vw - 70px)!important;min-width:0!important;border-radius:14px 14px 4px 14px!important;padding:8px 10px!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.12)!important;border:0!important}.msg.me .msg-bubble{background:#d9fdd3!important;border-radius:14px 14px 14px 4px!important}.msg-author{margin-bottom:3px!important}.msg-author strong{font-size:11.5px!important}.msg-author span{display:none!important}.msg-text{font-size:13.5px!important;line-height:1.65!important}.msg-bubble small{font-size:9.5px!important;color:#667781!important}.seen-panel summary{font-size:10px!important}.attachments-grid{grid-template-columns:1fr!important;gap:7px!important}.image-attachment{max-width:100%!important}.image-attachment img{max-height:240px!important}.file-attachment,.audio-attachment{border-radius:14px!important;max-width:100%!important}.system-lock,.chat-alert{margin:8px!important;border-radius:16px!important}.composer-whatsapp-v61,.composer.composer-pro{position:fixed!important;left:0!important;right:0!important;bottom:calc(var(--v66-nav) + var(--v66-safe))!important;z-index:4500!important;background:rgba(239,234,226,.96)!important;backdrop-filter:blur(10px)!important;border-top:0!important;box-shadow:0 -8px 24px rgba(0,0,0,.12)!important;padding:8px 8px!important;border-radius:0!important}.message-bar-v61{display:flex!important;align-items:flex-end!important;gap:6px!important;width:100%!important;min-height:48px!important}.icon-btn-v61,.send-btn-v61{width:38px!important;height:38px!important;min-width:38px!important;font-size:16px!important}.target-btn-v61{order:1!important}.attach-btn-v61{order:2!important}.image-btn-v61{order:3!important}.input-wrapper-v61{order:4!important;min-height:40px!important;border-radius:22px!important;padding:0 12px!important;flex:1 1 auto!important;min-width:0!important}#messageBodyInput{height:40px!important;min-height:40px!important;max-height:94px!important;font-size:14px!important;line-height:1.55!important;padding:8px 0!important}.mic-btn-v61{order:5!important}.send-btn-v61{order:6!important;width:40px!important;height:40px!important;min-width:40px!important}.composer-meta-v61{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(var(--v66-nav) + var(--v66-safe) + 58px)!important;z-index:4499!important}.selected-files-v61:not(:empty){display:flex!important;gap:6px!important;max-height:54px!important;overflow:auto!important;background:#fff!important;border:1px solid #e1e6ea!important;border-radius:15px!important;padding:6px!important}.custom-target-panel{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(var(--v66-nav) + var(--v66-safe) + 68px)!important;max-height:56dvh!important;overflow:auto!important;border-radius:22px!important;z-index:5000!important}.target-preview.locked-target{display:none!important}.mobile-bottom-nav-v54,.mobile-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:calc(var(--v66-nav) + var(--v66-safe))!important;padding:5px 8px calc(5px + var(--v66-safe))!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;border-top:1px solid #dfeaf2!important;box-shadow:0 -12px 28px rgba(6,43,70,.08)!important;z-index:6000!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important}.mobile-bottom-nav-v54 a,.mobile-bottom-nav a{display:grid!important;place-items:center!important;gap:1px!important;border-radius:15px!important;font-size:9.5px!important;font-weight:900!important;color:#627385!important;text-decoration:none!important;padding:3px 2px!important}.mobile-bottom-nav-v54 a.active,.mobile-bottom-nav a.active{background:#eaf8f3!important;color:#0f8a6b!important}.mobile-bottom-nav-v54 svg,.mobile-bottom-nav svg{width:19px!important;height:19px!important}.nav-badge{min-width:15px!important;height:15px!important;font-size:8px!important}.mobile-more-v52{display:block!important}.mobile-more-btn-v52{display:none!important}.mobile-more-menu-v52{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(var(--v66-nav) + var(--v66-safe) + 8px)!important;width:auto!important;background:#fff!important;border:1px solid #dfeaf2!important;border-radius:22px!important;box-shadow:0 24px 70px rgba(6,43,70,.25)!important;padding:8px!important;display:none!important;z-index:7200!important}.mobile-more-menu-v52.show{display:block!important}.mobile-more-menu-v52 a{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-height:42px!important;border-radius:15px!important;padding:5px 9px!important;color:#102033!important;font-size:12.5px!important;font-weight:900!important;text-decoration:none!important}.mobile-more-menu-v52 svg{width:18px!important;height:18px!important}.bell-dropdown,#bellDropdownPanel{top:auto!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:100%!important;height:min(76dvh,650px)!important;max-height:76dvh!important;border-radius:24px 24px 0 0!important;z-index:9000!important}.bell-dropdown-head{height:82px!important;min-height:82px!important;padding:14px!important}.bell-head-title-v29 strong{font-size:17px!important}.bell-head-title-v29 small{font-size:10px!important}.bell-view-all-v29{height:34px!important;padding:0 10px!important;font-size:12px!important}.bell-close-v38,.bell-head-icon-v29{width:36px!important;height:36px!important;border-radius:12px!important}.bell-summary-v38{margin:10px!important;padding:10px!important}.bell-quick-v29{padding:0 10px 10px!important}.bell-quick-v29 a{font-size:12px!important;padding:7px 11px!important}.bell-dropdown-list{padding:10px!important}.bell-item{grid-template-columns:40px minmax(0,1fr) auto!important;gap:9px!important;padding:10px!important;border-radius:16px!important}.bell-avatar-v46,.bell-type-icon-v46{width:40px!important;height:40px!important;border-radius:14px!important}.bell-title-v46{font-size:13px!important}.bell-text-v46{font-size:11px!important}.bell-time-v46{font-size:10px!important}.user-directory,.users-page,.directory-shell,.users-list,.users-grid{height:auto!important;max-height:none!important;overflow:visible!important}.users-page .content,.directory-content{overflow:auto!important;padding-bottom:calc(var(--v66-nav) + 30px)!important}.global-back-pro{position:fixed!important;top:10px!important;left:10px!important;width:38px!important;height:38px!important;border-radius:14px!important;padding:0!important;display:grid!important;place-items:center!important}.global-back-pro b{display:none!important}.global-back-pro span{font-size:22px!important}.intro,.login-shell,.auth-shell{min-height:100dvh!important;overflow-y:auto!important;padding-bottom:30px!important}
}