/* ============ Page-specific: Email ============ */
.ap-card{background:var(--ap-surface); border:1px solid var(--ap-border); border-radius:var(--ap-radius); box-shadow:var(--ap-shadow);}
.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);}

.ap-mail-shell{display:flex; height:calc(100vh - var(--ap-topbar-h) - 3rem); min-height:560px; overflow:hidden;}

/* Folders panel */
.ap-mail-folders{width:220px; flex-shrink:0; border-right:1px solid var(--ap-border); padding:1rem .75rem; overflow-y:auto;}
.ap-compose-btn{width:100%; margin-bottom:1rem;}
.ap-folder-link{display:flex; align-items:center; gap:.65rem; padding:.55rem .7rem; border-radius:var(--ap-radius-sm); color:var(--ap-text); font-weight:500; font-size:.85rem; margin-bottom:.1rem; cursor:pointer;}
.ap-folder-link i{font-size:1rem; width:18px; text-align:center;}
.ap-folder-link:hover{background:var(--ap-bg); color:var(--ap-text-strong);}
.ap-folder-link.active{background:var(--ap-primary-100); color:var(--ap-primary); font-weight:600;}
.ap-folder-count{margin-left:auto; font-size:.7rem; font-weight:700; color:var(--ap-secondary);}
.ap-folder-link.active .ap-folder-count{color:var(--ap-primary);}
.ap-label-dot{width:8px; height:8px; border-radius:50%; display:inline-block; flex-shrink:0;}

/* Email list panel */
.ap-mail-list{width:360px; flex-shrink:0; border-right:1px solid var(--ap-border); display:flex; flex-direction:column; overflow:hidden;}
.ap-mail-list-head{padding:.85rem 1rem; border-bottom:1px solid var(--ap-border); flex-shrink:0;}
.ap-mail-list-items{flex:1; overflow-y:auto;}
.ap-mail-item{display:flex; gap:.7rem; padding:.85rem 1rem; border-bottom:1px solid var(--ap-border); cursor:pointer; position:relative;}
.ap-mail-item:hover{background:var(--ap-bg);}
.ap-mail-item.active{background:var(--ap-primary-100);}
.ap-mail-item.unread .ap-mail-sender, .ap-mail-item.unread .ap-mail-subject{font-weight:700; color:var(--ap-text-strong);}
.ap-mail-item.unread::before{content:''; position:absolute; left:6px; top:50%; transform:translateY(-50%); width:6px; height:6px; border-radius:50%; background:var(--ap-primary);}
.ap-mail-avatar{width:38px; height:38px; border-radius:50%; object-fit:cover; flex-shrink:0;}
.ap-mail-body-col{flex:1; min-width:0;}
.ap-mail-top-row{display:flex; justify-content:space-between; align-items:baseline; gap:.4rem;}
.ap-mail-sender{font-size:.85rem; color:var(--ap-text); font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ap-mail-time{font-size:.7rem; color:var(--ap-secondary); flex-shrink:0;}
.ap-mail-subject{font-size:.83rem; color:var(--ap-text); margin-top:.1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ap-mail-preview{font-size:.78rem; color:var(--ap-secondary); margin-top:.1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ap-mail-star{position:absolute; top:.85rem; right:.75rem; color:var(--ap-border); font-size:.95rem; cursor:pointer;}
.ap-mail-star.starred{color:var(--ap-warning);}
.ap-mail-empty{padding:3rem 1.5rem; text-align:center; color:var(--ap-secondary); font-size:.85rem;}

/* Reading pane */
.ap-mail-reader{flex:1; min-width:0; display:flex; flex-direction:column; overflow:hidden;}
.ap-mail-reader-head{padding:1.1rem 1.5rem; border-bottom:1px solid var(--ap-border); flex-shrink:0;}
.ap-mail-reader-subject{font-size:1.15rem; font-weight:700; color:var(--ap-text-strong); margin-bottom:.6rem;}
.ap-mail-reader-body{flex:1; overflow-y:auto; padding:1.5rem;}
.ap-mail-reader-body p{margin-bottom:1rem; line-height:1.7; font-size:.9rem;}
.ap-mail-reader-toolbar{padding:.85rem 1.5rem; border-top:1px solid var(--ap-border); flex-shrink:0;}
.ap-mail-reader-placeholder{flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--ap-secondary); gap:.5rem;}
.ap-mail-reader-placeholder i{font-size:2.5rem; opacity:.35;}

@media (max-width: 1199.98px){
  .ap-mail-folders{display:none;}
}
@media (max-width: 767.98px){
  .ap-mail-shell{position:relative;}
  .ap-mail-list{width:100%; border-right:none;}
  .ap-mail-reader{display:none; position:absolute; inset:0; background:var(--ap-surface); z-index:5;}
  .ap-mail-reader.show{display:flex;}
  .ap-mail-list.hide-mobile{display:none;}
  .ap-mail-back{display:inline-flex !important;}
}
.ap-mail-back{display:none;}