.system-visibility-manager { margin-bottom:18px; padding:16px; border:1px solid #8d6a31; border-radius:8px; color:#d8c7a4; background:linear-gradient(105deg,rgba(58,29,10,.94),rgba(8,7,6,.96)); }
.system-visibility-manager [hidden] { display:none !important; }
.system-visibility-head { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.system-visibility-head p { margin:0 0 4px; color:#d3a04a; font:bold 11px Georgia,serif; letter-spacing:.18em; }
.system-visibility-head strong { color:#ffe3a0; }
.system-visibility-head small { display:block; margin-top:4px; color:#a79472; }
.system-visibility-login,.system-visibility-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.system-visibility-login input { width:150px; padding:9px 11px; border:1px solid #9e7634; border-radius:5px; color:#f5ead4; background:#090705; }
.system-visibility-manager button { padding:8px 12px; border:1px solid #b98b43; border-radius:5px; color:#ffe2a0; background:linear-gradient(#6d2911,#351006); cursor:pointer; }
.system-visibility-manager button.primary { color:#321800; background:linear-gradient(#f4d16f,#b56b13); }
.system-visibility-manager button.has-changes { box-shadow:0 0 0 2px #f2c75b55; }
.system-visibility-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:14px; }
.system-visibility-option { display:flex; gap:11px; align-items:center; padding:11px 13px; border:1px solid #725323; background:rgba(0,0,0,.28); cursor:pointer; }
.system-visibility-option input { width:19px; height:19px; accent-color:#d3942f; }
.system-visibility-option span { display:block; min-width:0; }
.system-visibility-option b { display:block; color:#f2d58e; }
.system-visibility-option small { color:#9f8e6d; }
@media(max-width:760px){.system-visibility-head{align-items:stretch;flex-direction:column}.system-visibility-options{grid-template-columns:1fr}.system-visibility-login input{flex:1 1 140px;width:auto}}