.access-shell{display:grid;grid-template-columns:1.2fr .8fr;max-width:980px;margin:20px auto;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.access-panel{border:0;border-radius:0;padding:42px 48px}.access-panel h2{font:700 25px Manrope;margin:8px 0}.access-panel>p{color:var(--muted);max-width:540px;margin-bottom:24px}.access-panel form{max-width:500px}.access-panel form .btn{margin-top:18px;width:100%}.access-symbol{display:grid;place-items:center;width:46px;height:46px;background:var(--mint);color:var(--green);border-radius:12px;font-size:21px;margin-bottom:20px}.inline-error{background:#fbeaea;color:#9d4141;border:1px solid #f0caca;border-radius:8px;padding:10px 12px;margin-bottom:16px;font-size:11px}.access-help{display:grid;margin-top:30px;padding:18px 0 0 34px;border-top:1px solid var(--line);position:relative}.access-help:before{content:"✓";position:absolute;left:0;top:19px;width:23px;height:23px;display:grid;place-items:center;background:var(--mint);color:var(--green);border-radius:50%}.access-help b{font-size:11px}.access-help span{font-size:10px;color:var(--muted)}
.access-context{position:static;width:auto;background:#07165f;padding:44px 35px;color:#fff}.access-context>span{font-size:9px;letter-spacing:1.5px;color:var(--lime)}.access-context h3{font:700 23px Manrope;margin:10px 0 30px}.access-context>div{display:grid;grid-template-columns:35px 1fr;gap:10px;padding:16px 0;border-top:1px solid #ffffff17}.access-context>div>b{color:var(--lime);font:700 11px Manrope}.access-context p{margin:0}.access-context strong{display:block;font-size:12px}.access-context small{display:block;color:#b3bfe1;margin-top:3px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.role-grid label{border:1px solid var(--line);padding:9px;border-radius:8px;font-size:11px}.role-grid input{width:auto;margin-right:5px}
.settings-hero{display:flex;align-items:center;justify-content:space-between;padding:25px 28px;margin-bottom:16px;border-radius:16px;background:linear-gradient(110deg,#07165f,#0b3198);color:#fff;box-shadow:var(--shadow)}.settings-hero h2{font:700 24px Manrope;margin:5px 0}.settings-hero p{margin:0;color:#cbd6f4}.connection-state{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #ffffff30;border-radius:20px;font-size:11px}.connection-state i{width:8px;height:8px;border-radius:50%;background:#11b9ef;box-shadow:0 0 0 4px #11b9ef22}.settings-form{padding:0;overflow:hidden}.settings-section{padding:26px 28px}.settings-section-head,.email-test-copy{display:flex;align-items:center;gap:13px;margin-bottom:22px}.settings-section-head h3,.email-test h3{font:700 17px Manrope;margin:0}.settings-section-head p,.email-test p{color:var(--muted);margin:2px 0 0;font-size:11px}.settings-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:11px;background:#e7f5ff;color:#073ca8;font-size:19px}.settings-icon.test{background:#e7f8ee;color:#25714a}.secret-field{display:flex}.secret-field input{border-radius:9px 0 0 9px}.secret-field button{border:1px solid #d2d9d5;border-left:0;border-radius:0 9px 9px 0;background:#f4f7fb;color:#073ca8;padding:0 13px;cursor:pointer}.email-test{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;background:#f7f9fc;border-block:1px solid var(--line);padding:22px 28px}.email-test-copy{margin:0}.email-test-controls{display:flex;gap:9px}.email-test-controls input{flex:1;min-width:0;border:1px solid #d2d9d5;border-radius:9px;padding:11px 12px}.settings-save{display:flex;align-items:center;justify-content:space-between;padding:21px 28px}.settings-save b,.settings-save small{display:block}.settings-save small{color:var(--muted);font-size:10px;margin-top:3px}.settings-existing{margin-top:16px}.settings-existing summary{cursor:pointer;font-weight:700;color:#073ca8}.settings-existing p{color:var(--muted)}
@media(max-width:760px){.access-shell{grid-template-columns:1fr}.access-panel{padding:28px 22px}.access-context{padding:28px 22px}.role-grid{grid-template-columns:1fr 1fr}.settings-hero,.settings-save{align-items:flex-start;gap:16px}.settings-hero,.settings-save,.email-test{grid-template-columns:1fr;flex-direction:column}.email-test-controls{flex-direction:column;width:100%}.settings-section{padding:22px 18px}}