.web-connect-box { margin: 18px 0; padding: 16px; border: 1px solid #d8e0eb; border-radius: 14px; background: #f7f9fc; text-align: left; }
.web-connect-box p { margin: 8px 0; line-height: 1.5; }
.web-connect-box input { width: 100%; box-sizing: border-box; margin: 8px 0; padding: 10px; border: 1px solid #ccd6e3; border-radius: 9px; font: inherit; font-size: 12px; }
.web-connect-box .web-connect-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.web-connect-box .web-connect-actions button { min-height: 38px; }
#webExtensionStatus { font-size: 11px; font-weight: 600; line-height: 1.5; color: #b45309; }
#webExtensionStatus[data-connected="true"] { color: #15803d; }
.web-data-dialog { width: min(520px, calc(100vw - 48px)); box-sizing: border-box; border: 1px solid #dbe2ea; border-radius: 18px; padding: 24px; color: #192233; background: white; box-shadow: 0 20px 80px #14233a33; }
.web-data-dialog::backdrop { background: #14233a80; }
.web-data-dialog p { line-height: 1.6; }
.web-data-dialog h2 { margin-top: 0; }
.web-data-dialog input[type="file"] { display: block; width: 100%; margin: 14px 0; }
.web-data-dialog .backup-secret-label { display: flex; align-items: center; gap: 10px; margin: 14px 0; }
.web-data-dialog button { margin: 4px 4px 4px 0; }
.license-card { max-height: calc(100dvh - 48px); overflow: auto; }