/* Premiumin TempMail — Simple Bot-Inspired Interface */
:root{--pm-bg:#100f14;--pm-card:#1b1922;--pm-card2:#22202b;--pm-border:#36303f;--pm-rose:#a93663;--pm-text:#f6f1f5;--pm-muted:#b6abb9}
html{scroll-behavior:smooth}body.signature-app,body.signature-admin{background:#100f14!important;color:var(--pm-text)}
.signature-app .ambient,.signature-admin .halo{display:none!important}
.signature-app .site-shell{max-width:1120px;margin:auto}
.signature-app .site-header{background:#17151e!important;border:1px solid var(--pm-border)!important;border-radius:18px!important;padding:13px 20px!important;margin-top:18px!important;box-shadow:none!important;min-height:76px}
.signature-app .site-header .brand{display:inline-flex!important;align-items:center!important;gap:12px!important;min-height:44px}
.signature-app .site-header .brand-mark{width:44px!important;height:44px!important;min-width:44px!important;display:grid!important;place-items:center!important;background:#a93663!important;border-radius:12px!important;box-shadow:none!important}
.signature-app .site-header .brand-mark svg{width:22px!important;height:22px!important;display:block!important}
.signature-app .site-header .brand-word{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;line-height:1.1!important;letter-spacing:.07em!important;text-transform:uppercase!important}
.signature-app .site-header .brand-sub{display:block!important;margin:0!important;line-height:1.1!important;letter-spacing:.17em!important;text-transform:uppercase!important}
.signature-app .site-nav{align-items:center!important;gap:8px!important}
.signature-app .site-nav a{border-radius:10px!important;font-weight:650!important}
.signature-app .site-nav a:hover{background:#302331!important}
.signature-app .primary, .signature-admin .primary{background:#a93663!important;border:1px solid #c1537c!important;box-shadow:none!important;border-radius:12px!important;color:white!important;font-weight:700!important}
.signature-app .primary:hover,.signature-admin .primary:hover{background:#bd426f!important;transform:none!important}
.signature-app .ghost,.signature-admin .ghost{border:1px solid #4b3c4b!important;background:#27212d!important;color:#f4e9ef!important;border-radius:12px!important;box-shadow:none!important}
.signature-app .ghost:hover,.signature-admin .ghost:hover{background:#362839!important}
.signature-app .workspace-main,.signature-app .workspace-aside,.signature-app .glass,.signature-app .inbox-panel,.signature-app .mail-card,.signature-app .viewer-dialog,.signature-admin .glass,.signature-admin .metric{background:#1b1922!important;border:1px solid var(--pm-border)!important;box-shadow:none!important;backdrop-filter:none!important}
.signature-app .field,.signature-admin .field{background:#121118!important;border:1px solid #4a3c4c!important;border-radius:11px!important;color:#fff!important}
.signature-app .field:focus,.signature-admin .field:focus{outline:2px solid #a93663!important;outline-offset:1px}
.signature-app .workspace-aside{background:#211b29!important}
.signature-app .site-footer{border-top:1px solid var(--pm-border)!important;margin-top:36px!important}
.signature-app .language-switcher{background:#24212d!important;border-color:#49404f!important}
.signature-app .language-switcher button.is-active{background:#a93663!important}
.simple-home{padding:54px 16px 24px!important;max-width:820px;margin:0 auto}.simple-hero{text-align:center;background:#1b1922;border:1px solid #37303e;border-radius:24px;padding:48px 36px;box-shadow:none}.simple-hero-icon{width:62px;height:62px;border-radius:17px;background:#422337;color:#f4b6cd;display:grid;place-items:center;margin:24px auto 10px}.simple-hero h1{font-size:clamp(32px,5vw,52px);line-height:1.14;letter-spacing:-.04em;margin:14px 0}.simple-hero .hero-lead{max-width:570px;margin:16px auto 24px;color:#bdb0c0;font-size:15px;line-height:1.8}.simple-hero .hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.simple-hero .hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 20px}.simple-hero .hero-footnote{margin-top:24px;color:#b7a9b7;font-size:11px}.simple-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.simple-action{display:flex;align-items:center;gap:13px;background:#1b1922;border:1px solid #37303e;border-radius:17px;padding:18px;color:#fff;text-decoration:none;transition:background .15s,border-color .15s}.simple-action:hover{background:#27202d;border-color:#85506a}.simple-action-icon{width:42px;height:42px;display:grid;place-items:center;background:#402538;border-radius:12px;color:#f6b7ce;font-size:23px;flex-shrink:0}.simple-action span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.simple-action strong{font-size:14px}.simple-action small{font-size:12px;color:#b8abb9}.simple-chevron{margin-left:auto;color:#c9a2b5}
.signature-admin #dashboard aside{background:#17151e!important;border-color:#38313e!important}.signature-admin .navlink{border-radius:11px!important}.signature-admin .navlink.active{background:#482438!important;color:#fff!important}.signature-admin .metric{border-radius:16px!important}.signature-admin .responsive-panel{border-radius:18px!important}.signature-admin .gradient-text{background:none!important;color:#e5a0bc!important;-webkit-text-fill-color:initial!important}.signature-admin dialog{background:#1b1922!important;border-color:#4b3d4c!important}
@media(max-width:700px){.signature-app .site-header{padding:12px!important;gap:10px!important}.signature-app .site-nav{gap:5px!important}.signature-app .site-nav a{font-size:12px!important;padding:9px!important}.simple-home{padding:24px 0 12px!important}.simple-hero{padding:28px 18px;border-radius:19px}.simple-hero .hero-actions{flex-direction:column}.simple-hero .hero-actions a{width:100%}.simple-actions{grid-template-columns:1fr}.simple-action{padding:14px}.signature-admin #dashboard aside{position:relative!important}}
@media(prefers-reduced-motion:reduce){.simple-action{transition:none}}

/* Admin Mobile Layout Fix — Preserve Desktop Layout */
.signature-admin, .signature-admin #dashboard {max-width:100%;overflow-x:clip}
.signature-admin #dashboard main,.signature-admin #dashboard main > div,.signature-admin .responsive-panel {min-width:0;max-width:100%;box-sizing:border-box}
.signature-admin #dashboard .overflow-x-auto {max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.signature-admin #dashboard table {width:100%;}
.signature-admin #dashboard input,.signature-admin #dashboard button {max-width:100%;box-sizing:border-box}
@media (max-width:1023px) {
 .signature-admin #dashboard {display:block!important;}
 .signature-admin #dashboard.hide {display:none!important;}
 .signature-admin #dashboard aside {position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;padding:14px 16px!important;border-right:0!important;border-bottom:1px solid #38313e!important;}
 .signature-admin #dashboard aside > div:first-child {margin-bottom:12px!important;font-size:15px!important;}
 .signature-admin #dashboard aside > .subtle {display:none!important;}
 .signature-admin #dashboard aside nav {display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;scrollbar-width:thin;padding-bottom:4px;}
 .signature-admin #dashboard aside .navlink {display:inline-flex!important;flex:0 0 auto!important;white-space:nowrap!important;padding:10px 12px!important;font-size:12px!important;}
 .signature-admin #dashboard aside #logout {width:auto!important;margin-top:10px!important;padding:9px 14px!important;font-size:12px!important;}
 .signature-admin #dashboard main {margin-left:0!important;width:100%!important;padding:18px 12px 28px!important;overflow:visible!important;}
 .signature-admin #dashboard header {gap:10px!important;margin-bottom:18px!important;}
 .signature-admin #dashboard header h1 {font-size:clamp(23px,6vw,32px)!important;line-height:1.2!important;}
 .signature-admin #dashboard .metric {padding:16px!important;}
 .signature-admin #dashboard .metric .text-4xl {font-size:27px!important;}
 .signature-admin #dashboard .responsive-panel {padding:16px!important;border-radius:16px!important;}
 .signature-admin #dashboard #mailSearch {width:100%!important;}
 .signature-admin #dashboard #mailboxes table {min-width:480px;}
 .signature-admin #dashboard #pageInfo {min-width:0;overflow-wrap:anywhere;}
 .signature-admin #dashboard #prevPage,.signature-admin #dashboard #nextPage {white-space:nowrap;}
 .signature-admin #dashboard #domainRows {overflow-wrap:anywhere;}
}
@media (max-width:420px) {
 .signature-admin #dashboard .grid.sm\\:grid-cols-2 {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
 .signature-admin #dashboard .metric {padding:12px!important;}
 .signature-admin #dashboard .metric .text-4xl {font-size:24px!important;}
 .signature-admin #dashboard .metric .text-xl {font-size:16px!important;overflow-wrap:anywhere;}
 .signature-admin #dashboard .metric .subtle {font-size:12px!important;}
 .signature-admin #dashboard #mailboxes .mt-5.flex {flex-wrap:wrap!important;}
 .signature-admin #dashboard #domains .primary,.signature-admin #dashboard #settings .primary {width:100%!important;}
}
