
#fsociety-preview .fc { --fc-bg:#101113;--fc-panel:#17181b;--fc-line:#323339;--fc-ink:#efeee9;--fc-dim:#a5a5ad;--fc-red:#f45050;--fc-green:#8cdbad; background:var(--fc-bg);color:var(--fc-ink);font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:930px; }
#fsociety-preview *{box-sizing:border-box}
#fsociety-preview .fc button,#fsociety-preview .fc input,#fsociety-preview .fc select{font:inherit;color:inherit}
#fsociety-preview .fc button{cursor:var(--cursor-interaction,pointer)}
#fsociety-preview .fc button:focus-visible,#fsociety-preview .fc input:focus-visible,#fsociety-preview .fc select:focus-visible{outline:2px solid var(--fc-red);outline-offset:3px}
#fsociety-preview .fc [hidden]{display:none!important}
#fsociety-preview .fc-header{padding:24px 110px 20px 26px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;border-bottom:1px solid var(--fc-line)}
#fsociety-preview .fc-logo{display:grid;grid-template-columns:repeat(3,7px);gap:3px;transform:rotate(-5deg);flex-shrink:0}
#fsociety-preview .fc-logo b{height:7px;background:var(--fc-red)}
#fsociety-preview .fc-logo b:nth-child(5){background:transparent}
#fsociety-preview .fc-brand{font-size:23px;letter-spacing:-1px;font-weight:500}
#fsociety-preview .fc-label{color:var(--fc-dim);font-size:11px;letter-spacing:1px;text-transform:uppercase}
#fsociety-preview .fc-demo{margin-left:auto;color:var(--fc-dim);font-size:11px;border:1px dashed var(--fc-line);padding:5px 9px;white-space:nowrap}
#fsociety-preview .fc-nav{padding:0 26px;display:flex;gap:28px;border-bottom:1px solid var(--fc-line)}
#fsociety-preview .fc-nav button{background:none;border:0;border-bottom:2px solid transparent;padding:16px 0;color:var(--fc-dim)}
#fsociety-preview .fc-nav button[aria-selected=true]{color:var(--fc-ink);border-color:var(--fc-red)}
#fsociety-preview .fc-main{padding:24px 26px}
#fsociety-preview .fc-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
#fsociety-preview .fc-heading h2{font:500 27px/1.2 ui-monospace,Consolas,monospace;margin:4px 0}
#fsociety-preview .fc-button{background:var(--fc-panel);color:inherit;text-decoration:none;border:1px solid var(--fc-line);padding:9px 13px;min-height:40px;white-space:nowrap}
#fsociety-preview .fc-primary{color:var(--fc-bg)!important;background:var(--fc-red);border-color:var(--fc-red);font-weight:500!important;box-shadow:3px 3px 0 var(--fc-line)}
#fsociety-preview .fc-button:hover{filter:brightness(1.15)}
#fsociety-preview .fc-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--fc-line);border-bottom:1px solid var(--fc-line);margin:0 0 22px}
#fsociety-preview .fc-stat{padding:17px 15px;border-right:1px solid var(--fc-line)}
#fsociety-preview .fc-stat:first-child{padding-left:0}
#fsociety-preview .fc-stat:last-child{border-right:0}
#fsociety-preview .fc-number{font-size:28px;display:block;letter-spacing:-1px;font-variant-numeric:tabular-nums}
#fsociety-preview .fc-muted{color:var(--fc-dim);font-size:12px}
#fsociety-preview .fc-alert{display:flex;align-items:center;gap:14px;background:#25191b;border-left:3px solid var(--fc-red);padding:13px 15px;margin-bottom:22px}
#fsociety-preview .fc-alert strong{font-weight:500;color:var(--fc-red)}
#fsociety-preview .fc-alert .fc-button{margin-left:auto}
#fsociety-preview .fc-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px}
#fsociety-preview .fc-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
#fsociety-preview .fc-section-title h3{font-size:14px;font-weight:500;margin:0}
#fsociety-preview .fc-users{display:grid;gap:8px}
#fsociety-preview .fc-user{width:100%;background:var(--fc-panel);border:1px solid var(--fc-line);text-align:left;padding:13px 14px;position:relative}
#fsociety-preview .fc-user[aria-pressed=true]{border-color:var(--fc-red);box-shadow:inset 3px 0 var(--fc-red)}
#fsociety-preview .fc-user-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:7px}
#fsociety-preview .fc-user-name{font-weight:500}
#fsociety-preview .fc-user-sub{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;color:var(--fc-dim);font-variant-numeric:tabular-nums}
#fsociety-preview .fc-status{font-size:11px;color:var(--fc-green);white-space:nowrap}
#fsociety-preview .fc-status.off{color:var(--fc-dim)}
#fsociety-preview .fc-risk{color:var(--fc-red);font-size:11px}
#fsociety-preview .fc-detail{border:1px solid var(--fc-line);background:var(--fc-panel);padding:18px;min-width:0}
#fsociety-preview .fc-detail h3{font-weight:500;font-size:19px;margin:4px 0 12px}
#fsociety-preview .fc-detail dl{display:grid;grid-template-columns:1fr auto;gap:7px 15px;margin:0 0 16px;font-size:12px}
#fsociety-preview .fc-detail dt{color:var(--fc-dim)}
#fsociety-preview .fc-detail dd{margin:0;text-align:right}
#fsociety-preview .fc-key{background:var(--fc-bg);padding:12px;margin:14px 0;border:1px dashed var(--fc-line);overflow-wrap:anywhere;font-size:12px}
#fsociety-preview .fc-actions{display:flex;gap:8px;flex-wrap:wrap}
#fsociety-preview .fc-actions .fc-button{font-size:12px}
#fsociety-preview .fc-ips{margin-top:22px;border-top:1px solid var(--fc-line);padding-top:15px}
#fsociety-preview .fc-ips h4{font-size:12px;font-weight:500;margin:0 0 12px}
#fsociety-preview .fc-ip{border-top:1px solid var(--fc-line);padding:10px 0;font-size:12px;overflow-wrap:anywhere}
#fsociety-preview .fc-ip:first-of-type{border-top:0}
#fsociety-preview .fc-ip-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px}
#fsociety-preview .fc-ip details{margin-top:5px}
#fsociety-preview .fc-ip summary{cursor:var(--cursor-interaction,pointer);color:var(--fc-dim)}
#fsociety-preview .fc-foot{margin-top:25px;padding-top:12px;border-top:1px solid var(--fc-line);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--fc-dim)}
#fsociety-preview .fc-panel{border:1px solid var(--fc-line);padding:20px;background:var(--fc-panel);margin-bottom:18px}
#fsociety-preview .fc-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#fsociety-preview .fc-form label{display:grid;gap:7px;font-size:12px}
#fsociety-preview .fc input,#fsociety-preview .fc select{width:100%;padding:10px;background:var(--fc-bg);border:1px solid var(--fc-line);min-height:42px}
#fsociety-preview .fc-form-actions{display:flex;gap:10px;margin-top:16px}
#fsociety-preview .fc-toast{margin-top:14px;color:var(--fc-green);font-size:12px;overflow-wrap:anywhere}
#fsociety-preview .fc-rule{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:15px 0;border-bottom:1px solid var(--fc-line)}
#fsociety-preview .fc-rule h3{font-size:14px;font-weight:500;margin:0 0 5px}
#fsociety-preview .fc-rule select{width:155px}
#fsociety-preview .fc-rule input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--fc-red)}
#fsociety-preview .fc-events{display:grid;gap:0}
#fsociety-preview .fc-event{display:grid;grid-template-columns:68px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--fc-line)}
#fsociety-preview .fc-event time{color:var(--fc-dim);font-size:12px}
#fsociety-preview .fc-event strong{font-weight:500}
#fsociety-preview .fc-compact .fc-grid{grid-template-columns:1fr}
#fsociety-preview .fc-compact .fc-users{grid-template-columns:repeat(2,minmax(0,1fr))}
#fsociety-preview .fc-compact .fc-detail dl{grid-template-columns:1fr auto 1fr auto}
#fsociety-preview .fc-compact .fc-ips{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
#fsociety-preview .fc-compact .fc-ips h4{grid-column:1/-1}
@media(max-width:720px){#fsociety-preview .fc-header{padding:22px 18px;flex-wrap:wrap}#fsociety-preview .fc-demo{margin-left:0}#fsociety-preview .fc-main{padding:20px 16px}#fsociety-preview .fc-nav{padding:0 16px;gap:22px}#fsociety-preview .fc-grid{grid-template-columns:1fr}#fsociety-preview .fc-heading h2{font-size:23px}#fsociety-preview .fc-alert{align-items:flex-start;flex-wrap:wrap}#fsociety-preview .fc-alert .fc-button{margin-left:0}#fsociety-preview .fc-compact .fc-detail dl{grid-template-columns:1fr auto}#fsociety-preview .fc-form{grid-template-columns:1fr}#fsociety-preview .fc-rule{grid-template-columns:1fr}#fsociety-preview .fc{min-height:1430px}}
@media(max-width:420px){#fsociety-preview .fc-compact .fc-users,#fsociety-preview .fc-compact .fc-ips{grid-template-columns:1fr}#fsociety-preview .fc-stats{grid-template-columns:1fr}#fsociety-preview .fc-stat{padding:10px 0;border-right:0;display:flex;align-items:center;justify-content:space-between;gap:8px}#fsociety-preview .fc-stat .fc-number{font-size:23px}#fsociety-preview .fc-stat .fc-muted{display:none}#fsociety-preview .fc-heading{flex-wrap:wrap}#fsociety-preview .fc-nav{gap:16px}#fsociety-preview .fc-nav button{font-size:12px}#fsociety-preview .fc{min-height:1560px}}
#fsociety-preview .fc{max-width:1280px;margin:auto;min-height:100vh}
body{margin:0;background:#101113}
#fsociety-preview .fc-header{padding-right:26px}
#fsociety-preview .fc-logout{margin-left:auto}
#fsociety-preview .fc-logout input[type=hidden]{display:none}
#fsociety-preview .fc-last{margin-top:7px}
#fsociety-preview .fc-error{color:#ff7979}
#fsociety-preview .fc-auth{max-width:560px;min-height:100vh}
#fsociety-preview .fc-auth h1{font-size:27px;font-weight:500;margin:16px 0}
#fsociety-preview .fc-auth-form{display:grid;gap:16px}
#fsociety-preview .fc-auth-form label{display:grid;gap:7px;font-size:13px}
#fsociety-preview .fc-qr{display:block;width:220px;height:220px;max-width:100%;object-fit:contain;margin:18px 0;image-rendering:pixelated}
#fsociety-preview .fc-auth-link{display:inline-block;text-decoration:none;white-space:normal;margin:10px 0}
#fsociety-preview .fc-save{margin-top:20px}
#fsociety-preview .fc-address{padding:12px 0;border-top:1px solid #323339;margin-top:10px}
#fsociety-preview .fc-ips summary{color:#efeee9;padding:6px 0}
#fsociety-preview .fc-event{grid-template-columns:90px 1fr}
#fsociety-preview .fc-event-actions{margin-top:12px}
#fsociety-preview dialog{color:#efeee9;background:#17181b;border:1px solid #f45050;max-width:480px;width:calc(100% - 32px);padding:24px;max-height:90vh;overflow:auto}
#fsociety-preview dialog::backdrop{background:#000b}
#fsociety-preview dialog h3{font-weight:500;margin:0 0 16px;font-size:20px}
#fsociety-preview dialog p{margin:12px 0 20px}
#fsociety-preview dialog .fc-actions{margin-top:20px}
#fsociety-preview .fc-button:disabled{opacity:.45;cursor:wait}
@media(pointer:coarse){#fsociety-preview .fc-button,#fsociety-preview .fc-nav button{min-height:44px}#fsociety-preview .fc input,#fsociety-preview .fc select{font-size:16px}}
@media(max-width:720px){#fsociety-preview .fc{min-height:100vh}#fsociety-preview .fc-header{padding:20px 16px}}

#fsociety-preview .hy-nav-link{color:inherit;align-self:center;text-decoration:none}
#fsociety-preview .fc-header{flex-wrap:wrap}

/* Shared protocol navigation stays in the same place on every panel page. */
#fsociety-preview .fc-logout{margin-left:auto}
#fsociety-preview .fc-navigation{display:flex;flex-wrap:wrap;gap:22px 32px;padding:22px 26px;background:var(--fc-panel);border-bottom:1px solid var(--fc-line)}
#fsociety-preview .fc-protocols{flex:1 1 530px;min-width:0}
#fsociety-preview .fc-nav-label{display:block;margin-bottom:10px}
#fsociety-preview .fc-protocol-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#fsociety-preview .fc-protocol{display:flex;flex-direction:column;gap:5px;min-height:68px;padding:12px 14px;border:1px solid var(--fc-line);color:var(--fc-ink);background:var(--fc-bg);text-decoration:none;box-sizing:border-box}
#fsociety-preview .fc-protocol strong{font-size:15px;font-weight:600}
#fsociety-preview .fc-protocol span{font-size:11px;color:var(--fc-dim)}
#fsociety-preview .fc-protocol:hover{border-color:var(--fc-dim)}
#fsociety-preview .fc-protocol[aria-current=page]{border-color:var(--fc-red);box-shadow:inset 0 3px var(--fc-red);background:#f44b5010}
#fsociety-preview .fc-protocol[aria-current=page] strong{color:var(--fc-red)}
#fsociety-preview .fc-management{flex:0 1 auto}
#fsociety-preview .fc-management-links{display:flex;flex-wrap:wrap;gap:8px}
#fsociety-preview .fc-management a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border:1px solid var(--fc-line);color:var(--fc-dim);text-decoration:none;box-sizing:border-box;font-size:12px}
#fsociety-preview .fc-management a:hover,#fsociety-preview .fc-management a[aria-current=page]{color:var(--fc-ink);border-color:var(--fc-ink)}
#fsociety-preview .fc-navigation a:focus-visible{outline:2px solid var(--fc-red);outline-offset:3px}
@media(max-width:720px){#fsociety-preview .fc-navigation{padding:18px 16px;gap:18px}#fsociety-preview .fc-protocol{padding:12px 8px;min-height:70px}#fsociety-preview .fc-protocol strong{font-size:13px}#fsociety-preview .fc-protocol span{font-size:10px}#fsociety-preview .fc-management{flex:1 1 100%}#fsociety-preview .fc-management a{flex:1;justify-content:center}}
