/* ==========================================================
   OSA · Szenenübersicht (misc.php?action=inplayscenes)
   Gleiches Design wie die Szenenliste im Profil.
   Reines CSS, es müssen keine Templates geändert werden.
   Gilt nur für die Seite, die .inplayscenes_user-scene-summary enthält.
   ========================================================== */

.tborder:has(>.inplayscenes_user-scene-summary){
--sz-l1:#e1daf0;--sz-l2:#bfcce4;--sz-ink:#1b2a36;--sz-dk:#2d2a63;--sz-navy:#4a3f8c;--sz-tit:#1f1d4f;--sz-muted:#5a6877;
--sz-glass:rgba(255,255,255,.62);--sz-cell:rgba(255,255,255,.55);--sz-line:rgba(255,255,255,.8);
--sz-stripes:repeating-linear-gradient(135deg,rgba(255,255,255,.38) 0 14px,rgba(255,255,255,.12) 14px 28px),linear-gradient(150deg,var(--sz-l1),var(--sz-l2));
--sz-disp:'Italiana','Times New Roman',serif;--sz-body:'Archivo',system-ui,sans-serif;
display:flex;flex-direction:column;gap:14px;padding:14px;box-sizing:border-box;
background:linear-gradient(180deg,#e8edf6,#dbe3f0)!important;border:1px solid var(--sz-line)!important;
color:var(--sz-ink);font:14px/1.6 var(--sz-body);text-shadow:none}
.tborder:has(>.inplayscenes_user-scene-summary) *{box-sizing:border-box;text-shadow:none}
.tborder:has(>.inplayscenes_user-scene-summary) a{color:var(--sz-navy);text-decoration:none}
.tborder:has(>.inplayscenes_user-scene-summary) a:hover{text-decoration:underline;color:var(--sz-navy)}
.tborder:has(>.inplayscenes_user-scene-summary) form{margin:0}

/* Überschriften: Streifenband wie das Jahr im Profil */
.tborder:has(>.inplayscenes_user-scene-summary) .thead{
 display:flex;align-items:center;gap:12px;flex-wrap:wrap;
 padding:10px 16px!important;margin:0;border:0!important;
 background:var(--sz-stripes)!important;background-image:var(--sz-stripes)!important;
 font:400 22px/1.2 var(--sz-disp)!important;letter-spacing:.08em;text-transform:none!important;
 color:var(--sz-tit)!important;-webkit-text-stroke:.6px var(--sz-tit)}
.tborder:has(>.inplayscenes_user-scene-summary) .thead i{font-style:normal;font-weight:400}
.tborder:has(>.inplayscenes_user-scene-summary) .thead span{margin-left:auto;float:none!important;-webkit-text-stroke:0}
.tborder:has(>.inplayscenes_user-scene-summary) .thead span a{
 display:inline-block;font:800 10px var(--sz-body);letter-spacing:.14em;text-transform:uppercase;
 color:var(--sz-navy);padding:3px 9px;border:1px solid var(--sz-line);background:var(--sz-glass);white-space:nowrap}

/* Persönliche Einstellungen */
.inplayscenes_user-settings{
 background:var(--sz-glass)!important;border:1px solid var(--sz-line)!important;padding:16px 18px!important;
 display:flex;flex-direction:column;gap:14px;margin:0}
.inplayscenes_user-setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;
 padding:10px 14px;background:var(--sz-cell);border:1px solid var(--sz-line)}
.inplayscenes_user-setting-row strong{font:600 13px var(--sz-body);letter-spacing:.08em;text-transform:uppercase;color:var(--sz-tit)}
.inplayscenes_user-setting-row .smalltext{font-size:12px;color:var(--sz-muted);margin-top:2px}
.inplayscenes_user-setting-row label{margin-right:12px;font-size:13px;color:var(--sz-ink)}
.inplayscenes_user-setting-row input[type=radio]{accent-color:var(--sz-navy);margin-right:5px}
.inplayscenes_user-button{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.inplayscenes_user-button .smalltext{font-size:12px;color:var(--sz-muted)}

/* Felder und Buttons */
.tborder:has(>.inplayscenes_user-scene-summary) input.textbox,
.tborder:has(>.inplayscenes_user-scene-summary) select{
 font:13px var(--sz-body);color:var(--sz-ink);background:rgba(255,255,255,.85);
 border:1px solid var(--sz-line);box-shadow:0 0 0 1px rgba(74,63,140,.15);padding:6px 10px;border-radius:0}
.tborder:has(>.inplayscenes_user-scene-summary) input.button{
 font:800 10px var(--sz-body);letter-spacing:.16em;text-transform:uppercase;color:#fff;background:var(--sz-navy);
 border:0;padding:9px 16px;cursor:pointer;border-radius:0}

/* Zusammenfassung + Sortierung */
.inplayscenes_user-scene-summary{padding:0!important;background:none!important;border:0!important;display:flex;flex-direction:column;gap:14px}
.inplayscenes_user-scene-sort{
 display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
 background:var(--sz-glass)!important;border:1px solid var(--sz-line)!important;padding:10px 14px!important;
 font:800 10px var(--sz-body);letter-spacing:.16em;text-transform:uppercase;color:var(--sz-navy)!important}
.inplayscenes_user-scene-sort form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* Karte pro Charakter */
.inplayscenes_user-character-scenes{
 display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--sz-glass);border:1px solid var(--sz-line)}
.inplayscenes_user-scene-category{display:flex;flex-direction:column;gap:6px}
.inplayscenes_user-scene-category>.tcat{
 display:flex;align-items:center;gap:10px;padding:2px 4px!important;background:none!important;border:0!important;
 font:800 10px var(--sz-body)!important;letter-spacing:.18em;text-transform:uppercase;color:var(--sz-navy)!important}
.inplayscenes_user-scene-category>.tcat::after{content:"";flex:1;height:1px;background:var(--sz-line)}

/* Szenenliste: Titel + Infos links, Status + letzter Post rechts (wie im Profil) */
.inplayscenes_user-scene-table{display:flex;flex-direction:column;gap:6px;border:0!important;background:none!important}
.inplayscenes_user-scene-row.trow2{display:none!important}
.inplayscenes_user-scene-row{
 display:grid!important;grid-template-columns:minmax(0,1fr) 240px;gap:18px;align-items:start;
 padding:12px 16px!important;margin:0;background:var(--sz-cell)!important;border:1px solid var(--sz-line)!important;
 width:auto!important;float:none!important}
.inplayscenes_user-scene-col,.inplayscenes_user-scene-col2{
 width:auto!important;float:none!important;padding:0!important;margin:0!important;min-width:0;
 font-size:12.5px;line-height:1.7;color:var(--sz-ink);overflow-wrap:anywhere}

.sz-title,.sz-title:hover{display:block;font:600 14px/1.3 var(--sz-body);letter-spacing:.06em;text-transform:uppercase;color:var(--sz-tit)!important;text-decoration:none;margin-bottom:4px}
.sz-meta{display:block}
.sz-line{display:block}
.inplayscenes_user-scene-col2 b{font:800 9.5px var(--sz-body);letter-spacing:.14em;text-transform:uppercase;color:var(--sz-navy);margin-right:4px}

.sz-side{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.sz-last{font-size:12px;line-height:1.6;color:var(--sz-muted)}
.sz-last::before{content:"Letzter Post";display:block;font:800 9.5px var(--sz-body);letter-spacing:.18em;text-transform:uppercase;color:var(--sz-muted);margin-bottom:2px}
.sz-last strong a{font:800 10px var(--sz-body);letter-spacing:.14em;text-transform:uppercase}
.sz-last a{color:var(--sz-navy)}

/* "Du bist dran" / "xy ist dran" als Chips */
.inplayscene_next_you,.inplayscene_next_none{
 display:inline-block;font:800 10px/1.4 var(--sz-body)!important;letter-spacing:.12em;text-transform:uppercase;
 padding:5px 11px;border:1px solid var(--sz-line)}
.inplayscene_next_you{background:var(--sz-navy);color:#fff!important;border-color:var(--sz-navy)}
.inplayscene_next_none{background:var(--sz-glass);color:var(--sz-navy)!important}
.inplayscenes_user-scene-none{font-size:12.5px;color:var(--sz-muted);padding:6px 14px;background:var(--sz-cell);border:1px solid var(--sz-line)}

@media(max-width:820px){
 .inplayscenes_user-scene-row{grid-template-columns:minmax(0,1fr)!important;gap:10px}
 .inplayscenes_user-setting-row{grid-template-columns:minmax(0,1fr)}
}

/* ==========================================================
   OSA · Posting-Erinnerung (misc.php?action=postingreminder)
   Gleiches Design wie die Szenenübersicht.
   Reines CSS, es müssen keine Templates geändert werden.
   Gilt nur für die Seite, die .inplayscenes_postingreminder-desc enthält.
   ========================================================== */

.tborder:has(>.inplayscenes_postingreminder-desc){
--sz-l1:#e1daf0;--sz-l2:#bfcce4;--sz-ink:#1b2a36;--sz-navy:#4a3f8c;--sz-tit:#1f1d4f;--sz-muted:#5a6877;
--sz-glass:rgba(255,255,255,.62);--sz-cell:rgba(255,255,255,.55);--sz-line:rgba(255,255,255,.8);
--sz-stripes:repeating-linear-gradient(135deg,rgba(255,255,255,.38) 0 14px,rgba(255,255,255,.12) 14px 28px),linear-gradient(150deg,var(--sz-l1),var(--sz-l2));
--sz-disp:'Italiana','Times New Roman',serif;--sz-body:'Archivo',system-ui,sans-serif;
display:flex;flex-direction:column;gap:14px;padding:14px;box-sizing:border-box;
background:linear-gradient(180deg,#e8edf6,#dbe3f0)!important;border:1px solid var(--sz-line)!important;
color:var(--sz-ink);font:14px/1.6 var(--sz-body);text-shadow:none}
.tborder:has(>.inplayscenes_postingreminder-desc) *{box-sizing:border-box;text-shadow:none}
.tborder:has(>.inplayscenes_postingreminder-desc) a{color:var(--sz-navy);text-decoration:none}
.tborder:has(>.inplayscenes_postingreminder-desc) a:hover{text-decoration:underline;color:var(--sz-navy)}

/* Titel: Streifenband */
.tborder:has(>.inplayscenes_postingreminder-desc)>.thead{
 display:flex;align-items:center;gap:12px;padding:10px 16px!important;margin:0;border:0!important;
 background:var(--sz-stripes)!important;background-image:var(--sz-stripes)!important;
 font:400 22px/1.2 var(--sz-disp)!important;letter-spacing:.08em;text-transform:none!important;
 color:var(--sz-tit)!important;-webkit-text-stroke:.6px var(--sz-tit)}
.tborder:has(>.inplayscenes_postingreminder-desc)>.thead strong{font-weight:400}

/* Einleitungstext */
.inplayscenes_postingreminder-desc{
 background:var(--sz-glass)!important;border:1px solid var(--sz-line)!important;
 padding:14px 18px!important;margin:0;font-size:13px;line-height:1.7;color:var(--sz-ink);text-align:left}

/* Liste: eine Glaskarte, darin Gruppen "offen seit X Tagen" */
.tborder:has(>.inplayscenes_postingreminder-desc)>.trow1:not(.inplayscenes_postingreminder-desc){
 display:flex;flex-direction:column;gap:16px;padding:14px!important;margin:0;
 background:var(--sz-glass)!important;border:1px solid var(--sz-line)!important}
.tborder:has(>.inplayscenes_postingreminder-desc) .tcat{
 display:flex;align-items:center;gap:12px;padding:2px 4px!important;margin:0 0 6px;background:none!important;border:0!important;
 font:800 10px var(--sz-body)!important;letter-spacing:.18em;text-transform:uppercase;color:var(--sz-navy)!important}
.tborder:has(>.inplayscenes_postingreminder-desc) .tcat::before{content:"✦";font-size:11px;letter-spacing:0}
.tborder:has(>.inplayscenes_postingreminder-desc) .tcat::after{content:"";flex:1;height:1px;background:var(--sz-line)}

.inplayscenes_postingreminder-scene-table{display:flex;flex-direction:column;gap:6px;border:0!important;background:none!important;margin:0 0 6px}
.inplayscenes_postingreminder-scene-row{
 display:grid!important;grid-template-columns:minmax(0,1fr) 240px;gap:18px;align-items:start;
 padding:12px 16px!important;margin:0;background:var(--sz-cell)!important;border:1px solid var(--sz-line)!important;
 width:auto!important;float:none!important}
.inplayscenes_postingreminder-scene-column{
 width:auto!important;float:none!important;padding:0!important;margin:0!important;min-width:0;
 font-size:12.5px;line-height:1.7;color:var(--sz-ink);overflow-wrap:anywhere}
.inplayscenes_postingreminder-scene-column b{font:800 9.5px var(--sz-body);letter-spacing:.14em;text-transform:uppercase;color:var(--sz-navy);margin-right:4px}

.inplayscenes_postingreminder-scene-column>strong:first-child+br{display:none}
/* Spalte 1: Szenentitel */
.inplayscenes_postingreminder-scene-column:first-child>strong:first-child{display:block;margin-bottom:4px}
.inplayscenes_postingreminder-scene-column:first-child>strong:first-child a{
 font:600 14px/1.3 var(--sz-body);letter-spacing:.06em;text-transform:uppercase;color:var(--sz-tit)}

/* Spalte 2: letzter Beitrag */
.inplayscenes_postingreminder-scene-column:last-child{font-size:12px;line-height:1.6;color:var(--sz-muted)}
.inplayscenes_postingreminder-scene-column:last-child>strong:first-child{display:block;margin-bottom:6px}
.inplayscenes_postingreminder-scene-column:last-child>strong:first-child a{
 display:inline-block;font:800 10px/1.4 var(--sz-body);letter-spacing:.12em;text-transform:uppercase;
 padding:5px 11px;background:var(--sz-navy);color:#fff!important;border:1px solid var(--sz-navy)}
.inplayscenes_postingreminder-scene-column:last-child>strong:first-child a:hover{text-decoration:none;background:var(--sz-tit);border-color:var(--sz-tit)}

@media(max-width:820px){
 .inplayscenes_postingreminder-scene-row{grid-template-columns:minmax(0,1fr)!important;gap:10px}
}

/* ==========================================================
   OSA · Szenenkopf im Thread (Kasten "Szeneninformationen")
   Variante B: Streifenband oben, darunter drei Glaszellen.
   Reines CSS, es müssen keine Templates geändert werden.
   ========================================================== */

td.trow1:has(>.inplayscenes_showthread),.inplayscenes_showthread{
--sz-l1:#e1daf0;--sz-l2:#bfcce4;--sz-ink:#1b2a36;--sz-navy:#4a3f8c;--sz-tit:#1f1d4f;
--sz-glass:rgba(255,255,255,.62);--sz-cell:rgba(255,255,255,.55);--sz-line:rgba(255,255,255,.8);
--sz-stripes:repeating-linear-gradient(135deg,rgba(255,255,255,.38) 0 14px,rgba(255,255,255,.12) 14px 28px),linear-gradient(150deg,var(--sz-l1),var(--sz-l2));
--sz-disp:'Italiana','Times New Roman',serif;--sz-body:'Archivo',system-ui,sans-serif}

/* Tabellenzelle drumherum */
td.trow1:has(>.inplayscenes_showthread){
 padding:12px!important;background:linear-gradient(180deg,#e8edf6,#dbe3f0)!important;
 font:14px/1.6 var(--sz-body);color:var(--sz-ink)}

/* Karte: Titel oben, drei Zellen darunter */
.inplayscenes_showthread{
 display:grid;grid-template-columns:1.3fr .8fr 1.6fr;gap:8px;padding:10px;margin:0;
 background:var(--sz-glass);border:1px solid var(--sz-line);color:var(--sz-ink);text-shadow:none}
.inplayscenes_showthread *{box-sizing:border-box;text-shadow:none}
.inplayscenes_showthread a{color:var(--sz-navy);text-decoration:none}
.inplayscenes_showthread a:hover{text-decoration:underline;color:var(--sz-navy)}

.inplayscenes_showthread .tcat{
 grid-column:1/-1;margin:0;padding:9px 16px!important;border:0!important;
 background:var(--sz-stripes)!important;background-image:var(--sz-stripes)!important;
 font:400 18px/1.2 var(--sz-disp)!important;letter-spacing:.1em;text-transform:none!important;
 color:var(--sz-tit)!important;-webkit-text-stroke:.5px var(--sz-tit)}

.inplayscenes_showthread-bit{
 display:flex;flex-direction:column;gap:3px;min-width:0;margin:0;padding:10px 14px;
 background:var(--sz-cell);border:1px solid var(--sz-line)}
.inplayscenes_showthread-label{margin:0;padding:0}
.inplayscenes_showthread-label strong{
 font:800 9.5px var(--sz-body);letter-spacing:.16em;text-transform:uppercase;color:var(--sz-navy)}
.inplayscenes_showthread-value{margin:0;padding:0;font:500 14px/1.5 var(--sz-body);color:var(--sz-ink);overflow-wrap:anywhere}

@media(max-width:760px){
 .inplayscenes_showthread{grid-template-columns:minmax(0,1fr)}
}