/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */label{cursor:inherit}*{margin:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:500}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:Inter,sans-serif;font-size:100%;font-weight:400;line-height:1.15;margin:0}button,input{overflow:visible}button,select{cursor:pointer;text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset,legend{padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none} /*! * Copyright (c) 2026. Dave van Rijn Development */@font-face{font-family:avenir-light;src:url(https://dvr-apps.nl/static/fonts/Avenir-Light.?) format("eot"),url(https://dvr-apps.nl/static/fonts/Avenir-Light.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Avenir-Light.#avenir-light) format("svg")}@font-face{font-family:avenir-light;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/AvenirLTStd-Medium.?) format("eot"),url(https://dvr-apps.nl/static/fonts/AvenirLTStd-Medium.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/AvenirLTStd-Medium.#avenir-light) format("svg")}@font-face{font-family:lato;src:url(https://dvr-apps.nl/static/fonts/Lato-Regular.?) format("eot"),url(https://dvr-apps.nl/static/fonts/Lato-Regular.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Lato-Regular.#lato) format("svg")}@font-face{font-family:lato;font-style:italic;src:url(https://dvr-apps.nl/static/fonts/Lato-Italic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/Lato-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Lato-Italic.#lato) format("svg")}@font-face{font-family:lato;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/Lato-Bold.?) format("eot"),url(https://dvr-apps.nl/static/fonts/Lato-Bold.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Lato-Bold.#lato) format("svg")}@font-face{font-family:lato;font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/Lato-BoldItalic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/Lato-BoldItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Lato-BoldItalic.#lato) format("svg")}@font-face{font-family:merriweather;src:url(https://dvr-apps.nl/static/fonts/Merriweather-Regular.?) format("eot"),url(https://dvr-apps.nl/static/fonts/Merriweather-Regular.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Merriweather-Regular.#merriweather) format("svg")}@font-face{font-family:merriweather;font-style:italic;src:url(https://dvr-apps.nl/static/fonts/Merriweather-Italic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/Merriweather-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Merriweather-Italic.#merriweather) format("svg")}@font-face{font-family:merriweather;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/Merriweather-Bold.?) format("eot"),url(https://dvr-apps.nl/static/fonts/Merriweather-Bold.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Merriweather-Bold.#merriweather) format("svg")}@font-face{font-family:merriweather;font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/Merriweather-BoldItalic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/Merriweather-BoldItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Merriweather-BoldItalic.#merriweather) format("svg")}@font-face{font-family:noto-sans;src:url(https://dvr-apps.nl/static/fonts/NotoSans.?) format("eot"),url(https://dvr-apps.nl/static/fonts/NotoSans.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/NotoSans.#noto-sans) format("svg")}@font-face{font-family:noto-sans;font-style:italic;src:url(https://dvr-apps.nl/static/fonts/NotoSans-Italic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/NotoSans-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/NotoSans-Italic.#noto-sans) format("svg")}@font-face{font-family:noto-sans;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/NotoSans-Bold.?) format("eot"),url(https://dvr-apps.nl/static/fonts/NotoSans-Bold.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/NotoSans-Bold.#noto-sans) format("svg")}@font-face{font-family:noto-sans;font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/NotoSans-BoldItalic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/NotoSans-BoldItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/NotoSans-BoldItalic.#noto-sans) format("svg")}@font-face{font-family:"noto-serif";src:url(https://dvr-apps.nl/static/fonts/NotoSerif.?) format("eot"),url(https://dvr-apps.nl/static/fonts/NotoSerif.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/NotoSerif.#noto-serif) format("svg")}@font-face{font-family:"noto-serif";font-style:italic;src:url(https://dvr-apps.nl/static/fonts/NotoSerif-Italic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/NotoSerif-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/NotoSerif-Italic.#noto-serif) format("svg")}@font-face{font-family:"noto-serif";font-weight:500;src:url(https://dvr-apps.nl/static/fonts/NotoSerif-Bold.?) format("eot"),url(https://dvr-apps.nl/static/fonts/NotoSerif-Bold.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/NotoSerif-Bold.#noto-serif) format("svg")}@font-face{font-family:"noto-serif";font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/NotoSerif-BoldItalic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/NotoSerif-BoldItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/NotoSerif-BoldItalic.#noto-serif) format("svg")}@font-face{font-family:open-sans;src:url(https://dvr-apps.nl/static/fonts/OpenSans-Regular.?) format("eot"),url(https://dvr-apps.nl/static/fonts/OpenSans-Regular.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/OpenSans-Regular.#open-sans) format("svg")}@font-face{font-family:open-sans;font-style:italic;src:url(https://dvr-apps.nl/static/fonts/OpenSans-Italic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/OpenSans-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/OpenSans-Italic.#open-sans) format("svg")}@font-face{font-family:open-sans;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/OpenSans-SemiBold.?) format("eot"),url(https://dvr-apps.nl/static/fonts/OpenSans-SemiBold.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/OpenSans-SemiBold.#open-sans) format("svg")}@font-face{font-family:open-sans;font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/OpenSans-SemiBoldItalic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/OpenSans-SemiBoldItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/OpenSans-SemiBoldItalic.#open-sans) format("svg")}@font-face{font-family:playfair;src:url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Regular.?) format("eot"),url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Regular.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Regular.#playfair) format("svg")}@font-face{font-family:playfair;font-style:italic;src:url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Italic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Italic.#playfair) format("svg")}@font-face{font-family:playfair;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Medium.?) format("eot"),url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Medium.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Medium.#playfair) format("svg")}@font-face{font-family:playfair;font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-MediumItalic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-MediumItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-MediumItalic.#playfair) format("svg")}@font-face{font-family:"pt-serif";src:url(https://dvr-apps.nl/static/fonts/PTSerif-Regular.?) format("eot"),url(https://dvr-apps.nl/static/fonts/PTSerif-Regular.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/PTSerif-Regular.#pt-serif) format("svg")}@font-face{font-family:"pt-serif";font-style:italic;src:url(https://dvr-apps.nl/static/fonts/PTSerif-Italic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/PTSerif-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/PTSerif-Italic.#pt-serif) format("svg")}@font-face{font-family:"pt-serif";font-weight:500;src:url(https://dvr-apps.nl/static/fonts/PTSerif-Bold.?) format("eot"),url(https://dvr-apps.nl/static/fonts/PTSerif-Bold.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/PTSerif-Bold.#pt-serif) format("svg")}@font-face{font-family:"pt-serif";font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/PTSerif-BoldItalic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/PTSerif-BoldItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/PTSerif-BoldItalic.#pt-serif) format("svg")}@font-face{font-family:roboto;src:url(https://dvr-apps.nl/static/fonts/Roboto-Regular.?) format("eot"),url(https://dvr-apps.nl/static/fonts/Roboto-Regular.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Roboto-Regular.#roboto) format("svg")}@font-face{font-family:roboto;font-style:italic;src:url(https://dvr-apps.nl/static/fonts/Roboto-Italic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/Roboto-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Roboto-Italic.#roboto) format("svg")}@font-face{font-family:roboto;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/Roboto-Medium.?) format("eot"),url(https://dvr-apps.nl/static/fonts/Roboto-Medium.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Roboto-Medium.#roboto) format("svg")}@font-face{font-family:roboto;font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/Roboto-MediumItalic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/Roboto-MediumItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Roboto-MediumItalic.#roboto) format("svg")}@font-face{font-family:roboto-mono;src:url(https://dvr-apps.nl/static/fonts/RobotoMono-Regular.?) format("eot"),url(https://dvr-apps.nl/static/fonts/RobotoMono-Regular.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/RobotoMono-Regular.#roboto-mono) format("svg")}@font-face{font-family:roboto-mono;font-style:italic;src:url(https://dvr-apps.nl/static/fonts/RobotoMono-Italic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/RobotoMono-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/RobotoMono-Italic.#roboto-mono) format("svg")}@font-face{font-family:roboto-mono;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/RobotoMono-Medium.?) format("eot"),url(https://dvr-apps.nl/static/fonts/RobotoMono-Medium.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/RobotoMono-Medium.#roboto-mono) format("svg")}@font-face{font-family:roboto-mono;font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/RobotoMono-MediumItalic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/RobotoMono-MediumItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/RobotoMono-MediumItalic.#roboto-mono) format("svg")}@font-face{font-family:source-sans-pro;src:url(https://dvr-apps.nl/static/fonts/SourceSansPro-Regular.?) format("eot"),url(https://dvr-apps.nl/static/fonts/SourceSansPro-Regular.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/SourceSansPro-Regular.#source-sans-pro) format("svg")}@font-face{font-family:source-sans-pro;font-style:italic;src:url(https://dvr-apps.nl/static/fonts/SourceSansPro-Italic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/SourceSansPro-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/SourceSansPro-Italic.#source-sans-pro) format("svg")}@font-face{font-family:source-sans-pro;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/SourceSansPro-SemiBold.?) format("eot"),url(https://dvr-apps.nl/static/fonts/SourceSansPro-SemiBold.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/SourceSansPro-SemiBold.#source-sans-pro) format("svg")}@font-face{font-family:source-sans-pro;font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/SourceSansPro-SemiBoldItalic.?) format("eot"),url(https://dvr-apps.nl/static/fonts/SourceSansPro-SemiBoldItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/SourceSansPro-SemiBoldItalic.#source-sans-pro) format("svg")} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */:root{--color-main:#ff7546;--color-main-hover:#ff6936;--color-main-gray:#393e42;--color-secondary:#fff1eb;--color-secondary-hover:#ffcfba;--color-highlight-background:#ff9874;--color-accent-background:#ffa181}body,html{background-color:#f9fafb;font-family:Inter,sans-serif;margin:0}@media(max-width:599px){body,html{font-size:13px}}@media(min-width:600px){body,html{font-size:14px}}@media(min-width:900px){body,html{font-size:15px}}@media(min-width:1200px){body,html{font-size:15px}}@media(min-width:1800px){body,html{font-size:17px}}body,body *,html,html *{box-sizing:border-box}body{overflow-x:hidden}.main-content{display:grid;grid-template-rows:fit-content(100%) 1fr;height:100svh}.main-content .page-content{display:grid;grid-template-columns:auto 1fr;height:100%;min-height:0}@media(max-width:750px){.main-content .page-content{overflow-y:auto}}.main-content .page{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;max-height:100%;min-height:0;overflow-y:auto}.main-content .page .page-title{font-size:1.5rem}@media(max-width:750px){.main-content .page{padding:0}}.crm-select{max-height:20rem}.fw-select .content-container{width:100%!important}@media(max-width:750px){.no-mob{display:none!important}}@media(min-width:751px){.only-mob{display:none!important}}.app-loader-label{background-color:transparent!important;color:#434b50!important;font-size:1.2rem!important}.red-text{color:red}.default-popup{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;max-width:90dvw}.default-popup .body-container,.default-popup .footer-container,.default-popup .header-container{padding:1rem}.default-popup .header-container{border-bottom:1px solid #e4e4e4}.default-popup .header-container .header-title{user-select:none}.default-popup .body-container{position:relative}.default-popup .footer-container.btn{display:flex;justify-content:flex-end}.default-popup .footer-container.btn-2{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;justify-content:end}.default-popup.force-padding .body-container,.default-popup.force-padding .footer-container,.default-popup.force-padding .header-container{padding:1rem!important}.default-popup.btn .footer-container{display:flex;justify-content:flex-end}.default-popup.btn-2 .footer-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;justify-content:end}.default-table-row{align-items:center;display:grid;grid-column-gap:.5rem;border-bottom:1px solid #e4e4e4;padding:.75rem .5rem}.default-table-row label{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.default-table-row.head label{color:#8d8d8d;font-size:.9rem}.default-table-row.empty{grid-template-columns:auto;justify-items:center}.default-table-row.empty .empty-label{font-size:.9rem}.grid-span-2{grid-column-start:span 2}.grid-col-3{grid-column-start:span 3}.click{cursor:pointer}.dvrd-select-container .content-container{width:unset!important}.dvrd-select-container .dvrd-select-items .dvrd-select-item:hover{background-color:#ff9874}.switchContainer{padding:unset!important}.dvrd-input-container{background-color:transparent!important}.hide-long{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.app-mobile-menu .mobile-navigation-container{background-color:#d6ecfa!important}.default-page{align-content:start;background-color:#f9fafb;color:#2a435f;min-height:80vh;min-width:0}.default-page .page-header-container{border-bottom:1px solid #ccc;padding:1rem 2rem}.default-page .page-header-container .header-title{font-weight:400}@media(max-width:750px){.default-page .header-container{padding:.5rem 1rem}}.red{color:red}.update-message{max-width:50dvw}.clickable-icon{cursor:pointer;transition:color .2s ease-in-out}.clickable-icon:hover{color:#009fe3}.finnex-date-picker .dvrd-button.secondary{background-color:#fff1eb!important}.finnex-date-picker .dvrd-button.secondary .dvrd-button-label{color:#a84725}.finnex-date-picker .dvrd-button.secondary:hover{background-color:#ffcfba!important}.default-button-icon{font-size:.8rem}.finnex-option-list .option.default:hover{background-color:#ff9874!important}.dashed{border-bottom:1px dashed}.default-block{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);display:flex;flex-direction:column;padding:1.5rem;position:relative;row-gap:1rem}.default-block .block-header{align-items:center;column-gap:1rem;display:flex;justify-content:space-between}.default-block .block-header .block-title{font-size:1.2rem;font-weight:500;user-select:none}.default-block .block-header .block-actions{align-items:center;column-gap:.5rem;display:flex}.default-block .block-header .block-action{cursor:pointer;transition:color .2s ease-in-out}.default-block .block-header .block-action:hover{color:#ff7546}.default-block .block-header .block-action:hover.red-action{color:red}.default-slide{display:flex;flex-direction:column;height:100%}.default-slide .body-container,.default-slide .footer-container,.default-slide .header-container{padding:1rem 1.5rem}.default-slide .header-container{align-items:center;border-bottom:1px solid #ccc;column-gap:1.5rem;display:flex;justify-content:space-between}.default-slide .header-container .header-title{font-size:1.2rem}.default-slide .body-container{flex:1;position:relative}.default-slide .footer-container{column-gap:1rem;display:flex;justify-content:flex-end}.add-icon-plus{font-size:.7rem!important} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.application-header{align-items:center;background:linear-gradient(135deg,#1a1d1f,#545b61);box-shadow:0 4px 12px rgba(0,0,0,.2);display:flex;height:5rem;justify-content:space-between;padding:1rem 2rem 1rem 1rem;width:100%;z-index:200}.application-header .header-content{align-items:center;column-gap:1rem;display:flex}.application-header .header-content .env{color:red;font-size:1.2rem;font-weight:600}.application-header .header-content .logo-container{display:flex;padding-left:.5rem}.application-header .header-content .page-title{color:#d8d8d8;font-size:1.5rem;font-weight:500}.application-header .header-content .company-select .select-label{color:#d8d8d8}@media(max-width:750px){.application-header .header-content .company-select .dvrd-select-items{left:unset;right:0}}.application-header .header-content .user-container{display:grid;grid-template-columns:repeat(3,auto);grid-column-gap:.5rem;align-items:center;color:#d8d8d8}.application-header .header-content .user-container .user-icon{color:#ff7546;font-size:2rem}.application-header .header-content .user-container .sign-out-btn{color:#ccc;cursor:pointer;font-size:.9rem;transition:color .2s ease-in-out}.application-header .header-content .user-container .sign-out-btn:hover{color:#ff7546}@media(max-width:750px){.application-header{padding:.5rem}.application-header .finnex-logo{max-width:3rem}} /*! * Copyright (c) 2026. Dave van Rijn Development */.finnex-logo{max-height:4rem;object-fit:scale-down} /*! * Copyright (c) 2025. Dave van Rijn Development */.company-alias-editor{width:30rem} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.finnex-button{align-items:center;border:none;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);column-gap:1rem;display:flex;font-size:1rem;outline:none;transition:background-color .2s ease-in-out;user-select:none}.finnex-button.size-small{column-gap:.25rem;padding:.45rem .7rem}.finnex-button.size-small [class*=fa-]{font-size:.85rem}.finnex-button.size-normal{column-gap:.4rem;padding:.7rem 1rem}.finnex-button.size-large{column-gap:.75rem;padding:1rem 1.25rem}.finnex-button.color-default{background-color:#ff7546;color:#393e42}.finnex-button.color-default:hover{background-color:var(--color-main-hover)}.finnex-button.color-secondary{background-color:#fff1eb;color:#a84725}.finnex-button.color-secondary:hover{background-color:#ffcfba}.finnex-button.color-red{background-color:#ffe6e8;color:#ca031a}.finnex-button.color-red:hover{background-color:#ffbfc4}.finnex-button.disabled{background-color:#e4e4e4!important;box-shadow:none;color:#8d8d8d!important;cursor:default} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.general-tooltip{background-color:#fff;border-radius:.375rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);color:#2a435f;font-weight:400;letter-spacing:0;opacity:0;padding:.5rem .75rem;pointer-events:none;position:fixed;text-transform:none;transform:translate(-50%,-100%);transition:visibility .15s ease-in-out,opacity .15s ease-in-out;visibility:hidden;white-space:nowrap;z-index:10000}.general-tooltip.wrap{max-width:25rem;white-space:normal}.general-tooltip.visible{opacity:1;visibility:visible}@media(max-width:750px){.general-tooltip{max-width:calc(100dvw - 2rem);white-space:normal}} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.portal-select{display:flex;flex-direction:column}.portal-select .portal-select-label{color:#2a435f;cursor:pointer;display:block;font-size:.85rem;font-weight:400;margin-bottom:.25rem;transition:color .2s ease-in-out}.portal-select .portal-select-container{align-items:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);column-gap:.25rem;cursor:pointer;display:flex;justify-content:space-between;line-height:1;transition:border-color .2s ease-in-out}.portal-select .portal-select-container .portal-select-value{color:#2a435f;font-weight:400;white-space:nowrap}.portal-select .portal-select-container .portal-select-value.placeholder{color:#8d8d8d}.portal-select .portal-select-container .portal-chev-icon{color:#686869;font-size:.9rem;transition:transform .2s ease-in-out}.portal-select .portal-select-container .portal-chev-icon.open{transform:rotateX(180deg)}.portal-select .portal-select-container.rounded{border-radius:1.5rem}.portal-select .portal-select-container.square{border-radius:4px}.portal-select .portal-select-container.size-small{font-size:.8rem;padding:.4rem .7rem}.portal-select .portal-select-container.size-small .portal-select-value{font-size:.8rem;font-weight:600}.portal-select .portal-select-container.size-small.rounded{padding:.4rem 1rem}.portal-select .portal-select-container.size-medium{font-size:.9rem;padding:.75rem}.portal-select .portal-select-container.size-medium .portal-select-value{font-size:.9rem}.portal-select .portal-select-container.size-large{font-size:1rem;padding:1rem}.portal-select .portal-select-container.size-large .portal-select-value{font-size:1rem}.portal-select .portal-select-error{color:red;display:block;margin-top:.25rem}.portal-select.disabled .portal-select-label{color:#8d8d8d;cursor:not-allowed}.portal-select.disabled .portal-select-container{cursor:not-allowed}.portal-select.disabled .portal-select-container .portal-select-value{color:#8d8d8d}.portal-select-items{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);display:none;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;position:fixed;z-index:2000}.portal-select-items .portal-select-item-controls{align-items:center;background-color:#f9fafb;border-bottom:1px solid #d9d9d9;column-gap:1rem;display:flex;justify-content:space-between}.portal-select-items .portal-select-item-controls .portal-select-item-control{align-items:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#2a435f;cursor:pointer;display:flex;font-size:.8rem;justify-content:center;line-height:1;text-transform:uppercase;transition:background-color .2s ease-in-out}.portal-select-items .portal-select-item-controls .portal-select-item-control:hover{background-color:#f2f2f2}.portal-select-items .portal-select-item{align-items:center;column-gap:.5rem;cursor:pointer;display:flex;padding:.5rem;transition:background-color .2s ease-in-out}.portal-select-items .portal-select-item.single{font-weight:500;justify-content:space-between;padding:.75rem}.portal-select-items .portal-select-item .portal-check-icon.single{font-size:.75rem;opacity:0;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden}.portal-select-items .portal-select-item .portal-select-check{align-items:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;display:flex;flex-shrink:0;height:1.2rem;justify-content:center;min-width:1.2rem;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;width:1.2rem}.portal-select-items .portal-select-item .portal-select-check .portal-check-icon{color:#fff;font-size:.6rem;opacity:0;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden}.portal-select-items .portal-select-item .portal-select-check.selected{background-color:#ff8359;border-color:#ff8359}.portal-select-items .portal-select-item .portal-select-check.selected .portal-check-icon{opacity:1;visibility:visible}.portal-select-items .portal-select-item:hover{background-color:#ff9874}.portal-select-items .portal-select-item.selected.single{color:#ff7546}.portal-select-items .portal-select-item.selected .portal-check-icon.single{opacity:1;visibility:visible}.portal-select-items .portal-select-item.disabled{cursor:default;opacity:.4;pointer-events:none}.portal-select-items.groups .portal-select-group-label{margin-top:.5rem;padding:.5rem}.portal-select-items.groups .portal-select-group-label:first-child{margin-top:0}.portal-select-items.open{display:flex}.portal-select-items.square{border-radius:4px}.portal-select-items.rounded{border-radius:.5rem}.portal-select-items.size-small{font-size:.8rem}.portal-select-items.size-small .portal-select-item,.portal-select-items.size-small .portal-select-item-controls{padding:.5rem}.portal-select-items.size-small .portal-select-item-controls.single,.portal-select-items.size-small .portal-select-item.single{padding:.75rem}.portal-select-items.size-small .portal-select-item .portal-select-item-control,.portal-select-items.size-small .portal-select-item-controls .portal-select-item-control{font-size:.7rem;padding:.25rem}.portal-select-items.size-small.rounded .portal-select-item,.portal-select-items.size-small.rounded .portal-select-item-controls{padding:.5rem 1rem}.portal-select-items.size-small.rounded .portal-select-item-controls.single,.portal-select-items.size-small.rounded .portal-select-item.single{padding:.75rem}.portal-select-items.size-medium{font-size:.9rem}.portal-select-items.size-medium .portal-select-item,.portal-select-items.size-medium .portal-select-item-controls{padding:.75rem}.portal-select-items.size-medium .portal-select-item .portal-select-item-control,.portal-select-items.size-medium .portal-select-item-controls .portal-select-item-control{font-size:.8rem;padding:.5rem}.portal-select-items.size-large{font-size:1rem}.portal-select-items.size-large .portal-select-item,.portal-select-items.size-large .portal-select-item-controls{padding:1rem}.portal-select-items.size-large .portal-select-item .portal-select-item-control,.portal-select-items.size-large .portal-select-item-controls .portal-select-item-control{font-size:.9rem;padding:.75rem} /*! * Copyright (c) 2026. Dave van Rijn Development */.company-select{align-items:center;column-gap:.75rem;display:flex}.company-select .select-label{white-space:nowrap}.company-select .company-select-label{align-items:center;column-gap:.5rem;display:flex;justify-content:space-between}.company-select .company-select-label .alias-icon{opacity:0;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden}.company-select .company-select-label .alias-icon .icon-label{left:0;top:50%;transform:translate(calc(-100% - .25rem),-50%)}.company-select .company-select-label:hover .alias-icon{opacity:1;visibility:visible} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */@media(max-width:750px){.crumbs{display:none}}.crumbs .arr,.crumbs .crumb{color:#d8d8d8;display:inline-block;font-size:1.5rem;font-weight:500}.crumbs .crumb{border-bottom:1px solid transparent;transition:border-bottom-color .2s ease-in-out}.crumbs .crumb.active{cursor:pointer}.crumbs .crumb.active:hover{border-bottom-color:currentColor} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.report-issue{width:100dvw}.report-issue .body-container{display:grid;grid-row-gap:1.5rem}.report-issue .body-container .issue-body{display:grid;grid-row-gap:1rem}.report-issue .body-container .consent-body{display:grid;grid-row-gap:.5rem;border-bottom:1px solid #ccc;justify-items:start;padding-bottom:1rem}.report-issue .body-container .consent-body .consent-row{display:grid;grid-template-columns:repeat(4,fit-content(100%));grid-column-gap:1rem;align-items:end}.report-issue .body-container .consent-body .consent-row .current-consent{margin-bottom:.75rem} /*! * Copyright (c) 2025. Dave van Rijn Development */.export-invoices .body-container{display:grid;grid-row-gap:.75rem}.export-invoices .body-container .period-container{display:grid;grid-template-columns:repeat(2,10rem);grid-column-gap:1rem} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.application-menu{--menu-width:20rem;background:linear-gradient(180deg,#1a1d1f,#545b61);box-shadow:4px 0 12px rgba(0,0,0,.2);display:flex;flex-direction:column;max-width:var(--menu-width);min-height:0;padding:2rem 0 1rem;position:relative;transition:max-width .15s ease-in-out;z-index:1}.application-menu .menu-scroll{display:flex;flex:1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto}.application-menu .collapse-toggle{background-color:#1a1d1f;border-radius:50%;color:#d8d8d8;cursor:pointer;font-size:.8rem;padding:.5rem;position:absolute;right:0;top:1rem;transform:translateX(30%);transition:visibility 0s linear,color .15s ease-in-out;transition-delay:.15s;visibility:hidden;z-index:1}.application-menu .collapse-toggle:hover{color:#ff7546}.application-menu .menu-items-container{display:flex;flex-direction:column;row-gap:.5rem}.application-menu .menu-items-container:first-of-type{flex:1}.application-menu .menu-items-container .menu-item-container{display:grid;grid-template-rows:fit-content(100%) 0fr;transition:grid-template-rows .15s ease-in-out}.application-menu .menu-items-container .menu-item-container .children-container{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding-left:2.5rem;position:relative}.application-menu .menu-items-container .menu-item-container .children-container .line{background-color:#d8d8d8;height:calc(100% - 1rem);left:calc(2rem - 1px);position:absolute;top:.5rem;width:1px}.application-menu .menu-items-container .menu-item-container .children-container .menu-item{display:flex}.application-menu .menu-items-container .menu-item-container.active{grid-template-rows:fit-content(100%) 1fr}.application-menu .menu-item{display:grid;grid-template-columns:2rem 1fr;grid-column-gap:1rem;align-items:center;color:#d8d8d8;cursor:pointer;padding:.5rem 1rem;text-decoration:none;transition:color .2s ease-in-out}.application-menu .menu-item .menu-item-icon{font-size:1.5rem}.application-menu .menu-item .menu-item-label{display:inline-block;white-space:nowrap}.application-menu .menu-item:hover{color:#ff6936}.application-menu .menu-item.active{color:#ff7546}.application-menu .menu-logo{margin-top:1rem}.application-menu .menu-logo .finnex-logo{max-height:5rem;max-width:4rem}.application-menu.collapsed:not(:hover){max-width:4rem}.application-menu.collapsed:not(:hover) .collapse-toggle{transition:none;visibility:hidden}.application-menu:not(.application-menu.collapsed) .collapse-toggle{transition:none}.application-menu:hover{max-width:var(--menu-width)}.application-menu:hover .collapse-toggle{visibility:visible}@media(max-width:750px){.application-menu.collapsed,.application-menu:hover{max-width:4rem!important}.application-menu:not(.collapsed){max-width:var(--menu-width)!important}} /*! * Copyright (c) 2026. Dave van Rijn Development */.app-link{cursor:pointer;text-decoration:none} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.finnex-dialog-container{align-items:center;background-color:rgba(0,0,0,.4);display:flex;height:100dvh;justify-content:center;left:0;position:fixed;top:0;width:100dvw;z-index:1400}.finnex-dialog-container .inner-dialog{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);display:flex;flex-direction:column;max-height:100%;max-width:40rem;padding:1.5rem 2rem}.finnex-dialog-container .inner-dialog .dialog-header .dialog-title{font-size:1.2rem;user-select:none}.finnex-dialog-container .inner-dialog .dialog-content{color:#2a435f;padding:1.5rem 0}.finnex-dialog-container .inner-dialog .dialog-actions{align-items:center;align-self:flex-end;column-gap:.5rem;display:flex;flex-wrap:wrap}@media(max-width:959px){.finnex-dialog-container .inner-dialog{max-width:90vw}} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.intro{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;display:flex;flex-direction:column;max-width:100vw;width:40rem}.intro .header-container,.intro .step-container{padding:1.5rem}.intro .header-container{align-items:unset;display:grid!important;grid-template-columns:1fr;justify-content:unset;grid-row-gap:1rem;border-bottom:1px solid #e4e4e4;position:relative}.intro .header-container .close-button{position:absolute;right:1.5rem;top:1.5rem}.intro .header-container .header-title{font-weight:400;justify-self:center}.intro .header-container .stepper{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:1rem}.intro .header-container .stepper .step{display:grid;grid-template-columns:auto;grid-row-gap:.5rem;align-items:center}.intro .header-container .stepper .step .bar{background-color:#ccc;border-radius:.25rem;height:.25rem;width:100%}.intro .header-container .stepper .step .step-label{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:.5rem;align-items:center}.intro .header-container .stepper .step .step-label .icon{color:#009fe3;font-size:.9rem}.intro .header-container .stepper .step.blue .bar{background-color:#009fe3}.intro .header-container .stepper .step.green .bar{background-color:#32cd32}.intro .header-container .stepper .step.green .icon{color:#32cd32}.intro .step-container{align-self:center;display:flex;justify-content:center;width:80%}.intro .step-container .intro-step{display:grid;grid-template-columns:auto;justify-items:center;grid-row-gap:1rem}.intro .step-container .intro-step .actions{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem} /*! * Copyright (c) 2025. Dave van Rijn Development */.pdf-preview-container{height:100vh;position:relative;width:min(100vw - 3rem,794px)}.pdf-preview-container .close-container{align-items:center;background-color:#fff;display:flex;height:2rem;justify-content:center;position:absolute;right:0;top:0;transform:translateX(100%);width:2rem}.pdf-preview-container .close-container .close-preview{font-size:1.1rem;width:.8rem}.pdf-preview-container .close-container.left{left:0;right:unset;transform:translateX(-100%)}.pdf-preview-container .pdf-object{display:block;height:100%;width:100%} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.relation-product-data{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;max-width:90vw;width:45rem}.relation-product-data .body-container,.relation-product-data .footer-container,.relation-product-data .header-container{padding:1rem}.relation-product-data .header-container{border-bottom:1px solid #f2f2f2}.relation-product-data .body-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem 2rem;position:relative}.relation-product-data .footer-container{display:flex;justify-content:space-between} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.update-popup{color:#2a435f;display:flex;flex-direction:column;max-height:80dvh;width:45rem}.update-popup .body-container{display:flex;flex:1;flex-direction:column;overflow-y:auto;row-gap:1.5rem}.update-popup .body-container .update{align-items:flex-start;display:flex;flex-direction:column;row-gap:.5rem}.update-popup .body-container .update .update-title{border-bottom:2px solid;font-weight:500;padding-right:.75rem}.update-popup .body-container .update .update-list li:not(:last-child){margin-bottom:.5rem} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.admin-users{display:grid;grid-template-rows:fit-content(100%) 1fr fit-content(100%);grid-row-gap:1rem;padding:1rem}.admin-users .search-container{display:flex;justify-content:space-between}.admin-users .search-container .page-title{font-size:1.5rem}.admin-users .search-container .actions{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;align-items:end}.admin-users .search-container .actions .search-field{width:20rem}.admin-users .users-container{position:relative}.admin-users .users-container .user-row{grid-template-columns:5rem 8rem 15rem 15rem 1fr 5rem 10rem}.admin-users .users-container .user-row:not(.head){cursor:pointer;transition:background-color .2s ease-in-out}.admin-users .users-container .user-row:not(.head):hover{background-color:rgba(0,159,227,.2)}.admin-users .selected-user{display:grid;grid-template-rows:fit-content(100%) 1fr;grid-row-gap:1rem}.admin-users .selected-user .user-info-container{display:grid;grid-template-columns:1fr fit-content(100%);grid-column-gap:1rem;align-items:start}.admin-users .selected-user .user-info-container .user-info{border-bottom:1px solid #ccc;display:grid;grid-template-columns:repeat(2,1fr);padding-bottom:1rem;grid-gap:.5rem 1rem}.admin-users .selected-user .user-info-container .user-info .user-field{display:grid;grid-template-columns:10rem 1fr;grid-column-gap:1rem}.admin-users .selected-user .user-info-container .user-info .user-field .label{font-weight:500}.admin-users .selected-user .companies-container .companies-title{font-size:1.2rem;margin-bottom:1rem}.admin-users .selected-user .companies-container .company-row{grid-template-columns:5rem repeat(4,1fr)}.admin-users .pagination-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));justify-content:end;grid-column-gap:1rem;align-items:center} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.common-pagination{display:grid;grid-template-columns:1fr fit-content(100%);width:100%;grid-column-gap:1rem;align-items:center;padding:.75rem .5rem}.common-pagination .pagers{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem}.common-pagination .pagers .pager{cursor:pointer}.common-pagination .pagers .pager.disabled{color:#ccc;cursor:default} /*! * Copyright (c) 2025 Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.forgot-password{align-items:center;background-color:#fff;color:#2a435f;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.forgot-password .body-container{display:grid;width:min(90dvw,35rem);grid-row-gap:1rem;justify-items:center;position:relative}.forgot-password .body-container .form-title{font-size:1.7rem;font-weight:500}.forgot-password .body-container .description{line-height:1.3}.forgot-password .body-container .email-field{width:100%} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.auth-header{align-items:center;background:linear-gradient(135deg,#1a1d1f,#545b61);background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2);display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;left:0;padding:.5rem 1rem;position:fixed;top:0;width:100%}.auth-header .btn-cancel{justify-self:start}.auth-header .sign-out{color:#d8d8d8;cursor:pointer;justify-self:end;transition:color .2s ease-in-out}.auth-header .sign-out:hover{color:#ff7546} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.validate-two-factor{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;max-width:100vw;width:35rem}.validate-two-factor .body-container,.validate-two-factor .footer-container,.validate-two-factor .header-container{padding:1rem}.validate-two-factor .header-container{border-bottom:1px solid #e4e4e4;justify-content:center!important}.validate-two-factor .body-container{display:grid;grid-template-columns:auto;position:relative;grid-row-gap:.5rem;justify-items:center;text-align:center}.validate-two-factor .body-container label{line-height:1.3}.validate-two-factor .body-container .code-input-container,.validate-two-factor .body-container .recovery-input{margin:2rem 0}.validate-two-factor .body-container .recovery-input{width:20rem}.validate-two-factor .body-container .mode-link{color:#009fe3;cursor:pointer;margin-bottom:.5rem}.validate-two-factor .body-container .error-label{color:red;display:none}.validate-two-factor .body-container .error-label.visible{display:inline-block}.validate-two-factor .body-container .code-info{cursor:help;margin-bottom:-.5rem;position:relative}.validate-two-factor .body-container .code-info .code-info-label{color:#8d8d8d;cursor:help;font-size:.9rem}.validate-two-factor .body-container .code-info .info-message{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);left:50%;line-height:1.3;opacity:0;padding:.75rem;position:absolute;text-align:left;top:1.1rem;transform:translateX(-50%);transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden;width:max-content}.validate-two-factor .body-container .code-info:hover .info-message{opacity:1;visibility:visible}.validate-two-factor .footer-container{display:flex;justify-content:center} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.code-input-container{column-gap:1rem;display:flex}.code-input-container .code-input{border:1px solid #d9d9d9;border-radius:4px;color:#ff7546;font-size:2rem;height:4rem;outline:none;padding:.25rem;text-align:center;transition:border-color .2s ease-in-out;width:4rem}.code-input-container .code-input:hover{border-color:#ff8359}.code-input-container .code-input:focus{border-color:#ff7546}.code-input-container .code-input:disabled{background-color:#e4e4e4!important;color:#8d8d8d!important} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.login{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.login .form{max-width:100vw;width:35rem}.login .form .body-container,.login .form .footer-container,.login .form .header-container{padding:1.5rem}.login .form .header-container{display:grid;grid-template-columns:auto;justify-items:center;grid-row-gap:1rem}.login .form .header-container .header-title{color:#2a435f;font-size:1.7rem;font-weight:500}.login .form .header-container .login-link{color:#2a435f}.login .form .body-container{display:grid;grid-template-columns:auto;position:relative;grid-row-gap:1.5rem;padding-bottom:0}.login .form .footer-container{display:grid;justify-items:center;grid-row-gap:1rem} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.register{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.register .form{max-width:100vw;width:35rem}.register .form .body-container,.register .form .footer-container,.register .form .header-container{padding:1.5rem}.register .form .header-container{display:grid;grid-template-columns:auto;justify-items:center;grid-row-gap:1rem}.register .form .header-container .header-title{color:#2a435f;font-size:1.7rem;font-weight:500}.register .form .header-container .login-link{color:#2a435f}.register .form .body-container{display:grid;grid-template-columns:auto;position:relative;grid-row-gap:1.5rem;padding-bottom:0}.register .form .body-container .row{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1.5rem} /*! * Copyright (c) 2025 Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.register .form .footer-container,.reset-password{display:flex;justify-content:center}.reset-password{align-items:center;background-color:#fff;color:#2a435f;height:100%;left:0;position:fixed;top:0;width:100%}.reset-password .body-container{display:grid;grid-row-gap:1rem;justify-items:center;position:relative}.reset-password .body-container .form-title{font-size:1.7rem;font-weight:500}.reset-password .body-container .password-field{justify-self:stretch} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.catalog-product-selection{width:min(90dvw,80rem)}.catalog-product-selection .body-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem}.catalog-product-selection .body-container .products-container{display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr auto;min-height:20rem;padding:.5rem;position:relative}.catalog-product-selection .body-container .products-container .overlay{background-color:hsla(0,0%,80%,.5);display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.catalog-product-selection .body-container .products-container .products-header{align-items:flex-end;border-bottom:1px solid #ccc;column-gap:1rem;display:flex;padding-bottom:.5rem;z-index:2}.catalog-product-selection .body-container .products-container .products-header .selected-label{flex-grow:1}.catalog-product-selection .body-container .products-container .products-header .search-field{width:25rem}.catalog-product-selection .body-container .products-container .rows{height:60vh;margin-bottom:1rem;overflow-y:auto}.catalog-product-selection .body-container .products-container .rows .empty-label{display:block;padding:.75rem .5rem}.catalog-product-selection .body-container .products-container .rows .row{grid-template-columns:1rem 3rem 8rem 1fr 8rem;grid-column-gap:1rem;cursor:pointer;transition:background-color .2s ease-in-out}.catalog-product-selection .body-container .products-container .rows .row .product-img{max-height:3rem;max-width:3rem;object-fit:scale-down}.catalog-product-selection .body-container .products-container .rows .row:hover{background-color:rgba(0,159,227,.1)}.catalog-product-selection .body-container .products-container .rows .row.head{background-color:#fff!important;cursor:default;height:unset;position:sticky;top:0;z-index:1}.catalog-product-selection .body-container .products-container .products-pagination{display:grid;grid-template-columns:repeat(3,fit-content(100%));grid-column-gap:1rem;align-items:center;justify-content:end}.catalog-product-selection .body-container .products-container .products-pagination .pager{cursor:pointer;transition:color .2s ease-in-out}.catalog-product-selection .body-container .products-container .products-pagination .pager:hover{color:#009fe3}.catalog-product-selection .body-container .products-container .products-pagination .pager.disabled{color:#ccc!important;cursor:default}.catalog-product-selection .body-container .products-container.disabled .overlay{display:block} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.catalogs{display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr;grid-row-gap:2rem;padding:2rem}.catalogs .options-container{align-items:flex-start;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding-bottom:1rem}.catalogs .catalogs-container{display:grid;grid-template-columns:repeat(4,15rem);position:relative;grid-gap:2rem;align-content:start}.catalogs .catalogs-container .no-catalogs{display:grid;grid-template-columns:auto;grid-row-gap:2rem;align-content:center;justify-items:center}.catalogs .catalogs-container .no-catalogs .empty-icon{font-size:7rem}.catalogs .catalogs-container .catalog{border-radius:.5rem;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);cursor:pointer;display:grid;grid-template-columns:auto;height:15rem;width:15rem;grid-row-gap:1rem;align-content:center;background-color:#fff;justify-items:center;padding:1rem;position:relative;text-align:center;transition:background-color .2s ease-in-out}.catalogs .catalogs-container .catalog .edit-icon{color:#2a435f;cursor:pointer;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:visibility .2s ease-in-out,opacity .2s ease-in-out,color .2s ease-in-out;visibility:hidden}.catalogs .catalogs-container .catalog .edit-icon:hover{color:#009fe3}.catalogs .catalogs-container .catalog .catalog-icon{font-size:2rem}.catalogs .catalogs-container .catalog .catalog-img{max-height:5rem;max-width:5rem;object-fit:scale-down}.catalogs .catalogs-container .catalog .catalog-title{font-size:1.1rem;font-weight:600}.catalogs .catalogs-container .catalog:hover{background-color:rgba(0,159,227,.15)}.catalogs .catalogs-container .catalog:hover .edit-icon{opacity:1;visibility:visible}.catalogs.empty .catalogs-container{align-items:center;display:flex;justify-content:center} /*! * Copyright (c) 2025. Dave van Rijn Development */.create-supplier{width:30rem}.create-supplier .body-container{display:grid;grid-template-columns:auto;grid-row-gap:.5rem}.create-supplier .body-container .row{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1rem} /*! * Copyright (c) 2025. Dave van Rijn Development */.create-catalog{width:20rem}.create-catalog .body-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem} /*! * Copyright (c) 2025. Dave van Rijn Development */.image-preview{position:relative}.image-preview .close-button{font-size:1.5rem!important;position:absolute;right:1rem;top:1rem}.image-preview .image{max-height:100vh;max-width:100vw;object-fit:scale-down} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.calculations{width:60rem}.calculations .body-container{min-height:min(70vh,25rem)}.calculations .body-container .tabs-container{display:grid;grid-template-columns:repeat(2,1fr)}.calculations .body-container .tabs-container .tab{background-color:#fff1eb;border-radius:.25rem;color:#a84725;cursor:pointer;font-size:.9rem;padding:.5rem 0;text-align:center;transition:background-color .2s ease-in-out,color .2s ease-in-out}.calculations .body-container .tabs-container .tab.active{background-color:#ff7546;color:#393e42;font-weight:600}.calculations .body-container .tabs-container .tab:hover:not(.calculations .body-container .tabs-container .tab.active){background-color:#ffcfba}.calculations .body-container .active-calculation-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem;padding:1rem}.calculations .body-container .active-calculation-container .head-row{align-items:flex-end;display:flex;justify-content:space-between}.calculations .body-container .active-calculation-container .head-row .left{display:grid;grid-template-columns:20rem fit-content(100%);grid-column-gap:1rem}.calculations .body-container .active-calculation-container .head-row .left .title-field{width:20rem}.calculations .body-container .active-calculation-container .head-row .saved{color:#29a71a}.calculations .body-container .active-calculation-container .calculation-items{max-height:60vh;overflow-y:auto}.calculations .body-container .active-calculation-container .calculation-items .row{grid-template-columns:1fr 5rem 10rem 10rem 10rem;grid-column-gap:0}.calculations .body-container .active-calculation-container .calculation-items .row .amount{display:grid;grid-template-columns:1fr repeat(2,fit-content(100%));grid-column-gap:.5rem;align-items:center;padding-right:1rem}.calculations .body-container .active-calculation-container .calculation-items .row .amount .amount-control{color:#009fe3;transition:color .2s ease-in-out}.calculations .body-container .active-calculation-container .calculation-items .row .amount .amount-control:hover{color:#008fcc}.calculations .body-container .active-calculation-container .calculation-items .row:not(.head){border:none;padding:.5rem}.calculations .body-container .active-calculation-container .calculation-items .row .bt{border-top:2px solid #2a435f;padding-top:.75rem}.calculations .body-container .active-calculation-container .calculation-items .row.total{color:#8d8d8d}.calculations .body-container .active-calculation-container .calculation-items .row.bold{font-weight:500}.calculations .body-container .calculations-table{min-height:20rem;position:relative}.calculations .body-container .calculations-table .row{grid-template-columns:4rem 12rem 1fr 10rem 8rem 1rem}.calculations .body-container .calculations-table .row:not(.head){cursor:pointer;transition:background-color .2s ease-in-out}.calculations .body-container .calculations-table .row:not(.head):hover{background-color:#e7f5fc}.calculations .body-container .calculations-table .row .delete-calc{transition:color .2s ease-in-out}.calculations .body-container .calculations-table .row .delete-calc:hover{color:red}.calculations .body-container .calculations-table .empty-label{display:block;padding:.75rem .5rem} /*! * Copyright (c) 2025. Dave van Rijn Development */.catalog-product-data{width:40rem}.catalog-product-data .body-container,.catalog-product-data .row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem 1rem}.catalog-product-data .footer-container{display:flex;justify-content:space-between}.catalog-product-data .footer-container .default-actions{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.rexel-import{width:52.5rem}.rexel-import .body-container{padding:0}.rexel-import .body-container .upload-container{border-bottom:1px solid #e4e4e4;display:grid;grid-template-columns:repeat(2,fit-content(100%));justify-content:space-between;padding:.5rem 1rem}.rexel-import .body-container .upload-container .file-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;align-items:center;cursor:pointer;transition:background-color .2s ease-in-out}.rexel-import .body-container .upload-container .file-container .icon{font-size:1.2rem}.rexel-import .body-container .upload-container .file-container .icon.empty{color:#009fe3}.rexel-import .body-container .upload-container .file-container .icon.file{color:green}.rexel-import .body-container .processes-container{min-height:15rem}.rexel-import .body-container .processes-container .description{display:block;font-size:1.2rem;padding:.75rem .5rem}.rexel-import .body-container .processes-container .row{grid-template-columns:10rem 10rem 8rem 5rem 5.5rem 10.5rem;justify-items:center}.rexel-import .body-container .processes-container .row .start{justify-self:start} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.catalog-details{display:grid;grid-template-columns:auto;grid-template-rows:fit-content(100%) 1fr fit-content(100%);grid-row-gap:2rem;color:#2a435f}.catalog-details .back-btn{justify-self:start}.catalog-details .header-container,.catalog-details .not-found-container,.catalog-details .pagination,.catalog-details .product,.catalog-details .products-container{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);padding:1.5rem}.catalog-details .header-container{align-items:end;column-gap:1rem;display:flex}.catalog-details .header-container .search-field{width:25rem}.catalog-details .header-container .active-calculation-label{flex-grow:1;font-size:1.5rem;text-align:center}.catalog-details .not-found-container{position:relative}.catalog-details .not-found-container .products-not-found{display:grid;grid-template-columns:auto;padding:2rem;grid-row-gap:1rem;color:#2a435f;justify-items:center}.catalog-details .not-found-container .products-not-found .not-found-image{margin-bottom:1rem;max-height:20rem;max-width:30%;object-fit:scale-down}.catalog-details .not-found-container .products-not-found .image-label{font-size:1.4rem;font-weight:600}.catalog-details .not-found-container .products-not-found .image-sub-label{max-width:min(50%,40rem);text-align:center}.catalog-details .products-container{position:relative}.catalog-details .products-container .row{cursor:pointer;grid-template-columns:3rem 8rem 1fr 6rem 7rem 3rem 1rem;transition:background-color .2s ease-in-out;grid-column-gap:1rem}.catalog-details .products-container .row .product-img{max-height:3rem;max-width:3rem;object-fit:scale-down}.catalog-details .products-container .row .calculation-controls{display:grid;grid-template-columns:1rem 4rem 1rem;grid-column-gap:.5rem;align-items:center}.catalog-details .products-container .row .calculation-controls .calc-control{color:#009fe3;transition:color .2s ease-in-out}.catalog-details .products-container .row .calculation-controls .calc-control:hover{color:#008fcc}.catalog-details .products-container .row .calculation-controls .amount-field .content-container .dvrd-input{padding:.5rem;text-align:center}.catalog-details .products-container .row .product-link{cursor:pointer;transition:color .2s ease-in-out}.catalog-details .products-container .row .product-link:hover{color:#009fe3}.catalog-details .products-container .row .product-link.no-link{color:#ccc!important;cursor:default}.catalog-details .products-container .row .anchor{color:#2a435f}.catalog-details .products-container .row.calc{grid-template-columns:3rem 8rem 1fr 6rem 7rem 3rem 1rem 7rem}.catalog-details .products-container .row.head{background-color:#fff!important}.catalog-details .products-container .row:hover{background-color:rgba(0,159,227,.1)}.catalog-details .pagination{align-items:flex-end;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);display:flex;justify-content:space-between;padding-top:1rem}.catalog-details .pagination .right{display:grid;grid-template-columns:repeat(3,fit-content(100%));grid-column-gap:1rem;align-items:center}.catalog-details .pagination .right .pager{cursor:pointer;transition:color .2s ease-in-out}.catalog-details .pagination .right .pager.disabled{color:#8d8d8d;pointer-events:none}.catalog-details .pagination .right .pager:hover{color:#009fe3} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.create-company{align-items:center;background-color:#fff;display:flex;height:fit-content;justify-content:center;left:0;min-height:100vh;padding-top:5rem;position:fixed;top:0;width:100dvw;z-index:1400}.create-company .content{overflow-x:hidden;overflow-y:auto;position:relative}.create-company .content .step-head{display:grid;grid-template-columns:auto;grid-row-gap:.5rem;justify-items:center;margin-bottom:1.5rem;text-align:center}.create-company .content .step-head .progress-container{display:grid;grid-template-columns:repeat(3,10rem);grid-column-gap:.5rem}.create-company .content .step-head .progress-container .progress{background-color:#e4e4e4;border-radius:2rem;height:.25rem;width:10rem}.create-company .content .step-head .progress-container .progress.finished{background-color:#32cd32}.create-company .content .step-footer{display:grid;grid-template-columns:auto;justify-content:center;justify-items:center;margin-top:1.5rem}.create-company .content .step-footer .next,.create-company .content .step-footer .prev{justify-content:center;width:8rem}.create-company .content .step-footer.double{grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:2rem}.create-company .content .step{color:#2a435f;max-width:100vw;width:35rem}.create-company .content .step.welcome{display:grid;grid-template-columns:auto;justify-items:center;grid-row-gap:1rem}.create-company .content .step.welcome .building-icon{color:#009fe3;font-size:8rem}.create-company .content .step.welcome .title{font-weight:500;margin:2rem 0 1rem}.create-company .content .step.welcome .message{text-align:center}.create-company .content .step.common{padding:0 1rem;width:60rem}.create-company .content .step.common .form{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem}.create-company .content .step.numbers{align-items:center;display:flex;flex-direction:column}.create-company .content .step.numbers .form{display:grid;grid-template-columns:auto;grid-row-gap:1.5rem}.create-company .content .step.numbers .form .entity-number .entity-label{border-bottom:1px solid;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.create-company .content .step.numbers .form .entity-number .row{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:2rem}.create-company .content .step.invoice{align-items:center;display:flex;flex-direction:column;max-height:calc(100vh - 5rem);overflow-y:auto;padding:1rem 0;width:100vw}.create-company .content .step.invoice .form{display:grid;grid-template-columns:auto;grid-row-gap:1rem;justify-items:center}.create-company .content .step.invoice .upload-container{background-color:#f8f8f8;border:2px dashed #8d8d8d;border-radius:10px;cursor:pointer;max-height:100vh;max-width:100vw;padding:2rem;transition:background-color .1s ease-in-out;width:30rem}.create-company .content .step.invoice .upload-container .logo-container{display:grid;grid-template-columns:auto;grid-row-gap:.5rem;justify-items:center}.create-company .content .step.invoice .upload-container .logo-container.empty .file-icon{color:#ff7546;font-size:4rem}.create-company .content .step.invoice .upload-container .logo-container.empty .drop-message{color:#2a435f;font-size:.9rem}.create-company .content .step.invoice .upload-container .logo-container .logo{max-width:26rem;object-fit:scale-down}.create-company .content .step.invoice .upload-container .logo-container .support{color:#8d8d8d;font-size:.8rem;margin-top:.5rem}.create-company .content .step.invoice .upload-container.dragging{background-color:rgba(0,159,227,.1)}.create-company .content .step.finished{display:grid;grid-template-columns:auto;grid-row-gap:2rem;justify-items:center}.create-company .content .step.finished .check-icon{color:#32cd32;font-size:8rem}.create-company .content .step.finished h1,.create-company .content .step.finished p{text-align:center} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.country-select .itemLabel,.country-select .valueLabel{color:#2a435f!important} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.entity-number-preview{align-items:center;color:#2a435f;display:flex;font-size:.9rem;margin-top:1rem}.entity-number-preview .editors{border-radius:.5rem;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);display:flex;flex-direction:column;margin-left:.5rem}.entity-number-preview .editors .editor{align-items:center;background-color:#f2f2f2;cursor:pointer;display:flex;font-size:.8rem;height:.8rem;justify-content:center;transition:background-color .2s ease-in-out;user-select:none;width:.8rem}.entity-number-preview .editors .editor:first-child{border-bottom:1px solid #ccc}.entity-number-preview .editors .editor.disabled{color:#ccc}.entity-number-preview .editors .editor:hover{background-color:#e4e4e4}.entity-number-preview .editors .editor.disabled{background-color:#f2f2f2;cursor:not-allowed} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.dashboard{color:#2a435f;display:grid;grid-template-columns:auto;position:relative;grid-row-gap:2.5rem}.dashboard .period-container{align-items:end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.dashboard .period-container .picker-row{align-items:end;column-gap:1rem;display:flex}.dashboard .period-container .picker-row .finnex-date-picker{width:9rem}.dashboard .period-container .picker-row .period-divider{margin-bottom:.75rem}.dashboard .period-container .btn-calculate{margin-bottom:.4rem}.dashboard .financial-graph-container{background-color:#fff;border-radius:0;box-shadow:0 4px 4px rgba(0,0,0,.05);position:relative}.dashboard .financial-data{padding:.5rem;position:relative}.dashboard .financial-data .group{margin-bottom:1rem}.dashboard .financial-data .group .internal-group{overflow:hidden;padding:0 1rem;transition:height .2s ease-in-out}.dashboard .financial-data .group .internal-group .group-header{justify-content:space-between}.dashboard .financial-data .group .internal-group .group-header .group-label{font-size:1rem}.dashboard .financial-data .group .internal-group .group-header .caret{transition:transform .2s ease-in-out}.dashboard .financial-data .group .internal-group.open .group-header .caret{transform:rotateX(180deg)}.dashboard .financial-data .group .group-header{align-items:center;border-bottom:1px solid #ccc;display:flex;height:3rem;padding:.5rem 0}.dashboard .financial-data .group .group-header .group-label{font-size:1.2rem;font-weight:500}.dashboard .financial-data .group .financial-items .financial-item{display:grid;grid-template-columns:15rem 1fr;grid-column-gap:1rem;align-items:center;padding:.75rem .5rem}.dashboard .financial-data .group .financial-items .financial-item:nth-child(2n){background-color:#fff1eb} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.error-page{align-content:center;align-items:center;color:#2a435f;display:flex;height:100dvh;justify-content:center}.error-page .inner-container{display:grid;justify-items:center;grid-row-gap:1rem;background-color:#fff;border-radius:1rem;padding:3rem}.error-page .inner-container .message{text-align:center}.error-page .inner-container .feedback-field{width:min(100dvw - 6rem,40rem)} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.invoice-data{position:relative}.invoice-data .header-container{padding:2rem}.invoice-data .invoice-form{display:grid;grid-template-columns:repeat(2,1fr);padding:2rem;grid-gap:1rem 3rem;align-items:start}.invoice-data .invoice-form .paid-picker{grid-row-start:span 2;opacity:0;transition:visibility .1s ease-in-out,opacity .1s ease-in-out;visibility:hidden}.invoice-data .invoice-form .paid-picker.visible{opacity:1;visibility:visible}.invoice-data .invoice-form .payment-type{font-weight:600}@media(max-width:750px){.invoice-data .invoice-form{grid-template-columns:1fr;padding:1rem}.invoice-data .invoice-form .comment-field,.invoice-data .invoice-form .grid-span-2,.invoice-data .invoice-form .paid-picker{grid-column-start:unset}}.invoice-data .block{padding:0 2rem 2rem}.invoice-data .block .block-header{align-items:flex-end;border-bottom:1px solid #e4e4e4;display:flex;justify-content:space-between;padding-bottom:.5rem}.invoice-data .block .block-header .block-title{font-weight:400}.invoice-data .block .block-header.vert{align-items:flex-start;flex-direction:column}.invoice-data .block .block-header.mob-no-border{border-bottom:none}.invoice-data .block.attachments .attachments-container{padding:1rem 1rem 1rem 0}.invoice-data .block.attachments .attachments-container .title-row{display:flex}.invoice-data .block.attachments .attachments-container .title-row .attachments-label{font-size:1.1rem;font-weight:600;text-decoration:underline}.invoice-data .block.attachments .attachments-container .title-row .btn-attachments{margin-left:1rem}.invoice-data .block.attachments .attachments-container .empty-label{display:block;font-size:.9rem;padding:.5rem 0}.invoice-data .block.attachments .attachments-container .attachment{display:grid;grid-template-columns:1.5rem 30rem 5rem 2.5rem;grid-column-gap:1rem;align-items:center;padding:.5rem 0}.invoice-data .block.attachments .attachments-container .attachment .file-icon{font-size:1.5rem}.invoice-data .block.attachments .attachments-container .attachment .file-actions{display:grid;grid-template-columns:repeat(2,1rem);grid-column-gap:1rem}.invoice-data .block.attachments .attachments-container .attachment .file-actions .action{cursor:pointer;transition:color .2s ease-in-out}.invoice-data .block.attachments .attachments-container .attachment .file-actions .action:hover.delete{color:red}.invoice-data .block.attachments .attachments-container .attachment .file-actions .action:hover.download{color:#009fe3}@media(max-width:750px){.invoice-data .block{padding:0 1rem 1rem}}.invoice-data .invoice-relation-products .desc{display:inline-block;font-size:.9rem;margin:.5rem 0}.invoice-data .invoice-relation-products .row{align-items:center;display:grid;grid-template-columns:3rem 6rem 5rem 1fr 5rem 5rem 6rem;grid-column-gap:.5rem;border-bottom:1px solid #e4e4e4;padding:.75rem .5rem}.invoice-data .invoice-relation-products .row label{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.invoice-data .invoice-relation-products .row.head label{color:#8d8d8d;font-size:.9rem}.invoice-data .invoice-relation-products .row.empty{grid-template-columns:3rem auto}.invoice-data .invoice-relation-products .row.empty .empty-label{font-size:.9rem;grid-column-start:2}.invoice-data .invoice-relation-products .row:last-child{border-bottom:none}.invoice-data .mobile-relation-products{display:grid;grid-row-gap:.5rem}.invoice-data .mobile-relation-products .mobile-relation-product{border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);display:grid;grid-template-columns:fit-content(100%) 1fr 1fr;grid-gap:.5rem 1rem;align-items:center;background-color:#fff;padding:1rem;transition:background-color .2s ease-in-out}.invoice-data .mobile-relation-products .mobile-relation-product .item-amount{color:#009fe3;font-size:1.2rem;font-weight:500;grid-row-start:span 2}.invoice-data .mobile-relation-products .mobile-relation-product.selected{background-color:rgba(0,159,227,.2)}.invoice-data .mobile-relation-products .empty-label{display:block;padding:.5rem}.invoice-data .items-container .catalog-button{margin-top:1rem}.invoice-data .items-container .items{display:grid;grid-template-columns:auto;grid-row-gap:1rem;margin-top:1rem}.invoice-data .items-container .items .invoice-item{display:grid;grid-template-columns:1fr 1fr 7rem 7rem 10rem auto 1rem;grid-column-gap:1rem}.invoice-data .items-container .items .invoice-item .product-select{align-self:start}.invoice-data .items-container .items .invoice-item .incl-vat-select{align-self:end;margin-bottom:.75rem}.invoice-data .items-container .items .invoice-item .remove-item{align-self:end;color:red;cursor:pointer;font-size:.9rem;margin-bottom:.9rem;transition:color .2s ease-in-out}.invoice-data .items-container .items .invoice-item .remove-item:hover{color:#ff1a1a}.invoice-data .items-container .items .add-item{color:#009fe3;display:inline-grid;grid-template-columns:repeat(2,fit-content(100%));padding:.5rem;transition:color .2s ease-in-out;grid-column-gap:.5rem;cursor:pointer;justify-self:start}.invoice-data .items-container .items .add-item:hover{color:#008fcc}.invoice-data .mobile-items-container{display:grid}.invoice-data .mobile-items-container .items-title{display:block;font-size:1.5rem;padding:1rem}.invoice-data .mobile-items-container .items-title.border{border-bottom:1px solid #e4e4e4;padding-bottom:.5rem}.invoice-data .mobile-items-container .mobile-invoice-item{border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);display:grid;grid-template-columns:2rem 1fr 5rem 1rem;grid-column-gap:1rem;align-items:center;padding:1rem}.invoice-data .mobile-items-container .mobile-invoice-item .item-amount{color:#009fe3;font-size:1.2rem;font-weight:500}.invoice-data .mobile-items-container .mobile-invoice-item .trash{color:red}.invoice-data .mobile-items-container .btn-add-mobile-item{justify-self:center;margin:1rem 0}.invoice-data .footer-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:2rem;justify-content:end;padding:0 2rem 2rem} /*! * Copyright (c) 2025. Dave van Rijn Development */.mobile-add-fin-item{width:90dvw}.mobile-add-fin-item .body-container{display:grid;grid-row-gap:.5rem}.mobile-add-fin-item .body-container .row{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1rem} /*! * Copyright (c) 2025. Dave van Rijn Development */.recipient-select{width:30rem}.recipient-select .header-container{padding:1rem!important}.recipient-select .body-container{display:grid;grid-template-columns:auto;position:relative;grid-row-gap:1rem}.recipient-select .body-container .emails{display:grid;grid-template-columns:auto;grid-gap:.5rem}.recipient-select .body-container .error{color:red} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.invoice-details{display:grid;grid-template-columns:auto}.invoice-details .actions-container,.invoice-details .attachments-container,.invoice-details .data-container,.invoice-details .history-container,.invoice-details .items-container{padding:2rem}@media(max-width:750px){.invoice-details .actions-container,.invoice-details .attachments-container,.invoice-details .data-container,.invoice-details .history-container,.invoice-details .items-container{padding:1rem}}.invoice-details .actions-container{align-items:center;display:flex;justify-content:space-between}.invoice-details .actions-container .invoice-actions{position:relative}.invoice-details .actions-container .invoice-actions .actions{background-color:#fff;border-radius:.25rem;bottom:0;box-shadow:none;opacity:0;position:absolute;right:0;transform:translateY(100%);transition:visibility .2s ease-in-out,opacity .2s ease-in-out,box-shadow .2s ease-in-out;visibility:hidden;z-index:1}.invoice-details .actions-container .invoice-actions .actions .action{background-color:#fff;border-bottom:1px solid #f2f2f2;color:#393e42;cursor:pointer;display:grid;grid-template-columns:repeat(2,auto);padding:.75rem .5rem;transition:background-color .2s ease-in-out;grid-column-gap:.5rem;align-items:center}.invoice-details .actions-container .invoice-actions .actions .action label{white-space:nowrap}.invoice-details .actions-container .invoice-actions .actions .action:hover{background-color:#ff9874}.invoice-details .actions-container .invoice-actions .actions .action:first-child{border-radius:.25rem .25rem 0 0}.invoice-details .actions-container .invoice-actions .actions .action:last-child{border-bottom:none;border-radius:0 0 .25rem .25rem}.invoice-details .actions-container .invoice-actions:hover .actions{border-radius:.5rem;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);opacity:1;visibility:visible}.invoice-details .actions-container .invoice-actions.disabled .actions{box-shadow:none!important;opacity:0;visibility:hidden!important}.invoice-details .data-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem 5rem;border-bottom:1px solid #f2f2f2;position:relative}.invoice-details .data-container .field{display:grid;grid-template-columns:10rem auto;grid-column-gap:1rem}.invoice-details .data-container .field .label{color:#8d8d8d}.invoice-details .data-container .field.totals{margin-top:1rem}@media(max-width:750px){.invoice-details .data-container .field.grid-span-2{grid-column-start:1!important}}.invoice-details .items-container{border-bottom:1px solid #f2f2f2;position:relative}.invoice-details .items-container .row{border-bottom:1px solid #f2f2f2;display:grid;grid-template-columns:1fr repeat(2,8rem) 10rem 11rem;padding:.75rem .5rem}.invoice-details .items-container .row .bt{border-top:1px solid;padding-top:.5rem}.invoice-details .items-container .row.lp{padding-bottom:.25rem}.invoice-details .items-container .row.head label{color:#8d8d8d;font-size:.9rem}.invoice-details .items-container .row.last{border-bottom-width:2px}.invoice-details .items-container .row.grey{border-bottom:none}.invoice-details .items-container .row.grey label{color:#8d8d8d}.invoice-details .items-container .row.bold{font-weight:600}.invoice-details .items-container .row:last-child{border-bottom:none}.invoice-details .mobile-items-container .items-title{display:block;font-size:1.5rem;padding:1rem}.invoice-details .mobile-items-container .mobile-invoice-item{border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);display:grid;grid-template-columns:2rem 1fr fit-content(8rem);grid-column-gap:1rem;align-items:center;padding:1rem}.invoice-details .mobile-items-container .mobile-invoice-item .amount-container{align-items:center;border:1px solid #009fe3;border-radius:50%;display:flex;height:30px;justify-content:center;width:30px}.invoice-details .mobile-items-container .mobile-invoice-item .amount-container .item-amount{color:#009fe3;font-size:14px;font-weight:500;height:14px;text-align:center}.invoice-details .attachments-container{display:grid;grid-template-columns:auto;grid-row-gap:.5rem;border-bottom:1px solid #f2f2f2;position:relative}.invoice-details .attachments-container .part-header{align-items:center;display:flex;justify-content:space-between}.invoice-details .attachments-container .part-header .part-title{font-weight:400;margin-bottom:.5rem}.invoice-details .attachments-container .attachments{max-height:20rem;overflow-y:auto}.invoice-details .attachments-container .attachments .row{display:grid;grid-template-columns:1.5rem 30rem 5rem 2.5rem;grid-column-gap:1rem;align-items:center;border-bottom:none;padding:.5rem 0}.invoice-details .attachments-container .attachments .row .file-icon{font-size:1.5rem}.invoice-details .attachments-container .attachments .row .file-actions{display:grid;grid-template-columns:repeat(2,1rem);grid-column-gap:1rem}.invoice-details .attachments-container .attachments .row .file-actions .action{cursor:pointer;transition:color .2s ease-in-out}.invoice-details .attachments-container .attachments .row .file-actions .action:hover.delete{color:red}.invoice-details .attachments-container .attachments .row .file-actions .action:hover.download{color:#009fe3}.invoice-details .history-container{display:grid;grid-template-columns:auto;grid-row-gap:.5rem}.invoice-details .history-container .history-title{font-weight:400;margin-bottom:.5rem}.invoice-details .history-container .history{display:grid;grid-template-columns:1rem auto;grid-column-gap:1rem;align-items:center}.invoice-details .history-container .history .icon{text-align:center}.invoice-details .history-container .connector{background-color:#2a435f;height:1.5rem;margin-left:.5rem;width:1px}.invoice-details .history-container .history-toggle{border-bottom:1px solid transparent;color:#009fe3;cursor:pointer;justify-self:start;margin-top:1rem;transition:color .2s ease-in-out,border-bottom-color .2s ease-in-out}.invoice-details .history-container .history-toggle:hover{border-color:currentColor;color:#008fcc}@media(max-width:750px){.invoice-details .data-container{grid-template-columns:1fr}} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.credit-invoice-select .body-container{padding:0}.credit-invoice-select .body-container .credit-invoice{align-items:center;border-bottom:1px solid #ccc;column-gap:1rem;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:background-color .2s ease-in-out}.credit-invoice-select .body-container .credit-invoice .invoice-icon{color:gray}.credit-invoice-select .body-container .credit-invoice:hover{background-color:rgba(0,159,227,.2)}.credit-invoice-select .body-container .credit-invoice:last-child{border-bottom:none} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.invoices{display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr;grid-row-gap:2rem;padding:2rem}.invoices .search-container{align-items:flex-start;display:flex;justify-content:space-between}.invoices .search-container .left{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;align-items:end}.invoices .search-container .left .search-field{max-width:70vw;width:25rem}.invoices .search-container .left .open-check{margin-bottom:.75rem}.invoices .search-container .right{display:grid;grid-template-columns:repeat(3,fit-content(100%));grid-column-gap:1rem;align-items:end}.invoices .search-container .right .page-options-container{position:relative}.invoices .search-container .right .page-options-container .cog-icon{color:#545b61;cursor:pointer;margin-bottom:.6rem;transition:color .2s ease-in-out}.invoices .search-container .right .page-options-container .cog-icon:hover{color:#ff7546}.invoices .search-container .right .page-options-container .page-options{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);opacity:0;position:absolute;right:0;top:.5rem;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden;z-index:1}.invoices .search-container .right .page-options-container .page-options .page-option{padding:.5rem}.invoices .search-container .right .page-options-container .page-options .page-option .checkboxLabel{white-space:nowrap}.invoices .search-container .right .page-options-container .page-options.open{opacity:1;visibility:visible}@media(max-width:750px){.invoices .search-container{align-items:center;flex-direction:column;padding:1rem 1rem 0}.invoices .search-container .left{grid-template-columns:1fr;margin-bottom:1rem;grid-row-gap:1rem;align-self:stretch;justify-items:center}.invoices .search-container .left .search-field{max-width:100%;width:100%}}.invoices .invoices-container{position:relative}.invoices .invoices-container .empty-label{display:block;padding:.75rem .5rem}.invoices .invoices-container .invoice-row{align-items:center;border-bottom:1px solid #e4e4e4;cursor:pointer;display:grid;grid-template-columns:8rem 8rem 1fr 1rem 8rem 5.3rem 1rem;padding:.75rem .5rem;transition:background-color .2s ease-in-out;grid-column-gap:1rem;position:relative}.invoices .invoices-container .invoice-row .relation-name{display:grid;min-width:0}.invoices .invoices-container .invoice-row .relation-name .comment{color:#8d8d8d}.invoices .invoices-container .invoice-row .relation-name.with-comment{grid-row-gap:.5rem}.invoices .invoices-container .invoice-row:hover:not(.invoices .invoices-container .invoice-row.head){background-color:#ff9874}.invoices .invoices-container .invoice-row.head{align-items:end;background-color:#f9fafb;cursor:default}.invoices .invoices-container .invoice-row.head label{color:#8d8d8d;font-size:.9rem}.invoices .invoices-container .invoice-row.sticky{position:sticky;z-index:1}.invoices .invoices-container .invoice-row .status-block{align-items:center;border-radius:.25rem;color:#fff;display:flex;height:1.2rem;justify-content:center;width:1.2rem}.invoices .invoices-container .invoice-row .status-block.orange{background-color:#ff7546}.invoices .invoices-container .invoice-row .status-block.green{background-color:#29a71a}.invoices .invoices-container .invoice-row .status-block.blue{background-color:#009fe3}.invoices .invoices-container .invoice-row .status-block.yellow{background-color:#daa520}.invoices .invoices-container .invoice-row .status-block.red{background-color:red}.invoices .invoices-container .invoice-row .status-block .icon{font-size:.7rem}.invoices .invoices-container .invoice-row .status-container{display:grid;grid-column-gap:.25rem}.invoices .invoices-container .invoice-row .invoice-options{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);opacity:0;overflow:hidden;position:absolute;right:.5rem;top:.5rem;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden;z-index:1}.invoices .invoices-container .invoice-row .invoice-options .menu-option{align-items:center;column-gap:.5rem;cursor:pointer;display:flex;padding:.75rem;transition:background-color .2s ease-in-out}.invoices .invoices-container .invoice-row .invoice-options .menu-option:hover{background-color:#ff9874}.invoices .invoices-container .invoice-row .invoice-options.open{opacity:1;visibility:visible}.invoices .invoices-container .invoice-row .invoice-options.top{top:0;transform:translateY(calc(-100% + .75rem))}@media(max-width:750px){.invoices .invoices-container .invoice-row{grid-template-columns:6rem 1fr 6rem 1rem}}.invoices .mobile-invoices-list{position:relative}.invoices .mobile-invoices-list .invoice-row{align-items:center;display:grid;grid-template-columns:1fr 6rem fit-content(100%);padding:.5rem .75rem .5rem .5rem;position:relative;grid-column-gap:.5rem;border-bottom:1px solid #e4e4e4;transition:background-color .2s ease-in-out}.invoices .mobile-invoices-list .invoice-row:first-child{border-top:1px solid #e4e4e4}.invoices .mobile-invoices-list .invoice-row.empty{grid-template-columns:1fr;justify-items:center}.invoices .mobile-invoices-list .invoice-row .details-container{display:grid;grid-row-gap:.5rem}.invoices .mobile-invoices-list .invoice-row .details-container .row{align-items:center;column-gap:1rem;display:flex}.invoices .mobile-invoices-list .invoice-row .details-container .row .invoice-date{flex-grow:1}.invoices .mobile-invoices-list .invoice-row .details-container .row .status-container{column-gap:.25rem;display:flex}.invoices .mobile-invoices-list .invoice-row .details-container .row .status-container .status-block{align-items:center;border-radius:.25rem;color:#fff;display:flex;height:1rem;justify-content:center;width:1rem}.invoices .mobile-invoices-list .invoice-row .details-container .row .status-container .status-block.orange{background-color:#ff7546}.invoices .mobile-invoices-list .invoice-row .details-container .row .status-container .status-block.green{background-color:#29a71a}.invoices .mobile-invoices-list .invoice-row .details-container .row .status-container .status-block.blue{background-color:#009fe3}.invoices .mobile-invoices-list .invoice-row .details-container .row .status-container .status-block.yellow{background-color:#daa520}.invoices .mobile-invoices-list .invoice-row .details-container .row .status-container .status-block .icon{font-size:.6rem}.invoices .mobile-invoices-list .invoice-row .details-container .comment{color:#8d8d8d}.invoices .mobile-invoices-list .invoice-row .amount-container{padding-left:.5rem}.invoices .mobile-invoices-list .invoice-row .invoice-options{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);opacity:0;overflow:hidden;position:absolute;right:.5rem;top:.5rem;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden;z-index:1}.invoices .mobile-invoices-list .invoice-row .invoice-options .menu-option{align-items:center;column-gap:.5rem;cursor:pointer;display:flex;padding:.75rem;transition:background-color .2s ease-in-out}.invoices .mobile-invoices-list .invoice-row .invoice-options .menu-option:hover{background-color:#ff9874}.invoices .mobile-invoices-list .invoice-row .invoice-options.open{opacity:1;visibility:visible}.invoices .mobile-invoices-list .invoice-row .invoice-options.top{top:0;transform:translateY(calc(-100% + .75rem))}.invoices .mobile-invoices-list .invoice-row:hover{background-color:#ff9874}@media(max-width:750px){.invoices{padding:0}}.confirm-finalize{display:grid;grid-template-columns:auto;grid-row-gap:1rem} /*! * Copyright (c) 2025. Dave van Rijn Development */.icon-with-label{position:relative}.icon-with-label .icon-title{background-color:rgba(0,0,0,.6);border-radius:.5rem;color:#fff;font-size:.8rem;font-weight:500;left:50%;opacity:0;padding:.25rem .5rem;position:absolute;top:0;transform:translate(-50%,calc(-100% - .5rem));transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden;white-space:nowrap;z-index:1}.icon-with-label:hover .icon-title{opacity:1;visibility:visible} /*! * Copyright (c) 2026. Dave van Rijn Development */.send-invoice-custom .body-container{display:flex;flex-direction:column;height:80dvh;row-gap:.5rem;width:80dvw}.send-invoice-custom .body-container .field{align-items:center;display:grid;grid-template-columns:5.5rem 1fr;grid-column-gap:1rem}.send-invoice-custom .body-container .editor-container{flex:1} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.offer-data{position:relative}.offer-data .header-container{padding:2rem 2rem 0}.offer-data .invoice-form{display:grid;grid-template-columns:repeat(2,1fr);padding:2rem;grid-gap:1rem 3rem;align-items:start}.offer-data .invoice-form .paid-picker{grid-row-start:span 2;opacity:0;transition:visibility .1s ease-in-out,opacity .1s ease-in-out;visibility:hidden}.offer-data .invoice-form .paid-picker.visible{opacity:1;visibility:visible}.offer-data .invoice-form .payment-type{font-weight:600}.offer-data .invoice-form .comment-field{grid-column-start:span 2}.offer-data .block{padding:0 2rem 2rem}.offer-data .block .block-header{align-items:flex-end;border-bottom:1px solid #e4e4e4;display:flex;justify-content:space-between;padding-bottom:.5rem}.offer-data .block .block-header .block-title{font-weight:400}.offer-data .block .block-header.vert{align-items:flex-start;flex-direction:column}.offer-data .block.attachments .attachments-container{padding:1rem 1rem 1rem 0}.offer-data .block.attachments .attachments-container .title-row{display:flex}.offer-data .block.attachments .attachments-container .title-row .attachments-label{font-size:1.1rem;font-weight:600;text-decoration:underline}.offer-data .block.attachments .attachments-container .title-row .btn-attachments{margin-left:1rem}.offer-data .block.attachments .attachments-container .empty-label{display:block;font-size:.9rem;padding:.5rem 0}.offer-data .block.attachments .attachments-container .attachment{display:grid;grid-template-columns:1.5rem 30rem 5rem 2.5rem;grid-column-gap:1rem;align-items:center;padding:.5rem 0}.offer-data .block.attachments .attachments-container .attachment .file-icon{font-size:1.5rem}.offer-data .block.attachments .attachments-container .attachment .file-actions{display:grid;grid-template-columns:repeat(2,1rem);grid-column-gap:1rem}.offer-data .block.attachments .attachments-container .attachment .file-actions .action{cursor:pointer;transition:color .2s ease-in-out}.offer-data .block.attachments .attachments-container .attachment .file-actions .action:hover.delete{color:red}.offer-data .block.attachments .attachments-container .attachment .file-actions .action:hover.download{color:#009fe3}.offer-data .invoice-relation-products .desc{display:inline-block;font-size:.9rem;margin:.5rem 0}.offer-data .invoice-relation-products .row{align-items:center;display:grid;grid-template-columns:3rem 6rem 5rem 1fr 5rem 5rem 6rem;grid-column-gap:.5rem;border-bottom:1px solid #e4e4e4;padding:.75rem .5rem}.offer-data .invoice-relation-products .row label{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.offer-data .invoice-relation-products .row.head label{color:#8d8d8d;font-size:.9rem}.offer-data .invoice-relation-products .row.empty{grid-template-columns:3rem auto}.offer-data .invoice-relation-products .row.empty .empty-label{font-size:.9rem;grid-column-start:2}.offer-data .invoice-relation-products .row:last-child{border-bottom:none}.offer-data .items-container .catalog-button{margin-top:1rem}.offer-data .items-container .items{display:grid;grid-template-columns:auto;grid-row-gap:1rem;margin-top:1rem}.offer-data .items-container .items .invoice-item{display:grid;grid-template-columns:1fr 1fr 7rem 7rem 8rem auto 1rem;grid-column-gap:1rem}.offer-data .items-container .items .invoice-item .product-select{align-self:start}.offer-data .items-container .items .invoice-item .remove-item{align-self:center;color:red;cursor:pointer;font-size:.9rem;transition:color .2s ease-in-out}.offer-data .items-container .items .invoice-item .remove-item:hover{color:#e60000}.offer-data .items-container .items .add-item{color:#009fe3;display:inline-grid;grid-template-columns:repeat(2,fit-content(100%));padding:.5rem;transition:color .2s ease-in-out;grid-column-gap:.5rem;cursor:pointer;justify-self:start}.offer-data .items-container .items .add-item:hover{color:#008fcc}.offer-data .footer-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:2rem;justify-content:end;padding:0 2rem 2rem} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.offers-page{display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr auto;grid-row-gap:2rem;padding:2rem}.offers-page .search-container{align-items:flex-start;display:flex;justify-content:space-between}.offers-page .search-container .search-field{max-width:70vw;width:25rem}.offers-page .search-container .right{display:grid;grid-template-columns:repeat(3,fit-content(100%));grid-column-gap:1rem;align-items:end}.offers-page .search-container .right .page-options-container{position:relative}.offers-page .search-container .right .page-options-container .cog-icon{color:#393e42;cursor:pointer;margin-bottom:.6rem;transition:color .2s ease-in-out}.offers-page .search-container .right .page-options-container .cog-icon:hover{color:#ff7546}.offers-page .search-container .right .page-options-container .page-options{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);opacity:0;position:absolute;right:0;top:.5rem;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden;z-index:1}.offers-page .search-container .right .page-options-container .page-options .page-option{padding:.5rem}.offers-page .search-container .right .page-options-container .page-options .page-option .checkboxLabel{white-space:nowrap}.offers-page .search-container .right .page-options-container .page-options.open{opacity:1;visibility:visible}@media(max-width:750px){.offers-page .search-container{align-items:flex-start;flex-direction:column}.offers-page .search-container .search-field{margin-bottom:1rem}}.offers-page .offers-container{position:relative}.offers-page .offers-container .empty-label{display:block;padding:.75rem .5rem}.offers-page .offers-container .row{align-items:center;border-bottom:1px solid #e4e4e4;cursor:pointer;display:grid;grid-template-columns:8rem 8rem 1fr 8rem 5.3rem 1rem;padding:.75rem .5rem;transition:background-color .2s ease-in-out;grid-column-gap:1rem}.offers-page .offers-container .row:hover{background-color:rgba(0,159,227,.2)}.offers-page .offers-container .row.head{background-color:#f9fafb;cursor:default}.offers-page .offers-container .row.head label{color:#8d8d8d;font-size:.9rem}.offers-page .offers-container .row .relation-name{display:grid;min-width:0}.offers-page .offers-container .row .relation-name .comment{color:#8d8d8d}.offers-page .offers-container .row .relation-name.with-comment{grid-row-gap:.5rem}.offers-page .offers-container .row .status-container{display:grid;grid-column-gap:.25rem}.offers-page .offers-container .row .status-container .status-block{align-items:center;border-radius:.25rem;color:#fff;display:flex;height:1.2rem;justify-content:center;width:1.2rem}.offers-page .offers-container .row .status-container .status-block.blue{background-color:#009fe3}.offers-page .offers-container .row .status-container .status-block.yellow{background-color:#daa520}.offers-page .offers-container .row .status-container .status-block.green{background-color:#29a71a}.offers-page .offers-container .row .status-container .status-block .icon{font-size:.7rem}.offers-page .offers-container .row .offer-options{border-radius:.5rem;justify-self:end;transition:background-color .2s ease-in-out}.offers-page .offers-container .row .offer-options .options-icon{color:#c6c6c6;cursor:pointer;font-size:1.5rem}.offers-page .offers-container .row .offer-options .menu-options-list{background-color:#fff;padding:.25rem 0}.offers-page .offers-container .row .offer-options .menu-options-list .menu-option{padding:.75rem}.offers-page .offers-container .row .offer-options .menu-options-list .menu-option .icon{color:#2a435f;margin-right:.5rem}.offers-page .offers-container .row .offer-options .menu-options-list .menu-option .icon.red{color:red}.offers-page .offers-container .row .offer-options .menu-options-list .menu-option .menu-option-label{color:#2a435f;margin:0;text-align:start;user-select:none}.offers-page .offers-container .row .offer-options .menu-options-list .menu-option:hover{background-color:rgba(0,159,227,.2)}@media(max-width:750px){.offers-page .offers-container .row{grid-template-columns:6rem 1fr 6rem 1rem}}.offers-page .footer-container{align-items:center;display:flex;justify-content:space-between}.offers-page .footer-container .pagination{display:grid;grid-template-columns:repeat(4,fit-content(100%));grid-column-gap:1rem;align-items:center}.offers-page .footer-container .pagination .pager{cursor:pointer;transition:color .2s ease-in-out}.offers-page .footer-container .pagination .pager:hover{color:#263c56}.offers-page .footer-container .pagination .pager.disabled{color:#ccc!important;cursor:not-allowed}@media(max-width:750px){.offers-page{padding:1rem 0 0}.offers-page .search-container{align-items:center}.offers-page .footer-container{padding:1rem}} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.pdf-layout-control{display:grid;row-gap:2rem}.pdf-layout-control .pdf-layout-tabs{background-color:#fff;border-bottom:2px solid rgba(255,117,70,.2);border-radius:.25rem;display:flex;justify-content:center;margin:1rem;overflow:hidden}.pdf-layout-control .pdf-layout-tabs .template-tab{background-color:#fff;border-right:1px solid rgba(255,117,70,.2);cursor:pointer;padding:.5rem 1rem;transition:background-color .2s ease-in-out,color .2s ease-in-out}.pdf-layout-control .pdf-layout-tabs .template-tab.active{background-color:#ff7546;color:#fff}.pdf-layout-control .pdf-layout-tabs .template-tab:not(.pdf-layout-control .pdf-layout-tabs .template-tab.active):hover{background-color:#ff9874} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.data-saver{max-width:50dvw}@media(max-width:750px){.data-saver{max-width:90dvw}} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.info-message-container{align-items:start;background-color:#eaf2fe;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);color:#212b36;display:grid;padding:1rem;position:relative;grid-column-gap:1rem}.info-message-container .close-label{align-self:end;color:#009fe3;cursor:pointer;font-weight:600;transition:color .2s ease-in-out}.info-message-container .close-label:hover{color:#008fcc} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.upgrade-info-bar{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);padding:1rem}.pdf-editor{align-self:center}.pdf-editor .pdf-creator{justify-content:start;margin-top:0}.pdf-editor .template-label-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.pdf-editor .template-label-container .body-container,.pdf-editor .template-label-container .footer-container,.pdf-editor .template-label-container .header-container{padding:1rem}.pdf-editor .template-label-container .header-container{border-bottom:1px solid #ccc}.pdf-editor .template-label-container .body-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem}.pdf-editor .template-label-container .footer-container{border-top:1px solid #ccc;display:flex;justify-content:space-between} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.slide-popup{background-color:rgba(0,0,0,.5);display:flex;height:100dvh;justify-content:flex-end;left:0;pointer-events:none;position:fixed;top:0;transition:visibility .15s linear;visibility:hidden;width:100dvw;z-index:1000}.slide-popup .slide-popup-inner{background-color:#fff;left:100dvw;max-height:100dvh;position:relative;transition:left .15s ease-in-out}@media(max-width:750px){.slide-popup .slide-popup-inner{max-width:100dvw;width:100%}}.slide-popup.open{pointer-events:all;transition:none;visibility:visible}.slide-popup.open .slide-popup-inner{left:0} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.product-data .body-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem 3rem;align-content:start}.product-data .body-container .description{grid-column:span 2}@media(max-width:750px){.product-data .body-container{grid-template-columns:1fr}.product-data .body-container .description{grid-column:unset}} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.products{display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr auto;grid-row-gap:2rem;align-content:start;padding:1rem}.products .search-container{align-items:flex-start;display:flex;justify-content:space-between}.products .search-container .search-field{max-width:70vw;width:25rem}@media(max-width:750px){.products .search-container{flex-direction:column}.products .search-container .search-field{margin-bottom:1rem}}.products .products-container{position:relative}.products .products-container .empty-label{display:block;padding:.75rem .5rem}.products .products-container .row{border-bottom:1px solid #e4e4e4;cursor:pointer;display:grid;grid-template-columns:2rem 9rem 1fr 6rem 3rem 7.5rem;padding:.75rem .5rem;transition:background-color .2s ease-in-out}.products .products-container .row label{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.products .products-container .row:hover{background-color:#ff9874}.products .products-container .row.head{background-color:#f9fafb;cursor:default}.products .products-container .row.head label{color:#8d8d8d;font-size:.9rem}.products .products-container .row .order-container{display:grid;grid-row-gap:.25rem;opacity:0;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden}.products .products-container .row .order-container .order-caret-container{align-items:center;display:flex;height:.5rem}.products .products-container .row .order-container .order-caret-container .order-caret{font-size:1.1rem}.products .products-container .row:hover .order-container{opacity:1;visibility:visible}@media(max-width:750px){.products .products-container .row{grid-template-columns:2rem 1fr 4rem 3rem 7.5rem;grid-column-gap:.5rem}.products .products-container .row .order-container{opacity:1;visibility:visible}}.products .footer-container{align-items:center;display:flex;justify-content:space-between}.products .footer-container .pagination{display:grid;grid-template-columns:repeat(3,fit-content(100%));grid-column-gap:1rem;align-items:center}.products .footer-container .pagination .pager{cursor:pointer;transition:color .2s ease-in-out}.products .footer-container .pagination .pager:hover{color:#263c56}.products .footer-container .pagination .pager.disabled{color:#ccc!important;cursor:not-allowed}@media(max-width:750px){.products{border-radius:0;box-shadow:none}} /*! * Copyright (c) 2025. Dave van Rijn Development */.relation-data .footer-container,.relation-data .form-container,.relation-data .header-container{padding:2rem}.relation-data .form-container{display:grid;grid-template-columns:auto;grid-row-gap:3rem;position:relative}.relation-data .form-container .relation-part .part-title{margin-bottom:1rem}.relation-data .form-container .relation-part .form{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem 2rem}.relation-data .footer-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:2rem;justify-content:end} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.relation-details .data-container,.relation-details .relation-invoices{padding:1rem 2rem}.relation-details .data-container .name-bar{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:2rem}.relation-details .data-container .name-bar .actions{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem}.relation-details .data-container .name-bar .actions .action-label{align-items:center;display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:.5rem;color:#2a435f;font-size:.9rem;user-select:none;white-space:nowrap}.relation-details .data-container .name-bar .actions .relation-options .options-container{left:unset;right:0}.relation-details .data-container .fields-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem 3rem}.relation-details .data-container .fields-container .field{display:grid;grid-template-columns:10rem 1fr}.relation-details .data-container .fields-container .field .key{color:rgba(42,67,95,.5)}.relation-details .data-container .fields-container .notes{grid-column-start:span 2;margin-top:1rem}@media(max-width:750px){.relation-details .data-container .fields-container{grid-template-columns:auto}.relation-details .data-container .fields-container .notes{grid-column-start:unset}}.relation-details .tabs .tab-selectors{border-bottom:1px solid #ccc;display:grid;grid-template-columns:repeat(auto-fit,8rem);margin-bottom:1rem;width:100%}.relation-details .tabs .tab-selectors .tab-selector{border-bottom:2px solid transparent;border-radius:0;cursor:pointer;margin-bottom:-1px;padding:.5rem;text-align:center;transition:border-bottom-color .2s ease-in-out}.relation-details .tabs .tab-selectors .tab-selector:hover{border-bottom-color:#ff9874}.relation-details .tabs .tab-selectors .tab-selector.active{border-bottom-color:#ff7546!important}.relation-details .relation-invoices .invoices-title{font-weight:400;margin-bottom:.5rem;padding:0 .5rem}.relation-details .relation-invoices .row{background-color:#fff;border-bottom:1px solid #f2f2f2;cursor:pointer;display:grid;grid-template-columns:repeat(4,1fr);padding:.75rem .5rem;transition:background-color .2s ease-in-out}.relation-details .relation-invoices .row.last{border-bottom:none}.relation-details .relation-invoices .row.head{background-color:#fff!important;cursor:default}.relation-details .relation-invoices .row.head label{color:#8d8d8d;font-size:.9rem}.relation-details .relation-invoices .row:hover{background-color:#ff9874}@media(max-width:750px){.relation-details .relation-invoices .row{grid-template-columns:repeat(3,1fr)}}.relation-details .relation-invoices .empty-label{display:inline-block;padding:.75rem .5rem} /*! * Copyright (c) 2025. Dave van Rijn Development */.attachment-mail-settings{width:60rem}.attachment-mail-settings .header-container{padding:1rem!important}.attachment-mail-settings .body-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem}.attachment-mail-settings .body-container .attachments-container{display:grid;grid-template-columns:auto;grid-row-gap:.5rem}.attachment-mail-settings .body-container .attachments-container .attachments-label{font-weight:500}.attachment-mail-settings .body-container .attachments-container .attachment{display:grid;grid-template-columns:1rem 1fr;grid-column-gap:.5rem} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.relation-attachments{display:grid;grid-template-columns:auto;grid-row-gap:1rem;color:#2a435f;padding:0 2rem 2rem}.relation-attachments .title{font-weight:400;padding:0 .5rem}.relation-attachments .actions-bar{align-items:center;display:flex;justify-content:space-between}.relation-attachments .actions-bar .selection-actions{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;align-items:center}.relation-attachments .attachments-container{position:relative}.relation-attachments .attachments-container .empty-label{display:inline-block}.relation-attachments .attachments-container .row{align-items:center;display:grid;grid-template-columns:1rem 1rem 1fr 10rem 6rem 12rem 4rem;grid-column-gap:1rem;border-bottom:1px solid #e4e4e4;justify-items:start;padding:.75rem .5rem}.relation-attachments .attachments-container .row label{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.relation-attachments .attachments-container .row .center{justify-self:center}.relation-attachments .attachments-container .row .send-icon{color:red}.relation-attachments .attachments-container .row .send-icon.sent{color:#29a71a}.relation-attachments .attachments-container .row .attachment-actions{display:grid;grid-template-columns:repeat(3,1rem);grid-column-gap:.3rem}.relation-attachments .attachments-container .row .attachment-actions .attachment-action{cursor:pointer;transition:color .2s ease-in-out}.relation-attachments .attachments-container .row .attachment-actions .attachment-action.send{color:#009fe3}.relation-attachments .attachments-container .row .attachment-actions .attachment-action.send:hover{color:#008fcc}.relation-attachments .attachments-container .row .attachment-actions .attachment-action.download:hover{color:#263c56}.relation-attachments .attachments-container .row .attachment-actions .attachment-action.delete{color:red}.relation-attachments .attachments-container .row .attachment-actions .attachment-action.delete:hover{color:#e60000}.relation-attachments .attachments-container .row.head label{color:#8d8d8d;font-size:.9rem}.relation-attachments .attachments-container .row.empty{grid-template-columns:auto}.relation-attachments .attachments-container .row.empty .empty-label{font-size:.9rem} /*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2025. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.relation-products{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-row-gap:1rem;align-items:center;color:#2a435f;justify-content:space-between;padding:0 2rem 2rem}.relation-products .title{font-weight:400;padding:0 .5rem}.relation-products .global-actions{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;align-items:end;justify-self:end}.relation-products .products-container{grid-column-start:span 2;position:relative}.relation-products .products-container .empty-label{display:inline-block}.relation-products .products-container .row{align-items:center;display:grid;grid-template-columns:6rem 8rem 1fr 5rem 5rem 6rem 8rem 3rem;grid-column-gap:.5rem;border-bottom:1px solid #e4e4e4;justify-items:start;padding:.75rem .5rem}.relation-products .products-container .row .status{border-bottom:1px solid transparent}.relation-products .products-container .row .status.open{color:red}.relation-products .products-container .row .status.invoiced{border-bottom-color:currentColor;color:#009fe3;cursor:pointer;transition:color .2s ease-in-out,border-bottom-color .2s ease-in-out}.relation-products .products-container .row .status.invoiced:hover{color:#008fcc}.relation-products .products-container .row .actions{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:.5rem}.relation-products .products-container .row .actions .action{cursor:pointer;transition:color .2s ease-in-out}.relation-products .products-container .row .actions .action.edit{color:#009fe3}.relation-products .products-container .row .actions .action.edit:hover{color:#008fcc}.relation-products .products-container .row .actions .action.delete{color:red}.relation-products .products-container .row .actions .action.delete:hover{color:#e60000}.relation-products .products-container .row label{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.relation-products .products-container .row.head label{color:#8d8d8d;font-size:.9rem}.relation-products .products-container .row.empty{grid-template-columns:auto}.relation-products .products-container .row.empty .empty-label{font-size:.9rem}@media(max-width:750px){.relation-products .products-container .row{grid-template-columns:6rem 1fr 7rem 3rem}.relation-products{grid-template-columns:auto;padding:0 1rem 1rem}.relation-products .products-container{grid-column-start:unset}} /*! * Copyright (c) 2026. Dave van Rijn Development */.create-strip-card{width:40rem}.create-strip-card .body-container .template-select{grid-column:span 2}.create-strip-card .body-container .template-select .content-container{width:100%} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.relation-strip-card-form{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1.5rem;grid-row-gap:1rem;position:relative}.relation-strip-card-form .col-2{grid-column-start:span 2}.relation-strip-card-form .select-row{display:grid;grid-template-columns:1fr 10rem;grid-column-gap:1.5rem;align-items:end} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.strip-card-details{width:40rem}.strip-card-details .header-container{max-width:100%}.strip-card-details .header-container .header-title{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.strip-card-details .body-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem}.strip-card-details .body-container .action-bar{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:1rem}.strip-card-details .body-container .action-bar .right{display:grid;grid-template-columns:repeat(2,fit-content(100%));justify-self:end;grid-column-gap:1rem}.strip-card-details .body-container .action-bar .right .download-wrapper{text-decoration:none}.strip-card-details .body-container .card-data-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem 1.5rem;border-bottom:1px solid #ccc;padding-bottom:1rem}.strip-card-details .body-container .card-data-container .field{display:grid;grid-template-columns:8rem 1fr}.strip-card-details .body-container .card-data-container .field .key{font-weight:600}.strip-card-details .body-container .card-data-container .field .hide-overflow{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}@media(max-width:750px){.strip-card-details .body-container .card-data-container{grid-template-columns:1fr;grid-gap:.5rem 0}}.strip-card-details .body-container .stamps-container{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1rem;max-height:50vh;overflow:auto}.strip-card-details .body-container .stamps-container .stamps{display:grid;grid-template-columns:auto;grid-row-gap:1rem;align-content:start}.strip-card-details .body-container .stamps-container .stamps .stamp{border:1px solid #434b50;border-radius:.25rem;display:grid;grid-template-columns:4rem 1fr;height:4rem}.strip-card-details .body-container .stamps-container .stamps .stamp .logo-container{align-items:center;border-right:1px solid #434b50;display:flex;justify-content:center}.strip-card-details .body-container .stamps-container .stamps .stamp .logo-container .stamp-logo{height:3rem;object-fit:contain;width:3rem}.strip-card-details .body-container .stamps-container .stamps .stamp .logo-container .stamp-icon{font-size:3rem}.strip-card-details .body-container .stamps-container .stamps .stamp .date-container{align-items:center;display:flex;padding-left:.5rem;position:relative}.strip-card-details .body-container .stamps-container .stamps .stamp .date-container .stamp-date{font-weight:600}.strip-card-details .body-container .stamps-container .stamps .stamp .date-container .remove-stamp{opacity:0;position:absolute;right:.5rem;top:.5rem;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden}.strip-card-details .body-container .stamps-container .stamps .stamp .date-container:hover .remove-stamp{opacity:1;visibility:visible} /*! * Copyright (c) 2025. Dave van Rijn Development */.edit-strip-card{width:40rem}.edit-strip-card .header-container{padding:1rem} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.relation-strip-cards{display:grid;grid-template-columns:auto;grid-row-gap:1rem;color:#2a435f;padding:2rem;position:relative}.relation-strip-cards .strip-cards-header{display:flex;justify-content:space-between}.relation-strip-cards .strip-cards-header .header-title{font-weight:400;padding:0 .5rem}.relation-strip-cards .cards-container .row{align-items:center;display:grid;grid-template-columns:repeat(6,1fr) 4rem;grid-column-gap:.5rem;border-bottom:1px solid #e4e4e4;justify-items:start;padding:.75rem .5rem;transition:background-color .2s ease-in-out}.relation-strip-cards .cards-container .row:not(.relation-strip-cards .cards-container .row.head) label{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.relation-strip-cards .cards-container .row .actions{display:grid;grid-template-columns:repeat(3,1rem);grid-column-gap:.5rem}.relation-strip-cards .cards-container .row .actions .action{cursor:pointer;transition:color .2s ease-in-out}.relation-strip-cards .cards-container .row .actions .action.disabled{color:#ccc!important;cursor:not-allowed}.relation-strip-cards .cards-container .row .actions .action:hover.blue{color:#009fe3}.relation-strip-cards .cards-container .row .actions .action:hover.red{color:red}.relation-strip-cards .cards-container .row.head{background-color:#fff!important;cursor:default!important}.relation-strip-cards .cards-container .row.head label{color:#8d8d8d;font-size:.9rem}.relation-strip-cards .cards-container .row.empty{grid-template-columns:auto}.relation-strip-cards .cards-container .row.empty .empty-label{font-size:.9rem}.relation-strip-cards .cards-container .row:hover{background-color:rgba(0,159,227,.2);cursor:pointer}@media(max-width:750px){.relation-strip-cards .cards-container .row{grid-template-columns:repeat(2,1fr) 3rem}} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.relations{display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr auto;grid-row-gap:2rem;align-content:start;padding:1rem}.relations .search-container{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:1rem}.relations .search-container .search-controls,.relations .search-container .search-controls .row{align-items:flex-end;column-gap:1rem;display:flex}.relations .search-container .search-controls .row .archived-box{margin-bottom:.6rem}.relations .search-container .search-controls .search-field{max-width:70vw;width:25rem}@media(max-width:750px){.relations .search-container .search-controls{align-items:flex-start;flex-direction:column;row-gap:1rem}}.relations .relations-container{position:relative}.relations .relations-container .row{cursor:pointer;grid-template-columns:10rem repeat(3,1fr);transition:background-color .2s ease-in-out}.relations .relations-container .row:hover{background-color:#ff9874}.relations .relations-container .row.head{background-color:#f9fafb;cursor:default}.relations .relations-container .row.head label{color:#8d8d8d;font-size:.9rem}@media(max-width:750px){.relations .relations-container .row{grid-template-columns:8rem repeat(2,1fr)}}.relations .footer-container{align-items:center;display:flex;justify-content:space-between}.relations .footer-container .pagination{display:grid;grid-template-columns:repeat(3,fit-content(100%));grid-column-gap:1rem;align-items:center}.relations .footer-container .pagination .pager{cursor:pointer;transition:color .2s ease-in-out}.relations .footer-container .pagination .pager:hover{color:#263c56}.relations .footer-container .pagination .pager.disabled{color:#ccc!important;cursor:not-allowed}@media(max-width:750px){.relations{border-radius:0;box-shadow:none}} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.common-settings{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;align-content:start}.common-settings .common-settings-part{min-width:30rem}.common-settings .common-settings-part .block-actions{opacity:0;transition:visibility .1s ease-in-out,opacity .1s ease-in-out;visibility:hidden}.common-settings .common-settings-part .common-settings-part-content{align-items:start;display:grid;grid-template-columns:repeat(2,1fr);justify-items:start;grid-gap:.5rem 1rem;position:relative}.common-settings .common-settings-part .common-settings-part-content .address{grid-row:span 3}.common-settings .common-settings-part .common-settings-part-content .title{font-weight:600;grid-column:span 2}.common-settings .common-settings-part .common-settings-part-content .spacer{grid-column:span 2;margin:.25rem 0}.common-settings .common-settings-part:hover .block-actions{opacity:1;visibility:visible}@media(max-width:750px){.common-settings .common-settings-part{min-width:0}.common-settings .common-settings-part span{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.common-settings .common-settings-part .block-actions{opacity:1;visibility:visible}.common-settings .common-settings-part .common-settings-part-content{grid-gap:.5rem}.common-settings .common-settings-part.company .common-settings-part-content,.common-settings .common-settings-part.user .common-settings-part-content{grid-template-columns:9rem 1fr}.common-settings .common-settings-part.company-settings .common-settings-part-content{grid-template-columns:13rem 1fr}}@media(max-width:959px){.common-settings{flex:1;grid-template-columns:1fr}} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.edit-company .body-container{display:flex;flex-direction:column;overflow-y:auto;row-gap:2rem}.edit-company .body-container .edit-company-part{display:flex;flex-direction:column;row-gap:.5rem}.edit-company .body-container .edit-company-part .part-title{align-items:center;column-gap:.25rem;display:inline-flex;font-size:1.1rem;font-weight:600}.edit-company .body-container .edit-company-part .data-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem 1rem;width:40rem}.edit-company .body-container .edit-company-part .data-grid .num-preview{margin-top:0}.edit-company .body-container .edit-company-part .data-grid .spacer{grid-column:span 2;margin:.25rem 0}.edit-company .body-container .edit-company-part .data-grid .cs-2{grid-column:span 2}@media(max-width:750px){.edit-company,.edit-company .body-container .edit-company-part .data-grid{width:100%}} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.enable-two-factor{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);color:#2a435f;max-width:100vw;width:35rem}.enable-two-factor .body-container,.enable-two-factor .footer-container,.enable-two-factor .header-container{padding:1rem}.enable-two-factor .header-container{border-bottom:1px solid #e4e4e4}.enable-two-factor .body-container{display:grid;grid-template-columns:auto;justify-items:center;position:relative;grid-row-gap:.5rem;text-align:center}.enable-two-factor .body-container .qr{height:100px;position:relative;width:100px}.enable-two-factor .body-container .qr img{height:100%;width:100%}.enable-two-factor .body-container .recovery-codes{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem 1rem;margin:1rem 0}.enable-two-factor .body-container .recovery-codes .recovery-code{font-family:monospace}.enable-two-factor .body-container .btn-copy{margin-bottom:1rem} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.fa-info{white-space:wrap!important;width:45rem}.edit-user .body-container{display:flex;flex-direction:column;row-gap:2rem}.edit-user .body-container .edit-user-part{display:flex;flex-direction:column;row-gap:.5rem}.edit-user .body-container .edit-user-part .part-title{align-items:center;column-gap:.25rem;display:inline-flex;font-size:1.1rem;font-weight:600}.edit-user .body-container .edit-user-part .row{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1rem;align-items:start}.edit-user .body-container .edit-user-part .fa-icon{color:#8d8d8d;font-size:1.5rem}.edit-user .body-container .edit-user-part .fa-icon.enabled{color:#29a71a}.edit-user .body-container .edit-user-part .circle-icon{color:#ff7546;cursor:help;font-size:1rem}.edit-user .body-container .edit-user-part .two-factor{align-items:center;column-gap:1rem;display:flex} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.mail-settings{color:#2a435f;display:flex;flex:1;flex-direction:column;position:relative;row-gap:1rem}.mail-settings .editor-type-container{display:flex}.mail-settings .editor-type-container .type-label{margin-right:1rem}.mail-settings .html-editor-container{height:600px;position:relative}.mail-settings .editor-label{margin-top:1rem}.mail-settings .editor-container{flex:1}.mail-settings .mail-actions{column-gap:1rem;display:flex} /*! * Copyright (c) 2025. Dave van Rijn Development */.test-mail{width:min(90dvw,30rem)} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.module-settings .modules{display:flex;flex-wrap:wrap;gap:2rem;position:relative}.module-settings .modules .module{background-color:#fff;border-radius:.5rem;border-right:none;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);display:flex;flex-direction:column;padding:2rem;position:relative;row-gap:.5rem;width:25rem}.module-settings .modules .module .module-active-indicator{background-color:#29a71a;border-radius:50%;box-shadow:inset -1px -1px 2px rgba(0,0,0,.25),inset 1px 1px 2px #fff;height:.7rem;left:.75rem;position:absolute;top:.75rem;width:.7rem}.module-settings .modules .module .module-header{align-items:center;display:flex;justify-content:space-between}.module-settings .modules .module .module-header .module-name{font-weight:600}.module-settings .modules .module .module-description{flex:1;font-size:.9rem}.module-settings .modules .module .strip-card-settings{display:flex;grid-column-start:span 2;justify-content:flex-end;margin-top:1rem} /*! * Copyright (c) 2025. Dave van Rijn Development */.create-strip-card-template{width:40rem}.create-strip-card-template .body-container{display:grid;grid-template-columns:repeat(2,1fr);position:relative;grid-column-gap:1.5rem;grid-row-gap:1rem}.create-strip-card-template .body-container .col-2{grid-column-start:span 2}.create-strip-card-template .body-container .select-row{display:grid;grid-template-columns:1fr 10rem;grid-column-gap:1.5rem;align-items:end}.create-strip-card-template .footer-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;justify-content:end} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.strip-card-templates{width:40rem}.strip-card-templates .header-container{padding:1rem}.strip-card-templates .body-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem}.strip-card-templates .body-container .action-bar{justify-self:end}.strip-card-templates .body-container .templates .row{grid-template-columns:repeat(4,1fr) 3rem}.strip-card-templates .body-container .templates .row .actions{display:grid;grid-template-columns:repeat(2,1rem);grid-column-gap:.5rem}.strip-card-templates .body-container .templates .row .actions .action{cursor:pointer;transition:color .2s ease-in-out}.strip-card-templates .body-container .templates .row .actions .action:hover.details,.strip-card-templates .body-container .templates .row .actions .action:hover.edit{color:#009fe3}.strip-card-templates .body-container .templates .row .actions .action:hover.delete{color:red}.strip-card-templates .footer-container{display:flex;justify-content:flex-end} /*! * Copyright (c) 2025. Dave van Rijn Development */.rexel-module-config .body-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.settings{display:flex;flex-direction:column}.settings .tabs{display:flex;overflow-x:auto}.settings .tabs .tab{border-bottom:1px solid #ccc;cursor:pointer;padding:.75rem .5rem;text-decoration:none;transition:border-bottom-color .2s ease-in-out}.settings .tabs .tab .tab-label{color:#8d8d8d;font-size:1.1rem;font-weight:500;text-align:center;transition:color .2s ease-in-out;user-select:none;white-space:nowrap}.settings .tabs .tab:hover:not(.settings .tabs .tab.active){border-bottom-color:#ff9874}.settings .tabs .tab:hover:not(.settings .tabs .tab.active) .tab-label{color:#ff9874}.settings .tabs .tab.active{border-color:#ff7546}.settings .tabs .tab.active .tab-label{color:#ff7546}@media(max-width:750px){.settings .tabs .tab{padding:.5rem 1rem}}.settings .tabs .filler-tab{border-bottom:1px solid #ccc;flex:1}.settings .active-tab{display:flex;flex:1;overflow-y:auto;padding:1.5rem}@media(max-width:750px){.settings .active-tab{padding:1rem}}.settings .data-title{font-weight:400;grid-column-start:span 2;margin-bottom:1rem}@media(max-width:750px){.settings .data-title{grid-column-start:unset}} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.checkout-complete{align-items:center;background-color:#fff;display:flex;justify-content:center;z-index:1301}.checkout-complete .checkout-complete-content{align-items:center;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:30rem;padding:1.5rem;row-gap:1.5rem}.checkout-complete .checkout-complete-content .icon{font-size:4rem}.checkout-complete .checkout-complete-content .text{text-align:center}.checkout-complete .checkout-complete-content.checking .icon{animation:spin 1s ease infinite;color:#009fe3}.checkout-complete .checkout-complete-content.success .icon{color:#29a71a}.checkout-complete .checkout-complete-content.failed .icon{color:red}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.billing-editor .body-container .billing-form{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem 1.5rem}.billing-editor .body-container .billing-form .cs-2{grid-column-start:span 2} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development */.subscription-settings{display:flex;flex:1;flex-direction:column;row-gap:1.5rem}.subscription-settings .subscription-part{background-color:#fff;border-radius:.5rem;border-radius:1rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);display:flex;flex-direction:column;padding:1.5rem;position:relative;row-gap:1rem}.subscription-settings .subscription-part .part-title-container{align-items:center;column-gap:1rem;display:flex;justify-content:space-between}.subscription-settings .subscription-part .part-title-container .part-title{font-size:1.2rem;font-weight:500;user-select:none}.subscription-settings .subscription-part .part-title-container .edit-icon,.subscription-settings .subscription-part .part-title-container .icon-container{cursor:pointer;transition:color .2s ease-in-out}.subscription-settings .subscription-part .part-title-container .edit-icon:hover,.subscription-settings .subscription-part .part-title-container .icon-container:hover{color:#ff7546}.subscription-settings .subscription-part .part-title-container .icon-container{align-items:center;border:1.5px solid;border-radius:50%;display:flex;height:1.2rem;justify-content:center;width:1.2rem}.subscription-settings .subscription-part .part-title-container .icon-container .plus-icon{font-size:.7rem}.subscription-settings .subscription-part .subscription-part-content{min-height:10rem;position:relative}.subscription-settings .subscription-part .subscription-part-content .part-error{color:red}@media(max-width:750px){.subscription-settings .subscription-part{width:100%}}.subscription-settings .row{align-items:start;column-gap:1.5rem;display:grid;grid-template-columns:1fr fit-content(100%)}.subscription-settings .row.split{grid-template-columns:repeat(2,1fr)}@media(max-width:750px){.subscription-settings .row{align-items:unset;display:flex;flex-direction:column;grid-template-columns:unset;row-gap:1.5rem}}.subscription-settings .billing-container .billing-details{display:grid;grid-template-columns:10rem 1fr;justify-items:start;padding-right:2rem}.subscription-settings .billing-container .billing-details .key{font-weight:500;margin:.25rem 0}.subscription-settings .billing-container .billing-details .key.address{grid-row-start:span 3}.subscription-settings .billing-container .billing-details .value{height:1rem;line-height:1;margin:.25rem 0;max-width:100%;min-width:0;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.subscription-settings .billing-container .billing-details .value.vat-number{align-items:center;column-gap:.5rem;display:inline-flex}.subscription-settings .billing-container .billing-details .value.vat-number .tax-id-icon{font-size:.9rem}.subscription-settings .billing-container .billing-details .value.vat-number .unverified{color:red}.subscription-settings .billing-container .billing-details .value.vat-number .pending,.subscription-settings .billing-container .billing-details .value.vat-number .unavailable{color:#8d8d8d}.subscription-settings .billing-container .billing-details .value.vat-number .verified{color:#29a71a}.subscription-settings .subscription-details{align-self:stretch}.subscription-settings .subscription-details .subscription-actions{align-items:flex-start;display:flex;flex:1;flex-direction:column;justify-content:space-between}.subscription-settings .subscription-details .subscription-actions .current-period{display:flex;flex-direction:column;font-size:.9rem;row-gap:.3rem}.subscription-settings .subscription-details .subscription-actions .status-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:.5rem}.subscription-settings .subscription-details .subscription-actions .status-container .status-label{border:1px solid;border-radius:.5rem;display:block;padding:.25rem .75rem}.subscription-settings .subscription-details .subscription-actions .status-container .status-label.active{background-color:#f0fdf4;color:#059669}.subscription-settings .subscription-details .subscription-actions .status-container .status-label.trialing{background-color:#fefce8;color:#854d0e}.subscription-settings .subscription-details .subscription-actions .status-container .status-label.cancel-at-period,.subscription-settings .subscription-details .subscription-actions .status-container .status-label.unpaid{background-color:#fff7ed;color:#9a3412}.subscription-settings .subscription-details .subscription-actions .status-container .status-label.canceled{background-color:#fee2e2;color:#dc2626}.subscription-settings .subscription-details .subscription-actions .status-container .status-label.unknown{background-color:#eff6ff;color:#1e40af}.subscription-settings .subscription-details .subscription-actions .subscription-action.cancel{background-color:#fee2e2!important;color:#dc2626!important}.subscription-settings .subscription-details .subscription-actions .subscription-action.cancel:hover{background-color:#fdcbcb!important}.subscription-settings .subscription-details .subscription-actions .subscription-action.canceled,.subscription-settings .subscription-details .subscription-actions .subscription-action.revert-cancel{background-color:#059669!important;color:#f0fdf4!important}.subscription-settings .subscription-details .subscription-actions .subscription-action.canceled:hover,.subscription-settings .subscription-details .subscription-actions .subscription-action.revert-cancel:hover{background-color:#058f64!important}.subscription-settings .subscription-details .subscription-actions .subscription-action.trial{background-color:#2563eb!important;color:#f0f5ff!important}.subscription-settings .subscription-details .subscription-actions .subscription-action.trial:hover{background-color:#195aea!important}.subscription-settings .subscription-details .subscription-actions .button-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:.5rem}.subscription-settings .subscription-details .subscription-actions .button-container .trial-disclaimer{font-size:.8rem}.subscription-settings .invoices-container .subscription-invoices{display:flex;flex-direction:column;max-height:20rem;overflow-y:auto;overscroll-behavior:contain}.subscription-settings .invoices-container .subscription-invoices .invoice{grid-template-columns:15rem 1fr 1rem}.subscription-settings .payment-methods-container .subscription-payment-methods .payment-method{grid-template-columns:10rem 1fr 1fr 3rem 1rem}.subscription-settings .payment-methods-container .subscription-payment-methods .payment-method .pm{border-radius:.5rem;color:#8d8d8d;font-weight:500;padding:.25rem .5rem}.subscription-settings .payment-methods-container .subscription-payment-methods .payment-method .pm.default-pm{background-color:#f0fdf4;border:1px solid;color:#059669}.subscription-settings .payment-methods-container .subscription-payment-methods .payment-method .center{justify-self:center} /*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2026. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.option-menu .options-menu-icon{cursor:pointer}.option-menu-items{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);opacity:0;overflow:hidden;pointer-events:none;position:fixed;transition:visibility .15s ease-in-out,opacity .15s ease-in-out;visibility:hidden;z-index:1300}.option-menu-items .option-menu-item{align-items:center;column-gap:.5rem;cursor:pointer;display:flex;padding:.75rem;transition:background-color .2s ease-in-out}.option-menu-items .option-menu-item:hover{background-color:rgba(0,159,227,.25)}.option-menu-items.open{opacity:1;pointer-events:all;visibility:visible} /*# sourceMappingURL=main-7e74dc4db37ceb5c0c2c-cache.css.map*/