/*VITALDISK
Author: Mutamba Bil
Date : 16/04/2026
Heure : 15:15min
****************************************************************************/
.layout-cloud{display:grid;grid-template-columns:280px 1fr;gap:25px}@media(max-width:992px){.layout-cloud{display:block}.sidebar-folders{margin-bottom:20px;width:100%}.main-panel{padding:15px!important;width:100%;overflow-x:hidden}audio{max-width:120px!important}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}}#toast-container{position:fixed;top:95px;right:25px;z-index:9999}.custom-toast{background:#fff;border-left:5px solid #ff8c00;color:#333;padding:15px 25px;border-radius:12px;min-width:280px;box-shadow:0 10px 40px rgba(0,0,0,.15);display:none;animation:slideDown .4s ease forwards}@keyframes slideDown{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.sidebar-folders{background:#fff;border-radius:15px;padding:20px;border:1px solid #eee;height:fit-content}.folder-item{display:flex;align-items:center;padding:10px 12px;border-radius:10px;color:#555;text-decoration:none;margin-bottom:5px;transition:all .25s ease;font-weight:500;position:relative}.folder-item.active,.folder-item:hover{background:#f0f7ff;color:#004a99;box-shadow:inset 0 0 0 1px rgba(0,74,153,.1)}.main-panel{background:#fff;border-radius:15px;padding:25px;border:1px solid #eee;box-shadow:0 5px 20px rgba(0,0,0,.03);position:relative!important;overflow:visible!important}#drop-zone{border:2px dashed #0d6efd;background:#f0f7ff;padding:40px;text-align:center;border-radius:20px;cursor:pointer;transition:transform .2s ease}#drop-zone:active{transform:scale(.98)}.progress-storage{height:12px;border-radius:10px;background:#e9ecef}.table-responsive{overflow:visible!important}td.text-end{position:relative}.dropdown-menu{z-index:1065!important}.storage-circle{--w:130px;width:var(--w);height:var(--w);position:relative;display:inline-grid;place-content:center;margin:5px;font-family:sans-serif}.storage-circle:before{content:"";position:absolute;border-radius:50%;inset:0;background:radial-gradient(farthest-side,var(--c) 98%,#0000) top/12% 12% no-repeat,conic-gradient(var(--c) calc(var(--p)*1%),#edf2f7 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - 12px),#000 100%);mask:radial-gradient(farthest-side,#0000 calc(99% - 12px),#000 100%)}.circle-inner{display:flex;flex-direction:column;align-items:center;justify-content:center}.percent-val{font-size:1.5rem;font-weight:800;color:#1a1d20}.percent-label{font-size:10px;text-transform:uppercase;color:#6c757d;font-weight:700;letter-spacing:1px}.badge-floating-container{position:absolute;top:-12px;left:20px;z-index:1050}.badge-floating{position:absolute;top:-10px;left:20px;background:#004a99;color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 10px rgba(0,74,153,.3);border:2px solid #fff;transition:all .2s ease;z-index:100}.badge-floating:hover,.badge-floating:focus{background:#003366;transform:scale(1.1);color:#fff}

/*Fin de Vitadisk
==============================================================================
user ou accueil des utilisateurs et fil d'actualités
*/
:root{--primary-orange:#FF8C00;--soft-orange:#FFF3E0;--bg-light:#F4F7F6;--unicef-blue:#0089FF;--text-main:#333;--text-muted:#777;--border-color:#E1E8ED;--card-shadow:0 2px 12px rgba(0,0,0,.06)}body{background-color:var(--bg-light);font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--text-main);line-height:1.6}.dashboard-header-banner{background:#fff;border-bottom:1px solid var(--border-color);padding:25px 0;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.02)}.dashboard-content-wrapper{max-width:1200px;margin:0 auto;padding:0 20px}.dashboard-icon-box{background:var(--soft-orange);color:var(--primary-orange);width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 4px 12px rgba(255,140,0,.12)}.dashboard-title{font-weight:800;font-size:1.75rem;margin:0;letter-spacing:-.5px}.sn-container{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:280px 1fr 300px;gap:24px;padding:0 20px}.sn-card{background:#fff;border-radius:14px;box-shadow:var(--card-shadow);padding:24px;margin-bottom:20px;border:1px solid var(--border-color);transition:transform .2s ease}.sn-card:target{background-color:#FFFDF0;border-color:var(--primary-orange);box-shadow:0 0 0 2px rgba(255,140,0,.2)}.profile-card{text-align:center;position:sticky;top:100px}.profile-card img{width:100px;height:100px;border-radius:50%;border:3px solid var(--primary-orange);padding:3px;margin-bottom:15px;object-fit:cover;background:#fff}.rank-tag{background:var(--soft-orange);color:var(--primary-orange);padding:4px 14px;border-radius:50px;font-size:.85rem;font-weight:700}.right-sidebar{position:sticky;top:100px}.widget-title{font-weight:700;font-size:.8rem;text-transform:uppercase;color:#999;display:block;margin-bottom:15px;letter-spacing:1px}.post-box h6{color:var(--primary-orange);font-weight:700;margin-bottom:18px;font-size:1.1rem}.post-box input,.post-box textarea{background:#F9FAFB;border:1px solid #DDE2E5;border-radius:10px;padding:14px;width:100%;transition:.2s}.post-box textarea:focus{border-color:var(--primary-orange);outline:0;background:#fff;box-shadow:0 0 0 3px rgba(255,140,0,.1)}.btn-sn{background:var(--primary-orange);color:#fff;border:none;padding:10px 28px;border-radius:50px;font-weight:700;cursor:pointer;transition:.3s;box-shadow:0 4px 10px rgba(255,140,0,.2)}.btn-sn:hover{background:#E67E00;transform:translateY(-2px);box-shadow:0 6px 15px rgba(255,140,0,.3)}.sn-post-header{display:flex;align-items:center;gap:14px;margin-bottom:15px}.sn-post-header img{width:48px;height:48px;border-radius:50%;border:1px solid #eee}.sn-post-header .user-link{font-weight:700;color:var(--unicef-blue);text-decoration:none;font-size:1.05rem}.sn-post-header .meta-date{font-size:.8rem;color:#999}.sn-content{font-size:1.1rem;color:#333;margin-bottom:18px;padding:15px 20px;border-left:4px solid var(--primary-orange);background:#FDFBFA;border-radius:0 12px 12px 0;font-style:italic}.theme-label{background:#F0F2F5;color:#555;padding:5px 12px;border-radius:6px;font-size:.8rem;font-weight:700}.section-title{font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin:30px 0 20px;display:flex;align-items:center;gap:10px}.section-title:after{content:'';height:3px;width:40px;background:var(--primary-orange);border-radius:2px}@media(max-width:1100px){.sn-container{grid-template-columns:250px 1fr}.right-sidebar{display:none}}@media(max-width:768px){.dashboard-header-banner{padding:20px 0;margin-bottom:10px}.dashboard-title{font-size:1.4rem}.dashboard-icon-box{width:45px;height:45px;font-size:1.2rem}.sn-container{grid-template-columns:1fr;padding:0 12px;gap:0;margin-top:10px}.left-sidebar,.right-sidebar{display:none}.sn-card{padding:18px;margin-bottom:15px;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.05)}.sn-content{font-size:1rem;padding:12px 15px}.section-title{margin-left:5px;font-size:1rem}}.nav-link-sn{display:block;padding:12px;color:#444;text-decoration:none;border-radius:10px;margin-bottom:6px;transition:.2s;background:#F9FAFB}.nav-link-sn:hover{background:var(--soft-orange);color:var(--primary-orange);transform:translateX(5px)}.dashboard-tabs{display:flex;gap:10px;margin-top:20px;margin-bottom:-26px;position:relative;z-index:10}.tab-item{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 16px;border-radius:50px;text-decoration:none!important;color:#555;font-size:.9rem;font-weight:600;border:1px solid #E1E8ED;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:.2s}.tab-item.active{background:#FF8C00;color:#fff!important;border-color:#FF8C00;box-shadow:0 4px 12px rgba(255,140,0,.2)}.tab-item:hover{background:#f8f9fa;transform:translateY(-2px)}.tab-item.active:hover{background:#E67E00}@media(max-width:768px){.dashboard-tabs{margin-top:15px;margin-bottom:-25px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.dashboard-tabs::-webkit-scrollbar{display:none}.tab-item{padding:6px 12px;font-size:.8rem;white-space:nowrap}.tab-item i{font-size:1.1rem}}.tab-avatar{width:1.2rem;height:1.2rem;object-fit:cover;border-radius:50%;border:1px solid rgba(0,0,0,.1);vertical-align:middle}.tab-item.active .tab-avatar{border-color:rgba(255,255,255,.8)}.profile-quick-links .nav-link-sn{background:transparent;border:1px solid transparent}.profile-quick-links .nav-link-sn:hover{background:var(--soft-orange);border-color:var(--border-color);transform:none}.modal-content{border-radius:15px;border:none;box-shadow:0 10px 30px rgba(0,0,0,.1)}.modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-light);border-radius:15px 15px 0 0}.dropdown .btn-link{text-decoration:none;transition:transform .2s;display:flex;align-items:center;color:var(--text-main)!important}.dropdown .btn-link:hover{transform:scale(1.1);color:var(--primary-orange)!important}@media(max-width:768px){.dropdown-menu{font-size:.9rem}}