/* ===== mini GitHub base ===== */
.gh-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #d0d7de;border-radius:6px;background:#f6f8fa;text-decoration:none;color:#24292f;font-size:14px}
.gh-btn:hover{background:#eef1f4}
.gh-btn-green{background:#2ea44f;color:#fff;border-color:#2ea44f}
.gh-btn-green:hover{background:#279f43}
.gh-btn-danger{background:#d73a49;color:#fff;border-color:#d73a49}
.gh-btn-ghost{background:#fff}
.gh-input,.gh-select{padding:6px 10px;border:1px solid #d0d7de;border-radius:6px;font-size:14px}
.gh-help{color:#57606a;font-size:12px;margin:6px 0 0}
.gh-dot{margin:0 6px;color:#8b949e}
.gh-gap{margin-left:12px}

/* header */
.gh-header{display:flex;justify-content:space-between;align-items:center;margin:8px 0 16px}
.gh-title{display:flex;align-items:center;gap:8px}
.gh-repo-name{font-weight:700;font-size:18px}
.gh-repo-badge{font-size:12px;color:#6f42c1;background:#f0e9ff;padding:2px 6px;border-radius:3px}

/* toolbar */
.gh-toolbar{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin:12px 0}
.gh-search{display:flex;gap:6px}
.gh-user-filter{display:flex;gap:6px}
.gh-sort{display:flex;gap:6px;align-items:center}
.gh-tab{padding:6px 10px;border-radius:6px;border:1px solid #d0d7de;background:#fff;text-decoration:none;color:#24292f}
.gh-tab.active{background:#24292f;color:#fff;border-color:#24292f}

/* cards (list) */
.gh-list{display:grid;grid-template-columns:1fr;gap:12px}
.gh-card{border:1px solid #d0d7de;border-radius:8px;background:#fff}
.gh-card-head{padding:12px;border-bottom:1px solid #d0d7de}
.gh-card-title{font-weight:700;color:#0969da;text-decoration:none}
.gh-card-title:hover{text-decoration:underline}
.gh-badge-new{margin-left:6px;background:#dafbe1;color:#116329;border-radius:10px;padding:1px 6px;font-size:12px}
.gh-card-meta{margin-top:6px;color:#57606a;font-size:12px}
.gh-card-body{padding:12px}
.gh-card-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-top:1px solid #d0d7de}
.gh-num{font-size:13px;text-decoration:none;color:#57606a}
.gh-num .cnt{font-weight:600}

/* view */
.ghv-wrap{max-width:980px;margin:0 auto}
.ghv-header{display:flex;justify-content:space-between;align-items:center;margin:8px 0 12px}
.ghv-title{display:flex;align-items:center;gap:8px}
.ghv-subject{font-size:22px;margin:0}
.ghv-meta{display:flex;align-items:center;margin:6px 0 12px;color:#57606a}
.ghv-body{border:1px solid #d0d7de;border-radius:8px;padding:16px;background:#fff}
.ghv-files,.ghv-links{margin:16px 0}
.ghv-files h3,.ghv-links h3{margin:0 0 8px 0;font-size:16px}
.ghv-files ul,.ghv-links ul{margin:0;padding-left:18px}
.ghv-files li,.ghv-links li{margin:6px 0}
.gh-file-size{color:#57606a;font-size:12px;margin-left:6px}
.ghv-nav{display:flex;gap:8px;margin:16px 0}
.ghv-comments{margin:20px 0}

/* ===== WRITE (UI 개선) ===== */
.gh-input, .gh-select, .gh-input-file, .ghw-wrap textarea { width:100%; box-sizing:border-box; }

.ghw-wrap{max-width:1100px;margin:0 auto}
.ghw-header{display:flex;justify-content:space-between;align-items:center;margin:8px 0 16px}
.ghw-title{font-size:20px;margin:0}
.ghw-field{margin:16px 0}
.ghw-field label{display:block;margin-bottom:8px;font-weight:600}
.ghw-options{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.ghw-guest{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ghw-footer .gh-actions{display:flex;gap:8px;justify-content:flex-end}

/* inputs large */
#wr_subject{font-size:16px;padding:10px 12px;height:44px}
#gr_github_url{height:44px;padding:10px 12px}
.ghw-wrap textarea#wr_content{min-height:60vh;line-height:1.6;padding:14px 16px;font-size:15px;resize:vertical}

/* file inputs */
.gh-input-file{display:block;padding:10px;border:1px solid #d0d7de;border-radius:6px;background:#fff}
.gh-file-exist{margin-top:6px;font-size:13px;color:#57606a}

/* ===== comment (GitHub style) ===== */
.github-comment-list{margin-top:30px;display:flex;flex-direction:column;gap:20px}
.github-comment{border:1px solid #e1e4e8;border-radius:6px;background:#f6f8fa;padding:16px}
.github-comment .comment-header{font-size:14px;font-weight:bold;margin-bottom:8px;display:flex;gap:10px;align-items:center}
.github-comment .comment-date{font-weight:normal;color:#586069;font-size:12px}
.github-comment .comment-badge{font-size:12px;color:#6f42c1;background:#f0e9ff;padding:2px 6px;border-radius:3px}
.github-comment .comment-body{font-size:14px;color:#24292e;margin-bottom:10px}
.comment-actions ul{list-style:none;padding:0;margin:0;display:flex;gap:12px;font-size:13px}
.comment-actions ul li a{color:#586069;text-decoration:none}
.comment-actions ul li a:hover{text-decoration:underline}

/* ===== markdown ===== */
.markdown-body pre{overflow:auto;padding:12px;border-radius:6px;background:#f6f8fa;border:1px solid #d0d7de}
.markdown-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.markdown-body h1,.markdown-body h2,.markdown-body h3{border-bottom:1px solid #d0d7de;padding-bottom:4px;margin-top:18px}
.markdown-body ul{padding-left:20px}
.markdown-body blockquote{margin:12px 0;padding:8px 12px;border-left:4px solid #d0d7de;background:#f8fafc}


/* code tab */
.ghv-code-tabs{display:flex;gap:8px;margin:14px 0}
.ghv-code{display:grid;grid-template-columns:280px 1fr;gap:12px;margin:12px 0}
.ghv-tree{border:1px solid #d0d7de;border-radius:8px;background:#fff;overflow:auto}
.ghv-tree-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #d0d7de}
.ghv-tree-list{list-style:none;margin:0;padding:8px 10px;max-height:60vh;overflow:auto}
.ghv-tree-list li{margin:4px 0}
.ghv-tree-list a{text-decoration:none;color:#24292f}
.ghv-tree-list li.dir a{font-weight:600}
.ghv-viewer{border:1px solid #d0d7de;border-radius:8px;background:#fff;min-height:60vh}
.ghv-viewer-head{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #d0d7de}
.ghv-viewer .path{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:#57606a}
.gh-code{padding:12px;overflow:auto}