/* Repo mode (jtao Codex mode): one column of cards under the Code header */
.repo-main{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:28px 16px 64px;display:flex;flex-direction:column;gap:18px}
.repo-card{background:#ffffffe6;border:1px solid #dce7ec;border-radius:16px;padding:22px 24px;box-shadow:0 2px 14px #24516c14}
.repo-card h1{margin:0 0 8px;font-size:1.35rem;color:#1f3f55}
.repo-card h2{margin:0 0 10px;font-size:1.1rem;color:#1f3f55}
.repo-card h3{margin:18px 0 6px;font-size:.85rem;color:#4f6e82;text-transform:uppercase;letter-spacing:.04em}
.repo-card p{color:#44606f;line-height:1.5}
.repo-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.repo-who{color:#577182;font-size:.85rem}
.repo-card form{display:flex;flex-direction:column;gap:14px}
.repo-card label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:700;color:#2d4f63}
.repo-hint{font-weight:400;color:#7a93a3}
.repo-card input,.repo-card select,.repo-card textarea{font:inherit;font-weight:400;font-size:.95rem;padding:9px 11px;border:1px solid #cddbe3;border-radius:10px;background:#fff;color:#1f3f55;min-width:0}
.repo-card textarea{resize:vertical;min-height:110px}
.repo-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.repo-budget{flex-direction:row!important;align-items:center}
.repo-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:0;border-radius:10px;background:#244a62;color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;text-decoration:none}
.repo-button:disabled{opacity:.55;cursor:default}
.repo-link-button{border:0;background:none;color:#2d5d7c;font:inherit;font-size:.85rem;cursor:pointer;text-decoration:underline}
.repo-note{font-size:.85rem;color:#577182!important;margin:0}
.repo-error{color:#a3362b!important;font-size:.9rem;margin:0;min-height:1em}
.repo-small{font-size:.8rem;margin:10px 0 0}
.repo-small a{color:#577182}
.repo-tasks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.repo-tasks li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e3ecf1;border-radius:10px;cursor:pointer;background:#fbfdfe}
.repo-tasks li:hover{border-color:#bcd0dc}
.repo-tasks li.is-unread{border-color:#2f7d5b;box-shadow:inset 3px 0 0 #2f7d5b}
.repo-task-title{font-weight:700;color:#1f3f55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.repo-task-sub{font-size:.8rem;color:#577182}
.repo-state{flex:none;font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:999px;background:#eef4f7;color:#4f6e82}
.repo-state[data-state=pr_ready]{background:#e4f4ec;color:#23704f}
.repo-state[data-state=failed],.repo-state[data-state=budget]{background:#fbeae7;color:#a3362b}
.repo-log,.repo-diff{max-height:340px;overflow:auto;background:#0f1d26;color:#d8e6ee;border-radius:10px;padding:12px;font-size:.78rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;margin:0}
.repo-diff .add{color:#8fe3a8}.repo-diff .del{color:#ff9d93}.repo-diff .hunk{color:#8cc4ff}
.repo-detail-actions{display:flex;gap:14px;align-items:center}
@media (max-width:600px){.repo-card{padding:18px 16px}.code-header{padding:0 12px}.code-header-left{gap:10px}.code-header .chat-brand img{width:88px}}
.repo-check{flex-direction:row!important;align-items:center;gap:8px!important;font-weight:400!important}
.repo-check input{width:18px;height:18px;padding:0}
