/* ===== AMP AI dark theme — Ant Media dashboard (logged-in views) ===== */
:root{--ai-bg:#0a1422;--ai-bg2:#0f1d30;--ai-card:#122237;--ai-blue:#34B4E8;--ai-txt:#dce8f5;--ai-mut:#8fa6c0;--ai-bd:rgba(120,180,240,.14);}

/* base surfaces */
body{background:var(--ai-bg)!important;color:var(--ai-txt)!important;}
.wrapper,.main-panel,.main-panel>.content{background:var(--ai-bg)!important;}
/* never touch the login/full-page background layer */
.login-page .full-page-background{background-color:transparent!important;}

/* sidebar */
.sidebar,.sidebar .sidebar-wrapper{background:linear-gradient(180deg,#0c1726,#0a1422)!important;}
.sidebar:after,.sidebar:before{background:transparent!important;opacity:0!important;}
.sidebar .nav li>a,.sidebar .nav li .nav-link,.sidebar .nav p{color:var(--ai-txt)!important;}
.sidebar .nav li:hover>a,.sidebar .nav li .nav-link:hover{color:#fff!important;background:rgba(52,180,232,.08)!important;}
.sidebar .nav li.active>a,.sidebar .nav li.active .nav-link{color:#fff!important;background:rgba(52,180,232,.16)!important;}
.sidebar .nav li.active>a i,.sidebar .nav li>a i{color:var(--ai-blue)!important;}
.sidebar .logo{border-bottom:1px solid var(--ai-bd)!important;}
.sidebar .logo a.logo-normal,.sidebar .logo a.logo-mini,.sidebar .user .info a,.sidebar .user .info{color:#fff!important;}

/* top navbar */
.navbar,.navbar-transparent,.navbar.bg-white{background:var(--ai-bg2)!important;color:var(--ai-txt)!important;box-shadow:0 1px 0 var(--ai-bd)!important;}
.navbar .navbar-brand,.navbar .nav-link,.navbar a{color:var(--ai-txt)!important;}
.navbar .navbar-toggler-bar{background:var(--ai-txt)!important;}

/* cards */
.card{background:var(--ai-card)!important;color:var(--ai-txt)!important;border:1px solid var(--ai-bd)!important;box-shadow:0 4px 22px rgba(0,0,0,.4)!important;}
.card .card-header{background:transparent!important;border-bottom:1px solid var(--ai-bd)!important;}
.card .card-title,.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,.card-stats .numbers .card-title{color:#fff!important;}
.card .card-category,.card .text-muted,.text-muted,.card-category,.stats{color:var(--ai-mut)!important;}
.card label,.card p,.card td,.card th,.card span,.card li{color:var(--ai-txt)!important;}

/* tables */
.table>tbody>tr>td{color:var(--ai-txt)!important;border-color:var(--ai-bd)!important;}
.table>thead>tr>th,.table>thead>tr>th a{color:var(--ai-mut)!important;border-color:var(--ai-bd)!important;}
.table-hover>tbody>tr:hover{background:rgba(52,180,232,.08)!important;}
/* striped app-list rows: odd rows had a white/cream bg making white text invisible */
.table>tbody>tr,.table-striped>tbody>tr,.table>tbody>tr>td,.table-striped>tbody>tr>td{background-color:transparent!important;color:var(--ai-txt)!important;}
.table-striped>tbody>tr:nth-of-type(odd),.table-striped>tbody>tr:nth-of-type(odd)>td{background-color:rgba(120,180,240,.06)!important;color:var(--ai-txt)!important;}
.table>tbody>tr>td a,.table-striped>tbody>tr>td a,.table>tbody>tr>td .form-check-label{color:var(--ai-txt)!important;}
.table>tbody>tr:hover>td,.table-striped>tbody>tr:hover>td{background:rgba(52,180,232,.12)!important;color:#fff!important;}
/* Angular Material tables — per-application stream lists (AMPai/Live/Development) render on a white mat-table */
.mat-table,mat-table,.mat-mdc-table,.mat-card,mat-card{background:var(--ai-card)!important;color:var(--ai-txt)!important;}
.mat-header-row,.mat-row,.mat-footer-row,mat-header-row,mat-row,mat-footer-row{background:transparent!important;border-color:var(--ai-bd)!important;}
.mat-header-cell,mat-header-cell,.mat-sort-header-content{color:var(--ai-mut)!important;border-color:var(--ai-bd)!important;}
.mat-cell,mat-cell,.mat-footer-cell,.mat-cell a,mat-cell a{color:var(--ai-txt)!important;border-color:var(--ai-bd)!important;}
.mat-row:hover,mat-row:hover{background:rgba(52,180,232,.08)!important;}
.mat-paginator,.mat-paginator-container,.mat-paginator-outer-container,.mat-paginator-page-size,.mat-paginator-range-label,.mat-select-value,.mat-select-value-text,.mat-select-arrow{background:transparent!important;color:var(--ai-mut)!important;}
.mat-checkbox-frame{border-color:var(--ai-bd)!important;}

/* forms */
.form-control,select.form-control,textarea.form-control,input.form-control,.input-group-text{background:#0c1a2b!important;color:#fff!important;border:1px solid var(--ai-bd)!important;}
.form-control:focus{border-color:var(--ai-blue)!important;box-shadow:0 0 0 2px rgba(52,180,232,.2)!important;}
.form-control::placeholder{color:var(--ai-mut)!important;}

/* buttons + accents */
.btn-primary{background:var(--ai-blue)!important;border-color:var(--ai-blue)!important;color:#04121d!important;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:#52c2f0!important;border-color:#52c2f0!important;}
a,.text-primary,.text-info{color:var(--ai-blue)!important;}
.nav-pills .nav-link.active,.badge-primary,.badge.badge-primary,.progress-bar{background:var(--ai-blue)!important;color:#04121d!important;}
.text-success{color:#3ddc97!important;}.text-danger{color:#ff6b6b!important;}

/* dropdowns + modals + tabs */
.dropdown-menu,.modal-content,.popover,.bootstrap-switch{background:var(--ai-card)!important;color:var(--ai-txt)!important;border:1px solid var(--ai-bd)!important;}
.dropdown-menu .dropdown-item{color:var(--ai-txt)!important;}
.dropdown-menu .dropdown-item:hover{background:rgba(52,180,232,.12)!important;color:#fff!important;}
.modal-header,.modal-footer{border-color:var(--ai-bd)!important;}
.nav-tabs .nav-link.active{background:var(--ai-card)!important;color:#fff!important;border-color:var(--ai-bd) var(--ai-bd) transparent!important;}
hr{border-color:var(--ai-bd)!important;}

/* ===== unique custom AMP icons — swap out the Themify/Ant Media glyphs via SVG masks ===== */
.sidebar .nav li>a i.ti-panel,.sidebar .nav li>a i.ti-package,.sidebar .nav li>a i.ti-layout-grid3,.sidebar .nav li>a i.ti-settings,.sidebar .nav li>a i.ti-support{display:inline-flex!important;align-items:center;justify-content:center;width:30px!important;height:26px;filter:drop-shadow(0 0 5px);transition:transform .18s cubic-bezier(.2,.8,.3,1.3),filter .18s ease!important;}
.sidebar .nav li>a i.ti-panel::before,.sidebar .nav li>a i.ti-package::before,.sidebar .nav li>a i.ti-layout-grid3::before,.sidebar .nav li>a i.ti-settings::before,.sidebar .nav li>a i.ti-support::before{content:""!important;display:inline-block;width:24px;height:24px;background-color:currentColor!important;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;}
.sidebar .nav li>a i.ti-panel{color:#2bd4ff!important;}
.sidebar .nav li>a i.ti-panel::before{-webkit-mask-image:url("/assets/img/icons/amp-dashboard.svg?v=1");mask-image:url("/assets/img/icons/amp-dashboard.svg?v=1");}
.sidebar .nav li>a i.ti-package{color:#ffb23e!important;}
.sidebar .nav li>a i.ti-package::before{-webkit-mask-image:url("/assets/img/icons/amp-apps.svg?v=1");mask-image:url("/assets/img/icons/amp-apps.svg?v=1");}
.sidebar .nav li>a i.ti-layout-grid3{color:#3ddc97!important;}
.sidebar .nav li>a i.ti-layout-grid3::before{-webkit-mask-image:url("/assets/img/icons/amp-cluster.svg?v=1");mask-image:url("/assets/img/icons/amp-cluster.svg?v=1");}
.sidebar .nav li>a i.ti-settings{color:#b98cff!important;}
.sidebar .nav li>a i.ti-settings::before{-webkit-mask-image:url("/assets/img/icons/amp-settings.svg?v=1");mask-image:url("/assets/img/icons/amp-settings.svg?v=1");}
.sidebar .nav li>a i.ti-support{color:#ff6b9d!important;}
.sidebar .nav li>a i.ti-support::before{-webkit-mask-image:url("/assets/img/icons/amp-support.svg?v=1");mask-image:url("/assets/img/icons/amp-support.svg?v=1");}
.sidebar .nav li:hover>a i{transform:scale(1.2) translateX(3px)!important;filter:drop-shadow(0 0 13px) brightness(1.3)!important;}
@keyframes ampIconGlow{0%,100%{filter:drop-shadow(0 0 3px) brightness(1.1);}50%{filter:drop-shadow(0 0 12px) brightness(1.45);}}
.sidebar .nav li.active>a i{transform:scale(1.14)!important;animation:ampIconGlow 2.4s ease-in-out infinite!important;}
.sidebar .nav li.active>a{background:rgba(52,180,232,.10)!important;}