/* YouSite Back Office email workspace — isolated from the rest of the site */
.admin-email-panel{
  grid-column:2;grid-row:2;position:relative;z-index:18;min-width:0;min-height:0;
  overflow:hidden;color:#edf6fb;background:rgba(32,40,48,.88);
  backdrop-filter:blur(30px) saturate(.72);-webkit-backdrop-filter:blur(30px) saturate(.72);
  border-left:1px solid rgba(255,255,255,.10);box-shadow:-24px 0 46px rgba(0,0,0,.24);
  transform:translateX(103%);transition:transform 780ms cubic-bezier(.18,.78,.18,1);pointer-events:none;
}
.admin-email-panel.open{transform:translateX(0);pointer-events:auto}
.admin-email-frame{height:100%;display:grid;grid-template-rows:58px minmax(0,1fr);min-height:0}
.admin-email-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 18px 0 20px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(10,16,22,.22)}
.admin-email-heading{display:flex;align-items:baseline;gap:11px;min-width:0}.admin-email-heading h2{margin:0;color:#fff;font:400 20px Georgia,serif;letter-spacing:.02em}.admin-email-account{color:rgba(210,225,234,.48);font:10px Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-email-close{width:30px;height:30px;border:0;background:transparent;color:rgba(225,236,242,.58);cursor:pointer;font:300 24px/30px Arial,sans-serif;transition:.18s ease}.admin-email-close:hover{color:#fff;transform:scale(1.08)}
.admin-mail-shell{display:grid;grid-template-columns:164px minmax(250px,34%) minmax(0,1fr);min-height:0;height:100%}
.mail-folders{min-height:0;padding:14px 10px;border-right:1px solid rgba(255,255,255,.075);background:rgba(9,15,20,.18);overflow-y:auto}
.mail-compose-button{width:100%;height:40px;border:1px solid rgba(84,184,239,.42);background:rgba(61,184,255,.09);color:#f5fbff;cursor:pointer;font:600 10px Arial,sans-serif;letter-spacing:.10em;text-transform:uppercase;transition:.18s ease;margin-bottom:13px}.mail-compose-button:hover{background:rgba(61,184,255,.18);border-color:rgba(103,205,255,.75);box-shadow:0 0 22px rgba(61,184,255,.10)}
.mail-folder{display:flex;align-items:center;justify-content:space-between;width:100%;height:35px;border:0;border-left:2px solid transparent;background:transparent;color:rgba(222,235,242,.58);padding:0 9px;cursor:pointer;text-align:left;font:500 10px Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;transition:.16s ease}.mail-folder:hover,.mail-folder.active{color:#fff;border-left-color:#6acaff;background:rgba(88,191,246,.075)}
.mail-folder-count{min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;border:1px solid rgba(255,255,255,.10);color:rgba(220,235,244,.65);font-size:9px}.mail-folder[data-mail-folder="inbox"] .mail-folder-count.has-unread{background:#d43a3a;border-color:#d43a3a;color:#fff}
.mail-list-pane{min-width:0;min-height:0;border-right:1px solid rgba(255,255,255,.075);background:rgba(25,33,40,.22);display:grid;grid-template-rows:auto minmax(0,1fr)}
.mail-list-tools{padding:12px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;gap:7px}.mail-search{width:100%;height:34px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.13);color:#fff;padding:0 10px;outline:none;font:10px Arial,sans-serif}.mail-search:focus{border-color:rgba(90,196,250,.55);box-shadow:0 0 0 1px rgba(90,196,250,.10)}
.mail-message-list{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(90,196,250,.24) transparent}.mail-row{position:relative;padding:13px 13px 12px 16px;border-bottom:1px solid rgba(255,255,255,.055);cursor:pointer;transition:.15s ease}.mail-row:hover,.mail-row.active{background:rgba(92,180,225,.075)}.mail-row.unread:before{content:"";position:absolute;left:6px;top:18px;width:4px;height:4px;border-radius:50%;background:#67caff;box-shadow:0 0 9px rgba(103,202,255,.8)}
.mail-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mail-row-from{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(243,249,252,.84);font:600 10px Arial,sans-serif}.mail-row.unread .mail-row-from,.mail-row.unread .mail-row-subject{color:#fff}.mail-row-time{color:rgba(213,229,238,.36);font:9px Arial,sans-serif;white-space:nowrap}.mail-row-subject{margin-top:5px;color:rgba(235,244,249,.68);font:500 10px Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row-preview{margin-top:4px;color:rgba(213,227,236,.38);font:9px/1.4 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-empty{padding:25px 16px;color:rgba(221,234,241,.42);font:10px/1.6 Arial,sans-serif}
.mail-reader{min-width:0;min-height:0;overflow-y:auto;padding:20px 24px 32px;background:rgba(36,44,51,.26);scrollbar-width:thin;scrollbar-color:rgba(90,196,250,.24) transparent}.mail-reader-empty{height:100%;display:flex;align-items:center;justify-content:center;color:rgba(218,231,239,.30);font:11px Arial,sans-serif;letter-spacing:.04em}.mail-reader-subject{margin:0 0 9px;color:#fff;font:400 23px Georgia,serif}.mail-reader-meta{display:grid;grid-template-columns:auto 1fr;gap:4px 11px;padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.07);color:rgba(215,229,238,.48);font:10px/1.45 Arial,sans-serif}.mail-reader-meta strong{color:rgba(243,249,252,.78);font-weight:500}.mail-reader-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:15px 0}.mail-action{height:31px;border:1px solid rgba(108,194,237,.25);background:rgba(0,0,0,.09);color:rgba(233,243,249,.70);padding:0 10px;cursor:pointer;font:600 9px Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;transition:.16s ease}.mail-action:hover{color:#fff;border-color:rgba(103,202,255,.58);background:rgba(61,184,255,.08)}.mail-move-select{height:31px;border:1px solid rgba(108,194,237,.22);background:rgba(17,24,30,.78);color:rgba(233,243,249,.74);padding:0 8px;font:9px Arial,sans-serif;outline:none}
.mail-reader-body{color:rgba(237,245,249,.78);font:12px/1.7 Arial,sans-serif;white-space:pre-wrap;word-break:break-word}.mail-attachments{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.mail-attachment{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025);padding:8px 10px;color:rgba(228,240,247,.66);font:9px Arial,sans-serif}
.mail-compose-layer{position:absolute;inset:58px 0 0 0;z-index:25;background:rgba(21,28,34,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:.20s ease;display:flex;align-items:flex-end;justify-content:flex-end;padding:20px}.mail-compose-layer.open{opacity:1;pointer-events:auto}.mail-compose-card{width:min(720px,88%);height:min(640px,88%);display:grid;grid-template-rows:48px auto auto auto minmax(150px,1fr) auto auto;border:1px solid rgba(255,255,255,.13);background:rgba(36,44,51,.96);box-shadow:0 24px 70px rgba(0,0,0,.35);transform:translateY(24px);transition:.28s cubic-bezier(.2,.8,.2,1)}.mail-compose-layer.open .mail-compose-card{transform:translateY(0)}
.mail-compose-head{display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font:500 13px Georgia,serif}.mail-compose-x{border:0;background:transparent;color:rgba(230,240,246,.60);font:300 21px Arial,sans-serif;cursor:pointer}.mail-compose-x:hover{color:#fff}.mail-compose-input{width:100%;height:39px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#fff;outline:none;padding:0 15px;font:10px Arial,sans-serif}.mail-compose-body{width:100%;min-height:0;resize:none;border:0;background:transparent;color:rgba(243,249,252,.84);outline:none;padding:14px 15px;font:11px/1.6 Arial,sans-serif}.mail-compose-attachment{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 15px;border-top:1px solid rgba(255,255,255,.07);color:rgba(221,235,243,.54);font:9px Arial,sans-serif}.mail-compose-attachment input{max-width:70%;color:rgba(222,235,243,.68);font-size:9px}.mail-compose-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 15px;border-top:1px solid rgba(255,255,255,.07)}
@media(max-width:900px){.admin-mail-shell{grid-template-columns:126px minmax(220px,40%) minmax(0,1fr)}.admin-email-panel{grid-column:2}.mail-reader{padding:17px 16px 28px}.mail-compose-card{width:94%;height:90%}}
@media(max-width:700px){.admin-mail-shell{grid-template-columns:104px 1fr}.mail-reader{display:none}.mail-folders{padding:10px 6px}.mail-folder{padding:0 6px;font-size:9px}.admin-email-topbar{padding-left:12px}.admin-email-account{display:none}.mail-compose-layer{padding:10px}.mail-compose-card{width:100%;height:94%}}