/* /Components/Account/Pages/Login.razor.rz.scp.css */
/* =========================================================
   LOGIN PAGE - MyBauManagement
   ========================================================= */

.login-page[b-y9asqkesjz] {
    position: relative;
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    background: radial-gradient(circle at 50% 20%, rgba(255, 122, 0, 0.08), transparent 35%), #050505;
    overflow: hidden;
}


/* =========================================================
   BACKGROUND
   ========================================================= */

.login-background[b-y9asqkesjz] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.glow[b-y9asqkesjz] {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: .35;
}

.glow-1[b-y9asqkesjz] {
    width: 420px;
    height: 420px;
    top: -180px;
    left: -120px;
    background: rgba(255, 122, 0, .12);
}

.glow-2[b-y9asqkesjz] {
    width: 500px;
    height: 500px;
    bottom: -250px;
    right: -150px;
    background: rgba(255, 122, 0, .09);
}

.grid-lines[b-y9asqkesjz] {
    position: absolute;
    inset: 0;
    opacity: .18;
    background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 70px 70px;
}


/* =========================================================
   CONSTRUCTION BACKGROUND SHAPES
   ========================================================= */

.construction-shape[b-y9asqkesjz] {
    position: absolute;
    opacity: .08;
}

.shape-left[b-y9asqkesjz] {
    left: 3%;
    bottom: 5%;
    width: 280px;
    height: 420px;
}

.crane-tower[b-y9asqkesjz] {
    position: absolute;
    bottom: 0;
    left: 70px;
    width: 5px;
    height: 330px;
    background: #ff7a00;
    box-shadow: 25px 0 0 rgba(255,122,0,.5), 50px 0 0 rgba(255,122,0,.25);
}

    .crane-tower[b-y9asqkesjz]::before,
    .crane-tower[b-y9asqkesjz]::after {
        content: "";
        position: absolute;
        left: 0;
        width: 75px;
        height: 2px;
        background: #ff7a00;
        transform-origin: left center;
    }

    .crane-tower[b-y9asqkesjz]::before {
        top: 45px;
        transform: rotate(28deg);
    }

    .crane-tower[b-y9asqkesjz]::after {
        top: 105px;
        transform: rotate(-28deg);
    }

.crane-arm[b-y9asqkesjz] {
    position: absolute;
    left: 72px;
    top: 45px;
    width: 190px;
    height: 4px;
    background: #ff7a00;
}

    .crane-arm[b-y9asqkesjz]::after {
        content: "";
        position: absolute;
        right: 20px;
        top: 4px;
        width: 2px;
        height: 90px;
        background: #ff7a00;
    }


/* Right buildings */

.shape-right[b-y9asqkesjz] {
    right: 2%;
    bottom: 0;
    width: 380px;
    height: 300px;
}

.building[b-y9asqkesjz] {
    position: absolute;
    bottom: 0;
    background: rgba(255,122,0,.12);
    border: 1px solid rgba(255,122,0,.25);
}

.building-1[b-y9asqkesjz] {
    right: 0;
    width: 90px;
    height: 210px;
}

.building-2[b-y9asqkesjz] {
    right: 100px;
    width: 120px;
    height: 160px;
}

.building-3[b-y9asqkesjz] {
    right: 230px;
    width: 90px;
    height: 115px;
}


/* =========================================================
   MAIN CONTAINER
   ========================================================= */

.login-container[b-y9asqkesjz] {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: 470px;
}


/* =========================================================
   TOP BRAND
   ========================================================= */

.login-top[b-y9asqkesjz] {
    margin-bottom: 18px;
}

.brand-back[b-y9asqkesjz] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #999;
    text-decoration: none;
    font-size: .9rem;
    transition: color .2s ease;
}

    .brand-back:hover[b-y9asqkesjz] {
        color: #fff;
    }

.back-arrow[b-y9asqkesjz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #111;
    border: 1px solid #292929;
    color: #ff7a00;
    transition: all .2s ease;
}

.brand-back:hover .back-arrow[b-y9asqkesjz] {
    background: #ff7a00;
    border-color: #ff7a00;
    color: #fff;
}

.brand-name[b-y9asqkesjz] {
    color: #fff;
    font-weight: 700;
    letter-spacing: -.03em;
}

.brand-orange[b-y9asqkesjz] {
    color: #ff7a00;
}


/* =========================================================
   LOGIN CARD
   ========================================================= */

.login-card[b-y9asqkesjz] {
    position: relative;
    background: rgba(15, 15, 15, .96);
    border: 1px solid #292929;
    border-radius: 22px;
    padding: 38px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .015);
    backdrop-filter: blur(20px);
}

    .login-card[b-y9asqkesjz]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 12%;
        right: 12%;
        height: 1px;
        background: linear-gradient( 90deg, transparent, rgba(255,122,0,.8), transparent );
    }


/* =========================================================
   LOGO
   ========================================================= */

.login-logo[b-y9asqkesjz] {
    display: flex;
    justify-content: center;
    margin-bottom: 22px;
}

.logo-inner[b-y9asqkesjz] {
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: linear-gradient(145deg, #1d1d1d, #0b0b0b);
    border: 1px solid rgba(255,122,0,.45);
    box-shadow: 0 0 30px rgba(255,122,0,.12), inset 0 0 20px rgba(255,122,0,.04);
}

.logo-icon[b-y9asqkesjz] {
    font-size: 30px;
    filter: grayscale(.2);
}


/* =========================================================
   HEADER
   ========================================================= */

.login-header[b-y9asqkesjz] {
    text-align: center;
    margin-bottom: 30px;
}

    .login-header h1[b-y9asqkesjz] {
        margin: 0;
        color: #fff;
        font-size: 2rem;
        font-weight: 750;
        letter-spacing: -.045em;
        line-height: 1.15;
    }

        .login-header h1 span[b-y9asqkesjz] {
            color: #ff7a00;
        }

    .login-header p[b-y9asqkesjz] {
        margin: 10px auto 0;
        max-width: 340px;
        color: #777;
        font-size: .92rem;
        line-height: 1.55;
    }


/* =========================================================
   ERROR
   ========================================================= */

.login-error[b-y9asqkesjz] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    margin-bottom: 20px;
    border-radius: 10px;
    background: rgba(220, 53, 69, .08);
    border: 1px solid rgba(220, 53, 69, .25);
    color: #ff9aa4;
    font-size: .86rem;
}

.error-icon[b-y9asqkesjz] {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(220,53,69,.15);
    color: #ff7b87;
    font-size: .75rem;
    font-weight: 800;
}


/* =========================================================
   VALIDATION
   ========================================================= */

.validation-summary[b-y9asqkesjz] {
    margin-bottom: 18px;
    padding: 10px 14px;
    border-radius: 9px;
    background: rgba(220, 53, 69, .07);
    border: 1px solid rgba(220, 53, 69, .2);
    color: #ff9aa4;
    font-size: .85rem;
}

    .validation-summary:empty[b-y9asqkesjz] {
        display: none;
    }

.field-validation[b-y9asqkesjz] {
    display: block;
    margin-top: -12px;
    margin-bottom: 14px;
    padding-left: 4px;
    color: #ff8d98 !important;
    font-size: .78rem;
}


/* =========================================================
   INPUT FIELDS
   ========================================================= */

.login-field[b-y9asqkesjz] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 66px;
    padding: 8px 14px;
    margin-bottom: 8px;
    background: #111;
    border: 1px solid #303030;
    border-radius: 12px;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

    .login-field:focus-within[b-y9asqkesjz] {
        background: #131313;
        border-color: #ff7a00;
        box-shadow: 0 0 0 3px rgba(255,122,0,.09);
    }

.field-icon[b-y9asqkesjz] {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(255,122,0,.08);
    color: #ff7a00;
    font-size: 17px;
}

.field-content[b-y9asqkesjz] {
    min-width: 0;
    flex: 1;
}

    .field-content label[b-y9asqkesjz] {
        display: block;
        margin-bottom: 1px;
        color: #777;
        font-size: .72rem;
        font-weight: 600;
    }

    .field-content .form-control[b-y9asqkesjz] {
        width: 100%;
        height: 27px;
        padding: 0;
        background: transparent !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        color: #fff !important;
        font-size: .93rem;
    }

        .field-content .form-control[b-y9asqkesjz]::placeholder {
            color: #444 !important;
        }

        .field-content .form-control:-webkit-autofill[b-y9asqkesjz],
        .field-content .form-control:-webkit-autofill:hover[b-y9asqkesjz],
        .field-content .form-control:-webkit-autofill:focus[b-y9asqkesjz] {
            -webkit-text-fill-color: #fff !important;
            -webkit-box-shadow: 0 0 0 1000px #111 inset !important;
            transition: background-color 5000s ease-in-out 0s;
        }


/* =========================================================
   REMEMBER ME
   ========================================================= */

.remember-row[b-y9asqkesjz] {
    margin: 17px 2px 20px;
}

.remember-label[b-y9asqkesjz] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    color: #999;
    font-size: .84rem;
    cursor: pointer;
    user-select: none;
}

.remember-checkbox[b-y9asqkesjz] {
    width: 17px;
    height: 17px;
    margin: 0 !important;
    background-color: #111 !important;
    border: 1px solid #444 !important;
    box-shadow: none !important;
    cursor: pointer;
}

    .remember-checkbox:checked[b-y9asqkesjz] {
        background-color: #ff7a00 !important;
        border-color: #ff7a00 !important;
    }


/* =========================================================
   LOGIN BUTTON
   ========================================================= */

.login-button[b-y9asqkesjz] {
    width: 100%;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid #ff7a00;
    border-radius: 11px;
    background: #ff7a00;
    color: #fff;
    font-size: .94rem;
    font-weight: 700;
    letter-spacing: .01em;
    cursor: pointer;
    box-shadow: 0 8px 25px rgba(255,122,0,.16);
    transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

    .login-button:hover[b-y9asqkesjz] {
        background: #ff8a1a;
        border-color: #ff8a1a;
        box-shadow: 0 12px 30px rgba(255,122,0,.24);
        transform: translateY(-1px);
    }

    .login-button:active[b-y9asqkesjz] {
        background: #e96f00;
        border-color: #e96f00;
        transform: translateY(0);
        box-shadow: 0 5px 15px rgba(255,122,0,.14);
    }

.button-arrow[b-y9asqkesjz] {
    font-size: 1.1rem;
    transition: transform .18s ease;
}

.login-button:hover .button-arrow[b-y9asqkesjz] {
    transform: translateX(4px);
}


/* =========================================================
   DIVIDER
   ========================================================= */

.login-divider[b-y9asqkesjz] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 27px 0 18px;
}

    .login-divider span[b-y9asqkesjz] {
        flex: 1;
        height: 1px;
        background: #292929;
    }

    .login-divider small[b-y9asqkesjz] {
        color: #555;
        font-size: .73rem;
    }


/* =========================================================
   LINKS
   ========================================================= */

.login-links[b-y9asqkesjz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.login-link[b-y9asqkesjz] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #999;
    text-decoration: none;
    font-size: .84rem;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}

    .login-link:hover[b-y9asqkesjz] {
        background: #181818;
        border-color: #292929;
        color: #fff;
    }

.link-icon[b-y9asqkesjz] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #181818;
    color: #ff7a00;
    font-size: .8rem;
}

.login-link:hover .link-icon[b-y9asqkesjz] {
    background: rgba(255,122,0,.1);
}

.link-arrow[b-y9asqkesjz] {
    margin-left: auto;
    color: #555;
    font-size: 1rem;
    transition: color .18s ease, transform .18s ease;
}

.login-link:hover .link-arrow[b-y9asqkesjz] {
    color: #ff7a00;
    transform: translateX(3px);
}


/* =========================================================
   FOOTER
   ========================================================= */

.login-footer[b-y9asqkesjz] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    color: #444;
    font-size: .72rem;
}

    .login-footer span:nth-child(2)[b-y9asqkesjz] {
        color: #ff7a00;
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 600px) {

    .login-page[b-y9asqkesjz] {
        align-items: flex-start;
        padding: 20px 14px;
    }

    .login-container[b-y9asqkesjz] {
        max-width: 100%;
    }

    .login-card[b-y9asqkesjz] {
        padding: 28px 20px;
        border-radius: 18px;
    }

    .login-header[b-y9asqkesjz] {
        margin-bottom: 25px;
    }

        .login-header h1[b-y9asqkesjz] {
            font-size: 1.75rem;
        }

    .login-logo[b-y9asqkesjz] {
        margin-bottom: 18px;
    }

    .logo-inner[b-y9asqkesjz] {
        width: 58px;
        height: 58px;
        border-radius: 15px;
    }

    .logo-icon[b-y9asqkesjz] {
        font-size: 26px;
    }

    .shape-left[b-y9asqkesjz],
    .shape-right[b-y9asqkesjz] {
        display: none;
    }

    .grid-lines[b-y9asqkesjz] {
        background-size: 50px 50px;
    }
}


@media (max-width: 380px) {

    .login-page[b-y9asqkesjz] {
        padding: 14px 10px;
    }

    .login-card[b-y9asqkesjz] {
        padding: 24px 16px;
    }

    .login-header h1[b-y9asqkesjz] {
        font-size: 1.6rem;
    }

    .login-field[b-y9asqkesjz] {
        min-height: 62px;
    }
}
/* /Components/Account/Pages/Register.razor.rz.scp.css */
/* =========================================================
   REGISTER PAGE - MyBauManagement
   ========================================================= */

.register-page[b-i6e8q9u87h] {
    position: relative;
    min-height: 100vh;
    width: 100%;
    padding: 35px 20px 45px;
    background: radial-gradient(circle at 50% 5%, rgba(255, 122, 0, .08), transparent 32%), #050505;
    color: #fff;
    overflow-x: hidden;
}


/* =========================================================
   BACKGROUND
   ========================================================= */

.register-background[b-i6e8q9u87h] {
    position: fixed;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

.register-glow[b-i6e8q9u87h] {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    opacity: .35;
}

.register-glow-1[b-i6e8q9u87h] {
    width: 500px;
    height: 500px;
    top: -250px;
    left: -180px;
    background: rgba(255, 122, 0, .10);
}

.register-glow-2[b-i6e8q9u87h] {
    width: 550px;
    height: 550px;
    right: -250px;
    bottom: -280px;
    background: rgba(255, 122, 0, .08);
}

.register-grid[b-i6e8q9u87h] {
    position: absolute;
    inset: 0;
    opacity: .16;
    background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 70px 70px;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.register-container[b-i6e8q9u87h] {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}


/* =========================================================
   TOP BAR
   ========================================================= */

.register-top[b-i6e8q9u87h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 45px;
}

.register-brand[b-i6e8q9u87h] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-decoration: none;
}

.register-brand-back[b-i6e8q9u87h] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #111;
    border: 1px solid #292929;
    color: #ff7a00;
    transition: all .2s ease;
}

.register-brand:hover .register-brand-back[b-i6e8q9u87h] {
    background: #ff7a00;
    border-color: #ff7a00;
    color: #fff;
}

.register-brand strong[b-i6e8q9u87h] {
    font-size: 1.05rem;
    font-weight: 750;
    letter-spacing: -.035em;
}

    .register-brand strong span[b-i6e8q9u87h] {
        color: #ff7a00;
    }

.register-login-top[b-i6e8q9u87h] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #666;
    font-size: .82rem;
}

    .register-login-top a[b-i6e8q9u87h] {
        color: #ff7a00;
        text-decoration: none;
        font-weight: 600;
        transition: color .18s ease;
    }

        .register-login-top a:hover[b-i6e8q9u87h] {
            color: #ff9a3d;
        }


/* =========================================================
   HEADER
   ========================================================= */

.register-heading[b-i6e8q9u87h] {
    text-align: center;
    max-width: 680px;
    margin: 0 auto 38px;
}

.register-heading-badge[b-i6e8q9u87h] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    margin-bottom: 17px;
    border: 1px solid rgba(255,122,0,.22);
    border-radius: 30px;
    background: rgba(255,122,0,.06);
    color: #ff9a45;
    font-size: .74rem;
    font-weight: 700;
}

.badge-dot[b-i6e8q9u87h] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff7a00;
    box-shadow: 0 0 10px rgba(255,122,0,.7);
}

.register-heading h1[b-i6e8q9u87h] {
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -.055em;
}

    .register-heading h1 span[b-i6e8q9u87h] {
        color: #ff7a00;
        display: block;
    }

.register-heading p[b-i6e8q9u87h] {
    max-width: 590px;
    margin: 15px auto 0;
    color: #777;
    font-size: .95rem;
    line-height: 1.6;
}


/* =========================================================
   MESSAGE / VALIDATION
   ========================================================= */

.register-message[b-i6e8q9u87h] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding: 13px 15px;
    border-radius: 11px;
    background: rgba(220,53,69,.08);
    border: 1px solid rgba(220,53,69,.25);
    color: #ff9ba4;
    font-size: .85rem;
}

    .register-message i[b-i6e8q9u87h] {
        color: #ff7884;
    }

.register-validation[b-i6e8q9u87h] {
    margin-bottom: 18px;
}

    .register-validation:empty[b-i6e8q9u87h] {
        display: none;
    }

    .register-validation .validation-summary[b-i6e8q9u87h] {
        margin: 0;
        padding: 13px 15px;
        border-radius: 11px;
        background: rgba(220,53,69,.08);
        border: 1px solid rgba(220,53,69,.25);
        color: #ff9ba4;
        font-size: .84rem;
    }

        .register-validation .validation-summary:empty[b-i6e8q9u87h] {
            display: none;
        }


/* =========================================================
   REGISTER CARD
   ========================================================= */

.register-card[b-i6e8q9u87h] {
    position: relative;
    margin-bottom: 18px;
    padding: 30px;
    background: rgba(15,15,15,.96);
    border: 1px solid #292929;
    border-radius: 18px;
    box-shadow: 0 18px 50px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.012);
    backdrop-filter: blur(18px);
}

    .register-card[b-i6e8q9u87h]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 8%;
        right: 8%;
        height: 1px;
        background: linear-gradient( 90deg, transparent, rgba(255,122,0,.35), transparent );
    }


/* =========================================================
   SECTION HEADER
   ========================================================= */

.register-section-header[b-i6e8q9u87h] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 25px;
}

.section-number[b-i6e8q9u87h] {
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: rgba(255,122,0,.08);
    border: 1px solid rgba(255,122,0,.28);
    color: #ff7a00;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .03em;
}

.register-section-header h2[b-i6e8q9u87h] {
    margin: 0;
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -.025em;
}

.register-section-header p[b-i6e8q9u87h] {
    margin: 4px 0 0;
    color: #666;
    font-size: .78rem;
}


/* =========================================================
   FORM GRID
   ========================================================= */

.register-fields[b-i6e8q9u87h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 15px;
}

.register-field[b-i6e8q9u87h] {
    min-width: 0;
}

    .register-field.full[b-i6e8q9u87h] {
        grid-column: 1 / -1;
    }

    .register-field.address[b-i6e8q9u87h] {
        grid-column: span 1;
    }

    .register-field.postal[b-i6e8q9u87h] {
        grid-column: span 1;
    }

    .register-field.city[b-i6e8q9u87h] {
        grid-column: span 1;
    }


    /* =========================================================
   LABELS
   ========================================================= */

    .register-field > label[b-i6e8q9u87h] {
        display: block;
        margin-bottom: 7px;
        padding-left: 2px;
        color: #999;
        font-size: .77rem;
        font-weight: 600;
    }

        .register-field > label span[b-i6e8q9u87h] {
            color: #ff7a00;
        }


/* =========================================================
   INPUTS
   ========================================================= */

.register-input-wrapper[b-i6e8q9u87h] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 13px;
    background: #111;
    border: 1px solid #303030;
    border-radius: 10px;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

    .register-input-wrapper:focus-within[b-i6e8q9u87h] {
        background: #131313;
        border-color: #ff7a00;
        box-shadow: 0 0 0 3px rgba(255,122,0,.08);
    }

    .register-input-wrapper > i[b-i6e8q9u87h] {
        flex: 0 0 auto;
        color: #666;
        font-size: .95rem;
        transition: color .18s ease;
    }

    .register-input-wrapper:focus-within > i[b-i6e8q9u87h] {
        color: #ff7a00;
    }

.register-input[b-i6e8q9u87h] {
    min-width: 0;
    width: 100%;
    height: 45px;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: .88rem;
}

    .register-input[b-i6e8q9u87h]::placeholder {
        color: #444 !important;
    }

    .register-input:-webkit-autofill[b-i6e8q9u87h],
    .register-input:-webkit-autofill:hover[b-i6e8q9u87h],
    .register-input:-webkit-autofill:focus[b-i6e8q9u87h] {
        -webkit-text-fill-color: #fff !important;
        -webkit-box-shadow: 0 0 0 1000px #111 inset !important;
        transition: background-color 5000s ease-in-out 0s;
    }

.register-field > div + div[b-i6e8q9u87h],
.register-field > .text-danger[b-i6e8q9u87h] {
    display: block;
    margin-top: 6px;
    color: #ff8993 !important;
    font-size: .74rem;
}


/* =========================================================
   PLAN GRID
   ========================================================= */

.plan-grid[b-i6e8q9u87h] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.plan-card[b-i6e8q9u87h] {
    position: relative;
    display: block;
    min-height: 155px;
    padding: 17px;
    background: #111;
    border: 1px solid #303030;
    border-radius: 13px;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

    .plan-card:hover[b-i6e8q9u87h] {
        background: #161616;
        border-color: #555;
        transform: translateY(-2px);
    }

    .plan-card.selected[b-i6e8q9u87h] {
        background: linear-gradient( 145deg, rgba(255,122,0,.10), rgba(255,122,0,.025) );
        border-color: #ff7a00;
        box-shadow: 0 8px 28px rgba(255,122,0,.08), inset 0 0 25px rgba(255,122,0,.025);
    }

.plan-radio[b-i6e8q9u87h] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.plan-top[b-i6e8q9u87h] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.plan-name[b-i6e8q9u87h] {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1;
}

    .plan-name span[b-i6e8q9u87h] {
        margin-top: 6px;
        color: #777;
        font-size: .68rem;
        font-weight: 600;
    }

.plan-check[b-i6e8q9u87h] {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ff7a00;
    color: #fff;
    font-size: .68rem;
    font-weight: 800;
}

.plan-price[b-i6e8q9u87h] {
    margin-top: 25px;
    color: #fff;
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: -.04em;
}

    .plan-price span[b-i6e8q9u87h] {
        color: #666;
        font-size: .68rem;
        font-weight: 500;
        letter-spacing: 0;
    }

.plan-employees[b-i6e8q9u87h] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 13px;
    color: #777;
    font-size: .72rem;
}

    .plan-employees i[b-i6e8q9u87h] {
        color: #ff7a00;
    }


/* =========================================================
   STRIPE
   ========================================================= */

.stripe-box[b-i6e8q9u87h] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 17px;
    background: linear-gradient( 135deg, #151515, #101010 );
    border: 1px solid #303030;
    border-radius: 12px;
}

.stripe-lock[b-i6e8q9u87h] {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(255,122,0,.08);
    border: 1px solid rgba(255,122,0,.18);
    color: #ff7a00;
}

.stripe-content[b-i6e8q9u87h] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

    .stripe-content strong[b-i6e8q9u87h] {
        color: #eee;
        font-size: .84rem;
        font-weight: 700;
    }

    .stripe-content span[b-i6e8q9u87h] {
        margin-top: 4px;
        color: #666;
        font-size: .73rem;
        line-height: 1.45;
    }

.stripe-word[b-i6e8q9u87h] {
    color: #777;
    font-size: 1.1rem;
    font-weight: 700;
    font-style: italic;
    letter-spacing: -.05em;
}

.stripe-note[b-i6e8q9u87h] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 11px;
    color: #666;
    font-size: .72rem;
    line-height: 1.45;
}

    .stripe-note i[b-i6e8q9u87h] {
        flex: 0 0 auto;
        margin-top: 1px;
        color: #ff7a00;
    }


/* =========================================================
   SUBMIT
   ========================================================= */

.register-submit-area[b-i6e8q9u87h] {
    margin-top: 25px;
}

.register-submit[b-i6e8q9u87h] {
    width: 100%;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid #ff7a00;
    border-radius: 11px;
    background: #ff7a00;
    color: #fff;
    font-size: .92rem;
    font-weight: 750;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(255,122,0,.15);
    transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

    .register-submit:hover[b-i6e8q9u87h] {
        background: #ff8a1a;
        border-color: #ff8a1a;
        box-shadow: 0 14px 35px rgba(255,122,0,.23);
        transform: translateY(-1px);
    }

    .register-submit:active[b-i6e8q9u87h] {
        background: #e96f00;
        border-color: #e96f00;
        transform: translateY(0);
    }

.submit-arrow[b-i6e8q9u87h] {
    font-size: 1.15rem;
    transition: transform .18s ease;
}

.register-submit:hover .submit-arrow[b-i6e8q9u87h] {
    transform: translateX(4px);
}


/* =========================================================
   TRIAL INFO
   ========================================================= */

.trial-info[b-i6e8q9u87h] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 13px;
    padding: 11px 15px;
    border: 1px solid #242424;
    border-radius: 10px;
    background: #0d0d0d;
}

.trial-icon[b-i6e8q9u87h] {
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(255,122,0,.08);
    color: #ff7a00;
    font-size: .8rem;
}

.trial-info > div:last-child[b-i6e8q9u87h] {
    display: flex;
    flex-direction: column;
}

.trial-info strong[b-i6e8q9u87h] {
    color: #aaa;
    font-size: .75rem;
}

.trial-info span[b-i6e8q9u87h] {
    margin-top: 2px;
    color: #555;
    font-size: .68rem;
}


/* =========================================================
   LEGAL
   ========================================================= */

.register-legal[b-i6e8q9u87h] {
    max-width: 650px;
    margin: 18px auto 0;
    color: #505050;
    text-align: center;
    font-size: .7rem;
    line-height: 1.6;
}

    .register-legal a[b-i6e8q9u87h] {
        color: #777;
        text-decoration: underline;
        text-decoration-color: #444;
        text-underline-offset: 2px;
        transition: color .18s ease;
    }

        .register-legal a:hover[b-i6e8q9u87h] {
            color: #ff7a00;
        }


/* =========================================================
   LOGIN BOTTOM
   ========================================================= */

.register-login[b-i6e8q9u87h] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 18px;
    color: #555;
    font-size: .78rem;
}

    .register-login a[b-i6e8q9u87h] {
        color: #ff7a00;
        font-weight: 650;
        text-decoration: none;
        transition: color .18s ease;
    }

        .register-login a:hover[b-i6e8q9u87h] {
            color: #ff9a3d;
        }


/* =========================================================
   FOOTER
   ========================================================= */

.register-footer[b-i6e8q9u87h] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 25px;
    color: #3f3f3f;
    font-size: .68rem;
}

    .register-footer span:nth-child(2)[b-i6e8q9u87h] {
        color: #ff7a00;
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 850px) {

    .register-container[b-i6e8q9u87h] {
        max-width: 700px;
    }

    .plan-grid[b-i6e8q9u87h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 650px) {

    .register-page[b-i6e8q9u87h] {
        padding: 20px 12px 35px;
    }

    .register-top[b-i6e8q9u87h] {
        margin-bottom: 32px;
    }

    .register-login-top span[b-i6e8q9u87h] {
        display: none;
    }

    .register-heading[b-i6e8q9u87h] {
        margin-bottom: 28px;
    }

        .register-heading h1[b-i6e8q9u87h] {
            font-size: 2rem;
        }

        .register-heading p[b-i6e8q9u87h] {
            font-size: .86rem;
        }

    .register-card[b-i6e8q9u87h] {
        padding: 22px 18px;
        border-radius: 15px;
    }

    .register-fields[b-i6e8q9u87h] {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .register-field[b-i6e8q9u87h],
    .register-field.full[b-i6e8q9u87h],
    .register-field.address[b-i6e8q9u87h],
    .register-field.postal[b-i6e8q9u87h],
    .register-field.city[b-i6e8q9u87h] {
        grid-column: 1 / -1;
    }

    .plan-grid[b-i6e8q9u87h] {
        grid-template-columns: 1fr 1fr;
        gap: 9px;
    }

    .plan-card[b-i6e8q9u87h] {
        min-height: 145px;
        padding: 14px;
    }

    .plan-price[b-i6e8q9u87h] {
        margin-top: 20px;
        font-size: 1.3rem;
    }

    .stripe-box[b-i6e8q9u87h] {
        align-items: flex-start;
    }

    .stripe-word[b-i6e8q9u87h] {
        display: none;
    }
}


@media (max-width: 430px) {

    .register-page[b-i6e8q9u87h] {
        padding: 14px 9px 30px;
    }

    .register-top[b-i6e8q9u87h] {
        margin-bottom: 25px;
    }

    .register-brand strong[b-i6e8q9u87h] {
        font-size: .95rem;
    }

    .register-heading-badge[b-i6e8q9u87h] {
        font-size: .68rem;
    }

    .register-heading h1[b-i6e8q9u87h] {
        font-size: 1.75rem;
    }

    .register-card[b-i6e8q9u87h] {
        padding: 20px 14px;
    }

    .register-section-header[b-i6e8q9u87h] {
        gap: 10px;
    }

    .section-number[b-i6e8q9u87h] {
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
    }

    .register-section-header h2[b-i6e8q9u87h] {
        font-size: .96rem;
    }

    .register-section-header p[b-i6e8q9u87h] {
        font-size: .7rem;
    }

    .plan-grid[b-i6e8q9u87h] {
        grid-template-columns: 1fr;
    }

    .plan-card[b-i6e8q9u87h] {
        min-height: 125px;
    }

    .plan-price[b-i6e8q9u87h] {
        margin-top: 17px;
    }

    .trial-info[b-i6e8q9u87h] {
        justify-content: flex-start;
    }

    .register-login[b-i6e8q9u87h] {
        flex-direction: column;
        gap: 4px;
    }
}

/* =========================================================
   LIGHTER DARK THEME
   ========================================================= */

.register-page[b-i6e8q9u87h] {
    background: radial-gradient( circle at 50% 0%, rgba(255, 122, 0, .12), transparent 38% ), linear-gradient( 135deg, #101010 0%, #0d0d0d 45%, #121212 100% );
}


/* Cards - lighter than background */
.register-card[b-i6e8q9u87h] {
    background: #181818;
    border-color: #303030;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255,255,255,.025);
}


/* Inputs - clearly separated */
.register-input-wrapper[b-i6e8q9u87h] {
    background: #202020;
    border-color: #3a3a3a;
}

    .register-input-wrapper:focus-within[b-i6e8q9u87h] {
        background: #242424;
        border-color: #ff7a00;
        box-shadow: 0 0 0 3px rgba(255,122,0,.10);
    }


/* Input text */
.register-input[b-i6e8q9u87h] {
    color: #fff !important;
}

    .register-input[b-i6e8q9u87h]::placeholder {
        color: #777 !important;
    }


/* Plan cards */
.plan-card[b-i6e8q9u87h] {
    background: #202020;
    border-color: #383838;
}

    .plan-card:hover[b-i6e8q9u87h] {
        background: #262626;
        border-color: #555;
    }

    .plan-card.selected[b-i6e8q9u87h] {
        background: linear-gradient( 145deg, rgba(255,122,0,.15), #202020 );
        border-color: #ff7a00;
    }


/* Stripe */
.stripe-box[b-i6e8q9u87h] {
    background: #202020;
    border-color: #383838;
}


/* Trial */
.trial-info[b-i6e8q9u87h] {
    background: #181818;
    border-color: #333;
}


/* Top brand button */
.register-brand-back[b-i6e8q9u87h] {
    background: #181818;
    border-color: #353535;
}


/* Login top */
.register-login-top[b-i6e8q9u87h] {
    color: #888;
}


/* Header description */
.register-heading p[b-i6e8q9u87h] {
    color: #999;
}


/* Section descriptions */
.register-section-header p[b-i6e8q9u87h] {
    color: #888;
}


/* Labels */
.register-field > label[b-i6e8q9u87h] {
    color: #aaa;
}


/* Icons */
.register-input-wrapper > i[b-i6e8q9u87h] {
    color: #777;
}

.register-input-wrapper:focus-within > i[b-i6e8q9u87h] {
    color: #ff7a00;
}


/* Number boxes */
.section-number[b-i6e8q9u87h] {
    background: rgba(255,122,0,.10);
    border-color: rgba(255,122,0,.30);
}


/* Footer / legal */
.register-legal[b-i6e8q9u87h] {
    color: #666;
}

.register-footer[b-i6e8q9u87h] {
    color: #555;
}


/* Better grid visibility */
.register-grid[b-i6e8q9u87h] {
    opacity: .25;
}


/* Background glow */
.register-glow-1[b-i6e8q9u87h] {
    opacity: .45;
}

.register-glow-2[b-i6e8q9u87h] {
    opacity: .40;
}
/* /Components/Account/Pages/Stripe/Success.razor.rz.scp.css */
.stripe-result-page[b-e3dosuqfg8] {
    min-height: 100vh;
    background: radial-gradient( circle at 50% 20%, rgba(255, 122, 0, .10), transparent 35% ), #050505;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 20px;
    color: #fff;
}

.stripe-result-card[b-e3dosuqfg8] {
    width: 100%;
    max-width: 560px;
    background: #111;
    border: 1px solid #2b2b2b;
    border-radius: 20px;
    padding: 50px 40px;
    text-align: center;
    box-shadow: 0 25px 70px rgba(0, 0, 0, .45), 0 0 60px rgba(255, 122, 0, .05);
}

.stripe-result-icon[b-e3dosuqfg8] {
    width: 76px;
    height: 76px;
    margin: 0 auto 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

    .stripe-result-icon.success[b-e3dosuqfg8] {
        background: rgba(34, 197, 94, .12);
        border: 1px solid rgba(34, 197, 94, .35);
        color: #4ade80;
    }

    .stripe-result-icon.cancel[b-e3dosuqfg8] {
        background: rgba(255, 122, 0, .10);
        border: 1px solid rgba(255, 122, 0, .30);
        color: #ff7a00;
    }

.stripe-result-card h1[b-e3dosuqfg8] {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.stripe-result-text[b-e3dosuqfg8] {
    color: #a1a1aa;
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 30px;
}

.stripe-trial-box[b-e3dosuqfg8],
.stripe-cancel-box[b-e3dosuqfg8] {
    background: #181818;
    border: 1px solid #303030;
    border-radius: 12px;
    margin-bottom: 28px;
}

.stripe-trial-box[b-e3dosuqfg8] {
    padding: 5px 18px;
}

.stripe-trial-row[b-e3dosuqfg8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    border-bottom: 1px solid #292929;
}

    .stripe-trial-row:last-child[b-e3dosuqfg8] {
        border-bottom: 0;
    }

    .stripe-trial-row span[b-e3dosuqfg8] {
        color: #888;
    }

    .stripe-trial-row strong[b-e3dosuqfg8] {
        color: #fff;
    }

.stripe-cancel-box[b-e3dosuqfg8] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    padding: 16px;
    color: #aaa;
}

    .stripe-cancel-box i[b-e3dosuqfg8] {
        color: #ff7a00;
        font-size: 1.2rem;
    }

.stripe-result-button[b-e3dosuqfg8] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: #ff7a00;
    border: 1px solid #ff7a00;
    color: #fff;
    border-radius: 10px;
    font-weight: 600;
    font-size: .95rem;
    cursor: pointer;
    transition: all .2s ease;
}

    .stripe-result-button:hover[b-e3dosuqfg8] {
        background: #e96f00;
        border-color: #e96f00;
        transform: translateY(-1px);
    }

.stripe-result-note[b-e3dosuqfg8] {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #666;
    font-size: .78rem;
}

    .stripe-result-note i[b-e3dosuqfg8] {
        color: #ff7a00;
    }

@media (max-width: 576px) {

    .stripe-result-card[b-e3dosuqfg8] {
        padding: 35px 22px;
        border-radius: 16px;
    }

        .stripe-result-card h1[b-e3dosuqfg8] {
            font-size: 1.6rem;
        }

    .stripe-trial-row[b-e3dosuqfg8] {
        font-size: .9rem;
    }
}
/* /Components/Arbeitszeiten.razor.rz.scp.css */
/*
   Assignments.razor.css
   Premium black / orange / white visual system
*/

:host[b-itixp6940e] {
    --as-bg: #f5f6f8;
    --as-surface: #ffffff;
    --as-ink: #17191c;
    --as-muted: #737982;
    --as-line: #e7e9ed;
    --as-dark: #101214;
    --as-dark-2: #1b1f23;
    --as-orange: #ff7518;
    --as-orange-dark: #d95505;
    --as-orange-soft: #fff1e8;
    --as-danger: #d83a3a;
    --as-shadow: 0 18px 45px rgba(16, 18, 20, .07);
    --as-shadow-hover: 0 18px 38px rgba(16, 18, 20, .13);
    --as-radius: 18px;
    display: block;
    color: var(--as-ink);
}

    /* Page foundation */
    :host > div[b-itixp6940e] {
        max-width: 1440px;
        margin-inline: auto;
    }

.employee-header[b-itixp6940e] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 2rem 2.25rem;
    margin-bottom: 1.5rem !important;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 90% 20%, rgba(255, 117, 24, .35), transparent 30%), linear-gradient(125deg, #0e1012 0%, #1d2227 100%);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: var(--as-radius);
    box-shadow: 0 20px 45px rgba(16, 18, 20, .14);
}

    .employee-header[b-itixp6940e]::after {
        position: absolute;
        right: -55px;
        bottom: -90px;
        width: 220px;
        height: 220px;
        content: "";
        border: 38px solid rgba(255, 117, 24, .14);
        border-radius: 50%;
    }

    .employee-header > div[b-itixp6940e],
    .employee-header > button[b-itixp6940e] {
        position: relative;
        z-index: 1;
    }

    .employee-header h3[b-itixp6940e] {
        margin: 0 0 .45rem;
        font-size: clamp(1.65rem, 2.4vw, 2.2rem);
        font-weight: 800;
        letter-spacing: -.04em;
    }

    .employee-header p[b-itixp6940e] {
        color: rgba(255, 255, 255, .68) !important;
        font-size: .95rem;
    }

/* Cards */
.modern-card[b-itixp6940e] {
    overflow: visible;
    background: var(--as-surface);
    border: 1px solid var(--as-line) !important;
    border-radius: var(--as-radius) !important;
    box-shadow: var(--as-shadow);
}

    .modern-card.overflow-hidden[b-itixp6940e] {
        overflow: hidden;
    }

    .modern-card .card-body[b-itixp6940e] {
        background: transparent;
    }

/* Buttons */
.btn[b-itixp6940e] {
    min-height: 42px;
    padding: .65rem 1rem;
    border-radius: 10px;
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: .01em;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}

    .btn:hover:not(:disabled)[b-itixp6940e] {
        transform: translateY(-2px);
    }

    .btn:active:not(:disabled)[b-itixp6940e] {
        transform: translateY(0);
    }

.btn-primary[b-itixp6940e] {
    color: #fff !important;
    background: var(--as-orange) !important;
    border-color: var(--as-orange) !important;
    box-shadow: 0 8px 18px rgba(255, 117, 24, .22);
}

    .btn-primary:hover:not(:disabled)[b-itixp6940e],
    .btn-primary:focus-visible[b-itixp6940e] {
        background: var(--as-orange-dark) !important;
        border-color: var(--as-orange-dark) !important;
        box-shadow: 0 10px 24px rgba(217, 85, 5, .28);
    }

/* Hard override for themes that redefine Bootstrap .btn-primary */
button.btn.btn-primary[b-itixp6940e],
a.btn.btn-primary[b-itixp6940e] {
    color: #fff !important;
    background-color: #ff7518 !important;
    background-image: none !important;
    border-color: #ff7518 !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .12);
}

    button.btn.btn-primary:hover:not(:disabled)[b-itixp6940e],
    button.btn.btn-primary:focus-visible[b-itixp6940e],
    a.btn.btn-primary:hover[b-itixp6940e],
    a.btn.btn-primary:focus-visible[b-itixp6940e] {
        color: #fff !important;
        background-color: #d95505 !important;
        border-color: #d95505 !important;
    }

.btn-secondary[b-itixp6940e] {
    color: var(--as-ink) !important;
    background: #f0f1f3 !important;
    border-color: #f0f1f3 !important;
}

    .btn-secondary:hover:not(:disabled)[b-itixp6940e] {
        background: #e4e6e9 !important;
        border-color: #e4e6e9 !important;
    }

.btn-outline-danger[b-itixp6940e] {
    color: var(--as-danger) !important;
    border-color: #f0bcbc !important;
    background: #fff !important;
}

    .btn-outline-danger:hover:not(:disabled)[b-itixp6940e] {
        color: #fff !important;
        background: var(--as-danger) !important;
        border-color: var(--as-danger) !important;
    }

.btn-sm[b-itixp6940e] {
    min-height: 34px;
    padding: .42rem .72rem;
    border-radius: 8px;
    font-size: .76rem;
}

.btn:disabled[b-itixp6940e] {
    cursor: not-allowed;
    opacity: .45;
    box-shadow: none;
}

/* Search */
.search-box[b-itixp6940e] {
    overflow: hidden;
    border: 1px solid var(--as-line);
    border-radius: 12px;
    background: #fafbfc;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

    .search-box:focus-within[b-itixp6940e] {
        background: #fff;
        border-color: var(--as-orange);
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
    }

    .search-box .input-group-text[b-itixp6940e] {
        padding-inline: 1rem;
        color: var(--as-orange);
        background: transparent;
        border: 0;
        font-size: 1.35rem;
    }

    .search-box .form-control[b-itixp6940e] {
        border: 0;
        background: transparent;
        box-shadow: none;
    }

/* Forms */
.form-label[b-itixp6940e] {
    display: block;
    margin-bottom: .5rem;
    color: var(--as-ink);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.form-control[b-itixp6940e] {
    min-height: 46px;
    padding: .7rem .85rem;
    color: var(--as-ink);
    background: #fbfbfc;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
    font-size: .9rem;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

    .form-control[b-itixp6940e]::placeholder {
        color: #a1a6ad;
    }

    .form-control:focus[b-itixp6940e] {
        color: var(--as-ink);
        background: #fff;
        border-color: var(--as-orange);
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
    }

textarea.form-control[b-itixp6940e] {
    min-height: 104px;
    resize: vertical;
}

/* Live search dropdowns */
.live-search-wrapper[b-itixp6940e] {
    position: relative;
}

.live-search-results[b-itixp6940e] {
    position: absolute;
    z-index: 20;
    top: calc(100% + .5rem);
    right: 0;
    left: 0;
    overflow: hidden;
    padding: .4rem;
    background: #fff;
    border: 1px solid var(--as-line);
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(16, 18, 20, .16);
}

.live-search-result[b-itixp6940e] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: .75rem;
    padding: .7rem .75rem;
    color: var(--as-ink);
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 9px;
    transition: background .15s ease;
}

    .live-search-result:hover[b-itixp6940e],
    .live-search-result:focus-visible[b-itixp6940e] {
        background: var(--as-orange-soft);
        outline: none;
    }

.live-search-avatar[b-itixp6940e],
.employee-avatar[b-itixp6940e] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #fff;
    background: var(--as-dark);
    border-radius: 12px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .03em;
}

    .live-search-avatar.site-avatar[b-itixp6940e] {
        color: var(--as-dark);
        background: var(--as-orange-soft);
        border: 1px solid #ffd5bb;
    }

.live-search-content[b-itixp6940e] {
    min-width: 0;
}

.live-search-title[b-itixp6940e] {
    overflow: hidden;
    font-size: .88rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-search-subtitle[b-itixp6940e] {
    margin-top: .18rem;
    color: var(--as-muted);
    font-size: .75rem;
}

.live-search-empty[b-itixp6940e] {
    padding: 1rem;
    color: var(--as-muted);
    font-size: .82rem;
    text-align: center;
}

.selected-info[b-itixp6940e] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: .65rem;
    padding: .55rem .7rem;
    color: var(--as-dark);
    background: var(--as-orange-soft);
    border: 1px solid #ffd8c1;
    border-radius: 9px;
    font-size: .82rem;
    font-weight: 700;
}

.selected-check[b-itixp6940e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    color: #fff;
    background: var(--as-orange);
    border-radius: 50%;
    font-size: .72rem;
}

.selected-remove[b-itixp6940e] {
    width: 26px;
    height: 26px;
    margin-left: auto;
    color: var(--as-orange-dark);
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 1.15rem;
    line-height: 1;
}

    .selected-remove:hover[b-itixp6940e] {
        background: rgba(255, 117, 24, .14);
    }

/* Alerts */
.alert[b-itixp6940e] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    border: 0;
    border-left: 4px solid var(--as-orange);
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(16, 18, 20, .06);
}

.alert-warning[b-itixp6940e] {
    color: #70400d;
    background: #fff5df;
}

.alert-danger[b-itixp6940e] {
    color: #842b2b;
    background: #fff0f0;
    border-left-color: var(--as-danger);
}

.alert-success[b-itixp6940e] {
    color: #175a39;
    background: #eaf8f0;
    border-left-color: #2ca66a;
}

/* Table */
.table-modern[b-itixp6940e] {
    margin: 0;
    --bs-table-bg: transparent;
}

    .table-modern thead th[b-itixp6940e] {
        padding: 1rem 1.25rem;
        color: #8b9199;
        background: #fafbfc;
        border-bottom: 1px solid var(--as-line);
        font-size: .7rem;
        font-weight: 850;
        letter-spacing: .09em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .table-modern tbody td[b-itixp6940e] {
        padding: 1.1rem 1.25rem;
        color: var(--as-ink);
        border-bottom: 1px solid #f0f1f3;
        font-size: .87rem;
        vertical-align: middle;
    }

    .table-modern tbody tr[b-itixp6940e] {
        transition: background .18s ease;
    }

        .table-modern tbody tr:hover[b-itixp6940e] {
            background: #fffaf6;
        }

        .table-modern tbody tr:last-child td[b-itixp6940e] {
            border-bottom: 0;
        }

.assignment-date[b-itixp6940e] {
    color: var(--as-ink);
    font-weight: 800;
    white-space: nowrap;
}

.assignment-time[b-itixp6940e] {
    margin-top: .3rem;
    color: var(--as-orange-dark);
    font-size: .75rem;
    font-weight: 750;
    white-space: nowrap;
}

.employee-avatar[b-itixp6940e] {
    width: 42px;
    height: 42px;
    color: #fff !important;
    background: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    background-image: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    border: 2px solid #fff;
    box-shadow: 0 6px 13px rgba(255, 117, 24, .18);
}

.table-modern .fw-semibold[b-itixp6940e] {
    font-weight: 750 !important;
}

.table-modern small[b-itixp6940e] {
    display: inline-block;
    margin-top: .22rem;
    font-size: .74rem;
}

/* Empty state and pagination */
.empty-state[b-itixp6940e] {
    padding: 1.75rem 1rem;
}

.empty-state-icon[b-itixp6940e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: .9rem;
    color: var(--as-orange);
    background: var(--as-orange-soft);
    border-radius: 18px;
    font-size: 1.7rem;
}

.empty-state h6[b-itixp6940e] {
    margin-bottom: .3rem;
    font-weight: 800;
}

.pagination-container[b-itixp6940e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fafbfc;
    border-top: 1px solid var(--as-line);
}

    .pagination-container .btn[b-itixp6940e] {
        min-width: 35px;
    }

/* Bootstrap utility refinement inside this component */
.text-muted[b-itixp6940e] {
    color: var(--as-muted) !important;
}

/* Keyboard accessibility */
button:focus-visible[b-itixp6940e],
a:focus-visible[b-itixp6940e],
input:focus-visible[b-itixp6940e],
textarea:focus-visible[b-itixp6940e] {
    outline: 3px solid rgba(255, 117, 24, .28);
    outline-offset: 2px;
}

/* Responsive layout */
@media (max-width: 991.98px) {
    .employee-header[b-itixp6940e] {
        padding: 1.6rem;
    }

    .table-modern thead th[b-itixp6940e],
    .table-modern tbody td[b-itixp6940e] {
        padding-inline: .9rem;
    }
}

@media (max-width: 767.98px) {
    .employee-header[b-itixp6940e] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.35rem;
    }

        .employee-header .btn[b-itixp6940e] {
            width: 100%;
        }

    .modern-card .card-body[b-itixp6940e] {
        padding: 1rem !important;
    }

    .pagination-container[b-itixp6940e] {
        align-items: flex-start;
        flex-direction: column;
    }

        .pagination-container > div:last-child[b-itixp6940e] {
            width: 100%;
            justify-content: flex-end;
        }

    .table-modern[b-itixp6940e] {
        min-width: 900px;
    }
}

@media (max-width: 479.98px) {
    .employee-header h3[b-itixp6940e] {
        font-size: 1.5rem;
    }

    .d-flex.gap-2.mt-4[b-itixp6940e] {
        flex-direction: column;
    }

        .d-flex.gap-2.mt-4 .btn[b-itixp6940e] {
            width: 100%;
        }
}

@media (prefers-reduced-motion: reduce) {
    *[b-itixp6940e],
    *[b-itixp6940e]::before,
    *[b-itixp6940e]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}

/* =========================================================
   ARBEITSZEITEN PAGE
   ========================================================= */

.working-times-page[b-itixp6940e] {
    max-width: 1600px;
    margin-inline: auto;
    color: var(--as-ink);
}

.working-times-header[b-itixp6940e] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 2rem 2.25rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 88% 15%, rgba(255, 117, 24, .38), transparent 30%), linear-gradient(125deg, #0e1012, #20262b);
    border-radius: var(--as-radius);
    box-shadow: 0 20px 45px rgba(16, 18, 20, .14);
}

    .working-times-header[b-itixp6940e]::after {
        position: absolute;
        right: -55px;
        bottom: -95px;
        width: 225px;
        height: 225px;
        content: "";
        border: 38px solid rgba(255, 117, 24, .14);
        border-radius: 50%;
    }

    .working-times-header > *[b-itixp6940e] {
        position: relative;
        z-index: 1;
    }

    .working-times-header h3[b-itixp6940e] {
        margin: 0 0 .45rem;
        font-size: clamp(1.65rem, 2.4vw, 2.2rem);
        font-weight: 800;
        letter-spacing: -.04em;
    }

    .working-times-header p[b-itixp6940e] {
        margin: 0;
        color: rgba(255, 255, 255, .68);
        font-size: .95rem;
    }

.export-button[b-itixp6940e],
.today-button[b-itixp6940e],
.details-button[b-itixp6940e],
.month-button[b-itixp6940e],
.icon-details-button[b-itixp6940e],
.daily-page-button[b-itixp6940e] {
    cursor: pointer;
    border: 0;
    font-weight: 750;
    transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.export-button[b-itixp6940e] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    min-height: 42px;
    padding: .65rem 1rem;
    color: #fff;
    background: var(--as-orange);
    border: 1px solid var(--as-orange);
    border-radius: 10px;
    box-shadow: 0 8px 18px rgba(255, 117, 24, .22);
}

    .export-button:hover[b-itixp6940e] {
        background: var(--as-orange-dark);
        border-color: var(--as-orange-dark);
        transform: translateY(-2px);
    }

.working-times-filter-card[b-itixp6940e] {
    display: flex;
    align-items: flex-end;
    gap: 1.25rem;
    padding: 1.1rem 1.25rem;
    margin-bottom: 1.5rem;
    background: #fff;
    border: 1px solid var(--as-line);
    border-radius: var(--as-radius);
    box-shadow: var(--as-shadow);
}

.filter-group[b-itixp6940e] {
    display: grid;
    gap: .4rem;
}

    .filter-group label[b-itixp6940e] {
        color: var(--as-muted);
        font-size: .7rem;
        font-weight: 850;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

.month-selector[b-itixp6940e] {
    display: flex;
    align-items: center;
    overflow: hidden;
    min-height: 42px;
    background: #fafbfc;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
}

.month-button[b-itixp6940e] {
    width: 40px;
    height: 40px;
    color: var(--as-ink);
    background: #f0f1f3;
}

    .month-button:hover[b-itixp6940e] {
        color: #fff;
        background: var(--as-orange);
    }

.month-value[b-itixp6940e] {
    min-width: 150px;
    padding-inline: .9rem;
    color: var(--as-ink);
    font-size: .86rem;
    font-weight: 800;
    text-align: center;
}

.search-group[b-itixp6940e] {
    flex: 1;
    max-width: 430px;
}

.search-input-wrapper[b-itixp6940e],
.daily-search-wrapper[b-itixp6940e] {
    position: relative;
}

    .search-input-wrapper > i[b-itixp6940e],
    .daily-search-wrapper > i[b-itixp6940e] {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: .85rem;
        color: var(--as-orange);
        transform: translateY(-50%);
    }

    .search-input-wrapper .form-control[b-itixp6940e],
    .daily-search-wrapper .form-control[b-itixp6940e] {
        padding-left: 2.35rem;
    }

.today-button[b-itixp6940e] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 42px;
    padding: .65rem 1rem;
    color: var(--as-orange-dark);
    background: #fff;
    border: 1px solid #ffc39e;
    border-radius: 10px;
}

    .today-button:hover[b-itixp6940e] {
        color: #fff;
        background: var(--as-orange);
        border-color: var(--as-orange);
        transform: translateY(-2px);
    }

.working-times-summary-grid[b-itixp6940e] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.summary-card[b-itixp6940e] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1.15rem;
    background: #fff;
    border: 1px solid var(--as-line);
    border-radius: 15px;
    box-shadow: var(--as-shadow);
}

    .summary-card > div:last-child[b-itixp6940e] {
        min-width: 0;
    }

    .summary-card span[b-itixp6940e] {
        display: block;
        color: var(--as-muted);
        font-size: .72rem;
        font-weight: 750;
    }

    .summary-card strong[b-itixp6940e] {
        display: block;
        margin-top: .25rem;
        color: var(--as-ink);
        font-size: 1.25rem;
        font-weight: 850;
    }

.summary-icon[b-itixp6940e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 13px;
    font-size: 1.1rem;
}

    .summary-icon.orange[b-itixp6940e] {
        color: var(--as-orange-dark);
        background: var(--as-orange-soft);
    }

    .summary-icon.gray[b-itixp6940e] {
        color: #616871;
        background: #eef0f2;
    }

    .summary-icon.blue[b-itixp6940e] {
        color: #286b9c;
        background: #e8f3fb;
    }

    .summary-icon.green[b-itixp6940e] {
        color: #217b50;
        background: #e8f7ef;
    }

.section-header[b-itixp6940e] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 1.8rem 0 .8rem;
}

    .section-header h2[b-itixp6940e] {
        margin: 0;
        font-size: 1.25rem;
        font-weight: 850;
    }

    .section-header span[b-itixp6940e] {
        display: block;
        margin-top: .25rem;
        color: var(--as-muted);
        font-size: .8rem;
    }

.employee-summary-card[b-itixp6940e] {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--as-line);
    border-radius: var(--as-radius);
    box-shadow: var(--as-shadow);
}

.working-times-table[b-itixp6940e] {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}

    .working-times-table th[b-itixp6940e] {
        padding: 1rem 1.15rem;
        color: #8b9199;
        background: #fafbfc;
        border-bottom: 1px solid var(--as-line);
        font-size: .69rem;
        font-weight: 850;
        letter-spacing: .08em;
        text-align: left;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .working-times-table td[b-itixp6940e] {
        padding: 1rem 1.15rem;
        border-bottom: 1px solid #f0f1f3;
        font-size: .84rem;
        vertical-align: middle;
    }

    .working-times-table tbody tr[b-itixp6940e] {
        transition: background .18s ease;
    }

        .working-times-table tbody tr:hover[b-itixp6940e] {
            background: #fffaf6;
        }

        .working-times-table tbody tr:last-child td[b-itixp6940e] {
            border-bottom: 0;
        }

.employee-cell[b-itixp6940e] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

    .employee-cell > div:last-child[b-itixp6940e] {
        min-width: 0;
    }

    .employee-cell strong[b-itixp6940e] {
        display: block;
        font-weight: 800;
    }

    .employee-cell span[b-itixp6940e] {
        display: block;
        margin-top: .2rem;
        color: var(--as-muted);
        font-size: .72rem;
    }

.employee-avatar[b-itixp6940e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    color: #fff !important;
    background: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    border: 2px solid #fff;
    border-radius: 12px;
    box-shadow: 0 6px 13px rgba(255, 117, 24, .2);
    font-size: .7rem;
    font-weight: 850;
}

    .employee-avatar.small[b-itixp6940e] {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        font-size: .62rem;
    }

.days-value[b-itixp6940e],
.work-time-value[b-itixp6940e],
.break-value[b-itixp6940e],
.average-value[b-itixp6940e] {
    font-weight: 800;
}

.work-time-value[b-itixp6940e] {
    color: var(--as-orange-dark);
}

.break-value[b-itixp6940e],
.average-value[b-itixp6940e] {
    color: #5e6670;
}

.details-button[b-itixp6940e],
.icon-details-button[b-itixp6940e] {
    color: var(--as-orange-dark);
    background: #fff;
    border: 1px solid #ffc39e;
    border-radius: 8px;
}

.details-button[b-itixp6940e] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 34px;
    padding: .45rem .7rem;
    font-size: .75rem;
}

.icon-details-button[b-itixp6940e] {
    width: 34px;
    height: 34px;
}

    .details-button:hover[b-itixp6940e],
    .icon-details-button:hover[b-itixp6940e] {
        background: var(--as-orange);
        border-color: var(--as-orange);
        transform: translateY(-2px);
    }

.site-cell[b-itixp6940e] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

    .site-cell i[b-itixp6940e] {
        color: var(--as-orange);
    }

.date-cell strong[b-itixp6940e],
.date-cell span[b-itixp6940e] {
    display: block;
}

.date-cell span[b-itixp6940e] {
    margin-top: .2rem;
    color: var(--as-muted);
    font-size: .7rem;
}

.muted-value[b-itixp6940e] {
    color: #a1a6ad;
}

.daily-search-card[b-itixp6940e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1rem;
    margin-bottom: .8rem;
    background: #fff;
    border: 1px solid var(--as-line);
    border-radius: 12px;
}

.daily-search-wrapper[b-itixp6940e] {
    flex: 1;
    max-width: 480px;
}

.daily-search-clear[b-itixp6940e] {
    position: absolute;
    top: 50%;
    right: .7rem;
    width: 28px;
    height: 28px;
    color: var(--as-muted);
    background: transparent;
    border: 0;
    transform: translateY(-50%);
}

.daily-search-info[b-itixp6940e],
.daily-pagination-info[b-itixp6940e] {
    color: var(--as-muted);
    font-size: .76rem;
    font-weight: 700;
}

.daily-pagination[b-itixp6940e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    background: #fafbfc;
    border-top: 1px solid var(--as-line);
}

.daily-pagination-buttons[b-itixp6940e] {
    display: flex;
    gap: .3rem;
}

.daily-page-button[b-itixp6940e] {
    min-width: 34px;
    height: 34px;
    color: var(--as-ink);
    background: #f0f1f3;
    border: 1px solid #dfe2e6;
    border-radius: 8px;
}

    .daily-page-button.active[b-itixp6940e],
    .daily-page-button:hover:not(:disabled)[b-itixp6940e] {
        color: #fff;
        background: var(--as-orange);
        border-color: var(--as-orange);
    }

    .daily-page-button:disabled[b-itixp6940e] {
        cursor: not-allowed;
        opacity: .45;
    }

.empty-state[b-itixp6940e] {
    display: grid;
    justify-items: center;
    gap: .35rem;
    padding: 2rem 1rem;
    color: var(--as-muted);
}

    .empty-state strong[b-itixp6940e] {
        color: var(--as-ink);
    }

.empty-icon[b-itixp6940e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: .45rem;
    color: var(--as-orange);
    background: var(--as-orange-soft);
    border-radius: 16px;
    font-size: 1.25rem;
}

.working-times-loading[b-itixp6940e] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    min-height: 230px;
    color: var(--as-muted);
}

.working-times-spinner[b-itixp6940e] {
    width: 24px;
    height: 24px;
    border: 3px solid #ffd8c1;
    border-top-color: var(--as-orange);
    border-radius: 50%;
    animation: wt-spin-b-itixp6940e .8s linear infinite;
}

@keyframes wt-spin-b-itixp6940e {
    to {
        transform: rotate(360deg);
    }
}

/* Details modals */
.modal-backdrop-custom[b-itixp6940e] {
    position: fixed;
    z-index: 1050;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(10, 12, 14, .68);
    backdrop-filter: blur(5px);
}

.working-times-modal[b-itixp6940e],
.entry-modal[b-itixp6940e] {
    width: min(100%, 850px);
    max-height: 90vh;
    overflow: auto;
    background: #fff;
    border-radius: var(--as-radius);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .28);
}

.entry-modal[b-itixp6940e] {
    width: min(100%, 620px);
}

.modal-header-custom[b-itixp6940e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.3rem 1.45rem;
    color: #fff;
    background: linear-gradient(125deg, #111315, #272d32);
}

    .modal-header-custom h3[b-itixp6940e] {
        margin: .25rem 0 0;
        color: #fff;
        font-size: 1.25rem;
        font-weight: 800;
    }

.modal-eyebrow[b-itixp6940e] {
    color: #ff9a54;
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .12em;
}

.modal-close-button[b-itixp6940e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: rgba(255, 255, 255, .75);
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 8px;
}

    .modal-close-button:hover[b-itixp6940e] {
        color: #fff;
        background: var(--as-orange);
    }

.modal-date[b-itixp6940e] {
    display: block;
    margin-top: .35rem;
    color: rgba(255, 255, 255, .62);
    font-size: .78rem;
}

.modal-summary[b-itixp6940e],
.entry-detail-grid[b-itixp6940e] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .75rem;
    padding: 1.25rem 1.45rem;
}

.modal-summary-item[b-itixp6940e],
.entry-detail-box[b-itixp6940e] {
    padding: .85rem;
    background: #fafbfc;
    border: 1px solid var(--as-line);
    border-radius: 10px;
}

    .modal-summary-item span[b-itixp6940e],
    .entry-detail-box span[b-itixp6940e] {
        display: block;
        color: var(--as-muted);
        font-size: .68rem;
        font-weight: 800;
        text-transform: uppercase;
    }

    .modal-summary-item strong[b-itixp6940e],
    .entry-detail-box strong[b-itixp6940e] {
        display: block;
        margin-top: .25rem;
        color: var(--as-orange-dark);
        font-size: 1rem;
    }

.entry-detail-grid[b-itixp6940e] {
    grid-template-columns: repeat(4, 1fr);
}

.entry-detail-box.highlight[b-itixp6940e] {
    background: var(--as-orange-soft);
    border-color: #ffd0b1;
}

.modal-table-wrapper[b-itixp6940e] {
    overflow-x: auto;
    padding: 0 1.45rem 1.45rem;
}

.modal-table[b-itixp6940e] {
    width: 100%;
    border-collapse: collapse;
}

    .modal-table th[b-itixp6940e] {
        color: var(--as-muted);
        font-size: .68rem;
        letter-spacing: .06em;
        text-align: left;
        text-transform: uppercase;
    }

    .modal-table th[b-itixp6940e],
    .modal-table td[b-itixp6940e] {
        padding: .7rem;
        border-bottom: 1px solid var(--as-line);
        white-space: nowrap;
    }

.entry-detail-site[b-itixp6940e] {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin: 0 1.45rem 1.45rem;
    padding: .85rem 1rem;
    color: var(--as-orange-dark);
    background: var(--as-orange-soft);
    border: 1px solid #ffd0b1;
    border-radius: 10px;
}

@media (max-width: 1000px) {
    .working-times-summary-grid[b-itixp6940e] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 760px) {
    .working-times-header[b-itixp6940e] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.35rem;
    }

    .working-times-header-actions[b-itixp6940e],
    .export-button[b-itixp6940e] {
        width: 100%;
    }

    .export-button[b-itixp6940e] {
        justify-content: center;
    }

    .working-times-filter-card[b-itixp6940e] {
        align-items: stretch;
        flex-direction: column;
    }

    .search-group[b-itixp6940e] {
        max-width: none;
    }

    .today-button[b-itixp6940e] {
        justify-content: center;
    }

    .working-times-summary-grid[b-itixp6940e] {
        grid-template-columns: 1fr;
    }

    .daily-search-card[b-itixp6940e] {
        align-items: stretch;
        flex-direction: column;
    }

    .daily-search-wrapper[b-itixp6940e] {
        max-width: none;
        width: 100%;
    }

    .modal-summary[b-itixp6940e],
    .entry-detail-grid[b-itixp6940e] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px) {
    .modal-summary[b-itixp6940e],
    .entry-detail-grid[b-itixp6940e] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-shell[b-jnxno9rm8s] {
    min-height: 100vh;
    width: 100%;
    background: #050505;
    color: #fff;
    overflow-x: hidden;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-q1kp5ekpev] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-q1kp5ekpev] {
    flex: 1;
}

.sidebar[b-q1kp5ekpev] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-q1kp5ekpev] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-q1kp5ekpev]  a, .top-row[b-q1kp5ekpev]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-q1kp5ekpev]  a:hover, .top-row[b-q1kp5ekpev]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-q1kp5ekpev]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-q1kp5ekpev] {
        justify-content: space-between;
    }

    .top-row[b-q1kp5ekpev]  a, .top-row[b-q1kp5ekpev]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-q1kp5ekpev] {
        flex-direction: row;
    }

    .sidebar[b-q1kp5ekpev] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-q1kp5ekpev] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-q1kp5ekpev]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-q1kp5ekpev], article[b-q1kp5ekpev] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-q1kp5ekpev] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-q1kp5ekpev] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* =========================================================
   NAVBAR TOGGLER
   ========================================================= */

.navbar-toggler[b-l2cnwz0pb5] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: #fff;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid #333;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ff7a00' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center / 1.75rem;
    background-color: #111;
    border-radius: 8px;
    transition: background-color .15s ease, border-color .15s ease;
}

    .navbar-toggler:hover[b-l2cnwz0pb5] {
        background-color: #181818;
        border-color: #ff7a00;
    }

    .navbar-toggler:checked[b-l2cnwz0pb5] {
        background-color: #1b1b1b;
        border-color: #ff7a00;
    }


/* =========================================================
   TOP ROW
   ========================================================= */

.top-row[b-l2cnwz0pb5] {
    min-height: 3.5rem;
    background: linear-gradient( 135deg, #0a0a0a 0%, #111 60%, #151515 100% );
    display: flex;
    align-items: center;
    border-bottom: 1px solid #242424;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .25);
}


/* =========================================================
   BRAND
   ========================================================= */

.navbar-brand[b-l2cnwz0pb5] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    letter-spacing: .2px;
    transition: color .15s ease;
}

    .navbar-brand:hover[b-l2cnwz0pb5] {
        color: #ff7a00;
    }


/* =========================================================
   NAVIGATION ITEMS
   ========================================================= */

.nav-item[b-l2cnwz0pb5] {
    font-size: 0.9rem;
    padding-bottom: 0.35rem;
}

    .nav-item:first-of-type[b-l2cnwz0pb5] {
        padding-top: 0.75rem;
    }

    .nav-item:last-of-type[b-l2cnwz0pb5] {
        padding-bottom: 1rem;
    }


    /* =========================================================
   NAV LINK
   ========================================================= */

    .nav-item[b-l2cnwz0pb5]  .nav-link {
        color: #bdbdbd;
        background: transparent;
        border: 1px solid transparent;
        border-radius: 8px;
        min-height: 3rem;
        height: 3rem;
        width: calc(100% - 24px);
        margin: 0 12px;
        padding: 0 14px;
        display: flex;
        align-items: center;
        gap: 12px;
        line-height: 1.2;
        text-decoration: none;
        transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
    }


    /* =========================================================
   BOOTSTRAP ICON
   ========================================================= */

    .nav-item[b-l2cnwz0pb5]  .nav-icon {
        width: 24px;
        min-width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        font-size: 18px;
        line-height: 1;
        flex-shrink: 0;
        color: #999;
        transition: color .15s ease, transform .15s ease;
    }


    /* =========================================================
   NAV TEXT
   ========================================================= */

    .nav-item[b-l2cnwz0pb5]  .nav-link > span:last-child {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: color .15s ease;
    }


    /* =========================================================
   ACTIVE LINK
   ========================================================= */

    .nav-item[b-l2cnwz0pb5]  a.active {
        background: linear-gradient( 90deg, rgba(255, 122, 0, .16), rgba(255, 122, 0, .06) );
        border-color: rgba(255, 122, 0, .35);
        color: #fff;
        box-shadow: inset 3px 0 0 #ff7a00;
    }


        .nav-item[b-l2cnwz0pb5]  a.active .nav-icon {
            color: #ff7a00;
            transform: scale(1.05);
        }


    /* =========================================================
   HOVER
   ========================================================= */

    .nav-item[b-l2cnwz0pb5]  .nav-link:hover {
        background-color: rgba(255, 255, 255, .055);
        border-color: #292929;
        color: #fff;
    }


        .nav-item[b-l2cnwz0pb5]  .nav-link:hover .nav-icon {
            color: #ff7a00;
            transform: translateX(1px);
        }


    /* =========================================================
   BUTTON - LOGOUT
   ========================================================= */

    .nav-item[b-l2cnwz0pb5]  button.nav-link {
        font-family: inherit;
        font-size: inherit;
        text-align: left;
        cursor: pointer;
        color: #bdbdbd;
    }


        .nav-item[b-l2cnwz0pb5]  button.nav-link:hover {
            background-color: rgba(255, 255, 255, .055);
            border-color: #292929;
            color: #fff;
        }


            .nav-item[b-l2cnwz0pb5]  button.nav-link:hover .nav-icon {
                color: #ff7a00;
            }


/* =========================================================
   NAV SCROLL
   ========================================================= */

.nav-scrollable[b-l2cnwz0pb5] {
    display: none;
    background: linear-gradient( 180deg, #0a0a0a 0%, #0d0d0d 100% );
}


.navbar-toggler:checked ~ .nav-scrollable[b-l2cnwz0pb5] {
    display: block;
}


/* =========================================================
   SCROLLBAR
   ========================================================= */

.nav-scrollable[b-l2cnwz0pb5]::-webkit-scrollbar {
    width: 5px;
}

.nav-scrollable[b-l2cnwz0pb5]::-webkit-scrollbar-track {
    background: transparent;
}

.nav-scrollable[b-l2cnwz0pb5]::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

    .nav-scrollable[b-l2cnwz0pb5]::-webkit-scrollbar-thumb:hover {
        background: #ff7a00;
    }


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 641px) {

    .navbar-toggler[b-l2cnwz0pb5] {
        display: none;
    }

    .nav-scrollable[b-l2cnwz0pb5] {
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640.98px) {

    .nav-item[b-l2cnwz0pb5]  .nav-link {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 14px;
        padding-right: 14px;
    }


    .nav-item[b-l2cnwz0pb5]  .nav-icon {
        width: 24px;
        min-width: 24px;
        font-size: 18px;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-gpqyws16dk],
.components-reconnect-repeated-attempt-visible[b-gpqyws16dk],
.components-reconnect-failed-visible[b-gpqyws16dk],
.components-pause-visible[b-gpqyws16dk],
.components-resume-failed-visible[b-gpqyws16dk],
.components-rejoining-animation[b-gpqyws16dk] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-gpqyws16dk],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-gpqyws16dk],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-gpqyws16dk],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-gpqyws16dk],
#components-reconnect-modal.components-reconnect-retrying[b-gpqyws16dk],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-gpqyws16dk],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-gpqyws16dk],
#components-reconnect-modal.components-reconnect-failed[b-gpqyws16dk],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-gpqyws16dk] {
    display: block;
}


#components-reconnect-modal[b-gpqyws16dk] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-gpqyws16dk 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-gpqyws16dk 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-gpqyws16dk 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-gpqyws16dk]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-gpqyws16dk 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-gpqyws16dk {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-gpqyws16dk {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-gpqyws16dk {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-gpqyws16dk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-gpqyws16dk] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-gpqyws16dk] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-gpqyws16dk] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-gpqyws16dk] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-gpqyws16dk] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-gpqyws16dk] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-gpqyws16dk 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-gpqyws16dk] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-gpqyws16dk {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AGB.razor.rz.scp.css */
/* =========================================================
   BAUMANAGEMENT - AGB
   ========================================================= */

.legal-page[b-d5e7v20r5f] {
    min-height: 100vh;
    width: 100%;
    background: #f6f7f9;
    color: #212529;
    padding: 42px 20px 80px;
}

.legal-container[b-d5e7v20r5f] {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}


/* =========================================================
   BACK
   ========================================================= */

.legal-back[b-d5e7v20r5f] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 32px;
    color: #6c757d;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s ease;
}

    .legal-back:hover[b-d5e7v20r5f] {
        color: #ff7a00;
    }

    .legal-back i[b-d5e7v20r5f] {
        font-size: 14px;
    }


/* =========================================================
   HEADER
   ========================================================= */

.legal-header[b-d5e7v20r5f] {
    margin-bottom: 34px;
}

.legal-eyebrow[b-d5e7v20r5f] {
    display: inline-block;
    margin-bottom: 9px;
    color: #ff7a00;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.legal-header h1[b-d5e7v20r5f] {
    margin: 0;
    color: #171717;
    font-size: 42px;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -1.4px;
}

.legal-header p[b-d5e7v20r5f] {
    max-width: 720px;
    margin: 14px 0 0;
    color: #737980;
    font-size: 15px;
    line-height: 1.65;
}


/* =========================================================
   VERSION
   ========================================================= */

.legal-version[b-d5e7v20r5f] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 18px;
    padding: 7px 11px;
    background: #fff;
    border: 1px solid #e6e8eb;
    border-radius: 8px;
    color: #737980;
    font-size: 11px;
    font-weight: 500;
}

    .legal-version i[b-d5e7v20r5f] {
        color: #ff7a00;
    }


/* =========================================================
   CARD
   ========================================================= */

.legal-card[b-d5e7v20r5f] {
    margin-bottom: 16px;
    padding: 28px;
    background: #fff;
    border: 1px solid #e7e9ec;
    border-radius: 16px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .025);
}

    .legal-card p[b-d5e7v20r5f] {
        margin: 0 0 14px;
        color: #59616a;
        font-size: 14px;
        line-height: 1.75;
    }

        .legal-card p:last-child[b-d5e7v20r5f] {
            margin-bottom: 0;
        }


/* =========================================================
   SECTION TITLE
   ========================================================= */

.legal-section-title[b-d5e7v20r5f] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 21px;
}

.legal-icon[b-d5e7v20r5f] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    background: #fff1e6;
    border-radius: 11px;
    color: #ff7a00;
    font-size: 18px;
}

.legal-section-title > div:last-child[b-d5e7v20r5f] {
    min-width: 0;
}

.legal-section-title span[b-d5e7v20r5f] {
    display: block;
    margin-bottom: 2px;
    color: #ff7a00;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.legal-section-title h2[b-d5e7v20r5f] {
    margin: 0;
    color: #1f2328;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 700;
}


/* =========================================================
   COMPANY
   ========================================================= */

.legal-company[b-d5e7v20r5f] {
    padding: 19px;
    background: #f8f9fa;
    border: 1px solid #eceef0;
    border-radius: 12px;
}

    .legal-company > strong[b-d5e7v20r5f] {
        display: block;
        margin-bottom: 12px;
        color: #202428;
        font-size: 17px;
        font-weight: 700;
    }

.legal-company-row[b-d5e7v20r5f] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 9px;
    color: #59616a;
    font-size: 13px;
    line-height: 1.55;
}

    .legal-company-row i[b-d5e7v20r5f] {
        width: 18px;
        min-width: 18px;
        margin-top: 2px;
        color: #ff7a00;
    }

    .legal-company-row a[b-d5e7v20r5f] {
        color: #59616a;
        text-decoration: none;
    }

        .legal-company-row a:hover[b-d5e7v20r5f] {
            color: #ff7a00;
        }


/* =========================================================
   HIGHLIGHT
   ========================================================= */

.legal-highlight[b-d5e7v20r5f] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 18px;
    padding: 15px;
    background: #fff8f2;
    border: 1px solid #ffe2cf;
    border-radius: 11px;
}

    .legal-highlight > i[b-d5e7v20r5f] {
        margin-top: 2px;
        color: #ff7a00;
        font-size: 17px;
    }

    .legal-highlight strong[b-d5e7v20r5f] {
        display: block;
        margin-bottom: 4px;
        color: #343a40;
        font-size: 13px;
    }

    .legal-highlight p[b-d5e7v20r5f] {
        margin-bottom: 0;
        font-size: 13px;
    }


/* =========================================================
   LIST
   ========================================================= */

.legal-list[b-d5e7v20r5f] {
    margin: 8px 0 0;
    padding-left: 21px;
}

    .legal-list li[b-d5e7v20r5f] {
        margin-bottom: 8px;
        color: #59616a;
        font-size: 14px;
        line-height: 1.65;
    }

        .legal-list li[b-d5e7v20r5f]::marker {
            color: #ff7a00;
        }


/* =========================================================
   INLINE LINKS
   ========================================================= */

.legal-inline-link[b-d5e7v20r5f] {
    color: #ff7a00;
    font-weight: 600;
    text-decoration: none;
}

    .legal-inline-link:hover[b-d5e7v20r5f] {
        text-decoration: underline;
    }


/* =========================================================
   PRICE TABLE
   ========================================================= */

.price-table[b-d5e7v20r5f] {
    width: 100%;
    margin-top: 18px;
    overflow: hidden;
    border: 1px solid #e7e9ec;
    border-radius: 12px;
}

.price-row[b-d5e7v20r5f] {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-top: 1px solid #edf0f2;
    font-size: 13px;
}

    .price-row:first-child[b-d5e7v20r5f] {
        border-top: none;
    }

.price-head[b-d5e7v20r5f] {
    background: #f8f9fa;
    color: #8a9097;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.price-row strong[b-d5e7v20r5f] {
    color: #343a40;
    font-weight: 650;
}

.price-row span[b-d5e7v20r5f] {
    color: #59616a;
}

.legal-small-note[b-d5e7v20r5f] {
    margin-top: 12px !important;
    color: #8a9097 !important;
    font-size: 11px !important;
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.legal-placeholder[b-d5e7v20r5f] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 18px;
    padding: 14px 15px;
    background: #fff8f2;
    border: 1px solid #ffe2cf;
    border-radius: 10px;
    color: #697078;
    font-size: 12px;
    line-height: 1.55;
}

    .legal-placeholder > i[b-d5e7v20r5f] {
        margin-top: 1px;
        color: #ff7a00;
        font-size: 16px;
    }

    .legal-placeholder strong[b-d5e7v20r5f] {
        color: #343a40;
    }


/* =========================================================
   PROVIDER CARD
   ========================================================= */

.legal-provider-card[b-d5e7v20r5f] {
    background: #111;
    border-color: #111;
    box-shadow: none;
}

.legal-provider-content[b-d5e7v20r5f] {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.legal-provider-icon[b-d5e7v20r5f] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    min-width: 48px;
    height: 48px;
    background: #ff7a00;
    border-radius: 12px;
    color: #fff;
    font-size: 20px;
}

.legal-provider-content h2[b-d5e7v20r5f] {
    margin: 3px 0 8px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.legal-provider-content p[b-d5e7v20r5f] {
    color: #b9bdc2;
}

.legal-provider-contact[b-d5e7v20r5f] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

    .legal-provider-contact a[b-d5e7v20r5f] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: #fff;
        font-size: 12px;
        text-decoration: none;
    }

        .legal-provider-contact a:hover[b-d5e7v20r5f] {
            color: #ff7a00;
        }


/* =========================================================
   FOOTER
   ========================================================= */

.legal-footer[b-d5e7v20r5f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 4px 0;
    color: #8a9097;
    font-size: 11px;
}

    .legal-footer > div[b-d5e7v20r5f] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

        .legal-footer > div:last-child[b-d5e7v20r5f] {
            text-align: right;
        }

    .legal-footer strong[b-d5e7v20r5f] {
        color: #343a40;
        font-size: 13px;
    }


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    .legal-page[b-d5e7v20r5f] {
        padding: 25px 12px 50px;
    }

    .legal-container[b-d5e7v20r5f] {
        max-width: 100%;
    }

    .legal-back[b-d5e7v20r5f] {
        margin-bottom: 23px;
    }

    .legal-header[b-d5e7v20r5f] {
        margin-bottom: 25px;
    }

        .legal-header h1[b-d5e7v20r5f] {
            font-size: 31px;
            line-height: 1.1;
            letter-spacing: -.8px;
        }

        .legal-header p[b-d5e7v20r5f] {
            margin-top: 10px;
            font-size: 13px;
        }

    .legal-card[b-d5e7v20r5f] {
        padding: 20px 17px;
        margin-bottom: 12px;
        border-radius: 13px;
    }

    .legal-section-title[b-d5e7v20r5f] {
        gap: 11px;
        margin-bottom: 17px;
    }

    .legal-icon[b-d5e7v20r5f] {
        width: 39px;
        min-width: 39px;
        height: 39px;
        border-radius: 10px;
        font-size: 16px;
    }

    .legal-section-title h2[b-d5e7v20r5f] {
        font-size: 16px;
    }

    .legal-card p[b-d5e7v20r5f] {
        font-size: 13px;
        line-height: 1.7;
    }

    .legal-list li[b-d5e7v20r5f] {
        font-size: 13px;
    }

    .legal-company[b-d5e7v20r5f] {
        padding: 15px;
    }

    .price-row[b-d5e7v20r5f] {
        grid-template-columns: 1.2fr .8fr .8fr;
        gap: 6px;
        padding: 12px 10px;
        font-size: 12px;
    }

    .price-head[b-d5e7v20r5f] {
        font-size: 8px;
    }

    .legal-provider-content[b-d5e7v20r5f] {
        gap: 12px;
    }

    .legal-provider-icon[b-d5e7v20r5f] {
        width: 42px;
        min-width: 42px;
        height: 42px;
        font-size: 17px;
    }

    .legal-provider-content h2[b-d5e7v20r5f] {
        font-size: 18px;
    }

    .legal-provider-contact[b-d5e7v20r5f] {
        flex-direction: column;
        gap: 7px;
    }

    .legal-footer[b-d5e7v20r5f] {
        flex-direction: column;
        align-items: flex-start;
    }

        .legal-footer > div:last-child[b-d5e7v20r5f] {
            text-align: left;
        }
}
/* /Components/Pages/Assignments.razor.rz.scp.css */
/*
   Assignments.razor.css
   Premium black / orange / white visual system
*/

:host[b-v2m1158gfb] {
    --as-bg: #f5f6f8;
    --as-surface: #ffffff;
    --as-ink: #17191c;
    --as-muted: #737982;
    --as-line: #e7e9ed;
    --as-dark: #101214;
    --as-dark-2: #1b1f23;
    --as-orange: #ff7518;
    --as-orange-dark: #d95505;
    --as-orange-soft: #fff1e8;
    --as-danger: #d83a3a;
    --as-shadow: 0 18px 45px rgba(16, 18, 20, .07);
    --as-shadow-hover: 0 18px 38px rgba(16, 18, 20, .13);
    --as-radius: 18px;
    display: block;
    color: var(--as-ink);
}

    /* Page foundation */
    :host > div[b-v2m1158gfb] {
        max-width: 1440px;
        margin-inline: auto;
    }

.employee-header[b-v2m1158gfb] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 2rem 2.25rem;
    margin-bottom: 1.5rem !important;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 90% 20%, rgba(255, 117, 24, .35), transparent 30%), linear-gradient(125deg, #0e1012 0%, #1d2227 100%);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: var(--as-radius);
    box-shadow: 0 20px 45px rgba(16, 18, 20, .14);
}

    .employee-header[b-v2m1158gfb]::after {
        position: absolute;
        right: -55px;
        bottom: -90px;
        width: 220px;
        height: 220px;
        content: "";
        border: 38px solid rgba(255, 117, 24, .14);
        border-radius: 50%;
    }

    .employee-header > div[b-v2m1158gfb],
    .employee-header > button[b-v2m1158gfb] {
        position: relative;
        z-index: 1;
    }

    .employee-header h3[b-v2m1158gfb] {
        margin: 0 0 .45rem;
        font-size: clamp(1.65rem, 2.4vw, 2.2rem);
        font-weight: 800;
        letter-spacing: -.04em;
    }

    .employee-header p[b-v2m1158gfb] {
        color: rgba(255, 255, 255, .68) !important;
        font-size: .95rem;
    }

/* Cards */
.modern-card[b-v2m1158gfb] {
    overflow: visible;
    background: var(--as-surface);
    border: 1px solid var(--as-line) !important;
    border-radius: var(--as-radius) !important;
    box-shadow: var(--as-shadow);
}

    .modern-card.overflow-hidden[b-v2m1158gfb] {
        overflow: hidden;
    }

    .modern-card .card-body[b-v2m1158gfb] {
        background: transparent;
    }

/* Buttons */
.btn[b-v2m1158gfb] {
    min-height: 42px;
    padding: .65rem 1rem;
    border-radius: 10px;
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: .01em;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}

    .btn:hover:not(:disabled)[b-v2m1158gfb] {
        transform: translateY(-2px);
    }

    .btn:active:not(:disabled)[b-v2m1158gfb] {
        transform: translateY(0);
    }

.btn-primary[b-v2m1158gfb] {
    color: #fff !important;
    background: var(--as-orange) !important;
    border-color: var(--as-orange) !important;
    box-shadow: 0 8px 18px rgba(255, 117, 24, .22);
}

    .btn-primary:hover:not(:disabled)[b-v2m1158gfb],
    .btn-primary:focus-visible[b-v2m1158gfb] {
        background: var(--as-orange-dark) !important;
        border-color: var(--as-orange-dark) !important;
        box-shadow: 0 10px 24px rgba(217, 85, 5, .28);
    }

/* Hard override for themes that redefine Bootstrap .btn-primary */
button.btn.btn-primary[b-v2m1158gfb],
a.btn.btn-primary[b-v2m1158gfb] {
    color: #fff !important;
    background-color: #ff7518 !important;
    background-image: none !important;
    border-color: #ff7518 !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .12);
}

    button.btn.btn-primary:hover:not(:disabled)[b-v2m1158gfb],
    button.btn.btn-primary:focus-visible[b-v2m1158gfb],
    a.btn.btn-primary:hover[b-v2m1158gfb],
    a.btn.btn-primary:focus-visible[b-v2m1158gfb] {
        color: #fff !important;
        background-color: #d95505 !important;
        border-color: #d95505 !important;
    }

.btn-secondary[b-v2m1158gfb] {
    color: var(--as-ink) !important;
    background: #f0f1f3 !important;
    border-color: #f0f1f3 !important;
}

    .btn-secondary:hover:not(:disabled)[b-v2m1158gfb] {
        background: #e4e6e9 !important;
        border-color: #e4e6e9 !important;
    }

.btn-outline-danger[b-v2m1158gfb] {
    color: var(--as-danger) !important;
    border-color: #f0bcbc !important;
    background: #fff !important;
}

    .btn-outline-danger:hover:not(:disabled)[b-v2m1158gfb] {
        background: var(--as-danger) !important;
        border-color: var(--as-danger) !important;
    }

.btn-sm[b-v2m1158gfb] {
    min-height: 34px;
    padding: .42rem .72rem;
    border-radius: 8px;
    font-size: .76rem;
}

.btn:disabled[b-v2m1158gfb] {
    cursor: not-allowed;
    opacity: .45;
    box-shadow: none;
}

/* Search */
.search-box[b-v2m1158gfb] {
    overflow: hidden;
    border: 1px solid var(--as-line);
    border-radius: 12px;
    background: #fafbfc;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

    .search-box:focus-within[b-v2m1158gfb] {
        background: #fff;
        border-color: var(--as-orange);
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
    }

    .search-box .input-group-text[b-v2m1158gfb] {
        padding-inline: 1rem;
        color: var(--as-orange);
        background: transparent;
        border: 0;
        font-size: 1.35rem;
    }

    .search-box .form-control[b-v2m1158gfb] {
        border: 0;
        background: transparent;
        box-shadow: none;
    }

/* Forms */
.form-label[b-v2m1158gfb] {
    display: block;
    margin-bottom: .5rem;
    color: var(--as-ink);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.form-control[b-v2m1158gfb] {
    min-height: 46px;
    padding: .7rem .85rem;
    color: var(--as-ink);
    background: #fbfbfc;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
    font-size: .9rem;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

    .form-control[b-v2m1158gfb]::placeholder {
        color: #a1a6ad;
    }

    .form-control:focus[b-v2m1158gfb] {
        color: var(--as-ink);
        background: #fff;
        border-color: var(--as-orange);
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
    }

textarea.form-control[b-v2m1158gfb] {
    min-height: 104px;
    resize: vertical;
}

/* Live search dropdowns */
.live-search-wrapper[b-v2m1158gfb] {
    position: relative;
}

.live-search-results[b-v2m1158gfb] {
    position: absolute;
    z-index: 20;
    top: calc(100% + .5rem);
    right: 0;
    left: 0;
    overflow: hidden;
    padding: .4rem;
    background: #fff;
    border: 1px solid var(--as-line);
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(16, 18, 20, .16);
}

.live-search-result[b-v2m1158gfb] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: .75rem;
    padding: .7rem .75rem;
    color: var(--as-ink);
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 9px;
    transition: background .15s ease;
}

    .live-search-result:hover[b-v2m1158gfb],
    .live-search-result:focus-visible[b-v2m1158gfb] {
        background: var(--as-orange-soft);
        outline: none;
    }

.live-search-avatar[b-v2m1158gfb],
.employee-avatar[b-v2m1158gfb] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #fff;
    background: var(--as-dark);
    border-radius: 12px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .03em;
}

    .live-search-avatar.site-avatar[b-v2m1158gfb] {
        color: var(--as-dark);
        background: var(--as-orange-soft);
        border: 1px solid #ffd5bb;
    }

.live-search-content[b-v2m1158gfb] {
    min-width: 0;
}

.live-search-title[b-v2m1158gfb] {
    overflow: hidden;
    font-size: .88rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-search-subtitle[b-v2m1158gfb] {
    margin-top: .18rem;
    color: var(--as-muted);
    font-size: .75rem;
}

.live-search-empty[b-v2m1158gfb] {
    padding: 1rem;
    color: var(--as-muted);
    font-size: .82rem;
    text-align: center;
}

.selected-info[b-v2m1158gfb] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: .65rem;
    padding: .55rem .7rem;
    color: var(--as-dark);
    background: var(--as-orange-soft);
    border: 1px solid #ffd8c1;
    border-radius: 9px;
    font-size: .82rem;
    font-weight: 700;
}

.selected-check[b-v2m1158gfb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    color: #fff;
    background: var(--as-orange);
    border-radius: 50%;
    font-size: .72rem;
}

.selected-remove[b-v2m1158gfb] {
    width: 26px;
    height: 26px;
    margin-left: auto;
    color: var(--as-orange-dark);
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 1.15rem;
    line-height: 1;
}

    .selected-remove:hover[b-v2m1158gfb] {
        background: rgba(255, 117, 24, .14);
    }

/* Alerts */
.alert[b-v2m1158gfb] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    border: 0;
    border-left: 4px solid var(--as-orange);
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(16, 18, 20, .06);
}

.alert-warning[b-v2m1158gfb] {
    color: #70400d;
    background: #fff5df;
}

.alert-danger[b-v2m1158gfb] {
    color: #842b2b;
    background: #fff0f0;
    border-left-color: var(--as-danger);
}

.alert-success[b-v2m1158gfb] {
    color: #175a39;
    background: #eaf8f0;
    border-left-color: #2ca66a;
}

/* Table */
.table-modern[b-v2m1158gfb] {
    margin: 0;
    --bs-table-bg: transparent;
}

    .table-modern thead th[b-v2m1158gfb] {
        padding: 1rem 1.25rem;
        color: #8b9199;
        background: #fafbfc;
        border-bottom: 1px solid var(--as-line);
        font-size: .7rem;
        font-weight: 850;
        letter-spacing: .09em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .table-modern tbody td[b-v2m1158gfb] {
        padding: 1.1rem 1.25rem;
        color: var(--as-ink);
        border-bottom: 1px solid #f0f1f3;
        font-size: .87rem;
        vertical-align: middle;
    }

    .table-modern tbody tr[b-v2m1158gfb] {
        transition: background .18s ease;
    }

        .table-modern tbody tr:hover[b-v2m1158gfb] {
            background: #fffaf6;
        }

        .table-modern tbody tr:last-child td[b-v2m1158gfb] {
            border-bottom: 0;
        }

.assignment-date[b-v2m1158gfb] {
    color: var(--as-ink);
    font-weight: 800;
    white-space: nowrap;
}

.assignment-time[b-v2m1158gfb] {
    margin-top: .3rem;
    color: var(--as-orange-dark);
    font-size: .75rem;
    font-weight: 750;
    white-space: nowrap;
}

.employee-avatar[b-v2m1158gfb] {
    width: 42px;
    height: 42px;
    color: #fff !important;
    background: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    background-image: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    border: 2px solid #fff;
    box-shadow: 0 6px 13px rgba(255, 117, 24, .18);
}

.table-modern .fw-semibold[b-v2m1158gfb] {
    font-weight: 750 !important;
}

.table-modern small[b-v2m1158gfb] {
    display: inline-block;
    margin-top: .22rem;
    font-size: .74rem;
}

/* Empty state and pagination */
.empty-state[b-v2m1158gfb] {
    padding: 1.75rem 1rem;
}

.empty-state-icon[b-v2m1158gfb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: .9rem;
    color: var(--as-orange);
    background: var(--as-orange-soft);
    border-radius: 18px;
    font-size: 1.7rem;
}

.empty-state h6[b-v2m1158gfb] {
    margin-bottom: .3rem;
    font-weight: 800;
}

.pagination-container[b-v2m1158gfb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fafbfc;
    border-top: 1px solid var(--as-line);
}

    .pagination-container .btn[b-v2m1158gfb] {
        min-width: 35px;
    }

/* Bootstrap utility refinement inside this component */
.text-muted[b-v2m1158gfb] {
    color: var(--as-muted) !important;
}

/* Keyboard accessibility */
button:focus-visible[b-v2m1158gfb],
a:focus-visible[b-v2m1158gfb],
input:focus-visible[b-v2m1158gfb],
textarea:focus-visible[b-v2m1158gfb] {
    outline: 3px solid rgba(255, 117, 24, .28);
    outline-offset: 2px;
}

/* Responsive layout */
@media (max-width: 991.98px) {
    .employee-header[b-v2m1158gfb] {
        padding: 1.6rem;
    }

    .table-modern thead th[b-v2m1158gfb],
    .table-modern tbody td[b-v2m1158gfb] {
        padding-inline: .9rem;
    }
}

@media (max-width: 767.98px) {
    .employee-header[b-v2m1158gfb] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.35rem;
    }

        .employee-header .btn[b-v2m1158gfb] {
            width: 100%;
        }

    .modern-card .card-body[b-v2m1158gfb] {
        padding: 1rem !important;
    }

    .pagination-container[b-v2m1158gfb] {
        align-items: flex-start;
        flex-direction: column;
    }

        .pagination-container > div:last-child[b-v2m1158gfb] {
            width: 100%;
            justify-content: flex-end;
        }

    .table-modern[b-v2m1158gfb] {
        min-width: 900px;
    }
}

@media (max-width: 479.98px) {
    .employee-header h3[b-v2m1158gfb] {
        font-size: 1.5rem;
    }

    .d-flex.gap-2.mt-4[b-v2m1158gfb] {
        flex-direction: column;
    }

        .d-flex.gap-2.mt-4 .btn[b-v2m1158gfb] {
            width: 100%;
        }
}

@media (prefers-reduced-motion: reduce) {
    *[b-v2m1158gfb],
    *[b-v2m1158gfb]::before,
    *[b-v2m1158gfb]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}
/* /Components/Pages/Baustellen.razor.rz.scp.css */
/*
   Assignments.razor.css
   Premium black / orange / white visual system
*/

:host[b-6txulis1dw] {
    --as-bg: #f5f6f8;
    --as-surface: #ffffff;
    --as-ink: #17191c;
    --as-muted: #737982;
    --as-line: #e7e9ed;
    --as-dark: #101214;
    --as-dark-2: #1b1f23;
    --as-orange: #ff7518;
    --as-orange-dark: #d95505;
    --as-orange-soft: #fff1e8;
    --as-danger: #d83a3a;
    --as-shadow: 0 18px 45px rgba(16, 18, 20, .07);
    --as-shadow-hover: 0 18px 38px rgba(16, 18, 20, .13);
    --as-radius: 18px;
    display: block;
    color: var(--as-ink);
}

    /* Page foundation */
    :host > div[b-6txulis1dw] {
        max-width: 1440px;
        margin-inline: auto;
    }

.employee-header[b-6txulis1dw] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 2rem 2.25rem;
    margin-bottom: 1.5rem !important;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 90% 20%, rgba(255, 117, 24, .35), transparent 30%), linear-gradient(125deg, #0e1012 0%, #1d2227 100%);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: var(--as-radius);
    box-shadow: 0 20px 45px rgba(16, 18, 20, .14);
}

    .employee-header[b-6txulis1dw]::after {
        position: absolute;
        right: -55px;
        bottom: -90px;
        width: 220px;
        height: 220px;
        content: "";
        border: 38px solid rgba(255, 117, 24, .14);
        border-radius: 50%;
    }

    .employee-header > div[b-6txulis1dw],
    .employee-header > button[b-6txulis1dw] {
        position: relative;
        z-index: 1;
    }

    .employee-header h3[b-6txulis1dw] {
        margin: 0 0 .45rem;
        font-size: clamp(1.65rem, 2.4vw, 2.2rem);
        font-weight: 800;
        letter-spacing: -.04em;
    }

    .employee-header p[b-6txulis1dw] {
        color: rgba(255, 255, 255, .68) !important;
        font-size: .95rem;
    }

/* Cards */
.modern-card[b-6txulis1dw] {
    overflow: visible;
    background: var(--as-surface);
    border: 1px solid var(--as-line) !important;
    border-radius: var(--as-radius) !important;
    box-shadow: var(--as-shadow);
}

    .modern-card.overflow-hidden[b-6txulis1dw] {
        overflow: hidden;
    }

    .modern-card .card-body[b-6txulis1dw] {
        background: transparent;
    }

/* Buttons */
.btn[b-6txulis1dw] {
    min-height: 42px;
    padding: .65rem 1rem;
    border-radius: 10px;
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: .01em;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}

    .btn:hover:not(:disabled)[b-6txulis1dw] {
        transform: translateY(-2px);
    }

    .btn:active:not(:disabled)[b-6txulis1dw] {
        transform: translateY(0);
    }

.btn-primary[b-6txulis1dw] {
    color: #fff !important;
    background: var(--as-orange) !important;
    border-color: var(--as-orange) !important;
    box-shadow: 0 8px 18px rgba(255, 117, 24, .22);
}

    .btn-primary:hover:not(:disabled)[b-6txulis1dw],
    .btn-primary:focus-visible[b-6txulis1dw] {
        background: var(--as-orange-dark) !important;
        border-color: var(--as-orange-dark) !important;
        box-shadow: 0 10px 24px rgba(217, 85, 5, .28);
    }

/* Hard override for themes that redefine Bootstrap .btn-primary */
button.btn.btn-primary[b-6txulis1dw],
a.btn.btn-primary[b-6txulis1dw] {
    color: #fff !important;
    background-color: #ff7518 !important;
    background-image: none !important;
    border-color: #ff7518 !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .12);
}

    button.btn.btn-primary:hover:not(:disabled)[b-6txulis1dw],
    button.btn.btn-primary:focus-visible[b-6txulis1dw],
    a.btn.btn-primary:hover[b-6txulis1dw],
    a.btn.btn-primary:focus-visible[b-6txulis1dw] {
        color: #fff !important;
        background-color: #d95505 !important;
        border-color: #d95505 !important;
    }

.btn-secondary[b-6txulis1dw] {
    color: var(--as-ink) !important;
    background: #f0f1f3 !important;
    border-color: #f0f1f3 !important;
}

    .btn-secondary:hover:not(:disabled)[b-6txulis1dw] {
        background: #e4e6e9 !important;
        border-color: #e4e6e9 !important;
    }

.btn-outline-danger[b-6txulis1dw] {
    color: var(--as-danger) !important;
    border-color: #f0bcbc !important;
    background: #fff !important;
}

    .btn-outline-danger:hover:not(:disabled)[b-6txulis1dw] {
        background: var(--as-danger) !important;
        border-color: var(--as-danger) !important;
    }

.btn-sm[b-6txulis1dw] {
    min-height: 34px;
    padding: .42rem .72rem;
    border-radius: 8px;
    font-size: .76rem;
}

.btn:disabled[b-6txulis1dw] {
    cursor: not-allowed;
    opacity: .45;
    box-shadow: none;
}

/* Search */
.search-box[b-6txulis1dw] {
    overflow: hidden;
    border: 1px solid var(--as-line);
    border-radius: 12px;
    background: #fafbfc;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

    .search-box:focus-within[b-6txulis1dw] {
        background: #fff;
        border-color: var(--as-orange);
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
    }

    .search-box .input-group-text[b-6txulis1dw] {
        padding-inline: 1rem;
        color: var(--as-orange);
        background: transparent;
        border: 0;
        font-size: 1.35rem;
    }

    .search-box .form-control[b-6txulis1dw] {
        border: 0;
        background: transparent;
        box-shadow: none;
    }

/* Forms */
.form-label[b-6txulis1dw] {
    display: block;
    margin-bottom: .5rem;
    color: var(--as-ink);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.form-control[b-6txulis1dw] {
    min-height: 46px;
    padding: .7rem .85rem;
    color: var(--as-ink);
    background: #fbfbfc;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
    font-size: .9rem;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

    .form-control[b-6txulis1dw]::placeholder {
        color: #a1a6ad;
    }

    .form-control:focus[b-6txulis1dw] {
        color: var(--as-ink);
        background: #fff;
        border-color: var(--as-orange);
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
    }

textarea.form-control[b-6txulis1dw] {
    min-height: 104px;
    resize: vertical;
}

/* Live search dropdowns */
.live-search-wrapper[b-6txulis1dw] {
    position: relative;
}

.live-search-results[b-6txulis1dw] {
    position: absolute;
    z-index: 20;
    top: calc(100% + .5rem);
    right: 0;
    left: 0;
    overflow: hidden;
    padding: .4rem;
    background: #fff;
    border: 1px solid var(--as-line);
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(16, 18, 20, .16);
}

.live-search-result[b-6txulis1dw] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: .75rem;
    padding: .7rem .75rem;
    color: var(--as-ink);
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 9px;
    transition: background .15s ease;
}

    .live-search-result:hover[b-6txulis1dw],
    .live-search-result:focus-visible[b-6txulis1dw] {
        background: var(--as-orange-soft);
        outline: none;
    }

.live-search-avatar[b-6txulis1dw],
.employee-avatar[b-6txulis1dw] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #fff;
    background: var(--as-dark);
    border-radius: 12px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .03em;
}

    .live-search-avatar.site-avatar[b-6txulis1dw] {
        color: var(--as-dark);
        background: var(--as-orange-soft);
        border: 1px solid #ffd5bb;
    }

.live-search-content[b-6txulis1dw] {
    min-width: 0;
}

.live-search-title[b-6txulis1dw] {
    overflow: hidden;
    font-size: .88rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-search-subtitle[b-6txulis1dw] {
    margin-top: .18rem;
    color: var(--as-muted);
    font-size: .75rem;
}

.live-search-empty[b-6txulis1dw] {
    padding: 1rem;
    color: var(--as-muted);
    font-size: .82rem;
    text-align: center;
}

.selected-info[b-6txulis1dw] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: .65rem;
    padding: .55rem .7rem;
    color: var(--as-dark);
    background: var(--as-orange-soft);
    border: 1px solid #ffd8c1;
    border-radius: 9px;
    font-size: .82rem;
    font-weight: 700;
}

.selected-check[b-6txulis1dw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    color: #fff;
    background: var(--as-orange);
    border-radius: 50%;
    font-size: .72rem;
}

.selected-remove[b-6txulis1dw] {
    width: 26px;
    height: 26px;
    margin-left: auto;
    color: var(--as-orange-dark);
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 1.15rem;
    line-height: 1;
}

    .selected-remove:hover[b-6txulis1dw] {
        background: rgba(255, 117, 24, .14);
    }

/* Alerts */
.alert[b-6txulis1dw] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    border: 0;
    border-left: 4px solid var(--as-orange);
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(16, 18, 20, .06);
}

.alert-warning[b-6txulis1dw] {
    color: #70400d;
    background: #fff5df;
}

.alert-danger[b-6txulis1dw] {
    color: #842b2b;
    background: #fff0f0;
    border-left-color: var(--as-danger);
}

.alert-success[b-6txulis1dw] {
    color: #175a39;
    background: #eaf8f0;
    border-left-color: #2ca66a;
}

/* Table */
.table-modern[b-6txulis1dw] {
    margin: 0;
    --bs-table-bg: transparent;
}

    .table-modern thead th[b-6txulis1dw] {
        padding: 1rem 1.25rem;
        color: #8b9199;
        background: #fafbfc;
        border-bottom: 1px solid var(--as-line);
        font-size: .7rem;
        font-weight: 850;
        letter-spacing: .09em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .table-modern tbody td[b-6txulis1dw] {
        padding: 1.1rem 1.25rem;
        color: var(--as-ink);
        border-bottom: 1px solid #f0f1f3;
        font-size: .87rem;
        vertical-align: middle;
    }

    .table-modern tbody tr[b-6txulis1dw] {
        transition: background .18s ease;
    }

        .table-modern tbody tr:hover[b-6txulis1dw] {
            background: #fffaf6;
        }

        .table-modern tbody tr:last-child td[b-6txulis1dw] {
            border-bottom: 0;
        }

.assignment-date[b-6txulis1dw] {
    color: var(--as-ink);
    font-weight: 800;
    white-space: nowrap;
}

.assignment-time[b-6txulis1dw] {
    margin-top: .3rem;
    color: var(--as-orange-dark);
    font-size: .75rem;
    font-weight: 750;
    white-space: nowrap;
}

.employee-avatar[b-6txulis1dw] {
    width: 42px;
    height: 42px;
    color: #fff !important;
    background: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    background-image: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    border: 2px solid #fff;
    box-shadow: 0 6px 13px rgba(255, 117, 24, .18);
}

.table-modern .fw-semibold[b-6txulis1dw] {
    font-weight: 750 !important;
}

.table-modern small[b-6txulis1dw] {
    display: inline-block;
    margin-top: .22rem;
    font-size: .74rem;
}

/* Empty state and pagination */
.empty-state[b-6txulis1dw] {
    padding: 1.75rem 1rem;
}

.empty-state-icon[b-6txulis1dw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: .9rem;
    color: var(--as-orange);
    background: var(--as-orange-soft);
    border-radius: 18px;
    font-size: 1.7rem;
}

.empty-state h6[b-6txulis1dw] {
    margin-bottom: .3rem;
    font-weight: 800;
}

.pagination-container[b-6txulis1dw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fafbfc;
    border-top: 1px solid var(--as-line);
}

    .pagination-container .btn[b-6txulis1dw] {
        min-width: 35px;
    }

/* Bootstrap utility refinement inside this component */
.text-muted[b-6txulis1dw] {
    color: var(--as-muted) !important;
}

/* Keyboard accessibility */
button:focus-visible[b-6txulis1dw],
a:focus-visible[b-6txulis1dw],
input:focus-visible[b-6txulis1dw],
textarea:focus-visible[b-6txulis1dw] {
    outline: 3px solid rgba(255, 117, 24, .28);
    outline-offset: 2px;
}

/* Responsive layout */
@media (max-width: 991.98px) {
    .employee-header[b-6txulis1dw] {
        padding: 1.6rem;
    }

    .table-modern thead th[b-6txulis1dw],
    .table-modern tbody td[b-6txulis1dw] {
        padding-inline: .9rem;
    }
}

@media (max-width: 767.98px) {
    .employee-header[b-6txulis1dw] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.35rem;
    }

        .employee-header .btn[b-6txulis1dw] {
            width: 100%;
        }

    .modern-card .card-body[b-6txulis1dw] {
        padding: 1rem !important;
    }

    .pagination-container[b-6txulis1dw] {
        align-items: flex-start;
        flex-direction: column;
    }

        .pagination-container > div:last-child[b-6txulis1dw] {
            width: 100%;
            justify-content: flex-end;
        }

    .table-modern[b-6txulis1dw] {
        min-width: 900px;
    }
}

@media (max-width: 479.98px) {
    .employee-header h3[b-6txulis1dw] {
        font-size: 1.5rem;
    }

    .d-flex.gap-2.mt-4[b-6txulis1dw] {
        flex-direction: column;
    }

        .d-flex.gap-2.mt-4 .btn[b-6txulis1dw] {
            width: 100%;
        }
}

@media (prefers-reduced-motion: reduce) {
    *[b-6txulis1dw],
    *[b-6txulis1dw]::before,
    *[b-6txulis1dw]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}

/* =========================================================
   BAUSTELLEN PAGE EXTENSIONS
   ========================================================= */

.eyebrow[b-6txulis1dw] {
    display: inline-block;
    margin-bottom: .45rem;
    color: var(--as-orange) !important;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .12em;
}

button.btn.btn-light[b-6txulis1dw],
a.btn.btn-light[b-6txulis1dw] {
    color: var(--as-ink) !important;
    background: #f0f1f3 !important;
    background-image: none !important;
    border: 1px solid #dfe2e6 !important;
}

    button.btn.btn-light:hover:not(:disabled)[b-6txulis1dw],
    button.btn.btn-light:focus-visible[b-6txulis1dw],
    a.btn.btn-light:hover[b-6txulis1dw],
    a.btn.btn-light:focus-visible[b-6txulis1dw] {
        color: #fff !important;
        background: var(--as-orange) !important;
        border-color: var(--as-orange) !important;
    }

.modern-card input[readonly][b-6txulis1dw],
.modern-card textarea[readonly][b-6txulis1dw] {
    color: #454a51;
    background: #f7f8fa;
    border-color: #e5e7ea;
}

    .modern-card input[readonly]:focus[b-6txulis1dw],
    .modern-card textarea[readonly]:focus[b-6txulis1dw] {
        box-shadow: none;
    }

.modern-card .border.rounded[b-6txulis1dw] {
    min-height: 76px;
    background: #fff;
    border-color: var(--as-line) !important;
    border-radius: 12px !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

    .modern-card .border.rounded:hover[b-6txulis1dw] {
        border-color: #ffc39e !important;
        box-shadow: 0 10px 24px rgba(16, 18, 20, .07);
        transform: translateY(-2px);
    }

.employee-avatar[b-6txulis1dw] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #fff !important;
    background: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    background-image: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    border: 2px solid #fff;
    border-radius: 12px;
    box-shadow: 0 6px 13px rgba(255, 117, 24, .2);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .03em;
}

.status-dot[b-6txulis1dw] {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: .4rem;
    vertical-align: 1px;
    border-radius: 50%;
}

    .status-dot.active[b-6txulis1dw] {
        background: #2ca66a;
        box-shadow: 0 0 0 4px rgba(44, 166, 106, .14);
    }

    .status-dot.inactive[b-6txulis1dw] {
        background: #9aa0a8;
        box-shadow: 0 0 0 4px rgba(154, 160, 168, .14);
    }

button.btn.btn-outline-primary[b-6txulis1dw],
a.btn.btn-outline-primary[b-6txulis1dw] {
    color: var(--as-orange-dark) !important;
    background: #fff !important;
    background-image: none !important;
    border-color: #ffc39e !important;
}

    button.btn.btn-outline-primary:hover:not(:disabled)[b-6txulis1dw],
    button.btn.btn-outline-primary:focus-visible[b-6txulis1dw],
    a.btn.btn-outline-primary:hover[b-6txulis1dw],
    a.btn.btn-outline-primary:focus-visible[b-6txulis1dw] {
        background: var(--as-orange) !important;
        border-color: var(--as-orange) !important;
    }

.table-modern tbody td > strong[b-6txulis1dw],
.table-modern tbody td > div > strong[b-6txulis1dw] {
    font-weight: 750;
}

.table-modern tbody td:nth-child(4)[b-6txulis1dw] {
    color: var(--as-orange-dark);
    font-weight: 700;
    white-space: nowrap;
}

.baustellen-pagination[b-6txulis1dw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fafbfc;
    border-top: 1px solid var(--as-line);
}

    .baustellen-pagination .btn[b-6txulis1dw] {
        min-width: 38px;
    }

    .baustellen-pagination .btn-primary[b-6txulis1dw] {
        color: #fff !important;
        background: #ff7518 !important;
        background-image: none !important;
        border-color: #ff7518 !important;
    }

        .baustellen-pagination .btn-primary:hover:not(:disabled)[b-6txulis1dw] {
            background: #d95505 !important;
            border-color: #d95505 !important;
        }

.alert-light[b-6txulis1dw] {
    color: var(--as-muted) !important;
    background: #fafbfc !important;
    border: 1px solid var(--as-line) !important;
    border-left: 4px solid var(--as-orange) !important;
}

.form-check-input[b-6txulis1dw] {
    width: 2.6em;
    height: 1.35em;
    cursor: pointer;
}

    .form-check-input:checked[b-6txulis1dw] {
        background-color: var(--as-orange) !important;
        border-color: var(--as-orange) !important;
    }

    .form-check-input:focus[b-6txulis1dw] {
        border-color: var(--as-orange);
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
    }

@media (max-width: 767.98px) {
    .baustellen-pagination[b-6txulis1dw] {
        align-items: flex-start;
        flex-direction: column;
    }

        .baustellen-pagination > div:last-child[b-6txulis1dw] {
            width: 100%;
            justify-content: flex-end;
            flex-wrap: wrap;
        }

    .table-modern[b-6txulis1dw] {
        min-width: 980px;
    }
}
/* /Components/Pages/ChefCalendar.razor.rz.scp.css */
/*
   ChefKalender.razor.css
   Premium black / orange / white timeline UI
*/

.calendar-page[b-dvwgms8h8s] {
    --ck-ink: #17191c;
    --ck-muted: #737982;
    --ck-line: #e7e9ed;
    --ck-orange: #ff7518;
    --ck-orange-dark: #d95505;
    --ck-orange-soft: #fff1e8;
    --ck-dark: #101214;
    max-width: 1600px;
    margin-inline: auto;
    color: var(--ck-ink);
}

.calendar-header[b-dvwgms8h8s] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 2rem 2.25rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 88% 16%, rgba(255, 117, 24, .4), transparent 30%), linear-gradient(125deg, #0e1012, #20262b);
    border-radius: 18px;
    box-shadow: 0 20px 45px rgba(16, 18, 20, .14);
}

    .calendar-header[b-dvwgms8h8s]::after {
        position: absolute;
        right: -55px;
        bottom: -95px;
        width: 225px;
        height: 225px;
        content: "";
        border: 38px solid rgba(255, 117, 24, .14);
        border-radius: 50%;
    }

    .calendar-header > *[b-dvwgms8h8s] {
        position: relative;
        z-index: 1;
    }

    .calendar-header h2[b-dvwgms8h8s] {
        margin: 0 0 .45rem;
        color: #fff;
        font-size: clamp(1.65rem, 2.4vw, 2.2rem);
        font-weight: 850;
        letter-spacing: -.04em;
    }

.calendar-subtitle[b-dvwgms8h8s] {
    color: rgba(255, 255, 255, .68);
    font-size: .95rem;
}

.date-navigation[b-dvwgms8h8s] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.nav-button[b-dvwgms8h8s],
.today-button[b-dvwgms8h8s],
.close-button[b-dvwgms8h8s],
.btn-secondary[b-dvwgms8h8s] {
    cursor: pointer;
    font-weight: 750;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.nav-button[b-dvwgms8h8s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--ck-ink);
    background: #f0f1f3;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
    font-size: 1.35rem;
}

    .nav-button:hover[b-dvwgms8h8s] {
        color: #fff;
        background: var(--ck-orange);
        border-color: var(--ck-orange);
        transform: translateY(-2px);
    }

.date-input[b-dvwgms8h8s] {
    min-height: 40px;
    padding: .55rem .7rem;
    color: var(--ck-ink);
    background: #fff;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
    font-weight: 700;
}

    .date-input:focus[b-dvwgms8h8s] {
        border-color: var(--ck-orange);
        outline: 0;
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .14);
    }

.calendar-page .today-button[b-dvwgms8h8s] {
    min-height: 40px;
    padding: .55rem .9rem;
    color: var(--ck-orange-dark);
    background: #fff;
    border: 1px solid #ffc39e;
    border-radius: 10px;
}

    .calendar-page .today-button:hover[b-dvwgms8h8s] {
        color: #fff;
        background: var(--ck-orange);
        border-color: var(--ck-orange);
        transform: translateY(-2px);
    }

.calendar-wrapper[b-dvwgms8h8s] {
    overflow-x: auto;
    background: #fff;
    border: 1px solid var(--ck-line);
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(16, 18, 20, .07);
}

.calendar-grid-header[b-dvwgms8h8s],
.employee-row[b-dvwgms8h8s] {
    display: grid;
    grid-template-columns: 230px minmax(1200px, 1fr);
    min-width: 1430px;
}

.calendar-grid-header[b-dvwgms8h8s] {
    position: sticky;
    z-index: 5;
    top: 0;
    background: #fafbfc;
    border-bottom: 1px solid var(--ck-line);
}

.employee-header[b-dvwgms8h8s],
.employee-cell[b-dvwgms8h8s] {
    border-right: 1px solid var(--ck-line);
}

.employee-header[b-dvwgms8h8s] {
    display: flex;
    align-items: center;
    padding: 1rem 1.1rem;
    color: #8b9199;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.time-header[b-dvwgms8h8s] {
    display: grid;
    grid-template-columns: repeat(24, minmax(50px, 1fr));
    min-height: 58px;
}

.hour-header[b-dvwgms8h8s] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8b9199;
    border-right: 1px solid #f0f1f3;
    font-size: .66rem;
    font-weight: 800;
}

.employee-row[b-dvwgms8h8s] {
    min-height: 86px;
    border-bottom: 1px solid #f0f1f3;
    transition: background .18s ease;
}

    .employee-row:hover[b-dvwgms8h8s] {
        background: #fffaf6;
    }

.employee-cell[b-dvwgms8h8s] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: .85rem 1.1rem;
    background: #fff;
}

.employee-name[b-dvwgms8h8s] {
    font-size: .85rem;
    font-weight: 800;
}

.employee-position[b-dvwgms8h8s] {
    margin-top: .25rem;
    color: var(--ck-muted);
    font-size: .73rem;
}

.timeline[b-dvwgms8h8s] {
    position: relative;
    min-height: 86px;
    overflow: visible;
    background-color: #fff;
    background-image: linear-gradient(to right, #f0f1f3 1px, transparent 1px);
    background-size: calc(100% / 24) 100%;
}

.hour-line[b-dvwgms8h8s] {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    width: 1px;
    pointer-events: none;
    background: rgba(231, 233, 237, .9);
}

.assignment[b-dvwgms8h8s] {
    position: absolute;
    z-index: 3;
    top: 14px;
    min-width: 32px;
    height: 58px;
    overflow: hidden;
    color: #fff;
    cursor: grab;
    background: linear-gradient(135deg, #ff8a3b, #d95505);
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 10px;
    box-shadow: 0 7px 15px rgba(217, 85, 5, .2);
    user-select: none;
    transition: filter .15s ease, box-shadow .15s ease;
}

    .assignment:active[b-dvwgms8h8s] {
        cursor: grabbing;
    }

    .assignment:hover[b-dvwgms8h8s] {
        z-index: 8;
        filter: brightness(.95);
        box-shadow: 0 10px 23px rgba(217, 85, 5, .3);
    }

.assignment-content[b-dvwgms8h8s] {
    min-width: 0;
    padding: .52rem .65rem;
    pointer-events: none;
}

.assignment-title[b-dvwgms8h8s],
.assignment-time[b-dvwgms8h8s],
.assignment-duration[b-dvwgms8h8s],
.assignment-notes[b-dvwgms8h8s] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.assignment-title[b-dvwgms8h8s] {
    font-size: .76rem;
    font-weight: 850;
}

.assignment-time[b-dvwgms8h8s] {
    margin-top: .17rem;
    color: rgba(255, 255, 255, .9);
    font-size: .67rem;
    font-weight: 700;
}

.assignment-duration[b-dvwgms8h8s] {
    margin-top: .12rem;
    color: rgba(255, 255, 255, .72);
    font-size: .62rem;
}

.assignment-notes[b-dvwgms8h8s] {
    margin-top: .1rem;
    color: rgba(255, 255, 255, .72);
    font-size: .59rem;
}

.resize-handle[b-dvwgms8h8s] {
    position: absolute;
    z-index: 4;
    top: 0;
    bottom: 0;
    width: 9px;
    cursor: ew-resize;
    background: rgba(255, 255, 255, .12);
    transition: background .15s ease;
}

    .resize-handle:hover[b-dvwgms8h8s] {
        background: rgba(255, 255, 255, .5);
    }

.resize-left[b-dvwgms8h8s] {
    left: 0;
    border-radius: 9px 0 0 9px;
}

.resize-right[b-dvwgms8h8s] {
    right: 0;
    border-radius: 0 9px 9px 0;
}

.modal-backdrop[b-dvwgms8h8s] {
    position: fixed;
    z-index: 1050;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(10, 12, 14, .68);
    backdrop-filter: blur(5px);
}

.details-modal[b-dvwgms8h8s] {
    width: min(100%, 570px);
    overflow: hidden;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .28);
}

.modal-header[b-dvwgms8h8s] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.35rem 1.45rem;
    color: #fff;
    background: linear-gradient(125deg, #111315, #272d32);
}

.modal-subtitle[b-dvwgms8h8s] {
    color: #ff9a54;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.close-button[b-dvwgms8h8s] {
    width: 34px;
    height: 34px;
    color: rgba(255, 255, 255, .8);
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 8px;
    font-size: 1.35rem;
    line-height: 1;
}

    .close-button:hover[b-dvwgms8h8s] {
        color: #fff;
        background: var(--ck-orange);
    }

.details-body[b-dvwgms8h8s] {
    padding: 1.35rem 1.45rem;
}

.detail-row[b-dvwgms8h8s] {
    display: grid;
    grid-template-columns: 125px 1fr;
    gap: 1rem;
    padding: .85rem 0;
    border-bottom: 1px solid var(--ck-line);
}

    .detail-row:last-child[b-dvwgms8h8s] {
        border-bottom: 0;
    }

.detail-label[b-dvwgms8h8s] {
    color: var(--ck-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.detail-value[b-dvwgms8h8s] {
    color: var(--ck-ink);
    font-size: .86rem;
    font-weight: 750;
}

.notes-value[b-dvwgms8h8s] {
    white-space: pre-wrap;
}

.modal-footer[b-dvwgms8h8s] {
    display: flex;
    justify-content: flex-end;
    padding: 1rem 1.45rem;
    background: #fafbfc;
    border-top: 1px solid var(--ck-line);
}

.btn-secondary[b-dvwgms8h8s] {
    min-height: 40px;
    padding: .6rem 1rem;
    color: var(--ck-ink);
    background: #f0f1f3;
    border: 1px solid #dfe2e6;
    border-radius: 9px;
}

    .btn-secondary:hover[b-dvwgms8h8s] {
        color: #fff;
        background: var(--ck-orange);
        border-color: var(--ck-orange);
    }

.error-message[b-dvwgms8h8s] {
    position: fixed;
    z-index: 1100;
    right: 1.25rem;
    bottom: 1.25rem;
    max-width: min(420px, calc(100vw - 2.5rem));
    padding: .85rem 1rem;
    color: #842b2b;
    background: #fff0f0;
    border: 1px solid #f1baba;
    border-left: 4px solid #d83a3a;
    border-radius: 10px;
    box-shadow: 0 15px 35px rgba(16, 18, 20, .16);
}

@media (max-width: 900px) {
    .calendar-header[b-dvwgms8h8s] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.35rem;
    }

    .date-navigation[b-dvwgms8h8s] {
        width: 100%;
    }

    .date-input[b-dvwgms8h8s] {
        flex: 1;
    }
}

@media (max-width: 560px) {
    .date-navigation[b-dvwgms8h8s] {
        flex-wrap: wrap;
    }

    .date-input[b-dvwgms8h8s] {
        min-width: 0;
        width: calc(100% - 96px);
    }

    .calendar-header .today-button[b-dvwgms8h8s] {
        width: 100%;
        order: 5;
    }

    .detail-row[b-dvwgms8h8s] {
        grid-template-columns: 1fr;
        gap: .35rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-dvwgms8h8s],
    *[b-dvwgms8h8s]::before,
    *[b-dvwgms8h8s]::after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}
/* /Components/Pages/CompanyPage.razor.rz.scp.css */
/*
   Company.razor.css
   Premium company settings and subscription management UI
*/

.company-page[b-rnnat9cn3o],
.page-hero[b-rnnat9cn3o],
.company-monogram[b-rnnat9cn3o],
.subscription-status[b-rnnat9cn3o],
.cancellation-confirm[b-rnnat9cn3o] {
    --co-ink: #17191c;
    --co-muted: #737982;
    --co-line: #e7e9ed;
    --co-orange: #ff7518;
    --co-orange-dark: #d95505;
    --co-orange-soft: #fff1e8;
}

/* This page is wrapped by the shared layout; target its unique blocks safely. */
.page-hero[b-rnnat9cn3o] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.7rem 2rem;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 88% 12%, rgba(255, 117, 24, .38), transparent 30%), linear-gradient(125deg, #0e1012, #23292e);
    border-radius: 18px;
    box-shadow: 0 20px 45px rgba(16, 18, 20, .13);
}

    .page-hero[b-rnnat9cn3o]::after {
        position: absolute;
        right: -55px;
        bottom: -100px;
        width: 220px;
        height: 220px;
        content: "";
        border: 36px solid rgba(255, 117, 24, .13);
        border-radius: 50%;
    }

    .page-hero > *[b-rnnat9cn3o] {
        position: relative;
        z-index: 1;
    }

    .page-hero h3[b-rnnat9cn3o] {
        margin: 0 0 .4rem;
        color: #fff;
        font-size: clamp(1.55rem, 3vw, 2.25rem);
        font-weight: 850;
        letter-spacing: -.045em;
    }

    .page-hero p[b-rnnat9cn3o] {
        color: rgba(255, 255, 255, .68) !important;
    }

.company-monogram[b-rnnat9cn3o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 64px;
    height: 64px;
    color: #fff;
    background: linear-gradient(145deg, #ff963f, #d95505);
    border: 2px solid rgba(255, 255, 255, .55);
    border-radius: 18px;
    box-shadow: 0 12px 25px rgba(0, 0, 0, .2);
    font-size: 1.55rem;
    font-weight: 900;
}

/* Cards and form */
.modern-card[b-rnnat9cn3o] {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--co-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 32px rgba(16, 18, 20, .055) !important;
}

    .modern-card .card-body[b-rnnat9cn3o] {
        color: var(--co-ink);
    }

    .modern-card h2[b-rnnat9cn3o] {
        color: var(--co-ink);
        font-weight: 850;
        letter-spacing: -.035em;
    }

.form-label[b-rnnat9cn3o] {
    margin-bottom: .4rem;
    color: var(--co-ink);
    font-size: .74rem;
    font-weight: 800;
}

.form-control[b-rnnat9cn3o],
.form-select[b-rnnat9cn3o] {
    min-height: 44px;
    color: var(--co-ink) !important;
    background-color: #fff !important;
    border: 1px solid #dfe2e6 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

    .form-control:focus[b-rnnat9cn3o],
    .form-select:focus[b-rnnat9cn3o] {
        border-color: var(--co-orange) !important;
        outline: 0;
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12) !important;
    }

.btn-primary[b-rnnat9cn3o] {
    background: var(--co-orange) !important;
    background-image: none !important;
    border-color: var(--co-orange) !important;
    box-shadow: 0 7px 16px rgba(255, 117, 24, .16);
}

    .btn-primary:hover[b-rnnat9cn3o] {
        border-color: var(--co-orange-dark) !important;
        transform: translateY(-1px);
    }

.btn-outline-primary[b-rnnat9cn3o] {
    color: var(--co-orange-dark) !important;
    border-color: #ffb184 !important;
}

    .btn-outline-primary:hover[b-rnnat9cn3o] {
        color: #fff !important;
        background: var(--co-orange) !important;
        border-color: var(--co-orange) !important;
    }

.alert[b-rnnat9cn3o] {
    border: 0;
    border-left: 4px solid var(--co-orange);
    border-radius: 10px;
}

.alert-success[b-rnnat9cn3o] {
    color: #17633c;
    background: #e8f7ee;
    border-left-color: #2ca66a;
}

.alert-warning[b-rnnat9cn3o] {
    color: #70400d;
    background: #fff5df;
}

.alert-danger[b-rnnat9cn3o] {
    color: #842b2b;
    background: #fff0f0;
    border-left-color: #d83a3a;
}

/* Subscription */
.eyebrow[b-rnnat9cn3o] {
    color: var(--co-orange-dark) !important;
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .12em;
}

.subscription-status[b-rnnat9cn3o] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem;
    border: 1px solid;
    border-radius: 12px;
}

    .subscription-status.trial[b-rnnat9cn3o] {
        color: #9a4700;
        background: #fff5df;
        border-color: #ffd692;
    }

    .subscription-status.active[b-rnnat9cn3o] {
        color: #17633c;
        background: #e8f7ee;
        border-color: #bde8cc;
    }

    .subscription-status.danger[b-rnnat9cn3o] {
        color: #8c2d36;
        background: #ffeaec;
        border-color: #ffc6ca;
    }

.subscription-status-icon[b-rnnat9cn3o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    color: #fff;
    background: var(--co-orange);
    border-radius: 11px;
}

.subscription-status.active .subscription-status-icon[b-rnnat9cn3o] {
    background: #2ca66a;
}

.subscription-status.danger .subscription-status-icon[b-rnnat9cn3o] {
    background: #d83a3a;
}

.subscription-status strong[b-rnnat9cn3o] {
    display: block;
    color: inherit;
    font-size: .82rem;
    font-weight: 850;
}

.subscription-status .small[b-rnnat9cn3o] {
    margin-top: .18rem;
    color: inherit !important;
    opacity: .75;
    font-size: .7rem;
    line-height: 1.45;
}

/* Cancellation */
.danger-card[b-rnnat9cn3o] {
    overflow: hidden;
    background: #fff;
    border: 1px solid #ffc6ca !important;
    border-left: 4px solid #d83a3a !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(216, 58, 58, .06);
}

    .danger-card h2[b-rnnat9cn3o] {
        color: #8c2d36;
        font-weight: 850;
    }

    .danger-card .text-muted[b-rnnat9cn3o] {
        color: var(--co-muted) !important;
        line-height: 1.65;
    }

.btn-outline-danger[b-rnnat9cn3o] {
    color: #b52e38 !important;
    border-color: #ef9aa1 !important;
}

    .btn-outline-danger:hover[b-rnnat9cn3o] {
        color: #fff !important;
        background: #d83a3a !important;
        border-color: #d83a3a !important;
    }

.btn-danger[b-rnnat9cn3o] {
    color: #fff !important;
    background: #d83a3a !important;
    border-color: #d83a3a !important;
}

    .btn-danger:hover[b-rnnat9cn3o] {
        color: #fff !important;
        background: #ad2e2e !important;
        border-color: #ad2e2e !important;
    }

.cancellation-confirm[b-rnnat9cn3o] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: .85rem;
    color: #8c2d36;
    background: #fff0f1;
    border: 1px solid #ffc6ca;
    border-radius: 11px;
}

.cancellation-confirm-icon[b-rnnat9cn3o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    color: #fff;
    background: #d83a3a;
    border-radius: 10px;
}

.cancellation-confirm strong[b-rnnat9cn3o] {
    display: block;
    font-size: .82rem;
}

.cancellation-confirm p[b-rnnat9cn3o] {
    margin-top: .25rem;
    color: #9b5960;
    font-size: .74rem;
    line-height: 1.5;
}

/* Keep helper copy readable inside cards */
.modern-card .text-muted[b-rnnat9cn3o],
.danger-card .text-muted[b-rnnat9cn3o] {
    color: var(--co-muted) !important;
}

@media (max-width: 767.98px) {
    .page-hero[b-rnnat9cn3o] {
        align-items: flex-start;
        padding: 1.35rem;
    }

    .company-monogram[b-rnnat9cn3o] {
        width: 50px;
        height: 50px;
        border-radius: 14px;
        font-size: 1.2rem;
    }
}
/* /Components/Pages/Datenschutz.razor.rz.scp.css */
/* =========================================================
   WEBOLAR - LEGAL PAGE
   ========================================================= */

.legal-page[b-5m8iiawnat] {
    width: 100%;
    min-height: 100vh;
    background: #f7f8fa;
    padding: 40px 20px 70px;
    color: #212529;
}

.legal-container[b-5m8iiawnat] {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}


/* =========================================================
   BACK
   ========================================================= */

.legal-back[b-5m8iiawnat] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #6c757d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 28px;
    transition: color .2s ease;
}

    .legal-back:hover[b-5m8iiawnat] {
        color: #ff7a00;
    }


/* =========================================================
   HEADER
   ========================================================= */

.legal-header[b-5m8iiawnat] {
    margin-bottom: 32px;
}

.legal-eyebrow[b-5m8iiawnat] {
    display: inline-block;
    margin-bottom: 8px;
    color: #ff7a00;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.legal-header h1[b-5m8iiawnat] {
    margin: 0;
    font-size: 38px;
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -1px;
}

.legal-header p[b-5m8iiawnat] {
    max-width: 650px;
    margin: 14px 0 0;
    color: #6c757d;
    font-size: 15px;
    line-height: 1.65;
}


/* =========================================================
   CARD
   ========================================================= */

.legal-card[b-5m8iiawnat] {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 16px;
    padding: 26px 28px;
    margin-bottom: 16px;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .035);
}

    .legal-card p[b-5m8iiawnat] {
        margin: 0 0 13px;
        color: #59616a;
        font-size: 14px;
        line-height: 1.75;
    }

        .legal-card p:last-child[b-5m8iiawnat] {
            margin-bottom: 0;
        }


/* =========================================================
   SECTION TITLE
   ========================================================= */

.legal-section-title[b-5m8iiawnat] {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 20px;
}

.legal-icon[b-5m8iiawnat] {
    width: 42px;
    min-width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #fff1e6;
    color: #ff7a00;
    font-size: 18px;
}

.legal-section-title > div:last-child[b-5m8iiawnat] {
    min-width: 0;
}

.legal-section-title span[b-5m8iiawnat] {
    display: block;
    margin-bottom: 2px;
    color: #ff7a00;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
}

.legal-section-title h2[b-5m8iiawnat] {
    margin: 0;
    color: #212529;
    font-size: 18px;
    font-weight: 700;
}


/* =========================================================
   COMPANY
   ========================================================= */

.legal-company[b-5m8iiawnat] {
    background: #f8f9fa;
    border: 1px solid #edf0f2;
    border-radius: 12px;
    padding: 18px;
}

    .legal-company > strong[b-5m8iiawnat] {
        display: block;
        margin-bottom: 12px;
        font-size: 17px;
        color: #212529;
    }

.legal-company-row[b-5m8iiawnat] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 10px;
    color: #59616a;
    font-size: 13px;
    line-height: 1.55;
}

    .legal-company-row i[b-5m8iiawnat] {
        width: 18px;
        min-width: 18px;
        color: #ff7a00;
        margin-top: 2px;
    }

    .legal-company-row a[b-5m8iiawnat] {
        color: #59616a;
        text-decoration: none;
    }

        .legal-company-row a:hover[b-5m8iiawnat] {
            color: #ff7a00;
        }


/* =========================================================
   HIGHLIGHT
   ========================================================= */

.legal-highlight[b-5m8iiawnat] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 18px;
    padding: 15px;
    border-radius: 11px;
    background: #fff8f2;
    border: 1px solid #ffe3cf;
}

    .legal-highlight > i[b-5m8iiawnat] {
        color: #ff7a00;
        font-size: 18px;
        margin-top: 2px;
    }

    .legal-highlight strong[b-5m8iiawnat] {
        display: block;
        margin-bottom: 4px;
        color: #343a40;
        font-size: 13px;
    }

    .legal-highlight p[b-5m8iiawnat] {
        font-size: 13px;
    }


/* =========================================================
   CONTACT
   ========================================================= */

.legal-contact-box[b-5m8iiawnat] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 18px;
}

    .legal-contact-box > div[b-5m8iiawnat] {
        padding: 14px 16px;
        border: 1px solid #e9ecef;
        border-radius: 10px;
        background: #fafafa;
    }

    .legal-contact-box span[b-5m8iiawnat] {
        display: block;
        margin-bottom: 4px;
        color: #8a8f98;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: .6px;
    }

    .legal-contact-box a[b-5m8iiawnat] {
        color: #343a40;
        text-decoration: none;
        font-size: 13px;
        font-weight: 600;
    }

        .legal-contact-box a:hover[b-5m8iiawnat] {
            color: #ff7a00;
        }


/* =========================================================
   LEGAL LINKS
   ========================================================= */

.legal-links[b-5m8iiawnat] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.legal-link[b-5m8iiawnat] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 13px 14px;
    border: 1px solid #e9ecef;
    border-radius: 11px;
    color: #212529;
    text-decoration: none;
    transition: all .2s ease;
}

    .legal-link:hover[b-5m8iiawnat] {
        border-color: #ffcfad;
        background: #fffaf6;
        transform: translateY(-1px);
    }

.legal-link-icon[b-5m8iiawnat] {
    width: 38px;
    min-width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff1e6;
    color: #ff7a00;
}

.legal-link > div:nth-child(2)[b-5m8iiawnat] {
    flex: 1;
}

.legal-link strong[b-5m8iiawnat] {
    display: block;
    font-size: 13px;
    font-weight: 650;
}

.legal-link span[b-5m8iiawnat] {
    display: block;
    margin-top: 2px;
    color: #8a8f98;
    font-size: 11px;
}

.legal-link > i:last-child[b-5m8iiawnat] {
    color: #adb5bd;
    font-size: 13px;
}


/* =========================================================
   FOOTER
   ========================================================= */

.legal-footer[b-5m8iiawnat] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 4px 0;
    color: #8a8f98;
    font-size: 11px;
}

    .legal-footer > div[b-5m8iiawnat] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

        .legal-footer > div:last-child[b-5m8iiawnat] {
            text-align: right;
        }

    .legal-footer strong[b-5m8iiawnat] {
        color: #343a40;
        font-size: 13px;
    }


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    .legal-page[b-5m8iiawnat] {
        padding: 24px 12px 45px;
    }

    .legal-back[b-5m8iiawnat] {
        margin-bottom: 22px;
    }

    .legal-header[b-5m8iiawnat] {
        margin-bottom: 24px;
    }

        .legal-header h1[b-5m8iiawnat] {
            font-size: 29px;
            letter-spacing: -.6px;
        }

        .legal-header p[b-5m8iiawnat] {
            font-size: 13px;
            margin-top: 10px;
        }

    .legal-card[b-5m8iiawnat] {
        padding: 20px 17px;
        border-radius: 13px;
        margin-bottom: 12px;
    }

    .legal-section-title[b-5m8iiawnat] {
        margin-bottom: 16px;
    }

        .legal-section-title h2[b-5m8iiawnat] {
            font-size: 16px;
        }

    .legal-icon[b-5m8iiawnat] {
        width: 38px;
        min-width: 38px;
        height: 38px;
        font-size: 16px;
    }

    .legal-card p[b-5m8iiawnat] {
        font-size: 13px;
        line-height: 1.7;
    }

    .legal-company[b-5m8iiawnat] {
        padding: 14px;
    }

    .legal-contact-box[b-5m8iiawnat] {
        grid-template-columns: 1fr;
    }

    .legal-footer[b-5m8iiawnat] {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 15px;
    }

        .legal-footer > div:last-child[b-5m8iiawnat] {
            text-align: left;
        }
}
/* /Components/Pages/EmployeeCalendar.razor.rz.scp.css */
/*
   ChefKalender.razor.css
   Premium black / orange / white timeline UI
*/

.calendar-page[b-xxhtpgwhov] {
    --ck-ink: #17191c;
    --ck-muted: #737982;
    --ck-line: #e7e9ed;
    --ck-orange: #ff7518;
    --ck-orange-dark: #d95505;
    --ck-orange-soft: #fff1e8;
    --ck-dark: #101214;
    max-width: 1600px;
    margin-inline: auto;
    color: var(--ck-ink);
}

.calendar-header[b-xxhtpgwhov] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 2rem 2.25rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
    color: #fff;
    min-height: 225px;
    background: radial-gradient(circle at 88% 16%, rgba(255, 117, 24, .4), transparent 30%), linear-gradient(125deg, #0e1012, #20262b);
    border-radius: 18px;
    box-shadow: 0 20px 45px rgba(16, 18, 20, .14);
}

    .calendar-header[b-xxhtpgwhov]::after {
        position: absolute;
        right: -55px;
        bottom: -95px;
        width: 225px;
        height: 325px;
        content: "";
        border: 38px solid rgba(255, 117, 24, .14);
        border-radius: 50%;
    }

    .calendar-header > *[b-xxhtpgwhov] {
        position: relative;
        z-index: 1;
    }

    .calendar-header h2[b-xxhtpgwhov] {
        margin: 0 0 .45rem;
        color: #fff;
        font-size: clamp(1.65rem, 2.4vw, 2.2rem);
        font-weight: 850;
        letter-spacing: -.04em;
    }

.calendar-subtitle[b-xxhtpgwhov] {
    color: rgba(255, 255, 255, .68);
    font-size: .95rem;
}

.date-navigation[b-xxhtpgwhov] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.nav-button[b-xxhtpgwhov],
.today-button[b-xxhtpgwhov],
.close-button[b-xxhtpgwhov],
.btn-secondary[b-xxhtpgwhov] {
    cursor: pointer;
    font-weight: 750;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.nav-button[b-xxhtpgwhov] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--ck-ink);
    background: #f0f1f3;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
    font-size: 1.35rem;
}

    .nav-button:hover[b-xxhtpgwhov] {
        color: #fff;
        background: var(--ck-orange);
        border-color: var(--ck-orange);
        transform: translateY(-2px);
    }

.date-input[b-xxhtpgwhov] {
    min-height: 40px;
    padding: .55rem .7rem;
    color: var(--ck-ink);
    background: #fff;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
    font-weight: 700;
}

    .date-input:focus[b-xxhtpgwhov] {
        border-color: var(--ck-orange);
        outline: 0;
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .14);
    }

.calendar-page .today-button[b-xxhtpgwhov] {
    min-height: 40px;
    padding: .55rem .9rem;
    color: var(--ck-orange-dark);
    background: #fff;
    border: 1px solid #ffc39e;
    border-radius: 10px;
}

    .calendar-page .today-button:hover[b-xxhtpgwhov] {
        color: #fff;
        background: var(--ck-orange);
        border-color: var(--ck-orange);
        transform: translateY(-2px);
    }

.calendar-wrapper[b-xxhtpgwhov] {
    overflow-x: auto;
    background: #fff;
    border: 1px solid var(--ck-line);
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(16, 18, 20, .07);
}

.calendar-grid-header[b-xxhtpgwhov],
.employee-row[b-xxhtpgwhov] {
    display: grid;
    grid-template-columns: 230px minmax(1200px, 1fr);
    min-width: 1430px;
}

.calendar-grid-header[b-xxhtpgwhov] {
    position: sticky;
    z-index: 5;
    top: 0;
    background: #fafbfc;
    border-bottom: 1px solid var(--ck-line);
}

.employee-header[b-xxhtpgwhov],
.employee-cell[b-xxhtpgwhov] {
    border-right: 1px solid var(--ck-line);
}

.employee-header[b-xxhtpgwhov] {
    display: flex;
    align-items: center;
    padding: 1rem 1.1rem;
    color: #8b9199;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.time-header[b-xxhtpgwhov] {
    display: grid;
    grid-template-columns: repeat(24, minmax(50px, 1fr));
    min-height: 58px;
}

.hour-header[b-xxhtpgwhov] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8b9199;
    border-right: 1px solid #f0f1f3;
    font-size: .66rem;
    font-weight: 800;
}

.employee-row[b-xxhtpgwhov] {
    min-height: 86px;
    border-bottom: 1px solid #f0f1f3;
    transition: background .18s ease;
}

    .employee-row:hover[b-xxhtpgwhov] {
        background: #fffaf6;
    }

.employee-cell[b-xxhtpgwhov] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: .85rem 1.1rem;
    background: #fff;
}

.employee-name[b-xxhtpgwhov] {
    font-size: .85rem;
    font-weight: 800;
}

.employee-position[b-xxhtpgwhov] {
    margin-top: .25rem;
    color: var(--ck-muted);
    font-size: .73rem;
}

.timeline[b-xxhtpgwhov] {
    position: relative;
    min-height: 86px;
    overflow: visible;
    background-color: #fff;
    background-image: linear-gradient(to right, #f0f1f3 1px, transparent 1px);
    background-size: calc(100% / 24) 100%;
}

.hour-line[b-xxhtpgwhov] {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    width: 1px;
    pointer-events: none;
    background: rgba(231, 233, 237, .9);
}

.assignment[b-xxhtpgwhov] {
    position: absolute;
    z-index: 3;
    top: 14px;
    min-width: 32px;
    height: 58px;
    overflow: hidden;
    color: #fff;
    cursor: grab;
    background: linear-gradient(135deg, #ff8a3b, #d95505);
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 10px;
    box-shadow: 0 7px 15px rgba(217, 85, 5, .2);
    user-select: none;
    transition: filter .15s ease, box-shadow .15s ease;
}

    .assignment:active[b-xxhtpgwhov] {
        cursor: grabbing;
    }

    .assignment:hover[b-xxhtpgwhov] {
        z-index: 8;
        filter: brightness(.95);
        box-shadow: 0 10px 23px rgba(217, 85, 5, .3);
    }

.assignment-content[b-xxhtpgwhov] {
    min-width: 0;
    padding: .52rem .65rem;
    pointer-events: none;
}

.assignment-title[b-xxhtpgwhov],
.assignment-time[b-xxhtpgwhov],
.assignment-duration[b-xxhtpgwhov],
.assignment-notes[b-xxhtpgwhov] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.assignment-title[b-xxhtpgwhov] {
    font-size: .76rem;
    font-weight: 850;
}

.assignment-time[b-xxhtpgwhov] {
    margin-top: .17rem;
    color: rgba(255, 255, 255, .9);
    font-size: .67rem;
    font-weight: 700;
}

.assignment-duration[b-xxhtpgwhov] {
    margin-top: .12rem;
    color: rgba(255, 255, 255, .72);
    font-size: .62rem;
}

.assignment-notes[b-xxhtpgwhov] {
    margin-top: .1rem;
    color: rgba(255, 255, 255, .72);
    font-size: .59rem;
}

.resize-handle[b-xxhtpgwhov] {
    position: absolute;
    z-index: 4;
    top: 0;
    bottom: 0;
    width: 9px;
    cursor: ew-resize;
    background: rgba(255, 255, 255, .12);
    transition: background .15s ease;
}

    .resize-handle:hover[b-xxhtpgwhov] {
        background: rgba(255, 255, 255, .5);
    }

.resize-left[b-xxhtpgwhov] {
    left: 0;
    border-radius: 9px 0 0 9px;
}

.resize-right[b-xxhtpgwhov] {
    right: 0;
    border-radius: 0 9px 9px 0;
}

.modal-backdrop[b-xxhtpgwhov] {
    position: fixed;
    z-index: 1050;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(10, 12, 14, .68);
    backdrop-filter: blur(5px);
}

.details-modal[b-xxhtpgwhov] {
    width: min(100%, 570px);
    overflow: hidden;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .28);
}

.modal-header[b-xxhtpgwhov] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.35rem 1.45rem;
    color: #fff;
    background: linear-gradient(125deg, #111315, #272d32);
}

.modal-subtitle[b-xxhtpgwhov] {
    color: #ff9a54;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.close-button[b-xxhtpgwhov] {
    width: 34px;
    height: 34px;
    color: rgba(255, 255, 255, .8);
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 8px;
    font-size: 1.35rem;
    line-height: 1;
}

    .close-button:hover[b-xxhtpgwhov] {
        color: #fff;
        background: var(--ck-orange);
    }

.details-body[b-xxhtpgwhov] {
    padding: 1.35rem 1.45rem;
}

.detail-row[b-xxhtpgwhov] {
    display: grid;
    grid-template-columns: 125px 1fr;
    gap: 1rem;
    padding: .85rem 0;
    border-bottom: 1px solid var(--ck-line);
}

    .detail-row:last-child[b-xxhtpgwhov] {
        border-bottom: 0;
    }

.detail-label[b-xxhtpgwhov] {
    color: var(--ck-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.detail-value[b-xxhtpgwhov] {
    color: var(--ck-ink);
    font-size: .86rem;
    font-weight: 750;
}

.notes-value[b-xxhtpgwhov] {
    white-space: pre-wrap;
}

.modal-footer[b-xxhtpgwhov] {
    display: flex;
    justify-content: flex-end;
    padding: 1rem 1.45rem;
    background: #fafbfc;
    border-top: 1px solid var(--ck-line);
}

.btn-secondary[b-xxhtpgwhov] {
    min-height: 40px;
    padding: .6rem 1rem;
    color: var(--ck-ink);
    background: #f0f1f3;
    border: 1px solid #dfe2e6;
    border-radius: 9px;
}

    .btn-secondary:hover[b-xxhtpgwhov] {
        color: #fff;
        background: var(--ck-orange);
        border-color: var(--ck-orange);
    }

.error-message[b-xxhtpgwhov] {
    position: fixed;
    z-index: 1100;
    right: 1.25rem;
    bottom: 1.25rem;
    max-width: min(420px, calc(100vw - 2.5rem));
    padding: .85rem 1rem;
    color: #842b2b;
    background: #fff0f0;
    border: 1px solid #f1baba;
    border-left: 4px solid #d83a3a;
    border-radius: 10px;
    box-shadow: 0 15px 35px rgba(16, 18, 20, .16);
}

@media (max-width: 900px) {
    .calendar-header[b-xxhtpgwhov] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.35rem;
    }

    .date-navigation[b-xxhtpgwhov] {
        width: 100%;
    }

    .date-input[b-xxhtpgwhov] {
        flex: 1;
    }
}

@media (max-width: 560px) {
    .date-navigation[b-xxhtpgwhov] {
        flex-wrap: wrap;
    }

    .date-input[b-xxhtpgwhov] {
        min-width: 0;
        width: calc(100% - 96px);
    }

    .calendar-header .today-button[b-xxhtpgwhov] {
        width: 100%;
        order: 5;
    }

    .detail-row[b-xxhtpgwhov] {
        grid-template-columns: 1fr;
        gap: .35rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-xxhtpgwhov],
    *[b-xxhtpgwhov]::before,
    *[b-xxhtpgwhov]::after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}

/* =========================================================
   MITARBEITER KALENDER EXTENSIONS
   ========================================================= */

.header-controls[b-xxhtpgwhov] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: .75rem;
}

.employee-search-container[b-xxhtpgwhov] {
    position: relative;
    width: 240px;
}

.search-input[b-xxhtpgwhov] {
    width: 100%;
    min-height: 40px;
    padding: .6rem .8rem;
    color: var(--ck-ink);
    background: #fff;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
    font-size: .82rem;
}

    .search-input:focus[b-xxhtpgwhov] {
        border-color: var(--ck-orange);
        outline: 0;
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .14);
    }

.search-dropdown-menu[b-xxhtpgwhov] {
    position: absolute;
    z-index: 30;
    top: calc(100% + .45rem);
    right: 0;
    left: 0;
    overflow: hidden;
    padding: .35rem;
    background: #fff;
    border: 1px solid var(--ck-line);
    border-radius: 11px;
    box-shadow: 0 18px 40px rgba(16, 18, 20, .18);
}

.dropdown-item[b-xxhtpgwhov] {
    padding: .65rem .7rem;
    color: var(--ck-ink);
    border-radius: 8px;
    cursor: pointer;
    font-size: .82rem;
    font-weight: 700;
}

    .dropdown-item:hover[b-xxhtpgwhov],
    .dropdown-item.selected[b-xxhtpgwhov] {
        color: var(--ck-orange-dark);
        background: var(--ck-orange-soft);
    }

    .dropdown-item.text-muted[b-xxhtpgwhov] {
        color: var(--ck-muted) !important;
        cursor: default;
    }

.info-banner[b-xxhtpgwhov] {
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
    color: #70400d;
    background: #fff5df;
    border: 1px solid #ffd692;
    border-left: 4px solid var(--ck-orange);
    border-radius: 10px;
    font-size: .86rem;
    font-weight: 700;
}

.calendar-page > .alert[b-xxhtpgwhov] {
    margin-bottom: 1rem;
    color: #70400d;
    background: #fff5df;
    border: 0;
    border-left: 4px solid var(--ck-orange);
    border-radius: 10px;
}

@media (max-width: 900px) {
    .header-controls[b-xxhtpgwhov] {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .employee-search-container[b-xxhtpgwhov] {
        width: 100%;
    }

    .header-controls .date-navigation[b-xxhtpgwhov] {
        width: 100%;
    }
}
/* =========================================================
   COMPACT HEADER
   ========================================================= */

.calendar-page .calendar-header[b-xxhtpgwhov] {
    min-height: 175px;
    padding: 1.35rem 2.25rem;
    align-items: flex-start;
    margin-bottom: 1.25rem;
}

    /* Насловот малку погоре */
    .calendar-page .calendar-header > div:first-child[b-xxhtpgwhov] {
        padding-top: 0.35rem;
    }

    /* Search + date controls погоре */
    .calendar-page .calendar-header .header-controls[b-xxhtpgwhov] {
        padding-top: 0.15rem;
    }

/* Search */
.calendar-page .employee-search-container[b-xxhtpgwhov] {
    width: 240px;
}

    .calendar-page .employee-search-container .search-input[b-xxhtpgwhov] {
        min-height: 44px;
        height: 44px;
    }

/* Date controls */
.calendar-page .date-navigation[b-xxhtpgwhov] {
    margin-top: 0;
}

.calendar-page .nav-button[b-xxhtpgwhov],
.calendar-page .today-button[b-xxhtpgwhov],
.calendar-page .date-input[b-xxhtpgwhov] {
    height: 44px;
    min-height: 44px;
}
/* /Components/Pages/Employees.razor.rz.scp.css */
/*
   Assignments.razor.css
   Premium black / orange / white visual system
*/

:host[b-2hpov4p36w] {
    --as-bg: #f5f6f8;
    --as-surface: #ffffff;
    --as-ink: #17191c;
    --as-muted: #737982;
    --as-line: #e7e9ed;
    --as-dark: #101214;
    --as-dark-2: #1b1f23;
    --as-orange: #ff7518;
    --as-orange-dark: #d95505;
    --as-orange-soft: #fff1e8;
    --as-danger: #d83a3a;
    --as-shadow: 0 18px 45px rgba(16, 18, 20, .07);
    --as-shadow-hover: 0 18px 38px rgba(16, 18, 20, .13);
    --as-radius: 18px;
    display: block;
    color: var(--as-ink);
}

    /* Page foundation */
    :host > div[b-2hpov4p36w] {
        max-width: 1440px;
        margin-inline: auto;
    }

.employee-header[b-2hpov4p36w] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 2rem 2.25rem;
    margin-bottom: 1.5rem !important;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 90% 20%, rgba(255, 117, 24, .35), transparent 30%), linear-gradient(125deg, #0e1012 0%, #1d2227 100%);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: var(--as-radius);
    box-shadow: 0 20px 45px rgba(16, 18, 20, .14);
}

    .employee-header[b-2hpov4p36w]::after {
        position: absolute;
        right: -55px;
        bottom: -90px;
        width: 220px;
        height: 220px;
        content: "";
        border: 38px solid rgba(255, 117, 24, .14);
        border-radius: 50%;
    }

    .employee-header > div[b-2hpov4p36w],
    .employee-header > button[b-2hpov4p36w] {
        position: relative;
        z-index: 1;
    }

    .employee-header h3[b-2hpov4p36w] {
        margin: 0 0 .45rem;
        font-size: clamp(1.65rem, 2.4vw, 2.2rem);
        font-weight: 800;
        letter-spacing: -.04em;
    }

    .employee-header p[b-2hpov4p36w] {
        color: rgba(255, 255, 255, .68) !important;
        font-size: .95rem;
    }

/* Cards */
.modern-card[b-2hpov4p36w] {
    overflow: visible;
    background: var(--as-surface);
    border: 1px solid var(--as-line) !important;
    border-radius: var(--as-radius) !important;
    box-shadow: var(--as-shadow);
}

    .modern-card.overflow-hidden[b-2hpov4p36w] {
        overflow: hidden;
    }

    .modern-card .card-body[b-2hpov4p36w] {
        background: transparent;
    }

/* Buttons */
.btn[b-2hpov4p36w] {
    min-height: 42px;
    padding: .65rem 1rem;
    border-radius: 10px;
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: .01em;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}

    .btn:hover:not(:disabled)[b-2hpov4p36w] {
        transform: translateY(-2px);
    }

    .btn:active:not(:disabled)[b-2hpov4p36w] {
        transform: translateY(0);
    }

.btn-primary[b-2hpov4p36w] {
    color: #fff !important;
    background: var(--as-orange) !important;
    border-color: var(--as-orange) !important;
    box-shadow: 0 8px 18px rgba(255, 117, 24, .22);
}

    .btn-primary:hover:not(:disabled)[b-2hpov4p36w],
    .btn-primary:focus-visible[b-2hpov4p36w] {
        background: var(--as-orange-dark) !important;
        border-color: var(--as-orange-dark) !important;
        box-shadow: 0 10px 24px rgba(217, 85, 5, .28);
    }

/* Hard override for themes that redefine Bootstrap .btn-primary */
button.btn.btn-primary[b-2hpov4p36w],
a.btn.btn-primary[b-2hpov4p36w] {
    color: #fff !important;
    background-color: #ff7518 !important;
    background-image: none !important;
    border-color: #ff7518 !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .12);
}

    button.btn.btn-primary:hover:not(:disabled)[b-2hpov4p36w],
    button.btn.btn-primary:focus-visible[b-2hpov4p36w],
    a.btn.btn-primary:hover[b-2hpov4p36w],
    a.btn.btn-primary:focus-visible[b-2hpov4p36w] {
        color: #fff !important;
        background-color: #d95505 !important;
        border-color: #d95505 !important;
    }

.btn-secondary[b-2hpov4p36w] {
    color: var(--as-ink) !important;
    background: #f0f1f3 !important;
    border-color: #f0f1f3 !important;
}

    .btn-secondary:hover:not(:disabled)[b-2hpov4p36w] {
        background: #e4e6e9 !important;
        border-color: #e4e6e9 !important;
    }

.btn-outline-danger[b-2hpov4p36w] {
    color: var(--as-danger) !important;
    border-color: #f0bcbc !important;
    background: #fff !important;
}

    .btn-outline-danger:hover:not(:disabled)[b-2hpov4p36w] {
        background: var(--as-danger) !important;
        border-color: var(--as-danger) !important;
    }

.btn-sm[b-2hpov4p36w] {
    min-height: 34px;
    padding: .42rem .72rem;
    border-radius: 8px;
    font-size: .76rem;
}

.btn:disabled[b-2hpov4p36w] {
    cursor: not-allowed;
    opacity: .45;
    box-shadow: none;
}

/* Search */
.search-box[b-2hpov4p36w] {
    overflow: hidden;
    border: 1px solid var(--as-line);
    border-radius: 12px;
    background: #fafbfc;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

    .search-box:focus-within[b-2hpov4p36w] {
        background: #fff;
        border-color: var(--as-orange);
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
    }

    .search-box .input-group-text[b-2hpov4p36w] {
        padding-inline: 1rem;
        color: var(--as-orange);
        background: transparent;
        border: 0;
        font-size: 1.35rem;
    }

    .search-box .form-control[b-2hpov4p36w] {
        border: 0;
        background: transparent;
        box-shadow: none;
    }

/* Forms */
.form-label[b-2hpov4p36w] {
    display: block;
    margin-bottom: .5rem;
    color: var(--as-ink);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.form-control[b-2hpov4p36w] {
    min-height: 46px;
    padding: .7rem .85rem;
    color: var(--as-ink);
    background: #fbfbfc;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
    font-size: .9rem;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

    .form-control[b-2hpov4p36w]::placeholder {
        color: #a1a6ad;
    }

    .form-control:focus[b-2hpov4p36w] {
        color: var(--as-ink);
        background: #fff;
        border-color: var(--as-orange);
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
    }

textarea.form-control[b-2hpov4p36w] {
    min-height: 104px;
    resize: vertical;
}

/* Live search dropdowns */
.live-search-wrapper[b-2hpov4p36w] {
    position: relative;
}

.live-search-results[b-2hpov4p36w] {
    position: absolute;
    z-index: 20;
    top: calc(100% + .5rem);
    right: 0;
    left: 0;
    overflow: hidden;
    padding: .4rem;
    background: #fff;
    border: 1px solid var(--as-line);
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(16, 18, 20, .16);
}

.live-search-result[b-2hpov4p36w] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: .75rem;
    padding: .7rem .75rem;
    color: var(--as-ink);
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 9px;
    transition: background .15s ease;
}

    .live-search-result:hover[b-2hpov4p36w],
    .live-search-result:focus-visible[b-2hpov4p36w] {
        background: var(--as-orange-soft);
        outline: none;
    }

.live-search-avatar[b-2hpov4p36w],
.employee-avatar[b-2hpov4p36w] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #fff;
    background: var(--as-dark);
    border-radius: 12px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .03em;
}

    .live-search-avatar.site-avatar[b-2hpov4p36w] {
        color: var(--as-dark);
        background: var(--as-orange-soft);
        border: 1px solid #ffd5bb;
    }

.live-search-content[b-2hpov4p36w] {
    min-width: 0;
}

.live-search-title[b-2hpov4p36w] {
    overflow: hidden;
    font-size: .88rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-search-subtitle[b-2hpov4p36w] {
    margin-top: .18rem;
    color: var(--as-muted);
    font-size: .75rem;
}

.live-search-empty[b-2hpov4p36w] {
    padding: 1rem;
    color: var(--as-muted);
    font-size: .82rem;
    text-align: center;
}

.selected-info[b-2hpov4p36w] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: .65rem;
    padding: .55rem .7rem;
    color: var(--as-dark);
    background: var(--as-orange-soft);
    border: 1px solid #ffd8c1;
    border-radius: 9px;
    font-size: .82rem;
    font-weight: 700;
}

.selected-check[b-2hpov4p36w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    color: #fff;
    background: var(--as-orange);
    border-radius: 50%;
    font-size: .72rem;
}

.selected-remove[b-2hpov4p36w] {
    width: 26px;
    height: 26px;
    margin-left: auto;
    color: var(--as-orange-dark);
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 1.15rem;
    line-height: 1;
}

    .selected-remove:hover[b-2hpov4p36w] {
        background: rgba(255, 117, 24, .14);
    }

/* Alerts */
.alert[b-2hpov4p36w] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    border: 0;
    border-left: 4px solid var(--as-orange);
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(16, 18, 20, .06);
}

.alert-warning[b-2hpov4p36w] {
    color: #70400d;
    background: #fff5df;
}

.alert-danger[b-2hpov4p36w] {
    color: #842b2b;
    background: #fff0f0;
    border-left-color: var(--as-danger);
}

.alert-success[b-2hpov4p36w] {
    color: #175a39;
    background: #eaf8f0;
    border-left-color: #2ca66a;
}

/* Table */
.table-modern[b-2hpov4p36w] {
    margin: 0;
    --bs-table-bg: transparent;
}

    .table-modern thead th[b-2hpov4p36w] {
        padding: 1rem 1.25rem;
        color: #8b9199;
        background: #fafbfc;
        border-bottom: 1px solid var(--as-line);
        font-size: .7rem;
        font-weight: 850;
        letter-spacing: .09em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .table-modern tbody td[b-2hpov4p36w] {
        padding: 1.1rem 1.25rem;
        color: var(--as-ink);
        border-bottom: 1px solid #f0f1f3;
        font-size: .87rem;
        vertical-align: middle;
    }

    .table-modern tbody tr[b-2hpov4p36w] {
        transition: background .18s ease;
    }

        .table-modern tbody tr:hover[b-2hpov4p36w] {
            background: #fffaf6;
        }

        .table-modern tbody tr:last-child td[b-2hpov4p36w] {
            border-bottom: 0;
        }

.assignment-date[b-2hpov4p36w] {
    color: var(--as-ink);
    font-weight: 800;
    white-space: nowrap;
}

.assignment-time[b-2hpov4p36w] {
    margin-top: .3rem;
    color: var(--as-orange-dark);
    font-size: .75rem;
    font-weight: 750;
    white-space: nowrap;
}

.employee-avatar[b-2hpov4p36w] {
    width: 42px;
    height: 42px;
    color: #fff !important;
    background: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    background-image: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    border: 2px solid #fff;
    box-shadow: 0 6px 13px rgba(255, 117, 24, .18);
}

.table-modern .fw-semibold[b-2hpov4p36w] {
    font-weight: 750 !important;
}

.table-modern small[b-2hpov4p36w] {
    display: inline-block;
    margin-top: .22rem;
    font-size: .74rem;
}

/* Empty state and pagination */
.empty-state[b-2hpov4p36w] {
    padding: 1.75rem 1rem;
}

.empty-state-icon[b-2hpov4p36w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: .9rem;
    color: var(--as-orange);
    background: var(--as-orange-soft);
    border-radius: 18px;
    font-size: 1.7rem;
}

.empty-state h6[b-2hpov4p36w] {
    margin-bottom: .3rem;
    font-weight: 800;
}

.pagination-container[b-2hpov4p36w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fafbfc;
    border-top: 1px solid var(--as-line);
}

    .pagination-container .btn[b-2hpov4p36w] {
        min-width: 35px;
    }

/* Bootstrap utility refinement inside this component */
.text-muted[b-2hpov4p36w] {
    color: var(--as-muted) !important;
}

/* Keyboard accessibility */
button:focus-visible[b-2hpov4p36w],
a:focus-visible[b-2hpov4p36w],
input:focus-visible[b-2hpov4p36w],
textarea:focus-visible[b-2hpov4p36w] {
    outline: 3px solid rgba(255, 117, 24, .28);
    outline-offset: 2px;
}

/* Responsive layout */
@media (max-width: 991.98px) {
    .employee-header[b-2hpov4p36w] {
        padding: 1.6rem;
    }

    .table-modern thead th[b-2hpov4p36w],
    .table-modern tbody td[b-2hpov4p36w] {
        padding-inline: .9rem;
    }
}

@media (max-width: 767.98px) {
    .employee-header[b-2hpov4p36w] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.35rem;
    }

        .employee-header .btn[b-2hpov4p36w] {
            width: 100%;
        }

    .modern-card .card-body[b-2hpov4p36w] {
        padding: 1rem !important;
    }

    .pagination-container[b-2hpov4p36w] {
        align-items: flex-start;
        flex-direction: column;
    }

        .pagination-container > div:last-child[b-2hpov4p36w] {
            width: 100%;
            justify-content: flex-end;
        }

    .table-modern[b-2hpov4p36w] {
        min-width: 900px;
    }
}

@media (max-width: 479.98px) {
    .employee-header h3[b-2hpov4p36w] {
        font-size: 1.5rem;
    }

    .d-flex.gap-2.mt-4[b-2hpov4p36w] {
        flex-direction: column;
    }

        .d-flex.gap-2.mt-4 .btn[b-2hpov4p36w] {
            width: 100%;
        }
}

@media (prefers-reduced-motion: reduce) {
    *[b-2hpov4p36w],
    *[b-2hpov4p36w]::before,
    *[b-2hpov4p36w]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}

/* =========================================================
   MITARBEITER PAGE EXTENSIONS
   ========================================================= */

.employee-header .btn-primary:disabled[b-2hpov4p36w] {
    color: #8c9299 !important;
    background: #e7e9ec !important;
    border-color: #e7e9ec !important;
    box-shadow: none;
    cursor: not-allowed;
}

.employee-header .btn-primary:not(:disabled)[b-2hpov4p36w] {
    color: #fff !important;
    background: #ff7518 !important;
    background-image: none !important;
    border-color: #ff7518 !important;
}

.employee-header .btn-primary:hover:not(:disabled)[b-2hpov4p36w] {
    background: #d95505 !important;
    border-color: #d95505 !important;
}

.employee-avatar[b-2hpov4p36w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    color: #fff !important;
    background: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    background-image: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    border: 2px solid #fff;
    border-radius: 12px;
    box-shadow: 0 6px 13px rgba(255, 117, 24, .2);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .03em;
}

.status-dot[b-2hpov4p36w] {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: .4rem;
    vertical-align: 1px;
    border-radius: 50%;
}

    .status-dot.active[b-2hpov4p36w] {
        background: #2ca66a;
        box-shadow: 0 0 0 4px rgba(44, 166, 106, .14);
    }

    .status-dot.inactive[b-2hpov4p36w] {
        background: #9aa0a8;
        box-shadow: 0 0 0 4px rgba(154, 160, 168, .14);
    }

.badge.text-bg-success-subtle[b-2hpov4p36w] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: .3rem .55rem;
    color: #17633c !important;
    background: #e8f7ee !important;
    border: 1px solid #bde8cc;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 800;
}

.form-text[b-2hpov4p36w] {
    margin-top: .4rem;
    color: var(--as-muted);
    font-size: .74rem;
}

.form-check[b-2hpov4p36w] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding-left: 0;
}

.form-check-input[b-2hpov4p36w] {
    float: none;
    width: 2.6em;
    height: 1.35em;
    margin: 0;
    cursor: pointer;
}

    .form-check-input:checked[b-2hpov4p36w] {
        background-color: var(--as-orange) !important;
        border-color: var(--as-orange) !important;
    }

    .form-check-input:focus[b-2hpov4p36w] {
        border-color: var(--as-orange);
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
    }

.form-check-label[b-2hpov4p36w] {
    color: var(--as-ink);
    font-size: .85rem;
    font-weight: 700;
}

.daily-pagination[b-2hpov4p36w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fafbfc;
    border-top: 1px solid var(--as-line);
}

.daily-pagination-info[b-2hpov4p36w] {
    color: var(--as-muted);
    font-size: .76rem;
    font-weight: 700;
}

.daily-pagination .btn-light[b-2hpov4p36w] {
    color: var(--as-ink) !important;
    background: #f0f1f3 !important;
    background-image: none !important;
    border: 1px solid #dfe2e6 !important;
}

    .daily-pagination .btn-light:hover:not(:disabled)[b-2hpov4p36w] {
        color: #fff !important;
        background: var(--as-orange) !important;
        border-color: var(--as-orange) !important;
    }

.daily-pagination .btn-primary[b-2hpov4p36w] {
    color: #fff !important;
    background: #ff7518 !important;
    border-color: #ff7518 !important;
}

.table-modern tbody td:nth-child(3)[b-2hpov4p36w] {
    color: #4f565e;
}

@media (max-width: 767.98px) {
    .daily-pagination[b-2hpov4p36w] {
        align-items: flex-start;
        flex-direction: column;
    }

        .daily-pagination > div:last-child[b-2hpov4p36w] {
            width: 100%;
            justify-content: flex-end;
            flex-wrap: wrap;
        }

    .table-modern[b-2hpov4p36w] {
        min-width: 980px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/*
   Landing.razor.css
   BauManagement premium landing page
   Black / orange / white design system
*/

:root[b-8uavi5g091] {
    --lm-ink: #17191c;
    --lm-dark: #0b0d0f;
    --lm-dark-2: #15191d;
    --lm-muted: #737982;
    --lm-line: #e7e9ed;
    --lm-orange: #ff7518;
    --lm-orange-dark: #d95505;
    --lm-orange-soft: #fff1e8;
    --lm-blue: #3f8fd4;
    --lm-green: #2ca66a;
    --lm-purple: #8067d8;
    --lm-red: #db5660;
}

/* Global landing foundation */
.landing-hero[b-8uavi5g091],
.intro-section[b-8uavi5g091],
.features-section[b-8uavi5g091],
.workflow-section[b-8uavi5g091],
.time-section[b-8uavi5g091],
.roles-section[b-8uavi5g091],
.mobile-section[b-8uavi5g091],
.pricing-section[b-8uavi5g091],
.final-cta[b-8uavi5g091],
.landing-footer[b-8uavi5g091] {
    overflow: hidden;
}

.landing-hero[b-8uavi5g091] {
    position: relative;
    min-height: 720px;
    background: radial-gradient(circle at 88% 10%, rgba(255, 117, 24, .22), transparent 28%), radial-gradient(circle at 15% 80%, rgba(255, 117, 24, .09), transparent 30%), linear-gradient(135deg, #0a0c0e 0%, #151a1f 55%, #0d1013 100%);
}

    .landing-hero[b-8uavi5g091]::before {
        position: absolute;
        right: -12%;
        bottom: -35%;
        width: 720px;
        height: 720px;
        content: "";
        border: 100px solid rgba(255, 117, 24, .045);
        border-radius: 50%;
    }

    .landing-hero .container[b-8uavi5g091],
    .landing-hero nav[b-8uavi5g091] {
        position: relative;
        z-index: 1;
    }

.brand[b-8uavi5g091] {
    color: #fff !important;
    font-size: 1.35rem;
    font-weight: 850;
    letter-spacing: -.045em;
}

    .brand span[b-8uavi5g091],
    .landing-footer strong span[b-8uavi5g091] {
        color: var(--lm-orange);
    }

.landing-hero nav[b-8uavi5g091] {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.landing-hero .btn-warning[b-8uavi5g091],
.final-cta .btn-warning[b-8uavi5g091] {
    color: #fff !important;
    background: var(--lm-orange) !important;
    border-color: var(--lm-orange) !important;
    box-shadow: 0 10px 24px rgba(255, 117, 24, .2);
}

    .landing-hero .btn-warning:hover[b-8uavi5g091],
    .final-cta .btn-warning:hover[b-8uavi5g091] {
        color: #fff !important;
        background: var(--lm-orange-dark) !important;
        border-color: var(--lm-orange-dark) !important;
        transform: translateY(-2px);
    }

.hero-eyebrow[b-8uavi5g091],
.section-eyebrow[b-8uavi5g091] {
    display: inline-block;
    color: var(--lm-orange);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .14em;
}

.hero-title[b-8uavi5g091] {
    max-width: 760px;
    margin-bottom: 0;
    color: #fff;
    font-size: clamp(2.55rem, 5.5vw, 5.1rem);
    font-weight: 900;
    letter-spacing: -.065em;
    line-height: .98;
}

    .hero-title span[b-8uavi5g091] {
        color: var(--lm-orange);
    }

.hero-description[b-8uavi5g091] {
    max-width: 680px;
    color: rgba(255, 255, 255, .68);
    font-size: 1.05rem;
    line-height: 1.75;
}

.btn-hero-link[b-8uavi5g091] {
    color: rgba(255, 255, 255, .78) !important;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .16);
}

    .btn-hero-link:hover[b-8uavi5g091] {
        color: #fff !important;
        background: rgba(255, 255, 255, .08);
        border-color: rgba(255, 255, 255, .32);
    }

.hero-trust[b-8uavi5g091] {
    display: flex;
    flex-wrap: wrap;
    gap: .9rem 1.35rem;
    color: rgba(255, 255, 255, .58);
    font-size: .76rem;
}

    .hero-trust span[b-8uavi5g091] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
    }

    .hero-trust i[b-8uavi5g091] {
        color: var(--lm-orange);
    }

/* Dashboard preview */
.dashboard-preview[b-8uavi5g091] {
    padding: 1.15rem;
    color: var(--lm-ink);
    background: rgba(255, 255, 255, .97);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 18px;
    box-shadow: 0 30px 75px rgba(0, 0, 0, .35);
    transform: rotate(1.5deg);
    transition: transform .3s ease;
}

    .dashboard-preview:hover[b-8uavi5g091] {
        transform: rotate(0) translateY(-5px);
    }

.preview-top[b-8uavi5g091],
.preview-section-title[b-8uavi5g091],
.preview-time-row[b-8uavi5g091],
.preview-footer[b-8uavi5g091] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.preview-top[b-8uavi5g091] {
    padding-bottom: .9rem;
    border-bottom: 1px solid var(--lm-line);
}

    .preview-top small[b-8uavi5g091],
    .preview-section-title[b-8uavi5g091],
    .preview-footer[b-8uavi5g091] {
        color: var(--lm-muted);
        font-size: .64rem;
        font-weight: 800;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .preview-top strong[b-8uavi5g091] {
        display: block;
        margin-top: .25rem;
        font-size: .95rem;
    }

.live-badge[b-8uavi5g091] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .3rem .55rem;
    color: #17633c;
    background: #e8f7ee;
    border-radius: 999px;
    font-size: .65rem;
    font-weight: 800;
}

    .live-badge > span[b-8uavi5g091],
    .time-status > span[b-8uavi5g091] {
        width: 7px;
        height: 7px;
        background: var(--lm-green);
        border-radius: 50%;
    }

.preview-stats[b-8uavi5g091] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .6rem;
    padding: 1rem 0;
}

.preview-stat[b-8uavi5g091] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .55rem;
    background: #fafbfc;
    border-radius: 9px;
}

.preview-stat-icon[b-8uavi5g091],
.feature-icon[b-8uavi5g091],
.time-feature-icon[b-8uavi5g091],
.role-icon[b-8uavi5g091] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 11px;
}

.preview-stat-icon[b-8uavi5g091] {
    width: 30px;
    height: 30px;
    font-size: .8rem;
}

    .preview-stat-icon.orange[b-8uavi5g091],
    .feature-icon.orange[b-8uavi5g091] {
        color: var(--lm-orange-dark);
        background: var(--lm-orange-soft);
    }

    .preview-stat-icon.blue[b-8uavi5g091],
    .feature-icon.blue[b-8uavi5g091] {
        color: #286b9c;
        background: #e8f3fb;
    }

    .preview-stat-icon.green[b-8uavi5g091],
    .feature-icon.green[b-8uavi5g091] {
        color: #217b50;
        background: #e8f7ef;
    }

.feature-icon.purple[b-8uavi5g091] {
    color: #6652b2;
    background: #f0edff;
}

.feature-icon.red[b-8uavi5g091] {
    color: #b73543;
    background: #ffeaec;
}

.preview-stat strong[b-8uavi5g091],
.preview-stat small[b-8uavi5g091] {
    display: block;
}

.preview-stat strong[b-8uavi5g091] {
    font-size: .86rem;
    font-weight: 850;
}

.preview-stat small[b-8uavi5g091] {
    color: var(--lm-muted);
    font-size: .59rem;
}

.preview-section-title[b-8uavi5g091] {
    padding: .7rem 0 .55rem;
    border-top: 1px solid var(--lm-line);
}

.preview-assignment[b-8uavi5g091] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .68rem 0;
    border-bottom: 1px solid #f0f1f3;
}

.preview-avatar[b-8uavi5g091] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #fff;
    background: var(--lm-blue);
    border-radius: 10px;
    font-size: .6rem;
    font-weight: 850;
}

    .preview-avatar.orange[b-8uavi5g091] {
        background: var(--lm-orange);
    }

    .preview-avatar.green[b-8uavi5g091] {
        background: var(--lm-green);
    }

.preview-assignment-content[b-8uavi5g091] {
    min-width: 0;
    flex: 1;
}

    .preview-assignment-content strong[b-8uavi5g091],
    .preview-assignment-content span[b-8uavi5g091] {
        display: block;
    }

    .preview-assignment-content strong[b-8uavi5g091] {
        font-size: .76rem;
    }

    .preview-assignment-content span[b-8uavi5g091] {
        overflow: hidden;
        margin-top: .15rem;
        color: var(--lm-muted);
        font-size: .62rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .preview-assignment-content i[b-8uavi5g091],
    .preview-time-row i[b-8uavi5g091] {
        color: var(--lm-orange);
    }

.preview-time[b-8uavi5g091] {
    color: var(--lm-orange-dark);
    font-size: .72rem;
    font-weight: 850;
    text-align: right;
}

    .preview-time small[b-8uavi5g091] {
        display: block;
        margin-top: .12rem;
        color: var(--lm-muted);
        font-size: .6rem;
        font-weight: 600;
    }

.preview-time-row[b-8uavi5g091] {
    padding: .85rem 0;
    color: var(--lm-muted);
    font-size: .7rem;
}

    .preview-time-row > div[b-8uavi5g091] {
        display: inline-flex;
        align-items: center;
        gap: .4rem;
    }

    .preview-time-row strong[b-8uavi5g091] {
        color: var(--lm-orange-dark);
        font-size: .85rem;
    }

.preview-footer[b-8uavi5g091] {
    justify-content: flex-start;
    gap: .4rem;
    padding-top: .75rem;
    border-top: 1px solid var(--lm-line);
    font-size: .58rem;
}

/* Sections */
.intro-section[b-8uavi5g091],
.features-section[b-8uavi5g091],
.workflow-section[b-8uavi5g091],
.roles-section[b-8uavi5g091],
.mobile-section[b-8uavi5g091],
.pricing-section[b-8uavi5g091] {
    background: #fff;
}

.features-section[b-8uavi5g091],
.time-section[b-8uavi5g091],
.mobile-section[b-8uavi5g091],
.pricing-section[b-8uavi5g091] {
    background: #fafbfc;
}

.section-heading[b-8uavi5g091] {
    max-width: 720px;
}

    .section-heading h2[b-8uavi5g091],
    .workflow-section h2[b-8uavi5g091],
    .time-section h2[b-8uavi5g091],
    .mobile-section h2[b-8uavi5g091],
    .final-cta h2[b-8uavi5g091] {
        margin-top: .75rem;
        color: var(--lm-ink);
        font-size: clamp(1.8rem, 3.3vw, 3rem);
        font-weight: 850;
        letter-spacing: -.05em;
        line-height: 1.08;
    }

    .section-heading p[b-8uavi5g091] {
        margin-top: 1rem;
        color: var(--lm-muted);
        font-size: 1rem;
        line-height: 1.7;
    }

.feature-card[b-8uavi5g091] {
    height: 100%;
    padding: 1.45rem;
    background: #fff;
    border: 1px solid var(--lm-line);
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(16, 18, 20, .035);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

    .feature-card:hover[b-8uavi5g091] {
        border-color: #ffc39e;
        box-shadow: 0 18px 38px rgba(16, 18, 20, .1);
        transform: translateY(-5px);
    }

.feature-icon[b-8uavi5g091] {
    width: 48px;
    height: 48px;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}

.feature-card h3[b-8uavi5g091],
.workflow-item h3[b-8uavi5g091],
.role-card h3[b-8uavi5g091] {
    margin: 0;
    color: var(--lm-ink);
    font-size: 1.05rem;
    font-weight: 820;
}

.feature-card p[b-8uavi5g091],
.workflow-item p[b-8uavi5g091],
.role-card p[b-8uavi5g091] {
    color: var(--lm-muted);
    font-size: .84rem;
    line-height: 1.7;
}

.feature-card p[b-8uavi5g091] {
    min-height: 88px;
    margin: .7rem 0 1rem;
}

.feature-link[b-8uavi5g091] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--lm-orange-dark);
    font-size: .74rem;
    font-weight: 800;
}

    .feature-link i[b-8uavi5g091] {
        transition: transform .2s ease;
    }

.feature-card:hover .feature-link i[b-8uavi5g091] {
    transform: translateX(4px);
}

/* Workflow */
.workflow-section[b-8uavi5g091] {
    background: #fff;
}

.workflow-list[b-8uavi5g091] {
    display: grid;
    gap: .75rem;
}

.workflow-item[b-8uavi5g091] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--lm-line);
    border-radius: 12px;
    transition: border-color .2s ease, background .2s ease;
}

    .workflow-item:hover[b-8uavi5g091] {
        background: #fffaf6;
        border-color: #ffc39e;
    }

.workflow-number[b-8uavi5g091] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    color: #fff;
    background: var(--lm-orange);
    border-radius: 11px;
    font-size: .72rem;
    font-weight: 850;
}

.workflow-item p[b-8uavi5g091] {
    margin: .35rem 0 0;
}

/* Time tracking showcase */
.time-features[b-8uavi5g091] {
    display: grid;
    gap: .9rem;
}

.time-feature[b-8uavi5g091] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.time-feature-icon[b-8uavi5g091] {
    width: 38px;
    height: 38px;
    color: var(--lm-orange-dark);
    background: var(--lm-orange-soft);
    border-radius: 10px;
}

.time-feature strong[b-8uavi5g091],
.time-feature span[b-8uavi5g091] {
    display: block;
}

.time-feature strong[b-8uavi5g091] {
    font-size: .86rem;
}

.time-feature span[b-8uavi5g091] {
    margin-top: .17rem;
    color: var(--lm-muted);
    font-size: .75rem;
}

.time-dashboard[b-8uavi5g091] {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--lm-line);
    border-radius: 18px;
    box-shadow: 0 22px 55px rgba(16, 18, 20, .1);
}

.time-dashboard-header[b-8uavi5g091],
.time-progress-top[b-8uavi5g091],
.time-summary[b-8uavi5g091] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.time-dashboard-header[b-8uavi5g091] {
    padding: 1.15rem 1.25rem;
    color: #fff;
    background: linear-gradient(125deg, #111315, #272d32);
}

    .time-dashboard-header small[b-8uavi5g091],
    .time-dashboard-header strong[b-8uavi5g091] {
        display: block;
    }

    .time-dashboard-header small[b-8uavi5g091] {
        color: #ff9a54;
        font-size: .62rem;
        font-weight: 850;
        letter-spacing: .12em;
    }

    .time-dashboard-header strong[b-8uavi5g091] {
        margin-top: .25rem;
        font-size: .95rem;
    }

.time-status[b-8uavi5g091] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .6rem;
    color: #a9f0c8;
    background: rgba(44, 166, 106, .18);
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
}

.time-main[b-8uavi5g091] {
    padding: 1.6rem 1.25rem 1.25rem;
    text-align: center;
}

.time-label[b-8uavi5g091],
.time-location[b-8uavi5g091] {
    display: block;
    color: var(--lm-muted);
    font-size: .73rem;
}

.time-value[b-8uavi5g091] {
    display: block;
    margin: .2rem 0 .35rem;
    color: var(--lm-orange-dark);
    font-size: 3.4rem;
    font-weight: 900;
    letter-spacing: -.07em;
}

.time-location i[b-8uavi5g091] {
    color: var(--lm-orange);
}

.time-progress[b-8uavi5g091] {
    padding: 0 1.25rem 1.1rem;
}

.time-progress-top[b-8uavi5g091] {
    color: var(--lm-muted);
    font-size: .72rem;
}

    .time-progress-top strong[b-8uavi5g091] {
        color: var(--lm-ink);
    }

.time-progress-bar[b-8uavi5g091] {
    height: 8px;
    margin-top: .55rem;
    overflow: hidden;
    background: #f0f1f3;
    border-radius: 99px;
}

    .time-progress-bar span[b-8uavi5g091] {
        display: block;
        height: 100%;
        background: linear-gradient(90deg, var(--lm-orange), #ffb067);
        border-radius: inherit;
    }

.time-summary[b-8uavi5g091] {
    gap: .75rem;
    padding: 1rem 1.25rem;
    background: #fafbfc;
    border-top: 1px solid var(--lm-line);
    border-bottom: 1px solid var(--lm-line);
}

    .time-summary > div[b-8uavi5g091] {
        flex: 1;
        text-align: center;
    }

    .time-summary small[b-8uavi5g091],
    .time-summary strong[b-8uavi5g091] {
        display: block;
    }

    .time-summary small[b-8uavi5g091] {
        color: var(--lm-muted);
        font-size: .65rem;
    }

    .time-summary strong[b-8uavi5g091] {
        margin-top: .2rem;
        font-size: .88rem;
    }

.time-action[b-8uavi5g091] {
    padding: 1rem 1.25rem 1.25rem;
}

    .time-action .btn-warning[b-8uavi5g091] {
        color: #fff !important;
        background: var(--lm-orange) !important;
        border-color: var(--lm-orange) !important;
    }

/* Roles and mobile */
.role-card[b-8uavi5g091] {
    height: 100%;
    padding: 1.5rem;
    background: #fff;
    border: 1px solid var(--lm-line);
    border-radius: 16px;
    text-align: center;
}

    .role-card.featured-role[b-8uavi5g091] {
        color: #fff;
        background: linear-gradient(145deg, #15191d, #242a30);
        border-color: var(--lm-orange);
        box-shadow: 0 16px 35px rgba(16, 18, 20, .16);
    }

.role-icon[b-8uavi5g091] {
    width: 48px;
    height: 48px;
    margin: 0 auto 1rem;
    color: var(--lm-orange-dark);
    background: var(--lm-orange-soft);
    font-size: 1.2rem;
}

.role-card > span[b-8uavi5g091] {
    display: block;
    color: var(--lm-orange);
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .12em;
}

.role-card h3[b-8uavi5g091] {
    margin-top: .4rem;
}

.featured-role h3[b-8uavi5g091] {
    color: #fff;
}

.role-card p[b-8uavi5g091] {
    margin-bottom: 0;
}

.featured-role p[b-8uavi5g091] {
    color: rgba(255, 255, 255, .68);
}

.mobile-image-preview[b-8uavi5g091] {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 390px;
    overflow: hidden;
    background: linear-gradient(145deg, #15191d, #252b31);
    border-radius: 22px;
}

.mobile-image-glow[b-8uavi5g091] {
    position: absolute;
    width: 260px;
    height: 260px;
    background: var(--lm-orange);
    border-radius: 50%;
    filter: blur(70px);
    opacity: .28;
}

.mobile-preview-image[b-8uavi5g091] {
    position: relative;
    z-index: 1;
    max-width: min(72%, 340px);
    max-height: 390px;
    object-fit: contain;
    filter: drop-shadow(0 22px 24px rgba(0, 0, 0, .35));
}

.check-list[b-8uavi5g091] {
    display: grid;
    gap: .75rem;
}

    .check-list > div[b-8uavi5g091] {
        display: flex;
        align-items: center;
        gap: .55rem;
        color: var(--lm-ink);
        font-size: .85rem;
        font-weight: 700;
    }

    .check-list i[b-8uavi5g091] {
        color: var(--lm-orange);
        font-size: 1rem;
    }

/* Pricing */
.plan-card[b-8uavi5g091] {
    position: relative;
    height: 100%;
    padding: 1.35rem;
    background: #fff;
    border: 1px solid var(--lm-line);
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(16, 18, 20, .035);
    transition: transform .2s ease, box-shadow .2s ease;
}

    .plan-card:hover[b-8uavi5g091] {
        box-shadow: 0 18px 40px rgba(16, 18, 20, .1);
        transform: translateY(-4px);
    }

.featured-plan[b-8uavi5g091] {
    border: 2px solid var(--lm-orange);
    box-shadow: 0 15px 35px rgba(255, 117, 24, .12);
}

.popular-badge[b-8uavi5g091] {
    position: absolute;
    top: -12px;
    right: 1rem;
    padding: .3rem .55rem;
    color: #fff;
    background: var(--lm-orange);
    border-radius: 999px;
    font-size: .58rem;
    font-weight: 850;
    letter-spacing: .04em;
}

.plan-top[b-8uavi5g091] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.plan-name[b-8uavi5g091] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: var(--lm-orange-dark);
    background: var(--lm-orange-soft);
    border-radius: 10px;
    font-weight: 900;
}

.plan-card h3[b-8uavi5g091] {
    margin: 1rem 0 .65rem;
    font-size: 1.1rem;
    font-weight: 850;
}

.plan-price strong[b-8uavi5g091],
.plan-price span[b-8uavi5g091] {
    display: inline-block;
}

.plan-price strong[b-8uavi5g091] {
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: -.05em;
}

.plan-price span[b-8uavi5g091] {
    color: var(--lm-muted);
    font-size: .75rem;
}

.plan-limit[b-8uavi5g091] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-top: .8rem;
    color: var(--lm-muted);
    font-size: .75rem;
}

    .plan-limit i[b-8uavi5g091] {
        color: var(--lm-orange);
    }

.plan-card .btn-outline-dark[b-8uavi5g091] {
    color: var(--lm-ink) !important;
    border-color: #cfd3d8 !important;
}

    .plan-card .btn-outline-dark:hover[b-8uavi5g091] {
        color: #fff !important;
        background: var(--lm-orange) !important;
        border-color: var(--lm-orange) !important;
    }

/* Final CTA and footer */
.final-cta[b-8uavi5g091] {
    background: #fff;
}

.final-cta-card[b-8uavi5g091] {
    position: relative;
    overflow: hidden;
    padding: 4rem 1.5rem;
    color: #fff;
    background: radial-gradient(circle at 50% -20%, rgba(255, 117, 24, .3), transparent 40%), linear-gradient(135deg, #111315, #252b30);
    border-radius: 22px;
    box-shadow: 0 22px 55px rgba(16, 18, 20, .17);
}

.final-cta-icon[b-8uavi5g091] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 1rem;
    color: #fff;
    background: var(--lm-orange);
    border-radius: 18px;
    font-size: 1.4rem;
}

.final-cta h2[b-8uavi5g091] {
    color: #fff;
}

.final-cta p[b-8uavi5g091] {
    max-width: 600px;
    margin: 1rem auto 1.4rem;
    color: rgba(255, 255, 255, .68);
    line-height: 1.7;
}

.final-cta small[b-8uavi5g091] {
    display: block;
    margin-top: 1rem;
    color: rgba(255, 255, 255, .5);
    font-size: .72rem;
}

.landing-footer[b-8uavi5g091] {
    color: rgba(255, 255, 255, .6);
    background: var(--lm-dark);
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.footer-inner[b-8uavi5g091] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

.landing-footer strong[b-8uavi5g091],
.landing-footer small[b-8uavi5g091] {
    display: block;
}

.landing-footer strong[b-8uavi5g091] {
    color: #fff;
    font-size: 1rem;
    font-weight: 850;
}

.landing-footer small[b-8uavi5g091],
.footer-copy[b-8uavi5g091],
.footer-links a[b-8uavi5g091] {
    font-size: .72rem;
}

.footer-links[b-8uavi5g091] {
    display: flex;
    gap: 1rem;
}

    .footer-links a[b-8uavi5g091] {
        color: rgba(255, 255, 255, .6);
        text-decoration: none;
    }

        .footer-links a:hover[b-8uavi5g091] {
            color: var(--lm-orange);
        }

@media (max-width: 991.98px) {
    .dashboard-preview[b-8uavi5g091] {
        max-width: 620px;
        margin-inline: auto;
        transform: none;
    }

    .hero-title[b-8uavi5g091] {
        font-size: clamp(2.7rem, 8vw, 4.5rem);
    }
}

@media (max-width: 767.98px) {
    .landing-hero[b-8uavi5g091] {
        min-height: auto;
    }

        .landing-hero nav[b-8uavi5g091] {
            padding-top: 1.1rem !important;
            padding-bottom: 1.1rem !important;
        }

            .landing-hero nav .btn[b-8uavi5g091] {
                padding-inline: .7rem !important;
                font-size: .75rem;
            }

    .hero-title[b-8uavi5g091] {
        font-size: clamp(2.55rem, 13vw, 4rem);
    }

    .hero-description[b-8uavi5g091] {
        font-size: .92rem;
    }

    .preview-stats[b-8uavi5g091] {
        gap: .4rem;
    }

    .preview-stat[b-8uavi5g091] {
        display: block;
        text-align: center;
    }

    .preview-stat-icon[b-8uavi5g091] {
        margin-bottom: .35rem;
    }

    .footer-inner[b-8uavi5g091] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .hero-trust[b-8uavi5g091] {
        display: grid;
        gap: .55rem;
    }

    .dashboard-preview[b-8uavi5g091] {
        padding: .75rem;
    }

    .time-value[b-8uavi5g091] {
        font-size: 2.8rem;
    }

    .time-summary[b-8uavi5g091] {
        gap: .35rem;
    }

        .time-summary small[b-8uavi5g091] {
            font-size: .58rem;
        }

    .footer-links[b-8uavi5g091] {
        flex-wrap: wrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-8uavi5g091],
    *[b-8uavi5g091]::before,
    *[b-8uavi5g091]::after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}


/* =========================================================
   DASHBOARD PREVIEW CONTRAST FIX
   The preview sits inside the hero .text-white section, so every
   local text color is declared explicitly to prevent inheritance.
   ========================================================= */

.landing-hero .dashboard-preview[b-8uavi5g091] {
    color: #17191c !important;
    background: #ffffff !important;
    opacity: 1 !important;
}

    .landing-hero .dashboard-preview .preview-top[b-8uavi5g091],
    .landing-hero .dashboard-preview .preview-top strong[b-8uavi5g091],
    .landing-hero .dashboard-preview .preview-stat strong[b-8uavi5g091],
    .landing-hero .dashboard-preview .preview-assignment-content strong[b-8uavi5g091] {
        color: #17191c !important;
    }

        .landing-hero .dashboard-preview .preview-top small[b-8uavi5g091],
        .landing-hero .dashboard-preview .preview-section-title[b-8uavi5g091],
        .landing-hero .dashboard-preview .preview-footer[b-8uavi5g091],
        .landing-hero .dashboard-preview .preview-stat small[b-8uavi5g091],
        .landing-hero .dashboard-preview .preview-assignment-content span[b-8uavi5g091],
        .landing-hero .dashboard-preview .preview-time small[b-8uavi5g091],
        .landing-hero .dashboard-preview .preview-time-row[b-8uavi5g091] {
            color: #737982 !important;
        }

            .landing-hero .dashboard-preview .preview-time[b-8uavi5g091],
            .landing-hero .dashboard-preview .preview-time-row strong[b-8uavi5g091] {
                color: #d95505 !important;
            }

            .landing-hero .dashboard-preview .preview-assignment-content i[b-8uavi5g091],
            .landing-hero .dashboard-preview .preview-time-row i[b-8uavi5g091] {
                color: #ff7518 !important;
            }

    .landing-hero .dashboard-preview .preview-avatar[b-8uavi5g091] {
        color: #ffffff !important;
    }

    .landing-hero .dashboard-preview .live-badge[b-8uavi5g091] {
        color: #17633c !important;
        background: #e8f7ee !important;
    }

    .landing-hero .dashboard-preview .preview-stat-icon.orange[b-8uavi5g091] {
        color: #d95505 !important;
    }

    .landing-hero .dashboard-preview .preview-stat-icon.blue[b-8uavi5g091] {
        color: #286b9c !important;
    }

    .landing-hero .dashboard-preview .preview-stat-icon.green[b-8uavi5g091] {
        color: #217b50 !important;
    }

/* =========================================================
   HOME FOOTER CONTRAST FIX
   ========================================================= */
footer.landing-footer[b-8uavi5g091] {
    display: block !important;
    width: 100%;
    min-height: 112px;
    padding: 1.5rem 0 !important;
    color: #b9c0c8 !important;
    background: #0b0d0f !important;
    border-top: 1px solid rgba(255, 255, 255, .14) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

    footer.landing-footer .container[b-8uavi5g091] {
        width: 100%;
    }

    footer.landing-footer .footer-inner[b-8uavi5g091] {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 1.5rem;
        min-height: 64px;
    }

    footer.landing-footer strong[b-8uavi5g091] {
        display: block !important;
        color: #fff !important;
        font-size: 1.05rem;
        font-weight: 850;
        line-height: 1.3;
        opacity: 1 !important;
    }

        footer.landing-footer strong span[b-8uavi5g091] {
            color: #ff7518 !important;
        }

    footer.landing-footer small[b-8uavi5g091] {
        display: block !important;
        max-width: 230px;
        margin-top: .35rem;
        color: #aeb6bf !important;
        font-size: .75rem;
        line-height: 1.45;
        opacity: 1 !important;
    }

    footer.landing-footer .footer-links[b-8uavi5g091] {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 1.25rem;
    }

        footer.landing-footer .footer-links a[b-8uavi5g091] {
            display: inline-block !important;
            color: #d9dee4 !important;
            font-size: .78rem;
            font-weight: 650;
            line-height: 1.4;
            text-decoration: none !important;
            opacity: 1 !important;
            transition: color .2s ease, transform .2s ease;
        }

            footer.landing-footer .footer-links a:hover[b-8uavi5g091],
            footer.landing-footer .footer-links a:focus-visible[b-8uavi5g091] {
                color: #ff7518 !important;
                transform: translateY(-1px);
            }

    footer.landing-footer .footer-copy[b-8uavi5g091] {
        display: block !important;
        color: #9da6af !important;
        font-size: .72rem;
        line-height: 1.4;
        text-align: right;
        white-space: nowrap;
        opacity: 1 !important;
    }

/* =========================================================
   HOME HEADER / NAVIGATION
   ========================================================= */
.landing-hero .landing-nav[b-8uavi5g091] {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    min-height: 76px;
    padding-top: 1.15rem !important;
    padding-bottom: 1.15rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, .13);
}

    .landing-hero .landing-nav .brand[b-8uavi5g091] {
        display: inline-flex !important;
        flex: 0 0 auto;
        align-items: center;
        color: #fff !important;
        font-size: 1.28rem;
        font-weight: 850;
        letter-spacing: -.045em;
        line-height: 1;
        text-decoration: none !important;
        white-space: nowrap;
    }

    .landing-hero .landing-nav .brand-bau[b-8uavi5g091] {
        color: #fff !important;
    }

    .landing-hero .landing-nav .brand-management[b-8uavi5g091] {
        color: #ff7518 !important;
    }

.landing-hero .landing-nav-menu[b-8uavi5g091] {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 1.65rem;
    margin-left: auto;
}

    .landing-hero .landing-nav-menu a[b-8uavi5g091] {
        display: inline-block !important;
        padding: .45rem .1rem;
        color: rgba(255, 255, 255, .76) !important;
        font-size: .8rem;
        font-weight: 700;
        line-height: 1.2;
        text-decoration: none !important;
        white-space: nowrap;
        transition: color .2s ease, transform .2s ease;
    }

        .landing-hero .landing-nav-menu a:hover[b-8uavi5g091],
        .landing-hero .landing-nav-menu a:focus-visible[b-8uavi5g091] {
            color: #ff7518 !important;
            transform: translateY(-1px);
        }

.landing-hero .landing-nav-actions[b-8uavi5g091] {
    display: flex !important;
    align-items: center;
    gap: .55rem;
    margin-left: 1rem;
}

.landing-hero .landing-nav .nav-login[b-8uavi5g091] {
    color: #fff !important;
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, .45) !important;
}

    .landing-hero .landing-nav .nav-login:hover[b-8uavi5g091] {
        color: #fff !important;
        background: rgba(255, 255, 255, .1) !important;
        border-color: #fff !important;
    }

.landing-hero .landing-nav .nav-action[b-8uavi5g091] {
    color: #fff !important;
    background: #ff7518 !important;
    border-color: #ff7518 !important;
    white-space: nowrap;
}

    .landing-hero .landing-nav .nav-action:hover[b-8uavi5g091] {
        color: #fff !important;
        background: #d95505 !important;
        border-color: #d95505 !important;
    }

@media (max-width: 900px) {
    .landing-hero .landing-nav[b-8uavi5g091] {
        flex-wrap: wrap;
        gap: .85rem 1rem;
    }

    .landing-hero .landing-nav-menu[b-8uavi5g091] {
        order: 3;
        width: 100%;
        justify-content: flex-start;
        gap: 1.2rem;
        padding-top: .75rem;
        border-top: 1px solid rgba(255, 255, 255, .1);
    }

    .landing-hero .landing-nav-actions[b-8uavi5g091] {
        margin-left: auto;
    }

    footer.landing-footer .footer-inner[b-8uavi5g091] {
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
    }

    footer.landing-footer .footer-links[b-8uavi5g091] {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: .65rem 1rem;
    }

    footer.landing-footer .footer-copy[b-8uavi5g091] {
        text-align: left;
    }
}

@media (max-width: 520px) {
    .landing-hero .landing-nav[b-8uavi5g091] {
        align-items: flex-start;
    }

        .landing-hero .landing-nav .brand[b-8uavi5g091] {
            font-size: 1.05rem;
        }

    .landing-hero .landing-nav-actions[b-8uavi5g091] {
        gap: .35rem;
    }

        .landing-hero .landing-nav-actions .btn[b-8uavi5g091],
        .landing-hero .landing-nav > .nav-action[b-8uavi5g091] {
            padding: .48rem .58rem !important;
            font-size: .68rem;
        }

    .landing-hero .landing-nav-menu[b-8uavi5g091] {
        gap: .9rem;
    }

        .landing-hero .landing-nav-menu a[b-8uavi5g091] {
            font-size: .72rem;
        }
}
/* /Components/Pages/Impressum.razor.rz.scp.css */
/* =========================================================
   WEBOLAR - LEGAL PAGE
   ========================================================= */

.legal-page[b-libfagtfr0] {
    width: 100%;
    min-height: 100vh;
    background: #f7f8fa;
    padding: 40px 20px 70px;
    color: #212529;
}

.legal-container[b-libfagtfr0] {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}


/* =========================================================
   BACK
   ========================================================= */

.legal-back[b-libfagtfr0] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #6c757d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 28px;
    transition: color .2s ease;
}

    .legal-back:hover[b-libfagtfr0] {
        color: #ff7a00;
    }


/* =========================================================
   HEADER
   ========================================================= */

.legal-header[b-libfagtfr0] {
    margin-bottom: 32px;
}

.legal-eyebrow[b-libfagtfr0] {
    display: inline-block;
    margin-bottom: 8px;
    color: #ff7a00;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.legal-header h1[b-libfagtfr0] {
    margin: 0;
    font-size: 38px;
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -1px;
}

.legal-header p[b-libfagtfr0] {
    max-width: 650px;
    margin: 14px 0 0;
    color: #6c757d;
    font-size: 15px;
    line-height: 1.65;
}


/* =========================================================
   CARD
   ========================================================= */

.legal-card[b-libfagtfr0] {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 16px;
    padding: 26px 28px;
    margin-bottom: 16px;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .035);
}

    .legal-card p[b-libfagtfr0] {
        margin: 0 0 13px;
        color: #59616a;
        font-size: 14px;
        line-height: 1.75;
    }

        .legal-card p:last-child[b-libfagtfr0] {
            margin-bottom: 0;
        }


/* =========================================================
   SECTION TITLE
   ========================================================= */

.legal-section-title[b-libfagtfr0] {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 20px;
}

.legal-icon[b-libfagtfr0] {
    width: 42px;
    min-width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #fff1e6;
    color: #ff7a00;
    font-size: 18px;
}

.legal-section-title > div:last-child[b-libfagtfr0] {
    min-width: 0;
}

.legal-section-title span[b-libfagtfr0] {
    display: block;
    margin-bottom: 2px;
    color: #ff7a00;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
}

.legal-section-title h2[b-libfagtfr0] {
    margin: 0;
    color: #212529;
    font-size: 18px;
    font-weight: 700;
}


/* =========================================================
   COMPANY
   ========================================================= */

.legal-company[b-libfagtfr0] {
    background: #f8f9fa;
    border: 1px solid #edf0f2;
    border-radius: 12px;
    padding: 18px;
}

    .legal-company > strong[b-libfagtfr0] {
        display: block;
        margin-bottom: 12px;
        font-size: 17px;
        color: #212529;
    }

.legal-company-row[b-libfagtfr0] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 10px;
    color: #59616a;
    font-size: 13px;
    line-height: 1.55;
}

    .legal-company-row i[b-libfagtfr0] {
        width: 18px;
        min-width: 18px;
        color: #ff7a00;
        margin-top: 2px;
    }

    .legal-company-row a[b-libfagtfr0] {
        color: #59616a;
        text-decoration: none;
    }

        .legal-company-row a:hover[b-libfagtfr0] {
            color: #ff7a00;
        }


/* =========================================================
   HIGHLIGHT
   ========================================================= */

.legal-highlight[b-libfagtfr0] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 18px;
    padding: 15px;
    border-radius: 11px;
    background: #fff8f2;
    border: 1px solid #ffe3cf;
}

    .legal-highlight > i[b-libfagtfr0] {
        color: #ff7a00;
        font-size: 18px;
        margin-top: 2px;
    }

    .legal-highlight strong[b-libfagtfr0] {
        display: block;
        margin-bottom: 4px;
        color: #343a40;
        font-size: 13px;
    }

    .legal-highlight p[b-libfagtfr0] {
        font-size: 13px;
    }


/* =========================================================
   CONTACT
   ========================================================= */

.legal-contact-box[b-libfagtfr0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 18px;
}

    .legal-contact-box > div[b-libfagtfr0] {
        padding: 14px 16px;
        border: 1px solid #e9ecef;
        border-radius: 10px;
        background: #fafafa;
    }

    .legal-contact-box span[b-libfagtfr0] {
        display: block;
        margin-bottom: 4px;
        color: #8a8f98;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: .6px;
    }

    .legal-contact-box a[b-libfagtfr0] {
        color: #343a40;
        text-decoration: none;
        font-size: 13px;
        font-weight: 600;
    }

        .legal-contact-box a:hover[b-libfagtfr0] {
            color: #ff7a00;
        }


/* =========================================================
   LEGAL LINKS
   ========================================================= */

.legal-links[b-libfagtfr0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.legal-link[b-libfagtfr0] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 13px 14px;
    border: 1px solid #e9ecef;
    border-radius: 11px;
    color: #212529;
    text-decoration: none;
    transition: all .2s ease;
}

    .legal-link:hover[b-libfagtfr0] {
        border-color: #ffcfad;
        background: #fffaf6;
        transform: translateY(-1px);
    }

.legal-link-icon[b-libfagtfr0] {
    width: 38px;
    min-width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff1e6;
    color: #ff7a00;
}

.legal-link > div:nth-child(2)[b-libfagtfr0] {
    flex: 1;
}

.legal-link strong[b-libfagtfr0] {
    display: block;
    font-size: 13px;
    font-weight: 650;
}

.legal-link span[b-libfagtfr0] {
    display: block;
    margin-top: 2px;
    color: #8a8f98;
    font-size: 11px;
}

.legal-link > i:last-child[b-libfagtfr0] {
    color: #adb5bd;
    font-size: 13px;
}


/* =========================================================
   FOOTER
   ========================================================= */

.legal-footer[b-libfagtfr0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 4px 0;
    color: #8a8f98;
    font-size: 11px;
}

    .legal-footer > div[b-libfagtfr0] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

        .legal-footer > div:last-child[b-libfagtfr0] {
            text-align: right;
        }

    .legal-footer strong[b-libfagtfr0] {
        color: #343a40;
        font-size: 13px;
    }


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    .legal-page[b-libfagtfr0] {
        padding: 24px 12px 45px;
    }

    .legal-back[b-libfagtfr0] {
        margin-bottom: 22px;
    }

    .legal-header[b-libfagtfr0] {
        margin-bottom: 24px;
    }

        .legal-header h1[b-libfagtfr0] {
            font-size: 29px;
            letter-spacing: -.6px;
        }

        .legal-header p[b-libfagtfr0] {
            font-size: 13px;
            margin-top: 10px;
        }

    .legal-card[b-libfagtfr0] {
        padding: 20px 17px;
        border-radius: 13px;
        margin-bottom: 12px;
    }

    .legal-section-title[b-libfagtfr0] {
        margin-bottom: 16px;
    }

        .legal-section-title h2[b-libfagtfr0] {
            font-size: 16px;
        }

    .legal-icon[b-libfagtfr0] {
        width: 38px;
        min-width: 38px;
        height: 38px;
        font-size: 16px;
    }

    .legal-card p[b-libfagtfr0] {
        font-size: 13px;
        line-height: 1.7;
    }

    .legal-company[b-libfagtfr0] {
        padding: 14px;
    }

    .legal-contact-box[b-libfagtfr0] {
        grid-template-columns: 1fr;
    }

    .legal-footer[b-libfagtfr0] {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 15px;
    }

        .legal-footer > div:last-child[b-libfagtfr0] {
            text-align: left;
        }
}

/* =========================================================
   IMPRESSUM FOOTER LINKS
   ========================================================= */

.legal-footer-links[b-libfagtfr0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    padding: 1.25rem .25rem 0;
    color: #adb5bd;
    font-size: 12px;
}

.legal-footer-links a[b-libfagtfr0] {
    color: #6c757d;
    text-decoration: none;
    transition: color .2s ease;
}

.legal-footer-links a:hover[b-libfagtfr0],
.legal-footer-links a:focus-visible[b-libfagtfr0] {
    color: #ff7a00;
}

.legal-version[b-libfagtfr0] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: 1rem;
    color: #8a8f98;
    font-size: 11px;
}

.legal-version i[b-libfagtfr0] {
    color: #ff7a00;
}

@media (max-width: 767.98px) {
    .legal-footer-links[b-libfagtfr0] {
        justify-content: flex-start;
        flex-wrap: wrap;
        padding-top: 1rem;
    }
}
/* /Components/Pages/MeineEinsaetze.razor.rz.scp.css */
/*
   MeineEinsaetze.razor.css
   Premium black / orange / white employee assignment view
*/

.my-assignments-page[b-2wg4kv3v6s] {
    --me-ink: #17191c;
    --me-muted: #737982;
    --me-line: #e7e9ed;
    --me-orange: #ff7518;
    --me-orange-dark: #d95505;
    --me-orange-soft: #fff1e8;
    max-width: 980px;
    margin-inline: auto;
    color: var(--me-ink);
}

.page-header[b-2wg4kv3v6s] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 2rem 2.25rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 88% 15%, rgba(255, 117, 24, .4), transparent 30%), linear-gradient(125deg, #0e1012, #20262b);
    border-radius: 18px;
    box-shadow: 0 20px 45px rgba(16, 18, 20, .14);
}

    .page-header[b-2wg4kv3v6s]::after {
        position: absolute;
        right: -55px;
        bottom: -95px;
        width: 225px;
        height: 225px;
        content: "";
        border: 38px solid rgba(255, 117, 24, .14);
        border-radius: 50%;
    }

    .page-header > *[b-2wg4kv3v6s] {
        position: relative;
        z-index: 1;
    }

    .page-header h2[b-2wg4kv3v6s] {
        margin: 0 0 .45rem;
        color: #fff;
        font-size: clamp(1.7rem, 3vw, 2.35rem);
        font-weight: 850;
        letter-spacing: -.045em;
    }

.subtitle[b-2wg4kv3v6s] {
    color: rgba(255, 255, 255, .68);
    font-size: .95rem;
}

.date-filter[b-2wg4kv3v6s] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.btn-nav[b-2wg4kv3v6s],
.btn-today[b-2wg4kv3v6s] {
    cursor: pointer;
    min-height: 40px;
    font-weight: 750;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.btn-nav[b-2wg4kv3v6s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    color: var(--me-ink);
    background: #f0f1f3;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
    font-size: 1.3rem;
}

    .btn-nav:hover[b-2wg4kv3v6s] {
        color: #fff;
        background: var(--me-orange);
        border-color: var(--me-orange);
        transform: translateY(-2px);
    }

.date-input[b-2wg4kv3v6s] {
    min-height: 40px;
    padding: .55rem .7rem;
    color: var(--me-ink);
    background: #fff;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
    font-weight: 700;
}

    .date-input:focus[b-2wg4kv3v6s] {
        border-color: var(--me-orange);
        outline: 0;
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .14);
    }

.btn-today[b-2wg4kv3v6s] {
    padding: .55rem .9rem;
    color: var(--me-orange-dark);
    background: #fff;
    border: 1px solid #ffc39e;
    border-radius: 10px;
}

    .btn-today:hover[b-2wg4kv3v6s] {
        color: #fff;
        background: var(--me-orange);
        border-color: var(--me-orange);
        transform: translateY(-2px);
    }

.my-assignments-page > .alert[b-2wg4kv3v6s] {
    padding: .85rem 1rem;
    margin-bottom: 1rem;
    color: #842b2b;
    background: #fff0f0;
    border: 0;
    border-left: 4px solid #d83a3a;
    border-radius: 10px;
}

.assignments-list[b-2wg4kv3v6s] {
    display: grid;
    gap: 1rem;
}

.assignment-card[b-2wg4kv3v6s] {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--me-line);
    border-radius: 16px;
    box-shadow: 0 14px 35px rgba(16, 18, 20, .07);
    transition: transform .2s ease, box-shadow .2s ease;
}

    .assignment-card:hover[b-2wg4kv3v6s] {
        transform: translateY(-3px);
        box-shadow: 0 18px 42px rgba(16, 18, 20, .13);
    }

.card-header-bar[b-2wg4kv3v6s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1.1rem;
    color: #fff;
    background: linear-gradient(125deg, #111315, #272d32);
}

.baustelle-tag[b-2wg4kv3v6s] {
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-size: .82rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .baustelle-tag i[b-2wg4kv3v6s] {
        margin-right: .35rem;
        color: #ff9a54;
    }

.duration-badge[b-2wg4kv3v6s] {
    flex: 0 0 auto;
    padding: .35rem .6rem;
    color: #fff;
    background: var(--me-orange);
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 850;
    white-space: nowrap;
}

.card-body-content[b-2wg4kv3v6s] {
    padding: 1.25rem 1.1rem;
}

.time-range[b-2wg4kv3v6s] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
}

.time-block[b-2wg4kv3v6s] {
    min-width: 125px;
    padding: .8rem .9rem;
    text-align: center;
    background: #fafbfc;
    border: 1px solid var(--me-line);
    border-radius: 11px;
}

    .time-block small[b-2wg4kv3v6s] {
        display: block;
        color: var(--me-muted);
        font-size: .68rem;
        font-weight: 850;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .time-block strong[b-2wg4kv3v6s] {
        display: block;
        margin-top: .25rem;
        color: var(--me-orange-dark);
        font-size: 1.18rem;
        font-weight: 850;
    }

.time-arrow[b-2wg4kv3v6s] {
    color: var(--me-orange);
    font-size: 1.35rem;
    font-weight: 850;
}

.card-notes[b-2wg4kv3v6s] {
    margin-top: 1rem;
    padding: .75rem .85rem;
    color: #4f565e;
    background: var(--me-orange-soft);
    border: 1px solid #ffd7bd;
    border-left: 4px solid var(--me-orange);
    border-radius: 9px;
    font-size: .8rem;
}

    .card-notes strong[b-2wg4kv3v6s] {
        color: var(--me-orange-dark);
        font-size: .72rem;
        text-transform: uppercase;
    }

    .card-notes p[b-2wg4kv3v6s] {
        margin: .3rem 0 0;
        white-space: pre-wrap;
    }

.loading-state[b-2wg4kv3v6s],
.empty-card[b-2wg4kv3v6s] {
    padding: 3rem 1rem;
    text-align: center;
    background: #fff;
    border: 1px solid var(--me-line);
    border-radius: 16px;
    box-shadow: 0 14px 35px rgba(16, 18, 20, .06);
}

.loading-state[b-2wg4kv3v6s] {
    color: var(--me-muted);
}

.empty-icon[b-2wg4kv3v6s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin-bottom: .8rem;
    color: var(--me-orange);
    background: var(--me-orange-soft);
    border-radius: 20px;
    font-size: 1.6rem;
}

.empty-card h4[b-2wg4kv3v6s] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 850;
}

.empty-card p[b-2wg4kv3v6s] {
    margin: .4rem 0 0;
    color: var(--me-muted);
    font-size: .82rem;
}

@media (max-width: 760px) {
    .page-header[b-2wg4kv3v6s] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.35rem;
    }

    .date-filter[b-2wg4kv3v6s] {
        width: 100%;
        flex-wrap: wrap;
    }

    .date-input[b-2wg4kv3v6s] {
        flex: 1;
        min-width: 0;
    }

    .btn-today[b-2wg4kv3v6s] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .card-header-bar[b-2wg4kv3v6s] {
        align-items: flex-start;
        flex-direction: column;
        gap: .55rem;
    }

    .duration-badge[b-2wg4kv3v6s] {
        align-self: flex-start;
    }

    .time-range[b-2wg4kv3v6s] {
        gap: .45rem;
    }

    .time-block[b-2wg4kv3v6s] {
        min-width: 0;
        flex: 1;
        padding-inline: .45rem;
    }

        .time-block strong[b-2wg4kv3v6s] {
            font-size: .95rem;
        }

    .time-arrow[b-2wg4kv3v6s] {
        font-size: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-2wg4kv3v6s],
    *[b-2wg4kv3v6s]::before,
    *[b-2wg4kv3v6s]::after {
        transition-duration: .01ms !important;
    }
}
/* /Components/Pages/MeinUrlaub.razor.rz.scp.css */
/*
   Assignments.razor.css
   Premium black / orange / white visual system
*/

:host[b-xeq578abop] {
    --as-bg: #f5f6f8;
    --as-surface: #ffffff;
    --as-ink: #17191c;
    --as-muted: #737982;
    --as-line: #e7e9ed;
    --as-dark: #101214;
    --as-dark-2: #1b1f23;
    --as-orange: #ff7518;
    --as-orange-dark: #d95505;
    --as-orange-soft: #fff1e8;
    --as-danger: #d83a3a;
    --as-shadow: 0 18px 45px rgba(16, 18, 20, .07);
    --as-shadow-hover: 0 18px 38px rgba(16, 18, 20, .13);
    --as-radius: 18px;
    display: block;
    color: var(--as-ink);
}

    /* Page foundation */
    :host > div[b-xeq578abop] {
        max-width: 1440px;
        margin-inline: auto;
    }

.employee-header[b-xeq578abop] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 2rem 2.25rem;
    margin-bottom: 1.5rem !important;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 90% 20%, rgba(255, 117, 24, .35), transparent 30%), linear-gradient(125deg, #0e1012 0%, #1d2227 100%);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: var(--as-radius);
    box-shadow: 0 20px 45px rgba(16, 18, 20, .14);
}

    .employee-header[b-xeq578abop]::after {
        position: absolute;
        right: -55px;
        bottom: -90px;
        width: 220px;
        height: 220px;
        content: "";
        border: 38px solid rgba(255, 117, 24, .14);
        border-radius: 50%;
    }

    .employee-header > div[b-xeq578abop],
    .employee-header > button[b-xeq578abop] {
        position: relative;
        z-index: 1;
    }

    .employee-header h3[b-xeq578abop] {
        margin: 0 0 .45rem;
        font-size: clamp(1.65rem, 2.4vw, 2.2rem);
        font-weight: 800;
        letter-spacing: -.04em;
    }

    .employee-header p[b-xeq578abop] {
        color: rgba(255, 255, 255, .68) !important;
        font-size: .95rem;
    }

/* Cards */
.modern-card[b-xeq578abop] {
    overflow: visible;
    background: var(--as-surface);
    border: 1px solid var(--as-line) !important;
    border-radius: var(--as-radius) !important;
    box-shadow: var(--as-shadow);
}

    .modern-card.overflow-hidden[b-xeq578abop] {
        overflow: hidden;
    }

    .modern-card .card-body[b-xeq578abop] {
        background: transparent;
    }

/* Buttons */
.btn[b-xeq578abop] {
    min-height: 42px;
    padding: .65rem 1rem;
    border-radius: 10px;
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: .01em;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}

    .btn:hover:not(:disabled)[b-xeq578abop] {
        transform: translateY(-2px);
    }

    .btn:active:not(:disabled)[b-xeq578abop] {
        transform: translateY(0);
    }

.btn-primary[b-xeq578abop] {
    color: #fff !important;
    background: var(--as-orange) !important;
    border-color: var(--as-orange) !important;
    box-shadow: 0 8px 18px rgba(255, 117, 24, .22);
}

    .btn-primary:hover:not(:disabled)[b-xeq578abop],
    .btn-primary:focus-visible[b-xeq578abop] {
        background: var(--as-orange-dark) !important;
        border-color: var(--as-orange-dark) !important;
        box-shadow: 0 10px 24px rgba(217, 85, 5, .28);
    }

/* Hard override for themes that redefine Bootstrap .btn-primary */
button.btn.btn-primary[b-xeq578abop],
a.btn.btn-primary[b-xeq578abop] {
    color: #fff !important;
    background-color: #ff7518 !important;
    background-image: none !important;
    border-color: #ff7518 !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .12);
}

    button.btn.btn-primary:hover:not(:disabled)[b-xeq578abop],
    button.btn.btn-primary:focus-visible[b-xeq578abop],
    a.btn.btn-primary:hover[b-xeq578abop],
    a.btn.btn-primary:focus-visible[b-xeq578abop] {
        color: #fff !important;
        background-color: #d95505 !important;
        border-color: #d95505 !important;
    }

.btn-secondary[b-xeq578abop] {
    color: var(--as-ink) !important;
    background: #f0f1f3 !important;
    border-color: #f0f1f3 !important;
}

    .btn-secondary:hover:not(:disabled)[b-xeq578abop] {
        background: #e4e6e9 !important;
        border-color: #e4e6e9 !important;
    }

.btn-outline-danger[b-xeq578abop] {
    color: var(--as-danger) !important;
    border-color: #f0bcbc !important;
    background: #fff !important;
}

    .btn-outline-danger:hover:not(:disabled)[b-xeq578abop] {
        color: #fff !important;
        background: var(--as-danger) !important;
        border-color: var(--as-danger) !important;
    }

.btn-sm[b-xeq578abop] {
    min-height: 34px;
    padding: .42rem .72rem;
    border-radius: 8px;
    font-size: .76rem;
}

.btn:disabled[b-xeq578abop] {
    cursor: not-allowed;
    opacity: .45;
    box-shadow: none;
}

/* Search */
.search-box[b-xeq578abop] {
    overflow: hidden;
    border: 1px solid var(--as-line);
    border-radius: 12px;
    background: #fafbfc;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

    .search-box:focus-within[b-xeq578abop] {
        background: #fff;
        border-color: var(--as-orange);
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
    }

    .search-box .input-group-text[b-xeq578abop] {
        padding-inline: 1rem;
        color: var(--as-orange);
        background: transparent;
        border: 0;
        font-size: 1.35rem;
    }

    .search-box .form-control[b-xeq578abop] {
        border: 0;
        background: transparent;
        box-shadow: none;
    }

/* Forms */
.form-label[b-xeq578abop] {
    display: block;
    margin-bottom: .5rem;
    color: var(--as-ink);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.form-control[b-xeq578abop] {
    min-height: 46px;
    padding: .7rem .85rem;
    color: var(--as-ink);
    background: #fbfbfc;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
    font-size: .9rem;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

    .form-control[b-xeq578abop]::placeholder {
        color: #a1a6ad;
    }

    .form-control:focus[b-xeq578abop] {
        color: var(--as-ink);
        background: #fff;
        border-color: var(--as-orange);
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
    }

textarea.form-control[b-xeq578abop] {
    min-height: 104px;
    resize: vertical;
}

/* Live search dropdowns */
.live-search-wrapper[b-xeq578abop] {
    position: relative;
}

.live-search-results[b-xeq578abop] {
    position: absolute;
    z-index: 20;
    top: calc(100% + .5rem);
    right: 0;
    left: 0;
    overflow: hidden;
    padding: .4rem;
    background: #fff;
    border: 1px solid var(--as-line);
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(16, 18, 20, .16);
}

.live-search-result[b-xeq578abop] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: .75rem;
    padding: .7rem .75rem;
    color: var(--as-ink);
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 9px;
    transition: background .15s ease;
}

    .live-search-result:hover[b-xeq578abop],
    .live-search-result:focus-visible[b-xeq578abop] {
        background: var(--as-orange-soft);
        outline: none;
    }

.live-search-avatar[b-xeq578abop],
.employee-avatar[b-xeq578abop] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #fff;
    background: var(--as-dark);
    border-radius: 12px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .03em;
}

    .live-search-avatar.site-avatar[b-xeq578abop] {
        color: var(--as-dark);
        background: var(--as-orange-soft);
        border: 1px solid #ffd5bb;
    }

.live-search-content[b-xeq578abop] {
    min-width: 0;
}

.live-search-title[b-xeq578abop] {
    overflow: hidden;
    font-size: .88rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-search-subtitle[b-xeq578abop] {
    margin-top: .18rem;
    color: var(--as-muted);
    font-size: .75rem;
}

.live-search-empty[b-xeq578abop] {
    padding: 1rem;
    color: var(--as-muted);
    font-size: .82rem;
    text-align: center;
}

.selected-info[b-xeq578abop] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: .65rem;
    padding: .55rem .7rem;
    color: var(--as-dark);
    background: var(--as-orange-soft);
    border: 1px solid #ffd8c1;
    border-radius: 9px;
    font-size: .82rem;
    font-weight: 700;
}

.selected-check[b-xeq578abop] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    color: #fff;
    background: var(--as-orange);
    border-radius: 50%;
    font-size: .72rem;
}

.selected-remove[b-xeq578abop] {
    width: 26px;
    height: 26px;
    margin-left: auto;
    color: var(--as-orange-dark);
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 1.15rem;
    line-height: 1;
}

    .selected-remove:hover[b-xeq578abop] {
        background: rgba(255, 117, 24, .14);
    }

/* Alerts */
.alert[b-xeq578abop] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    border: 0;
    border-left: 4px solid var(--as-orange);
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(16, 18, 20, .06);
}

.alert-warning[b-xeq578abop] {
    color: #70400d;
    background: #fff5df;
}

.alert-danger[b-xeq578abop] {
    color: #842b2b;
    background: #fff0f0;
    border-left-color: var(--as-danger);
}

.alert-success[b-xeq578abop] {
    color: #175a39;
    background: #eaf8f0;
    border-left-color: #2ca66a;
}

/* Table */
.table-modern[b-xeq578abop] {
    margin: 0;
    --bs-table-bg: transparent;
}

    .table-modern thead th[b-xeq578abop] {
        padding: 1rem 1.25rem;
        color: #8b9199;
        background: #fafbfc;
        border-bottom: 1px solid var(--as-line);
        font-size: .7rem;
        font-weight: 850;
        letter-spacing: .09em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .table-modern tbody td[b-xeq578abop] {
        padding: 1.1rem 1.25rem;
        color: var(--as-ink);
        border-bottom: 1px solid #f0f1f3;
        font-size: .87rem;
        vertical-align: middle;
    }

    .table-modern tbody tr[b-xeq578abop] {
        transition: background .18s ease;
    }

        .table-modern tbody tr:hover[b-xeq578abop] {
            background: #fffaf6;
        }

        .table-modern tbody tr:last-child td[b-xeq578abop] {
            border-bottom: 0;
        }

.assignment-date[b-xeq578abop] {
    color: var(--as-ink);
    font-weight: 800;
    white-space: nowrap;
}

.assignment-time[b-xeq578abop] {
    margin-top: .3rem;
    color: var(--as-orange-dark);
    font-size: .75rem;
    font-weight: 750;
    white-space: nowrap;
}

.employee-avatar[b-xeq578abop] {
    width: 42px;
    height: 42px;
    color: #fff !important;
    background: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    background-image: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    border: 2px solid #fff;
    box-shadow: 0 6px 13px rgba(255, 117, 24, .18);
}

.table-modern .fw-semibold[b-xeq578abop] {
    font-weight: 750 !important;
}

.table-modern small[b-xeq578abop] {
    display: inline-block;
    margin-top: .22rem;
    font-size: .74rem;
}

/* Empty state and pagination */
.empty-state[b-xeq578abop] {
    padding: 1.75rem 1rem;
}

.empty-state-icon[b-xeq578abop] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: .9rem;
    color: var(--as-orange);
    background: var(--as-orange-soft);
    border-radius: 18px;
    font-size: 1.7rem;
}

.empty-state h6[b-xeq578abop] {
    margin-bottom: .3rem;
    font-weight: 800;
}

.pagination-container[b-xeq578abop] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fafbfc;
    border-top: 1px solid var(--as-line);
}

    .pagination-container .btn[b-xeq578abop] {
        min-width: 35px;
    }

/* Bootstrap utility refinement inside this component */
.text-muted[b-xeq578abop] {
    color: var(--as-muted) !important;
}

/* Keyboard accessibility */
button:focus-visible[b-xeq578abop],
a:focus-visible[b-xeq578abop],
input:focus-visible[b-xeq578abop],
textarea:focus-visible[b-xeq578abop] {
    outline: 3px solid rgba(255, 117, 24, .28);
    outline-offset: 2px;
}

/* Responsive layout */
@media (max-width: 991.98px) {
    .employee-header[b-xeq578abop] {
        padding: 1.6rem;
    }

    .table-modern thead th[b-xeq578abop],
    .table-modern tbody td[b-xeq578abop] {
        padding-inline: .9rem;
    }
}

@media (max-width: 767.98px) {
    .employee-header[b-xeq578abop] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.35rem;
    }

        .employee-header .btn[b-xeq578abop] {
            width: 100%;
        }

    .modern-card .card-body[b-xeq578abop] {
        padding: 1rem !important;
    }

    .pagination-container[b-xeq578abop] {
        align-items: flex-start;
        flex-direction: column;
    }

        .pagination-container > div:last-child[b-xeq578abop] {
            width: 100%;
            justify-content: flex-end;
        }

    .table-modern[b-xeq578abop] {
        min-width: 900px;
    }
}

@media (max-width: 479.98px) {
    .employee-header h3[b-xeq578abop] {
        font-size: 1.5rem;
    }

    .d-flex.gap-2.mt-4[b-xeq578abop] {
        flex-direction: column;
    }

        .d-flex.gap-2.mt-4 .btn[b-xeq578abop] {
            width: 100%;
        }
}

@media (prefers-reduced-motion: reduce) {
    *[b-xeq578abop],
    *[b-xeq578abop]::before,
    *[b-xeq578abop]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}

/* =========================================================
   MITARBEITER URLAUB PAGE
   ========================================================= */

.vacation-page[b-xeq578abop] {
    max-width: 1600px;
    margin-inline: auto;
}

.vacation-header[b-xeq578abop] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 2rem 2.25rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 88% 15%, rgba(255, 117, 24, .38), transparent 30%), linear-gradient(125deg, #0e1012, #20262b);
    border-radius: var(--as-radius);
    box-shadow: 0 20px 45px rgba(16, 18, 20, .14);
}

    .vacation-header[b-xeq578abop]::after {
        position: absolute;
        right: -55px;
        bottom: -95px;
        width: 225px;
        height: 225px;
        content: "";
        border: 38px solid rgba(255, 117, 24, .14);
        border-radius: 50%;
    }

    .vacation-header > *[b-xeq578abop] {
        position: relative;
        z-index: 1;
    }

    .vacation-header h3[b-xeq578abop] {
        margin: 0 0 .45rem;
        font-size: clamp(1.65rem, 2.4vw, 2.2rem);
        font-weight: 800;
        letter-spacing: -.04em;
    }

    .vacation-header p[b-xeq578abop] {
        color: rgba(255, 255, 255, .68) !important;
    }

    .vacation-header .btn-primary[b-xeq578abop],
    .vacation-page button.btn.btn-primary[b-xeq578abop] {
        color: #fff !important;
        background: #ff7518 !important;
        background-image: none !important;
        border-color: #ff7518 !important;
    }

        .vacation-header .btn-primary:hover[b-xeq578abop],
        .vacation-page button.btn.btn-primary:hover[b-xeq578abop] {
            background: #d95505 !important;
            border-color: #d95505 !important;
        }

.pending-vacation-button[b-xeq578abop] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .55rem .75rem;
    color: #713b00;
    text-align: left;
    background: #fff4dd;
    border: 1px solid #ffd38d;
    border-radius: 11px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    transition: transform .2s ease, background .2s ease;
}

    .pending-vacation-button:hover[b-xeq578abop] {
        background: #ffeac1;
        transform: translateY(-2px);
    }

    .pending-vacation-button strong[b-xeq578abop],
    .pending-vacation-button small[b-xeq578abop] {
        display: block;
    }

    .pending-vacation-button strong[b-xeq578abop] {
        font-size: .76rem;
    }

    .pending-vacation-button small[b-xeq578abop] {
        margin-top: .12rem;
        font-size: .68rem;
    }

.pending-vacation-icon[b-xeq578abop],
.pending-vacation-count[b-xeq578abop] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 27px;
    height: 27px;
    color: #fff;
    background: var(--as-orange);
    border-radius: 50%;
    font-weight: 850;
}

.pending-vacation-count[b-xeq578abop] {
    width: 25px;
    height: 25px;
    margin-left: .15rem;
    color: #8a4200;
    background: #ffd28d;
    font-size: .75rem;
}

/* Calendar navigation */
.vacation-toolbar[b-xeq578abop] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
}

    .vacation-toolbar > .d-flex[b-xeq578abop] {
        justify-self: start;
    }

.vacation-date-selector[b-xeq578abop] {
    display: flex;
    gap: .55rem;
}

    .vacation-date-selector .form-select[b-xeq578abop] {
        min-width: 145px;
        min-height: 42px;
    }

.vacation-month-title[b-xeq578abop] {
    justify-self: end;
    color: var(--as-ink);
    font-size: 1.1rem;
    font-weight: 800;
}

.vacation-page .btn-light[b-xeq578abop] {
    color: var(--as-ink) !important;
    background: #f0f1f3 !important;
    background-image: none !important;
    border-color: #dfe2e6 !important;
}

    .vacation-page .btn-light:hover:not(:disabled)[b-xeq578abop] {
        color: #fff !important;
        background: var(--as-orange) !important;
        border-color: var(--as-orange) !important;
    }

.vacation-page .btn-outline-primary[b-xeq578abop] {
    color: var(--as-orange-dark) !important;
    background: #fff !important;
    border-color: #ffc39e !important;
}

    .vacation-page .btn-outline-primary:hover[b-xeq578abop] {
        background: var(--as-orange) !important;
        border-color: var(--as-orange) !important;
    }

/* Legend */
.vacation-legend[b-xeq578abop] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.15rem;
    padding-inline: .25rem;
}

.legend-item[b-xeq578abop] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--as-muted);
    font-size: .78rem;
    font-weight: 700;
}

.legend-color[b-xeq578abop] {
    width: 13px;
    height: 13px;
    border-radius: 4px;
}

.legend-pending[b-xeq578abop],
.vacation-pending[b-xeq578abop],
.vacation-status-pending[b-xeq578abop] {
    background: #ffb54a !important;
}

.legend-approved[b-xeq578abop],
.vacation-approved[b-xeq578abop],
.vacation-status-approved[b-xeq578abop] {
    background: #39b879 !important;
}

.legend-rejected[b-xeq578abop],
.vacation-rejected[b-xeq578abop],
.vacation-status-rejected[b-xeq578abop] {
    background: #e05a62 !important;
}

/* Calendar grid */
.vacation-calendar-wrapper[b-xeq578abop] {
    overflow-x: auto;
    background: #fff;
}

.vacation-calendar[b-xeq578abop] {
    min-width: 1280px;
    background: #fff;
}

.vacation-grid[b-xeq578abop] {
    display: grid;
    grid-template-columns: 235px minmax(1045px, 1fr);
}

.vacation-grid-header[b-xeq578abop] {
    position: sticky;
    z-index: 3;
    top: 0;
    background: #fafbfc;
    border-bottom: 1px solid var(--as-line);
}

.vacation-employee-header[b-xeq578abop],
.vacation-employee-cell[b-xeq578abop] {
    border-right: 1px solid var(--as-line);
}

.vacation-employee-header[b-xeq578abop] {
    display: flex;
    align-items: center;
    padding: .9rem 1rem;
    color: #8b9199;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.vacation-days-header[b-xeq578abop],
.vacation-days[b-xeq578abop] {
    display: grid;
    grid-template-columns: repeat(31, minmax(34px, 1fr));
}

.vacation-day-header[b-xeq578abop] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    border-right: 1px solid #f0f1f3;
}

    .vacation-day-header.weekend[b-xeq578abop] {
        background: #f5f5f6;
    }

    .vacation-day-header.today[b-xeq578abop] {
        color: var(--as-orange-dark);
        background: var(--as-orange-soft);
    }

.day-number[b-xeq578abop] {
    font-size: .82rem;
    font-weight: 850;
}

.day-name[b-xeq578abop] {
    margin-top: .18rem;
    color: var(--as-muted);
    font-size: .63rem;
    text-transform: uppercase;
}

.employee-vacation-row[b-xeq578abop] {
    min-height: 68px;
    border-bottom: 1px solid #f0f1f3;
    transition: background .18s ease;
}

    .employee-vacation-row:hover[b-xeq578abop] {
        background: #fffaf6;
    }

.vacation-employee-cell[b-xeq578abop] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .7rem 1rem;
    background: #fff;
}

    .vacation-employee-cell strong[b-xeq578abop] {
        display: block;
        font-size: .82rem;
        font-weight: 800;
    }

    .vacation-employee-cell small[b-xeq578abop] {
        margin-top: .2rem;
        font-size: .7rem;
    }

.vacation-avatar[b-xeq578abop] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #fff !important;
    background: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    border: 2px solid #fff;
    border-radius: 11px;
    box-shadow: 0 5px 12px rgba(255, 117, 24, .2);
    font-size: .68rem;
    font-weight: 850;
}

.vacation-day[b-xeq578abop] {
    min-height: 68px;
    padding: .35rem .15rem;
    background: #fff;
    border-right: 1px solid #f0f1f3;
}

    .vacation-day.weekend[b-xeq578abop] {
        background: #fafafa;
    }

    .vacation-day.today[b-xeq578abop] {
        background: #fff8f2;
    }

    .vacation-day > button[b-xeq578abop] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 40px;
        padding: .25rem .12rem;
        overflow: hidden;
        color: #fff;
        border: 0;
        border-radius: 8px;
        font-size: .59rem;
        font-weight: 850;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: transform .15s ease, filter .15s ease;
    }

        .vacation-day > button:hover[b-xeq578abop] {
            filter: brightness(.92);
            transform: scale(1.04);
        }

.vacation-start[b-xeq578abop],
.vacation-end[b-xeq578abop] {
    position: relative;
}

/* Pending modal and edit modal */
.vacation-modal-backdrop[b-xeq578abop] {
    position: fixed;
    z-index: 1050;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(10, 12, 14, .68);
    backdrop-filter: blur(5px);
}

.vacation-modal[b-xeq578abop] {
    width: min(100%, 680px);
    max-height: min(90vh, 820px);
    overflow: auto;
    background: #fff;
    border-radius: var(--as-radius);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .28);
}

.pending-modal[b-xeq578abop] {
    width: min(100%, 760px);
}

.vacation-modal-header[b-xeq578abop] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.3rem 1.45rem;
    color: #fff;
    background: linear-gradient(125deg, #111315, #272d32);
}

    .vacation-modal-header h2[b-xeq578abop] {
        color: #fff;
    }

    .vacation-modal-header .text-muted[b-xeq578abop] {
        color: rgba(255, 255, 255, .62) !important;
    }

    .vacation-modal-header .eyebrow[b-xeq578abop] {
        color: #ffb067 !important;
    }

.vacation-modal-body[b-xeq578abop] {
    padding: 1.4rem;
}

.vacation-modal-footer[b-xeq578abop] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
    padding: 1rem 1.4rem;
    background: #fafbfc;
    border-top: 1px solid var(--as-line);
}

.pending-list[b-xeq578abop] {
    display: grid;
    gap: .7rem;
}

.pending-item[b-xeq578abop] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem;
    border: 1px solid var(--as-line);
    border-radius: 12px;
}

    .pending-item:hover[b-xeq578abop] {
        background: #fffaf6;
        border-color: #ffc39e;
    }

.pending-item-main[b-xeq578abop] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

    .pending-item-main strong[b-xeq578abop] {
        display: block;
        font-size: .86rem;
    }

.pending-date[b-xeq578abop] {
    margin-top: .2rem;
    color: var(--as-orange-dark);
    font-size: .75rem;
    font-weight: 750;
}

.pending-item-actions[b-xeq578abop] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .35rem;
}

.vacation-status-box[b-xeq578abop] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .85rem 1rem;
    background: #fafbfc;
    border: 1px solid var(--as-line);
    border-left: 4px solid var(--as-orange);
    border-radius: 10px;
}

    .vacation-status-box strong[b-xeq578abop] {
        display: block;
        margin-top: .2rem;
    }

    .vacation-status-box .text-muted[b-xeq578abop] {
        font-size: .68rem;
        font-weight: 800;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

.vacation-page .btn-success[b-xeq578abop] {
    color: #fff !important;
    background: #2ca66a !important;
    border-color: #2ca66a !important;
}

    .vacation-page .btn-success:hover[b-xeq578abop] {
        background: #208653 !important;
        border-color: #208653 !important;
    }

.vacation-page .btn-danger[b-xeq578abop] {
    color: #fff !important;
    background: #d83a3a !important;
    border-color: #d83a3a !important;
}

    .vacation-page .btn-danger:hover[b-xeq578abop] {
        background: #ad2e2e !important;
        border-color: #ad2e2e !important;
    }

.vacation-page .btn-outline-warning[b-xeq578abop] {
    color: #9a5700 !important;
    background: #fff !important;
    border-color: #ffc56e !important;
}

    .vacation-page .btn-outline-warning:hover[b-xeq578abop] {
        color: #fff !important;
        background: #e99516 !important;
        border-color: #e99516 !important;
    }

@media (max-width: 900px) {
    .vacation-header[b-xeq578abop] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.35rem;
    }

        .vacation-header > .d-flex[b-xeq578abop] {
            width: 100%;
            align-items: stretch !important;
            flex-direction: column;
        }

        .pending-vacation-button[b-xeq578abop],
        .vacation-header .btn-primary[b-xeq578abop] {
            width: 100%;
            justify-content: center;
        }

    .vacation-toolbar[b-xeq578abop] {
        grid-template-columns: 1fr;
        justify-items: stretch;
    }

        .vacation-toolbar > .d-flex[b-xeq578abop],
        .vacation-month-title[b-xeq578abop] {
            justify-self: stretch;
        }

    .vacation-month-title[b-xeq578abop] {
        text-align: center;
    }

    .vacation-date-selector .form-select[b-xeq578abop] {
        flex: 1;
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .pending-item[b-xeq578abop] {
        align-items: stretch;
        flex-direction: column;
    }

    .pending-item-actions[b-xeq578abop] {
        justify-content: stretch;
    }

        .pending-item-actions .btn[b-xeq578abop] {
            flex: 1;
        }

    .vacation-modal-footer[b-xeq578abop] {
        flex-wrap: wrap;
    }
}

/* =========================================================
   MEIN URLAUB EXTENSIONS
   ========================================================= */

.vacation-page .vacation-header[b-xeq578abop] {
    align-items: center;
}

    .vacation-page .vacation-header .btn-primary[b-xeq578abop] {
        color: #fff !important;
        background: #ff7518 !important;
        background-image: none !important;
        border-color: #ff7518 !important;
    }

        .vacation-page .vacation-header .btn-primary:hover[b-xeq578abop] {
            background: #d95505 !important;
            border-color: #d95505 !important;
        }

/* Personal request table */
.vacation-page .table:not(.table-modern)[b-xeq578abop] {
    width: 100%;
    color: var(--as-ink);
    border-collapse: collapse;
}

    .vacation-page .table:not(.table-modern) thead th[b-xeq578abop] {
        padding: .9rem .75rem;
        color: #8b9199;
        background: #fafbfc;
        border-bottom: 1px solid var(--as-line);
        font-size: .68rem;
        font-weight: 850;
        letter-spacing: .08em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .vacation-page .table:not(.table-modern) tbody td[b-xeq578abop] {
        padding: .95rem .75rem;
        border-bottom: 1px solid #f0f1f3;
        font-size: .82rem;
        vertical-align: middle;
    }

    .vacation-page .table:not(.table-modern) tbody tr:hover[b-xeq578abop] {
        background: #fffaf6;
    }

    .vacation-page .table:not(.table-modern) tbody tr:last-child td[b-xeq578abop] {
        border-bottom: 0;
    }

/* Status badge classes returned by GetStatusBadgeClass */
.status-badge[b-xeq578abop],
.badge-status[b-xeq578abop],
.vacation-status[b-xeq578abop],
.status-pending[b-xeq578abop],
.status-approved[b-xeq578abop],
.status-rejected[b-xeq578abop] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: .3rem .6rem;
    border-radius: 999px;
    font-size: .69rem;
    font-weight: 850;
    white-space: nowrap;
}

.status-pending[b-xeq578abop],
.vacation-status-pending[b-xeq578abop],
.status-badge-pending[b-xeq578abop] {
    color: #9a4700 !important;
    background: #fff0e5 !important;
}

.status-approved[b-xeq578abop],
.vacation-status-approved[b-xeq578abop],
.status-badge-approved[b-xeq578abop] {
    color: #17633c !important;
    background: #e8f7ee !important;
}

.status-rejected[b-xeq578abop],
.vacation-status-rejected[b-xeq578abop],
.status-badge-rejected[b-xeq578abop] {
    color: #8c2d36 !important;
    background: #ffeaec !important;
}

/* Modal overrides for the employee-facing form */
.vacation-page .vacation-modal-header h2[b-xeq578abop] {
    color: #fff;
}

.vacation-page .vacation-modal-header p[b-xeq578abop] {
    color: rgba(255, 255, 255, .62) !important;
}

.vacation-page .vacation-modal-header .eyebrow[b-xeq578abop] {
    color: #ff9a54 !important;
}

.vacation-page .vacation-modal .form-label[b-xeq578abop] {
    color: var(--as-ink);
}

.vacation-page .vacation-modal .form-control[b-xeq578abop] {
    min-height: 46px;
}

.vacation-page .vacation-modal textarea.form-control[b-xeq578abop] {
    min-height: 105px;
}

.vacation-page .vacation-modal-footer .btn-primary[b-xeq578abop] {
    color: #fff !important;
    background: #ff7518 !important;
    border-color: #ff7518 !important;
}

    .vacation-page .vacation-modal-footer .btn-primary:hover[b-xeq578abop] {
        background: #d95505 !important;
        border-color: #d95505 !important;
    }

.vacation-page .vacation-modal-footer .btn-light[b-xeq578abop] {
    color: var(--as-ink) !important;
    background: #f0f1f3 !important;
    border-color: #dfe2e6 !important;
}

    .vacation-page .vacation-modal-footer .btn-light:hover[b-xeq578abop] {
        background: var(--as-orange) !important;
        border-color: var(--as-orange) !important;
    }

@media (max-width: 767.98px) {
    .vacation-page .vacation-header[b-xeq578abop] {
        align-items: flex-start;
    }

        .vacation-page .vacation-header > .btn-primary[b-xeq578abop] {
            width: 100%;
        }

    .vacation-page .table:not(.table-modern)[b-xeq578abop] {
        min-width: 680px;
    }
}
/* /Components/Pages/MitarbeiterUrlaub.razor.rz.scp.css */
/*
   Assignments.razor.css
   Premium black / orange / white visual system
*/

:host[b-5qjl5f3i93] {
    --as-bg: #f5f6f8;
    --as-surface: #ffffff;
    --as-ink: #17191c;
    --as-muted: #737982;
    --as-line: #e7e9ed;
    --as-dark: #101214;
    --as-dark-2: #1b1f23;
    --as-orange: #ff7518;
    --as-orange-dark: #d95505;
    --as-orange-soft: #fff1e8;
    --as-danger: #d83a3a;
    --as-shadow: 0 18px 45px rgba(16, 18, 20, .07);
    --as-shadow-hover: 0 18px 38px rgba(16, 18, 20, .13);
    --as-radius: 18px;
    display: block;
    color: var(--as-ink);
}

    /* Page foundation */
    :host > div[b-5qjl5f3i93] {
        max-width: 1440px;
        margin-inline: auto;
    }

.employee-header[b-5qjl5f3i93] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 2rem 2.25rem;
    margin-bottom: 1.5rem !important;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 90% 20%, rgba(255, 117, 24, .35), transparent 30%), linear-gradient(125deg, #0e1012 0%, #1d2227 100%);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: var(--as-radius);
    box-shadow: 0 20px 45px rgba(16, 18, 20, .14);
}

    .employee-header[b-5qjl5f3i93]::after {
        position: absolute;
        right: -55px;
        bottom: -90px;
        width: 220px;
        height: 220px;
        content: "";
        border: 38px solid rgba(255, 117, 24, .14);
        border-radius: 50%;
    }

    .employee-header > div[b-5qjl5f3i93],
    .employee-header > button[b-5qjl5f3i93] {
        position: relative;
        z-index: 1;
    }

    .employee-header h3[b-5qjl5f3i93] {
        margin: 0 0 .45rem;
        font-size: clamp(1.65rem, 2.4vw, 2.2rem);
        font-weight: 800;
        letter-spacing: -.04em;
    }

    .employee-header p[b-5qjl5f3i93] {
        color: rgba(255, 255, 255, .68) !important;
        font-size: .95rem;
    }

/* Cards */
.modern-card[b-5qjl5f3i93] {
    overflow: visible;
    background: var(--as-surface);
    border: 1px solid var(--as-line) !important;
    border-radius: var(--as-radius) !important;
    box-shadow: var(--as-shadow);
}

    .modern-card.overflow-hidden[b-5qjl5f3i93] {
        overflow: hidden;
    }

    .modern-card .card-body[b-5qjl5f3i93] {
        background: transparent;
    }

/* Buttons */
.btn[b-5qjl5f3i93] {
    min-height: 42px;
    padding: .65rem 1rem;
    border-radius: 10px;
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: .01em;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}

    .btn:hover:not(:disabled)[b-5qjl5f3i93] {
        transform: translateY(-2px);
    }

    .btn:active:not(:disabled)[b-5qjl5f3i93] {
        transform: translateY(0);
    }

.btn-primary[b-5qjl5f3i93] {
    color: #fff !important;
    background: var(--as-orange) !important;
    border-color: var(--as-orange) !important;
    box-shadow: 0 8px 18px rgba(255, 117, 24, .22);
}

    .btn-primary:hover:not(:disabled)[b-5qjl5f3i93],
    .btn-primary:focus-visible[b-5qjl5f3i93] {
        background: var(--as-orange-dark) !important;
        border-color: var(--as-orange-dark) !important;
        box-shadow: 0 10px 24px rgba(217, 85, 5, .28);
    }

/* Hard override for themes that redefine Bootstrap .btn-primary */
button.btn.btn-primary[b-5qjl5f3i93],
a.btn.btn-primary[b-5qjl5f3i93] {
    color: #fff !important;
    background-color: #ff7518 !important;
    background-image: none !important;
    border-color: #ff7518 !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .12);
}

    button.btn.btn-primary:hover:not(:disabled)[b-5qjl5f3i93],
    button.btn.btn-primary:focus-visible[b-5qjl5f3i93],
    a.btn.btn-primary:hover[b-5qjl5f3i93],
    a.btn.btn-primary:focus-visible[b-5qjl5f3i93] {
        color: #fff !important;
        background-color: #d95505 !important;
        border-color: #d95505 !important;
    }

.btn-secondary[b-5qjl5f3i93] {
    color: var(--as-ink) !important;
    background: #f0f1f3 !important;
    border-color: #f0f1f3 !important;
}

    .btn-secondary:hover:not(:disabled)[b-5qjl5f3i93] {
        background: #e4e6e9 !important;
        border-color: #e4e6e9 !important;
    }

.btn-outline-danger[b-5qjl5f3i93] {
    color: var(--as-danger) !important;
    border-color: #f0bcbc !important;
    background: #fff !important;
}

    .btn-outline-danger:hover:not(:disabled)[b-5qjl5f3i93] {
        color: #fff !important;
        background: var(--as-danger) !important;
        border-color: var(--as-danger) !important;
    }

.btn-sm[b-5qjl5f3i93] {
    min-height: 34px;
    padding: .42rem .72rem;
    border-radius: 8px;
    font-size: .76rem;
}

.btn:disabled[b-5qjl5f3i93] {
    cursor: not-allowed;
    opacity: .45;
    box-shadow: none;
}

/* Search */
.search-box[b-5qjl5f3i93] {
    overflow: hidden;
    border: 1px solid var(--as-line);
    border-radius: 12px;
    background: #fafbfc;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

    .search-box:focus-within[b-5qjl5f3i93] {
        background: #fff;
        border-color: var(--as-orange);
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
    }

    .search-box .input-group-text[b-5qjl5f3i93] {
        padding-inline: 1rem;
        color: var(--as-orange);
        background: transparent;
        border: 0;
        font-size: 1.35rem;
    }

    .search-box .form-control[b-5qjl5f3i93] {
        border: 0;
        background: transparent;
        box-shadow: none;
    }

/* Forms */
.form-label[b-5qjl5f3i93] {
    display: block;
    margin-bottom: .5rem;
    color: var(--as-ink);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.form-control[b-5qjl5f3i93] {
    min-height: 46px;
    padding: .7rem .85rem;
    color: var(--as-ink);
    background: #fbfbfc;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
    font-size: .9rem;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

    .form-control[b-5qjl5f3i93]::placeholder {
        color: #a1a6ad;
    }

    .form-control:focus[b-5qjl5f3i93] {
        color: var(--as-ink);
        background: #fff;
        border-color: var(--as-orange);
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
    }

textarea.form-control[b-5qjl5f3i93] {
    min-height: 104px;
    resize: vertical;
}

/* Live search dropdowns */
.live-search-wrapper[b-5qjl5f3i93] {
    position: relative;
}

.live-search-results[b-5qjl5f3i93] {
    position: absolute;
    z-index: 20;
    top: calc(100% + .5rem);
    right: 0;
    left: 0;
    overflow: hidden;
    padding: .4rem;
    background: #fff;
    border: 1px solid var(--as-line);
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(16, 18, 20, .16);
}

.live-search-result[b-5qjl5f3i93] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: .75rem;
    padding: .7rem .75rem;
    color: var(--as-ink);
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 9px;
    transition: background .15s ease;
}

    .live-search-result:hover[b-5qjl5f3i93],
    .live-search-result:focus-visible[b-5qjl5f3i93] {
        background: var(--as-orange-soft);
        outline: none;
    }

.live-search-avatar[b-5qjl5f3i93],
.employee-avatar[b-5qjl5f3i93] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #fff;
    background: var(--as-dark);
    border-radius: 12px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .03em;
}

    .live-search-avatar.site-avatar[b-5qjl5f3i93] {
        color: var(--as-dark);
        background: var(--as-orange-soft);
        border: 1px solid #ffd5bb;
    }

.live-search-content[b-5qjl5f3i93] {
    min-width: 0;
}

.live-search-title[b-5qjl5f3i93] {
    overflow: hidden;
    font-size: .88rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-search-subtitle[b-5qjl5f3i93] {
    margin-top: .18rem;
    color: var(--as-muted);
    font-size: .75rem;
}

.live-search-empty[b-5qjl5f3i93] {
    padding: 1rem;
    color: var(--as-muted);
    font-size: .82rem;
    text-align: center;
}

.selected-info[b-5qjl5f3i93] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: .65rem;
    padding: .55rem .7rem;
    color: var(--as-dark);
    background: var(--as-orange-soft);
    border: 1px solid #ffd8c1;
    border-radius: 9px;
    font-size: .82rem;
    font-weight: 700;
}

.selected-check[b-5qjl5f3i93] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    color: #fff;
    background: var(--as-orange);
    border-radius: 50%;
    font-size: .72rem;
}

.selected-remove[b-5qjl5f3i93] {
    width: 26px;
    height: 26px;
    margin-left: auto;
    color: var(--as-orange-dark);
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 1.15rem;
    line-height: 1;
}

    .selected-remove:hover[b-5qjl5f3i93] {
        background: rgba(255, 117, 24, .14);
    }

/* Alerts */
.alert[b-5qjl5f3i93] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    border: 0;
    border-left: 4px solid var(--as-orange);
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(16, 18, 20, .06);
}

.alert-warning[b-5qjl5f3i93] {
    color: #70400d;
    background: #fff5df;
}

.alert-danger[b-5qjl5f3i93] {
    color: #842b2b;
    background: #fff0f0;
    border-left-color: var(--as-danger);
}

.alert-success[b-5qjl5f3i93] {
    color: #175a39;
    background: #eaf8f0;
    border-left-color: #2ca66a;
}

/* Table */
.table-modern[b-5qjl5f3i93] {
    margin: 0;
    --bs-table-bg: transparent;
}

    .table-modern thead th[b-5qjl5f3i93] {
        padding: 1rem 1.25rem;
        color: #8b9199;
        background: #fafbfc;
        border-bottom: 1px solid var(--as-line);
        font-size: .7rem;
        font-weight: 850;
        letter-spacing: .09em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .table-modern tbody td[b-5qjl5f3i93] {
        padding: 1.1rem 1.25rem;
        color: var(--as-ink);
        border-bottom: 1px solid #f0f1f3;
        font-size: .87rem;
        vertical-align: middle;
    }

    .table-modern tbody tr[b-5qjl5f3i93] {
        transition: background .18s ease;
    }

        .table-modern tbody tr:hover[b-5qjl5f3i93] {
            background: #fffaf6;
        }

        .table-modern tbody tr:last-child td[b-5qjl5f3i93] {
            border-bottom: 0;
        }

.assignment-date[b-5qjl5f3i93] {
    color: var(--as-ink);
    font-weight: 800;
    white-space: nowrap;
}

.assignment-time[b-5qjl5f3i93] {
    margin-top: .3rem;
    color: var(--as-orange-dark);
    font-size: .75rem;
    font-weight: 750;
    white-space: nowrap;
}

.employee-avatar[b-5qjl5f3i93] {
    width: 42px;
    height: 42px;
    color: #fff !important;
    background: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    background-image: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    border: 2px solid #fff;
    box-shadow: 0 6px 13px rgba(255, 117, 24, .18);
}

.table-modern .fw-semibold[b-5qjl5f3i93] {
    font-weight: 750 !important;
}

.table-modern small[b-5qjl5f3i93] {
    display: inline-block;
    margin-top: .22rem;
    font-size: .74rem;
}

/* Empty state and pagination */
.empty-state[b-5qjl5f3i93] {
    padding: 1.75rem 1rem;
}

.empty-state-icon[b-5qjl5f3i93] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: .9rem;
    color: var(--as-orange);
    background: var(--as-orange-soft);
    border-radius: 18px;
    font-size: 1.7rem;
}

.empty-state h6[b-5qjl5f3i93] {
    margin-bottom: .3rem;
    font-weight: 800;
}

.pagination-container[b-5qjl5f3i93] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fafbfc;
    border-top: 1px solid var(--as-line);
}

    .pagination-container .btn[b-5qjl5f3i93] {
        min-width: 35px;
    }

/* Bootstrap utility refinement inside this component */
.text-muted[b-5qjl5f3i93] {
    color: var(--as-muted) !important;
}

/* Keyboard accessibility */
button:focus-visible[b-5qjl5f3i93],
a:focus-visible[b-5qjl5f3i93],
input:focus-visible[b-5qjl5f3i93],
textarea:focus-visible[b-5qjl5f3i93] {
    outline: 3px solid rgba(255, 117, 24, .28);
    outline-offset: 2px;
}

/* Responsive layout */
@media (max-width: 991.98px) {
    .employee-header[b-5qjl5f3i93] {
        padding: 1.6rem;
    }

    .table-modern thead th[b-5qjl5f3i93],
    .table-modern tbody td[b-5qjl5f3i93] {
        padding-inline: .9rem;
    }
}

@media (max-width: 767.98px) {
    .employee-header[b-5qjl5f3i93] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.35rem;
    }

        .employee-header .btn[b-5qjl5f3i93] {
            width: 100%;
        }

    .modern-card .card-body[b-5qjl5f3i93] {
        padding: 1rem !important;
    }

    .pagination-container[b-5qjl5f3i93] {
        align-items: flex-start;
        flex-direction: column;
    }

        .pagination-container > div:last-child[b-5qjl5f3i93] {
            width: 100%;
            justify-content: flex-end;
        }

    .table-modern[b-5qjl5f3i93] {
        min-width: 900px;
    }
}

@media (max-width: 479.98px) {
    .employee-header h3[b-5qjl5f3i93] {
        font-size: 1.5rem;
    }

    .d-flex.gap-2.mt-4[b-5qjl5f3i93] {
        flex-direction: column;
    }

        .d-flex.gap-2.mt-4 .btn[b-5qjl5f3i93] {
            width: 100%;
        }
}

@media (prefers-reduced-motion: reduce) {
    *[b-5qjl5f3i93],
    *[b-5qjl5f3i93]::before,
    *[b-5qjl5f3i93]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}

/* =========================================================
   MITARBEITER URLAUB PAGE
   ========================================================= */

.vacation-page[b-5qjl5f3i93] {
    max-width: 1600px;
    margin-inline: auto;
}

.vacation-header[b-5qjl5f3i93] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 2rem 2.25rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 88% 15%, rgba(255, 117, 24, .38), transparent 30%), linear-gradient(125deg, #0e1012, #20262b);
    border-radius: var(--as-radius);
    box-shadow: 0 20px 45px rgba(16, 18, 20, .14);
}

    .vacation-header[b-5qjl5f3i93]::after {
        position: absolute;
        right: -55px;
        bottom: -95px;
        width: 225px;
        height: 225px;
        content: "";
        border: 38px solid rgba(255, 117, 24, .14);
        border-radius: 50%;
    }

    .vacation-header > *[b-5qjl5f3i93] {
        position: relative;
        z-index: 1;
    }

    .vacation-header h3[b-5qjl5f3i93] {
        margin: 0 0 .45rem;
        font-size: clamp(1.65rem, 2.4vw, 2.2rem);
        font-weight: 800;
        letter-spacing: -.04em;
    }

    .vacation-header p[b-5qjl5f3i93] {
        color: rgba(255, 255, 255, .68) !important;
    }

    .vacation-header .btn-primary[b-5qjl5f3i93],
    .vacation-page button.btn.btn-primary[b-5qjl5f3i93] {
        color: #fff !important;
        background: #ff7518 !important;
        background-image: none !important;
        border-color: #ff7518 !important;
    }

        .vacation-header .btn-primary:hover[b-5qjl5f3i93],
        .vacation-page button.btn.btn-primary:hover[b-5qjl5f3i93] {
            background: #d95505 !important;
            border-color: #d95505 !important;
        }

.pending-vacation-button[b-5qjl5f3i93] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .55rem .75rem;
    color: #713b00;
    text-align: left;
    background: #fff4dd;
    border: 1px solid #ffd38d;
    border-radius: 11px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    transition: transform .2s ease, background .2s ease;
}

    .pending-vacation-button:hover[b-5qjl5f3i93] {
        background: #ffeac1;
        transform: translateY(-2px);
    }

    .pending-vacation-button strong[b-5qjl5f3i93],
    .pending-vacation-button small[b-5qjl5f3i93] {
        display: block;
    }

    .pending-vacation-button strong[b-5qjl5f3i93] {
        font-size: .76rem;
    }

    .pending-vacation-button small[b-5qjl5f3i93] {
        margin-top: .12rem;
        font-size: .68rem;
    }

.pending-vacation-icon[b-5qjl5f3i93],
.pending-vacation-count[b-5qjl5f3i93] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 27px;
    height: 27px;
    color: #fff;
    background: var(--as-orange);
    border-radius: 50%;
    font-weight: 850;
}

.pending-vacation-count[b-5qjl5f3i93] {
    width: 25px;
    height: 25px;
    margin-left: .15rem;
    color: #8a4200;
    background: #ffd28d;
    font-size: .75rem;
}

/* Calendar navigation */
.vacation-toolbar[b-5qjl5f3i93] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
}

    .vacation-toolbar > .d-flex[b-5qjl5f3i93] {
        justify-self: start;
    }

.vacation-date-selector[b-5qjl5f3i93] {
    display: flex;
    gap: .55rem;
}

    .vacation-date-selector .form-select[b-5qjl5f3i93] {
        min-width: 145px;
        min-height: 42px;
    }

.vacation-month-title[b-5qjl5f3i93] {
    justify-self: end;
    color: var(--as-ink);
    font-size: 1.1rem;
    font-weight: 800;
}

.vacation-page .btn-light[b-5qjl5f3i93] {
    color: var(--as-ink) !important;
    background: #f0f1f3 !important;
    background-image: none !important;
    border-color: #dfe2e6 !important;
}

    .vacation-page .btn-light:hover:not(:disabled)[b-5qjl5f3i93] {
        background: var(--as-orange) !important;
        border-color: var(--as-orange) !important;
    }

.vacation-page .btn-outline-primary[b-5qjl5f3i93] {
    color: var(--as-orange-dark) !important;
    background: #fff !important;
    border-color: #ffc39e !important;
}

    .vacation-page .btn-outline-primary:hover[b-5qjl5f3i93] {
        background: var(--as-orange) !important;
        border-color: var(--as-orange) !important;
    }

/* Legend */
.vacation-legend[b-5qjl5f3i93] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.15rem;
    padding-inline: .25rem;
}

.legend-item[b-5qjl5f3i93] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--as-muted);
    font-size: .78rem;
    font-weight: 700;
}

.legend-color[b-5qjl5f3i93] {
    width: 13px;
    height: 13px;
    border-radius: 4px;
}

.legend-pending[b-5qjl5f3i93],
.vacation-pending[b-5qjl5f3i93],
.vacation-status-pending[b-5qjl5f3i93] {
    background: #ffb54a !important;
}

.legend-approved[b-5qjl5f3i93],
.vacation-approved[b-5qjl5f3i93],
.vacation-status-approved[b-5qjl5f3i93] {
    background: #39b879 !important;
}

.legend-rejected[b-5qjl5f3i93],
.vacation-rejected[b-5qjl5f3i93],
.vacation-status-rejected[b-5qjl5f3i93] {
    background: #e05a62 !important;
}

/* Calendar grid */
.vacation-calendar-wrapper[b-5qjl5f3i93] {
    overflow-x: auto;
    background: #fff;
}

.vacation-calendar[b-5qjl5f3i93] {
    min-width: 1280px;
    background: #fff;
}

.vacation-grid[b-5qjl5f3i93] {
    display: grid;
    grid-template-columns: 235px minmax(1045px, 1fr);
}

.vacation-grid-header[b-5qjl5f3i93] {
    position: sticky;
    z-index: 3;
    top: 0;
    background: #fafbfc;
    border-bottom: 1px solid var(--as-line);
}

.vacation-employee-header[b-5qjl5f3i93],
.vacation-employee-cell[b-5qjl5f3i93] {
    border-right: 1px solid var(--as-line);
}

.vacation-employee-header[b-5qjl5f3i93] {
    display: flex;
    align-items: center;
    padding: .9rem 1rem;
    color: #8b9199;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.vacation-days-header[b-5qjl5f3i93],
.vacation-days[b-5qjl5f3i93] {
    display: grid;
    grid-template-columns: repeat(31, minmax(34px, 1fr));
}

.vacation-day-header[b-5qjl5f3i93] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    border-right: 1px solid #f0f1f3;
}

    .vacation-day-header.weekend[b-5qjl5f3i93] {
        background: #f5f5f6;
    }

    .vacation-day-header.today[b-5qjl5f3i93] {
        color: var(--as-orange-dark);
        background: var(--as-orange-soft);
    }

.day-number[b-5qjl5f3i93] {
    font-size: .82rem;
    font-weight: 850;
}

.day-name[b-5qjl5f3i93] {
    margin-top: .18rem;
    color: var(--as-muted);
    font-size: .63rem;
    text-transform: uppercase;
}

.employee-vacation-row[b-5qjl5f3i93] {
    min-height: 68px;
    border-bottom: 1px solid #f0f1f3;
    transition: background .18s ease;
}

    .employee-vacation-row:hover[b-5qjl5f3i93] {
        background: #fffaf6;
    }

.vacation-employee-cell[b-5qjl5f3i93] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .7rem 1rem;
    background: #fff;
}

    .vacation-employee-cell strong[b-5qjl5f3i93] {
        display: block;
        font-size: .82rem;
        font-weight: 800;
    }

    .vacation-employee-cell small[b-5qjl5f3i93] {
        margin-top: .2rem;
        font-size: .7rem;
    }

.vacation-avatar[b-5qjl5f3i93] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #fff !important;
    background: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    border: 2px solid #fff;
    border-radius: 11px;
    box-shadow: 0 5px 12px rgba(255, 117, 24, .2);
    font-size: .68rem;
    font-weight: 850;
}

.vacation-day[b-5qjl5f3i93] {
    min-height: 68px;
    padding: .35rem .15rem;
    background: #fff;
    border-right: 1px solid #f0f1f3;
}

    .vacation-day.weekend[b-5qjl5f3i93] {
        background: #fafafa;
    }

    .vacation-day.today[b-5qjl5f3i93] {
        background: #fff8f2;
    }

    .vacation-day > button[b-5qjl5f3i93] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 40px;
        padding: .25rem .12rem;
        overflow: hidden;
        color: #fff;
        border: 0;
        border-radius: 8px;
        font-size: .59rem;
        font-weight: 850;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: transform .15s ease, filter .15s ease;
    }

        .vacation-day > button:hover[b-5qjl5f3i93] {
            filter: brightness(.92);
            transform: scale(1.04);
        }

.vacation-start[b-5qjl5f3i93],
.vacation-end[b-5qjl5f3i93] {
    position: relative;
}

/* Pending modal and edit modal */
.vacation-modal-backdrop[b-5qjl5f3i93] {
    position: fixed;
    z-index: 1050;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(10, 12, 14, .68);
    backdrop-filter: blur(5px);
}

.vacation-modal[b-5qjl5f3i93] {
    width: min(100%, 680px);
    max-height: min(90vh, 820px);
    overflow: auto;
    background: #fff;
    border-radius: var(--as-radius);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .28);
}

.pending-modal[b-5qjl5f3i93] {
    width: min(100%, 760px);
}

.vacation-modal-header[b-5qjl5f3i93] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.3rem 1.45rem;
    color: #fff;
    background: linear-gradient(125deg, #111315, #272d32);
}

    .vacation-modal-header h2[b-5qjl5f3i93] {
        color: #fff;
    }

    .vacation-modal-header .text-muted[b-5qjl5f3i93] {
        color: rgba(255, 255, 255, .62) !important;
    }

    .vacation-modal-header .eyebrow[b-5qjl5f3i93] {
        color: #ffb067 !important;
    }

.vacation-modal-body[b-5qjl5f3i93] {
    padding: 1.4rem;
}

.vacation-modal-footer[b-5qjl5f3i93] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
    padding: 1rem 1.4rem;
    background: #fafbfc;
    border-top: 1px solid var(--as-line);
}

.pending-list[b-5qjl5f3i93] {
    display: grid;
    gap: .7rem;
}

.pending-item[b-5qjl5f3i93] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem;
    border: 1px solid var(--as-line);
    border-radius: 12px;
}

    .pending-item:hover[b-5qjl5f3i93] {
        background: #fffaf6;
        border-color: #ffc39e;
    }

.pending-item-main[b-5qjl5f3i93] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

    .pending-item-main strong[b-5qjl5f3i93] {
        display: block;
        font-size: .86rem;
    }

.pending-date[b-5qjl5f3i93] {
    margin-top: .2rem;
    color: var(--as-orange-dark);
    font-size: .75rem;
    font-weight: 750;
}

.pending-item-actions[b-5qjl5f3i93] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .35rem;
}

.vacation-status-box[b-5qjl5f3i93] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .85rem 1rem;
    background: #fafbfc;
    border: 1px solid var(--as-line);
    border-left: 4px solid var(--as-orange);
    border-radius: 10px;
}

    .vacation-status-box strong[b-5qjl5f3i93] {
        display: block;
        margin-top: .2rem;
    }

    .vacation-status-box .text-muted[b-5qjl5f3i93] {
        font-size: .68rem;
        font-weight: 800;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

.vacation-page .btn-success[b-5qjl5f3i93] {
    color: #fff !important;
    background: #2ca66a !important;
    border-color: #2ca66a !important;
}

    .vacation-page .btn-success:hover[b-5qjl5f3i93] {
        background: #208653 !important;
        border-color: #208653 !important;
    }

.vacation-page .btn-danger[b-5qjl5f3i93] {
    color: #fff !important;
    background: #d83a3a !important;
    border-color: #d83a3a !important;
}

    .vacation-page .btn-danger:hover[b-5qjl5f3i93] {
        background: #ad2e2e !important;
        border-color: #ad2e2e !important;
    }

.vacation-page .btn-outline-warning[b-5qjl5f3i93] {
    color: #9a5700 !important;
    background: #fff !important;
    border-color: #ffc56e !important;
}

    .vacation-page .btn-outline-warning:hover[b-5qjl5f3i93] {
        color: #fff !important;
        background: #e99516 !important;
        border-color: #e99516 !important;
    }

@media (max-width: 900px) {
    .vacation-header[b-5qjl5f3i93] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.35rem;
    }

        .vacation-header > .d-flex[b-5qjl5f3i93] {
            width: 100%;
            align-items: stretch !important;
            flex-direction: column;
        }

        .pending-vacation-button[b-5qjl5f3i93],
        .vacation-header .btn-primary[b-5qjl5f3i93] {
            width: 100%;
            justify-content: center;
        }

    .vacation-toolbar[b-5qjl5f3i93] {
        grid-template-columns: 1fr;
        justify-items: stretch;
    }

        .vacation-toolbar > .d-flex[b-5qjl5f3i93],
        .vacation-month-title[b-5qjl5f3i93] {
            justify-self: stretch;
        }

    .vacation-month-title[b-5qjl5f3i93] {
        text-align: center;
    }

    .vacation-date-selector .form-select[b-5qjl5f3i93] {
        flex: 1;
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .pending-item[b-5qjl5f3i93] {
        align-items: stretch;
        flex-direction: column;
    }

    .pending-item-actions[b-5qjl5f3i93] {
        justify-content: stretch;
    }

        .pending-item-actions .btn[b-5qjl5f3i93] {
            flex: 1;
        }

    .vacation-modal-footer[b-5qjl5f3i93] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Tasks.razor.rz.scp.css */
/*
   Assignments.razor.css
   Premium black / orange / white visual system
*/

:host[b-b8404igonl] {
    --as-bg: #f5f6f8;
    --as-surface: #ffffff;
    --as-ink: #17191c;
    --as-muted: #737982;
    --as-line: #e7e9ed;
    --as-dark: #101214;
    --as-dark-2: #1b1f23;
    --as-orange: #ff7518;
    --as-orange-dark: #d95505;
    --as-orange-soft: #fff1e8;
    --as-danger: #d83a3a;
    --as-shadow: 0 18px 45px rgba(16, 18, 20, .07);
    --as-shadow-hover: 0 18px 38px rgba(16, 18, 20, .13);
    --as-radius: 18px;
    display: block;
    color: var(--as-ink);
}

    /* Page foundation */
    :host > div[b-b8404igonl] {
        max-width: 1440px;
        margin-inline: auto;
    }

.employee-header[b-b8404igonl] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 2rem 2.25rem;
    margin-bottom: 1.5rem !important;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 90% 20%, rgba(255, 117, 24, .35), transparent 30%), linear-gradient(125deg, #0e1012 0%, #1d2227 100%);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: var(--as-radius);
    box-shadow: 0 20px 45px rgba(16, 18, 20, .14);
}

    .employee-header[b-b8404igonl]::after {
        position: absolute;
        right: -55px;
        bottom: -90px;
        width: 220px;
        height: 220px;
        content: "";
        border: 38px solid rgba(255, 117, 24, .14);
        border-radius: 50%;
    }

    .employee-header > div[b-b8404igonl],
    .employee-header > button[b-b8404igonl] {
        position: relative;
        z-index: 1;
    }

    .employee-header h3[b-b8404igonl] {
        margin: 0 0 .45rem;
        font-size: clamp(1.65rem, 2.4vw, 2.2rem);
        font-weight: 800;
        letter-spacing: -.04em;
    }

    .employee-header p[b-b8404igonl] {
        color: rgba(255, 255, 255, .68) !important;
        font-size: .95rem;
    }

/* Cards */
.modern-card[b-b8404igonl] {
    overflow: visible;
    background: var(--as-surface);
    border: 1px solid var(--as-line) !important;
    border-radius: var(--as-radius) !important;
    box-shadow: var(--as-shadow);
}

    .modern-card.overflow-hidden[b-b8404igonl] {
        overflow: hidden;
    }

    .modern-card .card-body[b-b8404igonl] {
        background: transparent;
    }

/* Buttons */
.btn[b-b8404igonl] {
    min-height: 42px;
    padding: .65rem 1rem;
    border-radius: 10px;
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: .01em;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}

    .btn:hover:not(:disabled)[b-b8404igonl] {
        transform: translateY(-2px);
    }

    .btn:active:not(:disabled)[b-b8404igonl] {
        transform: translateY(0);
    }

.btn-primary[b-b8404igonl] {
    color: #fff !important;
    background: var(--as-orange) !important;
    border-color: var(--as-orange) !important;
    box-shadow: 0 8px 18px rgba(255, 117, 24, .22);
}

    .btn-primary:hover:not(:disabled)[b-b8404igonl],
    .btn-primary:focus-visible[b-b8404igonl] {
        background: var(--as-orange-dark) !important;
        border-color: var(--as-orange-dark) !important;
        box-shadow: 0 10px 24px rgba(217, 85, 5, .28);
    }

/* Hard override for themes that redefine Bootstrap .btn-primary */
button.btn.btn-primary[b-b8404igonl],
a.btn.btn-primary[b-b8404igonl] {
    color: #fff !important;
    background-color: #ff7518 !important;
    background-image: none !important;
    border-color: #ff7518 !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .12);
}

    button.btn.btn-primary:hover:not(:disabled)[b-b8404igonl],
    button.btn.btn-primary:focus-visible[b-b8404igonl],
    a.btn.btn-primary:hover[b-b8404igonl],
    a.btn.btn-primary:focus-visible[b-b8404igonl] {
        color: #fff !important;
        background-color: #d95505 !important;
        border-color: #d95505 !important;
    }

.btn-secondary[b-b8404igonl] {
    color: var(--as-ink) !important;
    background: #f0f1f3 !important;
    border-color: #f0f1f3 !important;
}

    .btn-secondary:hover:not(:disabled)[b-b8404igonl] {
        background: #e4e6e9 !important;
        border-color: #e4e6e9 !important;
    }

.btn-outline-danger[b-b8404igonl] {
    color: var(--as-danger) !important;
    border-color: #f0bcbc !important;
    background: #fff !important;
}

    .btn-outline-danger:hover:not(:disabled)[b-b8404igonl] {
        background: var(--as-danger) !important;
        border-color: var(--as-danger) !important;
    }

.btn-sm[b-b8404igonl] {
    min-height: 34px;
    padding: .42rem .72rem;
    border-radius: 8px;
    font-size: .76rem;
}

.btn:disabled[b-b8404igonl] {
    cursor: not-allowed;
    opacity: .45;
    box-shadow: none;
}

/* Search */
.search-box[b-b8404igonl] {
    overflow: hidden;
    border: 1px solid var(--as-line);
    border-radius: 12px;
    background: #fafbfc;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

    .search-box:focus-within[b-b8404igonl] {
        background: #fff;
        border-color: var(--as-orange);
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
    }

    .search-box .input-group-text[b-b8404igonl] {
        padding-inline: 1rem;
        color: var(--as-orange);
        background: transparent;
        border: 0;
        font-size: 1.35rem;
    }

    .search-box .form-control[b-b8404igonl] {
        border: 0;
        background: transparent;
        box-shadow: none;
    }

/* Forms */
.form-label[b-b8404igonl] {
    display: block;
    margin-bottom: .5rem;
    color: var(--as-ink);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.form-control[b-b8404igonl] {
    min-height: 46px;
    padding: .7rem .85rem;
    color: var(--as-ink);
    background: #fbfbfc;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
    font-size: .9rem;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

    .form-control[b-b8404igonl]::placeholder {
        color: #a1a6ad;
    }

    .form-control:focus[b-b8404igonl] {
        color: var(--as-ink);
        background: #fff;
        border-color: var(--as-orange);
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
    }

textarea.form-control[b-b8404igonl] {
    min-height: 104px;
    resize: vertical;
}

/* Live search dropdowns */
.live-search-wrapper[b-b8404igonl] {
    position: relative;
}

.live-search-results[b-b8404igonl] {
    position: absolute;
    z-index: 20;
    top: calc(100% + .5rem);
    right: 0;
    left: 0;
    overflow: hidden;
    padding: .4rem;
    background: #fff;
    border: 1px solid var(--as-line);
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(16, 18, 20, .16);
}

.live-search-result[b-b8404igonl] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: .75rem;
    padding: .7rem .75rem;
    color: var(--as-ink);
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 9px;
    transition: background .15s ease;
}

    .live-search-result:hover[b-b8404igonl],
    .live-search-result:focus-visible[b-b8404igonl] {
        background: var(--as-orange-soft);
        outline: none;
    }

.live-search-avatar[b-b8404igonl],
.employee-avatar[b-b8404igonl] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #fff;
    background: var(--as-dark);
    border-radius: 12px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .03em;
}

    .live-search-avatar.site-avatar[b-b8404igonl] {
        color: var(--as-dark);
        background: var(--as-orange-soft);
        border: 1px solid #ffd5bb;
    }

.live-search-content[b-b8404igonl] {
    min-width: 0;
}

.live-search-title[b-b8404igonl] {
    overflow: hidden;
    font-size: .88rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-search-subtitle[b-b8404igonl] {
    margin-top: .18rem;
    color: var(--as-muted);
    font-size: .75rem;
}

.live-search-empty[b-b8404igonl] {
    padding: 1rem;
    color: var(--as-muted);
    font-size: .82rem;
    text-align: center;
}

.selected-info[b-b8404igonl] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: .65rem;
    padding: .55rem .7rem;
    color: var(--as-dark);
    background: var(--as-orange-soft);
    border: 1px solid #ffd8c1;
    border-radius: 9px;
    font-size: .82rem;
    font-weight: 700;
}

.selected-check[b-b8404igonl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    color: #fff;
    background: var(--as-orange);
    border-radius: 50%;
    font-size: .72rem;
}

.selected-remove[b-b8404igonl] {
    width: 26px;
    height: 26px;
    margin-left: auto;
    color: var(--as-orange-dark);
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 1.15rem;
    line-height: 1;
}

    .selected-remove:hover[b-b8404igonl] {
        background: rgba(255, 117, 24, .14);
    }

/* Alerts */
.alert[b-b8404igonl] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    border: 0;
    border-left: 4px solid var(--as-orange);
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(16, 18, 20, .06);
}

.alert-warning[b-b8404igonl] {
    color: #70400d;
    background: #fff5df;
}

.alert-danger[b-b8404igonl] {
    color: #842b2b;
    background: #fff0f0;
    border-left-color: var(--as-danger);
}

.alert-success[b-b8404igonl] {
    color: #175a39;
    background: #eaf8f0;
    border-left-color: #2ca66a;
}

/* Table */
.table-modern[b-b8404igonl] {
    margin: 0;
    --bs-table-bg: transparent;
}

    .table-modern thead th[b-b8404igonl] {
        padding: 1rem 1.25rem;
        color: #8b9199;
        background: #fafbfc;
        border-bottom: 1px solid var(--as-line);
        font-size: .7rem;
        font-weight: 850;
        letter-spacing: .09em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .table-modern tbody td[b-b8404igonl] {
        padding: 1.1rem 1.25rem;
        color: var(--as-ink);
        border-bottom: 1px solid #f0f1f3;
        font-size: .87rem;
        vertical-align: middle;
    }

    .table-modern tbody tr[b-b8404igonl] {
        transition: background .18s ease;
    }

        .table-modern tbody tr:hover[b-b8404igonl] {
            background: #fffaf6;
        }

        .table-modern tbody tr:last-child td[b-b8404igonl] {
            border-bottom: 0;
        }

.assignment-date[b-b8404igonl] {
    color: var(--as-ink);
    font-weight: 800;
    white-space: nowrap;
}

.assignment-time[b-b8404igonl] {
    margin-top: .3rem;
    color: var(--as-orange-dark);
    font-size: .75rem;
    font-weight: 750;
    white-space: nowrap;
}

.employee-avatar[b-b8404igonl] {
    width: 42px;
    height: 42px;
    color: #fff !important;
    background: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    background-image: linear-gradient(145deg, #ff8b3d, #d95505) !important;
    border: 2px solid #fff;
    box-shadow: 0 6px 13px rgba(255, 117, 24, .18);
}

.table-modern .fw-semibold[b-b8404igonl] {
    font-weight: 750 !important;
}

.table-modern small[b-b8404igonl] {
    display: inline-block;
    margin-top: .22rem;
    font-size: .74rem;
}

/* Empty state and pagination */
.empty-state[b-b8404igonl] {
    padding: 1.75rem 1rem;
}

.empty-state-icon[b-b8404igonl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: .9rem;
    color: var(--as-orange);
    background: var(--as-orange-soft);
    border-radius: 18px;
    font-size: 1.7rem;
}

.empty-state h6[b-b8404igonl] {
    margin-bottom: .3rem;
    font-weight: 800;
}

.pagination-container[b-b8404igonl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fafbfc;
    border-top: 1px solid var(--as-line);
}

    .pagination-container .btn[b-b8404igonl] {
        min-width: 35px;
    }

/* Bootstrap utility refinement inside this component */
.text-muted[b-b8404igonl] {
    color: var(--as-muted) !important;
}

/* Keyboard accessibility */
button:focus-visible[b-b8404igonl],
a:focus-visible[b-b8404igonl],
input:focus-visible[b-b8404igonl],
textarea:focus-visible[b-b8404igonl] {
    outline: 3px solid rgba(255, 117, 24, .28);
    outline-offset: 2px;
}

/* Responsive layout */
@media (max-width: 991.98px) {
    .employee-header[b-b8404igonl] {
        padding: 1.6rem;
    }

    .table-modern thead th[b-b8404igonl],
    .table-modern tbody td[b-b8404igonl] {
        padding-inline: .9rem;
    }
}

@media (max-width: 767.98px) {
    .employee-header[b-b8404igonl] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.35rem;
    }

        .employee-header .btn[b-b8404igonl] {
            width: 100%;
        }

    .modern-card .card-body[b-b8404igonl] {
        padding: 1rem !important;
    }

    .pagination-container[b-b8404igonl] {
        align-items: flex-start;
        flex-direction: column;
    }

        .pagination-container > div:last-child[b-b8404igonl] {
            width: 100%;
            justify-content: flex-end;
        }

    .table-modern[b-b8404igonl] {
        min-width: 900px;
    }
}

@media (max-width: 479.98px) {
    .employee-header h3[b-b8404igonl] {
        font-size: 1.5rem;
    }

    .d-flex.gap-2.mt-4[b-b8404igonl] {
        flex-direction: column;
    }

        .d-flex.gap-2.mt-4 .btn[b-b8404igonl] {
            width: 100%;
        }
}

@media (prefers-reduced-motion: reduce) {
    *[b-b8404igonl],
    *[b-b8404igonl]::before,
    *[b-b8404igonl]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}


/* =========================================================
   TASKS PAGE EXTENSIONS
   ========================================================= */

.tasks-page[b-b8404igonl] {
    max-width: 1440px;
    margin-inline: auto;
}

    /* The Tasks markup uses btn-light for edit and pagination controls. */
    .tasks-page button.btn.btn-light[b-b8404igonl],
    .tasks-page a.btn.btn-light[b-b8404igonl] {
        color: var(--as-ink) !important;
        background: #f0f1f3 !important;
        background-image: none !important;
        border: 1px solid #dfe2e6 !important;
    }

        .tasks-page button.btn.btn-light:hover:not(:disabled)[b-b8404igonl],
        .tasks-page button.btn.btn-light:focus-visible[b-b8404igonl],
        .tasks-page a.btn.btn-light:hover[b-b8404igonl],
        .tasks-page a.btn.btn-light:focus-visible[b-b8404igonl] {
            color: #fff !important;
            background: var(--as-orange) !important;
            border-color: var(--as-orange) !important;
        }

    .tasks-page .task-title-cell[b-b8404igonl] {
        max-width: 280px;
    }

        .tasks-page .task-title-cell .fw-semibold[b-b8404igonl] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .tasks-page .task-description[b-b8404igonl] {
        display: -webkit-box;
        overflow: hidden;
        max-width: 280px;
        margin-top: .3rem;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

.employee-task-cards[b-b8404igonl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
}

.employee-task-card[b-b8404igonl] {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--as-line);
    border-radius: var(--as-radius);
    box-shadow: var(--as-shadow);
    transition: transform .2s ease, box-shadow .2s ease;
}

    .employee-task-card:hover[b-b8404igonl] {
        transform: translateY(-3px);
        box-shadow: var(--as-shadow-hover);
    }

.employee-task-card-header[b-b8404igonl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    background: linear-gradient(145deg, #111315, #23282d);
}

.employee-task-main[b-b8404igonl] {
    min-width: 0;
}

.employee-task-label[b-b8404igonl] {
    margin-bottom: .4rem;
    color: #ff7518;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .1em;
}

.employee-task-card h4[b-b8404igonl] {
    overflow: hidden;
    margin: 0;
    color: #fff;
    font-size: 1.05rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.employee-task-card-header p[b-b8404igonl] {
    display: -webkit-box;
    overflow: hidden;
    margin: .45rem 0 0;
    color: rgba(255, 255, 255, .65);
    font-size: .8rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.employee-task-details[b-b8404igonl] {
    display: grid;
    gap: .9rem;
    padding: 1.15rem 1.25rem;
}

.employee-task-detail[b-b8404igonl] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
}

.employee-task-icon[b-b8404igonl] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: var(--as-orange-dark);
    background: var(--as-orange-soft);
    border-radius: 10px;
}

.employee-task-detail span[b-b8404igonl],
.employee-task-detail strong[b-b8404igonl],
.employee-task-detail small[b-b8404igonl] {
    display: block;
}

.employee-task-detail span[b-b8404igonl] {
    color: var(--as-muted);
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.employee-task-detail strong[b-b8404igonl] {
    margin-top: .18rem;
    color: var(--as-ink);
    font-size: .84rem;
}

.employee-task-detail small[b-b8404igonl] {
    margin-top: .12rem;
    color: var(--as-muted);
    font-size: .75rem;
}

.employee-task-footer[b-b8404igonl] {
    padding: 0 1.25rem 1.25rem;
}

.employee-task-pagination[b-b8404igonl] {
    display: flex;
    justify-content: center;
    grid-column: 1 / -1;
    gap: .35rem;
    padding-top: .25rem;
}

/* Status badges */
.status-badge[b-b8404igonl],
.badge-status[b-b8404igonl],
.task-status[b-b8404igonl],
.status-open[b-b8404igonl],
.status-in-progress[b-b8404igonl],
.status-completed[b-b8404igonl],
.status-cancelled[b-b8404igonl] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: .3rem .6rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 800;
    white-space: nowrap;
}

.status-badge[b-b8404igonl],
.badge-status[b-b8404igonl],
.status-open[b-b8404igonl] {
    color: #9a4700;
    background: #fff0e5;
}

.status-in-progress[b-b8404igonl] {
    color: #785900;
    background: #fff6d6;
}

.status-completed[b-b8404igonl] {
    color: #17633c;
    background: #e8f7ee;
}

.status-cancelled[b-b8404igonl] {
    color: #8c2d36;
    background: #ffeaec;
}

.due-overdue[b-b8404igonl],
.due-danger[b-b8404igonl],
.overdue[b-b8404igonl] {
    color: #c52e35 !important;
    font-weight: 800;
}

.due-today[b-b8404igonl],
.due-warning[b-b8404igonl] {
    color: var(--as-orange-dark) !important;
    font-weight: 800;
}

/* Status modal */
.task-modal-backdrop[b-b8404igonl],
.task-modal-overlay[b-b8404igonl] {
    position: fixed;
    z-index: 1050;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(10, 12, 14, .68);
    backdrop-filter: blur(5px);
}

.task-modal[b-b8404igonl],
.task-modal-content[b-b8404igonl] {
    width: min(100%, 500px);
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: var(--as-radius);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .28);
}

.task-modal-header[b-b8404igonl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.25rem 1.35rem;
    color: #fff;
    background: linear-gradient(125deg, #111315, #272d32);
}

    .task-modal-header h5[b-b8404igonl],
    .task-modal-header h4[b-b8404igonl] {
        margin: 0;
        font-weight: 800;
    }

.task-modal-body[b-b8404igonl] {
    padding: 1.35rem;
}

.task-modal-footer[b-b8404igonl] {
    display: flex;
    justify-content: flex-end;
    gap: .6rem;
    padding: 1rem 1.35rem;
    background: #fafbfc;
    border-top: 1px solid var(--as-line);
}

.tasks-page .form-select[b-b8404igonl] {
    min-height: 46px;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
    box-shadow: none;
}

    .tasks-page .form-select:focus[b-b8404igonl] {
        border-color: var(--as-orange);
        box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
    }

@media (max-width: 767.98px) {
    .tasks-page .tasks-desktop[b-b8404igonl] {
        overflow-x: auto;
    }

    .tasks-page .employee-task-card-header[b-b8404igonl] {
        flex-direction: column;
    }

    .employee-task-cards[b-b8404igonl] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Zeiterfassung.razor.rz.scp.css */
/*
   Zeiterfassung.razor.css
   Premium black / orange / white time tracking UI
*/

.time-page[b-4al4sd59xt] {
    --zt-ink: #17191c;
    --zt-muted: #737982;
    --zt-line: #e7e9ed;
    --zt-orange: #ff7518;
    --zt-orange-dark: #d95505;
    --zt-orange-soft: #fff1e8;
    --zt-dark: #101214;
    max-width: 980px;
    margin: 0 auto;
    color: var(--zt-ink);
}

.time-page-header[b-4al4sd59xt] {
    position: relative;
    padding: 2rem 2.25rem;
    margin-bottom: 1.25rem;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 90% 15%, rgba(255, 117, 24, .4), transparent 30%), linear-gradient(125deg, #0e1012, #20262b);
    border-radius: 18px;
    box-shadow: 0 20px 45px rgba(16, 18, 20, .14);
}

    .time-page-header[b-4al4sd59xt]::after {
        position: absolute;
        right: -50px;
        bottom: -95px;
        width: 220px;
        height: 220px;
        content: "";
        border: 38px solid rgba(255, 117, 24, .14);
        border-radius: 50%;
    }

    .time-page-header > *[b-4al4sd59xt] {
        position: relative;
        z-index: 1;
    }

    .time-page-header .eyebrow[b-4al4sd59xt] {
        display: inline-block;
        margin-bottom: .5rem;
        color: #ff9a54 !important;
        font-size: .68rem;
        font-weight: 850;
        letter-spacing: .12em;
    }

    .time-page-header h1[b-4al4sd59xt] {
        margin: 0 0 .4rem;
        color: #fff;
        font-size: clamp(1.8rem, 3vw, 2.5rem);
        font-weight: 850;
        letter-spacing: -.045em;
    }

    .time-page-header p[b-4al4sd59xt] {
        color: rgba(255, 255, 255, .68) !important;
    }

.time-message[b-4al4sd59xt] {
    padding: .85rem 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-left: 4px solid var(--zt-orange);
    border-radius: 10px;
}

    .time-message.alert-danger[b-4al4sd59xt] {
        color: #842b2b;
        background: #fff0f0;
        border-left-color: #d83a3a;
    }

    .time-message.alert-warning[b-4al4sd59xt] {
        color: #70400d;
        background: #fff5df;
    }

.time-loading-card[b-4al4sd59xt],
.time-empty-card[b-4al4sd59xt] {
    display: grid;
    justify-items: center;
    gap: .75rem;
    padding: 3rem 1rem;
    text-align: center;
}

.time-loading-card[b-4al4sd59xt] {
    color: var(--zt-muted);
}

.time-loading-spinner[b-4al4sd59xt] {
    width: 34px;
    height: 34px;
    border: 4px solid #ffd8c1;
    border-top-color: var(--zt-orange);
    border-radius: 50%;
    animation: zt-spin-b-4al4sd59xt .8s linear infinite;
}

@keyframes zt-spin-b-4al4sd59xt {
    to {
        transform: rotate(360deg);
    }
}

.time-empty-icon[b-4al4sd59xt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    color: var(--zt-orange);
    background: var(--zt-orange-soft);
    border-radius: 20px;
    font-size: 1.6rem;
}

.time-empty-card h3[b-4al4sd59xt] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 850;
}

.time-empty-card p[b-4al4sd59xt] {
    margin: 0;
    color: var(--zt-muted);
    font-size: .86rem;
}

.time-card[b-4al4sd59xt] {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--zt-line);
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(16, 18, 20, .08);
}

.time-card-top[b-4al4sd59xt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.35rem 1.45rem;
    color: #fff;
    background: linear-gradient(125deg, #111315, #272d32);
}

.time-card-eyebrow[b-4al4sd59xt] {
    color: #ff9a54;
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .12em;
}

.time-card-top h2[b-4al4sd59xt] {
    margin: .3rem 0 0;
    color: #fff;
    font-size: 1.35rem;
    font-weight: 800;
}

.time-status[b-4al4sd59xt] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .7rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
}

    .time-status.active[b-4al4sd59xt] {
        color: #a9f0c8;
        background: rgba(44, 166, 106, .18);
        border: 1px solid rgba(104, 217, 148, .28);
    }

    .time-status.completed[b-4al4sd59xt] {
        color: #b9f3cf;
        background: rgba(44, 166, 106, .18);
    }

    .time-status.waiting[b-4al4sd59xt] {
        color: #ffd18f;
        background: rgba(255, 181, 74, .15);
    }

    .time-status .status-dot[b-4al4sd59xt] {
        width: 8px;
        height: 8px;
        background: #55d889;
        border-radius: 50%;
        box-shadow: 0 0 0 4px rgba(85, 216, 137, .14);
    }

    .time-status.waiting .status-dot[b-4al4sd59xt] {
        background: #ffb54a;
        box-shadow: 0 0 0 4px rgba(255, 181, 74, .14);
    }

.time-start-area[b-4al4sd59xt] {
    display: grid;
    justify-items: center;
    padding: 2.25rem 1.45rem;
    text-align: center;
}

.time-start-icon[b-4al4sd59xt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    margin-bottom: 1rem;
    color: var(--zt-orange);
    background: var(--zt-orange-soft);
    border-radius: 22px;
    font-size: 1.8rem;
}

.time-start-area h3[b-4al4sd59xt] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 850;
}

.time-start-area > p[b-4al4sd59xt] {
    max-width: 450px;
    margin: .45rem 0 1.25rem;
    color: var(--zt-muted);
    font-size: .85rem;
}

.time-site-select[b-4al4sd59xt] {
    width: min(100%, 460px);
    margin-bottom: 1rem;
    text-align: left;
}

    .time-site-select label[b-4al4sd59xt] {
        display: block;
        margin-bottom: .45rem;
        color: var(--zt-ink);
        font-size: .72rem;
        font-weight: 850;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .time-site-select .form-select[b-4al4sd59xt],
    .time-page .form-select[b-4al4sd59xt] {
        min-height: 46px;
        color: var(--zt-ink);
        border: 1px solid #dfe2e6;
        border-radius: 10px;
        box-shadow: none;
    }

        .time-site-select .form-select:focus[b-4al4sd59xt],
        .time-page .form-select:focus[b-4al4sd59xt] {
            border-color: var(--zt-orange);
            box-shadow: 0 0 0 4px rgba(255, 117, 24, .12);
        }

.time-warning[b-4al4sd59xt] {
    display: flex;
    align-items: center;
    gap: .55rem;
    width: min(100%, 460px);
    padding: .75rem .85rem;
    margin-bottom: 1rem;
    color: #70400d;
    text-align: left;
    background: #fff5df;
    border: 1px solid #ffd692;
    border-left: 4px solid var(--zt-orange);
    border-radius: 9px;
    font-size: .78rem;
}

.time-main-button[b-4al4sd59xt],
.time-secondary-button[b-4al4sd59xt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    cursor: pointer;
    font-weight: 800;
    transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.time-main-button[b-4al4sd59xt] {
    width: min(100%, 460px);
    min-height: 48px;
    padding: .75rem 1rem;
    color: #fff;
    background: var(--zt-orange);
    border: 1px solid var(--zt-orange);
    border-radius: 11px;
    box-shadow: 0 9px 20px rgba(255, 117, 24, .22);
}

    .time-main-button:hover:not(:disabled)[b-4al4sd59xt] {
        background: var(--zt-orange-dark);
        border-color: var(--zt-orange-dark);
        transform: translateY(-2px);
    }

    .time-main-button.stop[b-4al4sd59xt] {
        margin: 0 1.45rem 1.4rem;
        width: calc(100% - 2.9rem);
        background: #d83a3a;
        border-color: #d83a3a;
        box-shadow: 0 9px 20px rgba(216, 58, 58, .18);
    }

        .time-main-button.stop:hover:not(:disabled)[b-4al4sd59xt] {
            background: #ad2e2e;
            border-color: #ad2e2e;
        }

    .time-main-button:disabled[b-4al4sd59xt],
    .time-secondary-button:disabled[b-4al4sd59xt] {
        cursor: not-allowed;
        opacity: .48;
        box-shadow: none;
    }

.current-time-area[b-4al4sd59xt] {
    padding: 1.7rem 1.45rem 1.35rem;
    text-align: center;
}

.current-time-label[b-4al4sd59xt] {
    display: block;
    color: var(--zt-muted);
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.current-time-value[b-4al4sd59xt] {
    margin-top: .25rem;
    color: var(--zt-orange-dark);
    font-size: clamp(2.4rem, 7vw, 4rem);
    font-weight: 850;
    letter-spacing: -.06em;
}

.current-site[b-4al4sd59xt] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-top: .55rem;
    padding: .4rem .7rem;
    color: var(--zt-orange-dark);
    background: var(--zt-orange-soft);
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 750;
}

.time-summary-box[b-4al4sd59xt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 1.45rem 1rem;
    padding: 1rem 1.1rem;
    background: #fff8f2;
    border: 1px solid #ffd7bd;
    border-left: 4px solid var(--zt-orange);
    border-radius: 11px;
}

.time-summary-label[b-4al4sd59xt] {
    display: block;
    color: var(--zt-muted);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.time-summary-value[b-4al4sd59xt] {
    display: block;
    margin-top: .25rem;
    color: var(--zt-orange-dark);
    font-size: 1.4rem;
}

.time-summary-description[b-4al4sd59xt] {
    color: var(--zt-muted);
    font-size: .75rem;
    text-align: right;
}

.time-info-grid[b-4al4sd59xt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .75rem;
    padding: 0 1.45rem 1.2rem;
}

.time-info-box[b-4al4sd59xt] {
    padding: .85rem;
    background: #fafbfc;
    border: 1px solid var(--zt-line);
    border-radius: 10px;
}

    .time-info-box > span[b-4al4sd59xt] {
        display: block;
        color: var(--zt-muted);
        font-size: .68rem;
        font-weight: 800;
        text-transform: uppercase;
    }

    .time-info-box > strong[b-4al4sd59xt] {
        display: block;
        margin-top: .25rem;
        color: var(--zt-ink);
        font-size: 1rem;
    }

.pause-input-row[b-4al4sd59xt] {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin-top: .25rem;
}

.pause-input[b-4al4sd59xt] {
    min-height: 35px;
    padding: .4rem .55rem;
}

.pause-unit[b-4al4sd59xt] {
    color: var(--zt-muted);
    font-size: .73rem;
}

.pause-save-area[b-4al4sd59xt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 1.45rem 1.2rem;
}

.pause-help[b-4al4sd59xt] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--zt-muted);
    font-size: .75rem;
}

    .pause-help i[b-4al4sd59xt] {
        color: var(--zt-orange);
    }

.time-secondary-button[b-4al4sd59xt] {
    min-height: 40px;
    padding: .6rem .85rem;
    color: var(--zt-orange-dark);
    background: #fff;
    border: 1px solid #ffc39e;
    border-radius: 9px;
}

    .time-secondary-button:hover:not(:disabled)[b-4al4sd59xt] {
        color: #fff;
        background: var(--zt-orange);
        border-color: var(--zt-orange);
        transform: translateY(-2px);
    }

.time-completed-box[b-4al4sd59xt] {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin: 0 1.45rem 1.4rem;
    padding: 1rem;
    color: #17633c;
    background: #eaf8f0;
    border: 1px solid #bde8cc;
    border-left: 4px solid #2ca66a;
    border-radius: 11px;
}

.completed-icon[b-4al4sd59xt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    color: #fff;
    background: #2ca66a;
    border-radius: 50%;
}

.time-completed-box strong[b-4al4sd59xt],
.time-completed-box span[b-4al4sd59xt] {
    display: block;
}

.time-completed-box strong[b-4al4sd59xt] {
    font-size: .86rem;
}

.time-completed-box span[b-4al4sd59xt] {
    margin-top: .2rem;
    color: #3b7f5c;
    font-size: .75rem;
}

.time-info-note[b-4al4sd59xt] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: 1rem 1.45rem;
    background: #fafbfc;
    border-top: 1px solid var(--zt-line);
}

.time-note-icon[b-4al4sd59xt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    color: var(--zt-orange);
    background: var(--zt-orange-soft);
    border-radius: 9px;
}

.time-info-note strong[b-4al4sd59xt],
.time-info-note p[b-4al4sd59xt] {
    display: block;
}

.time-info-note strong[b-4al4sd59xt] {
    font-size: .78rem;
}

.time-info-note p[b-4al4sd59xt] {
    margin: .2rem 0 0;
    color: var(--zt-muted);
    font-size: .74rem;
}

@media (max-width: 650px) {
    .time-page-header[b-4al4sd59xt] {
        padding: 1.35rem;
    }

    .time-card-top[b-4al4sd59xt],
    .time-summary-box[b-4al4sd59xt],
    .pause-save-area[b-4al4sd59xt] {
        align-items: flex-start;
        flex-direction: column;
    }

    .time-summary-description[b-4al4sd59xt] {
        text-align: left;
    }

    .time-secondary-button[b-4al4sd59xt] {
        width: 100%;
    }

    .time-info-grid[b-4al4sd59xt] {
        grid-template-columns: 1fr;
    }

    .time-main-button.stop[b-4al4sd59xt] {
        margin-inline: 1rem;
        width: calc(100% - 2rem);
    }

    .time-summary-box[b-4al4sd59xt],
    .time-info-grid[b-4al4sd59xt],
    .pause-save-area[b-4al4sd59xt],
    .time-completed-box[b-4al4sd59xt] {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .time-info-grid[b-4al4sd59xt] {
        padding-inline: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-4al4sd59xt],
    *[b-4al4sd59xt]::before,
    *[b-4al4sd59xt]::after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}