#shoutbox { margin-bottom: 10px; background: #000; border: solid 1px #FFF; border-radius: 7px; }
#shoutbox .head { padding: 8px; color: #FFF; }
#shoutbox.front .head { cursor: pointer; }
#shoutbox .head .right { float: right; margin: 0; font-size: 13px; }
#shoutbox .head .right a { padding: 8px; color: #FFF; }
#shoutbox.collapsed .head { opacity: 0.8; }
#shoutbox.collapsed .body { display: none; }

#shoutbox .panel { padding: 10px 15px; color: #FFF; }
#shoutbox input.text { margin: 0; padding: 10px 8px; width: 100%; box-sizing: border-box; border: none; font-family: Arial, sans-serif; font-size: 12px; color: #FFF; background: #333; }
#shoutbox .minposts, #shoutbox .blocked { padding: 6px; font-size: 11px; }
#shoutbox .panel.minposts { background: #5C5C00; color: #FFFED8; }
#shoutbox .panel.blocked { background: #4A0000; color: #FCEFEF; }
#shoutbox .panel p { margin: 0; }

#shoutbox .window { padding: 10px; overflow-y: scroll; color: #FFF; }
#shoutbox .data { display: table; width: 100%; border-top: solid 2px rgba(255,255,255,0.1); font-family: Arial, sans-serif; font-size: 12px; color: #FFF; }
#shoutbox.front .data { border-top: none; }

#shoutbox .entry { display: block !important; margin-bottom: 8px; padding-bottom: 8px; overflow: hidden; position: relative; border-bottom: 1px solid #FFF; }
#shoutbox .entry.new { background-color: rgba(200,200,50,0.2); }
#shoutbox .entry:target { background-color: rgba(50,200,255,0.2); }
#shoutbox .entry:last-child > div { border-bottom: none; }

#shoutbox .avatar img { float: left; margin: 0 auto; vertical-align: middle; height: 40px; width: 40px; border: 2px solid #FFF; border-radius: 50%; cursor: pointer; }
#shoutbox .user { display: inline; padding: 0 15px; white-space: nowrap; font-size: 13px; color: #FFF; }
#shoutbox .text { display: block; padding-left: 60px; color: #FFF; }

#shoutbox .info { color: #FFF; position: absolute; top: 0; right: 0; font-size: 10px; }
#shoutbox .info a { color: inherit; }
#shoutbox .entry.unread .info:before { display: inline-block; margin-right: 10px; height: 4px; width: 4px; content: ''; background: rgba(255,100,0,0.8); border-radius: 10px; vertical-align: middle; }
#shoutbox .mod { padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none; }
#shoutbox .mod:nth-of-type(2) { margin-right: 5px; border-left: solid 1px rgba(255,255,255,0.1); }
#shoutbox .ip { margin-right: 10px; color: #666; }

#shoutbox { 
    margin-bottom: 10px; 
    background: #000; 
    border: none; /* Usunięto białe obramowanie */
    border-radius: 7px; 
}
#shoutbox .head { 
    padding: 8px; 
    color: #FFF; 
    border: none; /* Usunięto białe obramowanie */
}
#shoutbox .panel { 
    padding: 10px 15px; 
    color: #FFF; 
    border: none; /* Usunięto białe obramowanie */
}
#shoutbox .entry { 
    display: block !important; 
    margin-bottom: 8px; 
    padding-bottom: 8px; 
    overflow: hidden; 
    position: relative; 
    border-bottom: none; /* Usunięto białe linie między wpisami */
}
#shoutbox .data { 
    border-top: none; /* Usunięto górne obramowanie */
}
#shoutbox .avatar img { 
    border: 2px solid #FFF; /* Zachowano obramowanie wokół awatara, ale można usunąć */
}