/* V7.7: static safe-area shield for iPhone Home Screen mode. */
html.standalone-app,html.standalone-app body{background:#f3f5f8!important}html.standalone-app body{padding-top:env(safe-area-inset-top,0px)}html.standalone-app body::before{content:"";position:fixed;top:0;left:0;right:0;height:calc(env(safe-area-inset-top,0px) + 2px);background:#f3f5f8;z-index:9999;pointer-events:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none}html.standalone-app .shell main>header{background:#f3f5f8;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}html.standalone-app .popupoverlay{padding-top:calc(env(safe-area-inset-top,0px) + 24px)!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px)!important}html.standalone-app .popup{max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 48px)!important}
.categoryfilters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.categoryfilters button{min-height:44px;padding:10px 14px;display:flex;align-items:center;gap:9px}.categoryfilters button.selected{background:#dbe7f4;color:#17365d;border-color:#a9bfd8}.categoryfilters b{background:#e6edf5;border-radius:999px;padding:2px 7px;font-size:12px}.tktbadge{background:#e3eafa!important;color:#24477b!important}.categorybadge{display:inline-block;margin:4px 3px;padding:3px 7px;font-size:11px;border-radius:7px}.filtersummary{padding:14px;background:#edf2f8;border:1px solid #dae3ee;border-radius:13px;margin-bottom:16px}.filtersummary>div:first-child{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.filtersummary strong{font-size:13px;margin-right:4px}.filtersummary span{padding:4px 8px;background:#fff;border-radius:7px;font-size:12px;overflow-wrap:anywhere}.filtercommands{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}.filtercommands button,.empty button{min-height:42px;padding:9px 12px}.empty button{margin:8px 8px 0 0}.syncdetails dl>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #dae3ee}.syncdetails dt{font-size:13px}.syncdetails dd{margin:0;font-size:13px;overflow-wrap:anywhere}.syncdetails small{display:block;color:#64748b;line-height:1.7}.syncdetails>button{min-height:44px;margin:12px 0;padding:10px 14px}.backuprecords>div{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid #dae3ee}.backuprecords small{color:#64748b;overflow-wrap:anywhere}.backuprecords details{padding:14px 0;font-size:13px;line-height:1.8}.backuprecords a{color:#2563a6}.clouddrafttools{border:1px solid #dae3ee;background:#f0f5fa;border-radius:13px;padding:12px;margin-bottom:14px}.clouddrafttools .documentactions{margin:0 0 10px}.clouddrafttools button{font-size:12px;padding:10px 12px;min-height:44px}.clouddrafttools small{display:block;color:#64748b}.homecounts>button:first-child{grid-column:1/-1}.homecounts>button:first-child strong{font-size:30px}.homecounts>button:first-child{display:flex;align-items:center;gap:14px}.homecounts>button:first-child small{margin-left:auto}
@media(max-width:750px){.categoryfilters button{flex:1;justify-content:center;font-size:12px;padding:9px 6px}.syncdetails dl>div{grid-template-columns:1fr}.clouddrafttools .documentactions{gap:7px}.clouddrafttools button{flex:1;min-width:110px}.homecounts>button:first-child strong{font-size:28px}}
