/* 毎日 › 今日（2026-10-30 2段目）。見本 mock-today.html の部品。セレクタは #tab-dashboard の中に限る */
#tab-dashboard .card-head { align-items: center; }
#tab-dashboard .card.is-empty .card-head { border-bottom: 0; }
#tab-dashboard .card-head .sub .is-ng { color: var(--ng); }
#tab-dashboard .cnt { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: var(--radius); font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--unk); background: var(--unk-bg); }
#tab-dashboard .cnt.c-ng { color: var(--ng); background: var(--ng-bg); }
#tab-dashboard .cnt.c-wait { color: var(--wait); background: var(--wait-bg); }
#tab-dashboard .cnt.c-warn { color: var(--warn); background: var(--warn-bg); }

#tab-dashboard .rows { margin: 0; padding: 0; list-style: none; }
#tab-dashboard .row { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto 100px auto; grid-template-areas: "id ttl meta who btn"; align-items: center; column-gap: 14px; padding: 10px var(--card-pad); border-bottom: 1px solid var(--line-soft); }
#tab-dashboard .rows > .row:last-child { border-bottom: 0; }
#tab-dashboard .row .id { grid-area: id; font-size: 12px; color: var(--subtle); font-variant-numeric: tabular-nums; white-space: nowrap; }
#tab-dashboard .row .ttl { grid-area: ttl; font-size: 14px; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; text-decoration: none; }
#tab-dashboard .row a.ttl:hover { color: var(--primary); }
#tab-dashboard .row .meta { grid-area: meta; display: flex; gap: 6px; align-items: center; justify-content: flex-end; }
#tab-dashboard .row .who { grid-area: who; font-size: 12px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#tab-dashboard .row .btn-ai { grid-area: btn; }
#tab-dashboard .row.auto { grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "ttl meta btn" "dec dec dec"; }
#tab-dashboard .row .dec { grid-area: dec; font-size: 12px; color: var(--muted); margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
#tab-dashboard .row .dec b { color: var(--wait); font-weight: 600; margin-right: 8px; }
#tab-dashboard .days { font-size: 12px; color: var(--muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
#tab-dashboard .days.over { color: var(--ng); font-weight: 600; }

#tab-dashboard details.more > summary { list-style: none; cursor: pointer; padding: 10px var(--card-pad); font-size: 13px; color: var(--primary); border-top: 1px solid var(--line-soft); white-space: nowrap; }
#tab-dashboard details.more > summary::-webkit-details-marker { display: none; }
#tab-dashboard details.more[open] > summary { color: var(--muted); }
#tab-dashboard details.more > .rows { border-top: 1px solid var(--line-soft); }
#tab-dashboard .sub-h { display: flex; align-items: center; gap: 8px; padding: 12px var(--card-pad) 4px; font-size: 12px; font-weight: 600; color: var(--muted); border-top: 1px solid var(--line-soft); }
#tab-dashboard .jobs { display: flex; align-items: center; gap: 8px; padding: 12px var(--card-pad); border-top: 1px solid var(--line-soft); font-size: 13px; white-space: nowrap; flex-wrap: wrap; }
#tab-dashboard .jobs .lbl { color: var(--muted); }
#tab-dashboard .jobs a { margin-left: auto; }

@media (max-width: 768px) {
    #tab-dashboard .card-head { flex-wrap: wrap; row-gap: 4px; }
    #tab-dashboard .card-head .sub { white-space: normal; }
    #tab-dashboard .row { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "id ttl ttl" "meta meta btn"; row-gap: 8px; column-gap: 8px; padding: 10px var(--card-pad); }
    #tab-dashboard .row .who { display: none; }
    #tab-dashboard .row .meta { justify-content: flex-start; flex-wrap: wrap; }
    #tab-dashboard .row.auto { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "ttl ttl" "meta btn" "dec dec"; }
    #tab-dashboard .row .dec { white-space: normal; }
    #tab-dashboard .row .ttl { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.45; }
    #tab-dashboard .jobs a { margin-left: 0; flex: 1 1 100%; }
}