/* v1.8 数据管理区域：重要状态可见，移动端按钮易触达 */
.data-actions{align-items:center;gap:9px;margin:14px 0}
.data-actions .ghost,.data-actions .upload-btn{font-size:12px;min-height:38px}
.storage-meter{
  padding:12px 14px;margin:10px 0 14px;
  border:1px solid rgba(154,193,245,.36);
  border-radius:12px;background:rgba(99,145,211,.13);
  line-height:1.65;font-size:12px;color:#dceaff
}
.storage-meter.storage-heavy{
  border-color:rgba(247,179,106,.63);background:rgba(173,106,37,.17);
  color:#ffe0bc
}
html[data-theme=light] .storage-meter{
  color:#2b4869;background:#e4effd;border-color:#acc7ee
}
html[data-theme=light] .storage-meter.storage-heavy{
  color:#81501f;background:#fff1da;border-color:#e1ad65
}
@media(max-width:620px){
  .data-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .data-actions .ghost,.data-actions .upload-btn{display:flex;justify-content:center;text-align:center}
  .storage-meter{font-size:11px}
}

/* v1.8.1: no-remote-icons default and explicit direct-site opt-in */
.favicon-policy-label{display:grid;gap:7px;font-size:12px;color:#dce6f6;margin-top:12px}
.favicon-policy-label select{padding:11px 12px;border-radius:10px;color:#fff;border:1px solid #ffffff40;background:#ffffff16;max-width:100%}
.favicon-policy-label select option{color:#273d57}
.tile-icon .favicon-letter,.tile-icon .favicon-img{grid-area:1/1;}
.tile-icon .favicon-img:not(.custom-favicon){opacity:0;transition:opacity .12s ease}
.tile-icon.has-favicon .favicon-img{opacity:1}
html[data-theme=light] .favicon-policy-label{color:#334d6b}
html[data-theme=light] .favicon-policy-label select{background:white;color:#203853;border-color:#bdcce0}
