/* rg-anketa | legume — генератор анкеты и окно приёмки Риджа.
   Цвета — переменные темы форума, тёмная — .dark на <html>.
   Правится свободно: всё через токены --rga-* ниже. */
.rga-panel, .rga-modal{
    --rga-bg:rgb(var(--pun, 225, 226, 226));
    --rga-in:rgb(var(--pun-light, 248, 248, 249));
    --rga-txt:rgb(var(--text, 30, 30, 32));
    --rga-dim:rgba(var(--text, 30, 30, 32), .55);
    --rga-line:rgba(var(--text, 30, 30, 32), .18);
    --rga-acc:#a8603c;                       /* рыжий акцент макета */
    --rga-teal:rgb(var(--link, 56, 108, 110));
    --rga-bad:#b5523b;
    --rga-sans:var(--font5, 'Jost', sans-serif);
    --rga-serif:var(--font2, 'The Silver Editorial', serif);
    font-family:var(--rga-sans); color:var(--rga-txt);
}
.dark .rga-panel, .dark .rga-modal{
    --rga-bg:#232323;
    --rga-in:#1b1b1b;
    --rga-txt:#d6d2cc;
    --rga-dim:rgba(214, 210, 204, .55);
    --rga-line:rgba(214, 210, 204, .2);
    --rga-acc:#c07a52;
}
.rga-panel [hidden], .rga-modal [hidden]{ display:none !important; }
.rga-panel{ background:var(--rga-bg); border:1px solid var(--rga-line); padding:18px 20px; margin:0 0 16px; }
.rga-head{ font:italic 26px/1.1 var(--rga-serif); color:var(--rga-acc); margin-bottom:6px; }
.rga-head small{ display:block; font:12px var(--rga-sans); color:var(--rga-dim); margin-top:4px; }
.rga-sec{ font-size:12px; letter-spacing:.12em; text-transform:lowercase; color:var(--rga-acc);
    border-bottom:1px solid var(--rga-acc); padding:14px 0 4px; margin-bottom:10px; opacity:.85; }
.rga-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:10px 14px; }
.rga-f{ display:flex; flex-direction:column; gap:4px; margin-bottom:8px; font-size:12px; }
.rga-f > span{ color:var(--rga-dim); }
.rga-f b{ color:var(--rga-acc); }
.rga-hint{ color:var(--rga-dim); font-size:11px; }
.rga-in{ box-sizing:border-box; width:100%; font:13px var(--rga-sans); color:var(--rga-txt); background:var(--rga-in);
    border:1px solid var(--rga-line); border-radius:0; padding:6px 8px; }
.rga-in:focus{ outline:none; border-color:var(--rga-acc); }
textarea.rga-in{ resize:vertical; min-height:60px; }

/* галочки-квадратики (пол, мистика, квесты, выкуп) */
.rga-ticks{ display:flex; flex-wrap:wrap; gap:4px 16px; padding-top:4px; }
.rga-ticks label, .rga-check{ display:inline-flex; align-items:center; gap:6px; cursor:pointer; font-size:13px; }
.rga-ticks input, .rga-check input{ appearance:none; -webkit-appearance:none; width:14px; height:14px; margin:0;
    border:1px solid var(--rga-dim); background:var(--rga-in); position:relative; cursor:pointer; flex:none; }
.rga-ticks input:checked::after, .rga-check input:checked::after{ content:'✓'; position:absolute; inset:-3px 0 0 1px;
    font-size:13px; line-height:16px; color:var(--rga-acc); }
.rga-ticks i, .rga-check i{ font-style:normal; }

.rga-gifprev img{ width:150px; height:150px; object-fit:cover; filter:grayscale(1); border:1px solid var(--rga-line); }
.rga-twinkrow{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:8px 18px; margin:8px 0; }
.rga-mainf{ flex:1 1 240px; margin:0; }

.rga-bar{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:12px; }
.rga-btn, .rga-panel button.rga-btn, .rga-modal button.rga-btn{ font:13px var(--rga-sans) !important; color:var(--rga-txt) !important;
    background:transparent !important; border:1px solid var(--rga-line) !important; border-radius:0 !important;
    padding:6px 14px !important; cursor:pointer; text-transform:lowercase; box-shadow:none !important; }
.rga-btn.rga-main{ background:var(--rga-acc) !important; border-color:var(--rga-acc) !important; color:#fff !important; }
.rga-btn:disabled{ opacity:.5; cursor:default; }
.rga-status{ font-size:12px; color:var(--rga-teal); }
.rga-status.rga-bad, .rga-note.rga-bad{ color:var(--rga-bad); }
.rga-note{ font-size:13px; margin:0 0 10px; }

/* окно приёмки */
.rga-ov{ position:fixed; inset:0; z-index:10000; background:rgba(0,0,0,.55); display:flex; align-items:flex-start;
    justify-content:center; overflow:auto; padding:40px 16px; }
.rga-modal{ background:var(--rga-bg); border:1px solid var(--rga-line); width:min(720px, 100%); padding:16px 20px; box-sizing:border-box; }
.rga-mh{ display:flex; justify-content:space-between; align-items:center; font:italic 22px var(--rga-serif); color:var(--rga-acc); margin-bottom:12px; }
.rga-x{ background:none !important; border:0 !important; font-size:24px; color:var(--rga-dim) !important; cursor:pointer; padding:0 4px !important; }
.rga-acceptbar{ margin-top:14px; }
.rga-accepted{ font:12px var(--font5, 'Jost', sans-serif); color:rgb(var(--link, 56, 108, 110)); }

/* цвет плашки лз — тема форума сплющивает input[type=color] */
.rga-panel .rga-in[type=color], .rga-ov .rga-in[type=color]{ height:32px !important; min-height:32px; padding:2px 4px !important; cursor:pointer; }

/* тост «готово» после приёма — в тон плашек Риджа */
.rga-toast{ position:fixed; left:50%; bottom:28px; z-index:10001; transform:translate(-50%, 14px); opacity:0;
    padding:10px 22px 11px; border:1px solid rgba(160, 155, 140, .28); border-radius:8px;
    background:rgba(27, 27, 26, .94); color:#d6d1c4; box-shadow:0 10px 28px rgba(0, 0, 0, .35);
    font:italic 400 17px/1.2 'Instrument Serif', Georgia, serif; letter-spacing:.03em; pointer-events:none;
    transition:opacity .35s ease, transform .35s ease; }
.rga-toast.is-on{ opacity:1; transform:translate(-50%, 0); }
@media (prefers-reduced-motion:reduce){ .rga-toast{ transition:none; } }