/* UNEJ files: spacious, accessible workspace. Existing notes layout stays intact. */
.sidebar-link{text-decoration:none}.app-nav{scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}
:root{--nav:62px}body{background:#f5f7fb;color:#172b45}.app-nav{height:var(--nav);padding:0 30px;gap:7px;background:#fff;border-bottom:1px solid #e4eaf2;box-shadow:0 1px 6px #142d4b03}.app-nav .wordmark{font-weight:800;letter-spacing:2px;color:#173353;font-size:19px;margin-right:27px}.app-nav .wordmark span{color:#a7b4c5}.app-nav>a{font-size:13px;padding:10px 14px;color:#617189;border-radius:8px;white-space:nowrap}.app-nav>a.active{background:#eaf2ff;color:#2667ba;font-weight:650}.app-nav>a:hover{background:#f1f5fb}.nav-logout{font-size:12px;color:#687992}.files-layout{grid-template-columns:245px minmax(0,1fr);background:#f5f7fb;min-height:calc(100dvh - var(--nav))}.file-sidebar{background:#152c47;color:#d6e1ef;border:0;padding:33px 20px;position:relative}.file-sidebar .sidebar-heading{padding:0 10px 28px;gap:13px}.file-sidebar .sidebar-heading h1{color:#fff;font-size:20px;font-weight:650}.file-sidebar .files-icon{color:#86b7ee;font-size:30px}.file-sidebar .sidebar-caption{color:#849bb6;font-size:9px;letter-spacing:1.5px;padding-left:12px;margin-bottom:12px}.file-sidebar .folder-item{padding:13px 14px;border-radius:9px;color:#dbe7f6;font-size:12px;gap:12px}.file-sidebar .folder-item.active{background:#2b4d76;color:#fff}.file-sidebar .folder-item>span{color:#99bce7;font-size:22px}.quick-caption{margin-top:38px}.sidebar-link{display:flex;align-items:center;gap:12px;font-size:12px;color:#b8c9de;padding:12px 14px;border-radius:9px}.sidebar-link>span:first-child{font-size:20px;color:#86a7ce}.sidebar-link>span:last-child{margin-left:auto;color:#6e8caa}.sidebar-link:hover{background:#213e60;color:#fff}.file-sidebar .storage-card{border-color:#ffffff14;margin:36px 12px 0;padding-top:24px}.file-sidebar .storage-card strong{color:#dce8f7;font-size:12px}.file-sidebar .storage-card p{color:#8fa7c1;font-size:11px;line-height:1.8}.file-sidebar .storage-card small{color:#a6bbd2;font-size:10px}.file-sidebar .storage-symbol{font-size:25px;color:#77a8e2}.file-sidebar .sidebar-bottom{color:#88a4c2;bottom:25px;font-size:10px;left:31px}.connection-dot{background:#75c6a6}.files-main{max-width:1500px;padding:45px clamp(25px,4vw,64px) 28px;margin:0 auto}.files-heading{margin-bottom:27px;align-items:center}.files-heading .eyebrow{color:#6583a6;letter-spacing:1.8px;font-size:9px}.files-heading h1{font-size:38px;font-weight:700;letter-spacing:-1.5px;margin:12px 0 9px;color:#172e4b}.heading-dot{color:#327ad2}.files-heading p{font-size:12px;color:#7d8da2;line-height:1.7}.files-heading .primary{background:#286fc4;color:#fff;border-radius:9px;padding:13px 19px;font-size:12px;box-shadow:0 4px 10px #286fc420}.files-heading .primary:hover{background:#1f5fae}.file-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:28px 0 35px}.file-stats>div{display:flex;align-items:center;gap:15px;background:white;border:1px solid #e4eaf2;border-radius:12px;padding:20px}.stat-icon{width:39px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:#eef4fc;color:#5e8dbf;font-size:23px}.file-stats strong{display:block;font-size:20px;letter-spacing:-.5px;color:#213b5b;font-weight:650}.file-stats small{display:block;font-size:10px;color:#8495aa;margin-top:5px}.files-bar{gap:15px;margin-bottom:18px}.files-bar nav{font-size:12px}.files-bar nav button{color:#7c91ab}.files-bar nav button:last-child{color:#273f5e}.file-tools{gap:8px}.file-tools .search-box{width:210px;background:white;border:1px solid #e1e8f0;border-radius:8px;padding:8px 12px;margin:0}.file-tools .search-box input{font-size:11px;color:#314963}.file-tools .search-box input::placeholder{color:#91a1b6}.soft-button{border-color:#dce5ef;color:#5e7692;font-size:11px;border-radius:8px;padding:9px 11px}.soft-button:hover{background:#edf3fb}#file-sort{border:1px solid #e1e8f0;background:white;color:#6b809a;border-radius:8px;font-size:11px;padding:9px 8px;max-width:145px;outline:none}#dropzone{background:#f0f5fc;border:1px dashed #b6cbe5;border-radius:12px;padding:23px;margin-bottom:23px}#dropzone:hover,#dropzone.drag{background:#e4eefb;border-color:#4c8bd4}#dropzone strong{color:#42658c;font-size:12px}#dropzone p{color:#8199b4;font-size:10px}.drop-icon{color:#5185bf;border-color:#cbdbee;background:#fff;border-radius:10px;width:42px;height:44px}.drop-plus{color:#97b3d4}.file-table-wrap{background:#fff;border:1px solid #e3eaf2;border-radius:12px;overflow:hidden}.file-table th{background:#fafbfd;color:#8293a9;font-weight:600;font-size:10px;letter-spacing:.2px;border-bottom:1px solid #e7edf4;padding:15px 19px}.file-table th:first-child{width:48%}.file-table th:nth-child(2){width:13%}.file-table th:nth-child(3){width:19%}.file-table th:nth-child(4){width:20%}.file-table td{padding:16px 19px;font-size:11px;color:#7f91a8;border-color:#edf1f6}.file-table tbody tr:hover{background:#f7faff}.file-table tbody tr:last-child td{border-bottom:0}.file-name{font-size:12px;color:#334e70;gap:13px}.file-name span:last-child{white-space:normal;overflow-wrap:anywhere;line-height:1.5}.type-icon{border-color:#e2eaf3;color:#7295bb;background:#f2f6fc;border-radius:6px;height:38px}.type-icon.folder{color:#7096c1;font-size:28px}.file-row-actions button,.file-row-actions a{color:#8298b1;padding:7px;font-size:17px}.file-row-actions button:hover,.file-row-actions a:hover{background:#e7f0fc;color:#3275c4}.file-row-actions button:last-child:hover{background:#fff0f0;color:#b85d62}.files-summary{padding:16px 2px;font-size:10px;color:#8498b0}.files-empty{padding:55px 20px}.files-empty>span{color:#a4bdda}.files-empty h2{color:#577595;font-size:17px}.files-empty p{color:#91a4b9;font-size:11px}#upload-progress{background:#eaf3ff;border:1px solid #ccdef5;border-radius:10px;padding:16px;color:#345d8b}#upload-progress progress{accent-color:#3278cb;height:7px}.files-main :focus-visible,.app-nav :focus-visible{outline:2px solid #4389da;outline-offset:3px}.files-main button:disabled{opacity:.6;cursor:wait}.login-card .primary{background:#286fc4}.login-icon{background:#edf4ff;color:#4c84c6}.login-card input:focus{border-color:#5894d7}.login-card .eyebrow{color:#6082aa}.login-card label{color:#687e98}.login-card>p{color:#7c8da2}.login-card h1{color:#243e5b}#login-view{background:radial-gradient(ellipse at 50% 30%,#fff,#eaf0f8)}
@media(max-width:1200px){.files-layout{grid-template-columns:205px minmax(0,1fr)}.file-sidebar{padding:30px 12px}.file-tools{flex-wrap:wrap}.files-main{padding:35px 26px}.file-table td,.file-table th{padding:15px 12px}.file-stats>div{padding:17px 13px;gap:10px}.app-nav{padding:0 18px}.app-nav .wordmark{margin-right:15px}.app-nav>a{padding:9px 11px}}
@media(max-width:850px){.files-layout{grid-template-columns:180px minmax(0,1fr)}.files-main{padding:29px 20px}.file-stats{gap:8px}.file-stats>div{padding:15px 10px}.stat-icon{display:none}.file-stats strong{font-size:19px}.file-tools{width:100%}.file-tools .search-box{flex:1;width:auto}.files-bar{gap:13px}.app-nav{gap:2px;padding:0 12px}.app-nav>a{padding:9px 9px;font-size:12px}.app-nav .wordmark{margin-right:8px;font-size:16px}.nav-logout{font-size:11px}}
@media(max-width:760px){:root{--nav:56px}.app-nav{overflow-x:auto;white-space:nowrap;gap:0}.app-nav>a{font-size:11px;padding:8px}.app-nav .wordmark{font-size:15px;margin-right:6px}.nav-logout{flex-shrink:0;font-size:10px;padding-left:10px}.files-layout{display:block}.files-main{padding:30px 17px 20px}.files-heading{gap:13px;margin-bottom:22px}.files-heading h1{font-size:31px}.files-heading p{font-size:11px;max-width:220px}.files-heading .primary{font-size:11px;padding:12px 13px;margin-top:10px}.files-heading .eyebrow{font-size:8px}.file-stats{margin:20px 0 24px;gap:9px}.file-stats>div{padding:16px 12px}.file-stats small{font-size:9px;line-height:1.4;min-height:23px}.file-stats strong{font-size:19px}.file-tools{display:flex;flex-wrap:wrap;gap:8px}.file-tools .search-box{order:3;flex:1 1 100%;padding:11px 12px}.file-tools .search-box input{font-size:14px}#file-sort{margin-left:auto;font-size:11px;max-width:155px}.soft-button{font-size:11px}#dropzone{padding:18px 13px;margin:18px 0}#dropzone strong{font-size:11px}#dropzone p{font-size:10px}.file-table td,.file-table th{padding:13px 9px}.file-table th:first-child{width:51%}.file-table th:nth-child(2){width:15%}.file-table th:nth-child(4){width:34%}.file-name{font-size:11px;gap:8px}.file-row-actions button,.file-row-actions a{padding:6px;font-size:17px}.file-table td{font-size:9px}.file-name span:last-child{font-size:11px}.files-empty{padding:40px 15px}.login-card{border-color:#dfe7f1}.login-card input{font-size:16px}}