.cl-compact-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 8px) max(12px,env(safe-area-inset-right,0px)) 8px max(12px,env(safe-area-inset-left,0px));background:var(--bg,#07101d);border-bottom:1px solid var(--line);min-height:58px;color:var(--text)}
.cl-brand{display:flex;align-items:center;gap:8px;font-weight:750;font-size:16px;min-width:0;min-height:40px}.cl-brand img{width:28px;height:28px;border-radius:7px}.cl-alerts{display:flex;gap:8px}.cl-alerts a{position:relative;display:flex;align-items:center;gap:4px;min-height:42px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;font-size:14px}.cl-alerts b{background:#d62948;color:#fff;border-radius:20px;min-width:18px;padding:2px 4px;text-align:center;font-size:11px}.cl-alerts b[hidden]{display:none}
.cl-four-navigation{max-width:1180px;margin:0 auto;padding:10px max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));color:var(--text)}
.cl-four-panel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px;margin-bottom:10px;border:1px solid #4aada9;border-radius:14px;background:#103b3e}.cl-four-panel[hidden]{display:none!important}.cl-four-panel>a,.cl-four-panel>button,.cl-four-panel>form{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:66px;margin:0;padding:10px 6px;border:1px solid #3c8b89;border-radius:10px;background:#164b4e;color:#f2ffff;font:inherit;font-size:14px;text-align:center;white-space:normal;overflow-wrap:anywhere}.cl-four-panel select{max-width:100%;min-width:0;font-size:13px}.cl-four-panel .nav-icon{font-size:22px}.cl-four-panel .nav-unread-badge{position:absolute;top:2px;right:2px;margin:0}.cl-four-panel>a:hover,.cl-four-panel>button:hover{border-color:#a3efea}
.app-body[data-ui-theme="fresh_light"] .cl-four-panel{background:#e7edf2;border-color:#a8b8c6}.app-body[data-ui-theme="fresh_light"] .cl-four-panel>a,.app-body[data-ui-theme="fresh_light"] .cl-four-panel>button,.app-body[data-ui-theme="fresh_light"] .cl-four-panel>form{background:linear-gradient(145deg,#fdfefe,#dbe4ec);border-color:#acbac8;color:#213a4b}

/* Standard web typography without disabling pinch zoom or accessibility zoom. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}
.cl-four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;position:relative}
.cl-four-grid.cl-five-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.cl-four-menu{display:contents}
.cl-nav-toggle,.cl-return-tile{box-sizing:border-box;grid-row:1;min-width:0;min-height:82px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer;text-align:center;padding:8px 3px;white-space:normal;overflow-wrap:anywhere;text-decoration:none;font:inherit;line-height:1.35}
.cl-four-menu:nth-child(1)>.cl-nav-toggle{grid-column:1}.cl-four-menu:nth-child(2)>.cl-nav-toggle{grid-column:2}.cl-four-menu:nth-child(3)>.cl-nav-toggle{grid-column:3}.cl-four-menu:nth-child(4)>.cl-nav-toggle{grid-column:4}.cl-return-tile{grid-column:5;border-color:#49b7b0;background:#145052;color:#efffff}
.cl-nav-toggle>span,.cl-return-tile>span{font-size:23px;line-height:1.2}.cl-nav-toggle>strong,.cl-return-tile>strong{font-size:14px;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.cl-nav-toggle[aria-expanded="true"]{border:2px solid #55c9c3;background:#174a4d;color:#fff}.cl-nav-toggle:focus-visible,.cl-return-tile:focus-visible{outline:3px solid #55c9c3;outline-offset:2px}
.cl-four-panel{grid-column:1/-1;grid-row:2;min-width:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}.cl-four-panel>*{min-width:0;max-width:100%;box-sizing:border-box}
.cl-compact-bar{flex-wrap:wrap;height:auto}.cl-brand{overflow-wrap:anywhere;max-width:100%}.cl-alerts{flex-wrap:wrap;min-width:0}.cl-return-compact{padding:6px 12px;text-align:right}.cl-return-compact .btn{font-size:13px;padding:6px 10px}
.app-body[data-ui-theme="fresh_light"] .cl-return-tile{background:#e1edf0;border-color:#809da5;color:#193c45}.app-body[data-ui-theme="fresh_light"] .cl-nav-toggle[aria-expanded="true"]{background:#d7e8ec;color:#153943}
@media(max-width:600px){.cl-four-grid{gap:5px}.cl-four-navigation{padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px))}.cl-brand{font-size:14px;gap:5px}.cl-alerts{gap:5px}.cl-alerts a{padding:6px;font-size:13px;white-space:normal;overflow-wrap:anywhere}.cl-nav-toggle,.cl-return-tile{min-height:78px;padding:7px 2px}.cl-nav-toggle>strong,.cl-return-tile>strong{font-size:13px}.cl-four-panel{grid-template-columns:repeat(auto-fit,minmax(min(100%,95px),1fr));padding:8px}.cl-four-panel>a,.cl-four-panel>button,.cl-four-panel>form{font-size:13px}}
