/* Calmer SolarUI surfaces, type and controls. The field package owns these rules. */
.pwa-host{font:400 14px/1.5 var(--u-f,system-ui,sans-serif);color:var(--u-ink,#0d1b2e);background:var(--u-card,#fff);border:1px solid var(--u-line,#e3e8ef);border-radius:16px;margin:16px;padding:20px;min-width:0}
.pwa-host *{box-sizing:border-box}.pwa-host h3{font-size:16px;line-height:1.4;margin:0 0 12px;font-weight:650}.pwa-host p{margin:4px 0 0;color:var(--u-muted,#5b6a7c)}
.pwa-bar{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:0 0 16px;border-bottom:1px solid var(--u-line,#e3e8ef)}.pwa-state{font-size:16px}.pwa-count{margin-left:16px;color:var(--u-muted,#5b6a7c);font-variant-numeric:tabular-nums}.pwa-offline .pwa-state{color:var(--u-soon-fg,#8a5a00)}
.pwa-actions,.pwa-item-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pwa-button{font:600 14px/1.3 var(--u-f,system-ui,sans-serif);color:var(--u-blue,#0f407b);background:#fff;border:1px solid var(--u-line-2,#cbd5e1);border-radius:10px;min-height:44px;padding:10px 16px;cursor:pointer}.pwa-button:hover{background:var(--u-tint,#e9f1fa);border-color:var(--u-blue,#0f407b)}.pwa-button:active{transform:translateY(1px)}.pwa-button:focus-visible{outline:3px solid var(--u-blue-2,#1b5ba8);outline-offset:3px}.pwa-primary{background:var(--u-blue,#0f407b);border-color:var(--u-blue,#0f407b);color:#fff}.pwa-primary:hover{background:var(--u-blue-2,#1b5ba8);color:#fff}.pwa-danger{color:var(--u-over-fg,#a32626)}
.pwa-feedback{padding:12px 0}.pwa-host .pwa-warning{color:var(--u-over-fg,#a32626);overflow-wrap:anywhere}.pwa-guide{padding:16px;background:var(--u-panel,#eef4fb);border-radius:12px;margin:16px 0}.pwa-guide .pwa-button{margin-top:12px}.pwa-queue{padding-top:20px}.pwa-queue ol{list-style:none;padding:0;margin:0}.pwa-queue li{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--u-line,#e3e8ef)}.pwa-item-main{flex:1;min-width:0}.pwa-id{display:block;font-size:12px;font-family:ui-monospace,monospace;color:var(--u-muted,#5b6a7c);overflow-wrap:anywhere}.pwa-value{white-space:pre-wrap;overflow-wrap:anywhere}.pwa-item-state{font-size:13px}.pwa-conflict{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 0;padding:12px;background:var(--u-panel,#eef4fb);border-radius:10px}.pwa-conflict dt{color:var(--u-muted,#5b6a7c);font-size:12px;font-weight:600}.pwa-conflict dd{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.pwa-host .pwa-privacy{font-size:12px;margin:20px 0 0;padding-top:16px;border-top:1px solid var(--u-line,#e3e8ef)}
@media(max-width:600px){.pwa-host{margin:12px;padding:16px}.pwa-bar{align-items:flex-start;flex-direction:column;gap:12px}.pwa-queue li{flex-direction:column;gap:12px}.pwa-item-actions{width:100%}.pwa-item-actions p{flex-basis:100%}.pwa-conflict{grid-template-columns:1fr}.pwa-count{margin-left:12px}}
@media(prefers-reduced-motion:reduce){.pwa-button:active{transform:none}}
.pwa-compact{position:fixed;right:24px;bottom:24px;z-index:200;min-height:44px;max-width:calc(100vw - 32px);background:var(--u-blue,#0f407b);color:#fff;border-color:var(--u-blue,#0f407b);box-shadow:0 2px 8px rgba(13,27,46,.12)}.pwa-compact:hover{background:var(--u-blue-2,#1b5ba8);color:#fff}.pwa-compact-offline,.pwa-compact-offline:hover{background:var(--u-soon-bg,#fff3d6);color:var(--u-soon-fg,#8a5a00);border-color:var(--u-soon-fg,#8a5a00)}
@media(max-width:600px){.pwa-compact{right:16px;bottom:150px}}