/* CODSHIPX_AI_R16_MASTER_MANAGEMENT_UI_INTEGRATION */
.cx-mk-management-r16{
  margin:14px 28px 12px;
  padding:15px 16px;
  border:1px solid #dfe7ee;
  border-radius:16px;
  background:
    radial-gradient(circle at 94% 0,#9ddf2d12,transparent 34%),
    #fbfcfd;
  box-shadow:0 8px 24px rgba(16,38,63,.055);
}

.cx-mk-management-r16,
.cx-mk-management-r16 *{
  box-sizing:border-box;
}

.cx-mk-r16-copy{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.cx-mk-r16-kicker{
  color:#719722;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}

.cx-mk-r16-copy strong{
  color:#122138;
  font-size:14px;
  line-height:1.25;
}

.cx-mk-r16-copy small{
  color:#6d7d91;
  font-size:11px;
  line-height:1.5;
  max-width:920px;
}

.cx-mk-r16-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

.cx-mk-r16-actions button{
  appearance:none;
  min-height:38px;
  padding:0 12px;
  border:1px solid #d8e1e9;
  border-radius:10px;
  background:#fff;
  color:#253c55;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  transition:
    transform .12s ease,
    border-color .12s ease,
    box-shadow .12s ease;
}

.cx-mk-r16-actions button:hover{
  transform:translateY(-1px);
  border-color:#bbc9d6;
  box-shadow:0 6px 14px rgba(16,38,63,.08);
}

.cx-mk-r16-actions button:focus-visible{
  outline:3px solid rgba(139,205,31,.22);
  outline-offset:2px;
}

.cx-mk-r16-actions .cx-mk-r16-codi{
  color:#224000;
  border-color:#cfe3a4;
  background:#f5fbe9;
}

.cx-mk-r16-actions .cx-mk-r16-replace{
  color:#8a402d;
  border-color:#ead0c7;
  background:#fff8f5;
}

.cx-mk-r16-guide{
  display:flex;
  align-items:flex-start;
  gap:6px;
  margin-top:11px;
  padding:9px 10px;
  border-radius:10px;
  background:#f3f6f9;
  color:#617286;
  font-size:10.5px;
  line-height:1.45;
}

.cx-mk-r16-guide b{
  flex:0 0 auto;
  color:#334b65;
}

.cx-mk-r16-status{
  min-height:0;
  margin-top:0;
  color:#53677d;
  font-size:10.5px;
  font-weight:750;
  line-height:1.4;
}

.cx-mk-r16-status:not(:empty){
  margin-top:10px;
  padding:9px 10px;
  border-radius:10px;
  border:1px solid #dfe7ee;
  background:#fff;
}

.cx-mk-r16-status[data-type="ok"]{
  color:#3f6610;
  border-color:#d3e6b4;
  background:#f6fbea;
}

.cx-mk-r16-status[data-type="warn"]{
  color:#825b16;
  border-color:#ead9ae;
  background:#fffaf0;
}

.cx-mk-r16-status[data-type="error"]{
  color:#9c3f33;
  border-color:#e9c9c5;
  background:#fff6f5;
}

.cx-mk-r16-status[data-type="busy"]{
  color:#3a5878;
  background:#f4f8fb;
}

@media (max-width:760px){
  .cx-mk-management-r16{
    margin:12px 16px 10px;
    padding:13px;
  }

  .cx-mk-r16-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .cx-mk-r16-actions button{
    width:100%;
    min-height:42px;
  }

  .cx-mk-r16-guide{
    flex-direction:column;
    gap:2px;
  }
}

/* CODSHIPX_AI_R16_R3_MASTER_UPLOAD_UX_NO_REFRESH */
.cx-mk-management-r16{position:relative;overflow:visible}
.cx-mk-r16-actions button:disabled{cursor:not-allowed;opacity:.52;transform:none!important;box-shadow:none!important}
.cx-mk-r16-status{display:flex;align-items:flex-start;gap:10px}
.cx-mk-r16-status:empty{display:none}
.cx-mk-r17-message-icon{flex:0 0 25px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#edf3f7;color:#53677d;font-size:13px;font-weight:900}
.cx-mk-r16-status[data-type="ok"] .cx-mk-r17-message-icon{background:#e4f4c8;color:#4f781c}
.cx-mk-r16-status[data-type="error"] .cx-mk-r17-message-icon{background:#f9dfdb;color:#a84437}
.cx-mk-r16-status[data-type="busy"] .cx-mk-r17-message-icon{animation:cxMkR17Rotate 1s linear infinite}
.cx-mk-r17-message-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.cx-mk-r17-message-copy strong{color:inherit;font-size:11px}
.cx-mk-r17-message-copy span{color:inherit;font-size:10.5px;line-height:1.45;font-weight:650}
.cx-mk-r17-flow{position:fixed;inset:0;z-index:2147483200;display:grid;place-items:center;padding:20px;background:rgba(11,18,28,.54);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cx-mk-r17-flow-card{width:min(470px,calc(100vw - 30px));max-height:min(720px,calc(100vh - 32px));overflow:auto;border:1px solid rgba(255,255,255,.9);border-radius:24px;padding:20px;background:radial-gradient(circle at 92% 0,#a6e7311f,transparent 34%),#fff;box-shadow:0 28px 80px rgba(5,18,35,.28),0 3px 14px rgba(5,18,35,.12);color:#13243a}
.cx-mk-r17-flow-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cx-mk-r17-flow-badge{color:#729923;font-size:9px;font-weight:900;letter-spacing:.14em}
.cx-mk-r17-flow-close{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:#f1f4f7;color:#445a72;font-size:21px;line-height:1;cursor:pointer}
.cx-mk-r17-flow-visual{width:58px;height:58px;margin:18px 0 13px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#f2f9e6,#e7f4cd);color:#5a8619;font-size:25px;font-weight:900;box-shadow:inset 0 0 0 1px #d6e8b4}
.cx-mk-r17-flow-visual.is-spinning{position:relative;background:#f7fafc;box-shadow:inset 0 0 0 1px #dde6ee}
.cx-mk-r17-flow-visual.is-spinning::before{content:"";width:28px;height:28px;border:3px solid #dfe7ed;border-top-color:#7eaf28;border-radius:50%;animation:cxMkR17Rotate .85s linear infinite}
.cx-mk-r17-flow[data-mode="success"] .cx-mk-r17-flow-visual{background:linear-gradient(145deg,#eff9df,#dcf0b8);color:#4f7c12}
.cx-mk-r17-flow[data-mode="error"] .cx-mk-r17-flow-visual{background:#fff1ef;color:#a84739;box-shadow:inset 0 0 0 1px #efd1cb}
.cx-mk-r17-flow-card h3{margin:0;color:#102138;font-size:19px;line-height:1.22}
.cx-mk-r17-flow-card p{margin:7px 0 0;color:#6b7c90;font-size:11.5px;line-height:1.55}
.cx-mk-r17-file{margin-top:14px;padding:10px 11px;border:1px solid #dfe7ee;border-radius:11px;background:#f8fafb;color:#435971;font-size:10.5px;font-weight:800;overflow-wrap:anywhere}
.cx-mk-r17-guardrails{display:grid;gap:8px;margin-top:14px}
.cx-mk-r17-guardrails>div{display:grid;grid-template-columns:84px 1fr;gap:9px;padding:9px 10px;border-radius:10px;background:#f5f7f9;font-size:10.5px;line-height:1.45}
.cx-mk-r17-guardrails b{color:#354d66}
.cx-mk-r17-guardrails span{color:#68798b}
.cx-mk-r17-steps{display:grid;gap:7px;margin-top:15px}
.cx-mk-r17-step{display:flex;align-items:center;gap:9px;min-height:38px;padding:7px 9px;border:1px solid #e2e9ef;border-radius:10px;background:#fafbfc;color:#7a8998;font-size:10.5px;font-weight:750}
.cx-mk-r17-step i{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;border-radius:50%;background:#edf1f4;color:#758493;font-style:normal;font-size:9px;font-weight:900}
.cx-mk-r17-step[data-state="active"]{border-color:#cbdca9;background:#f6faee;color:#526a2f}
.cx-mk-r17-step[data-state="active"] i{color:transparent;background:#e7f2d4;position:relative}
.cx-mk-r17-step[data-state="active"] i::before{content:"";width:11px;height:11px;border:2px solid #adc67c;border-top-color:#66951e;border-radius:50%;animation:cxMkR17Rotate .8s linear infinite}
.cx-mk-r17-step[data-state="done"]{border-color:#d5e5ba;background:#f8fbf2;color:#506b29}
.cx-mk-r17-step[data-state="done"] i{background:#dfefc5;color:#4f7d14;font-size:0}
.cx-mk-r17-step[data-state="done"] i::after{content:"✓";font-size:11px}
.cx-mk-r17-flow-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.cx-mk-r17-flow-actions button{min-height:40px;padding:0 15px;border-radius:11px;font:inherit;font-size:11px;font-weight:850;cursor:pointer}
.cx-mk-r17-secondary{border:1px solid #d9e1e8;background:#fff;color:#435970}
.cx-mk-r17-primary{border:1px solid #8fc931;background:linear-gradient(135deg,#a8e53a,#88c927);color:#203708;box-shadow:0 8px 18px rgba(107,151,34,.18)}
@keyframes cxMkR17Rotate{to{transform:rotate(360deg)}}
@media (max-width:600px){
  .cx-mk-r17-flow{padding:12px}
  .cx-mk-r17-flow-card{width:100%;padding:17px;border-radius:20px}
  .cx-mk-r17-guardrails>div{grid-template-columns:1fr;gap:2px}
  .cx-mk-r17-flow-actions{display:grid;grid-template-columns:1fr}
  .cx-mk-r17-flow-actions button{width:100%}
}

