#seafix-demo #sf-maintenance-rules { min-width:0; margin:0; padding:0; border:0; }
#seafix-demo .sf-maintenance-group { margin:24px 0; }
#seafix-demo .sf-maintenance-group h3 { margin:0 0 10px; font-size:15px; font-weight:600; }
#seafix-demo .sf-maintenance-option { position:relative; display:flex; gap:16px; align-items:center; justify-content:space-between; margin:0; padding:15px 0; border-bottom:1px solid var(--sf-line); color:var(--sf-heading); font-size:14px; line-height:1.5; font-weight:400; cursor:pointer; }
#seafix-demo .sf-maintenance-option>input { position:absolute; right:0; width:40px; height:28px; opacity:0; margin:0; }
#seafix-demo .sf-maintenance-switch { position:relative; flex:0 0 40px; height:24px; border-radius:20px; background:var(--sf-line); border:1px solid var(--sf-muted); pointer-events:none; }
#seafix-demo .sf-maintenance-switch::after { content:""; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%; background:var(--sf-heading); }
#seafix-demo .sf-maintenance-option input:checked+.sf-maintenance-switch { background:var(--sf-heading); border-color:var(--sf-heading); }
#seafix-demo .sf-maintenance-option input:checked+.sf-maintenance-switch::after { left:19px; background:var(--sf-canvas); }
#seafix-demo .sf-maintenance-option input:focus-visible+.sf-maintenance-switch { outline:2px solid var(--sf-heading); outline-offset:3px; }
#seafix-demo .sf-maintenance-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
#seafix-demo .sf-maintenance-actions button { padding:11px 17px; min-height:42px; border:1px solid var(--sf-line); border-radius:11px; background:var(--sf-surface); color:var(--sf-heading); font:inherit; font-size:13px; cursor:pointer; }
#seafix-demo #sf-maintenance-save { background:var(--sf-heading); color:var(--sf-canvas); border-color:var(--sf-heading); }
#seafix-demo .sf-maintenance-actions button:disabled { opacity:.5; cursor:default; }
#seafix-demo .sf-maintenance-toast { position:fixed; z-index:1000; bottom:calc(var(--sf-nav-height,72px) + 14px); left:50%; transform:translateX(-50%); display:flex; gap:12px; align-items:center; width:max-content; max-width:min(520px,calc(100% - 32px)); padding:14px 15px; border:1px solid var(--sf-line); border-radius:14px; background:var(--sf-surface); color:var(--sf-heading); box-shadow:0 6px 26px #0002; }
#seafix-demo .sf-maintenance-toast p { margin:0; font-size:13px; line-height:1.5; }
#seafix-demo .sf-maintenance-toast button { flex:none; display:grid; place-items:center; width:32px; height:32px; padding:0; border:0; border-radius:8px; background:transparent; color:inherit; cursor:pointer; }
#seafix-demo .sf-maintenance-toast button:focus-visible { outline:2px solid currentColor; }
@media (min-width:1000px) { #seafix-demo .sf-maintenance-toast { bottom:24px; } }
@media print { #seafix-demo .sf-maintenance-toast { display:none!important; } }