/* Covozi v1.74 — creator-workspace visual acceptance repair.
 * Focused live-review corrections on top of v1.73:
 * - Landing Pages: swap Edit/Duplicate brand roles.
 * - Instagram Automation: brand the draft/activation decision buttons and rule rail.
 * - AI Assistant: restore full contrast inside Midnight Navy surfaces and tighten the workspace.
 */

:root{
  --cz174-navy:#101C34;
  --cz174-navy-2:#172A4B;
  --cz174-yellow:#F6C62E;
  --cz174-yellow-2:#FFD858;
  --cz174-cream:#FFF9E7;
  --cz174-line:#E2E7EF;
}

/* -------------------------------------------------------------------------
 * Landing Pages Studio — Edit is the immediate creator action; Duplicate is
 * the secondary structural action. Keep Delete semantic red and View live
 * neutral when present.
 * ---------------------------------------------------------------------- */
.covozi-app-frame--landing-pages .covozi-row-actions .button:first-child{
  border-color:var(--cz174-yellow)!important;
  background:var(--cz174-yellow)!important;
  color:var(--cz174-navy)!important;
  box-shadow:0 5px 12px rgba(246,198,46,.18)!important;
}
.covozi-app-frame--landing-pages .covozi-row-actions .button:first-child:hover,
.covozi-app-frame--landing-pages .covozi-row-actions .button:first-child:focus{
  border-color:#E1AE12!important;
  background:var(--cz174-yellow-2)!important;
  color:var(--cz174-navy)!important;
}
.covozi-app-frame--landing-pages .covozi-row-actions .covozi-duplicate{
  border-color:var(--cz174-navy)!important;
  background:var(--cz174-navy)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.covozi-app-frame--landing-pages .covozi-row-actions .covozi-duplicate:hover,
.covozi-app-frame--landing-pages .covozi-row-actions .covozi-duplicate:focus{
  border-color:var(--cz174-navy-2)!important;
  background:var(--cz174-navy-2)!important;
  color:#fff!important;
}

/* -------------------------------------------------------------------------
 * Instagram Automation — make Draft vs Go Live read as an intentional Covozi
 * decision pair instead of a legacy white button plus generic disabled grey.
 * ---------------------------------------------------------------------- */
.covozi-app-frame--instagram-automation .stanloop-comment-automations__actions{
  gap:12px!important;
  padding-top:2px!important;
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__secondary{
  border:1px solid var(--cz174-navy)!important;
  background:var(--cz174-navy)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(16,28,52,.14)!important;
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__secondary:hover,
.covozi-app-frame--instagram-automation .stanloop-comment-automations__secondary:focus{
  border-color:var(--cz174-navy-2)!important;
  background:var(--cz174-navy-2)!important;
  color:#fff!important;
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__primary{
  border:1px solid var(--cz174-yellow)!important;
  background:var(--cz174-yellow)!important;
  color:var(--cz174-navy)!important;
  box-shadow:0 8px 20px rgba(246,198,46,.22)!important;
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__primary:not(:disabled):hover,
.covozi-app-frame--instagram-automation .stanloop-comment-automations__primary:not(:disabled):focus{
  border-color:#E1AE12!important;
  background:var(--cz174-yellow-2)!important;
  color:var(--cz174-navy)!important;
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__primary:disabled{
  opacity:1!important;
  border-color:#E9D98E!important;
  background:#FFF6C9!important;
  color:#7A6200!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__activation-note{
  margin-top:3px!important;
  color:#596579!important;
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__library{
  border-top:4px solid var(--cz174-navy)!important;
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__library .stanloop-smart-replies__empty{
  position:relative;
  padding-top:58px!important;
  background:linear-gradient(180deg,#fff 0%,#FFFDF5 100%)!important;
}
.covozi-app-frame--instagram-automation .stanloop-comment-automations__library .stanloop-smart-replies__empty:before{
  content:"↗";
  position:absolute;
  top:18px;
  left:50%;
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  transform:translateX(-50%);
  border-radius:9px;
  background:var(--cz174-yellow);
  color:var(--cz174-navy);
  font-weight:900;
}

/* -------------------------------------------------------------------------
 * AI Assistant — the v1.73 live page exposed inherited dark body text inside
 * the Midnight Navy approval card. Lock all dark-surface contrast explicitly,
 * keep the panel content-height, and reduce the empty chat staging area.
 * ---------------------------------------------------------------------- */
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__eyebrow{
  background:var(--cz174-navy)!important;
  color:var(--cz174-yellow)!important;
  -webkit-text-fill-color:var(--cz174-yellow)!important;
}
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__guide{
  align-self:start!important;
  background:linear-gradient(155deg,var(--cz174-navy) 0%,#172B4E 100%)!important;
  color:#fff!important;
  border-color:rgba(16,28,52,.55)!important;
  box-shadow:0 18px 42px rgba(16,28,52,.16)!important;
}
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__guide>span{
  color:var(--cz174-yellow)!important;
  -webkit-text-fill-color:var(--cz174-yellow)!important;
}
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__guide h3,
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__guide-list strong{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__guide>p{
  color:#E3EAF4!important;
  -webkit-text-fill-color:#E3EAF4!important;
  opacity:1!important;
}
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__guide-list div{
  border-color:rgba(255,255,255,.15)!important;
  background:rgba(255,255,255,.075)!important;
}
.covozi-app-frame--ai-assistant .stanloop-ai-assistant__guide-list small{
  color:#D3DCE9!important;
  -webkit-text-fill-color:#D3DCE9!important;
  opacity:1!important;
}
.covozi-app-frame--ai-assistant .stanloop-ai-modal__messages{
  min-height:230px!important;
}
.covozi-app-frame--ai-assistant .stanloop-ai-modal__send{
  border:1px solid var(--cz174-navy)!important;
  background:var(--cz174-navy)!important;
  color:#fff!important;
}
.covozi-app-frame--ai-assistant .stanloop-ai-modal__send:hover,
.covozi-app-frame--ai-assistant .stanloop-ai-modal__send:focus{
  border-color:var(--cz174-yellow)!important;
  background:var(--cz174-yellow)!important;
  color:var(--cz174-navy)!important;
}

@media(max-width:820px){
  .covozi-app-frame--instagram-automation .stanloop-comment-automations__library{border-top-width:3px!important}
  .covozi-app-frame--ai-assistant .stanloop-ai-modal__messages{min-height:190px!important}
}
