/* GLOBERG Security Mail – web (farby a rozmery podľa DIZAJN.md) */
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:#f7f7fb;color:#454545;font:15px/1.65 'DM Sans','Segoe UI',Roboto,'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%}
.wrap{max-width:600px;margin:0 auto;padding:28px 12px 36px}
.brand{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 6px 18px}
.brand img{display:block;width:170px;height:auto}
.brand span{font-size:13px;color:#62626e;white-space:nowrap}
.card{background:#fff;border:1px solid #ecebf5;border-radius:20px;overflow:hidden}
.band{background:#efeaff;line-height:0}
.band img{display:block;width:100%;height:auto}
.content{padding:30px 36px 14px}
.eyebrow{margin:0 0 10px;font-size:11px;line-height:1.4;font-weight:bold;letter-spacing:2.5px;text-transform:uppercase;color:#4a17ee}
h1{margin:0 0 16px;font:bold 26px/1.2 'Yantramanav',Roboto,'Segoe UI','Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:-.3px;color:#1c1c1c}
p{margin:0 0 14px}
b{color:#1c1c1c}
a{color:#6636fa;font-weight:bold;text-decoration:none}
.note{font-size:13px;line-height:1.6;color:#62626e}
.muted{font-size:13px;color:#62626e}
.flash{padding:10px 14px;border-radius:14px;background:#e8f5ec;color:#17803d;font-weight:bold}
.msg{padding:14px 18px 10px;margin:0 0 12px;border:1px solid #e6e6ee;border-radius:16px;word-break:break-word}
.msg-head{display:flex;justify-content:space-between;gap:10px}
.msg-head b{font-size:14.5px;line-height:1.45}
.msg-head small{display:block;font-size:12.5px;color:#62626e;word-break:break-all}
.msg time{font-size:12.5px;color:#62626e;white-space:nowrap}
.msg p{font-size:14px;line-height:1.5;margin:4px 0 8px}
.pill{display:inline-block;margin:0 10px 6px 0;padding:3px 10px;border-radius:999px;font-size:12px;line-height:1.3;font-weight:bold;white-space:nowrap}
.pill.warn{background:#fff4e0;color:#8f5200}
.pill.danger{background:#fdecec;color:#b42318}
.pill.ok{background:#e8f5ec;color:#17803d}
.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 4px}
.actions form{margin:0}
.btn{display:inline-block;margin:8px 0 14px;padding:13px 28px;border:1px solid #6636fa;border-radius:999px;background:#6636fa;color:#fff;font:bold 15px/1.2 'DM Sans','Segoe UI',Roboto,'Helvetica Neue',Helvetica,Arial,sans-serif;cursor:pointer;text-decoration:none}
.btn:hover{background:#4a17ee;border-color:#4a17ee}
.btn.ghost{background:#fff;border-color:#d9d9e3;color:#4a17ee}
.btn.ghost:hover{border-color:#6636fa}
.btn.small{margin:0;padding:8px 16px;font-size:13.5px}
.login label{display:block;font-size:13.5px;color:#62626e;margin:0 0 6px}
.login input{display:block;width:100%;padding:12px 14px;margin:0 0 6px;border:1px solid #d9d9e3;border-radius:14px;font:15px 'DM Sans','Segoe UI',Roboto,Arial,sans-serif;color:#1c1c1c}
.login input:focus{outline:2px solid #6636fa;outline-offset:1px;border-color:#6636fa}
.help{padding:18px 36px 20px;background:#fafafd;border-top:1px solid #e6e6ee;font-size:13px;line-height:1.7}
.sender{text-align:center;padding:18px 12px 0;font-size:12px;line-height:1.7;color:#62626e}
.sender b{color:#454545}
@media (max-width:480px){.wrap{padding:16px 8px 24px}.content,.help{padding-left:22px;padding-right:22px}h1{font-size:23px}.brand span{font-size:12px}}
@media (max-width:360px){.brand img{width:140px}.brand span{font-size:11px}}
.error{padding:10px 14px;border-radius:14px;background:#fdecec;color:#b42318;font-weight:bold}
.login input#code{font:bold 24px/1.2 Consolas,Menlo,'Courier New',monospace;letter-spacing:6px;max-width:220px}