/* Project Browser — GitHub-style code viewer */
.project-view{padding:0}
.project-view .eyebrow{font-size:11px;letter-spacing:.12em;color:var(--dark-secondary-text-color,#7f8d99);text-transform:uppercase;font-weight:500;margin:0 0 4px}
[data-theme="light"] .project-view .eyebrow{color:#8a8074}

/* Login */
.project-login{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:24px}
.project-login-card{max-width:380px;width:100%;text-align:center}
.project-login-card h1{font-size:24px;font-weight:500;margin:0 0 8px;color:var(--dark-text-color,#edf4f7)}
[data-theme="light"] .project-login-card h1{color:#2a2520}
.project-login-desc{font-size:14px;color:var(--dark-secondary-text-color,#7f8d99);margin:0 0 24px;line-height:1.5}
[data-theme="light"] .project-login-desc{color:#8a8074}
#projectLoginForm{display:flex;flex-direction:column;gap:12px}
#projectLoginForm input{width:100%;padding:11px 14px;border:1px solid var(--dark-border-color,#202b37);background:var(--dark-card-bg-color,#101720);color:var(--dark-text-color,#edf4f7);border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}
[data-theme="light"] #projectLoginForm input{border-color:#e2dcd0;background:#faf8f4;color:#2a2520}
#projectLoginForm input:focus{border-color:var(--accent-color,#52d5ca)}
#projectLoginForm button{padding:11px 14px;border:none;background:var(--accent-color,#52d5ca);color:#090d13;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}
#projectLoginForm button:hover{opacity:.85}
.project-login-error{color:#e5716e;font-size:13px;min-height:20px;margin:12px 0 0}

/* Browser */
.project-browser{padding:20px 24px}
.project-toolbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px;flex-wrap:wrap}
.project-toolbar h1{font-size:22px;font-weight:500;margin:0;color:var(--dark-text-color,#edf4f7)}
[data-theme="light"] .project-toolbar h1{color:#2a2520}
.project-repo-meta{font-size:12px;color:var(--dark-secondary-text-color,#7f8d99);margin:4px 0 0}
[data-theme="light"] .project-repo-meta{color:#8a8074}
.project-actions{display:flex;gap:8px;align-items:center}
.project-actions button,.project-actions a{padding:7px 14px;border:1px solid var(--dark-border-color,#202b37);background:transparent;color:var(--dark-text-color,#edf4f7);border-radius:6px;font-size:13px;cursor:pointer;text-decoration:none;transition:all .2s;font-weight:400}
[data-theme="light"] .project-actions button,[data-theme="light"] .project-actions a{border-color:#e2dcd0;color:#2a2520}
.project-actions button:hover,.project-actions a:hover{border-color:var(--accent-color,#52d5ca);color:var(--accent-color,#52d5ca)}

/* Content area */
.project-content{display:grid;grid-template-columns:240px 1fr;gap:16px;min-height:60vh}
@media(max-width:768px){.project-content{grid-template-columns:1fr}.project-sidebar{max-height:200px;overflow-y:auto}}

/* Sidebar */
.project-sidebar{background:var(--dark-card-bg-color,#101720);border:1px solid var(--dark-border-color,#202b37);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
[data-theme="light"] .project-sidebar{background:#faf8f4;border-color:#e2dcd0}
.project-file-search{padding:10px;border-bottom:1px solid var(--dark-border-color,#202b37)}
[data-theme="light"] .project-file-search{border-bottom-color:#e2dcd0}
.project-file-search input{width:100%;padding:7px 10px;border:1px solid var(--dark-border-color,#202b37);background:var(--dark-bg-color,#090d13);color:var(--dark-text-color,#edf4f7);border-radius:6px;font-size:12px;outline:none}
[data-theme="light"] .project-file-search input{border-color:#e2dcd0;background:#fff;color:#2a2520}
.project-file-search input:focus{border-color:var(--accent-color,#52d5ca)}
.project-tree{overflow-y:auto;max-height:calc(70vh - 60px);padding:6px 4px;font-size:13px;line-height:1.7}
.tree-item{display:flex;align-items:center;gap:4px;padding:3px 8px;cursor:pointer;border-radius:4px;color:var(--dark-text-color,#edf4f7);transition:background .15s;user-select:none;white-space:nowrap}
[data-theme="light"] .tree-item{color:#2a2520}
.tree-item:hover{background:var(--dark-hover-bg-color,#121c26)}
[data-theme="light"] .tree-item:hover{background:#f0ebe3}
.tree-item.active{background:rgba(82,213,202,.1);color:var(--accent-color,#52d5ca)}
.tree-icon{width:14px;display:inline-block;text-align:center;font-size:11px;opacity:.6}
.tree-label{overflow:hidden;text-overflow:ellipsis}
.tree-children{margin-left:14px}
.tree-children.collapsed{display:none}

/* Main area */
.project-main{background:var(--dark-card-bg-color,#101720);border:1px solid var(--dark-border-color,#202b37);border-radius:10px;overflow:hidden}
[data-theme="light"] .project-main{background:#faf8f4;border-color:#e2dcd0}
.project-readme{padding:24px 28px;overflow-x:auto}
.project-readme h1{font-size:22px;font-weight:600;margin:0 0 12px;color:var(--dark-text-color,#edf4f7)}
[data-theme="light"] .project-readme h1{color:#2a2520}
.project-readme h2{font-size:17px;font-weight:600;margin:20px 0 8px;color:var(--dark-text-color,#edf4f7)}
[data-theme="light"] .project-readme h2{color:#2a2520}
.project-readme h3{font-size:15px;font-weight:600;margin:16px 0 6px;color:var(--dark-text-color,#edf4f7)}
[data-theme="light"] .project-readme h3{color:#2a2520}
.project-readme p{font-size:13px;line-height:1.7;color:var(--dark-secondary-text-color,#9aa6b2);margin:0 0 10px}
[data-theme="light"] .project-readme p{color:#6b6357}
.project-readme code{font-family:'SF Mono',Menlo,Consolas,monospace;font-size:12px;background:var(--dark-bg-color,#090d13);padding:1px 5px;border-radius:3px;color:var(--accent-color,#52d5ca)}
[data-theme="light"] .project-readme code{background:#f0ebe3;color:#0e8a82}
.project-readme pre{background:var(--dark-bg-color,#090d13);border:1px solid var(--dark-border-color,#202b37);border-radius:8px;padding:14px 16px;overflow-x:auto;font-size:12px;line-height:1.6;margin:0 0 12px}
[data-theme="light"] .project-readme pre{background:#fff;border-color:#e2dcd0}
.project-readme pre code{background:none;padding:0;color:var(--dark-text-color,#edf4f7)}
[data-theme="light"] .project-readme pre code{color:#2a2520}
.project-readme table{border-collapse:collapse;width:100%;margin:0 0 12px;font-size:12px}
.project-readme th,.project-readme td{border:1px solid var(--dark-border-color,#202b37);padding:6px 10px;text-align:left;color:var(--dark-secondary-text-color,#9aa6b2)}
[data-theme="light"] .project-readme th,[data-theme="light"] .project-readme td{border-color:#e2dcd0;color:#6b6357}
.project-readme th{font-weight:600;color:var(--dark-text-color,#edf4f7)}
[data-theme="light"] .project-readme th{color:#2a2520}
.project-readme ul,.project-readme ol{padding-left:20px;margin:0 0 10px}
.project-readme li{font-size:13px;line-height:1.7;color:var(--dark-secondary-text-color,#9aa6b2)}
[data-theme="light"] .project-readme li{color:#6b6357}
.project-readme a{color:var(--accent-color,#52d5ca);text-decoration:none}
.project-readme a:hover{text-decoration:underline}
.project-readme blockquote{border-left:3px solid var(--dark-border-color,#202b37);margin:0 0 10px;padding-left:14px;color:var(--dark-secondary-text-color,#9aa6b2);font-style:italic}
[data-theme="light"] .project-readme blockquote{border-left-color:#e2dcd0;color:#8a8074}
.project-readme hr{border:none;border-top:1px solid var(--dark-border-color,#202b37);margin:16px 0}
[data-theme="light"] .project-readme hr{border-top-color:#e2dcd0}
.project-readme img{max-width:100%;border-radius:8px}

/* File viewer */
.project-file-viewer{border-top:1px solid var(--dark-border-color,#202b37)}
[data-theme="light"] .project-file-viewer{border-top-color:#e2dcd0}
.project-file-head{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--dark-bg-color,#090d13);border-bottom:1px solid var(--dark-border-color,#202b37)}
[data-theme="light"] .project-file-head{background:#f0ebe3;border-bottom-color:#e2dcd0}
#projectFilePath{font-family:'SF Mono',Menlo,Consolas,monospace;font-size:12px;color:var(--accent-color,#52d5ca)}
#projectFileInfo{font-size:11px;color:var(--dark-secondary-text-color,#7f8d99)}
[data-theme="light"] #projectFileInfo{color:#8a8074}
.project-file-viewer pre{margin:0;padding:14px 16px;overflow-x:auto;max-height:70vh;font-size:12px;line-height:1.6}
.project-file-viewer code{font-family:'SF Mono',Menlo,Consolas,monospace;color:var(--dark-text-color,#edf4f7);white-space:pre}
[data-theme="light"] .project-file-viewer code{color:#2a2520}