/* ======================================
   PokerAtlas Chart Engine v0.3.1
   Изолированный CSS для WordPress / Reboot
   Все стили ограничены контейнером PokerAtlas.
====================================== */

/* ======================================
   PokerAtlas Chart Engine v0.3
   Визуальная база Open Raise / RFI
   Основа: актуальный CSS прототипа
====================================== */

.pokeratlas-chart .open-raise-wrapper{
max-width:1180px;
margin:0 auto;
font-family:Arial,sans-serif;
}



/* STACK BUTTONS */

.pokeratlas-chart .stack-buttons{
display:flex;
gap:14px;
margin-bottom:28px;
}

.pokeratlas-chart .stack-btn{
padding:14px 34px;
border:none;
border-radius:16px;
font-size:18px;
font-weight:700;
cursor:pointer;
transition:0.2s;
opacity:0.45;
color:#fff;
}

.pokeratlas-chart .stack-btn:first-child{
background:#ff7a1a;
box-shadow:0 4px 14px rgba(255,122,26,0.25);
}

.pokeratlas-chart .stack-btn:last-child{
background:#2f9cff;
box-shadow:0 4px 14px rgba(47,156,255,0.25);
}

.pokeratlas-chart .active-stack{
opacity:1 !important;
outline:3px solid #111;
}


/* MAIN */

.pokeratlas-chart .main-content{
display:flex;
align-items:flex-start;
gap:12px;
}



/* LEFT */

.pokeratlas-chart .left-column{
display:flex;
flex-direction:column;
}



/* CHART */

.pokeratlas-chart .chart-layout{
display:flex;
align-items:flex-start;
gap:18px;
}



/* POSITIONS */

.pokeratlas-chart .positions-column{
display:flex;
flex-direction:column;
gap:14px;
}

.pokeratlas-chart .position-btn{
width:78px;
height:78px;
background:#f3f5f7;
border:2px solid #dfe5eb;
border-radius:14px;
font-weight:700;
font-size:22px;
color:#444;
cursor:pointer;
transition:.2s;
}

.pokeratlas-chart .position-btn:hover{
border-color:#1da1ff;
color:#1da1ff;
}

.pokeratlas-chart .active-position{
background:#1da1ff;
border-color:#111;
color:#fff !important;
box-shadow:0 4px 14px rgba(29,161,255,.28);
}



/* GRID */

.pokeratlas-chart .range-grid{
display:grid;
grid-template-columns:repeat(13,40px);
gap:5px;
background:#f3f5f7;
padding:14px;
border-radius:18px;
}

.pokeratlas-chart .cell{
width:40px;
height:40px;
background:#fff;
border:1px solid #e2e5ea;
border-radius:8px;
display:flex;
align-items:center;
justify-content:center;
font-size:12px;
font-weight:700;
color:#8d98a5;
transition:.15s;
user-select:none;
}

.pokeratlas-chart .cell:hover{
transform:scale(1.06);
border-color:#1da1ff;
box-shadow:0 2px 8px rgba(0,0,0,.12);
z-index:2;
position:relative;
}



/* COLORS */

.pokeratlas-chart .fourbet-push{
background:#f56b8a !important;
border-color:#f56b8a !important;
color:#fff !important;
}

.pokeratlas-chart .call-push{
background:#ff9955 !important;
border-color:#ff9955 !important;
color:#fff !important;
}

.pokeratlas-chart .call-3bet{
background:#58d6ad !important;
border-color:#58d6ad !important;
color:#fff !important;
}

.pokeratlas-chart .fold-3bet{
background:#43a8ff !important;
border-color:#43a8ff !important;
color:#fff !important;
}



/* LEGEND */

.pokeratlas-chart .range-legend{
width:255px;
background:#fff;
border:1px solid #e3e8ee;
border-radius:16px;
padding:20px;
flex-shrink:0;
}

.pokeratlas-chart .range-legend h3{
font-size:18px;
margin-bottom:22px;
font-weight:700;
line-height:1.35;
color:#222;
}

.pokeratlas-chart .legend-item{
display:flex;
gap:12px;
margin-bottom:20px;
align-items:flex-start;
}

.pokeratlas-chart .legend-color{
width:28px;
height:28px;
border-radius:8px;
flex-shrink:0;
margin-top:2px;
}

.pokeratlas-chart .legend-red{
background:#f56b8a;
}

.pokeratlas-chart .legend-orange{
background:#ff9955;
}

.pokeratlas-chart .legend-green{
background:#58d6ad;
}

.pokeratlas-chart .legend-blue{
background:#43a8ff;
}

.pokeratlas-chart .legend-dark{
background:#ffffff;
border:2px solid #d9e1ea;
box-shadow:0 2px 6px rgba(0,0,0,0.06);
}

.pokeratlas-chart .legend-text strong{
display:block;
font-size:14px;
margin-bottom:5px;
line-height:1.45;
color:#222;
}

.pokeratlas-chart .legend-text span{
font-size:13px;
line-height:1.6;
color:#666;
}



/* INFO */

.pokeratlas-chart .bottom-info-box{
margin-top:16px;
max-width:592px;
padding:16px 18px;
background:#eef5ff;
border-radius:14px;
font-size:14px;
line-height:1.7;
color:#4d5b6a;
box-sizing:border-box;
}
/* ======================================
   Изоляция контейнера
====================================== */

.pokeratlas-chart {
    box-sizing: border-box;
    width: 100%;
}

.pokeratlas-chart,
.pokeratlas-chart * {
    box-sizing: border-box;
}