/* Prime Buys AI · left guide panel, calm version (Oct 2026). Loaded after guide-v2.css; scoped to #guidePanel.gv2.
   One surface, no boxes inside the card: soft hero, a status pill, then one list of rows (workspaces + library). */
#guidePanel.gv2 { gap: 6px; padding: 18px 12px 12px; }

/* hero: no frame, avatar on a soft halo, name and status centred */
#guidePanel.gv2 .guide-hero { gap: 8px; padding: 6px 0 2px; border: 0; background: none; }
#guidePanel.gv2 .avatar-stage {
  width: 104px; height: 104px;
  background: radial-gradient(circle at 50% 38%, #fff 0 40%, #efe7ff 41% 100%);
  box-shadow: 0 0 0 4px #fff, 0 0 0 5px #e4d8fb, 0 14px 30px -14px rgba(124, 58, 237, .55);
}
#guidePanel.gv2 .guide-avatar-svg { width: 128px; }
#guidePanel.gv2 .guide-hero h2 { font-size: .95rem; font-weight: 800; color: #2b1a5e; }
#guidePanel.gv2 .guide-copy { display: none; }

/* status: a small centred pill, colour follows the state */
#guidePanel.gv2 .guide-state {
  display: inline-flex; align-self: center; justify-content: center; flex-wrap: wrap; gap: 4px 7px;
  width: auto; max-width: 100%; padding: 4px 12px; margin: 2px auto 10px;
  border: 0; border-radius: 999px; font-size: .76rem; font-weight: 650;
  background: color-mix(in srgb, var(--state-color) 12%, #fff); color: color-mix(in srgb, var(--state-color) 70%, #1f1640);
}
#guidePanel.gv2 .state-indicator { width: 7px; height: 7px; }
#guidePanel.gv2 .state-detail { flex-basis: 100%; text-align: center; font-size: .72rem; }

/* one list for everything below: same row shape for workspaces and library */
#guidePanel.gv2 .guide-quick { display: flex; flex-direction: column; gap: 2px; }
#guidePanel.gv2 .guide-quick::before,
#guidePanel.gv2 .guide-libraries::before {
  display: block; margin: 8px 8px 4px; color: #a39cb5; font-size: .66rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase;
}
#guidePanel.gv2 .guide-quick::before { content: "Çalışma alanları"; }
html[lang="en"] #guidePanel.gv2 .guide-quick::before { content: "Workspaces"; }
#guidePanel.gv2 .guide-libraries { gap: 2px; min-height: 0; }

#guidePanel.gv2 .guide-tile,
#guidePanel.gv2 .guide-lib-link {
  display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; column-gap: 10px; row-gap: 0;
  width: 100%; min-height: 46px; padding: 6px 8px; margin: 0;
  border: 0 !important; border-radius: 12px; background: transparent !important; box-shadow: none !important;
  color: #2b1a5e; font: inherit; text-align: left; cursor: pointer; transform: none !important;
  transition: background .15s ease;
}
#guidePanel.gv2 .guide-tile:hover,
#guidePanel.gv2 .guide-lib-link:hover { background: #f6f1ff !important; }
#guidePanel.gv2 .guide-tile svg,
#guidePanel.gv2 .guide-lib-link svg {
  grid-row: 1 / span 2; width: 32px; height: 32px; margin: 0; padding: 7px; box-sizing: border-box;
  border-radius: 10px; background: #f3edff; stroke: #7c3aed; fill: none; stroke-width: 1.8;
}
#guidePanel.gv2 .guide-tile svg { background: linear-gradient(135deg, #7c3aed, #a855f7); stroke: #fff; }
#guidePanel.gv2 .gv2-tile-title { grid-column: 2; font-size: .84rem; font-weight: 700; }
#guidePanel.gv2 .gv2-tile-sub { grid-column: 2; display: block; padding: 0; border-radius: 0; background: none !important; color: #a39cb5 !important; font-size: .7rem; font-weight: 500; }
#guidePanel.gv2 .guide-lib-link > span { grid-column: 2; font-size: .84rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#guidePanel.gv2 .guide-lib-link .gv2-count { grid-column: 3; margin: 0; min-width: 0; height: auto; padding: 0; background: none; color: #a39cb5; font-weight: 600; font-size: .72rem; }
#guidePanel.gv2 .guide-lib-arrow { display: none; }
#guidePanel.gv2 .guide-tile::after { content: ""; grid-column: 3; grid-row: 1 / span 2; width: 7px; height: 7px; margin-right: 4px;
  border-right: 1.6px solid #c9bfe0; border-bottom: 1.6px solid #c9bfe0; transform: rotate(-45deg); }

/* footer: one quiet line, no rule */
#guidePanel.gv2 .guide-footer { margin-top: auto; padding: 10px 8px 0; border-top: 0; color: #a39cb5; font-size: .68rem; }
#guidePanel.gv2 .knowledge-note { color: #b8b0cc; }

@media (max-height: 860px) {
  #guidePanel.gv2 .avatar-stage { width: 84px; height: 84px; }
  #guidePanel.gv2 .guide-avatar-svg { width: 104px; }
  #guidePanel.gv2 .gv2-tile-sub { display: block; }
}
#guidePanel.gv2 .gv2-tile-title, #guidePanel.gv2 .gv2-tile-sub { justify-self: start; text-align: left; }
#guidePanel.gv2 .guide-state:has(.state-detail:not(:empty)) { border-radius: 14px; padding: 7px 12px; }
#guidePanel.gv2 .guide-lib-link .gv2-count, #guidePanel.gv2 .guide-lib-link > span { align-self: center; }
#guidePanel.gv2 #websiteWorkspaceButton .gv2-tile-sub { display: block; padding: 0; border-radius: 0; background: none; color: #a39cb5; font-weight: 500; }

/* Sağ panel (Oct 2026): sekmeler (Kayıtlar / Ayrıntılar / Canlı ekran) görünürken panel 48px şeride
   kapanmasın; sekme ve başlık okunur genişlikte dursun. */
@media (min-width: 1121px) {
  .workspace:not(.desktop-active) .workspace-grid:has(> #rightWorkspace.workspace-tabs-active) {
    grid-template-columns: minmax(220px, .78fr) minmax(0, 1.58fr) minmax(300px, .95fr);
  }
}
@media (max-width: 1120px) {
  .workspace:not(.desktop-active) #rightWorkspace.workspace-tabs-active { position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; width: min(380px, 80%); overflow-y: auto; }
}

/* Sayfalar asistanın içinde açılır: "Yeni sekmede aç" bağlantısı gösterilmez (Oct 2026). */
.platform-workspace__view .platform-workspace__new-tab, .platform-workspace__footer .platform-workspace__new-tab { display: none !important; }