.client-guide-panel{margin:24px 0;padding:28px;border:1px solid #557c9b;border-radius:22px;background:linear-gradient(135deg,#162c48,#09192f);box-shadow:0 12px 32px #0003}
.client-guide-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}
.client-guide-heading h2{margin:6px 0 12px;font-size:clamp(1.2rem,2.5vw,1.65rem);color:#f0fbff}
.client-guide-panel p{color:#b5cbe0;line-height:1.65;font-size:.9rem}
.client-guide-heading p{max-width:760px}
.client-guide-tag{white-space:nowrap;padding:8px 12px;border:1px solid #68d5e766;border-radius:999px;color:#8fe8f4;font-size:.65rem;font-weight:800;letter-spacing:.08em}
.client-guide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px}
.client-guide-actions p{margin:0}.client-guide-panel a{color:#83e4f5}
.client-guide-panel button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(1);box-shadow:none}
.client-guide-form{margin-top:24px;padding-top:24px;border-top:1px solid #557c9b66}
.client-guide-form>label{display:block;font-size:.85rem;font-weight:700;color:#d9efff;margin-bottom:10px}
.client-guide-form input{display:block;width:100%;max-width:520px;box-sizing:border-box;padding:14px 16px;border:1px solid #6587a3;border-radius:12px;background:#07162c;color:#f0fbff;font:inherit}
.client-guide-note{max-width:750px;font-size:.8rem!important}
.client-guide-preview{margin-top:24px;border:1px solid #456d8c;border-radius:16px;overflow:hidden;background:#07142c}
.client-guide-preview-header>img{display:block;width:100%;max-height:200px;object-fit:cover}
.client-guide-preview-header>div{padding:24px 24px 0}
.client-guide-preview-header h3{margin:0;color:#f0fbff;font-size:1.4rem}
.client-guide-preview-header strong{overflow-wrap:anywhere}
.client-guide-preview-copy{padding:8px 24px 0;color:#d5e6f4;line-height:1.8;font-size:.9rem;white-space:pre-line;overflow-wrap:anywhere}
.client-guide-preview-copy>div{margin:20px 0}.client-guide-preview-copy h4{margin:0 0 8px;color:#8fe8f4;font-size:1rem}.client-guide-preview-copy p{margin:0}
.client-guide-preview>.client-guide-actions{padding:4px 24px 24px}
.client-guide-cancel{background:transparent;border:1px solid #6587a3;color:#d5e6f4;padding:12px 18px;border-radius:12px;cursor:pointer;font:inherit}
.client-guide-status:empty{display:none}.client-guide-status[data-error="true"]{color:#ffc6ae}
.client-guide-panel [hidden]{display:none!important}
@media(max-width:600px){.client-guide-panel{padding:20px}.client-guide-heading{flex-direction:column;gap:8px}.client-guide-preview-header>div,.client-guide-preview-copy{padding-left:16px;padding-right:16px}.client-guide-preview>.client-guide-actions{padding-left:16px;padding-right:16px}.client-guide-actions>.primary-button{width:100%}}