/* Box sizing rules */
*,
*::before,
*::after {
    box-sizing: border-box;
}
/*Print header*/
@media print {
    .print-header {
        position: fixed; /* Fix header on every page */
        top: 0;
        left: 0;
        right: 0;
        height: 140px;
        background-color: #fff; /* Ensure solid background in print */
        border-bottom: 1px solid #ddd;
        padding: 10px;
        text-align: center;
        z-index: 9999;
        page-break-before: always; /* Force header to appear at the top of each page */
    }

    .content {
        margin-top: 120px; /* Ensure content doesn't overlap with header */
    }

    body {
        -webkit-print-color-adjust: exact; /* Ensures colors render in print */
    }

    /* Force each section to start on a new page */
    .content > div {
        /*page-break-inside: avoid;*/ /* Prevents breaking content inside a div */
        /*page-break-after: auto;*/
    }
}


.print-header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    background-color: #f0f0f0;
    padding-left: 10px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    z-index: 9999;
}
.content{
    /*background-color:red;*/
    margin-top: 5px; /* Push the content below the fixed header */
    overflow-y: auto; /* Allow scrolling within the content area */
    padding: 10px;
}
.content-container {
}
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
    margin: 0;
}
/* Set core root defaults */
html:focus-within {
    scroll-behavior: smooth;
}

/* Set core body defaults */
body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
}

body {
    display: block;
    /*place-content: center;*/
    min-height: 100vh;
    font-family: var(--ff-primary);
    font-weight: var(--fw-400);
    background-color: hsl(var(--clr-neutral-200));
    color: #000000;
}
.content-container span {
    pointer-events: none; /* Disables user interactions */
    user-select: none; /* Prevents text selection */
    box-shadow: none !important;
}

.content-container .k-disabled{
    opacity: 1; /* Makes it fully opaque */
    color: #000; /* Changes text color */
    background-color: #fff; /* Changes background color */
    filter: none !important;
}

.content-container input {
    pointer-events: none; /* Disables user interactions */
    user-select: none; /* Prevents text selection */
    background-color: white !important;
    border: none !important; /* Removes the border */
    outline: none !important; /* Removes the focus outline */
    box-shadow: none !important;
    color: #000;
    filter: none !important;
}


.content-container button {
        display: none !important;
}

.content-container .k-icon {
    display: none !important;
}

.content-container .k-grid-content {
    overflow: hidden !important;
}

.content-container .alert {
    display: none !important;
}

.content-container .k-tabstrip {
    pointer-events: none; /* Prevents user interactions */
    user-select: none; /* Prevents text selection */
}

    .content-container .k-tabstrip .k-link {
        color: #000 !important;
        text-decoration: none;
        cursor: default;
    }

    .content-container .k-tabstrip > .k-content {
        pointer-events: none;
        user-select: none;
    }

    .content-container .k-tabstrip .k-item .k-tabstrip-item {
        pointer-events: none;
        user-select: none;
        color: white !important;
    }


/* utilities */
.flex {
    display: flex;
    gap: var(--gap, 1rem);
}

.flow > *:where(:not(:first-child)) {
    margin-top: var(--flow-spacer, 1em);
}

/* components */
/*P&L Styles*/
.profitandloss-grid {
    display: grid;
    gap: .1rem;
    grid-auto-columns: 1fr;
    grid-template-areas:
        'one'
        'two'
        'three'
        'four'
        'five';
}

.profitandloss-panel {
    border-radius: 0.5rem;
}

    .profitandloss-panel:nth-child(1) {
        grid-area: one;
    }

    .profitandloss-panel:nth-child(2) {
        grid-area: two;
    }

    .profitandloss-panel:nth-child(3) {
        grid-area: three;
    }

    .profitandloss-panel:nth-child(4) {
        grid-area: four;
    }

    .profitandloss-panel:nth-child(5) {
        grid-area: five;
    }
    /*Trend Graph Layout*/
.trendGraph-grid {
    display: grid;
    gap: .1rem;
    grid-auto-columns: 1fr;
    grid-template-areas:
        'one'
        'two'
        'three'
        'four'
        'five';
}

.trendGraph-panel {
    border-radius: 0.5rem;
}

    .trendGraph-panel:nth-child(1) {
        grid-area: one;
    }

    .trendGraph-panel:nth-child(2) {
        grid-area: two;
    }

    .trendGraph-panel:nth-child(3) {
        grid-area: three;
    }

    .trendGraph-panel:nth-child(4) {
        grid-area: four;
    }

    .trendGraph-panel:nth-child(5) {
        grid-area: five;
    }
    /*Media Layout*/

    /*This ensures the print preview page automatically scales to fit letter size pages and auto applies landscape.*/
@media print {
    @page {
        size: letter landscape;
        margin: 0; /* Remove all margins */
    }

    body{
        zoom: 0.57;
        width: 100%;
    }
}

@media screen and (min-width: 33em) {
    .profitandloss-grid {
        /*background-color: blue;*/
        grid-template-areas:
            "one"
            "two"
            "three"
    }
}

@media screen and (min-width: 780px) {
    .profitandloss-grid {
        /*background-color: yellow;*/
        grid-template-areas:
            'one one'
            'two five'
            'three five'
            'four four';
    }
}

@media screen and (min-width: 1092px) {
    .profitandloss-grid {
        /*background-color:red;*/
        grid-template-areas:
            "one"
            "two"
            "three";
    }
}

@media screen and (min-width: 1300px) {
    .profitandloss-grid {
        /*background-color: green;*/
        grid-template-areas:
            "one two three";
        /*"one two three"
            "four five";*/
    }
}

@media print {
    .cashflow-print {
        zoom: 0.82;
    }
}




/*

.testimonial.quote {
    background-image: url("./images/bg-pattern-quotation.svg");
    background-repeat: no-repeat;
    background-position: top right 10%;
}


.testimonial .name {
    font-size: var(--fs-400);
    font-weight: var(--fw-400);
    line-height: 1;
}

.testimonial .position {
    font-size: var(--fs-300);
    opacity: 0.5;
}

.testimonial > p:first-of-type {
    font-size: var(--fs-500);
    line-height: 1.2;
}

.testimonial > p:last-of-type {
    opacity: 0.7;
}*/