/* Focused presentation only. All data, encryption and authority use existing services. */
#offlineSettings.offline-focused .offline-recovery-title{text-align:center;margin-bottom:18px}
#offlineSettings.offline-focused .offline-recovery-cards{display:grid;gap:14px}
#offlineSettings.offline-focused .offline-recovery-card{border:1px solid var(--focus-line);border-radius:16px;background:var(--focus-surface);padding:16px;min-width:0}
#offlineSettings.offline-focused .offline-recovery-card-heading{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px}
#offlineSettings.offline-focused .offline-recovery-card-heading h4{font-size:16px;line-height:1.35;font-weight:600;margin:0 0 3px;color:var(--focus-ink)}
#offlineSettings.offline-focused .offline-recovery-card-heading p{font-size:12px;line-height:1.5;color:var(--focus-muted);margin:0}
#offlineSettings.offline-focused .offline-recovery-icon{width:40px;height:40px;border-radius:11px;background:color-mix(in srgb,var(--focus-accent) 14%,transparent);color:var(--focus-accent);display:grid;place-items:center;font-size:18px}
#offlineSettings.offline-focused .offline-recovery-card>.offline-caption{margin:10px 0 0;font-size:11px;line-height:1.5}
#offlineSettings.offline-focused .offline-recovery-card .btn{border-radius:12px}
#offlineSettings.offline-focused .offline-recovery-form{display:grid;gap:8px}
#offlineSettings.offline-focused .offline-recovery-form>.offline-caption{margin:0;font-size:11px;line-height:1.5}
#offlineSettings.offline-focused .offline-recovery-form>label{margin:6px 0 0;font-size:12px;display:flex;align-items:center;gap:7px}
#offlineSettings.offline-focused .offline-recovery-form .form-control{min-height:44px;width:100%;min-width:0;font-size:13px;border-radius:11px}
#offlineSettings.offline-focused .offline-recovery-step{width:22px;height:22px;display:inline-grid;place-items:center;border-radius:50%;background:var(--focus-soft);color:var(--focus-accent);font-size:11px;flex:0 0 auto}
#offlineSettings.offline-focused .offline-recovery-confirm-label{display:flex;align-items:center;gap:7px;margin:6px 0 0;color:var(--focus-ink);font-size:12px;font-weight:500;line-height:1.4}
#offlineSettings.offline-focused .offline-recovery-form .offline-recovery-confirm{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:12px;margin:0;border:1px solid var(--focus-line);border-radius:11px;background:var(--focus-soft);color:var(--focus-ink);line-height:1.5;font-weight:400;cursor:pointer}
#offlineSettings.offline-focused .offline-recovery-confirm input{width:18px;height:18px;flex:0 0 auto;margin:0;accent-color:var(--focus-accent)}
#offlineSettings.offline-focused .offline-recovery-confirm>span{font-size:12px;line-height:1.45;color:var(--focus-ink);min-width:0}
#offlineSettings.offline-focused .offline-recovery-card #offlineRecoveryCode{margin-top:12px!important;padding:14px;border:1px solid var(--focus-line);border-radius:13px;background:var(--focus-soft)}
#offlineSettings.offline-focused .offline-recovery-code-heading{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px}
#offlineSettings.offline-focused .offline-recovery-code-heading>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--focus-accent) 14%,transparent);color:var(--focus-accent);font-size:16px}
#offlineSettings.offline-focused .offline-recovery-code-heading strong{display:block;font-size:13px;line-height:1.4;color:var(--focus-ink);font-weight:600;margin:0 0 3px}
#offlineSettings.offline-focused .offline-recovery-card #offlineRecoveryCode p{font-size:11px;line-height:1.5;margin:0;color:var(--focus-muted)}
#offlineSettings.offline-focused .offline-recovery-code-value{display:flex;align-items:center;min-height:48px;margin:13px 0 10px;padding:10px 12px;border:1px dashed var(--focus-line);border-radius:10px;background:var(--focus-surface)}
#offlineSettings.offline-focused .offline-recovery-card #offlineRecoveryCodeValue{display:block;width:100%;margin:0;overflow-wrap:anywhere;letter-spacing:2px;color:var(--focus-ink);font:600 15px/1.5 ui-monospace,monospace}
#offlineSettings.offline-focused .offline-recovery-card #offlineShowRecoveryCode{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin-left:auto;padding:8px 12px;border:1px solid var(--focus-line);border-radius:9px;background:var(--focus-surface);color:var(--focus-ink);font-size:11px;box-shadow:none}
#offlineSettings.offline-focused .offline-recovery-safety{text-align:center}
@media(max-width:380px){#offlineSettings.offline-focused .offline-recovery-card{padding:12px}#offlineSettings.offline-focused .offline-recovery-card-heading{gap:9px}#offlineSettings.offline-focused .offline-recovery-form .form-control{font-size:16px}#offlineSettings.offline-focused .offline-recovery-card #offlineShowRecoveryCode{width:100%;margin-left:0}}
#offlineSettings.offline-focused{--focus-surface:var(--card);--focus-soft:var(--cream);--focus-ink:var(--ink);--focus-muted:var(--muted);--focus-line:var(--line);--focus-accent:var(--service-orange);--focus-onaccent:var(--porcelain);--focus-green:var(--status-success);--focus-green-bg:var(--status-success-soft);--focus-warn:var(--status-warning);--focus-warn-bg:var(--status-warning-soft);color:var(--focus-ink)}
#offlineSettings.offline-focused .modal-dialog{max-width:486px}
#offlineSettings.offline-focused .modal-content{background:var(--focus-surface);color:var(--focus-ink);border:1px solid var(--focus-line);border-radius:28px;box-shadow:0 24px 65px #27241126}
#offlineSettings.offline-focused .offline-heading{position:relative;display:flex;justify-content:center;padding:30px 28px 20px;border:0;flex-shrink:0}
#offlineSettings.offline-focused .offline-modal-emblem{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border:1px solid var(--focus-accent);border-radius:50%;color:var(--focus-accent);font-size:29px;line-height:1}
#offlineSettings.offline-focused .offline-heading .offline-close{position:absolute;right:16px;top:16px;width:36px;height:36px;min-height:36px;color:var(--focus-muted);background:transparent}
#offlineSettings.offline-focused .modal-body{padding:0 28px 24px}
#offlineSettings.offline-focused .offline-main-title{font:650 24px/1.2 'DM Sans',sans-serif;letter-spacing:-.7px;text-align:center;margin:0 0 9px;color:var(--focus-ink)}
#offlineSettings.offline-focused .offline-main-intro{font-size:13px;line-height:1.65;color:var(--focus-muted);text-align:center;margin:12px 0 23px}
#offlineSettings.offline-focused .offline-summary{display:block;margin:0 0 23px;padding:0;border:0}
#offlineSettings.offline-focused .offline-summary>.offline-connection-card{display:flex;align-items:center;gap:10px;padding:13px 14px;border:0;border-radius:12px;background:var(--focus-soft);color:var(--focus-muted)}
#offlineSettings.offline-focused .offline-connection-card>i{font-size:18px;line-height:1;flex-shrink:0;color:inherit}
#offlineSettings.offline-focused .offline-connection-card strong{font-size:13px;line-height:1.4;font-weight:600;text-align:left;color:inherit}
#offlineSettings.offline-focused .offline-connection-card small{margin-left:auto;font-size:11px;line-height:1.5;white-space:nowrap;font-weight:400;color:inherit}
#offlineSettings.offline-focused .offline-connection-card[data-connection=online]{color:var(--focus-green);background:var(--focus-green-bg)}
#offlineSettings.offline-focused .offline-connection-card[data-connection=offline]{color:var(--focus-warn);background:var(--focus-warn-bg)}
#offlineSettings.offline-focused .offline-stat-list{display:block;margin:20px 0 0}
#offlineSettings.offline-focused #offlineCaughtUp{display:none!important}
#offlineSettings.offline-focused .offline-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--focus-line)}
#offlineSettings.offline-focused .offline-stat>span{font-size:13px;color:var(--focus-muted)}
#offlineSettings.offline-focused .offline-stat>strong{font-size:14px;font-weight:600;text-align:right;color:var(--focus-ink);max-width:60%;overflow-wrap:anywhere}
#offlineSettings.offline-focused #offlinePendingSummary{font-size:22px;line-height:1}
#offlineSettings.offline-focused .btn-brand,#offlineSettings.offline-focused #offlinePrimary,#offlineSettings.offline-focused #offlineSuccessClose{min-height:47px;background:var(--focus-accent);color:var(--focus-onaccent)!important;border:0;border-radius:999px;font-size:14px;font-weight:650;padding:12px 16px;box-shadow:none}
#offlineSettings.offline-focused #offlinePrimary:before{font-size:17px;margin-right:9px}
#offlineSettings.offline-focused .btn-brand{background:var(--focus-accent)!important;background-image:none!important;box-shadow:none!important}
#offlineSettings.offline-focused .btn-brand:hover{filter:brightness(.97)}
#offlineSettings.offline-focused #offlineActionCaption{font-size:11px;line-height:1.5;text-align:center;color:var(--focus-muted);margin:10px 0 0}
#offlineSettings.offline-focused .offline-current{margin:0 0 16px}
#offlineSettings.offline-focused .offline-current h3{font-size:13px;color:var(--focus-ink)}
#offlineSettings.offline-focused .offline-caption,#offlineSettings.offline-focused .offline-current p{font-size:12px;line-height:1.65;color:var(--focus-muted)}
#offlineSettings.offline-focused #offlineReadinessBadge{font-size:11px;color:var(--focus-muted);max-width:90px}
#offlineSettings.offline-focused .offline-access-line{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.5;color:var(--focus-muted);margin-top:18px}
#offlineSettings.offline-focused .offline-access-line>i{font-size:14px;flex-shrink:0}
#offlineSettings.offline-focused .offline-modal-footer{margin:0 28px;padding:16px 0 20px;background:var(--focus-surface);border-top:1px solid var(--focus-line);display:flex;align-items:center;justify-content:space-between;gap:12px}
#offlineSettings.offline-focused .offline-modal-footer small{color:var(--focus-muted);font-size:11px}
#offlineSettings.offline-focused .offline-more-button{display:flex;align-items:center;gap:7px;border:0;background:none;color:var(--focus-ink);min-height:34px;padding:4px 0;font-size:12px;font-weight:550;box-shadow:none}
#offlineSettings.offline-focused #offlineAdvanced{margin:0;padding:0;background:none;border:0}
#offlineSettings.offline-focused .offline-back{display:flex;align-items:center;gap:7px;border:0;background:none;padding:0;min-height:35px;font-size:12px;color:var(--focus-muted);margin:0 0 18px}
#offlineSettings.offline-focused .offline-intro{text-align:left;margin:0 0 20px}
#offlineSettings.offline-focused .offline-intro h3,#offlineSettings.offline-focused [data-offline-pane]>h3{font:650 23px/1.25 'DM Sans',sans-serif;letter-spacing:-.5px;color:var(--focus-ink);margin:0 0 9px}
#offlineSettings.offline-focused .offline-intro p{font-size:13px;margin:0;line-height:1.65}
#offlineSettings.offline-focused .offline-option-group{border:0;padding:0;margin:0}
#offlineSettings.offline-focused .offline-option{padding:16px 0;border:0;border-bottom:1px solid var(--focus-line);gap:12px;font-size:13px;color:var(--focus-ink);background:transparent}
#offlineSettings.offline-focused .offline-option-group .offline-option{border-bottom:1px solid var(--focus-line)}
#offlineSettings.offline-focused .offline-option:last-child{border-bottom:0}
#offlineSettings.offline-focused .offline-option small{font-size:11px;line-height:1.5;color:var(--focus-muted);margin-top:4px}
#offlineSettings.offline-focused .offline-option>i{color:var(--focus-muted)}
#offlineSettings.offline-focused .offline-inline,#offlineSettings.offline-focused #offlineStatus{background:var(--focus-soft);border:0;border-radius:12px;padding:15px;color:var(--focus-muted);font-size:12px;line-height:1.65}
#offlineSettings.offline-focused #offlineStatus{margin:16px 0 0}
#offlineSettings.offline-focused #offlineRecoveryCode strong{font-size:14px;color:var(--focus-ink)}
#offlineSettings.offline-focused #offlineRecoveryCodeValue{display:block;min-height:36px;font:600 17px/1.4 ui-monospace,monospace;letter-spacing:2px;padding:14px 0;color:var(--focus-ink);overflow-wrap:anywhere}
#offlineSettings.offline-focused #offlineShowRecoveryCode{border:0;background:transparent;padding:4px 0;min-height:36px;font-size:12px;color:var(--focus-ink);box-shadow:none}
#offlineSettings.offline-focused .form-control,#offlineSettings.offline-focused .form-select{background:var(--focus-surface);color:var(--focus-ink);border-color:var(--focus-line)}
#offlineSettings.offline-focused .offline-sync-state{padding:6px 0}
#offlineSettings.offline-focused .offline-sync-state h2{font:650 24px/1.3 'DM Sans',sans-serif;letter-spacing:-.5px;color:var(--focus-ink)}
#offlineSettings.offline-focused .offline-sync-state p{color:var(--focus-muted);font-size:13px}
#offlineSettings.offline-focused .offline-sync-ring{width:88px;height:88px;border-width:6px;margin:24px auto}
#offlineSettings.offline-focused .offline-sync-ring:after{inset:-6px;border-width:6px}
#offlineSettings.offline-focused .offline-sync-ring i{font-size:34px}
#offlineSettings.offline-focused .offline-success-mark{width:64px;height:64px;font-size:34px;background:var(--focus-green);color:var(--focus-surface)}
#offlineSettings.offline-focused .offline-information-intro{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:13px;margin:0 0 16px}
#offlineSettings.offline-focused .offline-information-intro>span{width:46px;height:46px;border:1px solid var(--focus-accent);border-radius:50%;display:grid;place-items:center;color:var(--focus-accent);font-size:19px}
#offlineSettings.offline-focused .offline-information-intro h3{margin:0 0 4px}
#offlineSettings.offline-focused .offline-information-intro p{margin:0;color:var(--focus-muted);font-size:12px;line-height:1.5}
#offlineSettings.offline-focused .offline-update-card{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:11px;padding:14px;margin-bottom:14px;border:1px solid color-mix(in srgb,var(--focus-green) 20%,var(--focus-line));border-radius:13px;background:var(--focus-green-bg);color:var(--focus-green)}
#offlineSettings.offline-focused .offline-update-card[data-update-state=attention]{background:var(--focus-warn-bg);border-color:color-mix(in srgb,var(--focus-warn) 25%,var(--focus-line));color:var(--focus-warn)}
#offlineSettings.offline-focused .offline-update-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--focus-green) 12%,transparent);font-size:17px}
#offlineSettings.offline-focused .offline-update-copy{display:grid;gap:7px;min-width:0}
#offlineSettings.offline-focused .offline-update-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
#offlineSettings.offline-focused .offline-update-card strong{font-size:13px;font-weight:600;line-height:1.4}
#offlineSettings.offline-focused #offlineUpdateBadge{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,currentColor 10%,transparent);font-size:9px;line-height:1.35;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
#offlineSettings.offline-focused .offline-update-card p{margin:0;font-size:11px;line-height:1.5;color:inherit;overflow-wrap:anywhere}
#offlineSettings.offline-focused .offline-update-version{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--focus-muted);font-size:10px;line-height:1.4}
#offlineSettings.offline-focused .offline-update-version code{padding:3px 7px;border-radius:7px;background:var(--focus-surface);color:var(--focus-ink);font:600 10px/1.4 ui-monospace,monospace;letter-spacing:.04em}
#offlineSettings.offline-focused .offline-update-version code[hidden]{display:none}
#offlineSettings.offline-focused .offline-update-card .btn{grid-column:1/-1;justify-self:end;min-height:38px;margin-top:2px;padding:7px 12px;border-color:color-mix(in srgb,currentColor 22%,var(--focus-line));background:var(--focus-surface);color:var(--focus-ink);white-space:nowrap;box-shadow:none}
#offlineSettings.offline-focused .offline-detail-groups{display:grid;gap:11px}
#offlineSettings.offline-focused .offline-detail-group{border:1px solid var(--focus-line);border-radius:13px;background:var(--focus-surface);overflow:hidden}
#offlineSettings.offline-focused .offline-detail-heading{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid var(--focus-line)}
#offlineSettings.offline-focused details.offline-detail-group>.offline-detail-heading{grid-template-columns:36px minmax(0,1fr) 18px;border-bottom:0;cursor:pointer;list-style:none}
#offlineSettings.offline-focused details.offline-detail-group>.offline-detail-heading::-webkit-details-marker{display:none}
#offlineSettings.offline-focused details.offline-detail-group[open]>.offline-detail-heading{border-bottom:1px solid var(--focus-line)}
#offlineSettings.offline-focused .offline-detail-heading>span:nth-child(2){display:grid;gap:2px;min-width:0}
#offlineSettings.offline-focused .offline-detail-heading strong{font-size:13px;font-weight:600;line-height:1.4;color:var(--focus-ink)}
#offlineSettings.offline-focused .offline-detail-heading small{font-size:11px;line-height:1.45;color:var(--focus-muted)}
#offlineSettings.offline-focused .offline-detail-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--focus-accent) 13%,transparent);color:var(--focus-accent);font-size:15px}
#offlineSettings.offline-focused .offline-detail-chevron{color:var(--focus-muted);transition:transform .18s ease}
#offlineSettings.offline-focused details.offline-detail-group[open] .offline-detail-chevron{transform:rotate(180deg)}
#offlineSettings.offline-focused .offline-detail-list{display:grid;grid-template-columns:minmax(105px,.75fr) minmax(0,1.25fr);margin:0;padding:0 13px}
#offlineSettings.offline-focused .offline-detail-list dt,#offlineSettings.offline-focused .offline-detail-list dd{padding:10px 0;margin:0;border-bottom:1px solid var(--focus-line);font-size:11px;line-height:1.55;overflow-wrap:anywhere}
#offlineSettings.offline-focused .offline-detail-list dt{color:var(--focus-muted);font-weight:400;padding-right:12px}
#offlineSettings.offline-focused .offline-detail-list dd{color:var(--focus-ink);font-weight:500}
#offlineSettings.offline-focused .offline-detail-list dt:nth-last-of-type(1),#offlineSettings.offline-focused .offline-detail-list dd:nth-last-of-type(1){border-bottom:0}
#offlineSettings.offline-focused details.offline-detail-group:not([open]) .offline-detail-list{display:none}
#offlineSettings.offline-focused .offline-detail-list .offline-detail-grid-label{grid-column:1/-1;padding-bottom:6px;border-bottom:0;color:var(--focus-ink);font-weight:600}
#offlineSettings.offline-focused .offline-detail-list .offline-detail-grid-value{grid-column:1/-1;padding-top:0}
#offlineSettings.offline-focused .offline-dataset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:0}
#offlineSettings.offline-focused .offline-dataset-grid li{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:7px 9px;border-radius:8px;background:var(--focus-soft)}
#offlineSettings.offline-focused .offline-dataset-grid span{min-width:0;color:var(--focus-muted);font-size:10px;line-height:1.35;overflow-wrap:anywhere}
#offlineSettings.offline-focused .offline-dataset-grid strong{flex:0 0 auto;color:var(--focus-ink);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
#offlineSettings.offline-focused .offline-help-intro{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:center;margin:0 0 17px}
#offlineSettings.offline-focused .offline-help-intro h3{margin:0 0 4px}
#offlineSettings.offline-focused .offline-help-intro p{margin:0;color:var(--focus-muted);font-size:13px;line-height:1.5}
#offlineSettings.offline-focused .offline-help-icon{width:46px;height:46px;border:1px solid var(--focus-accent);border-radius:50%;display:grid;place-items:center;color:var(--focus-accent);font-size:19px}
#offlineSettings.offline-focused .offline-help-safety{display:flex;align-items:center;gap:11px;padding:13px 14px;margin:0 0 14px;border-radius:12px;background:var(--focus-green-bg);color:var(--focus-green)}
#offlineSettings.offline-focused .offline-help-safety>i{font-size:18px;flex:0 0 auto}
#offlineSettings.offline-focused .offline-help-safety>span{display:grid;gap:2px}
#offlineSettings.offline-focused .offline-help-safety strong{font-size:13px;font-weight:600;line-height:1.4}
#offlineSettings.offline-focused .offline-help-safety small{font-size:11px;line-height:1.45;color:inherit}
#offlineSettings.offline-focused .offline-help-topics{border:1px solid var(--focus-line);border-radius:14px;overflow:hidden;margin:0 0 14px;background:var(--focus-surface)}
#offlineSettings.offline-focused .offline-help-topics details{border-top:1px solid var(--focus-line)}
#offlineSettings.offline-focused .offline-help-topics details:first-child{border-top:0}
#offlineSettings.offline-focused .offline-help-topics summary{list-style:none;display:grid;grid-template-columns:36px minmax(0,1fr) 20px;gap:10px;align-items:center;min-height:62px;padding:10px 13px;color:var(--focus-ink);cursor:pointer}
#offlineSettings.offline-focused .offline-help-topics summary::-webkit-details-marker{display:none}
#offlineSettings.offline-focused .offline-help-topics summary:focus-visible{outline:2px solid var(--focus-accent);outline-offset:-3px}
#offlineSettings.offline-focused .offline-help-topics summary>span:nth-child(2){display:grid;gap:2px;min-width:0}
#offlineSettings.offline-focused .offline-help-topics summary strong{font-size:13px;font-weight:600;line-height:1.4}
#offlineSettings.offline-focused .offline-help-topics summary small{font-size:11px;line-height:1.45;color:var(--focus-muted)}
#offlineSettings.offline-focused .offline-help-topic-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--focus-accent) 14%,transparent);color:var(--focus-accent)}
#offlineSettings.offline-focused .offline-help-chevron{color:var(--focus-muted);transition:transform .18s ease}
#offlineSettings.offline-focused .offline-help-topics details[open] .offline-help-chevron{transform:rotate(180deg)}
#offlineSettings.offline-focused .offline-help-answer{padding:0 13px 14px 59px;color:var(--focus-muted);font-size:12px;line-height:1.65}
#offlineSettings.offline-focused .offline-help-answer p{margin:0 0 9px}
#offlineSettings.offline-focused .offline-help-answer p:last-of-type{margin-bottom:8px}
#offlineSettings.offline-focused .offline-help-inline-action{border:0;background:transparent;color:var(--focus-accent);font:600 12px/1.5 'DM Sans',sans-serif;padding:5px 0;min-height:34px;text-align:left}
#offlineSettings.offline-focused .offline-help-primary{display:flex;align-items:center;justify-content:center;gap:7px}
#offlineSettings.offline-focused .offline-help-warning{display:flex;align-items:flex-start;justify-content:center;gap:7px;margin:11px 0 0;color:var(--focus-muted);font-size:11px;line-height:1.5;text-align:center}
#offlineSettings.offline-focused .offline-help-warning i{color:var(--focus-warn);flex:0 0 auto}
#offlineSettings.offline-focused .offline-help-links{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;border-top:1px solid var(--focus-line);margin-top:14px;padding-top:12px}
#offlineSettings.offline-focused .offline-help-links>a,#offlineSettings.offline-focused .offline-help-legacy summary,#offlineSettings.offline-focused .offline-help-legacy a{font-size:11px;line-height:1.5;color:var(--focus-accent);text-decoration:none}
#offlineSettings.offline-focused .offline-help-legacy{flex-basis:100%;text-align:center}
#offlineSettings.offline-focused .offline-help-legacy summary{list-style:none;cursor:pointer;color:var(--focus-muted)}
#offlineSettings.offline-focused .offline-help-legacy summary::-webkit-details-marker{display:none}
#offlineSettings.offline-focused .offline-help-legacy a{display:inline-block;margin-top:7px}
@media(prefers-reduced-motion:reduce){#offlineSettings.offline-focused .offline-help-chevron,#offlineSettings.offline-focused .offline-detail-chevron{transition:none}}
@media(max-width:540px){#offlineSettings.offline-focused .offline-heading{padding:26px 19px 18px}#offlineSettings.offline-focused .modal-body{padding:0 19px 22px}#offlineSettings.offline-focused .offline-modal-footer{margin:0 19px;padding:14px 0 18px;flex-wrap:wrap}#offlineSettings.offline-focused .offline-main-title{font-size:23px}}
@media(max-width:420px){#offlineSettings.offline-focused .offline-update-card{grid-template-columns:38px minmax(0,1fr)}#offlineSettings.offline-focused .offline-update-heading{align-items:flex-start;flex-direction:column}#offlineSettings.offline-focused .offline-update-card .btn{grid-column:1/-1;width:auto;justify-self:end}}
@media(max-width:380px){#offlineSettings.offline-focused .offline-connection-card{flex-wrap:wrap}#offlineSettings.offline-focused .offline-connection-card small{margin-left:28px}#offlineSettings.offline-focused .offline-help-answer{padding-left:13px}#offlineSettings.offline-focused .offline-help-links{align-items:stretch;flex-direction:column;text-align:center;gap:8px}#offlineSettings.offline-focused .offline-detail-list{grid-template-columns:1fr}#offlineSettings.offline-focused .offline-detail-list dt{padding-bottom:2px;border-bottom:0}#offlineSettings.offline-focused .offline-detail-list dd{padding-top:2px}#offlineSettings.offline-focused .offline-dataset-grid{grid-template-columns:1fr}}