.cloud-login,.cloud-demo main{max-width:680px;margin:8vh auto;padding:32px;border:1px solid #d8dfec;border-radius:24px;background:#fff;box-shadow:0 16px 60px #0f1f4d12;color:#0f1f4d;font-family:system-ui,sans-serif}.cloud-login{max-width:480px}.cloud-login input,.cloud-login button,.cloud-login label{display:block;width:100%;margin:12px 0;box-sizing:border-box}.cloud-login input{padding:12px;border:1px solid #cbd5e1;border-radius:10px}.cloud-login button{padding:12px;border:0;border-radius:12px;background:#087666;color:#fff;cursor:pointer}.cloud-login code{display:block;overflow-wrap:anywhere;user-select:all}.cloud-login .error{color:#a51b32}.cloud-control-row{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.cloud-control-row>*{flex:1;min-width:180px}.cloud-demo{background:#f4f7ff;margin:0}.cloud-operation{padding:12px;border:1px solid #d8dfec;border-radius:12px;margin:8px 0}.cloud-note{padding:12px;background:#eff8f4;border-radius:12px}.cloud-banner{border:1px solid #ddb85d;background:#fff6db;padding:12px;border-radius:10px;margin-bottom:16px}

.cloud-installation textarea{width:100%;box-sizing:border-box;min-height:110px;font:13px/1.7 monospace;padding:16px;background:#f4f7ff;border:1px solid #c8d4e8;border-radius:12px}
.cloud-installation-content>button,.cloud-installation-content>a{margin:8px 8px 8px 0;display:inline-flex}.cloud-installation ol{padding-left:24px;line-height:1.8}.cloud-installation dd{overflow-wrap:anywhere;margin:6px 0 14px}.cloud-installation details{margin-top:20px}
.cloud-system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:16px}.cloud-system-check{position:relative;padding:16px;border:1px solid #dce4ef;border-left:4px solid #99711b;border-radius:12px;background:#fff}.cloud-system-check[data-state=green]{border-left-color:#168044}.cloud-system-check[data-state=red]{border-left-color:#b12d43}.cloud-system-check strong{display:block;font-size:14px;line-height:1.5}.cloud-system-check p{font-size:12px;line-height:1.7;color:#475872}.cloud-system-check small{color:#61718a;font-size:11px}.cloud-system-badge{display:inline-block;margin-top:7px;padding:3px 8px;border-radius:7px;background:#fff4d7;color:#77551b;font-size:11px}.cloud-system-check[data-state=green] .cloud-system-badge{background:#e7f5ec;color:#17693b}.cloud-system-check[data-state=red] .cloud-system-badge{background:#fdeef1;color:#97283b}.cloud-system-gate{padding:14px;border:1px solid #e3b2bb;border-radius:10px;color:#8e2437;background:#fff5f6}.cloud-system-gate[data-ready=true]{border-color:#b2d8c0;color:#175d35;background:#eff9f2}.cloud-system>div>button{margin:8px 8px 0 0}.cloud-system details{margin-top:20px;padding:16px;border:1px solid #dce4ef;border-radius:12px}.cloud-system details label{display:block;margin:12px 0}.cloud-system details input{display:block;min-height:40px;max-width:100%;width:360px}.cloud-system details button{margin:8px 8px 0 0}

.cloud-system-gate[data-simulated=true]{background:#fff7df;border-color:#e1cb8d;color:#75551b}.cloud-system-check p{overflow-wrap:anywhere}

.cloud-integration-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:16px 0}.cloud-integration-fields>label{margin:0;min-width:0}.cloud-integration-fields input:not([type=checkbox]),.cloud-integration-fields select{width:100%;box-sizing:border-box;min-width:0}.cloud-integration-wide{grid-column:1/-1}.cloud-integration-fields input[type=checkbox]{width:20px;height:20px}.cloud-admin-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.cloud-admin-shortcuts a{padding:9px 13px;border:1px solid #bdcddc;border-radius:9px;text-decoration:none;font-weight:600}.cloud-admin-shortcuts a:focus-visible{outline:3px solid #0f1f4d;outline-offset:3px}#cloud-smtp,#cloud-crm{scroll-margin-top:90px}@media(max-width:700px){.cloud-integration-fields{grid-template-columns:minmax(0,1fr)}}

#cloud-crm>details{margin:16px 0;padding:14px;border:1px solid #d6e0ed;border-radius:12px;background:#f8fafc}#cloud-crm summary{font-weight:650;cursor:pointer}#cloud-crm textarea{width:100%;box-sizing:border-box;font:13px/1.6 monospace;padding:12px;border:1px solid #cbd5e1;border-radius:8px}#cloud-crm input[type=password],#cloud-crm input[type=text]{width:100%;box-sizing:border-box}.cloud-login form{margin:20px 0}.cloud-login label{font-weight:600}