/* ── Main app body overrides ── */
body{height:100vh;overflow:hidden;display:flex;flex-direction:column;transition:background .2s,color .2s;}
button,input,select,textarea{font-family:inherit;font-size:inherit;}
a{color:inherit;text-decoration:none;}

/* ── Phosphor icons ── */
i.ph,i.ph-fill,i.ph-bold{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;}
.btn-icon i,.dark-toggle i,.profile-btn i{font-size:16px;}
.search-unit-btn i{font-size:15px;}
.doc-search-icon i{font-size:13px;}
.doc-search-nav-btn i,.doc-search-clear i{font-size:12px;}
.detail-close i{font-size:13px;}
.profile-popup-btn i{font-size:14px;}
.ct-copy i,.ct-close i{font-size:13px;}
.ct-label i{font-size:14px;vertical-align:middle;}
.empty-state .icon i{font-size:32px;opacity:.4;}
.update-toast-icon i{font-size:20px;}
.tab-btn i,.star-btn i,.folder-move-btn i,.doc-bar-bm-star i,.bm-folder-btn i{font-size:13px;}
.folder-dot i{font-size:14px;}

mark{background:var(--hl-bg);color:var(--hl-text);border-radius:3px;padding:0 2px;}

/* ── Shared keyframes (used across multiple files) ── */
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes popup-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}