/* v1.16.1 — final light-mode contrast pass. This file loads last so newer
   workspaces inherit one coherent readable palette. */
html[data-theme="light"]{--bg:#f5f8f6;--panel:#fff;--panel-soft:#eef5f0;--text:#16251c;--muted:#52645a;--border:#cad8cf;color-scheme:light}
html[data-theme="light"] body,html[data-theme="light"] #application{color:var(--text);background:var(--bg)}
html[data-theme="light"] :is(main,section,article,aside,dialog,.panel,.card,.toolbar,.filters,.workflow-shell,.composer-shell,.analytics-panel,.queue-shell,.replies-shell,.social-account-row,.media-card,.calendar-grid,.calendar-day,.settings-group){border-color:var(--border)}
html[data-theme="light"] :is(h1,h2,h3,h4,strong,label,legend,th,.title,.heading){color:#16251c}
html[data-theme="light"] :is(p,small,.muted,.hint,.subtitle,.description,.meta){color:#52645a}
html[data-theme="light"] :is(input,textarea,select,button,.select-button){color:#1d3024;border-color:#c5d4ca;background:#fff;opacity:1}
html[data-theme="light"] :is(input,textarea)::placeholder{color:#687b70;opacity:1}
html[data-theme="light"] :is(input,textarea,select,button):disabled{color:#61736a;background:#edf2ef;opacity:.82}
html[data-theme="light"] :is(table,thead,tbody,tr,td,th){border-color:#d4dfd8}
html[data-theme="light"] thead,html[data-theme="light"] th{color:#43564a;background:#eaf2ed}
html[data-theme="light"] tbody tr{color:#1d3024;background:#fff}
html[data-theme="light"] tbody tr:hover{background:#eff7f2}
html[data-theme="light"] :is(.notice,.empty-state,.workflow-empty-guidance,.analytics-chart-empty){color:#41564a;background:#f0f6f2}
html[data-theme="light"] :is(.dialog-copy,.dialog-section,.workflow-section,.destination-workspace,.composer-section,.reply-card,.analytics-card,.queue-card,.billing-card,.account-card){color:#1d3024;border-color:#cad8cf;background:#fff;box-shadow:0 8px 26px #1f4a3020}
html[data-theme="light"] .sidebar-nav button{color:#51645a}
html[data-theme="light"] .sidebar-nav button.active{color:#086d31;background:#d8f0e0}
html[data-theme="light"] .status-pill,html[data-theme="light"] .badge{font-weight:700}
html[data-theme="light"] :focus-visible{outline:3px solid #22a65366;outline-offset:2px}

/* One Quobli thinking indicator across Web in both themes. */
:root{--quobli-spinner-track:#b8e9c5;--quobli-spinner-dark:#0f7f36;--quobli-spinner-bright:#47d17a}
.button-thinking::before,.mini-spinner,.media-loading-spinner,.replies-loading::before{box-sizing:border-box!important;border-style:solid!important;border-color:var(--quobli-spinner-track)!important;border-top-color:var(--quobli-spinner-dark)!important;border-right-color:var(--quobli-spinner-bright)!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important}

/* v1.16.1 — use Desktop's approved light Inbox palette without changing the
   Web proportions or typography. This file intentionally loads last. */
html[data-theme="light"] #replies{color:#17241c;background:transparent}
html[data-theme="light"] #replies :is(.reply-stat,.replies-toolbar,.reply-card){color:#17241c!important;border-color:#d5e0d9!important;background:#fff!important;background-image:none!important;box-shadow:0 5px 18px #25483110!important}
html[data-theme="light"] #replies :is(.reply-card>header,.inbox-notes){color:#17241c!important;border-color:#d5e0d9!important;background:#f3f8f5!important}
html[data-theme="light"] #replies :is(.reply-stat strong,.reply-account strong,.reply-comment,.reply-comment-context>div>strong,.reply-compose>label,.inbox-notes h4){color:#17241c!important}
html[data-theme="light"] #replies :is(.reply-stat small,.replies-toolbar label,.reply-account small,.reply-meta,.reply-context,.reply-ai-tools label,.reply-ai-message,.inbox-notes h4 small){color:#68766d!important}
html[data-theme="light"] #replies :is(.replies-toolbar select,.replies-toolbar input,.inbox-card-controls select,.reply-compose textarea,.inbox-notes input){color:#17241c!important;border-color:#cbd8d0!important;background:#fff!important}
html[data-theme="light"] #replies .reply-state.needs_reply{color:#a81f42!important;border:1px solid #e09aaa!important;background:#fdebf0!important}
html[data-theme="light"] #replies .reply-state.replied,html[data-theme="light"] #replies .inbox-type{color:#087a35!important;border:1px solid #84c596!important;background:#e8f7ec!important}
html[data-theme="light"] #replies .inbox-type.mention{color:#176783!important;border-color:#8dc4d8!important;background:#e9f6fb!important}
html[data-theme="light"] #replies .inbox-type.message{color:#7a590d!important;border-color:#d9bd71!important;background:#fff6d9!important}
html[data-theme="light"] #replies .reply-state.handled{color:#526259!important;border:1px solid #cbd8d0!important;background:#edf3ef!important}
html[data-theme="light"] #replies .reply-post-placeholder{color:#68766d!important;border-color:#d5e0d9!important;background:#f4f8f5!important}

/* v1.16.2 — illuminated Web brand mark and simplified analytics completion. */
.sidebar-brand.brand>span{box-sizing:border-box!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:2px solid #20e75a!important;border-radius:9px!important;background:#07110b!important;color:#20e75a!important;box-shadow:0 0 12px #20e75a55!important;overflow:visible!important;display:grid!important;place-items:center!important;font-size:20px!important;font-weight:900!important;line-height:1!important}
.sidebar-brand.brand>span img{display:none!important}
html[data-theme="light"] .sidebar-brand.brand>span{color:#20e75a!important;border-color:#20e75a!important;background:#07110b!important;box-shadow:0 0 12px #20e75a55!important}
html[data-theme="light"] #replies .reply-refresh-details summary{color:#68766d!important;font-weight:500!important}
.analytics-publishing-legend{display:none!important}

/* v1.16.10 — match Desktop's crisp destructive-action treatment. */
html[data-theme="light"] :is(button.danger,[role="button"].danger,#postDestinationDelete,#bulkDestinationDelete,#csvDestinationDelete,button[data-action="delete-group"],button[data-workspace-remove]){color:#7d2635!important;border-color:#a85c69!important;background:#fff!important;box-shadow:none!important}
html[data-theme="light"] :is(button.danger,[role="button"].danger,#postDestinationDelete,#bulkDestinationDelete,#csvDestinationDelete,button[data-action="delete-group"],button[data-workspace-remove]):hover:not(:disabled){color:#fff!important;border-color:#7d2635!important;background:#7d2635!important}
html[data-theme="light"] :is(button.danger,[role="button"].danger,#postDestinationDelete,#bulkDestinationDelete,#csvDestinationDelete,button[data-action="delete-group"],button[data-workspace-remove]):focus-visible{outline:2px solid #b46d79!important;outline-offset:2px!important}
html[data-theme="light"] :is(button.danger,[role="button"].danger,#postDestinationDelete,#bulkDestinationDelete,#csvDestinationDelete,button[data-action="delete-group"],button[data-workspace-remove]):disabled{color:#87938b!important;border-color:#d2dbd5!important;background:#eef2ef!important;opacity:.78!important}

/* v1.16.10 — keep every Calendar view inside the visible workspace. */
.workspace:has(#calendar:not(.hidden)){overflow:hidden}
#calendar:not(.hidden){height:100%;min-height:0;overflow:hidden}
#calendar .calendar-top{flex:0 0 auto;margin-bottom:10px}
#calendar>.panel.calendar{min-height:0;overflow:hidden}
#calendarItems{width:100%;height:100%;min-height:0!important;overflow:auto}
#calendarItems.calendar-day-view,#calendarItems.calendar-week-view,#calendarItems.calendar-month-view{height:100%;min-height:0!important}
#calendarItems.calendar-week-view{grid-template-rows:minmax(0,1fr)}
#calendarItems.calendar-week-view .calendar-week-day{min-height:0;overflow:auto}
#calendarItems.calendar-month-view{grid-template-rows:repeat(6,minmax(0,1fr))}
#calendarItems.calendar-month-view .calendar-week-day{min-height:0}
#calendarEmpty{display:none!important}

/* v1.16.10 — repair composer selectors and add a real hourly Day view. */
html[data-theme="light"] .post-media-choice>input[type="radio"],html[data-theme="light"] .post-media-choice>input[type="checkbox"]{position:absolute!important;inset:0 auto auto 0!important;width:1px!important;height:1px!important;margin:0!important;overflow:hidden!important;opacity:0!important;clip-path:inset(50%)!important;pointer-events:none!important}
html[data-theme="light"] .post-dialog{overflow:hidden!important}
html[data-theme="light"] .post-dialog>form{box-sizing:border-box;max-height:calc(100dvh - 28px);overflow-x:hidden;overflow-y:auto}
#calendarItems.calendar-day-view{display:block;overflow:auto;background:#fff}
#calendar .calendar-day-agenda{min-height:100%;background:#fff}
#calendar .calendar-day-agenda>header{position:sticky;z-index:3;top:0;display:flex;min-height:34px;box-sizing:border-box;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid #d5dfd9;background:#fff}
#calendar .calendar-day-agenda.today>header{background:#eaf6ed}
#calendar .calendar-day-agenda>header span{color:#53645b;font-size:11px;text-transform:uppercase}
#calendar .calendar-day-agenda>header strong{color:#263a2f;font-size:12px}
#calendar .calendar-time-table{display:grid;min-width:0}
#calendar .calendar-time-row{display:grid;grid-template-columns:72px minmax(0,1fr);min-height:64px;border-bottom:1px solid #d5dfd9;background:#fff}
#calendar .calendar-time-row>time{padding:10px 12px;border-right:1px solid #d5dfd9;color:#65766c;font-size:11px;text-align:right}
#calendar .calendar-time-row .calendar-day-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-content:start;gap:8px;min-width:0;min-height:64px;padding:7px 10px;overflow:visible;background:none!important}
#calendar .calendar-time-row .calendar-post-card{margin:0}

/* v1.16.10 — make expanded Week a full-height, growing timeline. */
#calendarItems.calendar-week-view{height:100%;min-height:0!important;grid-template-rows:minmax(100%,max-content);align-items:stretch;overflow:auto}
#calendarItems.calendar-week-view .calendar-week-day{display:flex;min-height:100%;height:auto;flex-direction:column;overflow:visible}
#calendarItems.calendar-week-view .calendar-week-day>header{flex:0 0 auto}
#calendarItems.calendar-week-view .calendar-day-slots{box-sizing:border-box;min-height:calc(100% - 48px);flex:1 0 510px;overflow:visible}
#calendarItems.calendar-week-view.calendar-expanded .calendar-day-slots{background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#dde6e0 31px,#dde6e0 32px)!important}
#calendarItems.calendar-week-view.calendar-expanded .calendar-week-day.today .calendar-day-slots{background-color:#eaf6ed!important;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#cfe3d5 31px,#cfe3d5 32px)!important}

/* v1.16.21 — let crowded calendars grow with their content. */
.workspace:has(#calendar:not(.hidden)){overflow:auto}
#calendar:not(.hidden){height:auto;min-height:100%;overflow:visible}
#calendar>.panel.calendar{min-height:570px;overflow:visible}
#calendarItems,#calendarItems.calendar-day-view,#calendarItems.calendar-week-view{height:auto;min-height:570px!important;overflow:visible}
#calendarItems.calendar-week-view{grid-template-rows:minmax(570px,max-content);align-items:stretch}
#calendarItems.calendar-week-view .calendar-week-day{min-height:570px;height:auto;overflow:visible}
#calendarItems.calendar-week-view .calendar-day-slots{min-height:522px;flex:1 0 auto;overflow:visible}

/* v1.16.11 — System Log actions use the standard readable foreground. */
html[data-theme="light"] .log-detail summary{color:#17241c!important}

/* v1.16.12 — compact System Log controls and a clear destructive action. */
#log .log-toolbar{display:grid;grid-template-columns:minmax(320px,1fr) 155px 185px auto;align-items:end;width:calc(100% + 36px)}
#log .log-toolbar label.grow{min-width:0}
#log #resetLogFilters{justify-self:end}
html[data-theme="light"] #clearLog:not(:disabled){color:#fff!important;border-color:#7d2635!important;background:#9e2940!important}
html[data-theme="light"] #clearLog:hover:not(:disabled){border-color:#641d2b!important;background:#7d2635!important}
@media(max-width:820px){#log .log-toolbar{display:flex;width:calc(100% + 36px)}}

/* v1.16.13 — retain Calendar title alignment without redundant count copy. */
#calendar .calendar-head .calendar-title-spacer{display:inline-block;width:128px;height:1px;visibility:hidden}

/* v1.16.15 — align only the two button bands; preserve title, date, filters, and counters. */
#calendar .calendar-top{--calendar-control-band:720px;--calendar-control-gap:8px;--calendar-action-width:174px;grid-template-columns:minmax(250px,1fr) var(--calendar-control-band) minmax(390px,.72fr)!important;grid-template-areas:"title modes nav" "actions actions counters"!important}
#calendar .calendar-modes{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:0!important;width:var(--calendar-control-band);justify-self:stretch;padding:3px;border:1px solid #d4e0d8;border-radius:10px;background:#eaf2ed}
#calendar .calendar-modes :is(.calendar-view-switch,.calendar-density-switch){display:contents!important}
#calendar .calendar-modes :is(.calendar-view-switch,.calendar-density-switch) button{box-sizing:border-box;width:100%!important;min-width:0!important;padding:0 8px!important}
#calendar .calendar-modes .calendar-density-switch button:first-child{border-left:1px solid #c9d7cf!important;border-radius:0 7px 7px 0!important}
#calendar .calendar-actions{display:grid!important;grid-template-columns:minmax(0,1fr) repeat(4,var(--calendar-action-width));gap:var(--calendar-control-gap)!important;align-items:center!important}
#calendar .calendar-action-left,#calendar .calendar-action-center{display:contents!important}
#calendar .calendar-action-left .calendar-filters{grid-column:1;min-width:0}
#calendar .calendar-action-left #clearCalendar{grid-column:2;box-sizing:border-box;width:100%!important;min-width:0!important;flex:none!important}
#calendar .calendar-action-center :is(#csvButton,#bulkButton,#newPostButton){box-sizing:border-box;width:100%!important;min-width:0!important}
#calendar .calendar-action-center #csvButton{grid-column:3}#calendar .calendar-action-center #bulkButton{grid-column:4}#calendar .calendar-action-center #newPostButton{grid-column:5}
@media(max-width:1450px){#calendar .calendar-top{grid-template-columns:minmax(0,1fr) minmax(390px,.72fr)!important;grid-template-areas:"title nav" "modes modes" "actions actions" "counters counters"!important}#calendar .calendar-modes{justify-self:end}#calendar .calendar-actions{grid-template-columns:minmax(0,1fr) repeat(4,var(--calendar-action-width))}}
@media(max-width:1050px){#calendar .calendar-actions{grid-template-columns:repeat(4,minmax(0,1fr))}#calendar .calendar-action-left .calendar-filters{grid-column:1/-1}#calendar .calendar-action-left #clearCalendar{grid-column:1}#calendar .calendar-action-center #csvButton{grid-column:2}#calendar .calendar-action-center #bulkButton{grid-column:3}#calendar .calendar-action-center #newPostButton{grid-column:4}}
@media(max-width:900px){#calendar .calendar-top{--calendar-control-band:100%;display:flex!important;flex-direction:column}#calendar .calendar-modes{width:100%}#calendar .calendar-actions{grid-template-columns:repeat(2,minmax(0,1fr))}#calendar .calendar-action-left .calendar-filters{grid-column:1/-1}#calendar .calendar-action-left #clearCalendar,#calendar .calendar-action-center #csvButton,#calendar .calendar-action-center #bulkButton,#calendar .calendar-action-center #newPostButton{grid-column:auto}}

/* v1.16.14 — every enabled button gives the same Quobli-green hover cue. */
html[data-theme="light"] button:hover:not(:disabled):not(.danger):not(.primary){color:#0b6e31!important;border-color:#72b987!important;background:#e6f5ea!important}
html[data-theme="light"] button.primary:hover:not(:disabled){color:#fff!important;border-color:#0a6f31!important;background:#0f7f39!important}
html[data-theme="dark"] button:hover:not(:disabled):not(.danger):not(.primary){color:#8cf2a7!important;border-color:#398653!important;background:#153321!important}
html[data-theme="dark"] button.primary:hover:not(:disabled){color:#07100a!important;border-color:#a2ffb2!important;background:#62f77f!important}

/* v1.16.16 — the second-row white box belongs only to the two filters. */
#calendar .calendar-actions{display:flex!important;gap:var(--calendar-control-gap)!important;align-items:center!important;justify-content:space-between!important;padding:0!important;border:0!important;background:transparent!important}
#calendar .calendar-action-left{box-sizing:border-box;display:flex!important;width:auto!important;min-width:0!important;padding:9px 11px!important;border:1px solid #d4e0d8!important;border-radius:10px;background:#fff!important;flex:0 0 auto!important}
#calendar .calendar-action-left .calendar-filters{display:flex!important;width:auto!important;min-width:0;gap:8px;flex:0 0 auto!important}
#calendar .calendar-action-center{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--calendar-control-gap)!important;width:var(--calendar-control-band)!important;min-width:var(--calendar-control-band)!important;flex:0 0 var(--calendar-control-band)!important}
#calendar .calendar-action-center :is(#clearCalendar,#csvButton,#bulkButton,#newPostButton){box-sizing:border-box;width:100%!important;min-width:0!important;margin:0!important}
@media(max-width:1050px){#calendar .calendar-actions{align-items:stretch!important;flex-direction:column}#calendar .calendar-action-left,#calendar .calendar-action-center{width:100%!important;min-width:0!important;flex-basis:auto!important}#calendar .calendar-action-left .calendar-filters{width:100%!important;flex:1 1 auto!important}}
@media(max-width:900px){#calendar .calendar-action-center{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.16.17 — compact counters and evenly spaced second-row actions. */
#calendar .calendar-action-center :is(#clearCalendar,#csvButton,#bulkButton,#newPostButton){grid-column:auto!important}
#calendar .calendar-legend>span{box-sizing:border-box;height:38px!important;min-height:38px!important;padding:4px 9px!important}

/* v1.16.18 — Desktop-width Web status and date controls get the full 440px band. */
@media(min-width:1451px){
  #calendar .calendar-top{grid-template-columns:minmax(250px,1fr) var(--calendar-control-band) 440px!important}
  #calendar .calendar-head>div:nth-child(2),#calendar .calendar-legend{box-sizing:border-box;width:100%!important;min-width:0;justify-self:stretch}
  #calendar .calendar-legend>span{min-width:0!important;padding:4px 18px 4px 11px!important}
}

/* v1.16.21 — Calendar creation uses the same primary green as Desktop. */
html[data-theme="light"] #calendar .calendar-action-center #newPostButton{color:#fff!important;border-color:#0b6a30!important;background:#11813a!important;font-weight:750!important}
html[data-theme="light"] #calendar .calendar-action-center #newPostButton:hover:not(:disabled){color:#fff!important;border-color:#075625!important;background:#0c6d31!important}