========= workflows/workflows-panel.ts crlf=true bom=false backticks=10
@media (max-width: 1150px) { .body { grid-template-columns: 1fr; grid-template-rows: auto minmax(320px, 1fr) auto; } .side, .canvas-col { border-right: 0; border-bottom: 1px solid var(--fiko-line); } }

========= tools/tools-panel.ts crlf=true bom=false backticks=8
@media (max-width: 760px) { .grid { grid-template-columns: 1fr; } .grid.editing .list { display: none; } .grid:not(.editing) .editor { display: none; } .back { display: inline; } .two, .three { flex-direction: column; } .two .narrow { max-width: none; } }

========= skills/skills-panel.ts crlf=false bom=false backticks=10
@media (max-width: 760px) { .grid { grid-template-columns: 1fr; } .grid.editing .list { display: none; } .grid:not(.editing) .editor { display: none; } .back { display: inline; } .two { flex-direction: column; } .two .narrow { flex: 1; } }

========= settings/settings-panel.ts crlf=false bom=false backticks=8

========= admin/users-panel.ts crlf=false bom=false backticks=6
@media (max-width: 560px) { .body { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .members { border-right: 0; border-bottom: 1px solid var(--fiko-line); max-height: 30vh; } }

========= admin/prompts-panel.ts crlf=true bom=false backticks=4

========= knowledge/knowledge-panel.html crlf=true bom=true backticks=0

========= knowledge/knowledge-panel.scss crlf=true bom=true backticks=0

========= notify/notification-panel.html crlf=true bom=false backticks=2

========= notify/notification-panel.scss crlf=true bom=false backticks=0
RULES: :host { display: contents; } || .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); }
HEADERCSS: 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; } .sub { margin: 0.2rem 0 0; font-size: 0.78rem; opacity: 0.7; } .x { background: none; border: 0; color: inherit; font-size: 1.5rem; line-height: 1; cursor: pointer; opacity: 0.7; } }

========= system/system-panel.html crlf=true bom=true backticks=0

========= system/system-panel.scss crlf=true bom=true backticks=0
RULES: .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; }
HEADERCSS: header { display: flex; align-items: center; justify-content: space-between; padding: 0.9rem 1.1rem; border-bottom: 1px solid var(--fiko-line); }

========= admin/personas-panel.html crlf=true bom=false backticks=0
RULES: 
HEADER: <header> <h2>Kullanıcı profilleri</h2> <button type="button" class="x" aria-label="Kapat" (click)="close.emit()">×</button> </header>

========= admin/personas-panel.scss crlf=true bom=false backticks=0
@media (max-width: 560px) { .body { grid-template-columns: 1fr; } }
RULES: .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; }
HEADERCSS: header { display: flex; align-items: center; justify-content: space-between; padding: 0.9rem 1.1rem; border-bottom: 1px solid var(--fiko-line); }

========= admin/personas-panel.ts crlf=true bom=false backticks=0
RULES: