/* Page styles for base/templates/base/analytics_manage.html.
   Moved out of the template unchanged and linked from the same point in the
   page, so these rules resolve in exactly the order they always did. */

.ap-intro { color:var(--ink-3); font-size:0.9rem; margin-bottom:1rem; }
.ap-row { display:flex; align-items:center; gap:12px; padding:11px 14px; border:1px solid var(--line);
  border-radius:var(--r-sm); margin-bottom:8px; background:var(--surface); }
.ap-row .nm { font-weight:600; }
.ap-row .meta { color:var(--ink-3); font-size:0.82rem; }
.ap-row .spacer { flex:1; }
.ap-row a { text-decoration:none; color:var(--link); font-weight:600; font-size:0.85rem; }
.new-ap { display:flex; gap:8px; align-items:center; margin:12px 0 20px; flex-wrap:wrap; }
.new-ap input { padding:7px 10px; border:1px solid var(--line-strong); border-radius:var(--r-sm); }
body.dark-mode .ap-row { background:var(--surface-2); border-color:var(--line); }
@media (max-width:560px) {
  .ap-row { flex-wrap:wrap; }
  .ap-row .spacer { flex-basis:100%; }
}

/* Dashboard folders (2026-08-28). */
.db-folder { margin:18px 0 6px; font-size:0.9rem; color:var(--ink-2); }
.ap-folder { display:flex; gap:4px; align-items:center; margin:0; }
.ap-folder input { width:150px; font-size:0.8rem; padding:3px 6px; border:1px solid var(--line); border-radius:var(--r-sm); background:var(--field, var(--paper)); color:var(--ink); }
.ap-folder .button-link { font-size:0.78rem; padding:3px 8px; }
