.daView{padding-bottom:36px}.daHero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:6px 0 18px}.daHero h2{margin:3px 0 5px;font-size:28px}.daHero p,.daCard p{margin:0;color:#91a6bd}.daEyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:#56a7ff}.daHeroBadge{border:1px solid #254766;background:#0a1f35;color:#8fc4ff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:700}.daLayout{display:grid;grid-template-columns:minmax(320px,405px) minmax(0,1fr);gap:16px;align-items:start}.daCard{background:linear-gradient(180deg,#0a1d32 0%,#08182a 100%);border:1px solid #203e5b;border-radius:14px;box-shadow:0 14px 36px rgba(0,0,0,.16);padding:16px}.daCardHead,.daModalHead,.daRecipientsHead,.daActiveTop{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.daCardHead h3,.daModalHead h3,.daActiveTop h3,.daRecipientsHead h3{margin:0 0 3px;color:#f6fbff}.daCardHead p,.daModalHead p,.daActiveTop p{font-size:12px}.daLabel{display:flex;justify-content:space-between;color:#d8e4f0;font-size:12px;font-weight:750;margin:14px 0 6px}.daLabel span{font-weight:500;color:#7892ad}.daInput,.daTextarea,.daMiniSelect{width:100%;box-sizing:border-box;background:#071628;border:1px solid #274560;color:#fff;border-radius:8px;padding:10px 11px;outline:none}.daInput:focus,.daTextarea:focus,.daMiniSelect:focus{border-color:#2c8cff;box-shadow:0 0 0 2px rgba(44,140,255,.13)}.daTextarea{min-height:102px;resize:vertical;line-height:1.45}.daAudienceModes{display:grid;gap:4px}.daAudienceModes label{display:flex;align-items:center;gap:9px;padding:7px 4px;cursor:pointer}.daAudienceModes input{accent-color:#2c8cff;width:16px;height:16px}.daAudienceModes span{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.daAudienceModes b{font-size:13px}.daAudienceModes small,.daPicker small{color:#7f95ac;font-size:11px}.daPicker{margin:6px 0 10px;padding:10px;background:#071628;border:1px solid #203b56;border-radius:10px}.daPickerRow{display:flex;justify-content:space-between;align-items:center;gap:12px}.daPickerRow span{display:flex;flex-direction:column;gap:3px}.daToggle{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:11px;padding:11px 0;border-top:1px solid #15314c}.daToggle span{display:flex;flex-direction:column;gap:2px}.daToggle b{font-size:13px}.daToggle small{color:#7f95ac;font-size:11px}.daToggle input{width:38px;height:21px;accent-color:#2689ff}.daPreviewLabel{font-size:11px;color:#8ba0b6;margin:15px 0 7px}.daDriverPreview{border:1px solid #ff8600;border-radius:12px;overflow:hidden;background:#081a2e;box-shadow:0 0 22px rgba(255,124,0,.14)}.daPreviewHead{display:flex;align-items:center;gap:9px;padding:12px;background:linear-gradient(90deg,#713600,#b75a00);position:relative}.daMegaphone{font-size:24px}.daPreviewHead>div{display:flex;flex-direction:column;min-width:0}.daPreviewHead small{font-size:9px;color:#ffc27a;font-weight:800}.daPreviewHead b{font-size:16px;color:white}.daPreviewHead span{font-size:10px;color:#ffe1c1}.daPreviewHead em{margin-left:auto;background:#fff;color:#d75b00;border-radius:999px;padding:5px 9px;font-size:9px;font-style:normal;font-weight:900}.daPreviewBody{padding:11px 12px}.daPreviewBody>small{color:#7f95ac;font-size:9px;font-weight:800}.daPreviewBody p{color:#fff;font-size:12px;margin:5px 0 10px}.daPreviewBody>div{display:flex;gap:7px}.daPreviewBody button{flex:1;border:0;border-radius:999px;background:#0fbd76;color:#fff;padding:8px;font-size:10px;font-weight:800}.daPreviewBody button.outline{background:transparent;border:1px solid #91a5ba}.daSendBtn{width:100%;margin-top:13px}.daActive{min-height:560px}.daLive{display:inline-block;color:#49e18c;background:#0a3a29;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:900;margin-bottom:6px}.daActiveTop h3{font-size:21px}.daActiveRight{display:flex;flex-direction:column;align-items:flex-end;gap:7px;color:#8299b0;font-size:11px}.daMiniSelect{width:230px;padding:7px 9px}.daKpis{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #173852;border-radius:10px;overflow:hidden;margin:15px 0}.daKpis>div{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto auto;column-gap:10px;padding:13px;border-right:1px solid #173852}.daKpis>div:last-child{border-right:0}.daKpis span{grid-row:1/4;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#123c6f;color:#5aa7ff;font-size:18px}.daKpis span.green{background:#0d4a32;color:#52e399}.daKpis span.orange{background:#51320a;color:#ff9f2d}.daKpis small{font-size:9px;color:#91a6bd;font-weight:800}.daKpis b{font-size:23px;color:#fff;line-height:1}.daKpis em{font-size:10px;color:#91a6bd;font-style:normal}.daRecipientsHead{align-items:center;margin-top:4px}.daRecipientsHead .daInput{max-width:260px}.daRecipientWrap{max-height:360px;overflow:auto;border:1px solid #173852;border-radius:9px}.daTable{width:100%;border-collapse:collapse;font-size:11px}.daTable th{position:sticky;top:0;background:#102a45;color:#9bb0c6;text-align:left;padding:9px;border-bottom:1px solid #24435f;z-index:1}.daTable td{padding:9px;border-bottom:1px solid #17334e;color:#d8e3ef;vertical-align:middle}.daTable tr:last-child td{border-bottom:0}.daDriverCell{display:flex;align-items:center;gap:8px}.daDriverCell>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#245da5;color:#fff;font-size:9px;font-weight:900}.daDriverCell>div{display:flex;flex-direction:column}.daDriverCell small{color:#7890a8;font-size:9px}.daTable mark{border-radius:999px;padding:4px 7px;background:#17314b;color:#cfe2f6;font-size:9px}.daTable mark.ok{background:#0d462f;color:#54df97}.daTable mark.wait{background:#5a3505;color:#ffb13f}.daTable mark.delivered{background:#153b62;color:#77b9ff}.daReplyCount{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:8px;background:#132e49}.daReplyBtn,.daTinyDanger{background:#0b2035;border:1px solid #2d5275;color:#9bc9f8;border-radius:6px;padding:5px 8px;cursor:pointer}.daReplyBtn:hover{border-color:#3d93e8;color:#fff}.daTinyDanger{border-color:#67343a;color:#ff8c94}.daNoRows{text-align:center!important;color:#7890a8!important;padding:18px!important}.daActionBar{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}.daActionBar .btn{min-width:145px}.daArchive{margin-top:16px}.daArchive .tableWrap{overflow:auto}.daCount{background:#193854;color:#b7d3ee;border-radius:999px;padding:4px 9px;font-size:11px}.daEmptyState{display:flex;min-height:180px;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#8096ac;gap:5px}.daEmptyState b{color:#dce8f4;font-size:17px}.daEmptyState.daError{color:#ff8f96}.daModal{position:fixed;inset:0;background:rgba(1,7,15,.76);z-index:100000;display:grid;place-items:center;padding:22px}.daModal.hidden{display:none!important}.daModalBox{width:min(720px,94vw);max-height:86vh;background:#0a1d32;border:1px solid #31506d;border-radius:16px;box-shadow:0 28px 90px rgba(0,0,0,.45);padding:16px;display:flex;flex-direction:column;gap:12px}.daPeopleBox{width:min(620px,94vw)}.daSmallModal{width:min(520px,94vw)}.daClose{border:0;background:transparent;color:#9db0c4;font-size:24px;cursor:pointer}.daModalActions{display:flex;justify-content:flex-end;gap:8px}.daPeopleList{overflow:auto;max-height:50vh;border:1px solid #1d3a55;border-radius:10px}.daPerson{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #17334d;cursor:pointer}.daPerson:last-child{border-bottom:0}.daPerson input{accent-color:#2689ff}.daPerson span{display:flex;flex-direction:column}.daPerson b{font-size:13px}.daPerson small{color:#7f96ad;font-size:10px}.daThread{min-height:220px;max-height:50vh;overflow:auto;background:#071628;border:1px solid #1d3a55;border-radius:10px;padding:12px}.daOriginal{background:#613000;border:1px solid #d86c00;border-radius:10px;padding:10px;margin-bottom:12px}.daOriginal small{display:block;color:#ffc078;font-size:9px;font-weight:800}.daOriginal b{display:block;color:#fff;margin-top:2px}.daOriginal p{color:#ffe5c8;margin:5px 0 0}.daBubble{max-width:78%;padding:9px 11px;border-radius:11px;margin:7px 0}.daBubble.admin{margin-left:auto;background:#123f70}.daBubble.driver{margin-right:auto;background:#183149}.daBubble small{color:#94abc1;font-size:9px}.daBubble p{margin:4px 0 0;color:#fff}.daThreadEmpty{text-align:center;color:#728aa2;padding:20px}.hidden{display:none!important}
@media(max-width:1150px){.daLayout{grid-template-columns:1fr}.daKpis{grid-template-columns:repeat(2,1fr)}.daKpis>div:nth-child(2){border-right:0}.daKpis>div:nth-child(-n+2){border-bottom:1px solid #173852}}
@media(max-width:720px){.daHero{flex-direction:column}.daKpis{grid-template-columns:1fr}.daKpis>div{border-right:0;border-bottom:1px solid #173852}.daKpis>div:last-child{border-bottom:0}.daRecipientsHead{align-items:stretch;flex-direction:column}.daRecipientsHead .daInput{max-width:none}.daActionBar{flex-direction:column}.daActionBar .btn{width:100%}}

.daHeroActions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.daPhotoMode,.daSettingsSelect{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:11px;padding:11px 0;border-top:1px solid #15314c}.daPhotoMode>div,.daSettingsSelect>span{display:flex;flex-direction:column;gap:2px}.daPhotoMode b,.daSettingsSelect b{font-size:13px}.daPhotoMode small{color:#7f95ac;font-size:11px}.daPhotoMode .daInput,.daSettingsSelect .daInput{width:155px}.daPhotoBadge{display:inline-block;color:#ffb45e;font-size:10px;margin:0 0 9px}.daKpis.five{grid-template-columns:repeat(5,1fr)}.daPhotoCount{white-space:nowrap;color:#ffb45e}.daSettingsBox{width:min(760px,94vw)}.daSettingsSection{background:#071628;border:1px solid #1d3a55;border-radius:11px;padding:13px}.daSettingsSection h4{margin:0 0 3px;color:#fff}.daSettingsSection>p{font-size:11px;margin:0 0 9px}.daRoleGrid{display:grid;grid-template-columns:minmax(160px,1fr) 90px 100px;gap:8px;align-items:center}.daRoleGrid>b{color:#8ea5bc;font-size:10px}.daRoleGrid>span{font-size:13px;color:#e7f1fb}.daRoleGrid input{width:18px;height:18px;accent-color:#2689ff}.daToggle.compact{margin-top:4px;padding:8px 0}.daEvidence{border:1px solid #5c3b15;background:#2d1b08;border-radius:10px;padding:10px;margin-bottom:12px}.daEvidence>small{color:#ffb45e;font-weight:800;font-size:9px}.daEvidenceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:8px}.daEvidenceGrid a{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#9fb4c9;font-size:9px}.daEvidenceGrid img{width:100%;height:120px;object-fit:cover;border-radius:8px;border:1px solid #80501d}.daReadOnly{opacity:.72}.daReadOnly input,.daReadOnly textarea,.daReadOnly select{pointer-events:none}.daReplyBtn:disabled,.daActionBar .btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1150px){.daKpis.five{grid-template-columns:repeat(2,1fr)}.daKpis.five>div{border-bottom:1px solid #173852}}@media(max-width:720px){.daHeroActions{justify-content:flex-start}.daPhotoMode,.daSettingsSelect{align-items:stretch;flex-direction:column}.daPhotoMode .daInput,.daSettingsSelect .daInput{width:100%}.daRoleGrid{grid-template-columns:1fr 75px 85px}.daKpis.five{grid-template-columns:1fr}.daEvidenceGrid{grid-template-columns:1fr 1fr}}

.daAttachRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding:11px 0;border-top:1px solid #15314c}.daAttachRow>span{display:flex;flex-direction:column;gap:2px}.daAttachRow b{font-size:13px}.daAttachRow small{color:#7f95ac;font-size:11px}.daAdminImagePreview{margin-top:9px;position:relative;display:inline-flex;flex-direction:column;gap:6px;max-width:220px}.daAdminImagePreview img,.daThreadImage{display:block;width:100%;max-height:240px;object-fit:cover;border-radius:10px;border:1px solid #7a4a18}.daAdminImagePreview button{align-self:flex-start;background:transparent;border:0;color:#ff9d73;padding:0;cursor:pointer;font-size:11px}.daPreviewAttachment{display:block;width:100%;max-height:160px;object-fit:cover;border-radius:9px;margin-bottom:9px;border:1px solid #7a4a18}.daInlineAttach{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.daInlineAttach .daAdminImagePreview{margin-top:0;max-width:180px}.daBubble .daThreadImage{margin-top:7px;max-height:220px}.daOriginal .daThreadImage{margin-top:8px;max-height:260px}.daThreadImage{object-fit:cover}
@media(max-width:720px){.daAttachRow{align-items:stretch;flex-direction:column}.daAttachRow .btn{width:100%}.daAdminImagePreview{max-width:100%}.daInlineAttach{flex-direction:column}.daInlineAttach .btn,.daInlineAttach .daAdminImagePreview{width:100%;max-width:none}}

/* 2026-09-03 modern Driver Announcements layout — existing FleetFlow palette */
.daView{max-width:1500px;margin:0 auto;padding:4px 4px 40px}.daHero{margin:4px 0 20px;padding:4px 2px}.daHero h2{font-size:30px;letter-spacing:-.025em}.daHero p{font-size:13px}.daHeroBadge{background:#0b2340;border-color:#28527b;color:#8fc6ff}.daModernLayout{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}.daCard{border-color:#244766;background:linear-gradient(150deg,#0b2037 0%,#07172a 100%);box-shadow:0 16px 42px rgba(0,0,0,.15)}
.daCreate{padding:0!important;overflow:hidden}.daCreateHead{padding:18px 20px;border-bottom:1px solid #24425d;background:linear-gradient(90deg,rgba(31,111,235,.08),transparent 45%)}.daCreateHead h3{font-size:19px;margin-bottom:4px}.daCreateStatus{align-self:center;border:1px solid #2a5b8c;border-radius:999px;padding:6px 10px;font-size:9px;letter-spacing:.08em;font-weight:900;color:#78b8ff;background:#0b2a4c}.daCreateGrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(245px,.72fr) minmax(285px,.82fr);gap:0;border-bottom:1px solid #203d59}.daCreateGrid>div{padding:18px 20px}.daCreateGrid>div+div{border-left:1px solid #203d59}.daCreateFields .daLabel:first-child{margin-top:0}.daCreateFields .daTextarea{min-height:132px}.daSectionLabel{font-size:12px;font-weight:850;color:#e8f2fc;margin-bottom:4px}.daSectionLabel span{font-size:10px;font-weight:700;color:#5faeff;margin-left:5px}.daSectionHelp{font-size:11px!important;line-height:1.45;color:#829bb4!important;margin:0 0 12px!important}
.daAttachModern{display:block!important;border:1px dashed #345779!important;border-radius:12px!important;padding:0!important;background:#08192c!important}.daAttachModern>span{display:none!important}.daAttachModern .btn{width:100%;min-height:116px;border:0!important;background:transparent!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#dcecff!important}.daAttachModern .btn>span{font-size:26px;color:#4d9eff;line-height:1}.daAttachModern .btn b{font-size:13px}.daAttachModern .btn small{font-size:9px;color:#738da7;font-weight:500}.daAdminImagePreview{margin-top:10px}.daAdminImagePreview img{height:112px!important;object-fit:cover}.daPreviewDetails{margin-top:12px;border-top:1px solid #1c3853;padding-top:11px}.daPreviewDetails summary{cursor:pointer;color:#82bfff;font-size:11px;font-weight:800;list-style:none}.daPreviewDetails summary:before{content:'▸';margin-right:7px}.daPreviewDetails[open] summary:before{content:'▾'}.daPreviewDetails #daPreview{margin-top:10px}
.daCreateAudience .daAudienceModes{border:1px solid #24425f;border-radius:12px;overflow:hidden;background:#08192c}.daCreateAudience .daAudienceModes label{margin:0!important;padding:10px 12px!important;border-bottom:1px solid #1e3b56;transition:.16s}.daCreateAudience .daAudienceModes label:last-child{border-bottom:0}.daCreateAudience .daAudienceModes label:has(input:checked){background:linear-gradient(90deg,rgba(36,129,255,.16),rgba(36,129,255,.03));box-shadow:inset 3px 0 #2689ff}.daCreateAudience .daAudienceModes input{width:17px;height:17px}.daCreateAudience .daAudienceModes b{font-size:12px}.daCreateAudience .daAudienceModes small{width:100%;margin-left:25px}.daCreateAudience .daPicker{margin-top:10px;margin-bottom:0;background:#091c30;border-color:#2a4d6d}.daCreateOptions{display:grid;grid-template-columns:1fr 1fr 1.15fr;border-bottom:1px solid #203d59}.daCreateOptions>*{margin:0!important;padding:14px 20px!important;border:0!important}.daCreateOptions>*+*{border-left:1px solid #203d59!important}.daCreateOptions .daToggle{min-height:64px}.daCreateOptions .daToggle input{width:42px;height:23px}.daCreateOptions .daPhotoMode{min-height:64px}.daCreateOptions .daPhotoMode .daInput{width:148px}.daCreateFooter{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:14px 20px;background:#081a2e}.daCreateHint{margin-right:auto;color:#7993ad;font-size:11px}.daCreateHint span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#0b4a34;color:#55e4a4;font-weight:900;margin-right:6px}.daCreateFooter .daSendBtn{width:auto!important;min-width:190px;margin:0!important;padding:11px 20px!important;box-shadow:0 7px 20px rgba(28,116,255,.2)}
.daActive{min-height:0!important;padding:0!important;border-color:#6e4a1c!important;overflow:hidden}.daActiveTop{padding:17px 20px 13px;background:linear-gradient(90deg,rgba(255,133,27,.1),transparent 55%);border-bottom:1px solid #4f3921}.daActiveTop h3{font-size:20px}.daActiveTop p{font-size:11px}.daLive{background:#164c36;color:#68e5a7}.daKpis.five{margin:0!important;border:0!important;border-bottom:1px solid #1d3954!important;border-radius:0!important;background:#081a2d}.daKpis.five>div{padding:12px 16px!important}.daRecipientsHead{padding:14px 18px 10px}.daRecipientWrap{margin:0 18px;border-color:#24435e}.daActionBar{padding:12px 18px 16px;margin:0!important}.daActionBar .btn{min-width:145px}.daArchive{margin-top:0!important;padding:0!important;overflow:hidden}.daArchive>.daCardHead{padding:16px 20px;border-bottom:1px solid #24425e;background:#0a1d32}.daArchive .tableWrap{padding:0 12px 12px}.daArchive .daTable th{background:#0d2741}.daArchive .daTable td{padding:11px 10px}.daArchive .daTable tr:hover td{background:rgba(33,116,214,.055)}
@media(max-width:1180px){.daCreateGrid{grid-template-columns:1fr 1fr}.daCreateFields{grid-column:1/-1;border-bottom:1px solid #203d59}.daCreateMedia{border-left:0!important}.daCreateAudience{border-left:1px solid #203d59}.daCreateOptions{grid-template-columns:1fr 1fr}.daCreateOptions .daPhotoMode{grid-column:1/-1;border-left:0!important;border-top:1px solid #203d59!important}.daKpis.five{grid-template-columns:repeat(5,1fr)!important}.daKpis.five>div{border-bottom:0!important}}
@media(max-width:760px){.daView{padding-left:0;padding-right:0}.daHero{padding:2px 4px}.daHero h2{font-size:24px}.daHeroBadge{display:none}.daCreateGrid{grid-template-columns:1fr}.daCreateGrid>div{padding:16px}.daCreateGrid>div+div{border-left:0!important;border-top:1px solid #203d59}.daCreateOptions{grid-template-columns:1fr}.daCreateOptions>*+*{border-left:0!important;border-top:1px solid #203d59!important}.daCreateOptions .daPhotoMode{grid-column:auto}.daCreateFooter{align-items:stretch;flex-direction:column}.daCreateHint{margin-right:0}.daCreateFooter .daSendBtn{width:100%!important}.daKpis.five{grid-template-columns:1fr 1fr!important}.daKpis.five>div{border-bottom:1px solid #173852!important}.daActiveTop{flex-direction:column}.daActiveRight{align-items:flex-start}.daRecipientWrap{overflow-x:auto}.daArchive .tableWrap{overflow-x:auto}}

/* 2026-09-03 announcement contrast pass */
.daView,.daView input,.daView textarea,.daView select,.daView button{color:#f4f8fc}
.daView h2,.daView h3,.daView h4,.daView .daSectionLabel,.daView .daLabel,.daView .daAudienceModes b,.daView .daToggle b,.daView .daPhotoMode b,.daView .daAttachRow b,.daView .daPickerRow b,.daView .daPerson b,.daView .daDriverCell b{color:#f8fbff!important}
.daView .daHero p,.daView .daCard p,.daView .daSectionHelp,.daView .daAudienceModes small,.daView .daPicker small,.daView .daToggle small,.daView .daPhotoMode small,.daView .daAttachRow small,.daView .daCreateHint,.daView .daPreviewLabel,.daView .daActiveRight,.daView .daKpis small,.daView .daKpis em,.daView .daDriverCell small,.daView .daPerson small{color:#b5c6d7!important}
.daView .daTable th{color:#d3dfeb!important}.daView .daTable td{color:#eef5fb!important}.daView .daNoRows,.daView .daEmptyState,.daView .daThreadEmpty{color:#afc0d1!important}
.daView .daInput::placeholder,.daView .daTextarea::placeholder{color:#8ea4ba!important;opacity:1}.daView .daCreateStatus,.daView .daHeroBadge{color:#a9d2ff!important}
.daView .daReplyBtn{color:#b9dbff}.daView .daCount{color:#d6e7f7}.daView .daMiniSelect{color:#f4f8fc!important}

/* 2026-09-03 announcement page background — match FleetFlow navy */
.main:has(#driverAnnouncementsView:not(.hidden)){min-height:100vh;background:radial-gradient(circle at 14% 12%,rgba(92,142,241,.10),transparent 32%),radial-gradient(circle at 88% 88%,rgba(40,181,131,.07),transparent 28%),linear-gradient(145deg,#071b2c 0%,#0b304c 58%,#174d71 100%)!important}
.main:has(#driverAnnouncementsView:not(.hidden)) .header{background:rgba(7,27,44,.92);color:#f8fbff}
.main:has(#driverAnnouncementsView:not(.hidden)) .header p{color:#b5c6d7}

/* 2026-09-03 live group announcement chat */
.daChatInviteBanner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-8px 0 16px;padding:12px 14px;border:1px solid #2f6fed;border-radius:12px;background:linear-gradient(90deg,#0b2d50,#0a2038);box-shadow:0 10px 24px rgba(0,0,0,.14)}
.daChatInviteBanner>div{display:flex;flex-direction:column;gap:3px}.daChatInviteBanner b{color:#fff}.daChatInviteBanner small{color:#b9d3eb}.daChatNotifyBadge{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 4px;border-radius:999px;background:#ff7a00;color:#fff;font-size:9px;font-style:normal;font-weight:900}
.daThreadParticipants{margin-bottom:2px}.daParticipantsSummary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #244968;border-radius:10px;background:#081a2e}.daParticipantsSummary>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.daParticipantsSummary>div>span{grid-row:1/3;font-size:20px}.daParticipantsSummary b{color:#fff;font-size:12px}.daParticipantsSummary small{display:block;color:#9fb7ce;font-size:9px;line-height:1.5}.daParticipantsSummary .btn{white-space:nowrap}
.daChatCurrentPeople{padding:10px 0 2px}.daCurrentPeopleGrid{display:grid;gap:6px}.daCurrentPerson{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #1f405e;border-radius:9px;background:#08192b}.daCurrentPerson span{display:flex;flex-direction:column}.daCurrentPerson b{color:#fff;font-size:12px}.daCurrentPerson small{color:#92abc3;font-size:9px}.daCurrentPerson button{border:1px solid #6a3c42;background:#22151a;color:#ff9aa1;border-radius:6px;padding:5px 8px;cursor:pointer;font-size:9px}
.daSystemMessage{max-width:90%;margin:10px auto;padding:7px 10px;text-align:center;border:1px solid #2c4b67;border-radius:999px;background:#0b2136;color:#c5d5e4;font-size:10px}.daSystemMessage small{display:block;margin-top:2px;color:#7892aa;font-size:8px}
@media(max-width:720px){.daChatInviteBanner,.daParticipantsSummary{align-items:stretch;flex-direction:column}.daChatInviteBanner .btn,.daParticipantsSummary .btn{width:100%}.daParticipantsSummary>div{grid-template-columns:auto 1fr}.daCurrentPerson{align-items:flex-start}}

/* Optional push alert for admin chat replies */
.daChatNotifyToggle{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #244965;border-radius:10px;background:#081a2d;cursor:pointer}
.daChatNotifyToggle input{width:18px;height:18px;accent-color:#2c8cff;flex:0 0 auto}
.daChatNotifyToggle span{display:flex;flex-direction:column;gap:2px}
.daChatNotifyToggle b{color:#f8fbff;font-size:12px}
.daChatNotifyToggle small{color:#a8bbcd;font-size:10px}
.daChatNotifyToggle:has(input:checked){border-color:#2c8cff;background:rgba(44,140,255,.12);box-shadow:0 0 0 2px rgba(44,140,255,.08)}