.rashid-box {
    display: inline-block;
    text-align: center;
    background: #f4f4f4;
    border: 2px solid #b59b5b;
    border-radius: 8px;
    padding: 15px;
    width: 200px;
    font-family: Verdana, Geneva, sans-serif;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
}
.rashid-box h3 { font-size: 16px; color: #5b3b1f; margin-bottom: 10px; }
.rashid-box img { max-width: 100px; border: 1px solid #b59b5b; border-radius: 4px; background: #fff; padding: 3px; }

/* === Wspólne style (BOOSTED + MiniArena) pod prefiksem .boss- === */


/* wrapper na link — musi mieć min-width:0 */
.boosted-info{
  width:100%;
  min-width:0;
}

/* skracanie nazwy poprawione */
.boss-name{
  display:block;
  width:100%;
  min-width:0;           
  max-width:100%;
  
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;

  color:#ff9000;
  font-weight:600;
  line-height:1.1;
  margin:2px auto 0;
}

.boss-name:hover{
  color:#ff4e00;
}

.boss-updated{
  color:#8f8f8f;
  font-size:11px;
  margin-top:6px;
  text-align:center;
}


/* --- MiniArena Admin Panel Style --- */
.miniarena-admin-box select {
    background: #1a1a1a;
    color: #ff9000;
    border: 1px solid #444;
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 13px;
}

.miniarena-admin-box button {
    padding: 6px 14px;
    margin-left: 5px;
    background: #333;
    color: #ff9000;
    border: 1px solid #555;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}

.miniarena-admin-box button:hover {
    background: #444;
    border-color: #777;
    color: #ffb454;
}

/* przycisk USUŃ (czerwony) */
.miniarena-admin-box .danger-btn {
    background: #5a0000;
    border: 1px solid #7a0000;
    color: #fff;
}

.miniarena-admin-box .danger-btn:hover {
    background: #7a0000;
    border-color: #a00000;
}
/* ===== Events toolbar: użyj stylu MiniArena (Save/Usuń) ===== */

/* Środek + odstępy */
.events-toolbar{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin:8px 0 10px;
}

/* Link wyglądający jak button MiniArena */
.miniarena-admin-box .btnlike{
  display:inline-block;
  padding: 6px 14px;
  margin-left: 5px;
  background: #333;
  color: #ff9000;
  border: 1px solid #555;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  text-decoration:none;
  line-height: 1.2;
}

.miniarena-admin-box .btnlike:hover{
  background: #444;
  border-color: #777;
  color: #ffb454;
}

/* Wariant czerwony (jak Usuń) dla linku też */
.miniarena-admin-box .btnlike.danger-btn{
  background: #5a0000;
  border: 1px solid #7a0000;
  color: #fff;
}
.miniarena-admin-box .btnlike.danger-btn:hover{
  background: #7a0000;
  border-color: #a00000;
}
/* HILL widget list style */
/* === UJEDNOLICONY SCROLLBAR: Firefox + Chromium (Opera/Chrome/Edge) === */
.hill-members{
  max-height:240px;
  overflow:auto;
  padding-right:6px;
  margin-top:6px;

  /* Firefox */
  scrollbar-width: thin;                          /* auto | thin | none */
  scrollbar-color: #ff9000 rgba(0,0,0,0.35);      /* thumb | track */
}

/* Chromium/Opera */
.hill-members::-webkit-scrollbar{
  width: 10px;          /* pionowy */
  height: 10px;         /* poziomy (jeśli kiedykolwiek się pojawi) */
}

.hill-members::-webkit-scrollbar-track{
  background: rgba(0,0,0,0.35);
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.06);
}

.hill-members::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, #ffb454, #ff9000);
  border-radius: 10px;
  border: 2px solid rgba(0,0,0,0.35);  /* “odstęp” od tracka jak w FF */
}

.hill-members::-webkit-scrollbar-thumb:hover{
  background: linear-gradient(180deg, #ffd19a, #ff9f2f);
}

.hill-members::-webkit-scrollbar-corner{
  background: rgba(0,0,0,0.35);
}


.hill-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:4px 0;
  border-bottom:1px dashed rgba(255,255,255,0.08);
  font-size:12px;
}

.hill-left{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.hill-rank{
  color:#8f8f8f;
  margin-left:6px;
}

.hill-right{
  flex:0 0 auto;
  color:#aaa;
}

.hill-dot{
  display:inline-block;
  width:10px;
  text-align:center;
  margin-right:4px;
  font-weight:bold;
}
.hill-online{ color:#6dff6d; }
.hill-offline{ color:#aaa; }


/* === Combined Bona + Hill widget === */

.bona-line{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:6px 0;
  font-size:12px;
}

.bona-status{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.bona-icon{
  width:14px;
  height:14px;
  vertical-align:middle;
}

.bona-status-link{
  color:#ff9000;
  font-weight:bold;
  text-decoration:none;
  letter-spacing:0.3px;
}

.bona-status-link:hover{
  color:#ffb454;
  text-decoration:underline;
}

.bona-players{
  flex:0 0 auto;
  color:#aaa;
  white-space:nowrap;
}

.bona-sep{
  border-bottom:1px solid rgba(255,255,255,0.08);
  margin:6px 0 10px;
}

/* HILL header layout */
.hill-header{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:10px;
  padding-bottom:6px;
  border-bottom:1px solid #1c1c1a;
  margin-bottom:6px;
}

.hill-title{
  color:#ff9000;
  font-size:12px;
  text-transform:uppercase;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.hill-world{
  color:#aaa;
  text-transform:none;
}

.hill-count{
  color:#aaa;
  font-size:12px;
  white-space:nowrap;
}

#bona-hill-widget .sinfotable td:nth-child(2) {
  text-align: right;
}

/* =========================================================
   Opera/Chromium FIX: prawa kolumna zawsze POD item widgetem
   (bez zmian w kodzie items – tylko CSS)
   ========================================================= */

/* Stabilizacja warstw w Chromium/Opera */
body{
  isolation: isolate;
}

/* 1) Prawa kolumna + cała jej zawartość ma być NISKO */
.container_right{
  position: relative !important;
  z-index: 0 !important;
}

/* Zbij ewentualne z-indexy na widgetach w prawej kolumnie */
.container_right .right_box{
  position: relative !important;
  z-index: 0 !important;
}

/* Ozdoby/rogi: zawsze pod spodem + nie przechwytują klików 
.container_right .corner_lt,
.container_right .corner_rt,
.container_right .corner_lb,
.container_right .corner_rb{
  z-index: 0 !important;
  pointer-events: none !important;
}
*/
/* Treść widgetów też nisko (żeby linki/obrazki nie “wyskakiwały” nad modal) 
.container_right .title,
.container_right .content,
.container_right .border_bottom{
  position: relative !important;
  z-index: 0 !important;
}
*/
/* 2) Item modal + overlay ZAWSZE najwyżej (dalej tylko CSS) */
#itemsModalOverlay{
  position: fixed !important;
  z-index: 2147483646 !important;
}

#itemsModal{
  position: fixed !important;
  z-index: 2147483647 !important;
}

/* ====== MODAL: Dodaj Event (Tibia style) ====== */
#addEventOverlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.65);
  z-index: 2147483646;
  display:none;
}

#addEventModal{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 520px;
  max-width: calc(100vw - 24px);
  z-index: 2147483647;
  display:none;
}

/* Ramka jak boxy */
#addEventModal .modal-box{
  background: rgba(0,0,0,0.35);
  border: 1px solid rgba(0,0,0,0.45);
  box-shadow:
    0 1px 3px rgba(255,255,255,0.15) inset,
    0 -1px 3px rgba(0,0,0,0.55) inset;
  border-radius: 6px;
  padding: 12px;
}

/* Nagłówek */
#addEventModal .modal-title{
  color:#ff9000;
  font-weight:800;
  text-transform: uppercase;
  letter-spacing:.4px;
  border-bottom:1px solid #1c1c1a;
  padding-bottom:6px;
  margin-bottom:10px;
  text-align:center;
}

/* Pola */
#addEventModal label{
  display:block;
  margin-top:10px;
  font-weight:bold;
  color:#ffb454;
}

#addEventModal input[type="text"],
#addEventModal input[type="datetime-local"]{
  width:100%;
  box-sizing:border-box;
  padding:8px 10px;
  border-radius:4px;
  border:1px solid #444;
  background:#1a1a1a;
  color:#ff9000;
}

#addEventModal input[type="text"]::placeholder{
  color:#777;
}

#addEventModal .row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
}

#addEventModal .row.actions{
  justify-content:center;
  margin-top:14px;
}

/* Komunikaty */
#addEventModal .err{
  margin-top:10px;
  background:#2b0d0d;
  border:1px solid #7a0000;
  color:#ffd1d1;
  padding:10px;
  border-radius:4px;
  display:none;
}

#addEventModal .ok{
  margin-top:10px;
  background:#0d2b14;
  border:1px solid #1b7a37;
  color:#caffd8;
  padding:10px;
  border-radius:4px;
  display:none;
}

.event-dt-line{
  display:flex;
  align-items:center;
  justify-content:center; /* opcjonalnie, jak chcesz centralnie */
  gap:8px;
  flex-wrap:nowrap;
}

.rowDateTimeInput{
  width: 175px;     /* dopasuj pod layout */
  height: 20px;
  font-size: 11px;
  padding: 1px 2px;
  margin: 0;
}
/* wąska kolumna dla checkboxa "Aktywne" */
#eventsTable th.th-active,
#eventsTable td.td-active{
  width: 40px;
  text-align: center;
  vertical-align: middle;
  padding-left: 4px;
  padding-right: 4px;
}

/* wygodne pola edycji nazwy/strony */
.eventNameInput, .eventPageInput{
  height: 20px;
  font-size: 11px;
  padding: 1px 2px;
  width: 95%;
  box-sizing: border-box;
}
/* Kolumna "Strona" ma się skurczyć do minimum */
#eventsTable th.th-page,
#eventsTable td.td-page{
  width: 1%;              /* klasyczny trik na "jak najmniej" */
  white-space: nowrap;    /* nagłówek nie łamie się na 2 linie */
  padding-left: 6px;
  padding-right: 6px;
}

/* Input w tej kolumnie ma być krótki i nie rozpychać tabeli */
#eventsTable td.td-page .eventPageInput{
  width: 140px;           /* <- ustaw ile chcesz (np. 120–160) */
  max-width: 140px;
  box-sizing: border-box;
}