.scl-form { max-width:420px; }
.scl-form label { display:block; font-weight:600; font-size:13px; margin-bottom:4px; }
.scl-form input, .scl-form textarea { width:100%; padding:9px 10px; border:1px solid #ccc; border-radius:6px; font-size:14px; margin-bottom:10px; }
.scl-form button { background:#0F6E56; color:#fff; border:0; padding:10px 18px; border-radius:6px; font-weight:600; cursor:pointer; }
.scl-form button:hover { background:#085041; }
.scl-msg { padding:10px 14px; border-radius:6px; font-size:13px; margin-top:10px; }
.scl-msg.ok { background:#E1F5EE; color:#085041; }
.scl-msg.err { background:#FAECE7; color:#712B13; }

.scl-portal { max-width:520px; }
.scl-portal-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.scl-portal-name { font-weight:600; font-size:16px; margin:0; }
.scl-portal-email { color:#757575; font-size:13px; margin:0; }
.scl-logout { background:transparent; border:1px solid #ccc; border-radius:6px; padding:6px 14px; cursor:pointer; }
.scl-card { background:#fff; border:1px solid #e0e0e0; border-radius:10px; padding:14px 18px; margin-bottom:14px; }
.scl-label { font-weight:600; font-size:13px; margin:0 0 6px; }
.scl-status-ok { color:#0d7a34; font-weight:600; }
.scl-status-bad { color:#b32d2e; font-weight:600; }
table.scl-sessions { width:100%; font-size:13px; }
table.scl-sessions td { padding:6px 0; border-bottom:1px solid #f2f2f2; }
.scl-end-session { background:transparent; border:1px solid #ccc; border-radius:4px; padding:2px 8px; font-size:11px; cursor:pointer; }