/* Refined, consistently centered controls for the global header and asset toolbar. */
html[data-theme="f"][data-color-theme="blue"] body :is(#btnExportData,.appearance-button,.notification-button,.catalog-folder-create,.catalog-order-toggle){
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:8px;
  height:38px;
  min-height:38px;
  padding:0 14px;
  border-radius:12px;
  /* A normal line box gives CJK glyphs optical breathing room inside flex buttons. */
  line-height:1.3;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;
  font-size:13px;
  font-weight:600;
  letter-spacing:0;
  vertical-align:middle;
  white-space:nowrap;
  box-shadow:0 1px 2px rgb(32 55 88 / 5%);
  transform:none;
  transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
html[data-theme="f"][data-color-theme="blue"] body :is(#btnExportData,.appearance-button,.notification-button,.catalog-folder-create,.catalog-order-toggle) > svg{
  display:block;
  width:16px;
  height:16px;
  flex:0 0 16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
html[data-theme="f"][data-color-theme="blue"] body #btnExportData{
  padding-inline:16px;
  color:#fff;
  font-size:13px;
  font-weight:600;
  border:1px solid #2469d8;
  background:linear-gradient(180deg,#347be5,#2469d8);
  box-shadow:0 2px 5px rgb(36 105 216 / 20%),inset 0 1px 0 rgb(255 255 255 / 18%);
}
html[data-theme="f"][data-color-theme="blue"] body #btnExportData:hover{
  border-color:#1b58be;
  background:linear-gradient(180deg,#2c70da,#1b58be);
  box-shadow:0 3px 8px rgb(36 105 216 / 24%);
  transform:translateY(-1px);
}
html[data-theme="f"][data-color-theme="blue"] .appearance-control .appearance-button{
  height:38px;
  min-height:38px;
  padding-inline:12px;
  border-radius:12px;
  font-size:13px;
  font-weight:550;
  line-height:1;
  color:#43536b;
  border-color:color-mix(in srgb,#70839d 20%,var(--border));
  background:color-mix(in srgb,#fff 86%,var(--panel));
  box-shadow:0 1px 2px rgb(32 55 88 / 4%);
}
html[data-theme="f"][data-color-theme="blue"] .appearance-control .appearance-button .appearance-icon{ width:16px;height:16px; }
html[data-theme="f"][data-color-theme="blue"] .appearance-control .appearance-button .appearance-chevron{ width:12px;height:12px; }
html[data-theme="f"][data-color-theme="blue"] .appearance-control .appearance-button:is(:hover,[aria-expanded="true"]){
  color:#2469d8;
  border-color:color-mix(in srgb,#2469d8 26%,var(--border));
  background:#f4f8ff;
  box-shadow:0 2px 6px rgb(36 105 216 / 8%);
  transform:translateY(-1px);
}
html[data-theme="f"][data-color-theme="blue"] body .notification-button{
  width:38px;
  min-width:38px;
  padding:0;
  color:#516177;
  border-color:color-mix(in srgb,#70839d 20%,var(--border));
  background:color-mix(in srgb,#fff 86%,var(--panel));
}
html[data-theme="f"][data-color-theme="blue"] body .notification-button .notification-bell{ display:grid;place-items:center; }
html[data-theme="f"][data-color-theme="blue"] body .notification-button .notification-bell svg{ display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
html[data-theme="f"][data-color-theme="blue"] body .notification-button:is(:hover,.active,[aria-expanded="true"]){ color:#2469d8;border-color:color-mix(in srgb,#2469d8 28%,var(--border));background:#f4f8ff;box-shadow:0 2px 6px rgb(36 105 216 / 9%);transform:translateY(-1px); }
html[data-theme="f"][data-color-theme="blue"] body #panel .catalog-folder-create, html[data-theme="f"][data-color-theme="blue"] body #panel .catalog-order-toggle{
  height:36px;
  min-height:36px;
  padding:0 12px;
  gap:7px;
  border-radius:8px;
  font-size:12px;
  font-weight:600;
  line-height:1.3;
  text-align:center;
  box-shadow:none;
}
html[data-theme="f"][data-color-theme="blue"] body #panel .catalog-folder-create{
  color:#2469d8;
  border:1px solid color-mix(in srgb,#2469d8 28%,var(--border));
  background:linear-gradient(180deg,color-mix(in srgb,#2469d8 7%,var(--panel)),color-mix(in srgb,#2469d8 3%,var(--panel)));
  box-shadow:0 1px 2px rgb(36 105 216 / 6%),inset 0 1px 0 rgb(255 255 255 / 78%);
}
html[data-theme="f"][data-color-theme="blue"] body #panel .catalog-folder-create:hover{
  color:#1b58be;
  border-color:color-mix(in srgb,#2469d8 42%,var(--border));
  background:color-mix(in srgb,#2469d8 9%,var(--panel));
  box-shadow:0 2px 6px rgb(36 105 216 / 8%);
  transform:translateY(-1px);
}
html[data-theme="f"][data-color-theme="blue"] body #panel .catalog-order-toggle{
  color:#516177;
  border:1px solid color-mix(in srgb,#70839d 23%,var(--border));
  background:color-mix(in srgb,#fff 82%,var(--panel));
  box-shadow:0 1px 2px rgb(32 55 88 / 5%),inset 0 1px 0 rgb(255 255 255 / 80%);
}
html[data-theme="f"][data-color-theme="blue"] body #panel .catalog-order-toggle:hover, html[data-theme="f"][data-color-theme="blue"] body #panel .catalog-order-toggle.active{
  color:#2469d8;
  border-color:color-mix(in srgb,#2469d8 34%,var(--border));
  background:#f3f7ff;
}
html[data-theme="f"][data-color-theme="blue"] body #panel .catalog-order-toggle:hover{ transform:translateY(-1px); }
html[data-theme="f"][data-color-theme="blue"] body :is(.catalog-folder-create,.catalog-order-toggle):active{ transform:translateY(0); }
html[data-theme="f"][data-color-theme="blue"] body :is(#btnExportData,.appearance-button,.notification-button,.catalog-folder-create,.catalog-order-toggle):focus-visible{
  outline:2px solid color-mix(in srgb,#2469d8 70%,white);
  outline-offset:2px;
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] body :is(.appearance-control .appearance-button,.notification-button){
  border-color:rgba(72,96,130,.14);
  background:linear-gradient(180deg,#ffffffed,#f3f6fbd9);
  box-shadow:0 2px 5px rgb(50 71 104 / 7%),inset 0 1px 0 rgb(255 255 255 / 70%);
}
html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] body #panel .catalog-folder-create, html[data-theme="f"][data-color-theme="blue"][data-appearance="macos27"] body #panel .catalog-order-toggle{
  box-shadow:0 1px 3px rgb(50 71 104 / 6%);
}
@media (max-width:640px) {
  html[data-theme="f"][data-color-theme="blue"] body .actions{ gap:6px; }
  html[data-theme="f"][data-color-theme="blue"] body :is(#btnExportData,.appearance-control .appearance-button){ padding-inline:9px; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-theme="f"][data-color-theme="blue"] body :is(#btnExportData,.appearance-button,.notification-button,.catalog-folder-create,.catalog-order-toggle){ transition:none; }
}