/* Cuxland Power Radio – Shoutbox Neon v1.6.0.
   Ausschließlich innerhalb .cpr-sb; unabhängig vom aktiven Theme-CSS.
   PHP-Fusion-Formular, Smiley- und Sprachfunktionen bleiben funktionsfähig. */
.cpr-sb {
  --sb-cyan:#03f4ff; --sb-blue:#137fff; --sb-blue2:#052fe8;
  --sb-text:#edf8ff; --sb-muted:#a4c5e4; --sb-line:rgba(52,143,255,.37);
  color:var(--sb-text); font-family:Arial,Helvetica,sans-serif;
  width:100%;max-width:100%;min-width:0; overflow-wrap:anywhere;
}
.cpr-sb, .cpr-sb * { box-sizing:border-box; }
.cpr-sb a { color:var(--sb-cyan); }
.cpr-sb .cpr-sb-compose {
  border:1px solid var(--sb-line); border-radius:10px;
  background:linear-gradient(160deg,rgba(7,31,86,.7),rgba(2,8,28,.9));
  padding:12px; margin-bottom:13px; min-width:0;
}
.cpr-sb .cpr-sb-section-label {
  font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase;
  color:#b7ebff;margin:0 0 10px; display:flex;gap:8px;align-items:center;
}
.cpr-sb .cpr-sb-indicator { display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sb-cyan);box-shadow:0 0 8px rgba(3,244,255,.65); }
/* Formular bleibt von PHP-Fusion generiert – nur Optik und Abmessungen ändern. */
.cpr-sb form, .cpr-sb fieldset, .cpr-sb .form-group, .cpr-sb .input-group { min-width:0;max-width:100%; }
.cpr-sb .form-group { margin-bottom:11px; }
.cpr-sb label, .cpr-sb .control-label { display:block; color:#d3edff; font-size:12px; font-weight:700; margin-bottom:5px; }
.cpr-sb :is(input[type=text],input[type=email],input[type=password],input[type=search],select,textarea,.form-control,.select2-selection,.select2-container .selection) {
  max-width:100%!important; min-width:0; background:#081a3a!important; color:#f0fbff!important;
  border:1px solid #225ab1!important; border-radius:7px!important; box-shadow:none!important;
}
.cpr-sb :is(input[type=text],input[type=email],input[type=password],input[type=search],select,textarea,.form-control){width:100%;font-size:13px!important;line-height:1.5!important;}
.cpr-sb textarea {min-height:86px; max-height:260px; resize:vertical; padding:9px 10px!important; }
.cpr-sb input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]) {min-height:33px;}
.cpr-sb :is(input,textarea,select,button,a):focus-visible { outline:2px solid var(--sb-cyan)!important; outline-offset:2px; }
.cpr-sb select,.cpr-sb .select2-container {width:100%!important;max-width:100%!important; font-size:13px;}
.cpr-sb select option {background:#07152d;color:#e8f7ff;}
.cpr-sb .select2-container .select2-selection { min-height:34px!important;height:auto!important; }
.cpr-sb :is(.select2-selection__rendered,.select2-selection__choice,.select2-search__field) {font-size:12px!important;color:#e4f6ff!important;max-width:100%;}
.cpr-sb :is(.select2-selection__rendered,.select2-selection__choice) img {max-height:17px!important;max-width:24px!important;width:auto!important;height:auto!important;display:inline-block;vertical-align:middle;}
/* Buttons – schmale, klare Beschriftung statt riesiger Toolbar-Grafiken. */
.cpr-sb :is(.btn,.button,input[type=submit],button[type=submit]) {
  border:1px solid #329eff!important; border-radius:7px!important;
  background:linear-gradient(180deg,#104cbb,#07318c)!important;color:#fff!important;
  font-size:12px!important;font-weight:700;line-height:1.3!important;
  padding:8px 11px!important; min-height:32px;max-width:100%; white-space:normal;
  box-shadow:none!important; text-shadow:none!important;
}
.cpr-sb :is(.btn,.button,input[type=submit],button[type=submit]):hover {background:linear-gradient(180deg,#1876e6,#0b49ae)!important;border-color:var(--sb-cyan)!important;}
.cpr-sb :is(.btn-block,button[type=submit],input[type=submit]) {width:100%;}
.cpr-sb :is(.btn-group,.btn-toolbar,.btn-group-vertical,.input-group-btn){max-width:100%;}
/* BBCode, Smiley-Menüs, Inline-Emoji und Sprach-Flaggen auf echte Icon-Größen begrenzen. */
.cpr-sb :is(.bbcode,.bbcode-toolbar,.bbcode-buttons,.bbcode-area,.bbcode-button,.bbcode_menu,.bbcode-toolbar-container,.bbcode-smileys,.smiley-toolbar,.smileys,.smileybox,.editor-toolbar,.btn-toolbar,.input-group-btn){max-width:100%; min-width:0;}
.cpr-sb :is(.bbcode-toolbar,.bbcode-buttons,.bbcode-area,.editor-toolbar,.btn-toolbar){display:flex;flex-wrap:wrap;align-items:center;gap:4px;}
.cpr-sb :is(.bbcode-toolbar,.bbcode-buttons,.editor-toolbar) :is(button,.btn,a){padding:5px!important;min-height:28px;min-width:28px;line-height:1!important;}
.cpr-sb :is(.bbcode-toolbar,.bbcode-buttons,.bbcode-area,.bbcode-button,.bbcode_menu,.bbcode-smileys,.smiley-toolbar,.smileys,.smileybox,.editor-toolbar,.dropdown-menu,[id*=smiley],[class*=smiley],[class*=bbcode]) img,
.cpr-sb :is(img.smiley,img.smileys,img.emoticon,.shoutbox-smiley,.sb-smiley) {
  display:inline-block!important;width:auto!important;height:auto!important;
  max-width:22px!important;max-height:22px!important;object-fit:contain!important;
  vertical-align:middle!important;margin:2px!important;float:none!important;
  transform:none!important;
}
.cpr-sb :is(.bbcode-toolbar,.bbcode-buttons,.bbcode-area,.bbcode_menu,.editor-toolbar) :is(svg,i){font-size:14px!important;width:16px!important;height:16px!important;max-width:16px;max-height:16px;line-height:16px!important;}
.cpr-sb :is(.dropdown-menu,.popover,.bbcode-smileys,.smileybox){background:#081731!important;border:1px solid #226ebd!important;border-radius:8px;color:#eff8ff;max-width:min(300px,95vw)!important;}
.cpr-sb :is(.dropdown-menu,.popover) a {color:#a7eeff!important;}
.cpr-sb :is(img[class*=flag],.language-flag img,.flag-icon img) {width:auto!important;height:auto!important;max-height:16px!important;max-width:24px!important;vertical-align:middle;}
/* Nachrichtendarstellung */
.cpr-sb .cpr-sb-messages {display:grid;gap:10px;max-height:460px;overflow-y:auto;overflow-x:hidden;padding-right:3px;scrollbar-color:#167bf6 #05142d;}
.cpr-sb .cpr-sb-card {
  padding:10px;border:1px solid var(--sb-line);border-radius:10px;
  background:linear-gradient(150deg,rgba(7,30,81,.82),rgba(2,11,31,.94));
  min-width:0;overflow:hidden;
}
.cpr-sb .cpr-sb-card-head {display:flex;align-items:center;gap:8px;min-width:0;}
.cpr-sb .cpr-sb-avatar{display:inline-flex;flex:0 0 35px;width:35px;height:35px;overflow:hidden;border:1px solid rgba(30,175,255,.45);border-radius:50%;background:#06132e;align-items:center;justify-content:center;}
.cpr-sb .cpr-sb-avatar img{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:cover!important;border-radius:50%;}
.cpr-sb .cpr-sb-meta{display:flex;flex:1 1 0;flex-direction:column;gap:3px;min-width:0;}
.cpr-sb .cpr-sb-author{font-size:13px;line-height:1.25;color:#fff;overflow-wrap:anywhere;}
.cpr-sb .cpr-sb-author a{color:#36e7ff!important;text-decoration:none;}
.cpr-sb .cpr-sb-date{font-size:10px;color:var(--sb-muted);line-height:1.3;}
.cpr-sb .cpr-sb-status{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#79879c;}
.cpr-sb .cpr-sb-status.is-online{background:#38e19b;box-shadow:0 0 9px rgba(56,225,155,.5);}
.cpr-sb .cpr-sb-text{font-size:13px;line-height:1.55;min-width:0;overflow-wrap:anywhere;word-break:normal;color:#e4efff;margin:9px 0 0;}
.cpr-sb .cpr-sb-text img{max-width:100%!important;height:auto!important;}
.cpr-sb .cpr-sb-text :is(img.smiley,img.emoticon,[class*=smiley] img){max-width:22px!important;max-height:22px!important;}
.cpr-sb .cpr-sb-blocked{color:#ffced8;}
.cpr-sb .cpr-sb-actions{display:flex;flex-wrap:wrap;gap:5px;border-top:1px solid rgba(42,123,229,.25);padding-top:8px;margin-top:9px;}
.cpr-sb .cpr-sb-action{display:inline-flex;align-items:center;gap:5px;padding:4px 7px!important;min-height:25px;border:1px solid #225da5;border-radius:6px;color:#b6eaff!important;background:rgba(7,43,101,.6);font-size:11px;line-height:1.2;text-decoration:none!important;}
.cpr-sb .cpr-sb-action:hover{border-color:var(--sb-cyan);background:rgba(12,75,139,.8);color:#fff!important;}
.cpr-sb .cpr-sb-action.cpr-sb-delete{border-color:rgba(219,87,126,.45);color:#ffbfcc!important;}
.cpr-sb .cpr-sb-action i{font-size:11px;line-height:1;}
.cpr-sb .cpr-sb-empty{font-size:12px;color:var(--sb-muted);text-align:center;padding:14px 8px;border:1px dashed var(--sb-line);border-radius:8px;}
.cpr-sb .cpr-sb-archive{text-align:center;margin:13px 0 0;}
.cpr-sb .cpr-sb-archive a{display:inline-flex;justify-content:center;border:1px solid var(--sb-line);border-radius:8px;padding:8px 12px;text-decoration:none;color:#72eaff;max-width:100%;font-size:12px;}
.cpr-sb .cpr-sb-archive a:hover{border-color:var(--sb-cyan);color:#fff;}
.cpr-sb .cpr-sb-pages{text-align:center;margin-top:11px;font-size:12px;}
.cpr-sb .cpr-sb-pages :is(.pagination,.pagenav){display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:100%;}
@media(max-width:800px){.cpr-sb .cpr-sb-compose{padding:10px}.cpr-sb .cpr-sb-card{padding:9px}}
@media(max-width:480px){.cpr-sb .cpr-sb-actions{gap:4px}.cpr-sb .cpr-sb-action{font-size:10px;padding:4px 6px!important}}