/* Mail shell: existing Roundcube controls keep their native handlers. */
.company-symbol{font-family:CompanyMaterial;font-feature-settings:"liga";font-size:20px;line-height:1}.company-shell{--company-top-height:76px}.company-shell #layout{height:calc(100% - var(--company-top-height));top:var(--company-top-height);padding:0 12px 12px;gap:10px}.company-shell #layout-menu{display:none!important}#company-topbar{height:76px;display:flex;align-items:center;gap:26px;padding:12px 28px;background:#f6f8fc}.company-brand{width:208px;flex-shrink:0;text-decoration:none;color:#093c79;display:flex;align-items:baseline;gap:12px;direction:ltr}.company-brand strong{font-size:34px;letter-spacing:-1px;font-weight:900}.company-brand span{font-size:13px;letter-spacing:3px}#company-topbar .searchbar{margin:0;max-width:760px;flex:1;background:#eaf0fa;height:48px;border:0;box-shadow:none}#company-topbar .searchbar input{font-size:16px}#company-topbar .company-top-tools{margin-inline-start:auto;display:flex;align-items:center;gap:6px}.company-top-tools a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#536277;border-radius:50%;text-decoration:none}.company-top-tools a:hover{background:#e4ebf5}.company-top-tools a:before{font-family:CompanyMaterial!important;font-size:23px;content:'settings'}.company-top-tools .contacts:before{content:'group'}.company-top-tools .logout:before{content:'logout'}.company-top-tools .theme:before{content:'dark_mode'}.company-top-tools .theme.light:before{content:'light_mode'}.company-top-tools .inner{display:none}.company-shell #layout-sidebar{width:240px!important;min-width:240px!important;flex:0 0 240px;background:#f6f8fc;border:0;border-radius:0}.company-shell #layout-sidebar>.header{background:transparent!important;border:0;font-size:12px;min-height:40px;height:40px}.company-compose-area{padding:8px 10px 22px}.company-compose-area a{display:flex;align-items:center;justify-content:center;gap:16px;max-width:150px;height:58px;border-radius:18px;background:#c2e7ff;color:#173b63;text-decoration:none;font-size:15px;font-weight:600;box-shadow:0 2px 4px #2743610b}.company-compose-area a:before{font-family:CompanyMaterial;font-feature-settings:'liga';content:'edit';font-size:25px}.company-shell .folderlist li>a{border:0;height:36px;line-height:36px;padding-top:0;padding-bottom:0;font-size:14px}.company-shell .folderlist li.selected>a{background:#d3e3fd;border-radius:24px;font-weight:700}.company-shell .folderlist li>a:hover{border-radius:24px;background:#e6ecf5}.company-inbox #layout-content{display:none!important}.company-inbox #layout-list{width:auto!important;min-width:0!important;flex:1!important;max-width:none!important}.company-inbox #layout-list>.header:first-child{height:52px}.company-inbox .messagelist tr{height:46px}.company-inbox .messagelist td.subject{display:flex;align-items:center;gap:15px;padding:10px 16px;position:relative;min-width:0}.company-inbox .messagelist td.subject .fromto{width:210px;flex:0 0 210px;display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;order:1}.company-inbox .messagelist td.subject .date{position:static;order:3;flex:0 0 100px;margin-inline-start:auto;font-size:12px}.company-inbox .messagelist td.subject a{order:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;font-size:14px}.company-inbox .messagelist td.subject .msgicon{flex:0 0 16px;order:0}.company-inbox .messagelist tbody tr{background:#f2f6fc}.company-inbox .messagelist tbody tr.unread{background:white;font-weight:700}.company-inbox .messagelist tbody tr:hover{box-shadow:inset 0 1px #d8e0eb,inset 0 -1px #d8e0eb,0 1px 3px #20304020}.company-composer{position:fixed;z-index:10000;bottom:0;inset-inline-end:32px;width:580px;height:min(660px,82vh);display:flex;flex-direction:column;border-radius:10px 10px 0 0;background:#fff;box-shadow:0 6px 35px #17304a50;border:1px solid #cad5e4;overflow:hidden}.company-composer-bar{background:#f2f6fc;display:flex;align-items:center;padding:10px 14px;gap:3px;height:44px;flex-shrink:0}.company-composer-bar strong{margin-inline-end:auto;color:#30405a}.company-composer-bar button{border:0;background:transparent;color:#536277;width:30px;height:30px;cursor:pointer}.company-composer iframe{border:0;width:100%;flex:1;min-height:0}.company-composer.minimized{height:44px;width:300px}.company-composer.minimized iframe{display:none}.company-composer.maximized{inset:8vh 10vw 0;width:80vw;height:92vh}.company-compose-frame #layout-menu,.company-compose-frame #layout-sidebar{display:none!important}.company-compose-frame #layout{padding:0;gap:0}.company-compose-frame #layout-content{border:0;border-radius:0;width:100%!important;flex:1}.company-compose-frame #compose-content{padding:10px 16px}.company-compose-frame .header{height:44px}.company-compose-frame #layout-content>.footer{border-top:1px solid #e6edf6}.dark-mode #company-topbar,.dark-mode .company-shell #layout-sidebar{background:#202b3c}.dark-mode .company-brand{color:#a9ceff}.dark-mode .company-inbox .messagelist tbody tr{background:#263449}.dark-mode .company-composer,.dark-mode .company-composer-bar{background:#263449}.dark-mode .company-composer-bar strong{color:#d8e5f5}@media(max-width:1024px){.company-brand{width:auto}.company-shell #layout-sidebar{width:190px!important;min-width:190px!important;flex-basis:190px}#company-topbar{gap:14px;padding:12px}.company-inbox .messagelist td.subject .fromto{width:150px;flex-basis:150px}}@media(max-width:768px){.company-shell #layout{padding:0;top:64px;height:calc(100% - 64px)}#company-topbar{height:64px;gap:8px}.company-brand strong{font-size:24px}.company-brand span{display:none}.company-top-tools a{width:30px}.company-top-tools .contacts,.company-top-tools .theme{display:none}.company-shell #layout-sidebar{display:none!important}.company-shell #layout-sidebar.selected{display:flex!important;position:absolute;inset:0;z-index:50;width:240px!important;background:#f6f8fc}.company-inbox .messagelist td.subject{display:block;padding:10px}.company-inbox .messagelist td.subject .fromto{width:70%;display:block}.company-inbox .messagelist td.subject .date{position:absolute;top:12px;inset-inline-end:10px}.company-inbox .messagelist td.subject a{display:block}.company-composer,.company-composer.maximized{inset:0;width:100%;height:100%;border-radius:0}.company-composer.minimized{inset:auto 10px 0;width:280px;height:44px}}

@media(min-width:769px){.company-inbox #messagelist td.subject>span{position:static!important;float:none!important;inset:auto!important;margin:0!important;padding:0!important;height:auto!important}.company-inbox #messagelist td.subject>.fromto{order:1;flex:0 0 180px;width:180px}.company-inbox #messagelist td.subject>span.subject{display:flex!important;align-items:center;order:2;flex:1;min-width:0}.company-inbox #messagelist td.subject>.date{order:3;flex:0 0 95px}.company-inbox #messagelist td.subject>.size{display:none!important}.company-inbox #messagelist td.subject{height:46px!important;padding:8px 12px!important}.company-inbox #messagelist td.selection{display:table-cell!important;width:34px}.company-inbox #messagelist td.flags{width:58px}}
.company-compose-frame #compose-attachments{padding:10px 0;border-top:1px solid #e4eaf3}.company-compose-frame #layout{top:0!important;height:100%!important}.dark-mode.company-shell #layout-sidebar{background:#202b3c}

.company-compose-frame #composebody{min-height:180px!important;height:220px!important}.company-compose-frame #compose-content{overflow-x:hidden}.company-compose-frame #compose-headers{width:100%;min-width:0}.company-compose-frame #compose-attachments .upload-form{display:block!important}.company-inbox #messagelist td.flags .unflagged:before{font-family:CompanyMaterial!important;content:'star_border'!important;font-size:20px}.company-inbox #messagelist td.flags .flagged:before{font-family:CompanyMaterial!important;content:'star'!important;color:#f4b400;font-size:20px}.company-inbox #messagelist td.flags .flag{display:inline-block!important;width:24px;height:24px}

#company-topbar>.company-compose-area{padding:0}#company-topbar>.company-compose-area a{height:42px;padding:0 14px}.company-inbox #messagelist td.flags .flag{visibility:visible!important}.company-inbox #messagelist td.flags .flag span{display:inline-block!important;visibility:visible!important}@media(max-width:768px){.company-compose-area{position:fixed;bottom:25px;inset-inline-end:20px;z-index:90}.company-shell #layout-sidebar:has(.company-compose-area){display:contents!important}.company-shell #layout-sidebar>.header,.company-shell #layout-sidebar>.scroller,.company-shell #layout-sidebar>.footer{display:none!important}.company-compose-area a{height:52px;padding:0 18px}.company-compose-frame #composebody{height:180px!important}}

@media(min-width:769px){.company-inbox #messagelist tbody{display:block;width:100%}.company-inbox #messagelist tr{display:flex!important;align-items:center;height:46px!important;min-height:46px!important}.company-inbox #messagelist td.subject{flex:1;min-width:0;width:auto!important}.company-inbox #messagelist td.flags,.company-inbox #messagelist td.selection{position:static!important;display:flex!important;align-items:center;justify-content:center;flex:0 0 36px;height:46px!important;padding:0!important}.company-inbox #messagelist td.flags{flex-basis:55px;gap:4px}.company-inbox #messagelist .size{display:none!important}.company-inbox #messagelist tr .msgicon{display:none!important}}

.company-inbox #messagelist-header{display:flex;align-items:center;gap:8px;height:54px}.company-inbox #messagelist-header ul{display:flex;align-items:center;margin:0}.company-inbox #messagelist-header a .inner{display:none}.company-inbox #messagelist-header a:before{font-size:21px}.company-inbox #messagelist-header #toolbar-menu{margin-inline-start:auto}.company-inbox #messagelist-header li{margin:0}

.company-inbox #messagelist-header #mailtoolbar{display:flex;align-items:center;margin-inline-start:auto;position:static;height:48px}.company-inbox #messagelist-header #mailtoolbar a{width:40px;padding:0}.company-inbox #messagelist-header #mailtoolbar .compose{display:none!important}

@media(max-width:768px){.company-inbox #messagelist tr{height:78px!important}.company-inbox #messagelist td.subject{height:78px!important}.company-inbox #messagelist td.subject>span.subject{position:static!important;display:block!important;padding-top:8px!important;height:auto!important;max-width:95%}.company-inbox #messagelist td.subject>span.subject a{display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-inbox #messagelist td.subject>.fromto{position:static!important;display:block!important;float:none!important}.company-shell #layout-sidebar.selected:has(.company-compose-area){display:flex!important}.company-shell #layout-sidebar.selected>.header,.company-shell #layout-sidebar.selected>.scroller,.company-shell #layout-sidebar.selected>.footer{display:block!important}.company-inbox #messagelist-header{overflow:hidden}}

/* Keep the inbox inside the viewport regardless of old splitter widths. */
.company-shell #company-topbar{box-sizing:border-box;width:100%;min-width:0}.company-shell #company-topbar .searchbar{min-width:0}.company-inbox #layout{box-sizing:border-box;width:100%!important;max-width:100%;margin:0!important;left:0!important;right:0!important}.company-inbox #layout-list{margin:0!important;transform:none!important;inset:auto!important}.company-inbox #layout-sidebar{margin:0!important;transform:none!important;inset:auto!important}@media(min-width:769px){.company-inbox #layout{display:grid!important;grid-template-columns:240px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.company-inbox #layout-sidebar{grid-column:1;grid-row:1}.company-inbox #layout-list{grid-column:2;grid-row:1;width:100%!important;max-width:100%!important}.company-inbox #layout>.ui-resizable-handle{display:none!important}}

/* Arabic folder labels and their native icons follow RTL reading order. */
html[lang^="ar"] .company-shell #layout-sidebar .folderlist li>a{direction:rtl!important;text-align:right!important;padding-right:42px!important;padding-left:16px!important}html[lang^="ar"] .company-shell #layout-sidebar .folderlist li>a:before{float:none!important;position:absolute!important;right:14px!important;left:auto!important;margin:0!important}html[lang^="ar"] .company-shell #layout-sidebar .folderlist li{position:relative}html[lang^="ar"] .company-shell #layout-sidebar .folderlist li>a{position:relative}html[lang^="ar"] .company-shell #layout-sidebar>.header{text-align:right!important}

.company-brand>span{color:#ea4335!important}

/* Local Gmail reference: compact compose button and functional menu toggle. */
.company-menu-toggle{border:0;background:transparent;color:#444746;width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.company-menu-toggle:hover,.company-menu-toggle:focus-visible{background:#e3e5e8}.company-menu-toggle .company-symbol{font-size:24px}.company-brand{text-decoration:none!important}.company-compose-area a{width:120px!important;max-width:120px!important;height:56px!important;border-radius:16px!important;gap:18px!important;font-size:13px!important;font-weight:500!important;box-shadow:none!important}.company-compose-area a:hover{box-shadow:0 2px 6px #3c404326!important}.company-compose-area a:before{font-size:23px!important;font-weight:400!important}.company-shell .folderlist li>a{font-family:Arial,Tahoma,sans-serif;font-size:14px}@media(min-width:769px){.company-inbox.company-folders-collapsed #layout{grid-template-columns:72px minmax(0,1fr)!important}.company-inbox.company-folders-collapsed #layout-sidebar{width:72px!important;min-width:72px!important;max-width:72px!important}.company-folders-collapsed #layout-sidebar>.header{display:none!important}.company-folders-collapsed .company-compose-area{padding:8px 8px 22px}.company-folders-collapsed .company-compose-area a{font-size:0!important;width:56px!important;min-width:56px!important;padding:0!important;gap:0!important}.company-folders-collapsed #layout-sidebar .folderlist li>a{font-size:0!important;padding:0!important;width:48px!important;margin:0 auto!important;overflow:hidden}.company-folders-collapsed #layout-sidebar .folderlist li>a:before{position:absolute!important;left:12px!important;right:auto!important;font-size:22px}.company-folders-collapsed #layout-sidebar .folderlist .unreadcount{display:none!important}}

.company-selection-tools{position:relative;display:flex;align-items:center;gap:1px;padding:0 8px}.company-selection-tools>input{width:16px;height:16px;margin:0 3px;accent-color:#0b57d0}.company-selection-tools>button{border:0;background:transparent;color:#444746;width:32px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.company-selection-tools>button:hover{background:#e8eaed}.company-message-menu{position:absolute;top:40px;inset-inline-start:0;z-index:120;background:white;min-width:250px;border-radius:7px;padding:6px 0;box-shadow:0 3px 12px #3c404340;text-align:start}.company-message-menu[hidden]{display:none!important}.company-message-menu>button{display:block;width:100%;padding:10px 18px;border:0;background:none;text-align:start;color:#3c4043;font-size:13px;cursor:pointer}.company-message-menu>button:hover{background:#f1f3f4}.company-message-menu>p{font-size:12px;color:#777;padding:10px 18px;margin:0;border-top:1px solid #eee}.company-selection-ready #messagelist-header a.select,.company-selection-ready #messagemenulink{display:none!important}.company-selection-ready #messagelist-header{overflow:visible!important}

/* Overall inbox proportions from the supplied Gmail desktop reference. */
@media(min-width:769px){.company-shell{--company-top-height:64px}.company-shell #company-topbar{height:64px;padding:8px 12px;gap:10px}.company-shell #layout{height:calc(100% - 64px);top:64px}.company-shell .company-brand{width:190px;flex:0 0 190px;gap:6px}.company-shell #company-topbar .searchbar{max-width:720px;height:48px}.company-inbox #messagelist-header{height:48px!important;min-height:48px!important}.company-inbox #messagelist-header #toolbar-menu{display:none}.company-inbox:has(#messagelist tbody tr.selected) #messagelist-header #toolbar-menu{display:flex}.company-inbox #messagelist tr{height:36px!important;min-height:36px!important}.company-inbox #messagelist td.subject{height:36px!important;padding:6px 10px!important;gap:10px}.company-inbox #messagelist td.selection{order:0;flex:0 0 30px;height:36px!important}.company-inbox #messagelist td.flags{order:1;flex:0 0 34px;height:36px!important}.company-inbox #messagelist td.subject{order:2}.company-inbox #messagelist td.subject>.fromto{flex-basis:170px;width:170px;font-size:14px}.company-inbox #messagelist td.subject>.date{flex-basis:80px;font-size:11px}.company-inbox #messagelist td.subject a{font-size:14px}.company-inbox #messagelist td.flags .attachment{position:absolute;inset-inline-end:90px;font-size:12px}.company-inbox #messagelist tbody tr{background:#f2f6fc}.company-inbox #messagelist tbody tr.unread{background:#fff}.company-shell #layout-list{border:0;border-radius:16px}.company-shell #layout-sidebar .folderlist li>a{height:32px;line-height:32px;font-size:13px;font-weight:400}.company-shell #layout-sidebar .folderlist li.selected>a{font-weight:700}.company-compose-area{padding:18px 8px 16px}.company-shell #layout-sidebar>.header{height:30px;min-height:30px;font-size:11px}.company-top-tools a{width:40px;height:40px}.company-menu-toggle{width:40px;height:40px;flex-basis:40px}}

/* The icon shows the mode the next click will activate. */
html.dark-mode .company-top-tools a.theme:before,body.dark-mode .company-top-tools a.theme:before,.dark-mode .company-top-tools a.theme:before{content:"light_mode"!important;color:#fdd663}.company-top-tools a.theme:before{content:"dark_mode"!important}

/* Folder readability and account placement, local preview only. */
.company-top-tools .company-account{width:36px;height:36px;border-radius:50%;background:#60463d;color:white;text-decoration:none!important;font:500 17px Arial,sans-serif;flex:0 0 36px;margin-inline-start:8px}.company-top-tools .company-account:before{display:none!important}.company-account img{width:100%;height:100%;object-fit:cover;border-radius:50%}.company-account span{display:block}.company-shell #layout-sidebar{overflow:visible!important}.company-shell #layout-sidebar>.header.company-folder-header{height:24px!important;min-height:24px!important;flex:0 0 24px!important;overflow:visible!important;padding:0 12px!important}.company-shell #layout-sidebar .folderlist{padding:0!important;margin:0!important}.company-shell #layout-sidebar .folderlist li{min-height:32px!important;border:0!important;margin:0!important}.company-shell #layout-sidebar .folderlist li>a{font-family:Arial,Tahoma,sans-serif!important;font-size:14px!important;height:32px!important;min-height:32px!important;line-height:32px!important;padding-top:0!important;padding-bottom:0!important;border:0!important;white-space:nowrap!important}.company-shell #layout-sidebar .folderlist li>a:before{font-size:20px!important;line-height:32px!important;top:0!important}.company-shell #layout-sidebar>.scroller{flex:1!important;min-height:0!important;padding-top:0!important}.company-shell #layout-sidebar .folderlist li.selected>a{border-radius:18px!important}.company-shell .company-compose-area{padding-bottom:12px!important}

.company-inbox #messagelist-header{justify-content:flex-start!important;direction:inherit}.company-inbox #messagelist-header .company-selection-tools{margin-inline-start:0!important;margin-inline-end:0!important}.company-inbox #messagelist-header #toolbar-list-menu{margin-inline-start:0!important}.company-inbox #messagelist-header>a.refresh{margin:0!important}.company-selection-tools{flex-shrink:0}#company-quick-settings{position:fixed;z-index:500;left:12px;top:70px;bottom:14px;width:310px;background:#fff;color:#344054;border:1px solid #e5eaf1;border-radius:16px;box-shadow:0 4px 20px #25354a26;padding:18px;overflow:auto;direction:inherit}#company-quick-settings header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}#company-quick-settings header button{border:0;background:transparent;font-size:25px;color:#555;cursor:pointer}#company-quick-settings section{border-top:1px solid #e6e9ef;padding:18px 0}#company-quick-settings h3{font-size:13px;font-weight:600;margin:0 0 14px}#company-quick-settings label{display:flex;align-items:center;gap:14px;padding:11px 4px;font-size:14px;cursor:pointer}#company-quick-settings input{accent-color:#0b57d0}.company-all-settings{display:block;border:1px solid #dde3ec;border-radius:22px;padding:10px;text-align:center;color:#0b57d0;font-size:13px;text-decoration:none}#company-quick-settings p{font-size:12px;color:#54705a}body[data-company-density=compact] #messagelist tr,body[data-company-density=compact] #messagelist td.subject,body[data-company-density=compact] #messagelist td.flags,body[data-company-density=compact] #messagelist td.selection{height:28px!important;min-height:28px!important}body[data-company-density=comfortable] #messagelist tr,body[data-company-density=comfortable] #messagelist td.subject,body[data-company-density=comfortable] #messagelist td.flags,body[data-company-density=comfortable] #messagelist td.selection{height:46px!important;min-height:46px!important}body[data-company-color=green] .folderlist li.selected>a{background:#ceead6!important}body[data-company-color=green] .company-compose-area a{background:#c4eed0!important}body[data-company-color=purple] .folderlist li.selected>a{background:#e8def8!important}body[data-company-color=purple] .company-compose-area a{background:#e8def8!important}@media(min-width:1100px){.company-inbox:has(#company-quick-settings) #layout{padding-left:334px!important}}@media(max-width:600px){#company-quick-settings{left:8px;right:8px;width:auto}}

.company-inbox #messagelist-header{position:relative!important}.company-inbox #messagelist-header #toolbar-list-menu{display:none!important}.company-inbox #messagelist-header .company-selection-tools{position:absolute!important;inset-inline-start:10px;top:6px}.company-inbox #messagelist-header>a.refresh{position:absolute!important;inset-inline-start:124px;top:5px;width:38px!important}.company-inbox #messagelist-header>a.refresh .inner{display:none!important}.company-inbox #messagelist-header #toolbar-menu{margin-inline-start:180px!important}

.company-inbox .company-top-navigation{position:absolute!important;inset-inline-end:12px;top:5px;bottom:auto!important;height:38px!important;min-height:38px!important;width:auto!important;border:0!important;background:transparent!important;display:flex!important;align-items:center;gap:8px;padding:0!important}.company-top-navigation .firstpage,.company-top-navigation .lastpage,.company-top-navigation input{display:none!important}.company-top-navigation .pagenav{display:flex;align-items:center;gap:8px}.company-top-navigation .count{font:12px Arial,Tahoma,sans-serif}.company-inbox #messagelist-header>.company-top-navigation a{width:32px!important}.company-inbox #messagelist-header #toolbar-menu{max-width:calc(100% - 400px)}
#company-quick-settings section label{position:relative;min-height:52px;border-bottom:1px solid #f1f3f4;padding:10px 4px}#company-quick-settings section label:has(input[name="quick-density"]):after{content:"";width:72px;height:34px;border:1px solid #dadce0;border-radius:4px;background:repeating-linear-gradient(to bottom,transparent 0 7px,#d7dce2 7px 10px,transparent 10px 15px);margin-inline-start:auto}#company-quick-settings section label:has(input[value="compact"]):after{background:repeating-linear-gradient(to bottom,transparent 0 4px,#d7dce2 4px 7px,transparent 7px 10px)}#company-quick-settings section label:has(input[value="comfortable"]):after{height:46px}#company-quick-settings section label:has(input[name="quick-color"]):after{content:"";width:44px;height:28px;border-radius:5px;margin-inline-start:auto;background:#c2e7ff}#company-quick-settings section label:has(input[value="green"]):after{background:#c4eed0}#company-quick-settings section label:has(input[value="purple"]):after{background:#e9d5ff}

.company-top-navigation{justify-content:flex-start!important;flex-direction:row!important}.company-top-navigation .pagenav{width:auto!important;flex:none!important}.company-top-navigation .count{min-width:0!important;flex:none!important;width:auto!important}.company-welcome{border:1px solid #e1e5eb;border-radius:9px;margin:12px 14px 16px;padding:16px;background:white;color:#202124}.company-welcome header{display:flex;align-items:center;justify-content:space-between;font-size:15px}.company-welcome header button{border:0;background:none;font:26px Arial;color:#5f6368;cursor:pointer}.company-welcome-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:18px}.company-welcome-actions>button{border:0;background:none;display:flex;align-items:center;gap:14px;text-align:start;font:13px Arial,Tahoma,sans-serif;color:#174ea6;cursor:pointer;min-height:56px}.company-welcome-actions .company-symbol{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#c4eed0;color:#174ea6;display:flex;align-items:center;justify-content:center;font-size:25px}.company-welcome-actions>button:nth-child(1) .company-symbol{background:#188038;color:#062e6f}.company-welcome-actions>button:nth-child(2) .company-symbol{background:#fce8e6;color:#4e211d}.company-welcome-actions>button:nth-child(4) .company-symbol{background:#fef0cf;color:#222}.company-welcome p{font:12px Arial,Tahoma,sans-serif;margin:8px 0 0}.company-welcome p:empty{display:none}.company-inbox:has(#company-quick-settings) .company-welcome-actions{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:768px){.company-welcome-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}

.company-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:52px;flex:0 0 52px;border-bottom:1px solid #e8eaed;background:#fff;direction:inherit}.company-categories a{display:flex;align-items:center;gap:14px;padding:0 15px;text-decoration:none;color:#5f6368;font:13px Arial,Tahoma,sans-serif;border-bottom:3px solid transparent}.company-categories a.active{border-bottom-color:#0b57d0;color:#0b57d0}.company-categories a:hover{background:#f1f3f4}.company-categories .company-symbol{font-size:20px}.company-categories .unreadcount{background:#188038;color:#fff;border-radius:10px;padding:1px 5px;font-size:10px}.company-categories+.scroller{flex:1;min-height:0}@media(max-width:768px){.company-categories{overflow-x:auto;grid-template-columns:repeat(4,minmax(140px,1fr))}}

@font-face{font-family:CompanyMaterial;src:url(/mailbox/static.php/plugins/company_ui/material-icons.woff2?v=compact-3) format("woff2");font-weight:100 900;font-style:normal;font-display:block}

.company-inbox #messagelist-header>a.refresh{inset-inline-start:76px!important}.company-inbox .company-selection-tools>button:last-of-type{position:absolute;inset-inline-start:116px;top:0}

/* Full preferences retain the native forms, save handlers and settings sections. */
.company-full-settings #layout{display:block!important;padding:0 16px 14px!important;left:0!important;right:0!important;width:100%!important;top:64px!important;height:calc(100% - 64px)!important}.company-full-settings #layout>#layout-menu,.company-full-settings #layout>#layout-sidebar,.company-full-settings #layout>#layout-list,.company-full-settings #layout>.ui-resizable-handle{display:none!important}#company-settings-page{height:100%;min-height:0;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;margin:0 auto;max-width:1500px}#company-settings-page>h1{font:400 20px Arial,Tahoma,sans-serif;text-align:start;margin:20px 22px 8px}.company-settings-tabs,.company-preferences-tabs{flex:none;border-bottom:1px solid #e8eaed;padding:0 18px;overflow:auto}.company-settings-tabs #settings-menu{display:flex!important;flex-direction:row!important;gap:20px;margin:0;padding:0;list-style:none}.company-settings-tabs #settings-menu li{display:block;flex:none;border:0!important}.company-settings-tabs #settings-menu a{height:44px!important;line-height:44px!important;padding:0 5px!important;font:13px Arial,Tahoma,sans-serif!important;display:flex;align-items:center;color:#5f6368;text-decoration:none;border-bottom:3px solid transparent}.company-settings-tabs #settings-menu a:before{display:none!important}.company-settings-tabs #settings-menu li.selected a,.company-settings-tabs #settings-menu a.selected{color:#0b57d0;border-bottom-color:#0b57d0}.company-preferences-tabs #sections-table,.company-preferences-tabs #sections-table tbody{display:flex!important;flex-direction:row!important;width:auto!important;margin:0!important}.company-preferences-tabs #sections-table tr{display:flex!important;flex:none!important;border:0!important;height:44px!important;background:transparent!important}.company-preferences-tabs #sections-table td{display:flex;align-items:center;white-space:nowrap;padding:0 12px!important;font:13px Arial,Tahoma,sans-serif!important;color:#5f6368;border-bottom:3px solid transparent!important}.company-preferences-tabs #sections-table td:before{display:none!important}.company-preferences-tabs #sections-table tr.company-active-preference td{color:#0b57d0;border-bottom-color:#0b57d0!important}#company-settings-page>#layout-content{display:flex!important;position:relative!important;inset:auto!important;width:100%!important;flex:1!important;min-height:0!important;border:0!important;box-shadow:none!important;border-radius:0!important}#company-settings-page>#layout-content>.header{display:none!important}#company-settings-page iframe{width:100%!important;height:100%!important;flex:1;border:0}.company-settings-frame #layout{position:static!important;display:block!important;top:0!important;height:100%!important;padding:0!important;margin:0!important}.company-settings-frame #layout-content{width:100%!important;min-width:0!important;margin:0!important;border:0!important;border-radius:0!important}.company-settings-frame #layout-content>.header{display:none!important}.company-settings-frame .formcontent{padding:12px 22px!important}.company-settings-frame fieldset{border:0!important;border-bottom:1px solid #e8eaed!important;padding:14px 0!important}.company-settings-frame legend{font:600 14px Arial,Tahoma,sans-serif!important}.company-settings-frame table.propform{width:100%!important}.company-settings-frame table.propform td.title{width:240px!important;font:600 13px Arial,Tahoma,sans-serif!important;text-align:start!important;vertical-align:top!important;padding:16px 12px!important}.company-settings-frame table.propform td{padding:16px 12px!important;font:13px Arial,Tahoma,sans-serif!important;border-bottom:1px solid #edf0f3!important}.company-settings-frame .footer{border-top:1px solid #e8eaed!important;background:white!important;text-align:center!important}.company-settings-frame select{max-width:380px!important}.company-full-settings #company-topbar{height:64px!important}.company-full-settings #company-topbar .company-top-tools{margin-inline-start:auto}@media(max-width:600px){.company-full-settings #layout{padding:0 6px 6px!important}.company-settings-frame table.propform td.title{width:35%!important;padding:12px 6px!important}.company-settings-frame table.propform td{padding:12px 6px!important}}

body.company-settings-frame{height:100vh!important;display:flex!important;flex-direction:column!important;background:white!important;overflow:hidden!important;padding:0!important}.company-settings-frame>.formcontent{flex:1!important;min-height:0!important;overflow:auto!important;background:white!important}.company-settings-frame>.formbuttons{position:static!important;flex:0 0 auto!important;padding:14px!important;background:white!important;border-top:1px solid #e8eaed!important;text-align:center!important;display:block!important}.company-settings-frame .formbuttons button{min-width:100px!important}.company-settings-frame .formcontent .propform{max-width:none!important;width:100%!important}.company-settings-frame .formcontent .propform .row{border-bottom:1px solid #e8eaed;margin:0!important;padding:14px 0!important}.company-settings-frame .formcontent .propform .col-form-label{font:600 13px Arial,Tahoma,sans-serif!important;text-align:start!important}.company-settings-frame .formcontent .propform .form-control{font:13px Arial,Tahoma,sans-serif!important;border-radius:3px!important;height:32px!important;max-width:380px!important}

.company-settings-frame table.propform td:not(.title){text-align:start!important;width:auto!important}.company-settings-frame table.propform td.title{width:240px!important;min-width:180px!important}.company-settings-frame table.propform select{display:inline-block!important;margin:0!important;width:340px!important;max-width:100%!important}.company-settings-frame table.propform td{padding-top:10px!important;padding-bottom:10px!important}

.company-preferences-tabs #sections-table tr:not(.company-active-preference),.company-preferences-tabs #sections-table tr:not(.company-active-preference) td{background:transparent!important;color:#5f6368!important;border-bottom-color:transparent!important}.company-preferences-tabs #sections-table tr.company-active-preference td{background:#e8f0fe!important;color:#0b57d0!important;border-bottom-color:#0b57d0!important}

/* Sidebar headings must keep their own space in every application task. */
.company-shell #layout-sidebar>.header{box-sizing:border-box!important;position:relative!important;flex:0 0 auto!important;height:auto!important;min-height:48px!important;line-height:24px!important;padding:12px 16px!important;overflow:visible!important;white-space:normal!important;display:flex!important;align-items:center!important;gap:10px!important}
.company-shell #layout-sidebar>.header .boxtitle{display:block!important;flex:1!important;min-width:0!important;white-space:normal!important;line-height:24px!important;margin:0!important;padding:0!important}
.company-shell #layout-sidebar>.scroller{min-height:0!important;flex:1!important}
html[lang^="ar"] .company-shell #layout-sidebar>.header{direction:rtl!important;text-align:right!important}
html[lang^="ar"] .company-shell #layout-sidebar .listing li,html[lang^="ar"] .company-shell #layout-sidebar .treelist li{position:relative!important;direction:rtl!important;text-align:right!important}
html[lang^="ar"] .company-shell #layout-sidebar .listing li>a,html[lang^="ar"] .company-shell #layout-sidebar .treelist li>a{position:relative!important;direction:rtl!important;text-align:right!important;padding-right:42px!important;padding-left:16px!important;min-height:36px!important;line-height:36px!important;white-space:normal!important;height:auto!important}
html[lang^="ar"] .company-shell #layout-sidebar .listing li>a:before,html[lang^="ar"] .company-shell #layout-sidebar .treelist li>a:before{position:absolute!important;right:14px!important;left:auto!important;float:none!important;margin:0!important;top:0!important;line-height:36px!important}
.company-shell #layout-sidebar>.header.company-folder-header{min-height:32px!important;height:32px!important;flex-basis:32px!important;padding:4px 12px!important}

/* A maximized composer is a writing surface with native mail actions. */
body:has(.company-composer.maximized):before{content:"";position:fixed;inset:0;background:#0007;z-index:200}
.company-composer{z-index:250!important}.company-composer.maximized{inset:30px 7vw!important;width:auto!important;height:auto!important;border-radius:8px!important;box-shadow:0 12px 40px #0005!important}.company-composer-bar{height:40px!important;min-height:40px!important;padding:0 14px!important;background:#f2f6fc!important}.company-composer-bar strong{font-size:13px!important;font-weight:500!important}
.company-compose-frame #layout{padding:0!important;display:flex!important;gap:0!important;height:100vh!important}.company-compose-frame #layout-sidebar,.company-compose-frame #layout-menu{display:none!important}.company-compose-frame #layout-content{display:flex!important;flex-direction:column!important;flex:1!important;width:100%!important;min-width:0!important;border:0!important;margin:0!important;border-radius:0!important}.company-compose-frame #compose-content{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:0 16px!important;overflow:auto!important}.company-compose-frame #compose-content>form{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;padding:0!important}.company-compose-frame #compose-headers{flex:none;padding:0!important}.company-compose-frame #compose-headers .form-group{margin:0!important;border-bottom:1px solid #e8eaed;padding:5px 0!important;align-items:center}.company-compose-frame #compose-headers .col-form-label{flex:0 0 55px;max-width:55px;font-size:13px;padding:5px 0!important}.company-compose-frame #compose-headers .col-10{flex:1;max-width:none;padding:0!important;min-width:0}.company-compose-frame #compose-headers input,.company-compose-frame #compose-headers select,.company-compose-frame #compose-headers .recipient-input{border:0!important;box-shadow:none!important;background:white!important;font-size:13px!important;min-height:32px!important}.company-compose-frame #composebodycontainer{display:flex!important;flex-direction:column!important;flex:1!important;min-height:180px!important;margin:0!important}.company-compose-frame #composebody{flex:1!important;height:100%!important;min-height:180px!important;border:0!important;box-shadow:none!important;resize:none!important;padding:12px 0!important}.company-compose-frame .company-compose-footer{flex:none!important;min-height:56px!important;height:auto!important;border:0!important;background:white!important;padding:8px 16px!important}.company-compose-frame .company-compose-footer .toolbar{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px}.company-compose-frame .company-compose-footer a.send{background:#0b57d0!important;color:white!important;border-radius:22px!important;padding:8px 20px!important;min-width:96px!important}.company-compose-frame #compose-attachments:has(.attachmentslist:empty){padding:0!important;border:0!important}.company-compose-frame #compose-attachments .upload-form{display:none!important}.company-compose-frame .tox-tinymce{flex:1!important;height:auto!important;min-height:180px!important;border:0!important;display:flex!important;flex-direction:column!important}.company-compose-frame .tox-editor-container{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important}.company-compose-frame .tox-editor-header{order:2!important;border-radius:22px!important;background:#f3f6fb!important;margin:8px 0!important;box-shadow:none!important}.company-compose-frame .tox-sidebar-wrap{order:1!important;flex:1!important}.company-compose-frame .tox-statusbar{display:none!important}@media(max-width:768px){.company-composer.maximized{inset:8px!important}.company-compose-frame #composebody{height:100%!important}.company-compose-frame #compose-content{padding:0 10px!important}}

.company-compose-frame .company-compose-footer{display:flex!important;align-items:center!important;gap:12px!important;direction:rtl!important}.company-compose-frame .company-compose-footer>.formbuttons{display:flex!important;flex:none!important;padding:0!important;margin:0!important;border:0!important}.company-compose-frame .company-compose-footer>.formbuttons .float-right,.company-compose-frame .company-compose-footer .buttons{display:none!important}.company-compose-frame .company-compose-footer button.send{background:#0b57d0!important;color:white!important;border-radius:22px!important;min-width:96px!important;border:0!important;height:38px!important}.company-compose-frame .company-compose-footer .toolbar{flex:1!important;direction:rtl!important}.company-compose-frame #compose-attachments{flex:none!important;min-height:0!important;max-height:80px!important;height:auto!important;background:white!important}.company-compose-frame #compose-attachments:has(#attachment-list:empty){display:none!important}.company-compose-frame #compose-attachments:before,.company-compose-frame #compose-attachments:after{display:none!important}.company-compose-frame #compose_from{display:none!important}.company-compose-frame #composebodycontainer>.editor-toolbar{order:2!important;flex:none!important;margin-top:auto!important;background:#f2f6fc!important}.company-compose-frame #compose-content>form{overflow:visible!important}.company-compose-frame .tox-tinymce{width:100%!important}

.company-compose-frame #layout,.company-compose-frame #compose-content,.company-compose-frame #compose-content>form,.company-compose-frame #composebodycontainer{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}.company-compose-frame #compose_to{position:relative!important;padding-inline-end:120px!important}.company-compose-frame #compose_to .input-group-append{display:none!important}.company-copy-fields{position:absolute;inset-inline-end:0;top:5px;display:flex;gap:9px}.company-copy-fields button{background:none;border:0;padding:4px 0;color:#5f6368;font:12px Arial,Tahoma,sans-serif;cursor:pointer}.company-compose-frame #compose-headers .form-group{min-height:40px!important;padding-top:0!important;padding-bottom:0!important}.company-compose-frame .tox-tinymce,.company-compose-frame .tox-sidebar-wrap,.company-compose-frame .tox-edit-area{border:0!important;box-shadow:none!important}.company-compose-frame .tox-toolbar__primary,.company-compose-frame .tox-toolbar-overlord{background:#f3f6fb!important;border-radius:22px!important}.company-compose-frame .company-compose-footer .toolbar a{width:36px!important;height:36px!important;padding:6px!important;display:flex!important;align-items:center;justify-content:center}.company-compose-frame .company-compose-footer .toolbar a .inner{display:none!important}.company-compose-frame .company-compose-footer .toolbar a:before{font-size:20px!important}.company-compose-frame .company-compose-footer button.send:before{display:none!important}.company-compose-frame .company-compose-footer button.send{font:14px Arial,Tahoma,sans-serif!important;box-shadow:none!important}.company-compose-frame .tox-editor-header{align-self:flex-end!important;width:auto!important;max-width:100%!important}.company-compose-frame .tox-toolbar__group{border:0!important;padding:0 2px!important}.company-compose-frame .company-compose-footer .toolbar li{border:0!important}

.company-compose-frame .tox-tbtn[aria-label="جدول"],.company-compose-frame .tox-tbtn[aria-label="رمز"],.company-compose-frame .tox-tbtn[aria-label="إدراج/تحرير الوسائط المتعددة"],.company-compose-frame .tox-tbtn[aria-label="حذف الرابط"],.company-compose-frame .tox-tbtn[aria-label="من اليسار لليمين"],.company-compose-frame .tox-tbtn[aria-label="من اليمين لليسار"],.company-compose-frame .tox-tbtn[aria-label="شفرة المصدر"],.company-compose-frame .tox-tbtn[aria-label="بحث واستبدال"]{display:none!important}.company-compose-frame .tox-tbtn{height:30px!important;width:30px!important}.company-compose-frame .tox-tbtn--select{width:auto!important}.company-compose-frame #compose_cc .input-group-append a.add,.company-compose-frame #compose_bcc .input-group-append a.add{display:none!important}

html[lang^="ar"] .company-shell .folderlist li.sent>a:before{transform:scaleX(-1)!important}
#mailboxlist:not(.company-folders-more-open) .company-extra-folder{display:none!important}.company-folders-more>button{display:flex;align-items:center;gap:16px;width:100%;border:0;background:transparent;text-align:start;direction:inherit;padding:0 14px;height:32px;font:14px Arial,Tahoma,sans-serif;color:#3c4043;cursor:pointer}.company-folders-more>button:hover{background:#e8eaed;border-radius:18px}.company-folders-collapsed .company-folders-more>button>span:last-child{display:none}
body.company-shell[data-company-color=blue]{--company-surface:#f6f8fc;--company-selection:#d3e3fd;--company-button:#c2e7ff;--company-accent:#0b57d0}body.company-shell[data-company-color=green]{--company-surface:#f0f8f2;--company-selection:#ceead6;--company-button:#c4eed0;--company-accent:#188038}body.company-shell[data-company-color=purple]{--company-surface:#f7f2fc;--company-selection:#e8def8;--company-button:#e9d5ff;--company-accent:#7954a6}body.company-shell[data-company-color]{background:var(--company-surface)!important}body.company-shell[data-company-color] #company-topbar,body.company-shell[data-company-color] #layout-sidebar{background:var(--company-surface)!important}body.company-shell[data-company-color] .folderlist li.selected>a{background:var(--company-selection)!important}body.company-shell[data-company-color] .company-compose-area a{background:var(--company-button)!important}body.company-shell[data-company-color] .company-categories a.active{color:var(--company-accent)!important;border-bottom-color:var(--company-accent)!important}body.company-shell[data-company-color] input[type=radio]{accent-color:var(--company-accent)!important}
body.company-shell[data-company-density=compact] #layout-sidebar .folderlist li>a,body.company-shell[data-company-density=compact] #layout-sidebar .folderlist li,body.company-shell[data-company-density=compact] .company-folders-more>button{min-height:28px!important;height:28px!important;line-height:28px!important}body.company-shell[data-company-density=comfortable] #layout-sidebar .folderlist li>a,body.company-shell[data-company-density=comfortable] #layout-sidebar .folderlist li,body.company-shell[data-company-density=comfortable] .company-folders-more>button{min-height:40px!important;height:40px!important;line-height:40px!important}body.company-shell[data-company-density=normal] #layout-sidebar .folderlist li>a,body.company-shell[data-company-density=normal] #layout-sidebar .folderlist li{height:32px!important;min-height:32px!important;line-height:32px!important}body.company-shell[data-company-density=compact] #layout-sidebar .folderlist li>a:before{line-height:28px!important}body.company-shell[data-company-density=comfortable] #layout-sidebar .folderlist li>a:before{line-height:40px!important}

/* Match the reference density across compose, folders and message rows. */
body.company-shell[data-company-density=compact] .company-compose-area a{height:40px!important;min-height:40px!important;border-radius:14px!important}body.company-shell[data-company-density=compact] .company-compose-area{padding-top:14px!important;padding-bottom:8px!important}
body.company-shell[data-company-density=compact] #layout-sidebar .folderlist li>a,body.company-shell[data-company-density=compact] #layout-sidebar .folderlist li,body.company-shell[data-company-density=compact] .company-folders-more>button{height:24px!important;min-height:24px!important;line-height:24px!important}body.company-shell[data-company-density=compact] #layout-sidebar .folderlist li>a:before{line-height:24px!important;font-size:18px!important}body.company-shell[data-company-density=compact] .company-folders-more .company-symbol{font-size:18px!important}
.company-folder-management a{display:flex!important;align-items:center;gap:16px}.company-folder-management a:before{display:none!important}.company-folder-management .company-symbol{font-size:20px;width:20px;flex:none}.company-folders-more>button .company-symbol{width:20px;flex:none}body.company-shell[data-company-density=compact] #messagelist tr,body.company-shell[data-company-density=compact] #messagelist td.subject,body.company-shell[data-company-density=compact] #messagelist td.flags,body.company-shell[data-company-density=compact] #messagelist td.selection{height:28px!important;min-height:28px!important}

.company-settings-workspace{display:flex;flex:1;min-height:0;gap:12px;padding:12px}.company-settings-workspace>#layout-list{display:flex!important;flex-direction:column;width:280px!important;min-width:240px;position:static!important;border:1px solid #e8eaed!important;border-radius:8px!important}.company-settings-workspace>#layout-content{position:static!important;display:flex!important;flex-direction:column;flex:1;min-width:0!important;width:auto!important}.company-settings-workspace>#layout-content>.header{display:flex!important}.company-folder-management a{padding-right:14px!important;padding-left:14px!important}@media(max-width:768px){.company-settings-workspace{overflow:auto}.company-settings-workspace>#layout-list{min-width:200px!important}}

.company-category-icon{width:20px;height:20px;flex:0 0 20px;fill:currentColor;color:#444746}.company-categories a{gap:16px!important;padding-inline:16px!important;color:#444746!important}.company-categories a.active{color:#0b57d0!important;border-bottom-color:#0b57d0!important}.company-categories a.active .company-category-icon{color:#0b57d0}.company-categories a:not(.active) .company-category-icon[data-icon=inbox]{fill:none;stroke:currentColor;stroke-width:1.5}.company-categories{height:56px!important;flex-basis:56px!important}.company-categories a{border-bottom-width:3px!important}

/* Colored category icons and a regular-weight refresh symbol. */
.company-categories .company-category-icon[data-icon=inbox]{color:#0b57d0!important}.company-categories .company-category-icon[data-icon=sell]{color:#188038!important}.company-categories .company-category-icon[data-icon=group]{color:#9334e6!important}.company-categories .company-category-icon[data-icon=info]{color:#ea8600!important}.company-categories a.active .company-category-icon{color:#0b57d0!important}
.company-inbox #messagelist-header>a.refresh:before{font-family:CompanyMaterial!important;content:"sync"!important;font-weight:400!important;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24!important;font-size:22px!important;-webkit-text-stroke:0!important}

.company-selection-summary{flex:none;display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 14px;background:#f1f3f4;color:#5f6368;font:13px Arial,Tahoma,sans-serif;text-align:center}.company-selection-summary[hidden]{display:none!important}.company-selection-summary button{border:0;background:none;color:#0b57d0;padding:0;font:inherit;cursor:pointer}.company-selection-summary button:hover{text-decoration:underline}

.company-import-overlay{position:fixed;inset:0;z-index:800;background:#0006;display:flex;align-items:center;justify-content:center;padding:20px}.company-import-overlay>section{background:white;color:#202124;border-radius:12px;width:560px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 8px 36px #0004}.company-import-overlay header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e8eaed;font:15px Arial,Tahoma,sans-serif}.company-import-overlay header button{background:none;border:0;font-size:24px;color:#5f6368;cursor:pointer}.company-import-body{padding:20px 22px;font:14px Arial,Tahoma,sans-serif}.company-import-body h2{font-size:17px;margin:18px 0}.company-import-choice{display:flex;align-items:center;gap:15px;width:100%;border:1px solid #dadce0;background:white;padding:14px 16px;border-radius:8px;margin:12px 0;text-align:start;color:#202124;font:14px Arial,Tahoma,sans-serif;cursor:pointer}.company-import-choice:hover{background:#f3f6fc;border-color:#b3c7e8}.company-provider-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;font:700 23px Arial,sans-serif;color:#0b57d0;background:#e8f0fe}.company-provider-icon.gmail{color:#ea4335;background:#fce8e6}.company-provider-icon.outlook{color:#0078d4;background:#e7f3ff}.company-import-back{background:none;border:0;color:#0b57d0;padding:0;cursor:pointer;font:14px Arial,Tahoma,sans-serif}.company-import-availability{line-height:1.8;background:#f8f9fa;padding:14px;border-radius:8px}.company-import-body iframe{width:100%;height:390px;border:1px solid #e8eaed;border-radius:8px}.company-import-frame #layout-menu,.company-import-frame #layout-sidebar,.company-import-frame #layout-list{display:none!important}.company-import-frame #layout{padding:0!important;height:100vh!important;top:0!important}.company-import-frame #layout-content{display:flex!important;width:100%!important;min-width:0!important;flex:1!important;border:0!important}.company-import-frame #layout-content>.header{display:none!important}

#company-app-rail{position:fixed;left:0;top:70px;bottom:45px;width:56px;z-index:110;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:12px;background:#f6f8fc}#company-app-rail button,.company-app-toggle{border:0;background:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#444746}#company-app-rail button:hover,.company-app-toggle:hover{background:#e3e7ef}#company-app-rail .company-symbol{font-size:23px}#company-app-rail .calendar{color:#4285f4}#company-app-rail .notes{color:#fbbc04}#company-app-rail .tasks{color:#4285f4}#company-app-rail .contacts{color:#1a73e8}#company-app-rail hr{width:24px;border:0;border-top:1px solid #dadce0;margin:4px 0}.company-app-toggle{position:fixed;left:8px;bottom:10px;z-index:115}.company-apps-hidden #company-app-rail{display:none}.company-app-panel{position:fixed;left:56px;top:70px;bottom:14px;width:320px;z-index:120;background:white;border:1px solid #e8eaed;border-radius:12px;display:flex;flex-direction:column;color:#202124;box-shadow:0 3px 10px #0001}.company-app-panel header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e8eaed;font:14px Arial,Tahoma,sans-serif}.company-app-panel header button{border:0;background:none;font-size:24px;color:#5f6368;cursor:pointer}.company-app-panel iframe{border:0;flex:1;width:100%;min-height:0}.company-app-content{padding:16px;overflow:auto;font:14px Arial,Tahoma,sans-serif}.company-app-content form{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.company-app-content input:not([type=checkbox]){border:1px solid #dadce0;border-radius:6px;padding:10px;font:14px Arial,Tahoma,sans-serif}.company-app-content form button{border:0;background:#e8f0fe;color:#0b57d0;border-radius:20px;padding:9px;cursor:pointer}.company-app-entry{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid #eee;padding:12px 0;line-height:1.6;overflow-wrap:anywhere}.company-app-entry span{flex:1}.company-app-content p[role=status]{font-size:12px;color:#188038}.company-side-frame #layout-menu{display:none!important}.company-side-frame #layout{padding:0!important;top:0!important;height:100vh!important}.company-side-frame #layout-list{min-width:0!important}.company-has-app-rail #company-quick-settings{left:64px}
@media(min-width:769px){.company-has-app-rail #layout{padding-left:64px!important}.company-has-app-rail.company-apps-hidden #layout{padding-left:12px!important}.company-has-app-rail:has(.company-app-panel) #layout{padding-left:388px!important}.company-has-app-rail:has(#company-quick-settings) #layout{padding-left:386px!important}}@media(max-width:768px){#company-app-rail{width:44px}.company-app-panel{left:44px;right:6px;width:auto}.company-has-app-rail #layout{padding-left:44px!important}}

#company-topbar .searchbar a.options:before{font-family:CompanyMaterial!important;content:"tune"!important;font-size:23px!important;font-weight:400!important;font-variation-settings:"wght" 300!important}#company-topbar .searchbar a.unread{display:none!important}#searchmenu{position:fixed!important;z-index:450!important;max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 90px)!important;height:auto!important;margin:0!important;border:1px solid #dadce0!important;background:white!important;box-shadow:0 3px 10px #0003!important;border-radius:3px!important;overflow:auto!important;padding:20px 24px!important}#searchmenu.hidden{display:none!important}#searchmenu .formcontent{padding:0!important}#searchmenu .formbuttons{padding:14px 0 0!important;background:white!important;border:0!important;text-align:start!important}#searchmenu .formbuttons button{width:auto!important;min-width:76px!important;border-radius:22px!important;height:38px!important}#searchmenu .proplist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;padding:0!important;margin-bottom:20px!important}#searchmenu .proplist li{margin:0!important;padding:0!important;list-style:none}#searchmenu table{width:100%!important}#searchmenu td{padding:8px!important;background:white!important;border-bottom:1px solid #dadce0!important}#searchmenu select{border:0!important;border-bottom:1px solid #9aa0a6!important;border-radius:0!important;background:white!important;box-shadow:none!important;font-size:13px!important}#searchmenu .custom-switch{padding-top:2px!important;padding-bottom:2px!important}

/* Give both search icons equal breathing room inside the rounded bar. */
#company-topbar .searchbar{position:relative!important;padding-inline:12px!important;box-sizing:border-box!important;overflow:hidden!important}#company-topbar .searchbar a.options{margin-inline:4px!important;flex:0 0 36px!important;width:36px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}#company-topbar .searchbar a.search{inset-inline-start:12px!important;width:36px!important;padding:0!important}#company-topbar .searchbar .input-group{padding-inline:6px!important;min-width:0!important}#company-topbar .searchbar input{padding-inline-start:36px!important;padding-inline-end:12px!important}#company-topbar .searchbar .input-group-text{padding-inline:8px!important}

.company-inbox #messagelist tr{position:relative!important}.company-inbox #messagelist td.subject{padding-inline:12px!important;gap:14px!important}.company-inbox #messagelist td.subject>.fromto{flex-basis:170px!important}.company-inbox #messagelist td.subject>span.subject{line-height:22px!important}.company-inbox #messagelist tr:hover{box-shadow:inset 0 1px 0 #dadce0,inset 0 -1px 0 #dadce0,0 1px 3px #3c404326!important;z-index:1}.company-row-actions{display:none;position:absolute;inset-inline-end:6px;top:0;bottom:0;align-items:center;gap:4px;background:#f2f6fc;padding:0 6px;z-index:2}.company-inbox #messagelist tr:hover .company-row-actions,.company-row-actions:focus-within{display:flex}.company-inbox #messagelist tr.unread .company-row-actions{background:white}.company-inbox #messagelist tr.selected .company-row-actions{background:#d3e3fd}.company-row-actions button{display:flex;align-items:center;justify-content:center;border:0;background:none;color:#5f6368;width:32px;height:32px;border-radius:50%;cursor:pointer}.company-row-actions button:hover{background:#dfe4ea}.company-row-actions .company-symbol{font-size:20px;font-weight:400}body.company-shell[data-company-density=normal] #messagelist tr,body.company-shell[data-company-density=normal] #messagelist td.subject,body.company-shell[data-company-density=normal] #messagelist td.flags,body.company-shell[data-company-density=normal] #messagelist td.selection{height:40px!important;min-height:40px!important}body.company-shell[data-company-density=comfortable] #messagelist tr,body.company-shell[data-company-density=comfortable] #messagelist td.subject,body.company-shell[data-company-density=comfortable] #messagelist td.flags,body.company-shell[data-company-density=comfortable] #messagelist td.selection{height:48px!important;min-height:48px!important}body.company-shell[data-company-density=compact] #messagelist tr,body.company-shell[data-company-density=compact] #messagelist td.subject,body.company-shell[data-company-density=compact] #messagelist td.flags,body.company-shell[data-company-density=compact] #messagelist td.selection{height:32px!important;min-height:32px!important}

/* Row hover actions occupy the date edge in the Arabic mail grid. */
body.company-inbox #messagelist .company-row-actions{inset-inline-end:auto!important;inset-inline-start:auto!important;left:6px!important;right:auto!important;direction:rtl!important}

body.company-inbox #messagelist td.subject>span.company-row-actions{position:absolute!important;left:6px!important;right:auto!important;top:0!important;bottom:0!important;display:none!important;width:auto!important;flex:none!important}
body.company-inbox #messagelist tr:hover td.subject>span.company-row-actions,body.company-inbox #messagelist td.subject>span.company-row-actions:focus-within{display:flex!important}

/* Keep pagination arrows together, then the compact range counter. */
body.company-inbox #messagelist-header>.company-top-navigation{direction:ltr!important;gap:8px!important;justify-content:flex-start!important}
.company-top-navigation .prevpage{order:0!important}.company-top-navigation .nextpage{order:1!important}
.company-top-navigation .pagenav-text{order:2!important;flex:0 0 auto!important;width:auto!important;margin:0 12px!important;padding:0!important;font:13px Arial,Tahoma,sans-serif!important;color:#5f6368!important;direction:rtl!important}
body.company-inbox #messagelist-header>.company-top-navigation a{flex:0 0 32px!important;width:32px!important;height:32px!important;padding:4px!important;margin:0!important}
.company-top-navigation .prevpage:before,.company-top-navigation .nextpage:before{font-family:CompanyMaterial!important;font-weight:400!important;font-size:24px!important;font-variation-settings:"wght" 300!important;transform:none!important}
.company-top-navigation .prevpage:before{content:"chevron_left"!important}.company-top-navigation .nextpage:before{content:"chevron_right"!important}
body.company-inbox #messagelist-header>.company-top-navigation{inset-inline-end:auto!important;inset-inline-start:12px!important;left:12px!important;right:auto!important}

/* A two-line wordmark with its own small mail accent. */
body.company-shell #company-topbar .company-brand{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:0!important;width:184px!important;flex:0 0 184px!important;padding:0 12px!important;box-sizing:border-box!important;direction:ltr!important;line-height:1!important}
body.company-shell #company-topbar .company-brand strong{font-family:Arial,Tahoma,sans-serif!important;font-size:25px!important;letter-spacing:-.8px!important;line-height:28px!important;white-space:nowrap!important;color:#087eaf!important;font-weight:800!important}
body.company-shell #company-topbar .company-brand>span{display:flex!important;align-items:center!important;gap:5px!important;font:600 12px/14px Arial,sans-serif!important;letter-spacing:1.2px!important;color:#d64c45!important;text-transform:none!important;margin-right:1px!important}
body.company-shell #company-topbar .company-brand>span:before{content:"";display:block;width:17px;height:2px;border-radius:2px;background:#087eaf;transform:skewX(-25deg)}
@media(max-width:768px){body.company-shell #company-topbar .company-brand{width:164px!important;flex-basis:164px!important;padding-inline:8px!important}body.company-shell #company-topbar .company-brand strong{font-size:22px!important}}

/* Give Mail a readable signature, led by an oversized M. */
body.company-shell #company-topbar .company-brand>span{display:block!important;font:600 17px/19px Arial,sans-serif!important;letter-spacing:.4px!important;margin-top:-1px!important;color:#d64c45!important}
body.company-shell #company-topbar .company-brand>span:before{display:none!important}
body.company-shell #company-topbar .company-brand>span:first-letter{font-size:24px!important;font-weight:800!important;color:#087eaf!important}

body.company-shell #company-topbar .company-brand>span{color:#e0443e!important}
body.company-shell #company-topbar .company-brand>span:first-letter{color:#e0443e!important;-webkit-text-stroke:.7px #087eaf;text-shadow:1px 1px 0 #087eaf}

body.company-shell #company-topbar .company-brand>span{display:flex!important;align-items:baseline!important;gap:0!important;margin-top:1px!important;font:600 18px/20px Arial,sans-serif!important;letter-spacing:0!important}
body.company-shell #company-topbar .company-brand>span:first-letter{font-size:inherit!important;-webkit-text-stroke:0!important;text-shadow:none!important}
body.company-shell #company-topbar .company-brand .company-mail-initial{font:800 24px/22px Arial,sans-serif!important;background:linear-gradient(90deg,#087eaf 0 45%,#e0443e 45% 100%);background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-stroke:0!important;text-shadow:none!important;letter-spacing:-1px!important}
body.company-shell #company-topbar .company-brand .company-mail-rest{font:600 18px/20px Arial,sans-serif!important;color:#e0443e!important;letter-spacing:0!important}
body.company-inbox #messagelist tr:focus-within td.subject>span.company-row-actions{display:flex!important}

body.company-inbox #messagelist-header>.company-top-navigation{align-items:center!important}
body.company-inbox #messagelist-header>.company-top-navigation .pagenav-text{display:flex!important;align-items:center!important;height:32px!important;line-height:32px!important;align-self:center!important;position:static!important;top:auto!important;bottom:auto!important}
body.company-inbox #messagelist-header>.company-top-navigation a.prevpage,body.company-inbox #messagelist-header>.company-top-navigation a.nextpage{display:flex!important;align-items:center!important;justify-content:center!important;line-height:24px!important}
body.company-inbox #messagelist-header>.company-top-navigation a.prevpage:before,body.company-inbox #messagelist-header>.company-top-navigation a.nextpage:before{display:block!important;height:24px!important;line-height:24px!important;margin:0!important;padding:0!important;position:static!important}

body.company-shell #company-topbar .company-brand .company-mail-rest{display:inline!important}

html.dark-mode body.company-shell,html.dark-mode .company-shell #company-topbar,html.dark-mode .company-shell #layout-sidebar,html.dark-mode #company-app-rail{background:#161b22!important;color:#e6edf3!important}
html.dark-mode #company-topbar .searchbar{background:#303943!important;color:#e6edf3!important}html.dark-mode #company-topbar input{color:#e6edf3!important}
html.dark-mode .company-shell #layout-list,html.dark-mode .company-categories,html.dark-mode .company-welcome,html.dark-mode #company-quick-settings,html.dark-mode .company-app-panel{background:#202832!important;color:#e6edf3!important;border-color:#39434f!important}
html.dark-mode .company-shell .folderlist a,html.dark-mode .company-top-tools a,html.dark-mode .company-folders-more button,html.dark-mode .company-categories a,html.dark-mode .company-welcome-actions button{color:#c4d7ed!important}
html.dark-mode .company-shell .folderlist li.selected>a,html.dark-mode .company-inbox #messagelist tr.selected{background:#364d6b!important}
html.dark-mode .company-inbox #messagelist tr,html.dark-mode .company-row-actions{background:#27313f!important;color:#e6edf3!important}html.dark-mode .company-inbox #messagelist tr.unread{background:#202832!important}html.dark-mode .company-inbox #messagelist tr.selected .company-row-actions{background:#364d6b!important}html.dark-mode .company-inbox #messagelist td,html.dark-mode .company-inbox #messagelist td a,html.dark-mode .company-row-actions button,html.dark-mode .company-top-navigation .pagenav-text{color:#e6edf3!important}

/* Dark surfaces for dialogs, forms, menus and compose frames. */
html.dark-mode body{color-scheme:dark;background:#161b22!important;color:#e6edf3!important}
html.dark-mode .company-compose-area a{background:#294766!important;color:#d9eaff!important}
html.dark-mode .company-categories a.active{color:#8ab4f8!important;border-bottom-color:#8ab4f8!important}
html.dark-mode .company-message-menu,html.dark-mode #searchmenu,html.dark-mode #searchmenu .formbuttons,html.dark-mode #searchmenu td,html.dark-mode #searchmenu select,html.dark-mode .company-import-overlay>section,html.dark-mode .company-import-body,html.dark-mode .company-import-choice,html.dark-mode .company-selection-summary{background:#202832!important;color:#e6edf3!important;border-color:#465362!important}
html.dark-mode .company-message-menu button,html.dark-mode #searchmenu label,html.dark-mode #company-quick-settings h3,html.dark-mode #company-quick-settings label{color:#e6edf3!important}
html.dark-mode .company-message-menu button:hover,html.dark-mode .company-import-choice:hover{background:#364d6b!important}
html.dark-mode .company-app-content input,html.dark-mode .company-app-content textarea,html.dark-mode .company-app-content li,html.dark-mode #company-settings-page,html.dark-mode .company-settings-tabs,html.dark-mode .company-preferences-tabs,html.dark-mode .company-settings-workspace{background:#202832!important;color:#e6edf3!important;border-color:#465362!important}
html.dark-mode .company-composer,html.dark-mode .company-composer-bar,html.dark-mode body.company-compose-frame,html.dark-mode .company-compose-frame #layout,html.dark-mode .company-compose-frame #layout-content,html.dark-mode .company-compose-frame #compose-content,html.dark-mode .company-compose-frame #compose-headers,html.dark-mode .company-compose-frame .company-compose-footer,html.dark-mode .company-compose-frame .formbuttons,html.dark-mode .company-compose-frame #composebody,html.dark-mode .company-compose-frame #compose-attachments{background:#202832!important;color:#e6edf3!important;border-color:#465362!important}
html.dark-mode .company-compose-frame input,html.dark-mode .company-compose-frame textarea,html.dark-mode .company-compose-frame .recipient-input,html.dark-mode .company-compose-frame .input-group,html.dark-mode .company-compose-frame .input-group-text{background:#202832!important;color:#e6edf3!important;border-color:#465362!important}
html.dark-mode .company-compose-frame .tox-toolbar__primary,html.dark-mode .company-compose-frame .tox-toolbar-overlord,html.dark-mode .company-compose-frame .tox-editor-header{background:#303943!important;color:#e6edf3!important}
html.dark-mode .company-compose-frame .tox-tbtn{color:#e6edf3!important}html.dark-mode .company-compose-frame .tox-tbtn svg{fill:#e6edf3!important}
html.dark-mode .company-compose-frame .tox-tbtn:hover{background:#465362!important}
html.dark-mode .company-shell .popupmenu,html.dark-mode .company-shell .popupmenu a,html.dark-mode .company-settings-frame .formcontent,html.dark-mode .company-settings-frame .formbuttons{background:#202832!important;color:#e6edf3!important}
html.dark-mode .company-shell .company-symbol,html.dark-mode .company-composer-bar button{color:#c4d7ed}

html.dark-mode body.company-compose-frame #compose-content input.form-control,html.dark-mode body.company-compose-frame #compose-headers .selectize-input,html.dark-mode body.company-compose-frame #compose-headers .selectize-control,html.dark-mode body.company-compose-frame #compose-headers .selectize-dropdown,html.dark-mode body.company-compose-frame #compose-headers .input-group,html.dark-mode body.company-compose-frame #compose-headers input,html.dark-mode body.company-compose-frame #composebodycontainer textarea{background:#202832!important;color:#e6edf3!important;border-color:#465362!important;box-shadow:none!important}
html.dark-mode body.company-shell #layout-sidebar .company-compose-area a{background:#294766!important;color:#d9eaff!important}
html.dark-mode #company-quick-settings .company-all-settings{color:#8ab4f8!important}

body.company-shell[data-company-font=large] #messagelist td.subject a,body.company-shell[data-company-font=large] #messagelist td.subject>.fromto,body.company-shell[data-company-font=large] .folderlist li>a,body.company-shell[data-company-font=large] .company-categories a{font-size:16px!important}
html.dark-mode .company-welcome-actions .company-symbol{color:#173b63!important}html.dark-mode .company-welcome-actions>button:first-child .company-symbol{color:#092e24!important}

html.dark-mode body.company-inbox #messagelist tr.selected td{background:#364d6b!important;color:#e6edf3!important}

html,body{min-width:0!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.company-shell #layout{min-width:0!important;max-width:100vw!important}.company-inbox #layout-list{min-width:0!important}.company-inbox #layout-sidebar{min-width:0!important}
.company-brand{gap:7px}.company-brand strong{font-size:25px;letter-spacing:-.8px}.company-brand span{font-size:16px;letter-spacing:0;font-weight:600}@media(min-width:769px){.company-inbox:not(.company-folders-collapsed) #layout-sidebar{width:240px!important;min-width:240px!important;max-width:240px!important;flex:none!important;justify-self:stretch}.company-inbox #layout-sidebar>.scroller,.company-inbox #layout-sidebar>.header,.company-inbox #layout-sidebar>.footer{width:100%!important;max-width:none!important}.company-inbox #layout-sidebar .folderlist{width:100%!important}.company-compose-area a{width:120px!important}}
/* Keep native size/flag/delete hover controls attached to their own message. */
body.company-inbox #messagelist tr>.company-native-row-menu{position:absolute!important;top:50%!important;bottom:auto!important;right:64px!important;left:auto!important;transform:translateY(-50%);z-index:8;white-space:nowrap;margin:0!important;}body.company-inbox #messagelist tr>.company-native-row-menu[style*="-1000px"]{display:none!important;}html.dark-mode .company-native-row-menu{background:#27313f!important;color:#e6edf3!important;border-color:#465362!important;}

/* Center search between the two sides of the desktop header. */
@media(min-width:769px){body.company-shell #company-topbar{position:relative!important;}body.company-shell #company-topbar .searchbar{position:absolute!important;left:50%!important;right:auto!important;transform:translateX(-50%);width:min(720px,calc(100% - 520px))!important;max-width:720px!important;margin:0!important;flex:none!important;}}
body.company-shell #company-topbar .searchbar a.options:before{font-size:25px!important;}

/* Let the subject use the available row width and follow the mailbox direction. */
body.company-inbox #messagelist td.subject>.fromto{font-weight:700!important;text-align:start!important;}
body.company-inbox #messagelist td.subject>span.subject{flex:1 1 0%!important;min-width:0!important;max-width:none!important;text-align:start!important;}
body.company-inbox #messagelist td.subject>span.subject>a{width:100%!important;min-width:0!important;text-align:start!important;}

/* Align folder management actions with the collapsed folder icon column. */
body.company-shell.company-folders-collapsed #layout-sidebar #mailboxlist li.company-folder-management>a{justify-content:center!important;padding:0!important;padding-inline:0!important;gap:0!important;font-size:0!important;text-indent:0!important;}
body.company-shell.company-folders-collapsed #layout-sidebar #mailboxlist li.company-folder-management>a>.company-symbol{margin:0!important;width:24px!important;flex:0 0 24px!important;text-align:center!important;font-size:20px!important;}

/* Expanded compose and footer, using native editor commands. */
@media(min-width:769px){body.company-shell .company-composer.maximized{inset:7vh 10vw!important;width:80vw!important;height:86vh!important;border-radius:8px!important;box-shadow:0 8px 30px #0004!important;}}
body.company-compose-frame .company-compose-footer{position:relative!important;min-height:64px!important;padding:8px 16px!important;gap:8px!important;flex:none!important;}
body.company-compose-frame .company-compose-footer>.toolbar{display:none!important;}
body.company-compose-frame .company-compose-footer>.toolbar.popupmenu.open,body.company-compose-frame .company-compose-footer>.toolbar[aria-hidden=false]{display:block!important;position:absolute!important;bottom:60px!important;top:auto!important;left:20px!important;right:auto!important;width:210px!important;background:#fff!important;box-shadow:0 2px 12px #0003!important;border-radius:8px!important;z-index:20;}
body.company-compose-frame .company-compose-footer>.toolbar a{width:auto!important;justify-content:flex-start!important;gap:12px!important;}
body.company-compose-frame .company-compose-footer>.toolbar a .inner{display:inline!important;}
.company-compose-actions{display:flex;align-items:center;gap:2px;flex:1;min-width:0;}
.company-compose-actions>button,.company-compose-actions>a{display:flex!important;align-items:center;justify-content:center;width:34px!important;height:36px!important;padding:0!important;border:0!important;background:transparent;color:#5f6368;border-radius:5px;cursor:pointer;}
.company-compose-actions>button:hover,.company-compose-actions>a:hover{background:#e8eef8!important;}
.company-compose-actions>a:before{display:none!important;}
.company-compose-actions .company-symbol{font-size:22px!important;}
.company-compose-actions .company-discard{margin-inline-start:auto!important;}
.company-compose-actions .disabled{opacity:.4;pointer-events:none;}
body.company-compose-frame .tox-editor-header{align-self:stretch!important;margin:8px 0!important;}
body.company-compose-frame .tox-toolbar__primary{justify-content:flex-start!important;flex-wrap:wrap!important;}
body.company-compose-frame.company-format-hidden .tox-editor-header{display:none!important;}
body.company-compose-frame.company-rich-compose #composebodycontainer>.editor-toolbar{display:none!important;}
body.company-compose-frame .tox-tbtn{display:flex!important;}
.company-emoji-panel{position:absolute;bottom:64px;right:100px;background:white;border:1px solid #dadce0;box-shadow:0 2px 10px #0002;padding:10px;border-radius:12px;display:grid;grid-template-columns:repeat(6,36px);z-index:22;}
.company-emoji-panel[hidden]{display:none!important;}.company-emoji-panel button{font-size:24px;border:0;background:transparent;padding:5px;cursor:pointer;}
html.dark-mode .company-compose-actions>button,html.dark-mode .company-compose-actions>a{color:#d5deea!important;}html.dark-mode .company-emoji-panel,html.dark-mode body.company-compose-frame .company-compose-footer>.toolbar[aria-hidden=false]{background:#27313f!important;}

body.company-compose-frame .company-copy-fields button{font:13px Arial,Tahoma,sans-serif!important;color:#5f6368!important;}
body.company-compose-frame #compose_to .input-group{border:0!important;box-shadow:none!important;background:transparent!important;}
html.dark-mode body.company-compose-frame #compose_to .recipient-input,html.dark-mode body.company-compose-frame #compose_to .input-group input{background:transparent!important;border:0!important;box-shadow:none!important;color:#e6edf3!important;}
body.company-compose-frame .company-compose-footer>.toolbar[aria-hidden=true]{display:none!important;}

.company-compose-more{position:absolute;bottom:60px;inset-inline-end:40px;background:#fff;color:#202124;padding:8px;border:1px solid #dadce0;box-shadow:0 3px 14px #0003;z-index:25;border-radius:8px;min-width:220px;}
.company-compose-more[hidden]{display:none!important;}.company-compose-more button{display:block;width:100%;background:transparent;border:0;padding:10px;text-align:start;color:inherit;font:14px Arial,Tahoma,sans-serif;cursor:pointer;}.company-compose-more button:hover{background:#e8eef8;}
html.dark-mode .company-compose-more{background:#27313f;color:#e6edf3;border-color:#465362;}

body.company-compose-frame .company-compose-footer>.toolbar-menu-button{display:none!important;}

.company-discard-dialog{border:1px solid #dadce0;border-radius:12px;padding:24px;max-width:400px;color:#202124;background:#fff;}.company-discard-dialog::backdrop{background:#0006;}.company-discard-dialog p{font:15px Arial,Tahoma,sans-serif;line-height:1.7;}.company-discard-dialog button{padding:8px 16px;margin:4px;border:0;border-radius:18px;background:#e8eef8;color:#0b57d0;cursor:pointer;}html.dark-mode .company-discard-dialog{background:#27313f;color:#e6edf3;}

/* Compose controls are vector icons, independent of ligature font loading. */
.company-compose-icon{width:21px!important;height:21px!important;flex:0 0 21px;display:block!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
body.company-compose-frame #layout-content>.footer,body.company-compose-frame #layout-content>.header,body.company-compose-frame #layout-content>.company-compose-footer>.toolbar-menu-button{display:none!important;}
body.company-compose-frame .company-compose-actions{flex-wrap:nowrap!important;overflow:visible;}
body.company-compose-frame .company-compose-actions>button,body.company-compose-frame .company-compose-actions>a{flex:0 0 32px!important;min-width:32px!important;}
body.company-compose-frame .company-compose-footer button.send{min-width:80px!important;}

/* Keep each recipient header on its own line, including Cc and Bcc. */
body.company-compose-frame #compose-headers>.form-group:not(.hidden){display:flex!important;flex-wrap:nowrap!important;align-items:center!important;clear:both;}
body.company-compose-frame #compose-headers .col-form-label{flex:0 0 100px!important;max-width:100px!important;width:100px!important;white-space:nowrap!important;line-height:20px!important;}
body.company-compose-frame #compose-headers .col-10{flex:1 1 0!important;min-width:0!important;}
body.company-compose-frame .company-copy-fields{gap:14px!important;align-items:center;}
body.company-compose-frame .company-copy-fields button{white-space:nowrap!important;line-height:20px!important;}

/* Give undo/redo breathing room beside the font selector and strip edge. */
body.company-compose-frame .tox-toolbar__primary{padding-inline:10px!important;}
body.company-compose-frame .tox-toolbar__group:first-child{padding-inline:6px!important;margin-inline-end:8px!important;gap:5px!important;}

body.company-inbox .company-selection-tools>button[data-company-action=drive_file_move]{position:absolute;inset-inline-start:154px;top:0;}
body.company-inbox #messagelist-header #toolbar-menu{margin-inline-start:220px!important;}

/* Subtle red outline for the mailbox search field. */
body.company-shell #company-topbar .searchbar{border:1px solid rgba(211,63,74,.32)!important;box-shadow:0 2px 8px rgba(190,45,59,.07)!important;transition:border-color .15s ease,box-shadow .15s ease;}
body.company-shell #company-topbar .searchbar:focus-within{border-color:rgba(211,63,74,.6)!important;box-shadow:0 0 0 3px rgba(211,63,74,.09)!important;}
html.dark-mode body.company-shell #company-topbar .searchbar{border-color:rgba(244,112,123,.45)!important;}

/* Match the search outline on opened side panels. */
body.company-shell .company-app-panel{border:1px solid rgba(211,63,74,.32)!important;box-shadow:0 3px 12px rgba(190,45,59,.09)!important;}
html.dark-mode body.company-shell .company-app-panel{border-color:rgba(244,112,123,.45)!important;box-shadow:0 3px 12px rgba(0,0,0,.22)!important;}

/* Visible red glow on dark surfaces, with stronger hover and focus feedback. */
html.dark-mode body.company-shell #company-topbar .searchbar,html.dark-mode body.company-shell .company-app-panel{box-shadow:0 0 8px rgba(244,92,108,.17),0 3px 12px rgba(0,0,0,.2)!important;transition:border-color .15s ease,box-shadow .15s ease;}
html.dark-mode body.company-shell #company-topbar .searchbar:hover,html.dark-mode body.company-shell #company-topbar .searchbar:focus-within,html.dark-mode body.company-shell .company-app-panel:hover,html.dark-mode body.company-shell .company-app-panel:focus-within{border-color:rgba(255,125,138,.8)!important;box-shadow:0 0 0 2px rgba(244,92,108,.14),0 0 17px rgba(244,92,108,.34)!important;}

/* Soft glow feedback on light surfaces. */
html:not(.dark-mode) body.company-shell .company-app-panel{transition:border-color .15s ease,box-shadow .15s ease;}
html:not(.dark-mode) body.company-shell #company-topbar .searchbar:hover,html:not(.dark-mode) body.company-shell #company-topbar .searchbar:focus-within,html:not(.dark-mode) body.company-shell .company-app-panel:hover,html:not(.dark-mode) body.company-shell .company-app-panel:focus-within{border-color:rgba(211,63,74,.65)!important;box-shadow:0 0 0 2px rgba(211,63,74,.09),0 0 14px rgba(211,63,74,.22)!important;}

.company-top-tools a.company-management-link:before{display:none!important;} .company-management-link{background:#e8f0fe;}html.dark-mode .company-management-link{background:#303f55;}

/* Keep the side-app reveal control visible when its rail is hidden. */
body.company-shell .company-app-toggle{position:fixed!important;left:8px!important;right:auto!important;bottom:14px!important;width:32px!important;height:32px!important;display:flex!important;visibility:visible!important;opacity:1!important;z-index:500!important;background:#e8f0fe!important;color:#234b74!important;border:1px solid #c9d8ed!important;box-shadow:0 2px 5px #20304018;}
body.company-shell .company-app-toggle .company-symbol{display:none!important;}
body.company-shell .company-app-toggle:before{content:"";width:7px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:3px;}
body.company-shell.company-apps-hidden .company-app-toggle:before{transform:rotate(225deg);margin-left:-3px;}
html.dark-mode body.company-shell .company-app-toggle{background:#303f55!important;color:#deebff!important;border-color:#576b86!important;}



/* Position side applications beneath the account controls in English. */
html[lang^=en] #company-app-rail{left:auto!important;right:0!important;}
html[lang^=en] body.company-shell .company-app-toggle{left:auto!important;right:8px!important;}
html[lang^=en] body.company-shell .company-app-toggle:before{transform:rotate(225deg);margin-left:-3px;}
html[lang^=en] body.company-shell.company-apps-hidden .company-app-toggle:before{transform:rotate(45deg);margin-left:3px;}
html[lang^=en] .company-app-panel{left:auto!important;right:56px!important;}
@media(min-width:769px){html[lang^=en] .company-has-app-rail #layout{padding-left:12px!important;padding-right:64px!important;}html[lang^=en] .company-has-app-rail.company-apps-hidden #layout{padding-right:12px!important;}html[lang^=en] .company-has-app-rail:has(.company-app-panel) #layout{padding-right:388px!important;}}
@media(max-width:768px){html[lang^=en] .company-app-panel{left:6px!important;right:44px!important;}html[lang^=en] .company-has-app-rail #layout{padding-left:0!important;padding-right:44px!important;}html[lang^=en] .company-has-app-rail.company-apps-hidden #layout{padding-right:0!important;}}

/* English navigation belongs opposite the left message action controls. */
html[lang^=en] body.company-inbox #messagelist-header>.company-top-navigation{left:auto!important;right:12px!important;inset-inline-start:auto!important;inset-inline-end:12px!important;}
html[lang^=en] .company-top-navigation .pagenav-text{direction:ltr!important;order:0!important;}
html[lang^=en] .company-top-navigation .prevpage{order:1!important;}
html[lang^=en] .company-top-navigation .nextpage{order:2!important;}

html[lang^=en] body.company-inbox #messagelist-header{direction:ltr!important;}
html[lang^=en] body.company-inbox .company-selection-tools{left:10px!important;right:auto!important;inset-inline-start:10px!important;direction:ltr!important;}
html[lang^=en] body.company-inbox #messagelist-header>a.refresh{left:76px!important;right:auto!important;}
html[lang^=en] body.company-inbox .company-selection-tools>button:last-of-type{left:116px!important;right:auto!important;}
html[lang^=en] body.company-inbox .company-selection-tools>button[data-company-action=drive_file_move]{left:154px!important;right:auto!important;}

/* Folded folders keep their icons while hiding labels at every text size. */
@media(min-width:769px){
body.company-shell.company-folders-collapsed #layout-sidebar #mailboxlist li>a{font-size:0!important;padding:0!important;padding-inline:0!important;text-indent:0!important;width:48px!important;position:relative!important;white-space:nowrap!important;}
body.company-shell.company-folders-collapsed #layout-sidebar #mailboxlist li>a:before{left:0!important;right:0!important;width:48px!important;margin:0!important;text-align:center!important;font-size:20px!important;}
body.company-shell.company-folders-collapsed #layout-sidebar #mailboxlist li>a .unreadcount{display:none!important;}
}