/* ============================================================
   GKazmi UI consolidated historical source:
   /home/crongsmpk/public_html/assets/css/inline-bundle.css
   ============================================================ */
/*
  inline-bundle.css
  -----------------
  This file is generated by the upgrade to remove large inline <style> blocks from PHP pages.
  Benefits:
  - Smaller HTML responses
  - Better browser caching across pages
  - Faster navigation inside the panel
*/
/* === cronjobs_history.php inline styles (migrated) === */

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    @media (max-width: 992px) {
      
      
      
      
      
      
      
    }
    
    
    
    
    
    
    
    
    
    
    
    

    

    

    

    

    
  
/* === Unified dashboard-style sidebar look (injected) === */


@media (max-width: 991.98px) {
  /* Keep your existing mobile behavior, just make spacing consistent */
  
}

/* Force icon colors by href (no layout changes) */


/* === colorful banners (2025-10-19T05:02:48) === */


/* Apply to common banner containers */


/* Titles and small subtitle text inside banners */


/* Optional corner style seen in your screenshots */


/* Ensure icons in the banner are bright */


/* === end colorful banners === */

/* === colorful modals + icons (2025-10-19T05:10:01) === */


/* Modal container */


/* Header bar */


/* Inputs focus ring */


/* Footer buttons */


/* Add colorful emoji icons to common action buttons */


/* Colored field prefix icons (emoji) */


/* Ensure label icons inherit colorful gradient look subtly */


/* === end colorful modals + icons === */

/* === emoji label icons (2025-10-19T05:18:38) === */

/* Emoji label icons */


/* Ensure spacing consistent even if no emoji injected */


/* === emoji flat colors (2025-10-19T05:25:48) === */

/* Ensure modal label emojis render with native emoji colors (no gradient fill) */


/* === emoji map update (2025-10-19T05:32:18) === */

/* Slightly larger emoji for key fields */


/* === emoji formscope fix (2025-10-19T05:36:58) === */

/* Emoji label baseline for all forms (not sidebar) */

 /* don't affect sidebar */


/* === verify_otp.php inline styles (migrated) === */
:root{
      --primary: #4361ee;
      --primary-dark: #3a56d4;
      --danger: #ef4444;
      --gray-100: #f3f4f6;
      --gray-200: #e5e7eb;
      --gray-500: #6b7280;
      --gray-700: #374151;
      --white: #ffffff;
    }

    

    

    

    

    .login-header{
      text-align: center;
      margin-bottom: 22px;
    }

    .login-header h1{
      font-size: 1.75rem;
      font-weight: 700;
      color: var(--gray-700);
      margin-bottom: 6px;
    }

    

    .alert{
      padding: 12px 16px;
      border-radius: 8px;
      margin-bottom: 16px;
      font-size: 0.95rem;
      background: #fef2f2;
      color: var(--danger);
      border: 1px solid #fecaca;
    }

    

    label{
      display: block;
      margin-bottom: 8px;
      color: var(--gray-700);
      font-weight: 600;
      font-size: 0.95rem;
    }

    .form-control{
      width: 100%;
      padding: 12px 14px;
      border: 1px solid var(--gray-200);
      border-radius: 8px;
      font-size: 1rem;
      transition: all 0.2s ease;
      text-align: center;
      letter-spacing: 0.25em;
      font-weight: 700;
    }

    

    .btn{
      width: 100%;
      padding: 12px 16px;
      border: none;
      border-radius: 8px;
      font-weight: 600;
      font-size: 1rem;
      cursor: pointer;
      transition: all 0.2s ease;
    }

    

    

    .footer{
      margin-top: 18px;
      padding-top: 16px;
      border-top: 1px solid var(--gray-200);
      text-align: center;
    }

    .footer a{
      color: var(--primary);
      text-decoration: none;
      font-weight: 600;
    }

    .footer a:hover{
      text-decoration: underline;
    }

    @media (max-width: 480px) {
      
    }
  

        /* gkazmi public auth override */
        
        


/* === cronjobs_management.php inline styles (migrated) === */

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    @media (max-width:992px){}
    
      
    .url-col{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  
/* === Unified dashboard-style sidebar look (injected) === */


@media (max-width: 991.98px) {
  /* Keep your existing mobile behavior, just make spacing consistent */
  
}


/* === Compact table, only URL is wide; Last Run small === */
.table.table-striped{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0;}
.table.table-striped th,
.table.table-striped td{vertical-align:middle;padding:.35rem .45rem;font-size:14px;}
.table.table-striped tbody td:not(:nth-child(6)):not(:last-child),
.table.table-striped thead th:not(:nth-child(6)):not(:last-child){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table.table-striped tbody td:nth-child(6){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* URL */
.table.table-striped tbody td:nth-child(9),
.table.table-striped tbody td:nth-child(10){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.table.table-striped tbody td:last-child{white-space:nowrap;overflow:visible;}
.table-responsive{overflow-x:auto!important;overflow-y:hidden;}

/* Force icon colors by href (no layout changes) */


/* === colorful banners (2025-10-19T05:02:48) === */


/* Apply to common banner containers */


/* Titles and small subtitle text inside banners */


/* Optional corner style seen in your screenshots */


/* Ensure icons in the banner are bright */


/* === end colorful banners === */

/* === colorful modals + icons (2025-10-19T05:10:01) === */


/* Modal container */


/* Header bar */


/* Inputs focus ring */


/* Footer buttons */


/* Add colorful emoji icons to common action buttons */


/* Colored field prefix icons (emoji) */


/* Ensure label icons inherit colorful gradient look subtly */


/* === end colorful modals + icons === */

/* === emoji label icons (2025-10-19T05:18:38) === */

/* Emoji label icons */


/* Ensure spacing consistent even if no emoji injected */


/* === emoji flat colors (2025-10-19T05:25:48) === */

/* Ensure modal label emojis render with native emoji colors (no gradient fill) */


/* === emoji map update (2025-10-19T05:32:18) === */

/* Slightly larger emoji for key fields */


/* === emoji formscope fix (2025-10-19T05:36:58) === */

/* Emoji label baseline for all forms (not sidebar) */

 /* don't affect sidebar */


/* === verify_reset_otp.php inline styles (migrated) === */
:root{
      --primary: #4361ee;
      --primary-dark: #3a56d4;
      --success: #10b981;
      --danger: #ef4444;
      --gray-50: #f9fafb;
      --gray-100: #f3f4f6;
      --gray-200: #e5e7eb;
      --gray-500: #6b7280;
      --gray-600: #4b5563;
      --gray-700: #374151;
      --white: #ffffff;
    }

    

    body{
      font-family: 'Inter', sans-serif;
      background: var(--white);
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px;
    }

    

    .login-card{
      background: var(--white);
      border: 1px solid var(--gray-200);
      border-radius: 8px;
      padding: 40px;
      width: 100%;
      max-width: 420px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    }

    .login-header{
      text-align: center;
      margin-bottom: 30px;
    }

    .login-header h1{
      font-size: 1.75rem;
      font-weight: 700;
      color: var(--gray-700);
      margin-bottom: 8px;
    }

    .login-header p{
      color: var(--gray-500);
      font-size: 1rem;
      line-height: 1.4;
    }

    .alert{
      padding: 12px 16px;
      border-radius: 8px;
      margin-bottom: 16px;
      font-size: 0.95rem;
      border: 1px solid transparent;
    }
    .alert.error,
.alert-danger{
      background: #fef2f2;
      color: var(--danger);
      border-color: #fecaca;
    }
    .alert.success,
.alert-success{
      background: #f0fdf4;
      color: var(--success);
      border-color: #bbf7d0;
    }
    .alert.warning,
.alert-warning{
      background: #fffbeb;
      color: #f59e0b;
      border-color: #fde68a;
    }

    .otp-meta{
      display: flex;
      gap: 10px;
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 18px;
    }

    .meta-pill{
      background: var(--gray-50);
      border: 1px solid var(--gray-200);
      border-radius: 999px;
      padding: 8px 12px;
      font-size: 0.9rem;
      color: var(--gray-600);
    }

    .form-group{
      margin-bottom: 18px;
    }

    .form-group label{
      display: block;
      margin-bottom: 10px;
      color: var(--gray-700);
      font-weight: 600;
      font-size: 0.95rem;
      text-align: center;
    }

    

    .otp-input{
      width: 48px;
      height: 56px;
      border: 2px solid var(--gray-200);
      border-radius: 10px;
      text-align: center;
      font-size: 1.5rem;
      font-weight: 600;
      outline: none;
      transition: all 0.2s ease;
      background: var(--white);
    }

    .otp-input:focus{
      border-color: var(--primary);
      box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.15);
    }

    .help-text{
      text-align: center;
      color: var(--gray-500);
      font-size: 0.9rem;
      margin-top: 4px;
    }

    .btn{
      width: 100%;
      padding: 12px 16px;
      border: none;
      border-radius: 8px;
      font-weight: 600;
      font-size: 1rem;
      cursor: pointer;
      transition: all 0.2s ease;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      gap: 10px;
    }

    

    .btn-primary:hover:not(:disabled){
      background: var(--primary-dark);
    }

    .btn-secondary{
      background: var(--white);
      color: var(--gray-700);
      border: 1px solid var(--gray-200);
    }

    .btn-secondary:hover:not(:disabled){
      background: var(--gray-50);
    }

    .btn:disabled{
      opacity: 0.6;
      cursor: not-allowed;
    }

    .divider{
      height: 1px;
      background: var(--gray-200);
      margin: 18px 0;
    }

    .resend-hint{
      text-align: center;
      color: var(--gray-500);
      font-size: 0.9rem;
      margin-top: 10px;
    }

    .footer-links{
      display: flex;
      justify-content: space-between;
      margin-top: 22px;
      padding-top: 18px;
      border-top: 1px solid var(--gray-200);
    }

    .footer-links a{
      color: var(--primary);
      text-decoration: none;
      font-weight: 600;
      font-size: 0.95rem;
    }

    

    @media (max-width: 480px) {
      .login-card{
        padding: 28px 20px;
      }
      .otp-input{
        width: 44px;
        height: 52px;
        border-radius: 10px;
      }
      .otp-inputs{
        gap: 8px;
      }
    }
  

        /* gkazmi public auth override */
        
        


/* === api_keys.php inline styles (migrated) === */

    
    


/* === api_request_logs.php inline styles (migrated) === */

    
    


/* === dhrusettings.php inline styles (migrated) === */

    
    
    
    /* Sidebar */
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* Main Content */
    
    
    
    
    
    
    /* Profile Card */
    
    
    
    
    
    
    
    
    
    
    .profile-detail-label{
      font-weight: 600;
      font-size: .92rem;
      color: var(--dark);
    }
    
    
    
    
    
    
    
    /* Password Card */
    
    
    
    
    
    
    /* Alert */
    
    
    /* Toggle button */
    
    
    /* Responsive */
    @media (max-width: 992px){
      
      
      
      
      
      
      
    }
  
/* === Unified dashboard-style sidebar look (injected) === */


@media (max-width: 991.98px) {
  /* Keep your existing mobile behavior, just make spacing consistent */
  
}

/* Force icon colors by href (no layout changes) */


/* === colorful banners (2025-10-19T05:02:48) === */


/* Apply to common banner containers */


/* Titles and small subtitle text inside banners */


/* Optional corner style seen in your screenshots */


/* Ensure icons in the banner are bright */


/* === end colorful banners === */

/* === colorful modals + icons (2025-10-19T05:10:01) === */


/* Modal container */


/* Header bar */


/* Inputs focus ring */


/* Footer buttons */


/* Add colorful emoji icons to common action buttons */


/* Colored field prefix icons (emoji) */


/* Ensure label icons inherit colorful gradient look subtly */


/* === end colorful modals + icons === */

/* === emoji label icons (2025-10-19T05:18:38) === */

/* Emoji label icons */


/* Ensure spacing consistent even if no emoji injected */


/* === emoji flat colors (2025-10-19T05:25:48) === */

/* Ensure modal label emojis render with native emoji colors (no gradient fill) */


/* === emoji map update (2025-10-19T05:32:18) === */

/* Slightly larger emoji for key fields */


/* === emoji formscope fix (2025-10-19T05:36:58) === */

/* Emoji label baseline for all forms (not sidebar) */

 /* don't affect sidebar */


 


/* === telegram_2fa.php inline styles (migrated) === */
:root{
        --primary: #4361ee;
        --primary-light: #eef2ff;
        --primary-dark: #3a56d4;
        --text: #1f2937;
        --text-light: #6b7280;
        --white: #ffffff;
        --danger: #ef4444;
        --success: #10b981;
        --info: #2563eb;
        --radius: 10px;
        --shadow: 0 8px 30px rgba(15, 23, 42, 0.08);
        --transition: all 0.2s ease;
      }

      
      body{
        font-family: 'Inter', sans-serif;
        background-color: #f8fafc;
        color: var(--text);
        line-height: 1.5;
      }

      .page{
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1.5rem;
      }

      .card{
        width: 100%;
        max-width: 420px;
        background: var(--white);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        border: 1px solid #e5e7eb;
        overflow: hidden;
      }

      .header{
        padding: 1.5rem 1.5rem 1rem;
        text-align: center;
      }

      .title{
        font-size: 1.35rem;
        font-weight: 700;
        margin-bottom: 0.35rem;
      }

      .subtitle{
        color: var(--text-light);
        font-size: 0.9rem;
      }

      .meta{
        margin-top: 0.9rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.75rem;
      }

      .meta .pill{
        border: 1px solid #e5e7eb;
        border-radius: 999px;
        padding: 0.55rem 0.75rem;
        font-size: 0.82rem;
        color: #111827;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.4rem;
        background: #fbfdff;
      }

      .meta .pill strong{ font-weight: 700; }

      .body{ padding: 1.25rem 1.5rem 1.5rem; }

      .alert{
        padding: 0.85rem 1rem;
        margin-bottom: 1rem;
        border-radius: 10px;
        font-size: 0.9rem;
        border: 1px solid;
      }

      .alert.error{ background: #fef2f2; color: var(--danger); border-color: #fee2e2; }
      .alert.success{ background: #ecfdf5; color: var(--success); border-color: #d1fae5; }
      .alert.info{ background: #eff6ff; color: var(--info); border-color: #dbeafe; }

      .field{ margin: 0.75rem 0 1rem; }

      .label{
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.9rem;
        font-weight: 600;
        margin-bottom: 0.5rem;
      }

      .helper{
        font-size: 0.82rem;
        color: var(--text-light);
        font-weight: 500;
      }

      .otp{
        width: 100%;
        padding: 0.85rem 1rem;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        font-size: 1.35rem;
        text-align: center;
        letter-spacing: 0.55rem;
        transition: var(--transition);
        background-color: var(--white);
      }

      .otp:focus{
        outline: none;
        border-color: var(--primary);
        box-shadow: 0 0 0 4px var(--primary-light);
      }

      .btn{
        width: 100%;
        padding: 0.85rem 1rem;
        border-radius: 12px;
        font-size: 1rem;
        font-weight: 700;
        cursor: pointer;
        transition: var(--transition);
        border: none;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
      }

      
      

      .btn-secondary{
        background: #111827;
        color: var(--white);
        opacity: 0.85;
      }

      .btn-secondary:hover{ opacity: 1; }

      .btn[disabled]{ opacity: 0.5; cursor: not-allowed; }

      .resend-wrap{
        margin-top: 0.75rem;
        text-align: center;
      }

      .resend-hint{
        margin-top: 0.45rem;
        font-size: 0.82rem;
        color: var(--text-light);
      }

      .links{
        margin-top: 1.25rem;
        padding-top: 1rem;
        border-top: 1px solid #e5e7eb;
        text-align: center;
        font-size: 0.9rem;
        color: var(--text-light);
      }

      .links a{ color: var(--primary); text-decoration: none; font-weight: 600; }
      .links a:hover{ text-decoration: underline; }

      @media (max-width: 420px) {
        .meta{ grid-template-columns: 1fr; }
        .otp{ letter-spacing: 0.45rem; }
      }


/* === profile.php inline styles (migrated) === */

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    @media (max-width: 992px) {
      
      
      
      
      
      
      
    }
    
    
    
    
    
    
    
    
    
    
    
    

    

    

    

    

    
  
/* === Unified dashboard-style sidebar look (injected) === */


@media (max-width: 991.98px) {
  /* Keep your existing mobile behavior, just make spacing consistent */
  
}

/* Force icon colors by href (no layout changes) */


/* === colorful banners (2025-10-19T05:02:48) === */


/* Apply to common banner containers */


/* Titles and small subtitle text inside banners */


/* Optional corner style seen in your screenshots */


/* Ensure icons in the banner are bright */


/* === end colorful banners === */

/* === colorful modals + icons (2025-10-19T05:10:01) === */


/* Modal container */


/* Header bar */


/* Inputs focus ring */


/* Footer buttons */


/* Add colorful emoji icons to common action buttons */


/* Colored field prefix icons (emoji) */


/* Ensure label icons inherit colorful gradient look subtly */


/* === end colorful modals + icons === */

/* === emoji label icons (2025-10-19T05:18:38) === */

/* Emoji label icons */


/* Ensure spacing consistent even if no emoji injected */


/* === emoji flat colors (2025-10-19T05:25:48) === */

/* Ensure modal label emojis render with native emoji colors (no gradient fill) */


/* === emoji map update (2025-10-19T05:32:18) === */

/* Slightly larger emoji for key fields */


/* === emoji formscope fix (2025-10-19T05:36:58) === */

/* Emoji label baseline for all forms (not sidebar) */

 /* don't affect sidebar */


/* === login.php inline styles (migrated) === */
:root{
      --primary: #4361ee;
      --primary-light: #eef2ff;
      --primary-dark: #3a56d4;
      --text: #1f2937;
      --text-light: #6b7280;
      --light: #f9fafb;
      --white: #ffffff;
      --danger: #ef4444;
      --radius: 8px;
      --shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
      --transition: all 0.2s ease;
    }
    
    
    
    
    
    .login-container{
      display: flex;
      min-height: calc(100vh - 74px);
      align-items: center;
      justify-content: center;
      padding: 2rem;
      background-color: var(--pub-bg);
    }
    
    
    
    
    
    
    
    
    
    
    
    .alert{
      padding: 0.75rem 1rem;
      margin-bottom: 1.5rem;
      border-radius: var(--radius);
      font-size: 0.875rem;
      background: #fef2f2;
      color: var(--danger);
      border: 1px solid #fee2e2;
    }
    
    .alert.warning{
      background: #fffbeb;
      color: #f59e0b;
      border-color: #fcd34d;
    }
    
    
    
    
    
    
    
    
    
    .checkbox-container{
      display: flex;
      align-items: center;
      margin-bottom: 1.5rem;
    }
    
    .checkbox-container input{
      margin-right: 0.75rem;
      width: 1rem;
      height: 1rem;
      accent-color: var(--primary);
    }
    
    .checkbox-container label{
      margin-bottom: 0;
      font-size: 0.875rem;
      color: var(--text-light);
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .captcha-status{
      text-align: center;
      margin-bottom: 1rem;
      padding: 0.5rem;
      border-radius: var(--radius);
      font-size: 0.875rem;
      background: #fffbeb;
      color: #f59e0b;
      border: 1px solid #fcd34d;
    }
    
    @media (max-width: 480px) {
      
      
      
      
      
    }


/* === audit_logs.php inline styles (migrated) === */

    
    


/* === resellers.php inline styles (migrated) === */
.res-card{ height:100%; }
    .logo-wrap{
      width: 130px; height: 130px;
      border-radius: 18px;
      background: rgba(37,99,235,.08);
      border: 1px solid rgba(15,23,42,.10);
      display:flex; align-items:center; justify-content:center;
      margin: 0 auto 14px;
      overflow:hidden;
    }
    .logo-wrap img{ width:100%; height:100%; object-fit:contain; background:#fff; }
    .contact-list .list-group-item{ display:flex; align-items:center; gap:.6rem; }


/* === dashboard.php inline styles (migrated) === */
.dash-stat{
      background: #fff;
      border: 1px solid rgba(15,23,42,.08);
      border-radius: 16px;
      box-shadow: 0 12px 28px rgba(15,23,42,.06);
    }
    .dash-ico{
      width: 46px;
      height: 46px;
      border-radius: 14px;
      display:flex;
      align-items:center;
      justify-content:center;
      flex: 0 0 auto;
      background: rgba(37,99,235,.12);
      color: #2563eb;
    }
    .dash-ico.purple{ background: rgba(124,58,237,.12); color: #7c3aed; }
    .dash-ico.teal{ background: rgba(13,148,136,.12); color: #0d9488; }
    .dash-ico.orange{ background: rgba(245,158,11,.12); color: #d97706; }
    .dash-ico.red{ background: rgba(239,68,68,.12); color: #ef4444; }

    .dash-value{ font-weight: 800; }
    .dash-k{ color: #64748b; font-size: .85rem; }

    .dash-title{ font-weight: 900; letter-spacing: .2px; }


/* === packages.php inline styles (migrated) === */
.package-card{ border-radius: 16px; }
        .badge-popular{ background: #07effd; color: #000; }
        .muted-small{ color: #6c757d; font-size: 0.9rem; }


/* === manuallycronjobs.php inline styles (migrated) === */

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    @media (max-width: 992px) {
      
      
      
      
      
      
      
    }
    
    
    
    
    
    .table-responsive{
      border-radius: 0.5rem;
      overflow: hidden;
    }
    
    
    
    
    
    

    

    .job-result{
        padding: 8px 12px;
        margin: 4px 0;
        border-radius: 4px;
        font-size: 12px;
        font-family: monospace;
    }

    .job-success{
        background: #d4edda;
        color: #155724;
        border-left: 4px solid #28a745;
    }

    .job-error{
        background: #f8d7da;
        color: #721c24;
        border-left: 4px solid #dc3545;
    }

    
  
/* === Unified dashboard-style sidebar look (injected) === */


@media (max-width: 991.98px) {
  /* Keep your existing mobile behavior, just make spacing consistent */
  
}

/* Force icon colors by href (no layout changes) */


/* === colorful banners (2025-10-19T05:02:48) === */


/* Apply to common banner containers */


/* Titles and small subtitle text inside banners */


/* Optional corner style seen in your screenshots */


/* Ensure icons in the banner are bright */


/* === end colorful banners === */

/* === colorful modals + icons (2025-10-19T05:10:01) === */


/* Modal container */


/* Header bar */


/* Inputs focus ring */


/* Footer buttons */


/* Add colorful emoji icons to common action buttons */


/* Colored field prefix icons (emoji) */


/* Ensure label icons inherit colorful gradient look subtly */


/* === end colorful modals + icons === */

/* === emoji label icons (2025-10-19T05:18:38) === */

/* Emoji label icons */


/* Ensure spacing consistent even if no emoji injected */


/* === emoji flat colors (2025-10-19T05:25:48) === */

/* Ensure modal label emojis render with native emoji colors (no gradient fill) */


/* === emoji map update (2025-10-19T05:32:18) === */

/* Slightly larger emoji for key fields */


/* === emoji formscope fix (2025-10-19T05:36:58) === */

/* Emoji label baseline for all forms (not sidebar) */

 /* don't affect sidebar */


/* === roles.php inline styles (migrated) === */
body{background:#f8fafc;color:#1e293b;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;}
    .main-content{flex:1;padding:0;transition:.3s;background:#fff;}
    .header{background:linear-gradient(135deg,#4361ee,#3f37c9);padding:2.5rem 2rem;border-radius:0 0 1.5rem 1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.1);color:#fff;}
    .header-icon{font-size:3.5rem;margin-bottom:1rem;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.35);}
    .card-soft{background:#ffffff;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05);}
    .table thead th{background:#f1f5f9;border-bottom:1px solid rgba(0,0,0,.06);}
    .perm-key{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;font-size:.9rem;}
    .badge-role{font-weight:600;}


/* === reset_password.php inline styles (migrated) === */
:root{
      --primary: #4361ee;
      --primary-light: #eef2ff;
      --primary-dark: #3a56d4;
      --text: #1f2937;
      --text-light: #6b7280;
      --white: #ffffff;
      --danger: #ef4444;
      --success: #10b981;
      --radius: 8px;
      --shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
      --transition: all 0.2s ease;
    }
    
    
    body{ font-family: 'Inter', sans-serif; background-color: var(--white); color: var(--text); line-height: 1.5; }
    
    .login-container{
      display: flex;
      min-height: 100vh;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      background-color: var(--white);
    }
    
    .login-card{
      background: var(--white);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      width: 100%;
      max-width: 400px;
      border: 1px solid #e5e7eb;
    }
    
    
    
    .login-header h1{
      font-size: 1.5rem;
      font-weight: 600;
      color: var(--text);
      margin-bottom: 0.5rem;
    }
    
    .login-header p{
      color: var(--text-light);
      font-size: 0.875rem;
    }
    
    
    
    
    
    .alert.error{
      background: #fef2f2;
      color: var(--danger);
      border: 1px solid #fee2e2;
    }
    
    .alert.success{
      background: #ecfdf5;
      color: var(--success);
      border: 1px solid #d1fae5;
    }
    
    
    
    
    
    .form-control{
      width: 100%;
      padding: 0.75rem 1rem;
      border: 1px solid #e5e7eb;
      border-radius: var(--radius);
      font-size: 0.9375rem;
      transition: var(--transition);
      background-color: var(--white);
    }
    
    
    
    .password-requirements{
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: var(--radius);
      padding: 1rem;
      margin-bottom: 1.25rem;
      font-size: 0.75rem;
    }
    
    .password-requirements h4{
      margin-bottom: 0.5rem;
      font-size: 0.875rem;
      color: var(--text);
    }
    
    
    
    .password-requirements li{
      margin-bottom: 0.25rem;
      display: flex;
      align-items: center;
    }
    
    .requirement-met{
      color: var(--success);
    }
    
    .requirement-unmet{
      color: var(--text-light);
    }
    
    
    
    
    
    
    
    .login-footer{
      text-align: center;
      margin-top: 1.5rem;
      padding-top: 1.5rem;
      border-top: 1px solid #e5e7eb;
      font-size: 0.875rem;
      color: var(--text-light);
    }
    
    .login-footer a{
      color: var(--primary);
      text-decoration: none;
      font-weight: 500;
    }
    
    .login-footer a:hover{
      text-decoration: underline;
    }
    
    @media (max-width: 480px) {
      .login-container{ padding: 1rem; }
      
      
    }
  

        /* gkazmi public auth override */
        
        


/* === manage_resellers.php inline styles (migrated) === */
/* Page-specific tweaks only (global look comes from assets/css/theme-overrides.css) */
    .badge-soft{ background: rgba(59,130,246,.12); color: #1d4ed8; border-radius: 999px; padding: .25rem .6rem; font-weight: 600; }


/* === signup.php inline styles (migrated) === */
:root{
      --primary: #4361ee;
      --primary-light: #eef2ff;
      --primary-dark: #3a56d4;
      --text: #1f2937;
      --text-light: #6b7280;
      --light: #f9fafb;
      --white: #ffffff;
      --danger: #ef4444;
      --success: #10b981;
      --warning: #f59e0b;
      --radius: 8px;
      --shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
      --transition: all 0.2s ease;
    }
    
    
    
    body{
      font-family: 'Inter', sans-serif;
      background-color: var(--pub-bg);
      color: var(--text);
      line-height: 1.5;
    }
    
    .register-container{
      display: flex;
      min-height: calc(100vh - 74px);
      align-items: center;
      justify-content: center;
      padding: 2rem;
      background-color: var(--pub-bg);
    }
    
    .register-card{
      background: var(--white);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      width: 100%;
      max-width: 500px;
      border: 1px solid #e5e7eb;
    }
    
    .register-header{
      padding: 2rem 2rem 1rem;
      text-align: center;
    }
    
    .register-header h1{
      font-size: 1.5rem;
      font-weight: 600;
      color: var(--text);
      margin-bottom: 0.5rem;
    }
    
    .register-header p{
      color: var(--text-light);
      font-size: 0.875rem;
    }
    
    .register-body{
      padding: 1.5rem 2rem 2rem;
    }
    
    .alert{
      padding: 0.75rem 1rem;
      margin-bottom: 1.5rem;
      border-radius: var(--radius);
      font-size: 0.875rem;
    }
    
    .alert-danger{
      background: #fef2f2;
      color: var(--danger);
      border: 1px solid #fee2e2;
    }
    
    .alert-success{
      background: #ecfdf5;
      color: var(--success);
      border: 1px solid #d1fae5;
    }
    
    .alert-warning{
      background: #fffbeb;
      color: var(--warning);
      border: 1px solid #fcd34d;
    }
    
    .alert-success a{
      color: var(--success);
      font-weight: 500;
      text-decoration: underline;
    }
    
    
    
    .form-group label{
      display: block;
      margin-bottom: 0.5rem;
      font-size: 0.875rem;
      font-weight: 500;
      color: var(--text);
    }
    
    .form-control{
      width: 100%;
      padding: 0.75rem 1rem;
      border: 1px solid #e5e7eb;
      border-radius: var(--radius);
      font-size: 0.9375rem;
      transition: var(--transition);
      background-color: var(--pub-bg);
    }
    
    .form-control:focus{
      outline: none;
      border-color: var(--primary);
      box-shadow: 0 0 0 3px var(--primary-light);
    }
    
    .form-hint{
      font-size: 0.75rem;
      color: var(--text-light);
      margin-top: 0.25rem;
    }
    
    .btn{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0.75rem 1.5rem;
      border-radius: var(--radius);
      font-size: 0.9375rem;
      font-weight: 500;
      cursor: pointer;
      transition: var(--transition);
      border: none;
      width: 100%;
    }
    
    .btn-primary{
      background: var(--primary);
      color: var(--white);
    }
    
    
    
    .btn-primary:disabled{
      background: #9ca3af;
      cursor: not-allowed;
    }
    
    .register-footer{
      text-align: center;
      margin-top: 1.5rem;
      padding-top: 1.5rem;
      border-top: 1px solid #e5e7eb;
      font-size: 0.875rem;
      color: var(--text-light);
    }
    
    .register-footer a{
      color: var(--primary);
      text-decoration: none;
      font-weight: 500;
    }
    
    .register-footer a:hover{
      text-decoration: underline;
    }
    
    .g-recaptcha{
      margin-bottom: 1.5rem;
      display: flex;
      justify-content: center;
    }
    
    .password-strength{
      height: 4px;
      background: #e5e7eb;
      border-radius: 2px;
      margin-top: 0.5rem;
      overflow: hidden;
    }
    
    .password-strength-fill{
      height: 100%;
      width: 0%;
      transition: width 0.3s ease;
    }
    
    @media (max-width: 480px) {
      .register-container{
        padding: 1rem;
      }
      
      .register-header{
        padding: 1.5rem 1.5rem 0.5rem;
      }
      
      .register-body{
        padding: 1rem 1.5rem 1.5rem;
      }
    }


/* === cloudflare.php inline styles (migrated) === */
:root{
      --primary: #4361ee;      /* Royal Blue */
      --primary-light: #4895ef; /* Lighter Blue */
      --secondary: #3f37c9;    /* Darker Blue */
      --success: #4ade80;      /* Green */
      --danger: #f87171;       /* Red */
      --warning: #fbbf24;      /* Amber */
      --dark: #1e293b;         /* Dark Slate */
      --darker: #0f172a;       /* Navy */
      --light: #f8fafc;        /* Lightest Gray */
      --lighter: #ffffff;      /* Pure White */
      --gray: #94a3b8;         /* Medium Gray */
      --card-bg: #ffffff;      /* White Cards */
      --sidebar-bg: #f1f5f9;   /* Light Gray */
      --text-main: #1e293b;    /* Dark Text */
      --text-muted: #64748b;   /* Muted Text */
      --admin-color: #dc3545;  /* Admin Red */
      --user-color: #28a745;   /* User Green */
    }
    
    
    
    /* Sidebar */
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* Main Content */
    
    
    
    
    
    
    /* Profile Card */
    .profile-card{
      background: var(--card-bg);
      border-radius: 1rem;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
      padding: 2rem;
      height: 100%;
      text-align: center;
    }
    
    .profile-picture{
      width: 120px;
      height: 120px;
      border-radius: 50%;
      object-fit: cover;
      border: 5px solid var(--light);
      margin-bottom: 1.5rem;
    }
    
    .profile-name{
      font-size: 1.5rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }
    
    .profile-role{
      font-weight: 600;
      /* color set via body class */
      margin-bottom: 1.5rem;
    }
    
    .profile-detail{
      margin-bottom: 1.5rem;
    }
    
    .profile-detail-label{
      font-weight: 600;
      color: var(--dark);
    }
    
    .profile-detail-value{
      color: var(--text-muted);
    }
    
    .expiry-date{
      color: var(--danger);
      font-weight: 600;
    }
    
    .unlimited-text{
      color: var(--success);
      font-weight: 600;
    }
    
    /* Password Card */
    .password-card{
      background: var(--card-bg);
      border-radius: 1rem;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
      padding: 2rem;
    }
    
    .form-control{
      background: var(--lighter);
      border: 1px solid rgba(0, 0, 0, 0.1);
      color: var(--text-main);
      padding: 0.75rem 1rem;
    }
    
    .form-control:focus{
      background: var(--lighter);
      border-color: var(--primary);
      box-shadow: 0 0 0 0.25rem rgba(67, 97, 238, 0.15);
      color: var(--text-main);
    }
    
    /* Alert */
    
    
    /* Toggle button */
    
    
    /* Responsive */
    @media (max-width: 992px){
      
      
      
      
      
      
      .profile-card,
      .password-card {
        padding: 1.5rem;
      }
    }
  
/* === Unified dashboard-style sidebar look (injected) === */


@media (max-width: 991.98px) {
  /* Keep your existing mobile behavior, just make spacing consistent */
  
}

/* Force icon colors by href (no layout changes) */


/* === colorful banners (2025-10-19T05:02:48) === */


/* Apply to common banner containers */


/* Titles and small subtitle text inside banners */


/* Optional corner style seen in your screenshots */


/* Ensure icons in the banner are bright */


/* === end colorful banners === */

/* === colorful modals + icons (2025-10-19T05:10:01) === */


/* Modal container */


/* Header bar */


/* Inputs focus ring */


/* Footer buttons */


/* Add colorful emoji icons to common action buttons */


/* Colored field prefix icons (emoji) */


/* Ensure label icons inherit colorful gradient look subtly */


/* === end colorful modals + icons === */

/* === emoji label icons (2025-10-19T05:18:38) === */

/* Emoji label icons */


/* Ensure spacing consistent even if no emoji injected */


/* === emoji flat colors (2025-10-19T05:25:48) === */

/* Ensure modal label emojis render with native emoji colors (no gradient fill) */


/* === emoji map update (2025-10-19T05:32:18) === */

/* Slightly larger emoji for key fields */


/* === emoji formscope fix (2025-10-19T05:36:58) === */

/* Emoji label baseline for all forms (not sidebar) */

 /* don't affect sidebar */


body.is-admin .profile-role{color:var(--admin-color);} 
body.is-user .profile-role{color:var(--user-color);}


    body{background:var(--light);color:var(--text-main);font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;}
    
    .sidebar-brand{padding:1.5rem;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,0,0,.05);}
    
    
    
    
    
    
    
    .main-content{flex:1;padding:0;transition:.3s;background:var(--lighter);}
    .header{background:linear-gradient(135deg,var(--primary),var(--secondary));padding:2.5rem 2rem;border-radius:0 0 1.5rem 1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.1);color:#fff;}
    .header-icon{font-size:3.5rem;margin-bottom:1rem;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.5);}
    
    .form-control,
.form-select{background:var(--lighter);border:1px solid rgba(0,0,0,.1);color:var(--text-main);padding:.75rem 1rem;border-radius:.5rem;}
    .form-control:focus,
.form-select:focus{background:var(--lighter);border-color:var(--primary);box-shadow:0 0 0 .25rem rgba(67,97,238,.15);color:var(--text-main);}
    .alert{border-radius:.5rem;border:none;padding:1rem 1.5rem;}
    
    @media (max-width:992px){}
    .table-responsive{border-radius:.5rem;overflow:hidden;}
  
/* === Unified dashboard-style sidebar look (injected) === */


@media (max-width: 991.98px) {
  /* Keep your existing mobile behavior, just make spacing consistent */
  
}

/* Copied package/badge styles from adduser.php */
/* Badges for packages */
    .badge-package{padding: 0.35em 0.65em;
      font-weight: 500;
      border-radius: 0.5rem;}

/* New package slugs (DB-driven) */
.badge-starter{background-color: #10b981; /* Green */
      color: white;}

.badge-professional{background-color: #07EFFD; /* Cyan */
      color: white;}

.badge-enterprise{background-color: #8b5cf6; /* Purple */
      color: white;}

.badge-trial{background-color: #22c55e; /* Green */
      color: white;}

/* Legacy package codes (kept for backward compatibility) */
.badge-3months{background-color: #10b981; /* Green */
      color: white;}

.badge-6months{background-color: #07EFFD; /* Cyan */
      color: white;}

.badge-yearly{background-color: #8b5cf6; /* Purple */
      color: white;}

.badge-none{background-color: #6b7280; /* Gray */
      color: white;}

.badge-admin{background-color: #2563eb; /* Blue */
      color: white;}

.badge-2-day-free-trial{background-color: #22c55e; /* Green */
      color: white;}

/* Status badges */
    .badge-expired{background-color: #fee2e2;
      color: #b91c1c;}

.badge-active{background-color: #dcfce7;
      color: #15803d;}

/* === colorful banners (2025-10-19T05:02:48) === */


/* Apply to common banner containers */


/* Titles and small subtitle text inside banners */


/* Optional corner style seen in your screenshots */


/* Ensure icons in the banner are bright */


/* === end colorful banners === */

/* === colorful modals + icons (2025-10-19T05:10:01) === */


/* Modal container */


/* Header bar */


/* Inputs focus ring */


/* Footer buttons */


/* Add colorful emoji icons to common action buttons */


/* Colored field prefix icons (emoji) */


/* Ensure label icons inherit colorful gradient look subtly */


/* === end colorful modals + icons === */

/* === emoji label icons (2025-10-19T05:18:38) === */

/* Emoji label icons */


/* Ensure spacing consistent even if no emoji injected */


/* === emoji flat colors (2025-10-19T05:25:48) === */

/* Ensure modal label emojis render with native emoji colors (no gradient fill) */


/* === emoji map update (2025-10-19T05:32:18) === */

/* Slightly larger emoji for key fields */


/* === emoji formscope fix (2025-10-19T05:36:58) === */

/* Emoji label baseline for all forms (not sidebar) */

 /* don't affect sidebar */


/* === forgot_password.php inline styles (migrated) === */
:root{
            --primary: #4361ee;
            --primary-dark: #3a56d4;
            --text: #1f2937;
            --text-light: #6b7280;
            --border: #e5e7eb;
            --white: #ffffff;
            --shadow: 0 10px 25px rgba(0,0,0,.08);
            --radius: 10px;
        }

        *{ box-sizing: border-box; margin: 0; padding: 0; }
        body{
            font-family: 'Inter', sans-serif;
            background: var(--white);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            color: var(--text);
        }

        .login-container{ width: 100%; max-width: 480px; }
        .login-card{
            background: var(--white);
            border: 1px solid var(--border);
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            overflow: hidden;
        }
        .login-header{
            padding: 28px 28px 18px;
            text-align: center;
            border-bottom: 1px solid var(--border);
        }
        .login-header h1{ font-size: 26px; font-weight: 700; margin-bottom: 6px; }
        .login-header p{ color: var(--text-light); font-size: 14px; }

        .login-body{ padding: 24px 28px 28px; }

        .alert{
            padding: 12px 14px;
            border-radius: 8px;
            margin-bottom: 16px;
            font-size: 14px;
            border: 1px solid transparent;
        }
        .alert.error,
.alert-danger{
            background: #fef2f2;
            color: #dc2626;
            border-color: #fecaca;
        }
        .alert.success,
.alert-success{
            background: #ecfdf5;
            color: #059669;
            border-color: #a7f3d0;
        }
        .tip-box{
            margin-top: 10px;
            padding: 10px 12px;
            background: rgba(5,150,105,.08);
            border: 1px solid rgba(5,150,105,.22);
            border-radius: 8px;
            color: #065f46;
            font-size: 13px;
        }

        .form-group{ margin-bottom: 16px; }
        label{
            display: block;
            margin-bottom: 6px;
            font-size: 14px;
            font-weight: 600;
        }
        .form-control{
            width: 100%;
            padding: 12px 14px;
            border: 1px solid var(--border);
            border-radius: 8px;
            font-size: 15px;
            transition: border-color .2s, box-shadow .2s;
        }
        .form-control:focus{
            outline: none;
            border-color: var(--primary);
            box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.15);
        }

        .btn{
            width: 100%;
            padding: 12px 14px;
            border: none;
            border-radius: 8px;
            font-size: 15px;
            font-weight: 700;
            cursor: pointer;
            transition: transform .05s ease, background .2s ease, opacity .2s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
        }
        .btn:active{ transform: translateY(1px); }

        .btn-primary{ background: var(--primary); color: #fff; }
        .btn-primary:hover{ background: var(--primary-dark); }

        .btn-secondary{
            background: #f3f4f6;
            color: #111827;
            border: 1px solid var(--border);
        }
        .btn-secondary:hover{ background: #e5e7eb; }

        .btn + .btn{ margin-top: 10px; }

        .footer-links{
            margin-top: 18px;
            text-align: center;
            font-size: 14px;
            color: var(--text-light);
        }
        .footer-links a{ color: var(--primary); text-decoration: none; font-weight: 600; }
        

        .recaptcha-wrap{ display: flex; justify-content: center; margin: 12px 0 2px; }

        @media (max-width: 480px) {
            .login-header{ padding: 22px 18px 14px; }
            .login-body{ padding: 18px 18px 22px; }
        }
    

        /* gkazmi public auth override */
        body{
            background: var(--pub-bg) !important;
            display: block !important;
            min-height: auto !important;
            padding: 0 !important;
        }
        .login-container,
.register-container{
            width: 100% !important;
            margin: 0 auto !important;
            max-width: 520px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-height: calc(100vh - 74px) !important;
            padding: 2.25rem 1rem !important;
        }


/* === website_settings.php inline styles (migrated) === */
.wrap-anywhere{ overflow-wrap:anywhere; word-break:break-word; }

    /* Reduce top gap on this page only */
    .header{ padding: 2.25rem 1.5rem 2.25rem !important; margin-bottom: 1.5rem !important; }


    .secret-row{
      display:flex;
      gap:.5rem;
      align-items:center;
      flex-wrap: wrap;
    }
    .secret-row input{ flex: 1; min-width: 220px; }

    /* Website Settings left navigation (professional compact list) */
    .settings-nav{
      border: 1px solid #e5e7eb;
      border-radius: 14px;
      overflow: hidden;
      background: #fff;
    }
    .settings-nav .list-group-item{
      border: 0;
      border-bottom: 1px solid #e5e7eb;
      border-radius: 0;
      margin: 0;
      padding: 0.85rem 0.95rem;
      display: flex;
      align-items: center;
      gap: 0.6rem;
      font-weight: 600;
      font-size: .92rem;
      color: #0f172a;
    }
    .settings-nav .list-group-item:last-child{ border-bottom: 0; }
    .settings-nav .list-group-item:hover{ background: #f1f5f9; }
    .settings-nav .list-group-item i{ width: 20px; text-align: center; }
    .settings-nav .list-group-item.active{
      background: #2563eb;
      color: #fff;
    }
    .settings-nav .list-group-item.active:hover{ background: #1d4ed8; }
    .settings-nav .list-group-item.active i{ color: #fff; }
    .settings-nav .nav-ico{ width: 20px; text-align:center; font-size: 1.05rem; }

/* Colored icons */
    
    
    
    
    
    
    

    
    
    /* Layout fix: avoid empty middle column by making the active tab use full width */
    #settings_two_col{ margin-top: .25rem; }
    body.settings-tab-security #settings_two_col{ display:none !important; }
    body.settings-tab-core_secrets #settings_two_col{ display:none !important; }

    /* Tabs that live in LEFT column */
    body.settings-tab-general #settings_col_right,
body.settings-tab-telegram #settings_col_right{ display:none !important; }
    body.settings-tab-general #settings_col_left,
body.settings-tab-telegram #settings_col_left{
      width: 100% !important;
      flex: 0 0 auto !important;
      max-width: 100% !important;
    }

    /* Tabs that live in RIGHT column */
    body.settings-tab-smtp #settings_col_left,
body.settings-tab-recaptcha #settings_col_left,
body.settings-tab-logs #settings_col_left,
body.settings-tab-payments #settings_col_left,
body.settings-tab-payments_history #settings_col_left,
body.settings-tab-packages #settings_col_left{ display:none !important; }

    body.settings-tab-smtp #settings_col_right,
body.settings-tab-recaptcha #settings_col_right,
body.settings-tab-logs #settings_col_right,
body.settings-tab-payments #settings_col_right,
body.settings-tab-payments_history #settings_col_right,
body.settings-tab-packages #settings_col_right{
      width: 100% !important;
      flex: 0 0 auto !important;
      max-width: 100% !important;
    }


    /* Server-side tab switching (no JS required): show ONLY the selected section */
    .settings-section-card{ display:block; }

    body.settings-tab-general .settings-section-card,
body.settings-tab-smtp .settings-section-card,
body.settings-tab-security .settings-section-card,
body.settings-tab-logs .settings-section-card,
body.settings-tab-telegram .settings-section-card,
body.settings-tab-recaptcha .settings-section-card,
body.settings-tab-payments .settings-section-card,
body.settings-tab-payments_history .settings-section-card,
body.settings-tab-core_secrets .settings-section-card,
body.settings-tab-packages .settings-section-card{
      display:none;
    }

    body.settings-tab-general .settings-section-card[data-section="general"]{ display:block; }
    body.settings-tab-smtp .settings-section-card[data-section="smtp"]{ display:block; }
    body.settings-tab-security .settings-section-card[data-section="security"]{ display:block; }
    body.settings-tab-logs .settings-section-card[data-section="logs"]{ display:block; }
    body.settings-tab-telegram .settings-section-card[data-section="telegram"]{ display:block; }
    body.settings-tab-recaptcha .settings-section-card[data-section="recaptcha"]{ display:block; }
    body.settings-tab-payments .settings-section-card[data-section="payments"]{ display:block; }
    body.settings-tab-payments_history .settings-section-card[data-section="payments_history"]{ display:block; }
    body.settings-tab-core_secrets .settings-section-card[data-section="core_secrets"]{ display:block; }
body.settings-tab-packages .settings-section-card[data-section="packages"]{ display:block; }

    
    /* Top tabs (Cronhub/EasyCron-style)
       UX fix: auto-fit (wrap) so there is NO horizontal scrollbar and no cutoff. */
    
.settings-tabs{
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: .35rem;
  background: #fff;
  gap: .25rem;
  box-shadow: 0 10px 24px rgba(0,0,0,.04);

  display:flex;
  align-items:center;
  flex-wrap: nowrap !important; /* single row */
  overflow-x: auto;             /* allow scroll if needed */
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;

  /* show a subtle scrollbar (helps discover hidden tabs) */
  scrollbar-width: thin;        /* Firefox */
}

.settings-tabs::-webkit-scrollbar{ height: 8px; }
.settings-tabs::-webkit-scrollbar-thumb{ background: rgba(15,23,42,.18); border-radius: 999px; }
.settings-tabs::-webkit-scrollbar-track{ background: transparent; }

.settings-tabs .nav-item{ flex: 0 0 auto; }
.settings-tabs .nav-link{
      border-radius: 12px;
      padding: .5rem .65rem;
      font-weight: 600;
      font-size: .92rem;
      color: #0f172a;
      display: inline-flex;
      align-items: center;
      gap: .45rem;
      white-space: nowrap;
    }
    .settings-tabs .nav-link:hover{
      background: #f1f5f9;
      color: #0f172a;
    }
    .settings-tabs .nav-link.active{
      background: #2563eb;
      color: #fff;
    }
    .settings-tabs .nav-link.active .nav-ico{
      color: #fff !important;
    }
    .settings-tabs .nav-ico{ font-size: .95rem; }

.section-anchor{ scroll-margin-top: 120px; }


/* === website_settings.php inline styles (migrated) === */


/* === notifications.php inline styles (migrated) === */
:root{
      --primary: #4361ee;      /* Royal Blue */
      --primary-light: #4895ef; /* Lighter Blue */
      --secondary: #3f37c9;    /* Darker Blue */
      --telegram: #0088cc;     /* Telegram Blue */
      --success: #4ade80;      /* Green */
      --warning: #fbbf24;      /* Amber */
      --danger: #f87171;       /* Red */
      --dark: #1e293b;         /* Dark Slate */
      --darker: #0f172a;       /* Navy */
      --light: #f8fafc;        /* Lightest Gray */
      --lighter: #ffffff;      /* Pure White */
      --gray: #94a3b8;         /* Medium Gray */
      --card-bg: #ffffff;      /* White Cards */
      --sidebar-bg: #f1f5f9;   /* Light Gray */
      --text-main: #1e293b;    /* Dark Text */
      --text-muted: #64748b;   /* Muted Text */
    }
    
    
    
    /* Sidebar */
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* Main Content */
    
    
    
    
    
    
    /* Cards */
    .settings-card{
      background: var(--card-bg);
      border: 1px solid rgba(0, 0, 0, 0.05);
      border-radius: 1rem;
      padding: 2rem;
      transition: transform 0.3s, box-shadow 0.3s;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    }
    
    .settings-card:hover{
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
      border-color: rgba(67, 97, 238, 0.2);
    }
    
    /* Buttons */
    .btn-primary{
      background: var(--primary);
      border: none;
      padding: 0.5rem 1.25rem;
      font-weight: 500;
    }
    
    
    
    .btn-telegram{
      background: var(--telegram);
      border: none;
      color: white;
    }
    
    .btn-telegram:hover{
      background: #0077b3;
      color: white;
    }
    
    .btn-success{
      background: var(--success);
      border: none;
    }
    
    .btn-success:hover{
      background: #10b981;
    }
    
    /* Status indicators */
    .status-indicator{
      display: inline-flex;
      align-items: center;
      font-weight: 500;
    }
    
    .status-indicator .indicator{
      width: 10px;
      height: 10px;
      border-radius: 50%;
      margin-right: 8px;
    }
    
    .status-active{
      background: var(--success);
    }
    
    .status-inactive{
      background: var(--danger);
    }
    
    /* Feature toggle */
    .feature-toggle{
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1rem 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    
    .feature-toggle:last-child{
      border-bottom: none;
    }
    
    .feature-info{
      flex: 1;
    }
    
    .feature-info h5{
      margin-bottom: 0.25rem;
      color: var(--dark);
    }
    
    .feature-info p{
      color: var(--text-muted);
      margin-bottom: 0;
      font-size: 0.9rem;
    }
    
    /* Toggle button */
    
    
    /* Responsive */
    @media (max-width: 992px){
      
      
      
      
      
      
      .settings-card {
        padding: 1.5rem;
      }
    }
  
/* === Unified dashboard-style sidebar look (injected) === */


@media (max-width: 991.98px) {
  /* Keep your existing mobile behavior, just make spacing consistent */
  
}

/* Force icon colors by href (no layout changes) */


/* === colorful banners (2025-10-19T05:02:48) === */


/* Apply to common banner containers */


/* Titles and small subtitle text inside banners */


/* Optional corner style seen in your screenshots */


/* Ensure icons in the banner are bright */


/* === end colorful banners === */

/* === colorful modals + icons (2025-10-19T05:10:01) === */


/* Modal container */


/* Header bar */


/* Inputs focus ring */


/* Footer buttons */


/* Add colorful emoji icons to common action buttons */


/* Colored field prefix icons (emoji) */


/* Ensure label icons inherit colorful gradient look subtly */


/* === end colorful modals + icons === */

/* === emoji label icons (2025-10-19T05:18:38) === */

/* Emoji label icons */


/* Ensure spacing consistent even if no emoji injected */


/* === emoji flat colors (2025-10-19T05:25:48) === */

/* Ensure modal label emojis render with native emoji colors (no gradient fill) */


/* === emoji map update (2025-10-19T05:32:18) === */

/* Slightly larger emoji for key fields */


/* === emoji formscope fix (2025-10-19T05:36:58) === */

/* Emoji label baseline for all forms (not sidebar) */

 /* don't affect sidebar */


/* === createcronjob.php inline styles (migrated) === */

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .form-control,
.form-select{
      background: var(--lighter);
      border: 1px solid rgba(0, 0, 0, 0.1);
      color: var(--text-main);
      padding: 0.75rem 1rem;
      border-radius: 0.5rem;
    }
    
    .form-control:focus,
.form-select:focus{
      background: var(--lighter);
      border-color: var(--primary);
      box-shadow: 0 0 0 0.25rem rgba(67, 97, 238, 0.15);
      color: var(--text-main);
    }
    
    
    
    
    
    
    
    .btn-secondary{
      background: var(--gray);
      border: none;
      padding: 0.75rem 1.5rem;
      font-weight: 500;
    }
    
    .btn-secondary:hover{
      background: var(--text-muted);
    }
    
    
    
    @media (max-width: 992px) {
      
      
      
      
      
      
      
    }
    
    .limit-badge{
      position: absolute;
      top: 1rem;
      right: 1rem;
      background: var(--primary);
      color: white;
      padding: 0.25rem 0.75rem;
      border-radius: 1rem;
      font-size: 0.875rem;
      font-weight: 500;
    }
    
    .alert{
      border-radius: 0.5rem;
      border: none;
      padding: 1rem 1.5rem;
    }
  
/* === Unified dashboard-style sidebar look (injected) === */


@media (max-width: 991.98px) {
  /* Keep your existing mobile behavior, just make spacing consistent */
  
}

/* Force icon colors by href (no layout changes) */


/* === colorful banners (2025-10-19T05:02:48) === */


/* Apply to common banner containers */


/* Titles and small subtitle text inside banners */


/* Optional corner style seen in your screenshots */


/* Ensure icons in the banner are bright */


/* === end colorful banners === */

/* === colorful modals + icons (2025-10-19T05:10:01) === */


/* Modal container */


/* Header bar */


/* Inputs focus ring */


/* Footer buttons */


/* Add colorful emoji icons to common action buttons */


/* Colored field prefix icons (emoji) */


/* Ensure label icons inherit colorful gradient look subtly */


/* === end colorful modals + icons === */

/* === emoji label icons (2025-10-19T05:18:38) === */

/* Emoji label icons */


/* Ensure spacing consistent even if no emoji injected */


/* === emoji flat colors (2025-10-19T05:25:48) === */

/* Ensure modal label emojis render with native emoji colors (no gradient fill) */


/* === emoji map update (2025-10-19T05:32:18) === */

/* Slightly larger emoji for key fields */


/* === emoji formscope fix (2025-10-19T05:36:58) === */

/* Emoji label baseline for all forms (not sidebar) */

 /* don't affect sidebar */


/* === bulk.php inline styles (migrated) === */
:root{
      --primary: #4361ee;
      --primary-light: #4895ef;
      --secondary: #3f37c9;
      --success: #4ade80;
      --warning: #fbbf24;
      --danger: #f87171;
      --dark: #1e293b;
      --darker: #0f172a;
      --light: #f8fafc;
      --lighter: #ffffff;
      --gray: #94a3b8;
      --card-bg: #ffffff;
      --sidebar-bg: #f1f5f9;
      --text-main: #1e293b;
      --text-muted: #64748b;
    }
    
    body{
      background-color: var(--light);
      color: var(--text-main);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
      min-height: 100vh;
    }
    
    .sidebar{
      width: 260px;
      background: var(--sidebar-bg);
      border-right: 1px solid rgba(0, 0, 0, 0.05);
      transition: all 0.3s ease;
      z-index: 1000;
    }
    
    .sidebar-brand{
      padding: 1.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    
    .sidebar-brand img{
      height: 40px;
      margin-right: 10px;
    }
    
    .sidebar-brand span{
      font-weight: 600;
      font-size: 1.25rem;
      color: var(--dark);
    }
    
    .nav-link{
      color: var(--text-muted);
      padding: 0.75rem 1.5rem;
      margin: 0.25rem 1rem;
      border-radius: 0.5rem;
      display: flex;
      align-items: center;
      transition: all 0.2s;
    }
    
    .nav-link:hover{
      background: rgba(67, 97, 238, 0.1);
      color: var(--primary);
    }
    
    
    
    .nav-link.active{
      color: white;
      background: var(--primary);
      box-shadow: 0 4px 6px -1px rgba(67, 97, 238, 0.3);
    }
    
    
    
    .main-content{
      flex: 1;
      padding: 0;
      transition: all 0.3s;
      background-color: var(--lighter);
    }
    
    .header{
      background: linear-gradient(135deg, var(--primary), var(--secondary));
      padding: 2.5rem 2rem;
      border-radius: 0 0 1.5rem 1.5rem;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
      color: white;
    }
    
    .header-icon{
      font-size: 3.5rem;
      margin-bottom: 1rem;
      color: white;
      text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
    }
    
    
    
    
    
    .form-control,
.form-select,
.form-textarea{
      background: var(--lighter);
      border: 1px solid rgba(0, 0, 0, 0.1);
      color: var(--text-main);
      padding: 0.75rem 1rem;
      border-radius: 0.5rem;
      width: 100%;
    }
    
    .form-textarea{
      min-height: 200px;
      font-family: monospace;
    }
    
    .form-control:focus,
.form-select:focus,
.form-textarea:focus{
      background: var(--lighter);
      border-color: var(--primary);
      box-shadow: 0 0 0 0.25rem rgba(67, 97, 238, 0.15);
      color: var(--text-main);
    }
    
    .form-label{
      font-weight: 500;
      color: var(--dark);
      margin-bottom: 0.5rem;
    }
    
    .btn-primary{
      background: var(--primary);
      border: none;
      padding: 0.75rem 1.5rem;
      font-weight: 500;
    }
    
    .btn-primary:hover{
      background: var(--secondary);
    }
    
    .result-card{
      background: var(--card-bg);
      border-radius: 1rem;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
      padding: 2rem;
    }
    
    .result-item{
      padding: 1rem 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    
    .result-item:last-child{
      border-bottom: none;
    }
    
    .result-url{
      font-weight: 500;
      margin-bottom: 0.5rem;
    }
    
    .result-success{
      color: var(--success);
    }
    
    .result-error{
      color: var(--danger);
    }
    
    .alert{
      border-radius: 0.75rem;
      border: 1px solid rgba(0, 0, 0, 0.05);
    }
    
    #sidebarToggle{
      position: fixed;
      top: 1rem;
      left: 1rem;
      z-index: 1100;
      background: var(--primary);
      border: none;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    }
    
    .loader{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.8);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
      display: none;
    }
    
    .url-counter{
      text-align: right;
      font-size: 14px;
      color: var(--text-muted);
      margin-top: 5px;
    }
    
    @media (max-width: 992px) {
      
      
      
      
      .main-content{
        margin-left: 0 !important;
      }
      
      .form-card,
.result-card{
        padding: 1.5rem;
      }
    }
  
/* === Unified dashboard-style sidebar look (injected) === */
.sidebar{
  background: #fff;
  border-right: 1px solid rgba(0,0,0,.06);
}

.sidebar-brand img{ width: 32px; height: 32px; }
.sidebar-brand span{ font-weight: 600; font-size: 1.05rem; color: #0f172a; }


.menu-title{
  font-size: .70rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #64748b;
  padding: 0 .75rem;
  margin: 0 0 .35rem;
}


.sidebar .nav-link i{ width: 20px; text-align: center; color: #64748b; }

.sidebar .nav-link:hover{ background: #f1f5f9; }


.sidebar .nav-link.active i{ color: #4338ca; }

@media (max-width: 991.98px) {
  /* Keep your existing mobile behavior, just make spacing consistent */
  .menu{ padding-bottom: 2rem; }
}

/* Force icon colors by href (no layout changes) */
.sidebar a[href*="dashboard.php"] i,
.sidebar a[href*="dashboard.php"] svg,
.sidenav a[href*="dashboard.php"] i,
.sidenav a[href*="dashboard.php"] svg,
.side-nav a[href*="dashboard.php"] i,
.side-nav a[href*="dashboard.php"] svg{ color: #3b82f6 !important; fill: #3b82f6 !important; }
.sidebar a[href*="adduser.php"] i,
.sidebar a[href*="adduser.php"] svg,
.sidenav a[href*="adduser.php"] i,
.sidenav a[href*="adduser.php"] svg,
.side-nav a[href*="adduser.php"] i,
.side-nav a[href*="adduser.php"] svg{ color: #8b5cf6 !important; fill: #8b5cf6 !important; }
.sidebar a[href*="addadmin.php"] i,
.sidebar a[href*="addadmin.php"] svg,
.sidenav a[href*="addadmin.php"] i,
.sidenav a[href*="addadmin.php"] svg,
.side-nav a[href*="addadmin.php"] i,
.side-nav a[href*="addadmin.php"] svg{ color: #f59e0b !important; fill: #f59e0b !important; }
.sidebar a[href*="manage_users.php"] i,
.sidebar a[href*="manage_users.php"] svg,
.sidenav a[href*="manage_users.php"] i,
.sidenav a[href*="manage_users.php"] svg,
.side-nav a[href*="manage_users.php"] i,
.side-nav a[href*="manage_users.php"] svg{ color: #ef4444 !important; fill: #ef4444 !important; }
.sidebar a[href*="manuallycronjobs.php"] i,
.sidebar a[href*="manuallycronjobs.php"] svg,
.sidenav a[href*="manuallycronjobs.php"] i,
.sidenav a[href*="manuallycronjobs.php"] svg,
.side-nav a[href*="manuallycronjobs.php"] i,
.side-nav a[href*="manuallycronjobs.php"] svg{ color: #22c55e !important; fill: #22c55e !important; }
.sidebar a[href*="cronjobs_management.php"] i,
.sidebar a[href*="cronjobs_management.php"] svg,
.sidenav a[href*="cronjobs_management.php"] i,
.sidenav a[href*="cronjobs_management.php"] svg,
.side-nav a[href*="cronjobs_management.php"] i,
.side-nav a[href*="cronjobs_management.php"] svg{ color: #06b6d4 !important; fill: #06b6d4 !important; }
.sidebar a[href*="cronjobs_history.php"] i,
.sidebar a[href*="cronjobs_history.php"] svg,
.sidenav a[href*="cronjobs_history.php"] i,
.sidenav a[href*="cronjobs_history.php"] svg,
.side-nav a[href*="cronjobs_history.php"] i,
.side-nav a[href*="cronjobs_history.php"] svg{ color: #f97316 !important; fill: #f97316 !important; }
.sidebar a[href*="profile.php"] i,
.sidebar a[href*="profile.php"] svg,
.sidenav a[href*="profile.php"] i,
.sidenav a[href*="profile.php"] svg,
.side-nav a[href*="profile.php"] i,
.side-nav a[href*="profile.php"] svg{ color: #ec4899 !important; fill: #ec4899 !important; }
.sidebar a[href*="dhrusettings.php"] i,
.sidebar a[href*="dhrusettings.php"] svg,
.sidenav a[href*="dhrusettings.php"] i,
.sidenav a[href*="dhrusettings.php"] svg,
.side-nav a[href*="dhrusettings.php"] i,
.side-nav a[href*="dhrusettings.php"] svg{ color: #8b5cf6 !important; fill: #8b5cf6 !important; }
.sidebar a[href*="cloudflare.php"] i,
.sidebar a[href*="cloudflare.php"] svg,
.sidenav a[href*="cloudflare.php"] i,
.sidenav a[href*="cloudflare.php"] svg,
.side-nav a[href*="cloudflare.php"] i,
.side-nav a[href*="cloudflare.php"] svg{ color: #6366f1 !important; fill: #6366f1 !important; }


.sidebar i,
.sidebar svg{ color: #64748b !important; fill: #64748b !important; }

/* === colorful banners (2025-10-19T05:02:48) === */

:root{
  --banner-grad: linear-gradient(135deg, #06b6d4 0%, #3b82f6 50%, #8b5cf6 100%);
  --banner-text: #ffffff;
  --banner-shadow: 0 6px 20px rgba(99,102,241,.15);
}

/* Apply to common banner containers */
.hero,
.header,
.page-header,
.banner,
.top-hero{
  background-image: var(--banner-grad) !important;
  color: var(--banner-text) !important;
  box-shadow: var(--banner-shadow);
}

/* Titles and small subtitle text inside banners */
.hero h1,
.header h1,
.page-header h1,
.hero .title,
.header .title,
.page-header .title,
.banner .title{
  color: var(--banner-text) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.10);
  font-weight: 700;
  letter-spacing: .02em;
}

/* Optional corner style seen in your screenshots */
.hero,
.header,
.page-header,
.banner,
.top-hero{
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}

/* Ensure icons in the banner are bright */
.hero i,
.hero svg,
.header i,
.header svg,
.page-header i,
.page-header svg,
.banner i,
.banner svg{
  color: var(--banner-text) !important;
  fill: var(--banner-text) !important;
}

/* === end colorful banners === */

/* === colorful modals + icons (2025-10-19T05:10:01) === */

:root{
  --modal-grad: linear-gradient(135deg, #06b6d4 0%, #3b82f6 50%, #8b5cf6 100%);
  --modal-ring: #8b5cf6;
  --modal-shadow: 0 24px 60px rgba(17,24,39,.35);
}

/* Modal container */
.modal .modal-dialog .modal-content{
  border-radius: 14px !important;
  border: 3px solid transparent !important;
  background-clip: padding-box, border-box !important;
  background-origin: padding-box, border-box !important;
  background-image: linear-gradient(#fff,#fff), var(--modal-grad) !important;
  box-shadow: var(--modal-shadow) !important;
}

/* Header bar */
.modal .modal-header{
  background-image: var(--modal-grad) !important;
  color: #fff !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  border-bottom: none !important;
}
.modal .modal-header .modal-title{
  color: #fff !important;
  font-weight: 700;
  letter-spacing: .02em;
}
.modal .modal-header .btn-close,
.modal .modal-header .close{
  filter: invert(1) brightness(1.6);
  opacity: .9;
}

/* Inputs focus ring */
.modal .form-control:focus,
.modal select:focus{
  border-color: var(--modal-ring) !important;
  box-shadow: 0 0 0 0.25rem rgba(139,92,246,.25) !important;
}

/* Footer buttons */
.modal .modal-footer .btn{
  border-radius: 10px;
  font-weight: 600;
  letter-spacing: .02em;
  box-shadow: 0 6px 16px rgba(17,24,39,.10);
}
.modal .modal-footer .btn-primary{
  color: #fff !important;
  background-image: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%) !important;
  border-color: #7c3aed !important;
}
.modal .modal-footer .btn-secondary{
  color: #111827 !important;
  background-image: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%) !important;
  border-color: #f59e0b !important;
}

/* Add colorful emoji icons to common action buttons */
.modal .modal-footer .btn-primary::before{
  content: "💾";
  margin-right: .5rem;
}
.modal .modal-footer .btn-secondary::before{
  content: "✖️";
  margin-right: .5rem;
}

/* Colored field prefix icons (emoji) */
.modal .form-group label[for*="username"]::before,
.modal label[for*="username"]::before{ content: "👤"; margin-right: .35rem; }
.modal .form-group label[for*="email"]::before,
.modal label[for*="email"]::before{ content: "✉️"; margin-right: .35rem; }
.modal .form-group label[for*="password"]::before,
.modal label[for*="password"]::before{ content: "🔒"; margin-right: .35rem; }
.modal .form-group label[for*="package"]::before,
.modal label[for*="package"]::before{ content: "🎁"; margin-right: .35rem; }
.modal .form-group label[for*="role"]::before,
.modal label[for*="role"]::before{ content: "🛡️"; margin-right: .35rem; }
.modal .form-group label[for*="domain"]::before,
.modal label[for*="domain"]::before{ content: "🌐"; margin-right: .35rem; }

/* Ensure label icons inherit colorful gradient look subtly */
.modal label::before{ filter: saturate(125%); }

/* === end colorful modals + icons === */

/* === emoji label icons (2025-10-19T05:18:38) === */

/* Emoji label icons */
.modal label .label-emoji{
  display: inline-block;
  margin-right: .45rem;
  font-size: 1.05rem;
  line-height: 1;
  vertical-align: -2px;
  /* subtle gradient tint */
  background-image: linear-gradient(135deg, #06b6d4, #8b5cf6);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: saturate(120%);
}

/* Ensure spacing consistent even if no emoji injected */


/* === emoji flat colors (2025-10-19T05:25:48) === */

/* Ensure modal label emojis render with native emoji colors (no gradient fill) */
.modal label{ display: inline-flex; align-items: center; gap: .45rem; }
.modal .label-emoji{
  display: inline-block;
  margin-right: .25rem;
  font-size: 1.15rem;
  line-height: 1;
  vertical-align: -1px;
  color: inherit !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  filter: none !important;
  text-shadow: none !important;
}

/* === emoji map update (2025-10-19T05:32:18) === */

/* Slightly larger emoji for key fields */
.modal label .label-emoji{ font-size: 1.2rem; }

/* === emoji formscope fix (2025-10-19T05:36:58) === */

/* Emoji label baseline for all forms (not sidebar) */
main label,
.content label,
.container label,
.card label,
form label{
  display: inline-flex;
  align-items: center;
  gap: .45rem;
}
.sidebar label,
.sidenav label{ gap: 0; } /* don't affect sidebar */
.label-emoji{
  display: inline-block;
  margin-right: .25rem;
  font-size: 1.1rem;
  line-height: 1;
  vertical-align: -1px;
}

/* === pricing.php inline styles (migrated) === */
.price-card{ height:100%; }
    .price-card .badge-pop{ background: rgba(37,99,235,.14); color: #1d4ed8; border: 1px solid rgba(37,99,235,.18); }


/* ===================================================================
   GKazmi - Simple theme overrides (no gradients / cleaner UI)
   =================================================================== */

/* Remove gradient banners: keep header simple */
.header{
  background: #ffffff !important;
  color: #0f172a !important;
  border-bottom: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.06) !important;
  border-radius: 0 0 1.1rem 1.1rem !important;
}
.header h1,
.header .display-5{
  color: #0f172a !important;
}
.header p{
  color: rgba(15,23,42,.70) !important;
}
.header-icon{
  background: rgba(37,99,235,.10) !important;
  color: #2563eb !important;
  text-shadow: none !important;
}
.header-icon i{ color:#2563eb !important; }

/* Neutral badges */
.badge-package{
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.10) !important;
}


/* SweetAlert2 - bigger, centered */


/* ==========================================================
   GKazmi simple + compact UI (2026-02-01)
   Removes gradient banners and reduces excessive spacing
   ========================================================== */
.header{
  background: #ffffff !important;
  color: #0f172a !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
  padding: 1.5rem 1rem 1.25rem !important;
}
.header .lead{ color:#64748b !important; }
.header .header-icon{
  background: rgba(37, 99, 235, .10) !important;
  color: #2563eb !important;
  box-shadow: none !important;
}
.header .display-5{ font-size: 2.1rem !important; }
@media (max-width: 768px){
  .header .display-5{ font-size: 1.75rem !important; }
}
.main-content .container,
.main-content .container-fluid{
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.card{
  box-shadow: 0 1px 2px rgba(16, 24, 40, .06) !important;
}

/* Phone picker (signup/manage users) – keep dropdown inside card and show full list */
.gkazmi-phone-menu{
  width: 100% !important;
  max-width: 560px !important;
  z-index: 1080 !important;
}
.gkazmi-phone-option{
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}

/* Stop forced ellipsis truncation (more space for Domain/URLs) */
.main-content .table-responsive th,
.main-content .table-responsive td{
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: break-word !important;
  /* "anywhere" can break words into single letters on narrow cells.
     Use break-word to keep URLs readable while still allowing wrap. */
  overflow-wrap: break-word !important;
}

/* ==========================================================
   Panel full-width hard fix + tighter Website Settings tabs
   (2026-02-02)
   ========================================================== */

/* Panel width across ALL /admin panel pages (dashboard, settings, etc) */
.d-flex > .main-content > .container,
.d-flex > .main-content > .container-sm,
.d-flex > .main-content > .container-md,
.d-flex > .main-content > .container-lg,
.d-flex > .main-content > .container-xl,
.d-flex > .main-content > .container-xxl,
.d-flex > .main-content > .container-fluid{
  width: 100% !important;
  max-width: var(--gkazmi-panel-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1.5rem !important;  /* ≈ Bootstrap px-4 */
  padding-right: 1.5rem !important; /* ≈ Bootstrap px-4 */
}
@media (max-width: 575.98px){
  .d-flex > .main-content > .container,
.d-flex > .main-content > .container-sm,
.d-flex > .main-content > .container-md,
.d-flex > .main-content > .container-lg,
.d-flex > .main-content > .container-xl,
.d-flex > .main-content > .container-xxl,
.d-flex > .main-content > .container-fluid{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

/* Website Settings top tabs: centered + close spacing */

.settings-tabs .nav-item{ margin: 0 !important; }
.settings-tabs .nav-link{
  margin: 0 !important;
  padding: .45rem .55rem !important;
  gap: .35rem !important;
  font-size: .88rem !important;
}


/* ============================================================
   GKazmi UI consolidated historical source:
   /home/crongsmpk/public_html/assets/css/components/notify-events.css
   ============================================================ */
/* Shared Notify Events component - Phase 14.6 */
.gkazmi-notify-events-card{padding:1rem;border:1px solid rgba(99,102,241,.18);border-radius:16px;background:linear-gradient(135deg,rgba(99,102,241,.06),rgba(14,165,233,.04))}
.gkazmi-notify-events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.gkazmi-notify-event-option{position:relative;display:flex;align-items:center;gap:.75rem;padding:.85rem;border:1px solid rgba(148,163,184,.28);border-radius:14px;background:var(--bs-body-bg,#fff);cursor:pointer;transition:.2s ease}
.gkazmi-notify-event-option:hover{transform:translateY(-1px);border-color:rgba(99,102,241,.5);box-shadow:0 8px 24px rgba(15,23,42,.08)}
.gkazmi-notify-event-option input{position:absolute;top:.7rem;right:.7rem;width:1rem;height:1rem}
.gkazmi-notify-event-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(99,102,241,.1);color:#6366f1;flex:0 0 auto}
.gkazmi-notify-event-option strong,
.gkazmi-notify-event-option small{display:block}
.gkazmi-notify-event-option small{margin-top:.15rem;color:var(--bs-secondary-color,#64748b);font-size:.77rem;line-height:1.25}
@media(max-width:767.98px){.gkazmi-notify-events-grid{grid-template-columns:1fr}}


/* ============================================================
   GKazmi UI consolidated historical source:
   /home/crongsmpk/public_html/assets/css/notify-events.css
   ============================================================ */
.gkazmi-notify-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gkazmi-notify-event-card{position:relative;display:flex;align-items:center;gap:12px;min-height:82px;padding:14px;border:1px solid var(--bs-border-color,#dee2e6);border-radius:14px;background:var(--bs-body-bg,#fff);cursor:pointer;transition:.18s ease}.gkazmi-notify-event-card:hover{transform:translateY(-1px);border-color:rgba(var(--bs-primary-rgb,13,110,253),.45);box-shadow:0 8px 22px rgba(15,23,42,.08)}.gkazmi-notify-event-card .form-check-input{position:absolute;top:12px;right:12px;margin:0}.gkazmi-notify-event-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(var(--bs-primary-rgb,13,110,253),.1);color:var(--bs-primary,#0d6efd);font-size:18px}.gkazmi-notify-event-copy{display:flex;flex-direction:column;padding-right:20px}.gkazmi-notify-event-copy small{font-size:12px;color:var(--bs-secondary-color,#6c757d);line-height:1.35}.gkazmi-notify-event-card:has(.form-check-input:checked){border-color:var(--bs-primary,#0d6efd);background:rgba(var(--bs-primary-rgb,13,110,253),.055);box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb,13,110,253),.08)}@media(max-width:767.98px){.gkazmi-notify-event-grid{grid-template-columns:1fr}}

/* ============================================================
   GKazmi UI
   Enterprise compatibility layer — historical pre-canonical zone
   ============================================================ */
/* GKazmi Enterprise v2 core stylesheet.
 * Consolidated in original cascade order from v14-2 through v14-6.
 */

/* ===== BEGIN legacy v14-2 ===== */
/*
 * GKazmi Enterprise Light v14.2
 * Single canonical light design-system layer.
 * No dark theme. No MutationObserver. No DOM rewriting.
 */

:root{
  --gk-bg: #f6f8fc;
  --gk-surface: #ffffff;
  
  --gk-border: #dce4ef;
  --gk-text: #172033;
  --gk-muted: #69768b;
  --gk-primary: #6256d9;
  --gk-primary-soft: #efedff;
  
  
  --gk-danger: #e54b5f;
  --gk-radius-sm: 10px;
  --gk-radius: 14px;
  --gk-radius-lg: 18px;
  --gk-shadow: 0 10px 26px rgba(15, 23, 42, .06);
}

html,
body.gkazmi-enterprise-light{
  background: var(--gk-bg) !important;
  color: var(--gk-text) !important;
  color-scheme: light !important;
  overflow-x: hidden !important;
}

/* Main layout */


body.gkazmi-enterprise-light .main-content > .container,
body.gkazmi-enterprise-light .main-content > .container-fluid{
  max-width: 100% !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* Canonical light sidebar */
body.gkazmi-enterprise-light .sidebar{
  background: #ffffff !important;
  color: var(--gk-text) !important;
  border-right: 1px solid var(--gk-border) !important;
  box-shadow: 6px 0 22px rgba(15, 23, 42, .045) !important;
}

body.gkazmi-enterprise-light .sidebar-brand,
body.gkazmi-enterprise-light .sidebar-search,
body.gkazmi-enterprise-light .sidebar-search-inner{
  background: #ffffff !important;
}

body.gkazmi-enterprise-light .sidebar .menu-title,
body.gkazmi-enterprise-light .sidebar .nav-header,
body.gkazmi-enterprise-light .sidebar .section-title{
  color: #8a95a8 !important;
}

body.gkazmi-enterprise-light .sidebar .nav-link{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 44px !important;
  margin: 3px 9px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #445066 !important;
  box-shadow: none !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

body.gkazmi-enterprise-light .sidebar .nav-link:hover{
  background: #f4f2ff !important;
  color: #5142c3 !important;
}

body.gkazmi-enterprise-light .sidebar .nav-link.active,
body.gkazmi-enterprise-light .sidebar .nav-link[aria-current="page"]{
  background: var(--gk-primary-soft) !important;
  color: #4d3fba !important;
  border: 1px solid #ddd7ff !important;
  box-shadow: none !important;
}

body.gkazmi-enterprise-light .sidebar .nav-link.active *,
body.gkazmi-enterprise-light .sidebar .nav-link[aria-current="page"] *{
  color: #4d3fba !important;
}

body.gkazmi-enterprise-light .sidebar .nav-link i,
body.gkazmi-enterprise-light .sidebar .nav-link svg{
  flex: 0 0 24px !important;
  width: 24px !important;
  margin: 0 !important;
}

/* Canonical page header */
body.gkazmi-enterprise-light .main-content > .header,
body.gkazmi-enterprise-light .page-header,
body.gkazmi-enterprise-light .gkazmi-page-header,
body.gkazmi-enterprise-light .communication-hero{
  margin: 16px 16px 24px !important;
  padding: 28px 30px !important;
  min-height: 150px !important;
  border-radius: var(--gk-radius-lg) !important;
  border: 1px solid var(--gk-border) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8f9fd 100%) !important;
  background-image: none !important;
  color: var(--gk-text) !important;
  box-shadow: var(--gk-shadow) !important;
}

body.gkazmi-enterprise-light .main-content > .header::before,
body.gkazmi-enterprise-light .main-content > .header::after,
body.gkazmi-enterprise-light .page-header::before,
body.gkazmi-enterprise-light .page-header::after,
body.gkazmi-enterprise-light .communication-hero::before,
body.gkazmi-enterprise-light .communication-hero::after{
  display: none !important;
}

body.gkazmi-enterprise-light .main-content > .header h1,
body.gkazmi-enterprise-light .main-content > .header h2,
body.gkazmi-enterprise-light .page-header h1,
body.gkazmi-enterprise-light .page-header h2,
body.gkazmi-enterprise-light .gkazmi-page-header h1,
body.gkazmi-enterprise-light .communication-hero h1{
  color: var(--gk-text) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.gkazmi-enterprise-light .main-content > .header p,
body.gkazmi-enterprise-light .page-header p,
body.gkazmi-enterprise-light .communication-hero p{
  color: var(--gk-muted) !important;
  opacity: 1 !important;
}

body.gkazmi-enterprise-light .header-icon,
body.gkazmi-enterprise-light .communication-icon{
  background: var(--gk-primary-soft) !important;
  color: var(--gk-primary) !important;
  border: 1px solid #ddd7ff !important;
  box-shadow: none !important;
}

/* Cards */
body.gkazmi-enterprise-light .card,
body.gkazmi-enterprise-light .card-soft,
body.gkazmi-enterprise-light .form-card,
body.gkazmi-enterprise-light .result-card{
  background: var(--gk-surface) !important;
  border: 1px solid var(--gk-border) !important;
  border-radius: var(--gk-radius) !important;
  box-shadow: var(--gk-shadow) !important;
}

/* Forms */
body.gkazmi-enterprise-light .form-label{
  color: #344054 !important;
  font-weight: 600 !important;
}

body.gkazmi-enterprise-light .form-control,
body.gkazmi-enterprise-light .form-select,
body.gkazmi-enterprise-light textarea{
  background: #ffffff !important;
  color: var(--gk-text) !important;
  border: 1px solid #cfd8e5 !important;
  border-radius: var(--gk-radius-sm) !important;
  min-height: 44px;
}

body.gkazmi-enterprise-light .form-control:focus,
body.gkazmi-enterprise-light .form-select:focus,
body.gkazmi-enterprise-light textarea:focus{
  border-color: var(--gk-primary) !important;
  box-shadow: 0 0 0 .22rem rgba(98, 86, 217, .14) !important;
}

/* Buttons */
body.gkazmi-enterprise-light .btn{
  border-radius: 10px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

body.gkazmi-enterprise-light .btn-primary{
  background: var(--gk-primary) !important;
  border-color: var(--gk-primary) !important;
  color: #ffffff !important;
}

body.gkazmi-enterprise-light .btn-secondary{
  background: #edf1f6 !important;
  border-color: #d4dde8 !important;
  color: #364152 !important;
}

body.gkazmi-enterprise-light .btn-danger{
  background: var(--gk-danger) !important;
  border-color: var(--gk-danger) !important;
  color: #ffffff !important;
}

/* Tables */
body.gkazmi-enterprise-light .table-responsive{
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  background: #ffffff !important;
  border: 1px solid var(--gk-border) !important;
  border-radius: var(--gk-radius) !important;
}

body.gkazmi-enterprise-light table{
  width: 100% !important;
  margin-bottom: 0 !important;
}

body.gkazmi-enterprise-light table thead th{
  background: #f6f8fc !important;
  color: #46526a !important;
  border-color: var(--gk-border) !important;
  vertical-align: middle !important;
}

body.gkazmi-enterprise-light table tbody td{
  vertical-align: middle !important;
  border-color: #edf1f5 !important;
}

body.gkazmi-enterprise-light table tbody tr:nth-child(odd) > *{
  background: #ffffff !important;
}

body.gkazmi-enterprise-light table tbody tr:nth-child(even) > *{
  background: #f9fbfd !important;
}

body.gkazmi-enterprise-light table tbody tr:hover > *{
  background: #f5f3ff !important;
}

body.gkazmi-enterprise-light table th:first-child,
body.gkazmi-enterprise-light table td:first-child{
  padding-left: 14px !important;
}

body.gkazmi-enterprise-light table th:last-child,
body.gkazmi-enterprise-light table td:last-child{
  padding-right: 14px !important;
}

/* Modals */
body.gkazmi-enterprise-light .modal-content{
  background: #ffffff !important;
  border: 1px solid var(--gk-border) !important;
  border-radius: var(--gk-radius-lg) !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .14) !important;
}

body.gkazmi-enterprise-light .modal-header{
  background: #ffffff !important;
  color: var(--gk-text) !important;
  border-bottom: 1px solid var(--gk-border) !important;
}

body.gkazmi-enterprise-light .modal-footer{
  background: #f8fafc !important;
  border-top: 1px solid var(--gk-border) !important;
}

/* No dark theme */
body.gkazmi-enterprise-light.dark-mode,
body.gkazmi-enterprise-light.theme-dark,
body.gkazmi-enterprise-light.gkazmi-theme-dark{
  background: var(--gk-bg) !important;
  color: var(--gk-text) !important;
}

#gkazmiThemeToggle,
.gkazmi-theme-toggle,
[data-theme-toggle]{
  display: none !important;
}

@media (max-width: 991.98px) {
  body.gkazmi-enterprise-light .main-content > .header,
body.gkazmi-enterprise-light .page-header,
body.gkazmi-enterprise-light .gkazmi-page-header,
body.gkazmi-enterprise-light .communication-hero{
    margin: 12px 12px 18px !important;
    padding: 22px 20px !important;
  }
}

/* ===== END legacy v14-2 ===== */

/* ===== BEGIN legacy v14-3 ===== */
/* GKazmi Enterprise Light v14.3 - source-backed sidebar and table refactor */

/* Flex architecture: sidebar must consume its own width, content consumes the rest. */
body.gkazmi-enterprise-light > .d-flex,
body.gkazmi-enterprise-light .d-flex:has(> .sidebar){
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.gkazmi-enterprise-light .sidebar{
  flex: 0 0 var(--sb-width, 280px) !important;
  width: var(--sb-width, 280px) !important;
  min-width: var(--sb-width, 280px) !important;
  max-width: var(--sb-width, 280px) !important;
  overflow-x: hidden !important;
}

body.gkazmi-enterprise-light .main-content{
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: calc(100vw - var(--sb-width, 280px)) !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  overflow-x: hidden !important;
}

/* Sidebar icons stay square; labels never get cut in normal mode. */
body.gkazmi-enterprise-light .sidebar .nav-link i,
body.gkazmi-enterprise-light .sidebar .nav-link svg{
  flex: 0 0 34px !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
}

body.gkazmi-enterprise-light:not(.gkazmi-sb-mini) .sidebar .nav-link span{
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

/* Manage Users: replace giant minimum-width table with a true fluid layout. */
body.gkazmi-page-manage_users .users-table-wrap{
  overflow-x: hidden !important;
}

body.gkazmi-page-manage_users .canonical-users-table{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

body.gkazmi-page-manage_users .canonical-users-table .u-col-id{ width: 4%; }
body.gkazmi-page-manage_users .canonical-users-table .u-col-username{ width: 9%; }
body.gkazmi-page-manage_users .canonical-users-table .u-col-name{ width: 9%; }
body.gkazmi-page-manage_users .canonical-users-table .u-col-email{ width: 13%; }
body.gkazmi-page-manage_users .canonical-users-table .u-col-mobile{ width: 10%; }
body.gkazmi-page-manage_users .canonical-users-table .u-col-role{ width: 8%; }
body.gkazmi-page-manage_users .canonical-users-table .u-col-package{ width: 8%; }
body.gkazmi-page-manage_users .canonical-users-table .u-col-domain{ width: 14%; }
body.gkazmi-page-manage_users .canonical-users-table .u-col-expired{ width: 9%; }
body.gkazmi-page-manage_users .canonical-users-table .u-col-created{ width: 11%; }
body.gkazmi-page-manage_users .canonical-users-table .u-col-actions{ width: 8%; }

body.gkazmi-page-manage_users .canonical-users-table th,
body.gkazmi-page-manage_users .canonical-users-table td{
  min-width: 0 !important;
  max-width: none !important;
  padding: .62rem .48rem !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  white-space: normal !important;
}

body.gkazmi-page-manage_users .canonical-users-table .actions-cell{
  overflow: visible !important;
  white-space: nowrap !important;
}

body.gkazmi-page-manage_users .canonical-users-table .actions-cell .btn{
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* CronJobs: explicit source classes replace fragile nth-child rules. */
body.gkazmi-page-cronjobs_management .cronjobs-table-wrap{
  overflow-x: hidden !important;
}

body.gkazmi-page-cronjobs_management .canonical-cronjobs-table{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

body.gkazmi-page-cronjobs_management col.cj-col-select{ width: 42px; }
body.gkazmi-page-cronjobs_management col.cj-col-id{ width: 64px; }
body.gkazmi-page-cronjobs_management col.cj-col-user{ width: 88px; }
body.gkazmi-page-cronjobs_management col.cj-col-title{ width: 105px; }
body.gkazmi-page-cronjobs_management col.cj-col-method{ width: 68px; }
body.gkazmi-page-cronjobs_management col.cj-col-url{ width: auto; }
body.gkazmi-page-cronjobs_management col.cj-col-interval{ width: 92px; }
body.gkazmi-page-cronjobs_management col.cj-col-enabled{ width: 72px; }
body.gkazmi-page-cronjobs_management col.cj-col-next{ width: 132px; }
body.gkazmi-page-cronjobs_management col.cj-col-last{ width: 96px; }
body.gkazmi-page-cronjobs_management col.cj-col-status{ width: 126px; }
body.gkazmi-page-cronjobs_management col.cj-col-actions{ width: 126px; }

body.gkazmi-page-cronjobs_management .canonical-cronjobs-table th,
body.gkazmi-page-cronjobs_management .canonical-cronjobs-table td{
  min-width: 0 !important;
  padding: .58rem .38rem !important;
}

body.gkazmi-page-cronjobs_management .cj-select-cell{
  width: 42px !important;
  min-width: 42px !important;
  padding-left: 10px !important;
  padding-right: 6px !important;
  overflow: visible !important;
}

body.gkazmi-page-cronjobs_management .cj-select-cell .form-check-input,
body.gkazmi-page-cronjobs_management .cj-select-cell input[type="checkbox"]{
  float: none !important;
  margin: 0 !important;
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
}

body.gkazmi-page-cronjobs_management .cj-actions-cell{
  width: 126px !important;
  min-width: 126px !important;
  padding-right: 10px !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

body.gkazmi-page-cronjobs_management .cj-actions-cell .btn{
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  margin: 1px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.gkazmi-page-cronjobs_management .canonical-cronjobs-table .url-clamp{
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 1450px) {
  body.gkazmi-page-cronjobs_management .canonical-cronjobs-table .col-last-run,
body.gkazmi-page-cronjobs_management .canonical-cronjobs-table th.col-last-run,
body.gkazmi-page-cronjobs_management col.cj-col-last{
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  body.gkazmi-enterprise-light .sidebar{
    max-width: var(--sb-width, 280px) !important;
  }

  body.gkazmi-enterprise-light .main-content{
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* ===== END legacy v14-3 ===== */

/* ===== BEGIN legacy v14-4 ===== */

.gkazmi-roles-table,
.gkazmi-manual-table,
.gkazmi-resellers-table{table-layout:fixed!important;min-width:0!important}.gkazmi-roles-table .rp-col-permission{width:25%}.gkazmi-roles-table .rp-col-description{width:39%}.gkazmi-roles-table .rp-col-role{width:12%}.gkazmi-roles-table th,
.gkazmi-roles-table td{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:anywhere!important}.gkazmi-roles-table .rp-head-role,
.gkazmi-roles-table .rp-cell-role{text-align:center!important}.gkazmi-roles-table .perm-key{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.84rem;line-height:1.35}.gkazmi-page-subtitle{opacity:1!important;color:#69768b!important}
.gkazmi-manual-table .mc-col-number{width:4%}.gkazmi-manual-table .mc-col-type{width:7%}.gkazmi-manual-table .mc-col-title{width:14%}.gkazmi-manual-table .mc-col-url{width:23%}.gkazmi-manual-table .mc-col-schedule{width:14%}.gkazmi-manual-table .mc-col-method{width:8%}.gkazmi-manual-table .mc-col-status{width:8%}.gkazmi-manual-table .mc-col-created{width:14%}.gkazmi-manual-table .mc-col-actions{width:8%}.gkazmi-manual-table th,
.gkazmi-manual-table td{min-width:0!important}.gkazmi-manual-table .mc-cell-url{max-width:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.gkazmi-manual-table .mc-cell-actions{text-align:center!important;white-space:nowrap!important;overflow:visible!important}
.gkazmi-resellers-table .rs-col-id{width:5%}.gkazmi-resellers-table .rs-col-logo{width:8%}.gkazmi-resellers-table .rs-col-name{width:13%}.gkazmi-resellers-table .rs-col-country{width:11%}.gkazmi-resellers-table .rs-col-description{width:20%}.gkazmi-resellers-table .rs-col-contacts{width:33%}.gkazmi-resellers-table .rs-col-actions{width:10%}.gkazmi-resellers-table th,
.gkazmi-resellers-table td{min-width:0!important;overflow-wrap:anywhere!important}.gkazmi-resellers-table .contact-badges .btn{margin:2px!important;white-space:nowrap!important}.gkazmi-resellers-table .rs-cell-actions{text-align:center!important;white-space:nowrap!important;overflow:visible!important}#modalAdd .modal-header,
#modalEdit .modal-header{background:#fff!important;color:#172033!important;border-bottom:1px solid #dce4ef!important}#modalAdd .modal-title,
#modalEdit .modal-title{color:#172033!important}
@media(max-width:1100px){.gkazmi-roles-table,
.gkazmi-manual-table,
.gkazmi-resellers-table{font-size:.8rem!important}.gkazmi-resellers-table .contact-badges .btn{font-size:.72rem!important;padding:.3rem .45rem!important}}

/* ===== END legacy v14-4 ===== */

/* ===== BEGIN legacy v14-5 ===== */
/* Phase 14.5 source-backed history, communication and settings components */


.gkazmi-icon-action i{ margin: 0 !important; font-size: 14px !important; }

/* History summary */
.gkazmi-history-summary-table,
.gkazmi-history-runs-table,
.gkazmi-communication-history-table,
.gkazmi-invoices-table,
.gkazmi-packages-table{
  width: 100% !important;
  table-layout: fixed !important;
  min-width: 0 !important;
}

.gkazmi-history-summary-table .hs-col-job-id{ width: 6%; }
.gkazmi-history-summary-table .hs-col-user{ width: 8%; }
.gkazmi-history-summary-table .hs-col-title{ width: 16%; }
.gkazmi-history-summary-table .hs-col-interval{ width: 8%; }
.gkazmi-history-summary-table .hs-col-enabled{ width: 7%; }
.gkazmi-history-summary-table .hs-col-last-run{ width: 11%; }
.gkazmi-history-summary-table .hs-col-next-run{ width: 11%; }
.gkazmi-history-summary-table .hs-col-status{ width: 10%; }
.gkazmi-history-summary-table .hs-col-runs{ width: 9%; }
.gkazmi-history-summary-table .hs-col-avg{ width: 7%; }
.gkazmi-history-summary-table .hs-col-p95{ width: 7%; }
.gkazmi-history-summary-table .hs-cell-title{
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* History run log */
.gkazmi-history-runs-table .hr-col-run-id{ width: 6%; }
.gkazmi-history-runs-table .hr-col-user{ width: 8%; }
.gkazmi-history-runs-table .hr-col-job-id{ width: 6%; }
.gkazmi-history-runs-table .hr-col-title{ width: 13%; }
.gkazmi-history-runs-table .hr-col-started{ width: 11%; }
.gkazmi-history-runs-table .hr-col-finished{ width: 11%; }
.gkazmi-history-runs-table .hr-col-status{ width: 7%; }
.gkazmi-history-runs-table .hr-col-http{ width: 6%; }
.gkazmi-history-runs-table .hr-col-ms{ width: 5%; }
.gkazmi-history-runs-table .hr-col-error{ width: 20%; }
.gkazmi-history-runs-table .hr-col-details{ width: 7%; }
.gkazmi-history-runs-table .hr-cell-error{
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  white-space: normal !important;
}
.gkazmi-history-runs-table .col-details{ text-align: center !important; }

/* Communication history */
.gkazmi-communication-history-table .ch-col-id{ width: 6%; }
.gkazmi-communication-history-table .ch-col-time{ width: 14%; }
.gkazmi-communication-history-table .ch-col-actor{ width: 12%; }
.gkazmi-communication-history-table .ch-col-audience{ width: 13%; }
.gkazmi-communication-history-table .ch-col-subject{ width: 31%; }
.gkazmi-communication-history-table .ch-col-requested,
.gkazmi-communication-history-table .ch-col-delivered,
.gkazmi-communication-history-table .ch-col-failed{ width: 8%; }
.gkazmi-communication-history-table th:nth-last-child(-n+3),
.gkazmi-communication-history-table td:nth-last-child(-n+3){ text-align: center !important; }

/* Website settings invoices */
.gkazmi-invoices-table .wi-col-id{ width: 6%; }
.gkazmi-invoices-table .wi-col-time{ width: 13%; }
.gkazmi-invoices-table .wi-col-user{ width: 11%; }
.gkazmi-invoices-table .wi-col-package{ width: 12%; }
.gkazmi-invoices-table .wi-col-provider{ width: 12%; }
.gkazmi-invoices-table .wi-col-amount{ width: 10%; }
.gkazmi-invoices-table .wi-col-status{ width: 9%; }
.gkazmi-invoices-table .wi-col-txid{ width: 15%; }
.gkazmi-invoices-table .wi-col-paid{ width: 12%; }

/* Website settings packages */
.gkazmi-packages-table .wp-col-title{ width: 14%; }
.gkazmi-packages-table .wp-col-slug{ width: 12%; }
.gkazmi-packages-table .wp-col-price{ width: 8%; }
.gkazmi-packages-table .wp-col-duration{ width: 11%; }
.gkazmi-packages-table .wp-col-limit{ width: 7%; }
.gkazmi-packages-table .wp-col-min{ width: 7%; }
.gkazmi-packages-table .wp-col-popular{ width: 9%; }
.gkazmi-packages-table .wp-col-active{ width: 8%; }
.gkazmi-packages-table .wp-col-order{ width: 7%; }
.gkazmi-packages-table .wp-col-actions{ width: 17%; }
.gkazmi-packages-table .wp-cell-actions{
  white-space: nowrap !important;
  text-align: center !important;
  overflow: visible !important;
}
.gkazmi-packages-table .wp-cell-actions form{ display: inline-block !important; }

@media (max-width: 1200px) {
  .gkazmi-history-summary-table,
.gkazmi-history-runs-table,
.gkazmi-communication-history-table,
.gkazmi-invoices-table,
.gkazmi-packages-table{ font-size: .78rem !important; }
}

/* ===== END legacy v14-5 ===== */

/* ===== BEGIN legacy v14-6 ===== */
/* Phase 14.6 - form controls, icon actions and source-backed table finishing */
.gkazmi-enterprise-light .form-select,
.form-select{
  padding-right: 2.75rem !important;
  background-position: right .8rem center !important;
  background-size: 16px 12px !important;
  text-overflow: ellipsis;
}

.gkazmi-icon-action{
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 38px !important;
  line-height: 1 !important;
  border-radius: 10px !important;
  white-space: nowrap !important;
}

.gkazmi-icon-action i,
.gkazmi-icon-action svg{
  width: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  flex: 0 0 14px !important;
}

.gkazmi-page-manage_users .table-responsive{
  overflow-x: hidden !important;
}

.gkazmi-page-manage_users .table-users{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

.table-users .u-col-id{ width: 4%; }
.table-users .u-col-username{ width: 9%; }
.table-users .u-col-name{ width: 11%; }
.table-users .u-col-email{ width: 14%; }
.table-users .u-col-mobile{ width: 9%; }
.table-users .u-col-role{ width: 7%; }
.table-users .u-col-package{ width: 8%; }
.table-users .u-col-domain{ width: 16%; }
.table-users .u-col-expired{ width: 8%; }
.table-users .u-col-created{ width: 9%; }
.table-users .u-col-actions{ width: 5%; }

.table-users th,
.table-users td{
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.table-users td.actions-cell{
  overflow: visible !important;
  white-space: nowrap !important;
  text-align: right !important;
}

.gkazmi-page-cronjobs_management .table-responsive{
  overflow-x: hidden !important;
}

.gkazmi-page-cronjobs_management .cronjobs-table{
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

.cronjobs-table .cj-col-select{ width: 3%; }
.cronjobs-table .cj-col-id{ width: 5%; }
.cronjobs-table .cj-col-user{ width: 7%; }
.cronjobs-table .cj-col-title{ width: 10%; }
.cronjobs-table .cj-col-method{ width: 6%; }
.cronjobs-table .cj-col-url{ width: 18%; }
.cronjobs-table .cj-col-interval{ width: 7%; }
.cronjobs-table .cj-col-enabled{ width: 7%; }
.cronjobs-table .cj-col-next{ width: 10%; }
.cronjobs-table .cj-col-last{ width: 10%; }
.cronjobs-table .cj-col-status{ width: 7%; }
.cronjobs-table .cj-col-actions{ width: 10%; }

.cronjobs-table th,
.cronjobs-table td{
  min-width: 0 !important;
}

.cronjobs-table th:first-child,
.cronjobs-table td:first-child{
  overflow: visible !important;
  padding-left: 10px !important;
  padding-right: 4px !important;
}

.cronjobs-table th:last-child,
.cronjobs-table td:last-child{
  overflow: visible !important;
  white-space: nowrap !important;
  padding-right: 12px !important;
}

.gkazmi-notify-event-option{
  min-width: 0 !important;
}

.gkazmi-notify-event-option > span:last-child{
  min-width: 0 !important;
}

@media (max-width: 1200px) {
  .table-users,
.cronjobs-table{
    font-size: .78rem !important;
  }

  .table-users th,
.table-users td,
.cronjobs-table th,
.cronjobs-table td{
    padding: .55rem .38rem !important;
  }
}

/* ===== END legacy v14-6 ===== */


/* ===== BEGIN ENTERPRISE GLOBAL UI POLISH 20260722 ===== */

.enterprise-page-header,
.gkazmi-page-system_status .header{
  position: relative;
  overflow: hidden;
  padding: 2rem 1.5rem;
  margin: 0;
  background:
    radial-gradient(circle at top right, rgba(13,110,253,.14), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f6f9fd 100%);
  border-bottom: 1px solid #dfe7f1;
}

.enterprise-page-header h1,
.gkazmi-page-system_status .header h1{
  color: #182235;
  font-weight: 800;
  letter-spacing: -.025em;
}

.enterprise-page-header .lead,
.gkazmi-page-system_status .header .lead{
  color: #6b778c;
  font-size: .98rem;
}

.enterprise-page-shell,
.gkazmi-page-system_status .container-fluid{
  max-width: 1680px;
  margin-inline: auto;
}

.enterprise-card,
.gkazmi-enterprise-light .card{
  border: 1px solid #dfe7f1 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(21,34,50,.055) !important;
}

.enterprise-card > h5:first-child,
.gkazmi-enterprise-light .card > h5:first-child{
  color: #1d2939;
  font-weight: 800;
  letter-spacing: -.01em;
}

.gkazmi-enterprise-light .card h6{
  color: #344054;
  font-weight: 750;
}

.gkazmi-enterprise-light .alert{
  border: 1px solid transparent;
  border-radius: 13px;
  box-shadow: none;
}

.gkazmi-enterprise-light .alert-success{
  color: #11623f;
  background: #eaf8f1;
  border-color: #bfe8d3;
}

.gkazmi-enterprise-light .alert-warning{
  color: #7a5200;
  background: #fff7df;
  border-color: #f3d98c;
}

.gkazmi-enterprise-light .alert-danger{
  color: #9f2630;
  background: #fdebed;
  border-color: #f2bec3;
}

.gkazmi-enterprise-light .alert-info{
  color: #155b78;
  background: #eaf7fd;
  border-color: #b9e0f1;
}

.gkazmi-enterprise-light .badge{
  border-radius: 999px;
  padding: .42em .68em;
  font-weight: 750;
  letter-spacing: .015em;
}

.enterprise-table,
.gkazmi-enterprise-light .table{
  --bs-table-bg: transparent;
  margin-bottom: 0;
}

.enterprise-table thead th,
.gkazmi-enterprise-light .table thead th{
  color: #667085;
  background: #f8fafc;
  font-size: .72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .045em;
  border-bottom-color: #dfe7f1;
}

.enterprise-table td,
.gkazmi-enterprise-light .table td{
  color: #344054;
  border-bottom-color: #edf1f6;
}

.gkazmi-enterprise-light .table-responsive{
  border: 1px solid #e4eaf2;
  border-radius: 12px;
  overflow: auto;
}

.enterprise-code,
.gkazmi-enterprise-light .mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.enterprise-code-block{
  position: relative;
  overflow: auto;
  padding: 1rem 3.25rem 1rem 1rem !important;
  color: #e5edf7 !important;
  background: #111827 !important;
  border: 1px solid #243244;
  border-radius: 12px !important;
  white-space: pre-wrap;
  word-break: break-word;
}

.enterprise-copy-button{
  position: absolute;
  top: .55rem;
  right: .55rem;
  z-index: 2;
  min-width: 34px;
  height: 30px;
  padding: 0 .6rem;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  color: #dbe7f5;
  background: rgba(255,255,255,.08);
  font-size: .7rem;
  font-weight: 750;
}

.enterprise-copy-button:hover{
  color: #fff;
  background: rgba(255,255,255,.15);
}

.enterprise-section-nav{
  position: sticky;
  top: 10px;
  z-index: 20;
  display: flex;
  gap: .45rem;
  overflow-x: auto;
  margin: 0 0 1rem;
  padding: .55rem;
  background: rgba(255,255,255,.94);
  border: 1px solid #dfe7f1;
  border-radius: 13px;
  box-shadow: 0 8px 20px rgba(21,34,50,.05);
  backdrop-filter: blur(10px);
}

.enterprise-section-nav a{
  flex: 0 0 auto;
  padding: .42rem .72rem;
  color: #526173;
  background: #f5f7fa;
  border-radius: 9px;
  font-size: .72rem;
  font-weight: 750;
  text-decoration: none;
  white-space: nowrap;
}

.enterprise-section-nav a:hover,
.enterprise-section-nav a.active{
  color: #0d6efd;
  background: #eaf2ff;
}

.gkazmi-enterprise-light .hint{
  color: #758195;
  font-size: .78rem;
  line-height: 1.55;
}

@media (max-width: 767.98px) {
  .enterprise-page-header,
.gkazmi-page-system_status .header{
    padding: 1.5rem 1rem;
  }

  .enterprise-section-nav{
    top: 6px;
  }

  .gkazmi-enterprise-light .card{
    border-radius: 13px !important;
  }
}

/* Migrated source-backed system-status rules */
/* Externalized from system_status.php by GKazmi Phase 15 */

    

/* ===== END ENTERPRISE GLOBAL UI POLISH 20260722 ===== */

/* ===== BEGIN GLOBAL BACK-TO-TOP 20260722 ===== */
.gkazmi-back-to-top{
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 1080;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #cbd8e8;
  border-radius: 14px;
  color: #fff;
  background: #0d6efd;
  box-shadow: 0 12px 30px rgba(13,110,253,.28);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px) scale(.94);
  transition: opacity .18s ease, visibility .18s ease, transform .18s ease, background .18s ease;
}
.gkazmi-back-to-top:hover{
  background: #0b5ed7;
  transform: translateY(-2px) scale(1);
}

@media (max-width: 767.98px) {
  .gkazmi-back-to-top{
    right: 14px;
    bottom: 14px;
    width: 42px;
    height: 42px;
  }
}
/* ===== END GLOBAL BACK-TO-TOP 20260722 ===== */

/* ===== BEGIN GKazmi NATIVE MINI SIDEBAR WIDTH FIX ===== */
/* Uses the authoritative body.gkazmi-sb-mini state from includes/sidebar.php. */

@media (min-width: 992px){
  body.gkazmi-enterprise-light.gkazmi-sb-mini {
    --sb-width: 88px;
  }

  body.gkazmi-enterprise-light.gkazmi-sb-mini .sidebar {
    flex: 0 0 var(--sb-width) !important;
    width: var(--sb-width) !important;
    min-width: var(--sb-width) !important;
    max-width: var(--sb-width) !important;
    overflow-x: hidden !important;
  }

  body.gkazmi-enterprise-light.gkazmi-sb-mini .main-content {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100vw - var(--sb-width)) !important;
    min-width: 0 !important;
    margin-left: 0 !important;
  }

  body.gkazmi-enterprise-light.gkazmi-sb-mini .sidebar-brand {
    justify-content: center !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body.gkazmi-enterprise-light.gkazmi-sb-mini .sidebar-brand-left {
    justify-content: center !important;
  }

  body.gkazmi-enterprise-light.gkazmi-sb-mini .sidebar-brand-text,
  body.gkazmi-enterprise-light.gkazmi-sb-mini .sidebar-search,
  body.gkazmi-enterprise-light.gkazmi-sb-mini .menu-title-btn > span,
  body.gkazmi-enterprise-light.gkazmi-sb-mini .menu-chevron,
  body.gkazmi-enterprise-light.gkazmi-sb-mini .sidebar .nav-link > span {
    display: none !important;
  }

  body.gkazmi-enterprise-light.gkazmi-sb-mini .sidebar-brand-actions {
    margin: 8px auto 0 !important;
  }

  body.gkazmi-enterprise-light.gkazmi-sb-mini .menu-title-btn {
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.gkazmi-enterprise-light.gkazmi-sb-mini .sidebar .nav-link {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    min-height: 56px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 11px !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  body.gkazmi-enterprise-light.gkazmi-sb-mini .sidebar .nav-link i,
  body.gkazmi-enterprise-light.gkazmi-sb-mini .sidebar .nav-link svg {
    margin: 0 !important;
  }
}

/* Mobile remains controlled by the native off-canvas sidebar behavior. */
@media (max-width: 991.98px){
  body.gkazmi-sb-mini .sidebar {
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
  }
}

/* ===== END GKazmi NATIVE MINI SIDEBAR WIDTH FIX ===== */


/*
 * GKazmi UI
 * Global shell/theme compatibility layer.
 * Phase 1 preserves existing page assets.
 */

:root{
    
    
    
    
    --gkazmi-ui-sidebar-width: 280px;
}

.sidebar[data-gkazmi-sidebar="1"]{
    width: var(--gkazmi-ui-sidebar-width);
}


body.sidebar-open .gkazmi-sidebar-backdrop{
    display: block;
}

@media (max-width: 992px) {
    .sidebar[data-gkazmi-sidebar="1"]{
        position: fixed;
        left: -100%;
        top: 0;
        height: 100vh;
        z-index: 1045;
        transition: left .2s ease;
    }

    .sidebar[data-gkazmi-sidebar="1"].active{
        left: 0;
    }

    .gkazmi-sidebar-backdrop{
        position: fixed;
        inset: 0;
        background: rgba(15,23,42,.36);
        z-index: 1040;
    }
}

/* ============================================================
   GKazmi UI — Canonical Global Theme
   Phase 2C V2
   ============================================================ */

/* === GKazmi UI Source: theme-overrides.css === */
/*
  GKazmi - Unified Theme Overrides (v10)
  ----------------------------------------
  Goal:
  - Keep ALL app pages on a single modern light theme.
  - Make banners / cards / tables consistent everywhere.
  - Shared-hosting friendly (no build tools needed).
*/

/*
  IMPORTANT (Routing compatibility)
  -------------------------------
  This project supports URL prefixes like /admin/* and /app/* via .htaccess.
  When a page is visited under /admin/..., the browser loads this stylesheet as
  /admin/assets/css/theme-overrides.css.

  If we used a relative import here (../../sidebar_theme.css), the browser would
  request /admin/sidebar_theme.css which does not exist, and the sidebar would
  lose its styling.

  Using a root-absolute path ("/sidebar_theme.css") keeps the sidebar theme
  working for /admin/* and /app/* URLs.

  Note: This assumes the project is installed at the web root of a domain/subdomain
  (typical for cPanel subdomains like cron.example.com). If you install into a
  subfolder, change this to "sidebar_theme.css" and add a RewriteRule mapping
  /admin/sidebar_theme.css -> /sidebar_theme.css.
*/
/* Cache-bust sidebar theme (mobile sidebar click fix) */
/* ============================================================
   
   Exact former /sidebar_theme.css payload follows.
   ============================================================ */
/*
  Sidebar Theme v9 (GKazmi)
  -------------------------------------
  New features:
  - Collapsible groups (menu-group.collapsed)
  - Mini sidebar mode (body.gkazmi-sb-mini)
  - Search filter bar
  - Active highlight pill + smooth animation
*/

:root{
  --sb-bg: #ffffff;
  --sb-border: rgba(15,23,42,.08);
  --sb-text: #0f172a;
  --sb-muted: #64748b;
  --sb-hover: rgba(15,23,42,.04);

  --sb-active-bg: rgba(59,130,246,.14);
  --sb-active: #2563eb;
  --sb-pill-shadow: 0 8px 18px rgba(37,99,235,.14);

  --sb-width: 280px;
  --sb-mini-width: 78px;
}

/* Sidebar container */
.sidebar{
  width: var(--sb-width) !important;
  background: var(--sb-bg) !important;
  border-right: 1px solid var(--sb-border) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.06) !important;
  transition: width .22s ease, transform .25s ease !important;
  /* Keep below Bootstrap modals on desktop. */
  z-index: 1000;
}

/* Brand */
.sidebar-brand{
  padding: 1.1rem 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 1px solid var(--sb-border) !important;
  gap: .75rem !important;
}
.sidebar-brand-left{
  display:flex;
  align-items:center;
  gap:.65rem;
  min-width: 0;
}
.sidebar-brand img{
  /* Prevent logo distortion (some legacy pages forced square sizing) */
  width: 40px !important;
  height: 40px !important;
  object-fit: contain !important;
  display: block;
  flex: 0 0 auto;
}
.sidebar-brand-text{
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  color: var(--sb-text) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidebar-brand-actions{
  display:flex;
  align-items:center;
  gap: .35rem;
  flex: 0 0 auto;
}

/* Mini toggle button */
.sidebar-mini-toggle{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--sb-muted);
  transition: background-color .15s ease, transform .15s ease;
}
.sidebar-mini-toggle:hover{
  background: rgba(15,23,42,.06);
}
.sidebar-mini-toggle:active{
  transform: translateY(1px);
}
.sidebar-mini-toggle i{ font-size: 16px; }

/* Search bar */
.sidebar-search{
  padding: .85rem .9rem .35rem;
}
.sidebar-search-inner{
  display:flex;
  align-items:center;
  gap:.55rem;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  padding: .55rem .75rem;
}
.sidebar-search-inner i{
  color: var(--sb-muted);
  font-size: 14px;
}
.sidebar-search-inner input{
  border: 0;
  outline: none;
  background: transparent;
  width: 100%;
  font-size: .92rem;
  color: var(--sb-text);
}
.sidebar-search-inner input::placeholder{ color: rgba(100,116,139,.85); }
.sidebar-search-clear{
  display:none;
  border:0;
  background: transparent;
  color: var(--sb-muted);
  width: 28px;
  height: 28px;
  border-radius: 10px;
  align-items:center;
  justify-content:center;
  line-height: 1;
  font-size: 18px;
}
.sidebar-search-clear:hover{ background: rgba(15,23,42,.06); }

/* Menu groups */
.menu{ padding: .5rem 0 1rem !important; }
.menu-group{
  margin-bottom: .25rem !important;
  padding: 0 .6rem !important;
}

/* Group icon colors (modern colored icons) */
.menu-group[data-group="main"]{ --sb-ico-bg: rgba(37,99,235,.12); --sb-ico-color: #2563eb; --sb-ico-active-bg: rgba(37,99,235,.20); }
.menu-group[data-group="cron"]{ --sb-ico-bg: rgba(124,58,237,.12); --sb-ico-color: #7c3aed; --sb-ico-active-bg: rgba(124,58,237,.20); }
.menu-group[data-group="security"]{ --sb-ico-bg: rgba(13,148,136,.12); --sb-ico-color: #0d9488; --sb-ico-active-bg: rgba(13,148,136,.20); }
.menu-group[data-group="setup"]{ --sb-ico-bg: rgba(245,158,11,.12); --sb-ico-color: #d97706; --sb-ico-active-bg: rgba(245,158,11,.20); }

.menu-title-btn{
  width: 100%;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .5rem;
  border: 0;
  background: transparent;
  color: var(--sb-muted);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .70rem;
  padding: .45rem .55rem;
  border-radius: 12px;
  transition: background-color .15s ease, color .15s ease;
}
.menu-title-btn:hover{ background: rgba(15,23,42,.04); color: #475569; }
.menu-chevron{
  transition: transform .18s ease;
  opacity: .85;
}
.menu-group.collapsed .menu-chevron{
  transform: rotate(-90deg);
}
.menu-group.collapsed .menu-items{
  display:none;
}

/* Nav links */
.sidebar .nav-link{
  position: relative;
  display:flex !important;
  align-items:center !important;
  gap: .75rem !important;
  padding: .64rem .75rem !important;
  margin: .22rem 0 !important;
  border-radius: 14px !important;
  color: #334155 !important;
  text-decoration:none !important;
  transition: background-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease !important;
}
.sidebar .nav-link i,
.sidebar .nav-link svg{
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  line-height: 1 !important;
  background: var(--sb-ico-bg, rgba(15,23,42,.04)) !important;
  color: var(--sb-ico-color, #94a3b8) !important;
  fill: var(--sb-ico-color, #94a3b8) !important;
  flex: 0 0 auto;
}
.sidebar .nav-link span{
  min-width: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  line-height: 1.22;
}
.sidebar .nav-link:hover{
  background: var(--sb-hover) !important;
  transform: translateX(1px);
}

.sidebar .nav-link.active{
  background: var(--sb-active-bg) !important;
  color: var(--sb-active) !important;
  font-weight: 700 !important;
  box-shadow: var(--sb-pill-shadow) !important;
}
.sidebar .nav-link.active::before{
  content:"";
  position:absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 62%;
  border-radius: 999px;
  background: var(--sb-active);
}
.sidebar .nav-link.active i,
.sidebar .nav-link.active svg{
  background: var(--sb-ico-active-bg, var(--sb-active-bg)) !important;
  color: var(--sb-ico-color, var(--sb-active)) !important;
  fill: var(--sb-ico-color, var(--sb-active)) !important;
}

/* Logout color */
.sidebar .nav-link.text-danger{
  color: #ef4444 !important;
}
.sidebar .nav-link.text-danger i{ background: rgba(239,68,68,.12) !important; color: #ef4444 !important; }

/* ─────────────────────────────────────────────────────────────
   Mini sidebar mode (icons-only)
   ───────────────────────────────────────────────────────────── */
body.gkazmi-sb-mini .sidebar{
  width: var(--sb-mini-width) !important;
}
body.gkazmi-sb-mini .sidebar-brand{
  /* Mini sidebar: brand row becomes vertical to avoid logo/toggle overlap */
  padding: .85rem .5rem !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: .55rem !important;
}

body.gkazmi-sb-mini .sidebar-brand-left{
  justify-content: center !important;
}

body.gkazmi-sb-mini .sidebar-brand img{
  width: 44px !important;
  height: 44px !important;
  object-fit: contain !important;
  display: block;
}

body.gkazmi-sb-mini .sidebar-mini-toggle{
  width: 34px;
  height: 34px;
  border-radius: 10px;
}
body.gkazmi-sb-mini .sidebar-brand-text{ display:none !important; }
body.gkazmi-sb-mini .sidebar-search{ display:none !important; }

body.gkazmi-sb-mini .menu-title-btn span{ display:none !important; }
body.gkazmi-sb-mini .menu-title-btn{
  justify-content:center;
  padding: .35rem .25rem;
}
body.gkazmi-sb-mini .menu-title-btn .menu-chevron{ display:none; }

body.gkazmi-sb-mini .menu-group{ padding: 0 .35rem !important; }
body.gkazmi-sb-mini .sidebar .nav-link{
  justify-content:center !important;
  padding: .78rem .35rem !important;
}
body.gkazmi-sb-mini .sidebar .nav-link span{ display:none !important; }
body.gkazmi-sb-mini .sidebar .nav-link.active::before{
  left: 6px;
}

/* Hide mini toggle on mobile */
@media (max-width: 991.98px){
  .sidebar-mini-toggle{ display:none !important; }
}

/* Colorful icons by link */
.sidebar a[href*="/dashboard"] i,
.sidebar a[href*="/dashboard"] svg { color: #3b82f6 !important; fill: #3b82f6 !important; }

.sidebar a[href*="/adduser"] i,
.sidebar a[href*="/adduser"] svg { color: #8b5cf6 !important; fill: #8b5cf6 !important; }

.sidebar a[href*="/addadmin"] i,
.sidebar a[href*="/addadmin"] svg { color: #f59e0b !important; fill: #f59e0b !important; }

.sidebar a[href*="/manage_users"] i,
.sidebar a[href*="/manage_users"] svg { color: #ef4444 !important; fill: #ef4444 !important; }

/* Roles & Permissions */
.sidebar a[href*="/roles"] i,
.sidebar a[href*="/roles"] svg { color: #f59e0b !important; fill: #f59e0b !important; }

.sidebar a[href*="/website_settings"] i,
.sidebar a[href*="/website_settings"] svg { color: #facc15 !important; fill: #facc15 !important; }

.sidebar a[href*="/manuallycronjobs"] i,
.sidebar a[href*="/manuallycronjobs"] svg { color: #22c55e !important; fill: #22c55e !important; }

.sidebar a[href*="/cronjobs_management"] i,
.sidebar a[href*="/cronjobs_management"] svg { color: #06b6d4 !important; fill: #06b6d4 !important; }

.sidebar a[href*="/cronjobs_history"] i,
.sidebar a[href*="/cronjobs_history"] svg { color: #f97316 !important; fill: #f97316 !important; }

.sidebar a[href*="/manage_resellers"] i,
.sidebar a[href*="/manage_resellers"] svg { color: #a855f7 !important; fill: #a855f7 !important; }

.sidebar a[href*="/profile"] i,
.sidebar a[href*="/profile"] svg { color: #ec4899 !important; fill: #ec4899 !important; }

.sidebar a[href*="/dhrusettings"] i,
.sidebar a[href*="/dhrusettings"] svg { color: #8b5cf6 !important; fill: #8b5cf6 !important; }

.sidebar a[href*="/cloudflare"] i,
.sidebar a[href*="/cloudflare"] svg { color: #6366f1 !important; fill: #6366f1 !important; }


/* Security section icons */
.sidebar a[href*="/api_keys"] i,
.sidebar a[href*="/api_keys"] svg { color: #0ea5e9 !important; fill: #0ea5e9 !important; }

.sidebar a[href*="/system_status"] i,
.sidebar a[href*="/system_status"] svg { color: #22c55e !important; fill: #22c55e !important; }

.sidebar a[href*="/audit_logs"] i,
.sidebar a[href*="/audit_logs"] svg { color: #8b5cf6 !important; fill: #8b5cf6 !important; }

.sidebar a[href*="/api_request_logs"] i,
.sidebar a[href*="/api_request_logs"] svg { color: #3b82f6 !important; fill: #3b82f6 !important; }


.sidebar a[href*="/notifications"] i,
.sidebar a[href*="/notifications"] svg { color: #14b8a6 !important; fill: #14b8a6 !important; }

.sidebar a[href*="logout"] i,
.sidebar a[href*="logout"] svg { color: #ef4444 !important; fill: #ef4444 !important; }

/* Also support legacy route names (if any exist) */
.sidebar a[href*="telegram"] i,
.sidebar a[href*="telegram"] svg,
.sidebar a[href*="2fa"] i,
.sidebar a[href*="2fa"] svg { color: #14b8a6 !important; fill: #14b8a6 !important; }

/* ─────────────────────────────────────────────────────────────
   Mobile / Off-canvas Sidebar (GKazmi CronJob)
   - On small screens, sidebar is hidden by default.
   - A hamburger button toggles body.sidebar-open.
   ───────────────────────────────────────────────────────────── */

/*
  Global sidebar toggle
  - Some legacy pages in this project still contain their own #sidebarToggle button.
  - We hide it globally so only the shared toggle (gkazmiSidebarToggle) is used.
*/

#sidebarToggle { display: none !important; }

.gkazmi-sidebar-toggle-btn {
  /* Hidden by default (desktop). Shown on mobile via media query. */
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 12px;
  left: 12px;
  /* Match Bootstrap offcanvas layering (modal stays above). */
  z-index: 1046 !important;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: #0d6efd;
  color: #fff;
  box-shadow: 0 10px 22px rgba(0,0,0,.14);
}
.gkazmi-sidebar-toggle-btn i { font-size: 18px; line-height: 1; }
.gkazmi-sidebar-toggle-btn:active { transform: translateY(1px); }

.gkazmi-sidebar-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(15,23,42,.45);
  /* Match Bootstrap offcanvas backdrop z-index. */
  z-index: 1040 !important;
  pointer-events: auto;
}


@media (max-width: 991.98px) {
  /* Mobile UX: prevent background scroll when sidebar is open */
  body.sidebar-open { overflow: hidden; }

  .sidebar {
    position: fixed !important;
    top: 0;
    left: 0 !important;
    /* Ensure sidebar is ABOVE backdrop (fix: mobile menu not clickable). */
    z-index: 1045 !important;
    height: 100vh;
    overflow-y: auto;
    box-shadow: 0 18px 35px rgba(0,0,0,.22);

    /* Hide off-canvas by default */
    transform: translateX(-105%) !important;
    transition: transform .25s ease !important;
  }

  /* Show sidebar when the global toggle is active OR legacy pages toggle .active */
  body.sidebar-open .sidebar,
  .sidebar.active,
  .sidebar.sidebar-mobile-show {
    transform: translateX(0) !important;
  }

  .gkazmi-sidebar-toggle-btn { display: inline-flex; }
  body.sidebar-open .gkazmi-sidebar-backdrop { display: block; }

  /* Prevent horizontal overflow on small screens */
  .main-content { overflow-x: hidden; }
}

@media (min-width: 992px) {

  .gkazmi-sidebar-backdrop { display: none !important; }
  .gkazmi-sidebar-toggle-btn { display: none !important; }
}


:root{
  /* Brand palette */
  --gkazmi-primary: #2563eb;
  --gkazmi-primary-600: #1d4ed8;
  --gkazmi-primary-50: #eff6ff;

  --gkazmi-accent: #14b8a6;
  

  /* Page */
  /* Keep the UI simple (no gradient banner) */
  --gkazmi-banner-grad: #ffffff;
  --gkazmi-bg: #f6f8ff;
  --gkazmi-card: #ffffff;
  --gkazmi-text: #0f172a;
  --gkazmi-muted: #64748b;
  --gkazmi-border: rgba(15,23,42,.08);

  --gkazmi-radius: 1rem;
  --gkazmi-shadow: 0 12px 28px rgba(15,23,42,.06);
  --gkazmi-shadow-lg: 0 18px 44px rgba(15,23,42,.10);
}

/* ─────────────────────────────────────────────────────────────
   Optional Dark Mode
   - Enabled via JS: body.gkazmi-theme-dark
   - Pure CSS vars (no DB changes)
   ───────────────────────────────────────────────────────────── */

body.gkazmi-theme-dark{
  --gkazmi-bg: #0b1220;
  --gkazmi-card: #0f172a;
  --gkazmi-text: #e5e7eb;
  --gkazmi-muted: #94a3b8;
  --gkazmi-border: rgba(148,163,184,.18);
  --gkazmi-banner-grad: #0f172a;
  --gkazmi-shadow: 0 14px 34px rgba(0,0,0,.32);
  --gkazmi-shadow-lg: 0 18px 44px rgba(0,0,0,.46);

  /* Sidebar theme variables (sidebar_theme.css reads these) */
  --sb-bg: #0b1220;
  --sb-border: rgba(148,163,184,.18);
  --sb-text: #e5e7eb;
  --sb-muted: #94a3b8;
  --sb-hover: rgba(255,255,255,.06);
  --sb-active-bg: rgba(37,99,235,.22);
  --sb-active: #93c5fd;
  --sb-pill-shadow: 0 10px 22px rgba(0,0,0,.35);
}

body.gkazmi-theme-dark .sidebar{
  box-shadow: 0 18px 44px rgba(0,0,0,.44) !important;
}

body.gkazmi-theme-dark .sidebar-search-inner{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(148,163,184,.20) !important;
}

body.gkazmi-theme-dark .sidebar-search-clear:hover{
  background: rgba(255,255,255,.10) !important;
}

body.gkazmi-theme-dark .main-content .card,
body.gkazmi-theme-dark .main-content .form-card,
body.gkazmi-theme-dark .main-content .settings-card,
body.gkazmi-theme-dark .main-content .content-card,
body.gkazmi-theme-dark .main-content .table-responsive{
  background: var(--gkazmi-card) !important;
}

body.gkazmi-theme-dark .table{
  --bs-table-bg: transparent;
}

body.gkazmi-theme-dark .table-striped > tbody > tr:nth-of-type(odd) > *{
  --bs-table-accent-bg: rgba(255,255,255,.03);
}


body.gkazmi-theme-dark .form-control,
body.gkazmi-theme-dark .form-select{
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(148,163,184,.22) !important;
  color: var(--gkazmi-text) !important;
}

body.gkazmi-theme-dark .form-control::placeholder{ color: rgba(148,163,184,.88) !important; }


/* Prevent flex children from forcing horizontal scrollbars */
.d-flex{ min-width: 0; }
.d-flex > *{ min-width: 0; }

/*
  PANEL WIDTH
  ----------
  Full-width panels inside the sidebar layout.

  User request:
  - Stretch ALL admin/app pages to use the available width (remove large left/right empty space).
  - Keep comfortable padding so content never touches the edges.

  Notes:
  - We override Bootstrap container max-width inside .main-content only.
  - This keeps public pages unchanged.
*/

.main-content .container,
.main-content .container-sm,
.main-content .container-md,
.main-content .container-lg,
.main-content .container-xl,
.main-content .container-xxl,
.main-content .container-fluid{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

@media (max-width: 575.98px){
  .main-content .container,
.main-content .container-sm,
.main-content .container-md,
.main-content .container-lg,
.main-content .container-xl,
.main-content .container-xxl,
.main-content .container-fluid{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}


body{
  background: var(--gkazmi-bg) !important;
  color: var(--gkazmi-text) !important;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif !important;
}

/* Make legacy banner variables match the global theme (even if a page sets :root --banner-grad) */
.hero,
.header,
.page-header,
.banner,
.top-hero{
  --banner-grad: var(--gkazmi-banner-grad);
  --banner-text: var(--gkazmi-text);
  --banner-shadow: var(--gkazmi-shadow);
}

/* Main content wrapper used across pages */
.main-content{
  flex: 1;
  min-width: 0;
  min-height: 100vh;
  background: var(--gkazmi-bg) !important;
  padding: 0 !important;


/* Stop any rogue wide elements from creating the bottom scrollbar */
 overflow-x: hidden; }

/* ─────────────────────────────────────────────────────────────
   Hero / Banner Header (same style everywhere)
   ───────────────────────────────────────────────────────────── */

.header{
  background: var(--gkazmi-card) !important;
  color: var(--gkazmi-text) !important;
  /* Reduce vertical whitespace to make pages feel denser/faster */
  padding: 1.35rem 1.25rem 1.05rem !important;
  border-radius: 0 0 1rem 1rem !important;
  box-shadow: var(--gkazmi-shadow) !important;
  border-bottom: 1px solid var(--gkazmi-border) !important;
  position: relative;
  overflow: hidden;
  text-align: center;
}

/* Subtle glow */
.header::before,
.page-header::before{
  content: none;
}

.header > *{ position: relative; z-index: 1; }

.header-icon,
.page-header-icon{
  width: 78px;
  height: 78px;
  border-radius: 22px;
  margin: 0 auto 1rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gkazmi-primary-50);
  border: 1px solid var(--gkazmi-border);
  box-shadow: none;
  font-size: 1rem !important;
  text-shadow: none !important;
}

.header-icon i,
.page-header-icon i{
  font-size: 2rem !important;
  color: var(--gkazmi-primary);
}

/* Make subtitle readable */
.header .lead,
.page-header .lead{
  color: var(--gkazmi-muted) !important;
}

/* ─────────────────────────────────────────────────────────────
   Legacy .page-header (used by payments / packages pages)
   ───────────────────────────────────────────────────────────── */
.page-header{
  background: var(--gkazmi-card) !important;
  color: var(--gkazmi-text) !important;
  padding: 1.35rem 1.25rem 1.1rem !important;
  border-radius: 0 0 .9rem .9rem !important;
  box-shadow: var(--gkazmi-shadow) !important;
  border-bottom: 1px solid var(--gkazmi-border) !important;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.page-header > *{ position: relative; z-index: 1; }
.page-header h1{
  font-weight: 800;
  letter-spacing: .2px;
  margin-bottom: .35rem;
}
.page-header p{
  margin-bottom: 0;
  color: var(--gkazmi-muted);
}

/* ─────────────────────────────────────────────────────────────
   Cards / tables look consistent across all pages
   ───────────────────────────────────────────────────────────── */
.main-content .card,
.main-content .form-card,
.main-content .settings-card,
.main-content .content-card{
  border: 0 !important;
  border-radius: var(--gkazmi-radius) !important;
  background: var(--gkazmi-card) !important;
  box-shadow: var(--gkazmi-shadow) !important;
}

/*
  Some pages use .form-card/.settings-card but do not define padding locally.
  Enforce consistent inner padding everywhere.
*/
.main-content .form-card,
.main-content .settings-card,
.main-content .content-card{
  padding: 1.1rem !important;
}

.main-content .table-responsive{
  border-radius: var(--gkazmi-radius);
  box-shadow: 0 10px 24px rgba(0,0,0,.04);
  background: var(--gkazmi-card) !important;
  /* Fix: some legacy styles set overflow:hidden causing truncated columns */
  overflow-x: auto !important;
  overflow-y: hidden;
}

/* Better table readability */
.main-content table.table thead th{
  white-space: nowrap;
}
.main-content table.table td,
.main-content table.table th{
  vertical-align: middle;
}

/* Better readability for very long tokens/URLs */
.main-content .mono,
.main-content .code,
.main-content code{
  overflow-wrap: anywhere;
}

/* Row hover effect (subtle) */
.main-content .table tbody tr:hover{
  background: rgba(37,99,235,.04);
}

/* ─────────────────────────────────────────────────────────────
   Mobile-friendly table cards (opt-in via .gkazmi-responsive-table)
   - JS will auto-fill data-label based on <thead> labels.
   ───────────────────────────────────────────────────────────── */

@media (max-width: 768px){
  table.gkazmi-responsive-table thead{ display:none !important; }
  table.gkazmi-responsive-table,
  table.gkazmi-responsive-table tbody,
  table.gkazmi-responsive-table tr,
  table.gkazmi-responsive-table td{
    display:block !important;
    width:100% !important;
  }

  table.gkazmi-responsive-table tr{
    border: 1px solid var(--gkazmi-border) !important;
    border-radius: var(--gkazmi-radius) !important;
    padding: .75rem .85rem !important;
    margin: 0 0 1rem 0 !important;
    background: var(--gkazmi-card) !important;
    box-shadow: var(--gkazmi-shadow) !important;
  }

  table.gkazmi-responsive-table td{
    border: 0 !important;
    padding: .35rem 0 !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content: space-between !important;
    gap: .75rem !important;
  }

  table.gkazmi-responsive-table td::before{
    content: attr(data-label);
    font-weight: 800;
    color: var(--gkazmi-muted);
    flex: 0 0 auto;
    min-width: 118px;
    padding-right: .35rem;
  }

  table.gkazmi-responsive-table td.text-end,
  table.gkazmi-responsive-table td.text-center{
    justify-content: space-between !important;
    text-align: left !important;
  }

  /* Keep action buttons usable */
  table.gkazmi-responsive-table td:last-child{
    justify-content: flex-end !important;
  }
  table.gkazmi-responsive-table td:last-child::before{
    display:none !important;
  }
}

/* Softer alerts */
.alert{
  border-radius: var(--gkazmi-radius);
}

/* Buttons */
.btn{
  border-radius: .9rem;
}
.btn.btn-sm{
  border-radius: .8rem;
}

/* Nice code blocks (System Status page) */
pre.code-block,
pre.codeblock,
pre{
  border-radius: var(--gkazmi-radius);
}

/* Common utility text styles */

.hint{
  color: var(--gkazmi-muted);
  font-size: .9rem;
}


/* ─────────────────────────────────────────────────────────────
   Mobile tweaks
   ───────────────────────────────────────────────────────────── */
@media (max-width: 991.98px){
  .header{
    padding: 2.4rem 1rem 2.2rem !important;
    border-radius: 0 0 1.1rem 1.1rem !important;
  }

  .header-icon,
  .page-header-icon{
    width: 64px;
    height: 64px;
    border-radius: 18px;
  }

  .main-content .form-card,
  .main-content .settings-card,
  .main-content .content-card{
    padding: 1.25rem !important;
  }

  /* Ensure big tables can scroll on mobile */
  .main-content .table-responsive{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}


/* Dashboard quick-link cards */
.dash-link-card{
  border: 1px solid var(--gkazmi-border);
  border-radius: var(--gkazmi-radius);
  background: var(--gkazmi-card) !important;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 10px 24px rgba(15,23,42,.05);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.dash-link-card:hover{
  transform: translateY(-2px);
  border-color: rgba(37,99,235,.28);
  box-shadow: var(--gkazmi-shadow-lg);
}


/* ==============================
   Phone picker (signup + admin)
   ============================== */
.gkazmi-phone-picker{
  position: relative;
}
.gkazmi-phone-picker .gkazmi-phone-btn{
  min-width: 110px;
  font-weight: 700;
  letter-spacing: .2px;
}
.gkazmi-phone-picker .gkazmi-phone-menu{
  width: min(520px, 92vw);
  max-height: 360px;
  overflow: hidden;
}
.gkazmi-phone-picker .gkazmi-phone-search{
  border-radius: 10px;
}
.gkazmi-phone-picker .gkazmi-phone-list{
  max-height: 290px;
  overflow: auto;
  border-top: 1px solid rgba(15,23,42,.08);
  padding-top: .35rem;
}
.gkazmi-phone-picker .gkazmi-phone-item{
  border-radius: 10px;
  padding: .55rem .6rem;
}
.gkazmi-phone-picker .gkazmi-phone-item:hover{
  background: rgba(37,99,235,.08);
}
.gkazmi-phone-picker .gkazmi-phone-example{
  min-width: 120px;
  text-align: right;
}


/* ==============================
   SweetAlert2 - bigger, centered
   ============================== */


.swal2-html-container{
  font-size: 1rem !important;
}


/* Compact utilities */
.btn-xs{
  --bs-btn-padding-y: .18rem;
  --bs-btn-padding-x: .5rem;
  --bs-btn-font-size: .8rem;
  --bs-btn-border-radius: .65rem;
  line-height: 1.2;
}
.table-compact > :not(caption) > * > *{
  padding: .45rem .65rem;
}
.table-compact.table-sm > :not(caption) > * > *{
  padding: .35rem .55rem;
}
.table-users td.domain-cell a{
  word-break: break-all;
  white-space: normal;
}


/* Manage Users table: show full values (no forced ellipsis) */
.table-users th,
.table-users td{
  max-width: none !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
.table-users td.actions-cell{
  white-space: nowrap !important;
}

/* Make domains easier to read, keep action buttons compact */
.domain-link{
  font-weight: 700;
  font-size: .95rem;
}
.actions-cell .btn,
.table .btn.btn-xs,
.table .btn.btn-sm{
  padding: .35rem .55rem !important;
  border-radius: 10px !important;
}

.content-card{
  width: 100% !important;
}

/* Website Settings tabs: mobile-friendly horizontal scroll */
.settings-tabs{
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  justify-content: flex-start !important;
  gap: .15rem !important;
  width: 100% !important;
  padding: .25rem .35rem;
  -webkit-overflow-scrolling: touch;

  /* nicer swipe UX */
  scroll-snap-type: x proximity;
  scroll-padding: .5rem;
}
.settings-tabs .nav-link{
  white-space: nowrap;
  margin: 0 !important;
  padding: .45rem .55rem !important;
  scroll-snap-align: start;
}


/* Make system status cards line up nicer */
.system-status-grid .card,
.system-status-grid .content-card{
  height: 100%;
}


/* Larger, centered modals across admin UI */
.modal-backdrop.show{
  opacity: .60;
}
.modal-content{
  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: var(--gkazmi-shadow-lg) !important;
}
.modal-header{
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
  padding: 1rem 1.25rem !important;
}

.modal-footer{
  border-top: 1px solid rgba(15,23,42,.08) !important;
  padding: .9rem 1.25rem !important;
}
@media (min-width: 576px){
  /* Make default dialogs closer to "large" size, like your screenshot */
  .modal-dialog{ max-width: 820px; }
  .modal-dialog.modal-sm{ max-width: 420px; }
  .modal-dialog.modal-lg{ max-width: 960px; }
  .modal-dialog.modal-xl{ max-width: 1140px; }
}


/* --- 2026-02-03 Mobile UI fixes --- */
@media (max-width: 576px){
  .settings-tabs{ padding: 0.25rem 0.25rem; }
  .settings-tabs .nav-link{ padding: 0.45rem 0.65rem; font-size: 0.85rem; }
}


/* Mobile: turn Manage Users table into readable cards (no horizontal scroll) */
@media (max-width: 576px){
  .table-users thead{ display: none !important; }

  .table-users tbody tr{
    display: block !important;
    margin: 0 0 .85rem 0 !important;
    border: 1px solid var(--gkazmi-border) !important;
    border-radius: 14px !important;
    background: var(--gkazmi-card) !important;
    box-shadow: 0 10px 24px rgba(15,23,42,.05);
    overflow: hidden;
  }

  .table-users tbody td{
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: .85rem !important;
    padding: .55rem .85rem !important;
    border: 0 !important;
    border-bottom: 1px dashed rgba(15,23,42,.10) !important;
    white-space: normal !important;
  }

  .table-users tbody td::before{
    content: attr(data-label);
    font-weight: 800;
    color: var(--gkazmi-muted);
    flex: 0 0 auto;
  }

  .table-users tbody td:last-child{
    border-bottom: 0 !important;
  }

  .table-users tbody td.actions-cell{
    justify-content: flex-end !important;
    gap: .4rem !important;
  }
  .table-users tbody td.actions-cell::before{
    content: '' !important;
  }

  .table-users td.domain-cell a{
    word-break: break-all;
  }
}

/* Better horizontal scrolling on iOS for wide tables */
.table-responsive{ -webkit-overflow-scrolling: touch; }

/* Responsive images */
img{ max-width: 100%; height: auto; }


/* ─────────────────────────────────────────────────────────────
   Dark mode extras (fix pages where some elements stayed white)
   ───────────────────────────────────────────────────────────── */
body.gkazmi-theme-dark .bg-white{ background-color: var(--gkazmi-card) !important; }
body.gkazmi-theme-dark .text-dark{ color: var(--gkazmi-text) !important; }
body.gkazmi-theme-dark .text-muted{ color: var(--gkazmi-muted) !important; }
body.gkazmi-theme-dark .border{ border-color: var(--gkazmi-border) !important; }

/* SweetAlert2 */
body.gkazmi-theme-dark .swal2-popup{
  background: var(--gkazmi-card) !important;
  color: var(--gkazmi-text) !important;
  border: 1px solid var(--gkazmi-border) !important;
}
body.gkazmi-theme-dark .swal2-title,
body.gkazmi-theme-dark .swal2-html-container{
  color: var(--gkazmi-text) !important;
}
body.gkazmi-theme-dark .swal2-timer-progress-bar{
  background: rgba(255,255,255,.25) !important;
}
body.gkazmi-theme-dark .swal2-icon.swal2-warning{
  border-color: var(--gkazmi-warning, #f59e0b) !important;
  color: var(--gkazmi-warning, #f59e0b) !important;
}
body.gkazmi-theme-dark .swal2-icon.swal2-question{
  border-color: var(--gkazmi-primary) !important;
  color: var(--gkazmi-primary) !important;
}

/* Bootstrap modals */
body.gkazmi-theme-dark .modal-content{
  background: var(--gkazmi-card) !important;
  color: var(--gkazmi-text) !important;
}
body.gkazmi-theme-dark .modal-header,
body.gkazmi-theme-dark .modal-footer{
  border-color: var(--gkazmi-border) !important;
}

/* === GKazmi GLOBAL ENTERPRISE THEME START === */

/*
 * One shared enterprise design system for all authenticated pages.
 * This block intentionally overrides older page-level presentation rules.
 */

:root{
  --gkazmi-primary: #2563eb;
  --gkazmi-primary-600: #1d4ed8;
  --gkazmi-primary-soft: #eff6ff;

  --gkazmi-accent: #4f46e5;
  --gkazmi-success: #059669;
  --gkazmi-warning: #d97706;
  --gkazmi-danger: #dc2626;

  --gkazmi-bg: #f4f7fd;
  --gkazmi-card: #ffffff;
  --gkazmi-text: #0f172a;
  --gkazmi-muted: #64748b;

  --gkazmi-border: rgba(15, 23, 42, .09);
  --gkazmi-border-strong: rgba(15, 23, 42, .14);

  --gkazmi-radius-sm: 10px;
  --gkazmi-radius-md: 14px;
  --gkazmi-radius: 16px;
  --gkazmi-radius-lg: 20px;

  --gkazmi-shadow-sm:
    0 1px 2px rgba(15, 23, 42, .03),
    0 6px 16px rgba(15, 23, 42, .035);

  --gkazmi-shadow:
    0 1px 2px rgba(15, 23, 42, .025),
    0 12px 30px rgba(15, 23, 42, .055);

  --gkazmi-shadow-lg:
    0 2px 5px rgba(15, 23, 42, .04),
    0 20px 44px rgba(15, 23, 42, .085);

  --gkazmi-transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease,
    background-color .18s ease;
}

/* Global application background */
html,
body{
  background: var(--gkazmi-bg) !important;
  color: var(--gkazmi-text) !important;
}

body{
  font-family:
    Inter,
    "Segoe UI",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif !important;
  line-height: 1.5;
}

/* Shared content width and spacing */
.main-content{
  min-width: 0;
  min-height: 100vh;
  background:
    radial-gradient(
      circle at 88% 3%,
      rgba(37, 99, 235, .045),
      transparent 27rem
    ),
    var(--gkazmi-bg) !important;
}

.main-content > .container,
.main-content > .container-fluid,
.main-content .page-container{
  width: 100% !important;
  max-width: 100% !important;
}

.main-content .container,
.main-content .container-sm,
.main-content .container-md,
.main-content .container-lg,
.main-content .container-xl,
.main-content .container-xxl,
.main-content .container-fluid{
  padding-left: 1.15rem !important;
  padding-right: 1.15rem !important;
}

/* Global page headings */
.header,
.page-header,
.hero,
.banner,
.top-hero{
  position: relative;
  overflow: hidden;
  margin: 0 0 1.15rem !important;
  padding: 1.35rem 1.5rem !important;
  border: 1px solid var(--gkazmi-border) !important;
  border-radius: 0 0 var(--gkazmi-radius-lg) var(--gkazmi-radius-lg) !important;
  background:
    radial-gradient(
      circle at 91% 13%,
      rgba(37, 99, 235, .09),
      transparent 18rem
    ),
    var(--gkazmi-card) !important;
  color: var(--gkazmi-text) !important;
  box-shadow: var(--gkazmi-shadow) !important;
  text-align: left !important;
}

.header::before,
.page-header::before,
.hero::before,
.banner::before,
.top-hero::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(
    180deg,
    var(--gkazmi-primary),
    var(--gkazmi-accent)
  );
}

.header h1,
.page-header h1,
.hero h1,
.banner h1,
.top-hero h1{
  margin: 0 0 .3rem !important;
  color: var(--gkazmi-text) !important;
  font-size: clamp(1.65rem, 2.4vw, 2.25rem) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -.035em;
}

.header p,
.page-header p,
.hero p,
.banner p,
.top-hero p,
.header .lead,
.page-header .lead{
  margin-bottom: 0 !important;
  color: var(--gkazmi-muted) !important;
  font-size: .94rem !important;
}

/* Shared header icons */
.header-icon,
.page-header-icon,
.hero-icon{
  width: 48px !important;
  height: 48px !important;
  margin: 0 0 .8rem !important;
  border: 1px solid rgba(37, 99, 235, .14) !important;
  border-radius: 14px !important;
  background: var(--gkazmi-primary-soft) !important;
  box-shadow: none !important;
}

.header-icon i,
.page-header-icon i,
.hero-icon i{
  color: var(--gkazmi-primary) !important;
  font-size: 1.3rem !important;
}

/* Global cards */
.main-content .card,
.main-content .content-card,
.main-content .form-card,
.main-content .settings-card,
.main-content .info-card,
.main-content .stat-card,
.main-content .metric-card,
.main-content .summary-card,
.main-content .dash-link-card,
.main-content .analytics-kpi,
.main-content .analytics-panel,
.main-content .health-card,
.main-content .alert-panel{
  border: 1px solid var(--gkazmi-border) !important;
  border-radius: var(--gkazmi-radius) !important;
  background: var(--gkazmi-card) !important;
  box-shadow: var(--gkazmi-shadow-sm) !important;
  transition: var(--gkazmi-transition);
}

.main-content .card:hover,
.main-content .dash-link-card:hover{
  border-color: rgba(37, 99, 235, .2) !important;
}

.main-content .dash-link-card:hover{
  transform: translateY(-2px);
  box-shadow: var(--gkazmi-shadow) !important;
}

.main-content .card-header{
  padding: .95rem 1.1rem !important;
  border-bottom: 1px solid var(--gkazmi-border) !important;
  background: transparent !important;
}

.main-content .card-body{
  padding: 1.1rem !important;
}

.main-content .card-footer{
  padding: .85rem 1.1rem !important;
  border-top: 1px solid var(--gkazmi-border) !important;
  background: rgba(248, 250, 252, .72) !important;
}

/* Global section headings */
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6{
  color: var(--gkazmi-text);
}

.main-content h2,
.main-content h3{
  letter-spacing: -.025em;
}

.main-content .section-title,
.main-content .card-title{
  color: var(--gkazmi-text) !important;
  font-weight: 800 !important;
}

/* Global labels */
.main-content label,
.modal label{
  color: #334155;
  font-size: .82rem;
  font-weight: 700;
}

/* Global form fields */
.main-content .form-control,
.main-content .form-select,
.main-content .input-group-text,
.modal .form-control,
.modal .form-select,
.modal .input-group-text{
  min-height: 42px;
  border: 1px solid var(--gkazmi-border-strong) !important;
  border-radius: var(--gkazmi-radius-sm) !important;
  background: var(--gkazmi-card) !important;
  color: var(--gkazmi-text) !important;
  box-shadow: none !important;
}

.main-content textarea.form-control{
  min-height: 110px;
}

.main-content .form-control:focus,
.main-content .form-select:focus,
.modal .form-control:focus,
.modal .form-select:focus{
  border-color: rgba(37, 99, 235, .65) !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .11) !important;
}

.main-content .form-control::placeholder,
.modal .form-control::placeholder{
  color: #94a3b8 !important;
}

/* Global buttons */
.btn{
  min-height: 39px;
  padding: .5rem .85rem;
  border-radius: var(--gkazmi-radius-sm) !important;
  font-weight: 700;
  transition: var(--gkazmi-transition);
}

.btn-primary{
  border-color: var(--gkazmi-primary) !important;
  background: var(--gkazmi-primary) !important;
  color: #fff !important;
  box-shadow: 0 6px 14px rgba(37, 99, 235, .16);
}

.btn-primary:hover,
.btn-primary:focus{
  border-color: var(--gkazmi-primary-600) !important;
  background: var(--gkazmi-primary-600) !important;
  transform: translateY(-1px);
}

.btn-outline-primary{
  border-color: rgba(37, 99, 235, .3) !important;
  color: var(--gkazmi-primary) !important;
}

.btn-outline-primary:hover{
  border-color: var(--gkazmi-primary) !important;
  background: var(--gkazmi-primary-soft) !important;
  color: var(--gkazmi-primary-600) !important;
}

.btn-sm,
.btn-xs{
  min-height: 32px;
}

/* Global tables */
.main-content .table-responsive{
  overflow-x: auto !important;
  border: 1px solid var(--gkazmi-border) !important;
  border-radius: var(--gkazmi-radius) !important;
  background: var(--gkazmi-card) !important;
  box-shadow: var(--gkazmi-shadow-sm) !important;
}

.main-content .table{
  margin-bottom: 0;
  color: var(--gkazmi-text);
}

.main-content .table thead th{
  padding: .78rem .85rem !important;
  border-bottom: 1px solid var(--gkazmi-border) !important;
  background: #f8fafc !important;
  color: #475569 !important;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
  white-space: nowrap;
}

.main-content .table tbody td{
  padding: .75rem .85rem !important;
  border-color: rgba(15, 23, 42, .065) !important;
}

.main-content .table tbody tr:hover > *{
  background: rgba(37, 99, 235, .028) !important;
}

/* Global badges and states */
.badge,
.status-badge,
.health-state,
.alert-center-summary{
  border-radius: 999px !important;
  font-weight: 750 !important;
}

.badge.bg-success,
.status-online,
.status-active,
.health-good{
  background: #dcfce7 !important;
  color: #047857 !important;
}

.badge.bg-danger,
.status-offline,
.status-expired,
.health-critical{
  background: #fee2e2 !important;
  color: #b91c1c !important;
}

.badge.bg-warning,
.health-warning{
  background: #fef3c7 !important;
  color: #b45309 !important;
}

.badge.bg-primary,
.badge.bg-info{
  background: #dbeafe !important;
  color: #1d4ed8 !important;
}

/* Global alerts */
.alert{
  border: 1px solid transparent !important;
  border-radius: var(--gkazmi-radius-md) !important;
  box-shadow: none !important;
}

.alert-success{
  border-color: rgba(5, 150, 105, .18) !important;
  background: #ecfdf5 !important;
  color: #065f46 !important;
}

.alert-warning{
  border-color: rgba(217, 119, 6, .2) !important;
  background: #fffbeb !important;
  color: #92400e !important;
}

.alert-danger{
  border-color: rgba(220, 38, 38, .18) !important;
  background: #fef2f2 !important;
  color: #991b1b !important;
}

.alert-info{
  border-color: rgba(37, 99, 235, .18) !important;
  background: #eff6ff !important;
  color: #1e40af !important;
}

/* Global empty states */
.empty-state,
.analytics-empty,
.alert-empty,
.table-empty,
.no-results,
.no-data{
  display: flex;
  min-height: 120px;
  padding: 1.1rem !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px dashed rgba(100, 116, 139, .28) !important;
  border-radius: var(--gkazmi-radius-md) !important;
  background:
    linear-gradient(
      145deg,
      rgba(239, 246, 255, .58),
      rgba(248, 250, 252, .82)
    ) !important;
  color: var(--gkazmi-muted) !important;
  text-align: center;
}

/* Global tabs */
.nav-tabs,
.settings-tabs{
  gap: .3rem;
  border-bottom-color: var(--gkazmi-border) !important;
}

.nav-tabs .nav-link,
.settings-tabs .nav-link{
  border: 1px solid transparent !important;
  border-radius: 10px 10px 0 0 !important;
  color: var(--gkazmi-muted) !important;
  font-weight: 700;
}

.nav-tabs .nav-link.active,
.settings-tabs .nav-link.active{
  border-color:
    var(--gkazmi-border)
    var(--gkazmi-border)
    var(--gkazmi-card) !important;
  background: var(--gkazmi-card) !important;
  color: var(--gkazmi-primary) !important;
}

/* Global modal design */


.modal-dialog .modal-content{
  overflow: hidden;
  border: 1px solid var(--gkazmi-border) !important;
  border-radius: var(--gkazmi-radius-lg) !important;
  background: var(--gkazmi-card) !important;
  background-image: none !important;
  box-shadow: var(--gkazmi-shadow-lg) !important;
}

.modal .modal-header{
  padding: 1rem 1.2rem !important;
  border-bottom: 1px solid var(--gkazmi-border) !important;
  background: var(--gkazmi-card) !important;
  color: var(--gkazmi-text) !important;
}

.modal .modal-title{
  color: var(--gkazmi-text) !important;
  font-weight: 800 !important;
}

.modal .modal-body{
  padding: 1.2rem !important;
}

.modal .modal-footer{
  padding: .9rem 1.2rem !important;
  border-top: 1px solid var(--gkazmi-border) !important;
  background: #f8fafc !important;
}

.modal .modal-footer .btn::before{
  content: none !important;
}

/* Remove automatic emoji decoration from form labels globally */
main label::before,
.content label::before,
.container label::before,
.card label::before,
form label::before,
.modal label::before{
  content: none !important;
}

/* ─────────────────────────────────────────────
   Dashboard welcome area using the global system
   ───────────────────────────────────────────── */


.dashboard-enterprise-hero{
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1.5rem;
  min-height: 158px;
  padding: 1.4rem 1.55rem !important;
  border: 1px solid var(--gkazmi-border) !important;
  border-radius: var(--gkazmi-radius-lg) !important;
  background:
    radial-gradient(
      circle at 91% 15%,
      rgba(37, 99, 235, .09),
      transparent 19rem
    ),
    var(--gkazmi-card) !important;
  box-shadow: var(--gkazmi-shadow) !important;
}

.dashboard-enterprise-hero::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(
    180deg,
    var(--gkazmi-primary),
    var(--gkazmi-accent)
  );
}

/*
 * Flatten any legacy dashboard header/card accidentally left inside
 * the new welcome hero.
 */
.dashboard-enterprise-hero-copy .header,
.dashboard-enterprise-hero-copy .page-header,
.dashboard-enterprise-hero-copy .hero,
.dashboard-enterprise-hero-copy .card{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.dashboard-enterprise-hero-copy .header::before,
.dashboard-enterprise-hero-copy .page-header::before,
.dashboard-enterprise-hero-copy .hero::before{
  content: none !important;
}

.dashboard-enterprise-hero-copy .header-icon,
.dashboard-enterprise-hero-copy .page-header-icon,
.dashboard-enterprise-hero-copy .hero-icon{
  display: none !important;
}

.dashboard-enterprise-hero-copy{
  position: relative;
  z-index: 1;
  min-width: 0;
}

.dashboard-enterprise-eyebrow{
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: .25rem;
  color: var(--gkazmi-muted);
  font-size: .9rem;
  font-weight: 700;
}

.dashboard-enterprise-wave{
  display: inline-flex;
  width: 1.8rem;
  height: 1.8rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(37, 99, 235, .14);
  border-radius: 9px;
  background: var(--gkazmi-primary-soft);
  font-size: .95rem;
}

.dashboard-enterprise-username{
  margin: 0 !important;
  color: var(--gkazmi-text) !important;
  font-size: clamp(1.85rem, 2.7vw, 2.65rem) !important;
  font-weight: 800 !important;
  line-height: 1.08;
  letter-spacing: -.042em;
  overflow-wrap: anywhere;
}

.dashboard-enterprise-product{
  margin-top: .5rem;
  color: var(--gkazmi-primary);
  font-size: .95rem;
  font-weight: 750;
}

.dashboard-enterprise-tagline{
  margin-top: .18rem;
  color: var(--gkazmi-muted);
  font-size: .7rem;
  font-weight: 750;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dashboard-enterprise-status{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, auto));
  gap: .65rem;
}

.dashboard-enterprise-status-item{
  min-width: 120px;
  padding: .7rem .8rem;
  border: 1px solid var(--gkazmi-border);
  border-radius: var(--gkazmi-radius-md);
  background: rgba(255, 255, 255, .82);
  box-shadow: var(--gkazmi-shadow-sm);
}

.dashboard-enterprise-status-label{
  display: block;
  margin-bottom: .2rem;
  color: var(--gkazmi-muted);
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.dashboard-enterprise-status-value{
  display: flex;
  align-items: center;
  gap: .42rem;
  color: var(--gkazmi-text);
  font-size: .86rem;
  font-weight: 800;
  white-space: nowrap;
}

.dashboard-enterprise-status-dot{
  width: .48rem;
  height: .48rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--gkazmi-success);
  box-shadow: 0 0 0 4px rgba(5, 150, 105, .1);
}

.dashboard-enterprise-status-dot.is-offline{
  background: var(--gkazmi-danger);
  box-shadow: 0 0 0 4px rgba(220, 38, 38, .1);
}

/* Dashboard spacing */
.dashboard-enterprise-shell > section,
.dashboard-enterprise-shell > .dashboard-analytics,
.dashboard-enterprise-shell > .system-health,
.dashboard-enterprise-shell > .alert-center{
  margin-top: 1.1rem !important;
}

.dashboard-enterprise-shell .analytics-kpi{
  min-height: 96px !important;
  padding: .9rem !important;
}

.dashboard-enterprise-shell .analytics-panel,
.dashboard-enterprise-shell .alert-panel{
  padding: 1rem !important;
}

.dashboard-enterprise-shell .health-card{
  min-height: 104px !important;
  padding: .85rem !important;
}

.dashboard-enterprise-shell .analytics-bars{
  min-height: 190px !important;
  max-height: 245px !important;
}

/* Dark theme shares the same design structure */
body.gkazmi-theme-dark{
  --gkazmi-bg: #09111f;
  --gkazmi-card: #0f1a2d;
  --gkazmi-text: #e5edf8;
  --gkazmi-muted: #94a3b8;
  --gkazmi-border: rgba(148, 163, 184, .16);
  --gkazmi-border-strong: rgba(148, 163, 184, .24);
  --gkazmi-primary-soft: rgba(37, 99, 235, .15);
  --gkazmi-shadow-sm:
    0 1px 2px rgba(0, 0, 0, .2),
    0 7px 18px rgba(0, 0, 0, .18);
  --gkazmi-shadow:
    0 2px 5px rgba(0, 0, 0, .22),
    0 14px 34px rgba(0, 0, 0, .25);
}

body.gkazmi-theme-dark .main-content{
  background:
    radial-gradient(
      circle at 88% 3%,
      rgba(59, 130, 246, .08),
      transparent 27rem
    ),
    var(--gkazmi-bg) !important;
}

body.gkazmi-theme-dark .main-content .table thead th,
body.gkazmi-theme-dark .main-content .card-footer,
body.gkazmi-theme-dark .modal .modal-footer{
  background: rgba(255, 255, 255, .025) !important;
}

body.gkazmi-theme-dark .main-content label,
body.gkazmi-theme-dark .modal label{
  color: #cbd5e1 !important;
}

body.gkazmi-theme-dark .dashboard-enterprise-status-item{
  background: rgba(15, 26, 45, .82);
}

body.gkazmi-theme-dark .empty-state,
body.gkazmi-theme-dark .analytics-empty,
body.gkazmi-theme-dark .alert-empty,
body.gkazmi-theme-dark .table-empty,
body.gkazmi-theme-dark .no-results,
body.gkazmi-theme-dark .no-data{
  background: rgba(255, 255, 255, .025) !important;
}

/* Tablet */
@media (max-width: 1199.98px){
  .dashboard-enterprise-hero {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .dashboard-enterprise-status {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */
@media (max-width: 767.98px){
  .main-content .container,
  .main-content .container-sm,
  .main-content .container-md,
  .main-content .container-lg,
  .main-content .container-xl,
  .main-content .container-xxl,
  .main-content .container-fluid {
    padding-left: .8rem !important;
    padding-right: .8rem !important;
  }

  .header,
  .page-header,
  .hero,
  .banner,
  .top-hero {
    padding: 1.05rem !important;
    border-radius: 0 0 16px 16px !important;
  }

  .dashboard-enterprise-hero {
    min-height: 0;
    padding: 1.1rem !important;
    border-radius: 16px !important;
  }

  .dashboard-enterprise-username {
    font-size: 1.85rem !important;
  }

  .dashboard-enterprise-status {
    grid-template-columns: 1fr;
    gap: .5rem;
  }

  .dashboard-enterprise-status-item {
    display: flex;
    min-width: 0;
    padding: .62rem .75rem;
    align-items: center;
    justify-content: space-between;
  }

  .dashboard-enterprise-status-label {
    margin-bottom: 0;
  }

  .main-content .card-body {
    padding: .95rem !important;
  }

  .main-content .table thead th,
  .main-content .table tbody td {
    padding: .65rem .7rem !important;
  }
}

/* === GKazmi GLOBAL ENTERPRISE THEME END === */

/* === GKazmi GLOBAL DASHBOARD REPAIR START === */

/*
 * Final dashboard alignment under the shared global enterprise theme.
 * No independent dashboard stylesheet is used.
 */

.main-content .dashboard-enterprise-shell{
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 1rem !important;
  padding-bottom: 1.5rem !important;
}

/* Single clean enterprise hero — no nested card appearance */
.main-content .dashboard-enterprise-hero{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 1.25rem !important;
  min-height: 145px !important;
  padding: 1.25rem 1.4rem !important;
  overflow: hidden !important;
  border: 1px solid var(--gkazmi-border) !important;
  border-radius: var(--gkazmi-radius-lg) !important;
  background:
    radial-gradient(
      circle at 92% 14%,
      rgba(37, 99, 235, .09),
      transparent 18rem
    ),
    var(--gkazmi-card) !important;
  box-shadow: var(--gkazmi-shadow) !important;
}

/*
 * Force the welcome copy itself to remain transparent.
 * This overrides any earlier dashboard page rule that gave it a white card.
 */
.main-content .dashboard-enterprise-hero-copy{
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-align: left !important;
  backdrop-filter: none !important;
}

.main-content .dashboard-enterprise-hero-copy::before,
.main-content .dashboard-enterprise-hero-copy::after{
  content: none !important;
  display: none !important;
}

/* Remove any legacy decorative dashboard icon above the welcome message */
.main-content .dashboard-enterprise-hero-copy > .header-icon,
.main-content .dashboard-enterprise-hero-copy > .page-header-icon,
.main-content .dashboard-enterprise-hero-copy > .hero-icon,
.main-content .dashboard-enterprise-hero-copy > [class*="dashboard-icon"]{
  display: none !important;
}

/* Left-aligned enterprise typography */
.main-content .dashboard-enterprise-eyebrow{
  justify-content: flex-start !important;
  margin: 0 0 .25rem !important;
  text-align: left !important;
}

.main-content .dashboard-enterprise-username{
  margin: 0 !important;
  text-align: left !important;
  font-size: clamp(1.85rem, 2.7vw, 2.55rem) !important;
  line-height: 1.08 !important;
}

.main-content .dashboard-enterprise-product,
.main-content .dashboard-enterprise-tagline{
  text-align: left !important;
}

/* Account and runner are concise hero statuses */
.main-content .dashboard-enterprise-status{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(120px, 1fr)) !important;
  align-items: stretch !important;
  gap: .6rem !important;
  margin: 0 !important;
}

.main-content .dashboard-enterprise-status-item{
  display: block !important;
  min-width: 120px !important;
  margin: 0 !important;
  padding: .68rem .78rem !important;
  border: 1px solid var(--gkazmi-border) !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, .84) !important;
  box-shadow: var(--gkazmi-shadow-sm) !important;
}

/* Account overview remains the only location for package information */
.main-content .dashboard-content-panel{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-top: 1rem !important;
  padding-bottom: 0 !important;
}

.main-content .dashboard-section-intro{
  margin-top: 0 !important;
  margin-bottom: .85rem !important;
}

.main-content .dashboard-section-intro .text-muted{
  color: var(--gkazmi-muted) !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  letter-spacing: .025em;
}

/* Consistent overview cards */
.main-content .dash-stat{
  height: 100% !important;
  min-height: 76px !important;
  padding: .85rem .95rem !important;
  border: 1px solid var(--gkazmi-border) !important;
  border-radius: var(--gkazmi-radius) !important;
  background: var(--gkazmi-card) !important;
  box-shadow: var(--gkazmi-shadow-sm) !important;
  transition: var(--gkazmi-transition);
}

.main-content .dash-stat:hover{
  border-color: rgba(37, 99, 235, .2) !important;
  box-shadow: var(--gkazmi-shadow) !important;
  transform: translateY(-1px);
}


.main-content .dash-stat .dash-k{
  margin-bottom: .18rem !important;
  color: var(--gkazmi-muted) !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}

.main-content .dash-stat .dash-value{
  color: var(--gkazmi-text) !important;
  font-size: .92rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

/* Reduce excessive spacing before analytics */
.main-content .dashboard-content-panel .dashboard-analytics{
  margin-top: 1.25rem !important;
}

.main-content .dashboard-content-panel .row.g-3 + .row.g-3{
  margin-top: .1rem !important;
}

/* Dark mode */


/* Tablet */
@media (max-width: 1199.98px){
  .main-content .dashboard-enterprise-hero {
    grid-template-columns: 1fr !important;
  }

  .main-content .dashboard-enterprise-status {
    width: 100% !important;
    max-width: 420px !important;
  }
}

/* Mobile */
@media (max-width: 767.98px){
  .main-content .dashboard-enterprise-hero {
    min-height: 0 !important;
    padding: 1rem !important;
  }

  .main-content .dashboard-enterprise-status {
    grid-template-columns: 1fr !important;
    max-width: none !important;
  }

  .main-content .dashboard-enterprise-status-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-width: 0 !important;
  }

  .main-content .dashboard-enterprise-status-label {
    margin-bottom: 0 !important;
  }

  .main-content .dashboard-content-panel {
    padding-top: .8rem !important;
  }

  .main-content .dash-stat {
    min-height: 70px !important;
  }
}

/* === GKazmi GLOBAL DASHBOARD REPAIR END === */


/* ==========================================================================
   GKAZMI_GLOBAL_UI_COMPONENT_STANDARDISATION
   Shared application-wide component rules.

   These rules are intentionally global. Individual PHP pages must not add
   their own theme systems, colour palettes, hero layouts or component skins.
   ========================================================================== */

:root{
  --gkazmi-control-height: 44px;
  --gkazmi-page-gap: 1.25rem;
  --gkazmi-component-radius: 12px;
  --gkazmi-component-radius-lg: 16px;
  --gkazmi-component-border: var(
    --gkazmi-border,
    rgba(15, 23, 42, .09)
  );
}

/* Application content spacing */
.main-content{
  color: var(--gkazmi-text);
  background: var(--gkazmi-bg);
}

.main-content > .container,
.main-content > .container-fluid{
  width: 100%;
  max-width: none;
  padding-top: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 2rem;
  padding-left: 1.25rem;
}

/* Shared compact page header */
.main-content .header,
.main-content .page-header,
.main-content .hero,
.main-content .top-hero,
.main-content .banner{
  min-height: 0 !important;
  margin: 0 0 var(--gkazmi-page-gap) !important;
  padding: 1.5rem 1.75rem !important;
  overflow: hidden;
  border: 1px solid var(--gkazmi-component-border) !important;
  border-radius: var(--gkazmi-component-radius-lg) !important;
  color: var(--gkazmi-text) !important;
  background: var(--gkazmi-card) !important;
  box-shadow: var(--gkazmi-shadow-sm, 0 6px 18px rgba(15, 23, 42, .05))
    !important;
}

.main-content .header::before,
.main-content .page-header::before,
.main-content .hero::before,
.main-content .top-hero::before,
.main-content .banner::before{
  display: none !important;
}

.main-content .header h1,
.main-content .page-header h1,
.main-content .hero h1,
.main-content .top-hero h1,
.main-content .banner h1,
.main-content .header .display-5{
  margin-bottom: .4rem !important;
  color: var(--gkazmi-text) !important;
  font-size: clamp(1.55rem, 2.1vw, 2rem) !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em;
}

.main-content .header p,
.main-content .page-header p,
.main-content .hero p,
.main-content .top-hero p,
.main-content .banner p,
.main-content .header .lead{
  margin-bottom: 0 !important;
  color: var(--gkazmi-muted) !important;
  font-size: .95rem !important;
  line-height: 1.55;
}

.main-content .header-icon,
.main-content .page-header-icon,
.main-content .hero-icon{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 52px !important;
  height: 52px !important;
  margin: 0 auto .85rem !important;
  border: 1px solid rgba(37, 99, 235, .14);
  border-radius: 14px !important;
  color: var(--gkazmi-primary) !important;
  background: var(--gkazmi-primary-soft, #eff6ff) !important;
  box-shadow: none !important;
  font-size: 1.25rem !important;
  text-shadow: none !important;
}

.main-content .header-icon i,
.main-content .header-icon svg,
.main-content .page-header-icon i,
.main-content .hero-icon i{
  color: inherit !important;
  font-size: inherit !important;
  filter: none !important;
  text-shadow: none !important;
}

/* Shared cards and panels */
.main-content .card,
.main-content .panel,
.main-content .content-card,
.main-content .table-container{
  border: 1px solid var(--gkazmi-component-border) !important;
  border-radius: var(--gkazmi-component-radius-lg) !important;
  background: var(--gkazmi-card) !important;
  box-shadow: var(--gkazmi-shadow-sm, 0 6px 18px rgba(15, 23, 42, .05))
    !important;
}

.main-content .card-header,
.main-content .panel-heading{
  padding: 1rem 1.1rem;
  border-bottom: 1px solid var(--gkazmi-component-border);
  color: var(--gkazmi-text);
  background: transparent;
}

.main-content .card-body,
.main-content .panel-body{
  padding: 1.1rem;
}

/* Shared form controls */
.main-content .form-control,
.main-content .form-select,
.main-content .input-group-text,
.modal .form-control,
.modal .form-select,
.modal .input-group-text{
  min-height: var(--gkazmi-control-height);
  border: 1px solid var(--gkazmi-component-border) !important;
  border-radius: var(--gkazmi-component-radius) !important;
  color: var(--gkazmi-text) !important;
  background: var(--gkazmi-card) !important;
  box-shadow: none !important;
}

.main-content .input-group > .form-control:not(:last-child),
.main-content .input-group > .form-select:not(:last-child),
.modal .input-group > .form-control:not(:last-child),
.modal .input-group > .form-select:not(:last-child){
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.main-content .input-group > .btn:not(:first-child),
.modal .input-group > .btn:not(:first-child){
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.main-content .form-control:focus,
.main-content .form-select:focus,
.modal .form-control:focus,
.modal .form-select:focus{
  border-color: rgba(37, 99, 235, .55) !important;
  box-shadow: 0 0 0 .22rem rgba(37, 99, 235, .12) !important;
}

.main-content .form-label,
.modal .form-label{
  margin-bottom: .4rem;
  color: var(--gkazmi-text);
  font-size: .86rem;
  font-weight: 650;
}

/* Shared buttons */
.main-content .btn,
.modal .btn{
  min-height: 40px;
  padding: .5rem .9rem;
  border-radius: 10px !important;
  font-size: .875rem;
  font-weight: 650;
  line-height: 1.2;
  box-shadow: none !important;
}

.main-content .btn-primary,
.modal .btn-primary{
  border-color: var(--gkazmi-primary) !important;
  color: #fff !important;
  background: var(--gkazmi-primary) !important;
}

.main-content .btn-primary:hover,
.main-content .btn-primary:focus,
.modal .btn-primary:hover,
.modal .btn-primary:focus{
  border-color: var(--gkazmi-primary-600) !important;
  background: var(--gkazmi-primary-600) !important;
}

.main-content .btn-light,
.main-content .btn-outline-primary{
  border-color: rgba(37, 99, 235, .18) !important;
  color: var(--gkazmi-primary) !important;
  background: var(--gkazmi-primary-soft, #eff6ff) !important;
}

.main-content .btn-light:hover,
.main-content .btn-outline-primary:hover{
  border-color: var(--gkazmi-primary) !important;
  color: #fff !important;
  background: var(--gkazmi-primary) !important;
}

/* Shared responsive tables */
.main-content .table-responsive{
  overflow-x: auto;
  border: 1px solid var(--gkazmi-component-border);
  border-radius: var(--gkazmi-component-radius-lg);
  background: var(--gkazmi-card);
  box-shadow: var(--gkazmi-shadow-sm, 0 6px 18px rgba(15, 23, 42, .05));
}

.main-content .table-responsive > .table{
  margin-bottom: 0;
}

.main-content .table{
  width: 100%;
  color: var(--gkazmi-text);
  vertical-align: middle;
  background: transparent;
}

.main-content .table > :not(caption) > * > *{
  padding: .85rem 1rem;
  border-bottom-color: var(--gkazmi-component-border);
  background: transparent;
}

.main-content .table thead th{
  color: var(--gkazmi-muted);
  background: rgba(148, 163, 184, .07);
  font-size: .76rem;
  font-weight: 750;
  letter-spacing: .045em;
  text-transform: uppercase;
  white-space: nowrap;
}

.main-content .table tbody tr{
  transition: background-color .16s ease;
}

.main-content .table tbody tr:hover{
  background: rgba(37, 99, 235, .025);
}

/* Shared alerts */
.main-content .alert,
.modal .alert{
  border-width: 1px;
  border-radius: var(--gkazmi-component-radius);
  box-shadow: none;
}

/* Shared modal presentation */
.modal .modal-dialog{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.modal .modal-content{
  overflow: hidden;
  border: 1px solid var(--gkazmi-component-border) !important;
  border-radius: var(--gkazmi-component-radius-lg) !important;
  color: var(--gkazmi-text);
  background: var(--gkazmi-card) !important;
  box-shadow: var(--gkazmi-shadow-lg) !important;
}

.modal .modal-header,
.modal .modal-footer{
  padding: 1rem 1.25rem;
  border-color: var(--gkazmi-component-border) !important;
  background: var(--gkazmi-card) !important;
}

.modal .modal-body{
  padding: 1.25rem;
}

.modal .modal-title{
  color: var(--gkazmi-text);
  font-size: 1.05rem;
  font-weight: 750;
}

/* Shared empty table state */
.main-content .table td[colspan]{
  color: var(--gkazmi-muted);
}

/* Global dark-theme compatibility */
body.gkazmi-theme-dark .main-content .table thead th{
  background: rgba(148, 163, 184, .08);
}

body.gkazmi-theme-dark .main-content .table tbody tr:hover{
  background: rgba(147, 197, 253, .04);
}

body.gkazmi-theme-dark .main-content .btn-light,
body.gkazmi-theme-dark .main-content .btn-outline-primary{
  border-color: rgba(147, 197, 253, .2) !important;
  color: #93c5fd !important;
  background: rgba(37, 99, 235, .13) !important;
}

/* Shared responsive behaviour */
@media (max-width: 991.98px){
  .main-content > .container,
  .main-content > .container-fluid {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media (max-width: 767.98px) {
  .main-content .header,
.main-content .page-header,
.main-content .hero,
.main-content .top-hero,
.main-content .banner{
    padding: 1.25rem 1rem !important;
    border-radius: 14px !important;
  }

  .main-content .header-icon,
.main-content .page-header-icon,
.main-content .hero-icon{
    width: 46px !important;
    height: 46px !important;
    margin-bottom: .7rem !important;
  }

  .main-content .table > :not(caption) > * > *{
    padding: .75rem .8rem;
  }

  .modal .modal-dialog{
    margin: .75rem;
  }
}

@media (max-width: 575.98px) {
  .main-content > .container,
.main-content > .container-fluid{
    padding-top: .85rem;
    padding-right: .75rem;
    padding-left: .75rem;
  }

  .main-content .header h1,
.main-content .page-header h1,
.main-content .hero h1,
.main-content .header .display-5{
    font-size: 1.45rem !important;
  }

  .main-content .btn{
    white-space: normal;
  }
}

/* ==========================================================================
   GKAZMI_MANAGE_USERS_GLOBAL_THEME_MIGRATION
   Reusable structural utilities formerly embedded in Manage Users.

   Visual styling remains controlled by the shared global component layer.
   ========================================================================== */

/* Compact icon-only action buttons used by management tables. */
.main-content .gkazmi-icon-action{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border-radius: 9px !important;
}

.main-content .gkazmi-icon-action:focus-visible,
.main-content .btn:focus-visible{
  outline: 3px solid rgba(37, 99, 235, .24);
  outline-offset: 2px;
}

/* Shared form field assistance. */
.main-content .gkazmi-field-help{
  display: block;
  margin-top: .35rem;
  color: var(--gkazmi-muted);
  font-size: .78rem;
  line-height: 1.4;
}

.main-content .gkazmi-required-mark{
  color: var(--gkazmi-danger, #dc2626);
}

/* Shared telephone input layout. */
.main-content .gkazmi-phone-picker{
  display: flex;
  gap: .65rem;
  align-items: stretch;
}

.main-content .gkazmi-phone-country{
  flex: 0 0 9rem;
  max-width: 9rem;
}

.main-content .gkazmi-phone-number{
  flex: 1 1 auto;
  min-width: 0;
}

/* Shared management-table wrapper. */
.main-content .users-table-wrap{
  position: relative;
}

/* Shared stacked table behaviour for labelled responsive rows. */
@media (max-width: 767.98px){
  .main-content .gkazmi-responsive-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .main-content .gkazmi-responsive-table,
  .main-content .gkazmi-responsive-table tbody,
  .main-content .gkazmi-responsive-table tr,
  .main-content .gkazmi-responsive-table td {
    display: block;
    width: 100%;
  }

  .main-content .gkazmi-responsive-table tbody tr {
    padding: .35rem 0;
    border-bottom: 1px solid var(--gkazmi-component-border);
  }

  .main-content .gkazmi-responsive-table tbody tr:last-child {
    border-bottom: 0;
  }

  .main-content .gkazmi-responsive-table tbody td {
    display: grid;
    grid-template-columns: minmax(7rem, 40%) 1fr;
    gap: .75rem;
    align-items: start;
    padding: .65rem .8rem;
    border: 0;
    text-align: left;
  }

  .main-content .gkazmi-responsive-table tbody td::before {
    content: attr(data-label);
    color: var(--gkazmi-muted);
    font-size: .74rem;
    font-weight: 750;
    letter-spacing: .035em;
    text-transform: uppercase;
  }

  .main-content .gkazmi-phone-picker {
    flex-direction: column;
    gap: .5rem;
  }

  .main-content .gkazmi-phone-country {
    flex-basis: auto;
    width: 100%;
    max-width: none;
  }
}

/* ==========================================================================
   GKAZMI_DASHBOARD_GLOBAL_COMPONENT_MAPPING

   Dashboard structures retain their semantic classes and functionality but
   inherit the same visual system as every authenticated GKazmi page.
   ========================================================================== */

/* Dashboard page shell follows the global page container. */
.main-content .dashboard-enterprise-shell,
.main-content .dashboard-content-panel{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-right: 1.25rem !important;
  padding-left: 1.25rem !important;
  color: var(--gkazmi-text) !important;
  background: transparent !important;
}

/* Dashboard welcome area follows the shared global page header. */
.main-content .dashboard-enterprise-hero{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.25rem !important;
  min-height: 0 !important;
  margin: 1.25rem 0 !important;
  padding: 1.5rem 1.75rem !important;
  overflow: hidden !important;
  border: 1px solid var(--gkazmi-component-border) !important;
  border-radius: var(--gkazmi-component-radius-lg) !important;
  color: var(--gkazmi-text) !important;
  background: var(--gkazmi-card) !important;
  background-image: none !important;
  box-shadow:
    var(
      --gkazmi-shadow-sm,
      0 6px 18px rgba(15, 23, 42, .05)
    ) !important;
}

.main-content .dashboard-enterprise-hero::before,
.main-content .dashboard-enterprise-hero::after,
.main-content .dashboard-enterprise-hero-copy::before,
.main-content .dashboard-enterprise-hero-copy::after{
  display: none !important;
  content: none !important;
}

.main-content .dashboard-enterprise-hero-copy{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--gkazmi-text) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Dashboard typography uses shared heading and muted text values. */
.main-content .dashboard-enterprise-eyebrow{
  display: flex !important;
  align-items: center !important;
  gap: .45rem !important;
  margin-bottom: .45rem !important;
  color: var(--gkazmi-muted) !important;
  font-size: .76rem !important;
  font-weight: 750 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}

.main-content .dashboard-enterprise-wave{
  display: inline-block !important;
  font-size: 1rem !important;
  transform: none !important;
  animation: none !important;
}

.main-content .dashboard-enterprise-username{
  display: block !important;
  margin: 0 0 .35rem !important;
  color: var(--gkazmi-text) !important;
  font-size: clamp(1.55rem, 2.1vw, 2rem) !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em !important;
  text-shadow: none !important;
}

.main-content .dashboard-enterprise-product{
  margin-bottom: .25rem !important;
  color: var(--gkazmi-text) !important;
  font-size: .95rem !important;
  font-weight: 650 !important;
}

.main-content .dashboard-enterprise-tagline{
  margin: 0 !important;
  color: var(--gkazmi-muted) !important;
  font-size: .9rem !important;
  line-height: 1.5 !important;
}

/* Status information uses normal global card surfaces. */
.main-content .dashboard-enterprise-status{
  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: .65rem !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.main-content .dashboard-enterprise-status-item{
  display: flex !important;
  align-items: center !important;
  gap: .65rem !important;
  min-width: 9rem !important;
  margin: 0 !important;
  padding: .7rem .85rem !important;
  border: 1px solid var(--gkazmi-component-border) !important;
  border-radius: var(--gkazmi-component-radius) !important;
  color: var(--gkazmi-text) !important;
  background: var(--gkazmi-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.main-content .dashboard-enterprise-status-label{
  color: var(--gkazmi-muted) !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}

.main-content .dashboard-enterprise-status-value{
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;
  color: var(--gkazmi-text) !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
}

.main-content .dashboard-enterprise-status-dot{
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: var(--gkazmi-success, #059669) !important;
  box-shadow: none !important;
}

.main-content .dashboard-enterprise-status-dot.is-offline{
  background: var(--gkazmi-danger, #dc2626) !important;
}

/* Dashboard content intro follows ordinary page-section typography. */
.main-content .dashboard-section-intro{
  margin: 0 0 1rem !important;
  padding: 0 !important;
  text-align: left !important;
}

.main-content .dashboard-section-intro h2,
.main-content .dashboard-section-intro h3{
  margin-bottom: .3rem !important;
  color: var(--gkazmi-text) !important;
  font-size: 1.2rem !important;
  font-weight: 750 !important;
}

.main-content .dashboard-section-intro p,
.main-content .dashboard-section-intro .text-muted{
  margin-bottom: 0 !important;
  color: var(--gkazmi-muted) !important;
}

/* Dashboard statistics use the same global card language. */
.main-content .dash-stat{
  height: 100% !important;
  margin: 0 !important;
  padding: 1rem !important;
  border: 1px solid var(--gkazmi-component-border) !important;
  border-radius: var(--gkazmi-component-radius-lg) !important;
  color: var(--gkazmi-text) !important;
  background: var(--gkazmi-card) !important;
  background-image: none !important;
  box-shadow:
    var(
      --gkazmi-shadow-sm,
      0 6px 18px rgba(15, 23, 42, .05)
    ) !important;
  transform: none !important;
}

.main-content .dash-stat:hover{
  border-color: rgba(37, 99, 235, .2) !important;
  background: var(--gkazmi-card) !important;
  box-shadow: var(--gkazmi-shadow) !important;
  transform: none !important;
}

.main-content .dash-stat .dash-ico{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  border: 1px solid rgba(37, 99, 235, .14) !important;
  border-radius: 11px !important;
  color: var(--gkazmi-primary) !important;
  background: var(--gkazmi-primary-soft, #eff6ff) !important;
  background-image: none !important;
  box-shadow: none !important;
}

.main-content .dash-stat .dash-ico i,
.main-content .dash-stat .dash-ico svg{
  color: inherit !important;
  fill: currentColor !important;
  filter: none !important;
  text-shadow: none !important;
}

.main-content .dash-stat .dash-ico.teal,
.main-content .dash-stat .dash-ico.purple,
.main-content .dash-stat .dash-ico.orange{
  color: var(--gkazmi-primary) !important;
  background: var(--gkazmi-primary-soft, #eff6ff) !important;
  background-image: none !important;
}

.main-content .dash-stat .dash-k{
  margin-bottom: .2rem !important;
  color: var(--gkazmi-muted) !important;
  font-size: .74rem !important;
  font-weight: 700 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}

.main-content .dash-stat .dash-value{
  color: var(--gkazmi-text) !important;
  font-size: 1.25rem !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  text-shadow: none !important;
}

/* Dashboard analytics, alerts and health retain functionality but use global
   surfaces, borders, shadows and typography. */
.main-content .dashboard-analytics,
.main-content .system-health,
.main-content .alert-center,
.main-content .analytics-panel,
.main-content .alert-panel,
.main-content .health-card{
  border-color: var(--gkazmi-component-border) !important;
  color: var(--gkazmi-text) !important;
  background-color: var(--gkazmi-card) !important;
  background-image: none !important;
  box-shadow:
    var(
      --gkazmi-shadow-sm,
      0 6px 18px rgba(15, 23, 42, .05)
    ) !important;
}

.main-content .system-health-head,
.main-content .system-health-foot,
.main-content .alert-center-head,
.main-content .analytics-panel-head{
  border-color: var(--gkazmi-component-border) !important;
  color: var(--gkazmi-text) !important;
  background: transparent !important;
}

.main-content .health-card-title,
.main-content .health-card-title-row,
.main-content .analytics-title,
.main-content .alert-title{
  color: var(--gkazmi-text) !important;
}

.main-content .system-health-meta,
.main-content .health-card small,
.main-content .analytics-subtitle,
.main-content .alert-meta{
  color: var(--gkazmi-muted) !important;
}

/* Global dark-theme compatibility. */
body.gkazmi-theme-dark
.main-content .dashboard-enterprise-status-item{
  background: rgba(148, 163, 184, .06) !important;
}

body.gkazmi-theme-dark
.main-content .dash-stat .dash-ico{
  border-color: rgba(147, 197, 253, .18) !important;
  color: #93c5fd !important;
  background: rgba(37, 99, 235, .13) !important;
}

/* Shared responsive behaviour. */
@media (max-width: 991.98px){
  .main-content .dashboard-enterprise-hero {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .main-content .dashboard-enterprise-status {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 767.98px) {
  .main-content .dashboard-enterprise-shell,
.main-content .dashboard-content-panel{
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .main-content .dashboard-enterprise-hero{
    margin-top: 1rem !important;
    padding: 1.25rem 1rem !important;
    border-radius: 14px !important;
  }

  .main-content .dashboard-enterprise-status-item{
    flex: 1 1 calc(50% - .35rem) !important;
    min-width: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .main-content .dashboard-enterprise-shell,
.main-content .dashboard-content-panel{
    padding-right: .75rem !important;
    padding-left: .75rem !important;
  }

  .main-content .dashboard-enterprise-username{
    font-size: 1.45rem !important;
  }

  .main-content .dashboard-enterprise-status{
    flex-direction: column !important;
  }

  .main-content .dashboard-enterprise-status-item{
    width: 100% !important;
  }
}

/* ==========================================================================
   GKAZMI_CRON_GLOBAL_UTILITIES

   Shared structural utilities used by cron pages. These replace inline style
   attributes without creating page-specific theme systems.
   ========================================================================== */

.gkazmi-hidden-default{
  display: none;
}

.gkazmi-progress-width-zero{
  width: 0%;
}

.gkazmi-scroll-y-220{
  max-height: 220px;
  overflow: auto;
}

.gkazmi-scroll-y-260{
  max-height: 260px;
  overflow: auto;
}

.gkazmi-scroll-y-300{
  max-height: 300px;
  overflow-y: auto;
}

.gkazmi-pre-wrap{
  white-space: pre-wrap;
}

.gkazmi-text-left{
  text-align: left;
}

.gkazmi-max-w-160{
  max-width: 160px;
}

.gkazmi-max-w-220{
  max-width: 220px;
}

.gkazmi-mt-8{
  margin-top: 8px;
}

.gkazmi-mt-12{
  margin-top: 12px;
}

.gkazmi-list-row{
  margin: 6px 0;
}

.gkazmi-list-compact{
  margin: 0;
  padding-left: 18px;
}

/* ================================================================
   GKAZMI_CRON_SCOPED_SHARED_GENERIC_COMPONENTS

   Shared generic cron-page components. Rules are scoped to the
   body.gkazmi-cron-shared-page page marker so unrelated authenticated pages
   do not inherit cron-specific layout or visual declarations.
   ================================================================ */

body.gkazmi-cron-shared-page{
      --primary: #4361ee;
      --primary-light: #4895ef;
      --secondary: #3f37c9;
      --success: #4ade80;
      --warning: #fbbf24;
      --danger: #f87171;
      --dark: #1e293b;
      --darker: #0f172a;
      --light: #f8fafc;
      --lighter: #ffffff;
      --gray: #94a3b8;
      --card-bg: #ffffff;
      --sidebar-bg: #f1f5f9;
      --text-main: #1e293b;
      --text-muted: #64748b;
    


      background-color: var(--light);
      color: var(--text-main);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
      min-height: 100vh;
    }

body.gkazmi-cron-shared-page .sidebar{
      width: 260px;
      background: var(--sidebar-bg);
      border-right: 1px solid rgba(0, 0, 0, 0.05);
      transition: all 0.3s ease;
      z-index: 1000;
    }

body.gkazmi-cron-shared-page .sidebar-brand{
      padding: 1.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

body.gkazmi-cron-shared-page .sidebar-brand img{
      height: 40px;
      margin-right: 10px;
    }

body.gkazmi-cron-shared-page .sidebar-brand span{
      font-weight: 600;
      font-size: 1.25rem;
      color: var(--dark);
    }

body.gkazmi-cron-shared-page .nav-link{
      color: var(--text-muted);
      padding: 0.75rem 1.5rem;
      margin: 0.25rem 1rem;
      border-radius: 0.5rem;
      display: flex;
      align-items: center;
      transition: all 0.2s;
    }

body.gkazmi-cron-shared-page .nav-link:hover{
      background: rgba(67, 97, 238, 0.1);
      color: var(--primary);
    }

body.gkazmi-cron-shared-page .nav-link i{
      width: 24px;
      margin-right: 12px;
      font-size: 1.1rem;
    }

body.gkazmi-cron-shared-page .nav-link.active{
      color: white;
      background: var(--primary);
      box-shadow: 0 4px 6px -1px rgba(67, 97, 238, 0.3);
    }

body.gkazmi-cron-shared-page .nav-link.active:hover{
      background: var(--secondary);
    }

body.gkazmi-cron-shared-page .main-content{
      flex: 1;
      padding: 0;
      transition: all 0.3s;
      background-color: var(--lighter);
    }

body.gkazmi-cron-shared-page .header{
      background: linear-gradient(135deg, var(--primary), var(--secondary));
      padding: 2.5rem 2rem;
      border-radius: 0 0 1.5rem 1.5rem;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
      color: white;
    }

body.gkazmi-cron-shared-page .header-icon{
      font-size: 3.5rem;
      margin-bottom: 1rem;
      color: white;
      text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
    }

body.gkazmi-cron-shared-page .form-control,
body.gkazmi-cron-shared-page .form-select{
      background: var(--lighter);
      border: 1px solid rgba(0, 0, 0, 0.1);
      color: var(--text-main);
      padding: 0.75rem 1rem;
      border-radius: 0.5rem;
    }

body.gkazmi-cron-shared-page .form-control:focus,
body.gkazmi-cron-shared-page .form-select:focus{
      background: var(--lighter);
      border-color: var(--primary);
      box-shadow: 0 0 0 0.25rem rgba(67, 97, 238, 0.15);
      color: var(--text-main);
    }

body.gkazmi-cron-shared-page .btn-primary{
      background: var(--primary);
      border: none;
      padding: 0.75rem 1.5rem;
      font-weight: 500;
    }

body.gkazmi-cron-shared-page .btn-primary:hover{
      background: var(--secondary);
    }

body.gkazmi-cron-shared-page .btn-secondary{
      background: var(--gray);
      border: none;
      padding: 0.75rem 1.5rem;
      font-weight: 500;
    }

body.gkazmi-cron-shared-page .btn-secondary:hover{
      background: var(--text-muted);
    }

body.gkazmi-cron-shared-page .alert{
      border-radius: 0.5rem;
      border: none;
      padding: 1rem 1.5rem;
    }

body.gkazmi-cron-shared-page .table-responsive{
      border-radius: 0.5rem;
      overflow: hidden;
    }

/* ================================================================
   GKAZMI_CRON_SHARED_FUNCTIONAL_COMPONENTS

   Shared cron functional selectors used by both scoped cron pages.
   ================================================================ */

body.gkazmi-cron-shared-page .form-label{
      font-weight: 500;
      color: var(--dark);
      margin-bottom: 0.5rem;
    }

body.gkazmi-cron-shared-page #sidebarToggle{
      position: fixed;
      top: 1rem;
      left: 1rem;
      z-index: 1100;
      background: var(--primary);
      border: none;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    }

/* GKAZMI_WEBSITE_SETTINGS_UTILITIES_BEGIN */
.gkazmi-logo-preview{
    max-width: 100%;
    max-height: 60px;
}
.gkazmi-favicon-preview{
    width: 32px;
    height: 32px;
}
.gkazmi-flex-min-260{
    flex: 1 1 auto;
    min-width: 260px;
}
.gkazmi-max-w-260{
    max-width: 260px;
}
/* GKAZMI_WEBSITE_SETTINGS_UTILITIES_END */

/* GKAZMI_API_KEYS_UTILITIES_BEGIN */
.gkazmi-dark-code-container{
    overflow: auto;
    color: #fff;
    background: #111827;
}

.gkazmi-w-220{
    width: 220px;
}
/* GKAZMI_API_KEYS_UTILITIES_END */

/* GKAZMI_REMAINING_MIGRATION_UTILITIES_BEGIN */
.gkazmi-telegram-icon{
    color: #0088cc;
}

.gkazmi-email-icon{
    color: #3b82f6;
}

.gkazmi-icon-gap-10{
    margin-left: 10px;
}


.gkazmi-light-instruction-panel{
    color: #000;
    background-color: #fff;
    border: 1px solid #ccc;
}

.gkazmi-image-max-85{
    width: auto;
    max-width: 85%;
    height: auto;
}

.gkazmi-progress-full{
    width: 100%;
}

.gkazmi-max-w-520{
    max-width: 520px;
}

.gkazmi-pre-wrap-anywhere{
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.gkazmi-textarea-tall{
    min-height: 260px;
    resize: vertical;
}

.gkazmi-main-content-flex{
    flex: 1 1 auto;
    width: calc(100% - 260px);
    min-width: 0;
}

.gkazmi-break-all{
    word-break: break-all;
}
/* GKAZMI_REMAINING_MIGRATION_UTILITIES_END */

/* GKAZMI_FULL_SAFE_FRONTEND_UTILITIES_BEGIN */


.gkazmi-progress-5{
    width: 5%;
}

.gkazmi-progress-100{
    width: 100%;
}

.gkazmi-clipboard-proxy{
    position: fixed;
    top: 0;
    left: -9999px;
}
/* GKAZMI_FULL_SAFE_FRONTEND_UTILITIES_END */


/* === GKazmi UI Source: gkazmi-ui-premium-design.css === */
/* GKazmi UI v6.3 Premium Design Bundle
   Visual/UX layer only. No application behavior or routing changes. */
:root{
  --gkazmi-ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  
  
  
  
  
  
  
  
  --gkazmi-ui-primary-hover: #1d4ed8;
  
  
  
  --gkazmi-ui-radius-sm: 8px;
  
  --gkazmi-ui-radius-lg: 16px;
  
  
  
}

html{ -webkit-text-size-adjust: 100%; }
body{
  font-family: var(--gkazmi-ui-font);
  color: var(--gkazmi-ui-text);
  background: var(--gkazmi-ui-canvas);
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  text-rendering: optimizeLegibility;
}

/* Consistent page rhythm */
main,
.main-content,
.page-content,
.content-wrapper,
.container-fluid{
  scroll-margin-top: 5rem;
}
.container,
.container-fluid{ --bs-gutter-x: clamp(1rem, 2.4vw, 2rem); }
.page-wrapper,
.content-wrapper,
.main-content{ min-width: 0; }

h1,
h2,
h3,
h4,
h5,
h6{
  color: var(--gkazmi-ui-text);
  letter-spacing: -.018em;
  text-wrap: balance;
}
h1{ font-size: clamp(1.45rem, 2.3vw, 2rem); line-height: 1.2; }
h2{ font-size: clamp(1.2rem, 1.8vw, 1.55rem); line-height: 1.25; }
p,
.text-muted,
.form-text{ line-height: 1.6; }
.text-muted,
.text-secondary{ color: var(--gkazmi-ui-muted) !important; }

/* Compact shared header polish */
.gkazmi-page-header,
.gkazmi-page-header,
.page-header,
.public-page-header{
  min-height: auto !important;
  padding-top: .85rem !important;
  padding-bottom: .85rem !important;
  margin-bottom: 1rem !important;
}
.gkazmi-page-header h1,
.gkazmi-page-header h1,
.page-header h1,
.public-page-header h1{
  margin-bottom: .2rem !important;
}
.gkazmi-page-header .icon,
.gkazmi-page-header .icon,
.page-header .icon,
.gkazmi-page-header svg,
.gkazmi-page-header svg,
.page-header svg{
  flex: 0 0 auto;
}

/* Premium surfaces */
.card,
.panel,
.widget,
.stat-card,
.metric-card,
.settings-card,
.table-card,
.form-card,
.content-card,
.auth-card{
  border: 1px solid var(--gkazmi-ui-border) !important;
  border-radius: var(--gkazmi-ui-radius-lg) !important;
  background: var(--gkazmi-ui-surface);
  box-shadow: var(--gkazmi-ui-shadow-sm);
}
.card:hover,
.panel:hover,
.widget:hover,
.stat-card:hover,
.metric-card:hover{
  border-color: var(--gkazmi-ui-border-strong) !important;
}
.card-header,
.panel-heading,
.modal-header{
  background: transparent !important;
  border-bottom-color: var(--gkazmi-ui-border) !important;
  padding: 1rem 1.15rem;
}
.card-body,
.panel-body{ padding: clamp(1rem, 2vw, 1.3rem); }
.card-footer,
.modal-footer{
  background: var(--gkazmi-ui-surface-soft) !important;
  border-top-color: var(--gkazmi-ui-border) !important;
}

/* Buttons */
.btn,
button,
[type="button"],
[type="submit"]{
  border-radius: 10px;
  font-weight: 600;
  letter-spacing: -.005em;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease, background-color .14s ease;
}
.btn:hover,
button:hover{ transform: translateY(-1px); }
.btn:active,
button:active{ transform: translateY(0); }
.btn-primary{
  background: var(--gkazmi-ui-primary) !important;
  border-color: var(--gkazmi-ui-primary) !important;
  box-shadow: 0 1px 2px rgb(37 99 235 / .18);
}
.btn-primary:hover{
  background: var(--gkazmi-ui-primary-hover) !important;
  border-color: var(--gkazmi-ui-primary-hover) !important;
  box-shadow: 0 6px 16px rgb(37 99 235 / .18);
}
.btn-light,
.btn-outline-secondary,
.btn-secondary{
  border-color: var(--gkazmi-ui-border-strong) !important;
}
.btn-sm{ border-radius: 8px; }

/* Forms */
.form-label,
label{ color: #334155; font-weight: 600; font-size: .875rem; }
.form-control,
.form-select,
input,
select,
textarea{
  border-color: var(--gkazmi-ui-border-strong);
  border-radius: 10px;
  min-height: 42px;
  background-color: var(--gkazmi-ui-surface);
  transition: border-color .14s ease, box-shadow .14s ease, background-color .14s ease;
}
textarea.form-control,
textarea{ min-height: 96px; }
.form-control:hover,
.form-select:hover,
input:hover,
select:hover,
textarea:hover{
  border-color: #94a3b8;
}
.form-control:focus,
.form-select:focus,
input:focus,
select:focus,
textarea:focus{
  border-color: var(--gkazmi-ui-primary) !important;
  box-shadow: var(--gkazmi-ui-ring) !important;
  outline: none;
}
.input-group-text{
  border-color: var(--gkazmi-ui-border-strong);
  background: var(--gkazmi-ui-surface-soft);
}

/* Tables */
.table-responsive{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--gkazmi-ui-radius);
}
.table{ margin-bottom: 0; color: var(--gkazmi-ui-text); }
.table > :not(caption) > * > *{
  padding: .72rem .85rem;
  border-bottom-color: var(--gkazmi-ui-border);
  vertical-align: middle;
}
.table thead th{
  color: #475569;
  background: var(--gkazmi-ui-surface-soft);
  font-size: .74rem;
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
  white-space: nowrap;
}
.table tbody tr{ transition: background-color .12s ease; }
.table tbody tr:hover{ background: #f8fafc; }
.table td .btn + .btn{ margin-left: .25rem; }

/* Navigation, tabs and pagination */
.nav-tabs{ border-bottom-color: var(--gkazmi-ui-border); gap: .2rem; }
.nav-tabs .nav-link{
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: var(--gkazmi-ui-muted);
  font-weight: 600;
}
.nav-tabs .nav-link:hover{ color: var(--gkazmi-ui-text); }
.nav-tabs .nav-link.active{
  color: var(--gkazmi-ui-primary);
  background: transparent;
  border-bottom-color: var(--gkazmi-ui-primary);
}

.page-link{
  border-radius: 8px !important;
  border-color: var(--gkazmi-ui-border);
  color: #334155;
}

/* Status and feedback */
.badge,
.status-badge,
.pill{
  border-radius: 999px;
  font-weight: 650;
  letter-spacing: .005em;
}
.alert{
  border-radius: var(--gkazmi-ui-radius);
  border-width: 1px;
  box-shadow: none;
}
.progress{ height: .55rem; border-radius: 999px; background: #e9eef5; }
.progress-bar{ border-radius: inherit; }

/* Modals, dropdowns and tooltips */
.modal-content,
.dropdown-menu,
.popover{
  border-color: var(--gkazmi-ui-border) !important;
  border-radius: var(--gkazmi-ui-radius-lg) !important;
  box-shadow: var(--gkazmi-ui-shadow) !important;
}
.dropdown-item{ border-radius: 8px; margin: 2px 5px; width: calc(100% - 10px); }
.dropdown-item:hover,
.dropdown-item:focus{ background: #eff6ff; color: #1e40af; }

/* Empty/loading states */
.empty-state,
.gkazmi-empty-state,
[data-empty-state]{
  padding: clamp(2rem, 6vw, 4rem) 1rem;
  text-align: center;
  color: var(--gkazmi-ui-muted);
}
.skeleton,
.loading-skeleton{
  background: linear-gradient(90deg, #eef2f7 25%, #f8fafc 45%, #eef2f7 65%);
  background-size: 220% 100%;
  animation: gkazmi-ui-shimmer 1.35s ease-in-out infinite;
  border-radius: 8px;
}
@keyframes gkazmi-ui-shimmer { to { background-position: -220% 0; } }

/* Keyboard and accessibility */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
[tabindex]:focus-visible{
  outline: 2px solid var(--gkazmi-ui-primary) !important;
  outline-offset: 2px;
  box-shadow: var(--gkazmi-ui-ring);
}
::selection{ background: rgb(37 99 235 / .2); }

/* Responsive refinements */
@media (max-width: 991.98px){
  .card-body, .panel-body { padding: 1rem; }
  .table > :not(caption) > * > * { padding: .65rem .7rem; }
}
@media (max-width: 767.98px) {
  body{ font-size: .95rem; }
  .container,
.container-fluid{ --bs-gutter-x: 1rem; }
  .btn-group:not(.btn-group-sm){ flex-wrap: wrap; }
  .page-actions,
.header-actions,
.card-actions{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
  }
  .page-actions .btn,
.header-actions .btn{ flex: 1 1 auto; }
  .table-responsive{ margin-inline: -.1rem; }
  .modal-dialog{ margin: .75rem; }
}
@media (max-width: 575.98px) {
  .card,
.panel,
.widget,
.stat-card,
.metric-card,
.settings-card,
.table-card,
.form-card,
.content-card,
.auth-card{
    border-radius: 13px !important;
  }
  .card-header{ padding: .9rem 1rem; }
  .table > :not(caption) > * > *{ padding: .58rem .62rem; }
  .btn{ min-height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
  
}


/* === GKazmi UI Source: gkazmi-global-checkbox-table-standard.css === */
/*
 * GKazmi Global Checkbox and Table Standard v1.0.0
 * Final-load compatibility layer.
 * Normal checkboxes are square. Bootstrap switches and radio buttons are preserved.
 */

:root{
  --gkazmi-checkbox-size: 1.05rem;
  --gkazmi-checkbox-radius: 3px;
  --gkazmi-checkbox-border: #b8c4d4;
  --gkazmi-checkbox-bg: #ffffff;
  --gkazmi-checkbox-checked: var(--bs-primary, #2563eb);
  --gkazmi-checkbox-focus: rgba(37, 99, 235, .22);
  --gkazmi-table-cell-py: .58rem;
  --gkazmi-table-cell-px: .72rem;
  --gkazmi-table-line-height: 1.28;
}

/* Standard square checkbox. Excludes Bootstrap and application switches. */
input[type="checkbox"]:not([role="switch"]):not(.form-switch .form-check-input),
.form-check:not(.form-switch) > .form-check-input[type="checkbox"],
table input[type="checkbox"]:not([role="switch"]){
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-content: center !important;
  inline-size: var(--gkazmi-checkbox-size) !important;
  block-size: var(--gkazmi-checkbox-size) !important;
  min-inline-size: var(--gkazmi-checkbox-size) !important;
  min-block-size: var(--gkazmi-checkbox-size) !important;
  max-inline-size: var(--gkazmi-checkbox-size) !important;
  max-block-size: var(--gkazmi-checkbox-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1.5px solid var(--gkazmi-checkbox-border) !important;
  border-radius: var(--gkazmi-checkbox-radius) !important;
  background-color: var(--gkazmi-checkbox-bg) !important;
  background-image: none !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: .72rem .72rem !important;
  color: #fff !important;
  vertical-align: middle !important;
  cursor: pointer;
  box-shadow: none !important;
  transition: border-color .14s ease, background-color .14s ease, box-shadow .14s ease, opacity .14s ease !important;
}

input[type="checkbox"]:not([role="switch"]):not(.form-switch .form-check-input):checked,
.form-check:not(.form-switch) > .form-check-input[type="checkbox"]:checked,
table input[type="checkbox"]:not([role="switch"]):checked{
  border-color: var(--gkazmi-checkbox-checked) !important;
  background-color: var(--gkazmi-checkbox-checked) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.25' d='m3.2 8.2 3 3.1 6.6-6.8'/%3E%3C/svg%3E") !important;
}

input[type="checkbox"]:not([role="switch"]):not(.form-switch .form-check-input):indeterminate,
.form-check:not(.form-switch) > .form-check-input[type="checkbox"]:indeterminate,
table input[type="checkbox"]:not([role="switch"]):indeterminate{
  border-color: var(--gkazmi-checkbox-checked) !important;
  background-color: var(--gkazmi-checkbox-checked) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2.4' d='M3.5 8h9'/%3E%3C/svg%3E") !important;
}

input[type="checkbox"]:not([role="switch"]):not(.form-switch .form-check-input):focus-visible,
.form-check:not(.form-switch) > .form-check-input[type="checkbox"]:focus-visible,
table input[type="checkbox"]:not([role="switch"]):focus-visible{
  outline: 0 !important;
  border-color: var(--gkazmi-checkbox-checked) !important;
  box-shadow: 0 0 0 .2rem var(--gkazmi-checkbox-focus) !important;
}

input[type="checkbox"]:not([role="switch"]):not(.form-switch .form-check-input):disabled,
.form-check:not(.form-switch) > .form-check-input[type="checkbox"]:disabled,
table input[type="checkbox"]:not([role="switch"]):disabled{
  cursor: not-allowed !important;
  opacity: .48 !important;
  filter: saturate(.72);
}

/* Explicitly preserve all switches. */
.form-switch .form-check-input,
input[type="checkbox"][role="switch"]{
  -webkit-appearance: none;
  appearance: none;
  inline-size: 2em !important;
  min-inline-size: 2em !important;
  block-size: 1em !important;
  min-block-size: 1em !important;
  border-radius: 2em !important;
  background-position: left center;
  cursor: pointer;
}

.form-switch .form-check-input:checked,
input[type="checkbox"][role="switch"]:checked{
  background-position: right center;
}

/* Checkbox/label alignment outside tables. */
.form-check:not(.form-switch),
label:has(> input[type="checkbox"]:not([role="switch"])){
  align-items: center;
}

.form-check:not(.form-switch){
  display: flex;
  gap: .5rem;
  min-height: var(--gkazmi-checkbox-size);
  padding-left: 0 !important;
}

.form-check:not(.form-switch) .form-check-input{
  float: none !important;
  margin-left: 0 !important;
}

/* Project-wide table row and cell rhythm. */
.main-content table > :not(caption) > * > *,
.main-content .table > :not(caption) > * > *,
body.gkazmi-app table > :not(caption) > * > *,
body.gkazmi-theme-100 table > :not(caption) > * > *{
  padding: var(--gkazmi-table-cell-py) var(--gkazmi-table-cell-px) !important;
  line-height: var(--gkazmi-table-line-height) !important;
  vertical-align: middle !important;
}

.main-content table tbody tr,
body.gkazmi-app table tbody tr,
body.gkazmi-theme-100 table tbody tr{
  min-height: 0 !important;
  height: auto !important;
}

.main-content table thead th,
body.gkazmi-app table thead th,
body.gkazmi-theme-100 table thead th{
  padding-top: .62rem !important;
  padding-bottom: .62rem !important;
  line-height: 1.2 !important;
}

/* Selection and permission columns. */
table th:has(> input[type="checkbox"]),
table td:has(> input[type="checkbox"]),
.cj-select-cell,
.mu-select-col,
td[data-label="Select"]{
  text-align: center !important;
  vertical-align: middle !important;
}

table th:has(> input[type="checkbox"]) > input[type="checkbox"],
table td:has(> input[type="checkbox"]) > input[type="checkbox"],
.cj-select-cell input[type="checkbox"],
.mu-select-col input[type="checkbox"],
td[data-label="Select"] input[type="checkbox"]{
  display: inline-grid !important;
  margin-inline: auto !important;
}

/* Roles and permissions matrix: compact rows and centered role columns. */
body.gkazmi-page-roles table tbody td,
body.gkazmi-page-roles .table tbody td,
.roles-page table tbody td,
.permission-matrix tbody td{
  padding-top: .52rem !important;
  padding-bottom: .52rem !important;
}

body.gkazmi-page-roles table th:nth-last-child(-n+3),
body.gkazmi-page-roles table td:nth-last-child(-n+3),
.roles-page table th:nth-last-child(-n+3),
.roles-page table td:nth-last-child(-n+3),
.permission-matrix th:nth-last-child(-n+3),
.permission-matrix td:nth-last-child(-n+3){
  text-align: center !important;
}

/* Compact density support. */
[data-gkazmi-density="compact"] table > :not(caption) > * > *,
.gkazmi-density-compact table > :not(caption) > * > *{
  padding-top: .42rem !important;
  padding-bottom: .42rem !important;
}

/* Public/auth pages keep accessible touch size through labels while checkbox remains square. */
@media (pointer: coarse){
  label:has(input[type="checkbox"]:not([role="switch"])),
  .form-check:not(.form-switch) {
    min-height: 2.25rem;
  }
}

@media (max-width: 767.98px) {
  :root{
    --gkazmi-table-cell-py: .52rem;
    --gkazmi-table-cell-px: .58rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  input[type="checkbox"]{
    transition: none !important;
  }
}


/* === GKazmi UI Source: gkazmi-ui.css === */


body.gkazmi-app .main-content{background:var(--gkazmi-ui-bg)!important;min-height:100vh}
body.gkazmi-app .container-fluid{max-width:1800px}
.gkazmi-page-header{padding:34px 24px 28px;margin:0 0 22px;background:linear-gradient(180deg,#eef4ff 0,#f6f8fc 100%);text-align:center;border-bottom:1px solid #e2e8f0}
.gkazmi-page-header-icon{width:52px;height:52px;margin:0 auto 12px;display:grid;place-items:center;border:1px solid #cbd5e1;border-radius:14px;background:#fff;color:var(--gkazmi-ui-primary);font-size:1.25rem;box-shadow:0 8px 20px rgba(36,99,235,.1)}
.gkazmi-page-header-card{display:inline-block;min-width:min(620px,92vw);max-width:980px;padding:17px 28px 18px;border:1px solid var(--gkazmi-ui-border);border-radius:var(--gkazmi-ui-radius);background:#fff;box-shadow:var(--gkazmi-ui-shadow)}
.gkazmi-page-header h1{margin:0;font-size:clamp(1.55rem,2.3vw,2rem);font-weight:800;letter-spacing:-.025em;color:var(--gkazmi-ui-text)}
.gkazmi-page-header p{margin:7px 0 0;color:var(--gkazmi-ui-muted);font-size:.96rem}
.gkazmi-page-header-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:14px}
body.gkazmi-app .card,
body.gkazmi-app .panel,
body.gkazmi-app .content-card,
body.gkazmi-app .dash-stat,
body.gkazmi-app .mu-stat-card{border:1px solid var(--gkazmi-ui-border)!important;border-radius:var(--gkazmi-ui-radius)!important;background:var(--gkazmi-ui-surface)!important;box-shadow:0 4px 16px rgba(15,23,42,.05)!important}


body.gkazmi-app .table{--bs-table-bg:transparent;margin-bottom:0}
body.gkazmi-app .table thead th{background:#f8fafc;color:#475569;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--gkazmi-ui-border)}
body.gkazmi-app .table td,
body.gkazmi-app .table th{vertical-align:middle;padding:.78rem .85rem}
body.gkazmi-app .dashboard-enterprise-hero{display:none!important}
@media(max-width:768px){.gkazmi-page-header{padding:24px 14px 20px}.gkazmi-page-header-card{min-width:100%;padding:15px 16px}.gkazmi-page-header h1{font-size:1.35rem}}

/* GKazmi UI Phase 2 canonical internal components */
body.gkazmi-app .v6-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 16px;margin:0 0 18px;border:1px solid var(--gkazmi-ui-border,#dce4ef);border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.05)}
body.gkazmi-app .v6-card{margin-bottom:18px;border:1px solid var(--gkazmi-ui-border,#dce4ef);border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.05);overflow:hidden}
body.gkazmi-app .v6-card-header{padding:15px 18px;border-bottom:1px solid var(--gkazmi-ui-border,#dce4ef);background:#f8fafc}
body.gkazmi-app .v6-card-header h2{margin:0;font-size:1rem;font-weight:800;color:#14213d}
body.gkazmi-app .v6-card-body{padding:18px}
body.gkazmi-app .modal-content,
body.gkazmi-app .offcanvas{border:1px solid var(--gkazmi-ui-border,#dce4ef);border-radius:14px;box-shadow:0 20px 60px rgba(15,23,42,.18)}
body.gkazmi-app .modal-header,
body.gkazmi-app .offcanvas-header{background:#f8fafc;border-bottom:1px solid var(--gkazmi-ui-border,#dce4ef)}


body.gkazmi-app .page-link{border-radius:8px!important}


body.gkazmi-app .accordion-item{border-color:var(--gkazmi-ui-border,#dce4ef);border-radius:12px!important;overflow:hidden;margin-bottom:8px}

@media(max-width:768px){body.gkazmi-app .v6-toolbar{align-items:stretch}body.gkazmi-app .v6-toolbar>*{max-width:100%}body.gkazmi-app .v6-card-body{padding:14px}}

/* GKazmi UI v6.1 COMPACT CENTERED HEADER START */
/* Compact, centered admin-page header shared by every v6 view. */
body.gkazmi-app .gkazmi-page-header,
body.gkazmi-app .gkazmi-page-header{
    padding: 12px 16px 14px !important;
    margin: 0 auto 18px !important;
    min-height: 0 !important;
    text-align: center !important;
}


body.gkazmi-app .gkazmi-page-header-icon,
body.gkazmi-app .gkazmi-page-header-icon,
body.gkazmi-app .gkazmi-page-header .page-header-icon{
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 auto 2px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

body.gkazmi-app .gkazmi-page-header-icon i,
body.gkazmi-app .gkazmi-page-header-icon svg,
body.gkazmi-app .gkazmi-page-header-icon i,
body.gkazmi-app .gkazmi-page-header-icon svg{
    width: 20px !important;
    height: 20px !important;
    font-size: 20px !important;
}

body.gkazmi-app .gkazmi-page-header-copy,
body.gkazmi-app .gkazmi-page-header-copy{
    width: 100% !important;
    text-align: center !important;
}


body.gkazmi-app .gkazmi-page-header-actions,
body.gkazmi-app .gkazmi-page-header-actions{
    width: auto !important;
    margin: 6px auto 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
}

body.gkazmi-app .gkazmi-page-header-actions .btn,
body.gkazmi-app .gkazmi-page-header-actions .btn{
    min-height: 34px !important;
    padding: 7px 12px !important;
    font-size: 13px !important;
    border-radius: 9px !important;
}

/* Neutralize legacy hero sizing still attached to migrated header nodes. */
body.gkazmi-app .dashboard-enterprise-hero,
body.gkazmi-app .gkazmi-hero,
body.gkazmi-app .gkazmi-hero-card{
    min-height: 0 !important;
}

@media (max-width: 767.98px) {
    

    

    

    body.gkazmi-app .gkazmi-page-header-actions,
body.gkazmi-app .gkazmi-page-header-actions{
        width: 100% !important;
    }
}
/* GKazmi UI v6.1 COMPACT CENTERED HEADER END */


/* GKazmi UI v6.1 UNIFORM SINGLE-LINE HEADERS START */
/* All v6 page headers use one identical centered card and one desktop title line. */
body.gkazmi-app .gkazmi-page-header,
body.gkazmi-app .gkazmi-page-header{
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 18px 16px !important;
    margin: 0 0 18px !important;
    text-align: center !important;
}


body.gkazmi-app .gkazmi-page-header-card,
body.gkazmi-app .gkazmi-page-header-card{
    width: min(900px, calc(100% - 28px)) !important;
    min-width: 0 !important;
    max-width: 900px !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    padding: 16px 24px !important;
    border-radius: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    text-align: center !important;
}

body.gkazmi-app .gkazmi-page-header-card .gkazmi-page-header-icon,
body.gkazmi-app .gkazmi-page-header-card .gkazmi-page-header-icon,
body.gkazmi-app .gkazmi-page-header-card .gkazmi-page-header-icon,
body.gkazmi-app .gkazmi-page-header-card .gkazmi-page-header-icon,
body.gkazmi-app .gkazmi-page-header-card .page-header-icon,
body.gkazmi-app .gkazmi-page-header-card .page-header-icon{
    display: inline-flex !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 auto 4px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

body.gkazmi-app .gkazmi-page-header h1,
body.gkazmi-app .gkazmi-page-header h1,
body.gkazmi-app .gkazmi-page-header-title,
body.gkazmi-app .gkazmi-page-header-title{
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    font-size: clamp(22px, 2vw, 29px) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

body.gkazmi-app .gkazmi-page-header p,
body.gkazmi-app .gkazmi-page-header p,
body.gkazmi-app .gkazmi-page-header-subtitle,
body.gkazmi-app .gkazmi-page-header-subtitle{
    width: 100% !important;
    max-width: 780px !important;
    margin: 2px auto 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

@media (max-width: 767.98px) {
    body.gkazmi-app .gkazmi-page-header,
body.gkazmi-app .gkazmi-page-header{
        padding: 10px 8px 12px !important;
        margin-bottom: 14px !important;
    }

    body.gkazmi-app .gkazmi-page-header-card,
body.gkazmi-app .gkazmi-page-header-card{
        width: calc(100% - 12px) !important;
        padding: 14px 12px !important;
        border-radius: 14px !important;
    }

    body.gkazmi-app .gkazmi-page-header h1,
body.gkazmi-app .gkazmi-page-header h1,
body.gkazmi-app .gkazmi-page-header-title,
body.gkazmi-app .gkazmi-page-header-title{
        font-size: 20px !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }
}
/* GKazmi UI v6.1 UNIFORM SINGLE-LINE HEADERS END */


/* === GKazmi UI Source: gkazmi-enterprise-ux-mobile.css === */
/* GKazmi Enterprise UX & Mobile Completion v1.0 */
:root{
  
  
  
  
  
  --gkazmi-ux-radius-sm:.5rem;
  --gkazmi-ux-radius-md:.75rem;
  --gkazmi-ux-radius-lg:1rem;
  --gkazmi-ux-border:#dfe7f1;
  
  --gkazmi-ux-muted:#64748b;
  --gkazmi-ux-bg:#f6f8fc;
  
  
  
  
  --gkazmi-ux-shadow:0 8px 24px rgba(15,23,42,.05)
}

html{
  min-width:320px;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:smooth
}

body{
  min-width:320px;
  overflow-x:hidden;
  background:var(--gkazmi-ux-bg)
}


.main-content{
  min-width:0!important;
  width:100%!important;
  overflow-x:hidden
}

.container,
.container-fluid{
  min-width:0
}

.card,
.panel,
.content-card,
.dashboard-card,
.settings-card,
.notification-panel{
  min-width:0;
  border-color:var(--gkazmi-ux-border);
  border-radius:var(--gkazmi-ux-radius-lg);
  box-shadow:var(--gkazmi-ux-shadow)
}

.card-header,
.panel-header,
.content-card>header,
.notification-panel>header{
  min-width:0
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
small,
label,
span,
strong,
td,
th{
  overflow-wrap:anywhere
}

.btn,
button,
input,
select,
textarea,
.form-control,
.form-select{
  max-width:100%
}

.btn,
button,
.form-control,
.form-select,
input,
select,
textarea{
  border-radius:var(--gkazmi-ux-radius-sm)
}

.btn,
button,
[role="button"],
a.nav-link{
  touch-action:manipulation
}

.form-control,
.form-select,
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea{
  min-height:38px
}

textarea{min-height:96px;resize:vertical}

input[type="checkbox"]:not([role="switch"]):not(.form-switch .form-check-input){
  width:1rem!important;
  height:1rem!important;
  min-width:1rem!important;
  min-height:1rem!important;
  border-radius:.18rem!important;
  vertical-align:middle!important;
  flex:0 0 1rem!important
}

input[type="radio"]{
  width:1rem;
  height:1rem
}

.form-check{
  min-width:0
}

.form-check-label{
  min-width:0;
  overflow-wrap:anywhere
}

.table-responsive{
  width:100%;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
  border-radius:var(--gkazmi-ux-radius-md)
}


.table>:not(caption)>*>*{
  padding:.58rem .62rem;
  vertical-align:middle
}

.table th{
  white-space:nowrap
}

.table td{
  line-height:1.35
}

.table td.actions,
.table th.actions,
.table .actions{
  white-space:nowrap
}

.dropdown-menu{
  max-width:min(92vw,26rem);
  overflow-wrap:anywhere
}

.modal-dialog{
  width:auto;
  max-width:min(94vw,720px);
  margin:1.25rem auto
}

.modal-content,
.gkazmi-popup,
.swal2-popup{
  max-width:94vw!important;
  border-radius:var(--gkazmi-ux-radius-lg)!important
}

.modal-body,
.gkazmi-popup-body,
.swal2-html-container{
  max-height:min(72vh,760px);
  overflow-y:auto
}

.gkazmi-page-header,
.page-header,
.content-header{
  min-width:0
}

.gkazmi-page-header h1,
.page-header h1,
.content-header h1{
  font-size:clamp(1.05rem,2.4vw,1.55rem)
}

.row{
  min-width:0
}

[class*="col-"]{
  min-width:0
}

pre,
code,
.code-block,
.log-output{
  max-width:100%;
  overflow:auto;
  white-space:pre-wrap;
  word-break:break-word
}

.badge,
.status-badge,
.notification-state{
  max-width:100%;
  white-space:normal;
  text-align:center
}


#sidebarToggle,
.sidebar-toggle,
.mobile-menu-toggle{
  position:relative;
  z-index:1046;
  min-width:40px;
  min-height:40px
}

.gkazmi-mobile-overlay{
  position:fixed;
  inset:0;
  z-index:1040;
  display:none;
  background:rgba(15,23,42,.42);
  backdrop-filter:blur(2px)
}

body.gkazmi-mobile-menu-open .gkazmi-mobile-overlay{
  display:block
}

.gkazmi-sticky-actions{
  position:sticky;
  bottom:0;
  z-index:20;
  padding:.65rem;
  border-top:1px solid var(--gkazmi-ux-border);
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px)
}

@media(max-width:1199.98px){
  .main-content{
    padding-left:0!important;
    margin-left:0!important
  }

  .container-fluid{
    padding-left:1rem!important;
    padding-right:1rem!important
  }

  .sidebar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(86vw,300px)!important;
    max-width:300px!important;
    transform:translateX(-105%);
    transition:transform .22s ease;
    overflow-y:auto!important;
    box-shadow:0 20px 50px rgba(15,23,42,.25)
  }

  body.gkazmi-mobile-menu-open .sidebar,
.sidebar.show,
.sidebar.active,
.sidebar.open{
    transform:translateX(0)!important
  }

  body.gkazmi-mobile-menu-open{
    overflow:hidden
  }

  .dashboard-grid,
.stats-grid,
.summary-grid,
.settings-grid,
.notification-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
}

@media(max-width:991.98px){
  .row.g-4,
.row.g-3{
    --bs-gutter-x:1rem;
    --bs-gutter-y:1rem
  }

  .card-body,
.panel-body,
.content-card-body{
    padding:1rem
  }

  .toolbar,
.filter-bar,
.page-actions,
.action-bar,
.notification-toolbar{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:.65rem!important
  }

  .toolbar>*,
.filter-bar>*,
.page-actions>*,
.action-bar>*,
.notification-toolbar>*{
    min-width:0!important;
    max-width:100%!important
  }

  .toolbar .btn,
.filter-bar .btn,
.page-actions .btn,
.action-bar .btn{
    width:100%
  }

  .modal-dialog{
    margin:.75rem auto
  }
}

@media(max-width:767.98px){
  body{
    font-size:.92rem
  }

  .container-fluid,
.container{
    padding-left:.75rem!important;
    padding-right:.75rem!important
  }

  .main-content{
    padding:0!important
  }

  .card,
.panel,
.content-card,
.notification-panel{
    border-radius:.75rem
  }

  .card-header,
.card-body,
.card-footer,
.panel-header,
.panel-body,
.panel-footer,
.content-card>header,
.content-card-body{
    padding:.75rem!important
  }

  .dashboard-grid,
.stats-grid,
.summary-grid,
.settings-grid,
.notification-summary,
.notification-intelligence-grid{
    grid-template-columns:1fr!important
  }

  .table-responsive{
    margin:0;
    border:1px solid var(--gkazmi-ux-border)
  }

  .table{
    min-width:680px
  }

  .table.table-mobile-stack,
table[data-mobile-stack="true"]{
    min-width:0
  }

  .table.table-mobile-stack thead,
table[data-mobile-stack="true"] thead{
    display:none
  }

  .table.table-mobile-stack tbody,
.table.table-mobile-stack tr,
.table.table-mobile-stack td,
table[data-mobile-stack="true"] tbody,
table[data-mobile-stack="true"] tr,
table[data-mobile-stack="true"] td{
    display:block;
    width:100%
  }

  .table.table-mobile-stack tr,
table[data-mobile-stack="true"] tr{
    margin:.75rem;
    border:1px solid var(--gkazmi-ux-border);
    border-radius:.75rem;
    background:#fff;
    overflow:hidden
  }

  .table.table-mobile-stack td,
table[data-mobile-stack="true"] td{
    display:grid;
    grid-template-columns:minmax(7rem,38%) 1fr;
    gap:.75rem;
    padding:.55rem .7rem!important;
    border-bottom:1px solid #edf2f7
  }

  .table.table-mobile-stack td::before,
table[data-mobile-stack="true"] td::before{
    content:attr(data-label);
    color:var(--gkazmi-ux-muted);
    font-size:.72rem;
    font-weight:700
  }

  .table.table-mobile-stack td:last-child,
table[data-mobile-stack="true"] td:last-child{
    border-bottom:0
  }

  .btn-group,
.input-group{
    max-width:100%
  }

  .btn-group.mobile-wrap{
    display:flex;
    flex-wrap:wrap;
    gap:.4rem
  }

  .btn-group.mobile-wrap>.btn{
    flex:1 1 auto;
    border-radius:.5rem!important
  }

  .pagination{
    flex-wrap:wrap;
    gap:.25rem
  }

  .nav-tabs,
.nav-pills{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch
  }

  .nav-tabs .nav-link,
.nav-pills .nav-link{
    white-space:nowrap
  }
}

@media(max-width:575.98px){
  body{
    font-size:.88rem
  }

  .container-fluid,
.container{
    padding-left:.55rem!important;
    padding-right:.55rem!important
  }

  .btn,
button{
    min-height:36px
  }

  .form-control,
.form-select,
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea{
    min-height:40px;
    font-size:16px!important
  }

  .gkazmi-page-header,
.page-header,
.content-header{
    padding:.75rem!important
  }

  .gkazmi-page-header .btn,
.page-header .btn,
.content-header .btn{
    width:100%;
    margin-top:.5rem
  }

  .modal-dialog{
    max-width:calc(100vw - 1rem);
    margin:.5rem auto
  }

  .modal-header,
.modal-body,
.modal-footer{
    padding:.75rem
  }

  .modal-footer{
    display:grid;
    grid-template-columns:1fr;
    gap:.5rem
  }

  .modal-footer .btn{
    width:100%;
    margin:0!important
  }

  .toast-container{
    left:.5rem!important;
    right:.5rem!important;
    width:auto!important
  }

  .toast{
    width:100%!important;
    max-width:none!important
  }
}

@media(max-width:419.98px){
  .table{
    min-width:620px
  }

  .card-body,
.panel-body,
.content-card-body{
    padding:.65rem!important
  }

  .btn{
    padding:.42rem .58rem
  }
}

@media(prefers-reduced-motion:reduce){
  
}


/* GKAZMI_GLOBAL_MOBILE_REPAIR_BEGIN */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,
body{max-width:100%;overflow-x:hidden}
body{min-width:0!important}
img,
svg,
video,
canvas,
iframe{max-width:100%;height:auto}
table{max-width:100%}
.gkazmi-mobile-table-wrap,
.table-responsive,
.responsive-table,
.data-table-wrapper,
.table-wrapper{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
input,
select,
textarea,
button{max-width:100%}
main,
.content,
.page-content,
.dashboard-content,
.container,
.container-fluid,
.gkazmi-container,
.gkazmi-content,
.gkazmi-page{min-width:0!important;max-width:100%}
@media (max-width:991.98px){
body,
.app-shell,
.layout,
.page-wrapper,
.content-wrapper,
.main-wrapper,
.gkazmi-layout,
.gkazmi-shell{width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
.sidebar,
.app-sidebar,
.main-sidebar,
.gkazmi-sidebar{position:fixed!important;top:0;bottom:0;left:0;width:min(86vw,320px)!important;max-width:320px;transform:translateX(-105%);transition:transform .22s ease;z-index:1050;overflow-y:auto;-webkit-overflow-scrolling:touch}
body.sidebar-open .sidebar,
body.sidebar-open .app-sidebar,
body.sidebar-open .main-sidebar,
body.sidebar-open .gkazmi-sidebar,
.sidebar.is-open,
.app-sidebar.is-open,
.main-sidebar.is-open,
.gkazmi-sidebar.is-open{transform:translateX(0)}
.sidebar-overlay,
.gkazmi-sidebar-overlay{position:fixed;inset:0;display:none;background:rgba(0,0,0,.42);z-index:1040}
body.sidebar-open .sidebar-overlay,
body.sidebar-open .gkazmi-sidebar-overlay,
.sidebar-overlay.is-open,
.gkazmi-sidebar-overlay.is-open{display:block}
.content,
.page-content,
.dashboard-content,
.main-content,
.gkazmi-content{width:100%!important;margin-left:0!important;padding-left:12px!important;padding-right:12px!important}
.row{margin-left:-6px;margin-right:-6px}
.row>*{min-width:0;padding-left:6px;padding-right:6px}
.card,
.panel,
.widget,
.gkazmi-card{width:100%;min-width:0;margin-left:0;margin-right:0}
.btn,
button,
input[type="submit"]{white-space:normal}
}
@media (max-width:575.98px){
.container,
.container-fluid,
.gkazmi-container{width:100%!important;padding-left:10px!important;padding-right:10px!important}
h1{font-size:clamp(1.35rem,6vw,1.8rem)}
h2{font-size:clamp(1.2rem,5vw,1.55rem)}
.form-control,
input,
select,
textarea{width:100%;min-height:42px;font-size:16px}
.table-responsive table,
.responsive-table table,
.gkazmi-mobile-table-wrap table{min-width:680px}
.modal,
.modal-dialog,
.dialog,
.gkazmi-modal{max-width:calc(100vw - 20px)!important;margin-left:auto!important;margin-right:auto!important}
}
/* GKAZMI_GLOBAL_MOBILE_REPAIR_END */

/* GKAZMI_TARGETED_MOBILE_VISUAL_REPAIR_BEGIN */
body,
body *{overflow-wrap:normal;word-break:normal}
h1,
h2,
h3,
h4,
h5,
h6,
label,
th,
td,
button,
.btn,
.badge,
.card-title,
.page-title,
.gkazmi-page-title{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
html,
body,
.app-shell,
.page-wrapper,
.content-wrapper,
.main-content,
.gkazmi-content,
.container,
.container-fluid{max-width:100%!important;min-width:0!important}
@media (max-width:767.98px){
.gkazmi-hero,
.gkazmi-hero-card,
.page-hero,
.page-header-card,
.hero-card{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important;padding:24px 16px!important}
.gkazmi-hero h1,
.gkazmi-hero-card h1,
.page-hero h1,
.page-header-card h1,
.hero-card h1{max-width:100%!important;font-size:clamp(1.4rem,7vw,2rem)!important;line-height:1.18!important;text-align:center!important;white-space:normal!important}
.filters,
.filter-bar,
.search-bar,
.toolbar,
.table-toolbar,
.gkazmi-filter-bar,
.gkazmi-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important}
.filters>*,
.filter-bar>*,
.search-bar>*,
.toolbar>*,
.table-toolbar>*,
.gkazmi-filter-bar>*,
.gkazmi-toolbar>*{width:100%!important;min-width:0!important;max-width:100%!important}
.gkazmi-bulk-actions,
.bulk-actions,
.selected-actions,
.selection-actions,
[data-bulk-actions]{display:none!important;width:100%!important;gap:8px!important;flex-wrap:wrap!important}
.gkazmi-bulk-actions.is-visible,
.bulk-actions.is-visible,
.selected-actions.is-visible,
.selection-actions.is-visible,
[data-bulk-actions].is-visible{display:flex!important}
body:not(.gkazmi-has-selection) .gkazmi-selection-action{display:none!important}
body.gkazmi-has-selection .gkazmi-selection-action{display:inline-flex!important}
.table-responsive,
.responsive-table,
.data-table-wrapper,
.table-wrapper,
.gkazmi-mobile-table-wrap{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
.table-responsive table,
.responsive-table table,
.data-table-wrapper table,
.table-wrapper table,
.gkazmi-mobile-table-wrap table,
table.gkazmi-data-table,
table.data-table{width:max-content!important;min-width:760px!important;table-layout:auto!important}
.table-responsive th,
.table-responsive td,
.responsive-table th,
.responsive-table td,
.data-table-wrapper th,
.data-table-wrapper td,
.table-wrapper th,
.table-wrapper td,
.gkazmi-mobile-table-wrap th,
.gkazmi-mobile-table-wrap td{min-width:96px!important;max-width:280px!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;vertical-align:top!important}
.table-responsive th,
.responsive-table th,
.data-table-wrapper th,
.table-wrapper th,
.gkazmi-mobile-table-wrap th{white-space:nowrap!important}
.mobile-card,
.table-card,
.record-card,
.gkazmi-record-card{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
.mobile-card .row,
.table-card .row,
.record-card .row,
.gkazmi-record-card .row{display:grid!important;grid-template-columns:minmax(110px,42%) minmax(0,1fr)!important;gap:10px!important;align-items:start!important}
.mobile-card .value,
.table-card .value,
.record-card .value,
.gkazmi-record-card .value{min-width:0!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;text-align:right!important}
.workspace-title,
.ai-workspace-title,
.operations-workspace-title,
.panel-title,
.section-title{width:auto!important;max-width:100%!important;white-space:normal!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;letter-spacing:normal!important}
}
/* GKAZMI_TARGETED_MOBILE_VISUAL_REPAIR_END */


@media (max-width: 767.98px){
  body {
    overflow-x: hidden !important;
  }

  .page-wrapper,
  .content-wrapper,
  .main-content,
  .page-content,
  .dashboard-content,
  .gkazmi-content,
  main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .card,
  .panel,
  .widget,
  .gkazmi-card,
  .content-card,
  .table-card,
  .filter-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .gkazmi-mobile-stack {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  .gkazmi-mobile-stack > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .gkazmi-mobile-toolbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .gkazmi-mobile-toolbar > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .gkazmi-mobile-toolbar .btn,
  .gkazmi-mobile-toolbar button,
  .gkazmi-mobile-toolbar input,
  .gkazmi-mobile-toolbar select {
    width: 100% !important;
  }

  table.gkazmi-mobile-card-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    table-layout: auto !important;
  }

  table.gkazmi-mobile-card-table thead {
    display: none !important;
  }

  table.gkazmi-mobile-card-table tbody {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
  }

  table.gkazmi-mobile-card-table tr {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 10px 14px !important;
    border: 1px solid rgba(148, 163, 184, .28) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06) !important;
  }

  table.gkazmi-mobile-card-table td {
    display: grid !important;
    grid-template-columns: minmax(105px, 40%) minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 10px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(148, 163, 184, .16) !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    text-align: right !important;
  }

  table.gkazmi-mobile-card-table td:last-child {
    border-bottom: 0 !important;
  }

  table.gkazmi-mobile-card-table td::before {
    content: attr(data-gkazmi-label);
    display: block !important;
    min-width: 0 !important;
    color: #475569 !important;
    font-size: .78rem !important;
    font-weight: 700 !important;
    letter-spacing: .035em !important;
    line-height: 1.35 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  table.gkazmi-mobile-card-table td > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  table.gkazmi-mobile-card-table td[data-gkazmi-empty="1"] {
    display: none !important;
  }

  table.gkazmi-mobile-card-table td.gkazmi-mobile-selection-cell {
    grid-template-columns: 1fr !important;
    justify-items: start !important;
    padding-bottom: 4px !important;
  }

  table.gkazmi-mobile-card-table td.gkazmi-mobile-selection-cell::before {
    display: none !important;
  }

  .gkazmi-selection-summary {
    display: none !important;
  }

  body.gkazmi-has-selection .gkazmi-selection-summary {
    display: block !important;
  }

  .gkazmi-selection-action {
    display: none !important;
  }

  body.gkazmi-has-selection .gkazmi-selection-action {
    display: inline-flex !important;
  }

  .workspace-title,
  .ai-workspace-title,
  .operations-workspace-title,
  .section-title,
  .panel-title,
  [class*="workspace"] h1,
  [class*="workspace"] h2,
  [class*="operations"] h1,
  [class*="operations"] h2 {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    letter-spacing: normal !important;
    width: auto !important;
    max-width: 100% !important;
  }
}


/* GKAZMI_GLOBAL_SELECTION_AND_AI_REPAIR_BEGIN */
.gkazmi-selection-action[hidden],
[data-gkazmi-selection-container][hidden],
.gkazmi-bulk-actions[hidden],
.bulk-actions[hidden],
.selected-actions[hidden],
.selection-actions[hidden],
[data-bulk-actions][hidden]{
    display: none !important;
}

body:not(.gkazmi-has-selection) .gkazmi-selection-action{
    display: none !important;
}

body.gkazmi-has-selection .gkazmi-selection-action{
    display: inline-flex !important;
}

body:not(.gkazmi-has-selection) [data-gkazmi-selection-container="1"]{
    display: none !important;
}

body.gkazmi-has-selection [data-gkazmi-selection-container="1"]{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.gkazmi-selection-summary{
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}
/* GKAZMI_GLOBAL_SELECTION_AND_AI_REPAIR_END */

/* GKAZMI_MOBILE_ACTIONS_AI_FINAL_BEGIN */
@media (max-width: 767.98px){
    body.gkazmi-has-selection [data-gkazmi-selection-container="1"] {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        align-items: stretch !important;
    }

    body.gkazmi-has-selection [data-gkazmi-selection-container="1"] .gkazmi-selection-action {
        display: inline-flex !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 42px !important;
        padding: 7px 5px !important;
        margin: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: .82rem !important;
        line-height: 1.12 !important;
        border-radius: 10px !important;
        white-space: normal !important;
    }

    .gkazmi-mobile-summary-fixed {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .gkazmi-mobile-page-counter {
        display: block !important;
        width: 100% !important;
        clear: both !important;
        text-align: left !important;
        margin: 4px 0 0 !important;
        white-space: normal !important;
    }

    .gkazmi-ai-direct-card {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
        grid-template-columns: 1fr !important;
    }

    .gkazmi-ai-direct-title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        position: static !important;
        float: none !important;
        clear: both !important;
        transform: none !important;
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        line-height: 1.2 !important;
        font-size: 1.45rem !important;
        text-align: left !important;
    }

    .gkazmi-ai-direct-card > *,
    .gkazmi-ai-direct-card .row,
    .gkazmi-ai-direct-card [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: 1 1 100% !important;
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 420px) {
    body.gkazmi-has-selection [data-gkazmi-selection-container="1"]{
        grid-template-columns: 1fr 1fr !important;
    }

    body.gkazmi-has-selection [data-gkazmi-selection-container="1"] .gkazmi-selection-action:last-child{
        grid-column: 1 / -1 !important;
    }
}
/* GKAZMI_MOBILE_ACTIONS_AI_FINAL_END */


/* === GKazmi UI Source: gkazmi-ui-global-production-polish.css === */
/*
 * GKazmi Enterprise Edition v7.1
 * Global Production Polish
 *
 * Presentation only:
 * - no business logic
 * - no route behavior
 * - no authentication behavior
 * - no database behavior
 */

:root{
  --gk71-radius-sm: .55rem;
  --gk71-radius-md: .8rem;
  --gk71-radius-lg: 1rem;
  
  --gk71-space-2: .65rem;
  
  --gk71-space-4: 1.35rem;
  
  --gk71-control-height: 42px;
  --gk71-transition: 150ms ease;
}


body{
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

main,
.main-content,
.content-wrapper,
.page-content,
.container-fluid{
  min-width: 0;
}

.card{
  border-radius: var(--gk71-radius-md);
}

.card-header,
.card-body,
.card-footer{
  min-width: 0;
}

.card-header{
  gap: var(--gk71-space-2);
}

.card-title,
.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6{
  overflow-wrap: anywhere;
}

.gkazmi-page-header,
.page-header,
.dashboard-header,
.enterprise-page-header{
  margin-bottom: var(--gk71-space-4);
}

.gkazmi-page-header h1,
.page-header h1,
.dashboard-header h1{
  line-height: 1.18;
  letter-spacing: -.015em;
}

.gkazmi-page-header p,
.page-header p,
.dashboard-header p{
  max-width: 76ch;
}

.form-label{
  margin-bottom: .42rem;
  font-weight: 600;
}

.form-control,
.form-select,
.input-group-text{
  min-height: var(--gk71-control-height);
  border-radius: var(--gk71-radius-sm);
}

textarea.form-control{
  min-height: 110px;
  resize: vertical;
}

.form-text{
  line-height: 1.45;
}

.form-check{
  min-height: 1.55rem;
}

.form-check-input{
  cursor: pointer;
}

.btn{
  min-height: 38px;
  border-radius: var(--gk71-radius-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  white-space: normal;
  transition:
    transform var(--gk71-transition),
    box-shadow var(--gk71-transition),
    opacity var(--gk71-transition);
}

.btn-sm{
  min-height: 32px;
}

.btn:hover:not(:disabled){
  transform: translateY(-1px);
}

.btn:active:not(:disabled){
  transform: translateY(0);
}

.btn:disabled,
.form-control:disabled,
.form-select:disabled{
  cursor: not-allowed;
}

.btn-toolbar,
.btn-group,
.page-actions,
.quick-actions,
.action-buttons,
.bulk-actions{
  gap: .5rem;
  flex-wrap: wrap;
}

.table-responsive{
  border-radius: var(--gk71-radius-sm);
  -webkit-overflow-scrolling: touch;
}

.table{
  margin-bottom: 0;
}

.table > :not(caption) > * > *{
  vertical-align: middle;
  padding-top: .72rem;
  padding-bottom: .72rem;
}

.table thead th{
  white-space: nowrap;
  font-size: .82rem;
  letter-spacing: .015em;
}

.table tbody td{
  overflow-wrap: anywhere;
}

.table .btn{
  min-height: 31px;
}

.pagination{
  gap: .25rem;
}

.page-link{
  border-radius: .45rem !important;
  min-width: 38px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.alert{
  border-radius: var(--gk71-radius-sm);
  overflow-wrap: anywhere;
}

.badge{
  line-height: 1.25;
  white-space: normal;
}

.nav-tabs,
.nav-pills{
  gap: .3rem;
}

.nav-tabs .nav-link,
.nav-pills .nav-link{
  border-radius: var(--gk71-radius-sm);
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}

.modal-content{
  border-radius: var(--gk71-radius-lg);
}

.modal-header,
.modal-footer{
  gap: .6rem;
}

details > summary{
  cursor: pointer;
}

pre,
code,
.mono{
  overflow-wrap: anywhere;
}

pre{
  white-space: pre-wrap;
  max-width: 100%;
}


/* CronJob Management */
body:has(form[action*="cronjobs_management"]) .table-responsive,
body:has(.gkazmi-cronjobs-table) .table-responsive{
  margin-top: .5rem;
}

#bulkEnable,
#bulkDisable,
#bulkDelete{
  min-width: 118px;
}

/* Create CronJob and Bulk Create */
body:has(form[action*="createcronjob"]) form .row,
body:has(form[action*="bulk"]) form .row,
body:has(.gkazmi-notify-events-value) form .row{
  row-gap: .35rem;
}

.gkazmi-notify-events{
  display: flex;
  flex-wrap: wrap;
  gap: .55rem .9rem;
}

/* Workflow Automation */
.gkazmi-workflow-grid{
  align-items: stretch;
}

.gkazmi-workflow-card{
  min-width: 0;
}


/* AI Operations Assistant */


/* System Status */
.ss-tab-pane .enterprise-card{
  min-width: 0;
}

.ss-command{
  max-height: 28rem;
  overflow: auto;
}

/* Improve focus without changing branding. */
:where(
  a,
  button,
  input,
  select,
  textarea,
  summary,
  [tabindex]
):focus-visible{
  outline: 3px solid color-mix(in srgb, var(--bs-primary, #0d6efd) 42%, transparent);
  outline-offset: 2px;
}

/* Tablet */
@media (max-width: 991.98px){
  .card-body,
  .card-header,
  .card-footer {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  

  .nav-tabs,
  .nav-pills {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: .35rem;
  }

  .nav-tabs .nav-link,
  .nav-pills .nav-link {
    white-space: nowrap;
  }
}

/* Mobile */
@media (max-width: 767.98px){
  :root {
    --gk71-space-4: 1rem;
    
  }

  .container,
  .container-fluid {
    padding-left: .8rem;
    padding-right: .8rem;
  }

  .card-body,
  .card-header,
  .card-footer {
    padding: .9rem;
  }

  .btn-toolbar,
  .btn-group,
  .page-actions,
  .quick-actions,
  .action-buttons,
  .bulk-actions {
    width: 100%;
  }

  .page-actions .btn,
  .quick-actions .btn,
  .action-buttons .btn,
  .bulk-actions .btn {
    flex: 1 1 145px;
  }

  .table-responsive {
    margin-inline: -.15rem;
  }

  .table > :not(caption) > * > * {
    padding: .62rem .55rem;
  }

  .modal-dialog {
    margin: .55rem;
  }

  .modal-footer .btn {
    flex: 1 1 120px;
  }

  

  

  
}

/* Small phones */
@media (max-width: 479.98px){
  h1 { font-size: clamp(1.55rem, 8vw, 2rem); }
  h2 { font-size: clamp(1.35rem, 7vw, 1.75rem); }
  h3 { font-size: clamp(1.2rem, 6vw, 1.5rem); }

  .btn {
    width: 100%;
  }

  .input-group > .btn {
    width: auto;
  }

  .pagination {
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  html{
    scroll-behavior: auto;
  }

  *,
*::before,
*::after{
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}


/* ============================================================
   GKazmi UI — Phase 3B Globalized Page Visual Layer
   ============================================================ */

/* === GKazmi UI Page Source: gkazmi-full-theme-100.css === */
:root{--gs-bg:#f8fafc;--gs-surface:#fff;--gs-border:#dbe4ee;--gs-text:#0f172a;--gs-muted:#64748b;--gs-primary:#4f46e5;--gs-primary2:#7c3aed;--gs-radius:16px;--gs-shadow:0 12px 30px rgba(15,23,42,.08)}
html{background:var(--gs-bg)}body.gkazmi-theme-100{background:var(--gs-bg)!important;color:var(--gs-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}body.gkazmi-theme-100 .main-content,
body.gkazmi-theme-100 main.main-content{background:var(--gs-bg)!important;min-height:100vh}body.gkazmi-theme-100 .container-fluid{max-width:1800px}
body.gkazmi-theme-100 .header.gkazmi-canonical-header,
body.gkazmi-theme-100 .main-content>.header,
body.gkazmi-theme-100 main.main-content>.header{position:relative;margin:0!important;padding:28px 24px 24px!important;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.gkazmi-theme-100 .header-icon{width:64px;height:64px;margin:0 auto 14px;display:grid;place-items:center;border:2px solid #a5b4fc;border-radius:14px;background:#f8faff;color:var(--gs-primary);font-size:1.45rem;box-shadow:0 8px 18px rgba(79,70,229,.12)}
body.gkazmi-theme-100 .gkazmi-p1-hero{width:min(820px,92%);margin:0 auto!important;padding:16px 26px!important;background:#fff!important;border:1px solid var(--gs-border)!important;border-radius:14px!important;box-shadow:0 10px 25px rgba(15,23,42,.08)!important;text-align:center!important}
body.gkazmi-theme-100 .gkazmi-p1-hero h1{margin:0!important;color:var(--gs-text)!important;font-size:clamp(1.45rem,2.2vw,2rem)!important;font-weight:850!important;letter-spacing:-.035em!important;line-height:1.15!important}body.gkazmi-theme-100 .gkazmi-p1-hero p{margin:7px 0 0!important;color:var(--gs-muted)!important;font-size:.92rem!important}body.gkazmi-theme-100 .gkazmi-canonical-lead,
body.gkazmi-theme-100 .header>.lead{margin:11px 0 0!important;color:#475569!important;font-size:.96rem!important}body.gkazmi-theme-100 .gkazmi-canonical-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:14px}
body.gkazmi-theme-100 .card,
body.gkazmi-theme-100 .panel,
body.gkazmi-theme-100 .content-card,
body.gkazmi-theme-100 .enterprise-card,
body.gkazmi-theme-100 .settings-card{background:#fff!important;border:1px solid var(--gs-border)!important;border-radius:var(--gs-radius)!important;box-shadow:var(--gs-shadow)!important}body.gkazmi-theme-100 .card-header{padding:15px 18px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;border-bottom:1px solid var(--gs-border)!important;font-weight:800!important}body.gkazmi-theme-100 .card-body{padding:18px!important}
body.gkazmi-theme-100 .btn{min-height:40px;border-radius:10px!important;font-weight:750!important;display:inline-flex;align-items:center;justify-content:center;gap:7px}body.gkazmi-theme-100 .btn-primary{border:0!important;background:linear-gradient(135deg,var(--gs-primary),var(--gs-primary2))!important;box-shadow:0 8px 18px rgba(79,70,229,.18)!important}
body.gkazmi-theme-100 .form-control,
body.gkazmi-theme-100 .form-select,
body.gkazmi-theme-100 .input-group-text{min-height:42px;border-color:#cbd5e1!important;border-radius:10px!important;background:#fff!important}body.gkazmi-theme-100 .form-control:focus,
body.gkazmi-theme-100 .form-select:focus{border-color:#818cf8!important;box-shadow:0 0 0 .2rem rgba(99,102,241,.14)!important}
body.gkazmi-theme-100 .table-responsive{border:1px solid var(--gs-border);border-radius:14px;background:#fff;overflow:auto}body.gkazmi-theme-100 table{margin-bottom:0!important}body.gkazmi-theme-100 thead th{position:sticky;top:0;z-index:2;padding:12px 14px!important;background:#f8fafc!important;color:#475569!important;border-bottom:1px solid var(--gs-border)!important;font-size:.76rem!important;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}body.gkazmi-theme-100 tbody td{padding:12px 14px!important;border-color:#e8eef5!important;vertical-align:middle!important}body.gkazmi-theme-100 tbody tr:hover{background:#f8faff!important}
body.gkazmi-theme-100 .badge{border-radius:999px!important;padding:.42em .72em!important;font-weight:750!important}body.gkazmi-theme-100 .alert{border-radius:12px!important}body.gkazmi-theme-100 .nav-tabs,
body.gkazmi-theme-100 .nav-pills{gap:7px;border:0!important}body.gkazmi-theme-100 .nav-tabs .nav-link,
body.gkazmi-theme-100 .nav-pills .nav-link{border:1px solid var(--gs-border)!important;border-radius:10px!important;background:#fff!important;color:#475569!important;font-weight:750!important}body.gkazmi-theme-100 .nav-link.active{background:linear-gradient(135deg,var(--gs-primary),var(--gs-primary2))!important;color:#fff!important;border-color:transparent!important}body.gkazmi-theme-100 .modal-content{border:0!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(15,23,42,.2)!important}
body.gkazmi-theme-100 .gkazmi-auth-wrap,
body.gkazmi-theme-100 .gkazmi-hero{background:var(--gs-bg)!important}body.gkazmi-theme-100 .gkazmi-auth-left,
body.gkazmi-theme-100 .gkazmi-auth-card,
body.gkazmi-theme-100 .gkazmi-hero-card,
body.gkazmi-theme-100 .page>.card{border:1px solid var(--gs-border)!important;border-radius:var(--gs-radius)!important;background:#fff!important;box-shadow:var(--gs-shadow)!important}body.gkazmi-theme-100 .gkazmi-auth-left h1,
body.gkazmi-theme-100 .gkazmi-hero-card h1{color:var(--gs-text)!important;font-weight:850!important;letter-spacing:-.035em!important}
@media(max-width:991.98px){body.gkazmi-theme-100 .header.gkazmi-canonical-header,
body.gkazmi-theme-100 .main-content>.header{min-height:190px;padding:22px 16px 20px!important}body.gkazmi-theme-100 .gkazmi-p1-hero{width:96%;padding:14px 18px!important}}@media(max-width:575.98px){body.gkazmi-theme-100 .header-icon{width:54px;height:54px;font-size:1.2rem}body.gkazmi-theme-100 .gkazmi-p1-hero h1{font-size:1.35rem!important}body.gkazmi-theme-100 .card-body{padding:14px!important}}


/* === GKazmi UI Page Source: gkazmi-commerce-safe-polish.css === */
/* GKazmi commerce CSS-only polish. No PHP logic changes. */

body:has(.package-card) .main-content,
body:has(input[name="create_invoice"]) .main-content,
body:has(.gkazmi-break-all) .main-content,
body:has(.gkazmi-light-instruction-panel) .main-content{
  background: #f4f7fb;
}

body:has(.package-card) .header,
body:has(input[name="create_invoice"]) .header,
body:has(.gkazmi-break-all) .header,
body:has(.gkazmi-light-instruction-panel) .header{
  margin: 14px 16px 10px;
  padding: 20px 24px !important;
  min-height: 0 !important;
  border: 1px solid #dbe4f1;
  border-radius: 18px;
  background: linear-gradient(135deg,#fff 0%,#f1f4ff 100%);
  box-shadow: 0 14px 34px rgba(15,23,42,.07);
}

body:has(.package-card) .header-icon,
body:has(input[name="create_invoice"]) .header-icon,
body:has(.gkazmi-break-all) .header-icon,
body:has(.gkazmi-light-instruction-panel) .header-icon{
  width: 46px;
  height: 46px;
  margin: 0 auto 8px;
  display: grid;
  place-items: center;
  border: 1px solid #d5dcff;
  border-radius: 14px;
  background: #eef2ff;
  color: #5b4ee5;
  font-size: 1.1rem;
}

body:has(.package-card) .header h1,
body:has(input[name="create_invoice"]) .header h1,
body:has(.gkazmi-break-all) .header h1,
body:has(.gkazmi-light-instruction-panel) .header h1{
  margin: 0 0 5px !important;
  font-size: clamp(1.55rem,2.4vw,2.1rem) !important;
  line-height: 1.15;
  letter-spacing: -.025em;
}

body:has(.package-card) .header p,
body:has(input[name="create_invoice"]) .header p,
body:has(.gkazmi-break-all) .header p,
body:has(.gkazmi-light-instruction-panel) .header h5{
  margin-bottom: 0 !important;
  color: #64748b !important;
  font-size: .93rem !important;
  font-weight: 500;
}

body:has(.package-card) .container-fluid,
body:has(input[name="create_invoice"]) .container-fluid,
body:has(.gkazmi-break-all) .container-fluid{
  max-width: 1500px;
  padding: 18px 18px 32px !important;
}

body:has(.package-card) .card,
body:has(input[name="create_invoice"]) .card,
body:has(.gkazmi-break-all) .card{
  border: 1px solid #dbe4f1 !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.05) !important;
}

body:has(.package-card) .package-card{
  position: relative;
  overflow: hidden;
  transition: transform .16s ease, box-shadow .16s ease;
}
body:has(.package-card) .package-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 36px rgba(15,23,42,.1) !important;
}
body:has(.package-card) .package-card .card-body{ padding: 22px !important; }
body:has(.package-card) .package-card .display-6{ font-size: 2rem; letter-spacing: -.03em; }
body:has(.package-card) .package-card li{ color: #475569; font-size: .9rem; }
body:has(.package-card) .badge-popular{ border-radius: 999px; padding: 6px 9px; background: #ede9fe; color: #5b21b6; }

body:has(input[name="create_invoice"]) .list-group-item{
  margin-bottom: 9px;
  padding: 15px 16px;
  border: 1px solid #dbe4f1 !important;
  border-radius: 12px !important;
  background: #fff;
  transition: border-color .15s ease, background .15s ease;
}
body:has(input[name="create_invoice"]) .list-group-item:hover{ border-color: #aebcff !important; background: #f8faff; }
body:has(input[name="create_invoice"]) .form-check-input{ width: 1.15rem; height: 1.15rem; }
body:has(input[name="create_invoice"]) .card-footer{ padding: 14px 18px; border-top: 1px solid #e2e8f0; background: #f8fafc; }

body:has(.gkazmi-break-all) .card-body{ padding: 20px !important; }
body:has(.gkazmi-break-all) .gkazmi-break-all{
  margin-top: 5px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #fff;
  color: #0f172a;
  font-family: ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size: .83rem;
}
body:has(.gkazmi-break-all) .badge{ padding: 6px 10px; border-radius: 999px; }

body:has(.package-card) .table-responsive,
body:has(.gkazmi-break-all) .table-responsive{
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: auto;
}
body:has(.package-card) .table,
body:has(.gkazmi-break-all) .table{ margin-bottom: 0; font-size: .82rem; }
body:has(.package-card) .table thead th,
body:has(.gkazmi-break-all) .table thead th{
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 9px 10px;
  background: #f8fafc;
  color: #334155;
  font-size: .69rem;
  font-weight: 800;
  text-transform: uppercase;
  white-space: nowrap;
}
body:has(.package-card) .table td,
body:has(.gkazmi-break-all) .table td{ padding: 9px 10px; vertical-align: middle; border-color: #edf1f7; }

body:has(.gkazmi-light-instruction-panel) .section{ max-width: 1320px; margin: 0 auto; padding: 10px 18px 32px; }
body:has(.gkazmi-light-instruction-panel) .gkazmi-light-instruction-panel{
  padding: 22px !important;
  border: 1px solid #dbe4f1 !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: #334155 !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.05);
}
body:has(.gkazmi-light-instruction-panel) .gkazmi-light-instruction-panel ul{ display: grid; gap: 10px; padding-left: 20px; }
body:has(.gkazmi-light-instruction-panel) .gkazmi-light-instruction-panel li{ padding: 10px 12px; border: 1px solid #edf1f7; border-radius: 10px; background: #f8fafc; }
body:has(.gkazmi-light-instruction-panel) .gkazmi-light-instruction-panel img{
  max-width: 100%;
  height: auto;
  margin: 8px 0;
  border: 1px solid #dbe4f1;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(15,23,42,.06);
}

body:has(.package-card) .btn,
body:has(input[name="create_invoice"]) .btn,
body:has(.gkazmi-break-all) .btn,
body:has(.gkazmi-light-instruction-panel) .btn{ min-height: 40px; border-radius: 10px; font-weight: 750; }

@media (max-width: 991.98px) {
  body:has(.package-card) .header,
body:has(input[name="create_invoice"]) .header,
body:has(.gkazmi-break-all) .header,
body:has(.gkazmi-light-instruction-panel) .header{ margin: 10px; padding: 17px !important; }
  body:has(.package-card) .container-fluid,
body:has(input[name="create_invoice"]) .container-fluid,
body:has(.gkazmi-break-all) .container-fluid{ padding: 12px 10px 26px !important; }
}


/* === GKazmi UI Page Source: gkazmi-public-auth-layout.css === */
/*
 * GKazmi Public Authentication Layout V38
 *
 * STRICT SCOPE:
 * body.gkazmi-public-auth only.
 *
 * No authenticated application shell rules.
 * No System Status rules.
 */

/* ---------------------------------------------------------
   PAGE WIDTH / OUTER ALIGNMENT
   --------------------------------------------------------- */

body.gkazmi-public-auth{
    overflow-x: hidden;
}

body.gkazmi-public-auth > main,
body.gkazmi-public-auth main{
    width: 100%;
    min-width: 0;
}

/*
 * Normalize public-auth page headers that were falling against
 * the extreme left viewport edge.
 */
body.gkazmi-public-auth main > h1,
body.gkazmi-public-auth main > h2,
body.gkazmi-public-auth main > p:first-of-type{
    width: min(1120px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

/*
 * Hero/auth content wrappers.
 * Handles existing Bootstrap/custom wrappers without changing DOM.
 */


/* ---------------------------------------------------------
   TWO-COLUMN AUTH AREA
   --------------------------------------------------------- */

body.gkazmi-public-auth main .row{
    margin-left: auto;
    margin-right: auto;
}

body.gkazmi-public-auth main .row > [class*="col"]{
    min-width: 0;
}

/*
 * Existing hero and form panels should line up vertically
 * and stay centered as a pair.
 */
body.gkazmi-public-auth main .card,
body.gkazmi-public-auth main form{
    box-sizing: border-box;
}

/* ---------------------------------------------------------
   FORM ACTIONS / BUTTON CENTERING
   --------------------------------------------------------- */

body.gkazmi-public-auth main form button,
body.gkazmi-public-auth main form .btn,
body.gkazmi-public-auth main .auth-card button,
body.gkazmi-public-auth main .auth-card .btn{
    text-align: center;
    justify-content: center;
    align-items: center;
}

/*
 * Primary submit buttons remain full width inside the form,
 * with icon/text centered as one visual unit.
 */
body.gkazmi-public-auth main form button[type="submit"],
body.gkazmi-public-auth main form .btn-primary,
body.gkazmi-public-auth main form .btn-success{
    display: flex;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/*
 * Secondary full-width actions such as passkey,
 * recovery code and resend controls.
 */
body.gkazmi-public-auth main form .btn-outline-primary,
body.gkazmi-public-auth main form .btn-outline-secondary,
body.gkazmi-public-auth main form .btn-light{
    display: flex;
    justify-content: center;
    text-align: center;
}

/* ---------------------------------------------------------
   LOGIN SPECIFIC
   --------------------------------------------------------- */

body.gkazmi-auth-login main form .d-flex{
    min-width: 0;
}

/*
 * Remember-me and Forgot-password row:
 * keep both ends balanced without shifting submit button.
 */
body.gkazmi-auth-login main form .form-check{
    margin-bottom: 0;
}

/* ---------------------------------------------------------
   FORGOT PASSWORD
   --------------------------------------------------------- */

body.gkazmi-auth-forgot main form button[type="submit"]{
    justify-content: center;
    text-align: center;
}

/* ---------------------------------------------------------
   VERIFY RESET OTP
   --------------------------------------------------------- */

/* Center OTP label and six boxes as a single unit. */
body.gkazmi-auth-verify-reset main form{
    text-align: center;
}

body.gkazmi-auth-verify-reset main form label{
    text-align: center;
}

body.gkazmi-auth-verify-reset main form .otp-inputs,
body.gkazmi-auth-verify-reset main form .otp-grid,
body.gkazmi-auth-verify-reset main form [class*="otp"]{
    margin-left: auto;
    margin-right: auto;
}

/*
 * Generic six single-character OTP inputs.
 */
body.gkazmi-auth-verify-reset main form input[maxlength="1"]{
    text-align: center;
}

/*
 * Center badges/timer/attempt metadata.
 */
body.gkazmi-auth-verify-reset main form .d-flex{
    justify-content: center;
}

/*
 * Verify and Resend actions centered and full form width.
 */
body.gkazmi-auth-verify-reset main form button[type="submit"],
body.gkazmi-auth-verify-reset main form .btn{
    justify-content: center;
    text-align: center;
}

/* ---------------------------------------------------------
   PUBLIC NAVIGATION
   --------------------------------------------------------- */

body.gkazmi-public-auth header .navbar-nav,
body.gkazmi-public-auth nav .navbar-nav{
    align-items: center;
}

body.gkazmi-public-auth header .btn,
body.gkazmi-public-auth nav .btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 991.98px){
    body.gkazmi-public-auth main > h1,
    body.gkazmi-public-auth main > h2,
    body.gkazmi-public-auth main > p:first-of-type,
    body.gkazmi-public-auth main > .container,
    body.gkazmi-public-auth main > .container-fluid {
        width: min(100% - 28px, 760px);
    }
}

@media (max-width: 767.98px) {
    body.gkazmi-public-auth main > h1,
body.gkazmi-public-auth main > h2,
body.gkazmi-public-auth main > p:first-of-type,
body.gkazmi-public-auth main > .container,
body.gkazmi-public-auth main > .container-fluid{
        width: calc(100% - 24px);
    }

    body.gkazmi-public-auth main .row{
        row-gap: 18px;
    }

    body.gkazmi-auth-verify-reset main form input[maxlength="1"]{
        min-width: 0;
    }
}


/* === GKazmi UI Page Source: gkazmi-profile-roles-safe-polish.css === */
/* GKazmi Profile + Roles safe CSS-only polish. */

/* Shared compact headers */
body:has(.profile-card) .main-content,
body:has(.gkazmi-roles-table) .main-content{
  background: #f4f7fb;
}

body:has(.profile-card) .header,
body:has(.gkazmi-roles-table) .header{
  margin: 14px 16px 10px;
  padding: 20px 24px !important;
  min-height: 0 !important;
  border: 1px solid #dbe4f1;
  border-radius: 18px;
  background: linear-gradient(135deg, #ffffff 0%, #f2f4ff 100%);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
}

body:has(.profile-card) .header-icon,
body:has(.gkazmi-roles-table) .header-icon{
  width: 46px;
  height: 46px;
  margin: 0 auto 8px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #eef2ff;
  color: #5b4ee5;
  font-size: 1.1rem;
}

body:has(.profile-card) .header h1,
body:has(.gkazmi-roles-table) .header h1{
  margin: 0 0 5px !important;
  font-size: clamp(1.55rem, 2.4vw, 2.1rem) !important;
  line-height: 1.15;
  letter-spacing: -.025em;
}

body:has(.profile-card) .header p,
body:has(.gkazmi-roles-table) .header p{
  margin-bottom: 0 !important;
  color: #64748b;
  font-size: .93rem !important;
}

/* Profile */
body:has(.profile-card) .container-fluid{
  max-width: 1320px;
  padding-top: 20px !important;
  padding-bottom: 28px !important;
}

body:has(.profile-card) .profile-card,
body:has(.profile-card) .password-card{
  height: 100%;
  padding: 22px !important;
  border: 1px solid #dbe4f1 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .055) !important;
}

body:has(.profile-card) .profile-picture{
  width: 88px;
  height: 88px;
  object-fit: cover;
  border: 4px solid #eef2ff;
  border-radius: 50%;
  box-shadow: 0 8px 18px rgba(79, 70, 229, .14);
}

body:has(.profile-card) .profile-name{
  margin-top: 14px;
  margin-bottom: 5px;
  font-size: 1.25rem;
  font-weight: 800;
}

body:has(.profile-card) .profile-role{
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  color: #4338ca;
  background: #eef2ff;
  font-size: .78rem;
  font-weight: 800;
}

body:has(.profile-card) .profile-detail{
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid #e5ebf4;
  border-radius: 12px;
  background: #f8fafc;
}

body:has(.profile-card) .profile-detail-label{
  color: #64748b;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;
}

body:has(.profile-card) .form-control{
  min-height: 42px;
  border-color: #cfd9e7;
  border-radius: 10px;
}

body:has(.profile-card) .form-control:focus{
  border-color: #818cf8;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .14);
}

body:has(.profile-card) .btn-primary{
  min-height: 40px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #5b4ee5, #6757e8);
  font-weight: 750;
}

/* Roles and permissions */
body:has(.gkazmi-roles-table) .container{
  max-width: 1500px;
  margin-top: 18px !important;
}

body:has(.gkazmi-roles-table) .card-soft{
  border: 1px solid #dbe4f1 !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .05) !important;
}

body:has(.gkazmi-roles-table) .table-responsive{
  max-height: calc(100vh - 330px);
  border: 1px solid #dbe4f1;
  border-radius: 13px;
  background: #fff;
}

body:has(.gkazmi-roles-table) .gkazmi-roles-table{
  margin-bottom: 0;
}

body:has(.gkazmi-roles-table) .gkazmi-roles-table thead th{
  position: sticky;
  top: 0;
  z-index: 4;
  padding: 11px 12px;
  border-bottom: 1px solid #dbe4f1;
  background: #f8fafc;
  color: #475569;
  font-size: .74rem;
  letter-spacing: .035em;
  text-transform: uppercase;
}

body:has(.gkazmi-roles-table) .gkazmi-roles-table .rp-head-permission,
body:has(.gkazmi-roles-table) .gkazmi-roles-table .rp-cell-permission{
  position: sticky;
  left: 0;
  z-index: 3;
  min-width: 240px;
  background: #fff;
}

body:has(.gkazmi-roles-table) .gkazmi-roles-table thead .rp-head-permission{
  z-index: 6;
  background: #f8fafc;
}

body:has(.gkazmi-roles-table) .gkazmi-roles-table tbody td{
  padding: 10px 12px;
  border-color: #edf1f6;
  vertical-align: middle;
}

body:has(.gkazmi-roles-table) .gkazmi-roles-table tbody tr:hover td{
  background: #fafbff;
}

body:has(.gkazmi-roles-table) .perm-key{
  display: inline-flex;
  padding: 5px 8px;
  border-radius: 8px;
  color: #334155;
  background: #f1f5f9;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .78rem;
  font-weight: 700;
}

body:has(.gkazmi-roles-table) .form-check-input{
  width: 1.1rem;
  height: 1.1rem;
  cursor: pointer;
}

body:has(.gkazmi-roles-table) .btn-primary{
  min-height: 40px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #5b4ee5, #6757e8);
  font-weight: 750;
}

@media (max-width: 767.98px) {
  body:has(.profile-card) .header,
body:has(.gkazmi-roles-table) .header{
    margin: 10px;
    padding: 16px !important;
  }

  body:has(.profile-card) .container-fluid,
body:has(.gkazmi-roles-table) .container{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body:has(.gkazmi-roles-table) .table-responsive{
    max-height: none;
  }
}


/* === GKazmi UI Page Source: gkazmi-api-monitoring-safe-polish.css === */
/* GKazmi API Keys, Audit Logs and API Request Logs safe CSS-only polish. */

body:has(.main-content .form-card) .main-content{
  background: #f4f7fb;
}

body:has(.main-content .form-card) .header{
  margin: 14px 16px 10px;
  padding: 20px 24px !important;
  min-height: 0 !important;
  border: 1px solid #dbe4f1;
  border-radius: 18px;
  background: linear-gradient(135deg, #ffffff 0%, #f2f4ff 100%);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
}

body:has(.main-content .form-card) .header-icon{
  width: 46px;
  height: 46px;
  margin: 0 auto 8px;
  display: grid;
  place-items: center;
  border: 1px solid #d5dcff;
  border-radius: 14px;
  background: #eef2ff;
  color: #5b4ee5;
  font-size: 1.1rem;
}

body:has(.main-content .form-card) .header h1{
  margin: 0 0 5px !important;
  font-size: clamp(1.55rem, 2.4vw, 2.1rem) !important;
  line-height: 1.15;
  letter-spacing: -.025em;
}

body:has(.main-content .form-card) .header p{
  margin-bottom: 0 !important;
  color: #64748b;
  font-size: .93rem !important;
}

body:has(.main-content .form-card) .container-fluid{
  max-width: 1680px;
  padding: 18px 18px 30px !important;
}

body:has(.main-content .form-card) .form-card{
  padding: 18px !important;
  border: 1px solid #dbe4f1 !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .05) !important;
}

body:has(.main-content .form-card) .form-label{
  margin-bottom: 6px;
  color: #334155;
  font-size: .82rem;
  font-weight: 750;
}

body:has(.main-content .form-card) .form-control,
body:has(.main-content .form-card) .form-select,
body:has(.main-content .form-card) .input-group-text{
  min-height: 40px;
  border-color: #cfd9e7;
  border-radius: 10px;
}

body:has(.main-content .form-card) .input-group .form-control,
body:has(.main-content .form-card) .input-group .input-group-text{
  border-radius: 0;
}

body:has(.main-content .form-card) .input-group > :first-child{
  border-radius: 10px 0 0 10px;
}

body:has(.main-content .form-card) .input-group > :last-child{
  border-radius: 0 10px 10px 0;
}

body:has(.main-content .form-card) .form-control:focus,
body:has(.main-content .form-card) .form-select:focus{
  border-color: #818cf8;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .14);
}

body:has(.main-content .form-card) .btn{
  min-height: 38px;
  border-radius: 10px;
  font-weight: 700;
}

body:has(.main-content .form-card) .btn-primary{
  border: 0;
  background: linear-gradient(135deg, #5b4ee5, #6757e8);
  box-shadow: 0 7px 16px rgba(79, 70, 229, .16);
}

body:has(.main-content .form-card) .table-responsive{
  max-height: calc(100vh - 390px);
  border: 1px solid #dbe4f1;
  border-radius: 13px;
  background: #fff;
}

body:has(.main-content .form-card) .table{
  margin-bottom: 0;
  font-size: .84rem;
}

body:has(.main-content .form-card) .table thead th{
  position: sticky;
  top: 0;
  z-index: 3;
  padding: 10px 11px;
  border-bottom: 1px solid #dbe4f1;
  background: #f8fafc;
  color: #334155;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .025em;
  text-transform: uppercase;
  white-space: nowrap;
}

body:has(.main-content .form-card) .table tbody td{
  padding: 10px 11px;
  border-color: #edf1f7;
  vertical-align: middle;
}

body:has(.main-content .form-card) .table tbody tr:hover td{
  background: #f8faff;
}

body:has(.main-content .form-card) .badge{
  padding: 6px 9px;
  border-radius: 999px;
  font-weight: 750;
}

body:has(.main-content .form-card) .mono{
  font-size: .79rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

body:has(.main-content .form-card) .alert{
  border-radius: 12px;
}

body:has(.main-content .form-card) .modal-content{
  border: 1px solid #dbe4f1;
  border-radius: 16px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .18);
}

@media (max-width: 991.98px) {
  body:has(.main-content .form-card) .header{
    margin: 10px;
    padding: 18px !important;
  }
  body:has(.main-content .form-card) .container-fluid{
    padding: 12px 10px 24px !important;
  }
  body:has(.main-content .form-card) .table-responsive{
    max-height: none;
  }
}


/* === GKazmi UI Page Source: gkazmi-website-settings-safe-polish.css === */
/* GKazmi Website Settings safe, CSS-only polish. */
body[class*="settings-tab-"] .main-content{
  background: #f4f7fb;
}

body[class*="settings-tab-"] .header{
  margin: 14px 16px 10px;
  padding: 20px 24px !important;
  min-height: 0 !important;
  border: 1px solid #dbe4f1;
  border-radius: 18px;
  background: linear-gradient(135deg, #ffffff 0%, #f2f4ff 100%);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
}

body[class*="settings-tab-"] .header .header-icon{
  width: 46px;
  height: 46px;
  margin: 0 auto 8px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #eef2ff;
  color: #5b4ee5;
  font-size: 1.1rem;
}

body[class*="settings-tab-"] .header h1{
  margin-bottom: 5px !important;
  font-size: clamp(1.55rem, 2.4vw, 2.1rem) !important;
  line-height: 1.15;
  letter-spacing: -.025em;
}

body[class*="settings-tab-"] .header p{
  font-size: .93rem !important;
  color: #64748b;
}

body[class*="settings-tab-"] .container-fluid{
  max-width: 1780px;
}

body[class*="settings-tab-"] .nav-tabs,
body[class*="settings-tab-"] .settings-tabs,
body[class*="settings-tab-"] .tab-nav{
  gap: 6px;
  padding: 7px;
  border: 1px solid #dbe4f1 !important;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
}

body[class*="settings-tab-"] .nav-tabs .nav-link,
body[class*="settings-tab-"] .settings-tabs a,
body[class*="settings-tab-"] .tab-nav a{
  min-height: 38px;
  padding: 8px 13px;
  border: 0 !important;
  border-radius: 10px !important;
  color: #475569;
  font-weight: 700;
}

body[class*="settings-tab-"] .nav-tabs .nav-link.active,
body[class*="settings-tab-"] .settings-tabs a.active,
body[class*="settings-tab-"] .tab-nav a.active{
  color: #4338ca !important;
  background: #eef2ff !important;
  box-shadow: inset 0 0 0 1px #c7d2fe;
}

body[class*="settings-tab-"] .card,
body[class*="settings-tab-"] .panel,
body[class*="settings-tab-"] .settings-card,
body[class*="settings-tab-"] fieldset{
  border: 1px solid #dbe4f1 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .055) !important;
}

body[class*="settings-tab-"] .card-header,
body[class*="settings-tab-"] .panel-heading{
  padding: 15px 18px !important;
  border-bottom: 1px solid #e6edf6 !important;
  background: linear-gradient(180deg, #fff, #fbfcff) !important;
  font-weight: 800;
}

body[class*="settings-tab-"] .card-body,
body[class*="settings-tab-"] .panel-body{
  padding: 18px !important;
}

body[class*="settings-tab-"] .form-control,
body[class*="settings-tab-"] .form-select,
body[class*="settings-tab-"] input:not([type="checkbox"]):not([type="radio"]),
body[class*="settings-tab-"] select,
body[class*="settings-tab-"] textarea{
  min-height: 40px;
  border-color: #cfd9e7;
  border-radius: 10px;
}

body[class*="settings-tab-"] textarea{
  min-height: 110px;
}

body[class*="settings-tab-"] .form-control:focus,
body[class*="settings-tab-"] .form-select:focus,
body[class*="settings-tab-"] input:focus,
body[class*="settings-tab-"] select:focus,
body[class*="settings-tab-"] textarea:focus{
  border-color: #818cf8;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .14);
}

body[class*="settings-tab-"] .btn{
  min-height: 39px;
  border-radius: 10px;
  font-weight: 750;
}

body[class*="settings-tab-"] .btn-primary{
  border-color: transparent;
  background: linear-gradient(135deg, #5b4ee5, #6757e8);
}

body[class*="settings-tab-"] .table-responsive{
  border: 1px solid #dbe4f1;
  border-radius: 14px;
  background: #fff;
}

body[class*="settings-tab-"] .table{
  margin-bottom: 0;
}

body[class*="settings-tab-"] .table thead th{
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 11px 12px;
  border-bottom: 1px solid #dbe4f1;
  background: #f8fafc;
  color: #475569;
  font-size: .74rem;
  letter-spacing: .035em;
  text-transform: uppercase;
}

body[class*="settings-tab-"] .table tbody td{
  padding: 11px 12px;
  vertical-align: middle;
}

body[class*="settings-tab-"] .alert{
  border-radius: 12px;
}

@media (max-width: 767.98px) {
  body[class*="settings-tab-"] .header{
    margin: 10px;
    padding: 16px !important;
  }
  body[class*="settings-tab-"] .container-fluid{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  body[class*="settings-tab-"] .card-body,
body[class*="settings-tab-"] .panel-body{
    padding: 14px !important;
  }
}


/* === GKazmi UI Page Source: gkazmi-system-status-safe-polish.css === */
/* GKazmi System Status safe CSS-only polish. No PHP logic changes. */

body:has(.system-status-shell) .main-content{
  background: #f4f7fb;
}

body:has(.system-status-shell) .enterprise-page-header{
  margin: 14px 16px 10px;
  padding: 20px 24px !important;
  min-height: 0 !important;
  border: 1px solid #dbe4f1;
  border-radius: 18px;
  background: linear-gradient(135deg, #ffffff 0%, #f1f4ff 100%);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
}

body:has(.system-status-shell) .enterprise-page-header .header-icon{
  width: 46px;
  height: 46px;
  margin: 0 auto 8px;
  display: grid;
  place-items: center;
  border: 1px solid #d5dcff;
  border-radius: 14px;
  background: #eef2ff;
  color: #5b4ee5;
  font-size: 1.1rem;
}

body:has(.system-status-shell) .enterprise-page-header h1{
  margin: 0 0 5px !important;
  font-size: clamp(1.55rem, 2.4vw, 2.1rem) !important;
  line-height: 1.15;
  letter-spacing: -.025em;
}

body:has(.system-status-shell) .enterprise-page-header p{
  margin-bottom: 0 !important;
  color: #64748b;
  font-size: .93rem !important;
}

body:has(.system-status-shell) .system-status-shell{
  max-width: 1720px;
  padding: 16px 18px 30px !important;
}

body:has(.system-status-shell) .ss-summary-grid{
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px !important;
}

body:has(.system-status-shell) .ss-kpi{
  min-width: 0;
  padding: 16px !important;
  border: 1px solid #dbe4f1 !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .05) !important;
}

body:has(.system-status-shell) .ss-kpi-icon{
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: #eef2ff;
}

body:has(.system-status-shell) .ss-kpi-label{
  margin-top: 10px !important;
  color: #64748b;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .045em;
  text-transform: uppercase;
}

body:has(.system-status-shell) .ss-kpi-value{
  margin-top: 2px;
  color: #0f172a;
  font-size: 1.35rem;
  font-weight: 850;
  line-height: 1.1;
}

body:has(.system-status-shell) .ss-kpi-sub{
  margin-top: 5px;
  color: #64748b;
  font-size: .76rem;
}

body:has(.system-status-shell) .ss-tabbar{
  position: sticky;
  top: 8px;
  z-index: 20;
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  padding: 7px;
  overflow-x: auto;
  border: 1px solid #dbe4f1;
  border-radius: 14px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 8px 22px rgba(15,23,42,.06);
  backdrop-filter: blur(10px);
}

body:has(.system-status-shell) .ss-tabbar .nav-link{
  min-height: 38px;
  padding: 8px 12px;
  border-radius: 10px;
  color: #475569;
  font-size: .8rem;
  font-weight: 750;
  white-space: nowrap;
}

body:has(.system-status-shell) .ss-tabbar .nav-link.active{
  color: #fff;
  background: linear-gradient(135deg, #5b4ee5, #6757e8);
  box-shadow: 0 7px 16px rgba(79,70,229,.18);
}

body:has(.system-status-shell) .ss-tab-pane .enterprise-card,
body:has(.system-status-shell) .ss-section-card{
  border: 1px solid #dbe4f1 !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.05) !important;
}

body:has(.system-status-shell) .ss-tab-pane .enterprise-card.p-4,
body:has(.system-status-shell) .ss-section-card.p-4{
  padding: 18px !important;
}

body:has(.system-status-shell) .ss-section-title h5,
body:has(.system-status-shell) .enterprise-card > h5{
  color: #0f172a;
  font-size: 1rem;
  font-weight: 800;
}

body:has(.system-status-shell) .hint{
  color: #64748b !important;
  font-size: .78rem;
}

body:has(.system-status-shell) .table-responsive{
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
}

body:has(.system-status-shell) .table{
  margin-bottom: 0;
  font-size: .8rem;
}

body:has(.system-status-shell) .table thead th{
  position: sticky;
  top: 0;
  z-index: 3;
  padding: 9px 10px;
  border-bottom: 1px solid #dbe4f1;
  background: #f8fafc;
  color: #334155;
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .025em;
  text-transform: uppercase;
  white-space: nowrap;
}

body:has(.system-status-shell) .table tbody th,
body:has(.system-status-shell) .table tbody td{
  padding: 9px 10px;
  border-color: #edf1f7;
  vertical-align: middle;
}

body:has(.system-status-shell) .table tbody tr:hover > *{
  background: #f8faff;
}

body:has(.system-status-shell) .badge{
  padding: 6px 9px;
  border-radius: 999px;
  font-weight: 750;
}

body:has(.system-status-shell) .alert{
  border-radius: 12px;
}

body:has(.system-status-shell) .ss-command{
  max-height: 260px;
  margin: 0;
  padding: 14px;
  overflow: auto;
  border: 1px solid #263247;
  border-radius: 12px;
  background: #111827;
  color: #dbeafe;
  font-size: .76rem;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

body:has(.system-status-shell) .ss-monitoring-chart-card{
  padding: 15px;
  border: 1px solid #e2e8f0;
  border-radius: 13px;
  background: #fff;
}

body:has(.system-status-shell) .ss-scroll-table{
    max-height:none;
    height:auto;
    overflow-x:auto;
    overflow-y:visible;
}

@media (max-width: 1399.98px) {
  body:has(.system-status-shell) .ss-summary-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  body:has(.system-status-shell) .enterprise-page-header{
    margin: 10px;
    padding: 18px !important;
  }
  body:has(.system-status-shell) .system-status-shell{
    padding: 12px 10px 24px !important;
  }
  body:has(.system-status-shell) .ss-summary-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body:has(.system-status-shell) .ss-tabbar{
    position: static;
  }
}

@media (max-width: 480px) {
  body:has(.system-status-shell) .ss-summary-grid{
    grid-template-columns: 1fr;
  }
}


/* === GKazmi UI Page Source: dashboard-layout-polish.css === */
/* GKazmi dashboard visual alignment
 * Scope: dashboard only
 * Purpose: align spacing, width, rhythm and analytics cards with modern pages.
 */

body.gkazmi-dashboard-page{
  background: #f5f7fb;
}

body.gkazmi-dashboard-page .main-content{
  min-width: 0;
  background: #f5f7fb;
}

body.gkazmi-dashboard-page .dashboard-enterprise-shell{
  width: 100%;
  max-width: 100%;
  padding: 20px 24px 28px;
  margin: 0 auto;
}

body.gkazmi-dashboard-page .dashboard-enterprise-hero{
  margin: 0 0 18px;
  border: 1px solid #e4eaf3;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(34, 48, 74, .06);
}

body.gkazmi-dashboard-page .dashboard-content-panel{
  width: 100%;
  max-width: none;
  margin: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.gkazmi-dashboard-page .dashboard-section-intro{
  margin: 0 0 14px !important;
  text-align: left !important;
}

body.gkazmi-dashboard-page .dashboard-section-intro .text-muted{
  font-size: .86rem;
  font-weight: 600;
  letter-spacing: .01em;
}

body.gkazmi-dashboard-page .dash-stat,
body.gkazmi-dashboard-page .dash-link-card,
body.gkazmi-dashboard-page .dashboard-analytics .analytics-kpi,
body.gkazmi-dashboard-page .dashboard-analytics .analytics-panel{
  border: 1px solid #e3e9f2;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 7px 20px rgba(31, 45, 70, .055);
}

body.gkazmi-dashboard-page .dash-stat{
  height: 100%;
  min-height: 100px;
  display: flex;
  align-items: center;
}

body.gkazmi-dashboard-page .dash-link-card{
  height: 100%;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.gkazmi-dashboard-page .dash-link-card:hover{
  transform: translateY(-2px);
  border-color: #cfd9ea;
  box-shadow: 0 11px 28px rgba(31, 45, 70, .09);
}

body.gkazmi-dashboard-page .dashboard-analytics{
  margin-top: 22px !important;
  padding: 20px;
  border: 1px solid #e3e9f2;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(31, 45, 70, .055);
}

body.gkazmi-dashboard-page .dashboard-analytics .analytics-toolbar{
  gap: 16px;
  margin-bottom: 14px !important;
  padding-bottom: 14px;
  border-bottom: 1px solid #edf1f6;
}

body.gkazmi-dashboard-page .dashboard-analytics .analytics-toolbar-actions{
  flex-wrap: wrap;
  justify-content: flex-end;
}

body.gkazmi-dashboard-page .dashboard-analytics .analytics-range{
  border: 1px solid #dde5f0;
  border-radius: 12px;
  background: #f8faff;
  padding: 3px;
}

body.gkazmi-dashboard-page .dashboard-analytics .analytics-range-link{
  min-width: 48px;
  border-radius: 9px;
}

body.gkazmi-dashboard-page .dashboard-analytics .analytics-meta{
  margin-bottom: 14px !important;
  padding: 0 2px;
}

body.gkazmi-dashboard-page .dashboard-analytics .analytics-kpi{
  min-height: 108px;
  padding: 18px;
}

body.gkazmi-dashboard-page .dashboard-analytics .analytics-kpi strong{
  margin-top: 6px;
  line-height: 1.15;
}

body.gkazmi-dashboard-page .dashboard-analytics .analytics-panel{
  overflow: hidden;
}

body.gkazmi-dashboard-page .dashboard-analytics .analytics-panel-head{
  min-height: 58px;
  padding: 16px 18px;
  border-bottom: 1px solid #edf1f6;
  background: #fff;
}

body.gkazmi-dashboard-page .dashboard-analytics .analytics-bars{
  height: 240px;
  min-height: 240px;
  padding: 22px 22px 12px;
}

body.gkazmi-dashboard-page .dashboard-analytics .analytics-legend{
  min-height: 42px;
  padding: 10px 18px 14px;
}

body.gkazmi-dashboard-page .dashboard-analytics .analytics-list{
  max-height: 310px;
  overflow-y: auto;
}

body.gkazmi-dashboard-page .dashboard-analytics .analytics-list-row{
  min-height: 58px;
  padding: 12px 18px;
}

body.gkazmi-dashboard-page .dashboard-analytics .analytics-empty{
  min-height: 220px;
}

body.gkazmi-dashboard-page .dashboard-analytics .analytics-empty-compact{
  min-height: 175px;
}

body.gkazmi-dashboard-page .dashboard-analytics .analytics-response-summary{
  min-height: 175px;
  padding: 18px;
}

body.gkazmi-dashboard-page .dashboard-analytics .table-responsive{
  border: 0;
  border-radius: 0 0 16px 16px;
}

body.gkazmi-dashboard-page .dashboard-analytics .analytics-table th,
body.gkazmi-dashboard-page .dashboard-analytics .analytics-table td{
  padding: 13px 16px;
}

@media (min-width: 1600px) {
  body.gkazmi-dashboard-page .dashboard-enterprise-shell{
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 991.98px) {
  body.gkazmi-dashboard-page .dashboard-enterprise-shell{
    padding: 16px 14px 24px;
  }

  body.gkazmi-dashboard-page .dashboard-analytics{
    padding: 14px;
    border-radius: 16px;
  }

  body.gkazmi-dashboard-page .dashboard-analytics .analytics-toolbar-actions{
    justify-content: flex-start;
  }
}

@media (max-width: 767.98px) {
  body.gkazmi-dashboard-page .dashboard-enterprise-shell{
    padding-left: 10px;
    padding-right: 10px;
  }

  body.gkazmi-dashboard-page .dashboard-analytics .analytics-kpi{
    min-height: 98px;
    padding: 14px;
  }

  body.gkazmi-dashboard-page .dashboard-analytics .analytics-bars{
    height: 205px;
    min-height: 205px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* GKazmi DASHBOARD LOWER SECTIONS V2 START */
body.gkazmi-dashboard-page .system-health,
body.gkazmi-dashboard-page .alert-center{
  margin-top: 22px !important;
  padding: 20px;
  border: 1px solid #e3e9f2;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(31, 45, 70, .055);
}

body.gkazmi-dashboard-page .system-health-head,
body.gkazmi-dashboard-page .alert-center-head{
  min-height: 58px;
  margin: 0 0 16px !important;
  padding: 0 2px 14px;
  border-bottom: 1px solid #edf1f6;
}

body.gkazmi-dashboard-page .system-health-head h5,
body.gkazmi-dashboard-page .alert-center-head h5{
  color: #172033;
  font-size: 1.05rem;
  line-height: 1.3;
}

body.gkazmi-dashboard-page .system-health-meta{
  justify-content: flex-end;
  gap: 14px;
}

body.gkazmi-dashboard-page .system-health-meta .btn{
  min-height: 36px;
  padding: 7px 14px;
  border-radius: 10px;
}

body.gkazmi-dashboard-page .health-overview{
  margin-bottom: 16px !important;
  padding: 16px 18px;
  border-radius: 14px;
  box-shadow: none;
}

body.gkazmi-dashboard-page .system-health .row,
body.gkazmi-dashboard-page .alert-center .row{
  --bs-gutter-x: 16px;
  --bs-gutter-y: 16px;
}

body.gkazmi-dashboard-page .system-health .health-card{
  min-height: 116px;
  padding: 16px;
  border-radius: 14px;
  box-shadow: 0 5px 16px rgba(31, 45, 70, .045);
}

body.gkazmi-dashboard-page .system-health .health-card-icon{
  flex-basis: 44px;
  width: 44px;
  height: 44px;
}

body.gkazmi-dashboard-page .system-health-foot{
  margin-top: 16px !important;
  padding: 13px 2px 0;
  border-top: 1px solid #edf1f6;
}

body.gkazmi-dashboard-page .alert-center-summary{
  min-width: 112px;
  justify-content: center;
  border-radius: 999px;
}

body.gkazmi-dashboard-page .alert-panel{
  border-radius: 14px;
  box-shadow: 0 5px 16px rgba(31, 45, 70, .045);
}

body.gkazmi-dashboard-page .alert-panel-head{
  min-height: 58px;
  padding: 16px 18px;
}

body.gkazmi-dashboard-page .alert-row,
body.gkazmi-dashboard-page .alert-failures a{
  min-height: 66px;
  padding: 13px 18px;
}

body.gkazmi-dashboard-page .alert-list,
body.gkazmi-dashboard-page .alert-failures{
  max-height: 350px;
  overflow-y: auto;
  scrollbar-width: thin;
}

body.gkazmi-dashboard-page .alert-panel-footer{
  padding: 14px 18px;
  border-top: 1px solid #edf1f6;
  background: #fbfcfe;
}

body.gkazmi-dashboard-page .alert-panel-footer .btn{
  width: 100%;
  min-height: 38px;
  border-radius: 10px;
}

@media (max-width: 991.98px) {
  body.gkazmi-dashboard-page .system-health,
body.gkazmi-dashboard-page .alert-center{
    padding: 16px;
    border-radius: 16px;
  }

  body.gkazmi-dashboard-page .system-health-head,
body.gkazmi-dashboard-page .alert-center-head{
    align-items: flex-start;
  }
}

@media (max-width: 767.98px) {
  body.gkazmi-dashboard-page .system-health,
body.gkazmi-dashboard-page .alert-center{
    padding: 14px;
  }

  body.gkazmi-dashboard-page .system-health-meta{
    width: 100%;
    align-items: flex-start;
  }

  body.gkazmi-dashboard-page .health-overview{
    padding: 14px;
  }
}
/* GKazmi DASHBOARD LOWER SECTIONS V2 END */


/* === GKazmi UI Page Source: gkazmi-public-auth-polish.css === */
/* GKazmi public/auth polish v1 - one coherent public identity */
:root{--pa-primary:#4f46e5;--pa-primary2:#2563eb;--pa-ink:#0f172a;--pa-muted:#64748b;--pa-border:#dbe4f0;--pa-bg:#f3f7ff;--pa-surface:#fff;--pa-radius:18px;--pa-shadow:0 18px 50px rgba(30,64,175,.10)}
body.gkazmi-public-polish,
body.gkazmi-auth-public{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;background:radial-gradient(circle at 50% 0,#eaf1ff 0,#f6f8fc 42%,#f8fafc 100%)!important;color:var(--pa-ink)!important}
body.gkazmi-public-polish .gkazmi-public-nav,
body.gkazmi-auth-public .gkazmi-public-nav{position:relative;z-index:20;background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--pa-border)!important;box-shadow:0 5px 20px rgba(15,23,42,.04)!important;backdrop-filter:blur(12px)}
body.gkazmi-public-polish .gkazmi-public-nav .container,
body.gkazmi-auth-public .gkazmi-public-nav .container{min-height:68px}
body.gkazmi-public-polish .btn-primary,
body.gkazmi-auth-public .btn-primary{border:0!important;background:linear-gradient(135deg,var(--pa-primary),var(--pa-primary2))!important;box-shadow:0 8px 20px rgba(79,70,229,.20)!important;font-weight:750!important}
body.gkazmi-public-polish .btn-primary:hover,
body.gkazmi-auth-public .btn-primary:hover{transform:translateY(-1px);filter:brightness(1.03)}

/* Homepage */
body.gkazmi-public-polish .gkazmi-hero{max-width:1180px!important;padding-top:56px!important;padding-bottom:30px!important}
body.gkazmi-public-polish .gkazmi-hero-card{border:1px solid rgba(191,205,227,.9)!important;border-radius:24px!important;background:linear-gradient(145deg,#fff 0,#f8fbff 100%)!important;box-shadow:var(--pa-shadow)!important;padding:48px clamp(24px,5vw,68px)!important;overflow:hidden;position:relative}
body.gkazmi-public-polish .gkazmi-hero-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-120px;background:linear-gradient(135deg,rgba(79,70,229,.16),rgba(37,99,235,.04));pointer-events:none}
body.gkazmi-public-polish .gkazmi-hero-card h1{font-size:clamp(2.1rem,4vw,3.65rem)!important;line-height:1.04!important;letter-spacing:-.045em!important;font-weight:900!important;color:var(--pa-ink)!important;max-width:850px;margin-left:auto!important;margin-right:auto!important}
body.gkazmi-public-polish .gkazmi-hero-card .lead{max-width:780px;margin:18px auto 0!important;color:var(--pa-muted)!important;font-size:1.08rem!important;line-height:1.7!important}
body.gkazmi-public-polish .gkazmi-card{border:1px solid var(--pa-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 26px rgba(15,23,42,.055)!important;transition:transform .18s ease,box-shadow .18s ease}
body.gkazmi-public-polish .gkazmi-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,23,42,.09)!important}

/* Authentication: remove redundant page hero and use one polished content frame. */
body.gkazmi-auth-public>.gkazmi-page-header,
body.gkazmi-auth-public>.gkazmi-page-header,
body.gkazmi-auth-public .gkazmi-page-header{display:none!important}
body.gkazmi-auth-public .gkazmi-auth-wrap{padding:42px 18px 56px!important;background:transparent!important}
body.gkazmi-auth-public .gkazmi-auth-wrap>.container{max-width:1040px!important}
body.gkazmi-auth-public .gkazmi-auth-wrap .row{align-items:stretch!important;justify-content:center!important;--bs-gutter-x:1.35rem;--bs-gutter-y:1.35rem}
body.gkazmi-auth-public .gkazmi-auth-left,
body.gkazmi-auth-public .gkazmi-auth-card{height:100%!important;padding:32px!important;border:1px solid var(--pa-border)!important;border-radius:var(--pa-radius)!important;background:rgba(255,255,255,.97)!important;box-shadow:var(--pa-shadow)!important}
body.gkazmi-auth-public .gkazmi-auth-left{background:linear-gradient(145deg,#172554 0,#312e81 55%,#4338ca 100%)!important;color:#fff!important;border-color:transparent!important;position:relative;overflow:hidden}
body.gkazmi-auth-public .gkazmi-auth-left:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;bottom:-100px;background:rgba(255,255,255,.08)}
body.gkazmi-auth-public .gkazmi-auth-left>h1,
body.gkazmi-auth-public .gkazmi-auth-left>p.lead{display:block!important;position:relative;z-index:1}
body.gkazmi-auth-public .gkazmi-auth-left>h1{font-size:clamp(1.65rem,2.6vw,2.35rem)!important;line-height:1.12!important;letter-spacing:-.04em!important;color:#fff!important;font-weight:900!important}
body.gkazmi-auth-public .gkazmi-auth-left>p,
body.gkazmi-auth-public .gkazmi-auth-left .lead{color:#cbd5e1!important}
body.gkazmi-auth-public .gkazmi-auth-points{position:relative;z-index:1;display:grid;gap:10px;margin-top:24px!important}
body.gkazmi-auth-public .gkazmi-auth-point{padding:13px 14px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:13px!important;background:rgba(255,255,255,.08)!important;color:#fff!important}
body.gkazmi-auth-public .gkazmi-auth-point .t,
body.gkazmi-auth-public .gkazmi-auth-point strong{color:#fff!important}
body.gkazmi-auth-public .gkazmi-auth-point .d,
body.gkazmi-auth-public .gkazmi-auth-point p{color:#cbd5e1!important}
body.gkazmi-auth-public .gkazmi-auth-point i{color:#a5b4fc!important}
body.gkazmi-auth-public .gkazmi-auth-card h2{font-size:1.55rem!important;font-weight:900!important;letter-spacing:-.035em!important;color:var(--pa-ink)!important}
body.gkazmi-auth-public .gkazmi-auth-sub{color:var(--pa-muted)!important;margin-top:5px!important}
body.gkazmi-auth-public .form-label{font-size:.82rem!important;font-weight:800!important;color:#334155!important}
body.gkazmi-auth-public .form-control,
body.gkazmi-auth-public .form-select{min-height:48px;border:1px solid #cfd9e8!important;border-radius:12px!important;background:#fbfdff!important;box-shadow:none!important}
body.gkazmi-auth-public .form-control:focus,
body.gkazmi-auth-public .form-select:focus{border-color:#818cf8!important;box-shadow:0 0 0 4px rgba(99,102,241,.12)!important;background:#fff!important}
body.gkazmi-auth-public .gkazmi-auth-card .btn{min-height:46px;border-radius:12px!important;font-weight:800!important}
body.gkazmi-auth-public .alert{border-radius:12px!important;border-width:1px!important}
body.gkazmi-auth-public footer{background:rgba(255,255,255,.9)!important;border-top:1px solid var(--pa-border)!important}

/* OTP and 2FA pages use a single focused center card. */
body.gkazmi-auth-verify-otp .gkazmi-auth-wrap>.container,
body.gkazmi-auth-telegram-2fa .page{max-width:640px!important;margin-inline:auto!important}
body.gkazmi-auth-verify-otp .gkazmi-auth-card{padding:36px!important}
body.gkazmi-auth-verify-reset-otp .otp-inputs{display:flex!important;justify-content:center!important;gap:9px!important;flex-wrap:nowrap!important}
body.gkazmi-auth-verify-reset-otp .otp-input{width:48px!important;height:54px!important;border-radius:12px!important;text-align:center!important;font-size:1.35rem!important;font-weight:850!important}
body.gkazmi-auth-telegram-2fa .page{padding:42px 18px 56px!important;background:transparent!important}
body.gkazmi-auth-telegram-2fa .page>.card,
body.gkazmi-auth-telegram-2fa .card{border:1px solid var(--pa-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--pa-shadow)!important}
body.gkazmi-auth-telegram-2fa input.otp{letter-spacing:.35em!important;text-align:center!important;font-size:1.4rem!important;font-weight:850!important}

@media(max-width:991.98px){body.gkazmi-auth-public .gkazmi-auth-wrap{padding-top:26px!important}body.gkazmi-auth-public .gkazmi-auth-left,
body.gkazmi-auth-public .gkazmi-auth-card{padding:25px!important}body.gkazmi-public-polish .gkazmi-hero{padding-top:30px!important}}
@media(max-width:575.98px){body.gkazmi-public-polish .gkazmi-hero-card{padding:30px 18px!important;border-radius:18px!important}body.gkazmi-auth-public .gkazmi-auth-wrap{padding:18px 8px 34px!important}body.gkazmi-auth-public .gkazmi-auth-left,
body.gkazmi-auth-public .gkazmi-auth-card{padding:20px!important;border-radius:15px!important}body.gkazmi-auth-verify-reset-otp .otp-inputs{gap:5px!important}body.gkazmi-auth-verify-reset-otp .otp-input{width:40px!important;height:48px!important;font-size:1.15rem!important}}


/* === GKazmi UI Page Source: manage-users-modals-polish.css === */
/* GKazmi Manage Users — polished Add/Edit account modals */
body.gkazmi-manage-users-page .mu-account-modal .modal-dialog{
  width:min(900px,calc(100vw - 28px));
  max-width:900px;
  margin:20px auto;
}
body.gkazmi-manage-users-page .mu-account-modal .modal-content{
  border:1px solid rgba(99,102,241,.24);
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 30px 90px rgba(15,23,42,.28);
}
body.gkazmi-manage-users-page .mu-account-modal .modal-header{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  padding:22px 24px;
  border:0;
  background:
    radial-gradient(circle at 88% -20%,rgba(99,102,241,.22),transparent 42%),
    linear-gradient(135deg,#f8faff 0%,#f3f5ff 58%,#eef2ff 100%);
}
body.gkazmi-manage-users-page .mu-account-modal .modal-header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#c7d2fe 20%,#c7d2fe 80%,transparent);
}
body.gkazmi-manage-users-page .mu-modal-heading{
  min-width:0;
  flex:1;
}
body.gkazmi-manage-users-page .mu-modal-heading .modal-title{
  margin:0;
  color:#0f172a;
  font-size:1.28rem;
  line-height:1.25;
  font-weight:800;
  letter-spacing:-.02em;
}
body.gkazmi-manage-users-page .mu-modal-subtitle{
  display:block;
  margin-top:4px;
  color:#64748b;
  font-size:.9rem;
  font-weight:500;
}
body.gkazmi-manage-users-page .mu-modal-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#fff;
  font-size:1.1rem;
  background:linear-gradient(135deg,#7c3aed,#3b82f6);
  box-shadow:0 10px 24px rgba(79,70,229,.28);
}
body.gkazmi-manage-users-page #editModal .mu-modal-icon{
  background:linear-gradient(135deg,#2563eb,#06b6d4);
}
body.gkazmi-manage-users-page .mu-account-modal .btn-close{
  width:36px;
  height:36px;
  margin:0;
  padding:0;
  border-radius:11px;
  background-color:rgba(255,255,255,.84);
  box-shadow:0 3px 12px rgba(15,23,42,.08);
  opacity:.7;
}
body.gkazmi-manage-users-page .mu-account-modal .btn-close:hover{
  opacity:1;
  transform:rotate(4deg);
}
body.gkazmi-manage-users-page .mu-account-modal .modal-body{
  max-height:calc(100vh - 210px);
  overflow:auto;
  padding:22px 24px 18px;
  background:#fff;
  scrollbar-width:thin;
  scrollbar-color:#c7d2fe transparent;
}
body.gkazmi-manage-users-page .mu-account-modal .row.g-3{
  --bs-gutter-x:16px;
  --bs-gutter-y:16px;
}
body.gkazmi-manage-users-page .mu-account-modal .form-label{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 0 7px;
  color:#334155;
  font-size:.78rem;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.01em;
}
body.gkazmi-manage-users-page .mu-account-modal .form-label .mu-label-icon{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  color:#6366f1;
  font-size:.72rem;
  border-radius:6px;
  background:#eef2ff;
}
body.gkazmi-manage-users-page .mu-required{
  color:#ef4444;
  font-weight:900;
}
body.gkazmi-manage-users-page .mu-account-modal .form-control,
body.gkazmi-manage-users-page .mu-account-modal .form-select,
body.gkazmi-manage-users-page .mu-account-modal .input-group>.btn{
  min-height:46px;
  border:1px solid #d8e0ee;
  border-radius:12px;
  background-color:#fff;
  color:#0f172a;
  font-size:.92rem;
  box-shadow:0 1px 2px rgba(15,23,42,.02);
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
body.gkazmi-manage-users-page .mu-account-modal .form-control{
  padding:11px 13px;
}
body.gkazmi-manage-users-page .mu-account-modal .form-select{
  padding-left:13px;
}
body.gkazmi-manage-users-page .mu-account-modal .form-control::placeholder{
  color:#94a3b8;
}
body.gkazmi-manage-users-page .mu-account-modal .form-control:hover,
body.gkazmi-manage-users-page .mu-account-modal .form-select:hover{
  border-color:#b8c5db;
}
body.gkazmi-manage-users-page .mu-account-modal .form-control:focus,
body.gkazmi-manage-users-page .mu-account-modal .form-select:focus{
  border-color:#6366f1;
  box-shadow:0 0 0 4px rgba(99,102,241,.13);
}
body.gkazmi-manage-users-page .mu-account-modal .form-control.is-invalid,
body.gkazmi-manage-users-page .mu-account-modal .form-select.is-invalid{
  border-color:#ef4444;
  box-shadow:0 0 0 4px rgba(239,68,68,.1);
}
body.gkazmi-manage-users-page .mu-account-modal .form-text{
  margin-top:6px;
  color:#64748b;
  font-size:.76rem;
}
body.gkazmi-manage-users-page .mu-account-modal .gkazmi-phone-picker{
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:10px;
}
body.gkazmi-manage-users-page .mu-account-modal .gkazmi-phone-picker>.btn,
body.gkazmi-manage-users-page .mu-account-modal .gkazmi-phone-picker>.form-control{
  width:100%;
  border-radius:12px!important;
}
body.gkazmi-manage-users-page .mu-account-modal .gkazmi-phone-menu{
  width:min(360px,calc(100vw - 48px));
  border:1px solid #dbe3f1;
  border-radius:14px;
  box-shadow:0 18px 45px rgba(15,23,42,.18);
}
body.gkazmi-manage-users-page .mu-password-wrap{
  position:relative;
}
body.gkazmi-manage-users-page .mu-password-wrap .form-control{
  padding-right:46px;
}
body.gkazmi-manage-users-page .mu-password-toggle{
  position:absolute;
  top:50%;
  right:8px;
  width:34px;
  height:34px;
  padding:0;
  border:0;
  border-radius:9px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  background:#f1f5f9;
  color:#64748b;
}
body.gkazmi-manage-users-page .mu-password-toggle:hover{
  background:#e0e7ff;
  color:#4338ca;
}
body.gkazmi-manage-users-page .mu-modal-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0 0 18px;
  padding:11px 13px;
  border:1px solid #dbeafe;
  border-radius:12px;
  background:#f0f7ff;
  color:#475569;
  font-size:.8rem;
}
body.gkazmi-manage-users-page .mu-modal-note i{
  margin-top:2px;
  color:#2563eb;
}
body.gkazmi-manage-users-page .mu-account-modal .modal-footer{
  display:flex!important;
  flex-direction:row!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  padding:16px 24px;
  border-top:1px solid #e8edf5;
  background:#f8fafc;
}
body.gkazmi-manage-users-page .mu-account-modal .modal-footer .btn{
  width:auto!important;
  min-width:138px;
  min-height:44px;
  margin:0!important;
  border:0;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:800;
  font-size:.88rem;
}
body.gkazmi-manage-users-page .mu-account-modal .modal-footer .btn-secondary{
  color:#334155;
  background:#e9eef6;
}
body.gkazmi-manage-users-page .mu-account-modal .modal-footer .btn-secondary:hover{
  background:#dce4ef;
}
body.gkazmi-manage-users-page .mu-account-modal .modal-footer .btn-primary{
  color:#fff;
  background:linear-gradient(135deg,#7c3aed,#3b82f6);
  box-shadow:0 8px 20px rgba(79,70,229,.24);
}
body.gkazmi-manage-users-page .mu-account-modal .modal-footer .btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 11px 25px rgba(79,70,229,.3);
}
body.gkazmi-manage-users-page #editModal .modal-footer .btn-primary{
  background:linear-gradient(135deg,#2563eb,#0891b2);
}
body.gkazmi-manage-users-page .mu-account-modal .modal-footer .btn:disabled{
  opacity:.65;
  transform:none;
}
body.gkazmi-manage-users-page .mu-account-modal.mu-submitting .modal-content{
  pointer-events:none;
}
body.gkazmi-manage-users-page .mu-account-modal.mu-submitting .btn-primary i{
  animation:muSpin .8s linear infinite;
}
@keyframes muSpin{to{transform:rotate(360deg)}}

@media(max-width:767.98px){
  body.gkazmi-manage-users-page .mu-account-modal .modal-dialog{
    width:calc(100vw - 16px);
    margin:8px auto;
  }
  body.gkazmi-manage-users-page .mu-account-modal .modal-content{
    border-radius:17px;
  }
  body.gkazmi-manage-users-page .mu-account-modal .modal-header{
    padding:17px 16px;
  }
  body.gkazmi-manage-users-page .mu-modal-icon{
    width:42px;height:42px;flex-basis:42px;border-radius:13px;
  }
  body.gkazmi-manage-users-page .mu-account-modal .modal-body{
    max-height:calc(100vh - 180px);
    padding:17px 16px 14px;
  }
  body.gkazmi-manage-users-page .mu-account-modal .modal-footer{
    padding:13px 16px;
  }
  body.gkazmi-manage-users-page .mu-account-modal .modal-footer .btn{
    flex:1 1 0;
    min-width:0;
  }
  body.gkazmi-manage-users-page .mu-account-modal .gkazmi-phone-picker{
    grid-template-columns:1fr;
  }
}
@media(max-width:420px){
  body.gkazmi-manage-users-page .mu-account-modal .modal-footer{
    flex-direction:column-reverse!important;
  }
  body.gkazmi-manage-users-page .mu-account-modal .modal-footer .btn{
    width:100%!important;
  }
}


/* === GKazmi UI Page Source: gkazmi-dashboard-final-polish.css === */
/*
 * GKAZMI_DASHBOARD_FINAL_POLISH
 *
 * Final scoped visual layer for the authenticated Dashboard.
 * No behavioral ownership.
 */

body.gkazmi-dashboard-page.gkazmi-route-dashboard{
    --gkazmi-dash-final-border: rgba(148, 163, 184, 0.20);
    --gkazmi-dash-final-border-strong: rgba(148, 163, 184, 0.34);
    
    --gkazmi-dash-final-shadow:
        0 14px 38px rgba(15, 23, 42, 0.065);
    --gkazmi-dash-final-shadow-hover:
        0 22px 52px rgba(15, 23, 42, 0.10);
}

/* Main shell */

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.dashboard-enterprise-shell{
    width: min(100%, 1680px);
    margin-inline: auto;
}

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.dashboard-content-panel{
    position: relative;
}

/* Header */

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.gkazmi-page-header{
    border: 1px solid var(--gkazmi-dash-final-border);
    box-shadow: var(--gkazmi-dash-final-shadow);
}

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.gkazmi-page-header .badge{
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    font-weight: 700;
}

/* Dashboard tabs */

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.gkazmi-dashboard-tabs{
    position: relative;
}

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.gkazmi-dashboard-tab{
    min-height: 42px;
    border-radius: 10px;
    font-weight: 680;
    transition:
        transform 0.14s ease,
        box-shadow 0.14s ease,
        background-color 0.14s ease;
}

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.gkazmi-dashboard-tab:hover{
    transform: translateY(-1px);
}

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.gkazmi-dashboard-tab[aria-selected="true"]{
    font-weight: 760;
}

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.gkazmi-dashboard-tabpanel{
    outline: none;
}

/* Intro */

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.dashboard-section-intro{
    padding: 0.35rem 0 0.6rem;
}

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.dashboard-section-intro h2{
    letter-spacing: -0.025em;
}

/* KPI cards */

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.dash-card{
    height: 100%;
    border: 1px solid var(--gkazmi-dash-final-border);
    border-radius: 16px;
    box-shadow: var(--gkazmi-dash-final-shadow);
    transition:
        transform 0.16s ease,
        border-color 0.16s ease,
        box-shadow 0.16s ease;
}

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.dash-card:hover{
    transform: translateY(-2px);
    border-color: var(--gkazmi-dash-final-border-strong);
    box-shadow: var(--gkazmi-dash-final-shadow-hover);
}

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.dash-card .dash-ico{
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
}

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.dash-k{
    margin-bottom: 0.18rem;
    font-size: 0.72rem;
    font-weight: 760;
    letter-spacing: 0.035em;
    line-height: 1.25;
    text-transform: uppercase;
}

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.dash-value{
    min-width: 0;
    line-height: 1.18;
    font-weight: 760;
    font-variant-numeric: tabular-nums;
}

/* Rich runtime summary */

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.gkazmi-dashboard-runtime-summary > [class*="col-"]{
    display: flex;
}

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.gkazmi-dashboard-runtime-summary .dash-card{
    width: 100%;
}

/* Quick access cards */

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.dash-link-card{
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--gkazmi-dash-final-border);
    border-radius: 14px;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.045);
    transition:
        transform 0.16s ease,
        border-color 0.16s ease,
        box-shadow 0.16s ease;
}

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.dash-link-card:hover{
    transform: translateY(-2px);
    border-color: var(--gkazmi-dash-final-border-strong);
    box-shadow: var(--gkazmi-dash-final-shadow);
}

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.dash-link-card .fw-bold{
    letter-spacing: -0.012em;
}

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.dash-link-card .text-muted{
    line-height: 1.45;
}

/* Status badges */

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.dash-value .badge{
    min-width: 74px;
    padding: 0.44rem 0.62rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 760;
}

/* Identity / account detail cards */

body.gkazmi-dashboard-page.gkazmi-route-dashboard
.text-break{
    overflow-wrap: anywhere;
}

/* Analytics workspace */

body.gkazmi-dashboard-page.gkazmi-route-dashboard
#dashboard-tab-analytics{
    border-radius: 16px;
}

body.gkazmi-dashboard-page.gkazmi-route-dashboard
#dashboard-tab-analytics :is(
    .card,
    .enterprise-card
){
    border-color: var(--gkazmi-dash-final-border);
}

/* Focus */

body.gkazmi-dashboard-page.gkazmi-route-dashboard
:is(
    a,
    button,
    [role="tab"]
):focus-visible{
    outline: 3px solid rgba(59, 130, 246, 0.25);
    outline-offset: 3px;
}

/* Avoid animation for reduced-motion users */

@media (prefers-reduced-motion: reduce){
    body.gkazmi-dashboard-page.gkazmi-route-dashboard
    :is(
        .dash-card,
        .dash-link-card,
        .gkazmi-dashboard-tab
    ) {
        transition: none;
        transform: none;
    }
}

/* Tablet */

@media (max-width: 991.98px){
    body.gkazmi-dashboard-page.gkazmi-route-dashboard
    .dashboard-enterprise-shell {
        width: 100%;
    }

    body.gkazmi-dashboard-page.gkazmi-route-dashboard
    .dash-card {
        border-radius: 14px;
    }

    body.gkazmi-dashboard-page.gkazmi-route-dashboard
    .dash-link-card {
        border-radius: 13px;
    }

    body.gkazmi-dashboard-page.gkazmi-route-dashboard
    .gkazmi-dashboard-tab {
        min-width: max-content;
    }
}

/* Mobile */

@media (max-width: 767.98px){
    body.gkazmi-dashboard-page.gkazmi-route-dashboard
    .dashboard-content-panel {
        padding-top: 0.6rem !important;
    }

    body.gkazmi-dashboard-page.gkazmi-route-dashboard
    .dashboard-section-intro {
        margin-bottom: 0.65rem !important;
    }

    body.gkazmi-dashboard-page.gkazmi-route-dashboard
    .dash-card {
        border-radius: 13px;
    }

    body.gkazmi-dashboard-page.gkazmi-route-dashboard
    .dash-card .dash-ico {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    body.gkazmi-dashboard-page.gkazmi-route-dashboard
    .dash-link-card {
        border-radius: 12px;
    }

    body.gkazmi-dashboard-page.gkazmi-route-dashboard
    .dash-value.fs-4 {
        font-size: 1.28rem !important;
    }
}

/* END GKAZMI_DASHBOARD_FINAL_POLISH */


/* === GKazmi UI Page Source: gkazmi-public-auth-header-shell.css === */
/*
 * GKazmi Public Auth Header Shell V39B
 *
 * Scope:
 * body.gkazmi-public-auth only.
 *
 * Does NOT resize auth cards.
 * Does NOT touch System Status.
 */

body.gkazmi-public-auth{
    --gkazmi-auth-shell-max: 1120px;
    --gkazmi-auth-shell-gutter: 24px;
}

/* ---------------------------------------------------------
   NAVBAR
   --------------------------------------------------------- */

body.gkazmi-public-auth header .container,
body.gkazmi-public-auth header .container-fluid,
body.gkazmi-public-auth nav .container,
body.gkazmi-public-auth nav .container-fluid,
body.gkazmi-public-auth .navbar .container,
body.gkazmi-public-auth .navbar .container-fluid{
    width: min(
        var(--gkazmi-auth-shell-max),
        calc(100% - (var(--gkazmi-auth-shell-gutter) * 2))
    ) !important;

    max-width: var(--gkazmi-auth-shell-max) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.gkazmi-public-auth .navbar{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.gkazmi-public-auth .navbar-brand{
    margin-left: 0 !important;
    margin-right: auto !important;
}

body.gkazmi-public-auth .navbar-collapse{
    flex-grow: 1 !important;
}

body.gkazmi-public-auth .navbar-nav{
    margin-left: auto !important;
}

body.gkazmi-public-auth .navbar .btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* ---------------------------------------------------------
   TOP PAGE TITLE AREA
   --------------------------------------------------------- */

/*
 * Direct top-level page title.
 */
body.gkazmi-public-auth main > h1,
body.gkazmi-public-auth main > h2,
body.gkazmi-public-auth main > h3{
    display: block !important;

    width: min(
        var(--gkazmi-auth-shell-max),
        calc(100% - (var(--gkazmi-auth-shell-gutter) * 2))
    ) !important;

    max-width: var(--gkazmi-auth-shell-max) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*
 * Subtitle immediately beneath title.
 */
body.gkazmi-public-auth main > h1 + p,
body.gkazmi-public-auth main > h2 + p,
body.gkazmi-public-auth main > h3 + p{
    width: min(
        var(--gkazmi-auth-shell-max),
        calc(100% - (var(--gkazmi-auth-shell-gutter) * 2))
    ) !important;

    max-width: var(--gkazmi-auth-shell-max) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*
 * Tiny icon sitting before the title must not force title
 * back to viewport x=0.
 */
body.gkazmi-public-auth main > i:first-child,
body.gkazmi-public-auth main > svg:first-child,
body.gkazmi-public-auth main > .fa:first-child,
body.gkazmi-public-auth main > [class*="fa-"]:first-child{
    width: min(
        var(--gkazmi-auth-shell-max),
        calc(100% - (var(--gkazmi-auth-shell-gutter) * 2))
    ) !important;

    max-width: var(--gkazmi-auth-shell-max) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    display: block !important;
}

/* ---------------------------------------------------------
   MAIN AUTH CONTENT OUTER WIDTH
   --------------------------------------------------------- */

body.gkazmi-public-auth main > .container,
body.gkazmi-public-auth main > .container-fluid{
    width: min(
        var(--gkazmi-auth-shell-max),
        calc(100% - (var(--gkazmi-auth-shell-gutter) * 2))
    ) !important;

    max-width: var(--gkazmi-auth-shell-max) !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

/* V38 keeps actual card internals. */
body.gkazmi-public-auth main button,
body.gkazmi-public-auth main .btn{
    justify-content: center !important;
    text-align: center !important;
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767.98px){
    body.gkazmi-public-auth {
        --gkazmi-auth-shell-gutter: 14px;
    }

    body.gkazmi-public-auth .navbar-collapse {
        width: 100% !important;
    }

    body.gkazmi-public-auth .navbar-nav {
        width: 100% !important;
        align-items: stretch !important;
    }
}


/*
 * V40 exact DOM fix.
 *
 * The visible "GSMPakistan Login / Create Account /
 * Forgot Password / Verify Reset OTP" heading is NOT
 * main > h1.
 *
 * It lives inside:
 *   .gkazmi-public-header
 *
 * Therefore center that exact wrapper.
 */

body.gkazmi-public-auth .gkazmi-public-header{
    width: 100% !important;
    max-width: none !important;

    margin: 0 auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
}

/*
 * Whatever element gkazmi_page_header() emits immediately
 * inside the wrapper gets the canonical public width.
 */
body.gkazmi-public-auth .gkazmi-public-header > *{
    width: min(
        1180px,
        calc(100% - 48px)
    ) !important;

    max-width: 1180px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}

/*
 * Many historical page-header implementations use one extra
 * inner wrapper. Normalize that too without altering typography.
 */
body.gkazmi-public-auth .gkazmi-public-header > * > .container,
body.gkazmi-public-auth .gkazmi-public-header > * > .container-fluid,
body.gkazmi-public-auth .gkazmi-public-header .container,
body.gkazmi-public-auth .gkazmi-public-header .container-fluid{
    width: 100% !important;
    max-width: 1180px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*
 * Avoid old absolute/translated title pieces escaping the
 * centered shell.
 */
body.gkazmi-public-auth .gkazmi-public-header h1,
body.gkazmi-public-auth .gkazmi-public-header h2,
body.gkazmi-public-auth .gkazmi-public-header p{
    margin-left: 0 !important;
    margin-right: 0 !important;

    transform: none !important;
}

/*
 * The little icon is part of the same aligned title block.
 */
body.gkazmi-public-auth .gkazmi-public-header i,
body.gkazmi-public-auth .gkazmi-public-header svg{
    transform: none !important;
}

@media (max-width: 767.98px) {
    body.gkazmi-public-auth .gkazmi-public-header > *{
        width: calc(100% - 28px) !important;
    }
}


/*
 * Public presentation polish only.
 */

body.gkazmi-public-resellers-page{
    --gkazmi-pr5-border: rgba(148, 163, 184, 0.2);
    --gkazmi-pr5-border-strong: rgba(148, 163, 184, 0.32);
    --gkazmi-pr5-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
    --gkazmi-pr5-shadow-hover: 0 24px 58px rgba(15, 23, 42, 0.12);
    
}

/* Hero */

body.gkazmi-public-resellers-page .resellers-hero{
    padding-top: clamp(1.5rem, 3vw, 2.75rem);
}

body.gkazmi-public-resellers-page .resellers-hero-card{
    position: relative;
    overflow: hidden;
    border: 1px solid var(--gkazmi-pr5-border);
    border-radius: 24px;
    box-shadow: var(--gkazmi-pr5-shadow);
}

body.gkazmi-public-resellers-page .resellers-hero-card::after{
    content: "";
    position: absolute;
    inset: auto -7rem -8rem auto;
    width: 18rem;
    height: 18rem;
    border-radius: 999px;
    background:
        radial-gradient(
            circle,
            rgba(59, 130, 246, 0.09),
            rgba(59, 130, 246, 0)
        );
    pointer-events: none;
}

body.gkazmi-public-resellers-page .resellers-eyebrow{
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 700;
    letter-spacing: 0.015em;
}

body.gkazmi-public-resellers-page #resellersTitle{
    letter-spacing: -0.035em;
    line-height: 1.04;
}

body.gkazmi-public-resellers-page .resellers-stats{
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

body.gkazmi-public-resellers-page .resellers-stats > span{
    display: inline-flex;
    align-items: baseline;
    gap: 0.35rem;
    min-height: 38px;
    padding: 0.5rem 0.78rem;
    border: 1px solid var(--gkazmi-pr5-border);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
}

/* Directory */

body.gkazmi-public-resellers-page .resellers-directory{
    padding-block: clamp(1.5rem, 3vw, 2.5rem);
}

body.gkazmi-public-resellers-page .resellers-grid{
    align-items: stretch;
    gap: 1rem;
}

body.gkazmi-public-resellers-page .reseller-card{
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--gkazmi-pr5-border);
    border-radius: 18px;
    box-shadow: var(--gkazmi-pr5-shadow);
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        border-color 0.18s ease;
}

body.gkazmi-public-resellers-page .reseller-card:hover{
    transform: translateY(-3px);
    border-color: var(--gkazmi-pr5-border-strong);
    box-shadow: var(--gkazmi-pr5-shadow-hover);
}

body.gkazmi-public-resellers-page .reseller-card-top{
    gap: 0.85rem;
}

body.gkazmi-public-resellers-page .reseller-logo{
    flex: 0 0 auto;
    overflow: hidden;
    border: 1px solid var(--gkazmi-pr5-border);
    border-radius: 14px;
}

body.gkazmi-public-resellers-page .reseller-logo img{
    object-fit: contain;
}

body.gkazmi-public-resellers-page .reseller-verified{
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
    font-weight: 700;
}

body.gkazmi-public-resellers-page .reseller-card-body{
    flex: 1 1 auto;
}

body.gkazmi-public-resellers-page .reseller-card-body h2{
    margin-bottom: 0.35rem;
    letter-spacing: -0.02em;
}

body.gkazmi-public-resellers-page .reseller-location{
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.65rem;
    font-weight: 650;
}

body.gkazmi-public-resellers-page .reseller-card-body p{
    line-height: 1.58;
}

body.gkazmi-public-resellers-page .reseller-card-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: auto;
}

body.gkazmi-public-resellers-page .reseller-card-actions .btn{
    min-height: 40px;
    border-radius: 10px;
    font-weight: 650;
}

body.gkazmi-public-resellers-page .reseller-card-actions .btn:only-child{
    flex: 1 1 auto;
}

/* Empty/error states */

body.gkazmi-public-resellers-page .resellers-state{
    border: 1px solid var(--gkazmi-pr5-border);
    border-radius: 18px;
    box-shadow: var(--gkazmi-pr5-shadow);
}

body.gkazmi-public-resellers-page .resellers-state .btn{
    min-height: 40px;
    border-radius: 10px;
}

/* Safety panel */

body.gkazmi-public-resellers-page .resellers-safety{
    padding-bottom: clamp(1.75rem, 4vw, 3.25rem);
}

body.gkazmi-public-resellers-page .resellers-safety-card{
    border: 1px solid var(--gkazmi-pr5-border);
    border-radius: 18px;
    box-shadow: var(--gkazmi-pr5-shadow);
}

body.gkazmi-public-resellers-page .resellers-safety-card h2{
    letter-spacing: -0.02em;
}

/* Contact modal */

body.gkazmi-public-resellers-page #contactModal .modal-content{
    overflow: hidden;
    border: 1px solid var(--gkazmi-pr5-border);
    border-radius: 18px;
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.22);
}

body.gkazmi-public-resellers-page #contactModal .modal-header{
    padding: 1rem 1.15rem;
}

body.gkazmi-public-resellers-page #contactModal .modal-body{
    padding: 1rem 1.15rem 1.15rem;
}

body.gkazmi-public-resellers-page #contactModal .modal-title{
    letter-spacing: -0.02em;
    font-weight: 760;
}

body.gkazmi-public-resellers-page .reseller-modal-logo{
    flex: 0 0 auto;
    overflow: hidden;
    border: 1px solid var(--gkazmi-pr5-border);
    border-radius: 12px;
}

body.gkazmi-public-resellers-page .reseller-contact-list{
    display: grid;
    gap: 0.55rem;
}

body.gkazmi-public-resellers-page .reseller-contact-link{
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 46px;
    padding: 0.7rem 0.8rem;
    border: 1px solid var(--gkazmi-pr5-border);
    border-radius: 11px;
    text-decoration: none;
    transition:
        transform 0.14s ease,
        border-color 0.14s ease,
        background-color 0.14s ease;
}

body.gkazmi-public-resellers-page .reseller-contact-link:hover{
    transform: translateY(-1px);
    border-color: var(--gkazmi-pr5-border-strong);
}

body.gkazmi-public-resellers-page .reseller-contact-link > i:first-child{
    width: 1.25rem;
    text-align: center;
}

body.gkazmi-public-resellers-page .reseller-contact-link > i:last-child{
    margin-left: auto;
}

body.gkazmi-public-resellers-page .reseller-contact-empty{
    padding: 0.85rem;
    border: 1px dashed var(--gkazmi-pr5-border-strong);
    border-radius: 11px;
    text-align: center;
}

/* Focus */

body.gkazmi-public-resellers-page :is(
    button,
    a
):focus-visible{
    outline: 3px solid rgba(59, 130, 246, 0.25);
    outline-offset: 3px;
}

/* Responsive */

@media (max-width: 767.98px){
    body.gkazmi-public-resellers-page .resellers-hero-card {
        border-radius: 18px;
    }

    body.gkazmi-public-resellers-page .resellers-stats {
        gap: 0.5rem;
    }

    body.gkazmi-public-resellers-page .resellers-stats > span {
        width: 100%;
        justify-content: space-between;
    }

    body.gkazmi-public-resellers-page .reseller-card {
        border-radius: 15px;
    }

    body.gkazmi-public-resellers-page .reseller-card-actions {
        flex-direction: column;
    }

    body.gkazmi-public-resellers-page .reseller-card-actions .btn {
        width: 100%;
    }

    body.gkazmi-public-resellers-page #contactModal .modal-dialog {
        margin: 0.6rem;
    }
}


/* ============================================================
   GKazmi UI — Phase 3C Route / Business Page Styles
   Original selector scoping preserved
   ============================================================ */

/* === GKazmi UI Route Source: api-request-logs.css === */
/* Externalized from api_request_logs.php by GKazmi Phase 15 */

    
    


/* === GKazmi UI Route Source: audit-logs.css === */
/* Externalized from audit_logs.php by GKazmi Phase 15 */
.form-card{ padding: 1.25rem; }
    
    


/* === GKazmi UI Route Source: communication-automation.css === */
/* Externalized from communication_automation.php by GKazmi Phase 15 */
.automation-shell{width:100%;max-width:none;margin:0}
    .automation-hero{border-radius:24px;padding:2rem;background:linear-gradient(135deg,rgba(79,70,229,.12),rgba(14,165,233,.08));border:1px solid rgba(99,102,241,.12)}
    .automation-card{border:0;border-radius:22px;width:100%!important;max-width:none!important}
    .automation-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem}
    .table-responsive table{min-width:900px}
    @media(max-width:991.98px){.automation-grid{grid-template-columns:1fr}.main-content .container-fluid{padding:1rem!important}}

/* GKAZMI_NOTIFICATIONS_COMMUNICATION_AUTOMATION_MERGE */
.notification-merge-card{
  overflow: hidden;
}
.automation-eyebrow{
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin-bottom: .45rem;
  color: #4f46e5;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.notification-connection-status{
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  align-self: flex-start;
  padding: .7rem 1rem;
  border: 1px solid #fecaca;
  border-radius: 999px;
  background: #fff1f2;
  color: #be123c;
  font-size: .85rem;
  font-weight: 700;
}
.notification-connection-status.is-connected{
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #15803d;
}
.notification-connect-panel{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid #dbe4f0;
  border-radius: 16px;
  background: linear-gradient(135deg, #f8fbff 0%, #f6f4ff 100%);
}
.notification-template-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.notification-template-item{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  padding: 1.15rem;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .045);
}
.notification-template-icon{
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 14px;
  font-size: 1.05rem;
}
.notification-template-icon.is-price{
  background: #fff7ed;
  color: #c2410c;
}
.notification-template-icon.is-security{
  background: #eef2ff;
  color: #4338ca;
}
.notification-template-action{
  margin: 0;
}
.notification-system-template-row td{
  background: #f8fafc;
}
@media (max-width: 991.98px) {
  .notification-template-grid{
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575.98px) {
  .notification-connect-panel,
.notification-template-item{
    align-items: stretch;
    grid-template-columns: 1fr;
  }
  .notification-connect-panel{
    flex-direction: column;
  }
  .notification-template-action .btn{
    width: 100%;
  }
}


/* === GKazmi UI Route Source: communication-center.css === */
/* Externalized from communication_center.php by Phase 14.5 */
.main-content{
      min-width: 0;
      width: calc(100% - 260px);
      flex: 1 1 auto;
    }

    .communication-shell{
      width: 100%;
      max-width: none;
      margin: 0;
    }

    .communication-grid{
      display: grid;
      grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
      gap: 1.5rem;
      width: 100%;
      align-items: stretch;
    }

    .communication-form-column,
.communication-preview-column{
      min-width: 0;
      width: 100%;
      max-width: none;
      display: flex;
    }

    .communication-form-column > .card,
.communication-preview-column > .card,
.communication-card{
      width: 100%;
    }

    .communication-card{
      border: 0;
      border-radius: 22px;
      overflow: hidden;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    .communication-grid > *,
.communication-form-column,
.communication-preview-column{
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
    }

    .communication-form-column > .card,
.communication-preview-column > .card{
      flex: 1 1 auto !important;
      align-self: stretch !important;
    }

    

    .communication-table{
      min-width: 900px;
    }

    .communication-table th{
      white-space: nowrap;
    }

    .delivery-stat{
      min-width: 42px;
      display: inline-flex;
      justify-content: center;
    }

    .send-progress{
      display: none;
    }

    .send-progress.active{
      display: block;
    }

    @media (max-width: 991.98px) {
      .main-content{
        width: 100%;
        min-width: 0;
      }

      .communication-grid{
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
      }

      .communication-form-column,
.communication-preview-column{
        width: 100%;
        max-width: none;
        min-width: 0;
      }

      .main-content .container-fluid{
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        padding-top: 1.25rem !important;
      }

      .communication-hero{
        padding: 1.25rem;
        border-radius: 18px;
      }

      .communication-card{
        border-radius: 18px;
      }

      .communication-card .card-body{
        padding: 1rem;
      }
    }

    @media (max-width: 575.98px) {

      #sendButton{
        width: 100%;
      }
    }


/* === GKazmi UI Route Source: cronjobs-history.css === */
/* Externalized from cronjobs_history.php by Phase 14.5 */
@media (max-width: 768px){
  .table-responsive .history-table{ min-width: 0 !important; width: 100% !important; }
  .history-table .col-run-id,
  .history-table .col-user,
  .history-table .col-job-id,
  .history-table .col-finished,
  .history-table .col-error{ display:none !important; }
  .history-table td, .history-table th{ white-space:nowrap; }
  .history-table td.col-title{ white-space:normal; max-width: 260px; }
}
    
    .form-card{
      background: var(--card-bg);
      border-radius: 1rem;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
      padding: 2rem;
      border: 1px solid rgba(0, 0, 0, 0.05);
    }
    
    .form-card:hover{
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
      border-color: rgba(67, 97, 238, 0.2);
    }

    .mono{
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }

    .hint{
      color: var(--text-muted);
      font-size: .9rem;
    }
  
/* === Unified dashboard-style sidebar look (injected) === */


/* Force icon colors by href (no layout changes) */


/* === colorful banners (2025-10-19T05:02:48) === */


/* Apply to common banner containers */


/* Titles and small subtitle text inside banners */


/* Optional corner style seen in your screenshots */


/* Ensure icons in the banner are bright */


/* === end colorful banners === */

/* === colorful modals + icons (2025-10-19T05:10:01) === */


/* Modal container */


/* Header bar */


/* Inputs focus ring */


/* Footer buttons */


/* Add colorful emoji icons to common action buttons */


/* Colored field prefix icons (emoji) */


/* Ensure label icons inherit colorful gradient look subtly */


/* === end colorful modals + icons === */

/* === emoji label icons (2025-10-19T05:18:38) === */

/* Emoji label icons */


/* Ensure spacing consistent even if no emoji injected */


/* === emoji flat colors (2025-10-19T05:25:48) === */

/* Ensure modal label emojis render with native emoji colors (no gradient fill) */


/* === emoji map update (2025-10-19T05:32:18) === */

/* Slightly larger emoji for key fields */


/* === emoji formscope fix (2025-10-19T05:36:58) === */

/* Emoji label baseline for all forms (not sidebar) */

 /* don't affect sidebar */

/* ============================================================
 * GKAZMI_CRON_HISTORY_FILTER_UX_CONSOLIDATION_BEGIN
 * Unified filter surface for Cron Jobs History.
 * ============================================================ */

.gkazmi-history-filter-panel{
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 14px;
    background: var(--card-bg, #fff);
}

.gkazmi-history-filter-heading{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.gkazmi-history-filter-title{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    font-weight: 750;
}

.gkazmi-history-filter-help{
    margin-top: 0.2rem;
    font-size: 0.82rem;
    color: var(--muted, #64748b);
}

.gkazmi-history-filter-form{
    align-items: end;
}

.gkazmi-history-filter-actions{
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.gkazmi-history-filter-actions .btn{
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.gkazmi-history-active-filters{
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
}

.gkazmi-history-active-label{
    font-size: 0.78rem;
    font-weight: 750;
    color: var(--muted, #64748b);
}

.gkazmi-history-filter-chips{
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.gkazmi-history-filter-chip{
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    padding: 0.3rem 0.58rem;
    border: 1px solid rgba(99, 102, 241, 0.18);
    border-radius: 999px;
    background: rgba(99, 102, 241, 0.07);
    font-size: 0.78rem;
    line-height: 1.25;
}

.gkazmi-history-filter-chip-label{
    font-weight: 750;
}

.gkazmi-history-filter-chip-value{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .gkazmi-history-filter-panel{
        padding: 0.85rem;
    }

    .gkazmi-history-filter-actions{
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .gkazmi-history-filter-actions .btn{
        width: 100%;
    }

    .gkazmi-history-active-filters{
        align-items: flex-start;
        flex-direction: column;
    }

    .gkazmi-history-filter-chips{
        width: 100%;
    }
}

/* GKAZMI_CRON_HISTORY_FILTER_UX_CONSOLIDATION_END */


/* === GKazmi UI Route Source: cronjobs-management.css === */
/* CronJobs Management page styles externalized in Phase 14.6 */
    .sidebar{width:260px;background:var(--sidebar-bg);border-right:1px solid rgba(0,0,0,.05);transition:.3s;z-index:1000;}
    .nav-link{color:var(--text-muted);padding:.75rem 1.5rem;margin:.25rem 1rem;border-radius:.5rem;display:flex;align-items:center;transition:.2s;}
    .nav-link:hover{background:rgba(67,97,238,.1);color:var(--primary);}
    .nav-link i{width:24px;margin-right:12px;font-size:1.1rem;}
    .nav-link.active{color:#fff;background:var(--primary);box-shadow:0 4px 6px -1px rgba(67,97,238,.3);}
    .nav-link.active:hover{background:var(--secondary);}
    .form-card{background:var(--card-bg);border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:2rem;border:1px solid rgba(0,0,0,.05);}
    #sidebarToggle{position:fixed;top:1rem;left:1rem;z-index:1100;background:var(--primary);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.15);}
    @media (max-width:992px){.sidebar{position:fixed;left:-260px;height:100vh}.sidebar.active{left:0}.main-content{margin-left:0!important}.form-card{padding:1.5rem}}
    .badge-on{background:#16a34a;} .badge-off{background:#6c757d;} .badge-warn{background:#f59e0b;}
    /* URL clamp (do NOT apply line-clamp directly to <td> because it breaks table layout in some browsers) */
    td.col-url{vertical-align:top;}
    .url-clamp{max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25;}
  
/* === Unified dashboard-style sidebar look (injected) === */


/* === Compact table, only URL is wide; Last Run small === */
.cronjobs-table{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0;}
.cronjobs-table th,
.cronjobs-table td{vertical-align:middle;padding:.35rem .45rem;font-size:14px;}
.cronjobs-table tbody td:not(:nth-child(6)):not(:last-child),
.cronjobs-table thead th:not(:nth-child(6)):not(:last-child){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cronjobs-table tbody td:nth-child(6){white-space:normal;overflow-wrap:anywhere;word-break:break-word;} /* URL */
.cronjobs-table tbody td:nth-child(9),
.cronjobs-table tbody td:nth-child(10){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cronjobs-table tbody td:last-child{white-space:nowrap;overflow:visible;}

@media (max-width: 768px){
  .table-responsive .cronjobs-table{ min-width: 0 !important; width: 100% !important; }
  .cronjobs-table .col-user,
.cronjobs-table .col-method,
.cronjobs-table .col-url,
.cronjobs-table .col-next-run,
.cronjobs-table .col-last-run,
.cronjobs-table .col-last-status{ display:none !important; }
  .cronjobs-table td,
.cronjobs-table th{ white-space:nowrap; }
  .cronjobs-table td.col-title{ white-space:normal; max-width: 260px; }
}

/* Force icon colors by href (no layout changes) */


/* === colorful banners (2025-10-19T05:02:48) === */


/* Apply to common banner containers */


/* Titles and small subtitle text inside banners */


/* Optional corner style seen in your screenshots */


/* Ensure icons in the banner are bright */


/* === end colorful banners === */

/* === colorful modals + icons (2025-10-19T05:10:01) === */


/* Modal container */


/* Header bar */


/* Inputs focus ring */


/* Footer buttons */


/* Add colorful emoji icons to common action buttons */


/* Colored field prefix icons (emoji) */


/* Ensure label icons inherit colorful gradient look subtly */


/* === end colorful modals + icons === */

/* === emoji label icons (2025-10-19T05:18:38) === */

/* Emoji label icons */


/* Ensure spacing consistent even if no emoji injected */


/* === emoji flat colors (2025-10-19T05:25:48) === */

/* Ensure modal label emojis render with native emoji colors (no gradient fill) */


/* === emoji map update (2025-10-19T05:32:18) === */

/* Slightly larger emoji for key fields */


/* === emoji formscope fix (2025-10-19T05:36:58) === */

/* Emoji label baseline for all forms (not sidebar) */

 /* don't affect sidebar */

/* GKAZMI_SURGICAL_CRONJOBS_MOBILE_BEGIN */
.cj-summary-head{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
}
.cj-summary-left{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
}
.cj-total-summary{ min-width: max-content; }
.cj-bulk-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cj-bulk-actions[hidden]{ display: none !important; }
.cj-page-counter{
  flex: 0 0 auto;
  white-space: nowrap;
  padding-top: .45rem;
}
@media (max-width: 768px) {
  .cj-summary-head{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .cj-summary-left{
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 10px;
  }
  .cj-total-summary{
    min-width: 0;
    width: 100%;
  }
  .cj-bulk-actions:not([hidden]){
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    width: 100%;
  }
  .cj-bulk-actions .btn{
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 7px 5px;
    margin: 0;
    font-size: clamp(.72rem, 3vw, .88rem);
    line-height: 1.12;
    white-space: normal;
    border-radius: 10px;
  }
  .cj-page-counter{
    width: 100%;
    padding-top: 0;
    text-align: left;
    white-space: normal;
  }
}
@media (max-width: 390px) {
  .cj-bulk-actions:not([hidden]){
    grid-template-columns: 1fr;
  }
}
/* GKAZMI_SURGICAL_CRONJOBS_MOBILE_END */

/* GKAZMI_INLINE_SELECTION_ACTIONS_BEGIN */
.gkazmi-cronjobs-operations-controls,
.gkazmi-cronjobs-operations-hint{
  display: none !important;
}

.gkazmi-inline-selection-actions{
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: .5rem;
}

.gkazmi-inline-selection-actions[hidden]{ display: none !important; }
.gkazmi-inline-selection-actions .btn{ margin: 0 !important; }

@media (max-width: 767.98px) {
  .gkazmi-inline-selection-actions{
    width: 100%;
    margin-left: 0;
    justify-content: stretch;
  }
  .gkazmi-inline-selection-actions .btn{ flex: 1 1 100%; }
}
/* GKAZMI_INLINE_SELECTION_ACTIONS_END */


/* === GKazmi UI Route Source: dhru-cronjobs-management-edit.css === */
/*
 * 
 * Derived from the live Manual CronJobs Management edit-modal polish.
 * DHRU data/backend remain separate.
 */
/*
 *
 * Presentation/scanning polish only.
 * Existing selection/live-search/action layers remain authoritative.
 */

body.gkazmi-route-dhru-auto-sync{
    --gkazmi-cj4-border: rgba(148, 163, 184, 0.22);
    --gkazmi-cj4-border-strong: rgba(148, 163, 184, 0.34);
    --gkazmi-cj4-surface: rgba(255, 255, 255, 0.9);
    --gkazmi-cj4-soft: rgba(248, 250, 252, 0.9);
    
    --gkazmi-cj4-shadow: 0 14px 38px rgba(15, 23, 42, 0.07);
}

/* Search / filtering */

body.gkazmi-route-dhru-auto-sync #gkazmiCronjobsGlobalSearchForm{
    position: relative;
}

body.gkazmi-route-dhru-auto-sync :is(
    #gkazmiCronjobsGlobalSearchInput,
    #gkazmiCronjobsUsernameFilter
){
    min-height: 42px;
    border-color: var(--gkazmi-cj4-border-strong);
    border-radius: 10px;
}

body.gkazmi-route-dhru-auto-sync :is(
    #gkazmiCronjobsGlobalSearchInput,
    #gkazmiCronjobsUsernameFilter
):focus{
    border-color: rgba(59, 130, 246, 0.64);
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.12);
}

body.gkazmi-route-dhru-auto-sync #gkazmiCronjobsGlobalSearchForm .btn{
    min-height: 42px;
    border-radius: 10px;
    font-weight: 650;
}

/* Server-authoritative selection bar.
 * Do not alter display/hidden ownership.
 */

body.gkazmi-route-dhru-auto-sync .gkazmi-cronjobs-selection-actions{
    border: 1px solid var(--gkazmi-cj4-border);
    border-radius: 12px;
    background: var(--gkazmi-cj4-soft);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

body.gkazmi-route-dhru-auto-sync .gkazmi-cronjobs-selection-count{
    font-weight: 700;
}

body.gkazmi-route-dhru-auto-sync #cjBulkActions{
    gap: 0.45rem;
}

body.gkazmi-route-dhru-auto-sync #cjBulkActions .btn{
    min-height: 38px;
    border-radius: 9px;
    font-weight: 650;
}

/* Operational table */

body.gkazmi-route-dhru-auto-sync .cronjobs-table-wrap{
    position: relative;
    border: 1px solid var(--gkazmi-cj4-border);
    border-radius: 14px;
    background: var(--gkazmi-cj4-surface);
    box-shadow: var(--gkazmi-cj4-shadow);
}

body.gkazmi-route-dhru-auto-sync .canonical-cronjobs-table{
    margin-bottom: 0;
}

body.gkazmi-route-dhru-auto-sync .canonical-cronjobs-table thead th{
    position: sticky;
    top: 0;
    z-index: 3;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 0.71rem;
    font-weight: 760;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

body.gkazmi-route-dhru-auto-sync .canonical-cronjobs-table tbody td{
    vertical-align: middle;
}

body.gkazmi-route-dhru-auto-sync .canonical-cronjobs-table tbody tr:hover{
    background: rgba(59, 130, 246, 0.035);
}

body.gkazmi-route-dhru-auto-sync .canonical-cronjobs-table .col-url{
    max-width: 360px;
}

body.gkazmi-route-dhru-auto-sync .canonical-cronjobs-table .col-url :is(
    a,
    span,
    code
){
    overflow-wrap: anywhere;
}

body.gkazmi-route-dhru-auto-sync .canonical-cronjobs-table :is(
    .col-next-run,
    .col-last-run
){
    min-width: 150px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

body.gkazmi-route-dhru-auto-sync .canonical-cronjobs-table .col-interval{
    min-width: 105px;
    white-space: nowrap;
}

body.gkazmi-route-dhru-auto-sync .canonical-cronjobs-table .col-enabled{
    min-width: 90px;
    text-align: center;
}

body.gkazmi-route-dhru-auto-sync .canonical-cronjobs-table .cj-actions-cell{
    min-width: 132px;
}

body.gkazmi-route-dhru-auto-sync .canonical-cronjobs-table .cj-actions-cell .btn{
    min-width: 34px;
    min-height: 34px;
    border-radius: 8px;
}

body.gkazmi-route-dhru-auto-sync .canonical-cronjobs-table .badge{
    white-space: nowrap;
    font-weight: 700;
}

/* Selection controls */

body.gkazmi-route-dhru-auto-sync :is(
    #selectAll,
    .row-select
){
    width: 1.05rem;
    height: 1.05rem;
    cursor: pointer;
}

/* Edit modal */


body.gkazmi-route-dhru-auto-sync #dhruEditModal .modal-title{
    font-weight: 760;
    letter-spacing: -0.01em;
}


body.gkazmi-route-dhru-auto-sync #dhruEditModal .modal-footer{
    gap: 0.5rem;
    padding: 0.9rem 1.15rem;
}


body.gkazmi-route-dhru-auto-sync #dhruEditModal :is(
    .form-control,
    .form-select
){
    min-height: 42px;
    border-color: var(--gkazmi-cj4-border-strong);
    border-radius: 10px;
}

body.gkazmi-route-dhru-auto-sync #dhruEditModal textarea.form-control{
    min-height: 96px;
    resize: vertical;
}

body.gkazmi-route-dhru-auto-sync #dhruEditModal :is(
    .form-control,
    .form-select
):focus{
    border-color: rgba(59, 130, 246, 0.64);
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.12);
}

/* Advanced section */

body.gkazmi-route-dhru-auto-sync #editAdvHead .accordion-button{
    min-height: 44px;
    font-weight: 700;
}

body.gkazmi-route-dhru-auto-sync #editAdvBody .accordion-body{
    padding: 1rem;
}

body.gkazmi-route-dhru-auto-sync #editAdvBody .form-text{
    line-height: 1.45;
}

/* Focus visibility */

body.gkazmi-route-dhru-auto-sync :is(
    button,
    a,
    input,
    select,
    textarea
):focus-visible{
    outline: 3px solid rgba(59, 130, 246, 0.24);
    outline-offset: 2px;
}

/* AJAX visual feedback only.
 * Existing JS owns loading state and replacement behavior.
 */

body.gkazmi-route-dhru-auto-sync #gkazmiCronjobsAjaxResults{
    transition:
        opacity 0.12s ease,
        filter 0.12s ease;
}

body.gkazmi-route-dhru-auto-sync #gkazmiCronjobsAjaxResults.gkazmi-live-search-loading{
    filter: saturate(0.88);
}

/* Responsive */

@media (max-width: 1199.98px){
    body.gkazmi-route-dhru-auto-sync .cronjobs-table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 991.98px) {
    body.gkazmi-route-dhru-auto-sync #dhruEditModal .modal-dialog{
        margin: 0.75rem;
    }

    body.gkazmi-route-dhru-auto-sync .gkazmi-cronjobs-selection-actions{
        align-items: stretch;
    }
}

@media (max-width: 767.98px) {
    body.gkazmi-route-dhru-auto-sync :is(
        #gkazmiCronjobsGlobalSearchInput,
        #gkazmiCronjobsUsernameFilter
    ){
        width: 100%;
    }

    body.gkazmi-route-dhru-auto-sync #dhruEditModal .modal-dialog{
        margin: 0.5rem;
    }

    body.gkazmi-route-dhru-auto-sync #dhruEditModal .modal-body{
        padding: 0.95rem;
    }

    body.gkazmi-route-dhru-auto-sync #cjBulkActions{
        width: 100%;
        flex-wrap: wrap;
    }

    body.gkazmi-route-dhru-auto-sync #cjBulkActions .btn{
        flex: 1 1 150px;
    }

    body.gkazmi-route-dhru-auto-sync .canonical-cronjobs-table :is(
        .col-next-run,
        .col-last-run
    ){
        min-width: 135px;
    }
}


/* ==========================================================
   GKAZMI_DHRU_EDIT_MODAL_COLOUR_POLISH
   ========================================================== */

body.gkazmi-route-dhru-auto-sync
#dhruEditModal .modal-content{
    border: 0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 24px 70px
        rgba(15,23,42,.22);
}

body.gkazmi-route-dhru-auto-sync
#dhruEditModal .modal-header{
    padding: 18px 22px;
    background:
        linear-gradient(
            135deg,
            #fbfdff,
            #f6f8ff
        );
    border-bottom:
        1px solid #e7ebf3;
}

body.gkazmi-route-dhru-auto-sync
#dhruEditModal .modal-body{
    padding: 20px 22px 18px;
}

body.gkazmi-route-dhru-auto-sync
#dhruEditModal .modal-footer{
    padding: 14px 22px 18px;
    background: #f8fafc;
    border-top:
        1px solid #e7ebf3;
}

body.gkazmi-route-dhru-auto-sync
#dhruEditModal .form-label{
    display: flex;
    align-items: center;
    gap: 7px;

    margin-bottom: 7px;

    color: #334155;

    font-size: .86rem;
    font-weight: 750;
}

body.gkazmi-route-dhru-auto-sync
#dhruEditModal .dhru-edit-icon{
    display: inline-grid;
    place-items: center;

    width: 25px;
    height: 25px;

    flex: 0 0 25px;

    border-radius: 8px;

    font-size: .72rem;
}

body.gkazmi-route-dhru-auto-sync
#dhruEditModal .dhru-edit-title{
    color: #6656dd;
    background: #eeeafd;
}

body.gkazmi-route-dhru-auto-sync
#dhruEditModal .dhru-edit-method{
    color: #8b5cf6;
    background: #f2eafe;
}

body.gkazmi-route-dhru-auto-sync
#dhruEditModal .dhru-edit-url{
    color: #0ea5e9;
    background: #e7f6fd;
}

body.gkazmi-route-dhru-auto-sync
#dhruEditModal .dhru-edit-interval{
    color: #f59e0b;
    background: #fff5db;
}

body.gkazmi-route-dhru-auto-sync
#dhruEditModal .dhru-edit-status{
    color: #16a34a;
    background: #e7f7ed;
}

body.gkazmi-route-dhru-auto-sync
#dhruEditModal
:is(.form-control,.form-select){
    min-height: 42px;

    border-color: #cfd8e7;
    border-radius: 10px;

    box-shadow: none;
}

body.gkazmi-route-dhru-auto-sync
#dhruEditModal
:is(.form-control,.form-select):focus{
    border-color: #6656dd;

    box-shadow:
        0 0 0 3px
        rgba(102,86,221,.10);
}

body.gkazmi-route-dhru-auto-sync
#dhruEditModal .form-text{
    margin-top: 6px;

    color: #64748b;

    font-size: .78rem;
}

body.gkazmi-route-dhru-auto-sync
#dhruEditModal #dhruEditSaveButton{
    min-width: 142px;

    border-radius: 10px;

    font-weight: 750;
}


/* === GKazmi UI Route Source: dhru-manual-feature-parity.css === */
[data-gk-dhru-panel="management"],
[data-gk-dhru-panel="history"]{--dp-border:#dbe3ef;--dp-purple:#6656dd;--dp-muted:#64748b}
[data-gk-dhru-panel="management"] .gkazmi-table-tools,
[data-gk-dhru-panel="management"] .gkazmi-table-workspace-toolbar,
[data-gk-dhru-panel="management"] .gkazmi-table-workspace-tools,
[data-gk-dhru-panel="management"] .gkazmi-table-search-wrap,
[data-gk-dhru-panel="history"] .gkazmi-table-tools,
[data-gk-dhru-panel="history"] .gkazmi-table-workspace-toolbar,
[data-gk-dhru-panel="history"] .gkazmi-table-workspace-tools,
[data-gk-dhru-panel="history"] .gkazmi-table-search-wrap{display:none!important}
.dhru-parity-shell{background:#fff;border:1px solid var(--dp-border);border-radius:14px;padding:14px;margin-bottom:14px}.dhru-parity-toolbar,
.dhru-parity-actions,
.dhru-parity-selection{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dhru-parity-search{flex:1 1 420px;min-width:240px}.dhru-parity-user,
.dhru-parity-run{flex:0 1 230px;min-width:160px}.dhru-parity-meta{margin-left:auto;color:var(--dp-muted);font-size:.82rem;white-space:nowrap}.dhru-parity-actions{margin-top:10px}.dhru-parity-btn{border:1px solid var(--dp-border);background:#fff;border-radius:9px;min-height:38px;padding:7px 12px;font-weight:700}.dhru-parity-btn.primary{background:var(--dp-purple);color:#fff;border-color:var(--dp-purple)}.dhru-parity-dropdown{position:relative}.dhru-parity-menu{position:absolute;z-index:100;right:0;top:calc(100% + 6px);min-width:220px;max-height:320px;overflow:auto;padding:8px;background:#fff;border:1px solid var(--dp-border);border-radius:10px;box-shadow:0 14px 32px rgba(15,23,42,.13);display:none}.dhru-parity-menu.open{display:block}.dhru-parity-menu label,
.dhru-parity-menu button{width:100%;display:flex;gap:8px;align-items:center;padding:7px 8px;border:0;background:transparent;border-radius:7px;text-align:left}.dhru-parity-saved{min-width:160px;max-width:260px}.dhru-parity-selection{display:none;margin-top:10px;padding:10px;border:1px solid #c7d2fe;background:#eef2ff;border-radius:10px}.dhru-parity-selection.active{display:flex}.dhru-parity-table-wrap{width:100%;overflow:auto}[data-gk-dhru-panel="management"] table,
[data-gk-dhru-panel="history"] table{width:100%!important;table-layout:auto}[data-gk-dhru-panel="management"] table{min-width:1180px!important}[data-gk-dhru-panel="history"] table{min-width:980px!important}.dhru-density-compact table th,
.dhru-density-compact table td{padding-top:.38rem!important;padding-bottom:.38rem!important;font-size:.82rem}.dhru-density-dense table th,
.dhru-density-dense table td{padding-top:.22rem!important;padding-bottom:.22rem!important;font-size:.76rem}.dhru-parity-checkbox{width:16px;height:16px}.dhru-parity-hidden{display:none!important}@media(max-width:800px){.dhru-parity-toolbar>*{flex:1 1 100%;max-width:none}.dhru-parity-meta{margin-left:0}}


.dhru-five-override-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px 16px;
    text-align:left;
}

.dhru-five-override-field.span-2{
    grid-column:1/-1;
}

.dhru-five-override-label{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:7px;
    color:#334155;
    font-weight:700;
}

.dhru-five-override-label i{
    width:17px;
    text-align:center;
    color:#6656dd;
}

.dhru-five-override-field .form-control,
.dhru-five-override-field .form-select{
    min-height:42px;
    border-radius:10px;
}

.dhru-five-override-help{
    margin-top:5px;
    color:#64748b;
    font-size:.78rem;
}

@media(max-width:700px){
    .dhru-five-override-grid{
        grid-template-columns:1fr;
    }

    .dhru-five-override-field.span-2{
        grid-column:auto;
    }
}


/*
 * Compact desktop editor.
 * Keep the canonical global popup; only DHRU editor geometry changes.
 */
#gkazmiGlobalPopup.dhru-five-field-override .gkazmi-popup-dialog{
    width:min(920px,calc(100vw - 32px)) !important;
    max-width:920px !important;

    height:auto !important;
    min-height:0 !important;
    max-height:calc(100vh - 40px) !important;

    display:flex !important;
    flex-direction:column !important;

    overflow:hidden !important;
}

#gkazmiGlobalPopup.dhru-five-field-override .gkazmi-popup-body{
    height:auto !important;
    min-height:0 !important;

    max-height:calc(100vh - 190px) !important;

    overflow-y:auto !important;
    overflow-x:hidden !important;

    padding:18px 24px 10px !important;
}

/*
 * Remove inherited large spacing/min-heights from global form rules.
 */


#gkazmiGlobalPopup.dhru-five-field-override
.dhru-five-override-label i{
    width:17px !important;
    flex:0 0 17px !important;

    text-align:center !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
.dhru-five-override-field .form-control,
#gkazmiGlobalPopup.dhru-five-field-override
.dhru-five-override-field .form-select{
    display:block !important;

    width:100% !important;

    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;

    margin:0 !important;

    padding-top:8px !important;
    padding-bottom:8px !important;

    line-height:1.3 !important;
}


/*
 * Keep global popup footer directly below the form.
 */
#gkazmiGlobalPopup.dhru-five-field-override
.gkazmi-popup-actions{
    flex:0 0 auto !important;

    min-height:0 !important;

    margin:0 !important;

    padding:14px 24px 18px !important;

    gap:10px !important;
}

/*
 * Some global popup implementations use this ID rather than only class.
 */
#gkazmiGlobalPopup.dhru-five-field-override
#gkazmiPopupActions{
    flex:0 0 auto !important;

    min-height:0 !important;

    margin:0 !important;

    padding-top:14px !important;
    padding-bottom:18px !important;
}

/*
 * Desktop should not need an inner scrollbar for five fields.
 */
@media (min-width:701px) and (min-height:650px){

    #gkazmiGlobalPopup.dhru-five-field-override
    .gkazmi-popup-body{
        overflow-y:visible !important;
        max-height:none !important;
    }

    #gkazmiGlobalPopup.dhru-five-field-override
    .gkazmi-popup-dialog{
        overflow:visible !important;
        max-height:none !important;
    }
}

/*
 * Small screens remain safely scrollable.
 */
@media (max-width:700px){

    

    #gkazmiGlobalPopup.dhru-five-field-override
    .gkazmi-popup-body{
        max-height:calc(100vh - 180px) !important;

        overflow-y:auto !important;

        padding:16px !important;
    }

    

    
}


/* ==========================================================
   
   Compact Manual-style popup geometry
   ========================================================== */


/* Main popup */


/* Header must remain compact */


/* Critical fix:
   global popup body must NOT behave like a stretched flex column */


/* Form itself must never stretch */


/* Exact 3-row layout */


/* Individual fields */
#gkazmiGlobalPopup.dhru-five-field-override
.dhru-five-override-field{
    display:block !important;

    position:static !important;

    width:auto !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    align-self:start !important;

    margin:0 !important;
    padding:0 !important;
}

/* URL occupies full second row */


/* Labels immediately above controls */
#gkazmiGlobalPopup.dhru-five-field-override
.dhru-five-override-label{
    display:flex !important;
    align-items:center !important;

    gap:7px !important;

    width:auto !important;

    height:auto !important;
    min-height:0 !important;

    margin:0 0 7px 0 !important;
    padding:0 !important;

    line-height:20px !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
.dhru-five-override-label i{
    width:17px !important;
    min-width:17px !important;

    text-align:center !important;

    color:#6656dd !important;
}

/* All 5 controls identical compact height */
#gkazmiGlobalPopup.dhru-five-field-override
.dhru-five-override-field input.form-control,
#gkazmiGlobalPopup.dhru-five-field-override
.dhru-five-override-field select.form-select{
    display:block !important;

    width:100% !important;

    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;

    margin:0 !important;

    padding:8px 12px !important;

    line-height:24px !important;
}

/* FAST/SLOW text sits directly below interval */


/* Compact footer immediately beneath row 3 */


/* Do not let any global rule stretch popup children */
#gkazmiGlobalPopup.dhru-five-field-override
.gkazmi-popup-dialog > *{
    flex-grow:0 !important;
    flex-shrink:0 !important;
}

/* Desktop = absolutely no inner scrollbar */
@media (min-width:701px){

    #gkazmiGlobalPopup.dhru-five-field-override
    .gkazmi-popup-dialog,

    #gkazmiGlobalPopup.dhru-five-field-override
    .gkazmi-popup-body,

    #gkazmiGlobalPopup.dhru-five-field-override
    #gkazmiPopupBody{
        overflow:visible !important;
    }
}

/* Mobile can scroll safely */
@media (max-width:700px){

    

    #gkazmiGlobalPopup.dhru-five-field-override
    .gkazmi-popup-body,

    #gkazmiGlobalPopup.dhru-five-field-override
    #gkazmiPopupBody{
        max-height:calc(100vh - 180px) !important;

        overflow-y:auto !important;

        padding:14px 16px !important;
    }

    #gkazmiGlobalPopup.dhru-five-field-override
    .dhru-five-override-grid{
        grid-template-columns:1fr !important;
        grid-template-rows:auto !important;

        row-gap:14px !important;
    }

    
}


#gkazmiGlobalPopup.dhru-five-field-override .dhru-five-override-field input.form-control,
#gkazmiGlobalPopup.dhru-five-field-override .dhru-five-override-field select.form-select{
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    margin:0 !important;
}


@media(max-width:700px){
    

    

    

    
}


#gkazmiGlobalPopup.dhru-five-field-override{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:auto !important;
    padding:16px !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
.gkazmi-popup-dialog{
    display:block !important;

    width:min(880px,calc(100vw - 32px)) !important;
    max-width:880px !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:auto !important;
    padding:0 !important;

    overflow:visible !important;

    flex:0 0 auto !important;

    align-self:center !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
.gkazmi-popup-content{
    display:block !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    overflow:visible !important;

    flex:0 0 auto !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
.gkazmi-popup-header{
    display:block !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;
    padding:18px 22px 8px !important;

    flex:0 0 auto !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
.gkazmi-popup-icon{
    margin:0 auto 8px !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
.gkazmi-popup-title{
    margin:0 !important;
    padding:0 !important;
    line-height:1.2 !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
.gkazmi-popup-message,
#gkazmiGlobalPopup.dhru-five-field-override
#gkazmiPopupMessage{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    flex:0 0 auto !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
.gkazmi-popup-message:empty,
#gkazmiGlobalPopup.dhru-five-field-override
#gkazmiPopupMessage:empty{
    display:none !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
.gkazmi-popup-body,
#gkazmiGlobalPopup.dhru-five-field-override
#gkazmiPopupBody{
    display:block !important;

    width:100% !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;
    padding:14px 22px 8px !important;

    overflow:visible !important;

    flex:0 0 auto !important;

    align-items:initial !important;
    justify-content:initial !important;
    align-content:initial !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
#gkDhruFiveFieldOverrideForm{
    display:block !important;

    width:100% !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    flex:0 0 auto !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
.dhru-five-override-grid{
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr) !important;

    grid-template-rows:
        auto
        auto
        auto !important;

    grid-auto-rows:auto !important;

    column-gap:16px !important;
    row-gap:14px !important;

    align-items:start !important;
    align-content:start !important;
    justify-content:stretch !important;

    width:100% !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    flex:0 0 auto !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
.dhru-five-override-field{
    display:block !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    align-self:start !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
.dhru-five-override-field.span-2{
    grid-column:1 / -1 !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
.dhru-five-override-label{
    display:flex !important;
    align-items:center !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 0 6px !important;
    padding:0 !important;

    line-height:20px !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
.dhru-five-override-field
.form-control,
#gkazmiGlobalPopup.dhru-five-field-override
.dhru-five-override-field
.form-select{
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;

    margin:0 !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
.dhru-five-override-help{
    display:block !important;

    height:auto !important;
    min-height:0 !important;

    margin:5px 0 0 !important;
    padding:0 !important;

    line-height:18px !important;
}

#gkazmiGlobalPopup.dhru-five-field-override
.gkazmi-popup-actions,
#gkazmiGlobalPopup.dhru-five-field-override
#gkazmiPopupActions{
    display:flex !important;

    align-items:center !important;
    justify-content:flex-end !important;

    gap:10px !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;
    padding:12px 22px 16px !important;

    flex:0 0 auto !important;

    border-top:1px solid #e2e8f0 !important;
}

@media(max-width:700px){
    #gkazmiGlobalPopup.dhru-five-field-override{
        align-items:flex-start !important;
        padding:10px !important;
    }

    #gkazmiGlobalPopup.dhru-five-field-override
    .gkazmi-popup-dialog{
        width:100% !important;
        max-height:calc(100vh - 20px) !important;
        overflow:hidden !important;
    }

    #gkazmiGlobalPopup.dhru-five-field-override
    .gkazmi-popup-body,
#gkazmiGlobalPopup.dhru-five-field-override
    #gkazmiPopupBody{
        max-height:calc(100vh - 170px) !important;
        overflow-y:auto !important;
    }

    #gkazmiGlobalPopup.dhru-five-field-override
    .dhru-five-override-grid{
        grid-template-columns:1fr !important;
    }

    #gkazmiGlobalPopup.dhru-five-field-override
    .dhru-five-override-field.span-2{
        grid-column:auto !important;
    }
}

/* ==========================================================
   GKAZMI_DHRU_CONTROL_DOMAIN_POLISH
   ========================================================== */

body.gkazmi-dhru-control-polished{
    --dhru-primary: #6656dd;
    --dhru-primary-soft: #eeeafd;

    --dhru-blue: #0ea5e9;
    --dhru-blue-soft: #e8f7fd;

    --dhru-green: #16a34a;
    --dhru-green-soft: #e7f7ed;

    --dhru-amber: #f59e0b;
    --dhru-amber-soft: #fff5db;

    --dhru-border: #dce4ef;
}

/* Cards */
body.gkazmi-dhru-control-polished
:is(
    .card,
    .dhru-console-card,
    .dhru-domain-card,
    .dhru-admin-card
){
    border-color:
        var(--dhru-border);

    border-radius: 16px;

    box-shadow:
        0 10px 28px
        rgba(15,23,42,.045);
}

/* Primary action */
body.gkazmi-dhru-control-polished
.btn-primary{
    border-color:
        var(--dhru-primary);

    background:
        var(--dhru-primary);

    box-shadow:
        0 6px 16px
        rgba(102,86,221,.15);
}

body.gkazmi-dhru-control-polished
.btn-primary:hover{
    border-color: #5748cc;
    background: #5748cc;
}

/* Review First */
body.gkazmi-dhru-control-polished
.alert-warning{
    border:
        1px solid #f1d798;

    border-radius: 13px;

    background: #fff9e8;

    color: #8a460a;
}

/* Input / command-import area */
body.gkazmi-dhru-control-polished
textarea.form-control{
    border-color: #ccd7e6;
    border-radius: 12px;

    background: #fbfdff;
}

body.gkazmi-dhru-control-polished
textarea.form-control:focus{
    border-color:
        var(--dhru-primary);

    box-shadow:
        0 0 0 3px
        rgba(102,86,221,.09);
}

/* Heading icons */
body.gkazmi-dhru-control-polished
.dhru-polish-icon{
    display: inline-grid;
    place-items: center;

    width: 32px;
    height: 32px;

    margin-right: 8px;

    border-radius: 10px;

    vertical-align: middle;

    font-size: .78em;
}

body.gkazmi-dhru-control-polished
.dhru-polish-purple{
    color: var(--dhru-primary);
    background: var(--dhru-primary-soft);
}

body.gkazmi-dhru-control-polished
.dhru-polish-blue{
    color: var(--dhru-blue);
    background: var(--dhru-blue-soft);
}

body.gkazmi-dhru-control-polished
.dhru-polish-green{
    color: var(--dhru-green);
    background: var(--dhru-green-soft);
}

body.gkazmi-dhru-control-polished
.dhru-polish-amber{
    color: var(--dhru-amber);
    background: var(--dhru-amber-soft);
}

/* Status */
body.gkazmi-dhru-control-polished
:is(
    .badge.bg-success,
    .badge.text-bg-success
){
    background: #16a34a !important;
}

body.gkazmi-dhru-control-polished
:is(
    .badge.bg-primary,
    .badge.text-bg-primary
){
    background: #6656dd !important;
}

/* Small interaction polish */
body.gkazmi-dhru-control-polished
:is(.card,a,button){
    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        background-color .15s ease,
        color .15s ease,
        transform .15s ease;
}

body.gkazmi-dhru-control-polished
.card:hover{
    border-color: #c9d3e2;
}


/* === GKazmi UI Route Source: gkazmi-communication-audited-icon-polish.css === */
/* GKazmi audited Communication Automation icon polish */

.gk-comm-polished{
    border: 1px solid #e1e7f0 !important;
    border-radius: 18px !important;
    overflow: hidden;
    box-shadow: 0 8px 26px rgba(30,45,75,.045) !important;
}

.gk-comm-section-title{
    display: flex;
    align-items: center;
    gap: 11px;
}

.gk-comm-section-icon{
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 16px;
}

.gk-comm-section-title strong{
    display: block;
    color: #192338;
    font-size: 15px;
    font-weight: 800;
}

.gk-comm-section-title small{
    display: block;
    margin-top: 2px;
    color: #7b8699;
    font-size: 11px;
    font-weight: 500;
}

.gk-comm-rules .gk-comm-section-icon{
    color: #dc6b24;
    background: #fff0e7;
}

.gk-comm-templates .gk-comm-section-icon{
    color: #6547da;
    background: #efebff;
}

.gk-comm-workflows .gk-comm-section-icon{
    color: #2576c6;
    background: #eaf4ff;
}

.gk-comm-polished thead th{
    padding: 12px 10px;
    background: #f8faff;
    color: #68758d;
    border-bottom-width: 1px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.gk-comm-polished tbody td{
    padding-top: 13px;
    padding-bottom: 13px;
    vertical-align: middle;
}

.gk-comm-polished tbody tr:hover{
    background: #fafbfe;
}

.gk-comm-row-icon{
    width: 30px;
    height: 30px;
    margin-right: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #6547da;
    background: #f0edff;
    vertical-align: middle;
}

.gk-comm-rules .gk-comm-row-icon{
    color: #d86624;
    background: #fff0e7;
}

.gk-comm-polished .btn{
    border-radius: 9px;
}

.gk-comm-polished .badge{
    border-radius: 999px;
    padding: 6px 9px;
}

.gk-comm-polished .form-switch .form-check-input{
    cursor: pointer;
}

.gk-comm-polished input[type="search"]{
    border-radius: 10px;
}

.gk-comm-workflows .workflow-blueprint-card,
.gk-comm-workflows .gkazmi-workflow-card{
    border-radius: 16px !important;
    border-color: #e1e7f0 !important;
}

@media (max-width: 767px) {
    .gk-comm-section-title small{
        display: none;
    }
}


/* === GKazmi UI Route Source: gkazmi-communication-notification-center.css === */
/*
 * GKazmi Communication Automation
 * Modern Notification Center
 */

#notification-settings.gkazmi-notification-center{
    position: relative;
    overflow: hidden;
}

.gkazmi-notification-center__hero{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 24px;
    margin-bottom: 20px;
    border: 1px solid #dfe6f4;
    border-radius: 18px;
    background:
        radial-gradient(circle at 92% 10%, rgba(99, 74, 240, .11), transparent 32%),
        linear-gradient(135deg, #ffffff 0%, #fbfcff 100%);
}

.gkazmi-notification-center__hero-main{
    display: flex;
    align-items: center;
    gap: 16px;
}

.gkazmi-notification-center__hero-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border-radius: 16px;
    background: #ece9ff;
    color: #6047df;
    font-size: 23px;
}

.gkazmi-notification-center__eyebrow{
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #6653db;
}

.gkazmi-notification-center__title{
    margin: 0 0 4px;
    font-size: 21px;
    font-weight: 800;
    color: #172033;
}

.gkazmi-notification-center__subtitle{
    margin: 0;
    color: #6c7890;
    font-size: 13px;
}

.gkazmi-notification-center__status{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    border-radius: 999px;
    background: #eafaf1;
    color: #118c52;
    font-weight: 800;
    font-size: 12px;
    white-space: nowrap;
}

.gkazmi-notification-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 22px;
}

.gkazmi-notification-card{
    position: relative;
    min-width: 0;
    padding: 18px;
    border: 1px solid #dee6f3;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(28, 44, 78, .045);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.gkazmi-notification-card:hover{
    transform: translateY(-2px);
    border-color: #cbd5eb;
    box-shadow: 0 12px 30px rgba(28, 44, 78, .08);
}

.gkazmi-notification-card__top{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

.gkazmi-notification-card__icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    font-size: 18px;
}

.gkazmi-notification-card__badge{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    background: #eef8f1;
    color: #12834c;
}

.gkazmi-notification-card h3{
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 800;
    color: #172033;
}

.gkazmi-notification-card p{
    margin: 0;
    min-height: 38px;
    color: #6b7890;
    font-size: 12px;
    line-height: 1.55;
}

.gkazmi-notification-card__footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-top: 13px;
    margin-top: 14px;
    border-top: 1px solid #edf1f7;
    color: #77839a;
    font-size: 11px;
}

.gkazmi-notification-card--telegram .gkazmi-notification-card__icon{
    background: #e7f5ff;
    color: #168bd2;
}

.gkazmi-notification-card--security .gkazmi-notification-card__icon{
    background: #f0eaff;
    color: #7247d8;
}

.gkazmi-notification-card--cron .gkazmi-notification-card__icon{
    background: #e9f9f0;
    color: #149457;
}

.gkazmi-notification-card--dhru .gkazmi-notification-card__icon{
    background: #fff3df;
    color: #dd8511;
}

.gkazmi-notification-card--price .gkazmi-notification-card__icon{
    background: #e9f7f7;
    color: #158b8b;
}

.gkazmi-notification-card--automation .gkazmi-notification-card__icon{
    background: #fff0e8;
    color: #d76526;
}

.gkazmi-notification-card--recovery .gkazmi-notification-card__icon{
    background: #eaf9f0;
    color: #128a50;
}

.gkazmi-notification-card--scheduled .gkazmi-notification-card__icon{
    background: #eef3ff;
    color: #4263d9;
}

.gkazmi-notification-center__existing{
    border-top: 1px solid #edf1f7;
    padding-top: 20px;
}

#notification-settings .form-check,
#notification-settings .list-group-item{
    border-radius: 12px;
}

#notification-settings button,
#notification-settings .btn{
    border-radius: 10px;
}

@media (max-width: 1200px) {
    .gkazmi-notification-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .gkazmi-notification-center__hero{
        align-items: flex-start;
        flex-direction: column;
    }

    .gkazmi-notification-grid{
        grid-template-columns: 1fr;
    }
}


/*
 *
 * Presentation/scanning polish only.
 * Existing selection/live-search/action layers remain authoritative.
 */

body.gkazmi-route-cronjobs-management{
    --gkazmi-cj4-border: rgba(148, 163, 184, 0.22);
    --gkazmi-cj4-border-strong: rgba(148, 163, 184, 0.34);
    --gkazmi-cj4-surface: rgba(255, 255, 255, 0.9);
    --gkazmi-cj4-soft: rgba(248, 250, 252, 0.9);
    
    --gkazmi-cj4-shadow: 0 14px 38px rgba(15, 23, 42, 0.07);
}

/* Search / filtering */

body.gkazmi-route-cronjobs-management #gkazmiCronjobsGlobalSearchForm{
    position: relative;
}

body.gkazmi-route-cronjobs-management :is(
    #gkazmiCronjobsGlobalSearchInput,
    #gkazmiCronjobsUsernameFilter
){
    min-height: 42px;
    border-color: var(--gkazmi-cj4-border-strong);
    border-radius: 10px;
}

body.gkazmi-route-cronjobs-management :is(
    #gkazmiCronjobsGlobalSearchInput,
    #gkazmiCronjobsUsernameFilter
):focus{
    border-color: rgba(59, 130, 246, 0.64);
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.12);
}

body.gkazmi-route-cronjobs-management #gkazmiCronjobsGlobalSearchForm .btn{
    min-height: 42px;
    border-radius: 10px;
    font-weight: 650;
}

/* Server-authoritative selection bar.
 * Do not alter display/hidden ownership.
 */

body.gkazmi-route-cronjobs-management .gkazmi-cronjobs-selection-actions{
    border: 1px solid var(--gkazmi-cj4-border);
    border-radius: 12px;
    background: var(--gkazmi-cj4-soft);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

body.gkazmi-route-cronjobs-management .gkazmi-cronjobs-selection-count{
    font-weight: 700;
}

body.gkazmi-route-cronjobs-management #cjBulkActions{
    gap: 0.45rem;
}

body.gkazmi-route-cronjobs-management #cjBulkActions .btn{
    min-height: 38px;
    border-radius: 9px;
    font-weight: 650;
}

/* Operational table */

body.gkazmi-route-cronjobs-management .cronjobs-table-wrap{
    position: relative;
    border: 1px solid var(--gkazmi-cj4-border);
    border-radius: 14px;
    background: var(--gkazmi-cj4-surface);
    box-shadow: var(--gkazmi-cj4-shadow);
}

body.gkazmi-route-cronjobs-management .canonical-cronjobs-table{
    margin-bottom: 0;
}

body.gkazmi-route-cronjobs-management .canonical-cronjobs-table thead th{
    position: sticky;
    top: 0;
    z-index: 3;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 0.71rem;
    font-weight: 760;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

body.gkazmi-route-cronjobs-management .canonical-cronjobs-table tbody td{
    vertical-align: middle;
}

body.gkazmi-route-cronjobs-management .canonical-cronjobs-table tbody tr:hover{
    background: rgba(59, 130, 246, 0.035);
}

body.gkazmi-route-cronjobs-management .canonical-cronjobs-table .col-url{
    max-width: 360px;
}

body.gkazmi-route-cronjobs-management .canonical-cronjobs-table .col-url :is(
    a,
    span,
    code
){
    overflow-wrap: anywhere;
}

body.gkazmi-route-cronjobs-management .canonical-cronjobs-table :is(
    .col-next-run,
    .col-last-run
){
    min-width: 150px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

body.gkazmi-route-cronjobs-management .canonical-cronjobs-table .col-interval{
    min-width: 105px;
    white-space: nowrap;
}

body.gkazmi-route-cronjobs-management .canonical-cronjobs-table .col-enabled{
    min-width: 90px;
    text-align: center;
}

body.gkazmi-route-cronjobs-management .canonical-cronjobs-table .cj-actions-cell{
    min-width: 132px;
}

body.gkazmi-route-cronjobs-management .canonical-cronjobs-table .cj-actions-cell .btn{
    min-width: 34px;
    min-height: 34px;
    border-radius: 8px;
}

body.gkazmi-route-cronjobs-management .canonical-cronjobs-table .badge{
    white-space: nowrap;
    font-weight: 700;
}

/* Selection controls */

body.gkazmi-route-cronjobs-management :is(
    #selectAll,
    .row-select
){
    width: 1.05rem;
    height: 1.05rem;
    cursor: pointer;
}

/* Edit modal */

body.gkazmi-route-cronjobs-management #editModal .modal-content{
    overflow: hidden;
    border: 1px solid var(--gkazmi-cj4-border);
    border-radius: 16px;
    box-shadow: 0 24px 72px rgba(15, 23, 42, 0.22);
}

body.gkazmi-route-cronjobs-management #editModal .modal-header{
    padding: 1rem 1.15rem;
}

body.gkazmi-route-cronjobs-management #editModal .modal-title{
    font-weight: 760;
    letter-spacing: -0.01em;
}

body.gkazmi-route-cronjobs-management #editModal .modal-body{
    padding: 1.15rem;
}

body.gkazmi-route-cronjobs-management #editModal .modal-footer{
    gap: 0.5rem;
    padding: 0.9rem 1.15rem;
}

body.gkazmi-route-cronjobs-management #editModal .form-label{
    margin-bottom: 0.38rem;
    font-size: 0.8rem;
    font-weight: 700;
}

body.gkazmi-route-cronjobs-management #editModal :is(
    .form-control,
    .form-select
){
    min-height: 42px;
    border-color: var(--gkazmi-cj4-border-strong);
    border-radius: 10px;
}

body.gkazmi-route-cronjobs-management #editModal textarea.form-control{
    min-height: 96px;
    resize: vertical;
}

body.gkazmi-route-cronjobs-management #editModal :is(
    .form-control,
    .form-select
):focus{
    border-color: rgba(59, 130, 246, 0.64);
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.12);
}

/* Advanced section */

body.gkazmi-route-cronjobs-management #editAdvHead .accordion-button{
    min-height: 44px;
    font-weight: 700;
}

body.gkazmi-route-cronjobs-management #editAdvBody .accordion-body{
    padding: 1rem;
}

body.gkazmi-route-cronjobs-management #editAdvBody .form-text{
    line-height: 1.45;
}

/* Focus visibility */

body.gkazmi-route-cronjobs-management :is(
    button,
    a,
    input,
    select,
    textarea
):focus-visible{
    outline: 3px solid rgba(59, 130, 246, 0.24);
    outline-offset: 2px;
}

/* AJAX visual feedback only.
 * Existing JS owns loading state and replacement behavior.
 */

body.gkazmi-route-cronjobs-management #gkazmiCronjobsAjaxResults{
    transition:
        opacity 0.12s ease,
        filter 0.12s ease;
}

body.gkazmi-route-cronjobs-management #gkazmiCronjobsAjaxResults.gkazmi-live-search-loading{
    filter: saturate(0.88);
}

/* Responsive */

@media (max-width: 1199.98px){
    body.gkazmi-route-cronjobs-management .cronjobs-table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 991.98px) {
    body.gkazmi-route-cronjobs-management #editModal .modal-dialog{
        margin: 0.75rem;
    }

    body.gkazmi-route-cronjobs-management .gkazmi-cronjobs-selection-actions{
        align-items: stretch;
    }
}

@media (max-width: 767.98px) {
    body.gkazmi-route-cronjobs-management :is(
        #gkazmiCronjobsGlobalSearchInput,
        #gkazmiCronjobsUsernameFilter
    ){
        width: 100%;
    }

    body.gkazmi-route-cronjobs-management #editModal .modal-dialog{
        margin: 0.5rem;
    }

    body.gkazmi-route-cronjobs-management #editModal .modal-body{
        padding: 0.95rem;
    }

    body.gkazmi-route-cronjobs-management #cjBulkActions{
        width: 100%;
        flex-wrap: wrap;
    }

    body.gkazmi-route-cronjobs-management #cjBulkActions .btn{
        flex: 1 1 150px;
    }

    body.gkazmi-route-cronjobs-management .canonical-cronjobs-table :is(
        .col-next-run,
        .col-last-run
    ){
        min-width: 135px;
    }
}


/* === GKazmi UI Route Source: gkazmi-dashboard-layout.css === */
/*
 * GKazmi Dashboard Exact V46
 */

body.gkazmi-dashboard
.gk-v46-kpi-grid{
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0,1fr)) !important;

    gap: 16px !important;

    width: 100% !important;
    max-width: none !important;

    margin:
        18px 0
        0 !important;

    padding: 0 !important;

    align-items: stretch !important;
}

body.gkazmi-dashboard
.gk-v46-kpi-grid
.gk-v46-kpi-cell{
    width: auto !important;
    max-width: none !important;

    flex: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.gkazmi-dashboard
.gk-v46-kpi-card{
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    min-height: 118px !important;
    height: 100% !important;

    margin: 0 !important;

    padding:
        18px 20px !important;

    border:
        1px solid #dae4f1 !important;

    border-radius:
        16px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f8fbff
        ) !important;

    box-shadow:
        0 10px 25px
        rgba(31,50,78,.065) !important;

    box-sizing: border-box !important;
}

/* ======================================================
   RUNNER PANEL
   ====================================================== */

body.gkazmi-dashboard
.gk-v46-runner-panel{
    width: 100% !important;

    margin:
        18px 0
        28px !important;

    padding:
        20px !important;

    border:
        1px solid #dae4f1 !important;

    border-radius:
        18px !important;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f7faff
        ) !important;

    box-shadow:
        0 10px 28px
        rgba(31,50,78,.06) !important;

    box-sizing: border-box !important;
}

body.gkazmi-dashboard
.gk-v46-runner-head{
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 20px !important;

    margin-bottom:
        16px !important;
}

body.gkazmi-dashboard
.gk-v46-runner-head span{
    color: #6551dc !important;

    font-size: .69rem !important;
    font-weight: 850 !important;

    letter-spacing: .09em !important;
}

body.gkazmi-dashboard
.gk-v46-runner-head h3{
    margin:
        2px 0 0 !important;

    font-size: 1.08rem !important;
    font-weight: 850 !important;
}

body.gkazmi-dashboard
.gk-v46-runner-head p{
    margin:
        4px 0 0 !important;

    color: #64748b !important;

    font-size: .80rem !important;
}

body.gkazmi-dashboard
.gk-v46-runner-head a{
    display: inline-flex !important;

    align-items: center !important;

    gap: 7px !important;

    padding:
        8px 12px !important;

    border:
        1px solid #cad8eb !important;

    border-radius:
        10px !important;

    background: #fff !important;

    text-decoration: none !important;

    font-size: .77rem !important;
    font-weight: 750 !important;
}

body.gkazmi-dashboard
.gk-v46-runner-grid{
    display: grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap: 14px !important;
}

body.gkazmi-dashboard
.gk-v46-runner-card{
    display: grid !important;

    grid-template-columns:
        44px minmax(0,1fr) !important;

    align-items: center !important;

    gap: 12px !important;

    min-height: 92px !important;

    padding:
        14px !important;

    border:
        1px solid #e0e8f2 !important;

    border-radius:
        14px !important;

    background: #fff !important;
}

body.gkazmi-dashboard
.gk-v46-runner-icon{
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 42px !important;
    height: 42px !important;

    border-radius:
        12px !important;

    background:
        #edf5ff !important;

    color:
        #2475e5 !important;
}

body.gkazmi-dashboard
.gk-v46-runner-title{
    color:
        #64748b !important;

    font-size:
        .67rem !important;

    font-weight:
        780 !important;

    text-transform:
        uppercase !important;
}

body.gkazmi-dashboard
.gk-v46-runner-value{
    margin-top:
        2px !important;

    color:
        #101828 !important;

    font-size:
        1.15rem !important;

    font-weight:
        900 !important;
}

body.gkazmi-dashboard
.gk-v46-runner-note{
    margin-top:
        3px !important;

    color:
        #64748b !important;

    font-size:
        .69rem !important;
}

body.gkazmi-dashboard
.gk-v46-loading,
body.gkazmi-dashboard
.gk-v46-error{
    grid-column:
        1 / -1 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 9px !important;

    min-height:
        78px !important;

    border:
        1px dashed #ced9e8 !important;

    border-radius:
        12px !important;

    color:
        #64748b !important;

    background:
        #fbfcff !important;
}

@media (max-width:1199.98px) {
    body.gkazmi-dashboard
    .gk-v46-kpi-grid,
body.gkazmi-dashboard
    .gk-v46-runner-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width:767.98px) {
    body.gkazmi-dashboard
    .gk-v46-kpi-grid,
body.gkazmi-dashboard
    .gk-v46-runner-grid{
        grid-template-columns:
            1fr !important;
    }

    body.gkazmi-dashboard
    .gk-v46-runner-head{
        flex-direction:
            column !important;

        align-items:
            flex-start !important;
    }
}


body.gkazmi-dashboard
.gk-v46-kpi-grid{
    gap: 12px !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}

body.gkazmi-dashboard
.gk-v46-kpi-card{
    min-height: 98px !important;
    height: 98px !important;

    padding: 13px 16px !important;

    border-radius: 14px !important;

    box-shadow:
        0 6px 18px
        rgba(31,50,78,.05) !important;
}

body.gkazmi-dashboard
.gk-v46-runner-panel{
    margin: 10px 0 18px !important;
    padding: 15px 17px !important;

    border-radius: 15px !important;
}

body.gkazmi-dashboard
.gk-v46-runner-head{
    margin-bottom: 10px !important;
}

body.gkazmi-dashboard
.gk-v46-runner-head h3{
    font-size: 1rem !important;
}

body.gkazmi-dashboard
.gk-v46-runner-head p{
    margin-top: 2px !important;
    font-size: .73rem !important;
}

body.gkazmi-dashboard
.gk-v46-runner-grid{
    gap: 10px !important;
}

body.gkazmi-dashboard
.gk-v46-runner-card{
    min-height: 72px !important;

    padding: 10px 12px !important;

    grid-template-columns:
        36px minmax(0,1fr) !important;

    gap: 9px !important;

    border-radius: 12px !important;
}

body.gkazmi-dashboard
.gk-v46-runner-icon{
    width: 34px !important;
    height: 34px !important;

    border-radius: 9px !important;
}

body.gkazmi-dashboard
.gk-v46-runner-title{
    font-size: .61rem !important;
}

body.gkazmi-dashboard
.gk-v46-runner-value{
    margin-top: 1px !important;

    font-size: 1.02rem !important;
    line-height: 1.1 !important;
}

body.gkazmi-dashboard
.gk-v46-runner-note{
    margin-top: 2px !important;

    font-size: .63rem !important;
}

@media (max-width:1199.98px) {
    body.gkazmi-dashboard
    .gk-v46-kpi-card{
        height: auto !important;
        min-height: 92px !important;
    }
}

@media (max-width:767.98px) {
    body.gkazmi-dashboard
    .gk-v46-kpi-grid,
body.gkazmi-dashboard
    .gk-v46-runner-grid{
        gap: 9px !important;
    }
}


/* ==========================================================
   GKAZMI DASHBOARD V48 FINAL CARD UNIFICATION
   ========================================================== */

/*
 * ALL 12 overview cards:
 * identical geometry.
 */
body.gkazmi-dashboard
.gk-v48-overview-cell{
    margin: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    min-height: 0 !important;

    box-sizing: border-box !important;
}

body.gkazmi-dashboard
.gk-v48-overview-card{
    display: flex !important;

    align-items: center !important;

    width: 100% !important;
    max-width: none !important;

    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;

    margin: 0 !important;

    padding: 13px 16px !important;

    border:
        1px solid #dce5f1 !important;

    border-radius:
        14px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fafcff 100%
        ) !important;

    box-shadow:
        0 5px 15px
        rgba(31,50,78,.045) !important;

    box-sizing:
        border-box !important;

    overflow:
        hidden !important;
}

/*
 * Remove V46/V47 special oversized last-row geometry.
 */
body.gkazmi-dashboard
.gk-v48-overview-card.gk-v46-kpi-card{
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;

    padding: 13px 16px !important;
}

/*
 * Normalize spacing created by Bootstrap row/col wrappers.
 */
body.gkazmi-dashboard
.gk-v48-overview-cell{
    margin-bottom:
        10px !important;
}

/*
 * All cards use the same inner icon box geometry.
 */
body.gkazmi-dashboard
.gk-v48-overview-card
[class*="icon"],
body.gkazmi-dashboard
.gk-v48-overview-card
i{
    flex-shrink:
        0 !important;
}

/*
 * Prevent Platform Health text wrapping differently from
 * the other 11 cards.
 */
body.gkazmi-dashboard
.gk-v48-platform-health{
    white-space:
        nowrap !important;
}

body.gkazmi-dashboard
.gk-v48-platform-health
strong,
body.gkazmi-dashboard
.gk-v48-platform-health
b{
    white-space:
        nowrap !important;
}

/*
 * Compact the entire Account Overview block.
 */
body.gkazmi-dashboard
.gk-v46-kpi-grid{
    gap:
        10px !important;

    margin-top:
        0 !important;
}

/*
 * Runner Operations follows close to the KPI cards.
 */
body.gkazmi-dashboard
.gk-v46-runner-panel{
    margin:
        4px 0 16px !important;

    padding:
        14px 16px !important;
}

body.gkazmi-dashboard
.gk-v46-runner-grid{
    gap:
        9px !important;
}

body.gkazmi-dashboard
.gk-v46-runner-card{
    min-height:
        68px !important;

    height:
        68px !important;

    padding:
        9px 11px !important;
}

/*
 * Platform Health gets same visual hierarchy but a subtle
 * healthy indicator.
 */
body.gkazmi-dashboard
.gk-v48-platform-health{
    border-top:
        2px solid #18a66a !important;
}

@media (max-width:1199.98px) {
    body.gkazmi-dashboard
    .gk-v48-overview-card{
        height:
            88px !important;

        min-height:
            88px !important;
    }
}

@media (max-width:767.98px) {
    body.gkazmi-dashboard
    .gk-v48-overview-card{
        height:
            auto !important;

        min-height:
            82px !important;

        max-height:
            none !important;
    }

    body.gkazmi-dashboard
    .gk-v46-runner-card{
        height:
            auto !important;

        min-height:
            64px !important;
    }
}


/* === GKazmi UI Route Source: gkazmi-dhru-auto-sync.css === */
body.gkazmi-dhru-auto-sync{
    background: #f7f9fc;
}


.gk-dhru-hero{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;

    padding: 25px 28px;

    border: 1px solid #dde6f2;
    border-radius: 18px;

    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(87, 65, 226, .12),
            transparent 260px
        ),
        #fff;

    box-shadow:
        0 10px 28px rgba(31, 50, 78, .055);
}

.gk-dhru-eyebrow,
.gk-dhru-panel-head > div > span{
    color: #6451df;

    font-size: .69rem;
    font-weight: 850;

    letter-spacing: .1em;
}

.gk-dhru-hero h1{
    margin: 4px 0;

    font-size: 1.65rem;
    font-weight: 900;

    letter-spacing: -.025em;
}

.gk-dhru-hero p,
.gk-dhru-panel-head p{
    margin: 0;

    color: #64748b;
}

.gk-dhru-summary-grid{
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 12px;

    margin-top: 14px;
}

.gk-dhru-summary-grid article{
    min-height: 96px;

    padding: 15px 17px;

    border: 1px solid #dde6f2;
    border-radius: 14px;

    background: #fff;

    box-shadow:
        0 5px 16px rgba(31, 50, 78, .04);
}

.gk-dhru-summary-grid span,
.gk-dhru-health-strip span{
    display: block;

    color: #64748b;

    font-size: .67rem;
    font-weight: 750;

    text-transform: uppercase;
}

.gk-dhru-summary-grid strong{
    display: block;

    margin-top: 4px;

    font-size: 1.2rem;
    font-weight: 900;
}

.gk-dhru-summary-grid small{
    color: #64748b;
}

.gk-dhru-panel{
    padding: 18px;

    border: 1px solid #dde6f2;
    border-radius: 16px;

    background: #fff;

    box-shadow:
        0 6px 20px rgba(31, 50, 78, .045);
}

.gk-dhru-panel-head{
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-bottom: 15px;
}

.gk-dhru-panel-head h2{
    margin: 2px 0 0;

    font-size: 1.05rem;
    font-weight: 850;
}

.gk-dhru-connection-list{
    display: grid;

    gap: 8px;
}

.gk-dhru-connection{
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 12px;

    padding: 12px 13px;

    border: 1px solid #e2e8f2;
    border-radius: 12px;

    color: inherit;

    text-decoration: none;
}

.gk-dhru-connection:hover,
.gk-dhru-connection.is-active{
    border-color: #b9c9e4;

    background: #f7f9ff;
}

.gk-dhru-connection strong,
.gk-dhru-connection small{
    display: block;
}

.gk-dhru-connection small{
    color: #64748b;
}

.gk-dhru-state{
    display: inline-flex;

    padding: 3px 7px;

    border-radius: 999px;

    background: #eef2f7;

    font-size: .62rem;
    font-weight: 850;
}

.gk-dhru-state.is-healthy{
    background: #e8f8ef;
    color: #087846;
}

.gk-dhru-state.is-failed{
    background: #fff0f0;
    color: #c93434;
}

.gk-dhru-state.is-attention{
    background: #fff7df;
    color: #9b6800;
}

.gk-dhru-empty{
    display: flex;

    min-height: 170px;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 25px;

    color: #64748b;

    text-align: center;
}

.gk-dhru-empty.is-large{
    min-height: 360px;
}

.gk-dhru-empty i{
    font-size: 1.65rem;

    color: #6753df;
}

.gk-dhru-empty strong{
    color: #172033;
}

.gk-dhru-health-strip{
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;
}

.gk-dhru-health-strip > div{
    padding: 11px 12px;

    border: 1px solid #e3eaf4;
    border-radius: 11px;

    background: #fbfcfe;
}

.gk-dhru-health-strip strong{
    display: block;

    margin-top: 3px;

    font-size: .82rem;
}

.gk-dhru-table{
    font-size: .82rem;
}

.gk-dhru-table td{
    vertical-align: middle;
}

@media (max-width: 991.98px) {
    .gk-dhru-summary-grid,
.gk-dhru-health-strip{
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .gk-dhru-hero{
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 575.98px) {
    .gk-dhru-summary-grid,
.gk-dhru-health-strip{
        grid-template-columns: 1fr;
    }
}


/*
 *
 * Scoped CSS-only polish.
 * No operational behavior.
 */

#enterprise-operations{
    --gkazmi-eo-border: rgba(148, 163, 184, 0.22);
    --gkazmi-eo-border-strong: rgba(148, 163, 184, 0.34);
    --gkazmi-eo-soft: rgba(248, 250, 252, 0.76);
    --gkazmi-eo-shadow: 0 14px 34px rgba(15, 23, 42, 0.065);
    --gkazmi-eo-shadow-hover: 0 18px 44px rgba(15, 23, 42, 0.09);
}

/* Section rhythm */

#enterprise-operations > .row{
    row-gap: 1rem;
}

#enterprise-operations .enterprise-card{
    position: relative;
    overflow: hidden;
    border: 1px solid var(--gkazmi-eo-border);
    border-radius: 16px;
    box-shadow: var(--gkazmi-eo-shadow);
    transition:
        border-color 0.16s ease,
        box-shadow 0.16s ease,
        transform 0.16s ease;
}

#enterprise-operations .enterprise-card:hover{
    border-color: var(--gkazmi-eo-border-strong);
    box-shadow: var(--gkazmi-eo-shadow-hover);
}

/* Main header */

#enterprise-operations .eo-heading{
    align-items: center;
}

#enterprise-operations .eo-heading h5{
    margin-bottom: 0.3rem;
    font-weight: 760;
    letter-spacing: -0.018em;
}

#enterprise-operations .eo-heading .hint{
    max-width: 760px;
    line-height: 1.55;
}


/* Card headings */

#enterprise-operations .enterprise-card > h5,
#enterprise-operations .eo-card-heading h5{
    font-weight: 740;
    letter-spacing: -0.014em;
}

#enterprise-operations .eo-card-heading{
    margin-bottom: 0.75rem;
}

#enterprise-operations .hint{
    line-height: 1.48;
}

/* Tables */

#enterprise-operations .table-responsive{
    border: 1px solid var(--gkazmi-eo-border);
    border-radius: 12px;
    background: var(--gkazmi-eo-soft);
}

#enterprise-operations .table{
    margin-bottom: 0;
}

#enterprise-operations .table > :not(caption) > * > *{
    padding: 0.62rem 0.72rem;
    vertical-align: middle;
    border-bottom-color: var(--gkazmi-eo-border);
}

#enterprise-operations .table tbody tr:last-child > *{
    border-bottom-width: 0;
}

#enterprise-operations .table thead th{
    white-space: nowrap;
    font-size: 0.72rem;
    font-weight: 760;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}
#enterprise-operations .eo-runtime-table th{
width: 36%;
    min-width: 0;
    max-width: 44%;
    white-space: normal;
    overflow-wrap: anywhere;
    vertical-align: middle;
}


#enterprise-operations .eo-runtime-table td{
    text-align: right;
}

#enterprise-operations .table .badge{
    min-width: 72px;
    font-weight: 700;
}

#enterprise-operations .mono{
    font-variant-numeric: tabular-nums;
}

/* Service inventory */

#enterprise-operations table thead + tbody td:first-child{
    overflow-wrap: anywhere;
}

/* Empty states */

#enterprise-operations .eo-empty,
#enterprise-operations .enterprise-card > .alert{
    border-radius: 12px;
    line-height: 1.5;
}

/* Safe log explorer */

#enterprise-operations details{
    overflow: hidden;
    border: 1px solid var(--gkazmi-eo-border);
    border-radius: 11px;
    background: var(--gkazmi-eo-soft);
}

#enterprise-operations details > summary{
    padding: 0.72rem 0.82rem;
    cursor: pointer;
    font-weight: 650;
    user-select: none;
}

#enterprise-operations details[open] > summary{
    border-bottom: 1px solid var(--gkazmi-eo-border);
}

#enterprise-operations details .ss-command{
    margin: 0 !important;
    border: 0;
    border-radius: 0;
}

/* Commands / diagnostic bundle */

#enterprise-operations .ss-command{
    padding: 0.85rem 0.95rem;
    border: 1px solid var(--gkazmi-eo-border);
    border-radius: 11px;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* Scroll tables */

#enterprise-operations .ss-scroll-table{
    max-height: 360px;
    overflow: auto;
    scrollbar-gutter: stable;
}

/* Read-only visual cue */

#enterprise-operations .enterprise-card:first-child::before{
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: currentColor;
    opacity: 0.16;
}

/* Accessibility */

#enterprise-operations details > summary:focus-visible{
    outline: 3px solid rgba(59, 130, 246, 0.24);
    outline-offset: -3px;
}

/* Responsive */

@media (max-width: 991.98px){
    #enterprise-operations .enterprise-card {
        border-radius: 14px;
    }

    #enterprise-operations .enterprise-card.p-4 {
        padding: 1.1rem !important;
    }

    #enterprise-operations .eo-generated {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 767.98px) {
    #enterprise-operations .enterprise-card.p-4{
        padding: 0.95rem !important;
    }

    #enterprise-operations .table > :not(caption) > * > *{
        padding: 0.55rem 0.6rem;
    }

    #enterprise-operations .eo-runtime-table th{
        width: 52%;
    }

    #enterprise-operations .ss-scroll-table{
        max-height: 300px;
    }

    #enterprise-operations details > summary{
        padding: 0.66rem 0.7rem;
    }
}


/*
 * Presentation-only Manage Resellers polish.
 */

body.gkazmi-route-manage-resellers{
    --gkazmi-mr-border: rgba(148, 163, 184, 0.22);
    --gkazmi-mr-border-strong: rgba(148, 163, 184, 0.34);
    --gkazmi-mr-surface: rgba(255, 255, 255, 0.88);
    
    
    --gkazmi-mr-shadow: 0 14px 38px rgba(15, 23, 42, 0.07);
}

/* KPI cards */

body.gkazmi-route-manage-resellers .mr-stat-card{
    min-height: 88px;
    border: 1px solid var(--gkazmi-mr-border);
    border-radius: 14px;
    box-shadow: var(--gkazmi-mr-shadow);
}

body.gkazmi-route-manage-resellers .mr-stat-card small{
    font-weight: 650;
    letter-spacing: 0.01em;
}

body.gkazmi-route-manage-resellers .mr-stat-card strong{
    line-height: 1.1;
}

/* Search / filters */

body.gkazmi-route-manage-resellers #gkazmiResellersSearchForm{
    position: relative;
}

body.gkazmi-route-manage-resellers :is(
    #gkazmiResellersSearchInput,
    #mr-type-filter,
    #mr-country-filter
){
    min-height: 42px;
    border-color: var(--gkazmi-mr-border-strong);
    border-radius: 10px;
}

body.gkazmi-route-manage-resellers #gkazmiResellersSearchForm .input-group{
    flex-wrap: nowrap;
}

body.gkazmi-route-manage-resellers #gkazmiResellersSearchForm .input-group-text{
    border-color: var(--gkazmi-mr-border-strong);
    border-radius: 10px 0 0 10px;
}

body.gkazmi-route-manage-resellers #gkazmiResellersSearchForm .btn{
    min-height: 42px;
    border-radius: 0 10px 10px 0;
}

body.gkazmi-route-manage-resellers #mr-reset-filters{
    min-height: 42px;
    border-radius: 10px;
}

body.gkazmi-route-manage-resellers :is(
    #gkazmiResellersSearchInput,
    #mr-type-filter,
    #mr-country-filter
):focus{
    border-color: rgba(59, 130, 246, 0.64);
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.12);
}

/* Result surface */

body.gkazmi-route-manage-resellers #gkazmiResellersAjaxResults{
    border: 1px solid var(--gkazmi-mr-border);
    border-radius: 14px;
    background: var(--gkazmi-mr-surface);
    box-shadow: var(--gkazmi-mr-shadow);
}

body.gkazmi-route-manage-resellers .gkazmi-resellers-table{
    margin-bottom: 0;
}

body.gkazmi-route-manage-resellers .gkazmi-resellers-table thead th{
    position: sticky;
    top: 0;
    z-index: 3;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 0.72rem;
    font-weight: 760;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

body.gkazmi-route-manage-resellers .gkazmi-resellers-table tbody td{
    vertical-align: middle;
}

body.gkazmi-route-manage-resellers .mr-reseller-row:hover{
    background: rgba(59, 130, 246, 0.035);
}

body.gkazmi-route-manage-resellers .mr-reseller-row .badge{
    white-space: nowrap;
}


body.gkazmi-route-manage-resellers .rs-cell-contacts .btn{
    margin: 0.12rem;
}

body.gkazmi-route-manage-resellers .gkazmi-icon-action{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    min-height: 34px;
}

/* Add / Edit dialogs */

body.gkazmi-route-manage-resellers :is(
    #modalAdd,
    #modalEdit
) .modal-content{
    overflow: hidden;
    border: 1px solid var(--gkazmi-mr-border);
    border-radius: 16px;
    box-shadow: 0 24px 72px rgba(15, 23, 42, 0.22);
}

body.gkazmi-route-manage-resellers :is(
    #modalAdd,
    #modalEdit
) .modal-header{
    padding: 1rem 1.15rem;
}

body.gkazmi-route-manage-resellers :is(
    #modalAdd,
    #modalEdit
) .modal-title{
    font-weight: 760;
    letter-spacing: -0.01em;
}

body.gkazmi-route-manage-resellers :is(
    #modalAdd,
    #modalEdit
) .modal-body{
    padding: 1.15rem;
}

body.gkazmi-route-manage-resellers :is(
    #modalAdd,
    #modalEdit
) .modal-footer{
    gap: 0.5rem;
    padding: 0.9rem 1.15rem;
}

body.gkazmi-route-manage-resellers :is(
    #modalAdd,
    #modalEdit
) .form-label{
    margin-bottom: 0.38rem;
    font-size: 0.8rem;
    font-weight: 700;
}

body.gkazmi-route-manage-resellers :is(
    #modalAdd,
    #modalEdit
) :is(
    .form-control,
    .form-select
){
    min-height: 42px;
    border-color: var(--gkazmi-mr-border-strong);
    border-radius: 10px;
}

body.gkazmi-route-manage-resellers :is(
    #modalAdd,
    #modalEdit
) textarea.form-control{
    min-height: 96px;
    resize: vertical;
}

body.gkazmi-route-manage-resellers :is(
    #modalAdd,
    #modalEdit
) :is(
    .form-control,
    .form-select
):focus{
    border-color: rgba(59, 130, 246, 0.64);
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.12);
}

/* Focus treatment */

body.gkazmi-route-manage-resellers :is(
    button,
    a,
    input,
    select,
    textarea
):focus-visible{
    outline: 3px solid rgba(59, 130, 246, 0.24);
    outline-offset: 2px;
}

/* Live AJAX loading remains owned by existing inline contract. */
body.gkazmi-route-manage-resellers #gkazmiResellersAjaxResults.gkazmi-live-search-loading{
    transition: opacity 0.16s ease;
}

/* Responsive */

@media (max-width: 991.98px){
    body.gkazmi-route-manage-resellers #gkazmiResellersAjaxResults {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.gkazmi-route-manage-resellers :is(
        #modalAdd,
        #modalEdit
    ) .modal-dialog {
        margin: 0.75rem;
    }
}

@media (max-width: 767.98px) {
    body.gkazmi-route-manage-resellers .mr-stat-card{
        min-height: 76px;
    }

    body.gkazmi-route-manage-resellers :is(
        #gkazmiResellersSearchInput,
        #mr-type-filter,
        #mr-country-filter,
        #mr-reset-filters
    ){
        width: 100%;
    }

    body.gkazmi-route-manage-resellers :is(
        #modalAdd,
        #modalEdit
    ) .modal-dialog{
        margin: 0.5rem;
    }

    body.gkazmi-route-manage-resellers :is(
        #modalAdd,
        #modalEdit
    ) .modal-body{
        padding: 0.95rem;
    }

    body.gkazmi-route-manage-resellers .rs-cell-contacts{
        min-width: 160px;
    }
}


/*
 *
 * Presentation-only Manage Users polish.
 */

.gkazmi-manage-users-page{
    --gkazmi-mu-border: rgba(148, 163, 184, 0.22);
    --gkazmi-mu-border-strong: rgba(148, 163, 184, 0.34);
    --gkazmi-mu-surface: rgba(255, 255, 255, 0.88);
    
    
    --gkazmi-mu-shadow: 0 14px 38px rgba(15, 23, 42, 0.07);
}

/* Summary / KPI cards */

.gkazmi-manage-users-page .mu-stat-card{
    min-height: 88px;
    border: 1px solid var(--gkazmi-mu-border);
    border-radius: 14px;
    box-shadow: var(--gkazmi-mu-shadow);
}

.gkazmi-manage-users-page .mu-stat-card small{
    font-weight: 650;
    letter-spacing: 0.01em;
}

.gkazmi-manage-users-page .mu-stat-card strong{
    line-height: 1.1;
}

/* Search + filters */

.gkazmi-manage-users-page .mu-search-form{
    position: relative;
}

.gkazmi-manage-users-page :is(
    #gkazmiUsersSearchInput,
    #mu-role-filter,
    #mu-status-filter,
    #mu-package-filter
){
    min-height: 42px;
    border-color: var(--gkazmi-mu-border-strong);
    border-radius: 10px;
}

.gkazmi-manage-users-page :is(
    #gkazmiUsersSearchInput,
    #mu-role-filter,
    #mu-status-filter,
    #mu-package-filter
):focus{
    border-color: rgba(59, 130, 246, 0.62);
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.12);
}

.gkazmi-manage-users-page #mu-reset-filters{
    min-height: 42px;
    border-radius: 10px;
}

/* Main table */

.gkazmi-manage-users-page .users-table-wrap{
    position: relative;
    border: 1px solid var(--gkazmi-mu-border);
    border-radius: 14px;
    background: var(--gkazmi-mu-surface);
    box-shadow: var(--gkazmi-mu-shadow);
}

.gkazmi-manage-users-page .users-table-wrap table{
    margin-bottom: 0;
}

.gkazmi-manage-users-page .users-table-wrap thead th{
    position: sticky;
    top: 0;
    z-index: 3;
    white-space: nowrap;
    font-size: 0.72rem;
    font-weight: 760;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    vertical-align: middle;
}

.gkazmi-manage-users-page .mu-user-row > td{
    vertical-align: middle;
}

.gkazmi-manage-users-page .mu-user-row:hover{
    background: rgba(59, 130, 246, 0.035);
}

.gkazmi-manage-users-page .mu-user-row .badge{
    white-space: nowrap;
}

.gkazmi-manage-users-page .mu-job-count{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    min-height: 1.75rem;
    padding-inline: 0.45rem;
    border-radius: 999px;
    font-weight: 700;
}

/* Action menu */

.gkazmi-manage-users-page .mu-final-actions-trigger{
    min-width: 38px;
    min-height: 36px;
    border-radius: 9px;
}

.gkazmi-manage-users-page .dropdown-menu{
    padding: 0.42rem;
    border: 1px solid var(--gkazmi-mu-border);
    border-radius: 12px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.14);
}

.gkazmi-manage-users-page .dropdown-item{
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 38px;
    border-radius: 8px;
}

.gkazmi-manage-users-page .mu-final-delete{
    font-weight: 700;
}

/* Add / Edit modals */

.gkazmi-manage-users-page :is(#addModal, #editModal) .modal-content{
    overflow: hidden;
    border: 1px solid var(--gkazmi-mu-border);
    border-radius: 16px;
    box-shadow: 0 24px 72px rgba(15, 23, 42, 0.22);
}

.gkazmi-manage-users-page :is(#addModal, #editModal) .modal-header{
    padding: 1rem 1.15rem;
}

.gkazmi-manage-users-page :is(#addModal, #editModal) .modal-title{
    font-weight: 760;
    letter-spacing: -0.01em;
}

.gkazmi-manage-users-page :is(#addModal, #editModal) .modal-body{
    padding: 1.15rem;
}

.gkazmi-manage-users-page :is(#addModal, #editModal) .modal-footer{
    gap: 0.5rem;
    padding: 0.9rem 1.15rem;
}

.gkazmi-manage-users-page :is(#addModal, #editModal) .form-label{
    margin-bottom: 0.38rem;
    font-size: 0.8rem;
    font-weight: 700;
}

.gkazmi-manage-users-page :is(#addModal, #editModal) :is(
    .form-control,
    .form-select
){
    min-height: 42px;
    border-color: var(--gkazmi-mu-border-strong);
    border-radius: 10px;
}

.gkazmi-manage-users-page :is(#addModal, #editModal) :is(
    .form-control,
    .form-select
):focus{
    border-color: rgba(59, 130, 246, 0.62);
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.12);
}

/* User profile drawer */

.gkazmi-manage-users-page .mu-profile-drawer{
    border-left: 1px solid var(--gkazmi-mu-border);
}

.gkazmi-manage-users-page .mu-profile-drawer .offcanvas-header{
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--gkazmi-mu-border);
}

.gkazmi-manage-users-page .mu-profile-drawer .offcanvas-body{
    padding: 1.15rem;
}

/* Focus */

.gkazmi-manage-users-page :is(
    button,
    a,
    input,
    select,
    textarea
):focus-visible{
    outline: 3px solid rgba(59, 130, 246, 0.24);
    outline-offset: 2px;
}

/* Dark-theme-compatible variables */

.gkazmi-manage-users-page[data-theme="dark"],
.gkazmi-manage-users-page.dark-mode{
    --gkazmi-mu-border: rgba(148, 163, 184, 0.2);
    --gkazmi-mu-border-strong: rgba(148, 163, 184, 0.3);
    --gkazmi-mu-surface: rgba(15, 23, 42, 0.78);
    
    
    --gkazmi-mu-shadow: 0 14px 38px rgba(0, 0, 0, 0.2);
}

/* Responsive */

@media (max-width: 991.98px){
    .gkazmi-manage-users-page .users-table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .gkazmi-manage-users-page :is(
        #addModal,
        #editModal
    ) .modal-dialog {
        margin: 0.75rem;
    }
}

@media (max-width: 767.98px) {
    .gkazmi-manage-users-page .mu-stat-card{
        min-height: 76px;
    }

    .gkazmi-manage-users-page :is(
        #gkazmiUsersSearchInput,
        #mu-role-filter,
        #mu-status-filter,
        #mu-package-filter,
        #mu-reset-filters
    ){
        width: 100%;
    }

    .gkazmi-manage-users-page :is(
        #addModal,
        #editModal
    ) .modal-dialog{
        margin: 0.5rem;
    }

    .gkazmi-manage-users-page :is(
        #addModal,
        #editModal
    ) .modal-body{
        padding: 0.95rem;
    }

    .gkazmi-manage-users-page .mu-profile-drawer{
        width: min(100%, 420px);
    }

    .gkazmi-manage-users-page .dropdown-menu{
        max-width: calc(100vw - 1.5rem);
    }
}


/* Domain title and READY/RUNNING badge share one fixed-height header row. */
body.gkazmi-page-system_status #monitoring-center .mc-domain-main{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    margin: 0 !important;
}

/* Status badges use one consistent footprint. */
body.gkazmi-page-system_status #monitoring-center .mc-domain-status{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    align-self: center !important;
    width: 88px !important;
    min-width: 88px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}


body.gkazmi-page-system_status #monitoring-center .mc-queue-meta > span{
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
}

/* Prevent label/value differences from changing box height. */
body.gkazmi-page-system_status #monitoring-center .mc-queue-meta > span > b{
    display: block !important;
    margin: 0 0 4px !important;
    line-height: 1.15 !important;
}

body.gkazmi-page-system_status #monitoring-center .mc-queue-meta > span > span{
    display: block !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}


/* Queue disclosure occupies the same final row on both cards. */
body.gkazmi-page-system_status #monitoring-center .mc-domain-card > details{
    width: 100% !important;
    margin: 8px 0 0 !important;
}

/* Push disclosure to consistent bottom position when card content differs. */
body.gkazmi-page-system_status #monitoring-center .mc-domain-card > details:last-child{
    margin-top: 8px !important;
}

/* Domain counter remains compact and does not alter heading dimensions. */
body.gkazmi-page-system_status #monitoring-center .mc-domain-count{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 86px !important;
    height: 34px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

/* Tablet: keep two columns while there is enough usable width. */
@media (max-width: 991.98px){
    body.gkazmi-page-system_status #monitoring-center .mc-domain-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body.gkazmi-page-system_status #monitoring-center .mc-domain-card {
        padding: 14px !important;
    }
}

/* Phone: stack cleanly instead of squeezing metric boxes. */
@media (max-width: 767.98px){
    body.gkazmi-page-system_status #monitoring-center .mc-domain-grid {
        grid-template-columns: 1fr !important;
    }

    body.gkazmi-page-system_status #monitoring-center .mc-domain-card {
        min-height: 0 !important;
    }

    body.gkazmi-page-system_status #monitoring-center .mc-queue-meta {
        grid-template-columns: 1fr !important;
    }

    body.gkazmi-page-system_status #monitoring-center .mc-current-job {
        white-space: normal !important;
    }
}


/*
 *
 * Scoped Monitoring Center presentation only.
 */

#monitoring-center{
    --gkazmi-mc-border: rgba(148, 163, 184, 0.22);
    --gkazmi-mc-border-strong: rgba(148, 163, 184, 0.34);
    
    --gkazmi-mc-shadow: 0 14px 34px rgba(15, 23, 42, 0.065);
    --gkazmi-mc-shadow-hover: 0 18px 44px rgba(15, 23, 42, 0.09);
}

/* Filter bar */

#monitoring-center > .card:first-child{
    border: 1px solid var(--gkazmi-mc-border);
    border-radius: 16px;
    box-shadow: var(--gkazmi-mc-shadow);
}

#monitoring-center :is(
    #mcGlobalSearch,
    #mcDomainFilter,
    #mcHealthFilter
){
    min-height: 42px;
    border-color: var(--gkazmi-mc-border-strong);
    border-radius: 10px;
}

#monitoring-center :is(
    #mcGlobalSearch,
    #mcDomainFilter,
    #mcHealthFilter
):focus{
    border-color: rgba(59, 130, 246, 0.64);
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.12);
}

#monitoring-center #mcResetFilters{
    min-height: 42px;
    border-radius: 10px;
    font-weight: 650;
}

/* Operational cards */

#monitoring-center .enterprise-card{
    border: 1px solid var(--gkazmi-mc-border);
    border-radius: 16px;
    box-shadow: var(--gkazmi-mc-shadow);
    transition:
        border-color 0.16s ease,
        box-shadow 0.16s ease;
}

#monitoring-center .enterprise-card:hover{
    border-color: var(--gkazmi-mc-border-strong);
    box-shadow: var(--gkazmi-mc-shadow-hover);
}

#monitoring-center .enterprise-card h5{
    font-weight: 750;
    letter-spacing: -0.015em;
}


#monitoring-center .mc-domain-card + .mc-domain-card{
    margin-top: 0.7rem;
}


#monitoring-center .mc-queue-meta b{
    font-size: 0.72rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}


#monitoring-center .mc-waiting-list{
    margin: 0.55rem 0 0;
    padding-left: 1.25rem;
}

#monitoring-center .mc-waiting-list li{
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-block: 0.28rem;
}

/* Tables */

#monitoring-center .table-responsive{
    border: 1px solid var(--gkazmi-mc-border);
    border-radius: 11px;
}

#monitoring-center .table{
    margin-bottom: 0;
}

#monitoring-center .table > :not(caption) > * > *{
    padding: 0.6rem 0.68rem;
    vertical-align: middle;
    border-bottom-color: var(--gkazmi-mc-border);
}

#monitoring-center .table tbody tr:last-child > *{
    border-bottom-width: 0;
}

#monitoring-center .table thead th{
    position: sticky;
    top: 0;
    z-index: 2;
    white-space: nowrap;
    font-size: 0.71rem;
    font-weight: 760;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

#monitoring-center .table tbody tr:not([hidden]):hover{
    background: rgba(59, 130, 246, 0.035);
}

#monitoring-center .table .badge{
    white-space: nowrap;
    font-weight: 700;
}

#monitoring-center .mono{
    font-variant-numeric: tabular-nums;
}

/* Error intelligence */

#monitoring-center details{
    overflow: hidden;
    border: 1px solid var(--gkazmi-mc-border);
    border-radius: 9px;
}

#monitoring-center details > summary{
    padding: 0.45rem 0.55rem;
    cursor: pointer;
    font-weight: 650;
}

#monitoring-center details[open] > summary{
    border-bottom: 1px solid var(--gkazmi-mc-border);
}

#monitoring-center details code{
    display: block;
    padding: 0.6rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* Scroll regions */

#monitoring-center .mc-scroll-medium{
    max-height: 340px;
    overflow: auto;
    scrollbar-gutter: stable;
}

#monitoring-center .mc-scroll-large{
    max-height: 430px;
    overflow: auto;
    scrollbar-gutter: stable;
}

/* Empty states */

#monitoring-center .alert{
    border-radius: 11px;
    line-height: 1.5;
}

/* Accessibility */

#monitoring-center :is(
    input,
    select,
    button,
    summary
):focus-visible{
    outline: 3px solid rgba(59, 130, 246, 0.24);
    outline-offset: 2px;
}

/* Responsive */

@media (max-width: 991.98px){
    #monitoring-center .enterprise-card {
        border-radius: 14px;
    }

    #monitoring-center .enterprise-card.p-4 {
        padding: 1.05rem !important;
    }

    #monitoring-center .mc-queue-meta {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    #monitoring-center .enterprise-card.p-4{
        padding: 0.9rem !important;
    }

    #monitoring-center .mc-domain-main{
        flex-direction: column;
    }

    #monitoring-center .mc-domain-status{
        min-width: 0;
    }

    #monitoring-center .mc-waiting-list li{
        flex-direction: column;
        gap: 0.15rem;
    }

    #monitoring-center .table > :not(caption) > * > *{
        padding: 0.52rem 0.58rem;
    }

    #monitoring-center .mc-scroll-medium{
        max-height: 300px;
    }

    #monitoring-center .mc-scroll-large{
        max-height: 360px;
    }
}


.p1-executive{margin:0 0 1.25rem;padding:1.35rem;border:1px solid rgba(100,116,139,.2);border-radius:1.2rem;background:var(--bs-body-bg,#fff);box-shadow:0 14px 36px rgba(15,23,42,.06)}
.p1-executive__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}
.p1-executive__eyebrow{display:block;color:#5b4ee8;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem}
.p1-executive h2{font-size:1.45rem;margin:0 0 .25rem}.p1-executive p{margin:0;color:var(--bs-secondary-color,#64748b);max-width:54rem}
.p1-executive__actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}
.p1-score{display:inline-flex;align-items:center;padding:.55rem .8rem;border-radius:999px;font-weight:800;white-space:nowrap;background:#f1f5f9;color:#334155}
.p1-score.is-good{background:#dcfce7;color:#166534}.p1-score.is-stable{background:#dbeafe;color:#1d4ed8}.p1-score.is-watch{background:#fef3c7;color:#92400e}.p1-score.is-critical{background:#fee2e2;color:#991b1b}
.p1-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}
.p1-kpis article{min-width:0;padding:1rem;border:1px solid rgba(148,163,184,.25);border-radius:1rem;background:linear-gradient(180deg,rgba(248,250,252,.9),rgba(255,255,255,.95))}
.p1-kpis small,
.p1-kpis span{display:block;color:var(--bs-secondary-color,#64748b)}.p1-kpis strong{display:block;font-size:1.55rem;line-height:1.2;margin:.25rem 0;overflow-wrap:anywhere}.p1-kpis span{font-size:.82rem}
.p1-attention{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;margin-top:1rem;padding:.8rem 1rem;border-radius:.9rem;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.p1-attention div span{display:block;font-size:.85rem}.p1-attention a{font-weight:700;color:inherit}
@media (max-width:1199.98px){.p1-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767.98px){.p1-executive{padding:1rem}.p1-executive__header{display:block}.p1-executive__actions{justify-content:flex-start;margin-top:.8rem}.p1-kpis{grid-template-columns:1fr}.p1-attention{grid-template-columns:auto 1fr}.p1-attention a{grid-column:2}}


.gkazmi-workflow-studio{overflow:hidden}.gkazmi-workflow-summary{display:flex;flex-wrap:wrap;gap:.55rem}.gkazmi-workflow-summary span{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .75rem;border:1px solid var(--bs-border-color);border-radius:999px;background:var(--bs-tertiary-bg);font-size:.82rem}.gkazmi-workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.gkazmi-workflow-card{display:flex;flex-direction:column;min-height:100%;padding:1rem;border:1px solid var(--bs-border-color);border-radius:1rem;background:var(--bs-body-bg);box-shadow:0 8px 24px rgba(15,23,42,.06)}.gkazmi-workflow-card__head{display:flex;align-items:center;gap:.8rem}.gkazmi-workflow-card__head h3{font-size:1rem;margin:0 0 .25rem}.gkazmi-workflow-card__icon{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.8rem;background:rgba(13,110,253,.12);color:var(--bs-primary);flex:0 0 auto}.gkazmi-workflow-card p{margin:.85rem 0;color:var(--bs-secondary-color);font-size:.9rem}.gkazmi-workflow-steps{padding-left:1.2rem;margin:0 0 1rem;font-size:.84rem;color:var(--bs-secondary-color)}.gkazmi-workflow-steps li+li{margin-top:.25rem}.gkazmi-workflow-card__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}@media(max-width:991.98px){.gkazmi-workflow-grid{grid-template-columns:1fr}}@media(max-width:575.98px){.gkazmi-workflow-card__actions .btn{width:100%}.gkazmi-workflow-summary{width:100%}.gkazmi-workflow-summary span{flex:1;justify-content:center}}

/* === GKazmi UI Route Source: gkazmi-public-resellers.css === */
:root{--res-primary:#0f5bea;--res-primary-dark:#0947bd;--res-ink:#10213d;--res-muted:#66758d;--res-line:#dfe7f2;--res-bg:#f4f7fb;--res-card:#fff;--res-shadow:0 18px 50px rgba(15,35,70,.09)}
body.gkazmi-public-resellers-page{background:var(--res-bg);color:var(--res-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.resellers-hero{padding:42px 0 28px;background:radial-gradient(circle at 50% -20%,#dceaff 0,transparent 52%)}
.resellers-hero-card{max-width:920px;margin:auto;padding:36px 28px;text-align:center;background:#fff;border:1px solid var(--res-line);border-radius:24px;box-shadow:var(--res-shadow)}
.resellers-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:7px 13px;border-radius:999px;background:#eaf2ff;color:var(--res-primary-dark);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.resellers-hero-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 16px;border-radius:18px;background:linear-gradient(135deg,#0f5bea,#69a1ff);color:#fff;font-size:1.5rem;box-shadow:0 12px 28px rgba(15,91,234,.25)}
.resellers-hero h1{margin:0;color:var(--res-ink);font-size:clamp(2rem,4vw,3.25rem);font-weight:900;letter-spacing:-.045em}
.resellers-hero p{max-width:700px;margin:12px auto 0;color:var(--res-muted);font-size:1.02rem;line-height:1.7}
.resellers-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}.resellers-stats span{padding:8px 13px;border:1px solid var(--res-line);border-radius:999px;background:#f8fbff;color:#52647d;font-size:.86rem}.resellers-stats strong{color:var(--res-ink)}
.resellers-directory{padding:22px 0 26px}.resellers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.reseller-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden;border:1px solid var(--res-line);border-radius:20px;background:var(--res-card);box-shadow:0 10px 32px rgba(15,35,70,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.reseller-card:hover{transform:translateY(-4px);border-color:#bdd2f5;box-shadow:0 18px 44px rgba(15,35,70,.12)}
.reseller-card-top{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 22px 0}.reseller-logo{display:grid;place-items:center;width:76px;height:76px;overflow:hidden;border:1px solid var(--res-line);border-radius:18px;background:#f7faff;text-decoration:none}.reseller-logo img{width:100%;height:100%;object-fit:contain;padding:8px}.reseller-logo-fallback{color:var(--res-primary);font-size:1.7rem}.reseller-verified{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#eaf8ef;color:#18834b;font-size:.72rem;font-weight:800}
.reseller-card-body{flex:1;padding:18px 22px}.reseller-card-body h2{margin:0 0 7px;font-size:1.18rem;font-weight:850;letter-spacing:-.02em}.reseller-location{display:flex;align-items:center;gap:7px;margin-bottom:12px;color:#52647d;font-size:.86rem}.reseller-location i{color:var(--res-primary)}.reseller-card-body p{margin:0;color:var(--res-muted);font-size:.9rem;line-height:1.65}
.reseller-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 22px 22px}.reseller-card-actions .btn:only-child{grid-column:1/-1}.reseller-card-actions .btn{border-radius:11px;font-weight:750}.reseller-card-actions .btn-primary{background:var(--res-primary);border-color:var(--res-primary)}.reseller-card-actions .btn-primary:hover{background:var(--res-primary-dark);border-color:var(--res-primary-dark)}
.resellers-state{max-width:760px;margin:10px auto;padding:52px 28px;text-align:center;border:1px solid var(--res-line);border-radius:22px;background:#fff;box-shadow:var(--res-shadow)}.resellers-state-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border-radius:20px;background:#eaf2ff;color:var(--res-primary);font-size:1.6rem}.resellers-state h2{font-weight:850}.resellers-state p{color:var(--res-muted)}.resellers-state-error .resellers-state-icon{background:#fff0f0;color:#c13232}
.resellers-safety{padding:8px 0 52px}.resellers-safety-card{display:flex;align-items:flex-start;gap:18px;max-width:920px;margin:auto;padding:24px 26px;border:1px solid #cfe0fa;border-radius:18px;background:#edf5ff}.resellers-safety-card>div:first-child{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:#fff;color:var(--res-primary);font-size:1.2rem}.resellers-safety h2{margin:0 0 5px;font-size:1rem;font-weight:850}.resellers-safety p{margin:0;color:#52647d;font-size:.9rem;line-height:1.6}
.reseller-contact-modal .modal-content{overflow:hidden;border:0;border-radius:20px;box-shadow:0 28px 80px rgba(15,35,70,.2)}.reseller-contact-modal .modal-header{padding:20px 22px;border-bottom:1px solid var(--res-line)}.reseller-modal-logo{display:grid;place-items:center;width:48px;height:48px;overflow:hidden;border:1px solid var(--res-line);border-radius:13px;background:#f7faff;color:var(--res-primary)}.reseller-modal-logo img{width:100%;height:100%;object-fit:contain;padding:5px}.reseller-modal-kicker{color:var(--res-primary);font-size:.69rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.reseller-contact-modal .modal-title{font-size:1.05rem;font-weight:850}.reseller-contact-modal .modal-body{padding:14px}.reseller-contact-list{display:grid;gap:8px}.reseller-contact-link{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:12px 13px;border:1px solid var(--res-line);border-radius:12px;color:var(--res-ink);text-decoration:none;font-weight:750;transition:.18s ease}.reseller-contact-link>i:first-child{color:var(--res-primary);text-align:center}.reseller-contact-link>i:last-child{color:#9aa8bb;font-size:.7rem}.reseller-contact-link:hover{border-color:#b9cff2;background:#f7faff;color:var(--res-primary-dark)}.reseller-contact-empty{padding:24px;text-align:center;color:var(--res-muted)}
@media(max-width:991.98px){.resellers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resellers-hero{padding-top:28px}}
@media(max-width:575.98px){.resellers-hero-card{padding:28px 18px;border-radius:18px}.resellers-grid{grid-template-columns:1fr}.reseller-card-actions{grid-template-columns:1fr}.resellers-safety-card{padding:20px;gap:13px}.resellers-stats{gap:8px}.resellers-stats span{font-size:.78rem}}


/* GKazmi Priority 5/6 production repair: scoped to System Status only. */
#enterprise-operations .enterprise-card,
#performance .enterprise-card,
#monitoring-center .enterprise-card{ overflow: hidden; }
#enterprise-operations .eo-heading,
#monitoring-center .mc-domain-heading{ align-items:center; }
#enterprise-operations .eo-generated{
display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding-inline: 0.75rem;
    border-radius: 999px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
margin-left:auto; align-self:center;
}

#enterprise-operations .table-responsive,
#performance .table-responsive{ overflow-x:auto; }
#enterprise-operations table,
#performance table{ margin-bottom:0; }
#enterprise-operations table th,
#enterprise-operations table td,
#performance table th,
#performance table td{ vertical-align:middle; padding:.72rem .8rem; }
#enterprise-operations .eo-empty{ min-height:92px; display:flex; align-items:center; justify-content:center; text-align:center; }
#performance .p6-score-card{ display:flex; flex-direction:column; justify-content:center; min-height:280px; }
#performance .p6-score-value{ font-size:clamp(2.6rem,5vw,4.5rem); line-height:1; }
#performance .p6-runtime-grid th{ width:22%; }
#monitoring-center .mc-domain-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:1rem; }
#monitoring-center .mc-domain-card{ border:1px solid var(--bs-border-color); border-radius:1rem; padding:1rem 1.1rem; background:var(--bs-body-bg); min-width:0; }
#monitoring-center .mc-domain-main{
display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:1rem;
}

#monitoring-center .mc-domain-status{
min-width: 86px;
    text-align: center;
    font-weight: 750;
align-self:start; padding:.55rem .8rem; border-radius:999px;
}

#monitoring-center .mc-queue-meta{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; margin-top:1rem; }
#monitoring-center .mc-queue-meta > span{ display:flex; flex-direction:column; gap:.15rem; padding:.65rem .75rem; border:1px solid var(--bs-border-color); border-radius:.75rem; background:var(--bs-tertiary-bg); }
#monitoring-center .mc-current-job{
margin-top: 0.65rem;
    line-height: 1.45;
margin-top:.8rem; overflow-wrap:anywhere;
}

#monitoring-center .mc-domain-count{
min-width: 82px;
    font-weight: 700;
min-width:86px; text-align:center; padding:.5rem .8rem;
}

@media (max-width:767.98px){
 #enterprise-operations .eo-generated{width:100%;margin-left:0;text-align:center;}
 #monitoring-center .mc-domain-grid{grid-template-columns:1fr;}
 #monitoring-center .mc-queue-meta{grid-template-columns:1fr;}
 #monitoring-center .mc-domain-main{grid-template-columns:1fr;}
 #monitoring-center .mc-domain-status{justify-self:start;}
 #performance .p6-runtime-grid th{
    width:22%;
    min-width:0;
    white-space:normal;
    overflow-wrap:anywhere;
}
}


/* === GKazmi UI Route Source: gkazmi-unified-headers.css === */
/* Exact Manage Users header geometry for all internal pages except Dashboard. */
.gkazmi-exact-manage-users-header,
.header.gkazmi-exact-manage-users-header{
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 226px !important;
  margin: 0 !important;
  padding: 24px 24px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  overflow: hidden !important;
  border: 1px solid #dbe4f3 !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg,#f8fbff 0%,#f1f5ff 58%,#eef0ff 100%) !important;
  box-shadow: 0 16px 36px rgba(55,65,120,.07) !important;
  text-align: center !important;
}
.gkazmi-exact-manage-users-header .header-icon{
  position: relative !important;
  z-index: 2 !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 auto 2px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #d8d5ff !important;
  border-radius: 12px !important;
  color: #6255dc !important;
  background: #f0eeff !important;
  box-shadow: none !important;
  font-size: 1.2rem !important;
}
.gkazmi-exact-manage-users-header .gkazmi-p1-hero{
  position: relative !important;
  box-sizing: border-box !important;
  width: min(100%, 470px) !important;
  min-height: 82px !important;
  margin: 0 auto !important;
  padding: 17px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  overflow: hidden !important;
  border: 1px solid #dcdcff !important;
  border-radius: 19px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 18px 40px rgba(77,70,160,.09) !important;
  text-align: left !important;
}
.gkazmi-exact-manage-users-header .gkazmi-p1-hero::after{
  content: "" !important;
  position: absolute !important;
  top: -61px !important;
  right: -44px !important;
  width: 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  background: rgba(103,94,230,.13) !important;
}
.gkazmi-exact-manage-users-header .gkazmi-p1-hero h1{
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  color: #101828 !important;
  font-size: clamp(1.45rem,2.2vw,1.9rem) !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
}
.gkazmi-exact-manage-users-header .gkazmi-p1-hero p{
  position: relative !important;
  z-index: 1 !important;
  margin: 7px 0 0 !important;
  color: #71809b !important;
  font-size: .88rem !important;
  line-height: 1.45 !important;
}
.gkazmi-exact-manage-users-header > p.lead{
  margin: 5px 0 0 !important;
  color: #8290a8 !important;
  font-size: .9rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}
.gkazmi-exact-header-actions{
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 4px !important;
}
.gkazmi-exact-header-actions .btn{ min-height: 38px !important; }
/* Neutralize prior unified-header shells so only the exact component is visible. */
.gkazmi-unified-page-header,
.gkazmi-unified-page-hero{ display: none !important; }
@media (max-width: 768px) {
  .gkazmi-exact-manage-users-header,
.header.gkazmi-exact-manage-users-header{
    min-height: 190px !important;
    padding: 20px 14px 22px !important;
    border-radius: 16px !important;
  }
  .gkazmi-exact-manage-users-header .gkazmi-p1-hero{
    width: min(100%, 430px) !important;
    padding: 15px 18px !important;
    align-items: center !important;
    text-align: center !important;
  }
}


/* === GKazmi UI Route Source: gkazmi-website-settings-priority-polish.css === */
/*
 *
 * Website Settings presentation-only polish.
 * No business logic or form semantics.
 */

body.gkazmi-theme-100[class*="settings-tab-"]{
    --gkazmi-ws-border: rgba(148, 163, 184, 0.22);
    --gkazmi-ws-border-strong: rgba(148, 163, 184, 0.34);
    --gkazmi-ws-surface: rgba(255, 255, 255, 0.82);
    --gkazmi-ws-surface-soft: rgba(248, 250, 252, 0.86);
    
    --gkazmi-ws-shadow: 0 14px 38px rgba(15, 23, 42, 0.07);
}

/* ------------------------------------------------------------
 * Navigation
 * ------------------------------------------------------------ */

body.gkazmi-theme-100[class*="settings-tab-"] .settings-tabs{
    display: flex;
    flex-wrap: nowrap;
    gap: 0.42rem;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 1rem;
    padding: 0.4rem;
    border: 1px solid var(--gkazmi-ws-border);
    border-radius: 14px;
    background: var(--gkazmi-ws-surface-soft);
    scrollbar-width: thin;
}

body.gkazmi-theme-100[class*="settings-tab-"] .settings-tabs .nav-item{
    flex: 0 0 auto;
}

body.gkazmi-theme-100[class*="settings-tab-"] .settings-tabs .nav-link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    min-height: 40px;
    padding: 0.5rem 0.78rem;
    border-radius: 10px;
    white-space: nowrap;
    font-weight: 650;
}

body.gkazmi-theme-100[class*="settings-tab-"] .settings-tabs .nav-link:focus-visible{
    outline: 3px solid rgba(59, 130, 246, 0.26);
    outline-offset: 2px;
}

/* ------------------------------------------------------------
 * Main section hierarchy
 * ------------------------------------------------------------ */

body.gkazmi-theme-100[class*="settings-tab-"] .settings-section-card{
    position: relative;
    overflow: visible;
    margin-bottom: 1rem;
    border: 1px solid var(--gkazmi-ws-border);
    border-radius: 16px;
    box-shadow: var(--gkazmi-ws-shadow);
}

body.gkazmi-theme-100[class*="settings-tab-"] .settings-section-card > h5,
body.gkazmi-theme-100[class*="settings-tab-"] .settings-section-card .modal-title{
    letter-spacing: -0.01em;
}

body.gkazmi-theme-100[class*="settings-tab-"] .settings-section-card > h5{
    margin-bottom: 0.35rem;
    font-size: 1.02rem;
    font-weight: 760;
}

body.gkazmi-theme-100[class*="settings-tab-"] .settings-section-card > .hint:first-of-type{
    margin-bottom: 1rem;
}

body.gkazmi-theme-100[class*="settings-tab-"] .form-card{
    padding: 1.15rem;
}

/* ------------------------------------------------------------
 * Forms
 * ------------------------------------------------------------ */

body.gkazmi-theme-100[class*="settings-tab-"] .settings-section-card form{
    scroll-margin-top: 6rem;
}

body.gkazmi-theme-100[class*="settings-tab-"] .form-label{
    margin-bottom: 0.38rem;
    font-size: 0.8rem;
    font-weight: 700;
}

body.gkazmi-theme-100[class*="settings-tab-"] .form-control,
body.gkazmi-theme-100[class*="settings-tab-"] .form-select{
    min-height: 42px;
    border-color: var(--gkazmi-ws-border-strong);
    border-radius: 10px;
}

body.gkazmi-theme-100[class*="settings-tab-"] textarea.form-control{
    min-height: 96px;
    resize: vertical;
}

body.gkazmi-theme-100[class*="settings-tab-"] .form-control:focus,
body.gkazmi-theme-100[class*="settings-tab-"] .form-select:focus,
body.gkazmi-theme-100[class*="settings-tab-"] .form-check-input:focus{
    border-color: rgba(59, 130, 246, 0.64);
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.12);
}

body.gkazmi-theme-100[class*="settings-tab-"] .form-control[readonly],
body.gkazmi-theme-100[class*="settings-tab-"] .form-control:disabled,
body.gkazmi-theme-100[class*="settings-tab-"] .form-select:disabled{
    opacity: 0.84;
}

body.gkazmi-theme-100[class*="settings-tab-"] .form-text,
body.gkazmi-theme-100[class*="settings-tab-"] .hint{
    line-height: 1.48;
}

body.gkazmi-theme-100[class*="settings-tab-"] .form-check{
    min-height: 1.6rem;
}

body.gkazmi-theme-100[class*="settings-tab-"] .form-check-label{
    line-height: 1.35;
}

/* ------------------------------------------------------------
 * Buttons / actions
 * ------------------------------------------------------------ */

body.gkazmi-theme-100[class*="settings-tab-"] .settings-section-card .btn{
    min-height: 38px;
    border-radius: 9px;
    font-weight: 650;
}

body.gkazmi-theme-100[class*="settings-tab-"] .settings-section-card .btn-sm{
    min-height: 34px;
}

body.gkazmi-theme-100[class*="settings-tab-"] .gkazmi-icon-action{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    padding-inline: 0.55rem;
}

body.gkazmi-theme-100[class*="settings-tab-"] .btn-danger,
body.gkazmi-theme-100[class*="settings-tab-"] .btn-outline-danger{
    font-weight: 700;
}

/* Keep destructive actions visually separate without changing behavior. */
body.gkazmi-theme-100[class*="settings-tab-"] form[data-confirm]{
    display: inline-flex;
}

/* ------------------------------------------------------------
 * Tables
 * ------------------------------------------------------------ */

body.gkazmi-theme-100[class*="settings-tab-"] .table-responsive{
    border: 1px solid var(--gkazmi-ws-border);
    border-radius: 12px;
}

body.gkazmi-theme-100[class*="settings-tab-"] .table{
    margin-bottom: 0;
}

body.gkazmi-theme-100[class*="settings-tab-"] .table thead th{
    white-space: nowrap;
    font-size: 0.74rem;
    font-weight: 760;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    vertical-align: middle;
}

body.gkazmi-theme-100[class*="settings-tab-"] .table tbody td{
    vertical-align: middle;
}

body.gkazmi-theme-100[class*="settings-tab-"] .gkazmi-invoices-table td,
body.gkazmi-theme-100[class*="settings-tab-"] .gkazmi-packages-table td{
    padding-block: 0.72rem;
}

/* ------------------------------------------------------------
 * Modals
 * ------------------------------------------------------------ */

body.gkazmi-theme-100[class*="settings-tab-"] .modal-content{
    overflow: hidden;
    border: 1px solid var(--gkazmi-ws-border);
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);
}

body.gkazmi-theme-100[class*="settings-tab-"] .modal-header{
    padding: 1rem 1.15rem;
}

body.gkazmi-theme-100[class*="settings-tab-"] .modal-body{
    padding: 1.15rem;
}

body.gkazmi-theme-100[class*="settings-tab-"] .modal-footer{
    gap: 0.5rem;
    padding: 0.85rem 1.15rem;
}

/* ------------------------------------------------------------
 * Accessibility helper state
 * ------------------------------------------------------------ */

body.gkazmi-theme-100[class*="settings-tab-"] .gkazmi-ws-runtime-labelled{
    scroll-margin-top: 5.5rem;
}

body.gkazmi-theme-100[class*="settings-tab-"] :is(
    button,
    a,
    input,
    select,
    textarea
):focus-visible{
    outline: 3px solid rgba(59, 130, 246, 0.24);
    outline-offset: 2px;
}

/* ------------------------------------------------------------
 * Dark-theme-safe fallbacks
 * ------------------------------------------------------------ */

body.gkazmi-theme-100[class*="settings-tab-"][data-theme="dark"],
body.gkazmi-theme-100[class*="settings-tab-"].dark-mode{
    --gkazmi-ws-border: rgba(148, 163, 184, 0.2);
    --gkazmi-ws-border-strong: rgba(148, 163, 184, 0.3);
    --gkazmi-ws-surface: rgba(15, 23, 42, 0.75);
    --gkazmi-ws-surface-soft: rgba(30, 41, 59, 0.7);
    
    --gkazmi-ws-shadow: 0 14px 38px rgba(0, 0, 0, 0.18);
}

/* ------------------------------------------------------------
 * Responsive behavior
 * ------------------------------------------------------------ */

@media (max-width: 991.98px){
    body.gkazmi-theme-100[class*="settings-tab-"] .form-card {
        padding: 1rem;
    }

    body.gkazmi-theme-100[class*="settings-tab-"] .settings-tabs {
        margin-inline: -0.15rem;
    }

    body.gkazmi-theme-100[class*="settings-tab-"] .modal-dialog {
        margin: 0.75rem;
    }
}

@media (max-width: 767.98px) {
    body.gkazmi-theme-100[class*="settings-tab-"] .settings-tabs{
        gap: 0.3rem;
        padding: 0.32rem;
    }

    body.gkazmi-theme-100[class*="settings-tab-"] .settings-tabs .nav-link{
        min-height: 38px;
        padding: 0.45rem 0.64rem;
        font-size: 0.82rem;
    }

    body.gkazmi-theme-100[class*="settings-tab-"] .form-card{
        padding: 0.9rem;
        border-radius: 13px;
    }

    body.gkazmi-theme-100[class*="settings-tab-"] .settings-section-card > h5{
        font-size: 0.97rem;
    }

    body.gkazmi-theme-100[class*="settings-tab-"] .settings-section-card form .btn:not(.gkazmi-icon-action):not(.btn-close){
        max-width: 100%;
    }

    body.gkazmi-theme-100[class*="settings-tab-"] .table-responsive{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.gkazmi-theme-100[class*="settings-tab-"] .modal-dialog{
        margin: 0.5rem;
    }

    body.gkazmi-theme-100[class*="settings-tab-"] .modal-body{
        padding: 0.95rem;
    }
}


/* === GKazmi UI Route Source: manage-resellers-enterprise.css === */
.gkazmi-route-manage-resellers .mr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.gkazmi-route-manage-resellers .mr-stat-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.05)}.gkazmi-route-manage-resellers .mr-stat-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f8fafc}.gkazmi-route-manage-resellers .mr-stat-card small{display:block;color:#64748b}.gkazmi-route-manage-resellers .mr-stat-card strong{font-size:1.5rem}.gkazmi-route-manage-resellers .mr-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 160px 180px auto auto auto;gap:10px;align-items:center;margin-bottom:16px}.gkazmi-route-manage-resellers .modal-content{border:0;border-radius:18px;overflow:hidden}.gkazmi-route-manage-resellers .modal-header{background:linear-gradient(135deg,#f8fafc,#eef2ff)}@media(max-width:1100px){.gkazmi-route-manage-resellers .mr-toolbar{grid-template-columns:1fr 1fr 1fr}.gkazmi-route-manage-resellers .mr-search-form{grid-column:1/-1}.gkazmi-route-manage-resellers .mr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.gkazmi-route-manage-resellers .mr-stats,
.gkazmi-route-manage-resellers .mr-toolbar{grid-template-columns:1fr}.gkazmi-route-manage-resellers .mr-search-form{grid-column:auto}.gkazmi-route-manage-resellers .mr-toolbar>*{width:100%}.gkazmi-route-manage-resellers .gkazmi-resellers-table{min-width:1050px}.gkazmi-route-manage-resellers .modal-dialog{margin:10px}}


/* === GKazmi UI Route Source: manage-users-actions-compact-final.css === */
/* Final compact Actions control for Manage Users */
body.gkazmi-manage-users-page .canonical-users-table .u-col-actions,
body.gkazmi-manage-users-page .canonical-users-table th:last-child,
body.gkazmi-manage-users-page .canonical-users-table td:last-child{
  width:72px !important;
  min-width:72px !important;
  max-width:72px !important;
  text-align:center !important;
}

body.gkazmi-manage-users-page .canonical-users-table .actions-cell{
  width:72px !important;
  min-width:72px !important;
  max-width:72px !important;
  padding-left:6px !important;
  padding-right:6px !important;
  overflow:visible !important;
  white-space:nowrap !important;
  text-align:center !important;
}

body.gkazmi-manage-users-page .actions-cell .dropdown,
body.gkazmi-manage-users-page .actions-cell .mu-actions-dropdown{
  display:inline-block !important;
  width:auto !important;
}

body.gkazmi-manage-users-page .actions-cell button[data-bs-toggle="dropdown"],
body.gkazmi-manage-users-page .actions-cell .mu-actions-trigger,
body.gkazmi-manage-users-page .actions-cell .dropdown-toggle{
  width:38px !important;
  min-width:38px !important;
  max-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 !important;
  margin:0 auto !important;
  border:1px solid #c7d2fe !important;
  border-radius:11px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  overflow:hidden !important;
  color:#4338ca !important;
  background:#fff !important;
  box-shadow:0 2px 8px rgba(79,70,229,.08) !important;
  font-size:0 !important;
  line-height:1 !important;
}

body.gkazmi-manage-users-page .actions-cell button[data-bs-toggle="dropdown"]::after,
body.gkazmi-manage-users-page .actions-cell .dropdown-toggle::after{
  display:none !important;
}

body.gkazmi-manage-users-page .actions-cell button[data-bs-toggle="dropdown"] i,
body.gkazmi-manage-users-page .actions-cell .mu-actions-trigger i{
  display:inline-block !important;
  width:auto !important;
  margin:0 !important;
  font-size:15px !important;
  line-height:1 !important;
}

body.gkazmi-manage-users-page .actions-cell button[data-bs-toggle="dropdown"] span,
body.gkazmi-manage-users-page .actions-cell .mu-actions-trigger span,
body.gkazmi-manage-users-page .actions-cell .mu-actions-trigger .fa-chevron-down{
  display:none !important;
}

body.gkazmi-manage-users-page .actions-cell button[data-bs-toggle="dropdown"]:hover,
body.gkazmi-manage-users-page .actions-cell button[data-bs-toggle="dropdown"]:focus,
body.gkazmi-manage-users-page .actions-cell button[data-bs-toggle="dropdown"][aria-expanded="true"]{
  color:#fff !important;
  background:linear-gradient(135deg,#4f46e5,#2563eb) !important;
  border-color:#4f46e5 !important;
  box-shadow:0 8px 18px rgba(79,70,229,.22) !important;
}

body.gkazmi-manage-users-page .actions-cell .dropdown-menu,
body.gkazmi-manage-users-page .actions-cell .mu-actions-menu{
  min-width:205px !important;
  width:205px !important;
  padding:7px !important;
  border:1px solid #dbe3f1 !important;
  border-radius:13px !important;
  background:#fff !important;
  box-shadow:0 18px 48px rgba(15,23,42,.18) !important;
  z-index:1090 !important;
}

body.gkazmi-manage-users-page .actions-cell .dropdown-item{
  min-height:40px !important;
  padding:9px 11px !important;
  border-radius:9px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  font-size:.82rem !important;
  font-weight:700 !important;
}

@media(max-width:767.98px){
  body.gkazmi-manage-users-page .canonical-users-table .u-col-actions,
body.gkazmi-manage-users-page .canonical-users-table th:last-child,
body.gkazmi-manage-users-page .canonical-users-table td:last-child,
body.gkazmi-manage-users-page .canonical-users-table .actions-cell{
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
  }
}


/* === GKazmi UI Route Source: manage-users-actions-final.css === */
/* GKazmi Manage Users — final single Actions control */
body.gkazmi-manage-users-page .canonical-users-table .u-col-actions,
body.gkazmi-manage-users-page .canonical-users-table .actions-cell{
  width:112px !important;
  min-width:112px !important;
}
body.gkazmi-manage-users-page .canonical-users-table .actions-cell{
  overflow:visible !important;
  white-space:nowrap !important;
  text-align:right !important;
}
body.gkazmi-manage-users-page .mu-final-actions{
  position:relative;
  display:inline-block;
}
body.gkazmi-manage-users-page .mu-final-actions-trigger{
  min-width:92px;
  height:36px;
  padding:0 12px;
  border:1px solid #c7d2fe;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#3730a3;
  background:linear-gradient(180deg,#fff,#f5f6ff);
  font-size:.78rem;
  font-weight:800;
  line-height:1;
  box-shadow:0 2px 7px rgba(15,23,42,.06);
}
body.gkazmi-manage-users-page .mu-final-actions-trigger::after{
  margin-left:1px;
  vertical-align:middle;
}
body.gkazmi-manage-users-page .mu-final-actions-trigger:hover,
body.gkazmi-manage-users-page .mu-final-actions-trigger:focus,
body.gkazmi-manage-users-page .mu-final-actions-trigger.show{
  color:#fff;
  border-color:#4f46e5;
  background:linear-gradient(135deg,#4f46e5,#2563eb);
  box-shadow:0 8px 18px rgba(79,70,229,.22);
}
body.gkazmi-manage-users-page .mu-final-actions-menu{
  min-width:205px;
  padding:7px;
  border:1px solid #dbe3f1;
  border-radius:13px;
  background:#fff;
  box-shadow:0 20px 52px rgba(15,23,42,.2);
  z-index:1095;
}
body.gkazmi-manage-users-page .mu-final-actions-menu .dropdown-item{
  width:100%;
  min-height:40px;
  padding:9px 11px;
  border:0;
  border-radius:9px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#334155;
  background:transparent;
  font-size:.82rem;
  font-weight:700;
  text-align:left;
  text-decoration:none;
}
body.gkazmi-manage-users-page .mu-final-actions-menu .dropdown-item i{
  width:20px;
  color:#6366f1;
  text-align:center;
}
body.gkazmi-manage-users-page .mu-final-actions-menu .dropdown-item:hover,
body.gkazmi-manage-users-page .mu-final-actions-menu .dropdown-item:focus{
  color:#312e81;
  background:#eef2ff;
}
body.gkazmi-manage-users-page .mu-final-actions-menu .dropdown-divider{
  margin:6px 4px;
  border-color:#e2e8f0;
}
body.gkazmi-manage-users-page .mu-final-actions-menu form{
  width:100%;
  margin:0;
}
body.gkazmi-manage-users-page .mu-final-actions-menu .mu-final-delete{
  color:#b91c1c;
}
body.gkazmi-manage-users-page .mu-final-actions-menu .mu-final-delete i{
  color:#dc2626;
}
body.gkazmi-manage-users-page .mu-final-actions-menu .mu-final-delete:hover,
body.gkazmi-manage-users-page .mu-final-actions-menu .mu-final-delete:focus{
  color:#991b1b;
  background:#fff1f2;
}
@media(max-width:767.98px) {
  body.gkazmi-manage-users-page .canonical-users-table .u-col-actions,
body.gkazmi-manage-users-page .canonical-users-table .actions-cell{
    width:100% !important;
    min-width:0 !important;
  }
  body.gkazmi-manage-users-page .mu-final-actions,
body.gkazmi-manage-users-page .mu-final-actions-trigger{
    width:100%;
  }
  body.gkazmi-manage-users-page .mu-final-actions-menu{
    min-width:220px;
  }
}


/* === GKazmi UI Route Source: manage-users-enterprise.css === */
body.gkazmi-manage-users-page{background:#f5f7fb}.mu-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.mu-stat-card{background:#fff;border:1px solid #e7ebf3;border-radius:16px;padding:16px;display:flex;align-items:center;gap:13px;box-shadow:0 8px 28px rgba(30,41,59,.05)}.mu-stat-card small{display:block;color:#64748b;font-weight:700;text-transform:uppercase;font-size:.68rem;letter-spacing:.05em}.mu-stat-card strong{display:block;font-size:1.55rem;color:#0f172a}.mu-stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.mu-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 150px 150px 170px auto auto auto;gap:10px;align-items:center;background:#fff;border:1px solid #e7ebf3;border-radius:16px;padding:14px}.users-table-wrap{background:#fff;border:1px solid #e7ebf3;border-radius:16px;box-shadow:0 8px 28px rgba(30,41,59,.04);overflow:auto}.canonical-users-table{margin:0}.canonical-users-table thead th{position:sticky;top:0;background:#f8fafc;z-index:2;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#475569;white-space:nowrap}.canonical-users-table tbody tr{transition:.15s}.canonical-users-table tbody tr:hover{background:#f8fbff}.mu-job-count{display:inline-flex;min-width:30px;height:28px;border-radius:9px;align-items:center;justify-content:center;background:#eef2ff;color:#4338ca;font-weight:800}.mu-select-col{width:38px}.mu-bulk-bar{position:sticky;bottom:16px;margin:16px auto 0;max-width:520px;background:#111827;color:white;padding:10px 14px;border-radius:14px;display:flex;align-items:center;gap:10px;justify-content:center;box-shadow:0 12px 30px rgba(15,23,42,.25);z-index:10}.mu-profile-drawer{width:min(460px,94vw)!important}.mu-profile-hero{padding:18px;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#f8fafc);margin-bottom:16px}.mu-avatar{width:58px;height:58px;border-radius:18px;background:#4f46e5;color:#fff;display:grid;place-items:center;font-size:1.3rem;font-weight:800}.mu-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mu-profile-item{border:1px solid #e7ebf3;border-radius:12px;padding:12px}.mu-profile-item small{display:block;color:#64748b}.mu-profile-item strong{word-break:break-word}@media(max-width:1250px){.mu-summary-grid{grid-template-columns:repeat(3,1fr)}.mu-toolbar{grid-template-columns:1fr 1fr 1fr}.mu-search-form{grid-column:1/-1}}@media(max-width:768px){.mu-summary-grid{grid-template-columns:1fr 1fr}.mu-toolbar{grid-template-columns:1fr}.mu-search-form{grid-column:auto}.mu-stat-card{padding:12px}.mu-profile-grid{grid-template-columns:1fr}}

/* === GKazmi UI Route Source: manual-cronjobs.css === */
/* Externalized from manuallycronjobs.php by GKazmi Phase 15 */
    
    .status-active{
      color: var(--success);
      font-weight: 600;
    }
    
    .status-paused{
      color: var(--warning);
      font-weight: 600;
    }
    
    .progress-container{
        background: #f8f9fa;
        border-radius: 10px;
        padding: 20px;
        margin: 20px 0;
        border: 1px solid #dee2e6;
    }

    .progress-info{
        margin-bottom: 15px;
    }

    .progress-bar{
        transition: width 0.3s ease;
        height: 20px;
    }
  
/* === Unified dashboard-style sidebar look (injected) === */


/* Force icon colors by href (no layout changes) */


/* === colorful banners (2025-10-19T05:02:48) === */


/* Apply to common banner containers */


/* Titles and small subtitle text inside banners */


/* Optional corner style seen in your screenshots */


/* Ensure icons in the banner are bright */


/* === end colorful banners === */

/* === colorful modals + icons (2025-10-19T05:10:01) === */


/* Modal container */


/* Header bar */


/* Inputs focus ring */


/* Footer buttons */


/* Add colorful emoji icons to common action buttons */


/* Colored field prefix icons (emoji) */


/* Ensure label icons inherit colorful gradient look subtly */


/* === end colorful modals + icons === */

/* === emoji label icons (2025-10-19T05:18:38) === */

/* Emoji label icons */


/* Ensure spacing consistent even if no emoji injected */


/* === emoji flat colors (2025-10-19T05:25:48) === */

/* Ensure modal label emojis render with native emoji colors (no gradient fill) */


/* === emoji map update (2025-10-19T05:32:18) === */

/* Slightly larger emoji for key fields */


/* === emoji formscope fix (2025-10-19T05:36:58) === */

/* Emoji label baseline for all forms (not sidebar) */

 /* don't affect sidebar */


/* === GKazmi UI Route Source: system-status-polished.css === */
.system-status-shell{max-width:1680px;margin:0 auto}.ss-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.ss-kpi{position:relative;overflow:hidden;min-height:128px;border:1px solid var(--bs-border-color);border-radius:1rem;background:var(--bs-body-bg);padding:1.15rem}.ss-kpi:after{content:"";position:absolute;right:-28px;bottom:-38px;width:105px;height:105px;border-radius:50%;background:currentColor;opacity:.06}.ss-kpi-icon{width:42px;height:42px;border-radius:.85rem;display:grid;place-items:center;background:color-mix(in srgb,currentColor 12%,transparent);font-size:1.1rem}.ss-kpi-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--bs-secondary-color);font-weight:700}.ss-kpi-value{font-size:1.7rem;font-weight:800;line-height:1.15;margin-top:.55rem}.ss-kpi-sub{font-size:.78rem;color:var(--bs-secondary-color);margin-top:.25rem}.ss-tabbar{position:sticky;top:.5rem;z-index:20;background:color-mix(in srgb,var(--bs-body-bg) 92%,transparent);backdrop-filter:blur(14px);border:1px solid var(--bs-border-color);border-radius:1rem;padding:.5rem;box-shadow:0 .45rem 1.4rem rgba(0,0,0,.08)}.ss-tabbar .nav-link{border-radius:.75rem;color:var(--bs-secondary-color);font-weight:700;padding:.7rem .95rem;white-space:nowrap}.ss-tabbar .nav-link.active{color:#fff;background:var(--bs-primary)}.ss-tab-pane{padding-top:1rem}.ss-section-card{height:100%;border-radius:1rem}.ss-section-title{display:flex;align-items:center;gap:.65rem}.ss-section-icon{width:38px;height:38px;border-radius:.75rem;display:grid;place-items:center;background:color-mix(in srgb,var(--bs-primary) 12%,transparent);color:var(--bs-primary)}.ss-status-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;margin-right:.4rem}.ss-status-dot.ok{background:var(--bs-success)}.ss-status-dot.warn{background:var(--bs-warning)}.ss-status-dot.bad{background:var(--bs-danger)}.ss-command{background:#111827;color:#f8fafc;border-radius:.75rem;padding:.85rem;overflow:auto;white-space:pre-wrap}.ss-scroll-table{max-height:460px;overflow:auto}.ss-small{font-size:.82rem}.ss-overview-alerts .alert:last-child{margin-bottom:0}.ss-anchor-offset{scroll-margin-top:100px}@media(max-width:1399.98px){.ss-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767.98px){.ss-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.ss-kpi{min-height:112px;padding:.9rem}.ss-kpi-value{font-size:1.4rem}.ss-tabbar{overflow-x:auto;flex-wrap:nowrap}.ss-tabbar::-webkit-scrollbar{height:4px}.enterprise-page-header{padding-left:1rem!important;padding-right:1rem!important}}@media(max-width:420px){.ss-summary-grid{grid-template-columns:1fr}}

/* GKAZMI_DISABLE_LEGACY_SYSTEM_STATUS_SECTION_NAV */
body.gkazmi-page-system_status .enterprise-section-nav{
  display: none !important;
}

.ss-monitoring-chart-card{
  min-height: 250px;
  padding: 1rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 1rem;
  background: var(--bs-body-bg);
}
.ss-monitoring-chart-title{
  margin-bottom: .75rem;
  font-weight: 700;
}
.ss-monitoring-chart-card canvas{
  display: block;
  width: 100%;
  max-width: 100%;
}

/* GKazmi KPI TAB NAVIGATION */
.ss-kpi-clickable{
    cursor: pointer;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.ss-kpi-clickable:hover,
.ss-kpi-clickable:focus-visible{
    transform: translateY(-3px);
    border-color: rgba(13, 110, 253, .35);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .12);
    outline: none;
}

body.gkazmi-page-system_status #monitoring-center .table td,
body.gkazmi-page-system_status #monitoring-center .table th{ vertical-align: middle; }
body.gkazmi-page-system_status #monitoring-center [data-countdown]{ font-weight: 700; }
body.gkazmi-page-system_status #monitoring-center .ss-scroll-table{ max-height: 430px; overflow: auto; }


body.gkazmi-page-system_status #monitoring-center .mc-toolbar{position:sticky;top:0;z-index:5}
body.gkazmi-page-system_status #monitoring-center .mc-domain-grid{
display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 16px !important;
    width: 100% !important;
    min-width: 0 !important;
display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1rem
}

body.gkazmi-page-system_status #monitoring-center .mc-domain-card{
display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 250px !important;
    padding: 16px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 14px !important;
border:1px solid var(--bs-border-color);border-radius:14px;padding:1rem;background:var(--bs-body-bg)
}

body.gkazmi-page-system_status #monitoring-center .mc-queue-meta{
display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:1rem
}

body.gkazmi-page-system_status #monitoring-center .mc-queue-meta>span{display:flex;flex-direction:column;gap:.15rem;padding:.55rem;border-radius:10px;background:rgba(148,163,184,.10)}
body.gkazmi-page-system_status #monitoring-center .mc-current-job{
display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    margin: 12px 0 0 !important;
    padding: 9px 10px !important;
    box-sizing: border-box !important;
overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
margin-top:.8rem;padding:.65rem;border-left:3px solid var(--bs-primary);background:rgba(13,110,253,.06)
}

body.gkazmi-page-system_status #monitoring-center .mc-waiting-list{margin:.65rem 0 0;padding-left:1.4rem}
body.gkazmi-page-system_status #monitoring-center .mc-waiting-list li{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0}
body.gkazmi-page-system_status #monitoring-center .mc-scroll-medium{max-height:430px;overflow:auto}
body.gkazmi-page-system_status #monitoring-center .mc-scroll-large{max-height:520px;overflow:auto}
body.gkazmi-page-system_status #monitoring-center thead th{position:sticky;top:0;z-index:2;background:var(--bs-body-bg)}
body.gkazmi-page-system_status #monitoring-center tr[hidden],
body.gkazmi-page-system_status #monitoring-center article[hidden]{display:none!important}
@media(max-width:767px){body.gkazmi-page-system_status #monitoring-center .mc-queue-meta{grid-template-columns:1fr}body.gkazmi-page-system_status #monitoring-center .mc-waiting-list li{display:block}}


/* GKazmi Monitoring Center - centre domain status badges */
body.gkazmi-page-system_status .mc-domain-card-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

body.gkazmi-page-system_status .mc-domain-status{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 104px;
    min-height: 48px;
    margin: 0;
    align-self: center;
}

body.gkazmi-page-system_status .mc-domain-status .badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    height: 44px;
    padding: 0 16px;
    border-radius: 999px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

/* GKazmi Monitoring Center - correctly centre queue status badges */
body.gkazmi-page-system_status #monitoring-center .mc-domain-card > .d-flex.justify-content-between{
    align-items: center !important;
    min-height: 58px;
}

body.gkazmi-page-system_status #monitoring-center .mc-domain-card > .d-flex.justify-content-between > .badge{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    flex: 0 0 92px;
    width: 92px;
    min-width: 92px;
    height: 44px;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 999px;
    line-height: 1 !important;
    text-align: center;
    white-space: nowrap;
}


/* ============================================================
   GKazmi UI — Phase 3E Consolidated Inline Styles
   Original source/block order preserved
   ============================================================ */

/* === GKazmi UI Inline Source: manage_resellers.php / Block 1 === */

#gkazmiResellersAjaxResults{
    transition: opacity .12s ease;
}

#gkazmiResellersAjaxResults.gkazmi-live-search-loading{
    opacity: .72;
}


/* === GKazmi UI Inline Source: dhru_auto_sync_user.php / Block 1 === */


.dhru-user-shell{
    padding:24px;
}


.dhru-user-grid{
    display:grid;
    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );
    gap:20px;
}

.dhru-user-card{
    background:#fff;
    border:
        1px solid
        rgba(15,23,42,.08);
    border-radius:16px;
    box-shadow:
        0 10px 30px
        rgba(15,23,42,.08);
    overflow:hidden;
}

.dhru-user-card-head{
    padding:18px 20px;
    border-bottom:
        1px solid
        rgba(15,23,42,.08);
    font-size:17px;
    font-weight:700;
}

.dhru-user-card-body{
    padding:20px;
}

.dhru-user-table{
    margin:0;
}

.dhru-user-table th{
    background:#f8fafc;
    color:#64748b;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.04em;
    white-space:nowrap;
}

.dhru-user-table td{
    vertical-align:middle;
}

.dhru-user-domain{
    font-weight:700;
}

.dhru-user-note{
    color:#64748b;
    font-size:13px;
    margin-top:14px;
}

@media(max-width:1100px){

    .dhru-user-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:767.98px){

    .dhru-user-shell{
        padding:14px;
    }

    .dhru-user-card-body{
        padding:12px;
    }

    .dhru-user-table{
        min-width:720px;
    }

}


/* === GKazmi UI Inline Source: manage_users.php / Block 1 === */

#gkazmiUsersAjaxResults{
    transition: opacity .12s ease;
}

#gkazmiUsersAjaxResults.gkazmi-live-search-loading{
    opacity: .72;
}


/* === GKazmi UI Inline Source: dhru_auto_sync.php / Block 1 === */

.gk-dhru-page{background:#f6f8fb;min-height:100vh}
.gk-dhru-page .card{border-radius:14px}
.gk-dhru-page .table-responsive{border-radius:12px}
.gk-dhru-page code{font-size:.875em}


/* === GKazmi UI Inline Source: dhru_auto_sync.php / Block 2 === */

.gk-dhru-summary{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
    margin:16px 0
}
.gk-dhru-summary-card{
    background:#fff;
    border:1px solid #dbe3ef;
    border-radius:14px;
    padding:18px;
    min-height:120px;
    box-shadow:0 4px 16px rgba(15,23,42,.04)
}
.gk-dhru-summary-card .k{
    font-size:.75rem;
    text-transform:uppercase;
    font-weight:800;
    color:#475569
}
.gk-dhru-summary-card .v{
    font-size:1.8rem;
    font-weight:800;
    margin-top:7px
}
.gk-dhru-summary-card .s{
    color:#64748b;
    font-size:.78rem;
    margin-top:7px
}
.gk-dhru-tabs{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    background:#fff;
    border:1px solid #dbe3ef;
    border-radius:14px;
    padding:7px;
    margin-bottom:16px
}
.gk-dhru-tab{
    border:1px solid #dbe3ef;
    border-radius:10px;
    min-height:48px;
    background:#fff;
    font-weight:800;
    color:#475569
}
.gk-dhru-tab.active{
    background:#6656dd;
    color:#fff;
    border-color:#6656dd;
    box-shadow:0 5px 14px rgba(102,86,221,.24)
}
.gk-dhru-panel{
    display:none
}
.gk-dhru-panel.active{
    display:block
}
.gk-dhru-admin-card{
    background:#fff;
    border:1px solid #dbe3ef;
    border-radius:14px;
    padding:18px;
    box-shadow:0 4px 16px rgba(15,23,42,.04)
}
.gk-dhru-table{
    overflow:auto
}
.gk-dhru-table table{
    min-width:1100px
}
.gk-dhru-search{
    max-width:520px
}
.gk-dhru-url{
    max-width:400px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
@media(max-width:1200px){
    .gk-dhru-summary{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}
@media(max-width:720px){
    .gk-dhru-summary{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .gk-dhru-tabs{
        grid-template-columns:1fr
    }
}


/* === GKazmi UI Inline Source: dhru_auto_sync.php / Block 3 === */

    .gk-dhru-management-workspace{
        background:#fff;
        border:1px solid #dbe3ef;
        border-radius:16px;
        padding:18px;
        box-shadow:0 5px 18px rgba(15,23,42,.04)
    }

    .gk-dhru-live-tools{
        display:flex;
        align-items:center;
        gap:12px;
        margin-bottom:18px
    }

    .gk-dhru-live-search{
        flex:1 1 680px;
        min-height:48px;
        border-radius:11px
    }

    .gk-dhru-management-summary{
        display:grid;
        grid-template-columns:repeat(5,minmax(0,1fr));
        gap:10px;
        margin:0 0 18px
    }

    .gk-dhru-management-stat{
        background:#fff;
        border:1px solid #dbe3ef;
        border-radius:13px;
        padding:15px;
        text-align:center
    }

    .gk-dhru-management-stat .value{
        font-size:1.45rem;
        font-weight:800
    }

    .gk-dhru-management-stat .label{
        color:#58677d;
        font-size:.72rem;
        text-transform:uppercase;
        font-weight:800;
        margin-top:6px
    }

    .gk-dhru-management-table{
        overflow:auto;
        border:1px solid #dbe3ef;
        border-radius:13px
    }

    .gk-dhru-management-table table{
        min-width:1180px;
        margin-bottom:0
    }

    .gk-dhru-management-table thead th{
        white-space:nowrap;
        font-size:.76rem;
        text-transform:uppercase;
        color:#40516a
    }

    .gk-dhru-management-table tbody tr:nth-child(odd){
        background:rgba(248,250,252,.75)
    }

    .gk-dhru-management-url{
        max-width:430px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis
    }

    @media(max-width:1000px){
        .gk-dhru-management-summary{
            grid-template-columns:repeat(2,minmax(0,1fr))
        }
    }
    

/* === GKazmi UI Inline Source: cronjobs_management.php / Block 1 === */

body.gkazmi-route-cronjobs-management .gkazmi-cronjobs-operations-toolbar,
body.gkazmi-route-cronjobs-management .gkazmi-cronjobs-operations-hint,
body.gkazmi-route-cronjobs-management .gkazmi-table-workspace-toolbar,
body.gkazmi-route-cronjobs-management .gkazmi-table-workspace-tools,
body.gkazmi-route-cronjobs-management [data-cj-query],
body.gkazmi-route-cronjobs-management [data-cj-auto],
body.gkazmi-route-cronjobs-management [data-cj-reset],
body.gkazmi-route-cronjobs-management .gkazmi-table-workspace-search,
body.gkazmi-route-cronjobs-management .gkazmi-table-workspace-select,
body.gkazmi-route-cronjobs-management .gkazmi-table-workspace-quick{
    display: none !important;
}


body.gkazmi-route-cronjobs-management [data-gkazmi-inline-selection-actions] #cjBulkActions{
    display: flex !important;
    position: static !important;
    inset: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    gap: .5rem !important;
    flex-wrap: wrap !important;
}
body.gkazmi-route-cronjobs-management #cjBulkActions[hidden]{
    display: none !important;
}


/* === GKazmi UI Inline Source: cronjobs_management.php / Block 2 === */


body.gkazmi-route-cronjobs-management [data-gkazmi-inline-selection-actions]{
    margin-inline-start: auto !important;
    display: none !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: .5rem !important;
}
body.gkazmi-route-cronjobs-management [data-gkazmi-inline-selection-actions].is-visible{ display: flex !important; }
body.gkazmi-route-cronjobs-management [data-gkazmi-inline-selection-actions] #cjBulkActions{
    display: flex !important;
    position: static !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    gap: .5rem !important;
    flex-wrap: wrap !important;
}


/* === GKazmi UI Inline Source: cronjobs_management.php / Block 3 === */

body.gkazmi-route-cronjobs-management .cj-summary-head #cjBulkActions{
    display: none !important;
}

body.gkazmi-route-cronjobs-management .gkazmi-final-bulk-actions-host{
    margin-inline-start: auto !important;
    display: none !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: .5rem !important;
}

body.gkazmi-route-cronjobs-management .gkazmi-final-bulk-actions-host.is-visible{
    display: flex !important;
}

body.gkazmi-route-cronjobs-management .gkazmi-final-bulk-actions-host > button{
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.gkazmi-route-cronjobs-management .gkazmi-final-hidden-selection-strip{
    display: none !important;
}


/* === GKazmi UI Inline Source: cronjobs_management.php / Block 4 === */

body:is(.gkazmi-route-cronjobs-management,.gkazmi-route-dhru-auto-sync) .gkazmi-cronjobs-selection-actions{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .75rem;
    width: 100%;
    margin: 0 0 .75rem;
    padding: .75rem 1rem;
    border: 1px solid #bcd4ff;
    border-radius: .75rem;
    background: #eef5ff;
}
body:is(.gkazmi-route-cronjobs-management,.gkazmi-route-dhru-auto-sync) .gkazmi-cronjobs-selection-actions[hidden]{ display: none !important; }
body:is(.gkazmi-route-cronjobs-management,.gkazmi-route-dhru-auto-sync) .gkazmi-cronjobs-selection-actions #cjBulkActions{
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .5rem;
    position: static !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body:is(.gkazmi-route-cronjobs-management,.gkazmi-route-dhru-auto-sync) .gkazmi-cronjobs-selection-actions #cjBulkActions[hidden]{ display: none !important; }
body:is(.gkazmi-route-cronjobs-management,.gkazmi-route-dhru-auto-sync) .gkazmi-cronjobs-selection-strip,
body:is(.gkazmi-route-cronjobs-management,.gkazmi-route-dhru-auto-sync) .gkazmi-selection-status,
body:is(.gkazmi-route-cronjobs-management,.gkazmi-route-dhru-auto-sync) .gkazmi-table-selection-status,
body:is(.gkazmi-route-cronjobs-management,.gkazmi-route-dhru-auto-sync) .table-selection-summary,
body:is(.gkazmi-route-cronjobs-management,.gkazmi-route-dhru-auto-sync) [data-selection-status],
body:is(.gkazmi-route-cronjobs-management,.gkazmi-route-dhru-auto-sync) .selection-status,
body:is(.gkazmi-route-cronjobs-management,.gkazmi-route-dhru-auto-sync) .selected-status,
body:is(.gkazmi-route-cronjobs-management,.gkazmi-route-dhru-auto-sync) .gkazmi-bulk-status{ display: none !important; }
@media (max-width: 767.98px) {
    body:is(.gkazmi-route-cronjobs-management,.gkazmi-route-dhru-auto-sync) .gkazmi-cronjobs-selection-actions{
        align-items: stretch;
        flex-direction: column;
    }
    body:is(.gkazmi-route-cronjobs-management,.gkazmi-route-dhru-auto-sync) .gkazmi-cronjobs-selection-actions #cjBulkActions{
        display: grid !important;
        grid-template-columns: 1fr;
        width: 100% !important;
    }
    body:is(.gkazmi-route-cronjobs-management,.gkazmi-route-dhru-auto-sync) .gkazmi-cronjobs-selection-actions #cjBulkActions .btn{ width: 100%; }
}


/* === GKazmi UI Inline Source: cronjobs_management.php / Block 5 === */

#gkazmiCronjobsAjaxResults{
    transition: opacity .12s ease;
}

#gkazmiCronjobsAjaxResults.gkazmi-live-search-loading{
    opacity: .72;
}


/* === GKazmi UI Inline Source: dhru_auto_sync_admin.php / Block 1 === */

.gkazmi-dhru-console{--gk-border:rgba(94,109,142,.22);--gk-muted:#64748b;--gk-purple:#6656dd;margin:0 0 1.25rem}
.gkazmi-dhru-console .gk-hero{max-width:900px;margin:0 auto 1.35rem;background:#fff;border:1px solid var(--gk-border);border-radius:16px;box-shadow:0 8px 28px rgba(15,23,42,.06);text-align:center;padding:1.15rem 1rem}
.gkazmi-dhru-console .gk-hero h1{margin:0;font-size:clamp(1.45rem,2.3vw,2rem);font-weight:800;letter-spacing:-.03em}
.gkazmi-dhru-console .gk-hero p{margin:.35rem 0 0;color:var(--gk-muted)}
.gkazmi-dhru-console .gk-actions{display:flex;justify-content:center;gap:.6rem;margin-top:.85rem;flex-wrap:wrap}
.gkazmi-dhru-console .gk-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}
.gkazmi-dhru-console .gk-stat{background:#fff;border:1px solid var(--gk-border);border-radius:14px;padding:1rem;min-height:145px;box-shadow:0 5px 18px rgba(15,23,42,.04)}
.gkazmi-dhru-console .gk-stat-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:#475569}
.gkazmi-dhru-console .gk-stat-value{margin-top:.4rem;font-size:1.8rem;line-height:1;font-weight:800}
.gkazmi-dhru-console .gk-stat-sub{margin-top:.55rem;font-size:.78rem;color:var(--gk-muted)}
.gkazmi-dhru-console .gk-tabs-shell{background:#fff;border:1px solid var(--gk-border);border-radius:14px;padding:.4rem;box-shadow:0 5px 18px rgba(15,23,42,.05);margin-bottom:1rem}
.gkazmi-dhru-console .gk-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.gkazmi-dhru-console .gk-tab{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:48px;border:1px solid var(--gk-border);border-radius:10px;background:#fff;font-weight:700;color:#475569;cursor:pointer}
.gkazmi-dhru-console .gk-tab.active{background:var(--gk-purple);color:#fff;border-color:var(--gk-purple);box-shadow:0 5px 14px rgba(102,86,221,.25)}
.gkazmi-dhru-console .gk-panel{display:none}.gkazmi-dhru-console .gk-panel.active{display:block}
.gkazmi-dhru-console .gk-panel-card{background:#fff;border:1px solid var(--gk-border);border-radius:14px;box-shadow:0 5px 18px rgba(15,23,42,.04);padding:1rem;margin-bottom:1rem}
.gkazmi-dhru-console .gk-panel-card h2{font-size:1.05rem;font-weight:800;margin:0 0 .25rem}
.gkazmi-dhru-console .gk-panel-card .gk-desc{color:var(--gk-muted);margin-bottom:.9rem}
@media(max-width:1200px){.gkazmi-dhru-console .gk-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.gkazmi-dhru-console .gk-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gkazmi-dhru-console .gk-tabs{grid-template-columns:1fr}}


/* === GKazmi UI Inline Source: dhru_auto_sync_admin.php / Block 2 === */

.gkazmi-dhru-shell{
    margin-bottom: 1.25rem;
}
.gkazmi-dhru-title-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    flex-wrap:wrap;
    margin-bottom:1rem;
}
.gkazmi-dhru-title-row h1,
.gkazmi-dhru-title-row h2{
    margin:0;
}
.gkazmi-dhru-nav-card{
    border:1px solid rgba(127,127,127,.18);
    border-radius:14px;
    background:var(--bs-body-bg);
    box-shadow:0 .25rem .9rem rgba(0,0,0,.05);
}
.gkazmi-dhru-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:.55rem;
}
.gkazmi-dhru-tabs .nav-link{
    border-radius:10px;
    font-weight:600;
    padding:.65rem .95rem;
}
.gkazmi-dhru-tabs .nav-link.active{
    box-shadow:0 .15rem .4rem rgba(0,0,0,.08);
}
.gkazmi-dhru-panel{
    display:none;
}
.gkazmi-dhru-panel.is-active{
    display:block;
}


/* === GKazmi UI Inline Source: dhru_auto_sync_admin.php / Block 3 === */

.dhru-admin-page{min-height:100vh;background:#f6f8fb}
.dhru-admin-page .card{border-radius:14px}
.dhru-admin-page .url-cell{max-width:520px;overflow-wrap:anywhere}


/* === GKazmi UI Inline Source: login.php / Block 1 === */

    .gkazmi-auth-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:#94a3b8;font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.07em}
    .gkazmi-auth-divider::before,
.gkazmi-auth-divider::after{content:"";flex:1;height:1px;background:#dbe4ef}
    #gkazmiPasskeyLoginLink,
#gkazmiRecoveryLoginLink{display:flex;align-items:center;justify-content:center;min-height:48px;font-weight:750}
    #gkazmiPasskeyLoginLink:focus-visible,
#gkazmiRecoveryLoginLink:focus-visible{outline:3px solid rgba(79,70,229,.25);outline-offset:2px}
  

/* ============================================================
   GKazmi UI — Consolidated Feature Visual Modules
   Safe batch: canonical collisions=0, pairwise collisions=0
   ============================================================ */

/* === GKazmi UI Consolidated Source: gkazmi-ui-communication-workflow-ux-polish.css === */
/*
 * GKazmi Enterprise Edition v7.1.3
 * Communication and Workflow UX Polish
 *
 * Presentation and browser productivity only.
 */

body.gk713-communication-page{
  --gk713-radius: .85rem;
  
  --gk713-control-height: 42px;
}

.gk713-filter-toolbar{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  margin-bottom: .75rem;
}

.gk713-filter-box{
  position: relative;
  flex: 1 1 260px;
  max-width: 520px;
}

.gk713-filter-box i{
  position: absolute;
  top: 50%;
  left: .8rem;
  transform: translateY(-50%);
  opacity: .55;
  pointer-events: none;
}

.gk713-filter-box input{
  min-height: var(--gk713-control-height);
  padding-left: 2.3rem;
}

.gk713-filter-count{
  color: var(--bs-secondary-color, #6c757d);
  font-size: .84rem;
  white-space: nowrap;
}

.gk713-hidden{
  display: none !important;
}

.gk713-communication-page .communication-card,
.gk713-communication-page .automation-card,
.gk713-communication-page .gkazmi-workflow-card{
  border-radius: var(--gk713-radius);
}

.gk713-communication-page .communication-card .card-body,
.gk713-communication-page .automation-card .card-body{
  min-width: 0;
}

.gk713-communication-page .form-control,
.gk713-communication-page .form-select{
  min-height: var(--gk713-control-height);
}

.gk713-communication-page textarea.form-control{
  resize: vertical;
}

.gk713-communication-page .table-responsive{
  border-radius: .65rem;
  scrollbar-width: thin;
}

.gk713-communication-page .table > :not(caption) > * > *{
  vertical-align: middle;
}

.gk713-communication-page .table tbody tr{
  transition: background-color 130ms ease;
}

.gk713-communication-page .table tbody tr:hover{
  background: color-mix(
    in srgb,
    var(--bs-primary, #0d6efd) 5%,
    transparent
  );
}

.gk713-communication-page .table td:last-child{
  white-space: nowrap;
}

.gk713-communication-page .table td:last-child .btn{
  margin: .12rem;
}

.gk713-workflow-studio .automation-eyebrow{
  display: inline-flex;
  align-items: center;
  gap: .4rem;
}

.gk713-workflow-studio .gkazmi-workflow-summary{
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

.gk713-workflow-studio .gkazmi-workflow-summary span{
  padding: .45rem .62rem;
  border: 1px solid var(--bs-border-color, rgba(0, 0, 0, .12));
  border-radius: 999px;
  background: var(--bs-body-bg, #fff);
}

.gk713-workflow-studio .gkazmi-workflow-grid{
  align-items: stretch;
}

.gk713-workflow-studio .gkazmi-workflow-card{
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.gk713-workflow-studio .gkazmi-workflow-card > p{
  flex: 0 0 auto;
}

.gk713-workflow-studio .gkazmi-workflow-steps{
  flex: 1 1 auto;
}

.gk713-workflow-studio .gkazmi-workflow-card__actions{
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: auto;
}

.gk713-workflow-studio .gkazmi-workflow-card__actions .btn{
  flex: 1 1 135px;
}

.gk713-status-badge{
  display: inline-flex;
  align-items: center;
  gap: .32rem;
  padding: .34rem .52rem;
  border-radius: 999px;
  font-size: .76rem;
  font-weight: 700;
}

.gk713-message-counter{
  font-variant-numeric: tabular-nums;
}

.gk713-message-counter.is-near-limit{
  color: var(--bs-warning, #ffc107);
  font-weight: 700;
}

.gk713-message-counter.is-at-limit{
  color: var(--bs-danger, #dc3545);
  font-weight: 700;
}

.gk713-empty-state{
  padding: 1.6rem 1rem !important;
}

.gk713-empty-state::before{
  content: "\f07b";
  display: block;
  margin-bottom: .5rem;
  font-family: "Font Awesome 6 Free";
  font-size: 1.45rem;
  font-weight: 400;
  opacity: .55;
}

.gk713-section-highlight{
  animation: gk713-highlight 1.1s ease;
}

@keyframes gk713-highlight {
  0% {
    box-shadow: 0 0 0 0
      color-mix(in srgb, var(--bs-primary, #0d6efd) 35%, transparent);
  }
  45% {
    box-shadow: 0 0 0 .35rem
      color-mix(in srgb, var(--bs-primary, #0d6efd) 18%, transparent);
  }
  100% {
    box-shadow: none;
  }
}

.gk713-shortcut-note{
  color: var(--bs-secondary-color, #6c757d);
  font-size: .75rem;
}

.gk713-shortcut-note kbd{
  font-size: .68rem;
}

.gk713-filter-box{
    max-width: none;
  
}

.gk713-filter-toolbar{
    align-items: stretch;
  

  .gk713-filter-box {
    flex-basis: 100%;
  }

  .gk713-filter-count {
    width: 100%;
  }

  .gk713-communication-page .communication-grid,
  .gk713-communication-page .automation-grid {
    gap: .8rem;
  }

  .gk713-communication-page .table td:last-child {
    white-space: normal;
  }

  .gk713-communication-page .table td:last-child .btn {
        margin: .18rem 0;
  }

  .gk713-workflow-studio .gkazmi-workflow-card__actions .btn {
      }
}

@media (prefers-reduced-motion: reduce) {
  .gk713-communication-page .table tbody tr,
.gk713-section-highlight{
    animation: none;
    transition: none;
  }
}


/* === GKazmi UI Consolidated Source: gkazmi-ui-communication-tabs.css === */
/*
 * GKazmi Enterprise Edition v7.1.4
 * Communication Automation tabs
 *
 * Layout only. Existing forms, controllers, services,
 * repositories and business logic remain unchanged.
 */


@media (max-width: 767.98px) {
  

  

  
}

@media (prefers-reduced-motion: reduce) {
  
}


/* === GKazmi UI Consolidated Source: gkazmi-ui-executive-analytics.css === */
.v70-executive{margin:1rem 0;padding:1.2rem;border:1px solid #dfe7f1;border-radius:1rem;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.065)}.v70-executive__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.v70-executive__eyebrow{display:block;color:#4f46e5;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.v70-executive h2{margin:.15rem 0 0;color:#0f172a;font-size:1.18rem;font-weight:850}.v70-executive p{margin:.32rem 0 0;color:#64748b;font-size:.86rem}.v70-executive__actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.v70-executive__ranges,
.v70-executive__exports{display:flex;padding:.22rem;border:1px solid #dbe4ef;border-radius:.7rem;background:#f8fafc}.v70-executive__ranges a,
.v70-executive__exports a{padding:.42rem .62rem;border-radius:.5rem;color:#475569;font-size:.76rem;font-weight:750;text-decoration:none}.v70-executive__ranges a.is-active{background:#fff;color:#4338ca;box-shadow:0 1px 4px rgba(15,23,42,.12)}.v70-executive__exports a{color:#2563eb}.v70-executive__kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-bottom:.8rem}.v70-executive__kpis article{padding:.85rem;border:1px solid #e5e7eb;border-radius:.8rem;background:linear-gradient(180deg,#fff,#fbfdff)}.v70-executive__kpis small,
.v70-executive__kpis span{display:block;color:#64748b;font-size:.72rem}.v70-executive__kpis strong{display:block;margin:.16rem 0;color:#0f172a;font-size:1.22rem}.v70-executive__layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:.8rem}.v70-executive__panel{min-width:0;padding:.9rem;border:1px solid #e5e7eb;border-radius:.85rem;background:#fbfdff}.v70-executive__panel>header{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;color:#0f172a;font-size:.82rem}.v70-executive__panel>header span{color:#64748b;font-size:.72rem}.v70-executive__chart{display:flex;align-items:flex-end;gap:3px;min-height:180px;overflow-x:auto;padding:.4rem .2rem .2rem}.v70-executive__day{display:flex;flex:1 0 12px;min-width:12px;max-width:34px;flex-direction:column;align-items:center;gap:.28rem;height:168px}.v70-executive__bars{display:flex;align-items:flex-end;justify-content:center;gap:2px;width:100%;height:145px}.v70-executive__bars i{display:block;width:42%;min-height:2px;border-radius:3px 3px 1px 1px}.v70-executive .is-ok{background:#22c55e}.v70-executive .is-failed{background:#ef4444}.v70-executive__day small{font-size:.58rem;white-space:nowrap;transform:rotate(-35deg)}.v70-executive__panel>footer{display:flex;gap:1rem;margin-top:.75rem;color:#64748b;font-size:.72rem}.v70-executive__panel>footer i{display:inline-block;width:.55rem;height:.55rem;margin-right:.25rem;border-radius:2px}.v70-executive__packages{display:grid;gap:.65rem}.v70-executive__packages div{position:relative;display:grid;grid-template-columns:1fr auto;gap:.5rem;overflow:hidden;padding-bottom:.38rem}.v70-executive__packages span,
.v70-executive__packages b{position:relative;z-index:1;font-size:.76rem}.v70-executive__packages i{position:absolute;bottom:0;left:0;height:3px;border-radius:999px;background:#6366f1}.v70-executive__empty{padding:2rem;text-align:center;color:#64748b;font-size:.82rem}.v70-executive a:focus-visible{outline:3px solid rgba(79,70,229,.28);outline-offset:2px}@media(max-width:1100px){.v70-executive__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v70-executive__layout{grid-template-columns:1fr}}@media(max-width:650px){.v70-executive__head{flex-direction:column}.v70-executive__actions{width:100%}.v70-executive__ranges{overflow-x:auto;max-width:100%}.v70-executive__kpis{grid-template-columns:1fr 1fr}.v70-executive{padding:.9rem}}@media(max-width:420px){.v70-executive__kpis{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.v70-executive *{scroll-behavior:auto!important;transition:none!important}}


/* === GKazmi UI Consolidated Source: gkazmi-reporting-consolidation.css === */
/* GKazmi Enterprise v8.4 Reporting Consolidation & Completion */

#dashboard-tab-analytics .v70-executive,
#dashboard-tab-analytics .dashboard-analytics{
  margin-top: 1rem;
}

#dashboard-tab-analytics .gkazmi-reporting{
  margin-bottom: 1.25rem;
}

.gkazmi-communication-panel{
  grid-column: 1 / -1;
}

.gkazmi-delivery-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  padding: 1rem;
}

.gkazmi-delivery-grid > div{
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(148, 163, 184, .3);
  border-radius: .85rem;
  background: rgba(248, 250, 252, .75);
}

.gkazmi-delivery-grid span,
.gkazmi-delivery-grid strong{
  display: block;
}

.gkazmi-delivery-grid span{
  color: #64748b;
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.gkazmi-delivery-grid strong{
  margin-top: .3rem;
  font-size: 1.4rem;
}

@media (max-width: 767.98px) {
  .gkazmi-delivery-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 479.98px) {
  .gkazmi-delivery-grid{
    grid-template-columns: 1fr;
  }
}


/* === GKazmi UI Consolidated Source: gkazmi-feature-pack-72-analytics.css === */
.gkazmi-a72-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:var(--bs-body-bg,#fff);border:1px solid rgba(148,163,184,.28);border-radius:14px}
.gkazmi-a72-window{display:flex;flex-wrap:wrap;gap:.4rem}
.gkazmi-a72-window button{border:1px solid rgba(99,102,241,.24);background:transparent;border-radius:9px;padding:.45rem .72rem;font-weight:700;font-size:.82rem}
.gkazmi-a72-window button[aria-pressed="true"]{background:#6654e8;color:#fff;border-color:#6654e8;box-shadow:0 6px 16px rgba(102,84,232,.2)}
.gkazmi-a72-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.gkazmi-a72-note{font-size:.78rem;color:var(--bs-secondary-color,#64748b)}
.gkazmi-a72-insights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}
.gkazmi-a72-kpi{background:var(--bs-body-bg,#fff);border:1px solid rgba(148,163,184,.26);border-radius:14px;padding:1rem;min-width:0}
.gkazmi-a72-kpi-label{font-size:.74rem;letter-spacing:.055em;text-transform:uppercase;color:var(--bs-secondary-color,#64748b);font-weight:800}
.gkazmi-a72-kpi-value{font-size:1.55rem;line-height:1.15;font-weight:850;margin-top:.35rem}
.gkazmi-a72-kpi-meta{font-size:.78rem;color:var(--bs-secondary-color,#64748b);margin-top:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gkazmi-a72-trend-up{color:#168554}.gkazmi-a72-trend-down{color:#d13c4b}.gkazmi-a72-trend-flat{color:#64748b}
.gkazmi-a72-spark{display:block;width:100%;height:36px;margin-top:.55rem}
.gkazmi-a72-feedback{min-height:1.2em;font-size:.8rem;font-weight:700;color:#168554}
@media(max-width:1199px){.gkazmi-a72-insights{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.gkazmi-a72-toolbar{align-items:stretch}.gkazmi-a72-window,
.gkazmi-a72-actions{width:100%}.gkazmi-a72-window button{flex:1}.gkazmi-a72-insights{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.gkazmi-a72-window button{transition:none!important}}


/* === GKazmi UI Consolidated Source: gkazmi-analytics-dashboard.css === */
.gkazmi-a72b2{margin:0 0 1rem}
.gkazmi-a72b2-summary{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,2.15fr);gap:.9rem;margin-bottom:.9rem}
.gkazmi-a72b2-health,
.gkazmi-a72b2-alerts,
.gkazmi-a72b2-panel{background:var(--bs-body-bg,#fff);border:1px solid rgba(148,163,184,.27);border-radius:14px;padding:1rem}
.gkazmi-a72b2-health{display:flex;align-items:center;gap:1rem}
.gkazmi-a72b2-score{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;font-size:1.45rem;font-weight:900;background:conic-gradient(#16a367 var(--health-angle,0deg),rgba(148,163,184,.2) 0);position:relative;flex:0 0 auto}
.gkazmi-a72b2-score:before{content:"";position:absolute;inset:7px;background:var(--bs-body-bg,#fff);border-radius:50%}
.gkazmi-a72b2-score span{position:relative;z-index:1}
.gkazmi-a72b2-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--bs-secondary-color,#64748b);font-weight:800}
.gkazmi-a72b2-title{font-weight:850;font-size:1.05rem;margin:.18rem 0}
.gkazmi-a72b2-sub{font-size:.8rem;color:var(--bs-secondary-color,#64748b)}
.gkazmi-a72b2-alert-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.65rem}
.gkazmi-a72b2-alert{border:1px solid rgba(148,163,184,.22);border-radius:11px;padding:.72rem;min-width:0}
.gkazmi-a72b2-alert strong{display:block;font-size:.83rem}.gkazmi-a72b2-alert span{display:block;font-size:.76rem;color:var(--bs-secondary-color,#64748b);margin-top:.2rem}
.gkazmi-a72b2-alert.is-good{border-color:rgba(22,163,103,.3);background:rgba(22,163,103,.055)}
.gkazmi-a72b2-alert.is-warn{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.06)}
.gkazmi-a72b2-alert.is-bad{border-color:rgba(225,55,70,.34);background:rgba(225,55,70,.055)}
.gkazmi-a72b2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.gkazmi-a72b2-panel h3{font-size:.96rem;font-weight:850;margin:0}.gkazmi-a72b2-panel p{font-size:.78rem;color:var(--bs-secondary-color,#64748b);margin:.2rem 0 .8rem}
.gkazmi-a72b2-ranking{display:grid;gap:.5rem}.gkazmi-a72b2-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.62rem .7rem;border:1px solid rgba(148,163,184,.2);border-radius:10px}
.gkazmi-a72b2-row-main{min-width:0}.gkazmi-a72b2-row-title{font-size:.82rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gkazmi-a72b2-row-meta{font-size:.72rem;color:var(--bs-secondary-color,#64748b);margin-top:.12rem}.gkazmi-a72b2-row-value{font-size:.88rem;font-weight:850;text-align:right}
.gkazmi-a72b2-meter{height:5px;background:rgba(148,163,184,.18);border-radius:999px;margin-top:.4rem;overflow:hidden}.gkazmi-a72b2-meter>span{display:block;height:100%;border-radius:inherit;background:#6654e8;width:var(--meter,0%)}
.gkazmi-a72b2-empty{padding:1rem;text-align:center;color:var(--bs-secondary-color,#64748b);font-size:.8rem;border:1px dashed rgba(148,163,184,.35);border-radius:10px}
@media(max-width:991px){.gkazmi-a72b2-summary{grid-template-columns:1fr}.gkazmi-a72b2-alert-list{grid-template-columns:1fr 1fr}.gkazmi-a72b2-grid{grid-template-columns:1fr}}
@media(max-width:575px){.gkazmi-a72b2-health{align-items:flex-start}.gkazmi-a72b2-alert-list{grid-template-columns:1fr}.gkazmi-a72b2-row{grid-template-columns:1fr}.gkazmi-a72b2-row-value{text-align:left}}


/* === GKazmi UI Consolidated Source: gkazmi-analytics-reporting.css === */
.gkazmi-a72b3{margin:18px 0 0;padding:18px;border:1px solid var(--border-color,#dfe5ec);border-radius:16px;background:var(--card-bg,#fff);box-shadow:0 8px 24px rgba(15,23,42,.05)}
.gkazmi-a72b3__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.gkazmi-a72b3__title{margin:0;font-size:1rem;font-weight:750;color:var(--text-primary,#172033)}
.gkazmi-a72b3__sub{margin:4px 0 0;color:var(--text-muted,#667085);font-size:.85rem}
.gkazmi-a72b3__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gkazmi-a72b3__panel{min-width:0;padding:15px;border:1px solid var(--border-color,#e4e9ef);border-radius:14px;background:var(--surface,#fff)}
.gkazmi-a72b3__panel h4{margin:0 0 12px;font-size:.9rem;color:var(--text-primary,#172033)}
.gkazmi-a72b3__legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:.75rem;color:var(--text-muted,#667085)}
.gkazmi-a72b3__legend span{display:inline-flex;align-items:center;gap:5px}
.gkazmi-a72b3__dot{width:8px;height:8px;border-radius:50%;background:currentColor}
.gkazmi-a72b3__heatmap{display:grid;grid-template-columns:repeat(12,minmax(18px,1fr));gap:5px}
.gkazmi-a72b3__cell{aspect-ratio:1;border-radius:5px;background:color-mix(in srgb,var(--primary,#5263ff) calc(var(--i,0)*1%),#eef2f6);position:relative;outline:none}
.gkazmi-a72b3__cell:focus{box-shadow:0 0 0 3px rgba(82,99,255,.22)}
.gkazmi-a72b3__tooltip{position:fixed;z-index:99999;pointer-events:none;padding:7px 9px;border-radius:8px;background:#111827;color:#fff;font-size:.74rem;box-shadow:0 8px 24px rgba(0,0,0,.22);opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease}
.gkazmi-a72b3__tooltip.is-visible{opacity:1;transform:none}
.gkazmi-a72b3__bars{height:170px;display:flex;align-items:flex-end;gap:7px;padding-top:8px}
.gkazmi-a72b3__bar{flex:1;min-width:5px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--primary,#5263ff),color-mix(in srgb,var(--primary,#5263ff) 55%,#8ba0ff));height:calc(var(--v,0)*1%);position:relative;outline:none}
.gkazmi-a72b3__bar:focus{box-shadow:0 0 0 3px rgba(82,99,255,.22)}
.gkazmi-a72b3__compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.gkazmi-a72b3__metric{padding:11px;border-radius:11px;background:var(--surface-soft,#f7f9fc)}
.gkazmi-a72b3__metric small{display:block;color:var(--text-muted,#667085);font-size:.72rem}
.gkazmi-a72b3__metric strong{display:block;margin-top:3px;font-size:1rem;color:var(--text-primary,#172033)}
.gkazmi-a72b3__metric em{font-style:normal;font-size:.74rem;color:#087a55}
.gkazmi-a72b3__metric em.down{color:#b42318}
.gkazmi-a72b3__empty{padding:28px 12px;text-align:center;color:var(--text-muted,#667085);font-size:.86rem}
@media (max-width:900px){.gkazmi-a72b3__grid{grid-template-columns:1fr}.gkazmi-a72b3__heatmap{grid-template-columns:repeat(8,minmax(18px,1fr))}}
@media (max-width:560px){.gkazmi-a72b3{padding:14px}.gkazmi-a72b3__head{display:block}.gkazmi-a72b3__compare{grid-template-columns:1fr}.gkazmi-a72b3__heatmap{grid-template-columns:repeat(6,minmax(18px,1fr))}.gkazmi-a72b3__bars{height:140px;gap:4px}}
@media (prefers-reduced-motion:reduce){.gkazmi-a72b3__tooltip{transition:none}}


/* === GKazmi UI Consolidated Source: gkazmi-system-status-polish.css === */
/*
 * GKazmi System Status UI v6.2
 * Presentation-only polish.
 * Runtime/data/business logic remains server-side and unchanged.
 */

body.gkazmi-page-system_status{
    --gkazmi-ui-system-status-radius: 18px;
    --gkazmi-ui-system-status-radius-sm: 13px;
    
    --gkazmi-ui-system-status-border: var(--bs-border-color);
    --gkazmi-ui-system-status-surface: var(--bs-body-bg);
    --gkazmi-ui-system-status-muted: var(--bs-secondary-color);
}

/* ---------- page rhythm ---------- */

body.gkazmi-page-system_status .content-wrapper,
body.gkazmi-page-system_status main{
    min-width: 0;
}

body.gkazmi-page-system_status .ss-tab-pane{
    padding-top: .15rem;
}

body.gkazmi-page-system_status .ss-tab-pane > .row{
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}

/* ---------- KPI command center ---------- */

body.gkazmi-page-system_status .ss-kpi{
    position: relative;
    overflow: hidden;
    min-height: 150px;
    padding: 1.15rem 1.2rem;
    border: 1px solid var(--gkazmi-ui-system-status-border);
    border-radius: var(--gkazmi-ui-system-status-radius);
    background: var(--gkazmi-ui-system-status-surface);
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .025),
        0 8px 28px rgba(0, 0, 0, .035);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

body.gkazmi-page-system_status .ss-kpi:hover{
    transform: translateY(-2px);
    box-shadow:
        0 2px 5px rgba(0, 0, 0, .04),
        0 14px 34px rgba(0, 0, 0, .055);
}

body.gkazmi-page-system_status .ss-kpi::after{
    content: "";
    position: absolute;
    right: -28px;
    bottom: -42px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: currentColor;
    opacity: .045;
    pointer-events: none;
}

body.gkazmi-page-system_status .ss-kpi-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: color-mix(in srgb, currentColor 11%, transparent);
    font-size: 1rem;
}

body.gkazmi-page-system_status .ss-kpi-label{
    margin-top: .8rem !important;
    color: var(--gkazmi-ui-system-status-muted);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .075em;
    text-transform: uppercase;
}

body.gkazmi-page-system_status .ss-kpi-value{
    margin-top: .15rem;
    color: var(--bs-emphasis-color);
    font-size: clamp(1.55rem, 2vw, 2.15rem);
    font-weight: 750;
    letter-spacing: -.035em;
    line-height: 1.05;
}

body.gkazmi-page-system_status .ss-kpi-sub{
    margin-top: .5rem;
    color: var(--gkazmi-ui-system-status-muted);
    font-size: .78rem;
    line-height: 1.35;
}

/* ---------- navigation ---------- */

body.gkazmi-page-system_status .ss-tabbar{
    gap: .35rem;
    padding: .42rem;
    border: 1px solid var(--gkazmi-ui-system-status-border);
    border-radius: 16px;
    background: var(--gkazmi-ui-system-status-surface);
}

body.gkazmi-page-system_status .ss-tabbar .nav-item{
    flex: 0 0 auto;
}

body.gkazmi-page-system_status .ss-tabbar .nav-link{
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: .48rem .72rem;
    border-radius: 11px;
    color: var(--gkazmi-ui-system-status-muted);
    font-size: .79rem;
    font-weight: 650;
    white-space: nowrap;
    transition:
        background-color .16s ease,
        color .16s ease,
        box-shadow .16s ease;
}

body.gkazmi-page-system_status .ss-tabbar .nav-link:hover{
    color: var(--bs-emphasis-color);
    background: var(--bs-tertiary-bg);
}

body.gkazmi-page-system_status .ss-tabbar .nav-link.active{
    color: var(--bs-emphasis-color);
    background: var(--bs-secondary-bg);
    box-shadow: inset 0 0 0 1px var(--gkazmi-ui-system-status-border);
}

body.gkazmi-page-system_status .ss-tabbar .nav-ico{
    opacity: .78;
}

/* ---------- cards ---------- */

body.gkazmi-page-system_status .enterprise-card,
body.gkazmi-page-system_status .ss-section-card,
body.gkazmi-page-system_status .p6-score-card{
    border: 1px solid var(--gkazmi-ui-system-status-border);
    border-radius: var(--gkazmi-ui-system-status-radius);
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .02),
        0 7px 22px rgba(0, 0, 0, .025);
}

body.gkazmi-page-system_status .enterprise-card h5,
body.gkazmi-page-system_status .ss-section-title h5{
    color: var(--bs-emphasis-color);
    font-size: .94rem;
    font-weight: 700;
    letter-spacing: -.012em;
}

body.gkazmi-page-system_status .enterprise-card > h5{
    display: flex;
    align-items: center;
    min-height: 30px;
    margin-bottom: 1rem;
}

body.gkazmi-page-system_status .enterprise-card > h5 > i{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: var(--bs-tertiary-bg);
    color: var(--bs-primary);
    font-size: .82rem;
}

/* ---------- tables ---------- */

body.gkazmi-page-system_status .table-responsive{
    border-radius: var(--gkazmi-ui-system-status-radius-sm);
}

body.gkazmi-page-system_status .table{
    margin-bottom: 0;
    vertical-align: middle;
}

body.gkazmi-page-system_status .table > :not(caption) > * > *{
    padding: .64rem .68rem;
    border-bottom-color:
        color-mix(
            in srgb,
            var(--gkazmi-ui-system-status-border) 72%,
            transparent
        );
}

body.gkazmi-page-system_status .table thead th{
    color: var(--gkazmi-ui-system-status-muted);
    font-size: .69rem;
    font-weight: 750;
    letter-spacing: .055em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.gkazmi-page-system_status .table tbody th{
    color: var(--gkazmi-ui-system-status-muted);
    font-size: .79rem;
    font-weight: 650;
}

body.gkazmi-page-system_status .table tbody td{
    font-size: .82rem;
}

body.gkazmi-page-system_status .table tbody tr:last-child > *{
    border-bottom: 0;
}

/* ---------- badges ---------- */

body.gkazmi-page-system_status .badge{
    padding: .38rem .55rem;
    border-radius: 999px;
    font-size: .66rem;
    font-weight: 750;
    letter-spacing: .035em;
}

body.gkazmi-page-system_status .ss-status-dot{
    width: 8px;
    height: 8px;
    margin-right: .45rem;
    box-shadow: 0 0 0 3px var(--bs-tertiary-bg);
}

/* ---------- command / JSON surfaces ---------- */

body.gkazmi-page-system_status .ss-command{
    margin-bottom: 0;
    padding: .9rem 1rem;
    border: 1px solid var(--gkazmi-ui-system-status-border);
    border-radius: var(--gkazmi-ui-system-status-radius-sm);
    background: var(--bs-tertiary-bg);
    color: var(--bs-emphasis-color);
    font-size: .75rem;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

body.gkazmi-page-system_status details{
    border-radius: var(--gkazmi-ui-system-status-radius-sm);
}

body.gkazmi-page-system_status details > summary{
    cursor: pointer;
    color: var(--bs-emphasis-color);
    font-size: .79rem;
}

body.gkazmi-page-system_status details > summary:hover{
    color: var(--bs-primary);
}

/* ---------- alerts ---------- */

body.gkazmi-page-system_status .alert{
    border-radius: var(--gkazmi-ui-system-status-radius-sm);
    font-size: .82rem;
}

/* ---------- performance ---------- */

body.gkazmi-page-system_status .p6-score-card{
    position: relative;
    overflow: hidden;
}

body.gkazmi-page-system_status .p6-score-value{
    letter-spacing: -.055em;
}

body.gkazmi-page-system_status .p6-runtime-grid th{
    width: 20%;
}

/* ---------- analytics / monitoring ---------- */

body.gkazmi-page-system_status .gkazmi-a72-kpi,
body.gkazmi-page-system_status .gkazmi-a72b2-panel{
    border-radius: var(--gkazmi-ui-system-status-radius);
}

body.gkazmi-page-system_status .gkazmi-a72-kpi-value{
    letter-spacing: -.035em;
}

/* ---------- Maintenance / Diagnostics ---------- */

body.gkazmi-page-system_status #maintenance .ss-command,
body.gkazmi-page-system_status #diagnostics .ss-command{
    max-height: 260px;
    overflow: auto;
}

body.gkazmi-page-system_status #maintenance .hint,
body.gkazmi-page-system_status #diagnostics .hint{
    color: var(--gkazmi-ui-system-status-muted);
    font-size: .76rem;
}

/* ---------- configuration ---------- */

body.gkazmi-page-system_status #configuration .mono{
    overflow-wrap: anywhere;
}

/* ---------- mobile ---------- */

@media (max-width: 1199.98px){
    body.gkazmi-page-system_status .ss-kpi {
        min-height: 138px;
    }
}

@media (max-width: 767.98px) {
    body.gkazmi-page-system_status .ss-kpi{
        min-height: 128px;
        padding: 1rem;
    }

    body.gkazmi-page-system_status .ss-kpi-value{
        font-size: 1.55rem;
    }

    body.gkazmi-page-system_status .enterprise-card{
        padding: 1rem !important;
        border-radius: 15px;
    }

    body.gkazmi-page-system_status .ss-tabbar{
        padding: .3rem;
        border-radius: 13px;
    }

    body.gkazmi-page-system_status .ss-tabbar .nav-link{
        min-height: 35px;
        padding: .42rem .58rem;
        font-size: .73rem;
    }

    body.gkazmi-page-system_status .table > :not(caption) > * > *{
        padding: .55rem .58rem;
    }
}

/* ---------- reduced motion ---------- */

@media (prefers-reduced-motion: reduce){
    body.gkazmi-page-system_status .ss-kpi,
    body.gkazmi-page-system_status .ss-tabbar .nav-link {
        transition: none;
    }

    body.gkazmi-page-system_status .ss-kpi:hover {
        transform: none;
    }
}


body.gkazmi-page-system_status .ss-tab-group-label span{
    color: var(--bs-secondary-color);
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

body.gkazmi-page-system_status .ss-tab-group-label:not(:first-child){
    margin-left: .3rem;
    padding-left: .6rem;
    border-left: 1px solid var(--bs-border-color);
}

body.gkazmi-page-system_status .ss-fleet-summary{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

body.gkazmi-page-system_status .ss-fleet-item{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas:
        "label value"
        "meta meta";
    align-items: center;
    gap: .15rem .65rem;
    min-width: 0;
    padding: .8rem .95rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 14px;
    background: var(--bs-body-bg);
}

body.gkazmi-page-system_status .ss-fleet-label{
    grid-area: label;
    color: var(--bs-secondary-color);
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .08em;
}

body.gkazmi-page-system_status .ss-fleet-item strong{
    grid-area: value;
    justify-self: end;
    color: var(--bs-emphasis-color);
    font-size: 1.15rem;
    line-height: 1;
}

body.gkazmi-page-system_status .ss-fleet-meta{
    grid-area: meta;
    margin-top: .25rem;
    color: var(--bs-secondary-color);
    font-size: .72rem;
}

body.gkazmi-page-system_status .ss-disclosure{
    border: 1px solid var(--bs-border-color);
    border-radius: 13px;
    background: var(--bs-tertiary-bg);
}

body.gkazmi-page-system_status .ss-disclosure > summary{
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: .7rem .85rem;
    list-style: none;
    cursor: pointer;
    color: var(--bs-emphasis-color);
    font-size: .78rem;
    font-weight: 700;
}

body.gkazmi-page-system_status .ss-disclosure > summary::-webkit-details-marker{
    display: none;
}

body.gkazmi-page-system_status .ss-disclosure > summary::after{
    content: "+";
    margin-left: auto;
    color: var(--bs-secondary-color);
    font-size: 1.05rem;
}

body.gkazmi-page-system_status .ss-disclosure[open] > summary::after{
    content: "−";
}

body.gkazmi-page-system_status .ss-disclosure[open]{
    padding-bottom: .75rem;
}

body.gkazmi-page-system_status .ss-disclosure[open] > summary{
    border-bottom: 1px solid var(--bs-border-color);
}

body.gkazmi-page-system_status .ss-disclosure > .ss-command,
body.gkazmi-page-system_status .ss-disclosure > .row{
    margin-left: .75rem;
    margin-right: .75rem;
}

@media (max-width: 991.98px) {
    body.gkazmi-page-system_status .ss-tab-group-label{
        display: none;
    }

    body.gkazmi-page-system_status .ss-fleet-summary{
        grid-template-columns: 1fr;
    }

    body.gkazmi-page-system_status .ss-fleet-item{
        grid-template-columns: auto auto 1fr;
        grid-template-areas:
            "label value meta";
    }

    body.gkazmi-page-system_status .ss-fleet-meta{
        justify-self: end;
        margin-top: 0;
        text-align: right;
    }
}
body.gkazmi-page-system_status .ss-tab-group-label{
display: flex;
    align-items: center;
    padding: 0 .25rem;
    pointer-events: none;
display: none !important;
}


/* ============================================================
 * 
 *
 * Moved verbatim from app/Views/system/status.php.
 * Presentation-only consolidation.
 * ============================================================ */

/* Use the document scrollbar instead of nested scroll areas on System Status. */
body.gkazmi-page-system_status .gkazmi-system-status-tabs,
body.gkazmi-page-system_status .settings-tabs,
body.gkazmi-page-system_status [role="tablist"],
body.gkazmi-page-system_status .gkazmi-enterprise-tabs{
    display: flex !important;
    flex-wrap: wrap !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    max-width: 100% !important;
    scrollbar-width: none !important;
}
body.gkazmi-page-system_status .gkazmi-system-status-tabs::-webkit-scrollbar,
body.gkazmi-page-system_status .settings-tabs::-webkit-scrollbar,
body.gkazmi-page-system_status [role="tablist"]::-webkit-scrollbar,
body.gkazmi-page-system_status .gkazmi-enterprise-tabs::-webkit-scrollbar{
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Remove nested vertical and horizontal scrolling from status cards, tables and panels. */
body.gkazmi-page-system_status .table-responsive,
body.gkazmi-page-system_status .gkazmi-table-wrap,
body.gkazmi-page-system_status .gkazmi-table-scroll,
body.gkazmi-page-system_status .table-scroll,
body.gkazmi-page-system_status .table-container,
body.gkazmi-page-system_status .data-table-container,
body.gkazmi-page-system_status .gkazmi-data-table,
body.gkazmi-page-system_status .gkazmi-data-table__viewport,
body.gkazmi-page-system_status .gkazmi-enterprise-table,
body.gkazmi-page-system_status .gkazmi-enterprise-table-wrap,
body.gkazmi-page-system_status .status-table-wrap,
body.gkazmi-page-system_status .system-status-table-wrap,
body.gkazmi-page-system_status .card-body,
body.gkazmi-page-system_status .tab-pane,
body.gkazmi-page-system_status [data-table-scroll],
body.gkazmi-page-system_status [data-gkazmi-table],
body.gkazmi-page-system_status [data-gkazmi-table-viewport],
body.gkazmi-page-system_status [class*="table"][style*="overflow"],
body.gkazmi-page-system_status [class*="scroll"]{
    max-height: none !important;
    height: auto !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
    scrollbar-width: none !important;
}
body.gkazmi-page-system_status .table-responsive::-webkit-scrollbar,
body.gkazmi-page-system_status .gkazmi-table-wrap::-webkit-scrollbar,
body.gkazmi-page-system_status .gkazmi-table-scroll::-webkit-scrollbar,
body.gkazmi-page-system_status .table-scroll::-webkit-scrollbar,
body.gkazmi-page-system_status .table-container::-webkit-scrollbar,
body.gkazmi-page-system_status .data-table-container::-webkit-scrollbar,
body.gkazmi-page-system_status .gkazmi-data-table::-webkit-scrollbar,
body.gkazmi-page-system_status .gkazmi-data-table__viewport::-webkit-scrollbar,
body.gkazmi-page-system_status .gkazmi-enterprise-table::-webkit-scrollbar,
body.gkazmi-page-system_status .gkazmi-enterprise-table-wrap::-webkit-scrollbar,
body.gkazmi-page-system_status .status-table-wrap::-webkit-scrollbar,
body.gkazmi-page-system_status .system-status-table-wrap::-webkit-scrollbar,
body.gkazmi-page-system_status [data-table-scroll]::-webkit-scrollbar,
body.gkazmi-page-system_status [data-gkazmi-table]::-webkit-scrollbar,
body.gkazmi-page-system_status [data-gkazmi-table-viewport]::-webkit-scrollbar,
body.gkazmi-page-system_status [class*="scroll"]::-webkit-scrollbar{
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Keep wide tables usable without nested scrollbars: allow content to wrap. */
body.gkazmi-page-system_status table{
    width: 100% !important;
    table-layout: auto !important;
}
body.gkazmi-page-system_status th,
body.gkazmi-page-system_status td{
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
body.gkazmi-page-system_status pre,
body.gkazmi-page-system_status code{
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

@media (max-width: 991.98px) {
    body.gkazmi-page-system_status [role="tablist"] > *,
body.gkazmi-page-system_status .settings-tabs > *,
body.gkazmi-page-system_status .gkazmi-system-status-tabs > *{
        flex: 1 1 auto !important;
    }
}


body.gkazmi-page-system_status #systemStatusTabs,
body.gkazmi-page-system_status ul#systemStatusTabs.nav.settings-tabs.ss-tabbar,
body.gkazmi-page-system_status .ss-tabbar#systemStatusTabs{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    align-content: flex-start !important;
    gap: .5rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    overscroll-behavior: auto !important;
    white-space: normal !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 1rem !important;
}

body.gkazmi-page-system_status #systemStatusTabs::-webkit-scrollbar,
body.gkazmi-page-system_status #systemStatusTabs *::-webkit-scrollbar{
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

body.gkazmi-page-system_status #systemStatusTabs > .nav-item{
    display: block !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
}

body.gkazmi-page-system_status #systemStatusTabs > .nav-item:empty,
body.gkazmi-page-system_status #systemStatusTabs > .nav-item[data-gkazmi-empty-tab="1"]{
    display: none !important;
}

body.gkazmi-page-system_status #systemStatusTabs > .nav-item > .nav-link{
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}
@media (max-width: 767.98px) {
    body.gkazmi-page-system_status #systemStatusTabs{
        gap: .375rem !important;
    }

    body.gkazmi-page-system_status #systemStatusTabs > .nav-item{
        flex: 1 1 calc(50% - .375rem) !important;
    }

    body.gkazmi-page-system_status #systemStatusTabs > .nav-item > .nav-link{
        justify-content: center !important;
        width: 100% !important;
    }
}


/* ============================================================
 * 
 * Presentation-only Enterprise Operations polish.
 * ============================================================ */

.gkazmi-page-system_status .eo-runtime-card{
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.gkazmi-page-system_status .eo-card-heading{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.gkazmi-page-system_status .eo-runtime-table{
    margin-bottom: 0;
}

.gkazmi-page-system_status .eo-runtime-table th,
.gkazmi-page-system_status .eo-runtime-table td{
    vertical-align: middle;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

.gkazmi-page-system_status .eo-runtime-table th{
    width: 42%;
    min-width: 12rem;
    font-family: inherit;
    font-weight: 650;
    white-space: normal;
}

.gkazmi-page-system_status .eo-runtime-table td{
    word-break: break-word;
    overflow-wrap: anywhere;
}

.gkazmi-page-system_status .eo-runtime-card .table-responsive{
    margin-top: 0.15rem;
}

@media (max-width: 767.98px) {
    .gkazmi-page-system_status .eo-runtime-card{
        padding: 1.1rem !important;
    }

    .gkazmi-page-system_status .eo-runtime-table th,
.gkazmi-page-system_status .eo-runtime-table td{
        display: block;
        width: 100%;
        min-width: 0;
    }

    .gkazmi-page-system_status .eo-runtime-table th{
        padding-bottom: 0.2rem;
        border-bottom: 0;
    
    overflow-wrap:anywhere;}

    .gkazmi-page-system_status .eo-runtime-table td{
        padding-top: 0.15rem;
    }

    .gkazmi-page-system_status .eo-runtime-table tr{
        display: block;
        padding: 0.55rem 0;
    }
}
.gkazmi-page-system_status .ss-tab-pane .enterprise-card{
width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.gkazmi-page-system_status .ss-tab-pane .table-responsive{
display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.gkazmi-page-system_status .ss-tab-pane table{
width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
}

.gkazmi-page-system_status .ss-tab-pane table th, .gkazmi-page-system_status .ss-tab-pane table td{
min-width: 0;
    max-width: none;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    vertical-align: middle;
    box-sizing: border-box;
}


.gkazmi-page-system_status .ss-tab-pane table th{
    font-weight: 650;
}

.gkazmi-page-system_status .ss-tab-pane table td.mono,
.gkazmi-page-system_status .ss-tab-pane table th.mono,
.gkazmi-page-system_status .ss-command{
    overflow-wrap: anywhere;
    word-break: break-word;
}

.gkazmi-page-system_status .ss-tab-pane .badge{
    max-width: 100%;
}

.gkazmi-page-system_status .ss-tab-pane details{
    max-width: 100%;
}

.gkazmi-page-system_status .ss-tab-pane details > summary{
    cursor: pointer;
}

.gkazmi-page-system_status .ss-tab-pane .ss-command{
display: block;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.gkazmi-page-system_status .ss-fleet-summary{
    min-width: 0;
}

.gkazmi-page-system_status .ss-fleet-item{
    min-width: 0;
}

@media (max-width: 991.98px) {
    .gkazmi-page-system_status .ss-tab-pane .enterprise-card{
        padding: 1.15rem !important;
    }

    .gkazmi-page-system_status .ss-tab-pane .enterprise-card h5{
        line-height: 1.3;
    }

    .gkazmi-page-system_status .ss-tab-pane table{
        font-size: 0.92rem;
    }

    .gkazmi-page-system_status .ss-tab-pane table th,
.gkazmi-page-system_status .ss-tab-pane table td{
        padding-top: 0.55rem;
        padding-bottom: 0.55rem;
    }
}

@media (max-width: 767.98px) {
    .gkazmi-page-system_status .ss-tab-pane .row{
        --bs-gutter-x: 0.85rem;
        --bs-gutter-y: 0.85rem;
    }

    .gkazmi-page-system_status .ss-tab-pane .enterprise-card{
        padding: 1rem !important;
        border-radius: 0.85rem;
    }

    .gkazmi-page-system_status .ss-tab-pane .enterprise-card h5{
        font-size: 1rem;
        margin-bottom: 0.8rem;
    }

    .gkazmi-page-system_status .ss-tab-pane .hint,
.gkazmi-page-system_status .ss-tab-pane .ss-small{
        font-size: 0.8rem;
        line-height: 1.45;
    }

    .gkazmi-page-system_status .ss-tab-pane table{
        font-size: 0.84rem;
    }

    .gkazmi-page-system_status .ss-tab-pane table th,
.gkazmi-page-system_status .ss-tab-pane table td{
        padding: 0.48rem 0.5rem;
    }

    .gkazmi-page-system_status .ss-tab-pane .badge{
        font-size: 0.72rem;
        line-height: 1.15;
        white-space: normal;
        text-align: center;
    }

    .gkazmi-page-system_status .ss-tab-pane .ss-scroll-table{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .gkazmi-page-system_status .ss-tab-pane .ss-scroll-table table{
        min-width: 42rem;
    }

    .gkazmi-page-system_status .ss-tab-pane .ss-command{
        padding: 0.8rem;
        font-size: 0.76rem;
        line-height: 1.5;
    }

    .gkazmi-page-system_status .ss-fleet-summary{
        gap: 0.65rem;
    }

    .gkazmi-page-system_status .ss-fleet-item{
        padding: 0.8rem;
    }
}

@media (max-width: 575.98px) {
    .gkazmi-page-system_status .ss-tab-pane .enterprise-card{
        padding: 0.9rem !important;
    
    min-width: 100%;
    max-width: 100%;}

    .gkazmi-page-system_status .ss-tab-pane table{
width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
    margin-left: 0;
    margin-right: 0;
}

    .gkazmi-page-system_status .ss-tab-pane table th,
.gkazmi-page-system_status .ss-tab-pane table td{
min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    vertical-align: middle;
}

    .gkazmi-page-system_status .ss-tab-pane .ss-scroll-table table{
        min-width: 38rem;
    }

    .gkazmi-page-system_status .ss-tab-pane .display-4{
        font-size: 2rem;
    }

    .gkazmi-page-system_status .ss-tab-pane .display-5{
        font-size: 1.7rem;
    }
}


/* ============================================================
 * GKAZMI_SYSTEM_STATUS_DIAGNOSTICS_TRIAGE_READABILITY_BEGIN
 * Presentation-only diagnostics triage layer.
 * ============================================================ */

body.gkazmi-page-system_status #diagnostics .gkazmi-triage-heading{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

body.gkazmi-page-system_status #diagnostics .gkazmi-triage-heading .badge{
    flex: 0 0 auto;
}

body.gkazmi-page-system_status #diagnostics .gkazmi-triage-detail-table th{
    width: 8rem;
    min-width: 8rem;
    font-weight: 650;
}

body.gkazmi-page-system_status #diagnostics .gkazmi-triage-field-err_message td,
body.gkazmi-page-system_status #diagnostics .gkazmi-triage-field-err_file td{
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.gkazmi-page-system_status #diagnostics .gkazmi-triage-field-err_message td{
    line-height: 1.5;
}

body.gkazmi-page-system_status #diagnostics .gkazmi-triage-error-summary{
    min-width: 16rem;
    max-width: 32rem;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.45;
}

body.gkazmi-page-system_status #diagnostics .gkazmi-failed-run-row td{
    vertical-align: top;
}

@media (max-width: 767.98px) {
    body.gkazmi-page-system_status #diagnostics .gkazmi-triage-heading{
        flex-direction: column;
        gap: 0.6rem;
    }

    body.gkazmi-page-system_status #diagnostics .gkazmi-triage-detail-table th{
        width: 7rem;
        min-width: 7rem;
    }

    body.gkazmi-page-system_status #diagnostics .gkazmi-triage-error-summary{
        min-width: 14rem;
        max-width: 22rem;
    }
}

/* GKAZMI_SYSTEM_STATUS_DIAGNOSTICS_TRIAGE_READABILITY_END */

/* ============================================================
 * GKAZMI_SYSTEM_STATUS_HISTORY_HANDOFF_UX_BEGIN
 * Safe System Status -> Cron Jobs History handoff.
 * ============================================================ */

body.gkazmi-page-system_status #diagnostics .gkazmi-history-handoff-actions{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    flex-wrap: wrap;
}

body.gkazmi-page-system_status #diagnostics .gkazmi-run-id-handoff{
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    white-space: nowrap;
}

body.gkazmi-page-system_status #diagnostics .gkazmi-run-id-copy{
    padding: 0.15rem 0.3rem;
    line-height: 1;
    text-decoration: none;
}

@media (max-width: 767.98px) {
    body.gkazmi-page-system_status #diagnostics .gkazmi-history-handoff-actions{
        justify-content: flex-start;
        width: 100%;
    }
}

/* GKAZMI_SYSTEM_STATUS_HISTORY_HANDOFF_UX_END */


/* === GKazmi UI Consolidated Source: gkazmi-cron-history-modal-fix.css === */
/*
 * GKazmi Cron Jobs History
 * Run Details modal contrast repair V2.
 *
 * Presentation only.
 * Targets the three existing <pre> data surfaces exactly.
 */

#runDetailsModal{
    --gkazmi-run-detail-fg: #263449;
    --gkazmi-run-detail-bg: #f7f9fc;
    --gkazmi-run-detail-border: #cfd8e6;
    --gkazmi-run-detail-label: #66758c;
}

#runDetailsModal .modal-content{
    color: var(--bs-body-color, #263449);
    background-color: var(--bs-body-bg, #ffffff);
}

#runDetailsModal .modal-header,
#runDetailsModal .modal-body,
#runDetailsModal .modal-footer{
    color: var(--bs-body-color, #263449);
}

#runDetailsModal .modal-body .small.text-muted{
    color: var(--gkazmi-run-detail-label) !important;
}

#runDetailsModal #rd_error,
#runDetailsModal #rd_snip,
#runDetailsModal #rd_info{
    display: block;
    width: 100%;

    color: var(--gkazmi-run-detail-fg) !important;
    -webkit-text-fill-color: var(--gkazmi-run-detail-fg) !important;

    background-color: var(--gkazmi-run-detail-bg) !important;

    border: 1px solid var(--gkazmi-run-detail-border) !important;
    border-radius: 10px !important;

    opacity: 1 !important;

    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        "Liberation Mono",
        monospace;

    font-size: .79rem;
    font-weight: 500;
    line-height: 1.55;

    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

#runDetailsModal #rd_error{
    min-height: 42px;
}

#runDetailsModal #rd_snip,
#runDetailsModal #rd_info{
    scrollbar-width: thin;
}

/*
 * Bootstrap .bg-light is present on these elements.
 * Override its background explicitly.
 */
#runDetailsModal #rd_error.bg-light,
#runDetailsModal #rd_snip.bg-light,
#runDetailsModal #rd_info.bg-light{
    color: var(--gkazmi-run-detail-fg) !important;
    background-color: var(--gkazmi-run-detail-bg) !important;
}

/* Dark mode */
html[data-bs-theme="dark"] #runDetailsModal{
    --gkazmi-run-detail-fg: #e8edf5;
    --gkazmi-run-detail-bg: #171c24;
    --gkazmi-run-detail-border: #394457;
    --gkazmi-run-detail-label: #aeb8c8;
}

html[data-bs-theme="dark"]
#runDetailsModal #rd_error,
html[data-bs-theme="dark"]
#runDetailsModal #rd_snip,
html[data-bs-theme="dark"]
#runDetailsModal #rd_info{
    color: var(--gkazmi-run-detail-fg) !important;
    -webkit-text-fill-color: var(--gkazmi-run-detail-fg) !important;
    background-color: var(--gkazmi-run-detail-bg) !important;
}

/*
 * Also support installations where dark mode is represented
 * through body/theme classes rather than data-bs-theme.
 */
body.dark-mode #runDetailsModal,
body.theme-dark #runDetailsModal{
    --gkazmi-run-detail-fg: #e8edf5;
    --gkazmi-run-detail-bg: #171c24;
    --gkazmi-run-detail-border: #394457;
    --gkazmi-run-detail-label: #aeb8c8;
}


/* ============================================================
   GKazmi UI — Ordered Low-Collision Visual Modules
   Existing rendered precedence preserved
   ============================================================ */

/* === GKazmi UI Ordered Source: gkazmi-dashboard-tabs.css === */
/* GKazmi Dashboard tabbed navigation and deduplication upgrade */
.gkazmi-dashboard-tabs{margin:0 0 1.25rem}.gkazmi-dashboard-tabbar{align-items:center;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:14px;display:flex;gap:.35rem;overflow-x:auto;padding:.45rem;scrollbar-width:thin;box-shadow:0 8px 24px rgba(15,23,42,.04)}.gkazmi-dashboard-tab{align-items:center;background:#fff;border:1px solid #dbe4f0;border-radius:9px;color:#334155;display:inline-flex;flex:0 0 auto;font-size:.82rem;font-weight:750;gap:.5rem;min-height:38px;padding:.55rem .85rem;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.gkazmi-dashboard-tab:hover{background:#f8fafc;border-color:#c7d2fe;color:#4338ca}.gkazmi-dashboard-tab.is-active{background:#6554dc;border-color:#6554dc;color:#fff;box-shadow:0 6px 16px rgba(79,70,229,.2)}.gkazmi-dashboard-tab:focus-visible{outline:3px solid rgba(99,102,241,.28);outline-offset:2px}.gkazmi-dashboard-tabpanels{margin-top:1rem}.gkazmi-dashboard-tabpanel{animation:gkazmiDashboardPanelIn .18s ease;background:transparent}.gkazmi-dashboard-panel-heading{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between;margin:0 0 1rem}.gkazmi-dashboard-panel-heading span{color:#5b4ed6;font-size:.7rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.gkazmi-dashboard-panel-heading h2{font-size:1.08rem;font-weight:800;margin:.15rem 0}.gkazmi-dashboard-panel-heading p{color:#64748b;font-size:.82rem;margin:0}.gkazmi-dashboard-link-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.gkazmi-dashboard-nav-card{align-items:flex-start;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:14px;color:#0f172a;display:flex;flex-direction:column;gap:.45rem;min-height:145px;padding:1rem;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.gkazmi-dashboard-nav-card:hover{border-color:#c7d2fe;box-shadow:0 12px 30px rgba(15,23,42,.08);color:#312e81;transform:translateY(-2px)}.gkazmi-dashboard-nav-card i{align-items:center;background:#eef2ff;border-radius:10px;color:#4f46e5;display:flex;height:38px;justify-content:center;width:38px}.gkazmi-dashboard-nav-card strong{font-size:.9rem}.gkazmi-dashboard-nav-card small{color:#64748b;line-height:1.45}.gkazmi-dashboard-nav-card.is-primary{border-top:3px solid #6554dc}.gkazmi-dashboard-status-links{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.gkazmi-dashboard-status-links a{align-items:center;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:12px;color:#334155;display:flex;font-size:.82rem;font-weight:750;gap:.65rem;min-height:54px;padding:.75rem .9rem;text-decoration:none}.gkazmi-dashboard-status-links a:hover{background:#f8fafc;border-color:#c7d2fe;color:#4338ca}.gkazmi-dashboard-status-links i{color:#5b4ed6;width:20px}.gkazmi-dashboard-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;color:#64748b;padding:1.25rem;text-align:center}.gkazmi-dashboard-page.is-dashboard-compact .gkazmi-dashboard-tabpanel .dash-stat,
.gkazmi-dashboard-page.is-dashboard-compact .gkazmi-dashboard-tabpanel .dash-link-card{padding:.65rem!important}.gkazmi-dashboard-page.is-dashboard-compact .gkazmi-dashboard-tabpanel .row{--bs-gutter-y:.65rem;--bs-gutter-x:.65rem}@keyframes gkazmiDashboardPanelIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:991.98px){.gkazmi-dashboard-link-grid,
.gkazmi-dashboard-status-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.gkazmi-dashboard-tabbar{border-radius:12px}.gkazmi-dashboard-panel-heading{align-items:flex-start;flex-direction:column}.gkazmi-dashboard-panel-heading .btn{width:100%}.gkazmi-dashboard-link-grid,
.gkazmi-dashboard-status-links{grid-template-columns:1fr}.gkazmi-dashboard-tab{font-size:.78rem;padding:.5rem .7rem}}@media(prefers-reduced-motion:reduce){.gkazmi-dashboard-tab,
.gkazmi-dashboard-nav-card,
.gkazmi-dashboard-tabpanel{animation:none!important;transition:none!important}}


/* === GKazmi UI Ordered Source: gkazmi-analytics-visualization.css === */
/*
 * GKazmi Enterprise v8.4.1 Analytics Visualization
 * Presentation-only analytics improvements.
 */

:root{
  --gk841-ink: #172033;
  --gk841-muted: #667085;
  --gk841-border: #e4e8f1;
  --gk841-surface: #ffffff;
  --gk841-soft: #f7f9fc;
  --gk841-primary: #5b4fe8;
  
  --gk841-success: #12a36d;
  
  --gk841-danger: #e24b5b;
  
  --gk841-warning: #e99716;
  --gk841-shadow: 0 12px 34px rgba(28, 39, 65, .075);
}

[data-dashboard-panel="analytics"]{
  --bs-gutter-x: 1.25rem;
}

[data-dashboard-panel="analytics"] .dashboard-analytics,
[data-dashboard-panel="analytics"] .v70-executive{
  margin-top: 0 !important;
}

[data-dashboard-panel="analytics"] :where(
  .analytics-kpi,
  .analytics-panel,
  .v70-executive__kpis article,
  .v70-executive__panel
){
  border: 1px solid var(--gk841-border) !important;
  border-radius: 18px !important;
  background: var(--gk841-surface) !important;
  box-shadow: var(--gk841-shadow) !important;
}

[data-dashboard-panel="analytics"] .analytics-toolbar{
  padding: 1.15rem 1.25rem;
  border: 1px solid var(--gk841-border);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(91,79,232,.09), rgba(40,181,151,.05)),
    var(--gk841-surface);
}

[data-dashboard-panel="analytics"] .analytics-toolbar h5,
[data-dashboard-panel="analytics"] .v70-executive__head h2{
  color: var(--gk841-ink);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  letter-spacing: -.025em;
}

[data-dashboard-panel="analytics"] .analytics-meta{
  display: flex;
  align-items: center;
  gap: .5rem;
  color: var(--gk841-muted);
  font-size: .82rem;
}

[data-dashboard-panel="analytics"] .analytics-kpi{
  position: relative;
  min-height: 132px;
  padding: 1.15rem 1.2rem 1rem;
  overflow: hidden;
}

[data-dashboard-panel="analytics"] .analytics-kpi::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  border-radius: 18px 0 0 18px;
  background: var(--gk841-primary);
}

[data-dashboard-panel="analytics"] .analytics-kpi:nth-child(2)::before{
  background: var(--gk841-success);
}

[data-dashboard-panel="analytics"] .analytics-kpi:nth-child(3)::before{
  background: var(--gk841-danger);
}

[data-dashboard-panel="analytics"] .analytics-kpi:nth-child(4)::before{
  background: var(--gk841-warning);
}

[data-dashboard-panel="analytics"] .analytics-kpi > span{
  display: block;
  color: var(--gk841-muted);
  font-size: .78rem;
  font-weight: 750;
  letter-spacing: .055em;
  text-transform: uppercase;
}

[data-dashboard-panel="analytics"] .analytics-kpi > strong{
  display: block;
  margin-top: .35rem;
  color: var(--gk841-ink);
  font-size: clamp(1.7rem, 2.6vw, 2.3rem);
  line-height: 1.05;
  letter-spacing: -.045em;
}

[data-dashboard-panel="analytics"] .analytics-kpi > small{
  display: block;
  margin-top: .5rem;
  color: var(--gk841-muted);
  font-weight: 600;
}

[data-dashboard-panel="analytics"] .analytics-panel{
  padding: 1.15rem !important;
  min-height: 100%;
}

[data-dashboard-panel="analytics"] .analytics-panel-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
  padding: 0 0 .9rem;
  border-bottom: 1px solid var(--gk841-border);
}

[data-dashboard-panel="analytics"] .analytics-panel-head strong{
  color: var(--gk841-ink);
  font-size: 1rem;
}

[data-dashboard-panel="analytics"] .analytics-panel-head span{
  color: var(--gk841-muted);
  font-size: .78rem;
  font-weight: 650;
}

/* Real chart presentation for existing server-rendered points. */
[data-dashboard-panel="analytics"] .analytics-bars{
  display: grid !important;
  grid-template-columns: repeat(var(--gk841-chart-count, 7), minmax(36px, 1fr));
  align-items: end;
  gap: clamp(.45rem, 1vw, .85rem);
  min-height: 260px;
  padding: 1.5rem .35rem .4rem;
  overflow-x: auto;
  overflow-y: hidden;
}

[data-dashboard-panel="analytics"] .analytics-day{
  display: grid !important;
  grid-template-rows: 190px auto auto;
  align-items: end;
  min-width: 38px;
  text-align: center;
}

[data-dashboard-panel="analytics"] .analytics-bar-stack{
  display: flex !important;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  height: 190px !important;
  padding: 0 2px;
}

[data-dashboard-panel="analytics"] .analytics-bar{
  display: block !important;
  width: min(18px, 38%);
  min-height: 3px;
  border-radius: 7px 7px 3px 3px;
  transform-origin: bottom;
  box-shadow: 0 7px 17px rgba(30, 41, 59, .12);
  transition: height .55s ease, filter .2s ease, transform .2s ease;
}

[data-dashboard-panel="analytics"] .analytics-bar:hover{
  filter: brightness(1.05);
  transform: translateY(-2px);
}

[data-dashboard-panel="analytics"] .analytics-bar-ok{
  background: linear-gradient(180deg, #39d39f, var(--gk841-success));
}

[data-dashboard-panel="analytics"] .analytics-bar-fail{
  background: linear-gradient(180deg, #ff8d9a, var(--gk841-danger));
}

[data-dashboard-panel="analytics"] .analytics-day > strong{
  margin-top: .55rem;
  color: var(--gk841-ink);
  font-size: .84rem;
}

[data-dashboard-panel="analytics"] .analytics-day > small{
  color: var(--gk841-muted);
  font-size: .72rem;
}

[data-dashboard-panel="analytics"] .analytics-legend{
  display: flex;
  gap: 1rem;
  padding-top: .65rem;
  color: var(--gk841-muted);
  font-size: .78rem;
}

[data-dashboard-panel="analytics"] .analytics-legend i{
  width: .7rem;
  height: .7rem;
  border-radius: 3px;
}

[data-dashboard-panel="analytics"] .legend-ok{
  background: var(--gk841-success);
}

[data-dashboard-panel="analytics"] .legend-fail{
  background: var(--gk841-danger);
}

/* Structured failing and slowest job rows. */
[data-dashboard-panel="analytics"] .analytics-list{
  display: grid !important;
  gap: .6rem;
  padding-top: .9rem;
  max-height: 310px;
  overflow: auto;
}

[data-dashboard-panel="analytics"] .analytics-list-row{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: .8rem .85rem !important;
  border: 1px solid var(--gk841-border);
  border-radius: 12px;
  background: var(--gk841-soft);
  color: var(--gk841-ink) !important;
  text-decoration: none !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

[data-dashboard-panel="analytics"] .analytics-list-row:hover{
  transform: translateY(-1px);
  border-color: #c9c3ff;
  background: #faf9ff;
}

[data-dashboard-panel="analytics"] .analytics-list-row strong{
  display: block;
  overflow: hidden;
  color: var(--gk841-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-dashboard-panel="analytics"] .analytics-list-row small{
  display: block;
  margin-top: .2rem;
  color: var(--gk841-muted);
}

[data-dashboard-panel="analytics"] .analytics-value-badge,
[data-dashboard-panel="analytics"] .analytics-list-row .badge{
  justify-self: end;
  white-space: nowrap;
}

/* Response summary as equal KPI tiles. */
[data-dashboard-panel="analytics"] .analytics-response-summary{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
  padding-top: .9rem;
}

[data-dashboard-panel="analytics"] .analytics-response-summary > div{
  min-height: 108px;
  padding: 1rem;
  border: 1px solid var(--gk841-border);
  border-radius: 13px;
  background: var(--gk841-soft);
}

[data-dashboard-panel="analytics"] .analytics-response-summary span{
  display: block;
  color: var(--gk841-muted);
  font-size: .76rem;
  font-weight: 700;
}

[data-dashboard-panel="analytics"] .analytics-response-summary strong{
  display: block;
  margin-top: .55rem;
  color: var(--gk841-ink);
  font-size: clamp(1.1rem, 2vw, 1.55rem);
}

/* Existing executive analytics. */
[data-dashboard-panel="analytics"] .v70-executive__kpis{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .9rem;
}

[data-dashboard-panel="analytics"] .v70-executive__kpis article{
  min-height: 128px;
  padding: 1.05rem;
}

[data-dashboard-panel="analytics"] .v70-executive__kpis strong{
  color: var(--gk841-ink);
  font-size: clamp(1.55rem, 2.3vw, 2rem);
}

[data-dashboard-panel="analytics"] .v70-executive__chart{
  min-height: 250px !important;
}

[data-dashboard-panel="analytics"] .gk841-communication-metrics,
[data-dashboard-panel="analytics"] [class*="communication-metrics"]{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .8rem;
}

[data-dashboard-panel="analytics"] .analytics-table{
  min-width: 760px;
}

[data-dashboard-panel="analytics"] .analytics-table thead th{
  color: var(--gk841-muted);
  font-size: .75rem;
  letter-spacing: .045em;
  text-transform: uppercase;
}

[data-dashboard-panel="analytics"] .analytics-table tbody tr:hover{
  background: #fafbff;
}

@media (max-width: 1199.98px) {
  [data-dashboard-panel="analytics"] .v70-executive__kpis{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-dashboard-panel="analytics"] .gk841-communication-metrics,
[data-dashboard-panel="analytics"] [class*="communication-metrics"]{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  [data-dashboard-panel="analytics"] .analytics-toolbar{
    align-items: stretch;
  }

  [data-dashboard-panel="analytics"] .analytics-toolbar-actions{
    width: 100%;
  }

  [data-dashboard-panel="analytics"] .analytics-response-summary{
    grid-template-columns: 1fr;
  }

  [data-dashboard-panel="analytics"] .v70-executive__kpis{
    grid-template-columns: 1fr 1fr;
  }

  [data-dashboard-panel="analytics"] .gk841-communication-metrics,
[data-dashboard-panel="analytics"] [class*="communication-metrics"]{
    grid-template-columns: 1fr 1fr;
  }

  [data-dashboard-panel="analytics"] .analytics-bars{
    grid-template-columns: repeat(var(--gk841-chart-count, 7), 52px);
  }
}

@media (max-width: 479.98px) {
  [data-dashboard-panel="analytics"] .v70-executive__kpis,
[data-dashboard-panel="analytics"] .gk841-communication-metrics,
[data-dashboard-panel="analytics"] [class*="communication-metrics"]{
    grid-template-columns: 1fr;
  }

  [data-dashboard-panel="analytics"] .analytics-kpi{
    min-height: 112px;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-dashboard-panel="analytics"] .analytics-bar,
[data-dashboard-panel="analytics"] .analytics-list-row{
    transition: none !important;
  }
}


/* === GKazmi UI Ordered Source: gkazmi-existing-pages-ux-consolidation.css === */
/* Existing Dashboard and System Status UX consolidation. */
.gkazmi-dashboard-tabbar,
.gkazmi-page-system_status [role="tablist"]{
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  flex-wrap: nowrap !important;
  padding-bottom: .25rem;
}
.gkazmi-dashboard-tabbar > *,
.gkazmi-page-system_status [role="tablist"] > *{ flex: 0 0 auto; }
[data-gkazmi-empty-panel="true"]{ display: none !important; }
.gkazmi-dashboard-tabpanel[hidden],
.gkazmi-page-system_status .tab-pane[hidden]{ display: none !important; }
.gkazmi-dashboard-tabpanel.is-active,
.gkazmi-page-system_status .tab-pane.active{ animation: gkazmiUxReveal .16s ease-out; }
@keyframes gkazmiUxReveal { from { opacity: .72; transform: translateY(2px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .gkazmi-dashboard-tabpanel.is-active,
.gkazmi-page-system_status .tab-pane.active{ animation: none; }
}

/* GKazmi System Status: show every existing tab without a horizontal scrollbar. */
.gkazmi-page-system_status #systemStatusTabs,
.gkazmi-page-system_status [data-gkazmi-system-status-tabs] > [role="tablist"]{
  display: flex !important;
  flex-wrap: wrap !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overscroll-behavior-inline: auto !important;
  scrollbar-width: none !important;
  white-space: normal !important;
  gap: .45rem !important;
  padding-bottom: .45rem !important;
}
.gkazmi-page-system_status #systemStatusTabs::-webkit-scrollbar,
.gkazmi-page-system_status [data-gkazmi-system-status-tabs] > [role="tablist"]::-webkit-scrollbar{
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
.gkazmi-page-system_status #systemStatusTabs > .nav-item,
.gkazmi-page-system_status [data-gkazmi-system-status-tabs] > [role="tablist"] > *{
  flex: 0 0 auto !important;
  margin: 0 !important;
}
.gkazmi-page-system_status #systemStatusTabs .nav-link{
  white-space: nowrap;
}


/* === GKazmi UI Ordered Source: gkazmi-cronjobs-ux-polish.css === */
/*
 * GKazmi Enterprise Edition v7.1.1
 * CronJobs UX Polish
 *
 * Presentation only. No business, route, permission,
 * scheduling, package or database behavior is modified.
 */


@media (max-width: 767.98px) {
  

  

  

  

  

  

  

  
}

@media (prefers-reduced-motion: reduce) {
  
}


/* ============================================================
   GKazmi UI — Recovery Login
   Canonical page-scoped recovery visual contract
   ============================================================ */

body.gkazmi-recovery-login{
    min-height: 100vh;
    display: grid;
    place-items: center;
    background: #f4f7fb;
    padding: 1rem;
}

body.gkazmi-recovery-login .recovery-login-card{
    width: min(100%, 480px);
    padding: 2rem;
    border: 1px solid #dfe7f1;
    border-radius: 1.25rem;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15,23,42,.12);
}

body.gkazmi-recovery-login .recovery-login-icon{
    display: grid;
    place-items: center;
    width: 3.2rem;
    height: 3.2rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 1.35rem;
}

body.gkazmi-recovery-login .recovery-login-links{
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1rem;
    font-size: .84rem;
}

/* ============================================================
   GKazmi UI — Consolidated Cron Management Visual Contract
   Existing post-canonical precedence preserved
   ============================================================ */
.gkazmi-cronjobs-operations{margin:0 0 1rem;padding:1rem;border:1px solid rgba(99,102,241,.18);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.96));box-shadow:0 12px 32px rgba(15,23,42,.07)}
.gkazmi-cronjobs-operations-top,
.gkazmi-cronjobs-operations-controls,
.gkazmi-cronjobs-operations-stats{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.gkazmi-cronjobs-operations-top{justify-content:space-between}.gkazmi-cronjobs-operations-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:800;color:#6366f1}.gkazmi-cronjobs-operations-title{font-size:1.15rem;margin:.1rem 0}.gkazmi-cronjobs-operations-subtitle{margin:0;color:#64748b;font-size:.88rem}.gkazmi-cronjobs-operations-actions{display:flex;gap:.5rem;flex-wrap:wrap}.gkazmi-cronjobs-operations-controls{margin-top:1rem}.gkazmi-cronjobs-operations-search{position:relative;flex:1 1 280px}.gkazmi-cronjobs-operations-search i{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#94a3b8}.gkazmi-cronjobs-operations-search input{padding-left:2.35rem}.gkazmi-cronjobs-operations-refresh{display:flex;align-items:center;gap:.5rem;font-size:.84rem;font-weight:700;color:#475569}.gkazmi-cronjobs-operations-refresh select{min-width:112px}.gkazmi-cronjobs-operations-stats{margin-top:1rem;display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:.65rem}.gkazmi-cronjobs-operations-stats>div{padding:.75rem;border-radius:14px;background:#fff;border:1px solid #e2e8f0;text-align:center}.gkazmi-cronjobs-operations-stats strong{display:block;font-size:1.25rem;color:#0f172a}.gkazmi-cronjobs-operations-stats span{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:700}.gkazmi-cronjobs-operations-hint{margin-top:.75rem;color:#64748b;font-size:.75rem}.gkazmi-cronjobs-operations kbd{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:5px;padding:.1rem .35rem;box-shadow:0 1px 0 #cbd5e1}.cronjobs-table tbody tr[hidden]{display:none!important}
@media(max-width:767px){.gkazmi-cronjobs-operations{padding:.85rem}.gkazmi-cronjobs-operations-stats{grid-template-columns:repeat(2,minmax(100px,1fr))}.gkazmi-cronjobs-operations-stats>div:last-child{grid-column:1/-1}.gkazmi-cronjobs-operations-actions,
.gkazmi-cronjobs-operations-actions .btn{width:100%}.gkazmi-cronjobs-operations-controls>*{width:100%}.gkazmi-cronjobs-operations-refresh{justify-content:space-between}}


/* ============================================================
   GKazmi UI — Consolidated Enterprise Tab Visual Contract
   Existing post-canonical precedence preserved
   ============================================================ */
/*
 * GKazmi Global Colorful Enterprise Tabs
 *
 * Applies only to:
 * - Dashboard
 * - Website Settings
 * - Communication Automation
 * - System Status
 *
 * Existing page-specific tab behavior remains authoritative.
 */

:root{
  --gk-tab-border: #dfe6f1;
  --gk-tab-surface: #ffffff;
  --gk-tab-text: #475569;
  
  --gk-tab-active-start: #6d5ce7;
  --gk-tab-active-end: #5145cd;
  --gk-tab-radius: 14px;
  --gk-tab-button-radius: 10px;
  --gk-tab-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}

.gkazmi-enterprise-tabs{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: .42rem;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  margin-bottom: 1.15rem;
  padding: .48rem;
  border: 1px solid var(--gk-tab-border);
  border-radius: var(--gk-tab-radius);
  background: var(--gk-tab-surface);
  box-shadow: var(--gk-tab-shadow);
  scrollbar-width: thin;
  scrollbar-color: rgba(100, 116, 139, .3) transparent;
}

.gkazmi-enterprise-tabs::-webkit-scrollbar{
  height: 6px;
}

.gkazmi-enterprise-tabs::-webkit-scrollbar-thumb{
  border-radius: 999px;
  background: rgba(100, 116, 139, .28);
}

.gkazmi-enterprise-tabs > .nav-item{
  flex: 0 0 auto;
  margin: 0 !important;
}

.gkazmi-enterprise-tabs .gkazmi-enterprise-tab{
  --gk-icon-color: #6366f1;
  --gk-icon-bg: rgba(99, 102, 241, .11);

  display: inline-flex !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-height: 42px;
  padding: .6rem .84rem !important;
  border: 1px solid transparent !important;
  border-radius: var(--gk-tab-button-radius) !important;
  background: transparent !important;
  color: var(--gk-tab-text) !important;
  font-size: .84rem;
  font-weight: 750;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: none !important;
  transition:
    color .16s ease,
    background-color .16s ease,
    border-color .16s ease,
    transform .16s ease,
    box-shadow .16s ease;
}

.gkazmi-enterprise-tabs .gkazmi-enterprise-tab:hover{
  border-color: color-mix(
    in srgb,
    var(--gk-icon-color) 22%,
    var(--gk-tab-border)
  ) !important;
  background: color-mix(
    in srgb,
    var(--gk-icon-color) 6%,
    #fff
  ) !important;
  color: color-mix(
    in srgb,
    var(--gk-icon-color) 82%,
    #111827
  ) !important;
  transform: translateY(-1px);
}

.gkazmi-enterprise-tabs .gkazmi-enterprise-tab.active,
.gkazmi-enterprise-tabs .gkazmi-enterprise-tab.is-active,
.gkazmi-enterprise-tabs .gkazmi-enterprise-tab[aria-selected="true"]{
  border-color: transparent !important;
  background:
    linear-gradient(
      135deg,
      var(--gk-tab-active-start),
      var(--gk-tab-active-end)
    ) !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(81, 69, 205, .23) !important;
}

.gkazmi-enterprise-tabs .gkazmi-enterprise-tab:focus-visible{
  outline: 3px solid rgba(99, 102, 241, .26);
  outline-offset: 2px;
}

.gkazmi-enterprise-tab-icon,
.gkazmi-enterprise-tabs .gkazmi-enterprise-tab > i{
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: var(--gk-icon-bg);
  color: var(--gk-icon-color);
  font-size: .82rem;
  line-height: 1;
  transition:
    color .16s ease,
    background-color .16s ease,
    transform .16s ease;
}

.gkazmi-enterprise-tabs .gkazmi-enterprise-tab:hover
.gkazmi-enterprise-tab-icon,
.gkazmi-enterprise-tabs .gkazmi-enterprise-tab:hover > i{
  transform: scale(1.05);
}

.gkazmi-enterprise-tabs .gkazmi-enterprise-tab.active
.gkazmi-enterprise-tab-icon,
.gkazmi-enterprise-tabs .gkazmi-enterprise-tab.active > i,
.gkazmi-enterprise-tabs .gkazmi-enterprise-tab.is-active
.gkazmi-enterprise-tab-icon,
.gkazmi-enterprise-tabs .gkazmi-enterprise-tab.is-active > i,
.gkazmi-enterprise-tabs
.gkazmi-enterprise-tab[aria-selected="true"]
.gkazmi-enterprise-tab-icon,
.gkazmi-enterprise-tabs
.gkazmi-enterprise-tab[aria-selected="true"] > i{
  background: rgba(255, 255, 255, .18);
  color: #fff;
}

/* Meaningful icon colors. */
.gkazmi-enterprise-tab[data-gk-tab-tone="blue"]{
  --gk-icon-color: #2563eb;
  --gk-icon-bg: rgba(37, 99, 235, .11);
}

.gkazmi-enterprise-tab[data-gk-tab-tone="cyan"]{
  --gk-icon-color: #0891b2;
  --gk-icon-bg: rgba(8, 145, 178, .11);
}

.gkazmi-enterprise-tab[data-gk-tab-tone="teal"]{
  --gk-icon-color: #0f766e;
  --gk-icon-bg: rgba(15, 118, 110, .11);
}

.gkazmi-enterprise-tab[data-gk-tab-tone="green"]{
  --gk-icon-color: #16a34a;
  --gk-icon-bg: rgba(22, 163, 74, .11);
}

.gkazmi-enterprise-tab[data-gk-tab-tone="amber"]{
  --gk-icon-color: #d97706;
  --gk-icon-bg: rgba(217, 119, 6, .12);
}

.gkazmi-enterprise-tab[data-gk-tab-tone="orange"]{
  --gk-icon-color: #ea580c;
  --gk-icon-bg: rgba(234, 88, 12, .11);
}

.gkazmi-enterprise-tab[data-gk-tab-tone="red"]{
  --gk-icon-color: #dc2626;
  --gk-icon-bg: rgba(220, 38, 38, .11);
}

.gkazmi-enterprise-tab[data-gk-tab-tone="pink"]{
  --gk-icon-color: #db2777;
  --gk-icon-bg: rgba(219, 39, 119, .11);
}

.gkazmi-enterprise-tab[data-gk-tab-tone="purple"]{
  --gk-icon-color: #7c3aed;
  --gk-icon-bg: rgba(124, 58, 237, .11);
}

.gkazmi-enterprise-tab[data-gk-tab-tone="indigo"]{
  --gk-icon-color: #4f46e5;
  --gk-icon-bg: rgba(79, 70, 229, .11);
}

.gkazmi-enterprise-tab[data-gk-tab-tone="slate"]{
  --gk-icon-color: #475569;
  --gk-icon-bg: rgba(71, 85, 105, .11);
}

/* Dashboard adaptation. */
body.gkazmi-dashboard-page .gkazmi-dashboard-tabbar{
  margin-bottom: 0;
}

body.gkazmi-dashboard-page .gkazmi-dashboard-tab{
  min-height: 42px;
}

/* Website Settings adaptation. */
body[class*="settings-tab-"] .settings-tabs{
  margin-bottom: 1rem !important;
}

body[class*="settings-tab-"] .settings-tabs .nav-link{
  min-height: 42px;
}

/* Communication Automation adaptation. */


/* System Status adaptation. */
body.gkazmi-page-system_status .ss-tabbar,
body:has(.system-status-shell) .ss-tabbar{
  position: relative;
  top: auto;
  z-index: 20;
  backdrop-filter: none;
}

@media (max-width: 767.98px) {
  .gkazmi-enterprise-tabs{
    gap: .32rem;
    margin-bottom: .9rem;
    padding: .38rem;
    border-radius: 12px;
  }

  .gkazmi-enterprise-tabs .gkazmi-enterprise-tab{
    min-height: 39px;
    padding: .52rem .7rem !important;
    font-size: .78rem;
  }

  .gkazmi-enterprise-tab-icon,
.gkazmi-enterprise-tabs .gkazmi-enterprise-tab > i{
    width: 24px;
    height: 24px;
    font-size: .75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gkazmi-enterprise-tabs .gkazmi-enterprise-tab,
.gkazmi-enterprise-tab-icon,
.gkazmi-enterprise-tabs .gkazmi-enterprise-tab > i{
    transition: none !important;
  }
}

/* GKAZMI_WEBSITE_SETTINGS_GLOBAL_TAB_ALIGNMENT_START */

/*
 * Website Settings uses server-rendered query tabs, but its presentation
 * must exactly follow the shared colorful enterprise tab component.
 */
body[class*="settings-tab-"]
.settings-tabs.gkazmi-enterprise-tabs{
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: .42rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  width: 100% !important;
  margin: 0 0 1.15rem !important;
  padding: .48rem !important;
  border: 1px solid var(--gk-tab-border) !important;
  border-radius: var(--gk-tab-radius) !important;
  background: var(--gk-tab-surface) !important;
  box-shadow: var(--gk-tab-shadow) !important;
}

body[class*="settings-tab-"]
.settings-tabs.gkazmi-enterprise-tabs > .nav-item{
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[class*="settings-tab-"]
.settings-tabs.gkazmi-enterprise-tabs
.nav-link.gkazmi-enterprise-tab{
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .5rem !important;
  min-height: 42px !important;
  padding: .6rem .84rem !important;
  border: 1px solid transparent !important;
  border-radius: var(--gk-tab-button-radius) !important;
  background: transparent !important;
  color: var(--gk-tab-text) !important;
  font-size: .84rem !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

body[class*="settings-tab-"]
.settings-tabs.gkazmi-enterprise-tabs
.nav-link.gkazmi-enterprise-tab:hover{
  border-color:
    color-mix(
      in srgb,
      var(--gk-icon-color) 22%,
      var(--gk-tab-border)
    ) !important;
  background:
    color-mix(
      in srgb,
      var(--gk-icon-color) 6%,
      #fff
    ) !important;
  color:
    color-mix(
      in srgb,
      var(--gk-icon-color) 82%,
      #111827
    ) !important;
}

body[class*="settings-tab-"]
.settings-tabs.gkazmi-enterprise-tabs
.nav-link.gkazmi-enterprise-tab.active{
  border-color: transparent !important;
  background:
    linear-gradient(
      135deg,
      var(--gk-tab-active-start),
      var(--gk-tab-active-end)
    ) !important;
  color: #fff !important;
  box-shadow:
    0 7px 18px rgba(81, 69, 205, .23) !important;
}

body[class*="settings-tab-"]
.settings-tabs.gkazmi-enterprise-tabs
.nav-link.gkazmi-enterprise-tab > i{
  display: inline-grid !important;
  flex: 0 0 auto !important;
  place-items: center !important;
  width: 26px !important;
  height: 26px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background: var(--gk-icon-bg) !important;
  color: var(--gk-icon-color) !important;
  font-size: .82rem !important;
  line-height: 1 !important;
  text-align: center !important;
}

body[class*="settings-tab-"]
.settings-tabs.gkazmi-enterprise-tabs
.nav-link.gkazmi-enterprise-tab.active > i{
  background: rgba(255, 255, 255, .18) !important;
  color: #fff !important;
}

body[class*="settings-tab-"]
.settings-tabs.gkazmi-enterprise-tabs
.nav-link.gkazmi-enterprise-tab > span{
  display: inline-block !important;
  color: inherit !important;
}

@media (max-width: 767.98px) {
  body[class*="settings-tab-"]
  .settings-tabs.gkazmi-enterprise-tabs{
    gap: .32rem !important;
    margin-bottom: .9rem !important;
    padding: .38rem !important;
    border-radius: 12px !important;
  }

  body[class*="settings-tab-"]
  .settings-tabs.gkazmi-enterprise-tabs
  .nav-link.gkazmi-enterprise-tab{
    min-height: 39px !important;
    padding: .52rem .7rem !important;
    font-size: .78rem !important;
  }

  body[class*="settings-tab-"]
  .settings-tabs.gkazmi-enterprise-tabs
  .nav-link.gkazmi-enterprise-tab > i{
    width: 24px !important;
    height: 24px !important;
    font-size: .75rem !important;
  }
}

/* GKAZMI_WEBSITE_SETTINGS_GLOBAL_TAB_ALIGNMENT_END */

/* GKAZMI_SETTINGS_TAB_COMPONENT_REFACTOR_START */

/*
 * The Dashboard, Communication Automation and System Status tab bars now
 * use the real Website Settings classes:
 *
 *   nav nav-pills settings-tabs
 *   nav-item
 *   nav-link
 *   nav-ico
 *
 * Existing page-specific engines remain unchanged.
 */

.gkazmi-dashboard-tabbar.settings-tabs,
#systemStatusTabs.settings-tabs{
  margin-bottom: 1rem !important;
}

.gkazmi-dashboard-tabbar.settings-tabs
.gkazmi-dashboard-tab,
#systemStatusTabs.settings-tabs .nav-link{
  min-height: 42px;
}

.gkazmi-dashboard-tabbar.settings-tabs
.gkazmi-dashboard-tab > .nav-ico,
#systemStatusTabs.settings-tabs
.nav-link > .nav-ico{
  width: 20px;
  margin: 0 !important;
  text-align: center;
  font-size: .95rem;
}

/* System Status contextual icon colors by tab order. */
#systemStatusTabs.settings-tabs
.nav-item:nth-child(1) .nav-ico{
  color: #4361ee;
}

#systemStatusTabs.settings-tabs
.nav-item:nth-child(2) .nav-ico{
  color: #10b981;
}

#systemStatusTabs.settings-tabs
.nav-item:nth-child(3) .nav-ico{
  color: #f59e0b;
}

#systemStatusTabs.settings-tabs
.nav-item:nth-child(4) .nav-ico{
  color: #8b5cf6;
}

#systemStatusTabs.settings-tabs
.nav-item:nth-child(5) .nav-ico{
  color: #06b6d4;
}

#systemStatusTabs.settings-tabs
.nav-item:nth-child(6) .nav-ico{
  color: #0ea5e9;
}

#systemStatusTabs.settings-tabs
.nav-item:nth-child(7) .nav-ico{
  color: #f97316;
}

#systemStatusTabs.settings-tabs
.nav-item:nth-child(8) .nav-ico{
  color: #ef4444;
}

#systemStatusTabs.settings-tabs
.nav-item:nth-child(9) .nav-ico{
  color: #0f172a;
}

#systemStatusTabs.settings-tabs
.nav-item:nth-child(10) .nav-ico{
  color: #14b8a6;
}

.gkazmi-dashboard-tabbar.settings-tabs
.nav-link.active .nav-ico,
#systemStatusTabs.settings-tabs
.nav-link.active .nav-ico{
  color: #fff !important;
}

@media (max-width: 767.98px) {
  .gkazmi-dashboard-tabbar.settings-tabs,
#systemStatusTabs.settings-tabs{
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }
}

/* GKAZMI_SETTINGS_TAB_COMPONENT_REFACTOR_END */

/* GKAZMI_GLOBAL_TABS_VISUAL_LOCK_START */

/*
 * Final authoritative tab presentation.
 *
 * The selectors are intentionally restricted to the four approved tab
 * implementations. Existing JavaScript engines and page content remain
 * unchanged.
 */

:root{
  --gk-tabs-surface: #ffffff;
  --gk-tabs-border: #e2e8f0;
  --gk-tabs-text: #475569;
  --gk-tabs-hover: #f8fafc;
  --gk-tabs-active-start: #6d5ce7;
  --gk-tabs-active-end: #5145cd;
  --gk-tabs-shadow: 0 8px 24px rgba(15, 23, 42, .06);
  --gk-tabs-active-shadow: 0 7px 18px rgba(81, 69, 205, .23);
}

/* The same outer tab bar on all four pages. */
body[class*="settings-tab-"] .settings-tabs,
body.gkazmi-dashboard-page
.gkazmi-dashboard-tabbar.settings-tabs,
body.gkazmi-page-system_status
#systemStatusTabs.settings-tabs,
body:has(.system-status-shell)
#systemStatusTabs.settings-tabs{
  position: relative !important;
  top: auto !important;
  z-index: 20 !important;

  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;

  width: 100% !important;
  gap: .4rem !important;
  margin: 0 0 1rem !important;
  padding: .45rem !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  border: 1px solid var(--gk-tabs-border) !important;
  border-radius: 14px !important;
  background: var(--gk-tabs-surface) !important;
  box-shadow: var(--gk-tabs-shadow) !important;

  backdrop-filter: none !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(100, 116, 139, .28) transparent !important;
}

/* Normalise list items. */
body[class*="settings-tab-"]
.settings-tabs > .nav-item,
body.gkazmi-page-system_status
#systemStatusTabs.settings-tabs > .nav-item,
body:has(.system-status-shell)
#systemStatusTabs.settings-tabs > .nav-item{
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* One exact tab-button design. */
body[class*="settings-tab-"]
.settings-tabs > .nav-item > .nav-link,
body.gkazmi-dashboard-page
.gkazmi-dashboard-tabbar.settings-tabs
> .gkazmi-dashboard-tab,
body.gkazmi-page-system_status
#systemStatusTabs.settings-tabs
> .nav-item > .nav-link,
body:has(.system-status-shell)
#systemStatusTabs.settings-tabs
> .nav-item > .nav-link{
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 42px !important;
  gap: .48rem !important;
  margin: 0 !important;
  padding: .58rem .82rem !important;

  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;

  color: var(--gk-tabs-text) !important;
  font-size: .84rem !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  box-shadow: none !important;
  transform: none !important;

  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    box-shadow .16s ease,
    transform .16s ease !important;
}

/* Exact shared hover state. */
body[class*="settings-tab-"]
.settings-tabs > .nav-item > .nav-link:hover,
body.gkazmi-dashboard-page
.gkazmi-dashboard-tabbar.settings-tabs
> .gkazmi-dashboard-tab:hover,
body.gkazmi-page-system_status
#systemStatusTabs.settings-tabs
> .nav-item > .nav-link:hover,
body:has(.system-status-shell)
#systemStatusTabs.settings-tabs
> .nav-item > .nav-link:hover{
  border-color: #dbe4f0 !important;
  background: var(--gk-tabs-hover) !important;
  color: #4338ca !important;
  box-shadow: none !important;
  transform: translateY(-1px) !important;
}

/* Exact shared active state. */
body[class*="settings-tab-"]
.settings-tabs > .nav-item > .nav-link.active,
body.gkazmi-dashboard-page
.gkazmi-dashboard-tabbar.settings-tabs
> .gkazmi-dashboard-tab.active,
body.gkazmi-dashboard-page
.gkazmi-dashboard-tabbar.settings-tabs
> .gkazmi-dashboard-tab.is-active,
body.gkazmi-page-system_status
#systemStatusTabs.settings-tabs
> .nav-item > .nav-link.active,
body:has(.system-status-shell)
#systemStatusTabs.settings-tabs
> .nav-item > .nav-link.active{
  border-color: transparent !important;
  background:
    linear-gradient(
      135deg,
      var(--gk-tabs-active-start),
      var(--gk-tabs-active-end)
    ) !important;
  color: #ffffff !important;
  box-shadow: var(--gk-tabs-active-shadow) !important;
  transform: none !important;
}

/* One icon box size and alignment. */
body[class*="settings-tab-"]
.settings-tabs .nav-link > .nav-ico,
body.gkazmi-dashboard-page
.gkazmi-dashboard-tabbar.settings-tabs
.gkazmi-dashboard-tab > .nav-ico,
body.gkazmi-page-system_status
#systemStatusTabs.settings-tabs
.nav-link > .nav-ico,
body:has(.system-status-shell)
#systemStatusTabs.settings-tabs
.nav-link > .nav-ico{
  display: inline-grid !important;
  flex: 0 0 auto !important;
  place-items: center !important;

  width: 26px !important;
  height: 26px !important;
  margin: 0 !important;

  border-radius: 8px !important;
  background: color-mix(
    in srgb,
    currentColor 11%,
    transparent
  ) !important;

  font-size: .82rem !important;
  line-height: 1 !important;
  text-align: center !important;
}

/* Active icon treatment must be identical everywhere. */
body[class*="settings-tab-"]
.settings-tabs .nav-link.active > .nav-ico,
body.gkazmi-dashboard-page
.gkazmi-dashboard-tabbar.settings-tabs
.gkazmi-dashboard-tab.active > .nav-ico,
body.gkazmi-dashboard-page
.gkazmi-dashboard-tabbar.settings-tabs
.gkazmi-dashboard-tab.is-active > .nav-ico,
body.gkazmi-page-system_status
#systemStatusTabs.settings-tabs
.nav-link.active > .nav-ico,
body:has(.system-status-shell)
#systemStatusTabs.settings-tabs
.nav-link.active > .nav-ico{
  background: rgba(255, 255, 255, .18) !important;
  color: #ffffff !important;
}

/* Preserve meaningful inactive icon colors. */
.ico-general{
  color: #4361ee !important;
}

.ico-core{
  color: #0f172a !important;
}

.ico-smtp{
  color: #10b981 !important;
}

.ico-security{
  color: #ef4444 !important;
}

.ico-logs{
  color: #f97316 !important;
}

.ico-recaptcha{
  color: #f59e0b !important;
}

.ico-telegram{
  color: #0ea5e9 !important;
}

.ico-payments{
  color: #8b5cf6 !important;
}

.ico-payments-history{
  color: #06b6d4 !important;
}

.ico-packages{
  color: #111827 !important;
}

/*
 * Re-assert white icons after the contextual color rules above.
 */
body[class*="settings-tab-"]
.settings-tabs .nav-link.active > .nav-ico,
body.gkazmi-dashboard-page
.gkazmi-dashboard-tabbar.settings-tabs
.gkazmi-dashboard-tab:is(.active, .is-active) > .nav-ico,
body.gkazmi-page-system_status
#systemStatusTabs.settings-tabs
.nav-link.active > .nav-ico,
body:has(.system-status-shell)
#systemStatusTabs.settings-tabs
.nav-link.active > .nav-ico{
  color: #ffffff !important;
}

/* Match Website Settings focus treatment. */
body[class*="settings-tab-"]
.settings-tabs .nav-link:focus-visible,
body.gkazmi-dashboard-page
.gkazmi-dashboard-tabbar.settings-tabs
.gkazmi-dashboard-tab:focus-visible,
body.gkazmi-page-system_status
#systemStatusTabs.settings-tabs
.nav-link:focus-visible,
body:has(.system-status-shell)
#systemStatusTabs.settings-tabs
.nav-link:focus-visible{
  outline: 3px solid rgba(99, 102, 241, .27) !important;
  outline-offset: 2px !important;
}

/* Shared mobile layout. */
@media (max-width: 767.98px){
  body[class*="settings-tab-"] .settings-tabs,
  body.gkazmi-dashboard-page
  .gkazmi-dashboard-tabbar.settings-tabs,
  body.gkazmi-page-system_status
  #systemStatusTabs.settings-tabs,
  body:has(.system-status-shell)
  #systemStatusTabs.settings-tabs {
    gap: .3rem !important;
    padding: .36rem !important;
    border-radius: 12px !important;
  }

  body[class*="settings-tab-"]
  .settings-tabs > .nav-item > .nav-link,
  body.gkazmi-dashboard-page
  .gkazmi-dashboard-tabbar.settings-tabs
  > .gkazmi-dashboard-tab,
  body.gkazmi-page-system_status
  #systemStatusTabs.settings-tabs
  > .nav-item > .nav-link,
  body:has(.system-status-shell)
  #systemStatusTabs.settings-tabs
  > .nav-item > .nav-link {
    min-height: 39px !important;
    padding: .5rem .68rem !important;
    font-size: .78rem !important;
  }

  body[class*="settings-tab-"]
  .settings-tabs .nav-link > .nav-ico,
  body.gkazmi-dashboard-page
  .gkazmi-dashboard-tabbar.settings-tabs
  .gkazmi-dashboard-tab > .nav-ico,
  body.gkazmi-page-system_status
  #systemStatusTabs.settings-tabs
  .nav-link > .nav-ico,
  body:has(.system-status-shell)
  #systemStatusTabs.settings-tabs
  .nav-link > .nav-ico {
    width: 24px !important;
    height: 24px !important;
    font-size: .75rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[class*="settings-tab-"] .settings-tabs *,
body.gkazmi-dashboard-page
  .gkazmi-dashboard-tabbar.settings-tabs *,
body.gkazmi-page-system_status
  #systemStatusTabs.settings-tabs *,
body:has(.system-status-shell)
  #systemStatusTabs.settings-tabs *{
    transition: none !important;
  }
}

/* GKAZMI_GLOBAL_TABS_VISUAL_LOCK_END */

/* ============================================================
   GKazmi UI — Canonical Popup Visual Runtime
   Migrated from standalone popup framework.
   Historical post-canonical precedence preserved.
   ============================================================ */
:root{
  --gpop-bg:#fff; --gpop-text:#273142; --gpop-muted:#667085;
  --gpop-border:rgba(15,23,42,.10); --gpop-shadow:0 28px 80px rgba(15,23,42,.30);
  --gpop-primary:#2563eb; --gpop-danger:#ef4444; --gpop-success:#16a34a;
   --gpop-radius:22px;
}
body.dark-mode,
[data-theme="dark"]{
  --gpop-bg:#111827; --gpop-text:#f8fafc; --gpop-muted:#94a3b8;
  --gpop-border:rgba(255,255,255,.10); --gpop-shadow:0 28px 80px rgba(0,0,0,.58);
}


.gkazmi-popup-dialog{width:min(650px,100%);max-height:min(88vh,780px);overflow:auto;border:1px solid var(--gpop-border);border-radius:var(--gpop-radius);background:var(--gpop-bg);color:var(--gpop-text);box-shadow:var(--gpop-shadow);animation:gpopIn .18s ease-out}
@keyframes gpopIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}

.gkazmi-popup-icon{width:80px;height:80px;margin:0 auto 20px;display:grid;place-items:center;border:3px solid currentColor;border-radius:50%;font-size:36px;font-weight:800}
.gkazmi-popup-icon.danger{color:var(--gpop-danger)}
.gkazmi-popup-title{margin:0;color:var(--gpop-text);font-size:clamp(1.4rem,2.2vw,1.85rem);font-weight:800}
.gkazmi-popup-body{padding:10px 34px 24px;color:var(--gpop-muted);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.gkazmi-popup-details{margin-top:18px;padding:18px;border:1px solid var(--gpop-border);border-radius:16px;background:rgba(148,163,184,.08);color:var(--gpop-text);text-align:left}
.gkazmi-popup-details dl{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:8px 16px;margin:0}.gkazmi-popup-details dd{margin:0;overflow-wrap:anywhere}
.gkazmi-popup-actions{display:flex;justify-content:center;gap:12px;padding:0 30px 30px;flex-wrap:wrap}
.gkazmi-popup-btn{min-width:120px;border:0;border-radius:10px;padding:12px 20px;font-weight:800;cursor:pointer}.gkazmi-popup-btn.success{color:#fff;background:var(--gpop-success)}.gkazmi-popup-btn.secondary{color:var(--gpop-text);background:rgba(148,163,184,.16);border:1px solid var(--gpop-border)}
@keyframes gpopSpin{to{transform:rotate(360deg)}}
body.gkazmi-popup-locked{overflow:hidden!important}
.modal.show{backdrop-filter:blur(4px)}.modal-backdrop.show{opacity:.62!important}.modal-dialog{margin-top:max(1.75rem,4vh);margin-bottom:max(1.75rem,4vh)}
.modal-content{border:1px solid var(--gpop-border)!important;border-radius:var(--gpop-radius)!important;background:var(--gpop-bg)!important;color:var(--gpop-text)!important;box-shadow:var(--gpop-shadow)!important;overflow:hidden}
.modal-header{padding:28px 30px 14px!important;border-bottom:0!important;justify-content:center;text-align:center}.modal-title{font-size:clamp(1.3rem,2vw,1.75rem)!important;font-weight:800!important}.modal-body{padding:14px 32px 24px!important;color:var(--gpop-muted);line-height:1.65}.modal-footer{padding:0 30px 30px!important;border-top:0!important;justify-content:center!important;gap:10px}.modal-footer .btn{min-width:118px;border-radius:10px!important;padding:10px 18px!important;font-weight:800!important}
.swal2-container{z-index:2147483000!important;background:rgba(15,23,42,.64)!important;backdrop-filter:blur(5px)}.swal2-popup{width:min(650px,calc(100vw - 32px))!important;border:1px solid var(--gpop-border)!important;border-radius:var(--gpop-radius)!important;background:var(--gpop-bg)!important;color:var(--gpop-text)!important;box-shadow:var(--gpop-shadow)!important;padding:28px 30px 30px!important}.swal2-title{color:var(--gpop-text)!important;font-size:clamp(1.4rem,2vw,1.85rem)!important;font-weight:800!important}.swal2-html-container{color:var(--gpop-muted)!important;line-height:1.65!important}.swal2-actions{gap:10px!important}.swal2-styled{min-width:118px!important;border-radius:10px!important;padding:11px 18px!important;font-weight:800!important}.swal2-confirm{background:var(--gpop-primary)!important}.swal2-cancel{background:#64748b!important}
#confirmModal .modal-content,
#deleteModal .modal-content,
#confirmationModal .modal-content,
.confirm-modal .modal-content,
.delete-modal .modal-content,
.gkazmi-confirm-modal .modal-content,
[class*="confirm-modal"] .modal-content,
[class*="delete-modal"] .modal-content{border-radius:var(--gpop-radius)!important}
.gkazmi-popup-upgraded{border-radius:var(--gpop-radius)!important;background:var(--gpop-bg)!important;color:var(--gpop-text)!important;box-shadow:var(--gpop-shadow)!important}
@media(max-width:575.98px){.gkazmi-popup-dialog,
.modal-content,
.swal2-popup{border-radius:18px!important}.gkazmi-popup-head{padding:26px 20px 10px}.gkazmi-popup-body{padding:8px 20px 20px}.gkazmi-popup-actions{padding:0 20px 24px}.gkazmi-popup-btn{width:100%}.gkazmi-popup-details dl{grid-template-columns:1fr;gap:3px}.modal-body{padding-left:20px!important;padding-right:20px!important}}

:root{
  --gkazmi-surface: #ffffff;
  
  --gkazmi-line: #e5e7eb;
  
  --gkazmi-muted: #667085;
  --gkazmi-accent: #4f46e5;
}
.gkazmi-popup-title,
.swal2-title,
.modal-title{
  font-weight: 700 !important;
  letter-spacing: -.02em;
}
.gkazmi-popup-body,
.swal2-html-container,
.modal-body{
  font-weight: 400 !important;
}
.gkazmi-popup-details{
  background: linear-gradient(180deg, #fbfdff, #f8fafc);
  border-color: #e5e7eb;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}
.gkazmi-popup-details dl{
  grid-template-columns: minmax(145px, auto) 1fr;
  gap: 11px 18px;
}
.gkazmi-popup-details dt{
  display: flex;
  align-items: center;
  gap: 9px;
  color: #344054;
  font-weight: 650;
}
.gkazmi-popup-details dd{
  color: #475467;
  font-weight: 400;
}
.gkazmi-popup-detail-icon{
  width: 18px;
  color: #6366f1;
  text-align: center;
}
.gkazmi-popup-btn{
  border-radius: 12px;
  font-weight: 650;
  box-shadow: 0 6px 16px rgba(15,23,42,.08);
}


.gkazmi-popup-btn.success{ background: linear-gradient(135deg, #16a34a, #059669); }


/* Modern cards and forms throughout authenticated pages. */
.main-content .card,
.main-content .form-card,
.communication-card{
  border: 1px solid rgba(148,163,184,.16) !important;
  border-radius: 20px !important;
  background: var(--gkazmi-surface) !important;
  box-shadow: 0 12px 34px rgba(15,23,42,.065) !important;
}
.main-content .card-header{
  border-bottom: 1px solid var(--gkazmi-line) !important;
  background: transparent !important;
}
.main-content label,
.modal label{
  color: #344054;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}
.main-content .form-control,
.main-content .form-select,
.modal .form-control,
.modal .form-select,
.main-content textarea,
.modal textarea{
  min-height: 46px;
  border: 1px solid #d0d5dd !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #172033 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  box-shadow: inset 0 1px 2px rgba(15,23,42,.025);
}
.main-content .form-control:focus,
.main-content .form-select:focus,
.modal .form-control:focus,
.modal .form-select:focus,
.main-content textarea:focus,
.modal textarea:focus{
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 4px rgba(99,102,241,.12) !important;
}
.main-content .btn,
.modal .btn{
  border-radius: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}
.main-content .table{
  --bs-table-bg: transparent;
  border-color: #e5e7eb;
}
.main-content .table thead th{
  color: #475467;
  background: #f8fafc;
  font-weight: 650;
  border-bottom-width: 1px;
}
.main-content .table tbody tr:hover{
  background: #f8fafc;
}
.communication-shell{
  max-width: none !important;
}
.communication-card .card-body{
  padding: 1.6rem !important;
}

/* Cleaner modal forms: remove decorative emoji duplication. */
.modal label .gkazmi-field-label-icon{
  color: #6366f1;
}
.modal-header{
  background: linear-gradient(115deg, #0ea5e9, #4f46e5 58%, #7c3aed) !important;
}
.modal-header .modal-title{
  font-weight: 700 !important;
}
.modal-footer{
  background: #fbfcfe;
  border-top: 1px solid #eef2f6 !important;
  padding-top: 18px !important;
}

body.dark-mode .gkazmi-popup-details,
[data-theme="dark"] .gkazmi-popup-details{
  background: #182230;
  border-color: rgba(255,255,255,.08);
}
body.dark-mode .gkazmi-popup-details dt,
[data-theme="dark"] .gkazmi-popup-details dt,
body.dark-mode .gkazmi-popup-details dd,
[data-theme="dark"] .gkazmi-popup-details dd{
  color: #d0d5dd;
}
@media (max-width: 575.98px) {
  .gkazmi-popup-details dl{ grid-template-columns: 1fr; }
  .gkazmi-popup-details dd{ padding-left: 27px; }
}

/* GKAZMI_GLOBAL_COLOURFUL_ICONS_BEGIN
   Canonical semantic icon system.
   One global visual contract for the entire application.
*/

:root{
  --gkazmi-icon-blue:#2563eb;
  --gkazmi-icon-indigo:#4f46e5;
  --gkazmi-icon-purple:#7c3aed;
  --gkazmi-icon-cyan:#0891b2;
  --gkazmi-icon-teal:#0f9f8f;
  --gkazmi-icon-green:#059669;
  --gkazmi-icon-amber:#d97706;
  --gkazmi-icon-orange:#ea580c;
  --gkazmi-icon-red:#dc2626;
  
  --gkazmi-icon-slate:#64748b;
}

/* Default icon presentation */
.gkazmi-icon,
.gkazmi-ui-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

/* Semantic Font Awesome palette */
.fa-pen,
.fa-pen-to-square,
.fa-pencil,
.fa-edit{
  color:var(--gkazmi-icon-blue);
}

.fa-floppy-disk,
.fa-save,
.fa-circle-check,
.fa-check,
.fa-check-circle{
  color:var(--gkazmi-icon-green);
}

.fa-trash,
.fa-trash-can,
.fa-circle-xmark,
.fa-xmark,
.fa-times-circle{
  color:var(--gkazmi-icon-red);
}

.fa-triangle-exclamation,
.fa-exclamation-triangle,
.fa-circle-exclamation{
  color:var(--gkazmi-icon-amber);
}

.fa-magnifying-glass,
.fa-search,
.fa-filter{
  color:var(--gkazmi-icon-cyan);
}

.fa-gear,
.fa-gears,
.fa-cog,
.fa-cogs,
.fa-sliders{
  color:var(--gkazmi-icon-purple);
}

.fa-shield,
.fa-shield-halved,
.fa-user-shield,
.fa-lock,
.fa-key{
  color:var(--gkazmi-icon-indigo);
}

.fa-users,
.fa-user,
.fa-user-circle,
.fa-user-gear{
  color:var(--gkazmi-icon-blue);
}

.fa-paper-plane,
.fa-envelope,
.fa-bell,
.fa-comments{
  color:var(--gkazmi-icon-purple);
}

.fa-clock,
.fa-history,
.fa-clock-rotate-left,
.fa-stopwatch{
  color:var(--gkazmi-icon-amber);
}

.fa-globe,
.fa-network-wired,
.fa-cloud{
  color:var(--gkazmi-icon-cyan);
}

.fa-database,
.fa-server,
.fa-microchip{
  color:var(--gkazmi-icon-indigo);
}

.fa-chart-line,
.fa-chart-column,
.fa-chart-bar{
  color:var(--gkazmi-icon-teal);
}

.fa-plus,
.fa-plus-circle,
.fa-circle-plus{
  color:var(--gkazmi-icon-green);
}

.fa-copy,
.fa-clipboard,
.fa-clipboard-list{
  color:var(--gkazmi-icon-blue);
}

.fa-download,
.fa-file-export,
.fa-file-csv{
  color:var(--gkazmi-icon-teal);
}

.fa-upload{
  color:var(--gkazmi-icon-indigo);
}

.fa-arrows-rotate,
.fa-rotate,
.fa-rotate-left,
.fa-retry{
  color:var(--gkazmi-icon-cyan);
}

.fa-play{
  color:var(--gkazmi-icon-green);
}

.fa-pause,
.fa-ban{
  color:var(--gkazmi-icon-orange);
}

.fa-store,
.fa-box,
.fa-box-open,
.fa-package{
  color:var(--gkazmi-icon-orange);
}

.fa-wand-magic-sparkles,
.fa-brain,
.fa-robot{
  color:var(--gkazmi-icon-purple);
}

.fa-heart-pulse,
.fa-heartbeat,
.fa-stethoscope,
.fa-user-doctor{
  color:var(--gkazmi-icon-green);
}

.fa-bug,
.fa-skull-crossbones{
  color:var(--gkazmi-icon-red);
}

.fa-circle-info,
.fa-info-circle{
  color:var(--gkazmi-icon-blue);
}

/* Sidebar — colourful but consistent */
.sidebar .nav-link > i,
.gkazmi-sidebar .nav-link > i{
  width:1.4rem;
  text-align:center;
  font-size:1rem;
  transition:
    transform .18s ease,
    color .18s ease,
    background-color .18s ease;
}

.sidebar .nav-link:hover > i,
.gkazmi-sidebar .nav-link:hover > i{
  transform:translateY(-1px) scale(1.08);
}

.sidebar .nav-link.active > i,
.gkazmi-sidebar .nav-link.active > i{
  filter:saturate(1.2);
}

/* Do not colour structural chevrons as semantic actions */
.sidebar .menu-chevron,
.gkazmi-sidebar .menu-chevron{
  color:var(--gkazmi-icon-slate);
}

/* Popup main icon becomes a real semantic badge */
.gkazmi-popup-icon{
  display:grid;
  place-items:center;
  width:3rem;
  height:3rem;
  flex:0 0 3rem;
  border-radius:15px;
  font-size:1.2rem;
}

.gkazmi-popup-icon.info{
  color:var(--gkazmi-icon-blue);
  background:#eff6ff;
}

.gkazmi-popup-icon.success{
  color:var(--gkazmi-icon-green);
  background:#ecfdf5;
}

.gkazmi-popup-icon.warning{
  color:var(--gkazmi-icon-amber);
  background:#fffbeb;
}

.gkazmi-popup-icon.danger,
.gkazmi-popup-icon.error{
  color:var(--gkazmi-icon-red);
  background:#fef2f2;
}

.gkazmi-popup-detail-icon{
  width:1.25rem;
  margin-right:.4rem;
}

/* Form controls and labels */
.gkazmi-field-icon,
.input-group-text > i,
.form-label > i,
label > i{
  color:var(--gkazmi-icon-indigo);
}

/* Buttons generated by the global decorator */
.gkazmi-action-icon{
  margin-right:.42rem;
  line-height:1;
}

.gkazmi-action-save .gkazmi-action-icon,
.gkazmi-action-create .gkazmi-action-icon,
.gkazmi-action-add .gkazmi-action-icon,
.gkazmi-action-enable .gkazmi-action-icon,
.gkazmi-action-run .gkazmi-action-icon{
  color:var(--gkazmi-icon-green);
}

.gkazmi-action-delete .gkazmi-action-icon,
.gkazmi-action-remove .gkazmi-action-icon,
.gkazmi-action-disable .gkazmi-action-icon{
  color:var(--gkazmi-icon-red);
}

.gkazmi-action-edit .gkazmi-action-icon,
.gkazmi-action-update .gkazmi-action-icon{
  color:var(--gkazmi-icon-blue);
}

.gkazmi-action-search .gkazmi-action-icon,
.gkazmi-action-filter .gkazmi-action-icon{
  color:var(--gkazmi-icon-cyan);
}

.gkazmi-action-settings .gkazmi-action-icon{
  color:var(--gkazmi-icon-purple);
}

.gkazmi-action-copy .gkazmi-action-icon,
.gkazmi-action-view .gkazmi-action-icon{
  color:var(--gkazmi-icon-blue);
}

.gkazmi-action-download .gkazmi-action-icon{
  color:var(--gkazmi-icon-teal);
}

.gkazmi-action-upload .gkazmi-action-icon{
  color:var(--gkazmi-icon-indigo);
}

.gkazmi-action-retry .gkazmi-action-icon,
.gkazmi-action-refresh .gkazmi-action-icon{
  color:var(--gkazmi-icon-cyan);
}

.gkazmi-action-history .gkazmi-action-icon{
  color:var(--gkazmi-icon-amber);
}

/* Alerts / notifications */
.alert-success > i,
.text-success > i,
.notification-success i{
  color:var(--gkazmi-icon-green);
}

.alert-danger > i,
.text-danger > i,
.notification-danger i,
.notification-error i{
  color:var(--gkazmi-icon-red);
}

.alert-warning > i,
.text-warning > i,
.notification-warning i{
  color:var(--gkazmi-icon-amber);
}

.alert-info > i,
.text-info > i,
.notification-info i{
  color:var(--gkazmi-icon-blue);
}

/* Status indicator icon containers */
.ss-kpi-icon,
.ss-section-icon,
.dash-ico{
  transition:transform .18s ease;
}

.ss-kpi:hover .ss-kpi-icon,
.enterprise-card:hover .ss-section-icon,
.dash-link-card:hover .dash-ico{
  transform:translateY(-1px);
}

/* Respect explicit Bootstrap semantic text colors */
.text-primary > i{ color:var(--gkazmi-icon-blue); }
.text-success > i{ color:var(--gkazmi-icon-green); }
.text-warning > i{ color:var(--gkazmi-icon-amber); }
.text-danger > i{ color:var(--gkazmi-icon-red); }
.text-info > i{ color:var(--gkazmi-icon-cyan); }

/* GKAZMI_GLOBAL_COLOURFUL_ICONS_END */

/* ============================================================
   GKazmi UI — Enterprise Design System
   Historical post-canonical precedence preserved.
   ============================================================ */
/* GKazmi Enterprise v8.1 canonical authenticated design system */
:root{
  --gk81-bg:#f5f7fb;
  --gk81-surface:#ffffff;
  --gk81-surface-soft:#f8fafc;
  --gk81-border:#e4e9f2;
  --gk81-border-strong:#d5ddea;
  --gk81-text:#172033;
  --gk81-muted:#68758a;
  --gk81-primary:#6255dc;
  
  
  
  
  
  --gk81-radius-sm:10px;
  --gk81-radius:14px;
  --gk81-radius-lg:18px;
  --gk81-shadow:0 10px 30px rgba(38,51,77,.075);
  --gk81-shadow-hover:0 16px 42px rgba(38,51,77,.12);
  --gk81-control-h:42px;
  --gk81-focus:0 0 0 3px rgba(98,85,220,.22);
}

body.gkazmi-app,
body.gkazmi-theme-100{
  background:var(--gk81-bg);
  color:var(--gk81-text);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

body.gkazmi-app .main-content,
body.gkazmi-theme-100 .main-content{
  min-width:0;
}

body.gkazmi-app .container-fluid,
body.gkazmi-theme-100 .container-fluid{
  max-width:100%;
}

/* Page headers */
body.gkazmi-app .gkazmi-page-header,
body.gkazmi-app .enterprise-page-header,
body.gkazmi-theme-100 .gkazmi-page-header,
body.gkazmi-theme-100 .enterprise-page-header{
  margin:18px 18px 0;
  border:1px solid var(--gk81-border);
  border-radius:var(--gk81-radius-lg);
  background:linear-gradient(135deg,#fff 0%,#fbfbff 55%,#f4f1ff 100%);
  box-shadow:var(--gk81-shadow);
  overflow:hidden;
}

/* Cards and panels */
body.gkazmi-app :is(.card,.form-card,.automation-card,.communication-card,.dash-stat,.dash-link-card,.ss-kpi,.ss-panel,.automation-panel,.settings-section-card),
body.gkazmi-theme-100 :is(.card,.form-card,.automation-card,.communication-card,.dash-stat,.dash-link-card,.ss-kpi,.ss-panel,.automation-panel,.settings-section-card){
  border:1px solid var(--gk81-border)!important;
  border-radius:var(--gk81-radius)!important;
  background:var(--gk81-surface)!important;
  box-shadow:var(--gk81-shadow)!important;
}
body.gkazmi-app :is(.dash-link-card,.gkazmi-workflow-card),
body.gkazmi-theme-100 :is(.dash-link-card,.gkazmi-workflow-card){
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body.gkazmi-app :is(.dash-link-card,.gkazmi-workflow-card):hover,
body.gkazmi-theme-100 :is(.dash-link-card,.gkazmi-workflow-card):hover{
  transform:translateY(-2px);
  border-color:var(--gk81-border-strong)!important;
  box-shadow:var(--gk81-shadow-hover)!important;
}
body.gkazmi-app :is(.card-header,.modal-header),
body.gkazmi-theme-100 :is(.card-header,.modal-header){
  padding:1rem 1.1rem;
  border-bottom:1px solid var(--gk81-border);
  background:var(--gk81-surface-soft);
}
body.gkazmi-app :is(.card-body,.modal-body),
body.gkazmi-theme-100 :is(.card-body,.modal-body){padding:1.1rem}
body.gkazmi-app :is(.card-footer,.modal-footer),
body.gkazmi-theme-100 :is(.card-footer,.modal-footer){
  padding:.9rem 1.1rem;
  border-top:1px solid var(--gk81-border);
  background:var(--gk81-surface-soft);
}

/* Typography */
body.gkazmi-app :is(h1,h2,h3,h4,h5,h6),
body.gkazmi-theme-100 :is(h1,h2,h3,h4,h5,h6){color:var(--gk81-text);letter-spacing:-.015em}
body.gkazmi-app :is(.text-muted,.hint,.form-text,.small),
body.gkazmi-theme-100 :is(.text-muted,.hint,.form-text,.small){color:var(--gk81-muted)!important}

/* Forms */
body.gkazmi-app :is(.form-control,.form-select),
body.gkazmi-theme-100 :is(.form-control,.form-select){
  min-height:var(--gk81-control-h);
  border-color:var(--gk81-border-strong);
  border-radius:var(--gk81-radius-sm);
  background-color:#fff;
  color:var(--gk81-text);
  box-shadow:none;
}
body.gkazmi-app textarea.form-control,
body.gkazmi-theme-100 textarea.form-control{min-height:112px;resize:vertical}
body.gkazmi-app :is(.form-control,.form-select):focus,
body.gkazmi-theme-100 :is(.form-control,.form-select):focus{
  border-color:var(--gk81-primary);
  box-shadow:var(--gk81-focus);
}
body.gkazmi-app .form-label,
body.gkazmi-theme-100 .form-label{font-weight:700;color:#34415a;margin-bottom:.45rem}
body.gkazmi-app .form-check-input:focus,
body.gkazmi-theme-100 .form-check-input:focus{box-shadow:var(--gk81-focus)}

/* Buttons */
body.gkazmi-app .btn,
body.gkazmi-theme-100 .btn{
  min-height:38px;
  border-radius:10px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.42rem;
  transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease;
}
body.gkazmi-app .btn:hover,
body.gkazmi-theme-100 .btn:hover{transform:translateY(-1px)}
body.gkazmi-app .btn:focus-visible,
body.gkazmi-theme-100 .btn:focus-visible{outline:0;box-shadow:var(--gk81-focus)}
body.gkazmi-app .btn-primary,
body.gkazmi-theme-100 .btn-primary{background:var(--gk81-primary);border-color:var(--gk81-primary)}
body.gkazmi-app .btn-sm,
body.gkazmi-theme-100 .btn-sm{min-height:34px;border-radius:9px}

/* Tables */
body.gkazmi-app .table-responsive,
body.gkazmi-theme-100 .table-responsive{
  border:1px solid var(--gk81-border);
  border-radius:var(--gk81-radius);
  background:#fff;
  overflow:auto;
}
body.gkazmi-app .table,
body.gkazmi-theme-100 .table{margin-bottom:0;--bs-table-bg:transparent}
body.gkazmi-app .table thead th,
body.gkazmi-theme-100 .table thead th{
  background:var(--gk81-surface-soft);
  color:#45526a;
  font-size:.78rem;
  letter-spacing:.045em;
  text-transform:uppercase;
  border-bottom:1px solid var(--gk81-border-strong);
  white-space:nowrap;
  padding:.85rem .9rem;
}
body.gkazmi-app .table tbody td,
body.gkazmi-theme-100 .table tbody td{padding:.82rem .9rem;vertical-align:middle;border-color:#edf0f5}
body.gkazmi-app .table-hover tbody tr:hover,
body.gkazmi-theme-100 .table-hover tbody tr:hover{background:#fafaff}

/* Alerts, badges, empty states */
body.gkazmi-app .alert,
body.gkazmi-theme-100 .alert{border-radius:12px;border-width:1px;box-shadow:none}
body.gkazmi-app .badge,
body.gkazmi-theme-100 .badge{border-radius:999px;font-weight:750;letter-spacing:.01em;padding:.48em .72em}
body.gkazmi-app :is(.empty-state,.gkazmi-empty-state),
body.gkazmi-theme-100 :is(.empty-state,.gkazmi-empty-state){
  padding:2.25rem 1.25rem;
  border:1px dashed var(--gk81-border-strong);
  border-radius:var(--gk81-radius);
  background:var(--gk81-surface-soft);
  text-align:center;
  color:var(--gk81-muted);
}

/* Tabs */
body.gkazmi-app :is(.settings-tabs,.gkazmi-dashboard-tabs,.gkazmi-enterprise-tabs,.nav-pills),
body.gkazmi-theme-100 :is(.settings-tabs,.gkazmi-dashboard-tabs,.gkazmi-enterprise-tabs,.nav-pills){
  gap:.5rem;
  scrollbar-width:thin;
}
body.gkazmi-app :is(.settings-tabs,.gkazmi-dashboard-tabs,.gkazmi-enterprise-tabs,.nav-pills) .nav-link,
body.gkazmi-theme-100 :is(.settings-tabs,.gkazmi-dashboard-tabs,.gkazmi-enterprise-tabs,.nav-pills) .nav-link{
  border-radius:11px!important;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  font-weight:750;
}

/* Focus visibility */
body.gkazmi-app :is(a,button,input,select,textarea,[tabindex]):focus-visible,
body.gkazmi-theme-100 :is(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--gk81-primary);
  outline-offset:2px;
}

/* Dashboard hierarchy */
body.gkazmi-route-dashboard .dash-stat{min-height:112px}
body.gkazmi-route-dashboard .dash-value{font-weight:850;color:var(--gk81-text)}
body.gkazmi-route-dashboard .dash-k{text-transform:uppercase;letter-spacing:.045em;font-size:.76rem;font-weight:750;color:var(--gk81-muted)}
body.gkazmi-route-dashboard .dashboard-section-intro{display:none}

/* Responsive */
@media (max-width:991.98px){
  body.gkazmi-app .gkazmi-page-header,
  body.gkazmi-theme-100 .gkazmi-page-header,
  body.gkazmi-app .enterprise-page-header,
  body.gkazmi-theme-100 .enterprise-page-header{margin:12px 12px 0}
  body.gkazmi-app :is(.card-body,.modal-body),
  body.gkazmi-theme-100 :is(.card-body,.modal-body){padding:1rem}
  body.gkazmi-app .table-responsive,
  body.gkazmi-theme-100 .table-responsive{max-width:100%;-webkit-overflow-scrolling:touch}
}
@media (max-width:575.98px){
  body.gkazmi-app .btn,
body.gkazmi-theme-100 .btn{min-height:42px}
  body.gkazmi-app :is(.form-control,.form-select),
body.gkazmi-theme-100 :is(.form-control,.form-select){min-height:44px;font-size:16px}
  body.gkazmi-app :is(.settings-tabs,.gkazmi-dashboard-tabs,.gkazmi-enterprise-tabs,.nav-pills){
    overflow-x:auto;
    flex-wrap:nowrap!important;
    padding-bottom:.35rem;
  }
  body.gkazmi-app :is(.settings-tabs,.gkazmi-dashboard-tabs,.gkazmi-enterprise-tabs,.nav-pills) .nav-link,
body.gkazmi-theme-100 :is(.settings-tabs,.gkazmi-dashboard-tabs,.gkazmi-enterprise-tabs,.nav-pills) .nav-link{white-space:nowrap}
  body.gkazmi-route-dashboard .dash-stat{min-height:96px}
}

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


/* ============================================================
   GKazmi UI — Accessibility + Mobile Layer
   Historical ordering preserved AFTER enterprise design system.
   ============================================================ */
/*
 * GKazmi Enterprise v8.3.0 Accessibility & Mobile Excellence
 * Presentation-only enhancements. No business logic.
 */

:root{
  --gk83-focus: #4338ca;
  --gk83-focus-ring: rgba(67, 56, 202, .28);
  --gk83-touch: 44px;
  
}

.gkazmi-skip-link{
  position: fixed;
  top: .5rem;
  left: .5rem;
  z-index: 2147483647;
  padding: .7rem 1rem;
  border-radius: .65rem;
  background: #111827;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  transform: translateY(-180%);
  transition: transform .15s ease;
}

.gkazmi-skip-link:focus{
  transform: translateY(0);
  color: #fff;
}

:where(
  a,
  button,
  input,
  select,
  textarea,
  summary,
  [role="button"],
  [role="tab"],
  [tabindex]:not([tabindex="-1"])
):focus-visible{
  outline: 3px solid var(--gk83-focus) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px var(--gk83-focus-ring) !important;
}

[aria-disabled="true"],
:disabled{
  cursor: not-allowed !important;
}

.gkazmi-sr-status,
.gkazmi-visually-hidden-caption{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.gkazmi-mobile-scroll-hint{
  display: none;
}

table th[scope="col"],
table th[scope="row"]{
  font-weight: 750;
}

.progress[role="progressbar"]{
  min-height: .65rem;
}

:where(.btn, button, [role="button"], .nav-link, .gkazmi-dashboard-tab){
  touch-action: manipulation;
}

:where(
  .main-content,
  main,
  .container-fluid,
  .card,
  .form-card,
  .enterprise-card,
  .table-responsive
){
  min-width: 0;
}

:where(
  .dash-value,
  .hint,
  .text-muted,
  td,
  th,
  .form-text,
  .alert,
  .badge
){
  overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
  :where(.btn, button, [role="button"], .nav-link){
    min-height: var(--gk83-touch);
  }

  :where(input, select, textarea, .form-control, .form-select){
    min-height: var(--gk83-touch);
  }

  .table-responsive{
    position: relative;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  .gkazmi-mobile-scroll-hint{
    display: block;
    margin: 0 0 .4rem;
    color: #64748b;
    font-size: .78rem;
  }

  

  :where(
    .settings-tabs .nav-link,
    .gkazmi-enterprise-tab,
    .gkazmi-dashboard-tab,
    #systemStatusTabs .nav-link
  ){
    scroll-snap-align: start;
  }
}

@media (max-width: 767.98px) {
  .gkazmi-page-header,
.enterprise-page-header{
    align-items: stretch !important;
  }

  .gkazmi-page-header-actions,
.enterprise-page-header__actions{
    width: 100%;
  }

  .gkazmi-page-header-actions > *,
.enterprise-page-header__actions > *{
    flex: 1 1 auto;
  }

  .btn-group.mobile-wrap,
.btn-toolbar,
.gkazmi-mobile-action-group{
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
  }

  .btn-group.mobile-wrap > .btn{
    flex: 1 1 auto;
    border-radius: .65rem !important;
  }

  .modal-dialog{
    margin: .5rem;
  }

  .modal-content{
    max-height: calc(100dvh - 1rem);
    overflow-y: auto;
  }

  pre,
code,
.mono,
[class*="log-output"],
[class*="code-block"]{
    max-width: 100%;
    overflow-x: auto;
  }
}

@media (max-width: 575.98px) {
  body{
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }

  :where(.btn, button, [role="button"]){
    min-height: 46px;
  }

  :where(input, select, textarea, .form-control, .form-select){
    min-height: 46px;
    font-size: 16px !important;
  }

  .card-body,
.form-card,
.enterprise-card{
    padding: 1rem !important;
  }

  .row{
    --bs-gutter-x: 1rem;
  }

  .badge{
    max-width: 100%;
    white-space: normal;
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
*::before,
*::after{
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

@media (prefers-contrast: more) {
  :where(.card, .form-card, .enterprise-card, .table-responsive){
    border-color: #475569 !important;
  }

  .text-muted,
.hint,
.form-text{
    color: #475569 !important;
  }
}

/* ============================================================
   GKazmi UI — Canonical Administration Visual Contract
   Migrated from historical admin polish layer.
   Existing post-canonical winning precedence preserved.
   ============================================================ */
/* GKazmi UI Premium Admin Polish - Bundle 2 */
:root{
  
  --gkazmi-ui-admin-surface: #ffffff;
  --gkazmi-ui-admin-border: #dfe5ec;
  --gkazmi-ui-admin-border-strong: #cbd5e1;
  
  --gkazmi-ui-admin-muted: #64748b;
  --gkazmi-ui-admin-primary: #2563eb;
  
  
  
  
  --gkazmi-ui-admin-radius: 14px;
  --gkazmi-ui-admin-shadow: 0 10px 30px rgba(15, 23, 42, .07);
  --gkazmi-ui-admin-shadow-hover: 0 14px 34px rgba(15, 23, 42, .11);
}


body.gkazmi-app .content,
body.gkazmi-app .main-content,
body.gkazmi-app main,
body.gkazmi-app .container-fluid{
  min-width: 0;
}

body.gkazmi-app .card,
body.gkazmi-app .card-soft,
body.gkazmi-app .modal-content,
body.gkazmi-app .table-card,
body.gkazmi-app .panel{
  border: 1px solid var(--gkazmi-ui-admin-border) !important;
  border-radius: var(--gkazmi-ui-admin-radius) !important;
  background: var(--gkazmi-ui-admin-surface);
  box-shadow: var(--gkazmi-ui-admin-shadow);
}

body.gkazmi-app .card,
body.gkazmi-app .card-soft,
body.gkazmi-app .table-card{
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

@media (hover: hover) {
  body.gkazmi-app .card:hover,
body.gkazmi-app .card-soft:hover,
body.gkazmi-app .table-card:hover{
    border-color: var(--gkazmi-ui-admin-border-strong) !important;
    box-shadow: var(--gkazmi-ui-admin-shadow-hover);
  }
}

body.gkazmi-app .card-header,
body.gkazmi-app .modal-header{
  border-bottom: 1px solid var(--gkazmi-ui-admin-border);
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  border-radius: var(--gkazmi-ui-admin-radius) var(--gkazmi-ui-admin-radius) 0 0 !important;
}


body.gkazmi-app .modal-body{ padding: 1.25rem; }
body.gkazmi-app .modal-footer{ border-top: 1px solid var(--gkazmi-ui-admin-border); }


body.gkazmi-app .text-muted,
body.gkazmi-app .muted-small,
body.gkazmi-app small{ color: var(--gkazmi-ui-admin-muted) !important; }


body.gkazmi-app .input-group > .form-control,
body.gkazmi-app .input-group > .form-select,
body.gkazmi-app .input-group > .input-group-text,
body.gkazmi-app .input-group > .btn{ border-radius: 0; }
body.gkazmi-app .input-group > :first-child{ border-radius: 10px 0 0 10px; }
body.gkazmi-app .input-group > :last-child{ border-radius: 0 10px 10px 0; }


body.gkazmi-app .btn-outline-primary:hover,
body.gkazmi-app .btn-outline-secondary:hover,
body.gkazmi-app .btn-outline-danger:hover{ transform: translateY(-1px); }


body.gkazmi-app .table > thead > tr > th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f8fafc;
  color: #475569;
  border-bottom: 1px solid var(--gkazmi-ui-admin-border-strong);
  padding: .8rem .85rem;
  font-size: .75rem;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: .045em;
  white-space: nowrap;
}


body.gkazmi-app .table-striped > tbody > tr:nth-of-type(odd) > *{ --bs-table-accent-bg: rgba(248, 250, 252, .68); }

body.gkazmi-app .pagination .page-link{
  border-color: var(--gkazmi-ui-admin-border);
  color: #334155;
  min-width: 36px;
  text-align: center;
}
body.gkazmi-app .pagination .page-item.active .page-link{ background: var(--gkazmi-ui-admin-primary); border-color: var(--gkazmi-ui-admin-primary); }

body.gkazmi-app .search-form,
body.gkazmi-app .mu-search-form{
  padding: .8rem;
  border: 1px solid var(--gkazmi-ui-admin-border);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(15, 23, 42, .04);
}

body.gkazmi-app .package-card{ position: relative; overflow: hidden; }
body.gkazmi-app .package-card::before{
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, #2563eb, #06b6d4);
}
body.gkazmi-app .package-card .display-6{ letter-spacing: -.04em; }
body.gkazmi-app .badge-popular{ background: var(--gkazmi-ui-admin-primary) !important; }

body.gkazmi-app .modal-backdrop.show{ opacity: .38; }
body.gkazmi-app .modal-content{ overflow: hidden; }


@media (max-width: 991.98px) {
  body.gkazmi-app .card-body{ padding: 1rem; }
  body.gkazmi-app .table > thead > tr > th,
body.gkazmi-app .table > tbody > tr > td{ padding: .72rem .7rem; }
}

@media (max-width: 767.98px) {
  
  body.gkazmi-app .search-form,
body.gkazmi-app .mu-search-form{ padding: .7rem; }
  
  
  
  
}

@media (prefers-reduced-motion: reduce) {
  
}

/* GKAZMI_GLOBAL_MULTICOLOUR_ICONS_BEGIN
   One deterministic semantic icon palette across GKazmi UI.
*/

:root{
  --gki-blue:#2563eb;
  --gki-indigo:#4f46e5;
  --gki-purple:#7c3aed;
  --gki-pink:#db2777;
  --gki-red:#dc2626;
  --gki-orange:#ea580c;
  --gki-amber:#d97706;
  --gki-green:#059669;
  --gki-teal:#0d9488;
  --gki-cyan:#0891b2;

  --gki-blue-bg:#eff6ff;
  --gki-indigo-bg:#eef2ff;
  --gki-purple-bg:#f5f3ff;
  --gki-pink-bg:#fdf2f8;
  --gki-red-bg:#fef2f2;
  --gki-orange-bg:#fff7ed;
  --gki-amber-bg:#fffbeb;
  --gki-green-bg:#ecfdf5;
  --gki-teal-bg:#f0fdfa;
  --gki-cyan-bg:#ecfeff;
}

/*
 * Semantic tone classes.
 * !important is intentional here because historical page CSS contains
 * generic icon color declarations. This canonical layer is the owner.
 */

body .gkazmi-icon-tone-blue,
body .gkazmi-icon-tone-blue > i,
body .gkazmi-icon-tone-blue > svg{
  color:var(--gki-blue)!important;
}

body .gkazmi-icon-tone-indigo,
body .gkazmi-icon-tone-indigo > i,
body .gkazmi-icon-tone-indigo > svg{
  color:var(--gki-indigo)!important;
}

body .gkazmi-icon-tone-purple,
body .gkazmi-icon-tone-purple > i,
body .gkazmi-icon-tone-purple > svg{
  color:var(--gki-purple)!important;
}

body .gkazmi-icon-tone-pink,
body .gkazmi-icon-tone-pink > i,
body .gkazmi-icon-tone-pink > svg{
  color:var(--gki-pink)!important;
}

body .gkazmi-icon-tone-red,
body .gkazmi-icon-tone-red > i,
body .gkazmi-icon-tone-red > svg{
  color:var(--gki-red)!important;
}

body .gkazmi-icon-tone-orange,
body .gkazmi-icon-tone-orange > i,
body .gkazmi-icon-tone-orange > svg{
  color:var(--gki-orange)!important;
}

body .gkazmi-icon-tone-amber,
body .gkazmi-icon-tone-amber > i,
body .gkazmi-icon-tone-amber > svg{
  color:var(--gki-amber)!important;
}

body .gkazmi-icon-tone-green,
body .gkazmi-icon-tone-green > i,
body .gkazmi-icon-tone-green > svg{
  color:var(--gki-green)!important;
}

body .gkazmi-icon-tone-teal,
body .gkazmi-icon-tone-teal > i,
body .gkazmi-icon-tone-teal > svg{
  color:var(--gki-teal)!important;
}

body .gkazmi-icon-tone-cyan,
body .gkazmi-icon-tone-cyan > i,
body .gkazmi-icon-tone-cyan > svg{
  color:var(--gki-cyan)!important;
}

/* Coloured soft icon tiles */

body .gkazmi-icon-tile.gkazmi-icon-tone-blue{
  background:var(--gki-blue-bg)!important;
}
body .gkazmi-icon-tile.gkazmi-icon-tone-indigo{
  background:var(--gki-indigo-bg)!important;
}
body .gkazmi-icon-tile.gkazmi-icon-tone-purple{
  background:var(--gki-purple-bg)!important;
}
body .gkazmi-icon-tile.gkazmi-icon-tone-pink{
  background:var(--gki-pink-bg)!important;
}
body .gkazmi-icon-tile.gkazmi-icon-tone-red{
  background:var(--gki-red-bg)!important;
}
body .gkazmi-icon-tile.gkazmi-icon-tone-orange{
  background:var(--gki-orange-bg)!important;
}
body .gkazmi-icon-tile.gkazmi-icon-tone-amber{
  background:var(--gki-amber-bg)!important;
}
body .gkazmi-icon-tile.gkazmi-icon-tone-green{
  background:var(--gki-green-bg)!important;
}
body .gkazmi-icon-tile.gkazmi-icon-tone-teal{
  background:var(--gki-teal-bg)!important;
}
body .gkazmi-icon-tile.gkazmi-icon-tone-cyan{
  background:var(--gki-cyan-bg)!important;
}

/* Sidebar */

body .sidebar .nav-link > i.gkazmi-icon-tone,
body .gkazmi-sidebar .nav-link > i.gkazmi-icon-tone{
  opacity:1!important;
  filter:none!important;
}

/* Dashboard / quick access / cards */

body .gkazmi-icon-tile{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background-color .18s ease;
}

body a:hover .gkazmi-icon-tile,
body button:hover .gkazmi-icon-tile{
  transform:translateY(-1px) scale(1.04);
}

/* Semantic actions */

body .gkazmi-action-edit .gkazmi-action-icon,
body .gkazmi-action-update .gkazmi-action-icon{
  color:var(--gki-blue)!important;
}

body .gkazmi-action-save .gkazmi-action-icon,
body .gkazmi-action-create .gkazmi-action-icon,
body .gkazmi-action-add .gkazmi-action-icon,
body .gkazmi-action-run .gkazmi-action-icon,
body .gkazmi-action-enable .gkazmi-action-icon{
  color:var(--gki-green)!important;
}

body .gkazmi-action-delete .gkazmi-action-icon,
body .gkazmi-action-remove .gkazmi-action-icon,
body .gkazmi-action-disable .gkazmi-action-icon{
  color:var(--gki-red)!important;
}

body .gkazmi-action-search .gkazmi-action-icon,
body .gkazmi-action-filter .gkazmi-action-icon,
body .gkazmi-action-refresh .gkazmi-action-icon,
body .gkazmi-action-retry .gkazmi-action-icon{
  color:var(--gki-cyan)!important;
}

body .gkazmi-action-settings .gkazmi-action-icon{
  color:var(--gki-purple)!important;
}

body .gkazmi-action-history .gkazmi-action-icon{
  color:var(--gki-amber)!important;
}

body .gkazmi-action-download .gkazmi-action-icon{
  color:var(--gki-teal)!important;
}

body .gkazmi-action-upload .gkazmi-action-icon{
  color:var(--gki-indigo)!important;
}

/* Popup and notifications */

body .gkazmi-popup-icon.info,
body .notification-info i{
  color:var(--gki-blue)!important;
  background:var(--gki-blue-bg)!important;
}

body .gkazmi-popup-icon.success,
body .notification-success i{
  color:var(--gki-green)!important;
  background:var(--gki-green-bg)!important;
}

body .gkazmi-popup-icon.warning,
body .notification-warning i{
  color:var(--gki-amber)!important;
  background:var(--gki-amber-bg)!important;
}

body .gkazmi-popup-icon.danger,
body .gkazmi-popup-icon.error,
body .notification-danger i,
body .notification-error i{
  color:var(--gki-red)!important;
  background:var(--gki-red-bg)!important;
}

/* Form field semantic icons */

body .gkazmi-field-icon.gkazmi-icon-tone{
  opacity:1!important;
}

/* Never colour structural chevrons through the palette */

body .menu-chevron,
body .dropdown-toggle::after{
  color:inherit;
}

/* GKAZMI_GLOBAL_MULTICOLOUR_ICONS_END */

/* ============================================================
   GKazmi UI — Productivity
   Consolidated into the single canonical GKazmi UI.
   Historical order preserved:
   core -> table-tools -> workspace
   ============================================================ */

/* GKazmi UI consolidated source: gkazmi-productivity-core.css */
/* GKazmi UI v6.3 Productivity Bundle 1 */
:root{
  --gkazmi-ui-command-z: 1085;
  --gkazmi-ui-command-width: min(680px, calc(100vw - 2rem));
}
.gkazmi-command-backdrop{
  position: fixed; inset: 0; z-index: var(--gkazmi-ui-command-z);
  display: none; place-items: start center; padding-top: min(14vh, 120px);
  background: rgb(15 23 42 / .52); backdrop-filter: blur(6px);
}
.gkazmi-command-backdrop.is-open{ display: grid; }
.gkazmi-productivity-command{
  width: var(--gkazmi-ui-command-width); max-height: min(72vh, 620px); overflow: hidden;
  border: 1px solid rgb(148 163 184 / .28); border-radius: 18px;
  background: var(--bs-body-bg, #fff); box-shadow: 0 24px 80px rgb(15 23 42 / .3);
}
.gkazmi-command-head{ padding: .85rem; border-bottom: 1px solid rgb(148 163 184 / .22); }
.gkazmi-command-input{
  width: 100%; border: 0; outline: 0; background: transparent; color: inherit;
  font: inherit; font-size: 1rem; padding: .45rem .55rem;
}
.gkazmi-command-list{ max-height: min(56vh, 470px); overflow: auto; padding: .55rem; }
.gkazmi-command-item{
  display: flex; align-items: center; gap: .8rem; width: 100%; padding: .72rem .8rem;
  border: 0; border-radius: 12px; background: transparent; color: inherit; text-align: left;
  text-decoration: none; transition: background-color .14s ease, transform .14s ease;
}
.gkazmi-command-item:hover,
.gkazmi-command-item.is-active{ background: rgb(59 130 246 / .1); transform: translateX(2px); }
.gkazmi-command-icon{ width: 1.6rem; text-align: center; opacity: .78; }
.gkazmi-command-empty{ padding: 2rem 1rem; text-align: center; color: var(--bs-secondary-color, #64748b); }
.gkazmi-command-foot{ display:flex; justify-content:space-between; gap:1rem; padding:.65rem 1rem; border-top:1px solid rgb(148 163 184 / .2); color:var(--bs-secondary-color,#64748b); font-size:.78rem; }
.gkazmi-table-tools{
  display:flex; align-items:center; justify-content:space-between; gap:.75rem; flex-wrap:wrap;
  margin: .65rem 0 .8rem; padding:.7rem; border:1px solid rgb(148 163 184 / .22);
  border-radius:14px; background:rgb(148 163 184 / .055);
}
.gkazmi-table-search-wrap{ position:relative; flex:1 1 240px; max-width:440px; }
.gkazmi-table-search{ width:100%; min-height:40px; padding:.52rem .8rem .52rem 2.35rem; border:1px solid rgb(148 163 184 / .35); border-radius:10px; background:var(--bs-body-bg,#fff); color:inherit; }
.gkazmi-table-search:focus{ outline:0; border-color:rgb(59 130 246 / .7); box-shadow:0 0 0 3px rgb(59 130 246 / .13); }
.gkazmi-table-search-icon{ position:absolute; left:.8rem; top:50%; transform:translateY(-50%); opacity:.58; pointer-events:none; }
.gkazmi-table-meta{ color:var(--bs-secondary-color,#64748b); font-size:.82rem; white-space:nowrap; }
.gkazmi-density-btn{ border:1px solid rgb(148 163 184 / .34); border-radius:10px; background:var(--bs-body-bg,#fff); color:inherit; padding:.48rem .7rem; font-size:.82rem; }
body.gkazmi-density-compact table > :not(caption) > * > *{ padding-top:.42rem!important; padding-bottom:.42rem!important; }
body.gkazmi-density-comfortable table > :not(caption) > * > *{ padding-top:.78rem!important; padding-bottom:.78rem!important; }
.gkazmi-table-filter-hidden{ display:none!important; }
.gkazmi-table-no-results td{ padding:2rem 1rem!important; text-align:center; color:var(--bs-secondary-color,#64748b); }
.gkazmi-command-trigger{
  position:fixed; right:1rem; bottom:1rem; z-index:1030; display:flex; align-items:center; gap:.45rem;
  border:1px solid rgb(148 163 184 / .3); border-radius:999px; background:var(--bs-body-bg,#fff); color:inherit;
  padding:.58rem .8rem; box-shadow:0 10px 30px rgb(15 23 42 / .16); font-size:.82rem;
}
.gkazmi-command-trigger:hover{ transform:translateY(-1px); }
.gkazmi-command-kbd{ padding:.08rem .35rem; border:1px solid rgb(148 163 184 / .38); border-bottom-width:2px; border-radius:5px; font-size:.7rem; }
@media (max-width: 767.98px) {
  .gkazmi-command-trigger span:not(.gkazmi-command-kbd){ display:none; }
  .gkazmi-command-foot{ display:none; }
  .gkazmi-table-tools{ align-items:stretch; }
  .gkazmi-table-search-wrap{ max-width:none; }
}
@media (prefers-reduced-motion: reduce) {
  .gkazmi-command-item,
.gkazmi-command-trigger{ transition:none!important; }
}


/* GKazmi UI consolidated source: gkazmi-productivity-table-tools.css */
/* GKazmi UI v6.3 Productivity Bundle 2 */
.gkazmi-table-actions-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.gkazmi-table-actions-btn{display:inline-flex;align-items:center;gap:.42rem;min-height:38px;padding:.48rem .7rem;border:1px solid rgb(148 163 184/.34);border-radius:10px;background:var(--bs-body-bg,#fff);color:inherit;font-size:.82rem;line-height:1;cursor:pointer}
.gkazmi-table-actions-btn:hover{background:rgb(59 130 246/.08);border-color:rgb(59 130 246/.38)}
.gkazmi-table-actions-menu{position:relative}
.gkazmi-table-actions-panel{position:absolute;right:0;top:calc(100% + .45rem);z-index:1060;display:none;width:min(290px,calc(100vw - 2rem));max-height:360px;overflow:auto;padding:.55rem;border:1px solid rgb(148 163 184/.28);border-radius:13px;background:var(--bs-body-bg,#fff);box-shadow:0 18px 45px rgb(15 23 42/.18)}
.gkazmi-table-actions-menu.is-open .gkazmi-table-actions-panel{display:block}
.gkazmi-table-actions-option{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .6rem;border-radius:9px;font-size:.83rem;cursor:pointer}
.gkazmi-table-actions-option:hover{background:rgb(59 130 246/.08)}
.gkazmi-table-actions-option input{width:1rem;height:1rem}
.gkazmi-table-actions-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem .35rem .5rem;border-bottom:1px solid rgb(148 163 184/.2);margin-bottom:.35rem;font-weight:700;font-size:.82rem}
.gkazmi-table-actions-reset{border:0;background:transparent;color:var(--bs-primary,#2563eb);font-size:.76rem;cursor:pointer}
.gkazmi-table-actions-col-hidden{display:none!important}
.table-responsive table thead th,
.gkazmi-table-wrap table thead th{position:sticky;top:0;z-index:2;background:var(--bs-body-bg,#fff);box-shadow:inset 0 -1px 0 rgb(148 163 184/.26)}
.gkazmi-table-actions-copyable{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.gkazmi-table-actions-toast{position:fixed;left:50%;bottom:1.25rem;z-index:1090;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:.65rem .9rem;border-radius:999px;background:#0f172a;color:#fff;font-size:.82rem;box-shadow:0 10px 30px rgb(15 23 42/.28);transition:opacity .18s ease,transform .18s ease}
.gkazmi-table-actions-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:767.98px){.gkazmi-table-actions-btn span{display:none}.gkazmi-table-actions-panel{position:fixed;left:1rem;right:1rem;top:auto;bottom:1rem;width:auto;max-height:55vh}}
@media(prefers-reduced-motion:reduce){.gkazmi-table-actions-toast{transition:none!important}}


/* GKazmi UI consolidated source: gkazmi-productivity-workspace.css */
/* GKazmi UI v6.3 Productivity Bundle 3 */
.gkazmi-table-workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin:.6rem 0}
.gkazmi-table-workspace-group{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.gkazmi-table-workspace-btn,
.gkazmi-table-workspace-select{min-height:38px;border:1px solid rgb(148 163 184/.34);border-radius:10px;background:var(--bs-body-bg,#fff);color:inherit;font-size:.82rem}
.gkazmi-table-workspace-btn{display:inline-flex;align-items:center;gap:.42rem;padding:.48rem .7rem;cursor:pointer}
.gkazmi-table-workspace-btn:hover{background:rgb(59 130 246/.08);border-color:rgb(59 130 246/.38)}
.gkazmi-table-workspace-select{padding:.45rem 2rem .45rem .65rem;max-width:240px}
.gkazmi-table-workspace-row-focus{outline:2px solid rgb(59 130 246/.52);outline-offset:-2px;background:rgb(59 130 246/.06)!important}
.gkazmi-table-workspace-quick{position:relative}
.gkazmi-table-workspace-menu{position:absolute;right:0;top:calc(100% + .45rem);z-index:1060;display:none;min-width:220px;padding:.45rem;border:1px solid rgb(148 163 184/.28);border-radius:12px;background:var(--bs-body-bg,#fff);box-shadow:0 18px 45px rgb(15 23 42/.18)}
.gkazmi-table-workspace-quick.is-open .gkazmi-table-workspace-menu{display:block}
.gkazmi-table-workspace-menu a,
.gkazmi-table-workspace-menu button{display:flex;align-items:center;gap:.55rem;width:100%;padding:.58rem .65rem;border:0;border-radius:8px;background:transparent;color:inherit;text-decoration:none;font-size:.82rem;text-align:left;cursor:pointer}
.gkazmi-table-workspace-menu a:hover,
.gkazmi-table-workspace-menu button:hover{background:rgb(59 130 246/.08)}
.gkazmi-table-workspace-bulk{display:none;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .8rem;margin:.55rem 0;border:1px solid rgb(59 130 246/.25);border-radius:12px;background:rgb(59 130 246/.07)}
.gkazmi-table-workspace-bulk.is-visible{display:flex}
.gkazmi-table-workspace-count{font-size:.82rem;font-weight:700}
.gkazmi-table-workspace-status{font-size:.78rem;color:var(--bs-secondary-color,#64748b)}
.gkazmi-table-workspace-mobile-sheet{display:none}
@media(max-width:767.98px){
 .gkazmi-table-workspace-bar{align-items:stretch}
 .gkazmi-table-workspace-group{width:100%}
 .gkazmi-table-workspace-btn,
.gkazmi-table-workspace-select{flex:1 1 auto}
 .gkazmi-table-workspace-menu{position:fixed;left:1rem;right:1rem;top:auto;bottom:1rem;min-width:0;max-height:55vh;overflow:auto}
 .gkazmi-table-workspace-bulk{position:sticky;bottom:.75rem;z-index:20;box-shadow:0 12px 30px rgb(15 23 42/.16)}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


/* ============================================================
   GKazmi UI — AI
   Single canonical visual ownership.
   Historical AI precedence preserved.
   ============================================================ */

/* GKazmi UI consolidated source: gkazmi-gkazmi-ai.css */


.ai-engine-picker{margin:.75rem 0;padding:.75rem;border:1px solid #dbe4ef;border-radius:.8rem;background:#f8fafc}.ai-engine-picker label{display:block;margin-bottom:.35rem;font-size:.72rem;font-weight:800}.ai-engine-picker small{display:block;margin-top:.35rem;color:#64748b;font-size:.64rem}.gkazmi-popup-backdrop{position:fixed;inset:0;z-index:20000;display:none;align-items:center;justify-content:center;padding:1rem;background:rgba(15,23,42,.64);backdrop-filter:blur(4px)}.gkazmi-popup-backdrop.is-open{display:flex}.gkazmi-popup-dialog{width:min(590px,calc(100vw - 2rem));border-radius:1.25rem;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.35);overflow:hidden}.gkazmi-popup-head{display:grid;place-items:center;padding:2rem 2rem .7rem;text-align:center}.gkazmi-popup-icon{display:grid;place-items:center;width:4.5rem;height:4.5rem;margin-bottom:1rem;border:2px solid currentColor;border-radius:50%;font-size:1.8rem;font-weight:850}.gkazmi-popup-title{margin:0;font-size:1.55rem;font-weight:850}.gkazmi-popup-body{padding:.4rem 2rem 1.25rem;color:#64748b;text-align:center}.gkazmi-popup-actions{display:flex;justify-content:center;gap:.65rem;padding:0 2rem 1.6rem}.gkazmi-popup-btn{min-width:110px;padding:.72rem 1.15rem;border:1px solid transparent;border-radius:.75rem;font-weight:800}.gkazmi-popup-btn.primary{background:#3157e6;color:#fff}.gkazmi-popup-btn.danger{background:#ef4444;color:#fff}.gkazmi-popup-btn.secondary{border-color:#cbd5e1;background:#f8fafc;color:#334155}.gkazmi-popup-spinner{width:2.5rem;height:2.5rem;margin:0 auto 1rem;border:.28rem solid #dbe4ef;border-top-color:#4f46e5;border-radius:50%;animation:gkazmi-ai-spin .8s linear infinite}@keyframes gkazmi-ai-spin{to{transform:rotate(360deg)}}body.gkazmi-popup-locked{overflow:hidden}


/* GKazmi UI consolidated source: gkazmi-gkazmi-ai-experience.css */
:root{
  
  
  
  
  
  
  
  
}.validation-running{grid-column:1/-1;padding:2rem;text-align:center;border:1px dashed #cbd5e1;border-radius:1rem;color:#64748b}.validation-check{border:1px solid #dfe7f1;border-radius:1rem;background:#fff;overflow:hidden}.validation-check header{display:flex;align-items:flex-start;gap:.7rem;padding:1rem;border-bottom:1px solid #edf2f7}.validation-check header>span{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:.65rem}.validation-check.is-pass header>span{background:#ecfdf5;color:#059669}.validation-check.is-fail header>span{background:#fef2f2;color:#dc2626}.validation-check.is-skipped header>span{background:#f8fafc;color:#64748b}.validation-check h3{margin:0;text-transform:capitalize;font-size:.86rem;font-weight:850}.validation-check p{margin:.2rem 0 0;color:#64748b;font-size:.72rem}.validation-check header small{margin-left:auto;color:#94a3b8;font-size:.65rem}.validation-details{display:grid;gap:.4rem;padding:1rem}.validation-details>div{display:flex;justify-content:space-between;gap:.8rem;padding:.45rem .6rem;border-radius:.55rem;background:#f8fafc}.validation-details span{color:#64748b;font-size:.68rem;text-transform:capitalize}.validation-details strong{max-width:65%;overflow-wrap:anywhere;text-align:right;font-size:.7rem}


/* ============================================================
   GKazmi UI
   Enterprise v3 visual layer — historical post-canonical zone
   ============================================================ */
/*
 * GKazmi Enterprise v3
 * Simple, global, non-destructive UI foundation.
 * Sidebar behavior remains owned by includes/sidebar.php.
 */

:root{
  --gkazmi-enterprise-bg: #f6f8fc;
  --gkazmi-enterprise-surface: #ffffff;
  --gkazmi-enterprise-surface-soft: #f8fafc;
  --gkazmi-enterprise-border: #dbe3ef;
  --gkazmi-enterprise-border-strong: #c7d2e3;
  --gkazmi-enterprise-text: #172033;
  --gkazmi-enterprise-muted: #667085;
  --gkazmi-enterprise-primary: #2563eb;
  --gkazmi-enterprise-primary-hover: #1d4ed8;
  
  
  
  --gkazmi-enterprise-radius: 14px;
  --gkazmi-enterprise-radius-sm: 10px;
  --gkazmi-enterprise-shadow: 0 10px 28px rgba(15, 23, 42, .07);
  --gkazmi-enterprise-shadow-hover: 0 16px 38px rgba(15, 23, 42, .11);
  --gkazmi-enterprise-focus: 0 0 0 4px rgba(37, 99, 235, .16);
}

body.gkazmi-enterprise{
  background: var(--gkazmi-enterprise-bg);
  color: var(--gkazmi-enterprise-text);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.gkazmi-enterprise .main-content{
  min-width: 0;
}

body.gkazmi-enterprise .container,
body.gkazmi-enterprise .container-fluid{
  --bs-gutter-x: 1.5rem;
}

body.gkazmi-enterprise h1,
body.gkazmi-enterprise h2,
body.gkazmi-enterprise h3,
body.gkazmi-enterprise h4,
body.gkazmi-enterprise h5,
body.gkazmi-enterprise h6{
  color: var(--gkazmi-enterprise-text);
  letter-spacing: -.018em;
}

body.gkazmi-enterprise .text-muted,
body.gkazmi-enterprise .hint,
body.gkazmi-enterprise .form-text{
  color: var(--gkazmi-enterprise-muted) !important;
}

body.gkazmi-enterprise .card,
body.gkazmi-enterprise .form-card,
body.gkazmi-enterprise .settings-card,
body.gkazmi-enterprise .content-card,
body.gkazmi-enterprise .gkazmi-card{
  border: 1px solid var(--gkazmi-enterprise-border);
  border-radius: var(--gkazmi-enterprise-radius);
  background: var(--gkazmi-enterprise-surface);
  box-shadow: var(--gkazmi-enterprise-shadow);
}

body.gkazmi-enterprise .card-header,
body.gkazmi-enterprise .card-footer{
  border-color: var(--gkazmi-enterprise-border);
  background: var(--gkazmi-enterprise-surface-soft);
}

body.gkazmi-enterprise .card[data-gkazmi-hover="1"],
body.gkazmi-enterprise .gkazmi-card[data-gkazmi-hover="1"]{
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.gkazmi-enterprise .card[data-gkazmi-hover="1"]:hover,
body.gkazmi-enterprise .gkazmi-card[data-gkazmi-hover="1"]:hover{
  transform: translateY(-2px);
  border-color: var(--gkazmi-enterprise-border-strong);
  box-shadow: var(--gkazmi-enterprise-shadow-hover);
}

body.gkazmi-enterprise .btn{
  min-height: 40px;
  border-radius: var(--gkazmi-enterprise-radius-sm);
  font-weight: 650;
  letter-spacing: -.005em;
}

body.gkazmi-enterprise .btn-sm{
  min-height: 34px;
}

body.gkazmi-enterprise .btn-primary{
  border-color: var(--gkazmi-enterprise-primary);
  background: var(--gkazmi-enterprise-primary);
}

body.gkazmi-enterprise .btn-primary:hover,
body.gkazmi-enterprise .btn-primary:focus{
  border-color: var(--gkazmi-enterprise-primary-hover);
  background: var(--gkazmi-enterprise-primary-hover);
}

body.gkazmi-enterprise .form-control,
body.gkazmi-enterprise .form-select,
body.gkazmi-enterprise .input-group-text{
  min-height: 42px;
  border-color: var(--gkazmi-enterprise-border-strong);
  border-radius: var(--gkazmi-enterprise-radius-sm);
}

body.gkazmi-enterprise textarea.form-control{
  min-height: 110px;
}

body.gkazmi-enterprise .form-control:focus,
body.gkazmi-enterprise .form-select:focus,
body.gkazmi-enterprise .form-check-input:focus,
body.gkazmi-enterprise .btn:focus-visible,
body.gkazmi-enterprise a:focus-visible,
body.gkazmi-enterprise button:focus-visible{
  border-color: var(--gkazmi-enterprise-primary);
  box-shadow: var(--gkazmi-enterprise-focus);
  outline: 0;
}

body.gkazmi-enterprise .table-responsive{
  border: 1px solid var(--gkazmi-enterprise-border);
  border-radius: var(--gkazmi-enterprise-radius);
  background: var(--gkazmi-enterprise-surface);
  box-shadow: 0 6px 20px rgba(15, 23, 42, .05);
}

body.gkazmi-enterprise .table{
  margin-bottom: 0;
  color: var(--gkazmi-enterprise-text);
  vertical-align: middle;
}

body.gkazmi-enterprise .table > :not(caption) > * > *{
  padding: .82rem .9rem;
  border-bottom-color: var(--gkazmi-enterprise-border);
}

body.gkazmi-enterprise .table thead th{
  color: #475467;
  font-size: .78rem;
  font-weight: 750;
  letter-spacing: .035em;
  text-transform: uppercase;
  background: var(--gkazmi-enterprise-surface-soft);
  white-space: nowrap;
}

body.gkazmi-enterprise .table tbody tr{
  transition: background .14s ease;
}

body.gkazmi-enterprise .table tbody tr:hover{
  background: #f8fbff;
}

body.gkazmi-enterprise .alert{
  border-radius: var(--gkazmi-enterprise-radius-sm);
  border-width: 1px;
}

body.gkazmi-enterprise .badge{
  padding: .42em .68em;
  border-radius: 999px;
  font-weight: 700;
}

body.gkazmi-enterprise .modal-content,
body.gkazmi-enterprise .dropdown-menu,
body.gkazmi-enterprise .offcanvas{
  border: 1px solid var(--gkazmi-enterprise-border);
  border-radius: var(--gkazmi-enterprise-radius);
  box-shadow: 0 22px 55px rgba(15, 23, 42, .16);
}

body.gkazmi-enterprise .modal-header,
body.gkazmi-enterprise .modal-footer{
  border-color: var(--gkazmi-enterprise-border);
}

body.gkazmi-enterprise code,
body.gkazmi-enterprise .mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

body.gkazmi-enterprise .gkazmi-enterprise-page-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

body.gkazmi-enterprise .gkazmi-enterprise-page-header > :first-child{
  min-width: 0;
}

body.gkazmi-enterprise .gkazmi-enterprise-page-header h1,
body.gkazmi-enterprise .gkazmi-enterprise-page-header h2{
  margin-bottom: .25rem;
}

body.gkazmi-enterprise .gkazmi-enterprise-page-header p{
  margin-bottom: 0;
  color: var(--gkazmi-enterprise-muted);
}

/* GKazmi UI — Enterprise responsive continuation */
/* GKazmi Enterprise v3 responsive refinements */

@media (max-width: 991.98px){
  body.gkazmi-enterprise .container,
  body.gkazmi-enterprise .container-fluid {
    --bs-gutter-x: 1rem;
  }

  body.gkazmi-enterprise .card-body,
  body.gkazmi-enterprise .form-card,
  body.gkazmi-enterprise .settings-card,
  body.gkazmi-enterprise .content-card {
    padding: 1rem;
  }

  body.gkazmi-enterprise .gkazmi-enterprise-page-header {
    flex-direction: column;
  }
}

@media (max-width: 767.98px) {
  body.gkazmi-enterprise .btn:not(.btn-sm):not(.btn-link){
    min-height: 42px;
  }

  body.gkazmi-enterprise .table > :not(caption) > * > *{
    padding: .72rem .75rem;
  }

  body.gkazmi-enterprise .table-responsive{
    border-radius: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.gkazmi-enterprise *,
body.gkazmi-enterprise *::before,
body.gkazmi-enterprise *::after{
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* ============================================================
   GKazmi UI — Public / Authentication / Footer
   Single canonical visual ownership.
   Historical shared ordering preserved.
   ============================================================ */

/* GKazmi UI consolidated source: public-theme.css */
/*
  Public Theme (Simple) - ExpressCronJob-inspired
  ------------------------------------------------
  - Simple navbar
  - Clean cards + buttons
  - Shared by index/pricing/about/contact/resellers/login/signup
*/

:root{
  --pub-bg: #f7f9fc;
  --pub-card: #ffffff;
  --pub-text: #0f172a;
  --pub-muted: #64748b;
  --pub-border: rgba(15,23,42,.10);
  --pub-primary: #2563eb;
  --pub-primary-600: #1d4ed8;
  --pub-radius: 14px;
  --pub-shadow: 0 12px 28px rgba(15,23,42,.07);

  /* Alias legacy variable names (used by auth components) */
  --bg: var(--pub-bg);
  --card: var(--pub-card);
  --text: var(--pub-text);
  --muted: var(--pub-muted);
  --border: var(--pub-border);
  --primary: var(--pub-primary);
  --primary-600: var(--pub-primary-600);
  --radius: var(--pub-radius);
  --shadow: var(--pub-shadow);
}

body{
  background: var(--pub-bg);
  color: var(--pub-text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

/* Navbar */
.gkazmi-public-nav{
  background: #fff;
  border-bottom: 1px solid var(--pub-border);
}

.gkazmi-public-nav .navbar-brand{
  font-weight: 800;
  letter-spacing: .2px;
}

.gkazmi-public-logo{
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.gkazmi-public-nav .nav-link{
  font-weight: 600;
  color: #334155;
  border-radius: 10px;
  padding: .5rem .75rem;
}
.gkazmi-public-nav .nav-link:hover{
  background: rgba(37,99,235,.08);
  color: var(--pub-primary);
}
.gkazmi-public-nav .nav-link.active{
  background: rgba(37,99,235,.12);
  color: var(--pub-primary);
}

/* Hero */
.gkazmi-hero{
  padding: 3.2rem 0 2.2rem;
}

.gkazmi-hero-card{
  background: var(--pub-card);
  border: 1px solid var(--pub-border);
  border-radius: calc(var(--pub-radius) + 4px);
  box-shadow: var(--pub-shadow);
  padding: 2.2rem;
}

.gkazmi-hero h1{
  font-weight: 900;
  letter-spacing: .2px;
}

.gkazmi-muted{
  color: var(--pub-muted) !important;
}

/* Cards */
.gkazmi-card{
  background: var(--pub-card);
  border: 1px solid var(--pub-border);
  border-radius: var(--pub-radius);
  box-shadow: var(--pub-shadow);
}

.gkazmi-icon-box{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(37,99,235,.12);
  color: var(--pub-primary);
}

/* Pricing */
.gkazmi-price{
  font-weight: 900;
  letter-spacing: .2px;
}

/* Footer */
.gkazmi-footer{
  border-top: 1px solid var(--pub-border);
  background: #fff;
  padding: 1.25rem 0;
  margin-top: 3rem;
}

/* Auth pages */
.gkazmi-auth-wrap{
  min-height: calc(100vh - 74px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 2.25rem 1rem;
}

.gkazmi-auth-card{
  max-width: 430px;
  width: 100%;
}

/* Buttons */
.btn{
  border-radius: 12px;
}

.btn-primary{
  background: var(--pub-primary);
  border-color: var(--pub-primary);
}

.btn-primary:hover{
  background: var(--pub-primary-600);
  border-color: var(--pub-primary-600);
}


/* -----------------------------------------------------------------------------
   Auth pages (Login / Signup / Forgot Password)
   Style inspired by modern SaaS split layouts.
----------------------------------------------------------------------------- */
.gkazmi-auth-wrap{
  min-height: calc(100vh - 74px);
  background:
    radial-gradient(1200px 600px at 10% 10%, rgba(37,99,235,.14), transparent 60%),
    radial-gradient(1000px 520px at 90% 20%, rgba(34,197,94,.10), transparent 60%),
    radial-gradient(900px 520px at 30% 90%, rgba(99,102,241,.10), transparent 60%),
    var(--bg);
  padding: 48px 0;
}
.gkazmi-auth-left{
  height: 100%;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  padding: 28px;
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(10px);
}
.gkazmi-auth-left h1{
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 0 0 10px 0;
}
.gkazmi-auth-left .lead{
  color: var(--muted);
  margin-bottom: 18px;
}
.gkazmi-auth-points{
  display: grid;
  gap: 10px;
  margin: 18px 0 0 0;
}
.gkazmi-auth-point{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px 12px;
  border: 1px solid rgba(15,23,42,.07);
  border-radius: 14px;
  background: rgba(255,255,255,.78);
}
.gkazmi-auth-point i{
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(37,99,235,.10);
  color: var(--primary);
  flex: 0 0 auto;
}
.gkazmi-auth-point .t{
  font-weight: 700;
  margin: 0;
}
.gkazmi-auth-point .d{
  margin: 0;
  color: var(--muted);
  font-size: .92rem;
}

.gkazmi-auth-card{
  height: 100%;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 18px;
  padding: 26px;
  background: rgba(255,255,255,.92);
  box-shadow: var(--shadow);
}
.gkazmi-auth-card h2{
  font-weight: 800;
  letter-spacing: -0.02em;
}
.gkazmi-auth-sub{
  color: var(--muted);
  margin-bottom: 14px;
}
.gkazmi-auth-meta{
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 10px;
  margin-top: 8px;
}
.gkazmi-auth-meta a{
  text-decoration:none;
}
.gkazmi-auth-meta a:hover{
  text-decoration:underline;
}

@media (max-width: 991px){
  .gkazmi-auth-wrap{ padding: 28px 0; }
}


/* -----------------------------------------------------------------------------
   OTP UI helpers (Reset OTP / 2FA)
----------------------------------------------------------------------------- */
.otp-meta{
  display:flex;
  justify-content:center;
  gap: 10px;
  margin: 10px 0 14px;
  flex-wrap: wrap;
}
.meta-pill{
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.9);
  padding: 8px 10px;
  border-radius: 999px;
  font-size: .9rem;
  color: var(--muted);
}
.otp-inputs{
  display:flex;
  gap: 10px;
  justify-content:center;
  margin: 12px 0 8px;
}
.otp-input{
  width: 48px;
  height: 56px;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 12px;
  text-align:center;
  font-size: 1.45rem;
  font-weight: 800;
  outline:none;
  background:#fff;
}
.otp-input:focus{
  border-color: rgba(37,99,235,.7);
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}
.help-text{
  text-align:center;
  color: var(--muted);
  font-size: .92rem;
  margin-top: 4px;
}
.divider{
  height:1px;
  background: rgba(15,23,42,.10);
  margin: 16px 0;
}
.resend-hint{
  text-align:center;
  color: var(--muted);
  font-size: .92rem;
  margin-top: 10px;
}
.footer-links{
  display:flex;
  justify-content:center;
  gap: 14px;
  margin-top: 12px;
  font-size: .95rem;
}
.footer-links a{
  text-decoration:none;
}
.footer-links a:hover{ text-decoration:underline; }

@media (max-width: 420px){
  .otp-input{ width: 42px; height: 52px; }
  .otp-inputs{ gap: 8px; }
}


/* Password requirement helper (Reset Password) */
.password-requirements{
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.9);
  border-radius: 14px;
  padding: 14px 14px;
  margin-bottom: 14px;
  font-size: .92rem;
}
.password-requirements h4{
  font-size: 1rem;
  font-weight: 800;
  margin: 0 0 8px 0;
}
.password-requirements ul{
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.password-requirements li{
  display:flex;
  gap: 8px;
  align-items:center;
  margin: 6px 0;
}
.requirement-met{ color: var(--bs-success); }
.requirement-unmet{ color: var(--muted); }


/* GKAZMI_RESELLERS_UTILITIES_BEGIN */
.gkazmi-public-icon-48{
    font-size: 48px;
}

.gkazmi-public-icon-32{
    font-size: 32px;
}

.gkazmi-reseller-modal-logo{
    width: 72px;
    height: 72px;
    margin: 0;
    border-radius: 14px;
    box-shadow: none;
    background: rgba(37, 99, 235, .08);
}
/* GKAZMI_RESELLERS_UTILITIES_END */

/* GKAZMI_REMAINING_PUBLIC_UTILITIES_BEGIN */
.gkazmi-popular-badge{
    color: #1d4ed8;
    background: rgba(37, 99, 235, .14);
    border: 1px solid rgba(37, 99, 235, .18);
}
/* GKAZMI_REMAINING_PUBLIC_UTILITIES_END */

/* GKAZMI_FULL_SAFE_PUBLIC_UTILITIES_BEGIN */
.gkazmi-text-center{
    text-align: center;
}
/* GKAZMI_FULL_SAFE_PUBLIC_UTILITIES_END */


/* GKazmi UI consolidated source: gkazmi-ui-public-polish.css */
/* GKazmi UI Premium Public and Authentication Polish - Bundle 4 */
:root{
  --gkazmi-ui-public-bg: #f4f7fb;
  --gkazmi-ui-public-surface: rgba(255,255,255,.96);
  --gkazmi-ui-public-surface-soft: #f8fafc;
  --gkazmi-ui-public-border: #dce4ee;
  --gkazmi-ui-public-border-strong: #c7d2e0;
  --gkazmi-ui-public-text: #172033;
  --gkazmi-ui-public-muted: #64748b;
  --gkazmi-ui-public-primary: #2563eb;
  --gkazmi-ui-public-primary-dark: #1d4ed8;
  
  
  
  --gkazmi-ui-public-radius: 16px;
  --gkazmi-ui-public-shadow: 0 18px 50px rgba(15,23,42,.10);
  --gkazmi-ui-public-shadow-soft: 0 8px 26px rgba(15,23,42,.07);
}


body{
  color: var(--gkazmi-ui-public-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body:not(.gkazmi-app){
  background:
    radial-gradient(circle at 15% 0%, rgba(37,99,235,.10), transparent 32rem),
    radial-gradient(circle at 90% 12%, rgba(14,165,233,.08), transparent 28rem),
    var(--gkazmi-ui-public-bg);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6{
  color: var(--gkazmi-ui-public-text);
  letter-spacing: -.024em;
}
body p,
body .text-muted,
body small{ line-height: 1.65; }
body .text-muted,
body small{ color: var(--gkazmi-ui-public-muted) !important; }

/* Compact, centered, single-icon shared public header */
body .gkazmi-page-header,
body .page-header,
body .auth-header,
body .public-page-header{
  padding-top: clamp(1rem, 2vw, 1.5rem) !important;
  padding-bottom: clamp(.85rem, 1.7vw, 1.25rem) !important;
  margin-bottom: clamp(1rem, 2vw, 1.5rem) !important;
  text-align: center;
}
body .gkazmi-page-header h1,
body .page-header h1,
body .auth-header h1,
body .public-page-header h1{
  font-size: clamp(1.45rem, 2.6vw, 2rem) !important;
  line-height: 1.18;
  margin-bottom: .35rem !important;
}
body .gkazmi-page-header .icon,
body .page-header .icon,
body .auth-header .icon,
body .public-page-header .icon{
  width: 42px !important;
  height: 42px !important;
  margin: 0 auto .65rem !important;
}

/* Auth/public shells */
body .auth-wrapper,
body .auth-container,
body .login-container,
body .signup-container,
body .otp-container,
body .public-shell,
body .public-container{
  width: min(100% - 2rem, 520px);
  margin-inline: auto;
}
body .auth-card,
body .login-card,
body .signup-card,
body .otp-card,
body .verify-card,
body .telegram-card,
body .reseller-card,
body .public-card,
body .card{
  border: 1px solid var(--gkazmi-ui-public-border) !important;
  border-radius: var(--gkazmi-ui-public-radius) !important;
  background: var(--gkazmi-ui-public-surface);
  box-shadow: var(--gkazmi-ui-public-shadow-soft);
}
body .auth-card,
body .login-card,
body .signup-card,
body .otp-card,
body .verify-card,
body .telegram-card{
  padding: clamp(1.25rem, 4vw, 2rem) !important;
  box-shadow: var(--gkazmi-ui-public-shadow);
  backdrop-filter: blur(12px);
}
body .card-header{
  background: linear-gradient(180deg,#fff 0%,#fbfcfe 100%);
  border-bottom: 1px solid var(--gkazmi-ui-public-border) !important;
  border-radius: var(--gkazmi-ui-public-radius) var(--gkazmi-ui-public-radius) 0 0 !important;
}
body .card-body{ padding: clamp(1rem, 2.8vw, 1.5rem); }

/* Forms */
body label,
body .form-label{
  color: #334155;
  font-weight: 650;
  margin-bottom: .4rem;
}
body .form-control,
body .form-select,
body input[type="text"],
body input[type="email"],
body input[type="password"],
body input[type="tel"],
body input[type="number"],
body select,
body textarea{
  min-height: 44px;
  border: 1px solid var(--gkazmi-ui-public-border-strong);
  border-radius: 11px;
  background: #fff;
  color: var(--gkazmi-ui-public-text);
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
body textarea{ min-height: 112px; resize: vertical; }
body .form-control:focus,
body .form-select:focus,
body input:focus,
body select:focus,
body textarea:focus{
  border-color: var(--gkazmi-ui-public-primary) !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.13) !important;
  outline: 0;
}
body .form-check-input{ width: 1.05rem; height: 1.05rem; }
body .input-group-text{
  border-color: var(--gkazmi-ui-public-border-strong);
  background: var(--gkazmi-ui-public-surface-soft);
}

/* Buttons */
body .btn,
body button,
body input[type="submit"]{
  min-height: 42px;
  border-radius: 10px;
  font-weight: 700;
  letter-spacing: -.01em;
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease;
}
body .btn-primary,
body button[type="submit"],
body input[type="submit"]{
  border-color: var(--gkazmi-ui-public-primary) !important;
  background: linear-gradient(180deg,#3b82f6 0%,var(--gkazmi-ui-public-primary) 100%) !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(37,99,235,.22);
}
body .btn-primary:hover,
body button[type="submit"]:hover,
body input[type="submit"]:hover{
  background: var(--gkazmi-ui-public-primary-dark) !important;
  border-color: var(--gkazmi-ui-public-primary-dark) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(37,99,235,.27);
}
body .btn:disabled,
body button:disabled,
body input:disabled{
  opacity: .58;
  cursor: not-allowed;
  transform: none !important;
}

/* Alerts, hints and states */
body .alert{
  border-width: 1px;
  border-radius: 12px;
  box-shadow: none;
}
body .alert-danger{ border-color: rgba(185,28,28,.20); background: #fff7f7; color: #991b1b; }
body .alert-success{ border-color: rgba(21,128,61,.20); background: #f4fff7; color: #166534; }
body .alert-warning{ border-color: rgba(180,83,9,.22); background: #fffbeb; color: #92400e; }
body .empty-state,
body .loading-state,
body .error-state{
  padding: clamp(1.5rem, 5vw, 3rem);
  text-align: center;
  border: 1px dashed var(--gkazmi-ui-public-border-strong);
  border-radius: 14px;
  background: var(--gkazmi-ui-public-surface-soft);
}
body .skeleton,
body [data-loading="true"]{
  background: linear-gradient(90deg,#eef2f7 25%,#f8fafc 37%,#eef2f7 63%);
  background-size: 400% 100%;
  animation: v62-public-skeleton 1.25s ease infinite;
}
@keyframes v62-public-skeleton { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }

/* Public reseller directory */
body .reseller-grid,
body .resellers-grid,
body .public-resellers-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap: 1rem;
}
body .reseller-card{
  padding: 1.15rem;
  min-width: 0;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body .reseller-card:hover{
  transform: translateY(-2px);
  border-color: var(--gkazmi-ui-public-border-strong) !important;
  box-shadow: var(--gkazmi-ui-public-shadow);
}
body .badge,
body .status-badge{
  border-radius: 999px;
  padding: .38rem .65rem;
  font-weight: 700;
}

/* Navigation and links */
body a{ text-underline-offset: 3px; }
body a:not(.btn){ color: var(--gkazmi-ui-public-primary-dark); }
body a:not(.btn):hover{ color: #1e40af; }
body .auth-links,
body .form-footer,
body .public-footer{ margin-top: 1rem; text-align: center; }

@media (max-width: 767.98px) {
  body .auth-wrapper,
body .auth-container,
body .login-container,
body .signup-container,
body .otp-container,
body .public-shell,
body .public-container{ width: min(100% - 1rem, 520px); }
  body .auth-card,
body .login-card,
body .signup-card,
body .otp-card,
body .verify-card,
body .telegram-card{ padding: 1.1rem !important; }
  body .btn,
body button,
body input[type="submit"]{ width: 100%; }
  body .btn-group .btn,
body .input-group .btn{ width: auto; }
  body .reseller-grid,
body .resellers-grid,
body .public-resellers-grid{ grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  
}


/* GKazmi UI consolidated source: gkazmi-public-light-colorful-hard-reset.css */
/* GKAZMI PUBLIC LIGHT COLORFUL HARD RESET */
:root{
  
  
  
  
  
  --gkazmi-ui-green:#1ea84b;
  --gkazmi-ui-blue:#1478f2;
  --gkazmi-ui-purple:#7448f5;
  --gkazmi-ui-orange:#ff7417;
  
  --gkazmi-ui-soft:0 10px 28px rgba(41,66,105,.08);
}

html,
body.gkazmi-public{
  background:
    radial-gradient(circle at 5% 18%,rgba(31,184,82,.10),transparent 26rem),
    radial-gradient(circle at 94% 16%,rgba(20,120,242,.11),transparent 28rem),
    linear-gradient(180deg,#fbfdff 0%,#f7fbff 60%,#fff 100%)!important;
  color:var(--gkazmi-ui-text)!important;
}

body.gkazmi-public,
body.gkazmi-public *{
  text-shadow:none!important;
}

body.gkazmi-public .gkazmi-public-nav,
body.gkazmi-public .navbar,
body.gkazmi-public header{
  background:rgba(255,255,255,.96)!important;
  color:var(--gkazmi-ui-text)!important;
  border:1px solid var(--gkazmi-ui-border)!important;
  box-shadow:var(--gkazmi-ui-soft)!important;
  backdrop-filter:blur(16px)!important;
}

body.gkazmi-public .gkazmi-public-nav{
  border-radius:24px!important;
  margin:14px auto!important;
  max-width:calc(100% - 48px)!important;
}

body.gkazmi-public .navbar-brand,
body.gkazmi-public .nav-link,
body.gkazmi-public .gkazmi-public-nav a{
  color:#34405a!important;
}

body.gkazmi-public .nav-link.active,
body.gkazmi-public .nav-link:hover{
  color:var(--gkazmi-ui-green)!important;
  background:transparent!important;
  box-shadow:inset 0 -3px 0 var(--gkazmi-ui-green)!important;
}

body.gkazmi-public .gkazmi-hero{
  padding-top:70px!important;
  padding-bottom:54px!important;
}

body.gkazmi-public .gkazmi-hero-card{
  background:
    radial-gradient(circle at 10% 18%,rgba(31,184,82,.10),transparent 25rem),
    radial-gradient(circle at 92% 20%,rgba(20,120,242,.11),transparent 26rem),
    linear-gradient(135deg,#ffffff 0%,#fbfdff 55%,#f5faff 100%)!important;
  color:var(--gkazmi-ui-text)!important;
  border:1px solid var(--gkazmi-ui-border)!important;
  border-radius:34px!important;
  box-shadow:var(--gkazmi-ui-shadow)!important;
}

body.gkazmi-public .gkazmi-hero-card h1,
body.gkazmi-public .gkazmi-hero-card .display-3,
body.gkazmi-public .gkazmi-hero-card .display-4{
  color:var(--gkazmi-ui-text)!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
  line-height:1!important;
}

body.gkazmi-public .gkazmi-hero-card h1::first-line{
  color:var(--gkazmi-ui-green)!important;
}

body.gkazmi-public .gkazmi-muted,
body.gkazmi-public .text-muted{
  color:var(--gkazmi-ui-muted)!important;
}

body.gkazmi-public .gkazmi-card{
  background:#fff!important;
  color:var(--gkazmi-ui-text)!important;
  border:1px solid var(--gkazmi-ui-border)!important;
  border-radius:24px!important;
  box-shadow:var(--gkazmi-ui-soft)!important;
}

body.gkazmi-public .gkazmi-icon-box{
  background:linear-gradient(135deg,#effbf3,#eef7ff)!important;
  color:var(--gkazmi-ui-blue)!important;
  border:1px solid #e2ecf7!important;
  border-radius:17px!important;
}

body.gkazmi-public .btn-primary{
  background:linear-gradient(135deg,var(--gkazmi-ui-green),#31c65a)!important;
  border-color:transparent!important;
  color:#fff!important;
}

body.gkazmi-public .btn-outline-primary,
body.gkazmi-public .btn-light{
  background:#fff!important;
  color:var(--gkazmi-ui-blue)!important;
  border:1px solid #cfe0ff!important;
}

body.gkazmi-public .btn,
body.gkazmi-public button,
body.gkazmi-public input[type=submit]{
  border-radius:14px!important;
  font-weight:800!important;
  box-shadow:0 8px 20px rgba(20,120,242,.12)!important;
}

body.gkazmi-public .row > div:nth-child(4n+1) > .gkazmi-card{
  border-top:5px solid var(--gkazmi-ui-green)!important;
}
body.gkazmi-public .row > div:nth-child(4n+2) > .gkazmi-card{
  border-top:5px solid var(--gkazmi-ui-blue)!important;
}
body.gkazmi-public .row > div:nth-child(4n+3) > .gkazmi-card{
  border:2px solid var(--gkazmi-ui-orange)!important;
  border-top-width:5px!important;
  background:linear-gradient(180deg,#fffdf8,#fff)!important;
}
body.gkazmi-public .row > div:nth-child(4n+4) > .gkazmi-card{
  border-top:5px solid var(--gkazmi-ui-purple)!important;
}

body.gkazmi-public .gkazmi-price{
  color:var(--gkazmi-ui-blue)!important;
  font-weight:900!important;
}

body.gkazmi-public .gkazmi-popular-badge,
body.gkazmi-public .badge{
  background:linear-gradient(135deg,#ffb400,var(--gkazmi-ui-orange))!important;
  color:#fff!important;
  border-radius:999px!important;
}

body.gkazmi-public .auth-shell,
body.gkazmi-public .auth-card,
body.gkazmi-public .login-card,
body.gkazmi-public .signup-card,
body.gkazmi-public .card{
  background:#fff!important;
  color:var(--gkazmi-ui-text)!important;
  border:1px solid var(--gkazmi-ui-border)!important;
  box-shadow:var(--gkazmi-ui-shadow)!important;
}

body.gkazmi-public input,
body.gkazmi-public select,
body.gkazmi-public textarea{
  background:#fff!important;
  color:var(--gkazmi-ui-text)!important;
  border:1px solid #d6dfeb!important;
  border-radius:13px!important;
}

body.gkazmi-public input:focus,
body.gkazmi-public select:focus,
body.gkazmi-public textarea:focus{
  border-color:var(--gkazmi-ui-blue)!important;
  box-shadow:0 0 0 4px rgba(20,120,242,.12)!important;
}

body.gkazmi-public footer,
body.gkazmi-public .gkazmi-public-footer{
  background:#fff!important;
  color:#42506a!important;
  border-top:1px solid var(--gkazmi-ui-border)!important;
}

body.gkazmi-public h1,
body.gkazmi-public h2,
body.gkazmi-public h3,
body.gkazmi-public h4{
  color:var(--gkazmi-ui-text)!important;
}

@media(max-width:900px){
  body.gkazmi-public .gkazmi-public-nav{
    max-width:calc(100% - 24px)!important;
    border-radius:18px!important;
  }
  body.gkazmi-public .gkazmi-hero{
    padding-top:34px!important;
  }
  body.gkazmi-public .gkazmi-hero-card{
    border-radius:24px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  *,
*::before,
*::after{
    transition-duration:.001ms!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
  }
}


/* GKazmi UI consolidated source: gkazmi-public-layout-color-correction.css */
/* GKAZMI PUBLIC V7 LAYOUT COLOR CORRECTION */

:root{
  --v7-bg: #f7fbff;
  --v7-white: #ffffff;
  --v7-text: #101828;
  --v7-muted: #5e6b85;
  --v7-border: #dfe7f2;
  --v7-green: #20aa4b;
  --v7-green-soft: #edf9f1;
  --v7-blue: #1677f2;
  --v7-blue-soft: #eef5ff;
  --v7-purple: #7548f6;
  --v7-purple-soft: #f3efff;
  --v7-orange: #ff7818;
  --v7-orange-soft: #fff4e9;
  --v7-content: 1480px;
  --v7-shadow: 0 16px 42px rgba(45, 67, 105, .09);
  --v7-shadow-soft: 0 8px 24px rgba(45, 67, 105, .07);
}

/* Full-height page shell and footer at bottom */
html,
body.gkazmi-public{
  min-height: 100% !important;
}

body.gkazmi-public{
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 4% 12%, rgba(32, 170, 75, .09), transparent 25rem),
    radial-gradient(circle at 96% 10%, rgba(22, 119, 242, .10), transparent 28rem),
    linear-gradient(180deg, #fbfdff 0%, #f7fbff 66%, #ffffff 100%) !important;
  color: var(--v7-text) !important;
}

body.gkazmi-public > main,
body.gkazmi-public main{
  flex: 1 0 auto !important;
}

body.gkazmi-public > footer,
body.gkazmi-public .gkazmi-public-footer,
body.gkazmi-public footer{
  flex-shrink: 0 !important;
  margin-top: auto !important;
}

/* One wider centered content area on every page */
body.gkazmi-public .container,
body.gkazmi-public .container-fluid,
body.gkazmi-public .gkazmi-container,
body.gkazmi-public .public-container,
body.gkazmi-public .content-container,
body.gkazmi-public .page-container,
body.gkazmi-public main > .container,
body.gkazmi-public section > .container{
  width: min(var(--v7-content), calc(100% - 48px)) !important;
  max-width: var(--v7-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.gkazmi-public .gkazmi-public-nav,
body.gkazmi-public header .container,
body.gkazmi-public .navbar .container{
  width: min(var(--v7-content), calc(100% - 48px)) !important;
  max-width: var(--v7-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Header */
body.gkazmi-public .gkazmi-public-nav,
body.gkazmi-public .navbar,
body.gkazmi-public header{
  background: rgba(255, 255, 255, .97) !important;
  border-color: var(--v7-border) !important;
  box-shadow: var(--v7-shadow-soft) !important;
  color: var(--v7-text) !important;
}

body.gkazmi-public .navbar-brand,
body.gkazmi-public .navbar-brand *,
body.gkazmi-public .gkazmi-public-brand,
body.gkazmi-public .gkazmi-public-brand *{
  color: #1a2540 !important;
}

body.gkazmi-public .nav-link{
  color: #34405a !important;
}

body.gkazmi-public .nav-link.active,
body.gkazmi-public .nav-link:hover{
  color: var(--v7-green) !important;
}

/* Homepage sizing */
body.gkazmi-public .gkazmi-hero{
  padding: 54px 0 32px !important;
}

body.gkazmi-public .gkazmi-hero-card{
  width: 100% !important;
  max-width: none !important;
  min-height: 390px !important;
  padding: clamp(28px, 4vw, 58px) !important;
  background:
    radial-gradient(circle at 10% 20%, rgba(32, 170, 75, .09), transparent 24rem),
    radial-gradient(circle at 92% 18%, rgba(22, 119, 242, .10), transparent 25rem),
    linear-gradient(135deg, #ffffff, #f9fcff 55%, #f4f9ff) !important;
  border: 1px solid var(--v7-border) !important;
  border-radius: 30px !important;
  box-shadow: var(--v7-shadow) !important;
  color: var(--v7-text) !important;
}

body.gkazmi-public .gkazmi-hero-card h1,
body.gkazmi-public .gkazmi-hero-card .display-3,
body.gkazmi-public .gkazmi-hero-card .display-4{
  color: var(--v7-text) !important;
  font-size: clamp(2.5rem, 5vw, 5.3rem) !important;
  line-height: .98 !important;
  letter-spacing: -.05em !important;
  font-weight: 900 !important;
}

body.gkazmi-public .gkazmi-hero-card p,
body.gkazmi-public .gkazmi-hero-card .text-muted{
  color: #4d5b76 !important;
}

/* Replace remaining dark/purple auth visual panels */
body.gkazmi-public .auth-visual,
body.gkazmi-public .auth-side,
body.gkazmi-public .login-visual,
body.gkazmi-public .signup-visual,
body.gkazmi-public .auth-promo,
body.gkazmi-public .auth-showcase,
body.gkazmi-public .auth-left,
body.gkazmi-public .auth-info,
body.gkazmi-public .auth-banner,
body.gkazmi-public [class*="auth-visual"],
body.gkazmi-public [class*="auth-side"],
body.gkazmi-public [class*="auth-promo"]{
  background:
    radial-gradient(circle at 12% 18%, rgba(32, 170, 75, .15), transparent 18rem),
    radial-gradient(circle at 90% 82%, rgba(22, 119, 242, .14), transparent 18rem),
    linear-gradient(145deg, #f5fff8 0%, #f5f9ff 48%, #f7f4ff 100%) !important;
  color: var(--v7-text) !important;
  border: 1px solid var(--v7-border) !important;
  box-shadow: var(--v7-shadow) !important;
}

body.gkazmi-public .auth-visual *,
body.gkazmi-public .auth-side *,
body.gkazmi-public .login-visual *,
body.gkazmi-public .signup-visual *,
body.gkazmi-public .auth-promo *,
body.gkazmi-public .auth-showcase *,
body.gkazmi-public [class*="auth-visual"] *,
body.gkazmi-public [class*="auth-side"] *,
body.gkazmi-public [class*="auth-promo"] *{
  color: var(--v7-text) !important;
}

body.gkazmi-public .auth-visual .text-muted,
body.gkazmi-public .auth-side .text-muted,
body.gkazmi-public [class*="auth-visual"] .text-muted,
body.gkazmi-public [class*="auth-side"] .text-muted{
  color: var(--v7-muted) !important;
}

body.gkazmi-public .auth-visual .feature-item,
body.gkazmi-public .auth-side .feature-item,
body.gkazmi-public [class*="auth-visual"] .feature-item,
body.gkazmi-public [class*="auth-side"] .feature-item{
  background: rgba(255, 255, 255, .82) !important;
  border: 1px solid var(--v7-border) !important;
  box-shadow: var(--v7-shadow-soft) !important;
}

/* Color icons without dark blocks */
body.gkazmi-public .gkazmi-icon-box,
body.gkazmi-public .feature-icon,
body.gkazmi-public .auth-icon{
  background: var(--v7-blue-soft) !important;
  color: var(--v7-blue) !important;
  border: 1px solid #dbe8fb !important;
}

body.gkazmi-public .row > div:nth-child(3n+1) .gkazmi-icon-box,
body.gkazmi-public .row > div:nth-child(3n+1) .feature-icon{
  background: var(--v7-green-soft) !important;
  color: var(--v7-green) !important;
}

body.gkazmi-public .row > div:nth-child(3n+2) .gkazmi-icon-box,
body.gkazmi-public .row > div:nth-child(3n+2) .feature-icon{
  background: var(--v7-blue-soft) !important;
  color: var(--v7-blue) !important;
}

body.gkazmi-public .row > div:nth-child(3n+3) .gkazmi-icon-box,
body.gkazmi-public .row > div:nth-child(3n+3) .feature-icon{
  background: var(--v7-purple-soft) !important;
  color: var(--v7-purple) !important;
}

/* Cards and package area */
body.gkazmi-public .gkazmi-card,
body.gkazmi-public .card,
body.gkazmi-public .pricing-card,
body.gkazmi-public .package-card,
body.gkazmi-public .reseller-card,
body.gkazmi-public .about-card,
body.gkazmi-public .contact-card{
  background: #fff !important;
  color: var(--v7-text) !important;
  border: 1px solid var(--v7-border) !important;
  border-radius: 20px !important;
  box-shadow: var(--v7-shadow-soft) !important;
}

body.gkazmi-public .packages-section,
body.gkazmi-public .pricing-section,
body.gkazmi-public #packages{
  width: min(var(--v7-content), calc(100% - 48px)) !important;
  max-width: var(--v7-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.gkazmi-public .pricing-grid,
body.gkazmi-public .packages-grid,
body.gkazmi-public .plans-grid,
body.gkazmi-public .row.g-4{
  align-items: stretch !important;
}

body.gkazmi-public .pricing-card,
body.gkazmi-public .package-card{
  height: 100% !important;
}

/* About/contact/resellers main panels */
body.gkazmi-public main > section,
body.gkazmi-public .public-section,
body.gkazmi-public .page-section{
  width: min(var(--v7-content), calc(100% - 48px)) !important;
  max-width: var(--v7-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.gkazmi-public .public-section,
body.gkazmi-public .page-section,
body.gkazmi-public main > .container{
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

/* Footer: compact and bottom-aligned */
body.gkazmi-public footer,
body.gkazmi-public .gkazmi-public-footer{
  width: 100% !important;
  min-height: 150px !important;
  padding: 30px 0 !important;
  background: #fff !important;
  border-top: 1px solid var(--v7-border) !important;
  box-shadow: 0 -8px 24px rgba(45, 67, 105, .04) !important;
  color: #40506b !important;
}

body.gkazmi-public footer > .container,
body.gkazmi-public .gkazmi-public-footer > .container{
  width: min(var(--v7-content), calc(100% - 48px)) !important;
  max-width: var(--v7-content) !important;
  min-height: 90px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
}

body.gkazmi-public footer a{
  color: var(--v7-blue) !important;
}

/* Forms */
body.gkazmi-public input,
body.gkazmi-public select,
body.gkazmi-public textarea{
  background: #fff !important;
  color: var(--v7-text) !important;
  border: 1px solid #d6dfeb !important;
  border-radius: 13px !important;
}

body.gkazmi-public input:focus,
body.gkazmi-public select:focus,
body.gkazmi-public textarea:focus{
  border-color: var(--v7-blue) !important;
  box-shadow: 0 0 0 4px rgba(22, 119, 242, .12) !important;
}

body.gkazmi-public .btn-primary,
body.gkazmi-public button[type="submit"],
body.gkazmi-public input[type="submit"]{
  background: linear-gradient(135deg, var(--v7-green), #32c85b) !important;
  border-color: transparent !important;
  color: #fff !important;
}

@media (max-width: 991px) {
  body.gkazmi-public .container,
body.gkazmi-public .container-fluid,
body.gkazmi-public .gkazmi-container,
body.gkazmi-public main > section,
body.gkazmi-public .packages-section,
body.gkazmi-public .pricing-section{
    width: min(100% - 24px, var(--v7-content)) !important;
  }

  body.gkazmi-public .gkazmi-hero-card{
    min-height: auto !important;
    padding: 28px !important;
  }

  body.gkazmi-public footer > .container,
body.gkazmi-public .gkazmi-public-footer > .container{
    width: min(100% - 24px, var(--v7-content)) !important;
    flex-direction: column !important;
    text-align: center !important;
  }
}

@media (max-width: 575px) {
  body.gkazmi-public .gkazmi-hero{
    padding-top: 24px !important;
  }

  body.gkazmi-public .gkazmi-hero-card h1,
body.gkazmi-public .gkazmi-hero-card .display-3,
body.gkazmi-public .gkazmi-hero-card .display-4{
    font-size: clamp(2.15rem, 12vw, 3.2rem) !important;
  }

  body.gkazmi-public footer,
body.gkazmi-public .gkazmi-public-footer{
    padding: 24px 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
*::before,
*::after{
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}


/* GKazmi UI consolidated source: gkazmi-public-auth-footer-final.css */
/* GKAZMI PUBLIC V8 AUTH FOOTER FINAL */

:root{
  --v8-text: #101828;
  --v8-muted: #5f6d85;
  --v8-border: #dfe7f2;
  --v8-green: #20aa4b;
  --v8-green-soft: #effaf2;
  --v8-blue: #1677f2;
  --v8-blue-soft: #eef5ff;
  --v8-purple: #7548f6;
  --v8-purple-soft: #f3efff;
  --v8-orange: #ff7818;
  --v8-shadow: 0 18px 48px rgba(45, 67, 105, .10);
  --v8-soft: 0 8px 24px rgba(45, 67, 105, .07);
  --v8-content: 1480px;
}

/* Always keep footer at the viewport bottom on short pages */
html{
  min-height: 100% !important;
}

body.gkazmi-public{
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
}

body.gkazmi-public > main,
body.gkazmi-public .gkazmi-auth-wrap,
body.gkazmi-public .public-page-main,
body.gkazmi-public .page-main{
  flex: 1 0 auto !important;
}

body.gkazmi-public > .gkazmi-footer,
body.gkazmi-public .gkazmi-footer{
  margin-top: auto !important;
  flex-shrink: 0 !important;
}

/* Exact authentication panel selector */
body.gkazmi-public .gkazmi-auth-left{
  position: relative !important;
  overflow: hidden !important;
  min-height: 100% !important;
  padding: clamp(28px, 4vw, 48px) !important;
  background:
    radial-gradient(circle at 8% 12%, rgba(32, 170, 75, .16), transparent 18rem),
    radial-gradient(circle at 94% 88%, rgba(22, 119, 242, .16), transparent 20rem),
    linear-gradient(145deg, #f3fff7 0%, #f5f9ff 52%, #f6f2ff 100%) !important;
  color: var(--v8-text) !important;
  border: 1px solid var(--v8-border) !important;
  border-radius: 22px !important;
  box-shadow: var(--v8-shadow) !important;
}

body.gkazmi-public .gkazmi-auth-left::before{
  content: "" !important;
  position: absolute !important;
  width: 190px !important;
  height: 190px !important;
  right: -70px !important;
  bottom: -70px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, rgba(117, 72, 246, .12), rgba(22, 119, 242, .08)) !important;
  pointer-events: none !important;
}

body.gkazmi-public .gkazmi-auth-left h1,
body.gkazmi-public .gkazmi-auth-left h2,
body.gkazmi-public .gkazmi-auth-left h3{
  color: var(--v8-text) !important;
  text-shadow: none !important;
}

body.gkazmi-public .gkazmi-auth-left h1{
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  line-height: 1.06 !important;
}

body.gkazmi-public .gkazmi-auth-left .text-primary{
  color: var(--v8-blue) !important;
}

body.gkazmi-public .gkazmi-auth-left .lead,
body.gkazmi-public .gkazmi-auth-left p,
body.gkazmi-public .gkazmi-auth-left .gkazmi-muted{
  color: var(--v8-muted) !important;
}

body.gkazmi-public .gkazmi-auth-left a{
  color: var(--v8-blue) !important;
  font-weight: 750 !important;
}

/* Exact feature row selector */
body.gkazmi-public .gkazmi-auth-point{
  background: rgba(255, 255, 255, .88) !important;
  color: var(--v8-text) !important;
  border: 1px solid var(--v8-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--v8-soft) !important;
}

body.gkazmi-public .gkazmi-auth-point:nth-child(1){
  border-left: 4px solid var(--v8-green) !important;
}

body.gkazmi-public .gkazmi-auth-point:nth-child(2){
  border-left: 4px solid var(--v8-blue) !important;
}

body.gkazmi-public .gkazmi-auth-point:nth-child(3){
  border-left: 4px solid var(--v8-purple) !important;
}

body.gkazmi-public .gkazmi-auth-point i{
  color: var(--v8-blue) !important;
  background: var(--v8-blue-soft) !important;
  border-radius: 13px !important;
}

body.gkazmi-public .gkazmi-auth-point:nth-child(1) i{
  color: var(--v8-green) !important;
  background: var(--v8-green-soft) !important;
}

body.gkazmi-public .gkazmi-auth-point:nth-child(3) i{
  color: var(--v8-purple) !important;
  background: var(--v8-purple-soft) !important;
}

body.gkazmi-public .gkazmi-auth-point .t{
  color: var(--v8-text) !important;
  font-weight: 850 !important;
}

body.gkazmi-public .gkazmi-auth-point .d{
  color: var(--v8-muted) !important;
}

/* Form panel alignment */
body.gkazmi-public .gkazmi-auth-card{
  min-height: 100% !important;
  border-radius: 22px !important;
  box-shadow: var(--v8-shadow) !important;
  border: 1px solid var(--v8-border) !important;
}

/* Shared footer replacement */
body.gkazmi-public .gkazmi-footer{
  width: 100% !important;
  background: #ffffff !important;
  border-top: 1px solid var(--v8-border) !important;
  box-shadow: 0 -10px 30px rgba(45, 67, 105, .05) !important;
  padding: 34px 0 22px !important;
  color: var(--v8-text) !important;
}

body.gkazmi-public .gkazmi-footer > .container{
  width: min(var(--v8-content), calc(100% - 48px)) !important;
  max-width: var(--v8-content) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.gkazmi-public .gkazmi-footer-grid{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 30px !important;
}

body.gkazmi-public .gkazmi-footer-brand-row{
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

body.gkazmi-public .gkazmi-footer-logo{
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
  border-radius: 12px !important;
  background: #fff !important;
  border: 1px solid var(--v8-border) !important;
  padding: 5px !important;
}

body.gkazmi-public .gkazmi-footer-name{
  color: var(--v8-text) !important;
  font-weight: 900 !important;
  font-size: 1.05rem !important;
  line-height: 1.2 !important;
}

body.gkazmi-public .gkazmi-footer-tagline{
  color: var(--v8-muted) !important;
  font-size: .9rem !important;
  margin-top: 4px !important;
}

body.gkazmi-public .gkazmi-footer-links{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 10px 20px !important;
}

body.gkazmi-public .gkazmi-footer-links a{
  color: #34405a !important;
  text-decoration: none !important;
  font-weight: 750 !important;
}

body.gkazmi-public .gkazmi-footer-links a:hover{
  color: var(--v8-green) !important;
}

body.gkazmi-public .gkazmi-footer-bottom{
  margin-top: 24px !important;
  padding-top: 18px !important;
  border-top: 1px solid var(--v8-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  color: var(--v8-muted) !important;
  font-size: .85rem !important;
}

body.gkazmi-public .gkazmi-footer-status{
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: var(--v8-green) !important;
  font-weight: 750 !important;
}

/* Wide content consistency */
body.gkazmi-public .container,
body.gkazmi-public .gkazmi-container,
body.gkazmi-public .public-container{
  max-width: var(--v8-content) !important;
}

@media (max-width: 991px) {
  body.gkazmi-public .gkazmi-footer-grid{
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  body.gkazmi-public .gkazmi-footer-brand-row{
    justify-content: center !important;
  }

  body.gkazmi-public .gkazmi-footer-links{
    justify-content: center !important;
  }
}

@media (max-width: 575px) {
  body.gkazmi-public .gkazmi-auth-left{
    padding: 26px 22px !important;
  }

  body.gkazmi-public .gkazmi-footer > .container{
    width: calc(100% - 24px) !important;
  }

  body.gkazmi-public .gkazmi-footer-bottom{
    flex-direction: column !important;
    text-align: center !important;
  }
}


/* GKazmi UI consolidated source: gkazmi-public-footer-alignment.css */
/* GKAZMI PUBLIC V9 FOOTER ALIGNMENT */


body .gkazmi-footer-grid{
  display: grid !important;
  grid-template-columns: minmax(320px, 1fr) auto auto !important;
  align-items: center !important;
  column-gap: 34px !important;
  row-gap: 0 !important;
}

body .gkazmi-footer-brand{
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}


body .gkazmi-footer-name,
body .gkazmi-footer-tagline{
  margin: 0 !important;
}

body .gkazmi-footer-links{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 20px !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

body .gkazmi-footer-links a{
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.2 !important;
}

body .gkazmi-footer-bottom{
  margin: 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 18px !important;
  white-space: nowrap !important;
  min-width: max-content !important;
}

body .gkazmi-footer-status{
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  line-height: 1.2 !important;
}

@media (min-width: 1100px) {
  body .gkazmi-footer-grid{
    grid-template-columns: minmax(360px, 1fr) auto minmax(390px, auto) !important;
  }

  body .gkazmi-footer-bottom{
    grid-column: 3 !important;
    grid-row: 1 !important;
  }
}

@media (max-width: 1099px) {
  body .gkazmi-footer-grid{
    grid-template-columns: 1fr !important;
    row-gap: 18px !important;
    text-align: center !important;
  }

  body .gkazmi-footer-brand,
body .gkazmi-footer-brand-row,
body .gkazmi-footer-links,
body .gkazmi-footer-bottom{
    justify-content: center !important;
  }

  body .gkazmi-footer-bottom{
    flex-wrap: wrap !important;
    white-space: normal !important;
  }
}

@media (max-width: 575px) {
  body .gkazmi-footer > .container{
    width: calc(100% - 24px) !important;
  }

  body .gkazmi-footer-links{
    flex-wrap: wrap !important;
  }

  body .gkazmi-footer-bottom{
    flex-direction: column !important;
    gap: 8px !important;
  }
}


/* GKazmi UI consolidated source: gkazmi-public-footer-brand-alignment.css */
/* GKAZMI PUBLIC V10 FOOTER BRAND ALIGNMENT */

body .gkazmi-footer-brand-row{
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

body .gkazmi-footer-logo{
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 !important;
}

body .gkazmi-footer-brand-row > div:last-child{
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
}

body .gkazmi-footer-name{
  display: inline-flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

body .gkazmi-footer-brand-main{
  display: inline-block !important;
  color: #101828 !important;
  font-weight: 900 !important;
  font-size: 1.05rem !important;
}

body .gkazmi-footer-brand-sub{
  display: inline-block !important;
  color: #34405a !important;
  font-weight: 750 !important;
  font-size: 1.05rem !important;
}

body .gkazmi-footer-tagline{
  margin: 4px 0 0 !important;
  line-height: 1.35 !important;
}

@media (max-width: 575px) {
  body .gkazmi-footer-name{
    justify-content: center !important;
  }
}


/* GKazmi UI consolidated source: gkazmi-public-brand.css */
/* GKAZMI PUBLIC V11 BRAND FINAL */

.gkazmi-brand{
  display: inline-flex !important;
  align-items: baseline !important;
  flex-wrap: nowrap !important;
  gap: 7px !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
}

.gkazmi-brand-main{
  display: inline-block !important;
  color: #101828 !important;
  font-weight: 900 !important;
}

.gkazmi-brand-sub{
  display: inline-block !important;
  color: #34405a !important;
  font-weight: 750 !important;
}

.gkazmi-public-brand,
.navbar-brand,
.gkazmi-footer-brand-row{
  display: flex !important;
  align-items: center !important;
}

.gkazmi-public-brand,
.navbar-brand{
  gap: 14px !important;
}

.gkazmi-footer-name{
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}

.gkazmi-footer-name .gkazmi-brand{
  font-size: 1.05rem !important;
}

.navbar-brand .gkazmi-brand,
.gkazmi-public-brand .gkazmi-brand{
  font-size: 1.15rem !important;
}

@media (max-width: 575px) {
  .gkazmi-brand{
    gap: 5px !important;
    white-space: normal !important;
  }
}


/* GKazmi UI consolidated source: gkazmi-public-footer-boxed-shell.css */
/* GKAZMI PUBLIC V13 FOOTER BOXED SHELL */

body .gkazmi-footer{
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 28px 0 34px !important;
}

body .gkazmi-footer > .container{
  width: min(1480px, calc(100% - 48px)) !important;
  max-width: 1480px !important;
  margin: 0 auto !important;
  padding: 20px 24px !important;

  background: rgba(255, 255, 255, .97) !important;
  border: 1px solid #dfe7f2 !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 32px rgba(45, 67, 105, .08) !important;
}

body .gkazmi-footer::before,
body .gkazmi-footer::after{
  display: none !important;
  content: none !important;
}

@media (max-width: 991px) {
  body .gkazmi-footer{
    padding: 22px 0 26px !important;
  }

  body .gkazmi-footer > .container{
    width: calc(100% - 24px) !important;
    padding: 22px 18px !important;
    border-radius: 16px !important;
  }
}

@media (max-width: 575px) {
  body .gkazmi-footer > .container{
    padding: 20px 14px !important;
  }
}


/* GKazmi UI consolidated source: gkazmi-public-footer-clean-bar.css */
/* GKAZMI PUBLIC V14 FOOTER CLEAN BAR */

/* Remove every old full-width footer shell effect. */
html body .gkazmi-footer,
html body .gkazmi-footer,
html body footer.gkazmi-footer,
html body footer.gkazmi-footer{
  width: 100% !important;
  max-width: none !important;
  margin: auto 0 0 !important;
  padding: 26px 0 30px !important;

  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;

  overflow: visible !important;
  clip-path: none !important;
}

/* Remove old decorative lines and shapes. */
html body .gkazmi-footer::before,
html body .gkazmi-footer::after,
html body .gkazmi-footer::before,
html body .gkazmi-footer::after,
html body footer::before,
html body footer::after{
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* One clean panel only, matching the header width. */
html body .gkazmi-footer > .container,
html body footer.gkazmi-footer > .container{
  width: min(1480px, calc(100% - 48px)) !important;
  max-width: 1480px !important;
  min-height: 82px !important;
  margin: 0 auto !important;
  padding: 18px 24px !important;

  display: grid !important;
  grid-template-columns: minmax(420px, 1fr) auto minmax(430px, auto) !important;
  align-items: center !important;
  column-gap: 34px !important;
  row-gap: 0 !important;

  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #dfe7f2 !important;
  border-radius: 0 !important;
  box-shadow: 0 10px 26px rgba(45, 67, 105, .07) !important;
  outline: 0 !important;

  overflow: visible !important;
  clip-path: none !important;
}

/* Flatten old nested footer grid. */
html body .gkazmi-footer .gkazmi-footer-grid{
  display: contents !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Brand */
html body .gkazmi-footer .gkazmi-footer-brand{
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html body .gkazmi-footer .gkazmi-footer-brand-row{
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
}

/* Navigation */
html body .gkazmi-footer .gkazmi-footer-links{
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 20px !important;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  white-space: nowrap !important;
}

/* Copyright and status */
html body .gkazmi-footer .gkazmi-footer-bottom{
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

html body .gkazmi-footer .gkazmi-footer-bottom > span,
html body .gkazmi-footer .gkazmi-footer-status{
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

/* Remove accidental horizontal rules inside footer. */
html body .gkazmi-footer hr,
html body .gkazmi-footer .border-top,
html body .gkazmi-footer [style*="border-top"]{
  display: none !important;
  border: 0 !important;
}

/* Tablet and mobile stacking only. */
@media (max-width: 1199px){
  html body .gkazmi-footer > .container {
    grid-template-columns: 1fr !important;
    row-gap: 18px !important;
    text-align: center !important;
    border-radius: 0 !important;
  }

  html body .gkazmi-footer .gkazmi-footer-brand,
  html body .gkazmi-footer .gkazmi-footer-links,
  html body .gkazmi-footer .gkazmi-footer-bottom {
    grid-column: 1 !important;
    justify-content: center !important;
  }

  html body .gkazmi-footer .gkazmi-footer-brand {
    grid-row: 1 !important;
  }

  html body .gkazmi-footer .gkazmi-footer-links {
    grid-row: 2 !important;
    flex-wrap: wrap !important;
  }

  html body .gkazmi-footer .gkazmi-footer-bottom {
    grid-row: 3 !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
  }

  html body .gkazmi-footer .gkazmi-footer-brand-row {
    justify-content: center !important;
  }
}

@media (max-width: 575px) {
  html body .gkazmi-footer{
    padding: 18px 0 22px !important;
  }

  html body .gkazmi-footer > .container{
    width: calc(100% - 24px) !important;
    padding: 20px 14px !important;
  }

  html body .gkazmi-footer .gkazmi-footer-bottom{
    flex-direction: column !important;
    gap: 8px !important;
  }
}


/* GKazmi UI consolidated source: gkazmi-footer-no-boundary.css */
/* GKAZMI FOOTER NO BOUNDARY */

html body .gkazmi-footer,
html body .gkazmi-footer,
html body footer.gkazmi-footer,
html body footer.gkazmi-footer{
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

html body .gkazmi-footer > .container,
html body footer.gkazmi-footer > .container{
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

html body .gkazmi-footer::before,
html body .gkazmi-footer::after,
html body .gkazmi-footer::before,
html body .gkazmi-footer::after,
html body .gkazmi-footer > .container::before,
html body .gkazmi-footer > .container::after{
  content: none !important;
  display: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: none !important;
}

html body .gkazmi-footer hr,
html body .gkazmi-footer .border,
html body .gkazmi-footer .border-top,
html body .gkazmi-footer .border-bottom{
  display: none !important;
  border: none !important;
}


/*
 * Final public footer geometry authority.
 *
 * This block intentionally loads in the existing final
 * no-boundary stylesheet, after the older v8-v14 footer layers.
 */

/*
 * Outer footer should use the viewport width but must not look
 * like a giant floating boxed area.
 */
.gkazmi-footer{
    width: 100% !important;
    max-width: none !important;

    margin-top: 36px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;

    padding: 16px 0 !important;

    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;

    border-radius: 0 !important;

    box-sizing: border-box !important;
}

/*
 * Center the actual footer contents to the same public site
 * shell instead of allowing the content bar to stretch to
 * 1480px / full viewport.
 */
.gkazmi-footer > .container,
.gkazmi-footer > .container-fluid,
.gkazmi-footer .container,
.gkazmi-footer .container-fluid{
    width: min(
        1300px,
        calc(100% - 48px)
    ) !important;

    max-width: 1300px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
}

/*
 * If the footer itself is the flex row, center that row too.
 */
.gkazmi-footer > .d-flex,
.gkazmi-footer .d-flex{
    align-items: center !important;
}

/*
 * Footer brand must stay together instead of appearing too far
 * left relative to the navigation/copyright.
 */
.gkazmi-footer .navbar-brand,
.gkazmi-footer .gkazmi-brand,
.gkazmi-footer [class*="brand"]{
    margin-left: 0 !important;
}

/*
 * Reduce historical oversized footer whitespace below the
 * content and prevent inherited min-height.
 */
.gkazmi-footer,
.gkazmi-footer > *,
.gkazmi-footer .container,
.gkazmi-footer .container-fluid{
    min-height: 0 !important;
}

/*
 * Remove decorative pseudo-elements from older footer layers
 * that create apparent extra boundary/downside space.
 */
.gkazmi-footer::before,
.gkazmi-footer::after{
    max-height: 1px !important;
}

/*
 * The document should end immediately after the footer rather
 * than retaining a large historical bottom gap.
 */
body[class*="gkazmi-public"]{
    padding-bottom: 0 !important;
}

body[class*="gkazmi-public"] > .gkazmi-footer:last-child{
    margin-bottom: 0 !important;
}

/*
 * Desktop: brand, nav and status/copyright stay vertically
 * centered on one compact line where space permits.
 */
@media (min-width: 992px){
    .gkazmi-footer .d-flex {
        flex-wrap: wrap !important;
        row-gap: 8px !important;
        column-gap: 18px !important;
    }
}

/*
 * Tablet/mobile: stack footer intentionally instead of
 * squeezing brand/navigation/status into one broken row.
 */
@media (max-width: 991.98px){
    .gkazmi-footer {
        margin-top: 28px !important;
        padding: 18px 0 !important;
    }

    .gkazmi-footer > .container,
    .gkazmi-footer > .container-fluid,
    .gkazmi-footer .container,
    .gkazmi-footer .container-fluid {
        width: calc(100% - 28px) !important;
    }

    .gkazmi-footer .d-flex {
        justify-content: center !important;
        text-align: center !important;
        row-gap: 10px !important;
    }
}

@media (max-width: 575.98px) {
    .gkazmi-footer{
        margin-top: 22px !important;
        padding: 16px 0 !important;
    }
}


/*
 * Exact footer DOM authority.
 *
 * DOM:
 * footer.gkazmi-footer
 *   > .container
 *     > .gkazmi-footer-grid
 *     > .gkazmi-footer-bottom
 *
 * A previous footer rule incorrectly flattened .gkazmi-footer-grid with
 * display:contents. V43 restores the real hierarchy.
 */

html body footer.gkazmi-footer{
    width: 100% !important;
    max-width: none !important;

    margin: 32px 0 0 !important;
    padding: 0 !important;

    background: #fff !important;
    background-image: none !important;

    border: 0 !important;
    border-top: 1px solid #dfe7f2 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    outline: 0 !important;

    min-height: 0 !important;
    height: auto !important;

    overflow: visible !important;
}

/* Remove every decorative historical footer layer. */
html body footer.gkazmi-footer::before,
html body footer.gkazmi-footer::after{
    content: none !important;
    display: none !important;
}

/*
 * Outer footer container is ONLY a centered shell.
 * It is NOT the three-column grid.
 */
html body footer.gkazmi-footer > .container{
    display: block !important;

    width: min(1300px, calc(100% - 48px)) !important;
    max-width: 1300px !important;

    min-height: 0 !important;
    height: auto !important;

    margin: 0 auto !important;
    padding: 14px 0 12px !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    outline: 0 !important;

    overflow: visible !important;
}

/*
 * RESTORE REAL GRID.
 * This explicitly cancels V14:
 * .gkazmi-footer-grid { display:contents!important; }
 */
html body footer.gkazmi-footer
> .container
> .gkazmi-footer-grid{
    display: grid !important;

    grid-template-columns:
        minmax(320px, 1fr)
        auto !important;

    align-items: center !important;

    column-gap: 32px !important;
    row-gap: 10px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Brand */
html body footer.gkazmi-footer
.gkazmi-footer-brand{
    grid-column: 1 !important;
    grid-row: 1 !important;

    margin: 0 !important;
    padding: 0 !important;

    min-width: 0 !important;
}

html body footer.gkazmi-footer
.gkazmi-footer-brand-row{
    display: flex !important;
    align-items: center !important;

    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;
}

html body footer.gkazmi-footer
.gkazmi-footer-logo{
    flex: 0 0 38px !important;

    width: 38px !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 3px !important;

    object-fit: contain !important;
}

html body footer.gkazmi-footer
.gkazmi-footer-name{
    margin: 0 !important;

    line-height: 1.1 !important;
}

html body footer.gkazmi-footer
.gkazmi-footer-name .gkazmi-brand{
    font-size: .95rem !important;
}

html body footer.gkazmi-footer
.gkazmi-footer-tagline{
    margin: 2px 0 0 !important;

    font-size: .76rem !important;
    line-height: 1.25 !important;
}

/* Navigation */
html body footer.gkazmi-footer
.gkazmi-footer-links{
    grid-column: 2 !important;
    grid-row: 1 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: flex-end !important;

    flex-wrap: wrap !important;

    gap: 8px 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: normal !important;
}

html body footer.gkazmi-footer
.gkazmi-footer-links a{
    font-size: .78rem !important;
    line-height: 1.2 !important;
}

/*
 * Bottom line is a REAL second row under the grid,
 * because that is how public_footer.php is actually structured.
 */
html body footer.gkazmi-footer
> .container
> .gkazmi-footer-bottom{
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    flex-wrap: wrap !important;

    gap: 6px 16px !important;

    width: 100% !important;

    margin: 10px 0 0 !important;
    padding: 9px 0 0 !important;

    border: 0 !important;
    border-top: 1px solid #edf1f6 !important;

    background: transparent !important;
    box-shadow: none !important;

    min-width: 0 !important;
    min-height: 0 !important;

    white-space: normal !important;

    font-size: .72rem !important;
    line-height: 1.25 !important;
}

html body footer.gkazmi-footer
.gkazmi-footer-status{
    display: inline-flex !important;

    align-items: center !important;

    gap: 6px !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}

/*
 * Cancel historical sticky-footer geometry.
 *
 * Footer should follow page content naturally rather than
 * creating a large artificial blank downside.
 */
html body.gkazmi-public
> footer.gkazmi-footer{
    margin-top: 32px !important;
    flex-shrink: 0 !important;
}

/*
 * Home page package section already has pb-5.
 * Do not add another huge footer gap.
 */
html body.gkazmi-public-home
footer.gkazmi-footer{
    margin-top: 18px !important;
}

/*
 * Remove bottom whitespace after footer.
 */
html,
body{
    padding-bottom: 0 !important;
}

html body footer.gkazmi-footer:last-child{
    margin-bottom: 0 !important;
}

/* Tablet */
@media (max-width: 991.98px){
    html body footer.gkazmi-footer
    > .container {
        width: calc(100% - 28px) !important;
        padding: 14px 0 !important;
    }

    html body footer.gkazmi-footer
    > .container
    > .gkazmi-footer-grid {
        grid-template-columns: 1fr !important;

        row-gap: 14px !important;

        text-align: center !important;
    }

    html body footer.gkazmi-footer
    .gkazmi-footer-brand {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    html body footer.gkazmi-footer
    .gkazmi-footer-brand-row {
        justify-content: center !important;
    }

    html body footer.gkazmi-footer
    .gkazmi-footer-links {
        grid-column: 1 !important;
        grid-row: 2 !important;

        justify-content: center !important;
    }

    html body footer.gkazmi-footer
    > .container
    > .gkazmi-footer-bottom {
        justify-content: center !important;

        text-align: center !important;
    }
}

/* Mobile */
@media (max-width: 575.98px){
    html body footer.gkazmi-footer {
        margin-top: 22px !important;
    }

    html body footer.gkazmi-footer
    > .container {
        width: calc(100% - 24px) !important;
    }

    html body footer.gkazmi-footer
    .gkazmi-footer-brand-row {
        align-items: flex-start !important;
    }

    html body footer.gkazmi-footer
    .gkazmi-footer-links {
        gap: 10px 14px !important;
    }

    html body footer.gkazmi-footer
    > .container
    > .gkazmi-footer-bottom {
        flex-direction: column !important;

        gap: 7px !important;
    }
}


/* GKazmi UI consolidated source: gkazmi-auth-canonical.css */
/*
 * GKAZMI AUTH CANONICAL UI V15
 *
 * Phase 1:
 * authoritative presentation layer loaded LAST.
 *
 * Existing authentication logic and historical stylesheets remain
 * untouched until this layer is visually validated in production.
 */

body.gkazmi-auth-canonical{
    --gkazmi-auth-bg: #f4f7fb;
    --gkazmi-auth-surface: #ffffff;
    
    --gkazmi-auth-border: #e2e8f0;
    --gkazmi-auth-border-strong: #cbd5e1;
    --gkazmi-auth-text: #0f172a;
    --gkazmi-auth-muted: #64748b;
    --gkazmi-auth-primary: #2563eb;
    --gkazmi-auth-primary-dark: #1d4ed8;
    --gkazmi-auth-primary-soft: #eff6ff;
    --gkazmi-auth-success: #15803d;
    --gkazmi-auth-success-soft: #f0fdf4;
    --gkazmi-auth-danger: #b91c1c;
    --gkazmi-auth-danger-soft: #fef2f2;
    --gkazmi-auth-warning: #a16207;
    --gkazmi-auth-warning-soft: #fffbeb;
    --gkazmi-auth-radius: 22px;
    --gkazmi-auth-radius-sm: 13px;
    --gkazmi-auth-shadow:
        0 22px 55px rgba(15, 23, 42, .08),
        0 4px 14px rgba(15, 23, 42, .04);

    min-height: 100vh;
    background:
        radial-gradient(
            circle at 15% 5%,
            rgba(37, 99, 235, .08),
            transparent 32rem
        ),
        linear-gradient(
            180deg,
            #f8fbff 0%,
            var(--gkazmi-auth-bg) 100%
        ) !important;

    color: var(--gkazmi-auth-text);
}

/* ------------------------------------------------------------
 * Main auth shell
 * ---------------------------------------------------------- */

body.gkazmi-auth-canonical .gkazmi-auth-wrap{
    width: 100%;
    padding: 38px 0 48px !important;
    background: transparent !important;
}

body.gkazmi-auth-canonical
.gkazmi-auth-wrap > .container{
    max-width: 1180px;
}

body.gkazmi-auth-canonical
.gkazmi-auth-wrap .row{
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px;
}

/* ------------------------------------------------------------
 * Marketing / information panel
 * ---------------------------------------------------------- */

body.gkazmi-auth-canonical .gkazmi-auth-left{
    position: relative;
    height: 100% !important;
    min-height: 100%;
    padding: 38px !important;
    overflow: hidden;

    border: 1px solid #dbeafe !important;
    border-radius: var(--gkazmi-auth-radius) !important;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(59, 130, 246, .18),
            transparent 20rem
        ),
        linear-gradient(
            145deg,
            #eff6ff 0%,
            #eef2ff 50%,
            #f8fafc 100%
        ) !important;

    box-shadow: var(--gkazmi-auth-shadow) !important;
}

body.gkazmi-auth-canonical
.gkazmi-auth-left::before{
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -85px;
    bottom: -90px;
    border-radius: 999px;
    background: rgba(37, 99, 235, .07);
    pointer-events: none;
}

body.gkazmi-auth-canonical .gkazmi-auth-left h1{
    position: relative;
    z-index: 1;
    max-width: 660px;

    margin: 0;
    color: var(--gkazmi-auth-text) !important;
    font-size: clamp(1.9rem, 3vw, 2.65rem);
    font-weight: 850 !important;
    line-height: 1.08;
    letter-spacing: -.045em !important;
}

body.gkazmi-auth-canonical .gkazmi-auth-left .lead{
    position: relative;
    z-index: 1;
    max-width: 650px;
    margin-top: 16px !important;
    color: #475569 !important;
    font-size: 1rem;
    line-height: 1.72;
}

/* ------------------------------------------------------------
 * Feature points
 * ---------------------------------------------------------- */

body.gkazmi-auth-canonical .gkazmi-auth-points{
    position: relative;
    z-index: 1;

    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 11px !important;
    margin-top: 28px !important;
}

body.gkazmi-auth-canonical .gkazmi-auth-point{
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 13px !important;

    padding: 14px !important;
    border: 1px solid rgba(148, 163, 184, .22) !important;
    border-radius: 15px !important;

    background: rgba(255, 255, 255, .7) !important;
    backdrop-filter: blur(8px);
}

body.gkazmi-auth-canonical .gkazmi-auth-point > i{
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;

    border-radius: 12px;
    background: #fff;
    color: var(--gkazmi-auth-primary);
    box-shadow: 0 4px 12px rgba(37, 99, 235, .10);
}

body.gkazmi-auth-canonical .gkazmi-auth-point .t{
    color: var(--gkazmi-auth-text) !important;
    font-size: .94rem;
    font-weight: 800;
}

body.gkazmi-auth-canonical .gkazmi-auth-point .d{
    margin-top: 3px !important;
    color: var(--gkazmi-auth-muted) !important;
    font-size: .84rem;
    line-height: 1.45;
}

body.gkazmi-auth-canonical .gkazmi-muted{
    color: var(--gkazmi-auth-muted) !important;
}

/* ------------------------------------------------------------
 * Form card
 * ---------------------------------------------------------- */

body.gkazmi-auth-canonical .gkazmi-auth-card{
    height: 100% !important;
    min-height: 100%;
    padding: 36px !important;

    border: 1px solid var(--gkazmi-auth-border) !important;
    border-radius: var(--gkazmi-auth-radius) !important;

    background: var(--gkazmi-auth-surface) !important;
    box-shadow: var(--gkazmi-auth-shadow) !important;
}

body.gkazmi-auth-canonical .gkazmi-auth-card h2{
    margin: 0;
    color: var(--gkazmi-auth-text) !important;
    font-size: 1.65rem !important;
    font-weight: 850 !important;
    letter-spacing: -.035em !important;
}

body.gkazmi-auth-canonical .gkazmi-auth-sub{
    margin-top: 7px !important;
    color: var(--gkazmi-auth-muted) !important;
    line-height: 1.55;
}

/* ------------------------------------------------------------
 * Labels / inputs / helper text
 * ---------------------------------------------------------- */

body.gkazmi-auth-canonical .form-label{
    margin-bottom: 7px;
    color: #334155;
    font-size: .89rem;
    font-weight: 750;
}

body.gkazmi-auth-canonical .form-control,
body.gkazmi-auth-canonical .form-select{
    min-height: 50px;

    border: 1px solid var(--gkazmi-auth-border-strong) !important;
    border-radius: var(--gkazmi-auth-radius-sm) !important;

    background-color: #fff !important;
    color: var(--gkazmi-auth-text) !important;

    font-size: .96rem;
    box-shadow: none !important;

    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

body.gkazmi-auth-canonical .form-control:focus,
body.gkazmi-auth-canonical .form-select:focus{
    border-color: #60a5fa !important;
    box-shadow:
        0 0 0 4px rgba(37, 99, 235, .11) !important;
}

body.gkazmi-auth-canonical .form-text,
body.gkazmi-auth-canonical .help-text{
    margin-top: 7px !important;
    color: var(--gkazmi-auth-muted) !important;
    font-size: .81rem;
    line-height: 1.45;
}

/* ------------------------------------------------------------
 * Input groups
 * ---------------------------------------------------------- */

body.gkazmi-auth-canonical
.input-group > .form-control{
    border-radius:
        var(--gkazmi-auth-radius-sm)
        0
        0
        var(--gkazmi-auth-radius-sm) !important;
}

body.gkazmi-auth-canonical
.input-group > .btn:last-child,
body.gkazmi-auth-canonical
.input-group > .dropdown-toggle:first-child{
    min-height: 50px;
}

body.gkazmi-auth-canonical
.input-group > .btn-outline-secondary{
    border-color: var(--gkazmi-auth-border-strong) !important;
    background: #f8fafc !important;
    color: #475569 !important;
}

/* ------------------------------------------------------------
 * Buttons
 * ---------------------------------------------------------- */

body.gkazmi-auth-canonical .btn{
    min-height: 48px;
    border-radius: var(--gkazmi-auth-radius-sm) !important;
    font-weight: 780 !important;
}

body.gkazmi-auth-canonical .btn-primary{
    border-color: var(--gkazmi-auth-primary) !important;
    background:
        linear-gradient(
            135deg,
            var(--gkazmi-auth-primary),
            var(--gkazmi-auth-primary-dark)
        ) !important;

    color: #fff !important;

    box-shadow:
        0 9px 22px rgba(37, 99, 235, .19) !important;
}

body.gkazmi-auth-canonical .btn-primary:hover,
body.gkazmi-auth-canonical .btn-primary:focus{
    transform: translateY(-1px);
}

body.gkazmi-auth-canonical .btn-outline-primary{
    border-color: #bfdbfe !important;
    background: #fff !important;
    color: var(--gkazmi-auth-primary) !important;
}

body.gkazmi-auth-canonical .btn-outline-secondary,
body.gkazmi-auth-canonical .btn-secondary{
    border: 1px solid var(--gkazmi-auth-border) !important;
    background: #f8fafc !important;
    color: #334155 !important;
}

body.gkazmi-auth-canonical .btn:disabled{
    transform: none !important;
    opacity: .58;
}

/* ------------------------------------------------------------
 * Alerts
 * ---------------------------------------------------------- */

body.gkazmi-auth-canonical .alert{
    padding: 12px 14px !important;
    border-radius: 13px !important;
    font-size: .9rem;
    line-height: 1.5;
}

body.gkazmi-auth-canonical .alert-danger,
body.gkazmi-auth-canonical .alert.error{
    border: 1px solid #fecaca !important;
    background: var(--gkazmi-auth-danger-soft) !important;
    color: #991b1b !important;
}

body.gkazmi-auth-canonical .alert-success{
    border: 1px solid #bbf7d0 !important;
    background: var(--gkazmi-auth-success-soft) !important;
    color: #166534 !important;
}

body.gkazmi-auth-canonical .alert-warning{
    border: 1px solid #fde68a !important;
    background: var(--gkazmi-auth-warning-soft) !important;
    color: #854d0e !important;
}

body.gkazmi-auth-canonical .alert.info{
    border: 1px solid #bfdbfe !important;
    background: var(--gkazmi-auth-primary-soft) !important;
    color: #1e40af !important;
}

/* ------------------------------------------------------------
 * Meta row / checkbox / links
 * ---------------------------------------------------------- */

body.gkazmi-auth-canonical .gkazmi-auth-meta{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: wrap;
}

body.gkazmi-auth-canonical a{
    color: var(--gkazmi-auth-primary);
}

body.gkazmi-auth-canonical a:hover{
    color: var(--gkazmi-auth-primary-dark);
}

body.gkazmi-auth-canonical .form-check-input:checked{
    border-color: var(--gkazmi-auth-primary);
    background-color: var(--gkazmi-auth-primary);
}

/* ------------------------------------------------------------
 * Divider
 * ---------------------------------------------------------- */

body.gkazmi-auth-canonical .gkazmi-auth-divider{
    position: relative;
    margin: 24px 0 20px !important;
    text-align: center;
}

body.gkazmi-auth-canonical
.gkazmi-auth-divider::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: var(--gkazmi-auth-border);
}

body.gkazmi-auth-canonical
.gkazmi-auth-divider span{
    position: relative;
    z-index: 1;
    padding: 0 12px;
    background: #fff;
    color: var(--gkazmi-auth-muted);
    font-size: .78rem;
    font-weight: 700;
}

/* ------------------------------------------------------------
 * Password requirement card
 * ---------------------------------------------------------- */

body.gkazmi-auth-canonical
.password-requirements{
    margin-bottom: 20px !important;
    padding: 15px !important;

    border: 1px solid #dbeafe !important;
    border-radius: 14px !important;

    background: #f8fbff !important;
}

body.gkazmi-auth-canonical
.password-requirements h4{
    margin: 0 0 10px !important;
    color: var(--gkazmi-auth-text);
    font-size: .9rem !important;
    font-weight: 800;
}

body.gkazmi-auth-canonical
.password-requirements ul{
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.gkazmi-auth-canonical
.password-requirements li{
    color: var(--gkazmi-auth-muted);
    font-size: .82rem;
}

body.gkazmi-auth-canonical
.password-requirements .requirement-met{
    color: var(--gkazmi-auth-success) !important;
}

/* ------------------------------------------------------------
 * Reset OTP six-cell input
 * ---------------------------------------------------------- */

body.gkazmi-auth-canonical .otp-meta{
    display: flex !important;
    justify-content: center;
    gap: 8px !important;
    flex-wrap: wrap;
    margin: 18px 0 !important;
}

body.gkazmi-auth-canonical .meta-pill,
body.gkazmi-auth-canonical .pill{
    display: inline-flex;
    align-items: center;
    gap: 5px;

    padding: 8px 11px !important;

    border: 1px solid #dbeafe !important;
    border-radius: 999px !important;

    background: #f8fbff !important;
    color: #475569 !important;

    font-size: .8rem !important;
    font-weight: 650;
}

body.gkazmi-auth-canonical .otp-inputs{
    display: grid !important;
    grid-template-columns: repeat(6, 52px);
    justify-content: center !important;
    gap: 8px !important;
}

body.gkazmi-auth-canonical .otp-input{
    width: 52px !important;
    height: 58px !important;
    min-height: 58px !important;

    padding: 0 !important;

    border: 1px solid var(--gkazmi-auth-border-strong) !important;
    border-radius: 13px !important;

    background: #fff !important;

    text-align: center !important;
    font-size: 1.38rem !important;
    font-weight: 850 !important;
    font-variant-numeric: tabular-nums;

    box-shadow: none !important;
}

body.gkazmi-auth-canonical .otp-input:focus{
    border-color: #60a5fa !important;
    box-shadow:
        0 0 0 4px rgba(37, 99, 235, .11) !important;
}

/* ------------------------------------------------------------
 * Telegram 2FA legacy markup normalization
 * ---------------------------------------------------------- */

body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
.page{
    display: grid !important;
    min-height: calc(100vh - 150px) !important;
    place-items: center !important;

    padding: 38px 16px 48px !important;
    background: transparent !important;
}

body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
.page > .card{
    width: min(100%, 590px) !important;
    overflow: hidden;

    border: 1px solid var(--gkazmi-auth-border) !important;
    border-radius: var(--gkazmi-auth-radius) !important;

    background: #fff !important;
    box-shadow: var(--gkazmi-auth-shadow) !important;
}

body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
.page > .card > .header{
    padding: 30px 32px 22px !important;

    border-bottom: 1px solid var(--gkazmi-auth-border) !important;

    background:
        linear-gradient(
            135deg,
            #eff6ff,
            #f8fafc
        ) !important;
}

body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
.page > .card > .body{
    padding: 28px 32px 32px !important;
}

body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
.title{
    color: var(--gkazmi-auth-text) !important;
    font-size: 1.7rem !important;
    font-weight: 850 !important;
    letter-spacing: -.035em !important;
}

body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
.subtitle{
    margin-top: 7px !important;
    color: var(--gkazmi-auth-muted) !important;
}

body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
.meta{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 18px;
}

body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
.field{
    margin-bottom: 16px !important;
}

body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
.label{
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 10px;

    margin-bottom: 8px !important;

    color: #334155;
    font-size: .89rem;
    font-weight: 750;
}

body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
.helper{
    color: var(--gkazmi-auth-muted);
    font-size: .78rem;
    font-weight: 500;
}

body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
input.otp{
    width: 100% !important;
    min-height: 62px !important;

    border: 1px solid var(--gkazmi-auth-border-strong) !important;
    border-radius: 14px !important;

    background: #fff !important;

    text-align: center !important;
    font-size: 1.6rem !important;
    font-weight: 850 !important;
    letter-spacing: .32em !important;
    font-variant-numeric: tabular-nums;

    outline: 0;
}

body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
input.otp:focus{
    border-color: #60a5fa !important;
    box-shadow:
        0 0 0 4px rgba(37, 99, 235, .11) !important;
}

body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
.resend-wrap{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    margin-top: 12px !important;
}

body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
.resend-hint,
body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
.links{
    color: var(--gkazmi-auth-muted) !important;
    text-align: center;
    font-size: .84rem;
}

body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
.links{
    margin-top: 18px;
}

/* ------------------------------------------------------------
 * Phone picker
 * ---------------------------------------------------------- */

body.gkazmi-auth-canonical .gkazmi-phone-menu{
    max-height: 320px;
    overflow: auto;

    border: 1px solid var(--gkazmi-auth-border) !important;
    border-radius: 13px !important;

    box-shadow:
        0 18px 38px rgba(15, 23, 42, .12) !important;
}

/* ------------------------------------------------------------
 * CAPTCHA
 * ---------------------------------------------------------- */

body.gkazmi-auth-canonical .g-recaptcha{
    max-width: 100%;
    overflow: hidden;
}

/* ------------------------------------------------------------
 * Responsive
 * ---------------------------------------------------------- */

@media (max-width: 991.98px){
    body.gkazmi-auth-canonical .gkazmi-auth-wrap {
        padding: 24px 0 38px !important;
    }

    body.gkazmi-auth-canonical
    .gkazmi-auth-left {
        padding: 28px !important;
    }

    body.gkazmi-auth-canonical
    .gkazmi-auth-card {
        padding: 28px !important;
    }

    body.gkazmi-auth-canonical
    .gkazmi-auth-points {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.gkazmi-auth-canonical
    .gkazmi-auth-point {
        grid-template-columns: 1fr !important;
        text-align: center;
    }

    body.gkazmi-auth-canonical
    .gkazmi-auth-point > i {
        margin: 0 auto;
    }
}

@media (max-width: 767.98px) {
    body.gkazmi-auth-canonical
    .gkazmi-auth-left{
        display: none !important;
    }

    body.gkazmi-auth-canonical
    .gkazmi-auth-wrap > .container{
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.gkazmi-auth-canonical
    .gkazmi-auth-card{
        padding: 24px 20px !important;
        border-radius: 19px !important;
    }

    body.gkazmi-auth-canonical
    .gkazmi-auth-card h2{
        font-size: 1.5rem !important;
    }

    body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
    .page{
        min-height: auto !important;
        padding: 22px 14px 36px !important;
    }

    body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
    .page > .card > .header,
body.gkazmi-auth-canonical.gkazmi-auth-telegram-2fa
    .page > .card > .body{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 480px) {
    body.gkazmi-auth-canonical
    .otp-inputs{
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: 5px !important;
        width: 100%;
    }

    body.gkazmi-auth-canonical
    .otp-input{
        width: 100% !important;
        max-width: 46px;
        height: 52px !important;
        min-height: 52px !important;
        font-size: 1.15rem !important;
    }

    body.gkazmi-auth-canonical
    .gkazmi-auth-meta{
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    body.gkazmi-auth-canonical
    .g-recaptcha{
        transform-origin: left top;
    }
}


/* ============================================================
   GKazmi UI consolidated historical source:
   /home/crongsmpk/public_html/assets/css/gkazmi-ui-refactor-final.css
   ============================================================ */
:root{
  --ui-bg:#f5f7fb;--ui-surface:#fff;--ui-text:#0f172a;--ui-muted:#64748b;
  --ui-border:#dfe7f2;--ui-primary:#4f46e5;--ui-primary2:#2563eb;
  --ui-radius:16px;--ui-shadow:0 10px 30px rgba(15,23,42,.055)
}
body.gkazmi-ui-refactor{background:var(--ui-bg)!important;color:var(--ui-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body.gkazmi-ui-refactor .main-content,
body.gkazmi-ui-refactor main,
body.gkazmi-ui-refactor .content-wrapper{background:radial-gradient(circle at 88% 0,rgba(99,102,241,.09),transparent 30rem),var(--ui-bg)!important;min-height:100vh}
body.gkazmi-ui-refactor .page-header,
body.gkazmi-ui-refactor .hero-section,
body.gkazmi-ui-refactor .page-hero{margin:0 0 24px!important;padding:28px 24px!important;border:1px solid var(--ui-border)!important;border-radius:20px!important;background:radial-gradient(circle at 84% 8%,rgba(99,102,241,.15),transparent 28rem),linear-gradient(135deg,#fbfcff,#f1f4ff)!important;box-shadow:var(--ui-shadow)!important;text-align:center}
body.gkazmi-ui-refactor .card,
body.gkazmi-ui-refactor .panel,
body.gkazmi-ui-refactor .content-card{border:1px solid var(--ui-border)!important;border-radius:var(--ui-radius)!important;background:var(--ui-surface)!important;box-shadow:var(--ui-shadow)!important}
body.gkazmi-ui-refactor .card-header{padding:16px 18px!important;border-bottom:1px solid var(--ui-border)!important;background:linear-gradient(180deg,#fff,#fbfcff)!important;font-weight:800}
body.gkazmi-ui-refactor .card-body{padding:20px!important}
body.gkazmi-ui-refactor .btn{min-height:40px;border-radius:11px!important;font-weight:750!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
body.gkazmi-ui-refactor .btn-primary{border:0!important;background:linear-gradient(135deg,var(--ui-primary),var(--ui-primary2))!important}
body.gkazmi-ui-refactor .btn-success{border:0!important;background:linear-gradient(135deg,#16a34a,#22c55e)!important}
body.gkazmi-ui-refactor .form-control,
body.gkazmi-ui-refactor .form-select{min-height:44px;border:1px solid #cdd8e7!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}
body.gkazmi-ui-refactor .form-control:focus,
body.gkazmi-ui-refactor .form-select:focus{border-color:#6366f1!important;box-shadow:0 0 0 4px rgba(99,102,241,.12)!important}
body.gkazmi-ui-refactor .table-responsive{border:1px solid var(--ui-border);border-radius:15px;background:#fff;box-shadow:var(--ui-shadow)}
body.gkazmi-ui-refactor table.table{margin:0!important;border-collapse:separate!important;border-spacing:0!important}
body.gkazmi-ui-refactor table.table thead th{padding:13px 14px!important;background:#f8fafc!important;color:#475569!important;font-size:.73rem!important;letter-spacing:.04em!important;white-space:nowrap!important}
body.gkazmi-ui-refactor table.table tbody td{padding:14px!important;vertical-align:middle!important;border-color:#edf1f6!important}
body.gkazmi-ui-refactor .modal-content{border:1px solid rgba(99,102,241,.24)!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 30px 90px rgba(15,23,42,.28)!important}
body.gkazmi-ui-refactor .modal-header{padding:20px 22px!important;background:linear-gradient(135deg,#fafbff,#f1f4ff)!important;border-bottom:1px solid #e2e8f0!important}
body.gkazmi-ui-refactor .modal-body{padding:20px 22px!important}
body.gkazmi-ui-refactor .modal-footer{display:flex!important;justify-content:flex-end!important;gap:10px!important;padding:15px 22px!important;background:#f8fafc!important}
body.gkazmi-ui-refactor .modal-footer .btn{width:auto!important;min-width:128px!important;margin:0!important}
body.gkazmi-ui-refactor .gkazmi-legacy-identity{display:none!important}
@media(max-width:767.98px){body.gkazmi-ui-refactor .modal-footer{flex-direction:column-reverse!important}body.gkazmi-ui-refactor .modal-footer .btn{width:100%!important}}


/* ============================================================
   GKazmi UI consolidated historical source:
   /home/crongsmpk/public_html/assets/css/gkazmi-template-ui.css
   ============================================================ */
:root{
  --p1-bg:#f3f6fb;--p1-surface:#ffffff;--p1-surface-soft:#f8fafc;
  --p1-text:#0f172a;--p1-muted:#64748b;--p1-border:#dbe4f0;
  --p1-primary:#4f46e5;--p1-primary-2:#2563eb;--p1-success:#16a34a;
  --p1-radius:18px;--p1-shadow:0 14px 40px rgba(15,23,42,.07)
}
body.gkazmi-app-ui{background:var(--p1-bg)!important;color:var(--p1-text)!important}
body.gkazmi-app-ui .main-content{background:radial-gradient(circle at 92% 0,rgba(79,70,229,.10),transparent 28rem),var(--p1-bg)!important;min-height:100vh;padding-bottom:36px}
body.gkazmi-app-ui .container-fluid{max-width:1720px;margin-inline:auto}
body.gkazmi-app-ui .gkazmi-p1-hero,
body.gkazmi-app-ui .dashboard-enterprise-hero,
body.gkazmi-app-ui .automation-hero{
  position:relative;overflow:hidden;margin:0 0 24px!important;padding:28px 30px!important;
  border:1px solid rgba(99,102,241,.18)!important;border-radius:24px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f4f5ff 55%,#eef4ff 100%)!important;
  box-shadow:var(--p1-shadow)!important;text-align:left!important
}
body.gkazmi-app-ui .gkazmi-p1-hero:after,
body.gkazmi-app-ui .dashboard-enterprise-hero:after,
body.gkazmi-app-ui .automation-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;top:-120px;background:rgba(79,70,229,.10);pointer-events:none}
body.gkazmi-app-ui .gkazmi-p1-hero h1,
body.gkazmi-app-ui .dashboard-enterprise-hero h1,
body.gkazmi-app-ui .automation-hero h1{font-size:clamp(1.55rem,2.8vw,2.25rem)!important;line-height:1.15!important;font-weight:850!important;letter-spacing:-.035em!important;color:#111827!important;margin:0 0 8px!important;text-align:left!important}
body.gkazmi-app-ui .gkazmi-p1-hero p,
body.gkazmi-app-ui .dashboard-enterprise-hero p,
body.gkazmi-app-ui .automation-hero p{max-width:760px;color:var(--p1-muted)!important;margin:0!important;text-align:left!important}
body.gkazmi-app-ui .card,
body.gkazmi-app-ui .panel,
body.gkazmi-app-ui .content-card,
body.gkazmi-app-ui .stat-card{
  border:1px solid var(--p1-border)!important;border-radius:var(--p1-radius)!important;
  background:var(--p1-surface)!important;box-shadow:var(--p1-shadow)!important
}
body.gkazmi-app-ui .card-header{padding:16px 20px!important;border-bottom:1px solid var(--p1-border)!important;background:linear-gradient(180deg,#fff,#fafcff)!important;font-weight:800!important}
body.gkazmi-app-ui .card-body{padding:20px!important}
body.gkazmi-app-ui .btn{min-height:42px!important;border-radius:12px!important;font-weight:750!important;padding:.58rem 1rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important}
body.gkazmi-app-ui .btn-primary{border:0!important;background:linear-gradient(135deg,var(--p1-primary),var(--p1-primary-2))!important;box-shadow:0 8px 18px rgba(79,70,229,.20)!important}
body.gkazmi-app-ui .btn-success{border:0!important;background:linear-gradient(135deg,#15803d,#22c55e)!important}
body.gkazmi-app-ui .btn-outline-primary{border-color:#a5b4fc!important;color:#4338ca!important;background:#fff!important}
body.gkazmi-app-ui .form-control,
body.gkazmi-app-ui .form-select,
body.gkazmi-app-ui .input-group-text{min-height:44px!important;border-color:#cbd7e6!important;border-radius:12px!important;background:#fff!important}
body.gkazmi-app-ui .input-group>.form-control:not(:last-child),
body.gkazmi-app-ui .input-group>.form-select:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}
body.gkazmi-app-ui .input-group>.btn:last-child{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
body.gkazmi-app-ui .form-control:focus,
body.gkazmi-app-ui .form-select:focus{border-color:#6366f1!important;box-shadow:0 0 0 4px rgba(99,102,241,.12)!important}
body.gkazmi-app-ui .table-responsive{border:1px solid var(--p1-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--p1-shadow)!important;overflow:auto!important}
body.gkazmi-app-ui table.table{margin:0!important;border-collapse:separate!important;border-spacing:0!important}
body.gkazmi-app-ui table.table thead th{padding:13px 14px!important;background:#f7f9fc!important;color:#475569!important;font-size:.72rem!important;text-transform:uppercase!important;letter-spacing:.055em!important;border-bottom:1px solid var(--p1-border)!important;white-space:nowrap!important}
body.gkazmi-app-ui table.table tbody td{padding:14px!important;vertical-align:middle!important;border-color:#edf1f6!important}
body.gkazmi-app-ui table.table tbody tr:hover td{background:#fafbff!important}
body.gkazmi-app-ui .badge{padding:.46rem .68rem!important;border-radius:999px!important;font-weight:750!important}
body.gkazmi-app-ui .modal-content{border:1px solid rgba(99,102,241,.22)!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 35px 100px rgba(15,23,42,.30)!important}
body.gkazmi-app-ui .modal-header{padding:20px 22px!important;background:linear-gradient(135deg,#fff,#f2f5ff)!important;border-bottom:1px solid var(--p1-border)!important}
body.gkazmi-app-ui .modal-body{padding:22px!important}
body.gkazmi-app-ui .modal-footer{padding:16px 22px!important;background:#f8fafc!important;border-top:1px solid var(--p1-border)!important;gap:10px!important}
body.gkazmi-app-ui .mu-search-form,
body.gkazmi-app-ui .search-form,
body.gkazmi-app-ui form.row.g-2{padding:14px!important;border:1px solid var(--p1-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px rgba(15,23,42,.045)!important}
body.gkazmi-app-ui .communication-table td,
body.gkazmi-app-ui .communication-table th{min-width:120px}
body.gkazmi-app-ui .accordion-item{border:1px solid var(--p1-border)!important;border-radius:14px!important;overflow:hidden!important;margin-bottom:10px!important}
body.gkazmi-app-ui .nav-tabs{gap:8px;border-bottom:1px solid var(--p1-border)!important}
body.gkazmi-app-ui .nav-tabs .nav-link{border:0!important;border-radius:11px 11px 0 0!important;font-weight:700!important;color:#64748b!important}
body.gkazmi-app-ui .nav-tabs .nav-link.active{color:#4338ca!important;background:#eef2ff!important}
@media(max-width:767.98px){
  body.gkazmi-app-ui .main-content .container-fluid{padding-left:14px!important;padding-right:14px!important}
  body.gkazmi-app-ui .gkazmi-p1-hero,
body.gkazmi-app-ui .dashboard-enterprise-hero,
body.gkazmi-app-ui .automation-hero{padding:22px 18px!important;border-radius:18px!important}
  body.gkazmi-app-ui .card-body{padding:16px!important}
  body.gkazmi-app-ui .btn{width:100%}
  body.gkazmi-app-ui .input-group .btn{width:auto}
}


/* ============================================================
   GKazmi UI consolidated historical source:
   /home/crongsmpk/public_html/assets/css/gkazmi-ux-refinement.css
   ============================================================ */
/* GKazmi Phase 2 UX refinement: compact, consistent, production-safe */


/* Compact all primary page heroes */


body.gkazmi-app-ui .header h1,
body.gkazmi-app-ui .gkazmi-page-header h1,
body.gkazmi-app-ui .dashboard-enterprise-hero h1,
body.gkazmi-app-ui .automation-hero h1,
body.gkazmi-app-ui .gkazmi-p1-hero h1{
  font-size:clamp(1.45rem,2.2vw,2rem)!important;margin-bottom:5px!important
}


/* Dashboard density */


/* Manage Users: one balanced toolbar */
body.gkazmi-route-manage-users .header{padding:18px 24px!important}


body.gkazmi-route-manage-users .mu-search-form{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;margin:0!important}

body.gkazmi-route-manage-users .mu-search-form .input-group-text{border-radius:11px 0 0 11px!important}
body.gkazmi-route-manage-users .mu-search-form .form-control{border-radius:0!important}
body.gkazmi-route-manage-users .mu-search-form .btn{border-radius:0 11px 11px 0!important;width:auto!important}
body.gkazmi-route-manage-users .mu-toolbar>.btn{white-space:nowrap!important;width:auto!important}


/* Resellers: compact toolbar and contact actions */
body.gkazmi-route-manage-resellers .header{padding:18px 24px!important}
body.gkazmi-route-manage-resellers .container-fluid>.row.mb-3{display:grid!important;grid-template-columns:minmax(320px,1fr) auto!important;gap:12px!important;margin-bottom:14px!important}
body.gkazmi-route-manage-resellers .container-fluid>.row.mb-3>[class*=col-]{width:auto!important;max-width:none!important;padding:0!important}
body.gkazmi-route-manage-resellers .search-form{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;display:grid!important;grid-template-columns:minmax(220px,1fr) 110px!important}
body.gkazmi-route-manage-resellers .search-form .form-control{border-radius:12px 0 0 12px!important}
body.gkazmi-route-manage-resellers .search-form .btn{border-radius:0 12px 12px 0!important}
body.gkazmi-route-manage-resellers .contact-badges{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important}
body.gkazmi-route-manage-resellers .contact-badges .btn{width:auto!important;min-width:0!important;min-height:32px!important;padding:.35rem .58rem!important;font-size:.76rem!important;border-radius:9px!important}

body.gkazmi-route-manage-resellers .rs-cell-contacts{min-width:260px!important}

/* Manual CronJobs: keep the functional top header; remove injected duplicate */
body.gkazmi-route-manual-cronjobs .container-fluid>.gkazmi-p1-hero{display:none!important}
body.gkazmi-route-manual-cronjobs .gkazmi-page-header{margin-bottom:14px!important}
body.gkazmi-route-manual-cronjobs .alert-info{padding:11px 16px!important;margin-bottom:16px!important;border-radius:13px!important}
body.gkazmi-route-manual-cronjobs h2.h4{margin-top:0!important}


/* CronJobs Management */
body.gkazmi-route-cronjobs-management .gkazmi-page-header{padding:18px 24px!important}
body.gkazmi-route-cronjobs-management form.row.g-2{padding:12px!important;gap:10px!important}
body.gkazmi-route-cronjobs-management table.table tbody td{padding:9px 10px!important;font-size:.82rem!important}
body.gkazmi-route-cronjobs-management .btn-sm{min-height:32px!important;padding:.3rem .52rem!important}

/* Communication Center: remove injected duplicate and retain native header */
body.gkazmi-route-communication-center .container-fluid>section.gkazmi-p1-hero{display:none!important}
body.gkazmi-route-communication-center .gkazmi-page-header{padding:18px 24px!important;margin-bottom:16px!important}


/* Communication Automation */
body.gkazmi-route-communication-automation .automation-hero{padding:20px 26px!important;margin-bottom:16px!important}


@media(max-width:1200px){
  body.gkazmi-route-manage-users .mu-toolbar{grid-template-columns:minmax(280px,2fr) repeat(3,minmax(115px,1fr));}
  body.gkazmi-route-manage-users .mu-toolbar>.btn{width:100%!important}
}
@media(max-width:900px){
  
  
  body.gkazmi-route-manage-resellers .container-fluid>.row.mb-3{grid-template-columns:1fr!important}
  
}
@media(max-width:600px){
  body.gkazmi-app-ui .header,
body.gkazmi-app-ui .gkazmi-page-header,
body.gkazmi-app-ui .dashboard-enterprise-hero,
body.gkazmi-app-ui .automation-hero{padding:16px!important}
  
  
  body.gkazmi-route-manage-resellers .search-form{grid-template-columns:1fr!important}
  body.gkazmi-route-manage-resellers .search-form .form-control,
body.gkazmi-route-manage-resellers .search-form .btn{border-radius:11px!important}
}


/* ============================================================
   GKazmi UI consolidated historical source:
   /home/crongsmpk/public_html/assets/css/gkazmi-visual-completion.css
   ============================================================ */
/* GKazmi Phase 3 visual completion */
body.gkazmi-app-ui .main-content{padding-bottom:22px!important}
body.gkazmi-app-ui .container-fluid{max-width:1760px!important}

/* Final compact hero system */
body.gkazmi-app-ui .header,
body.gkazmi-app-ui .gkazmi-page-header,
body.gkazmi-app-ui .dashboard-enterprise-hero,
body.gkazmi-app-ui .automation-hero,
body.gkazmi-app-ui .gkazmi-p1-hero{
  min-height:0!important;padding:16px 24px!important;margin:0 0 14px!important;border-radius:18px!important
}
body.gkazmi-app-ui .header .header-icon,
body.gkazmi-app-ui .gkazmi-page-header .gkazmi-page-header-icon,
body.gkazmi-app-ui .automation-hero .automation-hero-icon{
  width:42px!important;height:42px!important;margin-bottom:6px!important
}
body.gkazmi-app-ui .header h1,
body.gkazmi-app-ui .gkazmi-page-header h1,
body.gkazmi-app-ui .dashboard-enterprise-hero h1,
body.gkazmi-app-ui .automation-hero h1,
body.gkazmi-app-ui .gkazmi-p1-hero h1{
  font-size:clamp(1.35rem,2vw,1.85rem)!important;line-height:1.12!important;margin:0 0 3px!important
}
body.gkazmi-app-ui .header p,
body.gkazmi-app-ui .gkazmi-page-header p,
body.gkazmi-app-ui .automation-hero p,
body.gkazmi-app-ui .gkazmi-p1-hero p{font-size:.88rem!important;margin:0!important}

/* Dashboard */
body.gkazmi-route-dashboard .dashboard-enterprise-hero{padding:18px 26px!important}
body.gkazmi-route-dashboard .dashboard-enterprise-stats{gap:10px!important;margin-bottom:14px!important}
body.gkazmi-route-dashboard .stat-card{min-height:66px!important;padding:11px 13px!important}
body.gkazmi-route-dashboard .admin-tools-grid{gap:10px!important}
body.gkazmi-route-dashboard .admin-tool-card{min-height:62px!important;padding:10px 13px!important}
body.gkazmi-route-dashboard .section-title-row{margin-bottom:8px!important}

/* Manage Users: recover visible input and balance toolbar */
body.gkazmi-route-manage-users .mu-summary-grid{gap:10px!important;margin-bottom:12px!important}
body.gkazmi-route-manage-users .mu-stat-card{min-height:66px!important;padding:11px 13px!important}
body.gkazmi-route-manage-users .mu-toolbar{
  display:grid!important;grid-template-columns:minmax(360px,2.4fr) repeat(3,minmax(125px,.8fr)) auto auto auto!important;
  gap:8px!important;align-items:center!important;padding:10px!important
}
body.gkazmi-route-manage-users .mu-search-form,
body.gkazmi-route-manage-users .mu-search-form .input-group{width:100%!important;max-width:none!important}
body.gkazmi-route-manage-users .mu-search-form .input-group{
  display:grid!important;grid-template-columns:42px minmax(210px,1fr) 90px!important
}
body.gkazmi-route-manage-users .mu-search-form input[type="search"],
body.gkazmi-route-manage-users .mu-search-form input[type="text"],
body.gkazmi-route-manage-users .mu-search-form .form-control{
  display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;min-width:210px!important;
  color:#17233d!important;background:#fff!important;border-left:0!important;border-right:0!important
}
body.gkazmi-route-manage-users .mu-search-form input::placeholder{color:#8090ab!important;opacity:1!important}
body.gkazmi-route-manage-users table.table tbody td{padding:8px 10px!important;font-size:.81rem!important}
body.gkazmi-route-manage-users table.table thead th{padding:9px 10px!important;font-size:.72rem!important}

/* Manage Resellers: restore search field, remove empty strip, compact actions */
body.gkazmi-route-manage-resellers .container-fluid>.row.mb-3,
body.gkazmi-route-manage-resellers .row.mb-3{
  display:grid!important;grid-template-columns:minmax(420px,1fr) auto!important;gap:10px!important;
  align-items:center!important;margin:0 0 12px!important;padding:0!important
}
body.gkazmi-route-manage-resellers .container-fluid>.row.mb-3>[class*=col-],
body.gkazmi-route-manage-resellers .row.mb-3>[class*=col-]{width:auto!important;max-width:none!important;padding:0!important}
body.gkazmi-route-manage-resellers .search-form,
body.gkazmi-route-manage-resellers form[method="get"]{
  display:grid!important;grid-template-columns:minmax(280px,1fr) 100px!important;width:100%!important;max-width:none!important;
  gap:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important
}
body.gkazmi-route-manage-resellers .search-form input,
body.gkazmi-route-manage-resellers form[method="get"] input{
  display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;min-width:280px!important;
  height:42px!important;color:#17233d!important;background:#fff!important;border:1px solid #cad6e7!important;
  border-radius:11px 0 0 11px!important;padding:0 14px!important
}
body.gkazmi-route-manage-resellers .search-form input::placeholder,
body.gkazmi-route-manage-resellers form[method="get"] input::placeholder{color:#8190a8!important;opacity:1!important}
body.gkazmi-route-manage-resellers .search-form .btn,
body.gkazmi-route-manage-resellers form[method="get"] .btn{height:42px!important;border-radius:0 11px 11px 0!important}
body.gkazmi-route-manage-resellers .contact-badges{display:flex!important;gap:5px!important;flex-wrap:wrap!important}
body.gkazmi-route-manage-resellers .contact-badges .btn{min-height:29px!important;padding:.25rem .48rem!important;font-size:.72rem!important}
body.gkazmi-route-manage-resellers table.table tbody td{padding:9px 10px!important}

/* Manual CronJobs */
body.gkazmi-route-manual-cronjobs .alert-info{padding:9px 13px!important;margin-bottom:12px!important}
body.gkazmi-route-manual-cronjobs h2.h4{font-size:1.12rem!important;margin-bottom:8px!important}
body.gkazmi-route-manual-cronjobs .btn{min-height:36px!important}
body.gkazmi-route-manual-cronjobs table.table tbody td{padding:8px 10px!important}

/* CronJobs management + history */
body.gkazmi-route-cronjobs-management form.row.g-2,
body.gkazmi-route-cronjobs-history form.row.g-2{padding:10px!important;gap:8px!important;margin-bottom:12px!important}
body.gkazmi-route-cronjobs-management table.table tbody td,
body.gkazmi-route-cronjobs-history table.table tbody td{padding:8px 9px!important;font-size:.8rem!important}
body.gkazmi-route-cronjobs-management table.table thead th,
body.gkazmi-route-cronjobs-history table.table thead th{padding:8px 9px!important;font-size:.71rem!important}
body.gkazmi-route-cronjobs-history .alert-info{padding:10px 14px!important;margin-bottom:12px!important}

/* Communication */
body.gkazmi-route-communication-center .communication-grid{gap:14px!important;grid-template-columns:minmax(0,1.75fr) minmax(300px,.72fr)!important}
body.gkazmi-route-communication-center .communication-card .card-body{padding:15px!important}
body.gkazmi-route-communication-center textarea{min-height:180px!important}
body.gkazmi-route-communication-automation .automation-panel{padding:15px!important}
body.gkazmi-route-communication-automation .connection-card{padding:14px!important}
body.gkazmi-route-communication-automation .card{margin-bottom:12px!important}

/* Consistent controls */
body.gkazmi-app-ui .form-control,
body.gkazmi-app-ui .form-select{min-height:40px!important;border-radius:10px!important}
body.gkazmi-app-ui .btn{min-height:38px!important;border-radius:10px!important}
body.gkazmi-app-ui .card{border-radius:15px!important}

@media(max-width:1250px){
 body.gkazmi-route-manage-users .mu-toolbar{grid-template-columns:minmax(300px,2fr) repeat(3,minmax(110px,1fr))!important}
 body.gkazmi-route-manage-users .mu-toolbar>.btn{width:100%!important}
}
@media(max-width:900px){
 body.gkazmi-route-manage-users .mu-toolbar{grid-template-columns:1fr 1fr!important}
 body.gkazmi-route-manage-users .mu-search-form{grid-column:1/-1!important}
 body.gkazmi-route-manage-resellers .container-fluid>.row.mb-3,
body.gkazmi-route-manage-resellers .row.mb-3{grid-template-columns:1fr!important}
 body.gkazmi-route-communication-center .communication-grid{grid-template-columns:1fr!important}
}
@media(max-width:600px){
 body.gkazmi-route-manage-users .mu-toolbar{grid-template-columns:1fr!important}
 body.gkazmi-route-manage-users .mu-search-form{grid-column:auto!important}
 body.gkazmi-route-manage-users .mu-search-form .input-group{grid-template-columns:40px minmax(120px,1fr)!important}
 body.gkazmi-route-manage-users .mu-search-form .btn{grid-column:1/-1!important;border-radius:10px!important;margin-top:6px!important}
 body.gkazmi-route-manage-resellers .search-form,
body.gkazmi-route-manage-resellers form[method="get"]{grid-template-columns:1fr!important;gap:6px!important}
 body.gkazmi-route-manage-resellers .search-form input,
body.gkazmi-route-manage-resellers form[method="get"] input,
body.gkazmi-route-manage-resellers .search-form .btn,
body.gkazmi-route-manage-resellers form[method="get"] .btn{border-radius:10px!important}
}


/* ============================================================
   GKazmi UI consolidated historical source:
   /home/crongsmpk/public_html/assets/css/gkazmi-ui-operations-polish.css
   ============================================================ */
/* GKazmi UI Premium Operations Polish - Bundle 3 */
:root{
  --gkazmi-ui-operations-bg: #f6f8fb;
  --gkazmi-ui-operations-surface: #ffffff;
  --gkazmi-ui-operations-surface-subtle: #f8fafc;
  --gkazmi-ui-operations-border: #dfe5ec;
  --gkazmi-ui-operations-border-strong: #cbd5e1;
  --gkazmi-ui-operations-text: #172033;
  --gkazmi-ui-operations-muted: #64748b;
  
  --gkazmi-ui-operations-success: #15803d;
  --gkazmi-ui-operations-warning: #b45309;
  --gkazmi-ui-operations-danger: #b91c1c;
  
  --gkazmi-ui-operations-radius: 14px;
  --gkazmi-ui-operations-shadow: 0 10px 30px rgba(15, 23, 42, .07);
  --gkazmi-ui-operations-shadow-hover: 0 15px 38px rgba(15, 23, 42, .11);
}

body.gkazmi-app{
  background: var(--gkazmi-ui-operations-bg);
  color: var(--gkazmi-ui-operations-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.gkazmi-app .content,
body.gkazmi-app .main-content,
body.gkazmi-app main,
body.gkazmi-app .container,
body.gkazmi-app .container-fluid{ min-width: 0; }

body.gkazmi-app h1,
body.gkazmi-app h2,
body.gkazmi-app h3,
body.gkazmi-app h4,
body.gkazmi-app h5,
body.gkazmi-app h6{
  color: var(--gkazmi-ui-operations-text);
  letter-spacing: -.018em;
}

body.gkazmi-app .text-muted,
body.gkazmi-app small,
body.gkazmi-app .muted-small{ color: var(--gkazmi-ui-operations-muted) !important; }

body.gkazmi-app .card,
body.gkazmi-app .card-soft,
body.gkazmi-app .panel,
body.gkazmi-app .widget,
body.gkazmi-app .table-card,
body.gkazmi-app .modal-content,
body.gkazmi-app .settings-section,
body.gkazmi-app .status-card,
body.gkazmi-app .metric-card{
  border: 1px solid var(--gkazmi-ui-operations-border) !important;
  border-radius: var(--gkazmi-ui-operations-radius) !important;
  background: var(--gkazmi-ui-operations-surface);
  box-shadow: var(--gkazmi-ui-operations-shadow);
}

body.gkazmi-app .card,
body.gkazmi-app .card-soft,
body.gkazmi-app .panel,
body.gkazmi-app .widget,
body.gkazmi-app .table-card,
body.gkazmi-app .status-card,
body.gkazmi-app .metric-card{
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

@media (hover: hover) {
  body.gkazmi-app .card:hover,
body.gkazmi-app .card-soft:hover,
body.gkazmi-app .panel:hover,
body.gkazmi-app .widget:hover,
body.gkazmi-app .table-card:hover,
body.gkazmi-app .status-card:hover,
body.gkazmi-app .metric-card:hover{
    border-color: var(--gkazmi-ui-operations-border-strong) !important;
    box-shadow: var(--gkazmi-ui-operations-shadow-hover);
  }
}

body.gkazmi-app .card-header,
body.gkazmi-app .modal-header,
body.gkazmi-app .panel-heading{
  border-bottom: 1px solid var(--gkazmi-ui-operations-border);
  background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
  border-radius: var(--gkazmi-ui-operations-radius) var(--gkazmi-ui-operations-radius) 0 0 !important;
}

body.gkazmi-app .card-body,
body.gkazmi-app .modal-body,
body.gkazmi-app .settings-section{ padding: 1.25rem; }
body.gkazmi-app .card-footer,
body.gkazmi-app .modal-footer{ border-top: 1px solid var(--gkazmi-ui-operations-border); }

body.gkazmi-app .form-control,
body.gkazmi-app .form-select,
body.gkazmi-app .input-group-text{
  min-height: 42px;
  border-color: var(--gkazmi-ui-operations-border-strong);
  border-radius: 10px;
  background-color: #fff;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
body.gkazmi-app textarea.form-control{ min-height: 120px; resize: vertical; }
body.gkazmi-app .form-control:focus,
body.gkazmi-app .form-select:focus{
  border-color: #60a5fa;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .12);
}
body.gkazmi-app .form-label{
  margin-bottom: .45rem;
  color: #334155;
  font-size: .875rem;
  font-weight: 650;
}

body.gkazmi-app .form-check-input{ width: 1.1rem; height: 1.1rem; }


body.gkazmi-app .btn{
  min-height: 38px;
  border-radius: 9px;
  font-weight: 650;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .42rem;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}
body.gkazmi-app .btn-sm{ min-height: 32px; border-radius: 8px; }
body.gkazmi-app .btn-primary{
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
  border-color: #2563eb;
  box-shadow: 0 4px 12px rgba(37, 99, 235, .18);
}
body.gkazmi-app .btn-primary:hover{ transform: translateY(-1px); box-shadow: 0 7px 18px rgba(37, 99, 235, .25); }
body.gkazmi-app .btn:disabled{ transform: none !important; box-shadow: none !important; opacity: .62; }


body.gkazmi-app .table-responsive{
  border: 1px solid var(--gkazmi-ui-operations-border);
  border-radius: 12px;
  background: #fff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
body.gkazmi-app table.table{ margin-bottom: 0; color: var(--gkazmi-ui-operations-text); --bs-table-bg: transparent; }
body.gkazmi-app .table > thead > tr > th{
  padding: .78rem .85rem;
  background: var(--gkazmi-ui-operations-surface-subtle);
  border-bottom: 1px solid var(--gkazmi-ui-operations-border-strong);
  color: #475569;
  font-size: .76rem;
  font-weight: 750;
  letter-spacing: .035em;
  text-transform: uppercase;
  white-space: nowrap;
}
body.gkazmi-app .table > tbody > tr > td{
  padding: .82rem .85rem;
  border-color: #edf1f5;
  vertical-align: middle;
}
body.gkazmi-app .table > tbody > tr{ transition: background-color .14s ease; }
body.gkazmi-app .table > tbody > tr:hover{ background: #f8fbff; }


body.gkazmi-app .nav-tabs .nav-link{
  border: 0;
  border-radius: 9px 9px 0 0;
  color: #64748b;
  font-weight: 650;
  padding: .65rem .85rem;
}
body.gkazmi-app .nav-tabs .nav-link:hover{ color: #1d4ed8; background: #f8fafc; }
body.gkazmi-app .nav-tabs .nav-link.active{
  color: #1d4ed8;
  background: #eff6ff;
  box-shadow: inset 0 -2px 0 #2563eb;
}
body.gkazmi-app .nav-pills .nav-link{ border-radius: 9px; color: #475569; font-weight: 650; }
body.gkazmi-app .nav-pills .nav-link.active{ background: #2563eb; }

body.gkazmi-app .accordion-item{
  border: 1px solid var(--gkazmi-ui-operations-border);
  border-radius: 12px !important;
  overflow: hidden;
  margin-bottom: .75rem;
}
body.gkazmi-app .accordion-button{ font-weight: 700; box-shadow: none !important; }
body.gkazmi-app .accordion-button:not(.collapsed){ color: #1d4ed8; background: #eff6ff; }

body.gkazmi-app pre,
body.gkazmi-app code,
body.gkazmi-app .log-output,
body.gkazmi-app .code-block{
  border-radius: 10px;
  font-variant-ligatures: none;
}
body.gkazmi-app pre,
body.gkazmi-app .log-output,
body.gkazmi-app .code-block{
  border: 1px solid #1e293b;
  background: #0f172a;
  color: #dbeafe;
  padding: 1rem;
  overflow: auto;
}

body.gkazmi-app .progress{ height: .55rem; border-radius: 999px; background: #e9eef5; }
body.gkazmi-app .progress-bar{ border-radius: 999px; }
body.gkazmi-app .list-group-item{ border-color: var(--gkazmi-ui-operations-border); padding: .85rem 1rem; }
body.gkazmi-app .dropdown-menu{
  border: 1px solid var(--gkazmi-ui-operations-border);
  border-radius: 11px;
  box-shadow: var(--gkazmi-ui-operations-shadow-hover);
  padding: .4rem;
}
body.gkazmi-app .dropdown-item{ border-radius: 8px; padding: .55rem .7rem; }

body.gkazmi-app .status-dot{
  display: inline-block;
  width: .55rem;
  height: .55rem;
  border-radius: 50%;
  margin-right: .35rem;
  box-shadow: 0 0 0 3px rgba(100, 116, 139, .12);
}
body.gkazmi-app .status-online,
body.gkazmi-app .status-success{ color: var(--gkazmi-ui-operations-success); }
body.gkazmi-app .status-warning{ color: var(--gkazmi-ui-operations-warning); }
body.gkazmi-app .status-error,
body.gkazmi-app .status-danger{ color: var(--gkazmi-ui-operations-danger); }

body.gkazmi-app .empty-state{
  padding: 2.5rem 1.25rem;
  text-align: center;
  color: var(--gkazmi-ui-operations-muted);
  border: 1px dashed var(--gkazmi-ui-operations-border-strong);
  border-radius: 12px;
  background: linear-gradient(180deg, #fff, #f8fafc);
}
body.gkazmi-app .skeleton{
  position: relative;
  overflow: hidden;
  background: #e8edf3;
  border-radius: 8px;
}


body.gkazmi-app .invoice-summary,
body.gkazmi-app .checkout-summary{
  position: sticky;
  top: 1rem;
}
body.gkazmi-app .price,
body.gkazmi-app .amount,
body.gkazmi-app .total-amount{
  font-variant-numeric: tabular-nums;
  letter-spacing: -.025em;
}

body.gkazmi-app :focus-visible{
  outline: 3px solid rgba(37, 99, 235, .32);
  outline-offset: 2px;
}

@media (max-width: 991.98px) {
  body.gkazmi-app .card-body,
body.gkazmi-app .settings-section{ padding: 1rem; }
  body.gkazmi-app .invoice-summary,
body.gkazmi-app .checkout-summary{ position: static; }
}
@media (max-width: 767.98px) {
  body.gkazmi-app .gkazmi-page-header{ margin-bottom: 1rem; }
  body.gkazmi-app .btn:not(.btn-sm){ min-height: 42px; }
  body.gkazmi-app .table > thead > tr > th,
body.gkazmi-app .table > tbody > tr > td{ padding: .72rem .7rem; }
  body.gkazmi-app .modal-dialog{ margin: .65rem; }
  body.gkazmi-app .modal-content{ max-height: calc(100vh - 1.3rem); }
  body.gkazmi-app .modal-body{ overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) {
  body.gkazmi-app *,
body.gkazmi-app *::before,
body.gkazmi-app *::after{
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* ============================================================
   GKazmi UI consolidated historical source:
   /home/crongsmpk/public_html/assets/css/gkazmi-ui-polish.css
   ============================================================ */
/* GKazmi UI premium polish - visual layer only */
:root{
  
  
  
  
  
  
  
  
  --gkazmi-ui-primary-dark: #2448d8;
  
  
  
  
  
  
  
}

html{ scroll-behavior: smooth; }
body.gkazmi-app{
  background: var(--gkazmi-ui-bg);
  color: var(--gkazmi-ui-text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
}
body.gkazmi-app .main-content{ min-width: 0; }
body.gkazmi-app .container-fluid{ --bs-gutter-x: 1.5rem; }

/* Canonical compact centered page header */
body.gkazmi-app .gkazmi-page-header{
  margin: 18px auto 16px;
  max-width: 1180px;
  min-height: 0;
  padding: 0 16px;
  text-align: center;
}
body.gkazmi-app .gkazmi-page-header-icon{
  width: 38px;
  height: 38px;
  margin: 0 auto 8px;
  border: 1px solid rgba(49,94,251,.18);
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: var(--gkazmi-ui-primary);
  background: linear-gradient(180deg,#fff,#f5f7ff);
  box-shadow: var(--gkazmi-ui-shadow-sm);
  font-size: 15px;
}
body.gkazmi-app .gkazmi-page-header-card{
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
body.gkazmi-app .gkazmi-page-header h1{
  margin: 0;
  color: var(--gkazmi-ui-text);
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  font-weight: 750;
  letter-spacing: -.025em;
  line-height: 1.2;
}
body.gkazmi-app .gkazmi-page-header p{
  max-width: 720px;
  margin: 6px auto 0;
  color: var(--gkazmi-ui-muted);
  font-size: .92rem;
}
body.gkazmi-app .gkazmi-page-header-actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
}

/* Cards and panels */
body.gkazmi-app :is(.card,.dash-stat,.dash-link-card,.panel,.content-card,.table-card,.form-card){
  border: 1px solid var(--gkazmi-ui-border) !important;
  border-radius: var(--gkazmi-ui-radius) !important;
  background: var(--gkazmi-ui-surface);
  box-shadow: var(--gkazmi-ui-shadow-sm);
}
body.gkazmi-app :is(.card,.dash-stat,.dash-link-card){
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
body.gkazmi-app :is(.card,.dash-stat,.dash-link-card):hover{
  border-color: var(--gkazmi-ui-border-strong) !important;
  box-shadow: var(--gkazmi-ui-shadow);
}
body.gkazmi-app .dash-link-card:hover{ transform: translateY(-2px); }
body.gkazmi-app .card-header{
  padding: 14px 18px;
  border-bottom: 1px solid var(--gkazmi-ui-border);
  background: var(--gkazmi-ui-surface-soft);
  font-weight: 700;
}
body.gkazmi-app .card-body{ padding: 18px; }
body.gkazmi-app .dash-k,
body.gkazmi-app .text-muted{ color: var(--gkazmi-ui-muted) !important; }
body.gkazmi-app .dash-value{ color: var(--gkazmi-ui-text); font-weight: 750; letter-spacing: -.015em; }
body.gkazmi-app .dash-ico{
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: #edf2ff;
  color: var(--gkazmi-ui-primary);
}

/* Buttons */
body.gkazmi-app .btn{
  min-height: 38px;
  padding: .48rem .85rem;
  border-radius: var(--gkazmi-ui-radius-sm);
  font-weight: 650;
  letter-spacing: -.005em;
  box-shadow: none;
  transition: transform .14s ease, box-shadow .14s ease, background-color .14s ease, border-color .14s ease;
}
body.gkazmi-app .btn:hover{ transform: translateY(-1px); }
body.gkazmi-app .btn:active{ transform: translateY(0); }
body.gkazmi-app .btn-primary{
  border-color: var(--gkazmi-ui-primary);
  background: var(--gkazmi-ui-primary);
}
body.gkazmi-app .btn-primary:hover{
  border-color: var(--gkazmi-ui-primary-dark);
  background: var(--gkazmi-ui-primary-dark);
  box-shadow: 0 6px 16px rgba(49,94,251,.2);
}
body.gkazmi-app .btn-outline-secondary{ border-color: var(--gkazmi-ui-border-strong); color: #42506a; }
body.gkazmi-app .btn:focus-visible{ outline: 0; box-shadow: var(--gkazmi-ui-ring); }
body.gkazmi-app .btn:disabled{ transform: none; opacity: .58; }

/* Forms */
body.gkazmi-app :is(.form-control,.form-select,.input-group-text){
  min-height: 42px;
  border-color: var(--gkazmi-ui-border-strong);
  border-radius: var(--gkazmi-ui-radius-sm);
  background-color: #fff;
  color: var(--gkazmi-ui-text);
}
body.gkazmi-app :is(.form-control,.form-select)::placeholder{ color: #9aa4b3; }
body.gkazmi-app :is(.form-control,.form-select):hover{ border-color: #bec8d6; }
body.gkazmi-app :is(.form-control,.form-select):focus{
  border-color: var(--gkazmi-ui-primary);
  box-shadow: var(--gkazmi-ui-ring);
}
body.gkazmi-app .form-label{ margin-bottom: 6px; color: #34405a; font-weight: 650; }
body.gkazmi-app .form-text{ color: var(--gkazmi-ui-muted); }
body.gkazmi-app .form-check-input:focus{ box-shadow: var(--gkazmi-ui-ring); }
body.gkazmi-app .form-check-input:checked{ border-color: var(--gkazmi-ui-primary); background-color: var(--gkazmi-ui-primary); }

/* Tables */
body.gkazmi-app .table-responsive{
  border: 1px solid var(--gkazmi-ui-border);
  border-radius: var(--gkazmi-ui-radius);
  background: #fff;
  box-shadow: var(--gkazmi-ui-shadow-sm);
}
body.gkazmi-app .table{ margin-bottom: 0; vertical-align: middle; }
body.gkazmi-app .table > :not(caption) > * > *{ padding: .78rem .9rem; border-bottom-color: #edf0f5; }
body.gkazmi-app .table thead th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f8fafc;
  color: #4a5871;
  font-size: .76rem;
  font-weight: 750;
  letter-spacing: .035em;
  text-transform: uppercase;
  white-space: nowrap;
}
body.gkazmi-app .table tbody tr{ transition: background-color .12s ease; }
body.gkazmi-app .table tbody tr:hover > *{ background: #f8faff; }

/* Badges, alerts, tabs */
body.gkazmi-app .badge{ padding: .42em .65em; border-radius: 999px; font-weight: 700; letter-spacing: .01em; }
body.gkazmi-app .alert{ border: 1px solid var(--gkazmi-ui-border); border-radius: var(--gkazmi-ui-radius); box-shadow: var(--gkazmi-ui-shadow-sm); }
body.gkazmi-app .nav-tabs{ gap: 4px; border-bottom-color: var(--gkazmi-ui-border); }
body.gkazmi-app .nav-tabs .nav-link{ border-radius: 8px 8px 0 0; color: var(--gkazmi-ui-muted); font-weight: 650; }
body.gkazmi-app .nav-tabs .nav-link.active{ color: var(--gkazmi-ui-primary); border-color: var(--gkazmi-ui-border) var(--gkazmi-ui-border) #fff; }

/* Empty and loading states */
body.gkazmi-app :is(.empty-state,.gkazmi-empty-state){
  padding: 38px 22px;
  border: 1px dashed var(--gkazmi-ui-border-strong);
  border-radius: var(--gkazmi-ui-radius-lg);
  background: linear-gradient(180deg,#fff,#fafbfc);
  color: var(--gkazmi-ui-muted);
  text-align: center;
}
body.gkazmi-app :is(.skeleton,.gkazmi-skeleton){
  position: relative;
  overflow: hidden;
  min-height: 14px;
  border-radius: 6px;
  background: #edf1f6;
}


/* Page-specific rhythm */
body.gkazmi-app :is(.skeleton,.gkazmi-skeleton,.loading-skeleton){
  background: linear-gradient(90deg, #eef2f7 25%, #f8fafc 45%, #eef2f7 65%);
  background-size: 220% 100%;
  animation: gkazmi-ui-shimmer 1.35s ease-in-out infinite;
}

body.gkazmi-app :is(.dashboard-content-panel,.manual-cronjobs-shell,.profile-shell,.create-cronjob-shell){
  max-width: 1440px;
  margin-inline: auto;
}
body.gkazmi-app h2,
body.gkazmi-app h3,
body.gkazmi-app h4,
body.gkazmi-app h5,
body.gkazmi-app h6{
  color: var(--gkazmi-ui-text);
  letter-spacing: -.015em;
}

@media (max-width: 767.98px) {
  body.gkazmi-app .container-fluid{ --bs-gutter-x: 1rem; }
  body.gkazmi-app .gkazmi-page-header{ margin-top: 12px; padding-inline: 8px; }
  body.gkazmi-app .gkazmi-page-header-icon{ width: 34px; height: 34px; margin-bottom: 7px; }
  body.gkazmi-app .gkazmi-page-header h1{ font-size: 1.3rem; }
  body.gkazmi-app .gkazmi-page-header p{ font-size: .86rem; }
  body.gkazmi-app .card-body{ padding: 14px; }
  body.gkazmi-app .table > :not(caption) > * > *{ padding: .68rem .72rem; }
  body.gkazmi-app .btn{ min-height: 40px; }
}

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

/* ==========================================================
   GKazmi Manage Users exact approved subform master
   Scope: addModal + editModal only
   ========================================================== */

body #addModal .modal-dialog,
body #editModal .modal-dialog{
    width: min(880px, calc(100vw - 32px)) !important;
    max-width: 880px !important;
    margin: 24px auto !important;
}

body #addModal .modal-content,
body #editModal .modal-content{
    border: 2px solid #22b8df !important;
    border-right-color: #536dfe !important;
    border-bottom-color: #7c3aed !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .34) !important;
}

/* ---------- HEADER ---------- */

body #addModal .modal-header,
body #editModal .modal-header{
    position: relative !important;
    min-height: 145px !important;
    padding: 24px 78px 20px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    border: 0 !important;
    border-bottom: 1px solid #d9e3f1 !important;

    background:
        linear-gradient(
            110deg,
            #ffffff 0%,
            #f8fbff 54%,
            #eef0ff 100%
        ) !important;
}

body #addModal .modal-title,
body #editModal .modal-title{
    margin: 0 !important;
    padding: 0 !important;

    font-size: 21px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;

    color: #ffffff !important;

    text-align: center !important;
}

body #addModal .gk-mu-header-icon,
body #editModal .gk-mu-header-icon{
    position: absolute !important;

    left: 22px !important;
    top: 50% !important;

    width: 48px !important;
    height: 48px !important;

    transform: translateY(-50%) !important;

    display: grid !important;
    place-items: center !important;

    border-radius: 14px !important;

    background: #eef4ff !important;
    color: #2463eb !important;

    box-shadow: 0 10px 22px rgba(79, 70, 229, .15) !important;

    font-size: 23px !important;
    font-weight: 800 !important;
}

body #addModal .gk-mu-heading,
body #editModal .gk-mu-heading{
    margin-top: 8px !important;

    color: #64748b !important;

    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
}

body #addModal .gk-mu-subheading,
body #editModal .gk-mu-subheading{
    margin-top: 8px !important;

    color: #64748b !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

body #addModal .modal-header .btn-close,
body #editModal .modal-header .btn-close{
    position: absolute !important;

    right: 22px !important;
    top: 50% !important;

    width: 42px !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;

    border: 0 !important;
    border-radius: 11px !important;

    background-color: #666666 !important;

    opacity: 1 !important;
    filter: invert(1) !important;
}

/* ---------- BODY ---------- */

body #addModal .modal-body,
body #editModal .modal-body{
    padding: 19px 22px 17px !important;
    background: #ffffff !important;
}

body #addModal .gk-mu-info,
body #editModal .gk-mu-info{
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    gap: 9px !important;

    margin: 0 0 16px !important;
    padding: 11px 13px !important;

    border: 1px solid #cfe2ff !important;
    border-radius: 10px !important;

    background: #edf6ff !important;

    color: #334155 !important;

    font-size: 12.5px !important;
    line-height: 1.35 !important;
}

body #addModal .gk-mu-info-icon,
body #editModal .gk-mu-info-icon{
    flex: 0 0 auto !important;

    color: #2563eb !important;

    font-size: 13px !important;
    font-weight: 900 !important;
}

/* ---------- LABEL ICONS ---------- */

body #addModal label,
body #editModal label{
    color: #334155 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
}

body #addModal label.gk-mu-labelled,
body #editModal label.gk-mu-labelled{
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

body #addModal .gk-mu-field-icon,
body #editModal .gk-mu-field-icon{
    width: 19px !important;
    height: 19px !important;

    flex: 0 0 19px !important;

    display: inline-grid !important;
    place-items: center !important;

    border-radius: 6px !important;

    font-size: 11px !important;
    line-height: 1 !important;
}

.gk-mu-blue{
    color: #2563eb !important;
    background: #eaf2ff !important;
}

.gk-mu-purple{
    color: #4f46e5 !important;
    background: #eeefff !important;
}

.gk-mu-orange{
    color: #ea580c !important;
    background: #fff2e8 !important;
}

.gk-mu-pink{
    color: #db2777 !important;
    background: #fff0f6 !important;
}

.gk-mu-red{
    color: #dc2626 !important;
    background: #fff0f0 !important;
}

.gk-mu-green{
    color: #059669 !important;
    background: #ecfdf5 !important;
}

/* ---------- INPUTS ---------- */

body #addModal .form-control,
body #addModal .form-select,
body #editModal .form-control,
body #editModal .form-select{
    min-height: 45px !important;

    border: 1px solid #cbd9ed !important;
    border-radius: 10px !important;

    background: #ffffff !important;

    color: #1f2937 !important;

    box-shadow: none !important;
}


body #addModal .form-control:focus,
body #addModal .form-select:focus,
body #editModal .form-control:focus,
body #editModal .form-select:focus{
    border-color: #4f46e5 !important;

    box-shadow:
        0 0 0 3px rgba(79, 70, 229, .18) !important;
}

/* ---------- PASSWORD EYE ---------- */

body #addModal .gk-mu-password,
body #editModal .gk-mu-password{
    position: relative !important;
}

body #addModal .gk-mu-password input,
body #editModal .gk-mu-password input{
    padding-right: 48px !important;
}

body #addModal .gk-mu-password-eye,
body #editModal .gk-mu-password-eye{
    position: absolute !important;

    top: 4px !important;
    right: 4px !important;
    bottom: 4px !important;

    width: 42px !important;

    display: grid !important;
    place-items: center !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: #f1f5ff !important;
    color: #4f46e5 !important;

    cursor: pointer !important;
}

/* ---------- MOBILE NUMBER ---------- */

body #addModal .gk-mu-phone-row,
body #editModal .gk-mu-phone-row{
    display: grid !important;

    grid-template-columns: 155px minmax(0, 1fr) !important;

    gap: 10px !important;

    align-items: stretch !important;
}

body #addModal .gk-mu-phone-row > *,
body #editModal .gk-mu-phone-row > *{
    width: 100% !important;
    margin: 0 !important;
}

/* ---------- FOOTER ---------- */

body #addModal .modal-footer,
body #editModal .modal-footer{
    min-height: 69px !important;

    padding: 14px 22px !important;

    display: flex !important;
    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-end !important;

    gap: 10px !important;

    border: 0 !important;
    border-top: 1px solid #d9e3f1 !important;

    background: #f8fbff !important;
}

body #addModal .modal-footer > *,
body #editModal .modal-footer > *{
    margin: 0 !important;
}

body #addModal .modal-footer .btn,
body #editModal .modal-footer .btn{
    width: auto !important;
    max-width: none !important;

    min-width: 135px !important;
    min-height: 38px !important;

    flex: 0 0 auto !important;

    padding: 8px 18px !important;

    border: 0 !important;
    border-radius: 10px !important;

    font-size: 12.5px !important;
    font-weight: 800 !important;

    box-shadow: none !important;
}

body #addModal .modal-footer .btn-secondary,
body #addModal .modal-footer .btn-warning,
body #editModal .modal-footer .btn-secondary,
body #editModal .modal-footer .btn-warning{
    background: #fbbf3b !important;
    color: #172033 !important;
}

body #addModal .modal-footer .btn-primary,
body #addModal .modal-footer .btn-success,
body #editModal .modal-footer .btn-primary,
body #editModal .modal-footer .btn-success{
    background: #18a94c !important;
    color: #ffffff !important;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 767px){

    body #addModal .modal-dialog,
    body #editModal .modal-dialog {
        width: calc(100vw - 18px) !important;
        margin: 9px auto !important;
    }

    body #addModal .modal-header,
    body #editModal .modal-header {
        min-height: 125px !important;

        padding-left: 64px !important;
        padding-right: 58px !important;
    }

    body #addModal .modal-body,
    body #editModal .modal-body {
        padding: 15px !important;
    }

    body #addModal .gk-mu-phone-row,
    body #editModal .gk-mu-phone-row {
        grid-template-columns: 135px minmax(0, 1fr) !important;
    }

    body #addModal .modal-footer,
    body #editModal .modal-footer {
        padding: 12px 15px !important;
    }
}


/*
 * Final Manage Users screenshot convergence.
 * Does NOT alter the form grid, modal width, phone grid or footer geometry.
 */

body #addModal .modal-header,
body #editModal .modal-header{
    overflow: visible !important;
}

/* Make native title fully readable instead of white-on-pale. */
body #addModal .modal-title,
body #editModal .modal-title{
    color: #1e293b !important;
    opacity: 1 !important;
    text-shadow: none !important;
    visibility: visible !important;
}

/* Approved main descriptive heading. */
body #addModal .gk-mu-heading,
body #editModal .gk-mu-heading{
    color: #64748b !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Approved secondary header text. */
body #addModal .gk-mu-subheading,
body #editModal .gk-mu-subheading{
    color: #64748b !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/*
 * Do not use OS emoji rendering for the master icon.
 * JS supplies simple child spans and CSS owns the presentation.
 */
body #addModal .gk-mu-header-icon,
body #editModal .gk-mu-header-icon{
    font-family: Arial, Helvetica, sans-serif !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #2563eb !important;
    background: #eef4ff !important;

    font-size: 0 !important;
    line-height: 1 !important;
}

body #addModal .gk-mu-header-icon .gk-mu-person,
body #editModal .gk-mu-header-icon .gk-mu-person{
    position: relative !important;

    display: block !important;

    width: 19px !important;
    height: 12px !important;

    margin-top: 10px !important;

    border-radius: 10px 10px 5px 5px !important;

    background: #2563eb !important;
}

body #addModal .gk-mu-header-icon .gk-mu-person::before,
body #editModal .gk-mu-header-icon .gk-mu-person::before{
    content: "" !important;

    position: absolute !important;

    width: 10px !important;
    height: 10px !important;

    left: 50% !important;
    top: -11px !important;

    transform: translateX(-50%) !important;

    border-radius: 50% !important;

    background: #2563eb !important;
}

body #addModal .gk-mu-header-icon .gk-mu-plus,
body #editModal .gk-mu-header-icon .gk-mu-plus{
    position: absolute !important;

    right: 7px !important;
    top: 8px !important;

    width: 11px !important;
    height: 11px !important;
}

body #addModal .gk-mu-header-icon .gk-mu-plus::before,
body #addModal .gk-mu-header-icon .gk-mu-plus::after,
body #editModal .gk-mu-header-icon .gk-mu-plus::before,
body #editModal .gk-mu-header-icon .gk-mu-plus::after{
    content: "" !important;

    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    transform: translate(-50%, -50%) !important;

    background: #2563eb !important;

    border-radius: 2px !important;
}

body #addModal .gk-mu-header-icon .gk-mu-plus::before,
body #editModal .gk-mu-header-icon .gk-mu-plus::before{
    width: 11px !important;
    height: 2px !important;
}

body #addModal .gk-mu-header-icon .gk-mu-plus::after,
body #editModal .gk-mu-header-icon .gk-mu-plus::after{
    width: 2px !important;
    height: 11px !important;
}

/* Ensure all form labels remain readable. */
body #addModal label,
body #editModal label{
    color: #334155 !important;
    opacity: 1 !important;
}

/* Required stars should remain clearly visible. */
body #addModal label .text-danger,
body #editModal label .text-danger,
body #addModal .text-danger,
body #editModal .text-danger{
    color: #ef4444 !important;
    opacity: 1 !important;
}

/* Information strip copy. */
body #addModal .gk-mu-info,
body #editModal .gk-mu-info{
    color: #334155 !important;
    opacity: 1 !important;
}

/* Small helper text below phone. */
body #addModal .form-text,
body #editModal .form-text{
    color: #64748b !important;
    opacity: 1 !important;
}

/* Inputs and placeholders. */
body #addModal .form-control,
body #addModal .form-select,
body #editModal .form-control,
body #editModal .form-select{
    color: #1f2937 !important;
}

body #addModal .form-control::placeholder,
body #editModal .form-control::placeholder{
    color: #8da0bd !important;
    opacity: 1 !important;
}

/* Keep close button clearly visible. */
body #addModal .modal-header .btn-close,
body #editModal .modal-header .btn-close{
    opacity: 1 !important;
}


/*
 * GKazmi single application-wide FORM MODAL contract.
 *
 * JS adds .gkazmi-global-subform only to modal/dialog roots
 * containing a real form.
 *
 * Confirmation-only, delete-only and alert dialogs are excluded.
 *
 * Manage Users keeps its approved exact styling; generic rules
 * below intentionally use the same visual language.
 */

.gkazmi-global-subform .modal-dialog{
    width: min(880px, calc(100vw - 32px)) !important;
    max-width: 880px !important;
    margin: 24px auto !important;
}

.gkazmi-global-subform .modal-content{
    border: 2px solid #22b8df !important;
    border-right-color: #536dfe !important;
    border-bottom-color: #7c3aed !important;

    border-radius: 15px !important;
    overflow: hidden !important;

    background: #ffffff !important;

    box-shadow:
        0 28px 80px rgba(15, 23, 42, .34) !important;
}

/* ---------- HEADER ---------- */

.gkazmi-global-subform .modal-header{
    position: relative !important;

    min-height: 145px !important;

    padding: 24px 78px 20px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    border: 0 !important;
    border-bottom: 1px solid #d9e3f1 !important;

    background:
        linear-gradient(
            110deg,
            #ffffff 0%,
            #f8fbff 54%,
            #eef0ff 100%
        ) !important;
}

.gkazmi-global-subform .modal-title{
    margin: 0 !important;
    padding: 0 !important;

    color: #1e293b !important;

    font-size: 21px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;

    opacity: 1 !important;
}

.gkazmi-global-subform .gk-global-subform-header-icon{
    position: absolute !important;

    left: 22px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 48px !important;
    height: 48px !important;

    display: grid !important;
    place-items: center !important;

    border-radius: 14px !important;

    background: #eef4ff !important;
    color: #2563eb !important;

    box-shadow:
        0 10px 22px rgba(79, 70, 229, .15) !important;

    font-size: 22px !important;
    font-weight: 900 !important;
}

.gkazmi-global-subform .gk-global-subform-heading{
    margin-top: 8px !important;

    color: #64748b !important;

    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
}


.gkazmi-global-subform .modal-header .btn-close{
    position: absolute !important;

    right: 22px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 42px !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 11px !important;

    background-color: #666666 !important;

    opacity: 1 !important;
    filter: invert(1) !important;
}

/* ---------- BODY ---------- */

.gkazmi-global-subform .modal-body{
    padding: 19px 22px 17px !important;

    background: #ffffff !important;
}

/* Information strip only when JS inserts/identifies one. */
.gkazmi-global-subform .gk-global-subform-info{
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    gap: 9px !important;

    margin: 0 0 16px !important;
    padding: 11px 13px !important;

    border: 1px solid #cfe2ff !important;
    border-radius: 10px !important;

    background: #edf6ff !important;

    color: #334155 !important;

    font-size: 12.5px !important;
    line-height: 1.35 !important;
}

.gkazmi-global-subform .gk-global-subform-info-icon{
    color: #2563eb !important;

    font-weight: 900 !important;
}

/* ---------- LABELS / FIELD ICONS ---------- */

.gkazmi-global-subform label{
    color: #334155 !important;

    font-size: 12.5px !important;
    font-weight: 700 !important;

    opacity: 1 !important;
}

.gkazmi-global-subform label.gk-global-subform-labelled{
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.gkazmi-global-subform .gk-global-field-icon{
    width: 19px !important;
    height: 19px !important;

    flex: 0 0 19px !important;

    display: inline-grid !important;
    place-items: center !important;

    border-radius: 6px !important;

    font-size: 11px !important;
    line-height: 1 !important;
}


/* ---------- INPUTS ---------- */

.gkazmi-global-subform .form-control,
.gkazmi-global-subform .form-select,
.gkazmi-global-subform input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
.gkazmi-global-subform select,
.gkazmi-global-subform textarea{
    min-height: 45px !important;

    border: 1px solid #cbd9ed !important;
    border-radius: 10px !important;

    background: #ffffff !important;

    color: #1f2937 !important;

    box-shadow: none !important;
}

.gkazmi-global-subform textarea{
    min-height: 90px !important;
}

.gkazmi-global-subform .form-control::placeholder,
.gkazmi-global-subform input::placeholder,
.gkazmi-global-subform textarea::placeholder{
    color: #8da0bd !important;
    opacity: 1 !important;
}

.gkazmi-global-subform .form-control:focus,
.gkazmi-global-subform .form-select:focus,
.gkazmi-global-subform input:focus,
.gkazmi-global-subform select:focus,
.gkazmi-global-subform textarea:focus{
    border-color: #4f46e5 !important;

    outline: 0 !important;

    box-shadow:
        0 0 0 3px rgba(79, 70, 229, .18) !important;
}

/* Preserve checkbox/radio semantics. */
.gkazmi-global-subform input[type="checkbox"],
.gkazmi-global-subform input[type="radio"]{
    min-height: 0 !important;
}

/* ---------- PASSWORD ---------- */

.gkazmi-global-subform .gk-global-password-wrap{
    position: relative !important;
}

.gkazmi-global-subform .gk-global-password-wrap > input{
    padding-right: 48px !important;
}

.gkazmi-global-subform .gk-global-password-eye{
    position: absolute !important;

    top: 4px !important;
    right: 4px !important;
    bottom: 4px !important;

    width: 42px !important;

    display: grid !important;
    place-items: center !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: #f1f5ff !important;
    color: #4f46e5 !important;

    cursor: pointer !important;
}

/* ---------- HELP TEXT ---------- */

.gkazmi-global-subform .form-text,
.gkazmi-global-subform small,
.gkazmi-global-subform .text-muted{
    color: #64748b !important;
}

/* ---------- FOOTER ---------- */

.gkazmi-global-subform .modal-footer{
    min-height: 69px !important;

    padding: 14px 22px !important;

    display: flex !important;
    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-end !important;

    gap: 10px !important;

    border: 0 !important;
    border-top: 1px solid #d9e3f1 !important;

    background: #f8fbff !important;
}

.gkazmi-global-subform .modal-footer > *{
    margin: 0 !important;
}

.gkazmi-global-subform .modal-footer .btn,
.gkazmi-global-subform .modal-footer button,
.gkazmi-global-subform .modal-footer input[type="submit"]{
    width: auto !important;
    max-width: none !important;

    min-width: 135px !important;
    min-height: 38px !important;

    flex: 0 0 auto !important;

    padding: 8px 18px !important;

    border-radius: 10px !important;

    font-size: 12.5px !important;
    font-weight: 800 !important;
}

/* Cancel / secondary */
.gkazmi-global-subform .modal-footer .btn-secondary,
.gkazmi-global-subform .modal-footer .btn-warning,
.gkazmi-global-subform .modal-footer [data-bs-dismiss="modal"]:not(.btn-close){
    border-color: transparent !important;

    background: #fbbf3b !important;
    color: #172033 !important;
}

/* Primary save */
.gkazmi-global-subform .modal-footer .btn-primary,
.gkazmi-global-subform .modal-footer .btn-success,
.gkazmi-global-subform .modal-footer button[type="submit"],
.gkazmi-global-subform .modal-footer input[type="submit"]{
    border-color: transparent !important;

    background: #18a94c !important;
    color: #ffffff !important;
}

/*
 * Danger actions retain danger semantics.
 * Do NOT recolor delete/destructive submit buttons green.
 */
.gkazmi-global-subform .modal-footer .btn-danger,
.gkazmi-global-subform .modal-footer button[data-action*="delete" i],
.gkazmi-global-subform .modal-footer button[name*="delete" i]{
    background: #e5485d !important;
    color: #ffffff !important;
}

/* ---------- EXISTING NATIVE ALERTS ---------- */

.gkazmi-global-subform .alert{
    border-radius: 10px !important;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 767px){

    .gkazmi-global-subform .modal-dialog {
        width: calc(100vw - 18px) !important;
        margin: 9px auto !important;
    }

    .gkazmi-global-subform .modal-header {
        min-height: 125px !important;

        padding-left: 64px !important;
        padding-right: 58px !important;
    }

    .gkazmi-global-subform .modal-body {
        padding: 15px !important;
    }

    .gkazmi-global-subform .modal-footer {
        padding: 12px 15px !important;

        flex-wrap: wrap !important;
    }
}


/*
 * All GKazmi form subforms use natural content height.
 *
 * No private scrollbar inside .modal-body / .modal-content.
 * If content exceeds viewport height, Bootstrap's outer .modal
 * becomes the scrolling surface instead.
 */

.gkazmi-global-subform .modal-dialog{
    height: auto !important;
    max-height: none !important;
}

.gkazmi-global-subform .modal-content{
    height: auto !important;
    max-height: none !important;

    overflow: visible !important;
}

.gkazmi-global-subform .modal-body{
    height: auto !important;
    max-height: none !important;

    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

/*
 * Some legacy page owners place scrolling on nested containers.
 * Disable it only inside globally-owned form modals.
 */
.gkazmi-global-subform .modal-body > form,
.gkazmi-global-subform .modal-body .form-scroll,
.gkazmi-global-subform .modal-body .modal-scroll,
.gkazmi-global-subform .modal-body .scrollable,
.gkazmi-global-subform .modal-body [class*="scroll"]{
    max-height: none !important;

    overflow-y: visible !important;
}

/*
 * Footer follows normal content instead of acting as the bottom edge
 * of a separately scrolling inner panel.
 */
.gkazmi-global-subform .modal-footer{
    position: relative !important;
    bottom: auto !important;
}

/*
 * Bootstrap outer modal may scroll naturally when the whole form is
 * taller than the viewport.
 */
.modal.gkazmi-global-subform{
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/*
 * Manage Users already has its approved geometry and should remain
 * untouched by generic modal scroll rules.
 */
body.gkazmi-manage-users-page #addModal .modal-body,
body.gkazmi-manage-users-page #editModal .modal-body{
    overflow: visible !important;
}


/*
 * Manage Resellers exact compact geometry:
 * Country + Description share one 50/50 row.
 */

#addResellerModal.gkazmi-global-subform .gk-reseller-country-description-row,
#editResellerModal.gkazmi-global-subform .gk-reseller-country-description-row,
.modal.gkazmi-global-subform .gk-reseller-country-description-row{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;

    column-gap: 16px !important;
    row-gap: 0 !important;

    width: 100% !important;

    margin: 0 0 14px !important;
}

.modal.gkazmi-global-subform .gk-reseller-country-description-row > .gk-reseller-half{
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/*
 * Description must behave like a normal single-row field in this
 * compact form instead of creating unnecessary modal height.
 */
.modal.gkazmi-global-subform
.gk-reseller-country-description-row
textarea{
    min-height: 45px !important;
    height: 45px !important;

    resize: vertical !important;
}

/*
 * No nested scrolling in Manage Resellers.
 */
.modal.gkazmi-global-subform .modal-body,
.modal.gkazmi-global-subform .modal-content,
.modal.gkazmi-global-subform form{
    max-height: none !important;

    overflow-y: visible !important;
}

/*
 * Reduce vertical spacing slightly so the entire reseller form
 * fits comfortably without a private scrollbar.
 */
.modal.gkazmi-global-subform .modal-body .mb-3,
.modal.gkazmi-global-subform .modal-body .form-group{
    margin-bottom: 12px !important;
}

@media (max-width: 767px) {
    .modal.gkazmi-global-subform .gk-reseller-country-description-row{
        grid-template-columns: 1fr !important;

        row-gap: 12px !important;
    }
}


/*
 * Global form-modal header visibility correction.
 * Geometry is intentionally untouched.
 */

.gkazmi-global-subform .modal-header .modal-title{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: auto !important;
    max-width: calc(100% - 140px) !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #172033 !important;

    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    text-align: center !important;

    text-shadow: none !important;
    filter: none !important;
}

/*
 * Prevent inherited white/light title styles from page-specific UI.
 */
.gkazmi-global-subform .modal-header h1,
.gkazmi-global-subform .modal-header h2,
.gkazmi-global-subform .modal-header h3,
.gkazmi-global-subform .modal-header h4,
.gkazmi-global-subform .modal-header h5,
.gkazmi-global-subform .modal-header h6{
    color: #172033 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
}

/*
 * Native symbol/icon inside title keeps its colour.
 */
.gkazmi-global-subform .modal-title i,
.gkazmi-global-subform .modal-title svg,
.gkazmi-global-subform .modal-title [class*="icon" i]{
    opacity: 1 !important;
    visibility: visible !important;
}

/*
 * Global subtitle remains secondary, not dominant.
 */
.gkazmi-global-subform .gk-global-subform-subheading{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    margin-top: 7px !important;

    color: #52657f !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

/*
 * Information-strip text visibility.
 */
.gkazmi-global-subform .gk-global-subform-info,
.gkazmi-global-subform .gk-global-subform-info span{
    color: #334155 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/*
 * Field labels / helper text remain readable even if a page-level
 * rule previously supplied a pale foreground colour.
 */
.gkazmi-global-subform .modal-body label{
    color: #27364a !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.gkazmi-global-subform .modal-body .form-text,
.gkazmi-global-subform .modal-body small,
.gkazmi-global-subform .modal-body .text-muted{
    color: #64748b !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/*
 * Input and select values.
 */
.gkazmi-global-subform .modal-body input,
.gkazmi-global-subform .modal-body select,
.gkazmi-global-subform .modal-body textarea{
    color: #172033 !important;
    opacity: 1 !important;
}

.gkazmi-global-subform .modal-body input::placeholder,
.gkazmi-global-subform .modal-body textarea::placeholder{
    color: #8da0bd !important;
    opacity: 1 !important;
}

/*
 * Footer button text must stay readable.
 */
.gkazmi-global-subform .modal-footer .btn,
.gkazmi-global-subform .modal-footer button{
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
}


/*
 * Strong distinct semantic colours for GKazmi form icons.
 */

/* Blue — names / users */
.gkazmi-global-subform .gk-color-blue{
    color: #1d4ed8 !important;
    background: #e8f0ff !important;
}

/* Pink — email / communication */
.gkazmi-global-subform .gk-color-pink{
    color: #db2777 !important;
    background: #fdeaf4 !important;
}

/* Purple — password / security */
.gkazmi-global-subform .gk-color-purple{
    color: #6d28d9 !important;
    background: #f0eaff !important;
}

/* Orange — package / title / type */
.gkazmi-global-subform .gk-color-orange{
    color: #ea580c !important;
    background: #fff0e2 !important;
}

/* Red — phone / destructive semantic */
.gkazmi-global-subform .gk-color-red{
    color: #dc2626 !important;
    background: #ffe9e9 !important;
}

/* Green — status / country / enabled */
.gkazmi-global-subform .gk-color-green{
    color: #059669 !important;
    background: #e7f8f1 !important;
}

/* Cyan — URL / endpoint / domain */
.gkazmi-global-subform .gk-color-cyan{
    color: #0891b2 !important;
    background: #e6f9fc !important;
}

/*
 * Native icon colours for pages that already supply emoji/icons.
 * We colour the label according to detected field meaning without
 * replacing its original icon.
 */

.gkazmi-global-subform label[data-gkazmi-global-subform-label="native"]{
    color: #334155 !important;
}

/* Name / user */
.gkazmi-global-subform label[data-gk-field-kind="user"]{
    --gk-native-icon-color: #4f46e5;
}

/* Email */
.gkazmi-global-subform label[data-gk-field-kind="email"]{
    --gk-native-icon-color: #db2777;
}

/* Password / security */
.gkazmi-global-subform label[data-gk-field-kind="security"]{
    --gk-native-icon-color: #6d28d9;
}

/* Package / type */
.gkazmi-global-subform label[data-gk-field-kind="package"]{
    --gk-native-icon-color: #ea580c;
}

/* Domain / URL */
.gkazmi-global-subform label[data-gk-field-kind="domain"]{
    --gk-native-icon-color: #0891b2;
}

/* Phone */
.gkazmi-global-subform label[data-gk-field-kind="phone"]{
    --gk-native-icon-color: #dc2626;
}

/* Country */
.gkazmi-global-subform label[data-gk-field-kind="country"]{
    --gk-native-icon-color: #10b981;
}

/* Status */
.gkazmi-global-subform label[data-gk-field-kind="status"]{
    --gk-native-icon-color: #059669;
}

/* Interval/time */
.gkazmi-global-subform label[data-gk-field-kind="time"]{
    --gk-native-icon-color: #f59e0b;
}

/* Description/title */
.gkazmi-global-subform label[data-gk-field-kind="text"]{
    --gk-native-icon-color: #f97316;
}

/*
 * Colour SVG/i/font icons where possible.
 */
.gkazmi-global-subform label[data-gk-field-kind] i,
.gkazmi-global-subform label[data-gk-field-kind] svg,
.gkazmi-global-subform label[data-gk-field-kind] [class*="icon" i]{
    color: var(--gk-native-icon-color) !important;
    fill: currentColor !important;
}


/* ==========================================================================
   

   Authenticated application cards belong to the global content layout.
   Legacy generic .card max-width limits must not constrain application pages.

   This is a global GKazmi component correction:
   - no route-specific selector
   - no AI-specific selector
   - no page-specific stylesheet
   ========================================================================== */

.main-content .card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}


/* ==========================================================================
   

   Canonical GKazmi sidebar:
   preserve scrolling, hide the visual scrollbar track/thumb.

   This does NOT disable:
   - mouse wheel scrolling
   - touch scrolling
   - keyboard scrolling
   - programmatic scrolling
   ========================================================================== */


.sidebar[data-gkazmi-sidebar="1"]::-webkit-scrollbar-track,
.sidebar[data-gkazmi-sidebar="1"]::-webkit-scrollbar-thumb,
.sidebar[data-gkazmi-sidebar="1"]::-webkit-scrollbar-corner {
    background: transparent !important;
    border: 0 !important;
}


/* ==========================================================================
   

   One canonical sidebar visual contract.

   Functional ownership remains:
     markup  -> /includes/sidebar.php
     runtime -> /assets/js/gkazmi-ui.js

   This block is visual/layout only.
   ========================================================================== */

:root {
    --gkazmi-sidebar-canonical-width: 264px;
    --gkazmi-sidebar-canonical-bg: #ffffff;
    --gkazmi-sidebar-canonical-border: #e5eaf1;
    --gkazmi-sidebar-canonical-text: #334155;
    
    --gkazmi-sidebar-canonical-hover: #f8fafc;
    --gkazmi-sidebar-canonical-active: #eef2ff;
    --gkazmi-sidebar-canonical-accent: #4f46e5;
}

/* --------------------------------------------------------------------------
   Sidebar shell
   -------------------------------------------------------------------------- */

.sidebar[data-gkazmi-sidebar="1"] {
    width: var(--gkazmi-sidebar-canonical-width) !important;
    min-width: var(--gkazmi-sidebar-canonical-width) !important;
    max-width: var(--gkazmi-sidebar-canonical-width) !important;

    background: var(--gkazmi-sidebar-canonical-bg) !important;

    border: 0 !important;
    border-right: 1px solid var(--gkazmi-sidebar-canonical-border) !important;

    box-shadow:
        4px 0 18px rgba(15, 23, 42, .035) !important;

    color: var(--gkazmi-sidebar-canonical-text) !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.sidebar[data-gkazmi-sidebar="1"]::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/*
 * Some historical layouts made the flex shell itself scrollable.
 * The page owns page scrolling; sidebar owns sidebar scrolling.
 */
.d-flex:has(> .sidebar[data-gkazmi-sidebar="1"]),
.app-shell:has(> .sidebar[data-gkazmi-sidebar="1"]),
.layout:has(> .sidebar[data-gkazmi-sidebar="1"]) {
    overflow-x: visible !important;
}

/* --------------------------------------------------------------------------
   Brand
   -------------------------------------------------------------------------- */

.sidebar[data-gkazmi-sidebar="1"] .sidebar-brand {
    min-height: 72px !important;
    padding: 12px 14px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;

    background: #ffffff !important;

    border: 0 !important;
    border-bottom:
        1px solid var(--gkazmi-sidebar-canonical-border) !important;

    box-shadow: none !important;
}

.sidebar[data-gkazmi-sidebar="1"] .sidebar-brand-left {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
}

.sidebar[data-gkazmi-sidebar="1"] .sidebar-brand img {
    width: 34px !important;
    height: 34px !important;
    object-fit: contain !important;
    margin: 0 !important;
    flex: 0 0 34px !important;
}

.sidebar[data-gkazmi-sidebar="1"] .sidebar-brand-text {
    margin: 0 !important;
    min-width: 0 !important;

    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.15 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.sidebar[data-gkazmi-sidebar="1"] .sidebar-brand-actions {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}

/* --------------------------------------------------------------------------
   Mini toggle — clean icon control, not a native-looking button
   -------------------------------------------------------------------------- */

.sidebar[data-gkazmi-sidebar="1"] .sidebar-mini-toggle {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid #dbe3ee !important;
    border-radius: 9px !important;

    background: #ffffff !important;
    color: #475569 !important;

    box-shadow: none !important;

    font-size: 0 !important;
    line-height: 1 !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease !important;
}

.sidebar[data-gkazmi-sidebar="1"] .sidebar-mini-toggle i,
.sidebar[data-gkazmi-sidebar="1"] .sidebar-mini-toggle svg {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
}

.sidebar[data-gkazmi-sidebar="1"] .sidebar-mini-toggle:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: var(--gkazmi-sidebar-canonical-accent) !important;
}

.sidebar[data-gkazmi-sidebar="1"] .sidebar-mini-toggle:focus-visible {
    outline: 0 !important;
    box-shadow:
        0 0 0 3px rgba(79, 70, 229, .14) !important;
}

/* --------------------------------------------------------------------------
   Search — one integrated rounded field
   -------------------------------------------------------------------------- */

.sidebar[data-gkazmi-sidebar="1"] .sidebar-search {
    margin: 0 !important;
    padding: 12px 12px 8px !important;

    background: #ffffff !important;
    border: 0 !important;
}

.sidebar[data-gkazmi-sidebar="1"] .sidebar-search-inner {
    position: relative !important;

    min-height: 40px !important;

    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    padding: 0 6px 0 11px !important;

    background: #f8fafc !important;

    border: 1px solid #dbe3ee !important;
    border-radius: 11px !important;

    box-shadow: none !important;
}

.sidebar[data-gkazmi-sidebar="1"] .sidebar-search-inner:focus-within {
    background: #ffffff !important;
    border-color: #818cf8 !important;

    box-shadow:
        0 0 0 3px rgba(99, 102, 241, .10) !important;
}

.sidebar[data-gkazmi-sidebar="1"] .sidebar-search-inner > i,
.sidebar[data-gkazmi-sidebar="1"] .sidebar-search-inner > svg {
    flex: 0 0 auto !important;

    width: 15px !important;
    color: #94a3b8 !important;
}

.sidebar[data-gkazmi-sidebar="1"] #gkazmiSidebarSearch {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: 0 !important;
    box-shadow: none !important;

    background: transparent !important;

    color: #334155 !important;
    font-size: 13px !important;
    line-height: 38px !important;
}

.sidebar[data-gkazmi-sidebar="1"]
#gkazmiSidebarSearch::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* Clear button is inside the search field, not a separate narrow native button. */

.sidebar[data-gkazmi-sidebar="1"]
.sidebar-search-clear {
    flex: 0 0 28px !important;

    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;

    height: 28px !important;
    min-height: 28px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: transparent !important;
    color: #94a3b8 !important;

    box-shadow: none !important;

    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

.sidebar[data-gkazmi-sidebar="1"]
.sidebar-search-clear:hover {
    background: #eef2f7 !important;
    color: #475569 !important;
}

/* --------------------------------------------------------------------------
   Menu shell
   -------------------------------------------------------------------------- */

.sidebar[data-gkazmi-sidebar="1"] .menu {
    margin: 0 !important;
    padding: 7px 10px 18px !important;

    background: transparent !important;

    border: 0 !important;

    overflow: visible !important;
}

.sidebar[data-gkazmi-sidebar="1"] .menu-group {
    margin: 0 0 5px !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}

/* --------------------------------------------------------------------------
   Section headers — Main / Cronjob Settings / Security etc.
   They should look like navigation headings, not HTML select/buttons.
   -------------------------------------------------------------------------- */

.sidebar[data-gkazmi-sidebar="1"] .menu-title-btn {
    width: 100% !important;
    min-height: 34px !important;

    margin: 3px 0 !important;
    padding: 7px 9px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: transparent !important;
    color: #64748b !important;

    box-shadow: none !important;

    text-align: left !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}

.sidebar[data-gkazmi-sidebar="1"] .menu-title-btn:hover {
    background: #f8fafc !important;
    color: #334155 !important;
}

.sidebar[data-gkazmi-sidebar="1"] .menu-title-btn:focus-visible {
    outline: 0 !important;
    box-shadow:
        0 0 0 3px rgba(99, 102, 241, .10) !important;
}

.sidebar[data-gkazmi-sidebar="1"] .menu-chevron {
    flex: 0 0 auto !important;

    width: 16px !important;
    height: 16px !important;

    margin: 0 !important;

    color: #94a3b8 !important;
    font-size: 11px !important;

    transition: transform .18s ease !important;
}

/* --------------------------------------------------------------------------
   Menu links
   -------------------------------------------------------------------------- */

.sidebar[data-gkazmi-sidebar="1"] .menu-items {
    margin: 0 !important;
    padding: 1px 0 5px !important;

    border: 0 !important;
    background: transparent !important;
}

.sidebar[data-gkazmi-sidebar="1"] .nav-link {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;

    margin: 1px 0 !important;
    padding: 8px 10px !important;

    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    border: 1px solid transparent !important;
    border-radius: 10px !important;

    background: transparent !important;
    color: var(--gkazmi-sidebar-canonical-text) !important;

    box-shadow: none !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;

    text-decoration: none !important;

    transition:
        background .14s ease,
        border-color .14s ease,
        color .14s ease,
        transform .14s ease !important;
}

.sidebar[data-gkazmi-sidebar="1"] .nav-link > span {
    min-width: 0 !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.sidebar[data-gkazmi-sidebar="1"] .nav-link i,
.sidebar[data-gkazmi-sidebar="1"] .nav-link svg {
    flex: 0 0 20px !important;

    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;

    margin: 0 !important;

    text-align: center !important;
    font-size: 15px !important;
}

.sidebar[data-gkazmi-sidebar="1"] .nav-link:hover {
    background: var(--gkazmi-sidebar-canonical-hover) !important;
    border-color: #edf1f6 !important;

    color: #0f172a !important;

    transform: translateX(1px) !important;
}

.sidebar[data-gkazmi-sidebar="1"] .nav-link.active,
.sidebar[data-gkazmi-sidebar="1"]
.nav-link[aria-current="page"] {
    background:
        var(--gkazmi-sidebar-canonical-active) !important;

    border-color: #dfe3ff !important;

    color: #3730a3 !important;

    font-weight: 650 !important;

    box-shadow:
        inset 3px 0 0
        var(--gkazmi-sidebar-canonical-accent) !important;

    transform: none !important;
}

/* --------------------------------------------------------------------------
   Remove the ugly visible vertical track/divider around sidebar.
   Sidebar remains independently scrollable.
   -------------------------------------------------------------------------- */

.sidebar[data-gkazmi-sidebar="1"],
.sidebar[data-gkazmi-sidebar="1"] .menu,
.sidebar[data-gkazmi-sidebar="1"] .menu-items {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.sidebar[data-gkazmi-sidebar="1"]::-webkit-scrollbar,
.sidebar[data-gkazmi-sidebar="1"] .menu::-webkit-scrollbar,
.sidebar[data-gkazmi-sidebar="1"] .menu-items::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

/*
 * Do not let a desktop flex wrapper create a second vertical scroll track
 * between sidebar and content.
 */
@media (min-width: 1200px) {
    body > .d-flex:has(> .sidebar[data-gkazmi-sidebar="1"]),
    .d-flex:has(> .sidebar[data-gkazmi-sidebar="1"]) {
        overflow: visible !important;
        height: auto !important;
        min-height: 100vh !important;
    }

    .sidebar[data-gkazmi-sidebar="1"] {
        position: sticky !important;
        top: 0 !important;

        height: 100vh !important;
        max-height: 100vh !important;
    }
}

/* --------------------------------------------------------------------------
   Mini mode.
   Keep functionality but make it visually deliberate.
   -------------------------------------------------------------------------- */

@media (min-width: 992px) {

    

    

    

    

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .sidebar-search {
        display: none !important;
    }

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .menu-title-btn > span,
    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .menu-chevron,
    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .nav-link > span {
        display: none !important;
    }

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .menu-title-btn {
        display: none !important;
    }

    

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .nav-link i,
    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .nav-link svg {
        flex-basis: 18px !important;
        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;

        font-size: 16px !important;
    }
}

/* --------------------------------------------------------------------------
   Mobile off-canvas behavior remains functional.
   -------------------------------------------------------------------------- */

@media (max-width: 991.98px) {

    .sidebar[data-gkazmi-sidebar="1"] {
        position: fixed !important;

        top: 0 !important;
        bottom: 0 !important;

        left: 0 !important;

        width: min(86vw, 290px) !important;
        min-width: min(86vw, 290px) !important;
        max-width: 290px !important;

        height: 100vh !important;

        transform: translateX(-105%) !important;

        border-right:
            1px solid var(--gkazmi-sidebar-canonical-border) !important;

        box-shadow:
            14px 0 38px rgba(15, 23, 42, .16) !important;

        z-index: 1050 !important;

        overflow-y: auto !important;
    }

    body.sidebar-open
    .sidebar[data-gkazmi-sidebar="1"],
    .sidebar[data-gkazmi-sidebar="1"].active,
    .sidebar[data-gkazmi-sidebar="1"].show,
    .sidebar[data-gkazmi-sidebar="1"].open,
    .sidebar[data-gkazmi-sidebar="1"].is-open {
        transform: translateX(0) !important;
    }
}


/* ==========================================================================
   

   Final sidebar runtime/layout ownership.

   Desktop:
   - #sidebar is the only sidebar scroll owner.
   - scrollbar remains functional but invisible.
   - no secondary menu/menu-items scrollbars.
   - gkazmi-sb-mini is the canonical collapsed state.

   Mobile:
   - existing off-canvas behavior remains authoritative.
   ========================================================================== */

@media (min-width: 992px) {

    body {
        --gkazmi-sidebar-expanded-width: 264px;
        --gkazmi-sidebar-mini-width: 76px;
    }

    .sidebar[data-gkazmi-sidebar="1"] {
        flex:
            0 0
            var(--gkazmi-sidebar-expanded-width)
            !important;

        width:
            var(--gkazmi-sidebar-expanded-width)
            !important;

        min-width:
            var(--gkazmi-sidebar-expanded-width)
            !important;

        max-width:
            var(--gkazmi-sidebar-expanded-width)
            !important;

        height: 100vh !important;
        max-height: 100vh !important;

        position: sticky !important;
        top: 0 !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        scrollbar-width: none !important;
        -ms-overflow-style: none !important;

        border-right:
            1px solid #e5eaf1 !important;
    }

    .sidebar[data-gkazmi-sidebar="1"]
    ::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
    }

    

    

    /*
     * The flex page shell must never become a second vertical
     * scrolling strip beside the sidebar.
     */
    .d-flex:has(
        > .sidebar[data-gkazmi-sidebar="1"]
    ) {
        min-width: 0 !important;
        width: 100% !important;

        height: auto !important;
        min-height: 100vh !important;
        max-height: none !important;

        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    .d-flex:has(
        > .sidebar[data-gkazmi-sidebar="1"]
    ) > .main-content {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: none !important;

        overflow: visible !important;
    }

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"] {
        flex:
            0 0
            var(--gkazmi-sidebar-mini-width)
            !important;

        width:
            var(--gkazmi-sidebar-mini-width)
            !important;

        min-width:
            var(--gkazmi-sidebar-mini-width)
            !important;

        max-width:
            var(--gkazmi-sidebar-mini-width)
            !important;
    }

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .sidebar-brand-left,

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .sidebar-search,

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .menu-title-btn,

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .nav-link > span {
        display: none !important;
    }

    

    

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .menu {
        padding:
            8px 6px 18px
            !important;
    }

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .menu-group {
        margin-bottom: 3px !important;
    }

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .menu-items {
        padding: 0 !important;
    }

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .nav-link {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;

        height: 44px !important;
        min-height: 44px !important;

        margin:
            3px auto
            !important;

        padding: 0 !important;

        justify-content: center !important;
        gap: 0 !important;

        border-radius: 11px !important;
    }

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .nav-link i,

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .nav-link svg {
        flex:
            0 0 18px
            !important;

        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;

        margin: 0 !important;

        font-size: 16px !important;
    }
}

/*
 * Mobile remains off-canvas and must never inherit desktop mini width.
 */
@media (max-width: 991.98px) {

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"] {
        width: min(86vw, 290px) !important;
        min-width: min(86vw, 290px) !important;
        max-width: 290px !important;
    }
}


/* ==========================================================================
   

   Desktop final policy:
   - browser/page owns vertical scrolling
   - sidebar has NO internal scrollbar
   - section groups are collapsible
   - mini mode retains the GKazmi logo
   - sidebar text/search/section headers hide in mini mode
   ========================================================================== */

@media (min-width: 992px) {

    /*
     * Do NOT create a second scrolling viewport inside the sidebar.
     * The normal document scrollbar at the far right of the browser
     * is sufficient and avoids the unwanted vertical bar beside the
     * navigation.
     */
    .sidebar[data-gkazmi-sidebar="1"] {
        position: relative !important;
        top: auto !important;

        align-self: stretch !important;

        height: auto !important;
        min-height: 100vh !important;
        max-height: none !important;

        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;

        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .sidebar[data-gkazmi-sidebar="1"]::-webkit-scrollbar,
    .sidebar[data-gkazmi-sidebar="1"]::-webkit-scrollbar-track,
    .sidebar[data-gkazmi-sidebar="1"]::-webkit-scrollbar-thumb,
    .sidebar[data-gkazmi-sidebar="1"]::-webkit-scrollbar-corner {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        background: transparent !important;
    }

    .sidebar[data-gkazmi-sidebar="1"] .menu,
    .sidebar[data-gkazmi-sidebar="1"] .menu-items {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;

        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .sidebar[data-gkazmi-sidebar="1"] .menu::-webkit-scrollbar,
    .sidebar[data-gkazmi-sidebar="1"] .menu-items::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    /*
     * Parent application shell is also not allowed to create
     * a sidebar-adjacent internal scrollbar.
     */
    body > .d-flex:has(
        > .sidebar[data-gkazmi-sidebar="1"]
    ),
    .d-flex:has(
        > .sidebar[data-gkazmi-sidebar="1"]
    ) {
        height: auto !important;
        min-height: 100vh !important;
        max-height: none !important;

        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    .d-flex:has(
        > .sidebar[data-gkazmi-sidebar="1"]
    ) > .main-content {
        min-width: 0 !important;
        height: auto !important;
        max-height: none !important;

        overflow: visible !important;
    }

    /* ----------------------------------------------------------
       Functional section collapse
       ---------------------------------------------------------- */

    .sidebar[data-gkazmi-sidebar="1"]
    .menu-group.is-collapsed
    > .menu-items {
        display: none !important;
    }

    .sidebar[data-gkazmi-sidebar="1"]
    .menu-title-btn
    .menu-chevron {
        transition:
            transform .16s ease
            !important;
    }

    .sidebar[data-gkazmi-sidebar="1"]
    .menu-group.is-collapsed
    > .menu-title-btn
    .menu-chevron {
        transform:
            rotate(-90deg)
            !important;
    }

    /* ----------------------------------------------------------
       Mini mode brand
       Keep logo visible.
       ---------------------------------------------------------- */

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .sidebar-brand {
        min-height: 102px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 7px !important;

        padding: 10px 6px !important;
    }

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .sidebar-brand-left {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .sidebar-brand-left img {
        display: block !important;

        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;

        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;

        object-fit: contain !important;

        margin: 0 auto !important;
    }

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .sidebar-brand-text {
        display: none !important;
    }

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .sidebar-brand-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .sidebar-mini-toggle {
        margin: 0 auto !important;
    }

    /*
     * Mini mode needs icons only. Group headers are unnecessary
     * while collapsed, but group items remain available.
     */
    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .sidebar-search,

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .menu-title-btn,

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .nav-link > span {
        display: none !important;
    }

    /*
     * A previously collapsed group must not make its icons vanish
     * when the entire sidebar is switched to mini mode.
     */
    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .menu-group.is-collapsed
    > .menu-items {
        display: block !important;
    }

    body.gkazmi-sb-mini
    .sidebar[data-gkazmi-sidebar="1"]
    .menu-group {
        display: block !important;
    }
}

/*
 * Mobile keeps the existing off-canvas internal scroll behavior.
 */
@media (max-width: 991.98px) {

    

    

    .sidebar[data-gkazmi-sidebar="1"]::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
}


/* ==========================================================================
   

   Final canonical sidebar visual contract.

   Only:
     /assets/css/gkazmi-ui.css
     /assets/js/gkazmi-ui.js

   own the GKazmi sidebar UI.
   ========================================================================== */

.sidebar[data-gkazmi-sidebar="1"] {
    border-right: 0 !important;
    border-inline-end: 0 !important;
    box-shadow: none !important;

    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.sidebar[data-gkazmi-sidebar="1"]::-webkit-scrollbar,
.sidebar[data-gkazmi-sidebar="1"]::-webkit-scrollbar-track,
.sidebar[data-gkazmi-sidebar="1"]::-webkit-scrollbar-thumb,
.sidebar[data-gkazmi-sidebar="1"]::-webkit-scrollbar-corner,
.sidebar[data-gkazmi-sidebar="1"] .menu::-webkit-scrollbar,
.sidebar[data-gkazmi-sidebar="1"] .menu-items::-webkit-scrollbar {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;

    display: none !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.sidebar[data-gkazmi-sidebar="1"] .menu,
.sidebar[data-gkazmi-sidebar="1"] .menu-items {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

@media (min-width: 992px) {

    .sidebar[data-gkazmi-sidebar="1"] {
        position: relative !important;
        top: auto !important;

        height: auto !important;
        min-height: 100vh !important;
        max-height: none !important;

        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    .sidebar[data-gkazmi-sidebar="1"] .menu,
    .sidebar[data-gkazmi-sidebar="1"] .menu-items {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    .d-flex:has(
        > .sidebar[data-gkazmi-sidebar="1"]
    ) {
        gap: 0 !important;
        column-gap: 0 !important;

        height: auto !important;
        min-height: 100vh !important;
        max-height: none !important;

        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    .d-flex:has(
        > .sidebar[data-gkazmi-sidebar="1"]
    ) > .main-content {
        min-width: 0 !important;

        border-left: 0 !important;
        border-inline-start: 0 !important;

        box-shadow: none !important;
    }
}

@media (max-width: 991.98px) {

    .sidebar[data-gkazmi-sidebar="1"] {
        overflow-x: hidden !important;
        overflow-y: auto !important;

        scrollbar-width: none !important;
        -ms-overflow-style: none !important;

        -webkit-overflow-scrolling: touch;
    }
}


/* ==========================================================================

/* ==========================================================================
   

   Single live authenticated page-header visual authority.
   ========================================================================== */

:root {
    --gkazmi-header-height: 150px;
    --gkazmi-header-radius: 18px;
    --gkazmi-header-border: #dce4ef;
    --gkazmi-header-bg: #f8fafc;
    --gkazmi-header-text: #0f172a;
    --gkazmi-header-muted: #475569;
}

.gkazmi-page-header {
    position: relative !important;

    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;

    height: var(--gkazmi-header-height) !important;
    min-height: var(--gkazmi-header-height) !important;
    max-height: var(--gkazmi-header-height) !important;

    margin: 0 0 18px !important;
    padding: 22px 92px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 6px !important;

    overflow: hidden !important;

    text-align: center !important;

    color: var(--gkazmi-header-text) !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            var(--gkazmi-header-bg) 100%
        )
        !important;

    border:
        1px solid
        var(--gkazmi-header-border)
        !important;

    border-radius:
        var(--gkazmi-header-radius)
        !important;

    box-shadow:
        0 10px 28px rgba(15, 23, 42, .045)
        !important;
}

.gkazmi-page-header::before,
.gkazmi-page-header::after {
    content: none !important;
    display: none !important;
}

.gkazmi-page-header-copy {
    width: 100% !important;
    max-width: 1000px !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}

.gkazmi-page-header h1 {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--gkazmi-header-text) !important;

    font-family: inherit !important;
    font-size: 1.85rem !important;
    font-weight: 750 !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em !important;

    text-align: center !important;
    text-shadow: none !important;
}

.gkazmi-page-header p {
    max-width: 900px !important;

    margin: 7px auto 0 !important;
    padding: 0 !important;

    color: var(--gkazmi-header-muted) !important;

    font-size: .88rem !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;

    text-align: center !important;
}

/*
 * Colorful canonical header icon.
 */
.gkazmi-page-header-icon {
    --gkazmi-header-icon-fg: #4f46e5;
    --gkazmi-header-icon-bg1: #eef2ff;
    --gkazmi-header-icon-bg2: #e0e7ff;
    --gkazmi-header-icon-border: #c7d2fe;

    position: absolute !important;

    left: 28px !important;
    top: 50% !important;

    width: 52px !important;
    height: 52px !important;

    transform: translateY(-50%) !important;

    display: grid !important;
    place-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border:
        1px solid
        var(--gkazmi-header-icon-border)
        !important;

    border-radius: 16px !important;

    background:
        linear-gradient(
            135deg,
            var(--gkazmi-header-icon-bg1),
            var(--gkazmi-header-icon-bg2)
        )
        !important;

    color:
        var(--gkazmi-header-icon-fg)
        !important;

    box-shadow:
        0 8px 20px
        color-mix(
            in srgb,
            var(--gkazmi-header-icon-fg) 18%,
            transparent
        )
        !important;

    font-size: 1.28rem !important;

    line-height: 1 !important;

    z-index: 2 !important;
}

.gkazmi-page-header-icon i {
    color: inherit !important;
    font-size: inherit !important;
}

/* BLUE */
.gkazmi-page-header[data-gkazmi-header-tone="blue"]
.gkazmi-page-header-icon {
    --gkazmi-header-icon-fg: #2563eb;
    --gkazmi-header-icon-bg1: #eff6ff;
    --gkazmi-header-icon-bg2: #dbeafe;
    --gkazmi-header-icon-border: #bfdbfe;
}

/* CYAN */
.gkazmi-page-header[data-gkazmi-header-tone="cyan"]
.gkazmi-page-header-icon {
    --gkazmi-header-icon-fg: #0891b2;
    --gkazmi-header-icon-bg1: #ecfeff;
    --gkazmi-header-icon-bg2: #cffafe;
    --gkazmi-header-icon-border: #a5f3fc;
}

/* GREEN */
.gkazmi-page-header[data-gkazmi-header-tone="green"]
.gkazmi-page-header-icon {
    --gkazmi-header-icon-fg: #16a34a;
    --gkazmi-header-icon-bg1: #f0fdf4;
    --gkazmi-header-icon-bg2: #dcfce7;
    --gkazmi-header-icon-border: #bbf7d0;
}

/* ORANGE */
.gkazmi-page-header[data-gkazmi-header-tone="orange"]
.gkazmi-page-header-icon {
    --gkazmi-header-icon-fg: #ea580c;
    --gkazmi-header-icon-bg1: #fff7ed;
    --gkazmi-header-icon-bg2: #ffedd5;
    --gkazmi-header-icon-border: #fed7aa;
}

/* PINK */
.gkazmi-page-header[data-gkazmi-header-tone="pink"]
.gkazmi-page-header-icon {
    --gkazmi-header-icon-fg: #db2777;
    --gkazmi-header-icon-bg1: #fdf2f8;
    --gkazmi-header-icon-bg2: #fce7f3;
    --gkazmi-header-icon-border: #fbcfe8;
}

/* PURPLE */
.gkazmi-page-header[data-gkazmi-header-tone="purple"]
.gkazmi-page-header-icon {
    --gkazmi-header-icon-fg: #7c3aed;
    --gkazmi-header-icon-bg1: #faf5ff;
    --gkazmi-header-icon-bg2: #f3e8ff;
    --gkazmi-header-icon-border: #e9d5ff;
}

/* TEAL */
.gkazmi-page-header[data-gkazmi-header-tone="teal"]
.gkazmi-page-header-icon {
    --gkazmi-header-icon-fg: #0f766e;
    --gkazmi-header-icon-bg1: #f0fdfa;
    --gkazmi-header-icon-bg2: #ccfbf1;
    --gkazmi-header-icon-border: #99f6e4;
}

/* INDIGO */
.gkazmi-page-header[data-gkazmi-header-tone="indigo"]
.gkazmi-page-header-icon {
    --gkazmi-header-icon-fg: #4f46e5;
    --gkazmi-header-icon-bg1: #eef2ff;
    --gkazmi-header-icon-bg2: #e0e7ff;
    --gkazmi-header-icon-border: #c7d2fe;
}

.gkazmi-page-header-actions {
    position: absolute !important;

    top: 50% !important;
    right: 28px !important;

    transform: translateY(-50%) !important;

    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    margin: 0 !important;

    z-index: 2 !important;
}

@media (max-width: 991.98px) {
    :root {
        --gkazmi-header-height: 138px;
    }

    

    .gkazmi-page-header h1 {
        font-size: 1.65rem !important;
    }

    .gkazmi-page-header-icon {
        left: 20px !important;
        width: 46px !important;
        height: 46px !important;
        border-radius: 14px !important;
    }

    .gkazmi-page-header-actions {
        right: 20px !important;
    }
}

@media (max-width: 767.98px) {
    :root {
        --gkazmi-header-height: 126px;
    }

    

    .gkazmi-page-header-copy {
        max-width: none !important;
    }

    .gkazmi-page-header h1 {
        font-size: 1.4rem !important;
    }

    .gkazmi-page-header p {
        font-size: .82rem !important;
    }

    .gkazmi-page-header-icon {
        left: auto !important;
        right: 12px !important;

        width: 38px !important;
        height: 38px !important;

        border-radius: 12px !important;

        font-size: 1rem !important;
    }

    .gkazmi-page-header-actions {
        display: none !important;
    }
}


/* ==========================================================================
   

   Final canonical header geometry:
   - icon at left
   - title + subtitle form ONE centered two-line block
   - actions at right
   - icon/actions never alter text center
   ========================================================================== */

.gkazmi-page-header {
    position: relative !important;

    display: block !important;

    box-sizing: border-box !important;

    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;

    padding: 0 92px !important;

    overflow: hidden !important;
}

/*
 * The entire text unit is positioned from the true physical center
 * of the header. Icon width and right-side actions cannot move it.
 */
.gkazmi-page-header > .gkazmi-page-header-copy {
    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    transform:
        translate(-50%, -50%)
        !important;

    width:
        min(
            900px,
            calc(100% - 220px)
        )
        !important;

    max-width: 900px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    text-align: center !important;

    z-index: 1 !important;
}

.gkazmi-page-header > .gkazmi-page-header-copy > h1 {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: inherit !important;
    font-size: 1.85rem !important;
    font-weight: 750 !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em !important;

    text-align: center !important;

    white-space: normal !important;
}

.gkazmi-page-header > .gkazmi-page-header-copy > p {
    width: 100% !important;
    max-width: 850px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: inherit !important;
    font-size: .88rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    text-align: center !important;

    white-space: normal !important;
}

/*
 * Canonical colorful icon container.
 */
.gkazmi-page-header > .gkazmi-page-header-icon {
    --gkazmi-hi-fg: #4f46e5;
    --gkazmi-hi-bg1: #eef2ff;
    --gkazmi-hi-bg2: #e0e7ff;
    --gkazmi-hi-border: #c7d2fe;

    position: absolute !important;

    left: 28px !important;
    top: 50% !important;

    transform:
        translateY(-50%)
        !important;

    width: 54px !important;
    height: 54px !important;

    display: grid !important;
    place-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    color:
        var(--gkazmi-hi-fg)
        !important;

    background:
        linear-gradient(
            135deg,
            var(--gkazmi-hi-bg1),
            var(--gkazmi-hi-bg2)
        )
        !important;

    border:
        1px solid
        var(--gkazmi-hi-border)
        !important;

    border-radius: 16px !important;

    box-shadow:
        0 8px 22px
        color-mix(
            in srgb,
            var(--gkazmi-hi-fg) 20%,
            transparent
        )
        !important;

    font-size: 1.3rem !important;
    line-height: 1 !important;

    opacity: 1 !important;
    visibility: visible !important;

    z-index: 3 !important;
}

.gkazmi-page-header > .gkazmi-page-header-icon > i {
    display: block !important;

    color: inherit !important;

    font-size: inherit !important;
    line-height: 1 !important;

    opacity: 1 !important;
    visibility: visible !important;
}

/* BLUE */
.gkazmi-page-header[data-gkazmi-header-tone="blue"]
> .gkazmi-page-header-icon {
    --gkazmi-hi-fg: #2563eb;
    --gkazmi-hi-bg1: #eff6ff;
    --gkazmi-hi-bg2: #dbeafe;
    --gkazmi-hi-border: #bfdbfe;
}

/* CYAN */
.gkazmi-page-header[data-gkazmi-header-tone="cyan"]
> .gkazmi-page-header-icon {
    --gkazmi-hi-fg: #0891b2;
    --gkazmi-hi-bg1: #ecfeff;
    --gkazmi-hi-bg2: #cffafe;
    --gkazmi-hi-border: #a5f3fc;
}

/* GREEN */
.gkazmi-page-header[data-gkazmi-header-tone="green"]
> .gkazmi-page-header-icon {
    --gkazmi-hi-fg: #16a34a;
    --gkazmi-hi-bg1: #f0fdf4;
    --gkazmi-hi-bg2: #dcfce7;
    --gkazmi-hi-border: #bbf7d0;
}

/* ORANGE */
.gkazmi-page-header[data-gkazmi-header-tone="orange"]
> .gkazmi-page-header-icon {
    --gkazmi-hi-fg: #ea580c;
    --gkazmi-hi-bg1: #fff7ed;
    --gkazmi-hi-bg2: #ffedd5;
    --gkazmi-hi-border: #fed7aa;
}

/* PINK */
.gkazmi-page-header[data-gkazmi-header-tone="pink"]
> .gkazmi-page-header-icon {
    --gkazmi-hi-fg: #db2777;
    --gkazmi-hi-bg1: #fdf2f8;
    --gkazmi-hi-bg2: #fce7f3;
    --gkazmi-hi-border: #fbcfe8;
}

/* PURPLE */
.gkazmi-page-header[data-gkazmi-header-tone="purple"]
> .gkazmi-page-header-icon {
    --gkazmi-hi-fg: #7c3aed;
    --gkazmi-hi-bg1: #faf5ff;
    --gkazmi-hi-bg2: #f3e8ff;
    --gkazmi-hi-border: #e9d5ff;
}

/* TEAL */
.gkazmi-page-header[data-gkazmi-header-tone="teal"]
> .gkazmi-page-header-icon {
    --gkazmi-hi-fg: #0f766e;
    --gkazmi-hi-bg1: #f0fdfa;
    --gkazmi-hi-bg2: #ccfbf1;
    --gkazmi-hi-border: #99f6e4;
}

/* INDIGO */
.gkazmi-page-header[data-gkazmi-header-tone="indigo"]
> .gkazmi-page-header-icon {
    --gkazmi-hi-fg: #4f46e5;
    --gkazmi-hi-bg1: #eef2ff;
    --gkazmi-hi-bg2: #e0e7ff;
    --gkazmi-hi-border: #c7d2fe;
}

/*
 * Right-side actions are completely independent from center copy.
 */
.gkazmi-page-header > .gkazmi-page-header-actions {
    position: absolute !important;

    right: 28px !important;
    top: 50% !important;

    transform:
        translateY(-50%)
        !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;

    margin: 0 !important;

    z-index: 3 !important;
}

@media (max-width: 991.98px) {

    .gkazmi-page-header {
        height: 138px !important;
        min-height: 138px !important;
        max-height: 138px !important;

        padding: 0 76px !important;
    }

    .gkazmi-page-header
    > .gkazmi-page-header-copy {
        width:
            min(
                760px,
                calc(100% - 190px)
            )
            !important;
    }

    .gkazmi-page-header
    > .gkazmi-page-header-copy
    > h1 {
        font-size: 1.65rem !important;
    }

    .gkazmi-page-header
    > .gkazmi-page-header-icon {
        left: 20px !important;

        width: 48px !important;
        height: 48px !important;

        border-radius: 14px !important;
    }

    .gkazmi-page-header
    > .gkazmi-page-header-actions {
        right: 20px !important;
    }
}

@media (max-width: 767.98px) {

    .gkazmi-page-header {
        height: 126px !important;
        min-height: 126px !important;
        max-height: 126px !important;

        padding: 0 54px 0 14px !important;
    }

    .gkazmi-page-header
    > .gkazmi-page-header-copy {
        left: 14px !important;
        right: 54px !important;

        width: auto !important;
        max-width: none !important;

        transform:
            translateY(-50%)
            !important;
    }

    .gkazmi-page-header
    > .gkazmi-page-header-copy
    > h1 {
        font-size: 1.35rem !important;
    }

    .gkazmi-page-header
    > .gkazmi-page-header-copy
    > p {
        font-size: .8rem !important;
    }

    .gkazmi-page-header
    > .gkazmi-page-header-icon {
        left: auto !important;
        right: 12px !important;

        width: 38px !important;
        height: 38px !important;

        border-radius: 11px !important;

        font-size: 1rem !important;
    }

    .gkazmi-page-header
    > .gkazmi-page-header-actions {
        display: none !important;
    }
}


/* ==========================================================================
   

   Canonical header action buttons:
   - identical height
   - identical vertical alignment
   - single-line labels
   - no oversized/fat button caused by wrapping
   ========================================================================== */

.gkazmi-page-header > .gkazmi-page-header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
}

.gkazmi-page-header
> .gkazmi-page-header-actions
:is(
    .btn,
    button,
    a.btn
) {
    box-sizing: border-box !important;

    width: auto !important;
    min-width: 146px !important;
    max-width: none !important;

    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;

    margin: 0 !important;
    padding: 0 18px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    white-space: nowrap !important;

    line-height: 1 !important;
    vertical-align: middle !important;

    flex: 0 0 auto !important;
}

/*
 * Prevent old manual line breaks from making one button taller.
 */
.gkazmi-page-header
> .gkazmi-page-header-actions
:is(
    .btn,
    button,
    a.btn
)
br {
    display: none !important;
}

/*
 * Keep icons compact and vertically centered.
 */
.gkazmi-page-header
> .gkazmi-page-header-actions
:is(
    .btn,
    button,
    a.btn
)
:is(
    i,
    svg
) {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

/*
 * Never allow nested label spans to force wrapping.
 */
.gkazmi-page-header
> .gkazmi-page-header-actions
:is(
    .btn,
    button,
    a.btn
)
span {
    display: inline !important;
    white-space: nowrap !important;
}

@media (max-width: 991.98px) {

    .gkazmi-page-header
    > .gkazmi-page-header-actions
    :is(
        .btn,
        button,
        a.btn
    ) {
        min-width: 128px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        padding: 0 14px !important;
    }
}


/* ==========================================================================
   
   ========================================================================== */

.gkazmi-page-header
.gkazmi-page-header-title-row {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: auto !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

.gkazmi-page-header
.gkazmi-page-header-title-row
> .gkazmi-page-header-icon {
    position: static !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;

    transform: none !important;

    width: 40px !important;
    height: 40px !important;

    min-width: 40px !important;
    min-height: 40px !important;

    flex: 0 0 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: inline-grid !important;
    place-items: center !important;

    border-radius: 12px !important;

    opacity: 1 !important;
    visibility: visible !important;
}

.gkazmi-page-header
.gkazmi-page-header-title-row
> h1 {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1.15 !important;
    text-align: center !important;
}

.gkazmi-page-header
> .gkazmi-page-header-copy
> p {
    margin: 6px auto 0 !important;
    text-align: center !important;
}


/* ==========================================================================
   

   Correct global full-page architecture:

   PAGE COLUMN
       Header
       Page Body Wrapper   <-- THIS expands to bottom
           Search/filter
           Workspace
           Table/cards
           Alerts

   Individual cards/tables/alerts remain natural height.
   ========================================================================== */

html,
body {
    min-height: 100% !important;
    margin: 0 !important;
}

body {
    min-height: 100vh !important;
    min-height: 100dvh !important;

    background:
        var(--gkazmi-page, #f4f7fb)
        !important;
}

/*
 * Actual right-side application column.
 */
[data-gkazmi-page-column="1"] {
    box-sizing: border-box !important;

    min-height: 100vh !important;
    min-height: 100dvh !important;

    height: auto !important;

    display: flex !important;
    flex-direction: column !important;

    margin-bottom: 0 !important;

    background:
        var(--gkazmi-page, #f4f7fb)
        !important;
}

/*
 * Header remains natural.
 */
[data-gkazmi-page-column="1"]
> .gkazmi-page-header {
    flex: 0 0 auto !important;
}

/*
 * THE ONE FULL-HEIGHT PAGE BODY OWNER.
 */
[data-gkazmi-page-body="1"] {
    box-sizing: border-box !important;

    width: 100% !important;

    flex: 1 0 auto !important;

    min-height:
        var(
            --gkazmi-page-body-min-height,
            auto
        )
        !important;

    margin-bottom: 0 !important;

    background:
        #ffffff
        !important;


/*
 * If this wrapper already has rounded GKazmi shell styling,
 * retain it while letting its visual surface reach the bottom.
 */

    background-clip:
        padding-box
        !important;
}

/*
 * Real child content NEVER stretches.
 */
[data-gkazmi-page-body="1"]
> * {
    flex-shrink: 0;
}

[data-gkazmi-page-body="1"]
:is(
    .card,
    .panel,
    .content-card,
    .settings-card,
    .form-card,
    .alert,
    section,
    article,
    .table-responsive,
    table,
    thead,
    tbody,
    tr,
    th,
    td
) {
    height: auto;
}

/*
 * Remove all former filler strategies.
 */
.gkazmi-page-neutral-fill {
    display: none !important;
}

[data-gkazmi-tail-surface],
[data-gkazmi-fill-tail],
[data-gkazmi-fill-shell] {
    min-height: 0 !important;
}

/* ==========================================================================
   PRESERVE WORKING SELECTION VISIBILITY
   ========================================================================== */

body:not(.gkazmi-has-selection)
.gkazmi-cron-bulk-actions-inline,
body:not(.gkazmi-has-selection)
.gkazmi-selection-action-row {
    display: none !important;
}

body.gkazmi-has-selection
.gkazmi-cron-bulk-actions-inline,
body.gkazmi-has-selection
.gkazmi-selection-action-row {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr))
        !important;

    gap: 10px !important;
}

body.gkazmi-has-selection
.gkazmi-cron-bulk-actions-inline {
    width: 50% !important;
    max-width: 720px !important;
    min-width: 520px !important;
}

body.gkazmi-has-selection
.gkazmi-cron-bulk-actions-inline
> :is(
    button,
    a,
    .btn
) {
    width: 100% !important;

    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    white-space: nowrap !important;
}

@media (max-width: 991.98px) {

    [data-gkazmi-page-body="1"] {
        min-height: auto !important;
    }

    body.gkazmi-has-selection
    .gkazmi-cron-bulk-actions-inline {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}


/* ==========================================================================
   

   ONE GLOBAL AUTHENTICATED WORKSPACE FRAME

   .main-content
       page header
       direct container  <-- visible full-height workspace frame

   Child cards, tables, alerts and forms retain natural height.
   ========================================================================== */

html,
body {
    min-height: 100% !important;
}

body.gkazmi-app {
    min-height: 100vh !important;
    min-height: 100dvh !important;

    margin: 0 !important;

    background:
        var(--gkazmi-bg, #f4f7fb)
        !important;
}


/* Authenticated application row */


/* Main application column */
body.gkazmi-app
> .d-flex
> .main-content {
    box-sizing: border-box !important;

    min-width: 0 !important;

    min-height: 100vh !important;
    min-height: 100dvh !important;

    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    align-self: stretch !important;

    background:
        var(--gkazmi-bg, #f4f7fb)
        !important;
}


/* Header always keeps natural size */
body.gkazmi-app
> .d-flex
> .main-content
> :is(
    .header,
    .page-header,
    .gkazmi-page-header,
    .gkazmi-page-header,
    .gkazmi-page-header
) {
    flex: 0 0 auto !important;
}


/* ==========================================================================
   PRIMARY GLOBAL WORKSPACE FRAME

   The final direct Bootstrap container owns all remaining page height.
   ========================================================================== */

body.gkazmi-app
> .d-flex
> .main-content
> :is(
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl,
    .container-fluid
):not(
    :has(
        ~ :is(
            .container,
            .container-sm,
            .container-md,
            .container-lg,
            .container-xl,
            .container-xxl,
            .container-fluid
        )
    )
) {
    box-sizing: border-box !important;

    width: calc(100% - 32px) !important;
    max-width: none !important;

    min-width: 0 !important;
    min-height: 0 !important;

    flex: 1 0 auto !important;

    margin:
        16px
        16px
        0
        16px
        !important;

    padding-bottom:
        24px
        !important;

    background:
        var(--gkazmi-surface, #ffffff)
        !important;

    border:
        1px solid
        var(--gkazmi-border, #dbe4f0)
        !important;

    border-bottom:
        1px solid
        var(--gkazmi-border, #dbe4f0)
        !important;

    border-radius:
        16px 16px 0 0
        !important;

    box-shadow:
        0 8px 26px
        rgba(15, 23, 42, 0.045),
        inset 0 0 0 1px
        rgba(255, 255, 255, 0.18)
        !important;
}


/* Explicit GKazmi workspace containers use identical ownership */
body.gkazmi-app
> .d-flex
> .main-content
> .gkazmi-page-workspace {
    box-sizing: border-box !important;
}


/* ==========================================================================
   STRUCTURAL FALLBACK FOR THE FEW NON-BOOTSTRAP-CONTAINER PAGES
   ========================================================================== */

body.gkazmi-app
> .d-flex
> .main-content
> section.section:last-child,
body.gkazmi-app
> .d-flex
> .main-content
> main.container-fluid:last-child {
    box-sizing: border-box !important;

    width: calc(100% - 32px) !important;

    flex: 1 0 auto !important;

    margin:
        16px
        16px
        0
        16px
        !important;

    padding-bottom:
        24px
        !important;

    background:
        var(--gkazmi-surface, #ffffff)
        !important;

    border:
        1px solid
        var(--gkazmi-border, #dbe4f0)
        !important;

    border-radius:
        16px 16px 0 0
        !important;
}


/* ==========================================================================
   REAL CONTENT NEVER STRETCHES
   ========================================================================== */

body.gkazmi-app
> .d-flex
> .main-content
:is(
    .card,
    .card-soft,
    .form-card,
    .profile-card,
    .password-card,
    .package-card,
    .enterprise-card,
    .panel,
    .alert,
    .table-responsive,
    .cronjobs-table-wrap,
    .users-table-wrap,
    table,
    thead,
    tbody,
    tr,
    th,
    td,
    form,
    section,
    article
) {
    height: auto;
}


/* Old synthetic geometry remains disabled */
body.gkazmi-app
.gkazmi-page-neutral-fill {
    display: none !important;
}

body.gkazmi-app
[data-gkazmi-page-column],
body.gkazmi-app
[data-gkazmi-page-body],
body.gkazmi-app
[data-gkazmi-fill-shell],
body.gkazmi-app
[data-gkazmi-fill-tail],
body.gkazmi-app
[data-gkazmi-tail-surface] {
    min-height: 0 !important;
}


/* Mobile */
@media (max-width: 991.98px) {

    body.gkazmi-app
    > .d-flex
    > .main-content
    > :is(
        .container,
        .container-sm,
        .container-md,
        .container-lg,
        .container-xl,
        .container-xxl,
        .container-fluid
    ):not(
        :has(
            ~ :is(
                .container,
                .container-sm,
                .container-md,
                .container-lg,
                .container-xl,
                .container-xxl,
                .container-fluid
            )
        )
    ) {
        width: calc(100% - 20px) !important;

        margin:
            10px
            10px
            0
            10px
            !important;

        border-radius:
            12px 12px 0 0
            !important;
    }
}


/* ==========================================================================
   

   V14 owns the complete page workspace.

   V15 solves the remaining blank-space problem for data/table pages:

       workspace
         fixed filters / notices / summaries
         DATA SURFACE containing table       <-- flexes
         fixed alerts / footnotes

   Selection is structural via :has(table), never route-specific.
   ========================================================================== */


/* --------------------------------------------------------------------------
   MAKE THE V14 WORKSPACE A REAL FLEX CONTENT COLUMN
   -------------------------------------------------------------------------- */

body.gkazmi-app
> .d-flex
> .main-content
> :is(
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl,
    .container-fluid
):not(
    :has(
        ~ :is(
            .container,
            .container-sm,
            .container-md,
            .container-lg,
            .container-xl,
            .container-xxl,
            .container-fluid
        )
    )
) {
    display: flex !important;
    flex-direction: column !important;

    align-items: stretch !important;

    min-height: 0 !important;
}


/* --------------------------------------------------------------------------
   PRIMARY DATA SURFACE

   Only substantial direct children that actually contain a table become
   flexible vertical owners.

   This intentionally excludes alerts.
   -------------------------------------------------------------------------- */

body.gkazmi-app
> .d-flex
> .main-content
> :is(
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl,
    .container-fluid
)
> :is(
    .card,
    .card-soft,
    .form-card,
    .panel,
    section,
    article,
    form
):has(
    table
) {
    box-sizing: border-box !important;

    flex: 1 1 auto !important;

    min-height: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: stretch !important;
}


/* --------------------------------------------------------------------------
   NESTED DATA SURFACE

   Some pages wrap the table one level deeper.
   -------------------------------------------------------------------------- */

body.gkazmi-app
> .d-flex
> .main-content
> :is(
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl,
    .container-fluid
)
:is(
    .card,
    .card-soft,
    .form-card,
    .panel,
    section,
    article,
    form
):has(
    table
)
> :is(
    .card-body,
    .panel-body,
    .content-body,
    .form-body
) {
    flex: 1 1 auto !important;

    min-height: 0 !important;

    display: flex !important;
    flex-direction: column !important;
}


/* --------------------------------------------------------------------------
   TABLE VIEWPORT FILLS REMAINING DATA-SURFACE HEIGHT
   -------------------------------------------------------------------------- */

body.gkazmi-app
> .d-flex
> .main-content
:is(
    .card,
    .card-soft,
    .form-card,
    .panel,
    section,
    article,
    form
):has(
    table
)
:is(
    .table-responsive,
    .cronjobs-table-wrap,
    .users-table-wrap
) {
    flex: 1 1 auto !important;

    min-height: 0 !important;

    height: auto !important;

    overflow: auto !important;
}


/* --------------------------------------------------------------------------
   THE TABLE ITSELF REMAINS NATURAL

   Rows are never stretched.
   -------------------------------------------------------------------------- */

body.gkazmi-app
> .d-flex
> .main-content
table {
    height: auto !important;
}

body.gkazmi-app
> .d-flex
> .main-content
:is(
    thead,
    tbody,
    tr,
    th,
    td
) {
    height: auto !important;
}


/* --------------------------------------------------------------------------
   ALERTS / NOTICES NEVER BECOME FLEX OWNERS

   Critical for /roles Important warning and equivalent pages.
   -------------------------------------------------------------------------- */

body.gkazmi-app
> .d-flex
> .main-content
:is(
    .alert,
    [role="alert"]
) {
    flex: 0 0 auto !important;

    height: auto !important;
    min-height: 0 !important;
}


/* --------------------------------------------------------------------------
   NON-TABLE DIRECT COMPONENTS REMAIN NATURAL
   -------------------------------------------------------------------------- */

body.gkazmi-app
> .d-flex
> .main-content
> :is(
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl,
    .container-fluid
)
> :not(
    :has(table)
) {
    flex-shrink: 0;
}


/* --------------------------------------------------------------------------
   REMOVE COMPETING TABLE MAX-HEIGHT ON FLEX DATA SURFACES

   The surrounding page still scrolls naturally, while table wrappers may
   scroll internally when required.
   -------------------------------------------------------------------------- */

body.gkazmi-app
> .d-flex
> .main-content
:is(
    .card,
    .card-soft,
    .form-card,
    .panel,
    section,
    article,
    form
):has(
    table
)
> .table-responsive {
    max-height: none !important;
}


/* --------------------------------------------------------------------------
   MOBILE: DO NOT FORCE A DESKTOP-LIKE INTERNAL HEIGHT
   -------------------------------------------------------------------------- */

@media (max-width: 991.98px) {

    body.gkazmi-app
    > .d-flex
    > .main-content
    > :is(
        .container,
        .container-sm,
        .container-md,
        .container-lg,
        .container-xl,
        .container-xxl,
        .container-fluid
    )
    > :is(
        .card,
        .card-soft,
        .form-card,
        .panel,
        section,
        article,
        form
    ):has(
        table
    ) {
        flex: 0 0 auto !important;
    }

    body.gkazmi-app
    > .d-flex
    > .main-content
    :is(
        .table-responsive,
        .cronjobs-table-wrap,
        .users-table-wrap
    ) {
        overflow: auto !important;
    }
}


/*
 * Canonical reusable GKazmi application components.
 *
 * These classes own their geometry and intentionally do not depend on
 * Bootstrap row/column/card/button layout behaviour.
 */

.gkazmi-metric-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
    width:100% !important;
    margin:0 0 16px !important;
}

.gkazmi-metric-card{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;

    width:auto !important;
    min-width:0 !important;
    min-height:92px !important;

    padding:16px !important;

    background:#fff !important;
    border:1px solid var(--gkazmi-border,#dbe4f0) !important;
    border-radius:14px !important;
    box-shadow:0 6px 18px rgba(15,23,42,.045) !important;
}

.gkazmi-metric-icon{
    display:grid !important;
    place-items:center !important;
    flex:0 0 42px !important;

    width:42px !important;
    height:42px !important;

    border-radius:12px !important;

    font-size:18px !important;
}

.gkazmi-metric-icon.is-blue{
    color:#2563eb !important;
    background:#eff6ff !important;
}

.gkazmi-metric-icon.is-red{
    color:#ef4444 !important;
    background:#fef2f2 !important;
}

.gkazmi-metric-icon.is-orange{
    color:#ea580c !important;
    background:#fff7ed !important;
}

.gkazmi-metric-icon.is-green{
    color:#059669 !important;
    background:#ecfdf5 !important;
}

.gkazmi-metric-copy{
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
    min-width:0 !important;
}

.gkazmi-metric-label{
    color:#64748b !important;
    font-size:.78rem !important;
    line-height:1.2 !important;
}

.gkazmi-metric-value{
    color:#0f172a !important;
    font-size:.98rem !important;
    font-weight:800 !important;
    line-height:1.25 !important;
    overflow-wrap:anywhere !important;
}


.gkazmi-content-card{
    display:block !important;

    width:100% !important;
    min-width:0 !important;

    margin:0 0 16px !important;
    padding:18px !important;

    background:#fff !important;
    border:1px solid var(--gkazmi-border,#dbe4f0) !important;
    border-radius:14px !important;
    box-shadow:0 6px 18px rgba(15,23,42,.04) !important;
}

.gkazmi-content-card-title{
    margin:0 0 5px !important;

    color:#0f172a !important;
    font-size:1.08rem !important;
    font-weight:850 !important;
    line-height:1.25 !important;
}

.gkazmi-content-card-subtitle{
    margin:0 !important;

    color:#64748b !important;
    font-size:.82rem !important;
    line-height:1.5 !important;
}


.gkazmi-action-row{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;

    gap:9px !important;

    width:auto !important;

    margin-top:15px !important;
}

.gkazmi-action{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 auto !important;

    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:38px !important;

    padding:8px 14px !important;

    border-radius:10px !important;

    font-size:.82rem !important;
    font-weight:800 !important;
    line-height:1.15 !important;

    text-decoration:none !important;
    white-space:nowrap !important;

    cursor:pointer !important;
}

.gkazmi-action.is-primary{
    color:#fff !important;
    border:1px solid #4f46e5 !important;
    background:linear-gradient(135deg,#4f46e5,#7c3aed) !important;
    box-shadow:0 6px 15px rgba(79,70,229,.16) !important;
}

.gkazmi-action.is-secondary{
    color:#334155 !important;
    border:1px solid #dbe4f0 !important;
    background:#f8fafc !important;
    box-shadow:none !important;
}

.gkazmi-action:hover{
    transform:translateY(-1px);
}


.gkazmi-notice{
    display:block !important;

    width:100% !important;

    margin:0 0 16px !important;
    padding:11px 14px !important;

    color:#334155 !important;
    background:#eff6ff !important;
    border:1px solid #bfdbfe !important;
    border-radius:11px !important;

    font-size:.82rem !important;
    line-height:1.45 !important;
}


.gkazmi-data-surface{
    display:flex !important;
    flex-direction:column !important;

    flex:1 1 auto !important;

    width:100% !important;
    min-width:0 !important;
    min-height:260px !important;

    margin:0 !important;

    overflow:hidden !important;

    background:#fff !important;
    border:1px solid var(--gkazmi-border,#dbe4f0) !important;
    border-radius:14px !important;
    box-shadow:0 6px 18px rgba(15,23,42,.04) !important;
}

.gkazmi-data-header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:wrap !important;

    gap:10px !important;

    flex:0 0 auto !important;

    padding:15px 16px !important;

    border-bottom:1px solid var(--gkazmi-border,#dbe4f0) !important;
    background:#fff !important;
}

.gkazmi-data-title{
    margin:0 !important;

    color:#0f172a !important;
    font-size:1rem !important;
    font-weight:850 !important;
}

.gkazmi-data-subtitle{
    margin:4px 0 0 !important;

    color:#64748b !important;
    font-size:.78rem !important;
}

.gkazmi-data-body{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow:auto !important;
}

.gkazmi-data-body > .table-responsive{
    width:100% !important;
    min-height:100% !important;
    margin:0 !important;
}

.gkazmi-data-body table{
    width:100% !important;
    margin:0 !important;
}


/* responsive global component behaviour */

@media (max-width:1199.98px){
    .gkazmi-metric-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width:575.98px){
    .gkazmi-metric-grid{
        grid-template-columns:1fr !important;
    }

    .gkazmi-action-row{
        align-items:stretch !important;
    }

    .gkazmi-action{
        flex:1 1 100% !important;
        width:100% !important;
        white-space:normal !important;
    }

    .gkazmi-data-header{
        align-items:flex-start !important;
        flex-direction:column !important;
    }
}


/* ==========================================================================
   
   Canonical Security Center visual convergence.
   CSS only. Security business logic remains owned by PHP/controllers/services.
   ========================================================================== */

body.gkazmi-security-center-page {
    
    --gkazmi-security-indigo: #4f46e5;
    
    
    
    
    
    
    
}

/* --------------------------------------------------------------------------
   Page workspace
   -------------------------------------------------------------------------- */

body.gkazmi-security-center-page .security-center-shell {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 24px !important;

    display: flex;
    flex-direction: column;
    gap: 18px;
}

body.gkazmi-security-center-page .security-center-shell > * {
    min-width: 0;
}

body.gkazmi-security-center-page .security-center-shell h2,
body.gkazmi-security-center-page .security-center-shell p {
    margin-top: 0;
}

/* --------------------------------------------------------------------------
   Account selector
   -------------------------------------------------------------------------- */

body.gkazmi-security-center-page .security-account-switcher {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
    align-items: end;
    gap: 18px;

    padding: 20px 22px;

    border: 1px solid var(--gkazmi-border, #dbe3ef);
    border-radius: var(--gkazmi-radius-lg, 18px);

    background: var(--gkazmi-surface, #fff);
    box-shadow: var(--gkazmi-shadow-sm, 0 8px 24px rgba(15,23,42,.05));
}

body.gkazmi-security-center-page .security-account-switcher > div:first-child {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

body.gkazmi-security-center-page .security-account-switcher h2 {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 800;
    color: var(--gkazmi-text, #0f172a);
}

body.gkazmi-security-center-page .security-account-switcher p {
    margin: 4px 0 0;
    color: var(--gkazmi-muted, #64748b);
    font-size: .88rem;
}

body.gkazmi-security-center-page .security-account-switcher form {
    margin: 0;
    min-width: 0;
}

body.gkazmi-security-center-page .security-account-switcher label {
    display: block;
    margin-bottom: 6px;
    font-size: .77rem;
    font-weight: 800;
    color: var(--gkazmi-muted, #64748b);
}

/* --------------------------------------------------------------------------
   Colourful canonical icons
   -------------------------------------------------------------------------- */

body.gkazmi-security-center-page .security-panel-icon,
body.gkazmi-security-center-page .security-summary-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(79,70,229,.14);
    border-radius: 13px;

    background: #eef2ff;
    color: var(--gkazmi-security-indigo);

    box-shadow: 0 6px 16px rgba(79,70,229,.08);
}

body.gkazmi-security-center-page .security-summary-card:nth-child(1) .security-summary-icon {
    background: #eef2ff;
    color: #4f46e5;
}

body.gkazmi-security-center-page .security-summary-card:nth-child(2) .security-summary-icon {
    background: #eff6ff;
    color: #2563eb;
}

body.gkazmi-security-center-page .security-summary-card:nth-child(3) .security-summary-icon {
    background: #ecfeff;
    color: #0891b2;
}

body.gkazmi-security-center-page .security-summary-card:nth-child(4) .security-summary-icon {
    background: #fff7ed;
    color: #ea580c;
}

body.gkazmi-security-center-page .security-summary-card:nth-child(5) .security-summary-icon {
    background: #ecfdf5;
    color: #16a34a;
}

body.gkazmi-security-center-page .security-center-grid > .security-panel:nth-child(1) .security-panel-icon {
    background: #eef2ff;
    color: #4f46e5;
}

body.gkazmi-security-center-page .security-center-grid > .security-panel:nth-child(2) .security-panel-icon {
    background: #f5f3ff;
    color: #7c3aed;
}

body.gkazmi-security-center-page .security-center-grid > .security-panel:nth-child(3) .security-panel-icon {
    background: #eff6ff;
    color: #2563eb;
}

body.gkazmi-security-center-page .security-center-grid > .security-panel:nth-child(4) .security-panel-icon {
    background: #ecfeff;
    color: #0891b2;
}

body.gkazmi-security-center-page .security-center-grid > .security-panel:nth-child(5) .security-panel-icon {
    background: #fff7ed;
    color: #ea580c;
}

body.gkazmi-security-center-page .security-center-grid > .security-panel:nth-child(6) .security-panel-icon {
    background: #ecfdf5;
    color: #0d9488;
}

body.gkazmi-security-center-page .security-center-grid > .security-panel:nth-child(7) .security-panel-icon {
    background: #fef2f2;
    color: #dc2626;
}

/* --------------------------------------------------------------------------
   Target account banner
   -------------------------------------------------------------------------- */

body.gkazmi-security-center-page .security-target-banner {
    min-height: 58px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;

    padding: 13px 18px;

    border: 1px solid #bfdbfe;
    border-radius: var(--gkazmi-radius-md, 14px);

    background: linear-gradient(
        135deg,
        #eff6ff 0%,
        #eef2ff 100%
    );
}

body.gkazmi-security-center-page .security-target-banner > div {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
}

body.gkazmi-security-center-page .security-target-banner strong {
    font-size: .96rem;
    font-weight: 800;
    color: #0f172a;
}

body.gkazmi-security-center-page .security-target-banner span:not(.badge) {
    font-size: .82rem;
    color: #64748b;
}

/* --------------------------------------------------------------------------
   Security overview metrics
   -------------------------------------------------------------------------- */

body.gkazmi-security-center-page .security-summary-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

body.gkazmi-security-center-page .security-summary-card {
    min-width: 0;
    min-height: 112px;

    display: flex;
    align-items: center;
    gap: 13px;

    padding: 17px;

    border: 1px solid var(--gkazmi-border, #dbe3ef);
    border-radius: var(--gkazmi-radius-md, 14px);

    background: var(--gkazmi-surface, #fff);
    box-shadow: var(--gkazmi-shadow-sm, 0 8px 24px rgba(15,23,42,.05));
}

body.gkazmi-security-center-page .security-summary-card > div {
    display: grid;
    gap: 2px;
    min-width: 0;
}

body.gkazmi-security-center-page .security-summary-card small {
    color: #64748b;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .035em;
}

body.gkazmi-security-center-page .security-summary-card strong {
    color: #0f172a;
    font-size: 1.35rem;
    line-height: 1.15;
    font-weight: 850;
}

body.gkazmi-security-center-page .security-summary-card > div > span {
    color: #64748b;
    font-size: .76rem;
    line-height: 1.25;
}

/* --------------------------------------------------------------------------
   Main security grid
   -------------------------------------------------------------------------- */

body.gkazmi-security-center-page .security-center-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    align-items: start;
}

body.gkazmi-security-center-page .security-panel {
    min-width: 0;

    overflow: hidden;

    border: 1px solid var(--gkazmi-border, #dbe3ef);
    border-radius: var(--gkazmi-radius-lg, 18px);

    background: var(--gkazmi-surface, #fff);
    box-shadow: var(--gkazmi-shadow-sm, 0 8px 24px rgba(15,23,42,.05));
}

body.gkazmi-security-center-page .security-panel-head {
    min-height: 78px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;

    padding: 16px 18px;

    border-bottom: 1px solid #e8edf5;
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #fbfdff 100%
    );
}

body.gkazmi-security-center-page .security-panel-head > div:first-child {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}

body.gkazmi-security-center-page .security-panel-head h2 {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 850;
}

body.gkazmi-security-center-page .security-panel-head p {
    margin: 3px 0 0;
    color: #64748b;
    font-size: .78rem;
    line-height: 1.35;
}

/* --------------------------------------------------------------------------
   Compact action rows
   -------------------------------------------------------------------------- */

body.gkazmi-security-center-page .security-panel-actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;

    margin: 0;
    padding: 12px 18px;

    border-bottom: 1px solid #edf1f7;
    background: #f8fafc;
}

body.gkazmi-security-center-page .security-panel-actions form {
    display: inline-flex;
    width: auto;
    margin: 0;
}

body.gkazmi-security-center-page .security-panel-actions .btn,
body.gkazmi-security-center-page .security-manage-row .btn,
body.gkazmi-security-center-page .security-form-row .btn,
body.gkazmi-security-center-page .security-form-stack > .btn {
    width: auto !important;
    min-width: 0 !important;
    min-height: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 7px 13px;

    border-radius: 10px;

    font-size: .79rem;
    line-height: 1.15;
    font-weight: 750;

    white-space: nowrap;
}

/* --------------------------------------------------------------------------
   List ownership
   -------------------------------------------------------------------------- */

body.gkazmi-security-center-page .security-list {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

body.gkazmi-security-center-page .security-list-row,
body.gkazmi-security-center-page .security-manage-row {
    width: 100%;
    min-width: 0;
    min-height: 58px;

    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;

    margin: 0;
    padding: 11px 18px;

    border: 0;
    border-bottom: 1px solid #edf1f7;

    background: #fff;
}

body.gkazmi-security-center-page .security-list-row:last-child,
body.gkazmi-security-center-page .security-manage-row:last-child {
    border-bottom: 0;
}

body.gkazmi-security-center-page .security-list-row:nth-child(even),
body.gkazmi-security-center-page .security-manage-row:nth-child(even) {
    background: #fbfdff;
}

body.gkazmi-security-center-page .security-list-row > div,
body.gkazmi-security-center-page .security-manage-row > div {
    min-width: 0;
}

body.gkazmi-security-center-page .security-list-row strong,
body.gkazmi-security-center-page .security-manage-row strong {
    display: block;

    color: #0f172a;
    font-size: .82rem;
    line-height: 1.3;
    font-weight: 800;
}

body.gkazmi-security-center-page .security-list-row span:not(.badge),
body.gkazmi-security-center-page .security-manage-row small {
    display: block;

    margin-top: 2px;

    color: #64748b;
    font-size: .72rem;
    line-height: 1.3;
}

/* --------------------------------------------------------------------------
   Inputs inside managed rows
   -------------------------------------------------------------------------- */

body.gkazmi-security-center-page .security-manage-row .form-control {
    min-width: 0;
    min-height: 38px;
    height: 38px;

    padding: 7px 10px;

    border-radius: 9px;

    font-size: .8rem;
}

body.gkazmi-security-center-page .security-manage-row.ip {
    grid-template-columns:
        minmax(150px, .9fr)
        minmax(150px, 1.1fr)
        auto
        auto;
}

/* --------------------------------------------------------------------------
   Forms
   -------------------------------------------------------------------------- */

body.gkazmi-security-center-page .security-form-row,
body.gkazmi-security-center-page .security-form-stack {
    margin: 0;
    padding: 14px 18px;

    border-bottom: 1px solid #edf1f7;
    background: #f8fafc;
}

body.gkazmi-security-center-page .security-form-row .form-label {
    margin-bottom: 6px;

    color: #475569;
    font-size: .75rem;
    font-weight: 800;
}

body.gkazmi-security-center-page .security-form-row .input-group {
    display: flex;
    align-items: stretch;
}

body.gkazmi-security-center-page .security-form-row .input-group .form-control {
    min-width: 0;
}

body.gkazmi-security-center-page .security-form-stack {
    display: grid;
    gap: 10px;
}

body.gkazmi-security-center-page .security-form-stack .row {
    margin: 0;
}

body.gkazmi-security-center-page .security-form-stack .row > * {
    padding-top: 0;
    padding-bottom: 0;
}

/* --------------------------------------------------------------------------
   Empty states
   -------------------------------------------------------------------------- */

body.gkazmi-security-center-page .security-empty {
    min-height: 122px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 5px;

    padding: 22px;

    text-align: center;

    color: #64748b;
    background: #fbfdff;
}

body.gkazmi-security-center-page .security-empty.compact {
    min-height: 88px;
}

body.gkazmi-security-center-page .security-empty > i {
    margin-bottom: 3px;

    color: var(--gkazmi-security-indigo);
    font-size: 1.2rem;
}

body.gkazmi-security-center-page .security-empty strong {
    color: #334155;
    font-size: .83rem;
}

body.gkazmi-security-center-page .security-empty span {
    color: #64748b;
    font-size: .75rem;
}

/* --------------------------------------------------------------------------
   Recovery code output
   -------------------------------------------------------------------------- */

body.gkazmi-security-center-page .recovery-code-box {
    padding: 14px 18px;

    border-bottom: 1px solid #edf1f7;

    background: #fffaf0;
}

body.gkazmi-security-center-page .recovery-code-box .alert {
    margin: 0 0 10px;
}

body.gkazmi-security-center-page .recovery-code-box pre {
    max-height: 280px;
    overflow: auto;

    margin: 0;
    padding: 14px;

    border: 1px solid #fed7aa;
    border-radius: 11px;

    background: #fff;
    color: #7c2d12;

    font-size: .78rem;
    line-height: 1.55;
}

/* --------------------------------------------------------------------------
   Bootstrap controls harmonized with GKazmi UI
   -------------------------------------------------------------------------- */

body.gkazmi-security-center-page .security-center-shell .form-control,
body.gkazmi-security-center-page .security-center-shell .form-select {
    border-color: #cbd5e1;
    border-radius: 10px;
    box-shadow: none;
}

body.gkazmi-security-center-page .security-center-shell .form-control:focus,
body.gkazmi-security-center-page .security-center-shell .form-select:focus {
    border-color: #818cf8;

    box-shadow:
        0 0 0 3px rgba(99,102,241,.12);
}

body.gkazmi-security-center-page .security-center-shell .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 24px;

    padding: 4px 8px;

    border-radius: 999px;

    font-size: .69rem;
    line-height: 1;
    font-weight: 800;

    white-space: nowrap;
}

/* --------------------------------------------------------------------------
   Alerts
   -------------------------------------------------------------------------- */

body.gkazmi-security-center-page .security-center-shell > .alert {
    margin: 0;

    border-radius: 13px;

    box-shadow: 0 6px 16px rgba(15,23,42,.04);
}

/* --------------------------------------------------------------------------
   Responsive convergence
   -------------------------------------------------------------------------- */

@media (max-width: 1399.98px) {
    body.gkazmi-security-center-page .security-summary-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1199.98px) {
    body.gkazmi-security-center-page .security-center-grid {
        grid-template-columns: 1fr;
    }

    body.gkazmi-security-center-page .security-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    body.gkazmi-security-center-page .security-center-shell {
        padding: 14px !important;
        gap: 14px;
    }

    body.gkazmi-security-center-page .security-account-switcher {
        grid-template-columns: 1fr;
        align-items: stretch;

        padding: 16px;
    }

    body.gkazmi-security-center-page .security-summary-grid {
        grid-template-columns: 1fr;
    }

    body.gkazmi-security-center-page .security-summary-card {
        min-height: 92px;
    }

    body.gkazmi-security-center-page .security-target-banner {
        align-items: flex-start;
        flex-direction: column;
    }

    body.gkazmi-security-center-page .security-panel-head {
        align-items: flex-start;
        padding: 14px;
    }

    body.gkazmi-security-center-page .security-panel-actions {
        padding: 10px 14px;
    }

    body.gkazmi-security-center-page .security-list-row,
    body.gkazmi-security-center-page .security-manage-row {
        grid-template-columns: 1fr;
        align-items: stretch;

        padding: 12px 14px;
    }

    body.gkazmi-security-center-page .security-manage-row.ip {
        grid-template-columns: 1fr;
    }

    body.gkazmi-security-center-page .security-panel-actions .btn,
    body.gkazmi-security-center-page .security-manage-row .btn,
    body.gkazmi-security-center-page .security-form-row .btn,
    body.gkazmi-security-center-page .security-form-stack > .btn {
        justify-self: start;
    }

    body.gkazmi-security-center-page .security-form-row,
    body.gkazmi-security-center-page .security-form-stack {
        padding: 12px 14px;
    }
}

/* ==========================================================================
   
   ========================================================================== */


/* ==========================================================================
   
   Compact, grouped session history.
   Presentation only: session records and revoke operations remain unchanged.
   ========================================================================== */

/* Sessions deserve full workspace width because this is the longest data set. */

body.gkazmi-security-center-page
.security-panel-sessions {
    grid-column: 1 / -1;
}


/* Internal list owns its own height instead of growing the whole page. */

body.gkazmi-security-center-page
.security-session-groups {
    width: 100%;

    max-height: 520px;
    overflow-y: auto;
    overscroll-behavior: contain;

    scrollbar-width: thin;
    scrollbar-color:
        rgba(100,116,139,.35)
        transparent;
}

body.gkazmi-security-center-page
.security-session-groups::-webkit-scrollbar {
    width: 7px;
}

body.gkazmi-security-center-page
.security-session-groups::-webkit-scrollbar-track {
    background: transparent;
}

body.gkazmi-security-center-page
.security-session-groups::-webkit-scrollbar-thumb {
    background: rgba(100,116,139,.28);
    border-radius: 999px;
}


/* One visible row per IP address. */

body.gkazmi-security-center-page
.security-session-group {
    margin: 0;

    border: 0;
    border-bottom: 1px solid #e8edf5;

    background: #fff;
}

body.gkazmi-security-center-page
.security-session-group:last-child {
    border-bottom: 0;
}


/* Remove browser default disclosure marker. */

body.gkazmi-security-center-page
.security-session-summary {
    list-style: none;
}

body.gkazmi-security-center-page
.security-session-summary::-webkit-details-marker {
    display: none;
}


/* IP group header. */

body.gkazmi-security-center-page
.security-session-summary {
    min-height: 62px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 14px;

    padding: 11px 18px;

    cursor: pointer;

    background: #fff;

    transition:
        background .15s ease,
        box-shadow .15s ease;
}

body.gkazmi-security-center-page
.security-session-summary:hover {
    background: #f8fafc;
}

body.gkazmi-security-center-page
.security-session-group[open]
> .security-session-summary {
    background: #f8fafc;

    box-shadow:
        inset 3px 0 0 #6366f1;
}


/* Main IP identity. */

body.gkazmi-security-center-page
.security-session-primary {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}

body.gkazmi-security-center-page
.security-session-ip {
    color: #0f172a;

    font-size: .84rem;
    line-height: 1.25;
    font-weight: 850;
}

body.gkazmi-security-center-page
.security-session-last {
    color: #64748b;

    font-size: .71rem;
    line-height: 1.3;
}


/* Right-side group metadata. */

body.gkazmi-security-center-page
.security-session-summary-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    flex-wrap: wrap;
    gap: 7px;
}

body.gkazmi-security-center-page
.security-session-chevron {
    width: 28px;
    height: 28px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #dbe4f0;
    border-radius: 8px;

    color: #64748b;
    background: #fff;

    transition: transform .18s ease;
}

body.gkazmi-security-center-page
.security-session-group[open]
.security-session-chevron {
    transform: rotate(180deg);
}


/* Individual real database sessions remain accessible inside the group. */

body.gkazmi-security-center-page
.security-session-items {
    padding: 0 18px 9px 42px;

    background: #f8fafc;
}

body.gkazmi-security-center-page
.security-session-item {
    min-height: 48px;

    display: grid;
    grid-template-columns:
        minmax(0,1fr)
        auto
        auto;

    align-items: center;

    gap: 9px;

    margin: 0;
    padding: 8px 10px;

    border-top: 1px solid #e8edf5;

    background: transparent;
}

body.gkazmi-security-center-page
.security-session-item:first-child {
    border-top: 0;
}

body.gkazmi-security-center-page
.security-session-item-main {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 1px;
}

body.gkazmi-security-center-page
.security-session-item-main strong {
    color: #334155;

    font-size: .76rem;
    line-height: 1.25;
    font-weight: 800;
}

body.gkazmi-security-center-page
.security-session-item-main small {
    color: #64748b;

    font-size: .69rem;
    line-height: 1.25;
}


/* Revoke remains compact. */

body.gkazmi-security-center-page
.security-session-item .btn {
    width: auto !important;
    min-width: 0 !important;
    min-height: 32px !important;

    padding: 5px 10px !important;

    font-size: .72rem !important;
}


/* Compact the toolbar above the session groups. */

body.gkazmi-security-center-page
.security-panel-sessions
.security-panel-actions {
    padding-top: 9px;
    padding-bottom: 9px;
}


/* Tablet/mobile. */

@media (max-width: 767.98px) {

    body.gkazmi-security-center-page
    .security-session-groups {
        max-height: 460px;
    }

    body.gkazmi-security-center-page
    .security-session-summary {
        align-items: flex-start;
        flex-direction: column;

        gap: 7px;

        padding: 11px 14px;
    }

    body.gkazmi-security-center-page
    .security-session-summary-meta {
        width: 100%;

        justify-content: flex-start;
    }

    body.gkazmi-security-center-page
    .security-session-items {
        padding:
            0
            14px
            9px
            14px;
    }

    body.gkazmi-security-center-page
    .security-session-item {
        grid-template-columns:
            minmax(0,1fr)
            auto;

        gap: 7px;
    }

    body.gkazmi-security-center-page
    .security-session-item .btn {
        grid-column: 1 / -1;

        justify-self: start;
    }
}

/* ==========================================================================
   
   ========================================================================== */


/* ============================================================
   GKAZMI_SECURITY_CENTER_SESSIONS_BOTTOM_CLEAR_BEGIN
   Sessions is the final full-width security workspace.
   ============================================================ */

body.gkazmi-security-center-page
.security-center-grid
.security-panel-sessions {
    grid-column: 1 / -1 !important;
    order: 999 !important;

    width: 100% !important;
    max-width: none !important;
}


/*
 * Keep the full Sessions panel at the bottom,
 * but do not make the page thousands of pixels long.
 */
body.gkazmi-security-center-page
.security-panel-sessions
.security-session-groups {
    width: 100% !important;

    max-height: 440px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    overscroll-behavior: contain;
}


/* Two compact session actions on one row. */
body.gkazmi-security-center-page
.security-panel-sessions
.security-panel-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 8px !important;
}

body.gkazmi-security-center-page
.security-panel-sessions
.security-panel-actions form {
    display: inline-flex !important;

    width: auto !important;
    flex: 0 0 auto !important;

    margin: 0 !important;
}

body.gkazmi-security-center-page
.security-panel-sessions
.security-panel-actions .btn {
    width: auto !important;
    min-width: 0 !important;

    padding: 8px 13px !important;

    white-space: nowrap !important;
}


/* Clear Sessions is intentionally visually distinct. */
body.gkazmi-security-center-page
.security-panel-sessions
.security-panel-actions .btn-danger {
    border-color: #dc2626 !important;

    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            #dc2626,
            #ef4444
        ) !important;

    box-shadow:
        0 5px 14px
        rgba(220,38,38,.16) !important;
}


@media (max-width: 767.98px) {

    body.gkazmi-security-center-page
    .security-panel-sessions
    .security-session-groups {
        max-height: 380px !important;
    }

    body.gkazmi-security-center-page
    .security-panel-sessions
    .security-panel-actions {
        align-items: stretch !important;
    }

    body.gkazmi-security-center-page
    .security-panel-sessions
    .security-panel-actions form {
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    body.gkazmi-security-center-page
    .security-panel-sessions
    .security-panel-actions .btn {
        width: 100% !important;
    }
}

/* GKAZMI_SECURITY_CENTER_SESSIONS_BOTTOM_CLEAR_END */


/* GKAZMI_SECURITY_CENTER_COLOURFUL_ICONS_BEGIN
   Canonical Security Center icon presentation.
   Visual only. No business/runtime behavior.
   --------------------------------------------------------- */


/* ---------------------------------------------------------
   BASE ICON BOX
   --------------------------------------------------------- */

body.gkazmi-security-center-page
.security-summary-icon,

body.gkazmi-security-center-page
.security-panel-icon {
    display: inline-grid !important;
    place-items: center !important;

    width: 42px !important;
    height: 42px !important;

    min-width: 42px !important;
    min-height: 42px !important;

    flex: 0 0 42px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 1px solid rgba(99,102,241,.16) !important;
    border-radius: 13px !important;

    background: #eef2ff !important;

    font-size: 17px !important;
    line-height: 1 !important;

    box-shadow:
        0 7px 18px rgba(15,23,42,.06) !important;
}


body.gkazmi-security-center-page
.security-summary-icon > i,

body.gkazmi-security-center-page
.security-panel-icon > i {
    display: inline-block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;

    font-size: 17px !important;
    line-height: 1 !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* ---------------------------------------------------------
   TWO FACTOR / SECURITY SHIELD
   Violet
   --------------------------------------------------------- */

body.gkazmi-security-center-page
.security-summary-icon:has(.fa-shield-halved),

body.gkazmi-security-center-page
.security-panel-icon:has(.fa-shield-halved) {
    color: #6d4aff !important;

    border-color:
        rgba(109,74,255,.20) !important;

    background:
        linear-gradient(
            135deg,
            #f1edff,
            #ebe7ff
        ) !important;
}


/* ---------------------------------------------------------
   PASSKEY / FINGERPRINT
   Purple
   --------------------------------------------------------- */

body.gkazmi-security-center-page
.security-summary-icon:has(.fa-fingerprint),

body.gkazmi-security-center-page
.security-panel-icon:has(.fa-fingerprint) {
    color: #8b5cf6 !important;

    border-color:
        rgba(139,92,246,.20) !important;

    background:
        linear-gradient(
            135deg,
            #f5f0ff,
            #eee7ff
        ) !important;
}


/* ---------------------------------------------------------
   SESSIONS / DISPLAY
   Red
   --------------------------------------------------------- */

body.gkazmi-security-center-page
.security-summary-icon:has(.fa-display),

body.gkazmi-security-center-page
.security-panel-icon:has(.fa-display) {
    color: #ef4444 !important;

    border-color:
        rgba(239,68,68,.20) !important;

    background:
        linear-gradient(
            135deg,
            #fff1f2,
            #ffe8ea
        ) !important;
}


/* ---------------------------------------------------------
   TRUSTED DEVICES / LAPTOP
   Cyan / Blue
   --------------------------------------------------------- */

body.gkazmi-security-center-page
.security-summary-icon:has(.fa-laptop),

body.gkazmi-security-center-page
.security-panel-icon:has(.fa-laptop) {
    color: #0284c7 !important;

    border-color:
        rgba(2,132,199,.20) !important;

    background:
        linear-gradient(
            135deg,
            #ecfeff,
            #e0f2fe
        ) !important;
}


/* ---------------------------------------------------------
   RECOVERY CODES
   Emerald
   --------------------------------------------------------- */

body.gkazmi-security-center-page
.security-summary-icon:has(.fa-life-ring),

body.gkazmi-security-center-page
.security-panel-icon:has(.fa-life-ring) {
    color: #059669 !important;

    border-color:
        rgba(5,150,105,.20) !important;

    background:
        linear-gradient(
            135deg,
            #ecfdf5,
            #dcfce7
        ) !important;
}


/* ---------------------------------------------------------
   IP ALLOWLIST / NETWORK
   Sky
   --------------------------------------------------------- */

body.gkazmi-security-center-page
.security-summary-icon:has(.fa-network-wired),

body.gkazmi-security-center-page
.security-panel-icon:has(.fa-network-wired) {
    color: #0284c7 !important;

    border-color:
        rgba(14,165,233,.20) !important;

    background:
        linear-gradient(
            135deg,
            #f0f9ff,
            #e0f2fe
        ) !important;
}


/* ---------------------------------------------------------
   SECURITY EVENTS
   Orange
   --------------------------------------------------------- */

body.gkazmi-security-center-page
.security-summary-icon:has(.fa-clock-rotate-left),

body.gkazmi-security-center-page
.security-panel-icon:has(.fa-clock-rotate-left),

body.gkazmi-security-center-page
.security-summary-icon:has(.fa-shield),

body.gkazmi-security-center-page
.security-panel-icon:has(.fa-shield) {
    color: #f97316 !important;

    border-color:
        rgba(249,115,22,.20) !important;

    background:
        linear-gradient(
            135deg,
            #fff7ed,
            #ffedd5
        ) !important;
}


/* ---------------------------------------------------------
   KEY / ENCRYPTION
   Blue
   --------------------------------------------------------- */

body.gkazmi-security-center-page
.security-summary-icon:has(.fa-key),

body.gkazmi-security-center-page
.security-panel-icon:has(.fa-key) {
    color: #2563eb !important;

    border-color:
        rgba(37,99,235,.20) !important;

    background:
        linear-gradient(
            135deg,
            #eff6ff,
            #dbeafe
        ) !important;
}


/* ---------------------------------------------------------
   USERS / ACCOUNT
   Rose
   --------------------------------------------------------- */

body.gkazmi-security-center-page
.security-summary-icon:has(.fa-users),

body.gkazmi-security-center-page
.security-panel-icon:has(.fa-users),

body.gkazmi-security-center-page
.security-summary-icon:has(.fa-user-shield),

body.gkazmi-security-center-page
.security-panel-icon:has(.fa-user-shield) {
    color: #e11d48 !important;

    border-color:
        rgba(225,29,72,.18) !important;

    background:
        linear-gradient(
            135deg,
            #fff1f2,
            #ffe4e6
        ) !important;
}


/* ---------------------------------------------------------
   EMPTY STATE ICONS
   Keep them colourful as well.
   --------------------------------------------------------- */

body.gkazmi-security-center-page
.security-empty > i {
    display: inline-grid !important;
    place-items: center !important;

    width: 42px !important;
    height: 42px !important;

    margin-bottom: 4px !important;

    border-radius: 13px !important;

    font-size: 17px !important;
    line-height: 1 !important;

    opacity: 1 !important;
    visibility: visible !important;
}


body.gkazmi-security-center-page
.security-empty > .fa-laptop {
    color: #0284c7 !important;
    background: #e0f2fe !important;
}


body.gkazmi-security-center-page
.security-empty > .fa-fingerprint {
    color: #8b5cf6 !important;
    background: #f3e8ff !important;
}


body.gkazmi-security-center-page
.security-empty > .fa-display {
    color: #ef4444 !important;
    background: #fff1f2 !important;
}


body.gkazmi-security-center-page
.security-empty > .fa-life-ring {
    color: #059669 !important;
    background: #ecfdf5 !important;
}


body.gkazmi-security-center-page
.security-empty > .fa-network-wired {
    color: #0284c7 !important;
    background: #e0f2fe !important;
}


/* ---------------------------------------------------------
   BUTTON ICONS
   Preserve semantic icon colours where possible.
   --------------------------------------------------------- */

body.gkazmi-security-center-page
.btn .fa-plus {
    color: #10b981;
}


body.gkazmi-security-center-page
.btn .fa-broom {
    color: #fde047;
}


body.gkazmi-security-center-page
.btn .fa-vial {
    color: #0d9488;
}


body.gkazmi-security-center-page
.btn .fa-floppy-disk {
    color: #059669;
}


body.gkazmi-security-center-page
.btn .fa-right-from-bracket {
    color: #ef4444;
}


/* White text buttons need readable icons. */

body.gkazmi-security-center-page
.btn-primary .fa-plus,

body.gkazmi-security-center-page
.btn-primary .fa-vial,

body.gkazmi-security-center-page
.btn-danger .fa-broom,

body.gkazmi-security-center-page
.btn-danger .fa-right-from-bracket {
    filter:
        drop-shadow(
            0 1px 1px
            rgba(0,0,0,.12)
        );
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 575.98px) {

    body.gkazmi-security-center-page
    .security-summary-icon,

    body.gkazmi-security-center-page
    .security-panel-icon {
        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;

        flex-basis: 38px !important;

        border-radius: 12px !important;
    }

    body.gkazmi-security-center-page
    .security-summary-icon > i,

    body.gkazmi-security-center-page
    .security-panel-icon > i {
        font-size: 15px !important;
    }
}


/* GKAZMI_SECURITY_CENTER_COLOURFUL_ICONS_END */

/* GKAZMI_GLOBAL_SINGLE_UI_FULL_PAGE_POLISH_BEGIN
 *
 * Final global authenticated-page visual authority.
 *
 * Layout language:
 *   Communication Automation
 *
 * Background language:
 *   Roles
 *
 * Business/runtime behavior:
 *   unchanged
 *
 * Individual cards, tables, alerts and forms remain natural height.
 */


/* ============================================================
   1. FINAL GLOBAL TOKENS
   ============================================================ */

:root {
    --gk-final-page-bg: #f4f7fb;
    --gk-final-surface: #ffffff;
    
    --gk-final-border: #dbe4f0;

    
    

    
    

    
    
    

    --gk-final-radius: 16px;
    

    --gk-final-shadow:
        0 8px 28px rgba(15, 31, 61, .055);

    

    --gk-final-gutter:
        clamp(14px, 1.55vw, 26px);
}


/* ============================================================
   2. FULL-PAGE VIEW
   Authenticated application only.
   No child card/table/alert stretching.
   ============================================================ */

html,
body.gkazmi-app,
body.gkazmi-theme-100.gkazmi-app {
    min-height: 100%;
    background: var(--gk-final-page-bg) !important;
}

body.gkazmi-app {
    min-height: 100vh;
}

body.gkazmi-app > .d-flex {
    min-height: 100vh !important;
    align-items: stretch !important;
}

body.gkazmi-app > .d-flex > .main-content,
body.gkazmi-app main.main-content {
    min-height: 100vh !important;

    display: flex !important;
    flex-direction: column !important;

    background:
        radial-gradient(
            circle at 94% 4%,
            rgba(91, 78, 229, .045),
            transparent 30rem
        ),
        var(--gk-final-page-bg) !important;

    padding-bottom: 0 !important;
}

/*
 * The direct page container becomes the visual page/workspace owner.
 * It grows to the bottom, while its children remain normal height.
 */

body.gkazmi-app > .d-flex > .main-content > :is(
    .container,
    .container-fluid,
    .gkazmi-page-workspace,
    .gkazmi-workspace-owner
) {
    width: 100% !important;
}

/*
 * Existing container-fluid pages keep Communication Automation
 * horizontal spacing instead of page-specific widths.
 */

body.gkazmi-app .main-content > .container-fluid,
body.gkazmi-app .main-content > .container {
    padding-left: var(--gk-final-gutter) !important;
    padding-right: var(--gk-final-gutter) !important;
}


/* ============================================================
   3. VISIBLE WORKSPACE EXTENDS TO VIEWPORT BOTTOM
   Background owner only — content children are NOT stretched.
   ============================================================ */

body.gkazmi-app .main-content :is(
    .gkazmi-workspace-owner,
    .gkazmi-page-workspace
) {
    position: relative;
}

/*
 * Extend the visible page surface behind natural-height content.
 * This avoids forcing Roles alerts, Cron tables, cards or forms
 * to grow.
 */

body.gkazmi-app .main-content :is(
    .gkazmi-workspace-owner,
    .gkazmi-page-workspace
)::after {
    content: "";
    display: block;

    min-height: clamp(120px, 22vh, 320px);

    pointer-events: none;
}

/*
 * Pages that do not expose a workspace class still receive
 * continuous full-page canvas from main-content itself.
 */

body.gkazmi-app .main-content {
    flex: 1 0 auto !important;
}


/* ============================================================
   4. NEVER STRETCH REAL CONTENT
   ============================================================ */

body.gkazmi-app .main-content :is(
    .card,
    .card-soft,
    .panel,
    .content-card,
    .form-card,
    .settings-card,
    .enterprise-card,
    .profile-card,
    .password-card,
    .alert,
    [role="alert"],
    .table-responsive,
    .cronjobs-table-wrap,
    .users-table-wrap,
    table,
    thead,
    tbody,
    tr,
    th,
    td,
    form,
    section,
    article
) {
    min-height: 0;
    flex-grow: 0;
}


/* ============================================================
   5. CANONICAL GLOBAL SURFACE
   Roles tone + Communication Automation spacing language.
   ============================================================ */

body.gkazmi-app .main-content :is(
    .card,
    .card-soft,
    .panel,
    .content-card,
    .form-card,
    .settings-card,
    .enterprise-card
) {
    background: var(--gk-final-surface) !important;
    border-color: var(--gk-final-border) !important;
    border-radius: var(--gk-final-radius) !important;
    box-shadow: var(--gk-final-shadow);
}

body.gkazmi-app .main-content .table-responsive {
    background: var(--gk-final-surface) !important;
    border-color: var(--gk-final-border) !important;
}


/* ============================================================
   6. GLOBAL PAGE HEADER
   Communication Automation visual proportions.
   ============================================================ */

body.gkazmi-app .main-content > :is(
    .header,
    .page-header,
    .gkazmi-page-header,
    .enterprise-page-header,
    .communication-hero,
    .automation-hero
),
body.gkazmi-app .main-content :is(
    .header.gkazmi-canonical-header
) {
    background:
        radial-gradient(
            circle at 88% -25%,
            rgba(91, 78, 229, .09),
            transparent 24rem
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8f9fd 100%
        ) !important;

    background-image: none;

    border: 1px solid var(--gk-final-border) !important;
    border-radius: var(--gk-final-radius) !important;

    box-shadow: var(--gk-final-shadow) !important;

    padding:
        clamp(26px, 3vw, 46px)
        var(--gk-final-gutter) !important;

    margin-bottom:
        clamp(20px, 2.1vw, 30px) !important;
}


/* ============================================================
   7. PAGINATION — ADVANCED INDIGO DESIGN
   Change page-number colour globally.
   ============================================================ */

body.gkazmi-app .pagination {
    gap: 7px !important;
    align-items: center;
    flex-wrap: wrap;
}

body.gkazmi-app .pagination .page-item .page-link {
    min-width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 12px;

    color: #4f46e5 !important;

    background:
        rgba(255, 255, 255, .94) !important;

    border:
        1px solid #d8def0 !important;

    border-radius:
        11px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    box-shadow:
        0 3px 10px rgba(15, 31, 61, .045);

    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background .16s ease,
        color .16s ease;
}

body.gkazmi-app .pagination .page-item .page-link:hover,
body.gkazmi-app .pagination .page-item .page-link:focus {
    color: #4338ca !important;

    background:
        #eef2ff !important;

    border-color:
        #a5b4fc !important;

    box-shadow:
        0 7px 18px rgba(79, 70, 229, .14);

    transform:
        translateY(-1px);
}

body.gkazmi-app .pagination .page-item.active .page-link,
body.gkazmi-app .pagination .page-item[aria-current="page"] .page-link {
    color:
        #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #5b4ee5,
            #7c3aed
        ) !important;

    border-color:
        transparent !important;

    box-shadow:
        0 8px 19px rgba(91, 78, 229, .28) !important;

    transform:
        translateY(-1px);
}

body.gkazmi-app .pagination .page-item.disabled .page-link {
    color:
        #94a3b8 !important;

    background:
        #f8fafc !important;

    opacity:
        .72;
}


/*
 * Some CronJobs pages emit a plain numeric pagination anchor
 * without Bootstrap's full page-item structure.
 */

body.gkazmi-app :is(
    .pagination,
    .cronjobs-pagination,
    .gkazmi-pagination
) > a,
body.gkazmi-app :is(
    .pagination,
    .cronjobs-pagination,
    .gkazmi-pagination
) > span {
    border-radius: 11px;
}

body.gkazmi-app :is(
    .pagination,
    .cronjobs-pagination,
    .gkazmi-pagination
) > :is(
    .active,
    [aria-current="page"]
) {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #5b4ee5,
            #7c3aed
        ) !important;

    border-color:
        transparent !important;
}


/* ============================================================
   8. ADVANCED FLOATING TOP BUTTON
   Works with existing runtime — styling only.
   ============================================================ */

body.gkazmi-app :is(
    #backToTop,
    #back-to-top,
    #scrollToTop,
    #scroll-to-top,
    .back-to-top,
    .backToTop,
    .scroll-to-top,
    .scroll-top,
    .gkazmi-scroll-top,
    [data-back-to-top],
    [data-scroll-top]
) {
    width: 50px !important;
    height: 50px !important;

    min-width: 50px !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border:
        1px solid rgba(255, 255, 255, .72) !important;

    border-radius:
        16px !important;

    color:
        #ffffff !important;

    background:
        linear-gradient(
            145deg,
            rgba(79, 70, 229, .97),
            rgba(124, 58, 237, .97)
        ) !important;

    box-shadow:
        0 12px 28px rgba(79, 70, 229, .28),
        inset 0 1px 0 rgba(255, 255, 255, .28) !important;

    backdrop-filter:
        blur(14px) saturate(150%);

    -webkit-backdrop-filter:
        blur(14px) saturate(150%);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease !important;
}

body.gkazmi-app :is(
    #backToTop,
    #back-to-top,
    #scrollToTop,
    #scroll-to-top,
    .back-to-top,
    .backToTop,
    .scroll-to-top,
    .scroll-top,
    .gkazmi-scroll-top,
    [data-back-to-top],
    [data-scroll-top]
):hover {
    transform:
        translateY(-4px) scale(1.04);

    box-shadow:
        0 18px 38px rgba(79, 70, 229, .36),
        inset 0 1px 0 rgba(255, 255, 255, .34) !important;

    filter:
        saturate(1.12);
}

body.gkazmi-app :is(
    #backToTop,
    #back-to-top,
    #scrollToTop,
    #scroll-to-top,
    .back-to-top,
    .backToTop,
    .scroll-to-top,
    .scroll-top,
    .gkazmi-scroll-top,
    [data-back-to-top],
    [data-scroll-top]
):active {
    transform:
        translateY(-1px) scale(.97);
}

body.gkazmi-app :is(
    #backToTop,
    #back-to-top,
    #scrollToTop,
    #scroll-to-top,
    .back-to-top,
    .backToTop,
    .scroll-to-top,
    .scroll-top,
    .gkazmi-scroll-top,
    [data-back-to-top],
    [data-scroll-top]
):focus-visible {
    outline:
        3px solid rgba(99, 102, 241, .25) !important;

    outline-offset:
        4px !important;
}


/* ============================================================
   9. FLOATING QUICK-NAV + TOP BUTTON GROUP
   Keep current Quick Navigation runtime unchanged.
   ============================================================ */

body.gkazmi-app :is(
    .quick-navigation,
    .gkazmi-quick-navigation,
    [data-gkazmi-quick-navigation]
) {
    border-radius:
        18px !important;

    border:
        1px solid rgba(203, 213, 225, .78) !important;

    background:
        rgba(255, 255, 255, .91) !important;

    box-shadow:
        0 12px 32px rgba(15, 31, 61, .11) !important;

    backdrop-filter:
        blur(15px) saturate(145%);

    -webkit-backdrop-filter:
        blur(15px) saturate(145%);
}


/* ============================================================
   10. MOBILE
   ============================================================ */

@media (max-width: 767.98px) {

    body.gkazmi-app .main-content > .container-fluid,
    body.gkazmi-app .main-content > .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.gkazmi-app .pagination {
        gap: 5px !important;
    }

    body.gkazmi-app .pagination .page-item .page-link {
        min-width: 35px;
        height: 35px;
        padding: 0 10px;
    }

    body.gkazmi-app :is(
        #backToTop,
        #back-to-top,
        #scrollToTop,
        #scroll-to-top,
        .back-to-top,
        .backToTop,
        .scroll-to-top,
        .scroll-top,
            .gkazmi-scroll-top,
        [data-back-to-top],
        [data-scroll-top]
    ) {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        border-radius: 14px !important;
    }

}


/* ============================================================
   11. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    body.gkazmi-app .pagination .page-link,
    body.gkazmi-app :is(
        #backToTop,
        #back-to-top,
        #scrollToTop,
        #scroll-to-top,
        .back-to-top,
        .backToTop,
        .scroll-to-top,
        .scroll-top,
            .gkazmi-scroll-top,
        [data-back-to-top],
        [data-scroll-top]
    ) {
        transition: none !important;
    }

}


/* GKAZMI_GLOBAL_SINGLE_UI_FULL_PAGE_POLISH_END */

/* GKAZMI_GLOBAL_CANONICAL_WORKSPACE_CONVERGENCE_BEGIN */


/* ============================================================
   GLOBAL CANONICAL AUTHENTICATED PAGE CONTRACT

   Layout language:
     Communication Automation

   Page/background language:
     Roles

   The DOM runtime adds:
     .gkazmi-canonical-page-root
     .gkazmi-canonical-page-header
     .gkazmi-canonical-body-surface

   Business elements remain untouched.
   ============================================================ */


:root {
    --gk-one-page-bg: #f4f7fb;
    --gk-one-surface: #ffffff;
    
    --gk-one-border: #dbe4f0;

    --gk-one-text: #101c36;
    --gk-one-muted: #64748b;

    --gk-one-primary: #5b4ee5;
    
    --gk-one-primary-alt: #7c3aed;

    --gk-one-radius: 18px;
    

    --gk-one-gap: clamp(16px, 1.5vw, 24px);
    --gk-one-gutter: clamp(14px, 1.55vw, 26px);

    --gk-one-shadow:
        0 8px 28px rgba(15, 31, 61, .055);

    
}


/* ============================================================
   REAL FULL-PAGE OWNER
   ============================================================ */

html {
    min-height: 100%;
}

html body.gkazmi-app {
    min-height: 100vh !important;
    background: var(--gk-one-page-bg) !important;
}

html body.gkazmi-app > .d-flex {
    min-height: 100vh !important;
    align-items: stretch !important;
}

html body.gkazmi-app .main-content {
    min-height: 100vh !important;
    flex: 1 1 auto !important;

    display: flex !important;
    flex-direction: column !important;

    padding: 0 !important;

    background:
        radial-gradient(
            circle at 92% 0%,
            rgba(91, 78, 229, .05),
            transparent 32rem
        ),
        var(--gk-one-page-bg) !important;
}


/* ============================================================
   ONE CANONICAL PAGE ROOT
   ============================================================ */

html body.gkazmi-app .main-content >
.gkazmi-canonical-page-root {
    width: 100% !important;
    max-width: none !important;

    min-height: 100vh !important;
    flex: 1 0 auto !important;

    display: flex !important;
    flex-direction: column !important;

    gap: var(--gk-one-gap) !important;

    margin: 0 !important;

    padding:
        var(--gk-one-gutter)
        var(--gk-one-gutter)
        0 !important;

    box-sizing: border-box !important;

    background: transparent !important;
}


/* ============================================================
   ONE GLOBAL HEADER
   ============================================================ */

html body.gkazmi-app
.gkazmi-canonical-page-root >
.gkazmi-canonical-page-header {
    width: 100% !important;

    min-height: 136px !important;
    height: auto !important;

    flex: 0 0 auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    padding:
        clamp(28px, 3vw, 44px)
        clamp(20px, 3vw, 42px) !important;

    text-align: center !important;

    background:
        radial-gradient(
            circle at 88% -25%,
            rgba(91, 78, 229, .075),
            transparent 28rem
        ),
        #ffffff !important;

    background-image: none !important;

    border:
        1px solid var(--gk-one-border) !important;

    border-radius:
        var(--gk-one-radius) !important;

    box-shadow:
        var(--gk-one-shadow) !important;

    box-sizing:
        border-box !important;
}


/* Remove old header geometry authority. */

html body.gkazmi-app
.gkazmi-canonical-page-header {
    top: auto !important;
    left: auto !important;
    right: auto !important;

    transform: none !important;

    max-width: none !important;
}


/* Header inner geometry. */

html body.gkazmi-app
.gkazmi-canonical-page-header > :first-child,
html body.gkazmi-app
.gkazmi-canonical-page-header .header-content,
html body.gkazmi-app
.gkazmi-canonical-page-header .page-header-content {
    margin-left: auto !important;
    margin-right: auto !important;
}


/* Title contract. */

html body.gkazmi-app
.gkazmi-canonical-page-header :is(
    h1,
    .page-title,
    .header-title
) {
    margin-top: 0 !important;
    margin-bottom: 5px !important;

    color: var(--gk-one-text) !important;

    font-size:
        clamp(25px, 2vw, 32px) !important;

    font-weight: 800 !important;

    line-height: 1.16 !important;

    letter-spacing: -.025em !important;
}


/* Subtitle contract. */

html body.gkazmi-app
.gkazmi-canonical-page-header :is(
    .lead,
    .subtitle,
    .page-subtitle,
    .header-subtitle,
    p
) {
    color: var(--gk-one-muted) !important;
}


/* Exactly sized colourful header icon box. */

html body.gkazmi-app
.gkazmi-canonical-page-header :is(
    .header-icon,
    .communication-icon,
    .page-header-icon
) {
    width: 42px !important;
    height: 42px !important;

    min-width: 42px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 12px !important;

    font-size: 19px !important;

    box-shadow:
        0 7px 17px rgba(79, 70, 229, .11) !important;
}


/* ============================================================
   ONE WHITE CONTENT WORKSPACE
   This is the element that actually reaches page bottom.
   ============================================================ */

html body.gkazmi-app
.gkazmi-canonical-page-root >
.gkazmi-canonical-body-surface {
    width: 100% !important;

    flex: 1 0 auto !important;

    min-height:
        calc(100vh - 136px - (var(--gk-one-gap) * 2)) !important;

    display: flex !important;
    flex-direction: column !important;

    margin: 0 !important;

    padding:
        clamp(16px, 1.4vw, 22px) !important;

    background:
        var(--gk-one-surface) !important;

    border:
        1px solid var(--gk-one-border) !important;

    border-bottom:
        0 !important;

    border-radius:
        var(--gk-one-radius)
        var(--gk-one-radius)
        0
        0 !important;

    box-shadow:
        var(--gk-one-shadow) !important;

    box-sizing:
        border-box !important;
}


/* ============================================================
   REMOVE DUPLICATED OUTER PAGE WRAPPER GEOMETRY ONLY
   Business/content cards are not flattened.
   ============================================================ */

html body.gkazmi-app
.gkazmi-canonical-body-surface >
:is(
    .container,
    .container-fluid
) {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


html body.gkazmi-app
.gkazmi-canonical-body-surface
> .container-fluid
> :is(
    .gkazmi-page-workspace,
    .gkazmi-workspace-owner,
    .automation-shell
) {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    background: transparent !important;

    border-left: 0 !important;
    border-right: 0 !important;

    box-shadow: none !important;
}


/* ============================================================
   NATURAL HEIGHT CONTENT — NEVER STRETCH DATA/CARDS
   ============================================================ */

html body.gkazmi-app
.gkazmi-canonical-body-surface :is(
    .card,
    .card-soft,
    .panel,
    .alert,
    [role="alert"],
    .table-responsive,
    table,
    form,
    section,
    article
) {
    flex-grow: 0;
}


/* ============================================================
   CANONICAL CARDS / PANELS
   ============================================================ */

html body.gkazmi-app
.gkazmi-canonical-body-surface :is(
    .card,
    .card-soft,
    .panel,
    .content-card,
    .form-card,
    .settings-card,
    .enterprise-card
) {
    border-color:
        var(--gk-one-border) !important;

    border-radius:
        15px !important;
}


/* ============================================================
   ADVANCED PAGINATION
   ============================================================ */

html body.gkazmi-app .pagination,
html body.gkazmi-app .cronjobs-pagination,
html body.gkazmi-app .gkazmi-pagination {
    gap: 7px !important;
    align-items: center !important;
}


html body.gkazmi-app
:is(
    .pagination,
    .cronjobs-pagination,
    .gkazmi-pagination
)
:is(
    a,
    .page-link
) {
    min-width: 38px !important;
    height: 38px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 12px !important;

    color:
        #4f46e5 !important;

    background:
        #ffffff !important;

    border:
        1px solid #d8def0 !important;

    border-radius:
        11px !important;

    font-weight:
        750 !important;

    box-shadow:
        0 3px 10px rgba(15, 31, 61, .05) !important;
}


html body.gkazmi-app
:is(
    .pagination,
    .cronjobs-pagination,
    .gkazmi-pagination
)
:is(
    .active,
    [aria-current="page"]
) :is(
    a,
    .page-link
),
html body.gkazmi-app
:is(
    .pagination,
    .cronjobs-pagination,
    .gkazmi-pagination
)
> :is(
    .active,
    [aria-current="page"]
) {
    color:
        #ffffff !important;

    background:
        linear-gradient(
            135deg,
            var(--gk-one-primary),
            var(--gk-one-primary-alt)
        ) !important;

    border-color:
        transparent !important;

    box-shadow:
        0 8px 20px rgba(91, 78, 229, .28) !important;
}


/* ============================================================
   ADVANCED FLOATING TOP CONTROL
   Visually distinct from the old square button.
   Existing click runtime remains untouched.
   ============================================================ */

html body.gkazmi-app :is(
    #backToTop,
    #back-to-top,
    #scrollToTop,
    #scroll-to-top,
    .back-to-top,
    .backToTop,
    .scroll-to-top,
    .scroll-top,
    .gkazmi-scroll-top,
    [data-back-to-top],
    [data-scroll-top]
) {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;

    padding: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border:
        1px solid rgba(255,255,255,.88) !important;

    border-radius:
        50% !important;

    color:
        #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #4f46e5,
            #7c3aed
        ) !important;

    box-shadow:
        0 16px 35px rgba(67, 56, 202, .30),
        inset 0 1px 0 rgba(255,255,255,.34) !important;

    outline:
        5px solid rgba(99,102,241,.09) !important;

    backdrop-filter:
        blur(16px) saturate(150%) !important;

    -webkit-backdrop-filter:
        blur(16px) saturate(150%) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        outline-color .18s ease !important;
}


html body.gkazmi-app :is(
    #backToTop,
    #back-to-top,
    #scrollToTop,
    #scroll-to-top,
    .back-to-top,
    .backToTop,
    .scroll-to-top,
    .scroll-top,
    .gkazmi-scroll-top,
    [data-back-to-top],
    [data-scroll-top]
):hover {
    transform:
        translateY(-5px) scale(1.055) !important;

    outline-color:
        rgba(99,102,241,.16) !important;

    box-shadow:
        0 20px 44px rgba(67,56,202,.38),
        inset 0 1px 0 rgba(255,255,255,.38) !important;
}


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

@media (max-width: 767.98px) {

    html body.gkazmi-app
    .main-content >
    .gkazmi-canonical-page-root {
        padding:
            12px
            12px
            0 !important;
    }

    html body.gkazmi-app
    .gkazmi-canonical-page-root >
    .gkazmi-canonical-page-header {
        min-height:
            118px !important;

        padding:
            24px 16px !important;
    }

    html body.gkazmi-app
    .gkazmi-canonical-page-root >
    .gkazmi-canonical-body-surface {
        padding:
            12px !important;
    }

}


/* GKAZMI_GLOBAL_CANONICAL_WORKSPACE_CONVERGENCE_END */

/* GKAZMI_BACK_TO_TOP_DIRECT_GLOBAL_OWNER_BEGIN */

/* ============================================================
   CANONICAL GKAZMI BACK-TO-TOP
   Exact DOM owner: .gkazmi-back-to-top
   No BODY/page/route dependency.
   ============================================================ */

.gkazmi-back-to-top {
    position: fixed !important;

    right: 0 !important;
    bottom: 24px !important;

    width: 58px !important;
    height: 48px !important;

    min-width: 58px !important;
    max-width: 58px !important;
    min-height: 48px !important;
    max-height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;

    /* flat on viewport side, strongly curved toward page */
    border-radius: 28px 0 0 28px !important;

    border-top: 1px solid rgba(255,255,255,.80) !important;
    border-bottom: 1px solid rgba(255,255,255,.80) !important;
    border-left: 1px solid rgba(255,255,255,.80) !important;
    border-right: 0 !important;

    background:
        linear-gradient(
            135deg,
            #2563eb 0%,
            #4f46e5 46%,
            #7c3aed 100%
        ) !important;

    color: #ffffff !important;

    box-shadow:
        -8px 8px 24px rgba(79,70,229,.30),
        inset 0 1px 0 rgba(255,255,255,.34) !important;

    z-index: 1200 !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translateX(10px) !important;

    transition:
        opacity .18s ease,
        visibility .18s ease,
        transform .18s ease,
        width .18s ease,
        box-shadow .18s ease !important;
}


.gkazmi-back-to-top.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
}


.gkazmi-back-to-top > i.fa-arrow-up {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: static !important;

    width: 24px !important;
    height: 24px !important;

    margin: 0 5px 0 0 !important;
    padding: 0 !important;

    font-size: 18px !important;
    line-height: 24px !important;

    color: #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;

    text-shadow: 0 1px 2px rgba(15,23,42,.30) !important;
}


.gkazmi-back-to-top::before,
.gkazmi-back-to-top::after {
    content: none !important;
    display: none !important;
}


.gkazmi-back-to-top:hover {
    width: 66px !important;
    max-width: 66px !important;

    background:
        linear-gradient(
            135deg,
            #1d4ed8 0%,
            #4338ca 46%,
            #6d28d9 100%
        ) !important;

    box-shadow:
        -12px 10px 30px rgba(79,70,229,.36),
        inset 0 1px 0 rgba(255,255,255,.40) !important;
}


.gkazmi-back-to-top:focus-visible {
    outline: 3px solid rgba(96,165,250,.38) !important;
    outline-offset: 3px !important;
}


/* ------------------------------------------------------------
   Explicit pagination isolation.
   Pagination buttons must remain normal content controls.
   ------------------------------------------------------------ */

.pagination,
.gkazmi-pagination,
nav[aria-label*="pagination" i] {
    position: relative !important;
}

.pagination .page-item,
.pagination .page-link,
.gkazmi-pagination .page-item,
.gkazmi-pagination .page-link {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
}


/* Give active pagination a separate clean cyan/blue identity. */

.pagination .page-item.active .page-link,
.pagination .page-link.active,
.gkazmi-pagination .page-item.active .page-link,
.gkazmi-pagination .page-link.active {
    background: linear-gradient(
        135deg,
        #0ea5e9 0%,
        #2563eb 100%
    ) !important;

    border-color: rgba(37,99,235,.28) !important;
    color: #ffffff !important;

    border-radius: 10px !important;

    box-shadow:
        0 5px 14px rgba(37,99,235,.18) !important;
}


@media (max-width: 767.98px) {

    .gkazmi-back-to-top {
        width: 52px !important;
        max-width: 52px !important;

        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;

        bottom: 18px !important;

        border-radius: 24px 0 0 24px !important;
    }

    .gkazmi-back-to-top:hover {
        width: 58px !important;
        max-width: 58px !important;
    }
}

/* GKAZMI_BACK_TO_TOP_DIRECT_GLOBAL_OWNER_END */


/* GKAZMI_CRONJOBS_SELECTION_ACTIONS_BELOW_KPI_CSS_BEGIN */

/*
 * REQUIRED FINAL ORDER:
 *
 * Search
 * Cron Job Operations / KPI
 * Selected count + compact actions
 * Table
 */


/*
 * This is now the combined row.
 */
body.gkazmi-route-cronjobs-management
#gkazmiCronjobsSelectionActions {
    box-sizing: border-box !important;

    width: 100% !important;

    position: static !important;
    inset: auto !important;

    float: none !important;
    clear: both !important;

    transform: none !important;
    translate: none !important;

    margin: 8px 0 10px !important;
    padding: 7px 10px !important;

    border: 1px solid #bfd5ff !important;
    border-radius: 11px !important;

    background: #eef5ff !important;

    box-shadow: none !important;
    overflow: visible !important;
}

body.gkazmi-route-cronjobs-management
#gkazmiCronjobsSelectionActions[hidden] {
    display: none !important;
}

body.gkazmi-route-cronjobs-management
#gkazmiCronjobsSelectionActions:not([hidden]) {
    display: grid !important;

    grid-template-columns:
        minmax(130px, auto)
        minmax(0, 1fr)
        !important;

    align-items: center !important;

    column-gap: 18px !important;
}


/*
 * LEFT:
 * 15 selected
 */
body.gkazmi-route-cronjobs-management
#gkazmiCronjobsSelectionActions
.gkazmi-cronjobs-selection-count {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 7px !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;

    font-weight: 800 !important;
}


/*
 * RIGHT:
 * Enable | Disable | Delete
 */
body.gkazmi-route-cronjobs-management
#gkazmiCronjobsSelectionActions
#cjBulkActions {
    box-sizing: border-box !important;

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr))
        !important;

    align-items: center !important;

    gap: 8px !important;

    width: 100% !important;
    max-width: 660px !important;

    justify-self: end !important;

    min-height: 0 !important;

    position: static !important;
    inset: auto !important;

    float: none !important;
    clear: none !important;

    transform: none !important;
    translate: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    overflow: visible !important;

    visibility: visible !important;
    opacity: 1 !important;

    pointer-events: auto !important;
}

body.gkazmi-route-cronjobs-management
#gkazmiCronjobsSelectionActions
#cjBulkActions[hidden] {
    display: none !important;
}


body.gkazmi-route-cronjobs-management
#gkazmiCronjobsSelectionActions
#cjBulkActions > button {
    box-sizing: border-box !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;

    position: static !important;
    inset: auto !important;

    float: none !important;

    margin: 0 !important;
    padding: 0 10px !important;

    transform: none !important;
    translate: none !important;

    white-space: nowrap !important;

    border-radius: 8px !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    visibility: visible !important;
    opacity: 1 !important;

    pointer-events: auto !important;
}


body.gkazmi-route-cronjobs-management
#gkazmiCronjobsSelectionActions
#bulkEnable {
    color: #fff !important;
    background: #16a34a !important;
    border-color: #15803d !important;
}


body.gkazmi-route-cronjobs-management
#gkazmiCronjobsSelectionActions
#bulkDisable {
    color: #fff !important;
    background: #f59e0b !important;
    border-color: #d97706 !important;
}


body.gkazmi-route-cronjobs-management
#gkazmiCronjobsSelectionActions
#bulkDelete {
    color: #fff !important;
    background: #ef4444 !important;
    border-color: #dc2626 !important;
}


/*
 * Kill historical empty action hosts visually.
 */
body.gkazmi-route-cronjobs-management
#gkazmiCronjobsBulkActionGapHost,
body.gkazmi-route-cronjobs-management
#gkazmiCronjobsExactActionHost {
    display: none !important;
}


/*
 * Responsive.
 */
@media (max-width: 900px) {

    body.gkazmi-route-cronjobs-management
    #gkazmiCronjobsSelectionActions:not([hidden]) {
        grid-template-columns: 1fr !important;
        row-gap: 8px !important;
    }

    body.gkazmi-route-cronjobs-management
    #gkazmiCronjobsSelectionActions
    #cjBulkActions {
        justify-self: stretch !important;
        max-width: none !important;
    }
}


@media (max-width: 560px) {

    body.gkazmi-route-cronjobs-management
    #gkazmiCronjobsSelectionActions
    #cjBulkActions {
        grid-template-columns: 1fr !important;
    }
}

/* GKAZMI_CRONJOBS_SELECTION_ACTIONS_BELOW_KPI_CSS_END */

/* GKAZMI_CRONJOBS_RUNTIME_CONVERGENCE_BEGIN */

/*
 * Route-specific containment for the dedicated CronJobs workspace.
 */
body.gkazmi-route-cronjobs-management
table[data-gkazmi-cronjobs-primary-table="1"] {
    contain: style !important;
}

/*
 * Avoid historical global transition rules forcing broad
 * all-property animation work on hundreds of table rows.
 */
body.gkazmi-route-cronjobs-management
table[data-gkazmi-cronjobs-primary-table="1"] tbody tr {
    transition-property:
        background-color,
        border-color,
        color,
        opacity,
        transform !important;

    transition-duration: 120ms !important;
}

/*
 * Normalize the native All-users filter against the historical
 * global select cascade.
 */
body.gkazmi-route-cronjobs-management
#gkazmiCronjobsUserFilter {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin: 0 !important;
    padding: 0 42px 0 16px !important;

    color: #0f172a !important;
    background-color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

body.gkazmi-route-cronjobs-management
#gkazmiCronjobsUserFilter option,
body.gkazmi-route-cronjobs-management
#gkazmiCronjobsUserFilter optgroup {
    color: #0f172a !important;
    background-color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: normal !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 4px 8px !important;
}

/*
 * Keep the bulk-action bar responsive without inheriting long
 * global transitions.
 */
body.gkazmi-route-cronjobs-management
#gkazmiCronjobsSelectionActions,
body.gkazmi-route-cronjobs-management
#cjBulkActions {
    transition-duration: 120ms !important;
}

/* GKAZMI_CRONJOBS_RUNTIME_CONVERGENCE_END */

/* GKAZMI_CRONJOBS_CANONICAL_UI_BEGIN */

/*
 * CronJobs Management owns the complete available application workspace.
 * The document is the vertical scrolling owner.
 */
body.gkazmi-route-cronjobs-management {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.gkazmi-route-cronjobs-management
> .d-flex {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 100vh !important;
    align-items: stretch !important;
}

body.gkazmi-route-cronjobs-management
> .d-flex
> .main-content {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 100vh !important;
    overflow: visible !important;
}

/*
 * The direct CronJobs page workspace must consume all remaining width.
 */
body.gkazmi-route-cronjobs-management
.main-content
> .gkazmi-workspace-owner {
    box-sizing: border-box !important;
    width: calc(100% - 32px) !important;
    max-width: none !important;
    min-width: 0 !important;

    margin-left: 16px !important;
    margin-right: 16px !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;
}

/*
 * Do not turn cards/workspaces into nested vertical scroll containers.
 */
body.gkazmi-route-cronjobs-management
.main-content
:is(
    .gkazmi-workspace-owner,
    .gkazmi-page-workspace,
    .gkazmi-data-body,
    .card,
    .card-body
) {
    max-height: none !important;
}

/*
 * The table wrapper may scroll horizontally when the viewport cannot
 * accommodate all columns. It must never become an inner vertical
 * scrolling viewport.
 */
body.gkazmi-route-cronjobs-management
.cronjobs-table-wrap {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow-x: auto !important;
    overflow-y: visible !important;

    -webkit-overflow-scrolling: touch;
}

/*
 * Desktop table consumes the complete available route workspace.
 */
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table {
    width: 100% !important;
    max-width: none !important;
    min-width: 1180px !important;

    table-layout: fixed !important;
    margin-bottom: 0 !important;
}

/*
 * Keep the actions column stable and completely visible.
 */
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell {
    width: 132px !important;
    min-width: 132px !important;

    overflow: visible !important;
    white-space: nowrap !important;

    position: relative !important;
    z-index: 2 !important;
}

/*
 * Canonical action button geometry.
 */
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;

    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    padding: 0 !important;
    border-radius: 10px !important;

    opacity: 1 !important;
    visibility: visible !important;

    transition:
        background-color .16s ease,
        border-color .16s ease,
        color .16s ease,
        box-shadow .16s ease,
        transform .16s ease !important;
}

body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn i,
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn svg {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
}

/*
 * VIEW
 */
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn-view,
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn[title*="View" i] {
    color: #0f8f8f !important;
    background: #f0fbfb !important;
    border-color: #d7f3f3 !important;
}

body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn-view:hover,
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn-view:focus-visible,
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn[title*="View" i]:hover,
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn[title*="View" i]:focus-visible {
    color: #ffffff !important;
    background: #0f8f8f !important;
    border-color: #0f8f8f !important;
    box-shadow: 0 0 0 3px rgba(15,143,143,.16) !important;
}

/*
 * EDIT
 */
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn-edit,
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn[title*="Edit" i] {
    color: #2563eb !important;
    background: #eff6ff !important;
    border-color: #dbeafe !important;
}

body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn-edit:hover,
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn-edit:focus-visible,
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn[title*="Edit" i]:hover,
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn[title*="Edit" i]:focus-visible {
    color: #ffffff !important;
    background: #2563eb !important;
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,.16) !important;
}

/*
 * DELETE
 */
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn-delete,
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn[title*="Delete" i] {
    color: #dc2626 !important;
    background: #fff1f2 !important;
    border-color: #ffe4e6 !important;
}

body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn-delete:hover,
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn-delete:focus-visible,
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn[title*="Delete" i]:hover,
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn[title*="Delete" i]:focus-visible {
    color: #ffffff !important;
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220,38,38,.16) !important;
}

/*
 * Explicitly force icon inheritance because old consolidated rules
 * assign colors directly to Font Awesome icons.
 */
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn:hover i,
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn:focus-visible i,
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn:hover svg,
body.gkazmi-route-cronjobs-management
.canonical-cronjobs-table
.cj-actions-cell
.btn:focus-visible svg {
    color: currentColor !important;
    fill: currentColor !important;
}

/*
 * Preserve full page layout on ordinary desktop widths.
 */
@media (min-width: 992px) {
    body.gkazmi-route-cronjobs-management
    .main-content {
        overflow: visible !important;
    }

    body.gkazmi-route-cronjobs-management
    .cronjobs-table-wrap {
        overflow-y: visible !important;
        max-height: none !important;
    }
}

/*
 * Small screens retain horizontal table scrolling without creating
 * another vertical scrolling viewport.
 */
@media (max-width: 991.98px) {
    body.gkazmi-route-cronjobs-management
    .main-content
    > .gkazmi-workspace-owner {
        width: calc(100% - 20px) !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    body.gkazmi-route-cronjobs-management
    .cronjobs-table-wrap {
        overflow-x: auto !important;
        overflow-y: visible !important;
        max-height: none !important;
    }
}

/* GKAZMI_CRONJOBS_CANONICAL_UI_END */

/* GKAZMI_FINAL_AUTHENTICATED_UI_CONTRACT_BEGIN */

/*
 * Final authenticated application contract.
 *
 * Every normal authenticated page renders the same
 * gkazmi_page_header() component. This late semantic block
 * is therefore the single visual owner of that component and
 * supersedes historical page-specific header generations.
 */

body.gkazmi-app {
    
    --gkazmi-final-header-height: 138px;
    --gkazmi-final-header-radius: 18px;
    --gkazmi-final-border: #d8e2f0;
    
    
}

body.gkazmi-app
.main-content {
    min-width: 0 !important;
    max-width: none !important;
}

/*
 * The final header itself owns its dimensions.
 * Parent/container differences must not change its appearance.
 */
body.gkazmi-app
.main-content
.gkazmi-page-header {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;

    min-height: var(--gkazmi-final-header-height) !important;
    height: auto !important;

    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 24px !important;
    margin-left: 0 !important;

    padding: 24px 28px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid var(--gkazmi-final-border) !important;
    border-radius: var(--gkazmi-final-header-radius) !important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f5f8ff 100%
        ) !important;

    box-shadow:
        0 14px 34px rgba(15, 23, 42, .055) !important;

    overflow: visible !important;
    text-align: center !important;
}

/*
 * Remove decorative leftovers from historical header implementations.
 */
body.gkazmi-app
.main-content
.gkazmi-page-header::before,
body.gkazmi-app
.main-content
.gkazmi-page-header::after {
    content: none !important;
    display: none !important;
}

/*
 * Final header title.
 */
body.gkazmi-app
.main-content
.gkazmi-page-header
:is(h1, h2, .gkazmi-page-header-title) {
    margin: 0 !important;

    font-size:
        clamp(1.65rem, 2.05vw, 2.05rem) !important;

    line-height: 1.12 !important;
    font-weight: 850 !important;
    letter-spacing: -.025em !important;

    color: #0f172a !important;
}

/*
 * Final header subtitle.
 */
body.gkazmi-app
.main-content
.gkazmi-page-header
:is(
    p,
    .lead,
    .gkazmi-page-header-subtitle
) {
    margin-top: 8px !important;
    margin-bottom: 0 !important;

    font-size: .9rem !important;
    line-height: 1.45 !important;

    color: #53657f !important;
}

/*
 * All icon shells inside the final header use identical geometry.
 */
body.gkazmi-app
.main-content
.gkazmi-page-header
:is(
    .icon,
    .page-header-icon,
    .header-icon,
    .gkazmi-page-header-icon
) {
    flex: 0 0 42px !important;

    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;

    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;

    margin: 0 !important;

    display: inline-grid !important;
    place-items: center !important;

    border-radius: 11px !important;
}

/*
 * Canonical application workspace width.
 */
body.gkazmi-app
.main-content.gkazmi-workspace-owner {
    box-sizing: border-box !important;

    width: calc(100% - 32px) !important;
    max-width: none !important;
    min-width: 0 !important;

    margin-left: 16px !important;
    margin-right: 16px !important;

    height: auto !important;
    max-height: none !important;
}

/*
 * Inner page content uses one horizontal rhythm.
 *
 * Do not overwrite dashboard's specialised nested content shell,
 * only direct standard route containers.
 */
body.gkazmi-app
.main-content.gkazmi-workspace-owner
> .container-fluid:not(.dashboard-enterprise-shell) {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 28px !important;
}

/*
 * Dashboard still uses the same header geometry even though its
 * renderer lives inside dashboard-enterprise-shell.
 */
body.gkazmi-route-dashboard
.dashboard-enterprise-shell {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*
 * Communication Automation final navigation.
 */
body.gkazmi-route-communication-automation

/*
 * Section landing positions when switching Communication tabs.
 */
body.gkazmi-route-communication-automation
:is(
    #notification-settings,
    .gkazmi-workflow-studio,
    [data-gkazmi-communication-section]
) {
    scroll-margin-top: 20px !important;
}

@media (max-width: 991.98px) {
    body.gkazmi-app {
        --gkazmi-final-header-height: 122px;
    }

    body.gkazmi-app
    .main-content.gkazmi-workspace-owner {
        width: calc(100% - 20px) !important;

        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    body.gkazmi-app
    .main-content
    .gkazmi-page-header {
        padding: 20px 16px !important;
        margin-bottom: 18px !important;
    }
}

@media (max-width: 575.98px) {
    body.gkazmi-app {
        --gkazmi-final-header-height: 112px;
    }

    body.gkazmi-app
    .main-content
    .gkazmi-page-header {
        padding: 16px 12px !important;
        border-radius: 14px !important;
    }

    body.gkazmi-app
    .main-content
    .gkazmi-page-header
    :is(h1, h2, .gkazmi-page-header-title) {
        font-size: 1.42rem !important;
    }
}

/* GKAZMI_FINAL_AUTHENTICATED_UI_CONTRACT_END */

/* ============================================================
   GKazmi canonical light design tokens
   Single global owner.
   ============================================================ */
:root{
  --gkazmi-ui-canvas: #f6f8fb;
  --gkazmi-ui-bg: #f6f8fb;
  --gkazmi-ui-surface: #ffffff;
  --gkazmi-ui-surface-soft: #f9fafb;
  --gkazmi-ui-border: #e4e9f0;
  --gkazmi-ui-border-strong: #d5dde8;
  --gkazmi-ui-text: #172033;
  --gkazmi-ui-muted: #687386;
  --gkazmi-ui-primary: #315efb;
  
  
  
  --gkazmi-ui-radius: 12px;
  --gkazmi-ui-shadow-sm: 0 1px 2px rgba(20, 31, 52, .05), 0 1px 5px rgba(20, 31, 52, .04);
  --gkazmi-ui-shadow: 0 10px 30px rgba(20, 31, 52, .08);
  --gkazmi-ui-ring: 0 0 0 3px rgba(49, 94, 251, .14);
}


/* GKAZMI_DHRU_EDIT_HEADER_MASTER_ICON_BEGIN */

/*
 * Edit DHRU CronJob:
 * canonical left-side header icon only.
 *
 * No modal-shell styling is owned here.
 */
#dhruEditModal .modal-header {
    position: relative;
}

#dhruEditModal
.gkazmi-dhru-edit-header-master-icon {
    position: absolute;
    top: 50%;
    left: 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 54px;
    height: 54px;

    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            #fff7ed 0%,
            #fff 100%
        );

    color: #f97316;

    font-size: 25px;
    line-height: 1;

    box-shadow:
        0 10px 28px
        rgba(249, 115, 22, .14);

    transform: translateY(-50%);

    pointer-events: none;
}

#dhruEditModal
.gkazmi-dhru-edit-header-master-icon i {
    margin: 0;
    padding: 0;

    color: inherit;

    font-size: inherit;
    line-height: 1;
}

@media (max-width: 767.98px) {
    #dhruEditModal
    .gkazmi-dhru-edit-header-master-icon {
        left: 16px;

        width: 46px;
        height: 46px;

        font-size: 21px;
    }
}

/* GKAZMI_DHRU_EDIT_HEADER_MASTER_ICON_END */


/* GKAZMI_RESELLER_STATIC_HEADER_ICONS_BEGIN */

/*
 * Manage Resellers:
 * canonical static header icon owner.
 *
 * Modal layout remains owned by the existing global subform system.
 */

#modalAdd .modal-header,
#modalEdit .modal-header {
    position: relative;
}

#modalAdd .gk-reseller-header-icon,
#modalEdit .gk-reseller-header-icon {
    position: absolute;
    top: 50%;
    left: 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 54px;
    height: 54px;

    border-radius: 14px;

    font-size: 25px;
    line-height: 1;

    transform: translateY(-50%);

    pointer-events: none;
}

#modalAdd
.gk-reseller-header-icon--add {
    background:
        linear-gradient(
            135deg,
            #f5f3ff 0%,
            #ffffff 100%
        );

    color: #7c3aed;

    box-shadow:
        0 10px 28px
        rgba(124, 58, 237, .15);
}

#modalEdit
.gk-reseller-header-icon--edit {
    background:
        linear-gradient(
            135deg,
            #fff7ed 0%,
            #ffffff 100%
        );

    color: #f97316;

    box-shadow:
        0 10px 28px
        rgba(249, 115, 22, .15);
}

#modalAdd
.gk-reseller-header-icon i,
#modalEdit
.gk-reseller-header-icon i {
    margin: 0;
    padding: 0;

    color: inherit;

    font-size: inherit;
    line-height: 1;
}

@media (max-width: 767.98px) {
    #modalAdd
    .gk-reseller-header-icon,
    #modalEdit
    .gk-reseller-header-icon {
        left: 16px;

        width: 46px;
        height: 46px;

        font-size: 21px;
    }
}

/* GKAZMI_RESELLER_STATIC_HEADER_ICONS_END */


/* GKAZMI_DHRU_FINAL_ACTION_BRIDGE_BEGIN */
body.gkazmi-route-dhru-auto-sync #gkDhruJobTable .cj-actions-cell{
    white-space:nowrap;
    text-align:right;
}
body.gkazmi-route-dhru-auto-sync #gkDhruJobTable .cj-actions-cell :is(.gk-dhru-toggle,.gk-dhru-manual-edit,.gk-dhru-delete){
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:auto !important;
    min-width:38px;
    min-height:34px;
    opacity:1 !important;
    visibility:visible !important;
}
body.gkazmi-route-dhru-auto-sync [data-gk-dhru-panel="management"] :is(
    .gkazmi-table-selection-status,
    .gkazmi-selection-status,
    .table-selection-summary,
    .selection-status,
    .selected-status,
    .gkazmi-bulk-status
){
    display:none !important;
}
/* GKAZMI_DHRU_FINAL_ACTION_BRIDGE_END */


/* GKAZMI_DHRU_EXACT_PARITY_V2_BEGIN */

/* Desktop: exact normal-CronJobs horizontal selection strip. */
body.gkazmi-route-dhru-auto-sync
#gkDhruBulkActions.gkazmi-cronjobs-selection-actions{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    gap:.75rem !important;
    width:100% !important;
    min-height:58px !important;
    margin:0 0 .75rem !important;
    padding:.6rem .75rem !important;
}

body.gkazmi-route-dhru-auto-sync
#gkDhruBulkActions.gkazmi-cronjobs-selection-actions[hidden]{
    display:none !important;
}

body.gkazmi-route-dhru-auto-sync
#gkDhruBulkActions .gkazmi-cronjobs-selection-count{
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    margin:0 !important;
    white-space:nowrap !important;
}

body.gkazmi-route-dhru-auto-sync
#gkDhruBulkActions #cjBulkActions{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;
    gap:.5rem !important;
    flex:0 0 auto !important;
    width:auto !important;
    max-width:none !important;
    margin:0 0 0 auto !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

body.gkazmi-route-dhru-auto-sync
#gkDhruBulkActions #cjBulkActions .btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:190px !important;
    max-width:none !important;
    min-height:38px !important;
    margin:0 !important;
    padding:.45rem .9rem !important;
    white-space:nowrap !important;
}

/* Canonical table width contract. */
body.gkazmi-route-dhru-auto-sync
#gkDhruJobTable{
    width:100% !important;
    table-layout:fixed !important;
}

body.gkazmi-route-dhru-auto-sync #gkDhruJobTable .cj-col-select{ width:42px; }
body.gkazmi-route-dhru-auto-sync #gkDhruJobTable .cj-col-id{ width:58px; }
body.gkazmi-route-dhru-auto-sync #gkDhruJobTable .cj-col-user{ width:105px; }
body.gkazmi-route-dhru-auto-sync #gkDhruJobTable .cj-col-title{ width:145px; }
body.gkazmi-route-dhru-auto-sync #gkDhruJobTable .cj-col-method{ width:78px; }
body.gkazmi-route-dhru-auto-sync #gkDhruJobTable .cj-col-url{ width:auto; }
body.gkazmi-route-dhru-auto-sync #gkDhruJobTable .cj-col-interval{ width:110px; }
body.gkazmi-route-dhru-auto-sync #gkDhruJobTable .cj-col-enabled{ width:82px; }
body.gkazmi-route-dhru-auto-sync #gkDhruJobTable .cj-col-next{ width:145px; }
body.gkazmi-route-dhru-auto-sync #gkDhruJobTable .cj-col-last{ width:145px; }
body.gkazmi-route-dhru-auto-sync #gkDhruJobTable .cj-col-status{ width:150px; }
body.gkazmi-route-dhru-auto-sync #gkDhruJobTable .cj-col-actions{ width:142px; }

body.gkazmi-route-dhru-auto-sync
#gkDhruJobTable :is(th,td).cj-actions-cell{
    width:142px !important;
    min-width:142px !important;
    max-width:142px !important;
    text-align:right !important;
    white-space:nowrap !important;
}

body.gkazmi-route-dhru-auto-sync
#gkDhruJobTable td.cj-actions-cell{
    overflow:visible !important;
}

body.gkazmi-route-dhru-auto-sync
#gkDhruJobTable td.cj-actions-cell :is(
    .gk-dhru-toggle,
    .gk-dhru-manual-edit,
    .gk-dhru-delete
){
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:36px !important;
    min-width:36px !important;
    max-width:36px !important;
    height:34px !important;
    margin:0 2px !important;
    padding:0 !important;
    flex:0 0 36px !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* URL remains readable without stealing action width. */
body.gkazmi-route-dhru-auto-sync
#gkDhruJobTable .col-url,
body.gkazmi-route-dhru-auto-sync
#gkDhruJobTable .gk-dhru-management-url{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

/* Mobile only: stack exactly when horizontal layout cannot fit. */
@media (max-width:767.98px){
    body.gkazmi-route-dhru-auto-sync
    #gkDhruBulkActions.gkazmi-cronjobs-selection-actions{
        flex-direction:column !important;
        align-items:stretch !important;
    }

    body.gkazmi-route-dhru-auto-sync
    #gkDhruBulkActions #cjBulkActions{
        display:grid !important;
        grid-template-columns:1fr !important;
        width:100% !important;
        margin-left:0 !important;
    }

    body.gkazmi-route-dhru-auto-sync
    #gkDhruBulkActions #cjBulkActions .btn{
        width:100% !important;
        min-width:0 !important;
    }
}

/* GKAZMI_DHRU_EXACT_PARITY_V2_END */


/* GKAZMI_DHRU_ACTION_HOVER_VISIBILITY_V1_BEGIN */

/*
 * Keep all three DHRU row-action icons visible on hover, focus and active.
 * Existing click handlers and button classes remain authoritative.
 */
body.gkazmi-route-dhru-auto-sync
#gkDhruJobTable .cj-actions-cell :is(
    .gk-dhru-toggle,
    .gk-dhru-manual-edit,
    .gk-dhru-delete
){
    position:relative;
    isolation:isolate;
}

body.gkazmi-route-dhru-auto-sync
#gkDhruJobTable .cj-actions-cell :is(
    .gk-dhru-toggle,
    .gk-dhru-manual-edit,
    .gk-dhru-delete
):is(:hover,:focus,:focus-visible,:active){
    opacity:1 !important;
    visibility:visible !important;
}

body.gkazmi-route-dhru-auto-sync
#gkDhruJobTable .cj-actions-cell :is(
    .gk-dhru-toggle,
    .gk-dhru-manual-edit,
    .gk-dhru-delete
):is(:hover,:focus,:focus-visible,:active) i{
    color:#ffffff !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
}

body.gkazmi-route-dhru-auto-sync
#gkDhruJobTable .cj-actions-cell .gk-dhru-toggle:is(:hover,:focus,:focus-visible,:active){
    background:#4f46e5 !important;
    border-color:#4f46e5 !important;
    color:#ffffff !important;
}

body.gkazmi-route-dhru-auto-sync
#gkDhruJobTable .cj-actions-cell .gk-dhru-manual-edit:is(:hover,:focus,:focus-visible,:active){
    background:#2563eb !important;
    border-color:#2563eb !important;
    color:#ffffff !important;
}

body.gkazmi-route-dhru-auto-sync
#gkDhruJobTable .cj-actions-cell .gk-dhru-delete:is(:hover,:focus,:focus-visible,:active){
    background:#dc2626 !important;
    border-color:#dc2626 !important;
    color:#ffffff !important;
}

/* GKAZMI_DHRU_ACTION_HOVER_VISIBILITY_V1_END */

/* GKAZMI_DHRU_FULL_TAB_NAVIGATION */
.gk-dhru-tabs[data-gk-dhru-navigation="full"]{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
}
.gk-dhru-tabs[data-gk-dhru-navigation="full"] .gk-dhru-tab{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    align-items:center !important;
    justify-content:center !important;
}
@media (max-width:760px){
    .gk-dhru-tabs[data-gk-dhru-navigation="full"]{
        grid-template-columns:1fr !important;
    }
}

/* GKAZMI_DHRU_ROUTE_RUNTIME_SUPPORT */
body.gkazmi-route-dhru-auto-sync .gk-dhru-client-pagination{border-top:1px solid #e2e8f0;padding-top:.85rem}
body.gkazmi-route-dhru-auto-sync .dhru-edit-advanced{color:#7c3aed;background:#ede9fe}

/*
 * GKAZMI_DHRU_COLORFUL_TAB_ICONS
 *
 * Authoritative visual owner for the three DHRU Auto Sync tabs.
 */

.gk-dhru-tabs .gk-dhru-tab .gk-dhru-tab-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    width: 100%;
    white-space: nowrap;
}

.gk-dhru-tabs .gk-dhru-tab .gk-dhru-tab-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    flex: 0 0 1.55rem;
    border-radius: .48rem;
    font-size: .88rem;
    line-height: 1;
    visibility: visible !important;
    opacity: 1 !important;
}

.gk-dhru-tabs .gk-dhru-tab .gk-dhru-tab-icon i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: .9rem;
}

/* Auto Sync Control */
.gk-dhru-tab-icon-control {
    color: #0891b2 !important;
    background: rgba(6, 182, 212, .14);
    box-shadow: inset 0 0 0 1px rgba(6, 182, 212, .22);
}

/* CronJobs Management */
.gk-dhru-tab-icon-management {
    color: #2563eb !important;
    background: rgba(59, 130, 246, .14);
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, .22);
}

/* CronJobs History */
.gk-dhru-tab-icon-history {
    color: #ea580c !important;
    background: rgba(249, 115, 22, .14);
    box-shadow: inset 0 0 0 1px rgba(249, 115, 22, .22);
}

/*
 * Keep icon identity visible when a tab is active.
 */
.gk-dhru-tab.active .gk-dhru-tab-icon-control {
    color: #22d3ee !important;
    background: rgba(255,255,255,.16);
    box-shadow: inset 0 0 0 1px rgba(34,211,238,.42);
}

.gk-dhru-tab.active .gk-dhru-tab-icon-management {
    color: #93c5fd !important;
    background: rgba(255,255,255,.16);
    box-shadow: inset 0 0 0 1px rgba(147,197,253,.42);
}

.gk-dhru-tab.active .gk-dhru-tab-icon-history {
    color: #fdba74 !important;
    background: rgba(255,255,255,.16);
    box-shadow: inset 0 0 0 1px rgba(253,186,116,.42);
}

@media (max-width: 767.98px) {
    .gk-dhru-tabs .gk-dhru-tab .gk-dhru-tab-label {
        gap: .35rem;
    }

    .gk-dhru-tabs .gk-dhru-tab .gk-dhru-tab-icon {
        width: 1.35rem;
        height: 1.35rem;
        flex-basis: 1.35rem;
        font-size: .78rem;
    }
}

/*
 * GKAZMI_DHRU_FINAL_PANEL_VISIBILITY_OWNER
 *
 * Authoritative DHRU Auto Sync tab/panel display contract.
 * Earlier generic .gk-dhru-panel rules must not suppress an
 * active Management or History workspace.
 */
body.gkazmi-dhru-auto-sync .gk-dhru-panel {
    display: none !important;
}

body.gkazmi-dhru-auto-sync .gk-dhru-panel.active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    min-height: 1px !important;
    overflow: visible !important;
    position: relative !important;
    pointer-events: auto !important;
}

body.gkazmi-dhru-auto-sync
[data-gk-dhru-panel="management"].active,
body.gkazmi-dhru-auto-sync
[data-gk-dhru-panel="history"].active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.gkazmi-dhru-auto-sync
[data-gk-dhru-panel="management"].active
.gk-dhru-management-workspace,
body.gkazmi-dhru-auto-sync
[data-gk-dhru-panel="history"].active
.gk-dhru-admin-card {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/*
 * Ensure the large native tables remain inside their workspace
 * instead of collapsing their parent panel.
 */
body.gkazmi-dhru-auto-sync
[data-gk-dhru-panel="management"]
.table-responsive,
body.gkazmi-dhru-auto-sync
[data-gk-dhru-panel="history"]
.table-responsive {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
}

/* GKAZMI_DHRU_FULL_PAGE_WORKSPACE_BEGIN */

/*
 * DHRU Auto Sync full-page workspace.
 *
 * Management and History use the normal document flow.
 * The browser/page owns vertical scrolling.
 * Tables retain horizontal scrolling only when required.
 */

body.gkazmi-route-dhru-auto-sync {
    overflow-x: hidden;
}

/* Use all available application content width. */
body.gkazmi-route-dhru-auto-sync
:is(
    .gk-dhru-page,
    .gkazmi-dhru-console,
    .gk-dhru-panel,
    .gk-dhru-management-workspace,
    [data-gk-dhru-panel="management"],
    [data-gk-dhru-panel="history"]
) {
    width: 100% !important;
    max-width: none !important;
}

/*
 * Active tabs must participate in ordinary page flow.
 */
body.gkazmi-route-dhru-auto-sync
.gk-dhru-panel.active {
    display: block !important;
    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;
}

/*
 * Remove nested vertical workspace scrolling.
 */
body.gkazmi-route-dhru-auto-sync
[data-gk-dhru-panel="management"]
.gk-dhru-management-workspace,
body.gkazmi-route-dhru-auto-sync
[data-gk-dhru-panel="history"]
.gk-dhru-admin-card {
    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;
}

/*
 * Management table:
 * horizontal scrolling is permitted if columns cannot fit.
 * vertical scrolling belongs to the browser page.
 */
body.gkazmi-route-dhru-auto-sync
[data-gk-dhru-panel="management"]
.gk-dhru-management-table,
body.gkazmi-route-dhru-auto-sync
[data-gk-dhru-panel="management"]
.table-responsive,
body.gkazmi-route-dhru-auto-sync
[data-gk-dhru-panel="management"]
.dhru-parity-table-wrap {
    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow-x: auto !important;
    overflow-y: visible !important;
}

/*
 * Remove fixed/sticky table viewport behavior that creates
 * the nested vertical scrollbar shown in the current UI.
 */
body.gkazmi-route-dhru-auto-sync
[data-gk-dhru-panel="management"]
:is(
    .gk-dhru-management-table,
    .table-responsive,
    .dhru-parity-table-wrap
) {
    position: relative !important;
}

/*
 * History follows the same full-page rule.
 */
body.gkazmi-route-dhru-auto-sync
[data-gk-dhru-panel="history"]
:is(
    .gk-dhru-table,
    .table-responsive,
    .gkazmi-history-table-wrap,
    .gkazmi-history-runs-table
) {
    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow-x: auto !important;
    overflow-y: visible !important;
}

/*
 * Let the six-job table consume the available desktop width.
 */
body.gkazmi-route-dhru-auto-sync
#gkDhruJobTable {
    width: 100% !important;
    max-width: none !important;
}

/*
 * Pagination becomes ordinary page content underneath the table,
 * rather than looking detached from a fixed-height scrollbox.
 */
body.gkazmi-route-dhru-auto-sync
.gk-dhru-client-pagination {
    width: 100% !important;
    max-width: none !important;
    position: static !important;
    margin-top: 1rem !important;
}

/*
 * Desktop: slightly reduce unnecessary outer whitespace.
 * Sidebar and global application shell remain untouched.
 */
@media (min-width: 992px) {

    body.gkazmi-route-dhru-auto-sync
    main :is(
        .container,
        .container-sm,
        .container-md,
        .container-lg,
        .container-xl,
        .container-xxl
    ) {
        max-width: none !important;
    }

    body.gkazmi-route-dhru-auto-sync
    .gk-dhru-management-workspace {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/*
 * Mobile retains safe horizontal table scrolling.
 */
@media (max-width: 767.98px) {

    body.gkazmi-route-dhru-auto-sync
    [data-gk-dhru-panel="management"]
    .gk-dhru-management-table,

    body.gkazmi-route-dhru-auto-sync
    [data-gk-dhru-panel="history"]
    .table-responsive {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

/* GKAZMI_DHRU_FULL_PAGE_WORKSPACE_END */