:root{
  --shell:#142E34;
  --line:#2A4950;
  --card:#163942;
  --chip:#1F3E45;
  --chip-on:#2D7987;
  --scroll:#2A4950;
  --scroll-thumb:#2D7987;
}

*{box-sizing:border-box}
.rmp-shell{background:var(--shell);border-radius:28px;padding:16px;color:#EAF4F6;font:14px/1.5 Inter,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;gap:12px}

/* SEKCJE */
.rmp-sec-title{font-weight:700;font-size:18px;color:#fff;margin:2px 0 6px}

/* MAPA + LISTA */
.rmp-map-list{display:flex;gap:20px;align-items:flex-start}
.rmp-map-module{flex:2;min-width:0}
.rmp-stage{position:relative;width:100%;aspect-ratio: var(--ab-ratio, auto);border-radius:20px;overflow:hidden}
.rmp-canvas{position:absolute;inset:0}
.rmp-bg{width:100%;height:100%;object-fit:cover;pointer-events:none;display:block;border-radius:20px}
.rmp-svg{position:absolute;inset:0;width:100%;height:100%}
/* stroke nadaje JS z ustawień */
.rmp-poly{stroke-width:1.5;transition:fill .15s ease, filter .15s ease}
.rmp-poly.hover{filter:drop-shadow(0 0 12px rgba(255,255,255,.8))}

/* QUICK NAV */
.rmp-quicknav{position:absolute;left:50%;top:8px;transform:translateX(-50%);z-index:5;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.rmp-quicknav .chip{padding:6px 10px;border-radius:999px;background:#17353B;border:1px solid var(--line);color:#dfe;cursor:pointer;white-space:nowrap}
.rmp-quicknav .chip:hover{background:#21535d}
.rmp-quicknav:empty{display:none}
.rmp-back-btn{position:absolute;right:10px;top:10px;z-index:6;padding:6px 10px;border-radius:999px;background:#17353B;border:1px solid var(--line);color:#dfe;cursor:pointer}

/* LEGENDA */
.rmp-legend{display:flex;gap:16px;align-items:center;color:#EAF4F6;margin-top:4px}
.rmp-dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid #0005;margin-right:6px}

/* LISTA – 3 kolumny; pierwsza kolumna = numer + chipy + ikonki */
.rmp-light{flex:1;min-width:320px;max-width:420px}
.rmp-light-list{display:flex;flex-direction:column;gap:10px;overflow:auto;border-radius:14px}
.rmp-light-item{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;display:grid;grid-template-columns:90px 1fr 160px;gap:10px;align-items:center}
.rmp-num{display:inline-block;min-width:56px;max-width:56px;padding:4px 0;border-radius:999px;background:#e6f2f5;color:#0a2830;text-align:center;font-weight:700;font-size:15px}
.rmp-mini{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.rmp-mini .chip{padding:2px 8px;border-radius:999px;background:#1d3f46;border:1px solid var(--line);font-size:11px;color:#bfe4ea;white-space:nowrap}
.rmp-amen{display:flex;gap:4px;margin-top:6px;flex-wrap:nowrap}
.rmp-amen .ico{width:18px;height:18px;border-radius:6px;background:#1d3f46;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#bfe4ea;cursor:default;user-select:none;transition:background .15s}
.rmp-amen .ico:hover{background:#25535c}

.rmp-col-mid{display:grid;grid-auto-rows:min-content;gap:6px;white-space:nowrap}
.rmp-col-mid label{display:block;font-size:12px;opacity:.85;margin-bottom:2px}
.rmp-col-last{display:grid;grid-template-rows:repeat(3,min-content);gap:6px;justify-items:stretch}
.rmp-badge{display:inline-block;text-align:center;padding:4px 8px;border-radius:999px;font-weight:700;font-size:12px;color:#002228;white-space:nowrap}
.rmp-badge.st-available{background:rgba(34,197,94,.25);color:#a9f0bf}
.rmp-badge.st-reserved{background:rgba(250,204,21,.25);color:#ffe38a}
.rmp-badge.st-sold{background:rgba(239,68,68,.28);color:#ffb3b3}
.rmp-btn{background:#2D7987;border:1px solid var(--line);color:#fff;padding:6px 10px;border-radius:10px;cursor:pointer;white-space:nowrap}
.rmp-btn.wide{width:100%}

/* TABELA */
.rmp-table-wrap{background:transparent;border-radius:16px;overflow:auto}
.rmp-grid{width:100%;border-collapse:collapse;color:#EAF4F6;background:var(--card);border:1px solid var(--line);border-radius:14px}
.rmp-grid thead tr{position:sticky;top:0;background:#17353B}
.rmp-grid th,.rmp-grid td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.rmp-grid th{font-weight:700}
.rmp-bool{font-weight:700}
.rmp-bool.ok{color:#93e5b0}
.rmp-bool.no{color:#ffb1b1}

/* TOOLTIP */
.rmp-tooltip{position:fixed;z-index:9999;min-width:180px;max-width:320px;background:#0F2A31;color:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 14px 32px rgba(0,0,0,.45);pointer-events:none}

/* MODAL */
.rmp-modal[hidden]{display:none}
.rmp-modal{position:fixed;inset:0;z-index:10000}
.rmp-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.rmp-modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(900px,94vw);max-height:84vh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;color:#EAF4F6;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.rmp-modal-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.rmp-modal-title{font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:700;margin:0;color:#fff}
.rmp-modal-subtitle{margin:0 0 8px 0;font-weight:700;letter-spacing:.3px}
.rmp-modal-x{background:#1F4B55;border:1px solid var(--line);color:#fff;width:32px;height:32px;border-radius:10px;cursor:pointer}
.rmp-history{width:100%;border-collapse:collapse}
.rmp-history th,.rmp-history td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}
.rmp-pdf-frame{width:100%;height:82vh;border:0;border-radius:8px;outline:none;background:#0b2227}
.rmp-pdf-fallback{margin-top:8px;display:block}

/* Custom scrollbars */
.rmp-light-list,
.rmp-modal-card,
.rmp-table-wrap{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll)}
.rmp-light-list::-webkit-scrollbar,
.rmp-modal-card::-webkit-scrollbar,
.rmp-table-wrap::-webkit-scrollbar{width:10px;height:10px}
.rmp-light-list::-webkit-scrollbar-track,
.rmp-modal-card::-webkit-scrollbar-track,
.rmp-table-wrap::-webkit-scrollbar-track{background:var(--scroll);border-radius:10px}
.rmp-light-list::-webkit-scrollbar-thumb,
.rmp-modal-card::-webkit-scrollbar-thumb,
.rmp-table-wrap::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:10px}
/* highlight selected list row */
.rmp-light-item.rmp-picked{outline:2px solid var(--chip-on,#2D7987);background:rgba(45,121,135,.15)}
