.dashboard-command { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 14px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font-size:14px;font-weight:600; }
.dashboard-command.primary { background:var(--deep);color:#fff;border-color:var(--gold); }
.dashboard-command svg { width:18px;height:18px;flex:none; }
.dashboard-dialog { width:min(860px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);box-shadow:var(--lift); }
.dashboard-dialog::backdrop { background:rgba(0,0,0,.55); }
.dashboard-edit { display:flex;flex-direction:column;max-height:calc(100dvh - 26px); }
.dashboard-edit header { display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line); }
.dashboard-edit h2 { font-family:var(--serif);font-size:21px;line-height:1.4;margin-right:auto; }
.dashboard-scroll { min-height:0;overflow:auto;padding:20px; }
.dashboard-field { display:grid;gap:6px;font-weight:600;font-size:13px; }
.dashboard-field input,.dashboard-field select { padding:9px;border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--ink);font:inherit;min-height:44px;width:100%;min-width:0; }
.dashboard-field select { max-width:240px; }
.dashboard-group { margin-top:24px; }
.dashboard-group-title { display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line); }
.dashboard-group h3,.dashboard-links h3 { font-family:var(--serif);font-size:16px;line-height:1.5; }
.dashboard-group h3 { margin-right:auto; }
.dashboard-pref { display:grid;grid-template-columns:minmax(0,1fr) 66px 58px 44px 44px;gap:5px;align-items:center;border-bottom:1px solid var(--line-soft);min-height:54px;padding:6px 0;font-size:13px; }
.dashboard-pref > span { min-width:0;overflow-wrap:anywhere; }
.dashboard-pref label { display:flex;align-items:center;gap:5px;min-height:44px;font-size:12px; }
.dashboard-pref input { width:18px;height:18px;accent-color:var(--gold-deep); }
.dashboard-icon { display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:4px;color:var(--ink);background:transparent;flex:none; }
.dashboard-icon:hover { background:var(--raise); }
.dashboard-icon:disabled { opacity:.3;cursor:default; }
.dashboard-links { border-top:1px solid var(--line);padding-top:18px;margin-top:24px; }
.dashboard-link-row { display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line-soft); }
.dashboard-link-row span { flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px; }
.dashboard-link-row small { display:block;color:var(--ink-3);font-size:12px; }
.dashboard-link-form { display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-top:14px; }
.dashboard-edit footer { display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding:12px 20px; }
.dashboard-edit footer > span { flex:1; }
#dashboard-error:not(:empty) { padding:10px 20px;color:#b33a31;font-size:14px;margin:0; }
.dashboard-compact .tile:not(.add) { display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;padding:12px;gap:8px; }
.dashboard-compact .tile .ic { grid-row:span 2; }
.dashboard-compact .tile .bl { display:none; }
.dashboard-compact .tile .ft { grid-column:2; }
.dashboard-compact .tile.add { min-height:92px; }
.dashboard-links-home { display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px; }
.dashboard-links-home a { text-decoration:none;max-width:100%;overflow-wrap:anywhere; }
@media(max-width:540px) {
  .dashboard-scroll { padding:12px; }
  .dashboard-edit header { padding:10px 12px; }
  .dashboard-edit h2 { font-size:18px; }
  .dashboard-edit footer { padding:10px 12px; }
  .dashboard-edit footer > span { display:none; }
  .dashboard-edit footer .dashboard-command { flex:1;white-space:normal;font-size:12px;padding:8px; }
  .dashboard-pref { grid-template-columns:minmax(0,1fr) 56px 50px 40px 40px;gap:2px; }
  .dashboard-pref .dashboard-icon { width:40px; }
  .dashboard-pref > span { grid-column:1/-1;font-weight:600;padding-top:4px; }
  .dashboard-pref label:first-of-type { grid-column:2; }
  .dashboard-link-form { grid-template-columns:1fr; }
  .dashboard-field input,.dashboard-field select { font-size:16px; }
}