.offline-panel{margin:0 0 24px;border:1px solid #cbdace;background:#edf3e9;border-radius:12px;padding:15px 18px;display:flex;gap:16px;align-items:center;justify-content:space-between}.offline-panel[hidden]{display:none}.offline-panel strong{font-size:15px;color:#174f49}.offline-panel p{margin:5px 0 0;font-size:13px;line-height:1.7;color:#536a5c}.offline-panel button{flex-shrink:0;font:inherit;font-size:13px;padding:9px 12px;background:#fff;border:1px solid #bdcfc2;border-radius:8px;color:#174f49}.offline-panel button:disabled{opacity:.6}.offline-actions{display:grid;gap:12px}.offline-import{display:block;padding:12px;border:1px dashed #8aa28e;border-radius:8px;color:#174f49;font-size:13px;cursor:pointer}.offline-import input{display:block;margin-top:8px;max-width:100%;font-size:12px}.offline-label{display:block;margin-top:24px;font-size:13px}.account-dialog select,.offline-new input{width:100%;font:inherit;font-size:16px;color:#293d32;border:1px solid #ccd8cc;border-radius:8px;padding:10px;background:white;margin:8px 0 12px;min-width:0}.offline-new{margin-top:12px}.offline-preview{margin-top:16px;padding:14px;background:#edf2e6;border-radius:8px}.offline-preview[hidden]{display:none}.offline-preview strong{color:#174f49}@media(max-width:760px){.offline-panel{align-items:flex-start;flex-direction:column;gap:10px}.offline-panel button{align-self:flex-end}}