@layer rp-skin;
/* ======================================================================
   Rapport v725 — Ett enda enkelt designsystem (ljust och mörkt läge)
   • Bara neutrala ytor + en accentfärg (Datoden-blå)
   • Fält, rullgardiner, knappar och sökrutor har samma höjd, ram, rundning och typsnitt
   • Rullgardiner ser ut exakt som textfält – enda skillnaden är den lilla pilen
   • Rapportens egna färgval (Text och bild) och utskriften påverkas inte
   ====================================================================== */
@layer rp-skin{
@media screen{
html{background:var(--du-page)!important}
/* Sidan */
html body:not(#a):not(#b):not(#c){background:var(--du-page)!important;color:var(--du-ink)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;-webkit-font-smoothing:antialiased!important}
html body:not(#a):not(#b):not(#c)>main{max-width:1560px!important;margin-inline:auto!important;padding:14px 14px 34px!important;background:transparent!important}
html body:not(#a):not(#b):not(#c)>#reportActionsBelowHeader,html body:not(#a):not(#b):not(#c)>main>*:not(#sheet){background:transparent!important}
/* Sidhuvud som ett kort */
html body:not(#a):not(#b):not(#c)>header{position:relative!important;background:var(--du-card)!important;color:var(--du-ink)!important;border:1px solid var(--du-line)!important;border-radius:18px!important;box-shadow:var(--du-shadow)!important;margin:14px auto 0!important;max-width:1560px!important;width:calc(100% - 28px)!important;padding:16px 20px 18px!important}
html body:not(#a):not(#b):not(#c)>header :is(h1,.header-permanent-title){color:var(--du-ink)!important;font-weight:800!important;letter-spacing:-.02em!important;font-size:clamp(20px,2.2vw,26px)!important}
html body:not(#a):not(#b):not(#c)>header .topline{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px 16px!important;flex-wrap:wrap!important;border:0!important;padding:0!important;min-height:0!important;background:transparent!important}
html body:not(#a):not(#b):not(#c)>header .tools,html body:not(#a):not(#b):not(#c)>header .tool-buttons{flex-wrap:wrap!important}
html body:not(#a):not(#b):not(#c)>header .datoden-guest-banner{border-radius:12px!important;background:var(--du-soft)!important;border:1px solid var(--du-line)!important;color:var(--du-ink)!important;padding:6px 12px!important;margin-bottom:6px!important;font-weight:600!important}
html body:not(#a):not(#b):not(#c)>header .datoden-guest-banner a{color:var(--du-accent)!important;font-weight:700!important}
/* Knappar och fält i Rapport som inte har Datoden UI-klasser (samma deklarationer som den centrala filen) */
html body:not(#a):not(#b):not(#c)>header #undo:not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)),html body:not(#a):not(#b):not(#c)>header #textImageHeaderButton:not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)),html body:not(#a):not(#b):not(#c)>header #headerMasterToggle:not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)),html body:not(#a):not(#b):not(#c)>header .mobile-year-search-toggle:not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)),html body:not(#a):not(#b):not(#c) #reportActionsBelowHeader .report-actions-buttons button:not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)),html body:not(#a):not(#b):not(#c) #headerMasterCollapsible .settings-panel button:not(.app-select-trigger):not(.checkbox-select-trigger):not(.function-info-icon):not(.datoden-icon-button):not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)){box-sizing:border-box!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important;height:var(--du-ctl-h)!important;min-height:var(--du-ctl-h)!important;padding:0 16px!important;border:1px solid var(--du-ctl-line)!important;border-radius:12px!important;background:var(--du-field)!important;color:var(--du-ink)!important;font:650 14px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;box-shadow:none!important;text-shadow:none!important;cursor:pointer!important;transform:none!important;transition:border-color .16s,background-color .16s,box-shadow .16s!important}
html body:not(#a):not(#b):not(#c)>header #undo:not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)):hover,html body:not(#a):not(#b):not(#c)>header #textImageHeaderButton:not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)):hover,html body:not(#a):not(#b):not(#c)>header #headerMasterToggle:not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)):hover,html body:not(#a):not(#b):not(#c)>header .mobile-year-search-toggle:not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)):hover,html body:not(#a):not(#b):not(#c) #reportActionsBelowHeader .report-actions-buttons button:not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)):hover,html body:not(#a):not(#b):not(#c) #headerMasterCollapsible .settings-panel button:not(.app-select-trigger):not(.checkbox-select-trigger):not(.function-info-icon):not(.datoden-icon-button):not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)):hover{border-color:var(--du-accent)!important;background:var(--du-soft)!important}
html body:not(#a):not(#b):not(#c)>header #undo:not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)):focus-visible,html body:not(#a):not(#b):not(#c)>header #textImageHeaderButton:not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)):focus-visible,html body:not(#a):not(#b):not(#c)>header #headerMasterToggle:not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)):focus-visible,html body:not(#a):not(#b):not(#c)>header .mobile-year-search-toggle:not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)):focus-visible,html body:not(#a):not(#b):not(#c) #reportActionsBelowHeader .report-actions-buttons button:not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)):focus-visible,html body:not(#a):not(#b):not(#c) #headerMasterCollapsible .settings-panel button:not(.app-select-trigger):not(.checkbox-select-trigger):not(.function-info-icon):not(.datoden-icon-button):not(:where(.datoden-globalbar *,.datoden-account-overlay *,.datoden-appswitch-menu *,.datoden-account-dropdown *,.datoden-account-page *,.datoden-notify *,.datoden-notifications *)):focus-visible{outline:0!important;border-color:var(--du-accent)!important;box-shadow:0 0 0 3px var(--du-ring)!important}
html body:not(#a):not(#b):not(#c)>header #headerMasterToggle,html body:not(#a):not(#b):not(#c)>header .mobile-year-search-toggle{width:var(--du-ctl-h)!important;min-width:var(--du-ctl-h)!important;max-width:var(--du-ctl-h)!important;flex:0 0 var(--du-ctl-h)!important;padding:0!important}
html body:not(#a):not(#b):not(#c)>header #undo svg,html body:not(#a):not(#b):not(#c)>header #headerMasterToggle svg{width:18px!important;height:18px!important;stroke:currentColor!important;color:var(--du-ink)!important;fill:none!important}
html body:not(#a):not(#b):not(#c) .customer-remove-btn,html body:not(#a):not(#b):not(#c) button.danger{color:var(--du-danger)!important;border-color:color-mix(in srgb,var(--du-danger) 45%,var(--du-ctl-line))!important}
/* Flikar och månader */
html body:not(#a):not(#b):not(#c) #headerMasterCollapsible #settingsTabs.settings-tabs{display:inline-flex!important;gap:4px!important;padding:4px!important;border-radius:14px!important;background:var(--du-soft)!important;border:1px solid var(--du-line)!important;width:auto!important;margin:14px 0 12px!important}
html body:not(#a):not(#b):not(#c) #headerMasterCollapsible #settingsTabs.settings-tabs>button{background:transparent!important;color:var(--du-ink)!important;border:0!important;border-radius:10px!important;font:650 14px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;padding:9px 16px!important;box-shadow:none!important;min-height:0!important;height:auto!important;transform:none!important;margin:0!important;position:relative!important;top:0!important;clip-path:none!important;overflow:visible!important}
html body:not(#a):not(#b):not(#c) #headerMasterCollapsible #settingsTabs.settings-tabs>button::before,html body:not(#a):not(#b):not(#c) #headerMasterCollapsible #settingsTabs.settings-tabs>button::after{content:none!important;display:none!important;background:transparent!important;box-shadow:none!important}
html body:not(#a):not(#b):not(#c) #headerMasterCollapsible #settingsTabs.settings-tabs>button[data-panel="customerPanel"][data-active-customer]::after{content:"\00a0" attr(data-active-customer)!important;display:inline!important;position:static!important;width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;font-weight:400!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
html body:not(#a):not(#b):not(#c) #headerMasterCollapsible #settingsTabs.settings-tabs>button:not(.selected-header-tab-v124):hover{background:color-mix(in srgb,var(--du-accent) 14%,transparent)!important}
html body:not(#a):not(#b):not(#c) #headerMasterCollapsible #settingsTabs.settings-tabs>button.selected-header-tab-v124{background:var(--du-brand)!important;color:var(--datoden-on-accent,#fff)!important}
html body:not(#a):not(#b):not(#c) #tabs{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:14px!important;border:0!important;padding:0!important;background:transparent!important}
html body:not(#a):not(#b):not(#c) #tabs>button{flex:1 1 84px!important;min-width:74px!important;height:auto!important;min-height:0!important;padding:7px 6px!important;border:1px solid var(--du-ctl-line)!important;border-radius:12px!important;background:var(--du-field)!important;color:var(--du-ink)!important;box-shadow:none!important;transform:none!important;font:650 14px/1.15 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;transition:border-color .16s,background-color .16s!important}
html body:not(#a):not(#b):not(#c) #tabs>button:hover{border-color:var(--du-accent)!important;background:var(--du-soft)!important}
html body:not(#a):not(#b):not(#c) #tabs>button small{color:var(--du-muted)!important;font-weight:500!important}
html body:not(#a):not(#b):not(#c) #tabs>button.active,html body:not(#a):not(#b):not(#c) #tabs>button[aria-selected="true"],html body:not(#a):not(#b):not(#c) #tabs>button.selected{background:var(--du-brand)!important;border-color:var(--du-brand)!important;color:var(--datoden-on-accent,#fff)!important}
html body:not(#a):not(#b):not(#c) #tabs>button.active small,html body:not(#a):not(#b):not(#c) #tabs>button[aria-selected="true"] small,html body:not(#a):not(#b):not(#c) #tabs>button.selected small{color:rgba(var(--datoden-on-accent-rgb,255,255,255),.85)!important}
/* Inställningspanelen */
html body:not(#a):not(#b):not(#c) #headerMasterCollapsible>.settings-panel:not([hidden]){background:var(--du-panel)!important;border:1px solid var(--du-line)!important;border-radius:18px!important;box-shadow:none!important;color:var(--du-ink)!important;padding:16px 18px!important}
html body:not(#a):not(#b):not(#c) #headerMasterCollapsible .settings-panel :is(label,.admin-section-title,.header-field-label,.header-field-label>label,.email-cc-label){color:var(--du-ink)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:13px!important;font-weight:650!important;letter-spacing:0!important}
html body:not(#a):not(#b):not(#c) #headerMasterCollapsible .settings-panel :is(.admin-panel-intro,.panel-note,.settings-help,em,small){color:var(--du-muted)!important;font-style:normal!important;font-weight:500!important}
/* Verktygsrader: samma utseende som flikarna Kund / Företag / Beskrivningar (mjuk behållare, rundade val) */
html body:not(#a):not(#b):not(#c) #reportActionsBelowHeader{clip-path:none!important;background:var(--du-soft)!important;border:1px solid var(--du-line)!important;border-radius:14px!important;padding:4px!important;margin:14px auto 0!important;width:max-content!important;max-width:calc(100% - 28px)!important;display:flex!important;gap:4px!important;align-items:center!important;flex-wrap:nowrap!important;box-shadow:none!important;--du-ctl-h:36px}
html body:not(#a):not(#b):not(#c) #reportActionsBelowHeader::before,html body:not(#a):not(#b):not(#c) #reportActionsBelowHeader::after{content:none!important;display:none!important}
html body:not(#a):not(#b):not(#c) #reportActionsBelowHeader .report-sheet-search,html body:not(#a):not(#b):not(#c) #reportActionsBelowHeader .sheet-search-input-wrap{display:flex!important;flex:1 1 auto!important;min-width:0!important;background:transparent!important}
html body:not(#a):not(#b):not(#c) #reportActionsBelowHeader .report-actions-buttons{display:flex!important;gap:4px!important;align-items:center!important}
html body:not(#a):not(#b):not(#c) #reportActionsBelowHeader input{min-width:min(300px,52vw)!important;border-radius:12px!important}
html body:not(#a):not(#b):not(#c)>header .tools{display:flex!important;align-items:center!important;gap:4px!important;padding:4px!important;background:var(--du-soft)!important;border:1px solid var(--du-line)!important;border-radius:14px!important;--du-ctl-h:36px}
html body:not(#a):not(#b):not(#c)>header .tool-buttons{display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:nowrap!important}
html body:not(#a):not(#b):not(#c)>header .tool-buttons input{border-radius:12px!important}
/* Rapportkortet och tabellen */
html body:not(#a):not(#b):not(#c)>main .sheet-card,html body:not(#a):not(#b):not(#c) #sheet.sheet-card{background:var(--du-card)!important;border:1px solid var(--du-line)!important;border-radius:22px!important;box-shadow:var(--du-shadow)!important;color:var(--du-ink)!important}
html body:not(#a):not(#b):not(#c) #sheet{--du-ctl-h:36px}
html body:not(#a):not(#b):not(#c) #sheet textarea{height:var(--du-ctl-h)!important;min-height:var(--du-ctl-h)!important;padding:8px 12px!important;line-height:1.3!important;resize:none!important;overflow:hidden!important}
html body:not(#a):not(#b):not(#c) #sheet .app-select-trigger{padding-right:32px!important;background-position:right 10px center!important;background-size:15px!important;font-size:13.5px!important}
html body:not(#a):not(#b):not(#c) #sheet :is(table,thead,tbody,tr,th,td,.report-header,.report-details){background:transparent!important;color:var(--du-ink)!important;border-color:var(--du-line)!important}
html body:not(#a):not(#b):not(#c) #sheet td.match{background:color-mix(in srgb,var(--du-accent) 16%,transparent)!important}
html body:not(#a):not(#b):not(#c) #sheet .sort-button{box-sizing:border-box!important;height:34px!important;min-height:34px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:var(--du-soft)!important;color:var(--du-ink)!important;font:700 13px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;gap:6px!important}
html body:not(#a):not(#b):not(#c) #sheet .sort-button:hover{background:color-mix(in srgb,var(--du-accent) 16%,var(--du-soft))!important}
html body:not(#a):not(#b):not(#c) #sheet .report-header h1,html body:not(#a):not(#b):not(#c) #sheet .report-header h2,html body:not(#a):not(#b):not(#c) #sheet .report-title{color:var(--du-ink)!important;font-weight:800!important}
/* Popup-sidor i Rapport (Text och bild m.fl.) */
html body:not(#a):not(#b):not(#c) #accountOverlay .account-page,html body:not(#a):not(#b):not(#c) .admin-users-overlay .account-page,html body:not(#a):not(#b):not(#c) .account-page{background:var(--du-card)!important;color:var(--du-ink)!important;border:1px solid var(--du-line)!important;border-radius:22px!important;box-shadow:0 30px 80px rgba(10,14,30,.35)!important}
html body:not(#a):not(#b):not(#c) #accountOverlay,html body:not(#a):not(#b):not(#c) .admin-users-overlay{background:rgba(13,16,24,.55)!important;backdrop-filter:blur(3px)!important}
html body:not(#a):not(#b):not(#c) #accountOverlay :is(h2,h3,label),html body:not(#a):not(#b):not(#c) .account-page :is(h2,h3,label){color:var(--du-ink)!important}
html body:not(#a):not(#b):not(#c) #accountOverlay :is(.account-popup-copy,.section-help,.panel-note),html body:not(#a):not(#b):not(#c) .account-page :is(.account-popup-copy,.section-help,.panel-note){color:var(--du-muted)!important}
html body:not(#a):not(#b):not(#c)>header #undo,html body:not(#a):not(#b):not(#c)>header #textImageHeaderButton{min-width:max-content!important;white-space:nowrap!important}
/* Mobil */
@media (max-width:900px){html body:not(#a):not(#b):not(#c)>header{border-radius:18px!important;padding:12px 14px 14px!important;width:calc(100% - 16px)!important}html body:not(#a):not(#b):not(#c) #tabs>button{flex:1 1 30%!important}html body:not(#a):not(#b):not(#c)>main{padding:10px 8px 28px!important}}
@media (max-width:700px){html body:not(#a):not(#b):not(#c) #headerMasterCollapsible #settingsTabs.settings-tabs{flex-wrap:wrap!important;width:100%!important;box-sizing:border-box!important}html body:not(#a):not(#b):not(#c) #headerMasterCollapsible #settingsTabs.settings-tabs>button{flex:1 1 auto!important;}html body:not(#a):not(#b):not(#c) header .topline .tool-buttons,html body:not(#a):not(#b):not(#c) header .topline .tools{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;align-items:center!important;width:100%!important}html body:not(#a):not(#b):not(#c) header .topline .tool-buttons>*{position:static!important;margin:0!important;width:auto!important;flex:0 0 auto!important;white-space:nowrap!important}html body:not(#a):not(#b):not(#c) header .topline .tool-buttons>.datoden-icon-button,html body:not(#a):not(#b):not(#c) header .topline .tool-buttons>#headerMasterToggle{width:var(--du-ctl-h)!important}}
/* Mobil v811: flikarna på en rad, Kund-fliken utan luckor, månadssökningen under knapparna och sorteringen på en rad */
@media (max-width:700px){html body:not(#a):not(#b):not(#c) #headerMasterCollapsible #settingsTabs.settings-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}html body:not(#a):not(#b):not(#c) #headerMasterCollapsible #settingsTabs.settings-tabs>button{white-space:normal!important;padding:8px 4px!important;font-size:12px!important;line-height:1.2!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:manual!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important}html body:not(#a):not(#b):not(#c) #headerMasterCollapsible #settingsTabs.settings-tabs>button[data-panel="customerPanel"][data-active-customer]::after{content:none!important;display:none!important}html body:not(#a):not(#b):not(#c) .company-picker{flex-direction:row!important;align-items:center!important;column-gap:8px!important}html body:not(#a):not(#b):not(#c) .company-picker>.customer-picker-control-row{flex:1 1 calc(100% - 80px)!important;min-width:0!important}html body:not(#a):not(#b):not(#c) .company-picker>.customer-picker-control-row .app-select,html body:not(#a):not(#b):not(#c) .company-picker>.customer-picker-control-row select,html body:not(#a):not(#b):not(#c) .company-picker>.customer-picker-control-row .app-select-trigger{width:100%!important;min-width:0!important;max-width:none!important;flex:1 1 auto!important}html body:not(#a):not(#b):not(#c) .company-picker>.customer-new-control-row{flex:0 0 auto!important;width:auto!important;display:flex!important;align-items:center!important;gap:8px!important}html body:not(#a):not(#b):not(#c) .company-picker>.dd-billing-mode{min-width:0!important;margin-left:0!important;display:flex!important}html body:not(#a):not(#b):not(#c) .company-picker>.dd-billing-mode+.function-info-icon{align-self:center!important;margin:0 0 0 auto!important;flex:0 0 auto!important}html body:not(#a):not(#b):not(#c) #reportActionsBelowHeader{flex-flow:row wrap!important;row-gap:8px!important}html body:not(#a):not(#b):not(#c) #reportActionsBelowHeader #mobileMonthSearchRow.open{order:9!important;flex:1 1 100%!important;width:100%!important;max-width:100%!important}html body:not(#a):not(#b):not(#c) #reportActionsBelowHeader #mobileMonthSearchRow.open input{width:100%!important;max-width:100%!important;box-sizing:border-box!important}html body:not(#a):not(#b):not(#c) #sheet tbody tr:has(.sort-button){flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;gap:6px!important;-webkit-overflow-scrolling:touch!important}html body:not(#a):not(#b):not(#c) #sheet tbody tr:has(.sort-button)::-webkit-scrollbar{display:none!important}html body:not(#a):not(#b):not(#c) #sheet tbody tr:has(.sort-button)>*{flex:0 0 auto!important;width:auto!important}html body:not(#a):not(#b):not(#c) #sheet tbody tr:has(.sort-button) .sort-button{white-space:nowrap!important;padding:6px 10px!important;font-size:13px!important}}
/* Mobil v813: verktygsraden fyller hela bredden */
@media (max-width:700px){html body:not(#a):not(#b):not(#c) header .topline .tools{height:auto!important;min-height:0!important;padding:5px!important;box-sizing:border-box!important;align-items:center!important}html body:not(#a):not(#b):not(#c) header .topline .tool-buttons{display:flex!important;width:100%!important;padding:0!important;margin:0!important;}html body:not(#a):not(#b):not(#c) header .topline .tool-buttons>#undo{flex:1 1 auto!important;width:auto!important;max-width:none!important;justify-content:center!important}}
/* Reglage (kolumnbredder, avstånd): inga fältramar, bara reglaget */
html body:not(#a):not(#b):not(#c) #accountOverlay input[type="range"]{box-sizing:border-box!important;width:100%!important;height:24px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;accent-color:var(--du-brand)!important;cursor:pointer!important}
html body:not(#a):not(#b):not(#c) #accountOverlay input[type="range"]:disabled{opacity:.5!important;cursor:not-allowed!important}
/* Ångra-etiketten kan bli lång: den kortas med … i stället för att göra knappen bredare */
html body:not(#a):not(#b):not(#c)>header #undo .undo-mobile-text{max-width:240px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body[data-real-role="user"] :is(#sendReport,#print,#exportReport,.customer-new-info),html.rapport-role-user body :is(#sendReport,#print,#exportReport,.customer-new-info){display:none!important}
html body[data-real-role="user"] #sheet tr.rapport-row-hidden,html body[data-real-role="user"] #sheet tr.summary-row:not(.user-day-summary-row),html body[data-real-role="user"] .report-details :is(.timbank-change-label,.timbank-change-value){display:none!important}
html body[data-real-role="user"] #sheet tr.user-day-summary-row td{font-weight:650!important}html body[data-real-role="user"] #sheet tr.user-day-summary-total td{font-weight:800!important;border-top:1px solid var(--du-line)!important}
html body[data-real-role="user"] #sheet tr.user-day-summary-row td.final-description-cell{text-align:right!important;padding-right:14px!important}html body[data-real-role="user"] #sheet tr.user-day-summary-row td.final-time-cell{text-align:right!important;padding-right:20px!important}
html body[data-real-role="user"] #sheet tr.user-day-summary-row td.summary-message-cell{font-weight:400!important}
@media (max-width:420px){html body:not(#a):not(#b):not(#c) header .topline .tool-buttons>#textImageHeaderButton{font-size:0!important;gap:0!important;width:var(--du-ctl-h)!important;padding:0!important}html body:not(#a):not(#b):not(#c) header .topline .tool-buttons>#textImageHeaderButton>svg{width:18px!important;height:18px!important}}
html body:not(#a):not(#b):not(#c) .function-info-modal.function-info-rich .function-info-modal-head{float:right!important;display:block!important;margin:0 0 6px 14px!important;padding:0!important;min-height:0!important;position:relative!important;z-index:1!important}html body:not(#a):not(#b):not(#c) .function-info-modal.function-info-rich .function-info-modal-head .function-info-modal-close{position:static!important;margin:0!important}html body:not(#a):not(#b):not(#c) .function-info-modal.function-info-rich .function-info-modal-text{padding-top:8px!important;margin-top:0!important}html body:not(#a):not(#b):not(#c) .function-info-modal.function-info-rich .function-info-modal-text>:first-child{margin-top:0!important}
/* v746: Rapport på mobil – verktygsraden, rapportens sidhuvud och raderna som kort med rubriker */
@media (max-width:700px){html body:not(#a):not(#b):not(#c) header .topline .tool-buttons{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;flex-wrap:wrap!important;gap:6px!important}html body:not(#a):not(#b):not(#c) header .topline .tool-buttons button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding-left:10px!important;padding-right:10px!important;font-size:13px!important}html body:not(#a):not(#b):not(#c) header .topline .tool-buttons>#headerMasterToggle,html body:not(#a):not(#b):not(#c) header .topline .tool-buttons>.mobile-year-search-toggle{padding:0!important;width:var(--du-ctl-h)!important}html body:not(#a):not(#b):not(#c) header .topline .tool-buttons button>svg{position:static!important;inset:auto!important;transform:none!important;width:18px!important;height:18px!important;margin:0!important;flex:none!important}html body:not(#a):not(#b):not(#c) #reportActionsBelowHeader .report-actions-buttons{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}html body:not(#a):not(#b):not(#c) #reportActionsBelowHeader .report-actions-buttons button{display:inline-flex!important;align-items:center!important;gap:6px!important}html body:not(#a):not(#b):not(#c) #reportActionsBelowHeader .report-actions-buttons button svg{position:static!important;width:18px!important;height:18px!important;min-width:18px!important;margin:0!important;transform:none!important}html body:not(#a):not(#b):not(#c) #sheet .report-header{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;align-items:start!important;padding:14px 14px 6px!important}html body:not(#a):not(#b):not(#c) #sheet .report-header>*{max-width:100%!important;min-width:0!important;justify-self:stretch!important;text-align:left!important}html body:not(#a):not(#b):not(#c) #sheet .report-logo{width:100%!important;justify-content:flex-start!important}html body:not(#a):not(#b):not(#c) #sheet .report-logo img{width:auto!important;max-width:70%!important;max-height:64px!important;height:auto!important}html body:not(#a):not(#b):not(#c) #sheet .report-details>*{text-align:left!important;justify-self:start!important}html body:not(#a):not(#b):not(#c) #sheet .report-title{font-size:24px!important;line-height:1.15!important}html body:not(#a):not(#b):not(#c) #sheet .report-details{grid-template-columns:auto minmax(0,1fr)!important;column-gap:12px!important;row-gap:6px!important;width:100%!important}html body:not(#a):not(#b):not(#c) #sheet .report-details>*{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}html body:not(#a):not(#b):not(#c) #sheet .report-details .app-select,html body:not(#a):not(#b):not(#c) #sheet .report-details select,html body:not(#a):not(#b):not(#c) #sheet .report-details .app-select-trigger{width:100%!important;max-width:100%!important;min-width:0!important}html body:not(#a):not(#b):not(#c) #sheet{overflow-x:hidden!important}html body:not(#a):not(#b):not(#c) #sheet table{width:100%!important;max-width:100%!important;table-layout:auto!important}html body:not(#a):not(#b):not(#c) #sheet table tbody>tr:has(>td.auto-company-heading){display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:4px 2px 12px!important;overflow:visible!important;width:auto!important}html body:not(#a):not(#b):not(#c) #sheet table tbody>tr:has(>td.auto-company-heading)::before{content:"Sortera:"!important;align-self:center!important;font:600 12px/1 system-ui,sans-serif!important;color:var(--du-muted)!important;margin-right:2px!important}html body:not(#a):not(#b):not(#c) #sheet table tbody>tr:has(>td.auto-company-heading)>td{width:auto!important;max-width:none!important;flex:0 0 auto!important;padding:0!important;border:0!important}html body:not(#a):not(#b):not(#c) #sheet table tbody>tr:not(.summary-row):not(.rapport-row-hidden):not(:has(>td.auto-company-heading)){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;padding:14px!important;margin:0 0 12px!important;border:1px solid var(--du-line)!important;border-radius:16px!important;background:var(--du-card)!important;box-shadow:none!important;width:auto!important}html body:not(#a):not(#b):not(#c) #sheet table tbody>tr:not(.summary-row):not(.rapport-row-hidden):not(:has(>td.auto-company-heading))>td{width:auto!important;max-width:none!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important}html body:not(#a):not(#b):not(#c) #sheet table tbody>tr:not(.summary-row):not(.rapport-row-hidden):not(:has(>td.auto-company-heading))>td[data-label]::before{content:attr(data-label)!important;display:block!important;margin:0 0 5px!important;font:600 12px/1.3 system-ui,sans-serif!important;color:var(--du-muted)!important;letter-spacing:.01em!important}html body:not(#a):not(#b):not(#c) #sheet table tbody>tr:not(.summary-row):not(.rapport-row-hidden):not(:has(>td.auto-company-heading))>td.final-consultant-cell,html body:not(#a):not(#b):not(#c) #sheet table tbody>tr:not(.summary-row):not(.rapport-row-hidden):not(:has(>td.auto-company-heading))>td.final-description-cell{grid-column:1/-1!important}html body:not(#a):not(#b):not(#c) #sheet table tbody>tr:not(.summary-row):not(.rapport-row-hidden):not(:has(>td.auto-company-heading))>td{text-align:left!important;justify-self:stretch!important}html body:not(#a):not(#b):not(#c) #sheet table tbody>tr:not(.summary-row):not(.rapport-row-hidden):not(:has(>td.auto-company-heading))>td.final-time-cell{order:1!important}html body:not(#a):not(#b):not(#c) #sheet table tbody>tr:not(.summary-row):not(.rapport-row-hidden):not(:has(>td.auto-company-heading))>td.final-description-cell{order:2!important}html body:not(#a):not(#b):not(#c) #sheet table tbody>tr:not(.summary-row):not(.rapport-row-hidden):not(:has(>td.auto-company-heading))>td .app-select,html body:not(#a):not(#b):not(#c) #sheet table tbody>tr:not(.summary-row):not(.rapport-row-hidden):not(:has(>td.auto-company-heading))>td .app-select-trigger,html body:not(#a):not(#b):not(#c) #sheet table tbody>tr:not(.summary-row):not(.rapport-row-hidden):not(:has(>td.auto-company-heading))>td select,html body:not(#a):not(#b):not(#c) #sheet table tbody>tr:not(.summary-row):not(.rapport-row-hidden):not(:has(>td.auto-company-heading))>td input,html body:not(#a):not(#b):not(#c) #sheet table tbody>tr:not(.summary-row):not(.rapport-row-hidden):not(:has(>td.auto-company-heading))>td textarea{width:100%!important;max-width:100%!important}html body:not(#a):not(#b):not(#c) #sheet table tbody>tr:not(.summary-row):not(.rapport-row-hidden):not(:has(>td.auto-company-heading))>td>*{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}html body:not(#a):not(#b):not(#c) #sheet table tbody>tr.summary-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:10px 4px!important;margin:0!important;width:auto!important}html body:not(#a):not(#b):not(#c) #sheet table tbody>tr.summary-row>td{width:auto!important;max-width:none!important;min-width:0!important;padding:0!important;border:0!important}html body:not(#a):not(#b):not(#c) #sheet table tbody>tr.summary-row>td:empty,html body:not(#a):not(#b):not(#c) #sheet table tbody>tr.summary-row>td.empty{display:none!important}html body:not(#a):not(#b):not(#c) #sheet table tbody>tr.summary-row .timbank-change-label,html body:not(#a):not(#b):not(#c) #sheet table tbody>tr.summary-row .timbank-change-value{max-width:100%!important;min-width:0!important}html body:not(#a):not(#b):not(#c) #sheet table tbody>tr.summary-row .app-select,html body:not(#a):not(#b):not(#c) #sheet table tbody>tr.summary-row select.extra-hours-editor{max-width:100%!important;min-width:0!important}html body[data-real-role="user"]:not(#a):not(#b):not(#c) #sheet table tbody>tr.summary-row:not(.user-day-summary-row),html body:not(#a):not(#b):not(#c) #sheet table tbody>tr.rapport-row-hidden{display:none!important}}
}
/* Rapport v878: olika fönsterbredder (t.ex. appen i eget fönster) */
@media (max-width:768px){html body:not(#a):not(#b):not(#c):not(#d) header .topline .tool-buttons>#undo>svg{position:static!important;inset:auto!important;left:auto!important;top:auto!important;transform:none!important;width:18px!important;height:18px!important;min-width:18px!important;margin:0!important;flex:0 0 auto!important}html body:not(#a):not(#b):not(#c):not(#d) header .topline .tool-buttons>#undo{gap:6px!important}}
@media (max-width:700px){html body:not(#a):not(#b):not(#c):not(#d) #headerMasterCollapsible #settingsTabs.settings-tabs>button{width:100%!important;max-width:100%!important;min-width:0!important}}
html body:not(#a):not(#b):not(#c):not(#d) .company-picker{flex-wrap:wrap!important}
html body:not(#a):not(#b):not(#c):not(#d) .company-picker>.dd-billing-mode{flex:0 1 auto!important;max-width:100%!important;width:auto!important}
html body:not(#a):not(#b):not(#c):not(#d) .company-picker>.dd-billing-mode>button{flex:1 0 auto!important;min-width:max-content!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
@media (max-width:400px){html body:not(#a):not(#b):not(#c):not(#d) .company-picker>.dd-billing-mode{flex:1 1 100%!important}html body:not(#a):not(#b):not(#c):not(#d) .company-picker>.dd-billing-mode>button{flex:1 1 0!important;min-width:0!important;white-space:normal!important}}
html[data-rapport-running] body:not(#a):not(#b):not(#c):not(#d) .dd-hide-running{display:none!important}
@media (min-width:701px) and (max-width:1100px){html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody td .app-select-trigger{padding-left:7px!important;padding-right:18px!important;background-position:calc(100% - 4px) 50%!important;background-size:10px!important;height:auto!important;min-height:36px!important;font-size:12.5px!important;line-height:1.25!important;text-align:left!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody td .app-select-trigger>span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody td{padding-left:4px!important;padding-right:4px!important}}
@media (max-width:700px){html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody>tr:has(>td.auto-company-heading)>td{flex:0 0 auto!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody>tr:has(>td.auto-company-heading){align-items:center!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody>tr:has(>td.auto-company-heading) .dd-inv-wrap{display:none!important}}
/* Rapport v879: mobil – Fakturerat sist i kortet, knappraden under rapporten bryts i stället för att gå utanför, Sortera: på egen rad */
@media (max-width:700px){html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody>tr:has(>td .dd-inv-cb){position:relative!important;padding-bottom:58px!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody>tr:has(>td .dd-inv-cb) .dd-inv-wrap{position:absolute!important;left:4px!important;right:14px!important;bottom:14px!important;top:auto!important;margin:0!important;display:flex!important;justify-content:flex-start!important}html body:not(#a):not(#b):not(#c):not(#d) #reportActionsBelowHeader .report-actions-buttons{flex:0 1 auto!important;max-width:100%!important;min-width:0!important;justify-content:center!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody>tr:has(>td.auto-company-heading)::before{flex:0 0 100%!important;margin:0 0 2px!important}}
/* Rapport v880: sorteringsknapparna i ett jämnt rutnät (tre per rad, raka kanter) */
@media (max-width:700px){html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody>tr:has(>td.auto-company-heading){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody>tr:has(>td.auto-company-heading)::before{grid-column:1/-1!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody>tr:has(>td.auto-company-heading)>td{min-width:0!important;max-width:none!important;width:auto!important;text-align:center!important;justify-content:center!important;overflow:hidden!important;text-overflow:ellipsis!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody>tr:has(>td.auto-company-heading)>td>*{justify-content:center!important;text-align:center!important}}
/* Rapport v881: smal skärm – Sök, Skicka, Skriv ut och Export som ikoner på en rad */
@media (max-width:440px){html body:not(#a):not(#b):not(#c):not(#d) #reportActionsBelowHeader .report-actions-buttons{flex-wrap:nowrap!important;gap:6px!important}html body:not(#a):not(#b):not(#c):not(#d) #reportActionsBelowHeader .report-actions-buttons>button{font-size:0!important;gap:0!important;flex:0 0 auto!important;width:42px!important;min-width:42px!important;padding:0!important;justify-content:center!important}html body:not(#a):not(#b):not(#c):not(#d) #reportActionsBelowHeader .report-actions-buttons>button svg{width:18px!important;height:18px!important;min-width:18px!important;margin:0!important}}
/* Rapport v882: smal skärm – Ångra och Redigera som ikoner (texten finns kvar för skärmläsare), verktygsraden på en rad; Avtalskund/Löpande avräkning och dess info på samma rad */
@media (max-width:440px){html body:not(#a):not(#b):not(#c):not(#d) header .topline .tool-buttons{flex-wrap:nowrap!important;gap:6px!important}html body:not(#a):not(#b):not(#c):not(#d) header .topline .tool-buttons>#undo>.undo-mobile-text,html body:not(#a):not(#b):not(#c):not(#d) header .topline .tool-buttons>.rp-edit-toggle>span:not(.rp-switch){position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}html body:not(#a):not(#b):not(#c):not(#d) header .topline .tool-buttons>#undo{flex:1 1 0!important;min-width:42px!important;padding:0!important;gap:0!important;justify-content:center!important}html body:not(#a):not(#b):not(#c):not(#d) header .topline .tool-buttons>.rp-edit-toggle{flex:1 1 0!important;min-width:0!important;gap:8px!important;padding:0 10px!important;justify-content:center!important}html body:not(#a):not(#b):not(#c):not(#d) .company-picker>.dd-billing-mode{flex:1 1 calc(100% - 48px)!important;min-width:0!important}html body:not(#a):not(#b):not(#c):not(#d) .company-picker>.dd-billing-mode>button{flex:1 1 0!important;min-width:0!important;white-space:normal!important;font-size:13px!important;padding-left:8px!important;padding-right:8px!important;gap:6px!important;line-height:1.2!important}}
/* Rapport v883: summeringarna utan avgränsare, mer luft under sista raden; löpande avräkning visar bara Summa även på smal skärm */
@media screen{html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody>tr.summary-row,html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody>tr.summary-row>td{border-top:0!important;border-bottom:0!important;box-shadow:none!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet{padding-bottom:28px!important}}
html[data-rapport-running] body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody>tr.summary-row:not(.dd-running-sum){display:none!important}

/* Rapport v888 — 2026-10-13 | Mobil (≤ 600 px): Redigera ligger kvar i raden med sök/ångra; Kolumner, E-post och Export (bara i redigeringsläget) på en egen rad under, som ikoner. (v887: alla redigeringsknappar på egen rad) */
@media (max-width:600px){html body:not(#a):not(#b):not(#c):not(#d) header .topline .tool-buttons{flex-wrap:wrap!important;gap:6px!important;row-gap:8px!important;min-width:0!important}html body:not(#a):not(#b):not(#c):not(#d) header .topline .tool-buttons>.rp-edit-tool{order:10!important}html body:not(#a):not(#b):not(#c):not(#d) header .topline .tool-buttons>.rp-edit-tool{flex:1 1 0!important;width:auto!important;min-width:42px!important;padding:0!important;gap:0!important;justify-content:center!important}html body:not(#a):not(#b):not(#c):not(#d) header .topline .tool-buttons>.rp-edit-tool>span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}html body:not(#a):not(#b):not(#c):not(#d) header .topline .tool-buttons>.rp-edit-tool svg{width:18px!important;height:18px!important;margin:0!important}html body:not(#a):not(#b):not(#c):not(#d) header .topline .tool-buttons:has(>.rp-edit-tool)::after{content:"";order:9;flex:0 0 100%;height:0}}

/* Rapport v889 — 2026-10-13 | Mobil (≤ 600 px): kundfälten i ett lugnt rutnät – alla fält slutar i samma kant, knapparna lika stora och i-ikonerna i en egen kolumn; Avtalskund/Löpande avräkning på en rad */
@media (max-width:600px){html body:not(#a):not(#b):not(#c):not(#d) #customerPanel .company-picker{display:grid!important;grid-template-columns:minmax(0,1fr) 40px 22px!important;column-gap:10px!important;row-gap:12px!important;align-items:center!important;width:100%!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel .company-picker>.customer-picker-control-row{grid-column:1!important;width:auto!important;min-width:0!important;margin:0!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel .company-picker>.customer-new-control-row{display:contents!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel .company-picker>.customer-new-control-row>#showNewCompany{grid-column:2!important;margin:0!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel .company-picker>.customer-new-control-row>.function-info-icon,html body:not(#a):not(#b):not(#c):not(#d) #customerPanel .company-picker>.function-info-icon{grid-column:3!important;margin:0!important;justify-self:center!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel .company-picker>.dd-billing-mode{grid-column:1 / 3!important;width:auto!important;max-width:none!important;margin:0!important;flex:none!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel .company-picker>.dd-billing-mode>button{flex:1 1 0!important;min-width:0!important;white-space:nowrap!important;font-size:13px!important;padding:0 8px!important;gap:0!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel .company-picker>.dd-billing-mode>button::before{display:none!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel .company-picker>.dd-inv-toggle{grid-column:1 / 3!important;width:auto!important;margin:0!important;justify-content:flex-start!important;padding:0 14px!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel #headerForm .header-field{grid-template-columns:minmax(0,1fr) 22px!important;column-gap:10px!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel #headerForm .header-field-control-row{width:auto!important;max-width:none!important;min-width:0!important;gap:10px!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel #headerForm .header-field-control-row>#addYear{flex:0 0 40px!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel #headerForm .header-field{position:relative!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel #headerForm .header-field>:is(.header-field-label,.email-cc-label)>.function-info-icon{position:absolute!important;right:0!important;left:auto!important;top:auto!important;bottom:9px!important;margin:0!important;transform:none!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel .company-picker>.dd-billing-mode>button{padding:0 6px!important}}

/* Rapport mobil — 2026-10-13 | Mobil (≤ 600 px): samma lugna rutnät som kundfälten (v889) i resten av appen – verktygsraden, flikarna, Företag/Beskrivningar, månaderna, knapparna under rubriken, rapporten, summeringarna och rutorna Kolumner/E-post/Export */
@media screen and (max-width:600px){html body:not(#a):not(#b):not(#c):not(#d) header .topline .tool-buttons{gap:8px!important;row-gap:8px!important}html body:not(#a):not(#b):not(#c):not(#d) header .topline .tool-buttons>button{height:40px!important;min-height:40px!important;max-height:40px!important;box-sizing:border-box!important}html body:not(#a):not(#b):not(#c):not(#d) header .topline .tool-buttons>#mobileYearSearchToggle{flex:0 0 40px!important;width:40px!important;min-width:40px!important;padding:0!important}html body:not(#a):not(#b):not(#c):not(#d) header .topline .tool-buttons>#headerMasterToggle{flex:0 0 40px!important;width:40px!important;min-width:40px!important;padding:0!important}html body:not(#a):not(#b):not(#c):not(#d) header .topline #mobileYearSearchRow{width:100%!important;max-width:none!important;margin:8px 0 0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}html body:not(#a):not(#b):not(#c):not(#d) .year-search-results.open{left:23px!important;right:23px!important;width:auto!important;max-width:none!important;box-sizing:border-box!important}html body:not(#a):not(#b):not(#c):not(#d) header .topline #mobileYearSearchRow input{width:100%!important;max-width:none!important;height:40px!important;box-sizing:border-box!important}html body:not(#a):not(#b):not(#c):not(#d) #headerMasterCollapsible #settingsTabs.settings-tabs{display:flex!important;flex-wrap:nowrap!important;gap:4px!important}html body:not(#a):not(#b):not(#c):not(#d) #headerMasterCollapsible #settingsTabs.settings-tabs>button{width:auto!important;max-width:none!important;flex:1 1 auto!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:0 10px!important;font-size:13px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}html body:not(#a):not(#b):not(#c):not(#d) #ordererToolsPanel .admin-primary-row{display:grid!important;grid-template-columns:minmax(0,1fr) 40px 22px!important;column-gap:10px!important;row-gap:10px!important;align-items:center!important;width:100%!important}html body:not(#a):not(#b):not(#c):not(#d) #descriptionToolsPanel .admin-primary-row{display:grid!important;grid-template-columns:minmax(0,1fr) 40px 22px!important;column-gap:10px!important;row-gap:10px!important;align-items:center!important;width:100%!important}html body:not(#a):not(#b):not(#c):not(#d) .admin-primary-row>.app-select{grid-column:1!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important}html body:not(#a):not(#b):not(#c):not(#d) .admin-primary-row>.checkbox-select{grid-column:1!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important}html body:not(#a):not(#b):not(#c):not(#d) .admin-primary-row>.datoden-icon-button{grid-column:2!important;width:40px!important;height:40px!important;margin:0!important}html body:not(#a):not(#b):not(#c):not(#d) .admin-primary-row>.function-info-icon{grid-column:3!important;margin:0!important;justify-self:center!important}html body:not(#a):not(#b):not(#c):not(#d) #descriptionToolsPanel .admin-primary-row>.function-info-icon[data-info="removeDescription"]{display:none!important}html body:not(#a):not(#b):not(#c):not(#d) #descriptionToolsPanel .admin-primary-row>#removeDescription{display:none!important}html body:not(#a):not(#b):not(#c):not(#d) #ordererToolsPanel .checkbox-select>.checkbox-select-menu{left:0!important;right:auto!important;width:calc(100% + 82px)!important;min-width:0!important;max-width:calc(100% + 82px)!important;box-sizing:border-box!important}html body:not(#a):not(#b):not(#c):not(#d) #ordererToolsPanel .checkbox-select-menu .checkbox-select-option{grid-template-columns:minmax(0,1fr) auto!important;column-gap:8px!important;align-items:center!important}html body:not(#a):not(#b):not(#c):not(#d) #ordererToolsPanel .checkbox-select-menu .checkbox-select-option:not(:has(.checkbox-select-state))>.checkbox-select-name{grid-column:1 / -1!important}html body:not(#a):not(#b):not(#c):not(#d) #ordererToolsPanel .checkbox-select-menu .checkbox-select-option+.checkbox-select-option{margin-top:4px!important}html body:not(#a):not(#b):not(#c):not(#d) #ordererToolsPanel .checkbox-select-menu .checkbox-select-name{display:block!important;min-width:0!important;width:100%!important;height:40px!important;line-height:38px!important;padding:0 12px!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-sizing:border-box!important}html body:not(#a):not(#b):not(#c):not(#d) #ordererToolsPanel .checkbox-select-menu .checkbox-select-state{width:auto!important;padding:0 4px 0 0!important;gap:6px!important;font-size:13px!important;white-space:nowrap!important;justify-content:flex-end!important}html body:not(#a):not(#b):not(#c):not(#d) #ordererToolsPanel .checkbox-select-menu .checkbox-select-state>input{width:16px!important;min-width:16px!important;height:16px!important;margin:0!important;flex:0 0 16px!important}html body:not(#a):not(#b):not(#c):not(#d) #ordererToolsPanel .admin-create-row.open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-right:32px!important;width:auto!important;box-sizing:border-box!important}html body:not(#a):not(#b):not(#c):not(#d) #descriptionToolsPanel .admin-create-row.open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-right:32px!important;width:auto!important;box-sizing:border-box!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel .company-picker>.customer-create-row.open{grid-column:1 / 3!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:auto!important;margin:0!important;box-sizing:border-box!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel .customer-create-row>input{grid-column:1 / -1!important;width:100%!important;max-width:none!important;min-width:0!important;height:40px!important;margin:0!important;box-sizing:border-box!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel .customer-create-row>button{width:100%!important;min-width:0!important;height:40px!important;margin:0!important;justify-content:center!important}html body:not(#a):not(#b):not(#c):not(#d) .admin-create-row>input{grid-column:1 / -1!important;width:100%!important;max-width:none!important;min-width:0!important;height:40px!important;margin:0!important;box-sizing:border-box!important}html body:not(#a):not(#b):not(#c):not(#d) .admin-create-row>button{width:100%!important;min-width:0!important;height:40px!important;margin:0!important;justify-content:center!important}html body:not(#a):not(#b):not(#c):not(#d) #headerMasterCollapsible nav#tabs{margin-top:12px!important}html body:not(#a):not(#b):not(#c):not(#d) #reportActionsBelowHeader{width:auto!important;max-width:none!important;margin-left:8px!important;margin-right:8px!important}html body:not(#a):not(#b):not(#c):not(#d) #reportActionsBelowHeader .report-actions-buttons{flex:1 1 100%!important;width:100%!important;gap:8px!important;flex-wrap:nowrap!important}html body:not(#a):not(#b):not(#c):not(#d) #reportActionsBelowHeader .report-actions-buttons>button{flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;height:40px!important;min-height:40px!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet .report-header{padding-left:23px!important;padding-right:23px!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet table{padding-left:8px!important;padding-right:8px!important;box-sizing:border-box!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet .report-header .report-logo:empty:not(.rp-logo-edit){display:none!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet .report-header .report-title{padding-left:0!important;padding-right:0!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet .report-header .report-details{padding-left:0!important;padding-right:0!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet .report-header .timbank-change-value .app-select-trigger{height:40px!important;min-height:40px!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet .report-header .timbank-change-value .app-select-trigger>span{text-align:left!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody>tr:has(>td.auto-company-heading){padding-left:0!important;padding-right:0!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody>tr:has(>td.auto-company-heading)>td{height:auto!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody>tr:has(>td.auto-company-heading) .sort-button{height:40px!important;min-height:40px!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody td .app-select{height:40px!important;min-height:40px!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody td .app-select-trigger{height:40px!important;min-height:40px!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody td textarea.cell-editor{min-height:40px!important}html body:not(#a):not(#b):not(#c):not(#d) #sheet table tbody>tr.summary-row{padding-left:15px!important;padding-right:15px!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-mail-dialog{margin:auto!important;width:calc(100vw - 16px)!important;max-width:none!important;padding:0!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-mail-dialog .rp-mail-card{width:100%!important;max-width:none!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-mail-dialog .popup-close{width:40px!important;height:40px!important;min-width:40px!important;margin:0!important;top:19px!important;right:21px!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-col-pop .popup-close{width:40px!important;height:40px!important;min-width:40px!important;margin:0!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-mail-dialog .rp-mail-lbl{flex-wrap:wrap!important;row-gap:8px!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-mail-dialog .rp-mail-lbl>span:first-child{flex:1 1 100%!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-mail-dialog .rp-mail-tools{display:flex!important;flex-wrap:nowrap!important;flex:1 1 100%!important;width:100%!important;gap:6px!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-mail-dialog .rp-mail-tools button{flex:1 1 0!important;width:auto!important;min-width:0!important;height:40px!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-mail-dialog .rp-mail-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-mail-dialog .rp-mail-actions>span{display:none!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-mail-dialog .rp-mail-actions:has(>span)>button:first-child{grid-column:1 / -1!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-mail-dialog .rp-mail-actions>button{width:100%!important;min-width:0!important;margin:0!important;white-space:nowrap!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-exp-dialog .rp-mail-actions{display:flex!important;flex-wrap:nowrap!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-exp-dialog .rp-mail-actions>button{flex:1 1 0!important;width:auto!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-exp-dialog .rp-mail-actions>button:first-child{grid-column:auto!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-exp-dialog .rp-exp-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;row-gap:2px!important;column-gap:0!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-exp-dialog .rp-exp-row>label{min-height:36px!important;margin:0!important}html body:not(#a):not(#b):not(#c):not(#d) .rp-edit-bar{margin-left:8px!important;margin-right:8px!important;width:auto!important;box-sizing:border-box!important}}@media screen and (max-width:380px){html body:not(#a):not(#b):not(#c):not(#d) #headerMasterCollapsible #settingsTabs.settings-tabs>button{padding:0 8px!important;font-size:12px!important}html body:not(#a):not(#b):not(#c):not(#d) #customerPanel .company-picker>.dd-billing-mode>button{font-size:12px!important;padding:0 4px!important}}

/* Rapport v894 — 2026-10-14 | Mobil: knappraden Sök/Skicka/Skriv ut/Export har lika stort avstånd upptill och nertill – den hopfällda sökrutan (0 px hög) låg på en egen rad och gav 8 px extra ovanför. Mobilen söker via sökraden under knapparna. */
@media screen and (max-width:600px){html body:not(#a):not(#b):not(#c):not(#d) #reportActionsBelowHeader>.report-sheet-search{display:none!important}}
}