/* ORİJİNAL v2.3 STİLLERİ */
#arcane-wrapper { background: #1a1a1a; color: #e0e0e0; padding: 30px; border-radius: 12px; font-family: sans-serif; border: 1px solid #333; }
.ac-top-bar { display: flex; justify-content: space-between; margin-bottom: 25px; border-bottom: 1px solid #333; padding-bottom: 15px; }
.ac-filters { display: flex; gap: 5px; background: #252525; padding: 4px; border-radius: 6px; }
.ac-filter-btn { background: transparent; border: none; color: #888; padding: 8px 16px; cursor: pointer; border-radius: 4px; font-weight: 600; }
.ac-filter-btn.active { background: #5865F2; color: #fff; }
.ac-item { display: flex; gap: 20px; padding-bottom: 15px; position: relative; }
.ac-avatar img { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; background: #333; }
.ac-pinned-badge { background: #2f3136; color: #b9bbbe; font-size: 11px; padding: 2px 6px; border-radius: 4px; margin-right: 8px; }
.ac-pinned-badge svg { fill: #b9bbbe; margin-right: 3px; }
.ac-btn-like.liked, .ac-btn-like.liked svg { color: #5865F2; fill: #5865F2; }
.ac-btn-pin.active, .ac-btn-pin.active svg { color: #ed4245; fill: #ed4245; }
.ac-footer-actions { display: flex; gap: 20px; margin-top: 10px; }
.ac-btn-action { background: none; border: none; cursor: pointer; color: #b9bbbe; display: flex; align-items: center; gap: 6px; font-weight: 600; }
.ac-btn-action svg { width: 18px; height: 18px; fill: currentColor; }
#arcane-form-area { display: flex; gap: 20px; background: #222; padding: 25px; border-radius: 12px; margin-top: 40px; border: 1px solid #333; }
.ac-my-avatar img { width: 60px; height: 60px; border-radius: 50%; border: 2px solid #444; }
.ac-inputs input, .ac-textarea-wrapper textarea { width: 100%; background: #2f3136; border: 1px solid #202225; color: #dcddde; padding: 15px; border-radius: 6px; }
#btn-submit { background: #5865F2; color: white; border: none; padding: 10px 24px; border-radius: 6px; cursor: pointer; font-weight: 600; }
#ac-sticker-panel { display: none; background: #2f3136; padding: 10px; border-radius: 8px; margin-top: 10px; border: 1px solid #202225; }
.ac-stickers-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 8px; max-height: 200px; overflow-y: auto; }
.ac-sticker-item img { width: 100%; cursor: pointer; border-radius: 4px; transition: 0.2s; }
#upload-preview-area img { height: 80px; border-radius: 6px; margin-top: 15px; }

/* GLOBAL PANEL STİLLERİ (YENİ) */
#ac-global-notif { position: fixed; top: 90px; right: 25px; z-index: 999999; }
#ac-notif-btn-floating { background: #2f3136; width: 55px; height: 55px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #b9bbbe; box-shadow: 0 4px 12px rgba(0,0,0,0.5); border: 1px solid #444; position: relative; }
#ac-notif-badge-floating { position: absolute; top: -2px; right: -2px; background: #ed4245; color: #fff; border-radius: 50%; font-size: 11px; min-width: 18px; text-align: center; font-weight: bold; }
#ac-notif-panel-floating { display: none; position: absolute; top: 65px; right: 0; width: 310px; background: #2f3136; border-radius: 10px; border: 1px solid #202225; box-shadow: 0 10px 30px rgba(0,0,0,0.5); overflow: hidden; }
.ac-notif-tabs { display: flex; background: #202225; }
.ac-notif-tab { flex: 1; padding: 12px; text-align: center; color: #888; cursor: pointer; font-size: 12px; font-weight: 600; }
.ac-notif-tab.active { color: #fff; border-bottom: 2px solid #5865F2; background: #2f3136; }
.ac-tab-content { display: none; max-height: 350px; overflow-y: auto; }
.ac-tab-content.active { display: block; }
.ac-notif-item { padding: 15px; border-bottom: 1px solid #202225; font-size: 13px; line-height: 1.4; transition: 0.2s; }
.ac-notif-item:hover { background: #2a2c30; }