:root{
  --ao-bg:#fff; --ao-card:#fff; --ao-accent:#e31e24; --ao-text:#111; --ao-dim:#555; --ao-border:rgba(0,0,0,.1);
  --ao-btn-bg:#ed0020; --ao-btn-hover-bg:#1c3a6c; --ao-btn-text:#fff;
  --panel-w:520px;
}
html, body { overflow-x: hidden; }
.elementor-container, .e-con { overflow-x: clip; }

[data-armex-oil]{color:var(--ao-text)}
.armex-map-wrap{position:relative; margin-top:-4px; overflow-x:hidden;}
.armex-fullbleed{width:min(1240px, calc(100vw - 2px)); margin-left:auto; margin-right:auto;}

/* SPLIT layout */
.armex-split .armex-grid{
  display:grid; grid-template-columns: var(--panel-w) 1fr; gap:16px;
  align-items:start;
}
.armex-split .armex-list{
  background:var(--ao-card);border:1px solid var(--ao-border);border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.08);
  height: var(--map-h, 80vh); display:flex; flex-direction:column; min-width:320px; max-width:none;
}
.armex-split #armex-map{height: var(--map-h, 80vh); border:0; width:100%; box-sizing:border-box; border-radius:16px; overflow:hidden}
.armex-list-header{padding:14px;border-bottom:1px solid var(--ao-border)}
.armex-title{margin:0 0 6px}
.armex-controls{display:flex;flex-direction:column;gap:10px}
.armex-input{width:100%;background:var(--ao-card);border:1px solid var(--ao-border);color:var(--ao-text);padding:10px 12px;border-radius:10px;outline:none}
.armex-ctl-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.armex-btn{background:var(--ao-btn-bg);color:var(--ao-btn-text);border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}
.armex-btn:hover{background:var(--ao-btn-hover-bg);color:var(--ao-btn-text)}
.armex-badge{font-size:12px;color:var(--ao-dim)}
.armex-list-scroll{flex:1; overflow:auto}
.armex-item{padding:12px;border-bottom:1px solid var(--ao-border);cursor:pointer;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center}
.armex-item:hover{background:rgba(0,0,0,.03)}
.armex-item.active{outline:2px solid var(--ao-accent)}
.armex-list-icon{width:36px;height:36px;object-fit:contain;display:block}
.armex-item-title{font-weight:700; overflow-wrap:anywhere; word-break:break-word}
.armex-item-meta{font-size:12px;color:var(--ao-dim); overflow-wrap:anywhere; word-break:break-word}
.armex-item-actions a{display:inline-block;margin-left:8px;text-decoration:none;color:var(--ao-btn-text);background:var(--ao-btn-bg);padding:6px 10px;border-radius:8px}
.armex-item-actions a:hover{background:var(--ao-btn-hover-bg);color:var(--ao-btn-text)}

/* Overlay layout (fallback) */
.armex-overlay .armex-grid{position:relative;display:block}
.armex-overlay #armex-map{height:80vh;border:0; width:100%; box-sizing:border-box}
.armex-overlay .armex-list{position:absolute;top:16px;z-index:2;width:var(--panel-w);max-width:600px;min-width:320px;max-height:calc(80vh - 32px);
  background:var(--ao-card);border:1px solid var(--ao-border);border-radius:16px;box-shadow:0 12px 24px rgba(0,0,0,.18);display:flex;flex-direction:column;overflow:hidden}
.armex-overlay-left .armex-list{left:16px}
.armex-overlay-right .armex-list{right:16px}

/* Responsive */
@media (max-width:1024px){
  .armex-split .armex-grid{display:block}
  .armex-split .armex-list{height:auto;margin:0 0 12px 0; max-width:none}
  .armex-split #armex-map{height:60vh}
}

.armexoil-map-error{background:#2b1e1e;color:#ffdada;border:1px solid #613333;padding:12px;border-radius:8px}