.rule-option{position:relative;display:flex;align-items:center;justify-content:space-between;border:1px solid #dfe4d7;border-radius:10px;background:#f5f5ec;padding:12px;gap:12px;min-height:56px}
.rule-option:has(input:checked){background:#eaf0df;border-color:#b3c5a1}.rule-option label{display:flex;gap:10px;align-items:center;flex:1;font-size:13px;font-weight:600;cursor:pointer}.rule-option input{width:18px;height:18px;accent-color:#345e46;flex-shrink:0}.rule-info{width:26px;height:26px;border-radius:50%;border:1px solid #b7c3a9;background:transparent;color:#587248;flex-shrink:0}
.rule-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:0;right:0;z-index:20;padding:14px;border-radius:10px;background:#234b3c;color:#fff8e7;box-shadow:0 6px 22px #142b3230;font-size:12px;line-height:1.6;font-weight:400;pointer-events:none}
.rule-option:hover .rule-tooltip,.rule-option:focus-within .rule-tooltip{display:block}
#rule-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:18px}
@media(max-width:520px){#rule-fields{grid-template-columns:1fr}.rule-tooltip{font-size:11px}}
.room-protection{border:1px solid #d9dfcd;border-radius:12px;padding:18px;margin:20px 0;background:#f0f3e7}.room-protection>.checkbox-line,.room-protection form>.checkbox-line{font-size:13px;line-height:1.6}.room-protection input[type=checkbox]{width:18px;height:18px;accent-color:#345e46;flex-shrink:0}.room-protection .field-label{margin:15px 0 0}.room-protection p{font-size:12px;line-height:1.7}.room-protection h3{font-size:16px}.room-protection form>.outline-button{margin-top:16px}.room-protection .subtle{margin-top:10px;font-size:11px}