/* CommandLedger v1.9.17 — Marketing Campaign Studio */
.cl1917-tabs{overflow-x:auto;scrollbar-width:thin}.cl1917-head{align-items:flex-start}.cl1917-paid-lock{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 18px;padding:13px 16px;border:1px solid #dbe3e8;border-left:4px solid #17324d;border-radius:10px;background:#f8fafb}.cl1917-paid-lock b{color:#17324d}.cl1917-paid-lock span{color:#637181;font-size:13px}.cl1917-metrics{margin-bottom:18px}.cl1917-health-grid{display:grid;gap:10px}.cl1917-health-card{border:1px solid #dfe5ea;border-radius:11px;padding:12px;background:#fff}.cl1917-health-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.cl1917-health-top div{display:flex;flex-direction:column;gap:2px}.cl1917-health-top small{color:#7b8793}.cl1917-health-card p{margin:8px 0;color:#596674;font-size:12px;line-height:1.45}.cl1917-health{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.cl1917-health.good{background:#e9f7ef;color:#187245}.cl1917-health.wait{background:#fff5dd;color:#8a5a00}.cl1917-health.bad{background:#fdecec;color:#a32929}.cl1917-health.neutral{background:#edf1f4;color:#5c6874}.cl1917-queue-row{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;padding:11px 0;border:0;border-bottom:1px solid #edf0f2;background:transparent;cursor:pointer}.cl1917-queue-row>div{display:grid;gap:3px}.cl1917-queue-row b{color:#1e2d3d}.cl1917-queue-row small{color:#74808c}.cl1917-stat-row{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #edf0f2;text-transform:capitalize}.cl1917-big-result{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.cl1917-big-result b{font-size:28px}.cl1917-big-result span{font-size:12px;color:#6b7885}.cl1917-composer-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;align-items:start}.cl1917-compose-main .card-body{display:grid;gap:18px}.cl1917-destination-box{border:1px solid #dbe2e8;border-radius:11px;padding:14px;background:#f9fbfc}.cl1917-destination-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.cl1917-destination-title>div{display:flex;flex-direction:column;gap:3px}.cl1917-destination-title small{color:#6b7784}.cl1917-reco{font-size:10px;font-weight:900;text-transform:uppercase;border-radius:999px;padding:5px 8px;white-space:nowrap}.cl1917-reco.yes{background:#eaf6ee;color:#1d7148}.cl1917-reco.no{background:#edf1f4;color:#5e6b76}.cl1917-destination-select{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.cl1917-destination-select label{display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:1px;align-items:center;border:1px solid #dde4e9;background:#fff;border-radius:9px;padding:10px;cursor:pointer}.cl1917-destination-select input{grid-row:1/3}.cl1917-destination-select small{color:#75808b}.cl1917-image-row{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center;border-top:1px solid #e5e9ed;padding-top:16px}.cl1917-image-row img,.cl1917-image-placeholder{width:180px;height:180px;border-radius:10px;border:1px solid #dce2e7;object-fit:cover;background:#f6f8fa}.cl1917-image-placeholder{display:grid;place-items:center;color:#7b8793;font-size:12px}.cl1917-image-row p{color:#64717e;font-size:12px}.cl1917-channel-editor{position:sticky;top:16px}.cl1917-channel-editor .card-body{display:grid;gap:14px}.cl1917-channel-editor textarea{font-size:13px;line-height:1.45}.cl1917-composer-actions{position:sticky;bottom:0;z-index:4;margin-top:18px;padding:12px 14px;border:1px solid #d9e0e5;border-radius:10px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 -4px 18px rgba(29,45,61,.06)}.cl1917-composer-actions span{font-size:12px;color:#697684}.cl1917-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cl1917-post-card{border:1px solid #dde4e9;border-radius:12px;background:#fff;padding:15px}.cl1917-post-card h3{margin:10px 0 6px}.cl1917-post-card p{color:#5f6c79;line-height:1.5;min-height:54px}.cl1917-post-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.cl1917-post-top>div{display:flex;gap:7px;flex-wrap:wrap}.cl1917-post-top>span{font-size:11px;color:#74808c}.cl1917-type,.cl1917-google-badge{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:800;text-transform:capitalize;background:#edf1f4;color:#4e5d69}.cl1917-google-badge{margin-left:6px;background:#eaf6ee;color:#1d7148}.cl1917-channel-pills{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.cl1917-channel-pills span{font-size:10px;font-weight:800;padding:4px 7px;border-radius:999px;background:#eef2f5;color:#4c5965}.cl1917-channel-pills .facebook{background:#eaf1ff;color:#315f9f}.cl1917-channel-pills .linkedin{background:#e8f3fa;color:#176b9a}.cl1917-channel-pills .google{background:#edf7ed;color:#2d743e}.cl1917-delivery-line{font-size:10px;color:#788490;margin:7px 0 11px}.cl1917-calendar-list{display:grid;gap:10px}.cl1917-calendar-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid #e1e6ea;border-radius:10px;padding:12px}.cl1917-date-block{display:flex;flex-direction:column;gap:4px}.cl1917-date-block span{font-size:10px;text-transform:uppercase;color:#77838e}.cl1917-calendar-row h4{margin:0 0 4px}.cl1917-campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cl1917-campaign{border:1px solid #dde4e9;border-radius:11px;padding:14px}.cl1917-campaign-top{display:flex;justify-content:space-between;gap:12px}.cl1917-campaign-top h3{margin:0 0 3px}.cl1917-campaign-top small{color:#74808b}.cl1917-campaign-top>span{font-size:11px;font-weight:800;background:#edf1f4;border-radius:999px;padding:5px 8px;height:max-content}.cl1917-campaign p{color:#63707c;min-height:38px}.cl1917-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cl1917-library-card{border:1px solid #dde4e9;border-radius:11px;padding:14px;display:flex;flex-direction:column}.cl1917-library-card h3{margin:10px 0 2px}.cl1917-library-card>small{color:#788490}.cl1917-library-card p{color:#5d6b78;line-height:1.45;flex:1}.cl1917-review-card{text-align:center}.cl1917-review-card>img{width:min(100%,300px);border:1px solid #dde4e9;border-radius:10px;background:#fff}.cl1917-copy{display:flex;gap:8px;margin:12px 0}.cl1917-copy input{flex:1}.cl1917-review-card p{color:#64717d}.cl1917-review-list{display:grid;gap:8px}.cl1917-review-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf0f2}.cl1917-review-row>div{display:flex;flex-direction:column;gap:2px}.cl1917-review-row small{color:#7b8793}.cl1917-health-section,.cl1917-studio-settings{margin-top:18px}.cl1917-assets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cl1917-asset{position:relative;border:1px solid #dde4e9;border-radius:11px;padding:10px;background:#fff}.cl1917-asset img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#f7f9fa;border-radius:8px;border:1px solid #e4e8eb}.cl1917-asset>div{display:flex;flex-direction:column;gap:2px;padding:8px 0}.cl1917-asset small{color:#77838f}.cl1917-lock{position:absolute;top:16px;right:16px;background:#17324d;color:#fff;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.check-grid{display:flex;gap:16px;flex-wrap:wrap}.check-grid label{display:flex;gap:6px;align-items:center}.small{padding:6px 9px!important;font-size:11px!important}
@media(max-width:1100px){.cl1917-composer-grid{grid-template-columns:1fr}.cl1917-channel-editor{position:static}.cl1917-post-grid,.cl1917-campaign-grid,.cl1917-library-grid{grid-template-columns:1fr}.cl1917-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.cl1917-paid-lock,.cl1917-composer-actions{flex-direction:column;align-items:flex-start}.cl1917-destination-select{grid-template-columns:1fr}.cl1917-image-row{grid-template-columns:1fr}.cl1917-calendar-row{grid-template-columns:1fr}.cl1917-assets-grid{grid-template-columns:1fr}.cl1917-review-row{grid-template-columns:1fr}.cl1917-copy{flex-direction:column}}

/* CL1918_MARKETING_METRIC_LAYOUT_HOTFIX_1
   v1.9.17 introduced a new metric container class, so the prior dashboard
   card-layout protection no longer applied. Keep labels, values, and captions
   in a clean vertical stack with no absolute-position overlap. */
#content .cl1917-metrics{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
#content .cl1917-metrics .metric{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  min-width:0!important;
  min-height:160px!important;
  padding:18px 16px!important;
  overflow:hidden!important;
}
#content .cl1917-metrics .metric>span{
  display:block!important;
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  float:none!important;
  width:100%!important;
  min-height:38px!important;
  margin:0 0 10px!important;
  padding:0!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  white-space:normal!important;
  overflow:visible!important;
  color:#202b35!important;
}
#content .cl1917-metrics .metric>strong{
  display:block!important;
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  float:none!important;
  width:auto!important;
  height:auto!important;
  margin:0 0 10px!important;
  padding:0!important;
  font-size:32px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:visible!important;
  color:#15202a!important;
}
#content .cl1917-metrics .metric>small{
  display:block!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  float:none!important;
  width:100%!important;
  margin:auto 0 0!important;
  padding:0!important;
  font-size:12px!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow:visible!important;
  color:#53616b!important;
}
@media(max-width:1100px){
  #content .cl1917-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  #content .cl1917-metrics{grid-template-columns:1fr!important}
  #content .cl1917-metrics .metric{min-height:136px!important}
}
