========= workflows/workflows-panel.ts crlf=true bom=false
-- <div class="backdrop"[^>]*><\/div> => 1
    <div class="backdrop" (click)="close.emit()"></div>
-- <aside[^>]*> => 1
    <aside class="panel" role="dialog" aria-modal="true" aria-label="Ak─▒┼şlar">
-- <\/aside> => 1
    </aside>
-- <header[\s\S]*?<\/header> => 1
    <header> <h2>Ak─▒┼şlar</h2> <button type="button" class="x" aria-label="Kapat" (click)="close.emit()">├ù</button> </header>
-- (^|\n)\s*(:host|\.backdrop|\.panel|heade => 6
     :host { display: contents; }
     .backdrop { position: fixed; inset: 0; background: rgba(8, 10, 14, .55); z-index: 40; }
     .panel { position: fixed; inset: 0 0 0 auto; width: min(1400px, 96vw); z-index: 41; background: var(--fiko-panel); border-left: 1px solid var(--fiko-line); display: flex; flex-direction: column; box-shadow: -18px 0 44px rgba(0,0,0,.4); }
     header { display: flex; align-items: center; gap: .75rem; padding: .85rem 1.1rem; border-bottom: 1px solid var(--fiko-line); }
     header h2 { margin: 0; font-size: 1.05rem; }
     .x { margin-left: auto; background: none; border: 0; color: inherit; font-size: 1.2rem; cursor: pointer; }
-- @media[^{]*\{ => 1
    @media (max-width: 1150px) {
-- host:\s*\{[^}]*\} => 1
    host: { '(document:keydown.escape)': 'close.emit()' }

========= tools/tools-panel.ts crlf=true bom=false
-- <div class="backdrop"[^>]*><\/div> => 1
    <div class="backdrop" (click)="close.emit()"></div>
-- <aside[^>]*> => 1
    <aside class="panel" role="dialog" aria-modal="true" aria-label="Tool'lar">
-- <\/aside> => 1
    </aside>
-- <header[\s\S]*?<\/header> => 1
    <header> <h2>Tool'lar</h2> <button type="button" class="x" aria-label="Kapat" (click)="close.emit()">×</button> </header>
-- (^|\n)\s*(:host|\.backdrop|\.panel|heade => 5
     .backdrop { position: fixed; inset: 0; background: rgba(3, 6, 12, 0.6); }
     .panel { position: fixed; top: 0; right: 0; bottom: 0; width: min(1080px, 96vw); background: var(--fiko-panel); border-left: 1px solid var(--fiko-line); display: flex; flex-direction: column; box-shadow: -20px 0 60px rgba(0, 0, 0, 0.45); }
     header { display: flex; align-items: center; justify-content: space-between; padding: 0.9rem 1.1rem; border-bottom: 1px solid var(--fiko-line); }
     .x { border: 0; background: none; color: var(--fiko-muted); font-size: 1.4rem; line-height: 1; cursor: pointer; }
     .x:hover { color: var(--fiko-text); }
-- @media[^{]*\{ => 1
    @media (max-width: 760px) {
-- host:\s*\{[^}]*\} => 1
    host: { '(document:keydown.escape)': 'close.emit()' }

========= skills/skills-panel.ts crlf=false bom=false
-- <div class="backdrop"[^>]*><\/div> => 1
    <div class="backdrop" (click)="close.emit()"></div>
-- <aside[^>]*> => 1
    <aside class="panel" role="dialog" aria-modal="true" aria-label="Skill'ler">
-- <\/aside> => 1
    </aside>
-- <header[\s\S]*?<\/header> => 1
    <header> <h2>Skill'ler</h2> <button type="button" class="x" aria-label="Kapat" (click)="close.emit()">×</button> </header>
-- (^|\n)\s*(:host|\.backdrop|\.panel|heade => 6
     :host { position: fixed; inset: 0; z-index: 50; }
     .backdrop { position: absolute; inset: 0; background: rgba(3, 6, 10, 0.6); backdrop-filter: blur(2px); }
     .panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(980px, 100vw); display: flex; flex-direction: column; background: var(--fiko-panel); border-left: 1px solid var(--fiko-line); box-shadow: -18px 0 50px rgba(0, 0, 0, 0.45); animation: slide 0.18s ease-out; }
     header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid var(--fiko-line); }
     .x { border: 0; background: none; color: var(--fiko-muted); font-size: 1.4rem; line-height: 1; cursor: pointer; }
     .x:hover { color: var(--fiko-text); }
-- @media[^{]*\{ => 1
    @media (max-width: 760px) {
-- host:\s*\{[^}]*\} => 1
    host: { '(document:keydown.escape)': 'close.emit()' }

========= settings/settings-panel.ts crlf=false bom=false
-- <div class="backdrop"[^>]*><\/div> => 1
    <div class="backdrop" (click)="close.emit()"></div>
-- <aside[^>]*> => 1
    <aside class="panel" role="dialog" aria-modal="true" aria-label="Ayarlar">
-- <\/aside> => 1
    </aside>
-- <header[\s\S]*?<\/header> => 1
    <header> <h2>Ayarlar</h2> <button type="button" class="x" aria-label="Kapat" (click)="close.emit()">×</button> </header>
-- (^|\n)\s*(:host|\.backdrop|\.panel|heade => 6
     :host { position: fixed; inset: 0; z-index: 50; }
     .backdrop { position: absolute; inset: 0; background: rgba(3, 6, 10, 0.6); backdrop-filter: blur(2px); }
     .panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(400px, 100vw); display: flex; flex-direction: column; background: var(--fiko-panel); border-left: 1px solid var(--fiko-line); box-shadow: -18px 0 50px rgba(0, 0, 0, 0.45); animation: slide 0.18s ease-out; }
     header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid var(--fiko-line); }
     .x { border: 0; background: none; color: var(--fiko-muted); font-size: 1.4rem; line-height: 1; cursor: pointer; }
     .x:hover { color: var(--fiko-text); }
-- @media[^{]*\{ => 0
-- host:\s*\{[^}]*\} => 1
    host: { '(document:keydown.escape)': 'close.emit()' }

========= admin/users-panel.ts crlf=false bom=false
-- <div class="backdrop"[^>]*><\/div> => 1
    <div class="backdrop" (click)="close.emit()"></div>
-- <aside[^>]*> => 1
    <aside class="panel" role="dialog" aria-modal="true" aria-label="Üyeler ve yetkiler">
-- <\/aside> => 1
    </aside>
-- <header[\s\S]*?<\/header> => 1
    <header> <h2>Üyeler</h2> <button type="button" class="x" aria-label="Kapat" (click)="close.emit()">×</button> </header>
-- (^|\n)\s*(:host|\.backdrop|\.panel|heade => 6
     :host { position: fixed; inset: 0; z-index: 50; }
     .backdrop { position: absolute; inset: 0; background: rgba(3, 6, 10, 0.6); backdrop-filter: blur(2px); }
     .panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(560px, 100vw); display: flex; flex-direction: column; background: var(--fiko-panel); border-left: 1px solid var(--fiko-line); box-shadow: -18px 0 50px rgba(0, 0, 0, 0.45); animation: slide 0.18s ease-out; }
     header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid var(--fiko-line); }
     .x { border: 0; background: none; color: var(--fiko-muted); font-size: 1.4rem; line-height: 1; cursor: pointer; }
     .x:hover { color: var(--fiko-text); }
-- @media[^{]*\{ => 1
    @media (max-width: 560px) {
-- host:\s*\{[^}]*\} => 1
    host: { '(document:keydown.escape)': 'close.emit()' }

========= admin/prompts-panel.ts crlf=true bom=false
-- <div class="backdrop"[^>]*><\/div> => 1
    <div class="backdrop" (click)="close.emit()"></div>
-- <aside[^>]*> => 1
    <aside class="panel" role="dialog" aria-modal="true" aria-label="Sistem istemi">
-- <\/aside> => 1
    </aside>
-- <header[\s\S]*?<\/header> => 1
    <header> <h2>Sistem istemi</h2> <button type="button" class="x" aria-label="Kapat" (click)="close.emit()">×</button> </header>
-- (^|\n)\s*(:host|\.backdrop|\.panel|heade => 5
     .backdrop { position: absolute; inset: 0; background: rgba(3, 6, 10, 0.6); backdrop-filter: blur(2px); }
     .panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(980px, 96vw); background: var(--fiko-surface); border-left: 1px solid var(--fiko-line); display: flex; flex-direction: column; box-shadow: -12px 0 32px rgba(0, 0, 0, 0.4); }
     header { display: flex; align-items: center; justify-content: space-between; padding: 0.9rem 1.1rem; border-bottom: 1px solid var(--fiko-line); }
     .x { border: 0; background: none; color: var(--fiko-muted); font-size: 1.4rem; line-height: 1; cursor: pointer; }
     .x:hover { color: var(--fiko-text); }
-- @media[^{]*\{ => 0
-- host:\s*\{[^}]*\} => 1
    host: { '(document:keydown.escape)': 'close.emit()' }

========= knowledge/knowledge-panel.html crlf=true bom=true
-- <div class="backdrop"[^>]*><\/div> => 1
    <div class="backdrop" (click)="close.emit()"></div>
-- <aside[^>]*> => 1
    <aside class="panel" role="dialog" aria-modal="true" aria-label="Bilgi Tabani">
-- <\/aside> => 1
    </aside>
-- <header[\s\S]*?<\/header> => 1
    <header> <div> <h2>Bilgi Tabani</h2> <p class="sub">{{ store.total() }} belge &middot; {{ store.indexed() }} hazir &middot; {{ store.chunks() }} parca</p> </div> <button type="button" class="x" aria-label="Kapat" (click)="close.emit()">&times;</button> </header>
-- (^|\n)\s*(:host|\.backdrop|\.panel|heade => 0
-- @media[^{]*\{ => 0
-- host:\s*\{[^}]*\} => 0

========= knowledge/knowledge-panel.scss crlf=true bom=true
-- <div class="backdrop"[^>]*><\/div> => 0
-- <aside[^>]*> => 0
-- <\/aside> => 0
-- <header[\s\S]*?<\/header> => 0
-- (^|\n)\s*(:host|\.backdrop|\.panel|heade => 5
     .backdrop { position: fixed; inset: 0; background: rgba(3, 6, 12, 0.6); }
     .panel { position: fixed; top: 0; right: 0; bottom: 0; width: min(760px, 96vw); background: var(--fiko-panel); border-left: 1px solid var(--fiko-line); display: flex; flex-direction: column; overflow-y: auto; }
     header { display: flex; align-items: center; justify-content: space-between; padding: 0.9rem 1.1rem; border-bottom: 1px solid var(--fiko-line); }
     .x { border: 0; background: none; color: var(--fiko-muted); font-size: 1.3rem; line-height: 1; cursor: pointer; }
     .x:hover { color: var(--fiko-text); }
-- @media[^{]*\{ => 0
-- host:\s*\{[^}]*\} => 0

========= notify/notification-panel.html crlf=true bom=false
-- <div class="backdrop"[^>]*><\/div> => 1
    <div class="backdrop" (click)="close.emit()"></div>
-- <aside[^>]*> => 1
    <aside class="panel" role="dialog" aria-modal="true" aria-label="Bildirimler">
-- <\/aside> => 1
    </aside>
-- <header[\s\S]*?<\/header> => 1
    <header> <div> <h2>Bildirimler</h2> <p class="sub"> @if (store.unread() > 0) { {{ store.unread() }} okunmam─▒┼ş } @else { Hepsi okundu } @if (store.pending() > 0) { ┬À {{ store.pending() }} soru yan─▒t bekliyor } </p> </div> <button type="button" class="x" aria-label="Kapat" (click)="close.emit()">├ù</button> </header>
-- (^|\n)\s*(:host|\.backdrop|\.panel|heade => 0
-- @media[^{]*\{ => 0
-- host:\s*\{[^}]*\} => 0

========= notify/notification-panel.scss crlf=true bom=false
-- <div class="backdrop"[^>]*><\/div> => 0
-- <aside[^>]*> => 0
-- <\/aside> => 0
-- <header[\s\S]*?<\/header> => 0
-- (^|\n)\s*(:host|\.backdrop|\.panel|heade => 5
     :host { display: contents; }
     .backdrop { position: fixed; inset: 0; background: rgb(0 0 0 / 45%); z-index: 40; }
     .panel { position: fixed; top: 0; right: 0; bottom: 0; width: min(440px, 100vw); display: flex; flex-direction: column; background: var(--fiko-panel, #14161c); border-left: 1px solid var(--fiko-line, #262a35); z-index: 41; color: var(--fiko-text, #e8eaf0); }
     header { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; padding: 1rem 1.1rem 0.75rem; border-bottom: 1px solid var(--fiko-line, #262a35); h2 { margin: 0; font-size: 1.05rem; }
     .x { background: none; border: 0; color: inherit; font-size: 1.5rem; line-height: 1; cursor: pointer; opacity: 0.7; }
-- @media[^{]*\{ => 0
-- host:\s*\{[^}]*\} => 0

========= system/system-panel.html crlf=true bom=true
-- <div class="backdrop"[^>]*><\/div> => 1
    <div class="backdrop" (click)="close.emit()"></div>
-- <aside[^>]*> => 1
    <aside class="panel" role="dialog" aria-modal="true" aria-label="Sistem">
-- <\/aside> => 1
    </aside>
-- <header[\s\S]*?<\/header> => 1
    <header> <div> <h2>Sistem</h2> @if (status(); as s) { <p class="sub">v{{ s.version }} ┬À {{ s.env }} ┬À {{ readyCount() }}/{{ s.features.length }} haz─▒r</p> } </div> <button type="button" class="x" aria-label="Kapat" (click)="close.emit()">&times;</button> </header>
-- (^|\n)\s*(:host|\.backdrop|\.panel|heade => 0
-- @media[^{]*\{ => 0
-- host:\s*\{[^}]*\} => 0

========= system/system-panel.scss crlf=true bom=true
-- <div class="backdrop"[^>]*><\/div> => 0
-- <aside[^>]*> => 0
-- <\/aside> => 0
-- <header[\s\S]*?<\/header> => 0
-- (^|\n)\s*(:host|\.backdrop|\.panel|heade => 5
     .backdrop { position: fixed; inset: 0; background: rgba(3, 6, 12, 0.6); }
     .panel { position: fixed; top: 0; right: 0; bottom: 0; width: min(720px, 96vw); background: var(--fiko-panel); border-left: 1px solid var(--fiko-line); display: flex; flex-direction: column; overflow-y: auto; }
     header { display: flex; align-items: center; justify-content: space-between; padding: 0.9rem 1.1rem; border-bottom: 1px solid var(--fiko-line); }
     .x { border: 0; background: none; color: var(--fiko-muted); font-size: 1.3rem; line-height: 1; cursor: pointer; }
     .x:hover { color: var(--fiko-text); }
-- @media[^{]*\{ => 0
-- host:\s*\{[^}]*\} => 0

========= admin/personas-panel.html crlf=true bom=false
-- <div class="backdrop"[^>]*><\/div> => 1
    <div class="backdrop" (click)="close.emit()"></div>
-- <aside[^>]*> => 1
    <aside class="panel" role="dialog" aria-modal="true" aria-label="Kullan─▒c─▒ profilleri">
-- <\/aside> => 1
    </aside>
-- <header[\s\S]*?<\/header> => 1
    <header> <h2>Kullanıcı profilleri</h2> <button type="button" class="x" aria-label="Kapat" (click)="close.emit()">×</button> </header>
-- (^|\n)\s*(:host|\.backdrop|\.panel|heade => 0
-- @media[^{]*\{ => 0
-- host:\s*\{[^}]*\} => 0

========= admin/personas-panel.scss crlf=true bom=false
-- <div class="backdrop"[^>]*><\/div> => 0
-- <aside[^>]*> => 0
-- <\/aside> => 0
-- <header[\s\S]*?<\/header> => 0
-- (^|\n)\s*(:host|\.backdrop|\.panel|heade => 4
    .backdrop { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.45); z-index: 60; }
     .panel { position: fixed; top: 0; right: 0; bottom: 0; width: min(680px, 100vw); background: var(--fiko-surface); border-left: 1px solid var(--fiko-line); display: flex; flex-direction: column; z-index: 61; }
     header { display: flex; align-items: center; justify-content: space-between; padding: 0.9rem 1.1rem; border-bottom: 1px solid var(--fiko-line); }
     .x { background: none; border: 0; font-size: 1.4rem; cursor: pointer; color: var(--fiko-muted); }
-- @media[^{]*\{ => 1
    @media (max-width: 560px) {
-- host:\s*\{[^}]*\} => 0