/* v1.7.39 — calm, consistent scheduling workspace presentation */

/* Calendar command surface */
#calendar .calendar-top{
  grid-template-columns:auto auto minmax(40px,1fr) auto;
  grid-template-areas:"title modes . nav" "actions actions actions counters";
  padding:0;
  gap:12px 18px;
}
#calendar .calendar-head>div:first-child{min-width:max-content}
#calendar .calendar-head>div:nth-child(2){padding:4px;border:1px solid var(--line);border-radius:9px;background:#0c1317}
#calendar .calendar-head>div:nth-child(2) button{height:36px;background:transparent}
#calendar .calendar-head input[type=date]{height:36px;border-color:transparent;background:#111a20}
#calendar .calendar-modes{justify-content:flex-start}
#calendar .calendar-view-switch,#calendar .calendar-density-switch{padding:3px;border:1px solid var(--line);border-radius:9px;background:#0c1317}
#calendar .calendar-view-switch button,#calendar .calendar-density-switch button{height:34px;border:0;background:transparent;color:#8f9aa1}
#calendar .calendar-view-switch button.active,#calendar .calendar-density-switch button.active{background:#163b21;color:#b8ffc4;box-shadow:inset 0 0 0 1px #2c6c3d}
#calendar .calendar-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0c1317}
#calendar .calendar-action-left{flex:1}
#calendar .calendar-filters{display:flex;gap:8px;flex:1}
#calendar .calendar-filters select{height:38px;min-width:170px;border-color:#29343b;background:#10181d}
#calendar .calendar-clear-button{height:38px;border-color:transparent;background:transparent;color:#d77b91}
#calendar .calendar-clear-button:hover{border-color:#703142;background:#211219;color:#ff91aa}
#calendar .calendar-action-center{gap:7px}
#calendar .calendar-action-center button{height:38px;border:1px solid #303b43;background:#151d23;color:#c7d0d4;font-weight:650;box-shadow:none}
#calendar .calendar-action-center button:hover{border-color:#52616a;background:#1a252c;box-shadow:none}
#calendar .calendar-action-center .calendar-primary-action{border-color:#62ff7f;background:var(--green);color:#07100a;font-weight:800}
#calendar .calendar-legend{display:flex;justify-content:flex-end;gap:8px;min-width:0}
#calendar .calendar-legend>span{min-width:118px!important;min-height:50px;padding:7px 11px;border-radius:9px;background:#0e161b}
.calendar-fit-tight #calendar .calendar-top{column-gap:8px}
.calendar-fit-tight #calendar .calendar-actions{gap:7px;padding-inline:8px}
.calendar-fit-tight #calendar .calendar-filters select{min-width:145px}
.calendar-fit-tight #calendar .calendar-action-center{gap:5px}
.calendar-fit-tight #calendar .calendar-action-center button{padding-inline:10px}
.calendar-fit-tight #calendar .calendar-legend{gap:5px}
.calendar-fit-tight #calendar .calendar-legend>span{min-width:104px!important;padding-inline:8px}
#calendar .calendar-legend strong{font-size:20px}
#calendar .calendar-legend small{font-size:9px}
#calendar .panel.calendar{border-radius:11px;overflow:auto}
#calendar .calendar-post-card{border-left-width:3px;border-radius:8px;background:#111a20;box-shadow:none}
#calendar .calendar-week-day>header{gap:6px}
#calendar .calendar-day-add{display:grid;place-items:center;width:22px;height:22px;margin-left:auto;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:#718087;font-size:16px;line-height:1}
#calendar .calendar-day-add:hover{border-color:#2d7040;background:#12351d;color:#8cff9f}
#calendar .calendar-day-add{width:34px;height:34px;margin:-6px -5px -6px auto;border-color:#26373d;font-size:21px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#calendar .calendar-day-add:hover,#calendar .calendar-day-add:focus-visible{border-color:#42d866;background:#12351d;color:#a7ffb5;box-shadow:0 0 0 2px #42d86638}
body.calendar-marquee-active::before,body.calendar-marquee-active::after{content:"";position:fixed;z-index:79;left:0;right:0;height:72px;opacity:0;pointer-events:none;transition:opacity .12s ease}
body.calendar-marquee-active::before{top:0;background:linear-gradient(#42d86638,transparent)}
body.calendar-marquee-active::after{bottom:0;background:linear-gradient(transparent,#42d86638)}
body.calendar-marquee-active.calendar-edge-scroll-up::before,body.calendar-marquee-active.calendar-edge-scroll-down::after{opacity:1}

/* Day view is a full-width agenda grid, never a horizontal filmstrip. */
#calendar .calendar-items.calendar-day-view{display:block;width:100%;min-width:0;min-height:0;padding:0}
#calendar .calendar-day-view .calendar-week-day{display:block;min-width:0;min-height:0;background:#0e151a}
#calendar .calendar-day-view .calendar-week-day>header{position:static;display:flex;align-items:baseline;justify-content:flex-start;gap:10px;padding:13px 16px;border:0;border-bottom:1px solid var(--line);background:#10191e}
#calendar .calendar-day-view .calendar-week-day>header span{font-size:12px}
#calendar .calendar-day-view .calendar-week-day>header strong{display:block;width:auto;height:auto;border:0;border-radius:0;background:none;color:#c4b5fd;font-size:12px}
#calendar .calendar-day-view .calendar-week-day.today>header{background:linear-gradient(90deg,#1b3522,#10191e 52%)}
#calendar .calendar-day-view .calendar-day-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));align-items:start;gap:10px;min-width:0;min-height:0;padding:12px;overflow:visible;background:none}
#calendar .calendar-day-view .calendar-post-card{display:grid;flex:none;width:auto;min-width:0;margin:0}
#calendar .calendar-day-view.calendar-condensed .calendar-day-slots{grid-template-columns:1fr}

/* Shared scheduling dialog shell */
.post-dialog{width:min(1120px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;border-color:#2a353d;border-radius:14px;background:#0b1115;box-shadow:0 26px 80px #000c}
.post-dialog::backdrop{background:#020405d9;backdrop-filter:blur(2px)}
.post-dialog form{padding:0}
.post-dialog-head{position:sticky;z-index:5;top:0;padding:20px 22px 17px;border-bottom:1px solid #253139;background:#0c1317}
.post-dialog-head h3{font-size:20px;letter-spacing:-.015em}
.post-dialog-head p{max-width:720px;margin-top:6px;color:#7f8a91;font-size:11px}
.post-dialog-head>button{background:transparent}
.post-compose-grid,.workflow-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:14px;margin:16px 18px 0}
.composer-card{min-width:0;padding:15px;border:1px solid #202c33;border-radius:11px;background:#0e161b}
.composer-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.composer-section-heading>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:1px solid #2d7040;border-radius:50%;background:#12351d;color:#8cff9f;font-size:10px;font-weight:800}
.composer-section-heading>div{display:grid;gap:2px;min-width:0}
.composer-section-heading h4{font-size:13px}
.composer-section-heading small{color:#748087;font-size:10px}
.composer-section-heading.compact{margin-bottom:10px}
.post-dialog label{color:#8f9aa1}
.post-dialog select,.post-dialog input,.post-dialog textarea{border-color:#2a363e;background:#091015;color:#edf3f5}
.post-dialog select:focus,.post-dialog input:focus,.post-dialog textarea:focus{outline:2px solid #43f36b55;outline-offset:1px;border-color:#43f36b}
.post-dialog textarea{min-height:132px;line-height:1.5}
.field-count{display:block;margin-top:-2px;color:#718087;font-size:9px;text-align:right;text-transform:none;letter-spacing:0}
.post-schedule-fields{padding:9px;border-color:#263239;background:#0a1115}
.destination-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:9px}
.destination-tools input[type=search]{flex:1 1 150px;width:auto;height:34px;padding:0 10px}
.destination-tools span{flex:0 0 auto;color:#82d993;font-size:9px;white-space:nowrap}
.destination-tools button{flex:0 0 auto;height:34px;padding:0 9px;background:#10191e;color:#b6c1c6;font-size:9px}
.destination-tools button:hover{background:#18242b;color:#eef5f7}
.destination-tools button:disabled{cursor:not-allowed;opacity:.45}
.destination-filtered{display:none!important}
.post-destinations{max-height:340px;padding-right:3px}
.post-destination{min-height:48px;padding:8px 10px;border-color:#263139;background:#0a1115!important;transition:border-color .15s,background .15s,transform .15s}
.post-destination:hover{border-color:#44515a;transform:translateY(-1px)}
.post-destination:has(input:checked){border-color:#329249;background:#12351d!important;box-shadow:inset 3px 0 0 var(--green)}
.post-destination input{width:15px;height:15px;accent-color:var(--green)}
.post-destination strong{font-size:11px}
.post-destination small{margin-top:2px;font-size:9px}
.composer-media-card,.post-delivery-card{margin:14px 18px 0}
.post-media-heading{justify-content:flex-start;margin:0 0 10px;gap:12px}
.post-media-heading label{width:min(240px,45%)}
.post-media-heading span{margin-left:auto;color:#82d993}
.media-tools{align-items:flex-end;flex-wrap:wrap}
.media-tools label{flex:1 1 180px;width:auto;max-width:270px}
.media-tools .media-search-field{max-width:340px}
.media-tools>span{flex:0 0 auto;margin-left:0;white-space:nowrap}
.media-tools #selectedMediaName{margin-left:auto;max-width:min(360px,42%)}
.bulk-media-heading{align-items:flex-end;flex-wrap:wrap}
.bulk-media-heading h4{margin:0 auto 9px 0}
.bulk-media-heading label{flex:1 1 150px;width:auto;max-width:230px}
.bulk-media-heading .media-search-field{max-width:250px}
.bulk-media-heading>span{margin-left:0}
.bulk-media-heading .bulk-media-actions{display:flex;gap:6px}
.bulk-media-heading .bulk-media-actions button{height:34px;padding:0 9px;background:#10191e;color:#b6c1c6;font-size:9px}
.bulk-media-heading .bulk-media-toolbar{display:flex;flex:1 0 100%;align-items:center;gap:12px;margin:0}
.bulk-media-heading .bulk-media-toolbar .bulk-media-actions{margin:0}
.bulk-media-heading .bulk-media-toolbar .composer-media-management{margin-left:auto}
.post-media-choices{gap:9px;max-height:280px;padding:2px}
.post-media-choice{border-color:#263139;background:#0a1115}
.post-media-choice:has(input:checked){border-color:#329249;background:#12351d;box-shadow:0 0 0 1px #43f36b22}
.post-submit-row{position:sticky;z-index:5;bottom:0;margin-top:16px;padding:13px 18px;border-top:1px solid #253139;background:#0c1317}
.post-submit-row button{min-width:128px}
.post-submit-row .primary{min-width:170px}
.post-dialog .error{margin:12px 18px 0}

/* Bulk and CSV workflow treatment */
.workflow-dialog{width:min(1180px,calc(100vw - 28px))}
.workflow-grid section{gap:10px}
.workflow-dialog .post-schedule-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.workflow-dialog .bulk-schedule-fields{grid-template-columns:1fr .72fr 1fr .72fr}
.workflow-dialog .bulk-schedule-fields .bulk-time-zone-field{grid-column:span 3}
.workflow-dialog .post-media-heading{margin:12px 0 8px}
.workflow-media{max-height:300px}
.workflow-preview-section{margin:14px 18px 0;padding:14px;border:1px solid #202c33;border-radius:11px;background:#0e161b}
.workflow-preview-heading>strong{margin-left:auto;padding:5px 8px;border:1px solid #2d7040;border-radius:999px;background:#12351d;color:#8cff9f;font-size:10px;white-space:nowrap}
.workflow-preview{max-height:310px;padding:7px;border-color:#263139;background:#091015}
.workflow-row{border-bottom-color:#202a31}
.workflow-row.valid{border-left-color:var(--green)}
.workflow-row.excluded{border-left-color:#f2bd4a;opacity:.76}
.workflow-row.excluded small{color:#f2bd4a}
.workflow-submit-only{justify-content:space-between}
.workflow-submit-only button{flex:0 0 auto;width:auto;min-width:220px;max-width:320px}
.template-button{width:100%;height:38px;border-style:dashed;background:#10191e}
.csv-file-drop{padding:13px;border:1px dashed #3a4a53;border-radius:9px;background:#091015}
.csv-file-drop input{padding:7px;background:#0e171c}
.csv-file-drop small{color:#66747b;text-transform:none;letter-spacing:0}
.csv-requirements{padding:10px 11px;border-radius:8px;background:#10191e}

/* v1.7.94 — 1080p fit target without high-resolution auto-shrink. */
@media(min-width:1500px) and (max-height:1150px){
  .post-dialog{width:min(1480px,calc(100vw - 32px));max-height:calc(100dvh - 24px)}
  .workflow-dialog{width:min(1540px,calc(100vw - 32px))}
  .post-dialog-head{padding:15px 18px 13px}
  .post-compose-grid,.workflow-grid{gap:12px;margin:12px 14px 0}
  .composer-card{padding:12px}
  .composer-section-heading{margin-bottom:10px}
  .composer-media-card,.post-delivery-card,.workflow-preview-section{margin:11px 14px 0}
  .post-destinations{max-height:300px}
  .post-media-choices{max-height:245px}
  .workflow-media{max-height:260px}
  .workflow-preview{max-height:250px}
  .post-submit-row{margin-top:12px;padding:10px 14px}
}

@media(min-width:2200px) and (min-height:1250px){
  .post-dialog{width:min(1480px,calc(100vw - 48px))}
  .workflow-dialog{width:min(1540px,calc(100vw - 48px))}
}

@media(max-width:1180px){
  #calendar .calendar-top{grid-template-columns:auto 1fr auto;grid-template-areas:"title modes nav" "actions actions actions" "counters counters counters"}
  #calendar .calendar-head>div:nth-child(2),#calendar .calendar-modes,#calendar .calendar-legend{justify-self:start;justify-content:flex-start}
  #calendar .calendar-head>div:nth-child(2){justify-self:end}
  #calendar .calendar-legend{width:100%}
}
@media(max-width:880px){
  #calendar .calendar-top{grid-template-columns:1fr;grid-template-areas:"title" "modes" "nav" "actions" "counters"}
  #calendar .calendar-head>div:nth-child(2){justify-self:start}
  #calendar .calendar-actions{align-items:stretch;flex-direction:column}
  #calendar .calendar-action-center{justify-content:flex-start}
  .post-compose-grid,.workflow-grid{grid-template-columns:1fr}
  .post-destinations{max-height:240px}
  #calendar .calendar-day-view .calendar-day-slots{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
}
@media(max-width:620px){
  #calendar .calendar-filters,#calendar .calendar-action-left,#calendar .calendar-action-center{display:grid;grid-template-columns:1fr;width:100%}
  #calendar .calendar-filters select,#calendar .calendar-action-center button{width:100%}
  #calendar .calendar-legend{display:grid;grid-template-columns:repeat(3,1fr)}
  #calendar .calendar-legend>span{min-width:0!important}
  .post-dialog-head{align-items:flex-start}
  .post-compose-grid,.workflow-grid,.composer-media-card,.post-delivery-card,.workflow-preview-section{margin-left:10px;margin-right:10px}
  .workflow-dialog .post-schedule-fields{grid-template-columns:1fr}
  .workflow-dialog .bulk-schedule-fields .bulk-time-zone-field{grid-column:auto}
  .post-submit-row{align-items:stretch;flex-direction:column}
  .post-submit-row button{width:100%}
  .workflow-submit-only button{width:100%;max-width:none}
  .media-tools label,.media-tools .media-search-field{max-width:none}
  .media-tools #selectedMediaName{width:100%;max-width:none;margin-left:0}
}

/* Keep workflow confirmation actions compact at laptop-height wide viewports. */
@media(min-width:1500px) and (max-height:1150px){
  .workflow-dialog .post-submit-row.workflow-submit-only{align-items:center;flex-direction:row}
  .workflow-dialog .post-submit-row.workflow-submit-only button{flex:0 0 auto;width:auto;min-width:220px;max-width:320px}
}

/* v1.7.101 — calm zero-state status filters and align the date controls. */
#calendar{
  --calendar-counter-gap:8px;
  --calendar-counter-width:118px;
  --calendar-status-row-width:calc((var(--calendar-counter-width) * 3) + (var(--calendar-counter-gap) * 2));
}
#calendar .calendar-head>div:nth-child(2),
#calendar .calendar-legend{width:var(--calendar-status-row-width)}
#calendar .calendar-head>div:nth-child(2){
  display:grid;
  grid-template-columns:36px minmax(62px,.85fr) 36px minmax(138px,1.65fr);
  gap:6px;
}
#calendar .calendar-head>div:nth-child(2)>*{min-width:0;width:100%}
#calendar .calendar-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--calendar-counter-gap)}
#calendar .calendar-legend>span{
  position:relative;
  min-width:0;
  cursor:pointer;
  border-color:#33414a!important;
  box-shadow:none!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
#calendar .calendar-legend>span::after{
  content:"";
  position:absolute;
  top:9px;
  right:9px;
  width:6px;
  height:6px;
  border-radius:50%;
  opacity:.72;
}
#calendar .calendar-legend>span.scheduled::after{background:#27bfff}
#calendar .calendar-legend>span.published::after{background:#3bf173}
#calendar .calendar-legend>span.failed::after{background:#ff5478}
#calendar .calendar-legend>span:hover,
#calendar .calendar-legend>span:focus-visible{background:#111a20;border-color:#596871!important;outline:none}
#calendar .calendar-legend>span.active{background:#132027;border-color:#81919a!important}
#calendar .calendar-legend>span.scheduled.has-count{border-color:#18baff!important;box-shadow:0 0 12px rgba(24,186,255,.18)!important}
#calendar .calendar-legend>span.published.has-count{border-color:#39ef70!important;box-shadow:0 0 12px rgba(57,239,112,.16)!important}
#calendar .calendar-legend>span.failed.has-count{border-color:#ff416d!important;box-shadow:0 0 12px rgba(255,65,109,.2)!important}
.calendar-fit-tight #calendar{--calendar-counter-gap:5px;--calendar-counter-width:104px}
.quobli-credit-mark{
  display:inline-grid;
  place-items:center;
  width:1.35em;
  height:1.35em;
  margin-right:.36em;
  border-radius:.38em;
  background:linear-gradient(145deg,#37f06a,#8758ff);
  color:#07110b;
  font-size:.78em;
  font-weight:900;
  vertical-align:.08em;
}
@media(max-width:1180px){
  #calendar .calendar-head>div:nth-child(2){width:var(--calendar-status-row-width)}
  #calendar .calendar-legend{width:100%}
}