.connection-panel{margin-bottom:24px}.connection-heading{display:flex;gap:20px;align-items:flex-start;margin-bottom:25px}.connection-heading h2,.public-page-panel h2{font-size:clamp(24px,3vw,34px);letter-spacing:-1px;margin:4px 0 10px}.connection-heading p{margin:0;max-width:680px}.connection-icon{display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;border-radius:18px;background:#d9f3ec;color:#154d4b}.connection-icon svg{width:28px;height:28px}.connection-status{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 0}.connection-status button{margin-left:auto}.connection-panel fieldset{border:0;padding:0;min-width:0}.connection-panel label:not(.connection-choice){display:grid;gap:8px;margin:18px 0;max-width:500px;font-weight:600}.connection-panel input:not([type=checkbox]),.connection-panel select{width:100%;min-height:50px;border:1px solid #bdcdc9;border-radius:10px;background:white;padding:12px;color:#163735;font:inherit}.connection-panel input[type=checkbox]{width:22px;height:22px;flex-shrink:0;accent-color:#18766b}.connection-choice{display:flex;gap:13px;align-items:center;min-height:52px;margin:12px 0;padding:12px 14px;border:1px solid #d9e5e1;border-radius:12px;cursor:pointer;line-height:1.6}.connection-warning{background:#fff8eb;border:1px solid #ecdbb9;border-radius:13px;padding:15px;margin:12px 0 22px}.connection-panel summary{cursor:pointer;font-weight:650;min-height:36px;align-content:center}.connection-panel details:not(.connection-warning){border-top:1px solid #e2e9e5;margin-top:24px;padding-top:16px}.connection-panel .connection-settings,.connection-step{border-top:1px solid #e2e9e5;margin-top:22px;padding-top:22px}.connection-pairing{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:24px;background:#f2f8f5;border-radius:16px}.connection-pairing img{max-width:100%;height:auto;background:white;border-radius:12px}.connection-pairing li{margin:12px 0}.connection-log div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e5eae8}.connection-list{margin-top:28px}.connection-list button{display:flex;justify-content:space-between;gap:20px;width:100%;text-align:left;margin:10px 0}.connection-panel button{margin-bottom:8px}.aftercare-settings{max-width:900px}.public-page-panel>header>p{max-width:760px;line-height:1.7}.public-page-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);gap:28px;margin-top:28px;align-items:start}.public-page-preview{border:1px solid #d5e4dd;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 12px 40px #123f3210}.public-preview-cover{position:relative;min-height:210px;background:radial-gradient(ellipse at 110% 100%,#a4d8c4 0%,#a4d8c4 26%,transparent 26.3%),radial-gradient(ellipse at 90% 140%,#5d9f8b 0%,#5d9f8b 54%,transparent 54.4%),#123d3c;padding:24px;color:white;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.public-preview-cover>span:first-child{font-weight:800;letter-spacing:2px}.public-preview-cover small{display:block;font-size:9px;letter-spacing:4px;font-weight:400}.public-preview-badge{font-size:10px;letter-spacing:1.5px;padding:8px 12px;border:1px solid #ffffff55;border-radius:30px}.public-preview-monogram{position:absolute;bottom:-28px;left:28px;width:78px;height:78px;border:5px solid white;border-radius:22px;background:#d8f2e6;display:grid;place-items:center;color:#153f3c;font-weight:800;font-size:32px}.public-preview-body{padding:48px 28px 28px}.public-preview-body h3{font-size:30px;letter-spacing:-1px;margin:8px 0}.public-preview-body>p:not(.eyebrow){color:#64766f}.public-preview-meta{display:flex;flex-wrap:wrap;gap:14px;border-bottom:1px solid #e5ece8;padding:10px 0 25px}.public-preview-meta span{display:flex;align-items:center;gap:8px;font-size:12px;color:#506860}.public-preview-meta svg{width:17px;height:17px}.public-preview-body h4{font-size:19px;margin:26px 0 10px}.public-preview-service{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e3ebe6;padding:18px 0}.public-preview-service>div{display:grid;gap:5px}.public-preview-service small,.public-preview-body>small{color:#66776e;font-size:12px;line-height:1.7}.public-preview-body>.primary{margin-top:25px;display:flex;justify-content:center}.public-preview-body>small{display:block;margin-top:14px}.public-page-sharing{display:grid;gap:24px}.public-page-sharing>section{padding:25px;border:1px solid #dbe6df;border-radius:18px;background:#f7faf7}.public-page-sharing h3{font-size:23px;letter-spacing:-.5px}.public-page-sharing .booking-public-link{display:block;overflow-wrap:anywhere;padding:15px;background:white;border:1px solid #dbe6df;border-radius:10px;margin:20px 0}.public-page-sharing .booking-qr-card{background:#ecf6f1}.public-page-sharing .booking-qr-card img{display:block;max-width:100%;height:auto;margin:20px auto}.public-page-sharing .booking-qr-card small{display:block;font-size:12px;line-height:1.7}.connection-panel button:focus-visible,.connection-panel summary:focus-visible{outline:3px solid #3ca492;outline-offset:4px}@media(max-width:1000px){.public-page-grid{grid-template-columns:1fr}.public-page-sharing{grid-template-columns:1fr 1fr}.public-page-sharing>button{grid-column:1/-1}}@media(max-width:600px){.connection-heading{gap:12px}.connection-icon{width:43px;height:43px;border-radius:13px}.connection-heading h2{font-size:24px}.connection-status button{margin-left:0;width:100%}.connection-choice{padding:10px;font-size:14px}.connection-pairing{padding:16px;justify-content:center}.public-page-sharing{grid-template-columns:1fr}.public-preview-cover{min-height:170px;padding:18px}.public-preview-body{padding:44px 18px 22px}.public-preview-body h3{font-size:25px}.public-preview-badge{font-size:8px;padding:8px}.connection-list button{flex-direction:column;gap:7px}.public-page-grid{gap:20px}}