:root {
  --y-gold: #1565C0;
  --y-gold-hover: #1976D2;
  --y-gold-border: #0D47A1;
  --y-gold-dark: #0A3B82;
  --y-tan-bg: #c8a870;
  --y-tan-light: #d4b880;
  --y-cream: #e6dbac;
  --y-cream-dark: #d8c890;
  --y-brown: #000000;
  --y-brown-light: #222222;
  --y-brown-medium: #333333;
  --y-border: #CCCCCC;
  --y-border-light: #DDDDDD;
  --y-white: #FFFFFF;
  --y-chat-bg: #f0ebdb;
  --y-btn-face: #1565C0;
  --y-btn-highlight: #1976D2;
  --y-btn-shadow: #0D47A1;
  --y-btn-dark-shadow: #0A3B82;
}
body {
  font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif !important;
  background: var(--y-tan-bg) !important;
  color: var(--y-brown) !important;
  font-size: 11px !important;
}
button,.action-btn,.right-action-btn,[class*="action-btn"],[class*="actionBtn"],[class*="right-action"],[class*="rightAction"] {
  font-family: Verdana, Tahoma, Geneva, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: bold !important;
  background: var(--y-btn-face) !important;
  color: var(--y-brown) !important;
  border: 2px outset var(--y-border-light) !important;
  border-radius: 0 !important;
  padding: 3px 10px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
button:hover,.action-btn:hover,.right-action-btn:hover,[class*="action-btn"]:hover,[class*="right-action"]:hover {
  background: var(--y-btn-highlight) !important;
}
button:active,.action-btn:active,.right-action-btn:active { border-style: inset !important; }
.action-btn.resign,.resign,[class*="resign"] { color: var(--y-brown) !important; background: var(--y-btn-face) !important; }
.top-bar,[class*="topbar"],[class*="top-bar"],[class*="toolbar"],#topBar {
  background: var(--y-tan-light) !important;
  border-bottom: 1px solid var(--y-border) !important;
  font-family: Verdana, Tahoma, Geneva, Arial, sans-serif !important;
  font-size: 11px !important;
  color: var(--y-brown) !important;
  padding: 3px 6px !important;
}
.table-badge,[class*="table-badge"],[class*="tableBadge"],[class*="tableLabel"] {
  background: var(--y-gold) !important;
  color: var(--y-white) !important;
  border: 1px solid var(--y-gold-border) !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  font-weight: bold !important;
  padding: 1px 8px !important;
  text-shadow: none !important;
}
input[type="checkbox"],input[type="radio"] { accent-color: var(--y-gold) !important; }
.top-bar-right button,[class*="topbar"] button {
  background: var(--y-gold) !important;
  color: var(--y-white) !important;
  border: 2px outset var(--y-gold-hover) !important;
  font-size: 11px !important;
  padding: 2px 10px !important;
}
.top-bar-right button:hover,[class*="topbar"] button:hover { background: var(--y-gold-hover) !important; }
.left-sidebar,[class*="left-sidebar"],[class*="leftSidebar"],[class*="left-panel"],#leftSidebar {
  background: var(--y-tan-light) !important;
  border-right: 1px solid var(--y-border) !important;
  font-family: Verdana, Tahoma, Geneva, Arial, sans-serif !important;
}
.player-panel,[class*="player-panel"],[class*="playerPanel"] { background: var(--y-tan-light) !important; border-color: var(--y-border) !important; }
.player-name,[class*="player-name"],[class*="playerName"],[class*="username"] { color: var(--y-brown) !important; font-family: Verdana, Tahoma, Geneva, Arial, sans-serif !important; font-weight: bold !important; font-size: 11px !important; }
.player-timer,[class*="player-timer"],[class*="playerTimer"],[class*="timer"],[class*="clock"] {
  background: var(--y-cream) !important;
  color: var(--y-brown) !important;
  border: 1px solid var(--y-border) !important;
  font-family: Verdana, Tahoma, 'Courier New', monospace !important;
  font-size: 13px !important;
  font-weight: bold !important;
  border-radius: 0 !important;
  text-shadow: none !important;
  padding: 2px 6px !important;
}
.player-timer.red-timer,.player-timer.green-timer,.red-timer,.green-timer,[class*="red-timer"],[class*="green-timer"] {
  background: var(--y-cream) !important;
  color: var(--y-brown) !important;
  border: 1px solid var(--y-border) !important;
}
.rating-stars .star,.star,[class*="star"] { color: var(--y-gold) !important; }
.move-list-header,[class*="move-list-header"],[class*="moveListHeader"],[class*="move-header"] {
  background: var(--y-btn-face) !important;
  color: var(--y-brown) !important;
  border: 1px solid var(--y-border) !important;
  font-family: Verdana, Tahoma, Geneva, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: bold !important;
}
.move-list-header span,[class*="move-list-header"] span { color: var(--y-brown) !important; border-color: var(--y-border) !important; }
.move-list,[class*="move-list"],[class*="moveList"],[class*="movelist"] {
  background: var(--y-cream) !important;
  border: 1px solid var(--y-border) !important;
  font-family: Verdana, Tahoma, Geneva, Arial, sans-serif !important;
  font-size: 11px !important;
}
.move-list td,[class*="move-list"] td { border-bottom: 1px solid var(--y-border-light) !important; color: var(--y-brown) !important; }
.action-buttons,[class*="action-buttons"],[class*="actionButtons"] { background: var(--y-tan-light) !important; }
.board-area,[class*="board-area"],[class*="boardArea"],[class*="board-container"],[class*="boardContainer"] { background: var(--y-tan-bg) !important; }
.board-frame,[class*="board-frame"],[class*="boardFrame"] {
  background: linear-gradient(145deg, #8B7332, #6B5522, #8B7332) !important;
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3), 0 3px 10px rgba(0,0,0,0.4) !important;
}
.waiting-overlay,[class*="waiting-overlay"],[class*="waitingOverlay"] { background: var(--y-cream) !important; border: 2px solid var(--y-border) !important; }
.waiting-overlay p { color: var(--y-brown) !important; }
.waiting-btn,[class*="waiting-btn"],[class*="waitingBtn"] { background: var(--y-gold) !important; color: var(--y-white) !important; border: 2px outset var(--y-gold-hover) !important; }
.right-sidebar,[class*="right-sidebar"],[class*="rightSidebar"],[class*="right-panel"],#rightSidebar {
  background: var(--y-tan-light) !important;
  border-left: 1px solid var(--y-border) !important;
  font-family: Verdana, Tahoma, Geneva, Arial, sans-serif !important;
}
.right-action-btn,[class*="right-action-btn"],[class*="rightActionBtn"],.right-actions button,.right-sidebar button,[class*="right-sidebar"] button,[class*="rightSidebar"] button {
  background: var(--y-gold) !important;
  color: var(--y-white) !important;
  border: 2px outset var(--y-gold-hover) !important;
  font-family: Verdana, Tahoma, Geneva, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  padding: 4px 8px !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin-bottom: 1px !important;
  border-radius: 0 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.right-action-btn:hover,[class*="right-action-btn"]:hover,.right-sidebar button:hover,[class*="right-sidebar"] button:hover { background: var(--y-gold-hover) !important; }
.whos-here-header,[class*="whos-here-header"],[class*="whosHereHeader"],[class*="who-is-here"] {
  background: var(--y-gold) !important;
  color: var(--y-white) !important;
  border: 1px solid var(--y-gold-border) !important;
  font-family: Verdana, Tahoma, Geneva, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: bold !important;
  padding: 3px 8px !important;
  text-shadow: none !important;
}
.whos-here-list,[class*="whos-here-list"],[class*="whosHereList"] { background: var(--y-cream) !important; font-family: Verdana, Tahoma, Geneva, Arial, sans-serif !important; font-size: 11px !important; border: 1px solid var(--y-border) !important; }
.player-entry .role,[class*="player-entry"] .role { color: var(--y-brown-light) !important; font-size: 10px !important; }
.player-entry .pname,[class*="player-entry"] .pname { color: var(--y-brown) !important; font-weight: bold !important; }
[class*="pro-badge"],[class*="proBadge"],.pro-badge,.pro { background: var(--y-gold) !important; color: var(--y-white) !important; font-size: 9px !important; font-weight: bold !important; padding: 0px 4px !important; border: 1px solid var(--y-gold-border) !important; border-radius: 0 !important; }
.spectators-label,[class*="spectators-label"] { color: var(--y-brown-medium) !important; border-bottom: 1px solid var(--y-border-light) !important; }
[class*="boot"],.boot-btn,.boot { background: var(--y-gold) !important; color: var(--y-white) !important; border: 2px outset var(--y-gold-hover) !important; font-size: 10px !important; font-weight: bold !important; padding: 1px 6px !important; border-radius: 0 !important; }
.chat-area,[class*="chat-area"],[class*="chatArea"],[class*="chat-container"] { background: var(--y-chat-bg) !important; font-family: Verdana, Tahoma, Geneva, Arial, sans-serif !important; }
.chat-messages,[class*="chat-messages"],[class*="chatMessages"],[class*="chat-log"] { background: var(--y-chat-bg) !important; font-family: Verdana, Tahoma, Geneva, Arial, sans-serif !important; font-size: 11px !important; color: var(--y-brown) !important; border-top: 1px solid var(--y-border) !important; }
.chat-messages .system-msg,[class*="system-msg"],[class*="systemMsg"],[class*="system-message"] { color: #6B4400 !important; font-weight: bold !important; font-size: 11px !important; }
.chat-messages .user-msg,[class*="user-msg"] { color: var(--y-brown) !important; }
.chat-messages .msg-user,[class*="msg-user"] { font-weight: bold !important; color: var(--y-brown) !important; }
.chat-input-bar,[class*="chat-input-bar"],[class*="chatInputBar"],[class*="chat-input"] { border-top: 1px solid var(--y-border) !important; background: var(--y-cream) !important; }
.chat-input-bar input,[class*="chat-input"] input { background: var(--y-white) !important; border: 1px inset var(--y-border) !important; font-family: Verdana, Tahoma, Geneva, Arial, sans-serif !important; font-size: 11px !important; color: var(--y-brown) !important; border-radius: 0 !important; }
.chat-input-bar button,#sendBtn,[class*="send-btn"],[class*="sendBtn"] { background: var(--y-gold) !important; color: var(--y-white) !important; border: 2px outset var(--y-gold-hover) !important; font-family: Verdana, Tahoma, Geneva, Arial, sans-serif !important; font-size: 11px !important; font-weight: bold !important; border-radius: 0 !important; }
[class*="game-info"],[class*="gameInfo"],.game-info,[class*="game-bar"],[class*="gameBar"] { background: var(--y-tan-light) !important; font-family: Verdana, Tahoma, Geneva, Arial, sans-serif !important; font-size: 11px !important; color: var(--y-brown) !important; border: 1px solid var(--y-border) !important; }
[class*="board-options"],[class*="boardOptions"],.board-options { background: var(--y-tan-light) !important; font-family: Verdana, Tahoma, Geneva, Arial, sans-serif !important; font-size: 11px !important; color: var(--y-brown) !important; }
[style*="color: red"],[style*="color:#cc2222"],[style*="color:#cc"],[style*="color: #cc"],[style*="color:red"] { color: var(--y-brown) !important; }
[style*="background:#2d8c2d"],[style*="background-color:#2d8c2d"],[style*="background:green"],[style*="background-color:green"],[style*="background: #2d8c2d"],[style*="background: green"] { background: var(--y-gold) !important; }
[style*="background:#cc2222"],[style*="background-color:#cc2222"],[style*="background:red"],[style*="background-color:red"],[style*="background: #cc"],[style*="background: red"] { background: var(--y-gold) !important; }
.text-red,.red,[class*="text-red"] { color: var(--y-brown) !important; }
.green,[class*="green-bg"] { background: var(--y-gold) !important; }
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: var(--y-tan-light); }
::-webkit-scrollbar-thumb { background: var(--y-btn-face); border: 1px solid var(--y-border); }
::-webkit-scrollbar-thumb:hover { background: var(--y-border); }
a { color: var(--y-brown) !important; }


/* ===== GAME.HTML SPECIFIC FIXES ===== */

/* Toolbar labels - super dark black */
.toolbar label,
.toolbar label span,
.toolbar span:not(.table-badge) {
  color: #111100 !important;
  text-shadow: none !important;
}
.toolbar {
  background: linear-gradient(180deg, #555555 0%, #3a3a3a 40%, #2a2a2a 100%) !important;
  border-bottom: 2px solid #b0a070 !important;
}

/* Highlight possible moves dots - visible dark */
.sq .highlight-dot, .sq .possible-move,
[class*="possible-dot"], [class*="move-hint"] {
  background: rgba(0,0,0,0.38) !important;
}

/* Last move highlight */
.sq.last-move, [class*="last-move"], .sq.highlight-last {
  background: rgba(180,140,0,0.5) !important;
}

/* Remove center padding - board fills space */
.center {
  padding: 0 !important;
  background: #e8e0c0 !important;
}

/* LEFT sidebar matches center */
.lpanel {
  background: #e8e0c0 !important;
  border-right: 1px solid #b0a070 !important;
}

/* RIGHT sidebar matches center */
.rpanel {
  background: #e8e0c0 !important;
  border-left: 1px solid #b0a070 !important;
}

/* Main wrapper no gap */
.main {
  background: #e8e0c0 !important;
  gap: 0 !important;
}

/* Board frame wooden */
.board-frame, [class*="board-frame"], .board-wrap, [class*="board-wrap"] {
  margin: 0 !important;
  padding: 6px !important;
  background: linear-gradient(145deg, #8B7332, #6B5522, #8B7332) !important;
  box-shadow: inset 0 0 8px rgba(0,0,0,0.35), 2px 2px 8px rgba(0,0,0,0.3) !important;
}

/* Toolbar buttons */
.toolbar .tb-btn, .tb-btn {
  background: #c0a030 !important;
  color: #fff !important;
  border: 2px outset #d0b040 !important;
  text-shadow: none !important;
}
.toolbar .tb-btn:hover { background: #d0b040 !important; }

/* Table badge in toolbar */
.toolbar .table-badge {
  background: #c0a030 !important;
  color: #fff !important;
  border: 1px solid #a08828 !important;
}

/* Action buttons (Draw, Resign, etc) - not gold override */
.ctrl-btn, [class*="ctrl-btn"] {
  background: #d8cc9c !important;
  color: #4a3c20 !important;
  border: 2px outset #c8bc90 !important;
}

/* Right panel buttons - gold */
.rpanel .rb-btn, [class*="rb-btn"] {
  background: #c0a030 !important;
  color: #fff !important;
  border: 2px outset #d0b040 !important;
  border-radius: 0 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.rpanel .rb-btn:hover { background: #d0b040 !important; }

/* Who's Here header gold */
.whos-here h4, [class*="whos-here"] h4 {
  background: #c0a030 !important;
  border-bottom: 1px solid #a08828 !important;
}

/* Chat area */
.chatbox, .chatmsgs {
  background: #f0ebdb !important;
}
.chatinput input {
  border: 1px inset #b0a070 !important;
  border-radius: 0 !important;
}


/* ===== CLASSIC YAHOO/LICHESS BOARD COLORS ===== */

/* Light squares - #f0d9b5 (already correct in game.html, enforce here) */
.sq.l { background: #f0d9b5 !important; }

/* Dark squares - #b58863 */
.sq.d { background: #b58863 !important; }

/* Board outer border - 4px solid #634121 */
#board {
  border: 4px solid #634121 !important;
  box-shadow: 0 0 0 1px #3d1f08, 2px 4px 12px rgba(0,0,0,0.45) !important;
}

/* Last move highlight - BLUE */
.sq.lm.l { background: #7ec8e3 !important; }
.sq.lm.d { background: #4aaac8 !important; }

/* Selected square highlight - yellow */
.sq.sel { background: rgba(247,247,105,0.85) !important; }

/* Possible moves - YELLOW */
.sq.legal { box-shadow: inset 0 0 0 3px #f6c000 !important; }


/* Hover - yellow */
.sq:hover { box-shadow: inset 0 0 0 2px #f6c000 !important; }

/* Sidebar/timer background - soft beige #e6dbac */
.lpanel,
.rpanel,
.center,
.main,
.pcard,
.movelist,
.controls,
.chatbox,
.chatmsgs,
.whos-here,
[class*="lpanel"],
[class*="rpanel"] {
  background: #e6dbac !important;
}

/* Player cards (timer area) */
.pcard {
  background: #f5f0dc !important;
  border: 1px solid #c0a868 !important;
}

/* Move list */
.movelist {
  background: #f5f0dc !important;
  border: 1px solid #c0a868 !important;
}

/* Chat messages area */
.chatmsgs {
  background: #f5f0dc !important;
  border: 1px solid #c0a868 !important;
}

/* Tournament board squares (alt style) */
.sq.tl { background: #eeeed2 !important; }
.sq.td { background: #769656 !important; }

/* === BLUE/WHITE/BLACK THEME OVERRIDES === */
button,
.action-btn,
.right-action-btn,
[class*="action-btn"],
[class*="actionBtn"],
[class*="right-action"],
[class*="rightAction"],
.right-action-btn,
.waiting-btn,
[class*="waiting-btn"],
.chat-input-bar button,
#sendBtn {
  color: #FFFFFF !important;
}
button:hover,
.action-btn:hover,
.right-action-btn:hover {
  color: #FFFFFF !important;
}
.chat-input-bar input,
[class*="chat-input"] input {
  color: #000000 !important;
  border: 1px solid #CCCCCC !important;
}
a { color: #1565C0 !important; }

/* Game Over overlay buttons - override yahoo style */
#goOv .go-start-btn {
  background: linear-gradient(135deg, #1565C0, #1E88E5) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  padding: 13px 0 !important;
  border: none !important;
  border-radius: 8px !important;
  width: 100% !important;
  display: block !important;
  margin-bottom: 10px !important;
  text-transform: none !important;
}
#goOv .go-start-btn:hover {
  background: linear-gradient(135deg, #1E88E5, #42A5F5) !important;
}
#goOv .go-start-btn:disabled {
  background: #555 !important;
  color: #aaa !important;
  cursor: not-allowed !important;
}
#goOv .go-room-btn {
  background: rgba(255,255,255,0.1) !important;
  color: #fff !important;
  font-size: 14px !important;
  padding: 11px 0 !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  border-radius: 8px !important;
  width: 100% !important;
  display: block !important;
  text-transform: none !important;
}


/* ═══ Game Over Overlay Fix ═══ */
#goOv button.go-start-btn,
#goOv button.go-start-btn:active,
#goOv button.go-start-btn:focus {
  background: linear-gradient(180deg, #f0a830 0%, #e8820a 50%, #cc6600 100%) !important;
  color: #fff !important;
  font-size: 15px !important;
  padding: 12px 0 !important;
  border: 2px outset #f0a020 !important;
  border-radius: 3px !important;
  width: 100% !important;
  display: block !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
#goOv button.go-room-btn,
#goOv button.go-room-btn:active {
  background: rgba(255,255,255,0.15) !important;
  color: #fff !important;
  font-size: 13px !important;
  padding: 10px 0 !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  border-radius: 3px !important;
  width: 100% !important;
  display: block !important;
  text-transform: uppercase !important;
}
#goOv button.go-start-btn:disabled {
  background: #666 !important;
  color: #ccc !important;
  border-color: #555 !important;
  cursor: not-allowed !important;
}

/* ═══ Yahoo Style Control Buttons (DRAW, STAND UP, RESIGN, UNDO) ═══ */
.ctrl-btn,
.ctrl-btn:active,
.ctrl-btn:focus {
  background: linear-gradient(180deg, #e8e0d0 0%, #d4c8b0 40%, #c0b090 100%) !important;
  color: #2a1a00 !important;
  border: 2px outset #d8c8a8 !important;
  font-family: Verdana, Tahoma, sans-serif !important;
  font-size: 11px !important;
  font-weight: bold !important;
  padding: 5px 4px !important;
  cursor: pointer !important;
  text-align: center !important;
  border-radius: 1px !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  box-shadow: inset 1px 1px 0 rgba(255,255,255,0.4), inset -1px -1px 0 rgba(0,0,0,0.1) !important;
}
.ctrl-btn:hover {
  background: linear-gradient(180deg, #f0e8d8 0%, #dcd0b8 40%, #c8b898 100%) !important;
  border-color: #c0a878 !important;
}
.ctrl-btn:active {
  border-style: inset !important;
  box-shadow: inset 2px 2px 3px rgba(0,0,0,0.2) !important;
}
.ctrl-btn:disabled {
  background: #d0d0d0 !important;
  color: #999 !important;
  border: 2px outset #c0c0c0 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

/* ═══ Yahoo Style Who's Here Panel ═══ */
.whos-here {
  background: #f5f0dc !important;
  border: 1px solid #c0a868 !important;
  padding: 0 !important;
  margin: 4px 0 !important;
  border-radius: 0 !important;
}
.whos-here h4 {
  background: linear-gradient(180deg, #555555 0%, #3a3a3a 40%, #2a2a2a 100%) !important;
  color: #fff !important;
  font-family: Verdana, Tahoma, sans-serif !important;
  font-size: 11px !important;
  font-weight: bold !important;
  padding: 3px 6px !important;
  margin: 0 !important;
  border-bottom: 1px solid #5a3e10 !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;
}
.wih-btn {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  padding: 4px 8px !important;
  margin: 0 !important;
  background: transparent !important;
  color: #2a1a00 !important;
  border: none !important;
  border-bottom: 1px solid #d8d0b8 !important;
  border-radius: 0 !important;
  font-family: Verdana, Tahoma, sans-serif !important;
  font-size: 11px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: none !important;
}
.wih-btn:hover {
  background: #e8e0c8 !important;
}
.wih-btn:last-child {
  border-bottom: none !important;
}
.wih-btn-center {
  text-align: center !important;
  background: linear-gradient(180deg, #e8e0d0 0%, #d4c8b0 40%, #c0b090 100%) !important;
  color: #2a1a00 !important;
  border: 2px outset #d8c8a8 !important;
  border-bottom: 2px outset #d8c8a8 !important;
  padding: 5px 8px !important;
  margin: 4px !important;
  border-radius: 1px !important;
  box-shadow: inset 1px 1px 0 rgba(255,255,255,0.4), inset -1px -1px 0 rgba(0,0,0,0.1) !important;
  width: calc(100% - 8px) !important;
}
.wih-btn-center:hover {
  background: linear-gradient(180deg, #f0e8d8 0%, #dcd0b8 40%, #c8b898 100%) !important;
}
/* BOOT button Yahoo style */
.wih-btn[onclick*="openBootPopup"] {
  background: #cc2222 !important;
  color: #fff !important;
  text-align: center !important;
  border: 2px outset #dd4444 !important;
  margin: 4px !important;
  width: calc(100% - 8px) !important;
  border-radius: 1px !important;
}
.wih-btn[onclick*="openBootPopup"]:hover {
  background: #dd3333 !important;
}

/* ═══ Yahoo Style Toolbar ═══ */
.toolbar {
  background: linear-gradient(180deg, #d4a84a 0%, #a07828 50%, #8a6820 100%) !important;
  border-bottom: 2px solid #111 !important;
  height: 32px !important;
  padding: 0 6px !important;
  color: #fff !important;
}
.tb-room {
  color: #fff !important;
  font-family: Verdana, Tahoma, sans-serif !important;
  font-size: 11px !important;
  font-weight: bold !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;
  opacity: 1 !important;
}
.tb-room:hover {
  color: #fff !important;
  text-decoration: underline !important;
}
.tb-room-sep {
  color: rgba(255,255,255,0.5) !important;
}
.tb-dots {
  color: #fff !important;
  font-size: 16px !important;
  background: transparent !important;
  border: none !important;
  padding: 2px 6px !important;
  box-shadow: none !important;
}
.tb-dots:hover {
  background: rgba(255,255,255,0.15) !important;
}
.toolbar .tb-btn {
  background: linear-gradient(180deg, #e8e0d0 0%, #d4c8b0 40%, #c0b090 100%) !important;
  color: #2a1a00 !important;
  border: 2px outset #d8c8a8 !important;
  border-radius: 1px !important;
  font-family: Verdana, Tahoma, sans-serif !important;
  font-size: 10px !important;
  font-weight: bold !important;
  padding: 3px 10px !important;
  box-shadow: inset 1px 1px 0 rgba(255,255,255,0.4), inset -1px -1px 0 rgba(0,0,0,0.1) !important;
}
.toolbar .tb-btn:hover {
  background: linear-gradient(180deg, #f0e8d8 0%, #dcd0b8 40%, #c8b898 100%) !important;
}
.toolbar .tb-btn:active {
  border-style: inset !important;
}
/* Table tabs Yahoo style */
.tb-tab {
  background: rgba(255,255,255,0.15) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  border-radius: 2px !important;
  font-family: Verdana, Tahoma, sans-serif !important;
  font-size: 10px !important;
  font-weight: bold !important;
}
.tb-tab.active, .tb-tab.act {
  background: rgba(255,255,255,0.35) !important;
  border-color: rgba(255,255,255,0.5) !important;
}