/* Stable, small connection and sync UI; neither covers forms indefinitely. */
.cc-status-toast{position:fixed;z-index:25000;inset-inline:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 92px);max-width:480px;margin-inline:auto;display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--cc-panel,#183447);color:var(--cc-text,#eaf6ff);border:1px solid #568092;border-radius:16px;box-shadow:0 10px 32px #0005;font:500 14px/1.35 system-ui;}
.cc-status-toast .cc-sync-dismiss{flex:0 0 36px;width:36px;min-height:36px;border:0;background:transparent;color:inherit;font-size:24px;cursor:pointer;}
#ccLocalConnection{font-size:12px;line-height:1.2;max-width:140px;inset-inline:auto 12px;bottom:calc(env(safe-area-inset-bottom,0px) + 78px);padding:8px 12px;z-index:17000;}
#ccLocalConnection[hidden]{display:none!important;}
.cc-local-dialog{max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);overflow:auto;font-family:system-ui;}
.cc-sync-record{border-bottom:1px solid #607b8a66;margin-bottom:12px;padding:10px 0;}.cc-sync-record p{margin-block:5px;}.cc-sync-record small{display:block;line-height:1.5;margin-block:7px;}
#ccStartup{position:fixed;inset:0;z-index:100000;background:#0b1d2c;color:#edf7fc;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;padding-top:max(24px,env(safe-area-inset-top));font-family:system-ui;gap:18px;}
#ccStartup h1{font-size:clamp(26px,6vw,34px);margin:0;}#ccStartup p{font-size:14px;min-height:20px;margin:0;color:#b8d4df;}#ccStartup button{background:none;border:1px solid #628193;border-radius:12px;padding:10px 16px;color:inherit;font:600 14px system-ui;}
.cc-start-symbol{border:6px solid #5ed6c5;border-radius:24px;font:bold 56px/1 system-ui;color:#5ed6c5;width:90px;height:90px;display:grid;place-items:center;}
.cc-start-spinner{height:22px;width:22px;border:3px solid #24465a;border-top-color:#64dac8;border-radius:50%;animation:cc42spin .9s linear infinite;}@keyframes cc42spin{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.cc-start-spinner{animation:none;}}
@media(max-height:450px){#ccStartup{gap:10px;}.cc-start-symbol{width:58px;height:58px;font-size:36px;}}

img.cc-start-symbol{border:0;object-fit:contain;background:none;}
#ccLocalConnection{top:auto!important;left:auto!important;right:12px!important;transform:none!important;height:32px!important;min-height:32px!important;max-height:32px!important;}
#ccLocalConnection:hover{transform:none!important;}
body.cc-calc-editing #ccLocalConnection{display:none!important;}
.cc-status-toast[hidden]{display:none!important;}