/* Sepmail / Cloudroom — an application, with room to breathe. */
#messagestack>div.alert-danger{border-color:#ffb1b94d!important;background:linear-gradient(135deg,#49323fe8,#1c2639f5)!important}#messagestack>div.alert-warning{border-color:#ffe0a34d!important}#messagestack>div.alert-success{border-color:#a1efd34d!important}.alert-danger .sep-toast-mark{color:#ffd8de}.alert-warning .sep-toast-mark{color:#ffe7b5}.alert-success .sep-toast-mark{color:#bdf5df}
.sep-crop-box{margin-top:18px;padding:16px;border:1px solid #c2eaff25;border-radius:18px;background:#06182799}.sep-crop-box[hidden]{display:none}.sep-crop-canvas{display:block;width:100%;max-width:260px;aspect-ratio:1;max-height:260px;margin:auto;border-radius:50%;outline:1px solid #d2f3ff70;outline-offset:3px;touch-action:none;cursor:grab;box-shadow:0 12px 30px #0003}.sep-crop-canvas:active{cursor:grabbing}.sep-crop-box input[type=range]{padding:0;min-height:30px;accent-color:#b4eaff;border:0;background:none}.sep-crop-box label{font-size:12px;margin-top:8px}
.iframe-loader{background:radial-gradient(ellipse at center,#25486088,#091b2df2)!important;backdrop-filter:blur(12px);display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:18px;animation:sep-overlay-in .22s ease-out}.iframe-loader .spinner-border{width:110px!important;height:110px!important;border:0!important;border-radius:0!important;background:url('glass-icon-small.png') center/contain no-repeat!important;animation:sep-cloud-loading 1.8s ease-in-out infinite!important;box-shadow:none!important;color:transparent!important}.iframe-loader:after{content:'A moment in your cloud…';font-family:Yekan,system-ui;font-size:14px;color:#b8d7e8;animation:sep-loader-copy 1.8s ease-in-out infinite}.ui.alert>i.icon{display:none!important}.ui.alert.loading>i.icon{display:none!important}
.sep-app #compose-content .input-group-append a,.sep-app #compose-content .input-group-append button{background:#c6eaff0b!important;border-color:#bedff326!important;color:#c7e8f7!important}.sep-app #compose-content .input-group-append{gap:3px}.sep-app #compose-content .mce-toolbar,.sep-app #compose-content .tox-toolbar,.sep-app #composebodycontainer .editor-toolbar{background:#122c40!important;border:1px solid #bedff320!important;border-radius:12px 12px 0 0}.sep-app .mce-tinymce,.sep-app .tox-tinymce{border-color:#bedff320!important;border-radius:14px;overflow:hidden}.sep-app.action-compose>.footer,.sep-app.action-compose #layout-content>.footer{background:#0b1d2eee!important;border-top:1px solid #c7eaff20!important}.sep-app.action-compose #layout-content>.header .header-title{font-size:23px;font-weight:800}.sep-app.action-compose .footer a.send{border:1px solid #bceaff36;border-radius:14px;background:#ace8ff20;color:#daf7ff!important;margin:6px 12px}
.sep-app #layout-menu.popover.show,.sep-app .popupmenu.show,.sep-app .popover.show{animation:sep-menu-open .32s cubic-bezier(.16,1,.3,1)}
@keyframes sep-cloud-loading{0%,100%{transform:translateY(5px) scale(.94);opacity:.7;filter:drop-shadow(0 6px 10px #adeaff10)}50%{transform:translateY(-7px) scale(1.04);opacity:1;filter:drop-shadow(0 13px 20px #adeaff40)}}
@keyframes sep-loader-copy{50%{opacity:.5}}
@keyframes sep-menu-open{from{opacity:0;translate:0 12px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
:root{--sep-panel:#0d2236db;--sep-border:#a4d6ee20;--sep-muted:#99b6ca;--sep-ease:cubic-bezier(.2,.8,.2,1)}
.sep-app #layout-menu{background:#06141ee8!important;backdrop-filter:blur(26px);border-right:1px solid #c2edff15}
.sep-app #layout-sidebar,.sep-app #layout-list,.sep-app #layout-content{background:linear-gradient(155deg,#18364b99,#0a192bd9)!important;backdrop-filter:blur(24px)}
.sep-app .header{height:64px!important;min-height:64px;border-bottom:1px solid var(--sep-border)!important;padding-left:16px;padding-right:16px;align-items:center}
.sep-app #messagelist-header .header-title{font-size:23px;font-weight:800;letter-spacing:-.5px;color:#edfaff}
.sep-app .searchbar{height:54px;min-height:54px;margin:12px 16px 10px!important;border:1px solid #c6ecff1c!important;border-radius:16px;background:#07192580!important;color:#bdd6e5!important;box-sizing:border-box}
.sep-app .searchbar input{font-size:15px;color:#e9f6ff!important}.sep-app .searchbar a,.sep-app .searchbar button{color:#b0cedf!important}.sep-app .searchbar input::placeholder{color:#90adbf!important}
.sep-app .listing tr.selected{background:#80d8fa18!important}.sep-app .listing tr.focused{box-shadow:inset 3px 0 #99e5f7}.sep-app .listing tr:hover{background:#8cd6ef0a!important}
.sep-app #messagelist td{border-bottom:1px solid #a7cee511!important}.sep-app #messagelist td.subject{position:relative;min-height:82px;padding:17px 18px 17px 78px!important;transition:background .2s,box-shadow .2s}
.sep-app #messagelist td.subject .fromto{font-size:14px;font-weight:800;line-height:1.6;color:#d8eaf4!important}.sep-app #messagelist td.subject .subject{font-size:15px;line-height:1.7}.sep-app #messagelist td.subject .date{font-size:11px;color:#8eaabb!important;letter-spacing:.1px}
.sep-sender-avatar{position:absolute;left:17px;top:18px;width:43px;height:43px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:16px;font-weight:800;font-size:15px;letter-spacing:.3px;color:hsl(var(--avatar-hue) 70% 88%);background:linear-gradient(145deg,hsl(var(--avatar-hue) 37% 32% / .8),hsl(var(--avatar-hue) 30% 18% / .8));border:1px solid hsl(var(--avatar-hue) 60% 80% / .19);box-shadow:inset 0 1px #ffffff12}
.sep-sidebar-brand{display:flex;align-items:center;gap:10px;padding:24px 16px 18px}.sep-sidebar-brand img{width:44px;height:44px;object-fit:contain}.sep-sidebar-brand>span{font-size:16px;font-weight:800}.sep-sidebar-brand span span{display:block;font-size:10px;font-weight:400;color:#93adbf;margin-top:3px}
.sep-app #folderlist-content{padding:0 10px}.sep-app .folderlist{padding:0}.sep-app .folderlist li>a{border-radius:13px;margin:4px 0;min-height:46px;line-height:46px;font-size:14px;transition:background .18s,color .18s}.sep-app .folderlist li.selected>a{background:#83d9fa18!important;color:#a4ebff!important;box-shadow:inset 0 1px #ffffff09}.sep-app .folderlist a:before{color:#8dadc1!important}
.sep-app #taskmenu a{border-radius:14px;margin:5px 8px;transition:background .2s,transform .2s}.sep-app #taskmenu a:hover{transform:translateY(-2px);background:#9bdfff10}.sep-app #taskmenu a.selected{background:#91dbf91a!important;color:#b6edff!important}.sep-app #taskmenu a.compose{background:linear-gradient(145deg,#def9ff30,#9adfff14)!important;color:#d7f7ff!important;border:1px solid #bceaff29;margin-bottom:18px}
.sep-app #taskmenu .special-buttons{margin-top:auto}.sep-app #taskmenu a.button.theme{display:none}.sep-profile-button{box-shadow:inset 0 1px #fff2;transition:transform .2s,box-shadow .2s}.sep-profile-button:hover{transform:scale(1.07)}
.sep-app .footer{color:#89a6ba!important;font-size:12px;border-top:1px solid #a7cee518!important}.sep-app .toolbar a{transition:color .15s,background .15s;border-radius:10px}.sep-app .toolbar a:hover{background:#9ddfff10}.sep-app .toolbar a:active,.sep-app button:active{transform:scale(.95)}
.sep-app .iframe-wrapper{border-radius:0 0 20px 20px;overflow:hidden}.sep-app #message-header{background:#10283a!important;color:#e8f6ff!important;border:1px solid #b8dfff1c;border-radius:18px;margin:18px;padding:20px!important}.sep-app #message-header .subject{font-size:24px;font-weight:800}.sep-app #messagebody{padding:20px!important}.sep-app .message-part{border-radius:16px;overflow:auto;box-shadow:0 10px 35px #0001}.sep-app #message-objects{padding:0 18px}.sep-app #message-objects div{border-radius:12px}
/* Compose: floating paper in a quiet glass workspace. */
.sep-app #compose-content{background:#0b2031!important}.sep-app #compose-headers{padding:20px 24px!important;border-bottom:1px solid #bde6ff1c}.sep-app #compose-headers .input-group,.sep-app #compose-headers .form-group{margin-bottom:14px}.sep-app #compose-subject{font-size:19px!important;font-weight:800;min-height:48px}.sep-app #composebody{font-size:16px!important;line-height:1.8;border-radius:14px!important;padding:20px!important;resize:none}.sep-app .recipient-input{background:#06172690!important;color:#effaff!important;border:1px solid #b6e7ff29!important;border-radius:12px!important;min-height:44px}.sep-app .recipient-input .recipient{background:#87d9f51a!important;color:#d6f5ff!important;border-radius:9px;border-color:#b1e7ff22!important}.sep-app #compose-attachments{background:#071b2b!important}.sep-app .dropzone{border:1px dashed #a7ddf745!important;border-radius:16px;background:#a2ddff05!important}.sep-app .formbuttons{padding:18px}.sep-app .btn-primary{border-radius:13px!important;box-shadow:0 8px 30px #8edfff14}
.sep-app .propform .row{margin-bottom:16px}.sep-app .propform label{color:#bed7e7}.sep-app .propform fieldset{border-color:#a2d0eb20;border-radius:16px}.sep-app .propform legend{font-weight:800;color:#d9f2ff}.sep-app .box,.sep-app .card{background:#102a3f!important;border-color:#c5e9ff25!important;border-radius:16px}
/* Glass notifications: status remains text, motion is decorative. */
#messagestack{position:fixed!important;right:22px!important;left:auto!important;bottom:22px!important;top:auto!important;width:min(390px,calc(100vw - 36px))!important;max-width:none!important;z-index:20000!important;display:flex;flex-direction:column;gap:10px}
#messagestack>div{box-sizing:border-box;margin:0!important;padding:18px 20px 18px 68px!important;border:1px solid #d2ecff30!important;border-radius:20px!important;background:linear-gradient(135deg,#263f52eb,#112236f2)!important;color:#f0f8ff!important;box-shadow:inset 0 1px #ffffff14,0 15px 50px #0005!important;backdrop-filter:blur(26px);font-size:14px!important;line-height:1.6!important;min-height:62px;position:relative;animation:sep-toast-in .45s var(--sep-ease) both}
#messagestack>div:before{display:none!important}#messagestack>div.error{border-color:#ffb1b94d!important;background:linear-gradient(135deg,#49323fe8,#1c2639f5)!important}#messagestack>div.warning{border-color:#ffe0a34d!important}#messagestack>div.confirmation{border-color:#a1efd34d!important}
.sep-toast-mark{position:absolute;left:17px;top:16px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:12px;background:#b6e7ff15;border:1px solid #dbf4ff26;font-weight:800;font-size:18px;color:#d8f6ff}.error .sep-toast-mark{color:#ffd8de;background:#fca4b315}.warning .sep-toast-mark{color:#ffe7b5}.confirmation .sep-toast-mark{color:#bdf5df}.loading .sep-toast-mark{gap:3px;background:none;border:0}.sep-toast-mark i{width:6px;height:6px;border-radius:50%;background:#caf4ff;box-shadow:0 0 9px #a4ebff44;animation:sep-dot 1s ease-in-out infinite}.sep-toast-mark i:nth-child(2){animation-delay:.14s}.sep-toast-mark i:nth-child(3){animation-delay:.28s}.sep-toast-retry{display:block;color:#a9e8ff!important;font-weight:800;font-size:12px;margin-top:6px}#messagestack .close{color:#d9edff!important;opacity:.7}
.sep-profile-overlay{animation:sep-overlay-in .25s var(--sep-ease)}.sep-profile-card{animation:sep-card-in .42s var(--sep-ease);border:1px solid #d4efff30;box-shadow:inset 0 1px #fff2,0 30px 100px #0007}.sep-profile-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.sep-profile-heading h2{font-size:23px;letter-spacing:-.5px}.sep-profile-dismiss{width:36px;height:36px;padding:8px;background:#ceeaff0a;color:#cbe7f4;border:1px solid #b2ddf725;border-radius:12px;cursor:pointer}.sep-profile-dismiss svg{width:18px;height:18px}.sep-profile-card .sep-avatar{box-shadow:0 0 0 6px #d4f3ff09,0 14px 24px #0002}.sep-closing{animation:sep-overlay-in .18s reverse both}.sep-closing .sep-profile-card{animation:sep-card-in .18s reverse both}.sep-password[open]{animation:sep-reveal .3s var(--sep-ease)}
.sep-mobile-nav{display:none}.sep-brand .sep-symbol{filter:drop-shadow(0 4px 8px #a8eaff10)}.sep-hero{animation:sep-reveal .65s var(--sep-ease) both}body.task-login #login-form{animation:sep-card-in .65s .08s var(--sep-ease) both}
@media(min-width:1025px){.sep-app #layout{padding:16px;gap:12px;box-sizing:border-box}.sep-app #layout-menu{border:1px solid var(--sep-border);border-radius:22px;width:78px;min-width:78px;overflow:hidden}.sep-app #layout-sidebar,.sep-app #layout-list,.sep-app #layout-content{border:1px solid var(--sep-border)!important;border-radius:22px;overflow:hidden;box-shadow:0 15px 50px #0001}.sep-app #layout-sidebar{max-width:240px;min-width:210px}.sep-app #layout-list{min-width:350px;max-width:460px}.sep-app .column-resizer{display:none}.sep-app #layout-content>.header{border-radius:22px 22px 0 0}.sep-app #taskmenu a{font-size:11px}.sep-app #layout-menu #logo{width:60px!important;height:60px!important}.sep-app #layout-sidebar .header-title{font-size:12px;letter-spacing:0}.sep-app #messagelist-content{padding:4px 9px}.sep-app #messagelist tr{border-radius:14px}.sep-app #messagelist td.subject{border-radius:14px 0 0 14px}}
@media(max-width:1024px){.sep-sidebar-brand{padding-top:18px}.sep-app #layout-list.selected,.sep-app #layout-sidebar.selected,.sep-app #layout-content.selected{animation:sep-pane-in .3s var(--sep-ease)}}
@media(max-width:768px){.sep-app #messagelist td.subject{padding:16px 16px 16px 76px!important;height:84px}.sep-app #messagelist td.subject .subject{font-size:15px}.sep-app #messagelist td.subject .fromto{font-size:14px}.sep-app .header{height:62px!important;min-height:62px;padding:0 10px}.sep-app .header a.button:before{font-size:21px!important;height:62px!important;line-height:62px!important}.sep-app #messagelist-header .header-title{font-size:24px}.sep-app .searchbar{margin:8px 14px 12px!important;height:48px;min-height:48px}.sep-app #compose-headers{padding:14px!important}.sep-app #message-header{margin:12px;padding:16px!important}.sep-app #message-header .subject{font-size:21px}.sep-app #messagebody{padding:12px!important}.sep-app .footer{height:38px!important;min-height:38px}.sep-app .recipient-input{font-size:16px}.sep-app #composebody{padding:14px!important}.sep-app .ui-dialog{max-width:calc(100vw - 20px)!important;border-radius:20px!important}.sep-profile-card{padding:23px}.sep-profile-card input[type=file]::file-selector-button{background:#b7e5fa18;border:1px solid #c5ecff22;border-radius:8px;padding:9px;color:#d7f2ff;margin-right:10px}#messagestack{right:14px!important;bottom:20px!important;width:calc(100vw - 28px)!important}#messagestack>div{border-radius:18px!important}}
@media(max-width:480px){.sep-app.task-mail:not(.action-compose) #layout{height:calc(100% - 76px - env(safe-area-inset-bottom))!important;padding-bottom:0!important}.sep-app.task-mail:not(.action-compose) .floating-action-buttons{display:none!important}.sep-app.task-mail .sep-mobile-nav{position:fixed;display:flex;align-items:center;justify-content:space-around;bottom:0;left:0;right:0;height:76px;box-sizing:content-box;padding:0 8px env(safe-area-inset-bottom);border-top:1px solid #d2eeff20;background:#0b1c2dee;backdrop-filter:blur(24px);z-index:500;box-shadow:0 -12px 45px #0002}.sep-mobile-nav button{width:22%;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;color:#a6c5d7;border:0;border-radius:18px;font-size:11px;cursor:pointer;transition:transform .18s,background .18s}.sep-mobile-nav svg{width:22px;height:22px}.sep-mobile-nav .sep-nav-mail{color:#c2f2ff}.sep-mobile-nav .sep-nav-write{background:linear-gradient(135deg,#d9f7ff24,#92dafa12);color:#e4faff;border:1px solid #bcecff25;box-shadow:inset 0 1px #fff1}.sep-mobile-nav button:active{transform:scale(.9);background:#d1f2ff16}.sep-app #layout-menu.popover{max-height:calc(100dvh - 100px)!important;border:1px solid #bdedff22!important;border-radius:22px!important;box-shadow:0 20px 70px #0008!important}.sep-app #layout-menu #taskmenu a{min-height:46px;margin:3px 8px}.sep-app #layout-menu #logo{margin:5px auto!important}.sep-app.task-mail #messagestack{bottom:88px!important}.sep-app.action-compose #messagestack{bottom:18px!important}.sep-app .sep-profile-button{margin:10px auto}.sep-app #layout-list .footer{display:none}.sep-app .sep-sidebar-brand{margin-bottom:8px}.sep-app #layout-sidebar .header{padding:0 12px}.sep-app #layout-sidebar .header-title{font-size:13px}}
@keyframes sep-dot{0%,70%,100%{transform:translateY(0);opacity:.45}35%{transform:translateY(-6px);opacity:1}}
@keyframes sep-toast-in{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
@keyframes sep-overlay-in{from{opacity:0}to{opacity:1}}
@keyframes sep-card-in{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}
@keyframes sep-pane-in{from{opacity:.3;transform:translateX(12px)}to{opacity:1;transform:none}}
@keyframes sep-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}