.task-mobile-edit{display:none}@media(max-width:800px){.task-row>.task-mobile-edit{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:38px;padding:4px;border:0;background:transparent;color:var(--accent)}.task-row{min-height:42px}.task-row .task-assign{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.mobile-nav,.mobile-calendar-actions{display:none}.tour-shortcut{white-space:nowrap;font-size:12px}
@media(max-width:800px){.workspace-header:has(.workspace-company) .header-controls,.workspace-header .header-controls{width:auto;flex:0 0 auto;margin-left:auto}.calendar-page .tasks-panel #day-tasks{flex:0 0 auto;min-height:40px;max-height:28dvh;overflow:auto}.calendar-page .tasks-panel #backlog{flex:1 0 auto}}
#product-tour{position:fixed;inset:0;z-index:1000}#product-tour[hidden]{display:none}.tour-shade{position:fixed;background:#10172277;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:none}.tour-blocker{position:absolute;inset:0}.tour-outline{position:fixed;pointer-events:none;border:2px solid var(--accent);border-radius:8px;box-shadow:0 0 0 3px #fff4}.tour-card{position:fixed;box-sizing:border-box;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;box-shadow:0 12px 45px #0005;padding:22px;max-height:calc(100dvh - 28px);overflow:auto}.tour-card h2{font-size:20px;margin:6px 0 12px}.tour-card p{font-size:14px;line-height:1.6}.tour-card .tour-progress{margin:0;font-size:12px;color:var(--muted)}.tour-actions{display:flex;justify-content:space-between;gap:12px;margin:18px 0 12px}.tour-card>[data-tour-end]{font-size:12px;text-align:center;width:100%;min-height:36px}.tour-card [data-tour-error]{color:var(--danger,#c34636)}
@media(min-width:801px) and (max-width:1360px){.workspace-header{height:auto;flex-wrap:wrap;padding-top:9px;padding-bottom:8px;gap:8px 15px}.primary-nav{order:3;flex-basis:100%;height:37px}.tour-shortcut{margin-left:auto}.header-controls{margin-left:0}}
@media(max-width:800px){
 .workspace-page{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.workspace-header{height:auto;min-height:56px;padding:9px 12px;gap:8px;flex-wrap:wrap}.workspace-header .brand{border:0;padding:0}.workspace-header .brand img{width:108px}.header-controls{gap:5px}.workspace-company{display:none}.workspace-header .language-switch{margin:0}.workspace-header .icon-button{width:34px;height:34px;padding:5px}.workspace-header .primary-nav{display:none}.workspace-header .tour-shortcut{order:4;flex-basis:100%;text-align:left;padding:2px 0 0;margin:0;font-size:12px}.mobile-menu-open .primary-nav{display:grid;position:fixed;left:10px;right:10px;bottom:calc(68px + env(safe-area-inset-bottom));height:auto;max-height:65dvh;overflow:auto;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:10px;gap:4px;z-index:40}.mobile-menu-open .primary-nav>a{padding:12px;font-size:14px}
 .mobile-nav{display:flex;align-items:stretch;position:fixed;z-index:50;bottom:0;left:0;right:0;padding:7px 7px calc(7px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);gap:4px}.mobile-nav>a,.mobile-nav>button{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 4px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:600;text-decoration:none;box-shadow:none;min-width:0}.mobile-nav [aria-current=page],.mobile-nav [aria-expanded=true]{background:var(--blue-soft);color:var(--ink)}
 .calendar-page .workspace-shell{height:calc(100dvh - 65px - env(safe-area-inset-bottom));min-height:0;overflow:hidden}.calendar-page .main{display:flex;padding:10px;min-height:0}.calendar-page .app-footer{display:none}.calendar-toolbar{gap:7px;flex-shrink:0}.calendar-toolbar>.actions{width:100%;flex-wrap:wrap;gap:6px}.calendar-toolbar .calendar-date-label{margin:0;font-size:12px;flex:1;min-width:150px}.calendar-toolbar #calendar-colour-mode{display:none}.calendar-toolbar select{min-height:38px;max-width:175px}.calendar-toolbar #timer{margin-left:auto;min-height:38px;font-size:12px}.time-workspace{display:flex;flex:1;min-height:0}.calendar-panel{flex:1;height:auto;min-height:0}.tasks-panel{flex:1;max-height:none;overflow:auto;min-height:0}.calendar-page[data-mobile-pane=tasks] .calendar-panel,.calendar-page[data-mobile-pane=calendar] .tasks-panel{display:none}.mobile-calendar-actions{display:flex;margin:0 0 8px}.mobile-calendar-actions button{width:100%;min-height:40px}.calendar-page[data-mobile-pane=tasks] .mobile-calendar-actions{display:none}.calendar-page[data-mobile-pane=tasks] .calendar-toolbar>.actions:nth-child(2){display:none}.calendar-event{touch-action:pan-y;cursor:pointer}.calendar-event .event-resize{display:none}.task-item{min-height:40px}#day-tasks,#backlog{max-height:none}.tasks-panel .task-drop{overflow:visible}.tasks-heading button,.backlog-heading button{min-height:40px;min-width:40px}.calendar-toolbar .icon-button{min-width:38px;min-height:38px}
 .invoice-list,.invoice-list tbody,.invoice-list tr,.invoice-list td{display:block;min-width:0;width:100%}.invoice-list thead{display:none}.invoice-list tr{padding:14px 4px;border-bottom:1px solid var(--line)}.invoice-list td{padding:4px 8px;border:0;white-space:normal}.invoice-list td:first-child{font-size:17px}.invoice-list td:nth-child(3),.invoice-list td:nth-child(5){font-size:12px;color:var(--muted)}.invoice-list td:last-child a{display:inline-flex;min-height:40px;align-items:center}.page-heading{gap:12px;flex-wrap:wrap}.page-heading .button{font-size:12px}.card{padding:16px}.invoice-layout{display:flex;flex-direction:column}.invoice-summary{position:static!important}.form-grid{grid-template-columns:1fr}.main{max-width:100%;overflow-x:hidden}.table-wrap{max-width:100%}dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);padding:18px}input,textarea,select{font-size:16px!important}.calendar-toolbar select{font-size:13px!important}.tour-card{padding:18px}
}
@media print{.mobile-nav,.tour-shortcut,#product-tour{display:none!important}}

@media(min-width:801px) and (max-width:1360px){.workspace-header:has(.workspace-company) .primary-nav,.workspace-header .primary-nav{height:44px;overflow-y:hidden}}

.tour-arrow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;color:#efbd36;filter:drop-shadow(0 2px 4px #0004)}.tour-arrow[hidden]{display:none}.tour-outline{z-index:2}.tour-card{z-index:4}.tour-arrow{z-index:3}.tour-demo-stage{position:fixed;z-index:1;box-sizing:border-box;background:var(--surface);color:var(--ink);border-radius:8px;padding:18px;overflow:auto;pointer-events:none}.tour-example-label{display:block;color:var(--muted);font-size:11px;margin-bottom:14px}.tour-demo-tasks h2{font-size:17px;margin:4px 0 20px}.tour-demo-tasks h3{margin-top:30px}.tour-task-example{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line)}.tour-task-example .badge{font-size:10px;white-space:nowrap}.tour-calendar-example{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100% - 30px);background:repeating-linear-gradient(to bottom,transparent,transparent 59px,var(--line) 60px)}.tour-calendar-day{padding:12px;border-left:1px solid var(--line)}.tour-calendar-day strong{display:block;padding-bottom:45px;font-size:13px}.tour-entry-example{border-radius:5px;border-left:4px solid #346ab4;background:#346ab430;font-size:12px;padding:15px 10px;min-height:55px;margin:10px 0 42px}.tour-entry-example.example-1{background:#00b7a832;border-color:#009c8e}.tour-invoice-example{display:grid;gap:9px;font-size:12px;border:1px solid var(--line);border-radius:6px;padding:14px}.tour-invoice-example .badge{justify-self:start}.tour-chart-example{display:flex;align-items:flex-end;gap:15px;height:65px;border-bottom:1px solid var(--line);margin:10px 0}.tour-chart-example>div{flex:1;background:#346ab4;border-radius:3px 3px 0 0}[data-tour-sample]>b{font-size:13px}

.mobile-install{display:none}.install-logo{display:block;border-radius:14px;margin:12px 0}#install-help p{line-height:1.65}.invoice-pdf-frame{touch-action:pan-x pan-y pinch-zoom}
@media(max-width:800px){
 .mobile-menu-open .workspace-header .primary-nav{display:grid!important;height:auto;overflow:auto;align-items:stretch;z-index:60}.mobile-menu-open .primary-nav .mobile-install{display:block;padding:12px;text-align:left}.mobile-menu-open .primary-nav [hidden]{display:none!important}
 .calendar-event,#calendar-scroll{touch-action:pan-x pan-y pinch-zoom}#calendar-scroll{scroll-snap-type:x proximity;scroll-padding-inline-start:48px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}#calendar-scroll .calendar-column{scroll-snap-align:start;scroll-snap-stop:normal}
 .invoice-layout,.invoice-paper,.invoice-layout>aside,.invoice-summary,#invoice-editor,.invoice-section{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.invoice-layout{gap:16px}.invoice-paper{padding:14px}.invoice-paper .three-columns,.invoice-paper .two-columns,.invoice-paper .form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.invoice-paper label,.invoice-paper p{min-width:0}.invoice-paper h2,.invoice-summary h2{font-size:17px}.invoice-paper label,.invoice-paper summary{font-size:12px}.invoice-paper .table-wrap{overflow:visible}.line-editor,.line-editor tbody{display:block;width:100%;min-width:0;table-layout:fixed}.line-editor thead{display:none}.line-editor tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 10px;border-bottom:1px solid var(--line);padding:12px 0}.line-editor td{display:block;min-width:0;width:auto!important;padding:0;border:0}.line-editor td:first-child{grid-column:1/-1}.line-editor td:nth-child(4){grid-column:1/-1}.line-editor td:last-child{grid-column:1/-1;text-align:right}.line-editor [data-mobile-label]::before{content:attr(data-mobile-label);display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.line-editor textarea{min-height:76px}.invoice-paper input,.invoice-paper select,.invoice-paper textarea{min-width:0;max-width:100%;box-sizing:border-box}.invoice-section{padding:12px}.invoice-paper .address-grid{grid-template-columns:minmax(0,1fr)}.invoice-list td,.invoice-summary{overflow-wrap:anywhere}.invoice-pdf-frame{width:100%;min-width:0;height:72dvh}
}


.tour-demo-invoices h2,.tour-demo-report h2{font-size:20px;margin:0 0 18px}.tour-demo-invoices .tour-invoice-example{grid-template-columns:1fr 1.4fr 1fr auto;align-items:center;margin:12px 0;padding:20px 14px;background:var(--surface)}.tour-demo-menu{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap}.tour-demo-report .tour-chart-example{height:220px;background:repeating-linear-gradient(to top,transparent,transparent 54px,var(--line) 55px);gap:35px;padding:0 22px}.entry-details>summary{cursor:pointer;list-style:disclosure-closed}.entry-details[open]>summary{list-style:disclosure-open}.entry-details>summary h2{display:inline;font-size:17px;margin:0}.entry-unbill .notice{max-width:340px;font-size:12px}.selection-bar form [data-action-error]{flex-basis:100%}
@media(max-width:800px){.tour-demo-invoices .tour-invoice-example{grid-template-columns:1fr 1fr;padding:12px;gap:10px}.tour-demo-report .tour-chart-example{height:150px;gap:12px;padding:0}.tour-demo-stage{padding:12px}}

.onboarding-shortcuts{display:flex;gap:14px;align-items:center;margin-left:auto}.install-shortcut{display:none}.mobile-three-days{display:none}
@keyframes install-pulse{0%,100%{background:transparent;box-shadow:0 0 0 0 transparent}50%{background:var(--blue-soft);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}}
@media(max-width:800px){
 .onboarding-shortcuts{order:4;flex-basis:100%;justify-content:flex-start;margin:0;gap:16px}.workspace-header .onboarding-shortcuts .tour-shortcut{order:0;flex-basis:auto;padding:5px 0}.install-shortcut{display:inline-flex;min-height:30px;padding:5px 8px;border-radius:5px;font-size:12px}.install-attention{animation:install-pulse 1.5s ease-in-out 6}.mobile-three-days{display:block}
 .mobile-menu-open .primary-nav>:not([data-mobile-menu]){display:none!important}
 #calendar-days strong{font-size:16px}#calendar-days button.today strong{border-radius:5px;padding:0 5px}
 .filter-card,.filters,.filters>label,.configuration-body,.configuration-body>.card,.rate-table-form{min-width:0;max-width:100%;box-sizing:border-box}.filters{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.filters input,.filters select,.configuration-body input,.configuration-body select{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.filters input[type=date]{appearance:none;-webkit-appearance:none;min-height:42px}.filters input[type=date]::-webkit-date-and-time-value{text-align:left}
 .entry-details th:nth-child(3),.entry-details td:nth-child(3),.entry-details th:nth-child(4),.entry-details td:nth-child(4),.entry-details th:nth-child(6),.entry-details td:nth-child(6),.entry-details td:nth-child(2) small{display:none}.entry-details table{width:100%;min-width:0;table-layout:fixed}.entry-details td,.entry-details th{font-size:12px;padding:10px 5px;white-space:normal;overflow-wrap:anywhere}.entry-details th:first-child{width:85px}.entry-details th:nth-child(5){width:58px}.entry-details td.num{white-space:nowrap}.entry-details summary{gap:8px}.entry-details>summary h2{font-size:15px}
 .rates-table,.rates-table tbody{display:block;width:100%;min-width:0}.rates-table thead{display:none}.rates-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.rates-table td{display:block;width:auto!important;min-width:0;padding:0!important;border:0;white-space:normal}.rates-table td:first-child,.rates-table td:nth-child(2){grid-column:1/-1}.rates-table .rate-group-toggle{max-width:100%;white-space:normal;text-align:left}.rates-table td:nth-child(3)::before{content:'CHF / h';display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.rates-table td:nth-child(4){align-self:end}.rates-table input,.rates-table select{min-width:0!important;width:100%!important}.rate-table-form .actions{flex-wrap:wrap}.configuration-body{padding:12px}.configuration-body .card{padding:12px}
 .tour-card{padding:12px;max-height:40dvh}.tour-card h2,.tour-card>[data-tour-end]{display:none}.tour-card p[data-tour-text]{font-size:13px;line-height:1.45;margin:0 0 10px}.tour-card .tour-progress{position:absolute;bottom:26px;left:110px;font-size:11px}.tour-actions{margin:8px 0 0;gap:55px}.tour-actions button{min-height:38px;padding:8px 11px;font-size:12px}.tour-demo-tasks h2{margin:0 0 8px}.tour-demo-tasks h3{margin-top:14px}.tour-task-example{padding:9px 0}.tour-demo-stage .tour-example-label{margin-bottom:8px}.tour-calendar-day strong{padding-bottom:12px}.tour-entry-example{margin:7px 0 18px;min-height:42px;padding:8px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.install-attention{animation:none}}
@media(max-width:800px),(pointer:coarse){dialog.mobile-keyboard-dialog{position:fixed;top:var(--keyboard-top);bottom:auto;margin:0 auto;max-height:var(--keyboard-height);overflow-y:auto;overscroll-behavior:contain;scroll-padding:24px;box-sizing:border-box}}
@media(max-width:800px){.tour-arrow{display:none}}
.configuration-language{display:flex;align-items:center;gap:18px;margin:0 0 24px;font-size:13px}.configuration-language .language-switch{margin:0}
@media(min-width:801px){.mobile-two-days{display:none}}
@media(max-width:800px){
 .mobile-nav{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right));padding-bottom:max(15px,env(safe-area-inset-bottom));gap:3px}
 .mobile-nav>a,.mobile-nav>button{font-size:11px;padding:8px 2px}
 .onboarding-shortcuts .install-shortcut:not([hidden]){display:inline-flex!important;visibility:visible}
 #calendar-scroll{scroll-snap-type:none}
 .tour-card{background:#fff3db;border-color:#d8bf93;color:#302b24}.tour-card .tour-progress{color:#685b46}.tour-card .button.secondary{background:#fff9ee;color:#433824;border-color:#d8bf93}
 [data-theme=dark] .tour-card{background:#4b4031;color:#fff1d9;border-color:#8c7555}[data-theme=dark] .tour-card .tour-progress{color:#e0c9a8}[data-theme=dark] .tour-card .button.secondary{background:#62513b;color:#fff3dd;border-color:#9c8363}
}
