/* Prime Buys AI v2 · website workspace (website-workspace.js). Same 1/4 chat, 3/4 view split as the live platform. */
.website-workspace[hidden] { display: none !important; }
#workspace.website-active .workspace-grid { grid-template-columns: minmax(340px, 1fr) minmax(0, 3fr); height: calc(100dvh - 112px); min-height: 40rem; }
#workspace.website-active #guidePanel { display: none !important; }
#workspace.website-active .results-panel { position: relative; top: auto; right: auto; bottom: auto; z-index: auto; width: auto; display: flex; flex-direction: column; min-height: 0; padding: 14px; overflow: hidden; }
#workspace.website-active .results-panel > :not(#websiteWorkspace) { display: none !important; }
#workspace.website-active .workspace-intro, #workspace.website-active .workspace-footer { display: none; }

.website-workspace { display: flex; flex: 1 1 auto; flex-direction: column; gap: 12px; min-height: 0; }
.website-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px 16px; }
.website-head h2 { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 1.125rem; letter-spacing: -.01em; }
.website-head p { margin: 4px 0 0; color: var(--muted); font-size: .8125rem; }
.website-soon { padding: 2px 9px; border-radius: 999px; background: #fef3c7; color: #92400e; font-size: .72rem; font-weight: 750; letter-spacing: .02em; }
html[data-theme="dark"] .website-soon { background: rgba(245, 158, 11, .2); color: #fde68a; }
.website-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.website-switch { display: inline-flex; padding: 3px; border: 1px solid var(--line); border-radius: 11px; background: var(--panel-soft); }
.website-switch button { min-height: 32px; padding: 0 12px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); font: inherit; font-size: .8125rem; font-weight: 650; cursor: pointer; }
.website-switch button[aria-selected="true"] { background: var(--panel); color: var(--ink); box-shadow: 0 1px 3px rgba(0, 0, 0, .08); }
.website-btn { display: inline-flex; align-items: center; min-height: 38px; padding: 0 13px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); color: var(--ink); font: inherit; font-size: .8125rem; font-weight: 650; text-decoration: none; cursor: pointer; }
.website-btn:hover, .website-switch button:hover { border-color: var(--line-strong); color: var(--ink); }
.website-frame-wrap { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: #fff; }
.website-bar { display: flex; align-items: center; gap: 6px; padding: 8px 12px; border-bottom: 1px solid var(--line); background: var(--panel-soft); color: var(--muted); font-size: .78rem; }
.website-bar #websiteUrl { margin-left: 8px; padding: 3px 10px; border-radius: 7px; background: var(--panel); }
.website-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--line-strong); }
#websiteFrame { flex: 1 1 auto; width: 100%; min-height: 0; border: 0; background: #fff; }

/* Tile badge for the coming-soon tile */
#guidePanel.gv2 #websiteWorkspaceButton .gv2-tile-sub { justify-self: start; padding: 1px 8px; border-radius: 999px; background: #fef3c7; color: #92400e; font-weight: 700; }
html[data-theme="dark"] #guidePanel.gv2 #websiteWorkspaceButton .gv2-tile-sub { background: rgba(245, 158, 11, .2); color: #fde68a; }
@media (max-height: 860px) { #guidePanel.gv2 #websiteWorkspaceButton .gv2-tile-sub { display: inline-block; } }

@media (max-width: 1000px) {
  #workspace.website-active .workspace-grid { display: flex; flex-direction: column; height: auto; }
  #workspace.website-active .results-panel { order: 1; height: 75dvh; min-height: 520px; }
}

/* Site / Admin paneli seçimi belirgin (Oct 2026): iki net düğme, admin paneli mor ve ikonlu. */
.website-switch { gap: 6px; padding: 0; border: 0; background: none; }
.website-switch button { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 0 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); color: var(--ink); }
.website-switch button::before { content: ""; width: 16px; height: 16px; flex: none; background: currentColor;
  -webkit-mask: var(--ws-ic) center / contain no-repeat; mask: var(--ws-ic) center / contain no-repeat; }
.website-switch button[data-site-view="site"] { --ws-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.5 2.5 15.5 0 18M12 3c-2.5 2.5-2.5 15.5 0 18'/%3E%3C/svg%3E"); }
.website-switch button[data-site-view="admin"] { --ws-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
  border-color: #c4b5fd; background: #f5f0ff; color: #6d28d9; }
.website-switch button[data-site-view="admin"]:hover { background: #ede4ff; border-color: #a78bfa; color: #5b21b6; }
.website-switch button[aria-selected="true"] { border-color: transparent; background: #7c3aed; color: #fff; box-shadow: 0 6px 16px -8px rgba(124, 58, 237, .7); }
.website-switch button[data-site-view="admin"][aria-selected="true"] { background: #6d28d9; color: #fff; }