/* Personal settings body (/me) inside the OneGIG shell. Rendered by
   js/settings.js; header, footer, title and back link come from the shell.
   Scoped under .me-page. */
.me-page{--teal:#003D44; --ink:#02373D; --green:#48822A; --line:#E4E9EA; --line2:#EEF1F2; color:var(--ink); max-width:872px; padding-block-end:40px; font-size:16px; line-height:1.6;}
.me-page *, .me-page *::before, .me-page *::after{box-sizing:border-box;}
.me-page .me-card{border:1px solid var(--line); border-radius:14px; background:#fff; padding:20px 22px; margin-bottom:16px;}
.me-page h2{color:var(--teal); font-size:18px; margin:0 0 4px;}
.me-page .hint{color:rgba(2,55,61,.72); font-size:14px; margin:0 0 14px;}
.me-page .me-row{display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px solid var(--line2); font-size:15px; flex-wrap:wrap;}
.me-page .me-row:last-child{border-bottom:0;}
.me-page .me-row .k{color:rgba(2,55,61,.72);}
.me-page .me-row .v{color:var(--teal); font-weight:600; overflow-wrap:anywhere;}
.me-page .me-admin{margin-top:14px;}
.me-page .me-field{margin-bottom:12px;}
.me-page .me-field label{display:block; font-size:13px; font-weight:600; color:var(--teal); margin-bottom:5px;}
.me-page .me-field input{width:100%; border:1px solid var(--line); border-radius:10px; padding:11px 12px; font:inherit; font-size:15px; min-height:44px;}
.me-page .me-field input:focus{border-color:var(--green); outline:none; box-shadow:0 0 0 2px rgba(72,130,42,.18);}
.me-page .me-btn{display:inline-flex; align-items:center; gap:8px; border-radius:999px; border:1px solid var(--teal); background:var(--teal); color:#fff; padding:10px 20px; font:inherit; font-size:14.5px; font-weight:700; min-height:44px; cursor:pointer; text-decoration:none;}
.me-page .me-btn:hover{background:#0B4E55; color:#fff;}
.me-page .me-btn.ghost{background:#fff; color:var(--teal); border-color:var(--line);}
.me-page .me-btn.ghost:hover{background:#F7FBEB; border-color:var(--green);}
.me-page .me-msg{font-size:14px; min-height:20px; margin-top:8px;}
.me-page .me-msg.ok{color:var(--green);}
.me-page .me-msg.err{color:#B4241C;}
.me-page .me-lang{display:inline-flex; border:1px solid var(--line); border-radius:999px; overflow:hidden;}
.me-page .me-lang button{border:0; background:#fff; color:var(--ink); padding:9px 18px; min-height:44px; font:inherit; font-size:14.5px; cursor:pointer;}
.me-page .me-lang button.on{background:rgba(193,250,0,.4); color:var(--teal); font-weight:700;}
.me-page :focus-visible{outline:3px solid var(--green); outline-offset:2px; border-radius:6px;}