/* All native task/form templates share the captured Gmail tokens. */
html:has(.xb-theme){background:#f8fafd;color-scheme:light}
body.xb-theme{--xb-bg:#f8fafd;--xb-muted:#5f6368;font:14px/20px 'XB Sans',Arial,sans-serif!important}
body.xb-theme:not(.xb-gmail):not(.xb-gmail-login):not(.xb-secondary){background:#fff!important;color:#202124!important}
.xb-theme [hidden]{display:none!important}
.xb-theme button,.xb-theme input,.xb-theme select,.xb-theme textarea,.xb-theme a,.xb-theme table{font-family:inherit}
html.xb-pages-booting body:not(.task-login):not(.task-mail) #layout,
html.xb-pages-booting body.task-mail:not(:has(#layout-list)) #layout{visibility:hidden!important}
body.xb-secondary{background:#f8fafd!important;color:#202124!important}
.xb-secondary #layout{display:block!important;position:fixed!important;inset:64px 56px 16px 72px!important;width:auto!important;height:auto!important;background:#fff!important;border:0;border-radius:16px;overflow:hidden}
.xb-secondary #layout-menu,.xb-theme .column-resizer{display:none!important}
.xb-secondary #layout-sidebar,.xb-secondary #layout-list,.xb-secondary #layout-content{border:0!important;min-width:0!important;max-width:none!important;height:auto!important;max-height:none!important;background:#fff!important;margin:0!important}
.xb-secondary #layout-content{display:flex!important;flex-direction:column}
.xb-secondary .iframe-wrapper{position:relative!important;flex:1;min-height:0;overflow:hidden;background:white}
.xb-secondary iframe{border:0;width:100%!important;height:100%!important;background:#fff}
.xb-task-rail{position:fixed;top:72px;left:8px;bottom:16px;width:56px;display:flex;flex-direction:column;gap:8px;z-index:106}
.xb-task-rail a{height:48px;display:flex;align-items:center;justify-content:center;border-radius:16px;color:#444746;text-decoration:none!important;white-space:nowrap}
.xb-task-rail a:hover{background:#e8edf4}.xb-task-rail a.selected{background:#c2e7ff}.xb-task-rail span{display:none}
.xb-secondary-expanded .xb-task-rail{width:216px;background:#f8fafd;box-shadow:8px 0 16px #0001;border-radius:0 16px 16px 0}
.xb-secondary-expanded .xb-task-rail a{justify-content:flex-start;gap:24px;padding-left:16px}.xb-secondary-expanded .xb-task-rail span{display:inline}
.xb-task-search{height:48px;max-width:720px;min-width:120px;flex:1;position:relative;display:flex!important;align-items:center;background:#e9eef6!important;border:0!important;border-radius:24px!important;padding:0 16px!important;margin:0!important;overflow:visible!important}
.xb-task-search:focus-within{background:#fff!important;box-shadow:0 1px 3px #3c40434d}
.xb-task-search form{height:48px!important;margin:0!important;flex:1;padding:0 40px 0 28px!important}
.xb-task-search input{border:0!important;background:transparent!important;box-shadow:none!important;height:48px!important;outline:0!important;width:100%!important;margin:0!important;padding:0 12px!important;font:16px/48px 'XB Sans',Arial,sans-serif!important;color:#202124!important}
.xb-task-search .options{position:absolute!important;right:12px;top:8px!important;border:0!important}
.xb-task-search .searchbar form:before{top:14px}
.xb-mail-route-search .xb-icon{flex:0 0 24px}
.xb-secondary #layout-content>.header,.xb-secondary #layout-list>.header{min-height:48px!important;height:48px!important;border:0!important;background:#fff!important;box-shadow:none!important}
.xb-secondary .header .header-title{font-size:20px;font-weight:400}
.xb-secondary .header .task-menu-button,.xb-secondary .header .toolbar-menu-button,.xb-secondary .header .back-sidebar-button,.xb-secondary .header .back-list-button{display:none!important}
.xb-theme .listing li,.xb-theme .listing tr{border-color:#e3e3e3}
.xb-theme .listing tr.selected>td,.xb-theme .listing li.selected>a{background:#d3e3fd!important;color:#001d35!important;border:0!important}
.xb-theme .listing li>a:hover,.xb-theme .listing tr:hover>td{background:#f2f6fc!important}
.xb-theme .listing a,.xb-theme .listing td{font-size:14px!important}
.xb-secondary .toolbar a{color:#444746!important;border:0!important;border-radius:20px!important;box-shadow:none!important}
.xb-secondary .toolbar a:hover{background:#e9eef6!important}
.xb-secondary .toolbar a.disabled{opacity:.38}
.xb-secondary .toolbar a:before{color:inherit!important;font-size:17px!important}
.xb-secondary .toolbar .spacer{border-color:#e3e3e3}
/* Settings: title and horizontal tabs, followed by the original working forms. */
.xb-secondary.task-settings #layout-sidebar{position:absolute!important;inset:0 0 auto!important;width:100%!important;height:88px!important;display:flex!important;flex-direction:column;overflow:hidden;z-index:3}
.xb-secondary.task-settings #layout-sidebar>.header{height:48px!important;min-height:48px!important;justify-content:flex-start;padding:0 16px!important;background:#fff!important;border:0!important}
.xb-secondary.task-settings #layout-sidebar .header-title{position:static!important;font-size:22px;font-weight:400;line-height:28px;margin:0!important;padding:0!important;text-align:left!important}
.xb-secondary.task-settings #layout-sidebar>.scroller{height:40px;flex:0 0 40px;overflow-x:auto!important;overflow-y:hidden!important;border-bottom:1px solid #e8eaed}
.xb-secondary #settings-menu{display:flex!important;flex-wrap:nowrap;width:max-content;min-width:100%;margin:0!important;padding:0 16px!important;height:40px!important}
.xb-secondary #settings-menu li{width:auto!important;min-height:40px!important;height:40px;white-space:nowrap;border:0!important;background:transparent!important}
.xb-secondary #settings-menu li>a{height:40px!important;padding:0 8px!important;line-height:40px!important;background:transparent!important;font-weight:500!important;font-size:14px!important;color:#616161!important;border-radius:0!important}
.xb-secondary #settings-menu li>a::before{display:none!important}
.xb-secondary #settings-menu li.selected>a{color:#1a73e8!important;box-shadow:inset 0 -2px #1a73e8!important;background:#fff!important}
.xb-secondary.task-settings #layout-list{position:absolute!important;inset:88px auto 0 0!important;width:280px!important;display:flex!important;flex-direction:column;border-right:1px solid #e3e3e3!important}
.xb-secondary.task-settings #layout-content{position:absolute!important;inset:88px 0 0 280px!important;width:auto!important}
.xb-secondary.task-settings #layout-list .scroller{flex:1;min-height:0;overflow:auto}
.xb-secondary.task-settings #layout-list .header{padding:0 16px!important;justify-content:flex-start}
.xb-secondary.task-settings #layout-list .header-title{font-size:16px}
.xb-secondary.task-settings:not(.xb-preferences) #layout-list>.header .header-title{position:static!important;flex:1;text-align:left;padding:0!important;white-space:nowrap}
.xb-secondary .xb-settings-toolbar{display:flex!important;position:static!important;align-items:center;flex:0 0 auto;width:auto!important;height:40px!important;background:#fff!important;box-shadow:none!important;overflow:visible!important;visibility:visible!important;border:0!important}
.xb-secondary .xb-settings-toolbar>li{display:flex!important;border:0!important;height:40px}
.xb-secondary .xb-settings-toolbar a{display:inline-flex!important;align-items:center;justify-content:center;width:36px!important;min-width:36px!important;height:40px!important;padding:0!important;visibility:visible!important}
.xb-secondary .xb-settings-toolbar a:before{margin:0!important;line-height:40px!important}
.xb-secondary .xb-settings-toolbar .inner{display:none!important}
.xb-secondary.task-settings .searchbar{border:0;background:#f2f6fc;border-radius:24px;margin:0 12px 8px;padding:2px 10px;min-height:40px}
.xb-secondary.xb-preferences #layout-list{inset:88px 0 auto!important;width:100%!important;height:48px!important;border:0!important;border-bottom:1px solid #e8eaed!important}
.xb-secondary.xb-preferences #layout-list>.header{display:none!important}
.xb-secondary.xb-preferences #layout-list>.scroller{display:flex;align-items:center;overflow-x:auto!important;overflow-y:hidden!important;padding:0 16px}
.xb-secondary #sections-table{display:block!important;width:max-content!important;min-width:100%;border:0!important}
.xb-secondary #sections-table tbody{display:flex!important;width:max-content;gap:4px}
.xb-secondary #sections-table tr{display:block!important;border:0!important}
.xb-secondary #sections-table td{display:block!important;width:auto!important;border:0!important;line-height:32px!important;min-height:32px!important;height:32px!important;padding:0 12px!important;border-radius:16px!important;white-space:nowrap;font-size:13px!important}
.xb-secondary #sections-table td:before{display:none!important}
.xb-secondary.xb-preferences #layout-content{inset:136px 0 0!important;width:100%!important}
.xb-secondary.xb-preferences #layout-content>.header{display:none!important}
.xb-secondary #subscription-table li{border:0!important;padding:4px 12px;border-radius:0!important}
.xb-secondary #subscription-table li a{border-radius:18px!important}
/* Contacts: familiar contact navigation, spacious list, preserved detail drawer. */
.xb-secondary.task-addressbook #layout-sidebar{position:absolute!important;inset:0 auto 0 0!important;width:220px!important;display:flex!important;flex-direction:column;background:#f8fafd!important}
.xb-secondary.task-addressbook #layout-sidebar>.header{background:transparent!important;border:0!important;justify-content:flex-start;padding:0 16px!important;height:40px;min-height:40px}
.xb-secondary.task-addressbook #layout-sidebar>.header .header-title{font-size:14px;color:#5f6368}
.xb-secondary.task-addressbook #layout-sidebar .scroller{flex:1;overflow:auto}
.xb-secondary.task-addressbook #directorylist li{border:0!important;margin:0 8px 2px 0}
.xb-secondary.task-addressbook #directorylist a{border:0!important;border-radius:0 24px 24px 0!important;line-height:40px!important;height:40px!important;padding-left:42px!important}
.xb-secondary.task-addressbook #layout-list{position:absolute!important;inset:0 0 0 220px!important;width:auto!important;display:flex!important;flex-direction:column;border-radius:16px}
.xb-secondary.task-addressbook #layout-list>.header{display:flex!important;align-items:center;gap:8px;padding:0 16px!important;height:64px!important;min-height:64px!important;overflow-x:auto;overflow-y:hidden}
.xb-secondary.task-addressbook #layout-list>.header>.menu{flex:0 0 auto}
.xb-secondary.task-addressbook .xb-contacts-toolbar{flex:1;white-space:nowrap;display:flex!important;position:static!important;width:auto!important;height:auto!important;min-height:40px;background:#fff!important;box-shadow:none!important;overflow:visible!important}
.xb-secondary.task-addressbook .xb-contacts-toolbar>li{display:inline-flex!important;border:0!important;min-height:40px}
.xb-secondary.task-addressbook .xb-contacts-toolbar a{height:40px!important;padding:0 12px!important;line-height:40px!important;display:inline-flex!important;align-items:center;gap:8px;min-width:40px}
.xb-secondary.task-addressbook .xb-contacts-toolbar a:before{margin:0!important;line-height:40px!important}
.xb-secondary.task-addressbook .xb-contacts-toolbar .inner{display:inline!important;font-size:13px}
.xb-secondary.task-addressbook .xb-contacts-toolbar .inner{display:none!important}
.xb-secondary.task-addressbook .xb-contacts-toolbar{justify-content:flex-end}
.xb-secondary.task-addressbook .xb-contacts-toolbar a{width:40px!important;min-width:40px!important;padding:0!important;justify-content:center}
.xb-secondary.task-addressbook .xb-contacts-toolbar>li.hidden-big,.xb-secondary.task-addressbook .xb-contacts-toolbar>li.hidden-large{display:none!important}
.xb-contacts-title{font:400 22px/28px 'XB Sans',Arial,sans-serif;margin:0;flex:1;color:#444746}
.xb-secondary.task-addressbook #layout-sidebar>.header .header-title{position:static!important;text-align:left!important;padding:0!important;font-weight:500}
.xb-secondary.task-addressbook #contacts-table:not(:has(tr[id^="rcmrow"])){display:none!important}
.xb-secondary.task-addressbook .listing-info{display:none!important}
.xb-secondary.task-addressbook #layout-list>.scroller{position:relative;flex:1;overflow:auto}
.xb-secondary.task-addressbook #layout-list>.pagenav{background:#fff;border:0;padding:0 24px}
.xb-secondary.task-addressbook #contacts-table td{height:48px!important;padding:0 24px!important;border:0!important;border-bottom:1px solid #f1f3f4!important}
.xb-secondary.task-addressbook #layout-content{position:absolute!important;top:0!important;bottom:0!important;right:0!important;left:auto!important;width:min(760px,80%)!important;transform:translateX(105%);box-shadow:-5px 0 20px #0002;z-index:10;border-radius:16px 0 0 16px;visibility:hidden}
.xb-secondary.task-addressbook.xb-detail-open #layout-content{transform:none;visibility:visible}
.xb-secondary.task-addressbook #layout-content>.header{justify-content:flex-start;padding:0 16px!important;display:flex!important}
.xb-secondary #xb-close-detail{flex:0 0 40px}
.xb-contacts-empty{height:100%;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:90px;pointer-events:none}
.xb-empty-art{width:220px;height:220px;object-fit:contain}.xb-contacts-empty p{font-size:16px;font-weight:400;margin:8px 0}
.xb-empty-actions{display:flex;gap:32px;margin-top:28px;pointer-events:auto}.xb-empty-actions button{border:0;background:none;color:#0b57d0;padding:8px 4px;font-size:14px;cursor:pointer}
/* Native forms and dialogs, including their iframe documents. */
.xb-theme.formcontainer{padding:0!important;background:#fff!important}
.xb-theme .formcontent{padding:12px 24px 24px!important}
.xb-theme .formcontent fieldset{margin:0!important;padding:0!important;border:0!important}
.xb-theme .formcontent legend{font-size:14px!important;font-weight:500!important;color:#202124!important;padding:12px 0!important;border-bottom:1px solid #e3e3e3;margin:0}
.xb-theme .formcontent table.propform{width:100%!important;table-layout:fixed;border-collapse:collapse}
.xb-theme .formcontent table.propform>tbody>.row{display:table-row!important;border:0!important}
.xb-theme .formcontent table.propform>tbody>.row>td{display:table-cell!important;width:auto;max-width:none!important;padding:12px 0!important;border-bottom:1px solid #e3e3e3!important;vertical-align:middle}
.xb-theme .formcontent table.propform>tbody>.row>td.title{width:250px!important;padding-right:20px!important;font-weight:500;color:#202124!important}
.xb-theme .formcontent label{font-size:14px!important;line-height:20px;margin:0}
.xb-theme .formcontent input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.xb-theme .formcontent textarea{border:1px solid #dadce0!important;border-radius:4px!important;box-shadow:none!important;background:#fff!important;color:#202124!important;font-size:14px!important;min-height:36px;padding:7px 10px!important}
.xb-theme .formcontent select{border:1px solid #b9bdc3!important;border-radius:4px!important;box-shadow:none!important;background-color:#fff!important;color:#202124!important;font-size:14px!important;min-height:32px;height:32px;padding:3px 28px 3px 8px!important;max-width:440px!important}
.xb-theme .formcontent input:focus,.xb-theme .formcontent select:focus,.xb-theme .formcontent textarea:focus{border-color:#1a73e8!important;outline:1px solid #1a73e8;outline-offset:0}
.xb-theme .formcontent a{color:#1a73e8!important}.xb-theme .formcontent .hint{font-size:12px;color:#5f6368;margin-top:4px}
.xb-theme .custom-control-input:checked~.custom-control-label:before{background:#1a73e8!important;border-color:#1a73e8!important}
.xb-theme .formbuttons{padding:16px 24px!important;border-top:1px solid #e8eaed!important;background:#fff!important;box-shadow:none!important;text-align:right!important}
.xb-theme.formcontainer.task-addressbook>.formbuttons,.xb-theme.formcontainer.task-settings>.formbuttons{display:block!important}
/* Native phone mode can switch iframe bodies to inline flow. Keep a scrolling
   form area and a visible action footer at every screen size. */
body.xb-theme.formcontainer:is(.task-addressbook,.task-settings){display:flex!important;flex-direction:column!important;height:100vh!important;overflow:hidden!important}
.xb-theme.formcontainer:is(.task-addressbook,.task-settings)>.formcontent{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;background:#fff!important}
.xb-theme.formcontainer:is(.task-addressbook,.task-settings)>.formbuttons{flex:0 0 auto!important}
/* Keep native previous/next navigation in the new detail header, without cloned form buttons. */
.xb-secondary.task-addressbook .content-frame-navigation,.xb-secondary.task-settings .content-frame-navigation{position:absolute!important;inset:0 12px auto auto!important;height:48px!important;min-height:0!important;width:auto!important;display:flex!important;align-items:center;background:transparent!important;border:0!important;box-shadow:none!important;z-index:2}
.xb-secondary.task-addressbook .content-frame-navigation.hide-nav-buttons,.xb-secondary.task-settings .content-frame-navigation.hide-nav-buttons{display:none!important}
.xb-secondary:is(.task-addressbook,.task-settings) .content-frame-navigation>.buttons{display:none}
.xb-secondary:is(.task-addressbook,.task-settings) .content-frame-navigation>a{padding:0!important;width:40px!important;min-width:40px!important;line-height:40px!important}
.xb-theme .btn-primary{background:#0b57d0!important;border:0!important;color:#fff!important;border-radius:24px!important;box-shadow:none!important;min-height:36px;padding:6px 24px!important;font-size:14px;font-weight:500}
.xb-theme .btn-secondary{background:#fff!important;color:#0b57d0!important;border:1px solid #dadce0!important;border-radius:24px!important;box-shadow:none!important}
.xb-theme .btn:before{display:none!important}
.xb-theme .nav-tabs{border-bottom:1px solid #e3e3e3!important;gap:4px;background:#fff!important}.xb-theme .nav-tabs .nav-link{border:0!important;border-radius:0!important;background:transparent!important;color:#5f6368;padding:12px!important}.xb-theme .nav-tabs .nav-link.active{color:#1a73e8!important;box-shadow:inset 0 -2px #1a73e8}
.xb-theme .ui-dialog{background:#fff!important;border:0!important;border-radius:16px!important;box-shadow:0 8px 28px #0003!important;padding:8px!important;max-width:calc(100vw - 24px)!important}
.xb-theme .ui-dialog-titlebar{background:#fff!important;border:0!important;color:#202124!important;font-size:20px;font-weight:400;padding:16px!important}
.xb-theme .ui-dialog-content{background:#fff!important;color:#202124!important}.xb-theme .ui-dialog-buttonpane{background:#fff!important;border:0!important}
.xb-theme .popupmenu{border:0!important;border-radius:8px!important;box-shadow:0 4px 14px #3c40434d!important;background:#fff!important;overflow:hidden}
.xb-theme .popupmenu .listing li>a{line-height:36px!important;min-height:36px!important;border:0!important;font-size:14px!important}
.xb-theme .popupmenu .listing li{border:0!important}
/* Read / attachment / error / print screens retain native content sanitization. */
.xb-theme.task-mail #replyallmenulink,.xb-theme.task-mail #forwardmenulink{display:none!important}
.xb-secondary.xb-standalone-message #layout-content,.xb-secondary.task-error #layout-content{position:absolute!important;inset:0!important;width:100%!important}
.xb-theme #message-header{padding:20px 28px 12px!important;background:#fff!important;border:0!important}
.xb-theme #message-header h2.subject{font:400 22px/30px 'XB Sans',Arial,sans-serif!important;color:#202124!important;margin:0 0 20px!important;padding:0!important}
.xb-theme #message-header>.header{border:0!important;background:#fff!important;min-height:48px;padding:0!important}
.xb-theme #message-header .contactphoto{width:40px!important;height:40px!important;border-radius:50%;background:#e8f0fe}
.xb-theme #message-header .header-content{padding-left:12px}.xb-theme #message-header .header-summary{font-size:13px;line-height:20px;color:#5f6368}
.xb-theme #message-header .header-links{font-size:12px;gap:12px}.xb-theme #message-header .header-links a{color:#5f6368}
.xb-theme #message-content{padding:8px 28px 24px!important;background:#fff!important;display:flex;flex-direction:column-reverse}
.xb-theme #message-content .rightcol,.xb-theme #message-content .leftcol{width:100%!important;float:none!important;margin:0!important;padding:0!important}
.xb-theme #messagebody{font-size:14px;line-height:1.6}
.xb-theme .attachmentslist{display:flex;flex-wrap:wrap;gap:12px;padding:16px 0!important}.xb-theme .attachmentslist li{width:auto!important;min-width:180px;max-width:300px;border:1px solid #dadce0!important;border-radius:8px;padding:12px!important}
.xb-theme #message-objects>div{border-radius:8px;margin:12px 0;padding:12px;background:#f2f6fc;border:0!important}
.xb-theme #message-objects a{color:#0b57d0!important}
.xb-theme #messagestack .error,.xb-theme #messagestack .warning{border-radius:8px;box-shadow:0 4px 10px #0002}
.xb-theme .contact-header{padding:12px 0 24px;border:0!important}.xb-theme .contact-photo{border:0!important}.xb-theme .contact-photo img{border-radius:50%;background:#e8f0fe}
.xb-secondary.task-addressbook #layout-content{left:220px!important;width:auto!important;border-radius:16px;box-shadow:none}
.xb-theme.task-addressbook.action-add .formcontent,.xb-theme.task-addressbook.action-edit .formcontent{max-width:760px;padding:24px 44px!important}
.xb-theme.task-addressbook .contact-header{display:flex!important;flex-direction:column;gap:24px}
.xb-theme.task-addressbook .contact-header .contact-photo{float:none!important;width:160px!important;height:160px!important;max-width:none!important;margin:0!important;background:none!important}
.xb-theme.task-addressbook .contact-header .contact-photo img{width:160px!important;height:160px!important}
.xb-theme.task-addressbook .contact-header .contact-head{width:100%!important;margin:0!important;float:none!important}
@media(max-width:900px){.xb-secondary #layout{right:12px!important}.xb-secondary .xb-side-panel{display:none}.xb-secondary.task-settings #layout-list{width:220px!important}.xb-secondary.task-settings #layout-content{left:220px!important}.xb-secondary.xb-preferences #layout-list{width:100%!important}.xb-secondary.xb-preferences #layout-content{left:0!important}.xb-theme .formcontent table.propform>tbody>.row>td.title{width:200px!important}.xb-secondary.task-addressbook #layout-sidebar{width:180px!important}.xb-secondary.task-addressbook #layout-list{left:180px!important}.xb-secondary .xb-brand{width:220px;flex-basis:220px}}
@media(max-width:640px){.xb-secondary #layout{inset:64px 8px 8px 64px!important}.xb-task-rail{left:4px;width:52px}.xb-secondary .xb-brand{width:64px;flex-basis:64px}.xb-secondary .xb-brand-name{display:none}.xb-secondary .xb-header-actions>.xb-icon-button{display:none!important}.xb-secondary .xb-header-actions{gap:0;padding:0 10px}.xb-secondary .xb-task-search{min-width:80px;padding:0 12px!important}.xb-secondary .xb-avatar{margin:0}.xb-secondary .xb-private-badge{display:none}.xb-secondary .xb-account-menu{right:8px;max-width:calc(100vw - 16px)}.xb-secondary.task-settings #layout-sidebar>.header{padding:0 12px!important}.xb-secondary #settings-menu{padding:0 8px!important}.xb-secondary #sections-table td{font-size:12px!important;padding:0 10px!important}.xb-secondary.task-settings:not(.xb-preferences) #layout-list{inset:88px 0 0!important;width:100%!important;border:0!important}.xb-secondary.task-settings:not(.xb-preferences) #layout-content{inset:88px 0 0!important;width:100%!important;z-index:5;visibility:hidden;transform:translateX(110%)}.xb-secondary.task-settings.xb-detail-open #layout-content{visibility:visible;transform:none}.xb-secondary.task-addressbook #layout-sidebar{display:none!important}.xb-secondary.task-addressbook #layout-list{left:0!important}.xb-secondary.task-addressbook #layout-content{width:100%!important}.xb-secondary.task-addressbook #addressbooktoolbar a{padding:0 10px!important}.xb-secondary.task-addressbook #addressbooktoolbar .inner{display:none!important}.xb-secondary.task-addressbook #layout-list>.header{padding:0 8px!important}.xb-theme .formcontent{padding:8px 16px 20px!important}.xb-theme .formcontent table.propform>tbody>.row{display:block!important;border-bottom:1px solid #e3e3e3!important;padding:10px 0!important}.xb-theme .formcontent table.propform>tbody>.row>td{display:block!important;width:100%!important;border:0!important;padding:4px 0!important}.xb-theme .formcontent table.propform>tbody>.row>td.title{width:100%!important;padding:0 0 8px!important}.xb-theme .formcontent input,.xb-theme .formcontent select{max-width:100%!important}.xb-theme #message-header{padding:20px 16px 8px!important}.xb-theme #message-content{padding:8px 16px 24px!important}.xb-theme #message-header h2.subject{font-size:20px!important}.xb-theme .formbuttons{padding:12px 16px!important}.xb-secondary .xb-task-search form{padding-left:16px!important}.xb-secondary .xb-task-search input{font-size:14px!important}.xb-empty-art{width:160px;height:160px}.xb-contacts-empty{min-height:280px;padding-bottom:20px}}
@media print{.xb-mail-header,.xb-task-rail,.xb-side-panel{display:none!important}.xb-theme #print-layout{background:#fff!important}.xb-theme #message-content{display:block}}
@media(max-width:640px){.xb-secondary.task-addressbook .xb-contacts-toolbar a{padding:0 10px!important}.xb-secondary.task-addressbook .xb-contacts-toolbar .inner{display:none!important}.xb-secondary.task-addressbook .xb-contacts-toolbar li.hidden-small{display:none!important}}
/* Native compact toolbars remain reachable through their native popup trigger. */
@media(max-width:1200px){.xb-secondary.task-mail #layout-content>.header .toolbar-menu-button{display:inline-flex!important;position:static!important;flex:0 0 40px;margin-left:auto!important}.xb-secondary.task-mail #layout-content>.header{display:flex!important;align-items:center;justify-content:flex-end;padding:0 12px!important}}
@media(max-width:640px){.xb-secondary-expanded.task-addressbook .xb-task-rail{width:52px;box-shadow:none}.xb-secondary-expanded.task-addressbook .xb-task-rail span{display:none}.xb-secondary-expanded.task-addressbook .xb-task-rail a{padding-left:0;justify-content:center}.xb-secondary-expanded.task-addressbook #layout-sidebar{display:flex!important;position:fixed!important;inset:64px auto 8px 64px!important;width:220px!important;z-index:108;box-shadow:8px 0 24px #0002;border-radius:0 16px 16px 0}}
@media(max-width:900px){.xb-secondary.task-addressbook #layout-content{left:180px!important}}
@media(max-width:640px){.xb-secondary.task-addressbook #layout-content{left:0!important}.xb-contacts-title{font-size:18px}.xb-secondary.task-addressbook .xb-contacts-toolbar{flex:0 0 auto}.xb-secondary.task-addressbook .xb-contacts-toolbar a{width:32px!important;min-width:32px!important}.xb-secondary.task-addressbook #layout-list>.header>.menu:not(.xb-contacts-toolbar){display:none!important}.xb-theme.task-addressbook.action-add .formcontent,.xb-theme.task-addressbook.action-edit .formcontent{padding:16px!important}.xb-empty-actions{gap:12px;flex-wrap:wrap;justify-content:center}}