@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('plugin_file.php?file=FolderstormReport/dm-sans-latin.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 400 600; font-display: swap; src: url('plugin_file.php?file=FolderstormReport/space-grotesk-latin.woff2') format('woff2'); }

body.fs-report {
  --fs-bg: #111016;
  --fs-panel: #1a1921;
  --fs-input: #14131a;
  --fs-line: #35313f;
  --fs-text: #f5f3fa;
  --fs-muted: #ada9ba;
  --fs-violet: #bfa4fc;
  --fs-yellow: #f0cc53;
  color-scheme: dark;
  background: var(--fs-bg);
  color: var(--fs-text);
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  min-width: 320px;
}
body.fs-report > :not(.fs-shell):not(.dz-hidden-input):not(script):not(style) { display: none !important; }
.fs-shell, .fs-shell * { box-sizing: border-box; }
.fs-shell [hidden], .fs-shell .hidden { display: none !important; }
.fs-shell { width: min(1064px, calc(100% - 64px)); margin: 0 auto; }
.fs-shell a { color: inherit; text-decoration: none; }
.fs-shell a:hover { color: var(--fs-violet); }
.fs-shell :is(a, input, select, textarea, summary, [role="button"]):focus-visible {
  outline: 2px solid var(--fs-yellow);
  outline-offset: 4px;
}
.fs-header { height: 88px; border-bottom: 1px solid #ffffff0c; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.fs-brand { display: inline-flex; align-items: center; gap: 9px; font-family: 'Space Grotesk', sans-serif; font-size: 25px; font-weight: 600; letter-spacing: -1px; }
.fs-brand img { object-fit: contain; }
.fs-brand-period { color: var(--fs-violet); }
.fs-nav { color: #c8c4d2; font-size: 13px; }
.fs-main { max-width: 888px; margin: 38px auto 0; }
.fs-intro { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 4px 25px; }
.fs-intro h1 { font-family: 'Space Grotesk', sans-serif; font-size: clamp(30px, 3vw, 39px); font-weight: 500; line-height: 1.15; letter-spacing: -1.5px; margin: 0 0 11px; color: var(--fs-text); }
.fs-heading-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 16px; }
.fs-change-type { margin: 0 0 11px; padding: 0; border: 0; background: none; color: var(--fs-violet); font: inherit; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.fs-identity { color: var(--fs-muted); font-size: 13px; margin: 0; }
.fs-identity a { color: var(--fs-violet); text-decoration: underline; text-underline-offset: 3px; }
.fs-mascot { display: block; width: 112px; height: 76px; overflow: hidden; position: relative; flex: none; transform: rotate(7deg); }
.fs-mascot img { position: absolute; width: 100%; height: auto; left: 0; top: -22%; }
.fs-card.widget-box { border: 1px solid var(--fs-line); border-radius: 12px; margin: 0; padding: 0; box-shadow: 0 16px 60px #00000018; background: var(--fs-panel); }
.fs-card > .widget-body { border: 0; background: transparent; border-radius: inherit; }
.fs-card .widget-main { padding: 0; }
.fs-fields { padding: 27px 30px 0; display: flex; flex-direction: column; gap: 20px; }
.fs-field { min-width: 0; padding: 0; margin: 0; border: 0; }
.fs-label { display: flex; align-items: center; flex-wrap: wrap; width: 100%; gap: 3px; margin: 0 0 8px; padding: 0; border: 0; color: #e2deea; font-size: 13px; line-height: 1.4; font-weight: 550; }
.fs-required { color: var(--fs-violet); }
.fs-optional { margin-left: auto; color: #938c9f; font-size: 11px; font-weight: 400; }
.fs-top-fields { display: grid; grid-template-columns: 1.7fr 1fr; gap: 22px; }
.fs-control { min-width: 0; }
.fs-form :is(input[type="text"], input[type="number"], input[type="date"], select, textarea) {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--fs-line);
  border-radius: 6px !important;
  background: var(--fs-input);
  color: var(--fs-text);
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  line-height: 22px;
  box-shadow: none;
  transition: border-color 120ms;
}
.fs-form :is(input, select, textarea)::placeholder { color: #7f788e; opacity: 1; }
.fs-form :is(input[type="text"], select, textarea):hover { border-color: #595064; }
.fs-form :is(input[type="text"], select, textarea):focus { border-color: var(--fs-violet); outline: 2px solid #bfa4fc25; outline-offset: 0; box-shadow: none; }
.fs-form select { width: 100% !important; padding-right: 30px; cursor: pointer; }
.fs-form :is(input[type="checkbox"], input[type="radio"]) { position: static; opacity: 1; width: 15px; height: 15px; margin: 0; accent-color: var(--fs-violet); vertical-align: middle; cursor: pointer; }
.fs-regarding .fs-control { display: flex; flex-wrap: wrap; gap: 9px; }
.fs-choice { display: inline-flex; align-items: center; gap: 9px; min-height: 39px; margin: 0; padding: 8px 11px; border: 1px solid var(--fs-line); border-radius: 6px; background: var(--fs-input); color: #bfb8cd; font-size: 12px; font-weight: 400; cursor: pointer; }
.fs-choice:has(input:checked) { border-color: #bfa4fc80; background: #bfa4fc0c; color: #e8dcff; }
.fs-choice:hover { border-color: #8c71b4; }
.fs-divider { width: 100%; height: 1px; border: 0; background: #ffffff0b; margin: 2px 0 0; }
.fs-classification { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.fs-form textarea { resize: vertical; min-height: 44px; overflow-y: auto; }
.fs-form textarea.fs-compact-textarea:not(.fs-expanded) { resize: none; }
.fs-form textarea.fs-description { min-height: 138px; }
.fs-attachments .dropzone { min-height: 78px; border: 1px dashed #51465e; border-radius: 7px; background: #14131a66; padding: 20px 16px; color: #aaa1b9; text-align: center; }
.fs-attachments .dropzone:hover { border-color: var(--fs-violet); background: #bfa4fc05; }
.fs-attachments .dropzone > .upload-icon, .fs-attachments .dropzone > br { display: none; }
.fs-attachments .dropzone > .bigger-150, .fs-attachments .dropzone .dz-message { color: #b7acc7 !important; font-size: 12px; margin: 4px 0; }
.fs-attachments .dropzone .bigger-150, .fs-attachments .dropzone .dz-message span { font-size: 12px !important; }
.fs-attachments .dropzone .dz-preview { background: var(--fs-input); border: 1px solid var(--fs-line); border-radius: 6px; color: var(--fs-text); padding: 10px; margin: 12px 6px 0; }
.fs-attachments .dropzone .dz-preview .dz-size { color: var(--fs-muted); }
.fs-attachments .dropzone .dz-preview img { max-width: 150px; max-height: 100px; }
.fs-attachments .dropzone .dz-error-message { color: #ffb0b8; }
.fs-attachments .dropzone .dz-preview a[data-dz-remove] { display: inline-block; color: var(--fs-violet); background: transparent; border: 0; padding: 4px; font-size: 12px; }
.fs-attachments input[type="file"] { font-size: 12px; max-width: 100%; color: var(--fs-muted); }
.fs-attachments input[type="file"]::file-selector-button { padding: 8px 12px; background: #2d253b; color: #dfd1f8; border: 1px solid #5b476f; border-radius: 5px; margin-right: 12px; cursor: pointer; }
.fs-advanced { border-top: 1px solid #ffffff0b; padding-top: 17px; }
.fs-advanced-summary { display: flex; align-items: center; justify-content: space-between; color: #b3a7c4; font-size: 13px; cursor: pointer; list-style: none; padding: 3px 0 4px; }
.fs-advanced-summary::-webkit-details-marker { display: none; }
.fs-advanced-summary::after { content: ''; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin-right: 4px; transition: transform 120ms; }
.fs-advanced[open] > summary::after { transform: rotate(225deg); }
.fs-advanced-fields { padding: 20px 0 4px; display: grid; gap: 22px; }
.fs-advanced-fields .fs-control > label { display: inline-flex; gap: 8px; align-items: center; font-weight: 400; color: #bfb8cd; font-size: 13px; margin: 0 12px 0 0; }
.fs-advanced-fields .fs-control > label.small { display: block; color: var(--fs-muted); font-size: 11px; margin: 0 0 8px; }
.fs-advanced-fields .fs-control > select + select, .fs-advanced-fields #tag_select { margin-top: 8px; }
.fs-profile table { width: 100%; border: 0; background: transparent; }
.fs-profile table tbody { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.fs-profile tr { display: flex; flex-direction: column; min-width: 0; }
.fs-profile :is(td, th) { display: block; border: 0 !important; background: transparent !important; padding: 0 !important; width: auto !important; }
.fs-profile th label { color: var(--fs-muted); font-size: 12px; font-weight: 400; margin: 0 0 7px; }
.fs-profile .twitter-typeahead { width: 100%; }
.fs-actions.widget-toolbox { display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 0; background: transparent; padding: 23px 30px 27px; border-radius: 0 0 12px 12px; }
.fs-privacy { color: #8f869e; font-size: 11px; margin: 0; max-width: 340px; }
.fs-submit { flex: none; min-height: 44px; padding: 11px 26px; border: 1px solid transparent; border-radius: 6px; background: var(--fs-violet); color: #211332; font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 20px; cursor: pointer; }
.fs-submit:hover { background: #d2bdff; }
.fs-footer { display: flex; justify-content: space-between; gap: 20px; max-width: 888px; padding: 22px 4px 34px; margin: 0 auto; color: #7f768d; font-size: 11px; }
.fs-skip { position: fixed; top: -80px; left: 20px; z-index: 1000; padding: 10px 16px; background: var(--fs-yellow); color: #211332 !important; border-radius: 4px; }
.fs-skip:focus { top: 12px; }
body.fs-report.fs-type-open { overflow: hidden; }
.fs-type-dialog { width: min(550px, calc(100% - 40px)); max-height: calc(100% - 40px); margin: auto; padding: 34px 30px 30px; border: 1px solid #51465e; border-radius: 12px; background: var(--fs-panel); color: var(--fs-text); box-shadow: 0 24px 100px #0008; }
.fs-type-dialog::backdrop { background: #08060dce; backdrop-filter: blur(4px); }
.fs-type-title { margin: 0 30px 25px 0; color: var(--fs-text); font-family: 'Space Grotesk', sans-serif; font-size: 26px; font-weight: 500; line-height: 1.25; letter-spacing: -.7px; }
.fs-type-close { position: absolute; top: 6px; right: 6px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 5px; background: transparent; color: var(--fs-muted); font: 26px/1 'DM Sans', sans-serif; cursor: pointer; }
.fs-type-close:hover { background: #ffffff09; color: var(--fs-text); }
.fs-type-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.fs-type-option { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; padding: 24px 20px; border: 1px solid var(--fs-line); border-radius: 8px; background: var(--fs-input); color: var(--fs-text); text-align: left; font-family: 'DM Sans', sans-serif; cursor: pointer; }
.fs-type-option strong { font-size: 17px; font-weight: 600; }
.fs-type-option span { color: var(--fs-muted); font-size: 12px; line-height: 1.5; }
.fs-type-option:hover { border-color: var(--fs-violet); background: #bfa4fc0b; }
.fs-type-option:disabled { opacity: .45; cursor: not-allowed; }
.fs-type-unavailable { margin: 16px 0 0; color: var(--fs-muted); font-size: 12px; }
.fs-shell :is(button, dialog):focus-visible { outline: 2px solid var(--fs-yellow); outline-offset: 4px; }
@media (max-width: 700px) {
  .fs-shell { width: calc(100% - 32px); }
  .fs-header { height: 72px; }
  .fs-brand { font-size: 22px; }
  .fs-brand img { width: 27px; height: 27px; }
  .fs-main { margin-top: 28px; }
  .fs-intro { padding-bottom: 23px; gap: 8px; }
  .fs-intro h1 { font-size: 31px; }
  .fs-identity { max-width: 270px; line-height: 1.7; font-size: 12px; }
  .fs-mascot { width: 76px; height: 60px; }
  .fs-fields { padding: 22px 20px 0; gap: 19px; }
  .fs-top-fields { grid-template-columns: 1.3fr 1fr; gap: 14px; }
  .fs-classification { gap: 12px; }
  .fs-regarding .fs-control { gap: 8px; }
  .fs-choice { font-size: 11px; padding-inline: 9px; }
  .fs-actions.widget-toolbox { padding: 23px 20px; gap: 20px; }
  .fs-privacy { max-width: 230px; }
  .fs-submit { padding-inline: 20px; }
}
@media (max-width: 480px) {
  .fs-type-dialog { padding: 30px 22px 22px; }
  .fs-type-title { font-size: 24px; }
  .fs-type-choices { grid-template-columns: 1fr; gap: 12px; }
  .fs-type-option { padding: 20px; }
  .fs-top-fields, .fs-classification, .fs-profile table tbody { grid-template-columns: 1fr; gap: 17px; }
  .fs-mascot { width: 58px; height: 52px; }
  .fs-nav { font-size: 12px; }
  .fs-actions.widget-toolbox { flex-direction: column-reverse; align-items: stretch; gap: 15px; }
  .fs-privacy { max-width: none; text-align: center; }
  .fs-footer { font-size: 10px; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) { .fs-shell * { transition: none !important; } }