/* ================================================
   Smoke Gray Theme - Anthracite Professional Tones
   ================================================ */
[data-theme="smoke"] {
    --tblr-primary: #206bc4;
    --tblr-body-bg: #f5f5f5;
    --tblr-card-bg: #ffffff;
}

[data-theme="smoke"] body {
    background: #f5f5f5;
    color: #1e293b;
}

[data-theme="smoke"] .page-wrapper {
    background: #f5f5f5;
}

[data-theme="smoke"] .card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Anthracite gray sidebar - darker */
[data-theme="smoke"] .navbar-vertical {
    background: #374151;
    background: linear-gradient(180deg, #374151 0%, #1f2937 100%);
    border-right: none;
    z-index: 1000;
}

[data-theme="smoke"] .navbar-vertical .nav-link {
    color: #d1d5db;
}

[data-theme="smoke"] .navbar-vertical .nav-link:hover,
[data-theme="smoke"] .navbar-vertical .nav-link.active {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
}

[data-theme="smoke"] .navbar-brand {
    color: #ffffff !important;
}

/* Anthracite gray header - darker */
[data-theme="smoke"] .exam-header {
    background: #374151;
    background: linear-gradient(90deg, #374151 0%, #1f2937 100%);
    border-bottom: none;
    color: #ffffff;
    z-index: 999;
    position: relative;
}

[data-theme="smoke"] .exam-header-title {
    color: #ffffff;
}

[data-theme="smoke"] .theme-switcher-btn {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
    color: #ffffff;
}

[data-theme="smoke"] .theme-switcher-btn:hover {
    background: rgba(255, 255, 255, 0.25);
}

/* Table styling */
[data-theme="smoke"] .table {
    color: #1e293b;
}

[data-theme="smoke"] .table th {
    color: #475569;
    background-color: #f8fafc;
}

[data-theme="smoke"] .table-striped>tbody>tr:nth-of-type(odd)>* {
    background-color: #f8fafc;
}

/* Theme preview - darker anthracite */
.theme-preview.smoke {
    background: linear-gradient(135deg, #374151 0%, #1f2937 100%);
}  / *   L a y o u t   F i x   * /   . p a g e   {   d i s p l a y :   f l e x   ! i m p o r t a n t ;   m i n - h e i g h t :   1 0 0 v h   ! i m p o r t a n t ;   }   . n a v b a r - v e r t i c a l   {   f l e x - s h r i n k :   0   ! i m p o r t a n t ;   w i d t h :   1 5 r e m   ! i m p o r t a n t ;   }   . p a g e - w r a p p e r   {   f l e x :   1   ! i m p o r t a n t ;   m i n - w i d t h :   0   ! i m p o r t a n t ;   d i s p l a y :   f l e x   ! i m p o r t a n t ;   f l e x - d i r e c t i o n :   c o l u m n   ! i m p o r t a n t ;   }  
   / *   R e s p o n s i v e   f i x e s   * /   . c o n t a i n e r - x l   {   m a x - w i d t h :   1 0 0 %   ! i m p o r t a n t ;   p a d d i n g - l e f t :   1 r e m ;   p a d d i n g - r i g h t :   1 r e m ;   }   . p a g e - b o d y   {   o v e r f l o w - x :   h i d d e n   ! i m p o r t a n t ;   }   @ m e d i a   ( m a x - w i d t h :   9 9 1 p x )   {   . n a v b a r - v e r t i c a l   {   p o s i t i o n :   f i x e d ;   t o p :   0 ;   l e f t :   - 1 5 r e m ;   h e i g h t :   1 0 0 v h ;   t r a n s i t i o n :   l e f t   0 . 3 s   e a s e ;   z - i n d e x :   1 0 5 0 ;   }   . n a v b a r - v e r t i c a l . s h o w   {   l e f t :   0 ;   }   . p a g e - w r a p p e r   {   m a r g i n - l e f t :   0   ! i m p o r t a n t ;   w i d t h :   1 0 0 %   ! i m p o r t a n t ;   }   }   . m o b i l e - m e n u - t o g g l e   {   d i s p l a y :   n o n e ;   p o s i t i o n :   f i x e d ;   t o p :   1 r e m ;   l e f t :   1 r e m ;   z - i n d e x :   1 0 5 1 ;   b a c k g r o u n d :   # 3 7 4 1 5 1 ;   c o l o r :   w h i t e ;   b o r d e r :   n o n e ;   p a d d i n g :   0 . 5 r e m ;   b o r d e r - r a d i u s :   4 p x ;   }   @ m e d i a   ( m a x - w i d t h :   9 9 1 p x )   {   . m o b i l e - m e n u - t o g g l e   {   d i s p l a y :   b l o c k ;   }   }  
 