:root{--km-ink:#142d46;--km-muted:#6a7b8c;--km-blue:#0758da;--km-line:#e1e8ef;--km-paper:#fff;--km-bg:#f4f7fb}*{box-sizing:border-box}.km-app{margin:0;background:var(--km-bg);color:var(--km-ink);font:14px/1.5 Arial,Helvetica,sans-serif}.km-app button,.km-app input,.km-app textarea{font:inherit}.km-app button,.km-app a,.km-app input{touch-action:manipulation}.km-app button{cursor:pointer;color:inherit}.km-app button:disabled{cursor:not-allowed;opacity:.5}.km-app a{color:var(--km-blue);text-decoration:none}.km-app [hidden]{display:none!important}.km-app button:focus-visible,.km-app a:focus-visible,.km-app input:focus-visible,.km-message-row:focus-visible{outline:3px solid #6aa8ff;outline-offset:2px}.km-brand{display:flex;align-items:center;gap:12px;color:var(--km-ink);text-decoration:none}.km-brand img{width:145px;height:34px;object-fit:contain}.km-brand>span{font-size:10px;letter-spacing:.16em;font-weight:700;border-left:1px solid #ccd8e4;padding-left:12px}.km-shell{display:grid;grid-template-columns:225px minmax(0,1fr);height:100dvh;overflow:hidden}.km-sidebar{padding:26px 16px 18px;display:flex;flex-direction:column;background:#f0f5fa;border-right:1px solid var(--km-line)}.km-sidebar .km-brand{margin:0 4px 30px}.km-sidebar .km-brand img{width:132px}.km-compose{border:0;border-radius:8px;background:#d8e8ff;padding:15px 20px;display:flex;align-items:center;gap:12px;font-size:23px!important;text-align:left;box-shadow:0 2px 4px #143c6510}.km-compose span{font-size:14px;font-weight:700}.km-sidebar nav{display:grid;gap:4px;margin-top:25px}.km-sidebar nav button{border:0;border-radius:5px;background:transparent;display:flex;align-items:center;gap:13px;padding:10px 13px;text-align:left;color:#425d77}.km-sidebar nav button>span{font-size:19px;min-width:20px;line-height:1}.km-sidebar nav button.selected{background:#dce9f8;color:#11488b;font-weight:700}.km-sidebar nav button:hover{background:#e4edf6}.km-sidebar nav button b{margin-left:auto;font-size:11px}.km-sidebar nav button small{font-size:10px;color:#73859a;margin-left:auto}.km-nav-rule{height:1px;background:#dce6ef;margin:12px 8px}.km-sidebar-bottom{margin-top:auto;padding:30px 8px 0;font-size:12px}.km-storage{display:grid;gap:7px;margin-bottom:22px}.km-storage small{font-weight:700;color:#38546e}.km-storage span{color:var(--km-muted);font-size:11px}.km-storage progress{width:100%;height:5px;accent-color:#397ce3}.km-signout{border:0;background:transparent;padding:14px 0 0;color:#6b7e90!important;font-size:12px!important}.km-main{min-width:0;display:flex;flex-direction:column;background:#fff}.km-topbar{height:80px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:25px;border-bottom:1px solid var(--km-line)}.km-topbar form{width:min(530px,52%);display:flex;align-items:center;gap:12px;background:#f0f4f8;padding:10px 14px;border-radius:7px}.km-topbar form>span{font-size:24px;line-height:1}.km-topbar input{background:transparent;border:0;outline:0;width:100%;color:var(--km-ink)}.km-topbar kbd{color:#96a5b3;border:1px solid #d4dfe9;padding:0 5px;border-radius:3px}.km-identity{display:flex;align-items:center;gap:10px;min-width:0}.km-identity b,.km-identity small{display:block}.km-identity small{color:var(--km-muted);font-size:11px}.km-avatar{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#d9e9fd;color:#155292;font-weight:700}.km-mail-content{display:grid;grid-template-columns:minmax(290px,38%) minmax(0,1fr);flex:1;min-height:0}.km-list{border-right:1px solid var(--km-line);display:flex;flex-direction:column;min-height:0;min-width:0}.km-list-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 23px 19px;border-bottom:1px solid var(--km-line);min-height:87px}.km-list-heading h1{font-size:22px;line-height:1.1;margin:0 0 5px;letter-spacing:-.03em}.km-list-heading span{color:var(--km-muted);font-size:11px}.km-icon{display:grid;place-items:center;width:34px;height:34px;border:0;background:transparent;border-radius:5px;font-size:22px!important;flex-shrink:0}.km-icon:hover{background:#edf3fa}.km-selection{padding:9px 12px;background:#e9f2ff;display:flex;align-items:center;gap:7px;font-size:11px}.km-selection button{background:transparent;border:0;color:#215b9f;font-size:11px;padding:4px}.km-selection span{margin-right:auto}#messages{overflow:auto;flex:1}.km-message-row{padding:17px 15px;display:flex;gap:10px;align-items:center;border-bottom:1px solid #edf1f5;cursor:pointer;position:relative;background:#fafbfd;min-height:82px}.km-message-row:hover{background:#f0f6fe}.km-message-row.unread{background:white}.km-message-row.current{background:#eaf2ff;border-left:3px solid #2370dd;padding-left:12px}.km-message-avatar{width:29px;height:29px;border-radius:50%;background:#e8edf3;color:#62788f;display:grid;place-items:center;font-size:11px;flex-shrink:0}.km-select{width:14px;height:14px;accent-color:var(--km-blue);margin:0;flex-shrink:0}.km-message-summary{min-width:0;flex:1}.km-message-line{display:flex;align-items:center;gap:10px;justify-content:space-between;min-width:0}.km-message-line b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:#455d74}.km-message-line time{font-size:10px;white-space:nowrap;color:#8391a1}.km-message-row h3{font-size:13px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:5px 0 0;color:#5c6e80}.km-message-row.unread h3,.km-message-row.unread b{font-weight:700;color:var(--km-ink)}.km-message-summary>small{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.km-delivery{font-size:10px;color:#64809d}.km-delivery.accepted{color:#087e69}.km-delivery.failed,.km-delivery.review{color:#ae4a2f}.km-star{border:0;background:none;color:#a6b4c2!important;padding:2px;font-size:21px!important;flex-shrink:0}.km-star.active{color:#d39717!important}.km-pagination{display:flex;justify-content:space-between;align-items:center;padding:11px 17px;border-top:1px solid var(--km-line);font-size:10px}.km-pagination button{background:none;border:0;font-size:11px;color:#526c86}.km-reader{padding:24px 32px 40px;overflow:auto;min-width:0}.km-reader-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#8292a4;padding:30px}.km-empty-envelope{font-size:54px;font-weight:400;color:#9eb7d0;margin-bottom:17px}.km-reader-empty h2{font-size:24px;font-weight:500;letter-spacing:-.03em;margin:0;color:#536e87}.km-reader-empty p{font-size:13px;margin:10px 0 28px}.km-reader-empty small{font-size:10px;color:#9aa8b5}.km-reader-toolbar{display:flex;align-items:center;gap:6px;border-bottom:1px solid #e7edf3;padding-bottom:17px;margin-bottom:23px}.km-reader-toolbar button:not(.km-icon){border:1px solid #dce5ee;background:#fff;padding:6px 10px;font-size:11px;border-radius:4px}.km-subject{font-size:25px;line-height:1.3;letter-spacing:-.03em;overflow-wrap:anywhere;margin:0 0 23px}.km-sender-detail{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--km-line)}.km-sender-detail b{font-size:13px;display:block;overflow-wrap:anywhere}.km-sender-detail small{font-size:11px;display:block;color:var(--km-muted);margin-top:4px;overflow-wrap:anywhere}.km-message-text{white-space:pre-wrap;font:14px/1.8 Arial,sans-serif;overflow-wrap:anywhere;margin:28px 0}.km-email-html{display:block;width:100%;height:480px;border:0;margin:20px 0}.km-plain-view{font-size:11px;color:var(--km-muted);margin:18px 0}.km-attachments{display:flex;flex-wrap:wrap;gap:8px;padding-top:18px}.km-attachments a{font-size:11px;background:#f0f5fa;border:1px solid #dce6f0;padding:9px 12px;border-radius:4px}.km-reply-actions{display:flex;gap:9px;margin-top:35px;padding-top:22px;border-top:1px solid var(--km-line)}.km-reply-actions button{border:1px solid #d6e2ee;background:#fff;border-radius:5px;padding:10px 17px;font-size:12px}.km-primary{background:var(--km-blue)!important;color:#fff!important;border:0!important;padding:12px 20px;border-radius:6px;font-weight:700}.km-statusbar{padding:9px 25px;border-top:1px solid var(--km-line);display:flex;justify-content:space-between;gap:20px;flex-shrink:0;font-size:10px;color:#7890a5;background:#fcfdff}.km-notice{background:#eaf4ef;color:#185b41;padding:12px 25px;flex-shrink:0;font-size:12px}.km-notice.error,.km-alert{background:#fff2e5;color:#8e531c}.km-alert{padding:15px 18px;border:1px solid #f4dcbf;border-radius:6px;margin:20px 0;font-size:13px}.km-folder-empty{padding:65px 24px;text-align:center;color:#8092a3}.km-folder-empty>span{font-size:30px;display:block;margin-bottom:14px;color:#a1b6ca}.km-folder-empty h2{font-size:17px;color:#5e768d;margin:0 0 8px;font-weight:500}.km-folder-empty p{font-size:12px;line-height:1.7}.km-loading{text-align:center;padding:50px 20px;color:#7b8fa2}.km-mobile{display:none}.km-compose-dialog{width:min(760px,calc(100% - 30px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #d7e2ec;border-radius:10px;color:var(--km-ink);box-shadow:0 25px 90px #142d4640}.km-compose-dialog::backdrop{background:#142d4660}.km-compose-dialog form{display:flex;flex-direction:column;max-height:calc(100dvh - 45px)}.km-compose-dialog header{display:flex;align-items:center;gap:15px;padding:14px 20px;background:#f2f6fb;border-bottom:1px solid var(--km-line)}.km-compose-dialog header h2{font-size:15px;margin:0;margin-right:auto}.km-compose-dialog header span{font-size:10px;color:#6f869c}.km-compose-field{display:flex;align-items:center;gap:10px;margin:0 22px;border-bottom:1px solid #e6ecf2;min-height:45px}.km-compose-field label{width:50px;color:#698095;font-size:12px;flex-shrink:0}.km-compose-field input{flex:1;width:0;border:0;outline:0;padding:13px 0;color:var(--km-ink)}.km-compose-field button{border:0;background:none;color:#668198;font-size:11px;white-space:nowrap}.km-formatting{display:flex;gap:3px;padding:10px 18px}.km-formatting button{border:0;background:transparent;padding:4px 10px;border-radius:3px;font-size:12px}.km-formatting button:hover{background:#e9f1fa}.km-compose-body{min-height:240px;overflow:auto;padding:14px 23px;line-height:1.7;outline:0;flex:1;font-size:14px}.km-compose-dialog footer{display:flex;align-items:center;gap:16px;border-top:1px solid var(--km-line);padding:15px 20px}.km-compose-dialog footer small{color:var(--km-muted);font-size:10px}.km-compose-dialog footer>.km-icon{margin-left:auto}.km-attach{font-size:12px;cursor:pointer;position:relative}.km-attach input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}#attachment-list{display:flex;flex-wrap:wrap;gap:5px;padding:8px 22px}.km-file-chip{font-size:10px;padding:4px 8px;border-radius:3px;background:#edf3fa}.km-delivery-detail{padding:20px 0;line-height:1.8}.km-delivery-detail p{color:var(--km-muted);max-width:530px}.km-login{max-width:1180px;margin:0 auto;padding:40px 55px;min-height:100dvh;display:flex;flex-direction:column}.km-login>.km-brand{align-self:flex-start}.km-login>section{margin:auto 0;padding:60px 0;max-width:420px}.km-kicker{font-size:10px;font-weight:700;letter-spacing:.16em;color:#477394}.km-login h1{font-size:48px;line-height:1.13;letter-spacing:-.055em;margin:18px 0;color:#16364f}.km-login p{color:#6b8295;margin-bottom:32px}.km-login form{display:grid;gap:18px}.km-login label{display:grid;gap:7px;font-size:12px;font-weight:700}.km-login input{border:1px solid #cad9e5;border-radius:5px;padding:13px;background:#fff;color:var(--km-ink)}.km-login button{padding:15px;margin-top:5px}.km-recovery{font-size:11px;display:block;margin-top:22px}.km-login footer{display:flex;justify-content:space-between;font-size:11px;color:#7590a6}.km-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 0 35px}.km-heading h1{font-size:36px;letter-spacing:-.045em;margin:10px 0}.km-heading p{color:var(--km-muted);font-size:15px;max-width:620px}.km-purchase-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;margin-top:35px;align-items:start}.km-plan{background:#102e46;color:#e5f1fb;padding:35px;border-radius:8px}.km-plan .km-kicker{color:#91bee0}.km-plan h2{font-size:29px;line-height:1.2;letter-spacing:-.035em;max-width:330px;margin:15px 0 28px;color:white}.km-plan-price{font-size:32px;font-weight:700}.km-plan-price small{display:block;font-size:12px;font-weight:400;color:#a1bcd0;margin-top:4px}.km-plan ul{list-style:none;padding:22px 0 0;line-height:2.2;font-size:13px}.km-plan li:before{content:'✓';color:#8fd8bd;margin-right:10px}.km-plan p{font-size:11px;line-height:1.8;color:#a2bfd3;border-top:1px solid #345266;padding-top:18px}.km-create{background:#fff;border:1px solid #dce6ef;border-radius:8px;padding:32px}.km-create h2{font-size:23px;margin:0 0 9px;letter-spacing:-.025em}.km-create>p{color:var(--km-muted);font-size:13px;margin:0 0 25px}.km-create .hk-form{display:grid;gap:18px}.km-create .hk-form label{font-size:13px}.km-create small{font-size:11px;color:var(--km-muted)}.km-consent{line-height:1.65!important;padding:14px;background:#f4f7fb;border:1px solid #e1e8ef;border-radius:5px}.km-section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px}.km-section-heading h2{font-size:21px}.km-section-heading span{font-size:12px;color:var(--km-muted)}.km-mailbox-card{background:white;border:1px solid #dce6ef;border-radius:8px;padding:25px;margin-bottom:18px}.km-mailbox-title{display:flex;align-items:center;gap:15px}.km-mail-icon{width:42px;height:42px;display:grid;place-items:center;background:#eaf2fe;color:#2669c7;font-size:23px;border-radius:5px}.km-mailbox-title h3{font-size:20px;margin:0 0 5px;overflow-wrap:anywhere}.km-mailbox-title p{font-size:12px;color:var(--km-muted);margin:0}.km-state{background:#fff0d8;color:#8f6320;font-size:10px;padding:4px 7px;border-radius:4px}.km-state.live{background:#e2f3ea;color:#11724f}.km-box-facts{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:25px;margin:24px 0;padding:20px;background:#f6f9fc;border:1px solid #e7edf3;border-radius:5px}.km-box-facts small,.km-box-facts b,.km-box-facts span{display:block}.km-box-facts small{font-size:11px;color:var(--km-muted);margin-bottom:7px}.km-box-facts b{font-size:17px}.km-box-facts span{font-size:10px;color:#889bab;margin-top:7px}.km-box-facts progress{width:100%;accent-color:#2873d3;height:5px}.km-card-actions{display:flex;gap:12px;align-items:start;flex-wrap:wrap}.km-card-actions form{margin:0}.km-card-actions details{margin-left:auto;font-size:12px;min-width:200px}.km-card-actions details>summary{padding:12px;cursor:pointer}.km-card-actions details[open]{padding:12px;border:1px solid #dce6ef;background:#f8fafc;width:100%;margin-top:10px}.km-card-actions details .hk-form{display:grid;gap:12px;max-width:650px;margin:15px 0}.km-setup-note{font-size:12px;color:#7c6d49;padding:12px;background:#fff8e9;border-radius:4px}.km-empty-inline{padding:25px;background:#f5f8fc;color:#6a7f92;font-size:13px;line-height:1.8}
@media(min-width:1200px){.km-message-row{padding-top:20px;padding-bottom:20px}.km-reader{padding:25px 40px}.km-list-heading{padding:23px}}
@media(max-width:1000px){.km-shell{grid-template-columns:185px minmax(0,1fr)}.km-sidebar{padding:22px 12px}.km-sidebar .km-brand img{width:110px}.km-brand>span{padding-left:7px;font-size:9px}.km-topbar{padding:0 20px}.km-identity b{font-size:12px}.km-identity small{max-width:180px;overflow:hidden;text-overflow:ellipsis}.km-message-avatar{display:none}.km-mail-content{grid-template-columns:43% minmax(0,1fr)}.km-reader{padding:20px}.km-message-row{padding-left:12px;padding-right:12px}.km-topbar form{width:55%}.km-statusbar>span:last-child{display:none}.km-purchase-layout{gap:20px}.km-box-facts{gap:15px}}
@media(max-width:760px){.km-shell{display:block}.km-sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:240px;transform:translateX(-100%);transition:transform .15s;box-shadow:15px 0 50px #102e4620}.km-menu-open .km-sidebar{transform:none}.km-main{height:100dvh}.km-topbar{height:65px;padding:0 12px;gap:8px}.km-mobile{display:grid}.km-topbar form{width:auto;flex:1;padding:8px 10px}.km-topbar input{font-size:13px}.km-topbar kbd{display:none}.km-identity>div{display:none}.km-identity .km-avatar{width:31px;height:31px}.km-mail-content{display:block;overflow:hidden}.km-list{height:100%;border-right:0}.km-reader{display:none;height:100%}.km-main.reading .km-list{display:none}.km-main.reading .km-reader{display:block}.km-list-heading{min-height:75px;padding:17px 19px}.km-message-row{padding:20px 15px}.km-message-avatar{display:grid}.km-message-line time{font-size:10px}.km-message-line b{font-size:13px}.km-message-row h3{font-size:14px}.km-statusbar{font-size:10px;padding:8px 12px}.km-compose-dialog{width:100%;max-height:100dvh;height:100dvh;border-radius:0;border:0;margin:0}.km-compose-dialog form{height:100%;max-height:100dvh}.km-compose-body{min-height:150px}.km-compose-dialog footer{padding:14px 12px;gap:10px;flex-wrap:wrap}.km-compose-dialog footer small{display:none}.km-compose-field{margin:0 15px}.km-compose-dialog header{padding:12px 15px}.km-login{padding:28px 25px}.km-login h1{font-size:40px}.km-login footer{display:block}.km-login footer span{display:block;margin-top:6px}.km-heading{display:block}.km-heading h1{font-size:29px}.km-heading>.btn{margin-top:12px}.km-purchase-layout{grid-template-columns:1fr}.km-plan,.km-create{padding:25px}.km-box-facts{grid-template-columns:1fr;gap:17px}.km-mailbox-card{padding:20px}.km-mailbox-title h3{font-size:17px}.km-card-actions details{margin-left:0;width:100%}}

.km-sidebar,.km-main{min-height:0}.km-sidebar{overflow-y:auto}.km-sidebar-bottom{flex-shrink:0}@media(max-height:760px){.km-sidebar{padding-top:18px}.km-sidebar .km-brand{margin-bottom:18px}.km-sidebar nav{margin-top:16px;gap:1px}.km-sidebar nav button{padding-top:7px;padding-bottom:7px}.km-sidebar-bottom{padding-top:18px}}

.km-pricing{margin:30px 0}.km-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.km-price-card{background:#fff;border:1px solid #dce5ef;padding:27px;border-radius:10px;display:flex;flex-direction:column}.km-price-card.selected{border:2px solid #125adc;background:#f5f8ff;padding:26px}.km-price-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.km-price-card h3{margin:0;font-size:23px;color:#142f47}.km-plan-badge{font-size:9px;letter-spacing:1px;color:#125adc;background:#e4edff;padding:7px 9px;border-radius:4px;font-weight:700}.km-price-card .km-plan-price{font-size:34px;margin:23px 0 16px;color:#113554;font-weight:750}.km-price-card .km-plan-price small{display:block;font-size:13px;font-weight:400;margin-top:7px;color:#708399}.km-price-card ul{list-style:none;padding:0;margin:8px 0 25px;display:grid;gap:12px;font-size:13px;line-height:1.6;color:#536b82}.km-price-card li:before{content:'✓';color:#008566;margin-right:10px}.km-price-card .btn{margin-top:auto;text-align:center}.km-capacity-note{font-size:12px;color:#718499;line-height:1.8;margin:17px 0}.km-create>.km-section-heading{margin-bottom:20px}.km-pricing .km-section-heading h2{margin:5px 0;font-size:26px}.km-pricing .km-section-heading p{font-size:14px;color:#708399}@media(max-width:1100px){.km-price-card{padding:20px}.km-price-card.selected{padding:19px}.km-price-card-top{display:block}.km-plan-badge{display:inline-block;margin-top:10px}.km-price-card h3{font-size:21px}}@media(max-width:850px){.km-pricing-grid{grid-template-columns:1fr}.km-price-card-top{display:flex}.km-plan-badge{margin-top:0}.km-price-card{padding:26px}.km-price-card.selected{padding:25px}.km-pricing .km-section-heading{display:block}.km-pricing .km-section-heading>span{display:block;margin-top:13px}}
/* Reference-inspired mail workspace. */
.km-app{font-family:"Segoe UI",Inter,system-ui,sans-serif;background:radial-gradient(ellipse at 45% 0,#e8f1ff 0,transparent 58%),linear-gradient(135deg,#f7faff,#f3f6fd 65%,#fbfaff);color:#10254a}
.km-app button,.km-app input,.km-app select{font-family:inherit}
.km-app svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle}
.km-shell{grid-template-columns:250px minmax(0,1fr);grid-template-rows:88px minmax(0,1fr);gap:0;padding:0 12px 12px 0;background:transparent}
.km-global-header{grid-column:1/-1;display:grid;grid-template-columns:250px minmax(180px,1fr) auto auto;align-items:center;gap:24px;padding:14px 16px 14px 27px;min-width:0}
.km-global-header>.km-brand{margin:0;gap:15px}.km-global-header .km-brand img{width:160px}.km-global-header .km-brand>span{font-size:12px;font-weight:700;letter-spacing:.06em;color:#0067ff;padding-left:15px;border-color:#d3e0f2}
.km-global-header #search-form{display:flex;align-items:center;gap:16px;padding:6px 7px 6px 19px;border:2px solid white;box-shadow:0 0 0 1px #deebfb;background:#eaf1fc99;border-radius:17px;height:54px;min-width:0}
.km-global-header #search-form input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#10254a;font-size:14px}.km-global-header #search-form input::placeholder{color:#61738f}.km-global-header #search-filters{border:1px solid #fff;background:#f8fbff85;border-radius:11px;width:39px;height:39px}
.km-header-tools{display:flex;align-items:center;gap:12px}.km-icon{border:0;background:transparent;color:#122a50;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;cursor:pointer}.km-icon:hover,.km-tool:hover{background:#eaf1ff}
.km-header-menu,.km-account-menu{position:relative}.km-header-menu summary,.km-account-menu summary{list-style:none;cursor:pointer}.km-header-menu summary::-webkit-details-marker,.km-account-menu summary::-webkit-details-marker{display:none}
.km-account-menu summary{display:flex;align-items:center;gap:11px}.km-account-name{display:grid;gap:4px;max-width:225px}.km-account-name b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.km-account-name small{font-size:10px;color:#6d7c99;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.km-avatar{background:linear-gradient(135deg,#e4eeff,#d3e6ff);color:#0068ff;width:43px;height:43px;font-size:21px;font-weight:600}.km-popover{position:absolute;right:0;top:calc(100% + 15px);z-index:40;min-width:240px;padding:16px;background:#fff;border:1px solid #dce6f4;border-radius:14px;box-shadow:0 12px 45px #29457025;display:grid;gap:9px;font-size:13px}.km-popover>b{font-size:11px;color:#6b7c98;overflow-wrap:anywhere;margin-bottom:5px}.km-popover a,.km-popover form button{padding:9px;border:0;border-radius:6px;background:none;text-align:left;color:#143460;text-decoration:none;font-size:13px;cursor:pointer}.km-popover a:hover,.km-popover form button:hover{background:#eef4ff}
.km-sidebar{grid-column:1;grid-row:2;background:transparent;border:0;padding:10px 18px 8px;min-height:0;overflow-y:auto;gap:0}
.km-compose{border-radius:13px;background:linear-gradient(135deg,#0879ff,#0060ff);color:#fff;min-height:52px;display:flex;align-items:center;justify-content:flex-start;gap:15px;padding:12px 20px;font-size:16px;font-weight:650;box-shadow:0 3px 10px #006cff20;border:1px solid #58a1ff}
.km-compose>svg{width:24px;height:24px}.km-compose-chevron{margin-left:auto;padding-left:13px;border-left:1px solid #ffffff55;display:flex}.km-compose-chevron svg{width:18px;height:18px}
.km-sidebar nav{margin-top:20px;gap:3px}.km-sidebar nav button{height:38px;padding:8px 13px;font-size:14px;color:#263f63;gap:16px;border-radius:9px}.km-sidebar nav button.selected{background:#e0edff;color:#005dff;font-weight:700}.km-sidebar nav button.selected svg{stroke:#0067ff}.km-sidebar nav button b{min-width:21px;min-height:21px;border-radius:7px;background:#bedcff;color:#0067ff;display:grid;place-items:center;font-size:12px}.km-sidebar nav button b:empty{display:none}.km-sidebar nav button small{font-size:9px}
.km-custom-folders{border-top:1px solid #dce6f4;margin-top:20px;padding-top:15px}.km-custom-folders>div:first-child{display:flex;align-items:center;justify-content:space-between}.km-custom-folders h2{font-size:10px;font-weight:650;color:#5c7192;letter-spacing:.06em;margin:0 5px}.km-folder-link,#create-folder-text{display:flex;align-items:center;gap:14px;border:0;background:transparent;width:100%;padding:9px 14px;border-radius:8px;color:#435b7c;text-align:left;font-size:13px;cursor:pointer}.km-folder-link.selected,.km-folder-link:hover,#create-folder-text:hover{background:#e5efff}.km-folder-link svg{width:20px;height:20px}.km-folder-link.red svg{color:#ef5252;fill:#ffe6e6}.km-folder-link.orange svg{color:#ff9700;fill:#fff0d9}.km-folder-link.blue svg{color:#318cff;fill:#dfedff}.km-folder-link.green svg{color:#0fb08c;fill:#e0f6ee}.km-folder-hint{font-size:11px;line-height:1.6;color:#8594ac;padding:0 8px}
.km-sidebar-bottom{padding:20px 0 0;margin-top:auto;flex-shrink:0}.km-storage{padding:15px 12px;border:1px solid #dfe9f8;border-radius:14px;background:#f8fbff66;display:flex;align-items:flex-start;gap:10px}.km-storage>svg{width:20px;height:20px;color:#0068ff}.km-storage>div{flex:1;min-width:0}.km-storage small{font-size:10px;font-weight:650;color:#17345c;display:block}.km-storage progress{height:7px;margin:8px 0 5px;width:100%;border-radius:5px}.km-storage span{font-size:9px;line-height:1.5;color:#647898}.km-storage>a svg{width:14px;height:14px;color:#617c9f}
.km-main{grid-column:2;grid-row:2;background:transparent;min-height:0;min-width:0}.km-mail-content{grid-template-columns:minmax(310px,42%) minmax(0,1fr);gap:12px;background:transparent;padding:10px 0 0;flex:1;min-height:0}
.km-list{background:#fff;border:1px solid #fff;border-radius:17px;overflow:hidden}.km-list-heading{padding:23px 24px 15px;min-height:80px;display:flex;align-items:flex-start}.km-list-heading h1{font-size:25px;letter-spacing:-.025em;margin:0 0 3px;color:#0a1c40}.km-list-heading>div:last-child{display:flex;align-items:center;gap:3px}.km-list-heading>div>span{font-size:12px;color:#68809e}
.km-mail-tabs{display:flex;gap:7px;padding:3px 20px 16px;overflow-x:auto;flex-shrink:0}.km-mail-tabs button{border:0;background:#f4f7fb;color:#405777;border-radius:13px;padding:10px 15px;font-size:12px;white-space:nowrap;cursor:pointer}.km-mail-tabs button.selected{background:#e4efff;color:#0068ff}
.km-message-row{margin:0 10px 6px;padding:20px 14px;gap:12px;border:0;border-radius:13px;position:relative;min-height:87px;box-shadow:0 1px 0 #f0f3f8}.km-message-row.current{background:linear-gradient(120deg,#e0eeff,#eaf3ff)}.km-message-row.current:before{content:'';position:absolute;inset:5px auto 5px 0;width:4px;background:#006bff;border-radius:4px}
.km-message-avatar{width:43px;height:43px;background:#e4efff;color:#0872ff;font-size:20px;font-weight:600}.km-message-line b{font-size:13px;font-weight:650;color:#10274b}.km-message-line time{font-size:10px;color:#526b8e}.km-message-row h3{font-size:13px;color:#15294c;margin-top:5px;font-weight:550}.km-message-row.unread h3,.km-message-row.unread b{font-weight:750}.km-select{width:15px;height:15px}.km-star{width:22px;display:flex;align-items:center}.km-star svg{width:19px;height:19px}.km-star.active svg{fill:#fff1b8;stroke:#c9981e}
.km-row-preview{display:flex;gap:10px;align-items:center;margin-top:9px}.km-row-preview>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;color:#6d83a2}.km-status-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:10px;background:#edf4ff;color:#1768c7;font-size:10px;white-space:nowrap;flex-shrink:0}.km-status-chip svg{width:15px;height:15px}.km-status-chip.delivered{background:#e3faf2;color:#00896c}.km-status-chip.failed,.km-status-chip.review{background:#fff0ed;color:#b55b42}.km-status-chip.queued,.km-status-chip.dispatching{background:#e7f8f3;color:#00876d}.km-status-chip.cancelled{background:#f0f2f5;color:#708199}
.km-pagination{border-color:#edf2f8;padding:13px 18px;color:#7086a2}.km-reader{padding:0;overflow:auto;min-height:0;display:flex;flex-direction:column;gap:12px}.km-reader-empty{background:#fff;border-radius:17px;min-height:100%;color:#6c84a4}.km-empty-envelope svg{width:60px;height:60px;color:#92b8e8}
.km-reader-toolbar{background:#fff;border:1px solid #fff;border-radius:15px;min-height:72px;padding:12px 16px;display:flex;align-items:center;gap:10px;margin:0;flex-shrink:0;overflow-x:auto}.km-reader-back{padding:7px!important;width:32px;flex-shrink:0;border:0!important}.km-reader-back span{display:none}.km-reader-controls{display:flex;align-items:center;gap:7px}.km-reader-pagination{margin-left:auto;display:flex;gap:3px}.km-reader-pagination .km-icon{border:1px solid #edf2f8;width:31px;height:33px}
.km-reader-toolbar .km-tool,.km-reply-actions .km-tool{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0!important;background:transparent;padding:9px 7px!important;font-size:12px;color:#102b51;border-radius:8px;white-space:nowrap}.km-reader-toolbar svg{width:19px;height:19px}.km-toolbar-select{background:transparent;color:#183454;border:0;font-size:12px;max-width:92px;padding:9px 0;cursor:pointer}
.km-reader-card{background:#fff;border:1px solid white;border-radius:17px;padding:28px 28px 35px;flex:1;min-width:0}.km-reader-card .km-sender-detail{border:0;padding:0;margin:0 0 26px;gap:14px;align-items:center}.km-sender-detail .km-avatar{width:48px;height:48px;font-size:23px}.km-sender-name{min-width:0;flex:1}.km-sender-name b{font-size:14px;font-weight:700}.km-sender-name small{font-size:12px;color:#5d769c;margin-top:5px}.km-sender-detail time{font-size:10px;color:#536c90;white-space:nowrap;align-self:flex-start;padding-top:7px}
.km-reader-card .km-subject{font-size:25px;letter-spacing:-.025em;line-height:1.35;color:#0b2043;margin-bottom:20px}.km-delivery-line{display:flex;align-items:center;gap:13px;padding-bottom:23px;border-bottom:1px solid #dce6f4;margin-bottom:26px}.km-delivery-line>span:last-child{font-size:11px;line-height:1.6;color:#607798}.km-delivery-body{font-size:14px;line-height:1.8;color:#21395e;margin:0 0 27px}.km-delivery-callout{background:#eaf3ff;border-radius:16px;padding:23px 20px;display:flex;align-items:center;gap:20px}.km-delivery-callout>svg{width:39px;height:39px;padding:10px;background:#3f98ff;color:white;border-radius:50%;box-sizing:content-box}.km-delivery-callout.delivered{background:#edf9f5}.km-delivery-callout.delivered>svg{background:#12a880}.km-delivery-callout h3{font-size:15px;margin:0 0 6px;color:#15345d}.km-delivery-callout p{font-size:12px;line-height:1.7;color:#5f789b;margin:0}.km-reply-actions{border:0;margin-top:34px;padding:0;flex-wrap:wrap;gap:12px}.km-reply-actions button{display:flex;align-items:center;gap:9px;border-radius:12px!important;border:1px solid #dce5f2!important;padding:12px 18px!important;font-size:12px;background:white!important;color:#17345b!important}.km-reply-actions svg{width:19px;height:19px}.km-email-html{margin:22px 0;height:250px}.km-message-text{font-family:inherit;color:#233c61;font-size:14px;line-height:1.8}.km-plain-view{font-size:11px}
.km-statusbar{background:transparent;border:0;font-size:9px;padding:9px 12px 0;color:#7e91ac}.km-selection{margin:0 18px 12px;border-radius:10px;background:#e8f2ff}
.km-utility-dialog{width:min(460px,calc(100% - 30px));padding:0;border:1px solid #dce7f6;border-radius:18px;background:white;color:#17345b;box-shadow:0 20px 90px #16396f30}.km-utility-dialog::backdrop{background:#15325b44;backdrop-filter:blur(3px)}.km-utility-dialog>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf2f8;padding:16px 20px}.km-utility-dialog h2{font-size:17px;margin:0}.km-utility-dialog #utility-content{padding:22px;font-size:13px;line-height:1.8}.km-utility-dialog h3{font-size:14px;overflow-wrap:anywhere}.km-utility-dialog .km-tool{display:flex;align-items:center;gap:10px;border:1px solid #dae6f5;background:#f7faff;padding:10px 15px;border-radius:9px;margin:10px 0;color:#18519b;cursor:pointer}.km-folder-form{display:grid;gap:15px}.km-folder-form label{display:grid;gap:7px}.km-folder-form input{border:1px solid #cadbf2;border-radius:8px;padding:12px;font-size:14px}.km-setting-toggle{display:flex;align-items:center;gap:10px}.km-form-feedback{font-size:12px;color:#a34b38}.km-compact .km-message-row{min-height:65px;padding-top:12px;padding-bottom:12px}.km-no-preview .km-mail-content{grid-template-columns:1fr}.km-no-preview .km-reader{display:none}.km-no-preview .reading .km-reader{display:flex}.km-no-preview .reading .km-list{display:none}
@media(max-width:1350px){.km-shell{grid-template-columns:220px minmax(0,1fr)}.km-global-header{grid-template-columns:200px minmax(180px,1fr) auto auto;gap:16px;padding-left:22px}.km-global-header .km-brand img{width:140px}.km-global-header>.km-brand{gap:8px}.km-global-header .km-brand>span{padding-left:9px;font-size:10px}.km-header-tools{gap:5px}.km-account-name{max-width:170px}.km-account-name b{font-size:11px}.km-mail-content{grid-template-columns:minmax(310px,41%) minmax(0,1fr)}.km-list-heading{padding:21px 18px 13px}.km-reader-card{padding:25px 22px}.km-reader-controls{gap:3px}.km-reader-toolbar .km-tool{font-size:11px}.km-reader-toolbar{padding:12px 10px;gap:6px}.km-reader-pagination{gap:0}.km-reader-controls>.km-tool:last-child{display:none}.km-row-preview{flex-wrap:wrap;gap:6px}.km-row-preview>span:first-child{width:100%}}
@media(max-width:1050px){.km-global-header{grid-template-columns:180px minmax(150px,1fr) auto auto;gap:10px}.km-header-tools>#mail-help,.km-header-menu{display:none}.km-account-name{display:none}.km-shell{grid-template-columns:200px minmax(0,1fr)}.km-sidebar{padding-left:14px;padding-right:14px}.km-mail-content{grid-template-columns:minmax(270px,43%) minmax(0,1fr)}.km-message-avatar{display:none}.km-reader-card{padding:23px 18px}.km-reader-card .km-subject{font-size:22px}.km-sender-detail time{display:none}.km-reader-controls>.km-tool:nth-last-child(2){display:none}.km-toolbar-select{max-width:80px;font-size:11px}.km-message-row{padding:17px 10px;gap:9px}.km-reader-pagination{display:none}.km-statusbar>span:last-child{display:none}}
@media(max-width:760px){.km-shell{display:grid;grid-template-columns:1fr;grid-template-rows:70px minmax(0,1fr);padding:0 8px 8px}.km-global-header{grid-column:1;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;padding:10px 2px}.km-global-header>.km-brand,.km-header-tools{display:none}.km-global-header>.km-mobile{display:flex}.km-global-header #search-form{height:45px;border-radius:13px;padding-left:12px;gap:9px}.km-global-header #search-form>svg{width:19px;height:19px}.km-global-header #search-form input{font-size:12px}.km-global-header #search-filters{width:31px;height:31px}.km-account-menu summary>svg{display:none}.km-account-menu .km-avatar{width:35px;height:35px;font-size:17px}.km-main{grid-column:1;grid-row:2;height:100%;min-height:0}.km-sidebar{grid-row:auto;position:fixed;inset:70px auto 0 0;z-index:25;width:245px;background:#f4f8ff;box-shadow:20px 0 60px #1b437030;transform:translateX(-115%);padding:15px 18px}.km-menu-open .km-sidebar{transform:none}.km-mail-content{display:block;padding:0;overflow:hidden}.km-list{height:100%;border-radius:15px}.km-reader{display:none;height:100%;gap:9px}.km-main.reading .km-list{display:none}.km-main.reading .km-reader{display:flex}.km-list-heading{padding:20px 16px 13px}.km-list-heading h1{font-size:24px}.km-mail-tabs{padding-left:14px;padding-right:14px;gap:6px}.km-mail-tabs button{padding:10px 13px}.km-message-avatar{display:grid;width:37px;height:37px;font-size:18px}.km-message-row{margin:0 5px 5px;padding:19px 11px;gap:10px;border-radius:11px}.km-message-line b{font-size:12px}.km-message-row h3{font-size:12px}.km-message-line time{font-size:9px}.km-star svg{width:17px}.km-reader-toolbar{border-radius:12px;min-height:58px;padding:8px;gap:7px}.km-reader-controls>.km-tool:nth-last-child(2){display:inline-flex}.km-reader-controls>.km-tool>span{display:none}.km-reader-controls>.km-tool{padding:8px!important}.km-toolbar-select{font-size:11px;max-width:76px}.km-reader-card{padding:23px 20px;border-radius:14px}.km-reader-card .km-sender-detail{gap:12px;margin-bottom:25px}.km-sender-detail .km-avatar{width:40px;height:40px;font-size:19px}.km-sender-name b{font-size:13px}.km-sender-name small{font-size:10px}.km-reader-card .km-subject{font-size:23px}.km-delivery-line{display:block}.km-delivery-line>span:last-child{display:block;margin-top:12px}.km-delivery-body{font-size:13px}.km-delivery-callout{padding:18px 14px;gap:13px}.km-delivery-callout>svg{width:24px;height:24px;padding:9px}.km-delivery-callout h3{font-size:13px}.km-delivery-callout p{font-size:11px}.km-statusbar{padding:8px 8px 0;font-size:9px}.km-compose-dialog{height:100dvh;max-height:100dvh}.km-popover{right:0;min-width:235px}.km-no-preview .reading .km-reader{display:flex}}
@media(min-width:761px){.km-global-header>.km-mobile{display:none}}
.km-global-header{grid-template-columns:220px minmax(180px,1fr) auto auto}.km-global-header .km-brand{max-width:220px}.km-sidebar nav button{flex-shrink:0}.km-sidebar nav{flex-shrink:0}.km-custom-folders{flex-shrink:0}
@media(max-width:1350px) and (min-width:761px){.km-global-header{grid-template-columns:190px minmax(180px,1fr) auto auto}}
@media(max-width:1050px) and (min-width:761px){.km-global-header{grid-template-columns:175px minmax(150px,1fr) auto auto}}
@media(max-width:760px){.km-global-header{grid-template-columns:auto minmax(0,1fr) auto}}
/* Compact desktop sizing at normal browser zoom. */
@media(min-width:761px){.km-shell{zoom:.8;height:125dvh}.km-compose-page{zoom:.8;min-height:125dvh}}
.km-app .km-compose{color:white}.km-reader-controls>.km-tool:last-child,.km-reader-controls>.km-tool:nth-last-child(2){display:inline-flex}.km-mail-tabs{scrollbar-width:none}.km-mail-tabs::-webkit-scrollbar{display:none}
.km-compose-page{min-height:100dvh;background:radial-gradient(ellipse at 50% 0,#eaf3ff,transparent 65%),#f5f8fd;color:#142d50}
.km-compose-page-header{height:86px;display:flex;align-items:center;padding:0 40px;gap:30px;background:#ffffffa6;border-bottom:1px solid #e3ebf7}.km-compose-page-header .km-brand{margin:0}.km-compose-page-header .km-brand img{width:155px}.km-compose-page-header .km-brand>span{color:#0068ff;font-weight:700;font-size:12px}.km-compose-context{font-size:12px;color:#6b819d;border-left:1px solid #dce6f4;padding-left:25px}.km-compose-account{margin-left:auto;display:flex;align-items:center;gap:12px}.km-compose-account>div{display:grid;gap:5px}.km-compose-account b{font-size:12px}.km-compose-account small{font-size:10px;color:#6c829e}
.km-compose-workspace{max-width:1100px;margin:0 auto;padding:34px 30px 30px}.km-compose-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.km-compose-heading a{font-size:12px;color:#526e95;text-decoration:none}.km-compose-heading a:hover{color:#0068ff}.km-compose-heading h1{font-size:31px;letter-spacing:-.03em;margin:12px 0 7px;color:#0a254c}.km-compose-heading p{font-size:13px;color:#7890ae;margin:0}.km-compose-save{display:flex;align-items:center;gap:16px;font-size:11px;color:#7b91aa}.km-compose-save button{border:1px solid #d7e4f5;background:white;border-radius:9px;padding:10px 16px;font-size:12px;color:#305680;cursor:pointer}
.km-compose-sheet{background:white;border:1px solid #e0e9f7;border-radius:17px;box-shadow:0 10px 40px #244f8510;overflow:hidden}.km-compose-from{display:flex;align-items:center;gap:12px;padding:20px 30px;border-bottom:1px solid #edf2f8;font-size:12px;color:#7690ad;background:#fbfdff;flex-wrap:wrap}.km-compose-from>b{font-size:13px;color:#35577c}.km-compose-from>span:first-child{width:47px}.km-private-label{margin-left:auto;font-size:10px;color:#7790aa;background:#eef5fc;padding:5px 9px;border-radius:6px}.km-compose-address{display:flex;align-items:center;gap:12px;min-height:58px;margin:0 30px;border-bottom:1px solid #eaf0f8}.km-compose-address label{width:47px;flex-shrink:0;font-size:12px;color:#6a84a5}.km-compose-address input{flex:1;min-width:0;border:0;background:white;outline:0;padding:18px 0;color:#203c61;font-size:14px}.km-compose-address input::placeholder{color:#9bacc0}.km-compose-address button{border:0;background:#f2f7fd;border-radius:6px;padding:6px 10px;font-size:11px;color:#57799e;cursor:pointer}.km-compose-subject input{font-size:16px;font-weight:600}.km-compose-subject input::placeholder{font-weight:400}
.km-compose-format{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef3f9;padding:12px 25px;background:#fdfefe}.km-compose-format>div{display:flex;align-items:center;gap:5px;overflow-x:auto}.km-compose-format button{border:0;background:transparent;color:#5c7595;padding:7px 11px;border-radius:5px;font-size:12px;white-space:nowrap;cursor:pointer}.km-compose-format button:hover{background:#ebf2ff;color:#0067ff}.km-compose-format>div>span{height:20px;border-left:1px solid #dce6f4;margin:0 6px}.km-compose-format>small{font-size:10px;color:#a1afc1;flex-shrink:0}.km-compose-page-editor{min-height:330px;padding:26px 31px 40px;outline:0;line-height:1.85;font-size:15px;color:#233e61;overflow-wrap:anywhere}.km-compose-page-editor:empty:before{content:attr(data-placeholder);color:#a4b3c6;pointer-events:none}.km-compose-page-editor blockquote{border-left:3px solid #d9e6f8;padding-left:18px;color:#7588a2;margin-left:0}.km-compose-page-attachments{display:flex;flex-wrap:wrap;gap:10px;padding:0 30px}.km-compose-attachment{display:inline-flex;align-items:center;gap:14px;font-size:11px;border:1px solid #d9e6f8;background:#f4f8ff;border-radius:8px;padding:10px 12px;margin:0 0 15px;max-width:100%;overflow-wrap:anywhere}.km-compose-attachment button{border:0;background:none;font-size:18px;color:#728aa8;cursor:pointer}.km-attachment-warning{font-size:11px;color:#9b7042;padding:0 30px 14px}
.km-compose-sendbar{display:flex;align-items:center;gap:18px;border-top:1px solid #e7eef8;padding:19px 27px;background:#fbfdff}.km-compose-sendbar #send{display:flex;align-items:center;gap:22px;border-radius:10px;padding:13px 21px;font-size:13px;background:#0068ff!important;cursor:pointer;box-shadow:0 3px 10px #0068ff20}.km-compose-sendbar #send:disabled{opacity:.6;cursor:wait}.km-compose-file-button{position:relative;display:flex;align-items:center;gap:7px;font-size:12px;color:#5b7b9f;cursor:pointer}.km-compose-file-button:first-letter{font-size:22px}.km-compose-file-button input{position:absolute;opacity:0;width:1px;height:1px}.km-compose-file-hint{font-size:10px;color:#91a3b9}.km-compose-quota{margin-left:auto;font-size:10px;color:#7690ad}.km-compose-bottom-note{display:flex;justify-content:space-between;gap:20px;padding:20px 8px;font-size:10px;color:#91a3ba}#link-form{display:grid;gap:20px;padding:25px}#link-form label{display:grid;gap:8px;font-size:12px}#link-form input{border:1px solid #d3e1f2;border-radius:7px;padding:12px}
@media(max-width:760px){.km-compose-page{zoom:1}.km-compose-page-header{height:66px;padding:0 18px;gap:12px}.km-compose-page-header .km-brand img{width:120px}.km-compose-page-header .km-brand>span{font-size:9px}.km-compose-context,.km-compose-account>div{display:none}.km-compose-account .km-avatar{height:34px;width:34px;font-size:16px}.km-compose-workspace{padding:24px 12px}.km-compose-heading{align-items:flex-start;gap:12px;margin-bottom:20px}.km-compose-heading h1{font-size:25px}.km-compose-heading p{font-size:11px}.km-compose-save{display:grid;gap:9px;text-align:right;font-size:9px;padding-top:4px}.km-compose-save button{font-size:11px;padding:8px 12px}.km-compose-from{padding:15px 17px;gap:7px;font-size:10px}.km-compose-from>span:first-child{width:35px}.km-compose-from b{font-size:11px}.km-compose-email{overflow-wrap:anywhere}.km-private-label{display:none}.km-compose-address{margin:0 17px;gap:7px;min-height:52px}.km-compose-address label{width:36px;font-size:11px}.km-compose-address input{font-size:12px;padding:16px 0}.km-compose-subject input{font-size:14px}.km-compose-address button{font-size:10px;padding:6px}.km-compose-format{padding:10px 11px}.km-compose-format small{display:none}.km-compose-format button{font-size:11px;padding:7px 9px}.km-compose-page-editor{padding:22px 18px;min-height:300px;font-size:14px;line-height:1.8}.km-compose-sendbar{padding:14px 16px;gap:14px;flex-wrap:wrap}.km-compose-sendbar #send{padding:12px 17px;font-size:12px}.km-compose-file-hint{display:none}.km-compose-quota{width:100%;margin:0;font-size:10px}.km-compose-page-attachments{padding:0 17px}.km-attachment-warning{padding-left:17px;padding-right:17px;font-size:10px}.km-compose-bottom-note{display:block;font-size:9px;line-height:1.7;padding:15px 5px}.km-compose-bottom-note>span{display:block}}
/* Full Compose workspace with a separate text-only AI assistant. */
.km-compose-main{grid-column:2;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;min-height:0;padding-top:10px}
.km-compose-card{background:#fff;border:1px solid white;border-radius:17px;padding:20px 22px 16px;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:auto}
.km-compose-card-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-shrink:0}.km-compose-card-header h1{font-size:17px;letter-spacing:-.02em;margin:0;margin-right:auto;color:#10274b}.km-compose-card-header #draft-status{font-size:9px;color:#8b9db5}.km-compose-card-header .km-icon{width:26px;height:26px;font-size:21px;color:#25416a;text-decoration:none}.km-ai-toggle{border:0;border-radius:7px;background:#f0edff;color:#6050d4;font-size:12px;padding:6px 9px;cursor:pointer}
.km-compose-card .km-compose-sheet{display:flex;flex-direction:column;flex:1;min-height:0;border:0;border-radius:0;box-shadow:none;overflow:visible;background:transparent}
.km-ref-address{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-shrink:0}.km-ref-address>label,.km-ref-address>span{width:48px;flex-shrink:0;font-size:12px;color:#7e94b5}.km-ref-address>div{display:flex;align-items:center;gap:10px;border:1px solid #dce7f7;border-radius:8px;min-height:42px;padding:0 12px;flex:1;min-width:0}.km-ref-address input{border:0;background:transparent;outline:0;min-width:0;flex:1;width:0;font-size:12px;padding:11px 0;color:#25436b}.km-ref-address input::placeholder{color:#94a4bd}.km-ref-address button{border:0;background:transparent;border-left:1px solid #e0e8f6;padding:5px 0 5px 13px;color:#7a92b3;font-size:11px;cursor:pointer}.km-ref-address #ai-subject{font-size:21px;color:#6d43ff;padding-top:0;padding-bottom:0}.km-ref-from{font-size:12px;background:#fdfefe}.km-ref-from b{font-size:12px;font-weight:600;color:#1e365b}.km-ref-from small{font-size:11px;color:#8195b4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.km-ref-editor{border:1px solid #dce7f5;border-radius:9px;flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:200px;margin-top:10px}.km-ref-editor .km-compose-format{border-bottom:1px solid #e8eff9;padding:8px 10px;min-height:40px;background:#fff;gap:7px;flex-shrink:0}.km-ref-editor .km-compose-format>div{gap:2px}.km-ref-editor .km-compose-format button{font-size:13px;padding:4px 7px;color:#203a60}.km-compose-format select{border:0;background:#fff;color:#29486e;font-size:10px;max-width:92px;padding:4px 1px}.km-compose-format #font-size{max-width:62px}.km-format-history{margin-left:auto;flex-shrink:0}.km-text-colour{position:relative;cursor:pointer;font-size:13px;color:#17345b;border-bottom:2px solid #17345b;padding:2px 4px;margin:0 5px}.km-text-colour input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.km-ref-editor .km-compose-page-editor{flex:1;min-height:160px;padding:19px 15px;font-size:14px;line-height:1.8;overflow:auto}.km-compose-card .km-compose-sendbar{padding:16px 0 0;border:0;background:#fff;gap:15px;flex-shrink:0}.km-compose-card .km-compose-sendbar #send{padding:11px 20px;min-width:115px;justify-content:space-between;border-radius:9px}.km-compose-save-button{border:0;background:transparent;font-size:11px;color:#39587e;cursor:pointer;white-space:nowrap;padding:8px;margin-left:auto}.km-compose-card .km-compose-quota{font-size:9px;color:#8a9db4;margin-left:auto;white-space:nowrap}.km-compose-card .km-compose-file-button{font-size:11px}.km-compose-card .km-compose-page-attachments{padding:12px 0 0}.km-compose-card .km-attachment-warning{padding-left:0;padding-right:0;font-size:10px}.km-compose-card .km-notice{margin-bottom:12px;border-radius:7px;font-size:11px}
.km-ai-panel{min-height:0;overflow:auto;border-radius:17px;background:linear-gradient(140deg,#eeeaff,#edf3ff 48%,#e9f2ff);padding:21px 17px;border:1px solid #ffffffa6;box-shadow:inset 0 0 50px #f2edff55;display:flex;flex-direction:column;gap:22px}
.km-ai-panel>header{display:flex;align-items:center;gap:12px}.km-ai-symbol{font-size:34px;line-height:1;color:#1886ff;text-shadow:0 0 12px #79beff77;flex-shrink:0}.km-ai-panel h2{font-size:16px;font-weight:700;margin:0 0 4px;color:#122751;letter-spacing:-.02em}.km-ai-panel>header p{font-size:11px;color:#5e78a1;margin:0}.km-ai-panel>header .km-icon{margin-left:auto;align-self:start;height:27px;width:27px;font-size:24px;color:#476091}.km-ai-tabs{display:flex;align-items:center;border:1px solid #fff;background:#ffffff35;border-radius:12px;overflow:hidden;flex-shrink:0}.km-ai-tabs button{flex:1;border:0;background:transparent;color:#435c89;font-size:11px;padding:12px 3px;position:relative;cursor:pointer}.km-ai-tabs button.selected{background:#ffffffc9;color:#5b2cff;box-shadow:0 6px 14px #9e8fec18;font-weight:650}.km-ai-tabs button.selected:after{content:'';height:3px;background:#7542ff;position:absolute;inset:auto 8px 0;border-radius:3px}
#mail-ai-form{background:transparent;margin:0;display:block}#mail-ai-form>label{display:block;font-size:12px;font-weight:700;color:#203b65;margin-bottom:10px}#ai-prompt{width:100%;resize:vertical;min-height:100px;max-height:250px;padding:13px 12px;border:1px solid #fff;background:#ffffffd9;border-radius:11px 11px 0 0;border-bottom:0;color:#23456d;line-height:1.7;font-family:inherit;font-size:12px;outline:0;box-sizing:border-box}#ai-prompt::placeholder{color:#8096b8}.km-ai-prompt-options{display:flex;align-items:center;gap:5px;padding:6px 9px 10px;background:#ffffffd9;border:1px solid white;border-top:0;border-radius:0 0 11px 11px}.km-ai-prompt-options select{border:0;background:#f4f6fc;border-radius:5px;padding:5px;font-size:9px;color:#6b83a7;max-width:95px}.km-ai-prompt-options input{min-width:0;width:75px;border:0;background:#f1f5fe;border-radius:5px;padding:5px;font-size:9px;color:#54739c}.km-ai-prompt-options>span{font-size:8px;color:#99a9c0;margin-left:auto}.km-ai-prompt-options>button{border:0;border-radius:50%;background:#877be7;color:white;width:30px;height:30px;flex-shrink:0;font-size:21px;display:grid;place-items:center;cursor:pointer}.km-ai-prompt-options>button:disabled{opacity:.5;cursor:wait}
.km-ai-quick h3,.km-ai-templates h3{font-size:12px;color:#21385f;margin:0 0 11px;font-weight:700}.km-ai-quick>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.km-ai-quick button{border:1px solid #fff;background:#ffffffdb;border-radius:10px;padding:11px 8px;font-size:10px;color:#354e78;text-align:left;cursor:pointer;min-height:39px}.km-ai-quick button:hover{background:#fff;box-shadow:0 3px 10px #7458dd15;color:#6742df}.km-ai-templates{display:grid;gap:0}.km-ai-templates>button{display:flex;align-items:center;gap:13px;background:#ffffffde;border:0;border-bottom:1px solid #e5ecf7;padding:10px 12px;text-align:left;color:#2c4774;cursor:pointer}.km-ai-templates>button:nth-child(2){border-radius:11px 11px 0 0}.km-ai-templates>button:last-child{border-radius:0 0 11px 11px;border-bottom:0}.km-ai-templates>button>span{background:#e9faf4;border-radius:7px;color:#159e83;width:28px;height:28px;display:grid;place-items:center;font-size:17px;flex-shrink:0}.km-ai-templates>button:nth-child(3)>span{background:#fff1e8;color:#e88034}.km-ai-templates>button:nth-child(4)>span{background:#e6f2ff;color:#0a87f6}.km-ai-templates>button:nth-child(5)>span{background:#fff0e8;color:#ba784c}.km-ai-templates>button:nth-child(6)>span{background:#f2eaff;color:#8c4fe0}.km-ai-templates>button>div{display:grid;gap:3px}.km-ai-templates b{font-size:11px;font-weight:650}.km-ai-templates small{font-size:9px;color:#7e92b2}
.km-ai-allowance{padding:14px;border:1px solid white;border-radius:11px;background:#ffffff8c;margin-top:auto}.km-ai-allowance>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.km-ai-allowance b{font-size:10px;color:#4b638d}.km-ai-allowance span{font-size:10px;font-weight:650;color:#6753c6}.km-ai-allowance progress{width:100%;height:5px;margin:10px 0 4px;accent-color:#8a69e9}.km-ai-allowance p{font-size:8px;color:#8a9bb8;line-height:1.6;margin:0 0 7px}.km-ai-allowance small{font-size:8px;color:#8595b1;line-height:1.6;display:block}
.km-ai-feedback{font-size:10px;line-height:1.7;color:#527698;background:#ffffff8c;border-radius:9px;padding:10px 12px}.km-ai-feedback.error{color:#a35c42;background:#fff3e9}.km-ai-result{background:#fff;border-radius:12px;padding:14px;border:1px solid #ddd7fa;box-shadow:0 5px 20px #8c79d51a}.km-ai-result>div:first-child{display:flex;gap:10px;align-items:center;justify-content:space-between}.km-ai-result h3{font-size:11px;margin:0;color:#6250b2}.km-ai-result #ai-charged{font-size:8px;color:#a095b9}.km-ai-result>b{display:block;font-size:12px;margin:13px 0;color:#2a4271}.km-ai-result pre{white-space:pre-wrap;font:11px/1.8 inherit;font-family:inherit;font-size:11px;line-height:1.8;max-height:300px;overflow:auto;color:#55719a}.km-ai-result-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.km-ai-result-actions button{border:1px solid #e0dafa;background:#f7f4ff;border-radius:6px;font-size:9px;color:#7659bd;padding:7px 9px;cursor:pointer}
.km-ai-closed .km-compose-main{grid-template-columns:1fr}.km-ai-closed .km-ai-panel{display:none}.km-compose-expanded .km-compose-shell{grid-template-columns:1fr}.km-compose-expanded .km-compose-shell>.km-sidebar{display:none}.km-compose-expanded .km-compose-main{grid-column:1;grid-template-columns:1fr;margin-left:12px}.km-compose-expanded .km-ai-panel{display:none}.km-emoji-picker{display:flex;flex-wrap:wrap;gap:10px}.km-emoji-picker button{font-size:25px;padding:9px;background:#f5f8ff;border:0;border-radius:8px;cursor:pointer}
@media(max-width:1100px) and (min-width:761px){.km-compose-main{grid-template-columns:minmax(0,1fr) 320px}.km-compose-card{padding:18px}.km-compose-card-header{gap:6px}.km-compose-card-header #draft-status{max-width:90px;text-align:right}.km-compose-card .km-compose-quota{display:none}.km-ai-panel{padding:18px 14px}.km-ref-from{flex-wrap:wrap;gap:3px!important;padding-top:8px!important;padding-bottom:8px!important}.km-ref-from small{width:100%}}
@media(min-width:761px){.km-utility-dialog{zoom:.8}}
@media(max-width:760px){.km-compose-main{grid-column:1;grid-row:2;display:block;height:100%;padding:0;min-height:0}.km-compose-card{height:100%;padding:17px 14px 12px;border-radius:14px;box-sizing:border-box}.km-compose-card-header{gap:6px;margin-bottom:18px}.km-compose-card-header h1{font-size:16px}.km-compose-card-header #draft-status{display:none}.km-compose-card-header #minimise-compose,.km-compose-card-header #expand-compose{display:none}.km-compose-card-header #back-inbox{font-size:25px}.km-ai-toggle{margin-left:auto}.km-ref-address{gap:9px;margin-bottom:10px}.km-ref-address>label,.km-ref-address>span{width:38px;font-size:11px}.km-ref-address>div{padding:0 9px;min-height:40px}.km-ref-address input{font-size:11px;padding:10px 0}.km-ref-from{flex-wrap:wrap;gap:3px!important;padding-top:8px!important;padding-bottom:8px!important}.km-ref-from b{font-size:11px}.km-ref-from small{width:100%;font-size:8px}.km-ref-address button{font-size:10px;padding-left:9px}.km-ref-editor{margin-top:7px;min-height:180px}.km-ref-editor .km-compose-page-editor{min-height:100px;padding:15px 12px;font-size:13px}.km-ref-editor .km-compose-format{padding:8px 6px;min-height:38px}.km-compose-format>div{overflow-x:auto}.km-compose-format select{font-size:9px;max-width:75px}.km-ref-editor .km-compose-format button{padding:4px 6px;font-size:12px}.km-format-history{display:none!important}.km-compose-card .km-compose-sendbar{padding-top:13px;gap:12px;flex-wrap:nowrap}.km-compose-card .km-compose-sendbar #send{min-width:85px;padding:11px 13px;gap:14px;font-size:12px}.km-compose-card .km-compose-quota{display:none}.km-compose-card .km-compose-file-button{font-size:10px}.km-compose-save-button{font-size:10px;margin-left:auto;padding:7px 0}.km-ai-panel{position:fixed;inset:76px 10px 10px;z-index:35;padding:20px;background:linear-gradient(140deg,#eeeaff,#eef5ff);box-shadow:0 15px 60px #31356b45;gap:22px}.km-ai-closed .km-ai-panel{display:none}.km-ai-tabs button{font-size:12px;padding:13px 5px}#ai-prompt{font-size:13px;min-height:110px}.km-ai-quick button{font-size:11px;padding:12px}.km-ai-templates b{font-size:12px}.km-ai-templates small{font-size:10px}.km-ai-allowance b,.km-ai-allowance span{font-size:11px}.km-ai-allowance small,.km-ai-allowance p{font-size:9px}.km-ai-result pre{font-size:12px}.km-ai-result-actions button{font-size:10px}}
@media(max-width:760px){.km-compose-main{min-width:0;width:100%;overflow:hidden}.km-compose-card{width:100%;max-width:100%}.km-compose-card .km-compose-sheet,.km-ref-editor,.km-compose-format,.km-compose-format>div{min-width:0;max-width:100%}.km-compose-card-header,.km-compose-sendbar{min-width:0}.km-compose-card .km-compose-sendbar{gap:8px}}