/* ============ Page-specific ============ */
.ap-card{background:var(--ap-surface); border:1px solid var(--ap-border); border-radius:var(--ap-radius); box-shadow:var(--ap-shadow);}
.ap-card-head{padding:1.1rem 1.25rem; border-bottom:1px solid var(--ap-border);}
.btn-ap-primary{background:var(--ap-primary); border-color:var(--ap-primary); color:#fff; font-weight:600; font-size:.85rem;}
.btn-ap-primary:hover{background:var(--ap-primary-600); border-color:var(--ap-primary-600); color:#fff;}
.btn-ap-light{background:var(--ap-bg); border-color:var(--ap-border); color:var(--ap-text-strong); font-weight:600; font-size:.85rem;}
.btn-ap-light:hover{background:var(--ap-border);}
.btn-ap-light.active{background:var(--ap-primary-100); border-color:var(--ap-primary-100); color:var(--ap-primary);}

.ap-notif-tabs{display:flex; gap:.25rem; border-bottom:1px solid var(--ap-border); padding:0 1.25rem;}
.ap-notif-tab{padding:.9rem .9rem; font-size:.85rem; font-weight:600; color:var(--ap-secondary); border-bottom:2px solid transparent; cursor:pointer;}
.ap-notif-tab:hover{color:var(--ap-text-strong);}
.ap-notif-tab.active{color:var(--ap-primary); border-bottom-color:var(--ap-primary);}

.ap-notif-item{display:flex; gap:.9rem; padding:1rem 1.25rem; border-bottom:1px solid var(--ap-border); position:relative;}
.ap-notif-item:last-child{border-bottom:none;}
.ap-notif-item.unread{background:var(--ap-primary-100);}
.ap-notif-icon{width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.05rem; flex-shrink:0;}
.ap-notif-title{font-size:.87rem; font-weight:600; color:var(--ap-text-strong);}
.ap-notif-desc{font-size:.8rem; color:var(--ap-secondary); margin-top:.1rem;}
.ap-notif-time{font-size:.72rem; color:var(--ap-secondary); flex-shrink:0; white-space:nowrap;}
.ap-notif-unread-dot{width:8px; height:8px; border-radius:50%; background:var(--ap-primary); flex-shrink:0; margin-top:.4rem;}
.ap-notif-actions{display:flex; gap:.4rem; margin-top:.5rem;}

/* ===== Horizontal Top Navigation Layout Override ===== */
.ap-shell{ flex-direction:column !important; }
.ap-sidebar{
  position:sticky !important; top:0 !important; left:auto !important; bottom:auto !important; right:auto !important;
  width:100% !important; height:auto !important; flex-direction:row !important; align-items:center !important;
  border-right:0 !important; border-bottom:1px solid var(--ap-border) !important;
  overflow-x:auto !important; overflow-y:hidden !important; transform:none !important;
}
.ap-shell.collapsed .ap-sidebar, .ap-shell.mobile-open .ap-sidebar{ width:100% !important; transform:none !important; }
.ap-brand{ border-bottom:0 !important; border-right:1px solid var(--ap-border) !important; flex-shrink:0 !important; }
.ap-nav{
  flex:1 1 auto !important; display:flex !important; flex-direction:row !important; align-items:center !important;
  overflow-x:auto !important; overflow-y:hidden !important; padding:0 .5rem !important; white-space:nowrap !important;
}
.ap-nav-section-title{
  display:flex !important; align-items:center !important; padding:0 .7rem !important; margin:0 !important;
  border-left:1px solid var(--ap-border) !important; height:20px !important; flex-shrink:0 !important; white-space:nowrap !important;
}
.ap-nav-link{ margin-bottom:0 !important; margin-right:.15rem !important; flex-shrink:0 !important; }
.ap-shell.collapsed .ap-nav-label, .ap-shell.collapsed .ap-nav-section-title{ display:none !important; }
.ap-shell.mobile-open .ap-nav-label, .ap-shell.mobile-open .ap-nav-section-title{ display:flex !important; }
.ap-nav-foot{ display:none !important; }
.ap-main{ margin-left:0 !important; }
.ap-shell.collapsed .ap-main{ margin-left:0 !important; }
.ap-backdrop{ display:none !important; }
@media (max-width: 991.98px){
  .ap-search{ display:flex !important; max-width:200px !important; }
}
::-webkit-scrollbar{ height:6px; }