body.archivePage{margin:0;background:#fff!important;color:#172b36!important;font-family:system-ui,sans-serif}
.archivePage .archiveHeader{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;padding:calc(12px + var(--vobix-safe-top,env(safe-area-inset-top,0px))) 16px 12px;background:#fff;border-bottom:1px solid #edf1f4}
.archivePage .archiveHeader h1{margin:0;text-align:center;font-size:clamp(22px,5vw,28px);font-weight:700;line-height:1.3}
.archivePage .archiveHeader :is(a,button){display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#12678d;cursor:pointer;text-decoration:none}
.archivePage svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.archivePage .archiveMain{max-width:700px;margin:0 auto;padding:22px 20px calc(30px + var(--vobix-safe-bottom,env(safe-area-inset-bottom,0px)))}
.archivePage .archiveNotice{text-align:center;max-width:470px;margin:0 auto 20px;padding:14px 18px;border-radius:16px;background:#f2f8fc;color:#526670;font-size:15px;line-height:1.55}
.archivePage .archiveStatus{text-align:center;color:#526670;font-size:15px;line-height:1.5;margin:12px 0}
.archivePage .archiveStatus:empty,.archivePage .archiveList:empty{display:none}
.archivePage .archiveEmpty{text-align:center;max-width:400px;margin:48px auto 0}
.archivePage .archiveEmptyIcon{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;margin:0 auto 22px;background:#eaf5fd;color:#087cad}
.archivePage .archiveEmptyIcon svg{width:36px;height:36px}
.archivePage .archiveEmpty h2{font-size:21px;line-height:1.3;margin:0 0 10px}
.archivePage .archiveEmpty p{color:#60717b;font-size:16px;line-height:1.5;margin:0 0 24px}
.archivePage .archiveBack{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 20px;border-radius:14px;background:#e8f5ff;color:#07658e;font-size:16px;font-weight:600;text-decoration:none}
.archivePage .archiveRow{display:flex;align-items:center;gap:10px;min-width:0;padding:15px 0;border-bottom:1px solid #eff3f6}
.archivePage .archiveChat{display:flex;align-items:center;gap:13px;min-width:0;flex:1;color:inherit;text-decoration:none;min-height:52px}
.archivePage .archiveAvatar{width:48px;height:48px;flex:0 0 48px;font-size:21px;border-radius:50%;background:#e4f2fa}
.archivePage .archiveInfo{display:grid;gap:5px;min-width:0}
.archivePage .archiveName{font-size:18px;line-height:1.35;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.archivePage .archivePreview{font-size:14px;color:#687882;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.archivePage .archiveRestore{border:0;border-radius:12px;min-width:44px;min-height:44px;padding:10px;color:#08759e;background:#eff8fe;cursor:pointer;flex:none}
.archivePage .archiveRestore svg{width:22px;height:22px}
.archivePage :is(a,button):focus-visible{outline:3px solid #168bd0;outline-offset:3px}
.archivePage button:disabled{opacity:.5;cursor:wait}
.archivePage [hidden]{display:none!important}
html:is([data-vobix-font=large],[data-vobix-font=xlarge]) .archivePage :is(.archiveNotice,.archiveStatus,.archivePreview,.archiveBack){font-size:18px}
html:is([data-vobix-font=large],[data-vobix-font=xlarge]) .archivePage .archiveName{font-size:21px}
@media(max-width:360px){.archivePage .archiveMain{padding-inline:16px}.archivePage .archiveEmpty{margin-top:30px}}

@layer vobixLight{
 body.archivePage:not(.seniorHighContrast):not(.contrast){background:#fff!important;color:#172b36!important}
 body.archivePage:not(.seniorHighContrast):not(.contrast) .archiveHeader{background:#fff!important;border-color:#edf1f4!important}
 body.archivePage:not(.seniorHighContrast):not(.contrast) .archiveHeader :is(a,button){background:transparent!important;color:#12678d!important;box-shadow:none!important}
 body.archivePage:not(.seniorHighContrast):not(.contrast) .archiveBack{background:#e8f5ff!important;color:#07658e!important;box-shadow:none!important}
}