/* Scoped panel styles; the only shell adjustment keeps the added badge usable at 390px. */
#cloud-open{display:inline-flex;align-items:center;justify-content:center;min-height:36px;max-width:180px;padding:7px 11px;border:1px solid #dedfd5;border-radius:999px;background:#fff;color:#526b55;font-size:12px;line-height:1.4;white-space:nowrap;flex-shrink:0}
#cloud-open[data-state="conflict"],#cloud-open[data-state="error"],#cloud-open[data-state="pending"]{color:#96572e;background:#fff4e8;border-color:#ead0b4}
#cloud-open[data-state="offline"]{color:#686960;background:#f1f1ea}
#cloud-dialog{box-sizing:border-box;width:min(580px,calc(100vw - 24px));max-width:580px;max-height:calc(100dvh - 32px);padding:26px;border:1px solid #e7e7dc;border-radius:19px;background:#fffefa;color:#292e2b;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 100px #26302033;font:14px/1.65 var(--font,'Microsoft YaHei',sans-serif)}
#cloud-dialog::backdrop{background:#25302577;backdrop-filter:blur(3px)}
#cloud-dialog [hidden]{display:none!important}#cloud-dialog *{box-sizing:border-box}
#cloud-dialog .cloud-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}#cloud-title{margin:0;font-size:23px}#cloud-dialog .cloud-kicker{margin:0 0 3px;color:#9b633d;font-size:9px;letter-spacing:1.8px}
#cloud-close{min-width:42px;min-height:42px;border-radius:50%;font-size:20px}
#cloud-dialog button{font:inherit;border:1px solid #dedfd3;background:#f7f7f0;border-radius:9px;padding:9px 12px;min-height:44px;cursor:pointer;color:inherit;text-align:center;line-height:1.4}#cloud-dialog button:disabled{opacity:.5;cursor:not-allowed}#cloud-dialog button.cloud-primary{background:#5d7963;color:#fff;border-color:#5d7963}
#cloud-dialog button:focus-visible,#cloud-open:focus-visible{outline:3px solid #d97642;outline-offset:3px}#cloud-dialog label{display:block;font-weight:600;font-size:13px;margin:14px 0 5px}#cloud-dialog input{width:100%;min-width:0;min-height:46px;border:1px solid #d7dacd;border-radius:9px;background:#fff;padding:10px 12px;color:#292e2b;font-size:16px}#cloud-dialog input:focus-visible{outline:2px solid #69866a;outline-offset:2px}
#cloud-status{padding:12px 14px;border-radius:10px;background:#eef2e9;color:#405946;font-weight:600;overflow-wrap:anywhere}#cloud-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:#96572e}#cloud-message:empty{display:none}
#cloud-dialog .cloud-help{font-size:12px;color:#666e61;line-height:1.8}#cloud-dialog .cloud-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}#cloud-dialog .cloud-actions button{flex:1 1 140px}#cloud-dialog .cloud-warning{padding:14px;border:1px solid #e6c691;border-radius:11px;background:#fff5e6;color:#7a4d27;font-size:13px;margin-top:18px}#cloud-dialog h3{font-size:16px;margin:0 0 8px}#cloud-dialog .cloud-warning p{margin:8px 0}#cloud-dialog .cloud-account-line{overflow-wrap:anywhere}#cloud-dialog .cloud-account-tools{padding-top:16px;border-top:1px solid #e7e8dc;margin-top:22px}#cloud-dialog .cloud-footer{border-top:1px solid #e7e8dc;padding-top:16px;margin-top:22px}#cloud-recovery{margin-top:22px;padding-top:18px;border-top:1px solid #e7e8dc}#cloud-recovery button{margin-top:16px;width:100%}
@media(max-width:600px){.topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:64px;padding-top:10px;padding-bottom:10px}.topbar-right{flex-wrap:wrap;gap:8px;max-width:100%;min-width:0}#cloud-open{font-size:11px;min-height:38px;max-width:160px}#cloud-dialog{padding:19px;max-height:calc(100dvh - 20px)}#cloud-dialog .cloud-actions button{flex-basis:100%}}