/* ═══════════════════════════════════════════════════════
   gw-petak.css — G-01: "Disewakan" panel (visitors) and developer mode (operators only).
   World skin tokens from gw-token.css; touch targets ≥ 44 px.
   ═══════════════════════════════════════════════════════ */
.gw-petak-panel { width:min(420px,calc(100vw - 24px)); box-sizing:border-box; margin:auto; padding:20px; border:1px solid var(--gw-garis,#d9c8ab); border-radius:var(--gw-r-kartu,16px); background:var(--gw-kertas,#fdf6e8); color:var(--gw-tinta,#2a1f14); font:14px/1.5 var(--gw-font,system-ui,sans-serif); box-shadow:0 18px 60px #19281955; }
.gw-petak-panel::backdrop { background:#162a2499; }
.gw-petak-label { display:inline-block; margin:0 0 6px; padding:2px 10px; border-radius:var(--gw-r-pil,999px); background:#b3261e; color:#fff; font-weight:900; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.gw-petak-panel h2 { margin:0 0 6px; font-size:20px; overflow-wrap:anywhere; }
.gw-petak-harga { margin:0; font-size:22px; font-weight:900; color:var(--gw-emas-tua,#8a6212); }
.gw-petak-luas { margin:2px 0 10px; color:var(--gw-tinta-2,#5a4a36); }
.gw-petak-deskripsi { margin:0 0 14px; white-space:pre-line; overflow-wrap:anywhere; }
.gw-petak-aksi { display:flex; gap:8px; flex-wrap:wrap; }
.gw-petak-panel button, .gw-petak-dev button, .gw-petak-dev-tombol { min-height:var(--gw-sentuh,44px); border:1px solid #b9c9b7; border-radius:var(--gw-r-chip,10px); padding:9px 14px; background:#f1f5e8; color:#24432c; font:800 13px var(--gw-font,system-ui,sans-serif); cursor:pointer; }
.gw-petak-panel button:first-child { background:var(--gw-emas,#d4a537); border-color:#b8902c; color:var(--gw-tinta,#2a1f14); }
.gw-petak-panel button:focus-visible, .gw-petak-dev :focus-visible, .gw-petak-dev-tombol:focus-visible { outline:3px solid #306e80; outline-offset:2px; }
.gw-petak-catatan { margin:12px 0 0; padding:10px 12px; border-radius:10px; background:var(--gw-kertas-2,#f6ecd6); color:var(--gw-tinta-2,#5a4a36); }
.gw-petak-catatan[hidden] { display:none; }
.gw-petak-catatan a { color:#2a4fc7; font-weight:800; }

.gw-petak-dev-tombol { position:fixed; z-index:60; top:58px; left:50%; transform:translateX(-50%); box-shadow:0 6px 20px #382e2326; background:#fff8e9; }
.gw-petak-dev-tombol[aria-pressed="true"] { background:#2a4fc7; border-color:#2a4fc7; color:#fff; }
.gw-petak-dev { position:fixed; z-index:60; top:112px; left:12px; width:min(330px,calc(100vw - 24px)); max-height:calc(100dvh - 200px); overflow:auto; box-sizing:border-box; padding:14px; border:1px solid #d8ceb8; border-radius:18px; background:#fff8e9f5; color:#352e24; font:13px/1.45 var(--gw-font,system-ui,sans-serif); box-shadow:0 8px 30px #382e2326; }
.gw-petak-dev h2 { margin:0 0 4px; font-size:16px; }
.gw-petak-dev-info { margin:0 0 8px; color:#5a4a36; }
.gw-petak-dev-ringkas { margin:0 0 8px; font-weight:800; }
.gw-petak-dev label { display:block; margin:6px 0; font-weight:800; }
.gw-petak-dev input, .gw-petak-dev textarea, .gw-petak-dev select { display:block; width:100%; box-sizing:border-box; min-height:40px; margin-top:3px; padding:8px 10px; border:1px solid #cbbd9f; border-radius:10px; background:#fff; color:#2a1f14; font:500 14px var(--gw-font,system-ui,sans-serif); }
.gw-petak-dev textarea { resize:vertical; }
.gw-petak-dev-aksi, .gw-petak-dev-kaki { display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; }
.gw-petak-dev button:disabled { opacity:.48; cursor:default; }
.gw-petak-dev-status { margin:8px 0 0; min-height:20px; color:#7a3b00; font-weight:700; }
@media(max-width:650px) {
  .gw-petak-dev-tombol { top:54px; padding:6px 10px; }
  .gw-petak-dev { top:auto; bottom:76px; left:8px; right:8px; width:auto; max-height:45dvh; }
}