@keyframes opacity-loading{0%{opacity:1}to{opacity:.5;filter:blur(5px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 var(--danger)}to{box-shadow:0 0 0 20px transparent}}@keyframes ac-fade-in-down{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}html{scroll-behavior:smooth}body[data-theme-style=dark].bg-white{background:var(--body-bg)!important}.app{background:#fbfcfe}[data-theme-style=dark].app{background:#0d0f11}.app-overlay{position:fixed;width:100%;height:100%;background:var(--gray-100);z-index:100;opacity:.5}.app-sidebar{display:flex;flex-direction:column;min-width:260px;max-width:260px;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--border-radius);margin:3rem 1.5rem 3rem -300px;transition:margin-left .15s linear,margin-right .15s linear;position:fixed;top:0;bottom:0;left:0;z-index:101}[dir=rtl] .app-sidebar{margin-left:initial;left:initial;right:0;margin-right:-300px}[dir=rtl] .app-sidebar,[dir=rtl] [data-theme-style=dark] .app-sidebar{border-right:0;border-left:1px solid var(--gray-100)}body.app-sidebar-opened .app-sidebar{margin-left:1.5rem}[dir=rtl] body.app-sidebar-opened .app-sidebar{margin-right:1.5rem}@media (min-width:992px){.app-sidebar{margin-left:1.5rem}[dir=rtl] .app-sidebar{margin-right:1.5rem}}.app-sidebar-title{display:flex;justify-content:center;align-items:center;padding:.5rem;margin:.5rem;height:75px}.app-sidebar-title a{font-size:1.4rem;color:var(--gray-900);font-weight:600}.app-sidebar-title a:hover{text-decoration:none}.app-sidebar-footer{width:100%}.app-sidebar-footer>a{width:100%;padding:.75rem 1.75rem;border-top:1px solid var(--gray-100);display:flex;align-items:center;color:var(--gray-500);font-size:.9rem;font-weight:500;transition:background .3s;border-radius:var(--border-radius)}.app-sidebar-footer>a:hover,.app-sidebar-links>li>a:hover{text-decoration:none;background:var(--gray-200);color:var(--gray-600)}.app-sidebar-links-wrapper{overflow-y:scroll;width:calc(100% - 6px);padding-bottom:.25rem;scrollbar-width:none}.app-sidebar-links-wrapper:hover{width:100%;scrollbar-color:var(--gray-200) var(--white)!important;scrollbar-width:thin!important}.app-sidebar-links-wrapper::-webkit-scrollbar{background-color:transparent;width:0}.app-sidebar-links-wrapper::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:10px}.app-sidebar-links-wrapper:hover::-webkit-scrollbar{width:6px}.app-sidebar-links-wrapper:hover::-webkit-scrollbar-track{width:6px}.app-sidebar-links{display:flex;flex-direction:column;align-items:center;list-style:none;padding:0;margin:0}.app-sidebar-links>li{width:100%;padding:.25rem calc(1rem - 6px) .25rem 1rem}.app-sidebar-links>.divider-wrapper{width:100%;padding:0 calc(.75rem - 6px)0 .75rem;margin:.25rem 0}.app-sidebar-links>.divider-wrapper>.divider{border-top:1px solid var(--gray-100)}.app-sidebar-links>li>a{width:100%;display:flex;align-items:center;color:var(--gray-600);border-radius:var(--border-radius);padding:.75rem 1rem;transition:background .3s;font-size:.9rem;font-weight:500}[data-theme-style=dark] .app-sidebar-links>li>a:hover{background:var(--gray-200);color:var(--gray-800)}.app-sidebar-links>li.active>a:not(.default){background:var(--primary);color:var(--white);font-weight:500}[data-theme-style=dark] .app-sidebar-links>li.active>a:not(.default){background:var(--primary-800);color:var(--white)}.app-sidebar-avatar{width:35px;height:35px;border-radius:50%}.app-sidebar-footer-block{max-width:100%}.app-sidebar-footer-text,.dropdown-item svg{color:var(--gray-600)}.app-content{margin-left:0;flex-grow:1}[dir=rtl] .app-content{margin-left:initial;margin-right:0}@media (min-width:992px){.app-content{margin-left:calc(260px + 1.5rem)}[dir=rtl] .app-content{margin-left:initial;margin-right:calc(260px + 1.5rem)}}.app-navbar{min-height:75px;border-bottom:1px solid var(--gray-100)}[data-theme-style=dark] .app-navbar{border-color:var(--gray-200)}.modal-header{padding:1rem;border-bottom:0}.modal-content{padding:1rem;border:0;box-shadow:none;-webkit-box-shadow:none;border-radius:calc(2*var(--border-radius))}.input-group-text{font-size:.9rem}.form-control-range{-webkit-appearance:none;appearance:none;overflow:hidden;accent-color:var(--primary);background:var(--gray-200);border-radius:var(--border-radius);height:.5rem;margin:.75rem 0}.form-control-range::-moz-range-track,.form-control-range::-webkit-slider-runnable-track{background:var(--gray-200)}.form-control-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:.75rem;width:.75rem;background-color:var(--primary);border-radius:50%;border:2px solid var(--white);box-shadow:-2007px 0 0 2000px var(--primary-300)}.form-control-range::-moz-range-thumb{-webkit-appearance:none;appearance:none;height:.75rem;width:.75rem;background-color:var(--primary);border-radius:50%;border:2px solid var(--white);box-shadow:-2007px 0 0 2000px var(--primary-300)}.footer{margin:3rem 0;padding-top:3rem;padding-bottom:3rem;background:var(--white);color:var(--gray-700)}.footer a:hover:not(.dropdown-item),.footer a:not(.dropdown-item){color:var(--gray-700)}.footer a.icon{color:var(--gray-700)}.footer button,.footer button:hover{color:var(--gray)!important}.footer-logo{max-height:2.5rem;height:2.5rem}.footer-heading{color:var(--black)!important}.footer-social-wrapper{border-radius:50%;aspect-ratio:1/1;display:inline-flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem}.footer-social-wrapper a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.app-footer{border:1px solid var(--gray-100);border-radius:var(--border-radius);padding:1.25rem}.filters-dropdown{width:18rem;max-height:30rem;overflow-y:auto}.custom-breadcrumbs{list-style:none;padding:0;display:flex;flex-wrap:wrap}.custom-breadcrumbs>li{margin-right:.5rem}.custom-breadcrumbs>li>a{color:var(--gray)}.custom-breadcrumbs>li>svg{color:var(--gray-400);margin-left:.5rem}.font-size-little-small{font-size:.95rem}.font-size-small{font-size:.9rem}.font-weight-450{font-weight:450}.font-weight-500{font-weight:500}.list-style-none{list-style:none;padding:0}img{vertical-align:inherit!important}.icon-favicon{width:.95rem;height:auto}.icon-favicon-small{width:.75rem;height:auto}.dropdown-item{color:var(--gray-800);font-weight:450;font-size:.9rem}.dropdown-item.active,.dropdown-item:focus,.dropdown-item:hover{border-radius:var(--border-radius)}.dropdown-item.active svg,.dropdown-item:active svg{color:var(--white)}.navbar-main{z-index:10;min-height:0!important;background:#ffffff75;border-bottom:1px solid var(--gray-100)}[data-theme-style=dark] .navbar-main{background:#00000057}.navbar-main .navbar-nav>li>a{font-size:.9rem;font-weight:500}.navbar-main .navbar-nav>li{padding:.5rem 0!important}@media (min-width:992px){.navbar-main .navbar-nav>li{padding:.5rem!important}}.navbar-logo{max-height:2.5rem;height:2.5rem}.navbar-logo-mini{max-height:1.25rem;height:1.25rem}.navbar-avatar{width:20px;height:20px;border-radius:50%}.navbar-custom-toggler{padding:.5rem .8rem;font-size:1.25rem;line-height:1;background-color:transparent;border-radius:var(--border-radius);color:var(--gray-700);border-color:var(--gray-300)}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.85)}.chart-container{position:relative;margin:auto;height:275px;width:100%}@media print{.chart-container canvas{min-height:100%;max-width:100%;max-height:100%;height:auto!important;width:auto!important}}.dropdown-toggle-simple::after{display:none}.index{background:#f9fcff}[data-theme-style=dark].index{background:var(--body-bg)}.index .navbar-main .btn{border-radius:5rem;padding:.5rem 1rem}.index-highly-rounded{border-radius:1rem}.user-avatar{border-radius:50%;max-width:80px;max-height:80px}.link-background-type-preset{width:100%;height:5rem;border-radius:var(--border-radius);transition:.3s transform,opacity}.link-background-type-preset:hover,.link-biolink-theme:hover{cursor:pointer;transform:scale(1.025)}input[type=radio]:checked~.link-background-type-preset{transform:scale(1.05);opacity:.25}.link-directory-avatar{width:60px;height:60px;object-fit:cover}.link-biolink-theme{transition:.3s transform,.3s opacity,.3s border-color;height:22.5rem!important;background-size:cover!important;background-position:center center!important;border-width:2px}input[type=radio]:checked~.link-biolink-theme{transform:scale(1.05);border-color:var(--primary)}.link-biolink-theme-custom{background:linear-gradient(to right,purple,pink);color:#fff}.link-btn-straight{border-radius:0}.link-btn-round{border-radius:50px}.link-btn-rounded{border-radius:.4rem}.biolink-switch-buttons .nav-link.active{background:var(--gray-500)}.biolink-preview{position:relative;margin:0 auto;height:auto;width:auto;display:inline-block;text-align:left}.biolink-preview-iframe-container{overflow:hidden;width:300px;height:625px;border-radius:2.5rem;border:10px solid #000;position:relative;box-shadow:0 0 30px rgba(0,0,0,.2)}@media (min-width:768px){.biolink-preview-iframe-container{width:375px;height:800px}}.biolink-preview-iframe-loading{width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:absolute;display:flex;justify-content:center;align-items:center}.biolink-preview-iframe{width:100%;height:100%;border:0;margin:0;padding:0}.container-disabled{pointer-events:none;opacity:.5}.container-disabled-simple{pointer-events:none}.custom-row{border-radius:var(--border-radius);padding:1.25rem;position:relative;border:1px solid var(--gray-100);background:var(--white)}.custom-row-inactive{background:var(--gray-100)}.custom-row-side-controller{right:100%;top:25%;font-size:1.2em;padding:.2em}[dir=rtl] .custom-row-side-controller{right:initial;left:100%}@media (min-width:992px){.custom-row-side-controller{position:absolute;padding:.4em .8em}}.custom-row-side-controller-grab{cursor:grab;opacity:.5;transition:.3s opacity}.biolink_block:hover .custom-row-side-controller-grab{opacity:1}.table-image-wrapper{border-radius:50%;width:2.5rem;height:2.5rem;max-width:2.5rem;max-height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--primary-100)}.table-custom-container{border-radius:var(--border-radius);border:1px solid var(--gray-100)}.table-custom{margin-bottom:0}.table-custom thead th{border-top:0;border-bottom:0;background:var(--white);color:var(--gray-900)}.table-custom th{padding:1.25rem 1rem}.table-custom td{padding:1.55rem 1rem;background:var(--white);vertical-align:middle;border-color:var(--gray-100)}.cursor-pointer{cursor:pointer}.no-focus:focus{outline:0;box-shadow:none}.appearance-none{appearance:none;-moz-appearance:none;-webkit-appearance:none}.pricing-header,.pricing-plan{display:flex;flex-direction:column}.pricing-plan{border:1px solid var(--gray-100);height:100%}.pricing-header{padding:2.2rem 2.2rem 0;background:var(--white);border-radius:calc(2*var(--border-radius))}[data-theme-style=dark] .pricing-header{border-color:var(--gray-100)}.pricing-name{color:var(--black);font-size:1.15rem;font-weight:600;border-radius:var(--border-radius);margin-bottom:1rem;display:inline-block}.pricing-price{margin:1rem 0}.pricing-price-amount{font-size:3rem;font-weight:700}.pricing-price-currency{font-size:.9rem;font-weight:500;color:var(--gray)}.pricing-price-currency-symbol{font-size:3rem;font-weight:700}.pricing-details{font-size:.85rem;color:var(--gray-600)}.pricing-body{padding:0 2.2rem 2.2rem;background:var(--white);height:100%;border-bottom-left-radius:calc(2*var(--border-radius));border-bottom-right-radius:calc(2*var(--border-radius))}.pricing-features{list-style:none;padding:0}.pricing-features li{display:flex;justify-content:space-between;align-items:center;margin:1rem 0}.pricing-tag{position:absolute;font-size:80%;font-weight:600;background:var(--gray-600);color:var(--gray-50);padding:.1rem .8rem;border-radius:var(--border-radius);top:0;left:50%;transform:translate(-50%,-50%);z-index:1}.custom-radio-box{cursor:pointer}.custom-radio-box .custom-radio-box-main-text{font-size:1.15rem;font-weight:700}.custom-radio-box .custom-radio-box-main-icon{font-size:1.25rem}.custom-radio-box input[type=checkbox]+div,.custom-radio-box input[type=radio]+div{transition:all .3s ease-in-out;border:1px solid var(--gray-100);background:var(--white)}.custom-radio-box input[type=checkbox]:checked+div,.custom-radio-box input[type=radio]:checked+div{border:1px solid var(--primary)}.custom-radio-box input[type=checkbox]:hover+div,.custom-radio-box input[type=radio]:hover+div{border:1px solid var(--primary)}.qr-code{width:100rem}.qr-code-loading{animation:opacity-loading 1s infinite ease-in-out alternate}.qr-code-avatar{width:65px;height:65px;border-radius:var(--border-radius);padding:.25rem;border:1px solid var(--gray-100)}.cryptocurrency-icon{width:40px;height:40px}.round-circle-lg,.round-circle-md{width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;border-radius:50%}.round-circle-lg{width:4.5rem;height:4.5rem}.invoice-table th{border-top:0!important}.invoice-table td{vertical-align:baseline!important}@media print{.invoice{page-break-after:always}.container,body,html{height:auto!important;overflow:visible!important}.invoice-logo{filter:grayscale(100%)}}.altum-animate{-webkit-animation-duration:500ms;animation-duration:500ms}.altum-animate-fill-both{-webkit-animation-fill-mode:both;animation-fill-mode:both}.altum-animate-fill-none{-webkit-animation-fill-mode:none;animation-fill-mode:none}.altum-animate-fade-in{-webkit-animation-name:fadeIn;animation-name:fadeIn}.btn-custom{padding:.5rem 1.5rem;color:var(--gray);border-radius:var(--border-radius);border:1px solid var(--gray-100)!important;font-size:.9rem;background:var(--white)}.btn-custom:hover{color:var(--gray);border:1px solid var(--gray-200)!important}.btn-custom.active{color:var(--primary);border:1px solid var(--primary)}.blog-post-image{max-height:20rem;object-fit:cover}.blog-post-image-small{height:13rem;max-height:13rem;object-fit:cover}.blog-post-content{line-height:1.75;word-break:break-word}.blog-post-content p{margin-bottom:1.5rem}.ql-code-block,blockquote{color:var(--gray-600);border-radius:var(--border-radius)}.ql-code-block{background-color:var(--gray-200);padding:1rem;overflow-x:auto;font-family:"Courier New",Courier,monospace;white-space:pre;font-size:.9rem;line-height:1.5}.ql-content p{margin-bottom:0!important}.ql-content li[data-list=bullet]{list-style-type:disc}blockquote{border-left:4px solid var(--gray-400);padding:1rem 1.5rem;margin:1.5rem 0;background-color:var(--gray-100);font-style:italic;font-size:1.1rem;line-height:1.6}.altum-file-input{padding:1rem;background:var(--gray-100);border:1px solid var(--gray-100);border-radius:.25rem;cursor:pointer;font-size:.9rem}.altum-file-input:hover{border-color:var(--gray-300)}.altum-file-input::file-selector-button{border:0;padding:.4rem .75rem;border-radius:var(--border-radius);background-color:var(--white);cursor:pointer;font-size:.9rem;margin-right:1rem}.altum-file-input-preview{max-width:100%;max-height:68px;min-height:68px;object-fit:cover}.sticky{position:sticky!important;top:1rem;height:min-content}.icon-zoom-animation svg,.zoom-animation,a svg{transition:transform .15s}a:hover svg{transform:scale(1.1)}a:active svg{transform:scale(.9)}[data-theme-style=dark] svg[data-custom-colors]{color:var(--brand-color-dark)!important}.icon-zoom-animation:hover svg{transform:scale(1.1)}.zoom-animation:hover{transform:scale(1.05)}.zoom-animation:active{transform:scale(.95)}.up-animation,.zoom-animation-subtle{transition:transform .3s}.zoom-animation-subtle:hover{transform:scale(1.025)}.up-animation:hover{transform:translateY(-10px)}@media print{.pcr-app{display:none}}.pcr-button{border:1px solid #fff!important;outline:1px solid var(--gray-300)!important;height:calc(var(--input-padding-y) + var(--input-padding-x) + var(--input-font-size) + calc(var(--input-font-size)/2.75))!important;width:100%!important}.pcr-button,.pcr-button::after,.pcr-button::before{border-radius:var(--border-radius)!important}.w-fit-content{width:fit-content!important}.signature-avatar{width:50px;height:50px;object-fit:cover;background:var(--primary-100)}.loading-overlay{padding:1.25rem;border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;background:var(--white);z-index:100;opacity:.8}[data-theme-style=dark] .loading-overlay{background:var(--gray-50)}.input-group>.input-group-append>.btn{font-size:.9rem}.ai-chat-avatar{width:35px;height:35px}.ai-chat-big-avatar{width:50px;height:50px}.chat-messages{height:25rem;overflow-y:scroll}.chat-image>img{max-height:15rem}.chat-content{word-break:break-word}.shiki{overflow:auto;border-radius:var(--border-radius);padding:1.5rem;font-size:.9rem;line-height:1.5rem}.shiki code{background:initial!important}.fa-stack-small{font-size:.65rem;vertical-align:middle}.btn-group-custom{border:1px solid var(--gray-100);padding:.5rem;border-radius:var(--border-radius);flex-wrap:wrap;display:inline-flex;gap:.5rem}.btn-group-custom .btn{border-radius:var(--border-radius)!important;background:var(--gray-200)}.btn-group-custom .btn.active{background:var(--dark);color:var(--white);z-index:0!important}body *{scrollbar-color:var(--gray-200) var(--white)!important;scrollbar-width:thin!important}body ::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:10px;width:6px;height:6px}body ::-webkit-scrollbar,body ::-webkit-scrollbar-track{background:var(--white);border-radius:10px;width:6px;height:6px}.internal-notification-icon{animation:pulse-animation 2s infinite}.team-user-avatar{width:45px;height:45px}.team-delegate-access-wrapper{margin:.75rem;border-radius:.5rem}@media (min-width:992px){.team-delegate-access-wrapper{border-radius:5rem}}.announcement-wrapper{position:relative;z-index:10;margin:.75rem;border-radius:.5rem;opacity:0;transition:opacity .3s ease-in;animation:ac-fade-in-down .3s ease-in .6s forwards}@media (min-width:992px){.announcement-wrapper{border-radius:5rem}}.pwa-wrapper{position:fixed;bottom:0;width:calc(100% - 1.5rem);z-index:1000;background:hsla(0,0%,90%,50%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-theme-style=dark] .pwa-wrapper{background:hsla(0,0%,22%,50%)}.rounded-2x{border-radius:calc(2*var(--border-radius))}.rounded-3x{border-radius:calc(3*var(--border-radius))}.pointer-events-all{pointer-events:all!important}i.fa-fw{width:1.25em;display:inline-block}i.fa-xs{font-size:.85em}i.fa-sm{font-size:.875em}i.fa-lg{font-size:1.25em}i.xl{font-size:1.5em}.tool-icon{min-width:2.75rem;max-height:2.75rem;width:2.75rem;height:2.75rem}.tool-icon-wrapper{padding:0 1.25rem}.rating-star{cursor:pointer}.rating-star svg{color:#ffc107;transition:color .15s}.rating-star:hover svg,.rating-star:hover~.rating-star svg{color:#f80!important}.rating-star-chosen svg,.rating-star-chosen~.rating-star svg{color:#dd6200}.link-type-icon{min-width:2.25rem;max-height:2.25rem;width:2.25rem;height:2.25rem}

/* =========================================================
   LNC THEME — Metronic (Tailwind demo1) inspired overrides
   Keep this block at the bottom of custom.css
   ========================================================= */

:root{
  --lnc-bg: #F9FAFB;
  --lnc-surface: #FFFFFF;
  --lnc-border: #E5E7EB;

  --lnc-text: #111827;
  --lnc-muted: #6B7280;

  --lnc-primary: #1B84FF;
  --lnc-primary-weak: rgba(27, 132, 255, .10);

  --lnc-radius-sm: 10px;
  --lnc-radius: 12px;
  --lnc-radius-lg: 16px;

  --lnc-shadow-sm: 0 1px 2px rgba(16,24,40,.06);
  --lnc-shadow: 0 4px 14px rgba(16,24,40,.08);

  --lnc-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
              Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji",
              "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

/* Page base */
html, body{
  font-family: var(--lnc-font) !important;
  color: var(--lnc-text) !important;
}

body{
  background: var(--lnc-bg) !important;
}

/* Generic “card” feel for common blocks */
.card,
.dropdown-menu,
.modal-content{
  background: var(--lnc-surface) !important;
  border: 1px solid var(--lnc-border) !important;
  border-radius: var(--lnc-radius) !important;
  box-shadow: var(--lnc-shadow-sm) !important;
}

/* Headings and muted text */
h1,h2,h3,h4,h5{
  color: var(--lnc-text) !important;
  letter-spacing: -0.01em;
}

.text-muted,
.small,
small{
  color: var(--lnc-muted) !important;
}

/* Buttons */
.btn{
  border-radius: var(--lnc-radius) !important;
  font-weight: 600 !important;
}

.btn-primary{
  background: var(--lnc-primary) !important;
  border-color: var(--lnc-primary) !important;
  box-shadow: 0 6px 18px rgba(27, 132, 255, .18) !important;
}

.btn-outline-primary{
  border-color: rgba(27, 132, 255, .35) !important;
  color: var(--lnc-primary) !important;
}

.btn-outline-primary:hover{
  background: var(--lnc-primary-weak) !important;
}

/* Inputs */
.form-control,
.form-select,
.input-group-text{
  border-radius: var(--lnc-radius) !important;
  border-color: var(--lnc-border) !important;
}

.form-control:focus,
.form-select:focus{
  border-color: rgba(27,132,255,.55) !important;
  box-shadow: 0 0 0 .25rem rgba(27,132,255,.14) !important;
}

/* Tables */
.table{
  color: var(--lnc-text) !important;
}

.table thead th{
  color: var(--lnc-muted) !important;
  font-weight: 600 !important;
  border-bottom: 0px solid var(--lnc-border) !important;
}

.table td, .table th{
  border-color: var(--lnc-border) !important;
}

/* Badges / pills */
.badge{
  border-radius: 999px !important;
  font-weight: 600 !important;
}

/* Links */
a{
  color: var(--lnc-primary) !important;
}
a:hover{
  opacity: .9;
}

/* =========================================================
   LNC — Sidebar + layout (Metronic-like)
   ========================================================= */

/* Give the app more “Metronic” whitespace */
.container, .container-fluid{
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Common app shell wrappers (Altum variants) */
.app-sidebar,
#app_sidebar,
.sidebar,
.side-nav{
  background: var(--lnc-surface) !important;
  border-right: 1px solid var(--lnc-border) !important;
}

/* Sidebar width */
.app-sidebar,
#app_sidebar,
.sidebar,
.side-nav{
  width: 264px !important;        /* Metronic-ish */
}

/* Sidebar inner spacing */
.app-sidebar .nav,
#app_sidebar .nav,
.sidebar .nav,
.side-nav .nav{
  padding: 14px 12px !important;
  gap: 4px;
}

/* Sidebar brand area */
.app-sidebar .navbar-brand,
#app_sidebar .navbar-brand,
.sidebar .navbar-brand{
  padding: 18px 16px !important;
}

/* Sidebar links (default) */
.app-sidebar .nav-link,
#app_sidebar .nav-link,
.sidebar .nav-link,
.side-nav .nav-link{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  color: var(--lnc-text) !important;
  font-weight: 600 !important;
}

/* Sidebar hover */
.app-sidebar .nav-link:hover,
#app_sidebar .nav-link:hover,
.sidebar .nav-link:hover{
  background: rgba(17, 24, 39, .04) !important;
}

/* Active state (Metronic blue) */
.app-sidebar .nav-link.active,
#app_sidebar .nav-link.active,
.sidebar .nav-link.active,
.side-nav .nav-link.active{
  background: var(--lnc-primary-weak) !important;
  color: var(--lnc-primary) !important;
}

/* Sidebar icon badge style */
.app-sidebar .nav-link i,
#app_sidebar .nav-link i,
.sidebar .nav-link i{
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(17, 24, 39, .04) !important;
  color: var(--lnc-muted) !important;
}

/* Active icon badge */
.app-sidebar .nav-link.active i,
#app_sidebar .nav-link.active i,
.sidebar .nav-link.active i{
  background: var(--lnc-primary-weak) !important;
  color: var(--lnc-primary) !important;
}

/* Make content not feel cramped */
.app-content,
.content,
.main-content{
  padding-top: 20px !important;
}

/* =========================================================
   LNC — Top bar (Metronic-like)
   ========================================================= */

.navbar,
.app-navbar,
.topbar{
  background: var(--lnc-surface) !important;
  border-bottom: 0px solid var(--lnc-border) !important;
}

.navbar .container,
.app-navbar .container{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Icon buttons in header */
.navbar .btn,
.app-navbar .btn{
  border-radius: 12px !important;
}

/* Search inputs in top bar */
.navbar .form-control,
.app-navbar .form-control{
  height: 42px !important;
}

/* =========================================================
   LNC — Dashboard cards and sections
   ========================================================= */

.card{
  border-radius: var(--lnc-radius-lg) !important;
}

.card .card-header{
  background: transparent !important;
  border-bottom: 1px solid var(--lnc-border) !important;
  padding: 16px 18px !important;
}

.card .card-body{
  padding: 18px !important;
}

/* Compact stat tiles */
.card.stat-card,
.card.card-stat,
.dashboard-stat-card{
  box-shadow: var(--lnc-shadow-sm) !important;
}

.card.stat-card .card-body,
.card.card-stat .card-body,
.dashboard-stat-card .card-body{
  padding: 14px 16px !important;
}

/* Section titles */
.section-title, h1, h2{
  letter-spacing: -0.02em !important;
}

/* =========================================================
   LNC — Tables (Metronic-like)
   ========================================================= */

/* Wrap tables in a card-like container when possible */
.table-responsive,
.table-container{
  background: var(--lnc-surface) !important;
  border: 1px solid var(--lnc-border) !important;
  border-radius: var(--lnc-radius-lg) !important;
  box-shadow: var(--lnc-shadow-sm) !important;
  overflow: hidden !important;
}

/* Table base */
.table{
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* Header */
.table thead th{
  background: rgba(249, 250, 251, .8) !important;
  color: var(--lnc-muted) !important;
  font-size: 12px !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  padding: 12px 16px !important;
}

/* Body rows */
.table tbody td{
  padding: 14px 16px !important;
  vertical-align: middle !important;
  border-top: 1px solid var(--lnc-border) !important;
}

/* Row hover */
.table tbody tr:hover{
  background: rgba(17, 24, 39, .02) !important;
}

/* Table action icons/buttons */
.table .btn,
.table .btn-sm{
  border-radius: 10px !important;
}

/* Pills / badges inside table */
.table .badge{
  border: 1px solid var(--lnc-border) !important;
}

/* =========================================================
   LINKS INDEX — Metronic polish pass
   ========================================================= */

/* 1) Header: keep it tight + aligned */
.lnc-section-header{
  gap: 12px !important;
}

.lnc-section-header .col-12.col-lg{
  min-width: 0;
}

.lnc-section-header h1.h4{
  font-size: 16px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.lnc-section-header h1.h4 i{
  color: var(--lnc-muted) !important;
}

/* Header action area: Metronic-style icon buttons */
.lnc-section-header .btn.btn-light,
.lnc-section-header .btn.btn-dark{
  border: 1px solid rgba(15,23,42,.08) !important;
  background: rgba(17,24,39,.03) !important;
}

.lnc-section-header .btn.btn-light:hover,
.lnc-section-header .btn.btn-dark:hover{
  background: rgba(17,24,39,.06) !important;
}

/* Primary create button: slightly softer than default bootstrap */
.lnc-section-header .btn.btn-primary{
  border-radius: 12px !important;
  padding: 10px 14px !important;
}

/* Icon-only buttons (export/filter/bulk) */
.lnc-section-header .dropdown-toggle-simple,
.lnc-section-header #bulk_enable{
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 12px !important;
}

/* 2) Table container: remove double borders, keep crisp */
.lnc-section-card .table-custom-container{
  border: 0 !important;
  box-shadow: none !important;
}

.lnc-section-card table.table-custom thead th{
  background: rgba(249,250,251,.9) !important;
  border-bottom: 1px solid var(--lnc-border) !important;
  color: var(--lnc-muted) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  padding: 12px 18px !important;
}

.lnc-section-card table.table-custom tbody td{
  padding: 14px 18px !important;
  border-top: 1px solid var(--lnc-border) !important;
}

.lnc-section-card table.table-custom tbody tr:hover{
  background: rgba(17,24,39,.02) !important;
}

/* 3) Link type icon: convert from rounded-pill to Metronic rounded badge */
.lnc-section-card .link-type-icon{
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.06) !important;
}

.lnc-section-card .link-type-icon.rounded-pill{
  border-radius: 12px !important;
}

/* Favicons in same badge frame */
.lnc-section-card img.link-type-icon{
  object-fit: cover !important;
  background: rgba(17,24,39,.04) !important;
}

/* Smaller favicon next to destination */
.lnc-section-card .icon-favicon-small{
  width: 14px !important;
  height: 14px !important;
  border-radius: 4px !important;
}

/* Link title + sublink hierarchy */
.lnc-section-card a.font-weight-500{
  font-weight: 700 !important;
  color: var(--lnc-text) !important;
}

.lnc-section-card a.text-muted{
  color: var(--lnc-muted) !important;
}

/* 4) Badges: make badge-light feel like Metronic pill */
.lnc-section-card .badge.badge-light{
  background: rgba(17,24,39,.04) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  padding: 6px 10px !important;
}

/* 5) Right action cluster: turn links into icon buttons */
.lnc-section-card td .btn.btn-link{
  border-radius: 12px !important;
  padding: 8px 10px !important;
  line-height: 1 !important;
  color: var(--lnc-muted) !important;
}

.lnc-section-card td .btn.btn-link:hover{
  background: rgba(17,24,39,.05) !important;
  color: var(--lnc-text) !important;
  text-decoration: none !important;
}

/* Dropdown menu: Metronic surface */
.lnc-section-card .dropdown-menu{
  border-radius: 14px !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: var(--lnc-shadow) !important;
}

/* 6) Switch styling a bit cleaner */
.lnc-section-card .custom-control.custom-switch{
  margin-right: 6px !important;
}

.lnc-section-card .custom-control-label::before{
  border-color: rgba(15,23,42,.12) !important;
}

.lnc-section-card .custom-control-input:checked ~ .custom-control-label::before{
  background: var(--lnc-primary) !important;
  border-color: var(--lnc-primary) !important;
}

/* =========================
   SIDEBAR — FINAL (single source of truth)
   Put this at VERY END of custom.css / custom.min.css
   ========================= */

/* Sidebar shell (default = desktop) */
html body.app .app-sidebar{
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: var(--lnc-surface) !important;
  border: 0 !important;
  border-right: 1px solid var(--lnc-border) !important;
  border-radius: 0 !important;

  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 101 !important;

  transform: none !important;
}

/* Content sits flush next to sidebar (desktop) */
@media (min-width: 992px){
  html body.app .app-content{
    margin-left: 260px !important;
  }
}

/* Logo row */
html body.app .app-sidebar-title{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .5rem !important;

  height: 60px !important;
  min-height: 60px !important;
  padding: 0 1.25rem !important;
  margin: 0 !important;

  border-bottom: 1px solid var(--lnc-border) !important;

  overflow: visible !important;
  text-overflow: unset !important;
  white-space: normal !important;
}

/* Make anchor fill the row */
html body.app .app-sidebar-title > a,
html body.app .app-sidebar-title a.text-truncate{
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  padding: 0 !important;
  margin: 0 !important;

  overflow: visible !important;
  text-overflow: unset !important;
  white-space: normal !important;
}

/* Logo sizing */
html body.app .app-sidebar-title img.navbar-logo,
html body.app .app-sidebar-title img.img-fluid.navbar-logo,
html body.app .app-sidebar-title svg{
  height: 2rem !important;
  max-height: 2rem !important;
  width: auto !important;
  display: block !important;
}

/* Links wrapper */
html body.app .app-sidebar-links-wrapper{
  padding: .75rem .75rem 1rem .75rem !important;
  width: 100% !important;
}

/* List */
html body.app ul.app-sidebar-links{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: .25rem !important;
}

/* List items */
html body.app ul.app-sidebar-links > li{
  margin: 0 !important;
  padding: 0 !important;
}

/* Links */
html body.app ul.app-sidebar-links > li > a{
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: .75rem !important;

  padding: .7rem .9rem !important;
  border-radius: .75rem !important;

  color: var(--lnc-text) !important;
  text-decoration: none !important;
  background: transparent !important;

  font-weight: 500 !important;
  transition: background .15s ease, color .15s ease !important;
}

/* Icons */
html body.app ul.app-sidebar-links > li > a i,
html body.app ul.app-sidebar-links > li > a svg{
  flex: 0 0 auto !important;
  width: 1.25rem !important;
  height: 1.25rem !important;

  opacity: .9 !important;
  color: currentColor !important;
  fill: currentColor !important;
}

/* Hover */
html body.app ul.app-sidebar-links > li > a:hover{
  background: rgba(15, 23, 42, .04) !important;
  color: var(--lnc-text) !important;
}

/* Active */
html body.app ul.app-sidebar-links > li.active > a{
  background: rgba(55, 121, 240, .14) !important;
  color: var(--lnc-primary) !important;
  box-shadow: inset 0 0 0 1px rgba(55, 121, 240, .18) !important;
}

/* Divider (optional) */
html body.app .divider-wrapper{
  margin: .25rem 0 !important;
  padding: .25rem 0 !important;
  opacity: .6 !important;
}

/* Footer (optional) */
html body.app .app-sidebar-footer,
html body.app .app-sidebar-footer.dropdown{
  padding: .75rem 1rem !important;
  border-top: 1px solid var(--lnc-border) !important;
}

/* =========================
   MOBILE OFF-CANVAS + OVERLAY
   ========================= */
@media (max-width: 991.98px){

  /* Hide off-canvas by default */
  html body.app .app-sidebar{
    transform: translateX(-110%) !important;
    transition: transform .2s ease !important;
    z-index: 1200 !important;
  }

  /* Slide in when opened */
  html body.app.app-sidebar-opened .app-sidebar{
    transform: translateX(0) !important;
  }

  /* Don’t push content on mobile */
  html body.app .app-content{
    margin-left: 0 !important;
  }

  /* Overlay: only show when opened */
  html body.app #app_overlay,
  html body.app .app-overlay{
    position: fixed !important;
    inset: 0 !important;
    display: none !important;

    background: rgba(15, 23, 42, 0.45) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);

    z-index: 1100 !important;
  }

  html body.app.app-sidebar-opened #app_overlay,
  html body.app.app-sidebar-opened .app-overlay{
    display: block !important;
  }

  /* Stop background scroll */
  html body.app.app-sidebar-opened{
    overflow: hidden !important;
  }
}