:root{--ello-orange:#f48120;--ello-orange-dark:#d96d0f;--ello-bg:#f4f5f7;--ello-panel:#fff;--ello-sidebar:#f7f7f8;--ello-line:#d9dce1;--ello-line2:#c8ccd2;--ello-text:#1f2328;--ello-muted:#66707a;--ello-danger:#c53f3f;--ello-success:#238636;--ello-radius:6px}
*{box-sizing:border-box}.ello-app,.ello-app button,.ello-app input,.ello-app select,.ello-app textarea,.ello-auth-shell,.ello-modal{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ello-app{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:var(--ello-bg);color:var(--ello-text)}.ello-sidebar{background:var(--ello-sidebar);border-right:1px solid var(--ello-line);display:flex;flex-direction:column;min-height:100vh}.ello-brand{height:64px;border-bottom:1px solid var(--ello-line);display:flex;align-items:center;gap:10px;padding:0 14px}.ello-brand img,.ello-brand-large img{width:31px;height:38px;object-fit:contain}.ello-brand strong,.ello-brand span{display:block}.ello-brand strong{font-size:13px}.ello-brand span{font-size:10px;color:var(--ello-muted);margin-top:2px}.ello-side-main{padding:12px 9px;flex:1;overflow:auto}.ello-side-label{font-size:9px;letter-spacing:.12em;font-weight:800;color:#7c838b;padding:19px 8px 7px}.ello-mailbox{width:100%;display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:9px;text-align:left;background:transparent;border:1px solid transparent;border-radius:5px;padding:9px 8px;color:var(--ello-text);cursor:pointer}.ello-mailbox:hover{background:#eceef1}.ello-mailbox.active{background:#fff;border-color:var(--ello-line2)}.ello-mailbox .dot{width:6px;height:6px;border-radius:50%;background:#9da3aa}.ello-mailbox.active .dot{background:var(--ello-orange)}.ello-mailbox .copy{min-width:0}.ello-mailbox strong,.ello-mailbox small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ello-mailbox strong{font-size:11.5px}.ello-mailbox small{font-size:9.5px;color:var(--ello-muted);margin-top:3px}.ello-mailbox .unread{min-width:20px;height:19px;border-radius:4px;background:var(--ello-orange);color:white;display:grid;place-items:center;font-size:9px;font-weight:800;padding:0 4px}.ello-side-footer{padding:8px;border-top:1px solid var(--ello-line)}.ello-side-footer button{width:100%;height:35px;border:0;background:transparent;border-radius:5px;text-align:left;padding:0 10px;color:#4e5761;font-size:11.5px;font-weight:650;cursor:pointer}.ello-side-footer button:hover{background:#eceef1}.ello-main{min-width:0}.ello-topbar{height:64px;background:#fff;border-bottom:1px solid var(--ello-line);display:flex;align-items:center;padding:0 18px}.ello-top-title{flex:1;min-width:0}.ello-top-title strong,.ello-top-title span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ello-top-title strong{font-size:13px}.ello-top-title span{font-size:10px;color:var(--ello-muted);margin-top:3px}.ello-top-actions{display:flex;gap:7px}.ello-button{height:32px;border:1px solid var(--ello-line2);background:#fff;color:#30363d;border-radius:5px;padding:0 10px;font-size:10.5px;font-weight:680;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.ello-button:hover{background:#f2f3f5}.ello-button.primary{background:var(--ello-orange);border-color:var(--ello-orange-dark);color:#fff}.ello-button.primary:hover{background:#e67518}.ello-button.danger{color:var(--ello-danger);border-color:#e3bcbc}.ello-button.small{height:28px;padding:0 8px;font-size:9.5px}.ello-button.icon{width:32px;padding:0}.ello-button.full{width:100%}.ello-button:disabled{opacity:.5;cursor:not-allowed}.ello-mail-layout{height:calc(100vh - 64px);display:grid;grid-template-columns:360px 1fr}.ello-list-pane{background:#fff;border-right:1px solid var(--ello-line);display:flex;flex-direction:column;min-width:0}.ello-list-head{padding:14px;border-bottom:1px solid var(--ello-line)}.ello-list-head>div strong,.ello-list-head>div span{display:block}.ello-list-head>div strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ello-list-head>div span{font-size:9px;color:var(--ello-muted);margin-top:3px}.ello-list-head input{width:100%;height:32px;margin-top:11px;border:1px solid var(--ello-line2);border-radius:5px;padding:0 9px;font-size:10.5px}.ello-message-list{overflow:auto;flex:1}.ello-message{width:100%;display:block;text-align:left;background:#fff;border:0;border-bottom:1px solid #eceef0;padding:12px 14px;cursor:pointer;position:relative}.ello-message:hover{background:#f7f8fa}.ello-message.active{background:#fff6ed}.ello-message.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--ello-orange)}.ello-message>div{display:flex;gap:10px;align-items:center}.ello-message strong{font-size:11px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ello-message time{font-size:8.5px;color:var(--ello-muted)}.ello-message>span,.ello-message>small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ello-message>span{font-size:10px;color:#4d5660;margin-top:4px}.ello-message>small{font-size:8.5px;color:var(--ello-muted);margin-top:4px}.ello-list-empty{padding:24px 14px;color:var(--ello-muted);font-size:10px}.ello-reader{min-width:0;background:var(--ello-panel);overflow:auto}.ello-reader-empty,.ello-empty-page{height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:var(--ello-muted)}.ello-reader-empty strong,.ello-reader-empty span{display:block}.ello-reader-empty strong{font-size:12px;color:#4d5660}.ello-reader-empty span{font-size:10px;margin-top:5px}.ello-reader-head{padding:21px 24px 16px;border-bottom:1px solid var(--ello-line)}.ello-reader-head h1{font-size:18px;line-height:1.3;margin:0}.ello-sender{display:flex;align-items:center;gap:10px;margin-top:15px}.ello-sender .avatar{width:31px;height:31px;border-radius:50%;background:#fff6ed;border:1px solid #f2c49e;color:#b85f13;display:grid;place-items:center;font-size:9px;font-weight:800}.ello-sender>div:nth-child(2){flex:1;min-width:0}.ello-sender strong,.ello-sender span{display:block}.ello-sender strong{font-size:10.5px}.ello-sender span,.ello-sender time{font-size:9px;color:var(--ello-muted)}.ello-reader-body{padding:24px;max-width:940px}.ello-reader-body pre{font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word;margin:0;color:#30363d}.ello-attachments{margin-top:24px;border-top:1px solid var(--ello-line);padding-top:16px}.ello-attachments>strong{display:block;font-size:10px;margin-bottom:9px}.ello-attachments button{display:block;width:100%;max-width:500px;text-align:left;border:1px solid var(--ello-line);background:#fff;border-radius:5px;padding:9px 10px;margin-top:6px;font-size:10px}.ello-attachments button span{float:right;color:var(--ello-muted)}.ello-page-head{height:76px;background:#fff;border-bottom:1px solid var(--ello-line);display:flex;align-items:center;padding:0 22px}.ello-page-head>div{flex:1}.ello-page-head h1{font-size:17px;margin:0}.ello-page-head p{font-size:10px;color:var(--ello-muted);margin:4px 0 0}.ello-table{margin:20px 22px;border:1px solid var(--ello-line);border-radius:6px;overflow:hidden;background:#fff}.ello-tr{display:grid;grid-template-columns:1fr 1fr 1.4fr .8fr;align-items:center;gap:12px;min-height:50px;padding:0 12px;border-bottom:1px solid #eceef0;font-size:10.5px}.ello-tr:last-child{border-bottom:0}.ello-tr.head{min-height:35px;background:#f6f7f8;font-size:8.5px;color:var(--ello-muted);font-weight:800;text-transform:uppercase;letter-spacing:.07em}.ello-tr .actions{display:flex;gap:5px;justify-content:flex-end}.ello-table-empty{padding:24px;color:var(--ello-muted);font-size:10px}.ello-search{padding:20px 22px;max-width:900px}.ello-search>input{width:100%;height:38px;border:1px solid var(--ello-line2);border-radius:5px;padding:0 11px}.ello-search-group{padding:18px 0;border-bottom:1px solid var(--ello-line)}.ello-search-group h2{font-size:9px;letter-spacing:.1em;color:var(--ello-muted);margin:0 0 6px}.ello-search-group>div{padding:9px 5px;border-bottom:1px solid #eceef0;font-size:10.5px}.ello-search-group small{display:block;color:var(--ello-muted);margin-top:3px}.ello-search-group p{font-size:10px;color:var(--ello-muted)}.ello-settings{padding:20px 22px;max-width:920px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.ello-settings section{background:#fff;border:1px solid var(--ello-line);border-radius:6px;padding:16px}.ello-settings h2{font-size:12px;margin:0 0 5px}.ello-settings p{font-size:9.5px;color:var(--ello-muted);line-height:1.5}.ello-settings label,.ello-modal-body label{display:block;font-size:9.5px;font-weight:650;color:#58616b;margin:13px 0 6px}.ello-settings input,.ello-settings select,.ello-modal-body input,.ello-modal-body select,.ello-modal-body textarea{width:100%;height:34px;border:1px solid var(--ello-line2);border-radius:5px;background:#fff;padding:0 9px;font-size:10.5px}.ello-modal-body textarea{height:76px;padding-top:8px;resize:vertical}.ello-settings .ello-button{margin-top:14px;margin-right:5px}.ello-auth-shell{min-height:100vh;background:#f4f5f7;display:grid;place-items:center;padding:20px}.ello-auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--ello-line);border-radius:7px;padding:24px}.ello-brand-large{display:flex;align-items:center;gap:12px;margin-bottom:22px}.ello-brand-large strong,.ello-brand-large span{display:block}.ello-brand-large strong{font-size:17px}.ello-brand-large span{font-size:10px;color:var(--ello-muted);margin-top:3px}.ello-auth-tabs{display:flex;border-bottom:1px solid var(--ello-line);margin-bottom:18px}.ello-auth-tabs button{border:0;background:none;padding:0 0 9px;margin-right:18px;font-size:10.5px;color:var(--ello-muted);cursor:pointer}.ello-auth-tabs button.active{color:var(--ello-text);border-bottom:2px solid var(--ello-orange)}.ello-auth-form label{display:block;font-size:9.5px;font-weight:700;margin:0 0 6px}.ello-auth-form input{width:100%;height:36px;border:1px solid var(--ello-line2);border-radius:5px;padding:0 9px}.ello-auth-form .ello-button{width:100%;margin-top:11px}.ello-auth-note{font-size:9px;color:var(--ello-muted);line-height:1.5;margin:16px 0 0}.hidden{display:none!important}.ello-alert{padding:9px 10px;border-radius:5px;font-size:9.5px;margin-bottom:13px}.ello-alert.error{background:#fff1f1;border:1px solid #efc2c2;color:#9c2c2c}.ello-modal-wrap{position:fixed;inset:0;background:rgba(31,35,40,.38);display:grid;place-items:center;padding:20px;z-index:99999}.ello-modal{width:min(520px,100%);background:#fff;border:1px solid var(--ello-line2);border-radius:7px;box-shadow:0 22px 70px rgba(31,35,40,.22)}.ello-modal-head{height:52px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--ello-line)}.ello-modal-head strong{flex:1;font-size:12px}.ello-modal-head>button{border:0;background:none;font-size:18px;color:var(--ello-muted);cursor:pointer}.ello-modal-body{padding:16px}.ello-modal-body p{font-size:10px;color:#4d5660;line-height:1.5}.ello-modal-foot{padding:12px 16px;border-top:1px solid var(--ello-line);display:flex;justify-content:flex-end;gap:7px}.ello-modal-foot>span{flex:1}.ello-address-fields,.ello-secret-input{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ello-secret-input{grid-template-columns:1fr auto}.ello-availability{font-size:9.5px;margin-top:8px}.ello-availability.ok{color:var(--ello-success)}.ello-availability.bad{color:var(--ello-danger)}.ello-availability.neutral{color:var(--ello-muted)}.ello-secret-box{display:flex;gap:8px;align-items:center;border:1px solid var(--ello-line);background:#f7f7f8;border-radius:5px;padding:9px}.ello-secret-box code{flex:1;word-break:break-all;font-size:10px}.ello-credential{border-bottom:1px solid var(--ello-line);padding:10px 0}.ello-credential:last-child{border-bottom:0}.ello-credential span{display:block;font-size:8.5px;color:var(--ello-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.ello-credential code,.ello-credential pre{font:10.5px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word;margin:0}.ello-toast{position:fixed;right:16px;bottom:16px;background:#24292f;color:#fff;border-radius:5px;padding:9px 12px;font:10px Inter,system-ui,sans-serif;opacity:0;transform:translateY(6px);transition:.15s;z-index:100000;pointer-events:none}.ello-toast.show{opacity:1;transform:none}.ello-toast.error{background:#9c2c2c}.ello-empty-page{min-height:calc(100vh - 64px)}.ello-empty-page strong{font-size:14px;color:#3a424b}.ello-empty-page p{font-size:10px}.ello-empty-page .ello-button{margin-top:6px}
@media(max-width:900px){.ello-app{grid-template-columns:220px 1fr}.ello-mail-layout{grid-template-columns:320px 1fr}.ello-settings{grid-template-columns:1fr}}@media(max-width:700px){.ello-app{display:block}.ello-sidebar{min-height:auto}.ello-mail-layout{grid-template-columns:1fr;height:auto}.ello-reader{min-height:55vh}.ello-tr{grid-template-columns:1fr}.ello-tr.head{display:none}.ello-address-fields{grid-template-columns:1fr}.ello-page-head{height:auto;padding:16px}.ello-table,.ello-settings,.ello-search{margin:14px;padding:0}.ello-settings{display:block}.ello-settings section{margin-bottom:10px}}
.ello-admin-badge{margin-left:auto;display:inline-flex;align-items:center;height:20px;padding:0 6px;border:1px solid #f0c58f;border-radius:4px;background:#fff7ed;color:#b85f13;font-size:8px;font-weight:800;letter-spacing:.08em}.ello-field-note{margin:7px 0 0!important;font-size:9px!important;color:var(--ello-muted)!important;line-height:1.45!important}