@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
:root{ --orange:#d35400; --black:#111111; --light:#f5f5f5; }
body{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; background:var(--light);}
.navbar-museum{background:var(--black); color:#fff; padding:.75rem 1rem; border-radius:.75rem; margin-bottom:1rem;}
.navbar-museum .brand{font-weight:600; color:#fff; text-decoration:none;}
.btn-primary{background:var(--orange); border-color:var(--orange);} .btn-primary:hover{filter:brightness(.9);}
.btn-outline-primary{color:var(--orange); border-color:var(--orange);} .btn-outline-primary:hover{background:var(--orange); color:#fff;}
.list-group-item-action:hover{background:#fff7f0;}
.marker-icon-preview{color:var(--orange) !important;}
.marker-fa{color:var(--orange);}
a{color:var(--orange);} a:hover{color:#a84300;}
.card{border-radius:12px;}
.drag-handle{cursor:grab; color:#d35400; font-size:18px;}
.area-item{user-select:none;}
.area-item.ui-sortable-helper{background:#fbe9dd; border:1px solid #d35400;}
.area-item.ui-sortable-placeholder{visibility:visible !important; background:#fff0e6; border:1px dashed #d35400; height:48px;}
@keyframes flash { 0%,100%{opacity:1;} 50%{opacity:.3;} }
@keyframes flashPoint { 0%,100%{opacity:1; transform:scale(1);} 50%{opacity:.4; transform:scale(1.25);} }
.area-confirmed{ animation: flash .8s ease-in-out 2; }
.point-flash{ animation: flashPoint .5s ease-out; }
.legend-box{ position:absolute; bottom:10px; right:10px; background:rgba(255,255,255,.9); border:1px solid var(--orange); border-radius:6px; padding:6px 10px; font-size:13px; color:#111; }
.legend-box span{ color: var(--orange); font-weight:600; }