fix: ekip panosu ve ust arayuzu rafine et

web/src/styles/app.css

@@ -35,6 +35,24 @@
   font-size: clamp(1.3rem, 2vw, 2rem);
 }
 
+.app-shell__title {
+  min-width: 0;
+}
+
+.app-shell__project {
+  margin: 10px 0 0;
+  max-width: min(70vw, 760px);
+  color: var(--text-dim);
+  font-size: 0.78rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.app-shell__project span {
+  color: var(--accent-amber);
+}
+
 .app-shell__meta {
   display: flex;
   gap: 10px;
@@ -107,13 +125,14 @@
 
 .session-toolbar {
   display: flex;
-  gap: 12px;
+  gap: 8px;
   flex-wrap: wrap;
 }
 
 .session-toolbar--inline {
   justify-content: flex-end;
   margin-bottom: 0;
+  flex-wrap: nowrap;
 }
 
 .pixel-button {
@@ -123,17 +142,17 @@
   cursor: pointer;
   text-transform: uppercase;
   background: transparent;
-  min-width: 156px;
+  min-width: 128px;
 }
 
 .pixel-button span {
   display: block;
-  padding: 14px 16px;
+  padding: 12px 12px;
   border: 3px solid var(--border-dark);
   box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.06);
   font-family: var(--font-display);
-  font-size: 0.62rem;
-  letter-spacing: 0.14em;
+  font-size: 0.56rem;
+  letter-spacing: 0.12em;
 }
 
 .pixel-button:hover span {
@@ -401,6 +420,10 @@
     align-items: stretch;
   }
 
+  .app-shell__project {
+    max-width: 100%;
+  }
+
   .shell-frame__screen {
     min-height: auto;
     padding: 12px;
@@ -413,5 +436,6 @@
 
   .session-toolbar--inline {
     justify-content: stretch;
+    flex-wrap: wrap;
   }
 }