/* tilesall1 – every Overview tile opens its list (same look as clockedin1) */
#oiTiles .oi-tile.ta-tap{cursor:pointer}
#oiTiles .oi-tile.ta-tap:hover,#oiTiles .oi-tile.ta-tap:focus{outline:2px solid #D9A03C;outline-offset:2px}
#oiTiles .oi-tile.ta-tap .oi-tl::after{content:' →';color:#D9A03C}
.ta-sheet h2{margin:0 0 4px;color:#332E57}
.ta-note{color:#5e5a7a;font-size:.9rem;margin:0 0 12px}
.ta-badtxt{color:#c0392b}
.ta-empty{padding:18px;text-align:center;background:#f6f5fb;border-radius:10px;color:#332E57;font-weight:600}
.ta-list{list-style:none;margin:0;padding:0;max-height:62vh;overflow:auto}
.ta-row{display:grid;grid-template-columns:1.3fr 1.4fr .7fr;gap:4px 14px;padding:10px 4px;border-bottom:1px solid #e6e4ef;align-items:start}
.ta-row2{grid-template-columns:1fr 1.6fr}
.ta-row small{display:block;color:#6b6880;font-size:.8rem}
.ta-c{text-align:right}
.ta-bad .ta-c b,.ta-bad .ta-b small{color:#c0392b}
.ta-grp{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:8px 6px;background:#f1effa;border-radius:8px;color:#332E57;font-weight:600}
.ta-grp b{background:#332E57;color:#fff;border-radius:10px;padding:0 8px;margin-left:4px;font-size:.8rem}
.ta-why{margin:0;padding-left:16px;font-size:.85rem;color:#5e5a7a}
.ta-chip{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.8rem;font-weight:600}
.ta-ok{background:#e3f4ea;color:#1f8a4c}.ta-pend{background:#fbf0dc;color:#9a6512}.ta-sug{background:#eceaf5;color:#6b6880}
.ta-more{margin:12px 0 0;text-align:right}
@media (max-width:600px){.ta-row{grid-template-columns:1fr auto}.ta-row .ta-a{grid-column:1/2}.ta-row .ta-b{grid-column:1/2}.ta-row .ta-c{grid-column:2/3;grid-row:1/3}.ta-row2{grid-template-columns:1fr}.ta-row2 .ta-b{grid-column:1/-1}}