/* Rapport v853 — 2026-10-04 | Städning steg 3. */
/* Rapport v852 — 2026-10-04 | Städning steg 2. */
/* Rapport v851 — 2026-10-04 | Städning: regler för dialogen Text och bild borttagna. */
/* Rapport v849 — 2026-10-03 | Samma textverktyg överallt. */
/* Rapport v848 — 2026-10-03 | Textstorlek och justering i sidfoten, textstorlek i informationsrutorna. */
/* Rapport v847 — 2026-10-03 | Svagare markeringar i redigeringsläget (20/80/100 %). */
/* Rapport v844 — 2026-10-03 | Kolumner med reglage (app + utskrift), Kolumner/E-post bland verktygsknapparna, orange redigeringsknappar. */
/* Rapport v843 — 2026-10-03 | Kolumner: kompakta %-fält, stängknappen överlappar inte, knappen Kolumner alltid i redigeringsraden; E-post: högre Meddelande/Signatur, knapparna alltid synliga. */
/* Rapport v842 — 2026-10-03 | Redigeringsläge: kolumner i tabellrubriken, sidfoten i rapporten, rutan E-post; Text och bild dold. */
/* Rapport v804 — 2026-10-02 | Ramar och blågrå ytor som variabler. */
/* Rapport v803 — 2026-10-02 | Neutrala bakgrunder som variabler. */
@charset "UTF-8";
/* Rapport v802 — 2026-10-02 | Färgteman: accentfärger som variabler. */
/* Rapport v801 — 2026-10-02 | Döda selektorer i selektorlistor borttagna. */
/* Rapport v800 — 2026-10-02 | Städad på samma sätt som app.css. */
/* Rapport v795 — 2026-10-02 | Statisk CSS som tidigare lades in av app.js (samma ordning).
   Länkas sist i <head> i app.html så att kaskadordningen är oförändrad. Rensas vidare i senare städningar. */
/* från app.js rad 2759 */

/* från app.js rad 3010 */

/* från app.js rad 3038 */

/* från app.js rad 3062 */

/* från app.js rad 3081 */

/* från app.js rad 3101 */

/* från app.js rad 3217 */

/* från app.js rad 3246 */

 #headerMasterCollapsible #settingsTabs.settings-tabs>button{

   z-index:1!important;
 }
  #headerMasterCollapsible #settingsTabs.settings-tabs>button.active,
 #headerMasterCollapsible #settingsTabs.settings-tabs>button[aria-selected="true"]{
   border-bottom-color:var(--panel-bg,#fff)!important;
   z-index:3!important;
 }
 html[data-theme="dark"] #headerMasterCollapsible #settingsTabs.settings-tabs>button.active,
 html[data-theme="dark"] #headerMasterCollapsible #settingsTabs.settings-tabs>button[aria-selected="true"]{
   border-bottom-color:var(--datoden-bg-2a2a2a,#2a2a2a)!important;
 }
 #headerMasterCollapsible>.settings-panel{
   border-top:0!important;
 }

/* från app.js rad 3318 */
/* Ingen pil/chevron i headerflikarna. */

 /* Separera flikraden från innehållet. */

 /* Samma rena rundade flikform som referensen, inte "pärmar" som sitter ihop med panelen. */
 #headerMasterCollapsible #settingsTabs.settings-tabs>button{
   gap:0!important;
 }

 /* Panelen är åter ett separat innehållsområde under flikarna. */
 #headerMasterCollapsible>.settings-panel{
   border-radius:12px!important;
 }

/* från app.js rad 3403 */

 /* Ta bort all gammal knapp-/pilgrafik. */

 /* Flik: rundad upptill, rak nedtill – samma princip som den befintliga innehållsfliken. */
 #headerMasterCollapsible #settingsTabs.settings-tabs>button{
   position:relative!important;
 }

 /* Innehållet börjar separat under fliken – inte sammanbyggt med den. */

 @media(max-width:700px){

   #headerMasterCollapsible #settingsTabs.settings-tabs>button{

     text-align:center!important;

   }
 }

/* från app.js rad 3482 */
#headerMasterCollapsible #settingsTabs.settings-tabs{
   display:flex!important;
   align-items:stretch!important;
   justify-content:flex-start!important;
   width:100%!important;
   margin:10px 0 14px!important;
   padding:0 12px!important;
   border:0!important;
   box-sizing:border-box!important;
   overflow:visible!important;
 }

 #headerMasterCollapsible #settingsTabs.settings-tabs>button svg,
 #headerMasterCollapsible #settingsTabs.settings-tabs>button .chevron,
 #headerMasterCollapsible #settingsTabs.settings-tabs>button::after{
   display:none!important;
   content:none!important;
 }

 /* KODEN NEDAN ÄR SAMMA shape()-GEOMETRI SOM #reportActionsBelowHeader. */
 #headerMasterCollapsible #settingsTabs.settings-tabs>button{
   --tab-girth:12px;
   appearance:none!important;
   display:inline-flex!important;
   align-items:center!important;
   justify-content:center!important;
   flex:0 0 auto!important;
   width:max-content!important;
   min-width:0!important;
   min-height:44px!important;
   margin:0!important;
   padding:9px calc(14px + var(--tab-girth)) 10px!important;
   border:0!important;
   border-radius:0!important;
   box-shadow:none!important;
   background:var(--datoden-bg-444444,#444)!important;
   color:#fff!important;
   white-space:nowrap!important;
   line-height:1.15!important;
   clip-path:shape(
    from bottom left,
    curve to var(--tab-girth) calc(100% - var(--tab-girth)) with var(--tab-girth) 100%,
    vline to var(--tab-girth),
    curve to calc(var(--tab-girth) * 2) 0 with var(--tab-girth) 0,
    hline to calc(100% - calc(var(--tab-girth) * 2)),
    curve to calc(100% - var(--tab-girth)) var(--tab-girth) with calc(100% - var(--tab-girth)) 0,
    vline to calc(100% - var(--tab-girth)),
    curve to 100% 100% with calc(100% - var(--tab-girth)) 100%
   )!important;
 }

 #headerMasterCollapsible #settingsTabs.settings-tabs>button:hover{
   background:var(--datoden-bg-505050,#505050)!important;
 }
  html[data-theme="dark"] #headerMasterCollapsible #settingsTabs.settings-tabs>button.active,
 html[data-theme="dark"] #headerMasterCollapsible #settingsTabs.settings-tabs>button[aria-selected="true"]{
   background:var(--datoden-bg-292a2b,#292a2b)!important;
   color:var(--datoden-on-accent,#fff)!important;
 }

 /* Använd samma fallback som originalfliken om shape() saknas. */
 @supports not (clip-path:shape(from top left,hline to 0)){
   #headerMasterCollapsible #settingsTabs.settings-tabs>button{
     clip-path:none!important;
     padding-inline:14px!important;
     border-radius:12px 12px 0 0!important;
   }
 }

 #headerMasterCollapsible>.settings-panel{
   margin-top:0!important;
 }

 @media(max-width:600px){
   #headerMasterCollapsible #settingsTabs.settings-tabs{
     padding:0 6px!important;

   }
   #headerMasterCollapsible #settingsTabs.settings-tabs>button{
     --tab-girth:10px;
     flex:1 1 0!important;
     width:auto!important;
     padding:8px calc(8px + var(--tab-girth)) 9px!important;
     white-space:normal!important;
     text-align:center!important;
   }
 }

/* från app.js rad 3583 */

 /* Vald flik: något ljusare grå än headerbakgrunden. */

 /* Den öppna panelen får exakt samma bakgrund som vald flik. */

/* från app.js rad 3615 */

 /* Ingen luft mellan flikraden och innehållspanelen. */
 #headerMasterCollapsible #settingsTabs.settings-tabs{
   margin-bottom:0!important;
 }

 /* Träffa alla aktiva tillstånd som befintlig tabkod kan använda. */
 #headerMasterCollapsible #settingsTabs.settings-tabs>button.active,
 #headerMasterCollapsible #settingsTabs.settings-tabs>button[aria-selected="true"],
 #headerMasterCollapsible #settingsTabs.settings-tabs>button[aria-expanded="true"]{
   background:var(--selected-header-tab-bg)!important;
   background-color:var(--selected-header-tab-bg)!important;
   color:var(--datoden-on-accent,#fff)!important;
 }

 /* Inaktiv flik hålls mörkare så vald flik syns tydligt. */
 #headerMasterCollapsible #settingsTabs.settings-tabs>button:not(.active):not([aria-selected="true"]):not([aria-expanded="true"]){
   background:var(--datoden-bg-303133,#303133)!important;
   background-color:var(--datoden-bg-303133,#303133)!important;
 }

 /* Öppen panel möter fliken direkt och får luft invändigt i stället. */
 #headerMasterCollapsible>.settings-panel.active,
 #headerMasterCollapsible>.settings-panel:not([hidden]){
   margin-top:0!important;
   padding-top:16px!important;
   padding-bottom:14px!important;
   background:var(--selected-header-tab-bg)!important;
   background-color:var(--selected-header-tab-bg)!important;
 }

  html[data-theme="light"] #headerMasterCollapsible #settingsTabs.settings-tabs>button:not(.active):not([aria-selected="true"]):not([aria-expanded="true"]){
   background:var(--datoden-bg-d2d4d6,#d2d4d6)!important;
   background-color:var(--datoden-bg-d2d4d6,#d2d4d6)!important;
 }
 html[data-theme="light"] #headerMasterCollapsible #settingsTabs.settings-tabs>button.active,
html[data-theme="light"] #headerMasterCollapsible #settingsTabs.settings-tabs>button[aria-selected="true"]{
   color:#171717!important;
 }

/* från app.js rad 3683 */
#headerMasterCollapsible{--selected-header-tab-bg:var(--datoden-bg-4a4b4d,#4a4b4d);}
 #headerMasterCollapsible #settingsTabs.settings-tabs>button.selected-header-tab-v124{
   color:var(--datoden-on-accent,#fff)!important;
 }
 #headerMasterCollapsible #settingsTabs.settings-tabs>button:not(.selected-header-tab-v124){
   background:var(--datoden-bg-303133,#303133)!important;
   background-color:var(--datoden-bg-303133,#303133)!important;
 }
  html[data-theme="light"] #headerMasterCollapsible{--selected-header-tab-bg:var(--datoden-bg-e1e3e5,#e1e3e5);}
 html[data-theme="light"] #headerMasterCollapsible #settingsTabs.settings-tabs>button:not(.selected-header-tab-v124){
   background:var(--datoden-bg-c9cbcd,#c9cbcd)!important;
   background-color:var(--datoden-bg-c9cbcd,#c9cbcd)!important;
   color:#171717!important;
 }
 html[data-theme="light"] #headerMasterCollapsible #settingsTabs.settings-tabs>button.selected-header-tab-v124{color:#171717!important;}

/* från app.js rad 3711 */
#headerMasterCollapsible #settingsTabs.settings-tabs>button{
   isolation:isolate!important;
   overflow:hidden!important;
 }
 #headerMasterCollapsible #settingsTabs.settings-tabs>button.selected-header-tab-v124::before{
   content:""!important;
   display:block!important;
   position:absolute!important;
   inset:0!important;
   z-index:-1!important;

   pointer-events:none!important;
 }
 #headerMasterCollapsible #settingsTabs.settings-tabs>button.selected-header-tab-v124{
   position:relative!important;
   z-index:2!important;

 }

/* från app.js rad 3747 */
#headerMasterCollapsible #settingsTabs.settings-tabs>button.selected-header-tab-v124::before,
 #headerMasterCollapsible #settingsTabs.settings-tabs>button.selected-header-tab-v124,
 #headerMasterCollapsible>.settings-panel:not([hidden]){
   background:var(--datoden-bg-404143,#404143)!important;
   background-color:var(--datoden-bg-404143,#404143)!important;
 }
 html[data-theme="light"] #headerMasterCollapsible #settingsTabs.settings-tabs>button.selected-header-tab-v124::before,
 html[data-theme="light"] #headerMasterCollapsible #settingsTabs.settings-tabs>button.selected-header-tab-v124,
 html[data-theme="light"] #headerMasterCollapsible>.settings-panel:not([hidden]){
   background:var(--datoden-bg-d7d9db,#d7d9db)!important;
   background-color:var(--datoden-bg-d7d9db,#d7d9db)!important;
 }

/* från app.js rad 3766 */
#headerMasterCollapsible #settingsTabs.settings-tabs{
   gap:0!important;
 }
 #headerMasterCollapsible #settingsTabs.settings-tabs>button + button{
   margin-left:-18px!important;
 }
 @media(max-width:600px){
   #headerMasterCollapsible #settingsTabs.settings-tabs>button + button{
     margin-left:-14px!important;
   }
 }

/* från app.js rad 3983 */
.customer-change-popup-v151{position:fixed!important;z-index:2147483647!important;min-width:220px!important;padding:6px!important;border:1px solid var(--datoden-bg-5c6062,#5c6062)!important;border-radius:10px!important;background:var(--datoden-bg-292a2b,#292a2b)!important;color:#f2f2f2!important;box-shadow:0 10px 28px rgba(0,0,0,.32)!important;}
 .customer-change-popup-v151>button{display:block!important;width:100%!important;min-height:42px!important;padding:8px 11px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:inherit!important;font:inherit!important;text-align:left!important;cursor:pointer!important;}
 .customer-change-popup-v151>button:hover,.customer-change-popup-v151>button:focus{background:var(--datoden-bg-484b4d,#484b4d)!important;outline:none!important;}
 .customer-change-popup-v151>button.customer-delete-v151{color:#ffb2b2!important;border-top:1px solid rgba(255,120,120,.22)!important;margin-top:4px!important;}
 .customer-change-popup-v151>button:disabled{opacity:.45!important;cursor:default!important;}
 .customer-popup-native-hidden-v151{visibility:hidden!important;}
 html[data-theme="light"] .customer-change-popup-v151{background:var(--datoden-bg-ffffff,#fff)!important;color:#222!important;border-color:var(--datoden-bg-c9c9c9,#c9c9c9)!important;}

/* från app.js rad 4118 */
.manage-popup-v154{position:fixed!important;z-index:2147483647!important;min-width:245px!important;padding:6px!important;border:1px solid var(--datoden-bg-5c6062,#5c6062)!important;border-radius:10px!important;background:var(--datoden-bg-292a2b,#292a2b)!important;color:#f2f2f2!important;box-shadow:0 10px 28px rgba(0,0,0,.32)!important;}
 .manage-popup-v154>button{display:block!important;width:100%!important;min-height:42px!important;padding:8px 11px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:inherit!important;font:inherit!important;text-align:left!important;cursor:pointer!important;}
 .manage-popup-v154>button:hover,.manage-popup-v154>button:focus{background:var(--datoden-bg-484b4d,#484b4d)!important;outline:none!important;}
 .manage-popup-v154>button.manage-delete-v154{color:#ffb2b2!important;border-top:1px solid rgba(255,120,120,.22)!important;margin-top:4px!important;}
 .manage-popup-v154>button:disabled{opacity:.45!important;cursor:default!important;}
 html[data-theme="light"] .manage-popup-v154{background:var(--datoden-bg-ffffff,#fff)!important;color:#222!important;border-color:var(--datoden-bg-c9c9c9,#c9c9c9)!important;}

/* från app.js rad 4180 */
#descriptionTools #removeDescription,#descriptionTools [data-info="removeDescription"]{display:none!important;}
 .description-change-popup-v159{position:fixed!important;z-index:2147483647!important;min-width:245px!important;padding:6px!important;border:1px solid var(--datoden-bg-5c6062,#5c6062)!important;border-radius:10px!important;background:var(--datoden-bg-292a2b,#292a2b)!important;color:#f2f2f2!important;box-shadow:0 10px 28px rgba(0,0,0,.32)!important;}
 .description-change-popup-v159>button{display:block!important;width:100%!important;min-height:42px!important;padding:8px 11px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:inherit!important;font:inherit!important;text-align:left!important;cursor:pointer!important;}
 .description-change-popup-v159>button:hover,.description-change-popup-v159>button:focus{background:var(--datoden-bg-484b4d,#484b4d)!important;outline:none!important;}
 .description-change-popup-v159>button.description-delete-v159{color:#ffb2b2!important;border-top:1px solid rgba(255,120,120,.22)!important;margin-top:4px!important;}
 .description-change-popup-v159>button:disabled{opacity:.45!important;cursor:default!important;}
 html[data-theme="light"] .description-change-popup-v159{background:var(--datoden-bg-ffffff,#fff)!important;color:#222!important;border-color:var(--datoden-bg-c9c9c9,#c9c9c9)!important;}

/* från app.js rad 4244 */

/* från app.js rad 4261 */

/* från app.js rad 4651 */

/* från app.js rad 4667 */

/* från app.js rad 4827 */
/* Aktiv sidhuvudflik ska inte ljusna när musen ligger över den. */
 #headerMasterCollapsible #settingsTabs.settings-tabs>button[aria-selected="true"]:hover,
 #headerMasterCollapsible #settingsTabs.settings-tabs>button.active:hover,
 #headerMasterCollapsible #settingsTabs.settings-tabs>button.selected:hover,
 #headerMasterCollapsible #settingsTabs.settings-tabs>button.selected-header-tab-v124:hover{
   filter:none!important;
 }
 html[data-theme="dark"] #headerMasterCollapsible #settingsTabs.settings-tabs>button[aria-selected="true"]:hover,
 html[data-theme="dark"] #headerMasterCollapsible #settingsTabs.settings-tabs>button.active:hover,
 html[data-theme="dark"] #headerMasterCollapsible #settingsTabs.settings-tabs>button.selected:hover,
 html[data-theme="dark"] #headerMasterCollapsible #settingsTabs.settings-tabs>button.selected-header-tab-v124:hover{
   background:var(--datoden-bg-444648,#444648)!important;
   background-color:var(--datoden-bg-444648,#444648)!important;
 }
 html[data-theme="light"] #headerMasterCollapsible #settingsTabs.settings-tabs>button[aria-selected="true"]:hover,
 html[data-theme="light"] #headerMasterCollapsible #settingsTabs.settings-tabs>button.active:hover,
 html[data-theme="light"] #headerMasterCollapsible #settingsTabs.settings-tabs>button.selected:hover,
 html[data-theme="light"] #headerMasterCollapsible #settingsTabs.settings-tabs>button.selected-header-tab-v124:hover{
   background:var(--datoden-bg-d7d9db,#d7d9db)!important;
   background-color:var(--datoden-bg-d7d9db,#d7d9db)!important;
 }

 /* Ta bort själva bakgrundsplattan bakom den permanenta top-headern. */
 header .topline.header-permanent-bar,
 .topline.header-permanent-bar,
 .header-permanent-bar{
   background:transparent!important;
   background-color:transparent!important;
   box-shadow:none!important;
 }

/* från app.js rad 4867 */
#customerPanel #removeCompany,
 #removeCompany{
   display:none!important;
 }

/* från app.js rad 4931 (month-tabs-intermediate-v248) */
@media screen and (min-width:769px) and (max-width:1250px){
   #tabs{
     grid-template-columns:repeat(6,minmax(0,1fr))!important;
   }
             }

/* från app.js rad 4988 (month-tabs-intermediate-v250) */
@media screen and (min-width:769px) and (max-width:1250px){
   #tabs{
     display:flex!important;
     flex-flow:row wrap!important;
     align-items:stretch!important;
     justify-content:flex-start!important;
     gap:8px!important;
     width:100%!important;
     max-width:100%!important;
     min-width:0!important;
     overflow:visible!important;
     box-sizing:border-box!important;
     padding-left:0!important;
     padding-right:0!important;
   }
   #tabs>button{
     flex:0 0 calc((100% - 40px)/6)!important;
     width:calc((100% - 40px)/6)!important;
     min-width:0!important;
     max-width:calc((100% - 40px)/6)!important;
     height:54px!important;
     min-height:54px!important;
     margin:0!important;
     padding:6px 3px!important;
     box-sizing:border-box!important;
     display:flex!important;
     flex-direction:column!important;
     align-items:center!important;
     justify-content:center!important;
     gap:1px!important;
     overflow:hidden!important;
   }
   #tabs>button small,
   #tabs>button span{
     display:block!important;
     width:100%!important;
     min-width:0!important;
     max-width:100%!important;
     margin:0!important;
     padding:0!important;
     text-align:center!important;
     white-space:nowrap!important;
     overflow:hidden!important;
     text-overflow:ellipsis!important;
     line-height:1.05!important;
   }
   #tabs>button small{font-size:11px!important;}
   #tabs>button span{font-size:15px!important;}
 }

/* från app.js rad 5048 (month-tabs-compact-v251) */
@media screen and (min-width:481px) and (max-width:768px){
   #tabs{
     display:grid!important;
     grid-template-columns:repeat(6,minmax(0,1fr))!important;
     gap:8px!important;
     width:100%!important;
     max-width:100%!important;
     min-width:0!important;
     overflow:visible!important;
     box-sizing:border-box!important;
     padding-left:0!important;
     padding-right:0!important;
   }
   #tabs>button{
     width:100%!important;
     min-width:0!important;
     max-width:none!important;
     height:54px!important;
     min-height:54px!important;
     margin:0!important;
     padding:6px 3px!important;
     box-sizing:border-box!important;
     display:flex!important;
     flex-direction:column!important;
     align-items:center!important;
     justify-content:center!important;
     gap:1px!important;
     overflow:hidden!important;
   }
   #tabs>button small,
   #tabs>button span{
     display:block!important;
     width:100%!important;
     min-width:0!important;
     max-width:100%!important;
     margin:0!important;
     padding:0!important;
     text-align:center!important;
     white-space:nowrap!important;
     overflow:hidden!important;
     text-overflow:ellipsis!important;
     line-height:1.05!important;
   }
   #tabs>button small{font-size:11px!important;}
   #tabs>button span{font-size:15px!important;}
 }

/* från app.js rad 5112 (month-tabs-narrow-mobile-v253) */
@media screen and (max-width:480px){
   #tabs{
     display:grid!important;
     grid-template-columns:repeat(3,minmax(0,1fr))!important;
     gap:8px!important;
     width:100%!important;
     max-width:100%!important;
     min-width:0!important;
     overflow:visible!important;
     box-sizing:border-box!important;
     padding-left:0!important;
     padding-right:0!important;
   }
   #tabs>button{
     width:100%!important;
     min-width:0!important;
     max-width:none!important;
     height:54px!important;
     min-height:54px!important;
     margin:0!important;
     padding:6px 4px!important;
     box-sizing:border-box!important;
     display:flex!important;
     flex-direction:column!important;
     align-items:center!important;
     justify-content:center!important;
     gap:1px!important;
     overflow:hidden!important;
   }
   #tabs>button small,
   #tabs>button span{
     display:block!important;
     width:100%!important;
     min-width:0!important;
     max-width:100%!important;
     margin:0!important;
     padding:0!important;
     text-align:center!important;
     white-space:nowrap!important;
     overflow:hidden!important;
     text-overflow:ellipsis!important;
     line-height:1.05!important;
   }
   #tabs>button small{font-size:11px!important;}
   #tabs>button span{font-size:15px!important;}
 }

/* från app.js rad 5169 (month-tabs-mobile-final-v254) */

/* från app.js rad 5225 (month-tabs-mobile-width-reset-v255) */
@media screen and (max-width:768px){
   #tabs{
     display:grid!important;
     grid-template-columns:repeat(3,minmax(0,1fr))!important;
     grid-auto-flow:row!important;
     grid-auto-columns:auto!important;
     gap:8px!important;
     width:100%!important;
     max-width:100%!important;
     min-width:0!important;
     padding:10px!important;
     margin:0!important;
     overflow:visible!important;
     box-sizing:border-box!important;
   }
   #tabs > button{
     position:relative!important;
     inset:auto!important;
     float:none!important;
     flex:none!important;
     flex-basis:auto!important;
     justify-self:stretch!important;
     align-self:stretch!important;
     width:auto!important;
     min-width:0!important;
     max-width:none!important;
     height:56px!important;
     min-height:56px!important;
     max-height:56px!important;
     margin:0!important;
     padding:6px 8px!important;
     box-sizing:border-box!important;
     transform:none!important;
     display:flex!important;
     flex-direction:column!important;
     align-items:center!important;
     justify-content:center!important;
     gap:2px!important;
     overflow:hidden!important;
   }
   #tabs > button small,
   #tabs > button span{
     position:static!important;
     display:block!important;
     width:100%!important;
     min-width:0!important;
     max-width:100%!important;
     margin:0!important;
     padding:0!important;
     text-align:center!important;
     white-space:nowrap!important;
     overflow:hidden!important;
     text-overflow:ellipsis!important;
     transform:none!important;
     line-height:1.1!important;
   }
   #tabs > button small{font-size:12px!important;}
   #tabs > button span{font-size:16px!important;}
 }

/* från app.js rad 5398 */

/* från app.js rad 5454 (mobile-demo-row-v279-style) */
@media screen and (max-width:768px){
   body>header{
     display:block!important;
     height:auto!important;
     min-height:0!important;
   }
   body>header>.mobile-demo-row-v279{
     display:block!important;
     width:100%!important;
     box-sizing:border-box!important;
     padding:10px 14px 8px!important;
     margin:0!important;
   }
   body>header>.mobile-demo-row-v279>#demoModeBadgeV138{
     display:inline-flex!important;
     position:static!important;
     width:auto!important;
     max-width:100%!important;
     margin:0!important;
     transform:none!important;
     box-sizing:border-box!important;
   }
   body>header>.topline.header-permanent-bar{
     display:flex!important;
     width:100%!important;
     max-width:100%!important;
     height:auto!important;
     margin:0!important;
     box-sizing:border-box!important;
   }
 }

/* från app.js rad 5801 (administration-account-management-v302) */
/* Samma yttre bredd som Ny inbjudan. */

 /* Inbjudningsväljaren: neutral i alla states, neutral hover och ingen breddförändring. */

/* från app.js rad 5932 (administration-stable-open-v304) */

/* från app.js rad 5954 (menu-buttons-final-v308) */
#accountOverlay .account-page button:not(.account-close):not(.function-info-icon):not(.text-image-collapse-toggle):not(.text-field-mini-action):not(.text-info-edit-toggle):not(.info-rich-toolbar button):not(.footer-rich-toolbar button):not(.danger):not(.destructive):not([class*="delete"]):not([class*="remove"]){
   min-height:46px!important;height:46px!important;padding:0 16px!important;
   display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
   border:1px solid transparent!important;border-radius:8px!important;
   background:var(--datoden-bg-4a4a4a,#4a4a4a)!important;color:#fff!important;
   font:inherit!important;font-size:16px!important;font-weight:400!important;line-height:1.2!important;
   box-shadow:none!important;outline:none!important;filter:none!important;transform:none!important;
   cursor:pointer!important;white-space:nowrap!important;
 }

 #accountOverlay .account-page button:not(.account-close):not(.function-info-icon):not(.text-image-collapse-toggle):not(.text-field-mini-action):not(.text-info-edit-toggle):not(.info-rich-toolbar button):not(.footer-rich-toolbar button):not(.danger):not(.destructive):not([class*="delete"]):not([class*="remove"]):active,
#accountOverlay .account-page button:not(.account-close):not(.function-info-icon):not(.text-image-collapse-toggle):not(.text-field-mini-action):not(.text-info-edit-toggle):not(.info-rich-toolbar button):not(.footer-rich-toolbar button):not(.danger):not(.destructive):not([class*="delete"]):not([class*="remove"]):focus,
#accountOverlay .account-page button:not(.account-close):not(.function-info-icon):not(.text-image-collapse-toggle):not(.text-field-mini-action):not(.text-info-edit-toggle):not(.info-rich-toolbar button):not(.footer-rich-toolbar button):not(.danger):not(.destructive):not([class*="delete"]):not([class*="remove"]):focus-visible{
   background:var(--datoden-bg-4a4a4a,#4a4a4a)!important;border-color:transparent!important;color:#fff!important;
   filter:none!important;transform:none!important;box-shadow:none!important;
 }

 #accountOverlay .account-page button:not(.account-close):not(.function-info-icon):not(.text-image-collapse-toggle):not(.text-field-mini-action):not(.text-info-edit-toggle):not(.info-rich-toolbar button):not(.footer-rich-toolbar button):not(.danger):not(.destructive):not([class*="delete"]):not([class*="remove"]):hover{
   background:var(--datoden-accent,#3953a4)!important;border-color:var(--datoden-accent,#3953a4)!important;color:var(--datoden-on-accent,#fff)!important;
   filter:none!important;transform:none!important;
 }

 #accountOverlay .account-page button:disabled{opacity:.55!important;cursor:not-allowed!important}

/* från app.js rad 6004 (light-component-fixes-v315) */
/* Text och bild: info-toggle och mini actions ska vara ljusa, inte v308-dark. */

 /* Textareas i Text och bild: ljus yta i alla states. */

 /* Spara-knappen och övriga actionknappar i Text och bild. */

 /* Mina uppgifter: gamla hårdkodade mörka inputs neutraliseras. */

 /* Mina uppgifter: Spara, lösenord och 2FA. */

 /* Administration: företagsrubriker identiska i light oavsett öppet/stängt. */

 /* SISTA BILD: Mitt konto-menyn = vit bakgrund, ingen border på menyvalen. */

/* från app.js rad 6084 (light-remaining-components-v316) */
/* Mina uppgifter: alla profil- och lösenordsfält ljusa även vid hover/focus. */

 /* Spara uppgifter / Ändra lösenord / 2FA = neutral light, gemensam hover. */

 /* Administration: inbjudningsroll är ljus i samtliga states. */

 /* Företagsaccordion: vit, ingen mörk #4a4a4a kvar. */

 /* Bevara den fungerande specialstorleken i Text och bild. */

/* från app.js rad 6149 (light-exact-selectors-v318) */

 /* Exakt aktiv huvudflik från DevTools. */
 html[data-theme="light"] #headerMasterCollapsible #settingsTabs.settings-tabs > button.active.selected-header-tab-v124{

   color:#24282b!important;
 }

 /* Exakt aktivt Kund-innehåll från DevTools. */

 /* Övriga två paneler ska använda samma yta när de är aktiva/synliga. */

 /* Inställningar: Tema + Informationsfält. */

 /* Text och bild: de verifierade specialknapparna ska vara ljusa. */

 /* Behåll rätt specialdimensioner. */

 /* Administration: företagsrader ljusa och konsekventa. */

/* från app.js rad 6233 (text-image-special-buttons-v319) */
/* Ångra/Återställ: fast specialstorlek och tydlig light-yta. */

 /* Info-redigera: behåll kompakt knapp men gör ikon tydlig. */

 /* Dark mode: explicit specialknappar, samma etablerade mörka look. */

/* från app.js rad 6292 (info-buttons-unified-v320) */
/* Text och bild: info-redigeringsknappen får samma geometri som Ångra/Återställ. */

 /* Light: exakt samma knappkänsla som övriga små ikonknappar. */

 /* Dark: samma mörka knappstil som övriga små ikonknappar. */

/* från app.js rad 6369 (account-standard-buttons-light-v321) */

 html[data-theme="light"] #accountOverlay .account-page button:not(.account-close):not(.function-info-icon):not(.text-image-collapse-toggle):not(.text-field-mini-action):not(.text-info-edit-toggle):not(.info-rich-toolbar button):not(.footer-rich-toolbar button):not(.danger):not(.destructive):not([class*="delete"]):not([class*="remove"]){

   border-radius:8px!important;

   transform:none!important;
 }

 html[data-theme="light"] #accountOverlay .account-page button:not(.account-close):not(.function-info-icon):not(.text-image-collapse-toggle):not(.text-field-mini-action):not(.text-info-edit-toggle):not(.info-rich-toolbar button):not(.footer-rich-toolbar button):not(.danger):not(.destructive):not([class*="delete"]):not([class*="remove"]):is(:focus,:focus-visible,:active):not(:hover){

   transform:none!important;
 }

/* från app.js rad 6411 (info-rich-toolbar-light-v322) */

 /* Textbaserade B/I/U-knappar måste också få mörk glyph i light mode. */

/* från app.js rad 6458 (admin-user-role-select-light-v323) */

/* från app.js rad 6542 (column-width-subcollapse-v324) */

/* från app.js rad 6599 (column-width-subcollapse-no-dividers-v326) */

/* från app.js rad 6828 (light-shared-tab-panel-month-bg-v333) */

 /* Månadsknapparna är referensen. */

 /* Exakt aktiv flik. Pseudo-elementen måste också ha samma färg,
    annars ser fliken ut att ha en annan ton runt kanterna. */

 /* Hela synliga flikinnehållet. */

 /* Neutralisera äldre v317/v318-färger på de exakta ytorna. */
 html[data-theme="light"] #headerMasterCollapsible #settingsTabs.settings-tabs > button.active.selected-header-tab-v124{
   box-shadow:none!important;
 }

/* från app.js rad 6866 (light-shared-bg-exact-v334) */

 html[data-theme="light"] #headerMasterCollapsible #settingsTabs.settings-tabs > button.active.selected-header-tab-v124,
 html[data-theme="light"] #headerMasterCollapsible #settingsTabs.settings-tabs > button.active.selected-header-tab-v124::before,
 html[data-theme="light"] #headerMasterCollapsible #settingsTabs.settings-tabs > button.active.selected-header-tab-v124::after,
 html[data-theme="light"] #headerMasterCollapsible .settings-panel:not([hidden]),
 html[data-theme="light"] #headerMasterCollapsible section#customerPanel.customer-panel.settings-panel{
   background:var(--datoden-bg-e1e3e5,rgb(225, 227, 229))!important;
   background-color:var(--datoden-bg-e1e3e5,rgb(225, 227, 229))!important;
 }

/* från app.js rad 8520 */
.dd-print-ad{display:none}@media print{html.dd-free .dd-print-ad{display:block!important;position:fixed;left:0;right:0;bottom:0;text-align:center;font:7.5pt system-ui,sans-serif;color:#8a929c}}[id^="footer"][contenteditable]:empty::before{content:attr(data-placeholder);white-space:pre-line;color:var(--du-muted,#8a929c);opacity:.7;pointer-events:none}
/* 2026-10-03: tydlig grön ruta i demon – ett klick ger eget schema/egen rapport (ersätter den lilla orange knappen för inloggade) */
.dd-demo-cta{box-sizing:border-box;max-width:1400px;margin:14px auto 16px;padding:14px 16px 14px 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid #bbe5c8;border-radius:16px;background:var(--datoden-bg-effaf3,#effaf3);color:#0f3d24}
.dd-demo-cta__ico{flex:none;width:42px;height:42px;border-radius:12px;background:#16a34a;color:#fff;display:grid;place-items:center}
.dd-demo-cta__ico svg{width:24px;height:24px}
.dd-demo-cta__txt{flex:1 1 260px;min-width:0}
.dd-demo-cta__txt b{display:block;font-size:16px;font-weight:800;line-height:1.3}
.dd-demo-cta__txt span{display:block;font-size:14px;line-height:1.45;opacity:.85;margin-top:2px}
.dd-demo-cta__btn{flex:none;display:inline-flex;align-items:center;gap:10px;padding:0 22px;height:48px;border:0;border-radius:12px;background:#16a34a;color:#fff;font:800 16px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 2px 0 #11823b}
.dd-demo-cta__btn:hover{background:#15803d}
.dd-demo-cta__btn[disabled]{opacity:.65;cursor:progress}
.dd-demo-cta__btn svg{width:20px;height:20px}
html[data-theme="dark"] .dd-demo-cta{background:#0f2a1c;border-color:#1f6b41;color:#d6f5e1}
@media (max-width:640px){.dd-demo-cta{margin:10px 10px 12px}.dd-demo-cta__btn{width:100%;justify-content:center}}
@media print{.dd-demo-cta{display:none!important}}
/* v825: länkrutan i Text och bild (stilen hade försvunnit) */
/* v826: redigeringsläge */
.rp-edit-toggle:not(.rp-edit-toggle--tool){display:inline-flex;align-items:center;gap:8px;margin-left:12px;vertical-align:middle;height:36px;padding:0 10px 0 12px;border:1px solid var(--du-line,#dfe3ee);border-radius:999px;background:var(--du-card,#fff);color:var(--du-ink,#141824);font:700 13px/1 inherit;font-family:inherit;cursor:pointer}
.rp-edit-toggle svg{width:16px;height:16px}
.rp-switch{position:relative;width:32px;height:18px;border-radius:999px;background:var(--du-line,#cfd5e3);transition:background .15s}
.rp-switch>span{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--datoden-bg-ffffff,#fff);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .15s}
.rp-edit-toggle[aria-pressed="true"]{border-color:var(--du-accent,var(--datoden-accent,#3953a4));color:var(--du-accent,var(--datoden-accent,#3953a4))}
.rp-edit-toggle[aria-pressed="true"] .rp-switch{background:var(--du-accent,var(--datoden-accent,#3953a4))}
.rp-edit-toggle[aria-pressed="true"] .rp-switch>span{left:16px}
header .topline h1+.rp-edit-toggle{flex:none}
.rp-edit-bar{box-sizing:border-box;max-width:1400px;margin:10px auto 12px;padding:10px 12px 10px 16px;display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;border:1px solid color-mix(in srgb,var(--du-accent,var(--datoden-accent,#3953a4)) 35%,transparent);border-radius:14px;background:color-mix(in srgb,var(--du-accent,var(--datoden-accent,#3953a4)) 9%,var(--du-card,#fff));color:var(--du-ink,#141824);font-size:14px}
.rp-edit-bar[hidden]{display:none}
html.rp-editing .rp-editable{outline:1.5px dashed var(--rp-mark-c,var(--du-accent,var(--datoden-accent,#3953a4)));outline-offset:3px;border-radius:5px;cursor:text}
html.rp-editing .rp-editable:hover{background:color-mix(in srgb,var(--du-accent,var(--datoden-accent,#3953a4)) 10%,transparent)}
html.rp-editing .rp-editing-now{outline-style:solid;background:var(--du-card,#fff);color:var(--du-ink,#141824)}
html.rp-editing .report-header .report-logo.rp-logo-edit{outline:1.5px dashed var(--rp-mark-c,var(--du-accent,var(--datoden-accent,#3953a4)));outline-offset:3px;border-radius:8px;cursor:pointer;min-width:120px;min-height:40px}
html.rp-editing .report-header .report-logo.rp-logo-edit:empty::after{content:"Logotyp";display:grid;place-items:center;min-height:40px;font-size:13px;color:var(--du-muted,#5b6479)}
.rp-logo-menu{position:absolute;z-index:2147483000;min-width:240px;display:grid;gap:2px;padding:6px}
.rp-logo-menu[hidden]{display:none}
@media print{.rp-edit-toggle,.rp-edit-bar,.rp-logo-menu{display:none!important}html.rp-editing .rp-editable,html.rp-editing .report-logo{outline:0!important}}
header .topline>div:first-child:has(>.rp-edit-toggle){display:flex;align-items:center;flex-wrap:wrap;gap:4px 0}
header .topline>div:first-child:has(>.rp-edit-toggle)>h1{margin-right:2px}
header .topline>div:first-child:has(>.rp-edit-toggle)>#printCompany{flex-basis:100%}
.rp-edit-demo{font-style:normal;font-weight:700;color:var(--du-warning-ink,#9a5b00)}
html[data-theme="dark"] .rp-edit-demo{color:#f6c56b}
/* v830: alla texter */
html.rp-editing .rp-gen{outline:1.5px dashed var(--rp-mark-c,var(--du-accent,var(--datoden-accent,#3953a4)))!important;outline-offset:2px;border-radius:5px;cursor:text!important}
html.rp-editing .rp-gen:hover{background-color:color-mix(in srgb,var(--du-accent,var(--datoden-accent,#3953a4)) 10%,transparent)}
.rp-text-pop{position:absolute;z-index:2147483000;box-sizing:border-box;padding:10px;border:1px solid var(--du-line,#dfe3ee);border-radius:14px;background:var(--du-card,#fff);box-shadow:0 14px 34px rgba(20,28,60,.2);display:grid;gap:8px}
.rp-text-pop[hidden]{display:none}
.rp-text-pop input{width:100%!important;box-sizing:border-box}
.rp-text-pop__row{display:flex;gap:6px;align-items:center}.rp-text-pop__row>span{flex:1}
@media print{.rp-text-pop{display:none!important}html.rp-editing .rp-gen{outline:0!important}}
/* v832: direktredigering och informationsrutor */
.rp-inline-now{outline:2px solid var(--du-accent,var(--datoden-accent,#3953a4))!important;outline-offset:2px;border-radius:4px;background:var(--du-card,#fff);color:var(--du-ink,#141824);cursor:text;padding:0 2px;min-width:1ch;display:inline-block}
input.rp-inline-now{outline:2px solid var(--du-accent,var(--datoden-accent,#3953a4))!important}
.rp-info-edit{outline:1.5px dashed var(--rp-mark-c,var(--du-accent,var(--datoden-accent,#3953a4)))!important;outline-offset:3px;border-radius:6px;cursor:text;min-height:1.2em}
.rp-info-edit:focus{outline-style:solid!important}
/* v833: verktygsrad i informationsrutan */
.rp-info-tools{margin:6px 0 8px}

/* v836: valen i rullistorna */
.rp-opt-pop{gap:10px}
.rp-opt-pop__t{font-size:15px;font-weight:800}
.rp-opt-pop__h{margin:-4px 0 0;font-size:12.5px;color:var(--du-muted,#5b6479);line-height:1.4}
.rp-opt-row{display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:center;font-size:12.5px;font-weight:700;color:var(--du-muted,#5b6479)}
.rp-opt-row--col{grid-template-columns:1fr}
.rp-opt-row textarea{width:100%!important;box-sizing:border-box;min-height:150px;font:500 14px/1.5 inherit;font-family:inherit;resize:vertical}
.rp-opt-pop{max-height:calc(100vh - 16px);overflow:auto;z-index:2147483000}
/* v838: Redigera bland verktygsknapparna, i deras stil (layer-reglerna från datoden-ui gäller igen) */
.tool-buttons .rp-edit-toggle.rp-edit-toggle--tool{margin-left:0;gap:8px}
.tool-buttons .rp-edit-toggle--tool .rp-switch{margin-left:2px}
.tool-buttons .rp-edit-toggle--tool[aria-pressed="true"]{color:var(--du-accent,var(--datoden-accent,#3953a4))}
.rp-edit-toggle--tool{display:inline-flex!important;align-items:center}
.rp-edit-toggle--tool svg{width:16px;height:16px}
/* v839: reglaget syns i båda färglägena */
.rp-edit-toggle--tool .rp-switch{background:color-mix(in srgb,currentColor 28%,transparent)!important}
.rp-edit-toggle--tool[aria-pressed="true"] .rp-switch{background:var(--du-accent,var(--datoden-accent,#3953a4))!important}
.rp-edit-toggle--tool .rp-switch>span{background:var(--datoden-bg-ffffff,#fff)!important}
/* v841 */
.dd-sysadmin-badge{cursor:default!important;pointer-events:none}
.dd-sysadmin-badge::after{display:none!important}
/* Rapport v842 — redigeringsläget: kolumner i tabellrubriken, sidfoten i rapporten, E-post i Skicka. Text och bild är borta. */
#textImageHeaderButton{display:none!important}
/* Rapport v849 — samma verktygsknappar överallt (sidfot, informationsrutor, e-post) */
.rp-info-tools,.rp-footer-tools,.rp-mail-tools{display:inline-flex;flex-wrap:wrap;gap:6px}
.rp-info-tools button,.rp-footer-tools button,.rp-mail-tools button{box-sizing:border-box!important;width:32px!important;height:30px!important;min-height:0!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid var(--du-line,#dfe3ee)!important;border-radius:8px!important;background:var(--du-card,#fff)!important;color:var(--du-ink,#141824)!important;font:700 14px/1 Georgia,serif!important;cursor:pointer;box-shadow:none!important}
.rp-info-tools button:hover,.rp-footer-tools button:hover,.rp-mail-tools button:hover{border-color:var(--du-accent,var(--datoden-accent,#3953a4))!important}
.rp-info-tools button>svg,.rp-footer-tools button>svg,.rp-mail-tools button>svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor}
.rp-info-tools .rp-size-btn>svg,.rp-footer-tools .rp-size-btn>svg,.rp-mail-tools .rp-size-btn>svg,.rp-info-tools .rp-align-btn>svg,.rp-footer-tools .rp-align-btn>svg,.rp-mail-tools .rp-align-btn>svg{width:20px;height:20px}
.rp-info-tools .rp-size-btn>svg,.rp-footer-tools .rp-size-btn>svg,.rp-mail-tools .rp-size-btn>svg{fill:currentColor;stroke:none}
/* Rapport v848 — textstorlek och justering */
.rp-footer-tools .rp-size-btn svg,.rp-footer-tools .rp-align-btn svg,.rp-info-tools .rp-size-btn svg{width:20px;height:20px;display:block}
.rp-info-tools .rp-size-btn{font:inherit}
.rich-size-menu>button.is-on{font-weight:700}
.rich-size-menu>button.is-on::after{content:"✓";margin-left:auto;padding-left:10px}
/* Rapport v847 — markeringarna: 20 % i vila, 80 % vid hovring, 100 % vid klick och medan texten ändras */
html.rp-editing :is(.rp-gen,.rp-editable,.rp-logo-edit,.rp-info-edit){--rp-mark-c:color-mix(in srgb,var(--du-accent,var(--datoden-accent,#3953a4)) 20%,transparent);transition:outline-color .15s}
html.rp-editing :is(.rp-gen,.rp-editable,.rp-logo-edit,.rp-info-edit):hover{--rp-mark-c:color-mix(in srgb,var(--du-accent,var(--datoden-accent,#3953a4)) 80%,transparent)}
html.rp-editing :is(.rp-gen,.rp-editable,.rp-logo-edit,.rp-info-edit):is(:active,:focus,:focus-within,.rp-editing-now,.rp-inline-now,.rp-mark-on){--rp-mark-c:var(--du-accent,var(--datoden-accent,#3953a4))}
.rp-footer-live>.footer-column{--rp-mark-w:rgba(255,255,255,.2);transition:outline-color .15s}
.rp-footer-live>.footer-column:hover{--rp-mark-w:rgba(255,255,255,.8)}
.rp-footer-live>.footer-column:is(:active,:focus){--rp-mark-w:#fff}
.rp-cw-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}
.rp-cw-sec{display:grid;gap:8px;align-content:start}
.rp-cw-sec h4{margin:0;font-size:14px}
.rp-cw-row{display:grid;gap:2px;padding:7px 0 4px;border-top:1px solid var(--du-line,#dfe3ee)}
.rp-cw-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rp-cw-name{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;cursor:pointer}
.rp-cw-name input{width:17px;height:17px;margin:0;accent-color:var(--du-accent,var(--datoden-accent,#3953a4))}
.rp-cw-top output{font-size:13px;font-variant-numeric:tabular-nums;color:var(--du-muted,#5b6479)}
.rp-cw-row input[type=range]{width:100%;margin:0;height:20px!important;min-height:0!important;padding:0!important;accent-color:var(--du-accent,var(--datoden-accent,#3953a4))}
.rp-cw-row.is-off .rp-cw-name>span,.rp-cw-row.is-off output,.rp-cw-row.is-off input[type=range]{opacity:.45}
.rp-cw-sum{display:flex;justify-content:space-between;align-items:center;padding:8px 0 2px;border-top:1px solid var(--du-line,#dfe3ee);font-size:13px}
.rp-cw-sum.is-under output{color:var(--du-warning-ink,#9a5b00);font-weight:700}
html[data-theme="dark"] .rp-cw-sum.is-under output{color:#f6c56b}
.rp-cw-sec>.du-btn{justify-self:start}
.rp-edit-tool{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.rp-edit-tool svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor}

@media (max-width:768px){html.rp-editing main>.print-footer.rp-footer-live{flex-direction:column;}.rp-cw-cols{grid-template-columns:1fr}}
.rp-col-pop{position:absolute;z-index:2147483000;box-sizing:border-box;padding:14px 16px 14px;border:1px solid var(--du-line,#dfe3ee);border-radius:16px;background:var(--du-card,#fff);color:var(--du-ink,#141824);box-shadow:0 14px 34px rgba(20,28,60,.2);display:grid;gap:10px;font-size:14px}
.rp-col-pop[hidden]{display:none}
.rp-col-pop__head{display:flex;align-items:center;min-height:40px;padding-right:52px}
.rp-col-pop__head strong{font-size:16px}
.rp-col-help{margin:0;font-size:12.5px;line-height:1.45;color:var(--du-muted,#5b6479)}
.rp-col-pop__row{display:flex;gap:8px;align-items:center}
.rp-col-pop__row>span{flex:1}
html.rp-editing main>.print-footer.rp-footer-live{display:flex!important;position:static;box-sizing:border-box;gap:18px;align-items:flex-start;justify-content:space-between;margin:6px 0 24px;padding:16px 22px;border-radius:14px;background:var(--datoden-bg-252525,rgb(37,37,37))!important;color:#fff!important;font-size:12px;line-height:1.45}
.rp-footer-live>.footer-column{flex:1 1 0;min-width:0;min-height:3.9em;padding:4px 6px;border-radius:6px;outline:1.5px dashed var(--rp-mark-w,rgba(255,255,255,.55));outline-offset:2px;white-space:normal;cursor:text}
.rp-footer-live>.footer-column:last-child{text-align:right}
.rp-footer-live>.footer-column:focus{outline:2px solid var(--datoden-bg-ffffff,#fff);background:rgba(255,255,255,.06)}
.rp-footer-live>.footer-column.is-empty::before{content:attr(data-placeholder);white-space:pre-line;color:rgba(255,255,255,.45);pointer-events:none}
.rp-footer-live>.footer-column:focus.is-empty::before{content:""}
.rp-footer-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 0}
.rp-footer-bar[hidden]{display:none}
.rp-footer-bar strong{font-size:15px}
.rp-footer-bar small{color:var(--du-muted,#5b6479);font-size:12.5px}
.rp-footer-tools,.rp-mail-tools{display:inline-flex;gap:6px}
.rp-footer-tools button,.rp-mail-tools button{cursor:pointer}

.rp-footer-tools svg,.rp-mail-tools svg{width:16px;height:16px}
.rp-link-pop{position:absolute;z-index:2147483600;box-sizing:border-box;padding:12px;border:1px solid var(--du-line,#dfe3ee);border-radius:14px;background:var(--du-card,#fff);color:var(--du-ink,#141824);box-shadow:0 14px 34px rgba(20,28,60,.2);display:grid;gap:8px;font-size:13px}
.rp-link-pop[hidden]{display:none}
.rp-link-pop label{display:grid;gap:4px;font-weight:700}
.rp-link-pop input[type=text]{width:100%!important;box-sizing:border-box}
.rp-link-pop .rp-link-pop__chk{display:flex;align-items:center;gap:8px;font-weight:400}
.rp-link-pop .rp-link-pop__chk[hidden]{display:none}
.rp-link-pop [data-l=remove][hidden]{display:none}
.rp-mail-dialog::backdrop{background:rgba(15,20,35,.45)}
.rp-mail-card{box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow:auto;padding:18px 20px;border:1px solid var(--du-line,#dfe3ee);border-radius:18px;background:var(--du-card,#fff);color:var(--du-ink,#141824);box-shadow:0 24px 60px rgba(20,28,60,.28);display:grid;gap:12px}
.rp-mail-card{position:relative}
.rp-mail-head{display:flex;align-items:center;min-height:40px;padding-right:52px}
.rp-mail-head strong{font-size:18px}
.rp-mail-help{margin:0;font-size:12.5px;line-height:1.45;color:var(--du-muted,#5b6479)}
.rp-mail-field{display:grid;gap:5px}
.rp-mail-field>span:first-child,.rp-mail-lbl>span:first-child{font-weight:700;font-size:13px}
.rp-mail-lbl{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rp-mail-field input{width:100%!important;box-sizing:border-box}
.rp-mail-ed{border:1px solid var(--du-ctl-line,var(--du-line,#dfe3ee));border-radius:12px;background:var(--du-field,var(--du-card,#fff));color:var(--du-ink,#141824);min-height:150px!important;max-height:360px;overflow:auto;height:auto!important;padding:10px 12px!important;line-height:1.5;white-space:normal;box-sizing:border-box;cursor:text}
.rp-mail-ed--sig{min-height:100px!important}
.rp-mail-ed.is-empty::before{content:attr(data-placeholder);color:var(--du-muted,#8a93a8);opacity:.7;pointer-events:none}
.rp-mail-ed:focus.is-empty::before{content:""}
.rp-mail-ed img{max-width:100%;height:auto}
.rp-mail-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;position:sticky;bottom:-18px;margin:0 -20px -18px;padding:12px 20px 18px;background:var(--du-card,#fff);border-top:1px solid var(--du-line,#dfe3ee)}
.rp-mail-actions>span{flex:1}
@media print{.rp-edit-tool,.rp-col-pop,.rp-footer-bar,.rp-link-pop,.rp-mail-dialog{display:none!important}
.print-footer.rp-footer-live>.footer-column{outline:0!important}
.print-footer.rp-footer-live>.footer-column.is-empty::before{content:""!important}}