.imail{width:100%;color:#24152d}.imail-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.imail-heading h1{font-size:30px;margin:5px 0}.imail-heading p{color:#6b6171;margin:0}.imail-primary{background:#fa197b;color:white!important;border:0;border-radius:11px;padding:12px 19px;display:inline-block;text-decoration:none;font-weight:700;cursor:pointer}.imail-nav{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.imail-nav a{padding:10px 17px;border:1px solid #f5c5da;border-radius:9px;text-decoration:none;color:#392a3f}.imail-nav a.selected{background:#ffeaf3;color:#d31868;border-color:#e62b7e}.imail-panel{border:1px solid #f1dbe5;border-radius:16px;padding:22px;background:#fff;margin-bottom:18px}.imail-panel h2{margin:0 0 18px;font-size:22px}.imail-form{display:grid;gap:14px;margin-top:18px}.imail-form label{display:grid;gap:7px;font-weight:600}.imail-form input,.imail-form textarea{width:100%;border:1px solid #ded2df;border-radius:9px;padding:12px;font:inherit;box-sizing:border-box}.imail-form textarea{resize:vertical}.imail-form button{justify-self:start}.imail-list{display:grid}.imail-item{display:flex;align-items:center;gap:12px;padding:15px 5px;border-top:1px solid #f3e7ed;text-decoration:none;color:inherit}.imail-item.unread{background:#fff4f9}.imail-dot{color:#f01979}.imail-item-main{display:grid;gap:5px;flex:1;min-width:0}.imail-item-main strong{overflow-wrap:anywhere}.imail-item-main small,.imail-item time{color:#746977}.imail-messages{display:grid;gap:12px;margin:22px 0}.imail-message{border:1px solid #efe0e7;background:#faf8fa;border-radius:12px;padding:15px}.imail-message.mine{background:#fff0f7;border-color:#f8cadd}.imail-message>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.imail-message time{font-size:12px;color:#756c78}.imail-message p{white-space:normal;overflow-wrap:anywhere;margin:12px 0 0}.imail-delete{margin-top:22px}.imail-delete button{border:0;background:none;color:#9e3862;text-decoration:underline;cursor:pointer}.imail-success{padding:12px;background:#e9f8f0;border-radius:8px}@media(max-width:650px){.imail-heading{align-items:flex-start;flex-direction:column}.imail-panel{padding:15px}.imail-item time{font-size:11px}.imail-heading h1{font-size:25px}}


/* v0.13.9 – Belső levelezés: modern, reszponzív felület. */
.imail{--im-accent:#d82171;--im-border:#efdce6;--im-muted:#796878;max-width:1100px;margin-inline:auto}
.imail-heading{padding:20px 24px;border:1px solid var(--im-border);border-radius:20px;background:linear-gradient(120deg,#fff5fa,#fff 65%);box-shadow:0 6px 22px #5b21400a}
.imail-heading h1{font-size:clamp(24px,3vw,32px);letter-spacing:-.035em}
.imail-nav{gap:10px;padding:3px 0 6px}
.imail-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 19px;border-radius:999px;font-weight:700;transition:background .15s,border-color .15s,transform .15s}
.imail-nav a:hover{background:#fff1f7;border-color:#e77eae;transform:translateY(-1px)}
.imail-nav a.selected{background:#d82171;color:#fff;border-color:#d82171;box-shadow:0 5px 14px #d8217124}
.imail-panel{border-radius:20px;padding:clamp(16px,2.6vw,28px);box-shadow:0 8px 28px #5b21400b}
.imail-panel h2{font-size:clamp(19px,2.2vw,24px);letter-spacing:-.025em}
.imail-list{gap:8px}
.imail-item{position:relative;min-height:74px;padding:14px 17px;border:1px solid #f0e1e9;border-radius:13px;background:#fff;gap:14px;transition:border-color .15s,box-shadow .15s,transform .15s}
.imail-item:hover,.imail-item:focus-visible{border-color:#e99abc;box-shadow:0 5px 18px #7e23551a;transform:translateY(-1px);outline:none}
.imail-item.unread{background:#fff1f7;border-color:#f5c1d8;box-shadow:inset 3px 0 #e31f79}
.imail-item.unread .imail-item-main strong{color:#ad185b}
.imail-dot{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#f9e8f0;font-size:14px}
.imail-item.unread .imail-dot{background:#dc2674;color:white}
.imail-item-main{gap:6px}
.imail-item-main strong{font-size:15px;line-height:1.4}
.imail-item-main small{font-size:13px}
.imail-item time{font-size:12px;white-space:nowrap}
.imail-messages{gap:14px;margin:24px 0;padding:18px;background:linear-gradient(180deg,#fff8fb,#fdfafd);border:1px solid #f3e4ed;border-radius:18px}
.imail-message{width:fit-content;max-width:min(85%,690px);padding:14px 17px;border-radius:17px 17px 17px 5px;background:#fff;border:1px solid #f0e0e9;box-shadow:0 3px 10px #5b21400b}
.imail-message.mine{justify-self:end;background:#fce0ed;border-color:#f5bad3;border-radius:17px 17px 5px 17px}
.imail-message>div{align-items:center;gap:10px}
.imail-message strong{font-size:13px;color:#74294e}
.imail-message p{line-height:1.65;margin-top:9px}
.imail-form{gap:16px}
.imail-form label{gap:8px;color:#4c3145}
.imail-form input,.imail-form textarea{border-radius:12px;border-color:#e8d6e0;background:#fff;line-height:1.5;transition:border-color .15s,box-shadow .15s}
.imail-form input:focus,.imail-form textarea:focus{outline:0;border-color:#db3b83;box-shadow:0 0 0 3px #e72b7d1c}
.imail-primary{min-height:44px;border-radius:12px;background:linear-gradient(120deg,#db2375,#b71f68);box-shadow:0 5px 14px #d8217124}
.imail-primary:hover{filter:brightness(1.06)}
.imail-delete{padding-top:15px;border-top:1px solid #f0e0e9}
.imail-success{border:1px solid #b8e6cc;color:#246442;padding:14px 16px;border-radius:12px}
@media(max-width:650px){.imail-heading{padding:16px}.imail-panel{padding:16px}.imail-item{align-items:flex-start;flex-wrap:wrap;gap:9px;padding:12px}.imail-item-main{flex:1 1 calc(100% - 48px)}.imail-item time{margin-left:43px;font-size:11px}.imail-messages{padding:10px;gap:10px}.imail-message{max-width:93%;padding:11px 13px}.imail-message>div{align-items:flex-start}.imail-message time{font-size:10px}.imail-nav a{flex:1}}
@media(prefers-reduced-motion:reduce){.imail-nav a,.imail-item{transition:none}.imail-item:hover{transform:none}}

/* v0.13.10 – Valodi torles gombja a level-listaban */
.imail .imail-row{display:flex;align-items:stretch;gap:8px;border-bottom:1px solid #f2e8ee}
.imail .imail-row>.imail-item{flex:1;min-width:0;border-bottom:0}
.imail .imail-row-delete{display:flex;align-items:center;margin:0;padding-right:10px}
.imail .imail-row-delete button,.imail .imail-delete button{cursor:pointer;border:1px solid #f1b9ca;background:#fff4f7;color:#a4244c;border-radius:9px;padding:9px 13px;font:inherit;font-weight:650}
.imail .imail-row-delete button:hover,.imail .imail-delete button:hover{background:#fce0e9}
@media(max-width:600px){.imail .imail-row{gap:2px}.imail .imail-row-delete{padding-right:5px}.imail .imail-row-delete button{padding:8px 7px;font-size:12px}}