feat: ekip paneli ve yonlendirme davranisini iyilestir

web/src/styles/app.css

@@ -7,8 +7,8 @@
   display: flex;
   justify-content: space-between;
   gap: 24px;
-  align-items: end;
-  margin-bottom: 24px;
+  align-items: start;
+  margin-bottom: 18px;
 }
 
 .app-shell__eyebrow,
@@ -39,14 +39,15 @@
   display: flex;
   gap: 10px;
   flex-wrap: wrap;
+  justify-content: flex-end;
 }
 
 .app-shell__meta span {
-  padding: 8px 12px;
-  border: 2px solid var(--border-mid);
-  background: rgba(15, 22, 17, 0.8);
+  padding: 6px 10px;
+  border: 1px solid rgba(70, 121, 84, 0.45);
+  background: rgba(15, 22, 17, 0.56);
   color: var(--text-dim);
-  font-size: 0.75rem;
+  font-size: 0.7rem;
 }
 
 .shell-frame {
@@ -80,14 +81,6 @@
   z-index: 1;
 }
 
-.status-strip {
-  display: grid;
-  grid-template-columns: repeat(5, minmax(0, 1fr));
-  gap: 10px;
-  margin-bottom: 14px;
-}
-
-.status-strip__cell,
 .panel-frame,
 .prompt-composer,
 .error-banner {
@@ -96,15 +89,6 @@
   background: linear-gradient(180deg, rgba(26, 34, 29, 0.95) 0%, rgba(14, 19, 16, 0.95) 100%);
 }
 
-.status-strip__cell {
-  padding: 12px;
-}
-
-.status-strip__cell strong {
-  font-size: 0.95rem;
-  letter-spacing: 0.08em;
-}
-
 .is-green {
   color: var(--accent-green);
 }
@@ -125,7 +109,11 @@
   display: flex;
   gap: 12px;
   flex-wrap: wrap;
-  margin-bottom: 16px;
+}
+
+.session-toolbar--inline {
+  justify-content: flex-end;
+  margin-bottom: 0;
 }
 
 .pixel-button {
@@ -191,6 +179,7 @@
   display: grid;
   grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.9fr);
   gap: 16px;
+  align-items: start;
 }
 
 .console-grid__main,
@@ -201,14 +190,30 @@
   min-width: 0;
 }
 
+.console-grid__side {
+  min-width: 0;
+}
+
+.console-grid__main {
+  min-width: 0;
+}
+
 .panel-frame__header {
   padding: 14px 16px 0;
+  display: flex;
+  justify-content: space-between;
+  gap: 14px;
+  align-items: start;
 }
 
 .panel-frame__body {
   padding: 14px 16px 16px;
 }
 
+.panel-frame__extra {
+  flex-shrink: 0;
+}
+
 .chat-stream,
 .team-card__body {
   min-height: 420px;
@@ -281,13 +286,16 @@
 
 .team-board {
   display: grid;
-  gap: 12px;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 14px;
+  align-items: start;
 }
 
 .team-card {
   border: 2px solid var(--border-mid);
   background: linear-gradient(180deg, rgba(10, 16, 11, 0.92), rgba(8, 12, 9, 0.96));
   box-shadow: inset 0 0 0 1px rgba(114, 255, 132, 0.08);
+  min-height: 348px;
 }
 
 .team-card__header {
@@ -342,8 +350,8 @@
 }
 
 .team-card__body {
-  min-height: 124px;
-  max-height: 190px;
+  min-height: 276px;
+  max-height: 276px;
 }
 
 .team-message {
@@ -373,11 +381,11 @@
 }
 
 @media (max-width: 1024px) {
-  .status-strip {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
+  .console-grid {
+    grid-template-columns: 1fr;
   }
 
-  .console-grid {
+  .team-board {
     grid-template-columns: 1fr;
   }
 }
@@ -393,12 +401,17 @@
     align-items: stretch;
   }
 
-  .status-strip {
-    grid-template-columns: 1fr;
-  }
-
   .shell-frame__screen {
     min-height: auto;
     padding: 12px;
   }
+
+  .panel-frame__header {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .session-toolbar--inline {
+    justify-content: stretch;
+  }
 }