/* next-r96-day.css (r96 phase 2, wave 1, W1-DAY): the day close card on Today, the day pages and the desktop-audit export.
   The workspace's own tokens only (next-v89-today.css r96m sets the pattern). */
#view .r96d { margin: 0 0 var(--s-4); }
#view .r96d .card-b { padding-top: var(--s-2); }
#view .r96d-n { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-2); margin: 0 0 var(--s-3); }
#view .r96d-n > div { border: 1px solid var(--gray-200); border-radius: 10px; padding: var(--s-2) var(--s-3); min-width: 0; }
#view .r96d-n b { display: block; font-size: 20px; line-height: 1.2; font-weight: var(--w-semibold); color: var(--gray-900); font-variant-numeric: tabular-nums; }
#view .r96d-n span { display: block; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
#view .r96d-h3 { margin: var(--s-3) 0 var(--s-1); font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-semibold); color: var(--gray-700); }
#view .r96d-open, #dialog .r96d-open { margin: 0; padding: 0 0 0 18px; }
#view .r96d-open li, #dialog .r96d-open li { margin: 4px 0; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); overflow-wrap: anywhere; }
#view .r96d-clear, #dialog .r96d-clear, #view .r96d-more, #view .r96d-why, #dialog .r96d-why, #view .r96d-st, #view .r96d-who, #view .r96d-none, #view .r96d-msg, #view .r96d-bound { margin: var(--s-2) 0 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
#view .r96d-st { color: var(--gray-700); }
#view .r96d-sec { margin: var(--s-2) 0 2px; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); }
#view .r96d-sec b { font-weight: var(--w-semibold); }
#view .r96d-a { display: flex; flex-wrap: wrap; gap: var(--s-2); align-items: center; margin-top: var(--s-3); }
#view .r96d-head .v89-head-a { flex-wrap: wrap; }
#view .r96d-note { margin: 0 0 var(--s-3); padding: var(--s-2) var(--s-3); border: 1px solid var(--gray-200); border-radius: 10px; background: var(--gray-50, #f8fafc); font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-700); }
#view .r96d-page .card { margin: 0 0 var(--s-4); }
#view .r96d-tw { overflow-x: auto; }
#view .r96d-t { width: 100%; border-collapse: collapse; table-layout: auto; }
#view .r96d-t th, #view .r96d-t td { text-align: left; vertical-align: top; padding: 8px 10px 8px 0; border-bottom: 1px solid var(--gray-200); font-size: var(--t-small-size); line-height: var(--t-small-lh); overflow-wrap: anywhere; }
#view .r96d-t th { color: var(--gray-500); font-weight: var(--w-semibold); }
#view .r96d-t td { color: var(--gray-900); }
@media (min-width: 700px) { #view .r96x-t td:nth-child(-n+2) { white-space: nowrap; overflow-wrap: normal; } }
#view .r96d-recs { list-style: none; margin: 0; padding: 0; }
#view .r96d-recs li + li { border-top: 1px solid var(--gray-200); }
#view .r96d-recs a { display: block; padding: var(--s-2) 0; color: inherit; text-decoration: none; }
#view .r96d-recs a:hover b { color: var(--accent); }
#view .r96d-recs b { display: block; font-weight: var(--w-semibold); color: var(--gray-900); }
#view .r96d-recs span { display: block; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
#view .r96d-sig { margin: 0; line-height: 1.6; }
#view .r96d-sig span { color: var(--gray-500); font-size: var(--t-small-size); }
#view .r96d-int { margin: var(--s-2) 0 0; padding-left: 18px; font-size: var(--t-small-size); color: var(--gray-700); }
#view .r96d-signote { margin: var(--s-3) 0 0; font-size: var(--t-small-size); color: var(--gray-700); }
#view .r96m-yday { margin: 0 0 var(--s-3); padding: var(--s-2) var(--s-3); border-radius: 10px; border: 1px solid var(--gray-200); font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-700); }
#view .r96m-yday[data-tone="attention"] { box-shadow: inset 3px 0 0 var(--attention-dot); }
#view .r96m-yday b { color: var(--gray-900); font-weight: var(--w-semibold); }
#view .r96m-yday span { color: var(--gray-500); }
#view .r96d-links .card-b { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); padding-top: var(--s-3); }
#view .r96d-links a { display: block; padding: var(--s-2) var(--s-3); border: 1px solid var(--gray-200); border-radius: 10px; color: inherit; text-decoration: none; }
#view .r96d-links a:hover b { color: var(--accent); }
#view .r96d-links b { display: block; font-weight: var(--w-semibold); color: var(--gray-900); }
#view .r96d-links span { display: block; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
#view .r96x-form { display: grid; grid-template-columns: repeat(2, minmax(0, 220px)); gap: var(--s-3) var(--s-4); align-items: end; }
#view .r96x-form .full { grid-column: 1 / -1; }
#view .r96x-form .r96d-a { grid-column: 1 / -1; margin-top: 0; }
#view .r96x-form input { width: 100%; }
#view .r96x-file { cursor: pointer; margin-top: var(--s-2); }
#view .r96x-names { margin-top: var(--s-3); font-size: var(--t-small-size); color: var(--gray-700); }
#view .r96x-names ul { margin: var(--s-2) 0 0; padding-left: 18px; max-height: 260px; overflow: auto; }
#view .r96x-names li span { color: var(--gray-500); }
#dialog .r96d-dlg .r96d-n { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0 0 12px; }
#dialog .r96d-dlg .r96d-n > div { border: 1px solid var(--gray-200); border-radius: 10px; padding: 8px 10px; }
#dialog .r96d-dlg .r96d-n b { display: block; font-size: 20px; line-height: 1.2; }
#dialog .r96d-dlg .r96d-n span { display: block; font-size: var(--t-small-size); color: var(--gray-500); }
#dialog .r96d-dlg .r96d-h3 { margin: 8px 0 4px; font-size: var(--t-small-size); font-weight: var(--w-semibold); color: var(--gray-700); }
#dialog .r96d-dlg textarea { width: 100%; min-height: 64px; }
@media (max-width: 699px) {
  #view .r96d-n, #dialog .r96d-dlg .r96d-n { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #view .r96d-links .card-b { grid-template-columns: minmax(0, 1fr); }
  #view .r96x-form { grid-template-columns: minmax(0, 1fr); }
  #view .r96d-a .btn { white-space: normal; height: auto; min-height: 32px; }
  #view .r96d-t thead { display: none; }
  #view .r96d-t, #view .r96d-t tbody, #view .r96d-t tr, #view .r96d-t td { display: block; width: 100%; }
  #view .r96d-t tr { padding: var(--s-2) 0; border-bottom: 1px solid var(--gray-200); }
  #view .r96d-t td { border: 0; padding: 2px 0; height: auto; min-height: 0; }
  #view .r96d-t td::before { content: attr(data-l) ": "; color: var(--gray-500); }
}