/* ficklestudio26 · Hours calculators (builds on /timer/timer.css and /code-tools styles for .k-big) */
.k-big { margin:16px 0 4px; padding:18px 12px; background:#fff4e6; border-radius:16px; text-align:center; }
.k-big b { display:block; font:800 clamp(40px,11vw,92px)/1.1 system-ui,sans-serif; color:#d9480f; word-break:break-all; font-variant-numeric:tabular-nums; }
.k-big span { display:block; margin-top:6px; font:600 15px system-ui,sans-serif; color:#5b5b66; }
.k-note { min-height:20px; margin:6px 0 0; font:600 14px system-ui,sans-serif; color:#c92a2a; text-align:left; }
.k-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:10px; margin:10px 0; text-align:left; }
.k-grid label, .h-opt label, .h-arow label { display:grid; gap:4px; font:700 12px system-ui,sans-serif; color:#5b5b66; text-transform:uppercase; letter-spacing:.05em; text-align:left; }
.k-grid input, .h-arow input, .h-arow select, .h-opt input { padding:10px; border:2px solid #e8e8ec; border-radius:12px; font:600 18px system-ui,sans-serif; background:#fff; width:100%; box-sizing:border-box; }
.h-table { width:100%; border-collapse:collapse; margin:0 0 8px; }
.h-table th { font:700 12px system-ui,sans-serif; color:#5b5b66; text-transform:uppercase; letter-spacing:.04em; padding:6px 4px; text-align:left; }
.h-table td { padding:4px; }
.h-table input { padding:9px 6px; border:2px solid #e8e8ec; border-radius:10px; font:600 17px system-ui,sans-serif; width:100%; box-sizing:border-box; background:#fff; min-width:0; }
.h-table input:focus, .h-arow input:focus, .k-grid input:focus { outline:none; border-color:#e8590c; }
.h-day { font:800 15px system-ui,sans-serif; white-space:nowrap; }
.h-out { font:800 16px ui-monospace,Menlo,monospace; text-align:right; white-space:nowrap; color:#1d1d22; }
.h-det { min-height:22px; margin:8px 0; font:700 18px system-ui,sans-serif; color:#1d1d22; }
.h-opt { display:grid; gap:10px; margin:12px 0; text-align:left; }
.h-opt .h-ck { display:flex; flex-wrap:wrap; align-items:center; gap:8px; text-transform:none; letter-spacing:0; font:600 15px system-ui,sans-serif; color:#1d1d22; }
.h-opt .h-ck input[type=number] { width:76px; padding:6px; font-size:16px; }
.h-opt .h-ck input[type=checkbox] { width:22px; height:22px; }
.h-money { display:flex; align-items:center; gap:6px; } .h-money i { font:800 20px system-ui,sans-serif; font-style:normal; } .h-money input { max-width:180px; }
.h-arow { display:grid; grid-template-columns:70px repeat(3,minmax(0,1fr)) 44px; gap:8px; align-items:end; margin:8px 0; }
.h-clock .h-arow { grid-template-columns:1.4fr 70px 1fr 1fr; }
.h-hm { display:flex; gap:8px; }
@media (max-width:600px) { .h-table th:nth-child(4), .h-table td:nth-child(4) { width:70px; } .h-table input { font-size:15px; padding:8px 4px; } .h-out { font-size:13px; } .h-arow { grid-template-columns:60px repeat(3,minmax(0,1fr)) 40px; } }
@media print { .timer__controls, .h-opt, .site-bar, nav { display:none !important; } }