.cid-page{display:grid;gap:18px;color:#153052}.cid-page header,.cid-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.cid-page h2{font-size:28px;margin:8px 0}.cid-eyebrow{font-size:11px;color:#008a92;letter-spacing:.08em;font-weight:800}.cid-card{padding:22px;background:#fff;border:1px solid #dce6f2;border-radius:18px;min-width:0}.cid-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cid-page label,.cid-modal label{display:grid;gap:7px;font-size:12px;font-weight:700}.cid-page select,.cid-modal select,.cid-modal input,.cid-modal textarea{box-sizing:border-box;width:100%;min-width:0;padding:11px;border:1px solid #c9d9e9;border-radius:10px;background:white;color:#16304f}.cid-modal textarea{min-height:85px}.cid-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.cid-page .btn,.cid-modal .btn{min-height:44px}.cid-danger{color:#a52d36!important;background:#fff0f0!important;border-color:#eabbbf!important}.cid-help{font-size:12px;line-height:1.6;color:#667c95}.cid-notice{background:#fff4d7;padding:14px;border-radius:12px;color:#755313;font-size:13px}.cid-job{padding:18px 0;display:flex;justify-content:space-between;align-items:start;gap:15px;border-bottom:1px solid #e4ecf3}.cid-job p{margin:9px 0}.cid-job small{color:#637a94}.cid-status{display:inline-block;margin-left:12px;background:#eef3fa;border-radius:20px;padding:6px 10px;font-size:11px}.cid-status.confirmed{background:#e0f5ee;color:#076748}.cid-status.uncertain,.cid-status.failed{background:#fff0d9;color:#885000}.cid-empty{color:#64768d;padding:24px}.cid-modal{max-width:650px;width:90vw;max-height:85vh;border:1px solid #ceddeb;border-radius:18px;padding:24px;color:#153052}.cid-modal::backdrop{background:#10274499}.cid-modal form{display:grid;gap:16px}.cid-modal .cid-title{position:sticky;top:-24px;background:white;z-index:1;padding:8px 0}.cid-modal #cid-form-message{overflow-wrap:anywhere}#cid-message:not(:empty){padding:14px;border-radius:10px;background:#fff4d7}.cid-simulation{padding:12px;border:2px dashed #bb921c;border-radius:12px;background:#fff8df;color:#70520b}.cid-simulation button{margin:6px}.cid-sim-banner{position:fixed;bottom:0;left:0;right:0;padding:7px;text-align:center;background:#fff0c0;color:#715300;z-index:9999;font-size:12px;pointer-events:none}@media(max-width:700px){.cid-fields{grid-template-columns:1fr}.cid-page header,.cid-title,.cid-job{align-items:stretch;flex-direction:column}.cid-status{margin:10px 0 0}.cid-card{padding:16px}.cid-modal{padding:16px}.cid-modal .cid-title{top:-16px;flex-direction:row}.cid-actions{display:grid;grid-template-columns:1fr}.cid-page h2{font-size:24px}}
.cid-page>header{height:auto;min-height:0;position:static;padding:20px;border:1px solid #dce6f2;border-radius:18px;background:#fff;box-sizing:border-box}.cid-page{padding-bottom:70px}.cid-page .btn,.cid-modal .btn{border:1px solid #c9d9e9;border-radius:10px;background:#f4f8fd;color:#173a65;padding:10px 14px;scroll-margin-block:100px}.cid-modal .btn.primary{background:#008b96;color:#fff;border-color:#008b96}#cid-connectors summary{cursor:pointer;padding:14px 0;min-height:44px;box-sizing:border-box;color:#007d88;font-weight:700}#cid-contact{overflow-wrap:anywhere}
.cid-page [hidden],.cid-modal [hidden]{display:none!important}
.cid-modal input[type=checkbox]{width:20px;height:20px;padding:0;accent-color:#008b96}