/* ═══ SupremTX GenMail — DreamCut Dark ═══ */

@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes scaleIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}

a,button,.btn,.nav-link,.mc,.email-row,.admin-card,.panel,.feat{
  transition:all .2s cubic-bezier(.2,.8,.2,1);
}

/* FORCED GLOBALS */
body{background:#0a0a0a!important;color:#f0f0f0!important;font-family:'Inter',-apple-system,sans-serif!important}

/* Nav */
.nav{background:rgba(10,10,10,.92)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;backdrop-filter:blur(20px)!important}
.nav-brand img{border:1.5px solid rgba(255,255,255,.1)!important}
.nav-link{color:#737373!important}
.nav-link:hover{color:#f0f0f0!important;background:rgba(255,255,255,.04)!important}
.nav-link.active{color:#f0f0f0!important}
.nav-link.nav-logout{color:#ef4444!important;opacity:.6!important}
.nav-link.nav-logout:hover{opacity:1!important}

/* Buttons */
.btn{border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.04)!important;color:#e0e0e0!important;border-radius:8px!important}
.btn:hover{border-color:rgba(255,255,255,.15)!important;background:rgba(255,255,255,.07)!important;transform:translateY(-1px)!important}
.btn:active{transform:translateY(0)!important}
.btn--primary{background:#f0f0f0!important;color:#0a0a0a!important;border:none!important;font-weight:600!important}
.btn--primary:hover{background:#ffffff!important;box-shadow:0 4px 16px rgba(255,255,255,.1)!important}
.btn--danger{color:#ef4444!important;border-color:rgba(239,68,68,.15)!important}
.btn--danger:hover{background:rgba(239,68,68,.06)!important}
.btn--ghost{background:transparent!important;border-color:rgba(255,255,255,.08)!important}

/* Inputs */
.input,.select{background:#111111!important;border:1px solid rgba(255,255,255,.08)!important;color:#f0f0f0!important;border-radius:8px!important}
.input:focus,.select:focus{border-color:rgba(255,255,255,.2)!important;box-shadow:0 0 0 3px rgba(255,255,255,.04)!important}
.input::placeholder{color:#404040!important}

/* Badges */
.badge{border-radius:20px!important}
.badge--ok,.badge--accent{background:rgba(255,255,255,.06)!important;color:#e0e0e0!important}
.badge--unread{background:rgba(255,255,255,.08)!important;color:#f0f0f0!important}
.badge--danger{background:rgba(239,68,68,.08)!important;color:#ef4444!important}
.badge--success{background:rgba(34,197,94,.08)!important;color:#22c55e!important}
.badge--purple{background:rgba(167,139,250,.08)!important;color:#a78bfa!important}

/* Panels & Boxes */
.panel,.gen-box,.mc,.mailbox-card,.admin-card,.auth-card,.email-detail-head,.email-body-text,.attach-block,.feat{
  background:#141414!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;
}
.panel:hover,.mc:hover,.admin-card:hover,.feat:hover{border-color:rgba(255,255,255,.1)!important}
.panel-head{border-bottom:1px solid rgba(255,255,255,.06)!important}
.mc:hover{box-shadow:0 8px 24px rgba(0,0,0,.4)!important}

/* Cards */
.mc-nick{font-weight:600!important;color:#f0f0f0!important}
.mc-tog{background:#1e1e1e!important;border:1px solid rgba(255,255,255,.06)!important;color:#737373!important}
.mc-tog:hover{color:#e0e0e0!important;border-color:rgba(255,255,255,.12)!important}
.mc-l{color:#737373!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:9px!important}
.mc-v{font-family:var(--font-mono)!important}
.cp2{color:#404040!important}.cp2:hover{color:#e0e0e0!important}
.mc-act{border-top:1px solid rgba(255,255,255,.04)!important}

/* Tabs */
.tabs-nav{border-bottom:1px solid rgba(255,255,255,.06)!important}
.tab-btn{color:#737373!important;border-bottom:2px solid transparent!important}
.tab-btn:hover{color:#b3b3b3!important}
.tab-btn.active{color:#f0f0f0!important;border-bottom-color:#f0f0f0!important}

/* Email rows */
.email-row{border-bottom:1px solid rgba(255,255,255,.04)!important}
.email-row:hover{background:rgba(255,255,255,.02)!important}
.email-row.is-unread .email-row-sender{color:#f0f0f0!important;font-weight:600!important}

/* Temp panel */
.temp-panel{border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.02)!important}

/* Auth */
.auth-card{box-shadow:0 20px 60px rgba(0,0,0,.5)!important;animation:scaleIn .35s ease!important}
.auth-card h1{font-weight:600!important}
.field label{color:#737373!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:10px!important}

/* Home */
.hero-title{font-weight:600!important}
.hero-title em{color:#f0f0f0!important;font-style:normal!important}
.feat-icon{color:#b3b3b3!important}
.feat:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(0,0,0,.3)!important}

/* Admin */
.credits-bar{border-bottom:1px solid rgba(255,255,255,.06)!important}
.credits-pill{background:#141414!important;border:1px solid rgba(255,255,255,.06)!important}
.credits-pill strong{color:#f0f0f0!important;font-family:var(--font-mono)!important}

/* Folder */
.folder-mb{background:#1e1e1e!important;border-radius:8px!important}
.folder-mb:hover{background:rgba(255,255,255,.04)!important}

/* Panel table */
.pt-head{border-bottom:1px solid rgba(255,255,255,.06)!important;color:#737373!important}
.pt-row{border-bottom:1px solid rgba(255,255,255,.03)!important}
.pt-row:hover{background:rgba(255,255,255,.02)!important}
.pt-addr{font-family:var(--font-mono)!important;color:#737373!important}

/* Modal */
.modal-overlay{background:rgba(0,0,0,.7)!important;backdrop-filter:blur(8px)!important}
.modal-box{background:#141414!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;box-shadow:0 20px 60px rgba(0,0,0,.5)!important}

/* Flash */
.flash--ok,.flash-success{background:rgba(34,197,94,.06)!important;color:#22c55e!important;border:1px solid rgba(34,197,94,.1)!important}
.flash--error,.flash-error{background:rgba(239,68,68,.06)!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.1)!important}

/* Footer */
.app-footer{border-top:1px solid rgba(255,255,255,.04)!important;color:#404040!important}

/* Dropdown */
.dropdown-content{background:#1e1e1e!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:var(--shadow-lg)!important}

/* Email detail */
.eyebrow{color:#b3b3b3!important}

/* Scrollbar */
::-webkit-scrollbar{width:4px!important;height:4px!important}
::-webkit-scrollbar-track{background:transparent!important}
::-webkit-scrollbar-thumb{background:#2a2a2a!important;border-radius:4px!important}
::-webkit-scrollbar-thumb:hover{background:#3a3a3a!important}
::selection{background:rgba(255,255,255,.12)!important;color:#fff!important}
:focus-visible{outline:2px solid rgba(255,255,255,.15)!important;outline-offset:2px!important}

/* ═══ MOBILE ═══ */
@media(max-width:767px){
  *{touch-action:manipulation}
  .nav-title{display:none}
  .tab-btn{padding:10px 12px;font-size:12px}
  .gen-box form,.gen-form{flex-direction:column;align-items:stretch}
  .cemail{width:100%;min-width:0}
  .gen-box .btn--primary,.gen-form .btn--primary{width:100%;justify-content:center;min-height:44px}
  .grid{grid-template-columns:1fr}
  .mc:hover{transform:none!important;box-shadow:none!important}
  .mc-act .btn{min-height:40px;padding:8px 12px}
  .cp2{min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}
  .erow,.email-row{min-height:48px}
  .auth-card{max-width:100%;box-shadow:none!important}
  .input,.select{min-height:44px;font-size:14px}
  .btn{min-height:40px}
  .hero-title{font-size:22px}
  .features{grid-template-columns:repeat(2,1fr)}
  .feat:hover{transform:none!important}
  .admin-grid{grid-template-columns:1fr}
  .pt-head,.pt-row{min-width:480px;font-size:10px}
  .panel-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .modal-box{width:95%;padding:1rem}
  .app-footer{flex-direction:column;align-items:center;gap:4px}
  .nav-links.is-open .nav-link{min-height:48px;padding:12px 16px;font-size:14px}
}