/* ===================================================================
   theme.css
   -------------------------------------------------------------------
   वेबसाईटचा नवा लूक — रंगीत sidebar बटणे, 3D कार्ड्स, लोगो स्टाईल.
   सर्व डॅशबोर्ड/पानांमध्ये responsive.css नंतर ही फाईल जोडलेली आहे,
   त्यामुळे एकाच ठिकाणी बदल केला की सगळीकडे लागू होतो.
   =================================================================== */

/* ---------------- १. रंगीत Sidebar बटणे ---------------- */
/* प्रत्येक sidebar लिंकला वेगळा, ठळक रंग — क्रमाने फिरणारा पॅलेट */
.sidebar a,
.sidebar a.text-white {
    border-radius: 8px !important;
    margin-bottom: 6px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.25) !important;
    transition: all 0.25s ease !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
}
.sidebar li:nth-of-type(13n+1) > a:not(.btn-logout):not(.btn-dash) { background: linear-gradient(135deg, #2563eb, #1d4ed8) !important; }
.sidebar li:nth-of-type(13n+2) > a:not(.btn-logout):not(.btn-dash) { background: linear-gradient(135deg, #059669, #047857) !important; }
.sidebar li:nth-of-type(13n+3) > a:not(.btn-logout):not(.btn-dash) { background: linear-gradient(135deg, #d97706, #b45309) !important; }
.sidebar li:nth-of-type(13n+4) > a:not(.btn-logout):not(.btn-dash) { background: linear-gradient(135deg, #db2777, #be185d) !important; }
.sidebar li:nth-of-type(13n+5) > a:not(.btn-logout):not(.btn-dash) { background: linear-gradient(135deg, #7c3aed, #6d28d9) !important; }
.sidebar li:nth-of-type(13n+6) > a:not(.btn-logout):not(.btn-dash) { background: linear-gradient(135deg, #0891b2, #0e7490) !important; }
.sidebar li:nth-of-type(13n+7) > a:not(.btn-logout):not(.btn-dash) { background: linear-gradient(135deg, #ea580c, #c2410c) !important; }
.sidebar li:nth-of-type(13n+8) > a:not(.btn-logout):not(.btn-dash) { background: linear-gradient(135deg, #4f46e5, #4338ca) !important; }
.sidebar li:nth-of-type(13n+9) > a:not(.btn-logout):not(.btn-dash) { background: linear-gradient(135deg, #16a34a, #15803d) !important; }
.sidebar li:nth-of-type(13n+10) > a:not(.btn-logout):not(.btn-dash) { background: linear-gradient(135deg, #ca8a04, #a16207) !important; }
.sidebar li:nth-of-type(13n+11) > a:not(.btn-logout):not(.btn-dash) { background: linear-gradient(135deg, #dc2626, #b91c1c) !important; }
.sidebar li:nth-of-type(13n+12) > a:not(.btn-logout):not(.btn-dash) { background: linear-gradient(135deg, #0d9488, #0f766e) !important; }
.sidebar li:nth-of-type(13n+13) > a:not(.btn-logout):not(.btn-dash) { background: linear-gradient(135deg, #9333ea, #7e22ce) !important; }

.sidebar a:hover {
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.4) !important;
    filter: brightness(1.12) !important;
}
/* सध्या सक्रिय/डॅशबोर्ड व लॉगआउट बटणे त्यांच्याच खास रंगात कायम ठेवणे */
.sidebar a.btn-dash, .sidebar a.btn-logout { box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important; }

/* ---------------- २. 3D कार्ड इफेक्ट ---------------- */
.card, .card-hover {
    border-radius: 12px !important;
    box-shadow:
        0 1px 2px rgba(0,0,0,0.08),
        0 4px 8px rgba(0,0,0,0.08),
        0 10px 20px rgba(0,0,0,0.06) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    border: none !important;
}
.card:hover, .card-hover:hover {
    transform: translateY(-6px) !important;
    box-shadow:
        0 2px 4px rgba(0,0,0,0.10),
        0 8px 16px rgba(0,0,0,0.12),
        0 18px 32px rgba(0,0,0,0.10) !important;
}
/* कार्डवर वरती एक रंगीत जाड पट्टी — खोली (depth) चा भास देण्यासाठी */
.card-hover, .task-card, .work-card, .dept-card, .sub-card {
    position: relative;
    overflow: hidden;
}
.card-hover::before, .task-card::before, .work-card::before, .dept-card::before, .sub-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 5px;
    background: linear-gradient(90deg, #37474F, #d97706, #37474F);
}

/* ---------------- ३. लोगो स्टाईल ---------------- */
.site-logo {
    height: 44px;
    width: 44px;
    object-fit: contain;
    border-radius: 8px;
    background: #fff;
    padding: 3px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
    margin-right: 8px;
    vertical-align: middle;
}
.site-logo-sidebar {
    height: 56px;
    width: 56px;
    object-fit: contain;
    border-radius: 10px;
    background: #fff;
    padding: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    display: block;
    margin: 0 auto 8px;
}
.site-logo-login {
    height: 60px;
    width: 60px;
    object-fit: contain;
    border-radius: 10px;
    background: #fff;
    padding: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    margin-bottom: 8px;
}

/* ---------------- ४. सर्वसाधारण देखणेपणा ---------------- */
body { letter-spacing: 0.1px; }
.btn { border-radius: 8px !important; }
.table thead.table-dark th { background: linear-gradient(135deg, #37474F, #546E7A) !important; }