/* 1030 대표 17:45 "메뉴버튼 사이즈좀 줄여서 메뉴버튼 줄수좀 줄여 · 메뉴버튼 밖에 안보인다 · 승인대기쪽도 같이"
 *  내 콘텐츠 카드(.mycg .ccard) · 승인 대기 카드(.rcard[data-rvc]) — 768px 넘는 화면 · 간편 모드가 아닐 때만 작게(폰 · 간편 모드는 누르는 곳 44 · 56px 그대로)
 *  내 콘텐츠: 단추 32px · 13px 글씨 · 칸 여백 줄임 → 예약하기 | 지금 올리기 / 편집기에서 열기 / 영상 보기 · 받기 · 삭제(한 줄)
 *  승인 대기: [승인] 한 줄 + [수정 요청 | 반려] + [편집기에서 열기](또는 그림 단추와 나란히) = 4줄 → 3줄 */
@media (min-width: 768px) {
  html:not([data-mode="simple"]) .mycg .ccard .th { height: 130px; }
  html:not([data-mode="simple"]) .mycg .ccard .b { padding: 10px 12px 12px; gap: 4px; }
  html:not([data-mode="simple"]) .mycg .ccard h3 { font-size: 16px; line-height: 1.3; }
  html:not([data-mode="simple"]) .mycg .ccard .meta, html:not([data-mode="simple"]) .mycg .ccard .when { font-size: 13px; }
  html:not([data-mode="simple"]) .mycg .ccard .upline { margin: 2px 0 0; gap: 6px; }
  html:not([data-mode="simple"]) .mycg .ccard .myacts, html:not([data-mode="simple"]) .mycg .ccard .acts { gap: 6px; padding-top: 4px; }
  html:not([data-mode="simple"]) .mycg .ccard .btn { min-height: 32px; font-size: 13px; padding: 0 10px; border-radius: 9px; gap: 4px; }
  html:not([data-mode="simple"]) .mycg .ccard .acts .btn { flex: 1 1 auto; }
  html:not([data-mode="simple"]) .mycg .ccard .uptag { font-size: 12px; }

  html:not([data-mode="simple"]) .rcard[data-rvc] .racts { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
  html:not([data-mode="simple"]) .rcard[data-rvc] .racts .btn { min-height: 32px; font-size: 13px; padding: 0 6px; border-radius: 9px; }
  html:not([data-mode="simple"]) .rcard[data-rvc] .racts .btn:first-child, html:not([data-mode="simple"]) .rcard[data-rvc] .racts .btn:last-child:nth-child(even) { grid-column: 1 / -1; }
}
.mycg .ccard .acts .btn[data-mydel] { flex: 0 0 auto; }
.mydel p { margin: 0 0 8px; } .mydel a { text-decoration: underline; }

/* 1030 대표 17:45 "예약관리에서 지금 색상으로 표시하고있는데, 앞쪽에 로고넣고 검정색글씨 투명배경" — 발행 계획 · 성과 달력 칸(.cchip) · 위 거르기 단추도 같은 모양 */
.calgrid .cchip, .calgrid .cchip.c1, .calgrid .cchip.c2, .calgrid .cchip.c3 { background: transparent; color: var(--ink); border: 1px solid transparent; border-left: 0; opacity: 1; display: flex; align-items: center; gap: 4px; padding: 2px 4px; }
.calgrid .cchip:hover { background: var(--surface-2, rgba(0,0,0,.04)); border-color: var(--line); }
.calgrid .cchip .plogo, .calgrid .cchip .pfmark { flex: 0 0 auto; }
.calgrid .cchip .ct { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.calgrid .cchip.suggest { border: 1px dashed var(--ink-2); }
.calgrid .cchip.rec:not(.posted) .ct { color: var(--ink-2); }
.cchip.cflt, .cchip.cflt.c1, .cchip.cflt.c2, .cchip.cflt.c3 { background: transparent; color: var(--ink); border: 1px solid var(--line-2); }
.cchip.cflt[aria-pressed="true"] { border-color: var(--ink); }
.cchip.cflt[aria-pressed="false"] { color: var(--muted); border-style: dashed; }

/* 1030 대표 18:12 · 18:21 롱폼 썸네일 A/B 창(ltab.js) — 화면 가운데 · 반투명 바탕 */
.ltabov { position: fixed; inset: 0; z-index: 60; background: rgba(28,25,23,.45); display: flex; align-items: center; justify-content: center; padding: 16px; }
.ltabp { background: var(--surface); border-radius: 16px; box-shadow: 0 20px 60px rgba(0,0,0,.25); width: min(1100px, 100%); max-height: min(92vh, 1000px); overflow: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.ltabtop { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .ltabtop h2 { margin: 0; font-size: 18px; }
.ltabbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ltabg { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; }
/* 1102 학습함 위 탭(learnboard · div.ltabs[role=tablist])과 이름이 겹쳐 탭이 세로로 쌓였음 → 롱폼 썸네일 A/B 칸(section.ltabs)만 */
section.ltabs { border: 1px solid var(--line); border-radius: 12px; padding: 10px; display: flex; flex-direction: column; gap: 6px; background: var(--bg); min-width: 0; }
.ltabh { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .ltabh b { font-size: 18px; } .ltabuse { font-size: 13px; display: inline-flex; gap: 6px; align-items: center; }
.ltabpv { aspect-ratio: 16/9; background: #3F3A35; border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 13px; }
.ltabpv img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ltabrow { display: flex; gap: 6px; flex-wrap: wrap; }
section.ltabs .btn { min-height: 36px; font-size: 13px; padding: 0 10px; } section.ltabs textarea { width: 100%; font-size: 13px; } section.ltabs details summary { cursor: pointer; font-size: 13px; margin: 4px 0; }