#csrinbox .csr-inbox-header{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin:0 0 20px;padding:24px;box-sizing:border-box;border:1px solid #799bad;border-radius:16px;background:rgba(8,35,50,.95);color:#eff8ff;box-shadow:0 5px 18px #00152226}
#csrinbox .csr-inbox-brand{display:flex;align-items:center;gap:18px;flex:1;min-width:0}
#csrinbox .csr-inbox-icon{width:64px;height:64px;flex:none;display:grid;place-items:center;background:#123f5c;color:#6ac7ff;border-radius:14px}
#csrinbox .csr-inbox-icon svg{width:32px;height:32px}
#csrinbox .csr-inbox-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
body #app #csrinbox.page .csr-inbox-header h1{margin:0!important;font-size:28px!important;line-height:1.15!important;color:#eff8ff!important;-webkit-text-fill-color:#eff8ff!important;-webkit-text-stroke:0!important;text-shadow:none!important;font-weight:800!important}
#csrinbox .csr-inbox-heading p{margin:9px 0 0;color:#b7cedd;font-size:14px;line-height:1.5}
#csrinbox .csr-inbox-badge{padding:5px 11px;border-radius:999px;background:#154766;color:#91d7ff;font-size:14px;font-weight:700;white-space:nowrap}
body #app #csrinbox .csr-inbox-header .csr-inbox-toolbar{display:flex;align-items:center;flex-wrap:nowrap;flex:none;gap:10px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none}
body #app #csrinbox .csr-inbox-header :is(#csrInboxRefresh,#restoreDeletedCsr){display:inline-flex;justify-content:center;align-items:center;align-self:center!important;gap:8px;width:150px!important;min-width:0!important;height:42px!important;min-height:42px!important;padding:0 14px!important;margin:0!important;border-radius:9px!important;font-size:14px!important;font-weight:700!important;line-height:1!important;letter-spacing:0;text-transform:none;box-sizing:border-box;background:#087bc5!important;border:1px solid #168dd9!important;color:#fff!important;white-space:nowrap}
#csrinbox .csr-inbox-toolbar button svg{width:19px;height:19px;flex:none}
body #app #csrinbox .csr-inbox-header #restoreDeletedCsr{background:#12384e!important;color:#8bd2ff!important;border-color:#569fcb!important}
#csrinbox .csr-inbox-header button:hover{filter:brightness(1.08)}
#csrinbox .csr-inbox-header button:focus-visible{outline:3px solid #5ab8f1;outline-offset:3px}
#csrinbox .csr-inbox-state{flex-basis:100%;margin:0;font-size:13px;line-height:1.5}
#csrinbox .csr-inbox-header [hidden]{display:none!important}
body.theme-day #csrinbox .csr-inbox-header{background:rgba(248,251,254,.95);color:#173b50;border-color:#b1c7d3}
body.theme-day #app #csrinbox.page .csr-inbox-header h1{color:#173b50!important;-webkit-text-fill-color:#173b50!important}
body.theme-day #csrinbox .csr-inbox-icon{background:#d5eaff;color:#087bc5}
body.theme-day #csrinbox .csr-inbox-heading p{color:#506a7d}
body.theme-day #csrinbox .csr-inbox-badge{background:#d9ecff;color:#0877bc}
body.theme-day #app #csrinbox .csr-inbox-header #restoreDeletedCsr{background:#f9fcff!important;color:#087bc5!important;border-color:#087bc5!important}
@media(max-width:1000px){#csrinbox .csr-inbox-header{gap:20px}body #app #csrinbox .csr-inbox-header .csr-inbox-toolbar{margin-left:auto!important}}
@media(max-width:600px){#csrinbox .csr-inbox-header{padding:18px;gap:18px}#csrinbox .csr-inbox-brand{gap:12px;flex-basis:100%}#csrinbox .csr-inbox-icon{width:48px;height:48px;border-radius:11px}#csrinbox .csr-inbox-icon svg{width:26px;height:26px}body #app #csrinbox.page .csr-inbox-header h1{font-size:23px!important}#csrinbox .csr-inbox-heading p{font-size:13px;margin-top:6px}body #app #csrinbox .csr-inbox-header .csr-inbox-toolbar{width:100%;margin:0!important}body #app #csrinbox .csr-inbox-header :is(#csrInboxRefresh,#restoreDeletedCsr){flex:1;width:auto!important;font-size:13px!important;padding:0 10px!important}#csrinbox .csr-inbox-state{order:3}}

/* Reserve a status line below the panel so refresh never reflows its contents. */
#csrinbox .csr-inbox-header{margin-bottom:0}
#csrinbox .csr-inbox-status-slot{box-sizing:border-box;min-height:32px;padding:5px 4px 7px}
#csrinbox .csr-inbox-status-slot #csrInboxState{margin:0;min-width:0;font-size:13px!important;line-height:20px!important;overflow-wrap:anywhere;color:#fff;text-shadow:0 1px 3px #000,0 0 4px #000}
#csrinbox .csr-inbox-status-slot #csrInboxState[hidden]{display:none!important}
body.theme-night #app #csrinbox .csr-inbox-header #csrInboxRefresh{background:#16445b!important;border-color:#4b91b6!important;color:#b6e3ff!important}
body.theme-night #app #csrinbox .csr-inbox-header #csrInboxRefresh:hover{background:#20566f!important}