#rls-appearance,#rls-appearance *{box-sizing:border-box;font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
#rls-appearance{display:none;position:fixed;inset:0 0 0 var(--rls-w);z-index:2147482900;background:var(--rls-bg);color:var(--rls-body);overflow:auto;font-size:14px;line-height:1.5}
body.rls-auth.rls-view-appearance #rls-appearance{display:block}body.rls-collapsed #rls-appearance{left:var(--rls-w-collapsed)}
#rls-appearance header{padding:28px 32px 22px;border-bottom:1px solid var(--rls-line4);display:flex;align-items:flex-start;gap:18px}
#rls-appearance header .rla-ico{width:44px;height:44px;border-radius:12px;background:var(--rls-tint);color:var(--rls-green);display:flex;align-items:center;justify-content:center;flex-shrink:0}
#rls-appearance header .rla-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#rls-appearance h1{font-size:25px;letter-spacing:-.7px;margin:0;color:var(--rls-text);font-weight:600}#rls-appearance header p{margin:5px 0 0;color:var(--rls-muted)}
.rla-content{padding:24px 32px 40px}
.rla-group{margin:0 0 30px}.rla-group h2{display:flex;align-items:center;gap:10px;font-size:19px;margin:0 0 16px;color:var(--rls-text);font-weight:600}
.rla-group h2 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--rls-muted)}
.rla-count{font-size:12px;font-weight:500;color:var(--rls-muted);background:var(--rls-card);border:1px solid var(--rls-line);border-radius:20px;padding:2px 10px}
.rla-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.rla-card{position:relative;text-align:left;background:var(--rls-bg2);border:2px solid var(--rls-line3);border-radius:12px;padding:18px;cursor:pointer;color:var(--rls-body);font:inherit;transition:border-color .15s,transform .15s}
.rla-card:hover{border-color:var(--rls-tint-line);transform:translateY(-1px)}.rla-card:focus-visible{outline:2px solid var(--rls-green);outline-offset:3px}
.rla-card.rla-active{border-color:var(--rls-green)}
.rla-name{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:17px;font-weight:600;color:var(--rls-text)}
.rla-active-badge{display:none;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--rls-on-green);background:var(--rls-green);border-radius:20px;padding:3px 10px}
.rla-card.rla-active .rla-active-badge{display:inline-flex}
.rla-type{display:flex;align-items:center;gap:7px;margin:8px 0 14px;color:var(--rls-muted);font-size:13px}.rla-type svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rla-preview{border-radius:10px;padding:14px;border:1px solid transparent}
.rla-pv-card{display:flex;align-items:center;gap:10px;border-radius:8px;padding:11px 14px;font-size:14px;font-weight:500}
.rla-pv-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}
.rla-pv-bars{display:flex;gap:6px;margin:12px 0}.rla-pv-bars i{display:block;height:6px;flex:1;border-radius:3px}
.rla-pv-btns{display:flex;gap:8px}.rla-pv-btns span{display:inline-block;padding:6px 12px;border-radius:7px;font-size:13px;font-weight:500}
.rla-accent{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--rls-muted);font-size:13px}.rla-accent i{width:18px;height:18px;border-radius:50%;display:inline-block;border:1px solid rgba(127,127,127,.25)}
.rla-note{margin-top:8px;color:var(--rls-faint);font-size:12px}
/* Readability (operator, 2026-09-17): email bodies were 13px; the admin-preview notice painted
   literal green and wrapped word-by-word inside the collapsed 64px sidebar. */
#rls-thread .rls-html,#rls-thread .rls-mbody pre{font-size:15px;line-height:1.6}
#rls-thread .rls-mbody{color:var(--rls-body)}
#rl-preview-info{background:var(--rls-tint);border:1px solid var(--rls-tint-line);color:var(--rls-text);font-size:13px;line-height:1.45;overflow-wrap:anywhere}
#rl-preview-info strong{color:var(--rls-text)}#rl-preview-info small{color:var(--rls-muted)}
#rl-preview-info a{color:var(--rls-green);font-weight:600;text-decoration:underline;text-underline-offset:2px}
body.rls-collapsed #rl-preview-info{font-size:0;padding:8px 4px;margin:4px 6px;text-align:center}
body.rls-collapsed #rl-preview-info strong,body.rls-collapsed #rl-preview-info small{display:none}
body.rls-collapsed #rl-preview-info a{display:block;font-size:11px;line-height:1.25}