.share-launch{display:block;width:100%;min-height:54px;margin-top:18px;border:2px solid #0b8273;border-radius:12px;background:#e7f5f0;color:#086b5e;font-weight:750;font-size:16px;padding:10px 14px}
.share-dialog{width:min(94vw,420px);max-height:min(92vh,760px);overflow:auto;border:0;border-radius:20px;background:#fff;color:#173248;padding:20px 22px 24px;box-shadow:0 22px 70px #0d253860}
.share-dialog::backdrop{background:#10263acf}
.share-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px}
.share-dialog h2{font-size:23px;line-height:1.2;margin:0}
.share-dialog-head button{width:48px;height:48px;flex-shrink:0;border:0;border-radius:12px;background:#eef4f2;color:#173248;font-size:32px;line-height:1}
.share-dialog p{font-size:15px;line-height:1.4;margin:14px 0;color:#536e77}
.share-dialog img{display:block;width:min(100%,300px);height:auto;margin:12px auto;border:1px solid #d9e5e5;border-radius:10px}
.share-dialog .share-access{border-radius:10px;background:#fff3df;color:#704b0f;padding:10px 12px;margin:12px 0}
.share-url{display:block;overflow-wrap:anywhere;color:#0a6f64;font-size:14px;margin:14px 0;text-align:center}
.share-copy{display:block;width:100%;min-height:56px;border:0;border-radius:12px;background:#0c7f71;color:#fff;font-size:17px;font-weight:750}
.share-dialog #shareCopyStatus{min-height:1.2em;margin:9px 0 0;text-align:center;color:#0a6f64;font-weight:700}
.sync-problem{margin-top:16px;padding:15px;border:2px solid #c56945;border-radius:12px;background:#fff0e8;color:#71391f;line-height:1.4}
.sync-problem[hidden]{display:none}
.sync-problem p{margin:8px 0 12px}
.sync-problem button{min-height:52px;border:0;border-radius:10px;background:#883e25;color:#fff;padding:10px 15px;font-weight:750}
.cases-list{display:grid;gap:10px;margin-top:16px}
.cases-list button{display:block;width:100%;min-height:70px;text-align:left;border:1px solid #bed3d1;border-radius:12px;background:#f6fbf9;color:#173248;padding:12px 14px}
.cases-list button strong,.cases-list button small{display:block}
.cases-list button small{margin-top:4px;color:#536e77;font-size:13px}
.access-gate{width:min(100% - 24px,540px);margin:50px auto;padding:28px;border-radius:18px;background:#fff;color:#173248;box-shadow:0 12px 40px #0d25381c}
.access-gate[hidden]{display:none}
.access-gate h1{margin:0 0 10px;font-size:28px}
.access-gate p{line-height:1.5}
.access-gate a{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:10px 18px;border-radius:11px;background:#0c7f71;color:#fff;font-weight:750;text-decoration:none}