.app-shell{--color-plank:#141716;--color-plank-cut:#292f2b;--color-surface:#202523;--color-graphite:#f5f7f0;--color-graphite-2:#303832;--color-soft:#b8c3bb;--color-line:#3d4840;--color-chalk:#d7f76b;--color-chalk-light:#d7f76b;--color-chalk-wash:#344324;--color-redchalk:#ffac99;--color-redchalk-wash:#482b28;--radius-sm:.625rem;--focus-ring:#d7f76b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--color-plank);color:var(--color-graphite)}.app-shell .chrome-dark{--color-graphite:#141716;--color-graphite-2:#202523;--color-plank:#f5f7f0;border-color:#3d4840}.app-shell :is(input:not([type=hidden]),select,textarea){color:#f5f7f0;caret-color:#d7f76b;background:#191e1b;border-color:#536057}.app-shell :is(input,textarea)::placeholder{color:#a9b6ad}.app-shell :is(a,button,input,select,textarea):focus-visible{outline-offset:3px;outline:2px solid #d7f76b}.app-shell ::selection{color:#141716;background:#d7f76b}.overview{max-width:76rem;margin-inline:auto}.overview-heading{margin-bottom:28px}.overview-heading p{color:var(--color-soft);margin-top:8px;font-size:.9375rem}.overview-heading h1{letter-spacing:-.025em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:650;line-height:1.2}.overview-top,.overview-lower{align-items:start;gap:24px;display:grid}.overview-top{margin-bottom:24px}.overview-panel,.overview .clock-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;padding:20px}.overview .clock-card{margin:0}.overview h2{letter-spacing:-.01em;font-size:1.125rem;font-weight:650}.overview .text-xs{font-size:.8125rem;line-height:1.5}.overview .text-sm{font-size:.9375rem;line-height:1.5}.overview .font-mono{font-family:var(--font-ui);font-variant-numeric:tabular-nums}.overview .clock-running{flex-direction:column;display:flex}.overview .clock-job{border:0;order:-1;margin:0 0 20px;padding:0}.overview .clock-job>.text-sm,.overview .clock-job>.text-sm+div{font-size:1.125rem}.overview .clock-job .text-xs,.overview .clock-job button{margin-top:4px}.overview .clock-digits{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(2.5rem,10vw,4.5rem);font-weight:650}.overview .clock-hour-rule{display:none}.overview .clock-status{font-size:.875rem;font-family:var(--font-ui);margin-top:12px}.overview .clock-status>span:last-child{letter-spacing:normal;text-transform:none;font-weight:600}.overview .clock-status>span:last-child:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.overview .clock-actions .bg-chalk,.overview .clock-card button.bg-chalk{background:var(--color-chalk);color:#141716;border-radius:10px;min-height:52px;font-size:1rem;font-weight:650}.overview .clock-actions form+form{margin-top:4px}.overview .clock-card input{margin-top:16px}.overview-today li{padding-block:16px}.overview-today li>a{font-size:1.0625rem;display:inline-block}.overview-today li>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.overview-today li>div a{color:#f5f7f0;text-align:center;border:1px solid #677568;border-radius:8px;min-height:44px;padding:10px 8px}.overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.overview-metrics>*{background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;min-width:0;padding:18px 12px}.overview-metrics .text-2xl{overflow-wrap:anywhere;font-size:clamp(1.25rem,4vw,2rem);font-weight:650;line-height:1.25}.overview-metrics [class*="text-[10px]"]{letter-spacing:normal;text-transform:none;font-size:.75rem;line-height:1.4}.overview-followup{margin-bottom:24px}.overview-lower .overview-panel ul>li{min-height:48px}.overview a:hover{text-underline-offset:.2em;text-decoration:underline}.overview button{min-height:44px}.overview .tap-target{min-width:44px}.overview .overview-panel a[href^="/opgaver/"]{align-items:center;max-width:100%;min-height:44px;display:inline-flex}@media (min-width:1024px){.overview-top{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.overview-lower{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-panel,.overview .clock-card{padding:28px}.overview-metrics>*{padding:22px 24px}}@media (prefers-reduced-motion:reduce){.app-shell *{scroll-behavior:auto;transition-duration:0s}}.dashboard-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:16px;display:flex}.dashboard-toolbar p{color:var(--color-soft);flex:240px;font-size:.875rem}.dashboard-toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.dashboard-toolbar button,.dashboard-item-tools button{border:1px solid var(--color-line);border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 12px;display:inline-flex}.dashboard-toolbar .dashboard-save{background:var(--color-chalk);color:var(--color-plank);border-color:var(--color-chalk);font-weight:600}.dashboard-status{color:var(--color-soft);font-size:.875rem}.dashboard-status:not(:empty){margin-bottom:16px}.dashboard-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.dashboard-item{min-width:0}.dashboard-item .overview-metrics,.dashboard-item .overview-followup{margin-bottom:0}.dashboard-item-tools{align-items:center;gap:8px;margin-bottom:8px;display:flex}.dashboard-item-tools span{flex:1;font-size:.875rem;font-weight:600}.dashboard-item-tools button{padding:8px}.dashboard-item-tools button:disabled{opacity:.35;cursor:default}.dashboard-handle{cursor:grab}.dashboard-handle:active{cursor:grabbing}.dashboard-drop-target{outline:2px dashed var(--color-chalk);outline-offset:5px;border-radius:12px}.dashboard-catalog{border:1px solid var(--color-line);background:var(--color-surface);border-radius:12px;margin-bottom:24px;padding:20px}.dashboard-catalog h2{margin-bottom:12px}.dashboard-catalog p,.dashboard-empty{color:var(--color-soft);font-size:.875rem}.dashboard-catalog-items{flex-wrap:wrap;gap:8px;display:flex}.dashboard-catalog button{border:1px solid var(--color-line);min-height:44px;color:var(--color-chalk);border-radius:8px;padding:10px 14px}.dashboard-empty{padding-block:24px}@media (min-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics,.dashboard-followup{grid-column:1/-1}}
