/* Stempeluhr kompakt ganz oben (Michael 27.10.2026, app/pages/clock.php .clk-c): eine Zeile Status · heute gearbeitet · Pause, rechts der Stift
   „Layout bearbeiten" (keine eigene Zeile mehr); Tätigkeiten als kleine Chips (Handy 3 je Zeile), darunter Einstempeln bzw. Pause/Ausstempeln.
   Nur Darstellung — Logik in punch.php/app.js unverändert. Trefferflächen bleiben 44 px. Lädt nach design2.css/designa.css (design2ExtraCss). */
html.d2 .card.clk-c{padding:.7rem .85rem .8rem}
html.d2 .clk-c .clockstate{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .55rem;margin:0}
html.d2 .clk-c .clockstate .statuschip{margin:0;font-size:.78rem;padding:.3rem .65rem}
html.d2 .clk-c .clockstate .clk-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.d2 .clk-c .clockstate .time{font-size:1.45rem;font-weight:800;line-height:1;letter-spacing:-.02em;margin:0;font-variant-numeric:tabular-nums;color:var(--ink)}
html.d2 .clk-c .clockstate .clk-brk{font-size:.78rem;padding:0;margin:0}
html.d2 .clk-c .clockstate .clk-brk.is-zero{display:none}   /* noch keine Pause heute: nichts anzeigen (Platz für den Stift) */
html.d2 .clk-c .clockstate .ho-head{margin:0 0 0 auto}
html.d2 .clk-c>.warn{margin:.5rem 0 0}
html.d2 .clk-c .catlabel{margin:.55rem 0 0}
html.d2 .clk-c .catchips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:.55rem 0 .5rem}
html.d2 .clk-c .catchip{min-height:44px;min-width:0;padding:.2rem .3rem;font-size:.78rem;line-height:1.12;justify-content:center;text-align:center;
 white-space:normal;hyphens:auto;-webkit-hyphens:auto;gap:.2rem;border-radius:12px}
html.d2 .clk-c .catchip :is(svg,.d2ic){flex:0 0 auto}
@media(min-width:700px){html.d2 .clk-c .catchips{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
html.d2 .clk-c .catnow{margin:0 0 .45rem;font-size:.78rem}
html.d2 .clk-c #punchform .punchbtn{min-height:48px;padding:.45rem .8rem;font-size:1rem}
@media(min-width:700px){html.d2 .card.clk-c{max-width:780px!important;width:100%}}