@import '_content/BlazorForKids.Designer.Web/BlazorForKids.Designer.Web.vgmwas0x1j.bundle.scp.css';

/* _content/BistroCaffe.Web/Source/Components/ApplicationLogo.razor.rz.scp.css */
h3[b-vtw0uakx92]{
   
    font-size: 1.5rem;
    height: 100%;
    align-content: center;
}

a[b-vtw0uakx92]{
    display: flex;
    align-items: center;
    gap:1rem;
    padding: 1ch;
}
/* _content/BistroCaffe.Web/Source/Components/BarChart.razor.rz.scp.css */
/* _content/BistroCaffe.Web/Source/Components/ChartJsBase.razor.rz.scp.css */
.chart[b-7wtr7b99k6]{
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-color);
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}
.chart-header[b-7wtr7b99k6]{
    background-color: var(--bg-level-1);
    padding: 1ch;
    display: flex;
    align-items: center;
    justify-content: space-between;
    h3{
        padding: 3px;
        color: var(--accent);
    }
    h5[b-7wtr7b99k6]{
        padding: 3px;
        opacity: 0.5;
        font-size: small;
        font-weight: normal;
    }
}
.chart-body[b-7wtr7b99k6]{
    flex: 1;
    position: relative;
    width: 100%;
    height: 100%;
    container-type: size;
    border: 1px solid var(--border-color);
    padding: 1ch;

}
@container  (width>0) {
    canvas[b-7wtr7b99k6]{
        width: 100cqw;
        height: 100cqh;
        margin: auto;
    }
}
.chart-footer[b-7wtr7b99k6]{
    background-color: var(--bg-level-1);
    padding: 1ch;
    text-align: center;
    font-size: small;
    opacity: 0.8;
}
/* _content/BistroCaffe.Web/Source/Components/MobileMenu.razor.rz.scp.css */
.mobile-menu-page[b-nmvwpy6cgj]{
    height: 100%;
    display: flex;
    flex-direction: column;
    .menu{
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 1ch;
        a{
            display: flex;
            align-items: center;
            gap: 1rem;
            padding: 1rem;
            border-radius: 0.5rem;
            cursor: pointer;
            background-color: var(--bg-level-1);
            
            &:hover{
                background-color: var(--bg-level-2);
            }
            svg[b-nmvwpy6cgj]{
                height: 25px;
                width: 25px;
            }
        }
    }
}
/* _content/BistroCaffe.Web/Source/Components/MobileMenuLink.razor.rz.scp.css */
/* _content/BistroCaffe.Web/Source/Components/ReadQrCode.razor.rz.scp.css */
#qr-reader[b-shtu7hu1ds]{
    height: 100%;
    width:100%;
    margin: auto;
}
/* _content/BistroCaffe.Web/Source/Features/CustomerViews/CustomerOrdersView.razor.rz.scp.css */
.page[b-xic729cqsx]{
    height: 100%;
    display: flex;
    flex-direction: column;
    
}
em[b-xic729cqsx]{
    color: orange;
}
.header[b-xic729cqsx]{
    padding: 1ch;
    background-color: green;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap:1ch;
    svg{
        height:25px;
        width: 25px;
    }
    h3[b-xic729cqsx]{
        display: flex;
        align-items: center;
        gap:1rem;
    }
}
details[b-xic729cqsx]{
    background-color: var(--bg-level-1);
    margin: 1ch 2px;
    summary{
        display: flex;
        align-items: center;
        gap:1rem;
        justify-content: space-between;
        padding: 0 0.5ch;
       
    }
    h4[b-xic729cqsx]{
        display: flex;
        padding: 1ch;
        gap:1rem;
        align-items: center;
        
    }
    .by-day[b-xic729cqsx]{
        display: grid;
        gap:1ch;
        padding: 1rem;
        font-size: small;
        background-color: var(--bg-level-2);
        p{
            display: grid;
        }
    }
}

details[open] summary[b-xic729cqsx]::after {
    content: "⬆️";
}

details:not([open]) summary[b-xic729cqsx]::after {
    content: "⬇️";
}
/* _content/BistroCaffe.Web/Source/Features/EmployeeViews/AddCustomerOrderView.razor.rz.scp.css */
.can-apply[b-asov1vhdbs]{
    background-color: green;
    color: white;
}
.cannot-apply[b-asov1vhdbs]{
    background-color: red;
    color: white;
    pointer-events: none;
}

.header[b-asov1vhdbs]{
    display: flex;
    padding: 1rem;
    background-color: var(--bg-level-1);
    
    color: var(--accent);
    
    h3{
        text-align: center;
        display: flex;
        align-items: center;
        gap: 1ch;
        svg{
            height: 22px;
            width: 22px;
        }
        font-size: 1.2rem;[b-asov1vhdbs]
    }
}
.page[b-asov1vhdbs]{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.body[b-asov1vhdbs]{
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.discounts[b-asov1vhdbs]{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    gap: 1rem;
    padding: 1rem;
    height: 10ch;
}
.form-area[b-asov1vhdbs]{
    gap: 1rem;
    padding: 1rem;
    background-color: var(--bg-level-1);
    display: flex;
    justify-content: center;
    align-items: center;
    .form-group{
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 400px;
        gap: 0.5rem;
        label{
            font-weight: bold;
            background-color: var(--accent);
            color: var(--accent-text);
            padding: 0.5rem;
        }
        input[b-asov1vhdbs]{
            padding: 1rem;
            border: 1px solid var(--border-color);
            border-radius: 4px;
            width: 100%;
            font-size: 2rem;
            background-color: transparent;
            text-align: center;
        }
        p[b-asov1vhdbs]{
            padding: 1rem;
            color: orange;
            font-size: 2rem;
            text-align: center;
            border: 1px solid var(--border-color);
        }
       
    }

    button[b-asov1vhdbs]{
        padding: 0.5rem 1rem;
        background-color: lightgreen;
        color: gray;
        border: 1px solid var(--border-color);
        border-radius: 4px;
        cursor: pointer;
        font-size: 1.2rem;
        width: 200px;
        margin: 1rem auto;
        &:hover{
            background-color: rebeccapurple;
            color: white;
        }
    }
    
    .form[b-asov1vhdbs]{
        width: min(400px,100%);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap:1rem;
    }
}
/* _content/BistroCaffe.Web/Source/Features/EmployeeViews/CustomerEditForm.razor.rz.scp.css */
.page[b-tvfvvcty84]{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.header[b-tvfvvcty84]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    background-color: var(--bg-level-1);
}
.group-form[b-tvfvvcty84]{
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    input,select{
        width: 100%;
        margin-bottom: 0.5rem;
        padding: 0.5rem;
        border: 1px solid var(--bg-level-3);
    }
    select[b-tvfvvcty84]{
        line-height: 2rem;
        font-size: 1.2rem;
    }
    label[b-tvfvvcty84]{
        margin-bottom: 0.25rem;
        font-weight: bold;
    }
}

.button-row[b-tvfvvcty84]{
    display: flex;
    justify-content: center;
    padding: 0.5rem 1rem;
    
    button{
        margin: 0 0.5rem;
        padding: 0.5rem 2rem;
        border: 1px solid var(--border-color);
        background-color: var(--bg-level-2);
        color: white;
        border-radius: 4px;
        cursor: pointer;
    }
}
/* _content/BistroCaffe.Web/Source/Features/EmployeeViews/RedirectToQrCode.razor.rz.scp.css */
/* _content/BistroCaffe.Web/Source/Features/EmployeeViews/SearchCustomerView.razor.rz.scp.css */
.page[b-ofwjmq6nob]{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.header[b-ofwjmq6nob]{
    display: flex;
    padding: 1rem;
    background-color: var(--bg-level-1);
    
    input{
        height: 2rem;
        font-size: 1.3rem;
        text-align: center;
        border: 1px solid var(--border-color);
        width: 100%;
    }
}
.results[b-ofwjmq6nob]{
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    border: 1px solid var(--border-color);
    height: 100%;
    display: grid;
    grid-auto-rows: min-content;
    gap:1ch;
}
.result-item[b-ofwjmq6nob]{
    background-color: var(--bg-level-2);
    padding: 1rem;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
    
}
/* _content/BistroCaffe.Web/Source/Features/ReportsFeatures/CustomerStatistics/CustomersOrdersView.razor.rz.scp.css */
dialog[b-y0it1hgqum]{
    width:min(800px, 100%);
    min-height: 600px;
    max-height: 80svh;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    border: 15px solid var(--border-color);
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 2500px 2500px rgba(0, 0, 0, 0.75);
    .header{
        padding: 1rem;
        display: flex;
        align-items: center;
        background-color: var(--bg-level-1);
        color: var(--accent);
        h3{
            margin: 0;
            font-size: 1.5rem;
            text-align: center;
            flex: 1;
        }
    }
    .body[b-y0it1hgqum]{
        flex: 1;
        overflow-y: auto;
        padding: 1ch;
        height: 100%;
    }
    
    .footer[b-y0it1hgqum]{
        padding: 1rem;
        background-color: var(--bg-level-1);
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 1ch;
    }
}

table[b-y0it1hgqum]{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--border-color);
    th, td{
        padding: 0.5rem;
        text-align: center;
        border: 1px solid var(--border-color);
    }
    th[b-y0it1hgqum]{
        background-color: var(--bg-level-2);
        color: var(--text-color);
    }
    tbody tr:nth-child(odd)[b-y0it1hgqum]{
        background-color: var(--bg-level-3);
    }
   tfoot tr th[b-y0it1hgqum]{
       background-color: var(--info);
         color: var(--info-text);
   }
}

button[b-y0it1hgqum]{
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
    border: none;
    border-radius: 0.25rem;
    background-color: var(--accent);
    color: var(--text-color);
    cursor: pointer;
    transition: background-color 0.3s ease;

    &:hover{
        background-color: var(--warning);
    }
   
}

/* _content/BistroCaffe.Web/Source/Features/ReportsFeatures/CustomerStatistics/CustomersTableView.razor.rz.scp.css */
table[b-tnuuuk5ekt]{
    width: 100%;
    border-collapse: collapse;
    th, td {
        padding: 0.5rem;
        text-align: left;
        border-bottom: 1px solid var(--border-color);
    }
    th[b-tnuuuk5ekt] {
        background-color: var(--bg-level-1);
    }
    
    tr:nth-child(even)[b-tnuuuk5ekt] {
        background-color: var(--bg-level-2);
    }
    
    tr:hover[b-tnuuuk5ekt] {
        background-color: var(--bg-level-3);
    }
    
    tfoot[b-tnuuuk5ekt]{
        color: var(--accent);
    }
    
}
.header[b-tnuuuk5ekt]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background-color: var(--bg-level-1);
    border-bottom: 1px solid var(--border-color);
    margin: 1rem 0;
    input{
        height: 2rem;
        font-size: 1.3rem;
        width: min(50ch,50svw);
        text-align: center;
        border: 1px solid var(--border-color);
        padding: 0 0.5rem;
        
    }
    
}

.page[b-tnuuuk5ekt]{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.body[b-tnuuuk5ekt]{
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    height: 100%;
    border: 1px solid var(--border-color);
}

td button[b-tnuuuk5ekt]{
    padding: 0.5ch 1rem;
    border: none;
    background-color: var(--accent);
    color: var(--text-color);
    cursor: pointer;
    border-radius: 0.5rem;
}
/* _content/BistroCaffe.Web/Source/Features/ReportsFeatures/GeneralStatistics/AllTimeStatisticsView.razor.rz.scp.css */
.page[b-6589au9mnz]{
    height: 100%;
    overflow-y: auto;
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 1rem;
    padding: 1rem;
}

.row[b-6589au9mnz]{
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
/* _content/BistroCaffe.Web/Source/Features/ReportsFeatures/GeneralStatistics/BusinessReportView.razor.rz.scp.css */
.page[b-d561i1ok0x]{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.body[b-d561i1ok0x]{
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y:auto;
    height: 100%;
    border: 1px solid var(--border-color);
}

table[b-d561i1ok0x]{
    width: 100%;
    border-collapse: collapse;
    th, td {
        padding: 0.5rem;
        text-align: left;
        border-bottom: 1px solid var(--border-color);
    }
    th[b-d561i1ok0x] {
        background-color: var(--bg-level-1);
    }

    tr:nth-child(even)[b-d561i1ok0x] {
        background-color: var(--bg-level-2);
    }

    tr:hover[b-d561i1ok0x] {
        background-color: var(--bg-level-3);
    }

    tfoot[b-d561i1ok0x]{
        color: var(--accent);
    }

}

.header[b-d561i1ok0x]{
    display: flex;
    justify-content: space-around;
    padding: 1rem;
    gap:1rem;
    fieldset{
        padding: 1rem;
        flex: 1;
        p{
            margin: 0;
            font-weight: bold;
            padding: 0;
        }
    }
}

.month[b-d561i1ok0x]{
    color: var(--success);
}
/* _content/BistroCaffe.Web/Source/Features/ReportsFeatures/GeneralStatistics/CustomerStatsView.razor.rz.scp.css */
.charts[b-aqum85v30d]{
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(25svw,1fr));
    grid-template-rows: auto;
    padding: 1rem;
    gap: 1rem;
    background-color: var(--bg-level-1);
}
/* _content/BistroCaffe.Web/Source/Features/ReportsFeatures/GeneralStatistics/DiscountStatsView.razor.rz.scp.css */
.charts[b-ftl97adiv6]{
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(25svw,1fr));
    grid-template-rows: auto;
    padding: 1rem;
    gap: 1rem;
    background-color: var(--bg-level-1);
}
/* _content/BistroCaffe.Web/Source/Features/ReportsFeatures/GeneralStatistics/FilterByYear.razor.rz.scp.css */
.filter[b-qk8p9x2oue]{
    height: 100%;
    display: flex;
    align-items: center;
    gap:1rem;
    padding: 0 1rem;
    .form-group{
        display: flex;
        align-items: center;
        gap:1ch;
        
        input,select{
            height: 2rem;
            font-size: 1.3rem;
            width: 20ch;
            text-align: center;
            border: 1px solid var(--border-color);
        }
    }
}
/* _content/BistroCaffe.Web/Source/Features/ReportsFeatures/GeneralStatistics/MobileBusinessReportView.razor.rz.scp.css */
.page[b-zic1rvy8i6]{
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    gap:1ch
}
details[b-zic1rvy8i6]{
    padding: 1ch;
    background-color: var(--bg-level-1);
    border: 1px solid var(--bg-level-3);
    font-size: 0.8rem;
    summary{
        padding: 1ch;
    }
    .content[b-zic1rvy8i6]{
        margin: 1ch;
        background-color: var(--bg-level-2);
        padding: 1ch;
        display: flex;
        flex-direction: column;
        
        p{
            max-width: 100%;
            width: 100%;
            text-wrap: wrap;
            padding: 0;
            margin: 0;
            line-height: 2rem;
            
           
        }
        p.month[b-zic1rvy8i6]:before{
            content: '📆 ';
        }
        p:not(.month)[b-zic1rvy8i6]:before{
                content: "👉 ";
        }
    }
}

.card[b-zic1rvy8i6]{
    padding: 1ch;
    background-color: var(--bg);
    margin: 1ch;
    h5{
        color: var(--accent)!important;
        padding: 3px;
    }
    h6[b-zic1rvy8i6]{
        color: gray;padding: 3px;
        border-bottom: 1px solid gray;
    }
    p[b-zic1rvy8i6]{
        padding: 0;
        margin: 0;
        font-size: small;
    }
    .bar[b-zic1rvy8i6]{
        display: flex;
        margin: 1ch;
    }
}

.bar-value[b-zic1rvy8i6]{
    background-color: var(--info);
    color: var(--info-text);
    padding: 2px;
    text-align: center;
    border-radius: 5px;
}
.month[b-zic1rvy8i6]{
    color: var(--info);
    font-size: 1rem;
    border-bottom: 1px solid var(--info-text);
    font-weight: bold;
}

details[open] summary[b-zic1rvy8i6]{
    background-color: var(--bg-level-3);
}
/* _content/BistroCaffe.Web/Source/Features/ReportsFeatures/GeneralStatistics/StatisticsTableView.razor.rz.scp.css */
table[b-r25h5e2spy]{
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
    
    th, td {
        padding: 0.5rem;
        text-align: center;
        border: 1px solid var(--border-color);
    }
    
    th[b-r25h5e2spy] {
        background-color: var(--bg-level-1);
    }
    
    tr:nth-child(even)[b-r25h5e2spy] {
        background-color: var(--bg-level-2);
    }
    
    tr:nth-child(odd)[b-r25h5e2spy] {
        background-color: var(--bg-level-3);
    }
    
    tr:hover[b-r25h5e2spy] {
        background-color: var(--bg);
    }
}
/* _content/BistroCaffe.Web/Source/Features/ReportsFeatures/GeneralStatistics/StatisticsView.razor.rz.scp.css */
.page[b-rgmn5b3ohi]{
    height: 100%;
    overflow-y: auto;
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 1rem;
    padding: 1rem;
}

.row[b-rgmn5b3ohi]{
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
/* _content/BistroCaffe.Web/Source/Features/SettingsFeatures/Views/FilterCustomerCreatedDateHeaderCell.razor.rz.scp.css */
button[b-13vfp2ofsl]{
    height: 100%;
    width: 100%;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
dialog[b-13vfp2ofsl]{
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap:1ch;
    
    border: 1px solid var(--border-color);
    label{
        font-weight: lighter;
        font-size: smaller;
        margin-right: 1ch;
    }
    input[b-13vfp2ofsl]{
        height: 2rem;
        padding: 0 1ch;
        width: 100%;
        font-size: 1.1rem;
    }
    button[b-13vfp2ofsl]{
        padding: 1ch;
        background-color: var(--border-color);
    }
}
/* _content/BistroCaffe.Web/Source/Features/SettingsFeatures/Views/GenerateQrCodeImagesButton.razor.rz.scp.css */
button[b-wm39zyg8cy]{
    height: 100%;
    padding:0 2rem;
    display: flex;
    align-items: center;
    gap:1rem;
}
/* _content/BistroCaffe.Web/Source/Features/SettingsFeatures/Views/GenerateSampleQrCodesButton.razor.rz.scp.css */
button[b-grk68fqlr5]{
    height: 100%;
    padding:0 2rem;
    display: flex;
    align-items: center;
    gap:1rem;
}
/* _content/BistroCaffe.Web/Source/Main/Error.razor.rz.scp.css */
[b-v95nv33mni] svg{
    width: 5rem;
    height: 5rem;
    fill: orange;
}
h1[b-v95nv33mni]{
    font-size: 3rem;
    color: tomato;
}

p[b-v95nv33mni]{
    line-height: 2rem;
    color:var(--warning);
    
    a{
        display: block;
        color: var(--success);
        padding: 1ch;
        border: 1px solid var(--info);
        margin: 2rem;
        
        &:hover{
            background-color: var(--success);
            color: var(--success-text);
        }
    }
}

.text-danger[b-v95nv33mni]{
    color: var(--danger);
}

pre[b-v95nv33mni]{
    background-color: var(--info);
    padding: 1rem;
    border-radius: 1rem;
    margin: 2rem;
    color: var(--info-text);
}