#seafix-demo .as-section{padding:20px;margin-top:20px}
#seafix-demo .as-section h2{font-size:15px;margin:0 0 16px}
#seafix-demo .as-section p{margin:10px 0;overflow-wrap:anywhere}
#seafix-demo .as-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}
#seafix-demo .as-facts div{min-width:0}
#seafix-demo .as-facts dt,.as-muted{font-size:11px;color:var(--fa-muted,#69798a)}
#seafix-demo .as-facts dd{margin:5px 0 0;font-size:13px;overflow-wrap:anywhere}
#seafix-demo .as-notice{padding:12px 14px;background:var(--fa-amber-soft,#fff4e2);color:var(--fa-amber,#795625);border-radius:8px;font-size:12px}
#seafix-demo .as-list>div,#seafix-demo .as-list>details{border-top:1px solid var(--fa-line,#e7eaee);padding:12px 0}
#seafix-demo .as-list strong,#seafix-demo .as-list span{display:block}
#seafix-demo .as-list span{color:var(--fa-muted,#69798a);font-size:12px;margin-top:4px}
#seafix-demo .as-section summary,#seafix-demo .as-dialog summary{cursor:pointer;padding:8px 0;font-size:12px}
#seafix-demo .as-section pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:200px;overflow:auto}
#seafix-demo .as-dialog{box-sizing:border-box;width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 28px);padding:0;border:1px solid var(--fa-line,#e7eaee);border-radius:14px;background:var(--fa-surface,white);color:var(--fa-text,#233448);box-shadow:0 24px 80px #162c4533;font:inherit;font-size:13px;line-height:1.5;overflow:auto}
#seafix-demo .as-dialog::backdrop{background:#14263e66;backdrop-filter:blur(3px)}
#seafix-demo .as-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--fa-line,#e7eaee)}
#seafix-demo .as-dialog header h2{font-size:18px;margin:0;color:inherit}
#seafix-demo .as-dialog header button{border:0;background:transparent;color:inherit;font:inherit;font-size:24px;line-height:1;cursor:pointer;padding:6px 10px}
#seafix-demo .as-dialog-body{padding:18px 22px}
#seafix-demo .as-dialog p{overflow-wrap:anywhere}
#seafix-demo .as-field{display:grid;gap:6px;margin:0 0 14px;font-size:12px;color:inherit}
#seafix-demo .as-field input,#seafix-demo .as-field select{box-sizing:border-box;min-width:0;width:100%;padding:10px 12px;border:1px solid var(--fa-line,#d4dce5);border-radius:8px;background:var(--fa-surface,#fff);color:inherit;font:inherit;min-height:42px}
#seafix-demo .as-field.as-reset-accept{display:flex;align-items:flex-start;gap:10px;margin:16px 0}
#seafix-demo .as-reset-accept input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:1px 0 0;padding:0;accent-color:var(--fa-accent,#167f70)}
#seafix-demo .as-roster>section{padding:16px 0;border-top:1px solid var(--fa-line,#e7eaee)}
#seafix-demo .as-roster strong,#seafix-demo .as-roster small,#seafix-demo .as-roster span{display:block;overflow-wrap:anywhere}
#seafix-demo .as-roster small,#seafix-demo .as-roster span{color:var(--fa-muted,#69798a);font-size:12px;margin-top:3px}
#seafix-demo .as-roster .fa-actions{margin-top:10px}
#seafix-demo .as-roster form{margin-top:12px;padding:14px;background:var(--fa-soft,#f7f8fa);border-radius:8px}
#seafix-demo .as-invite{margin:16px 0;border:1px solid var(--fa-line,#e7eaee);border-radius:8px;padding:8px 14px}
#seafix-demo .as-danger{border-left:3px solid #b74141;background:light-dark(#fff1f1,#402a2a);padding:12px 16px;border-radius:6px}
#seafix-demo .as-delete{background:#aa3434;color:#fff;border-color:#aa3434}
#seafix-demo .as-feedback{margin:0 22px 18px;color:var(--fa-accent,#167f70);font-size:12px;overflow-wrap:anywhere}
#seafix-demo .as-feedback.is-error{color:light-dark(#a53232,#ffa1a1)}
#seafix-demo .as-dialog button:disabled{opacity:.5;cursor:default}
#seafix-demo .sf-support-screenshot-preview{max-width:100%;max-height:220px;object-fit:contain;border-radius:8px;margin:8px 0}
#seafix-demo .sf-support-attachment{display:block;max-width:100%;max-height:420px;object-fit:contain;margin:14px 0;border-radius:8px}
#seafix-demo .sf-support-tech{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;margin:12px 0;color:var(--sf-text-muted,#69798a)}
@media(max-width:600px){#seafix-demo .as-facts{grid-template-columns:repeat(2,minmax(0,1fr))}#seafix-demo .as-dialog header,#seafix-demo .as-dialog-body{padding:16px}#seafix-demo .as-section{padding:16px}}

#seafix-demo #sf-support-screenshot{box-sizing:border-box;width:100%;max-width:100%;font:inherit;font-size:12px;margin-bottom:10px}

#seafix-demo .as-crew-filters{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;margin-top:20px}
#seafix-demo .as-department{margin-top:14px;border:1px solid var(--fa-line,#e7eaee);border-radius:9px;overflow:hidden}
#seafix-demo .as-department>header{display:flex;gap:9px;padding:11px 14px;background:var(--fa-soft,#f7f8fa);border-bottom:0}
#seafix-demo .as-department h3{flex:1;min-width:0;font-size:12px;margin:0;color:inherit}
#seafix-demo .as-department>header small{font-size:11px;color:var(--fa-muted,#69798a)}
#seafix-demo .as-department .as-roster{padding:0 14px}
@media(max-width:480px){#seafix-demo .as-crew-filters{grid-template-columns:minmax(0,1fr);gap:0}}

#seafix-demo .as-section>details>summary{padding:4px 0;font-size:15px;font-weight:550;cursor:pointer;line-height:1.5}
#seafix-demo .as-section>details[open]>summary{margin-bottom:18px}
#seafix-demo .as-section .as-facts dd{overflow-wrap:anywhere}