:root{--tblr-primary:#087f96;--tblr-primary-rgb:8,127,150;--tblr-font-sans-serif:'Segoe UI',Tahoma,Arial,sans-serif;--rail:275px;--ink:#254757;--muted:#859ca9}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f2f6f9;font-family:var(--tblr-font-sans-serif)}[hidden]{display:none!important}button,input,select,textarea{font-family:inherit}.btn-primary{background:#087f96;border-color:#087f96}.btn-primary:hover{background:#056b80;border-color:#056b80}.btn{transition:background .18s,transform .18s,box-shadow .18s}.form-control:focus,.form-select:focus{border-color:#4ba8b9;box-shadow:0 0 0 3px #099bb018}#login-screen{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;background:#fff}.login-story{background:linear-gradient(155deg,#143b52,#086b80 65%,#148b98);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:65px 70px}.brand-light{font-size:25px;font-weight:700;letter-spacing:3px}.brand-light span{display:block;font-size:10px;font-weight:400;letter-spacing:5px;color:#8dc7d1}.eyebrow{font-size:12px;color:#a2d6dd}.login-story h1{font-size:43px;font-weight:650;line-height:1.6;margin:20px 0}.login-story p{font-size:15px;line-height:2.1;max-width:420px;color:#b9dae1}.story-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.story-tags span{border:1px solid #ffffff25;border-radius:7px;padding:10px 14px;font-size:11px;background:#ffffff07}.login-story>small{color:#9ac6d2}.login-form-wrap{max-width:480px;width:100%;padding:55px;margin:auto}.login-logo{width:105px;height:105px;object-fit:contain;margin-bottom:25px}.login-form-wrap h2{font-size:28px;margin:10px 0}.login-form-wrap p{font-size:13px}.login-form-wrap form{margin-top:30px}.login-form-wrap input{padding:12px}.login-note{display:block;color:#91a5b0;font-size:11px;line-height:1.9;margin-top:30px}.rail{width:var(--rail);position:fixed;right:0;top:0;bottom:0;background:#fff;border-left:1px solid #e1eaf0;padding:19px 15px 65px;overflow:auto;z-index:30}.brand{display:flex;gap:15px;align-items:center;padding:4px 7px 20px}.brand img{width:65px;height:65px;object-fit:contain}.brand b{font-size:24px}.brand small{display:block;font-size:8px;color:#8ba1ad;letter-spacing:1.6px}.identity{background:#f0f9fb;border:1px solid #e0eef3;border-radius:9px;padding:12px;display:flex;align-items:center;gap:10px}.identity b{display:block;font-size:12px}.identity small{font-size:10px;color:#7596a5}.avatar{background:#e3f3f6;color:#087f96;box-shadow:none}.rail-label{color:#a1b1bb;font-size:10px;margin:22px 11px 10px}.nav-button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;border-radius:7px;padding:11px 13px;text-align:right;font-size:12px;color:#718c9b;margin:2px 0}.nav-button:hover{background:#f2f7fa}.nav-button.active{background:#e5f4f7;color:#087f96;font-weight:600;box-shadow:inset -3px 0 #0c9bb0}.nav-symbol{font-size:17px;width:22px;text-align:center}.nav-button small{margin-right:auto}.rail details{border:1px solid #e8eef2;border-radius:7px;margin:7px 0}.rail summary{list-style:none;cursor:pointer;background:#f8fbfc;font-size:11px;padding:10px;display:flex;gap:8px}.rail summary span{flex:1}.rail summary small{color:#9bb0bd}.tree-link{border:0;background:none;width:100%;text-align:right;font-size:11px;color:#6c8797;padding:9px 15px;line-height:1.6}.tree-link:hover{background:#eff8fa;color:#087f96}.rail-bottom{position:fixed;bottom:0;right:0;width:var(--rail);background:white;border-top:1px solid #e5edf1;display:flex;align-items:center;gap:7px;padding:12px 20px}.rail-bottom button{margin-right:auto}.connection-dot{width:7px;height:7px;border-radius:50%;background:#29ab8f}.offline .connection-dot{background:#d78659}.surface{margin-right:var(--rail);min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid #e5edf1;display:flex;justify-content:space-between;align-items:center;padding:0 28px;position:sticky;top:0;z-index:20}.crumb,.top-actions{display:flex;align-items:center;gap:12px;font-size:11px}.crumb>span{color:#9ab0bc}.top-actions .btn{font-size:11px}#content{padding:28px 34px 45px;max-width:1800px;margin:auto}.view-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.view-header h1{font-size:25px;margin:5px 0 9px}.view-header p{color:#8aa0ad;font-size:12px;margin:0}.page-pretitle{color:#789cac;font-size:10px;letter-spacing:0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.kpi{background:#fff;border:1px solid #e1eaf0;border-radius:10px;padding:19px}.kpi-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#809ba9}.kpi strong{display:block;font-size:30px;font-weight:500;color:#286d86;margin:10px 0 5px}.kpi small{font-size:10px;color:#9cb0bd}.workspace-banner{background:#e7f5f8;border:1px solid #d6eaf0;padding:20px 24px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.workspace-banner b{font-size:15px;display:block}.workspace-banner p{color:#7194a4;font-size:11px;margin:7px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:26px 0 17px}.section-heading h2{font-size:17px;margin:0}.controls{display:flex;gap:8px;align-items:center}.controls input{max-width:240px;font-size:11px}.controls select{max-width:170px;font-size:11px}.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.platform{background:#fff;border:1px solid #dfe9ef;border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s;animation:arrive .25s both}.platform:hover{transform:translateY(-3px);box-shadow:0 12px 26px #2a607012}.platform-body{padding:19px}.platform-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.platform .avatar{width:45px;height:45px;border-radius:12px;font-size:12px;font-weight:650}.star{border:0;background:none;color:#b0c1cb;font-size:22px}.star.saved{color:#d0a243}.platform h3{font-size:14px;margin-bottom:8px}.platform p{font-size:11px;color:#8fa5b2;min-height:33px;line-height:1.7}.platform .badge{font-size:9px;font-weight:400}.platform-footer{padding:11px 17px;background:#fbfdfe;border-top:1px solid #eef3f6;display:flex;align-items:center;justify-content:space-between}.platform-footer small{font-size:10px;color:#8ba3b1}.platform-footer .btn{font-size:11px}.list .platform-grid{grid-template-columns:1fr}.list .platform{display:flex}.list .platform-body{flex:1;display:grid;grid-template-columns:75px 1fr;gap:2px 12px}.list .platform-top{grid-row:1/4;margin:0}.list .platform p{min-height:0;margin:0}.list .platform .badge{justify-self:start}.list .platform-footer{gap:20px;border:0}.panel{background:#fff;border:1px solid #e1ebf0;border-radius:11px;overflow:hidden}.panel-header{padding:19px 22px;border-bottom:1px solid #eaf0f4;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-header h3{font-size:14px;margin:0}.table-responsive{overflow:auto}.table{font-size:12px;margin:0}.table thead th{background:#f7fafc;color:#8ba1ae;font-size:10px;font-weight:500;white-space:nowrap}.table td{padding:15px 18px;vertical-align:middle;color:#5e7e90}.table .btn{font-size:10px}.table td small{display:block;color:#9aafba;font-size:10px;margin-top:5px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.notice-card{background:white;border:1px solid #e1eaf0;border-right:4px solid #6fbec9;border-radius:9px;margin:13px 0;padding:20px;animation:arrive .2s}.notice-card.urgent{border-right-color:#dd8b77}.notice-card.important{border-right-color:#d5b46b}.notice-card h3{font-size:15px}.notice-card p{white-space:pre-wrap;font-size:12px;line-height:2;color:#748f9e}.notice-meta{display:flex;align-items:center;gap:10px;color:#98acb8;font-size:10px}.chat-layout{display:grid;grid-template-columns:255px 1fr;height:calc(100vh - 220px);min-height:480px}.channel-list{background:#fbfdfe;border-left:1px solid #e6eef2;overflow:auto;padding:10px}.channel-button{border:0;border-bottom:1px solid #edf2f5;background:none;width:100%;text-align:right;padding:15px 12px;border-radius:7px;color:#607f90;display:flex;gap:10px;align-items:center}.channel-button.active{background:#e8f5f8;color:#087f96}.channel-button b{font-size:12px;flex:1}.channel-button small{font-size:10px}.chat-conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-title{padding:17px 22px;border-bottom:1px solid #e7eef2}.chat-title b{font-size:14px}.chat-title small{display:block;font-size:10px;color:#9aafbb;margin-top:4px}.messages{flex:1;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:12px;background:#f7fafc}.bubble{max-width:78%;align-self:flex-start;background:#fff;border:1px solid #e3edf2;border-radius:12px 3px 12px 12px;padding:11px 15px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9;color:#507284}.bubble.mine{align-self:flex-end;background:#e3f3f6;border-color:#d4eaef;border-radius:3px 12px 12px 12px}.bubble b{display:block;font-size:10px;color:#258fa4}.bubble small{display:block;text-align:left;font-size:9px;color:#99afb9;margin-top:5px}.composer{display:flex;gap:10px;padding:15px;border-top:1px solid #e7eef2}.composer textarea{resize:none;font-size:12px}.composer button{align-self:end}.empty{padding:45px 25px;text-align:center;color:#92a8b4;font-size:13px;grid-column:1/-1;line-height:2}.empty b{display:block;font-size:17px;color:#618493;margin-bottom:8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:500;color:#618393;display:block;margin-bottom:7px}.field .hint{font-size:10px;color:#9eb2bd;margin-top:5px}.check-grid{max-height:175px;overflow:auto;border:1px solid #dfe9ef;border-radius:7px;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.check-grid label{font-size:11px;font-weight:400;display:flex;gap:7px;align-items:center;margin:0;padding:5px}.check-grid input{accent-color:#087f96}.modal-title{font-size:18px}.modal-content{border-radius:12px}.modal-body{padding:24px}.toast-message{position:fixed;bottom:22px;left:24px;right:calc(var(--rail) + 24px);z-index:2000;background:#173f51;color:white;padding:15px 22px;border-radius:9px;box-shadow:0 10px 35px #1233;font-size:12px}.report-bar{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 22px;border-bottom:1px solid #eef3f6;font-size:12px}.report-track{grid-column:1/-1;background:#edf5f8;height:5px;border-radius:4px;overflow:hidden}.report-fill{background:#24a0b3;height:100%;border-radius:4px;transition:width .3s}.browser-tools{display:flex;gap:7px;padding:10px;background:white;border-bottom:1px solid #e4edf2}.browser-tools input{flex:1;font-size:11px}.browser-tools .btn{font-size:11px;white-space:nowrap}#browser-workspace{position:fixed;top:110px;right:var(--rail);left:0;bottom:0;display:flex;flex-direction:column}#browser-slot{flex:1;min-height:0;background:white}#desktop-tabs{display:flex;background:#fff;gap:5px;padding:5px 15px 0;height:40px;overflow:auto}.desktop-tab{display:flex;background:#f3f8fa;border-radius:6px 6px 0 0;flex-shrink:0;max-width:220px}.desktop-tab.active{background:#e0f1f5;box-shadow:inset 0 -2px #1c9bb0}.desktop-tab button{border:0;background:none;color:#5d899d;padding:8px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#browser-warning{font-size:11px;padding:8px}.focus-mode #browser-workspace{top:0;right:0}.focus-mode .rail,.focus-mode .topbar,.focus-mode #desktop-tabs{display:none}.collapsed{--rail:0px}.collapsed .rail{display:none}.muted-text{font-size:11px;color:#9cb0bb}.nowrap{white-space:nowrap}.no-motion *{animation:none!important;transition:none!important}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(min-width:1600px){.platform-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){:root{--rail:235px}#content{padding:23px}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-actions #sync-state{display:none}.login-story{padding:45px}.login-story h1{font-size:34px}.collapsed{--rail:0px}}@media(max-width:800px){:root{--rail:0px}.rail{display:none}.topbar{padding:0 12px}.crumb>span{display:none}.top-actions{gap:5px}.kpis{grid-template-columns:repeat(2,1fr)}.two-columns{grid-template-columns:1fr}.chat-layout{grid-template-columns:160px 1fr}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}#login-screen{grid-template-columns:1fr}.login-story{display:none}.login-form-wrap{padding:35px}.expanded-mobile .rail{display:block;width:270px;box-shadow:-10px 0 35px #0002}.expanded-mobile .rail-bottom{width:270px}.toast-message{right:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* 4.2 — organization and access matrix */
.matrix-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;align-items:center;margin:0 0 16px;padding:14px;background:#fff;border:1px solid #e4eef2;border-radius:13px;box-shadow:0 7px 24px #25475708}.matrix-select-all{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#547789;font-size:12px}.matrix-select-all input,.link-select{width:17px;height:17px;accent-color:#087f96}.table tbody tr{transition:background .16s,transform .16s}.table tbody tr:hover{background:#f2fafb}.table td small{display:block;max-width:440px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8aa2ae}.field .check-grid{max-height:230px}.matrix-toolbar .btn{white-space:nowrap}@media(max-width:800px){.matrix-toolbar{grid-template-columns:1fr}.matrix-toolbar .btn{width:100%}}
/* 4.3 — resilient section access and permission diagnostics */
.access-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.access-stat{padding:16px 18px;border-radius:14px;font-weight:800;border:1px solid}.access-stat.ok{color:#087b62;background:#ecfbf6;border-color:#bdebdc}.access-stat.no{color:#9a4250;background:#fff3f5;border-color:#f2cbd2}.access-pill{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.access-pill.allowed{color:#087b62;background:#dcf7ee}.access-pill.denied{color:#9a4250;background:#ffe8ec}.workspace-banner{position:relative;overflow:hidden}.workspace-banner:after{content:"";position:absolute;inset:auto -50px -70px auto;width:180px;height:180px;border-radius:50%;background:#fff2;animation:workspaceFloat 6s ease-in-out infinite}.platform{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.platform:hover{transform:translateY(-5px);box-shadow:0 18px 42px #174b5d1c;border-color:#a9dfe7}@keyframes workspaceFloat{50%{transform:translate(-18px,-12px) scale(1.08)}}@media(max-width:600px){.access-summary{grid-template-columns:1fr}}
/* 4.4 — department and subdepartment workspace */
.tree-subtitle{display:block!important;margin:3px 0 0!important;color:#9ab0bc!important;font-size:9px!important}.platform-groups{display:grid;gap:22px}.platform-group{background:#f8fbfc;border:1px solid #e0ebf0;border-radius:18px;padding:18px;box-shadow:0 10px 30px #1d536508;animation:arrive .3s both}.group-heading{display:flex;align-items:center;gap:12px;margin:0 2px 16px}.group-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#087f96,#12a7b6);color:#fff;box-shadow:0 8px 20px #087f9630}.group-heading div{flex:1}.group-heading small{display:block;color:#8ca4b0;font-size:10px;margin-bottom:2px}.group-heading h3{font-size:16px;margin:0;color:#315b6e}.group-count{font-size:10px;color:#087f96;background:#e4f5f7;padding:7px 11px;border-radius:999px}.platform-group .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.list .platform-group .platform-grid{grid-template-columns:1fr}@media(min-width:1600px){.platform-group .platform-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.platform-group .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.platform-group{padding:12px}.platform-group .platform-grid{grid-template-columns:1fr}.group-count{display:none}}
/* 5.0 — unified enterprise identity and link operations */
:root{--brand-deep:#07384b;--brand:#087f96;--brand-bright:#12a9b9;--brand-soft:#e8f7f8;--surface:#f4f8fa;--danger:#c64252}body{background:radial-gradient(circle at 8% 2%,#dff5f733,transparent 30%),var(--surface)}.rail{background:linear-gradient(180deg,#07384b 0%,#07586c 55%,#087f96 100%);border:0;box-shadow:-18px 0 45px #07384b18;color:#fff}.brand b,.identity b{color:#fff}.brand small,.identity small,.rail-label{color:#a9d8df}.brand img{background:#fff;border-radius:18px;padding:6px;box-shadow:0 10px 25px #0018}.identity{background:#ffffff13;border-color:#ffffff20;border-radius:16px;backdrop-filter:blur(10px)}.identity .avatar{background:#fff;color:var(--brand)}.nav-button{color:#c8e4e8;border-radius:12px;padding:12px 14px}.nav-button:hover{background:#ffffff12;color:#fff;transform:translateX(-2px)}.nav-button.active{background:#fff;color:var(--brand-deep);box-shadow:0 10px 26px #0018,inset -4px 0 #23b9c8}.rail details{border-color:#ffffff18;background:#ffffff08}.rail summary{background:transparent;color:#d9eef1}.tree-link{color:#c3e0e5}.tree-link:hover{background:#ffffff12;color:#fff}.rail-bottom{background:#07384bee;border-color:#ffffff18;color:#d6edf0;backdrop-filter:blur(12px)}.topbar{background:#ffffffdd;backdrop-filter:blur(14px);box-shadow:0 5px 22px #174b5d0b;border:0}.view-header h1{font-size:29px;color:var(--brand-deep);font-weight:750}.page-pretitle{color:var(--brand);font-weight:700;letter-spacing:.6px}.kpi,.panel,.platform-group{border-radius:18px;border-color:#deebef;box-shadow:0 12px 36px #16485a0b}.kpi{position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-bright))}.kpi strong{color:var(--brand);font-weight:700}.btn{border-radius:10px;font-weight:650}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-bright));border:0;box-shadow:0 8px 18px #087f9628}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 22px #087f9638}.table thead th{background:#edf6f8;color:#547786;font-weight:750;padding-top:13px;padding-bottom:13px}.table tbody tr:hover{background:#f0fafb}.table td{border-color:#edf3f5}.modal-content{border:0;border-radius:20px;box-shadow:0 28px 80px #092f3f35}.modal-header{background:linear-gradient(110deg,#f7fcfd,#eaf7f9);border-radius:20px 20px 0 0}.check-grid{border-radius:13px;background:#fbfdfe;padding:12px}.check-grid label{border-radius:8px;transition:.18s}.check-grid label:hover{background:#eaf7f9}.field.dependent-empty .check-grid:after{content:"اختر الإدارة أولاً لعرض الأقسام الفرعية";grid-column:1/-1;color:#8ba2ad;text-align:center;padding:18px;font-size:11px}.bulk-command{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:linear-gradient(120deg,#07384b,#087f96);color:#fff;padding:13px 16px;border-radius:16px 16px 0 0;box-shadow:0 12px 28px #07384b1f}.selection-counter{font-weight:750;margin-left:auto}.matrix-toolbar{border-radius:0 0 16px 16px;margin-bottom:18px;border-top:0;box-shadow:0 12px 28px #16485a0a}.link-name-cell b{color:#234e60;font-size:13px}.link-name-cell small{direction:ltr;text-align:right;max-width:520px!important}.access-count{border:0;border-radius:999px;background:#e3f6f7;color:#08778c;font-weight:800;padding:7px 12px;transition:.18s}.access-count:hover{background:#087f96;color:#fff;transform:translateY(-1px)}.danger-note{margin-top:14px;padding:13px 15px;border-radius:12px;background:#fff0f2;color:#a73544;border:1px solid #f4ccd2;font-size:12px}.access-title{margin:20px 0 10px;color:#315d6e}.blocked-links{margin-top:18px;border:1px solid #e4ecef;border-radius:13px;overflow:hidden}.blocked-links>summary{cursor:pointer;padding:13px 16px;background:#f7fafb;color:#718c99;font-weight:700}.toast-message{background:#07384beF;border:1px solid #ffffff18;border-radius:13px}.login-story{background:radial-gradient(circle at 15% 15%,#21b6c733,transparent 28%),linear-gradient(145deg,#062f42,#075e72 55%,#0b91a3)}@media(max-width:800px){.bulk-command{align-items:stretch}.selection-counter{width:100%;margin:0}.bulk-command .btn{flex:1}.table .controls{min-width:210px;flex-wrap:wrap}}
/* 4.1 — department collaboration */
.chat-layout{grid-template-columns:290px 1fr;box-shadow:0 12px 35px #1f526408;border-radius:15px}.channel-list{background:linear-gradient(180deg,#f4fafc,#fff)}.chat-section-label{font-size:10px;font-weight:600;letter-spacing:.3px;color:#809eae;padding:17px 12px 9px}.channel-button{transition:background .2s,transform .2s}.channel-button:hover{background:#edf7fa;transform:translateX(-2px)}.channel-button.active{box-shadow:inset -3px 0 #179cae}.unread-pill{background:#1398ac;color:#fff;border-radius:20px;min-width:21px;text-align:center;padding:2px 5px}.colleague-row{display:flex;align-items:center;gap:9px;border:0;background:none;width:100%;text-align:right;padding:12px 14px;color:#547789;font-size:12px;border-radius:8px;transition:background .18s}.colleague-row:hover{background:#e9f6f9}.colleague-row small{margin-right:auto;font-size:9px;color:#9ab0bc}.presence{height:8px;width:8px;border-radius:50%;background:#bacbd3;flex-shrink:0}.presence.online{background:#21ad8c;box-shadow:0 0 0 3px #e0f6ed}.chat-title{background:linear-gradient(110deg,#fff,#f1fafc);min-height:75px}.chat-title b{font-size:16px}.messages{scroll-behavior:smooth;background:#f6fafc}.bubble{animation:chatEnter .22s ease-out;box-shadow:0 2px 5px #1f526405}.bubble.mine{background:#def2f5}.composer{background:#fff;padding:17px}.composer textarea{border-radius:12px;background:#f8fbfc;padding:13px}.composer .btn{border-radius:10px;padding:13px 21px}.platform{border-radius:12px}.kpi{transition:transform .2s,box-shadow .2s}.kpi:hover{transform:translateY(-2px);box-shadow:0 9px 22px #2a60700a}.view-header{animation:arrive .25s}.modal.fade .modal-dialog{transition:transform .2s ease-out}.toast-message{animation:arrive .2s;backdrop-filter:blur(12px)}@keyframes chatEnter{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:1000px){.chat-layout{grid-template-columns:225px 1fr}}@media(max-width:700px){.chat-layout{grid-template-columns:155px 1fr}.colleague-row{font-size:10px;padding:10px 6px}.colleague-row small{display:none}.bubble{max-width:95%}}@media(prefers-reduced-motion:reduce){.messages{scroll-behavior:auto}*{animation:none!important;transition:none!important}}