/* Global custom styles extracted from layouts */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa;
}
html[dir="rtl"] body {
    text-align: right;
}
.navbar-brand {
    font-weight: bold;
    font-size: 1.5rem;
}
.hero-section {
    background-color: #f8f9fa;
    padding: 80px 0;
}
.feature-box {
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    height: 100%;
    transition: transform 0.3s;
}
.feature-box:hover { transform: translateY(-10px); }

.pricing-box {
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    height: 100%;
    transition: transform 0.3s;
}
.pricing-box:hover { transform: translateY(-10px); }
.pricing-box.highlighted { border: 2px solid #0d6efd; }

.footer {
    background-color: #343a40;
    color: white;
    padding: 40px 0;
}
.language-switcher { margin-left: 15px; }
.language-switcher .dropdown-item { padding: 0.25rem 1.5rem; }

.btn-trial {
    background-color: #0d6efd;
    color: white;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: bold;
    transition: all 0.3s;
}
.btn-trial:hover {
    background-color: #0b5ed7;
    transform: scale(1.05);
}

/* To-Do floating button styles (moved from partial) */
#todoFloatingBtn {
    position: fixed;
    bottom: 30px;
    right: 110px;
    z-index: 1050; /* above most elements, below modal backdrop */
    width: 56px; height: 56px;
    border-radius: 50%;
    background-color: #0d6efd; color: white;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    cursor: pointer;
}
html[dir="rtl"] #todoFloatingBtn { left: 110px; right: auto; }
#todoFloatingBtn:hover { background-color: #0b5ed7; }
#todoFloatingBtn i { font-size: 22px; }

/* Cost Centers hierarchy styling */
.table-primary {
    font-weight: bold;
}
tr.account-row {
    background-color: #f8f9fb;
}
tr.account-row td:first-child {
    padding-left: 2.5rem;
}
tr.account-row:hover {
    background-color: #eef1f6;
}
.account-row .ms-3 {
    font-size: 0.95rem;
}