/* Targeted presentability fix for the four-stage marketing showcase. Loaded after peek-four-stage-live.css. */

/* Stage 1: fully styled Ask QALYNTRA live UI */
.qcs-live-stage-1 .qcs-live-frame{background:linear-gradient(180deg,#edf4ff,#f8fbff)!important}
.qcs-ask-ui{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#eef5ff 0%,#f8fbff 100%);color:#102f73;font-family:inherit}
.qcs-ask-backdrop{position:absolute;inset:0;padding:20px 24px;opacity:.48;filter:blur(.15px);background:linear-gradient(180deg,#f6faff,#edf5ff)}
.qcs-ask-workspace-top{display:flex;align-items:center;gap:14px;height:52px;padding:0 12px;border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(28,64,129,.07)}
.qcs-ask-workspace-top strong{font-size:14px;letter-spacing:.02em}.qcs-ask-workspace-top span{font-size:12px;font-weight:700}.qcs-ask-workspace-top i{margin-left:auto;font-style:normal;font-size:11px;font-weight:800;color:#5f53ea}
.qcs-ask-workspace-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px}.qcs-ask-workspace-nav span{padding:11px 8px;border:1px solid #d8e5f5;border-radius:11px;background:#fff;text-align:center;font-size:9px;font-weight:800;color:#29487e}.qcs-ask-workspace-nav .active{background:linear-gradient(135deg,#2457d9,#0f82c8);color:#fff;box-shadow:0 8px 20px rgba(43,89,205,.24)}
.qcs-ask-workspace-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.qcs-ask-workspace-cards span{height:130px;border-radius:14px;background:linear-gradient(180deg,#fff,#f3f7fd);border:1px solid #dbe7f4}
.qcs-ask-modal{position:absolute;z-index:4;left:8%;right:6%;top:7%;bottom:7%;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(121,136,242,.2);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 30px 80px rgba(42,60,130,.20),0 0 0 1px rgba(255,255,255,.8) inset}
.qcs-ask-head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:20px 22px;border-bottom:1px solid #e2e9f4;background:linear-gradient(135deg,#f5fbff,#efebff)}
.qcs-ask-bot{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:linear-gradient(145deg,#5377ff,#7445ef);color:#fff;font-size:18px;font-weight:900;box-shadow:0 10px 26px rgba(89,74,235,.28)}
.qcs-ask-head small,.qcs-ask-head strong,.qcs-ask-head p{display:block}.qcs-ask-head small{color:#5b66b7;font-size:8px;font-weight:900;letter-spacing:.18em}.qcs-ask-head strong{margin-top:3px;color:#0b2f74;font-size:21px}.qcs-ask-head p{margin:4px 0 0;color:#71809c;font-size:9px}.qcs-ask-head button{width:38px;height:38px;border:0;border-radius:11px;background:#fff;color:#6d7895;font-size:21px;box-shadow:0 4px 16px rgba(40,64,120,.08)}
.qcs-ask-body{display:flex;min-height:0;flex:1;flex-direction:column;gap:12px;padding:18px 22px}
.qcs-ask-prompt{padding:15px 17px;border:1px solid #e1e8f4;border-radius:18px;background:#fbfdff;text-align:center}.qcs-ask-prompt>span{display:grid;width:34px;height:34px;margin:0 auto 8px;place-items:center;border-radius:10px;background:#f2edff;color:#7048ee;font-weight:900}.qcs-ask-prompt strong{display:block;font-size:12px}.qcs-ask-prompt p{margin:6px auto 0;max-width:590px;color:#71819d;font-size:8px;line-height:1.45}
.qcs-ask-conversation{padding:13px 14px;border:1px solid #e3e9f3;border-radius:16px;background:#fff}.qcs-ask-conversation>div:not(.qcs-ask-actions){display:grid;grid-template-columns:44px 1fr;gap:9px;align-items:start;margin-bottom:8px}.qcs-ask-conversation b{display:grid;min-height:30px;place-items:center;border-radius:9px;background:#f1efff;color:#6349e9;font-size:8px}.qcs-ask-conversation .answer b{background:linear-gradient(145deg,#5d6df7,#7148ec);color:#fff}.qcs-ask-conversation p{margin:0;padding:8px 10px;border-radius:10px;background:#f7f9fc;color:#3f557a;font-size:8px;line-height:1.45}.qcs-ask-conversation p strong{color:#183b78;font-size:8px}
.qcs-ask-actions{display:flex;flex-wrap:wrap;gap:6px;margin-left:53px}.qcs-ask-actions span{padding:6px 8px;border-radius:999px;background:#eaf8f2;color:#17805d;font-size:7px;font-weight:850}
.qcs-ask-input{display:flex;align-items:center;gap:12px;margin-top:auto;padding:13px 14px;border:1.5px solid #b9dfff;border-radius:16px;background:#fbfdff;color:#93a0b6;font-size:8px}.qcs-ask-input span{flex:1}.qcs-ask-input button{border:0;border-radius:10px;padding:9px 14px;background:linear-gradient(145deg,#6785e9,#6b72ce);color:#fff;font-size:9px;font-weight:850}
.qcs-ask-foot{padding:0 22px 13px;text-align:center;color:#91a0b7;font-size:7px}

/* Stage 2: show the complete workspace image instead of an enlarged crop. */
.qcs-live-stage-2 .qcs-live-frame{display:flex!important;align-items:center!important;justify-content:center!important;background:#f8fbff!important}
.qcs-live-stage-2 .qcs-live-product-image{width:82%!important;height:82%!important;max-width:82%!important;max-height:82%!important;object-fit:contain!important;object-position:center center!important;transform:none!important;margin:auto!important;border-radius:18px;box-shadow:0 14px 40px rgba(31,69,132,.10)}

@media (max-width:900px){
  .qcs-ask-modal{left:4%;right:4%;top:4%;bottom:4%}.qcs-ask-head{padding:14px}.qcs-ask-head strong{font-size:16px}.qcs-ask-body{padding:12px}.qcs-ask-workspace-nav{grid-template-columns:repeat(3,1fr)}
  .qcs-live-stage-2 .qcs-live-product-image{width:94%!important;height:94%!important;max-width:94%!important;max-height:94%!important}
}