/* Dicik island UI (autocomplete, lightbox, toasts, notifications, map). */
.ac-box{position:absolute;top:100%;left:0;right:0;background:#11182e;border:1px solid #334155;border-radius:10px;margin-top:4px;z-index:50;overflow-x:hidden;overflow-y:auto;max-height:312px;display:none;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.ac-item{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;color:#e2e8f0;text-decoration:none;border-bottom:1px solid #1e293b}
.ac-item:hover{background:#1b2440;text-decoration:none}
.ac-type{color:#64748b;font-size:12px}

.lightbox{position:fixed;inset:0;background:rgba(2,6,23,.92);display:flex;align-items:center;justify-content:center;z-index:100}
.lightbox-img{max-width:92vw;max-height:88vh;border-radius:10px}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.12);color:#fff;border:0;font-size:40px;width:54px;height:72px;cursor:pointer;border-radius:8px}
.lb-prev{left:14px}.lb-next{right:14px}
.lb-close{position:absolute;top:14px;right:14px;background:rgba(255,255,255,.12);color:#fff;border:0;font-size:28px;width:44px;height:44px;border-radius:50%;cursor:pointer}

.island-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:#111827;color:#fff;border:1px solid #334155;padding:11px 18px;border-radius:10px;z-index:120;opacity:0;transition:.3s;font-size:14px}
.island-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

.notif-badge{background:#ef4444;color:#fff;border-radius:999px;font-size:11px;padding:1px 6px;margin-left:4px}
.notif-panel{position:absolute;right:0;top:120%;width:330px;max-height:420px;overflow:auto;background:#fff;border:1px solid #e9ebf0;border-radius:12px;z-index:60;box-shadow:0 14px 36px rgba(20,22,40,.16)}
.notif-item{padding:11px 14px;border-bottom:1px solid #f0f1f4;cursor:pointer;font-size:13px;color:#1d2330;position:relative}
.notif-item:last-child{border-bottom:0}
.notif-item strong{display:block;font-weight:600;color:#1d2330;margin-bottom:2px;font-size:13.5px}
.notif-item .muted{color:#6b7280;font-size:12px;line-height:1.5}
.notif-item.unread{background:#fdeaf1}
.notif-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#e6326b}
.notif-item:hover{background:#f6f7f9}
.notif-item.unread:hover{background:#fce0eb}

.map-box{background:#0e1530;border:1px solid #1e293b;border-radius:10px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:10px}