/* inbox_frame.css — 인박스 나란히 3칸 · 손잡이 · 좁으면 탭 (2.226.1 · 새 파일) */
.inbox-frame.ib-frame {
  display: grid; gap: 0; align-items: start;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
.inbox-frame.ib-frame.ib-on {
  grid-template-columns: minmax(0, var(--ib-a, 36fr)) 10px minmax(0, var(--ib-b, 30fr)) 10px minmax(0, var(--ib-c, 34fr));
}
.ib-col { min-width: 0; }
.ib-frame > .ib-todo, .ib-frame > .ib-list { padding: 0 .5rem; }
.ib-frame > .ib-todo { padding-left: 0; }
.ib-frame > .inbox-detail { position: sticky; top: 4.2rem; max-height: calc(100vh - 5rem); overflow: auto; }
.ib-frame .at-box { margin: 0; }
/* 손잡이 — 넓게 잡히고(10px) 가운데 얇은 줄 */
.ib-grip { align-self: stretch; min-height: 240px; cursor: col-resize; display: flex; justify-content: center; position: relative; touch-action: none; }
.ib-grip .ib-knob { width: 2px; border-radius: 2px; background: var(--line); transition: background .12s; }
.ib-grip:hover .ib-knob, .ib-grip.on .ib-knob, .ib-grip:focus-visible .ib-knob { background: var(--accent); width: 3px; }
body.ib-dragging { cursor: col-resize; user-select: none; }
/* 가운데 칸이 좁아도 에이전트 줄이 넘치지 않게 */
.ib-list .hand-row { display: flex; flex-wrap: wrap; gap: 2px 8px; }
.ib-list .hand-row > * { white-space: nowrap; }
/* 좁은 화면 — 탭으로 한 칸씩 */
.ib-tabs { display: flex; gap: .3rem; margin: 0 0 .6rem; }
.ib-tabs[hidden] { display: none; }
.ib-tab { min-height: 32px; padding: 0 .9rem; border-radius: 999px; border: 1px solid var(--line); background: transparent; color: var(--fg); cursor: pointer; }
.ib-tab.on { background: color-mix(in srgb, var(--accent) 22%, transparent); border-color: var(--accent); }
.inbox-frame.ib-frame.ib-narrow { grid-template-columns: minmax(0, 1fr); }
.ib-frame.ib-narrow > .ib-grip { display: none; }
.ib-frame.ib-narrow > .ib-col { display: none; padding: 0; }
.ib-frame.ib-narrow[data-show="todo"] > .ib-todo,
.ib-frame.ib-narrow[data-show="list"] > .ib-list,
.ib-frame.ib-narrow[data-show="detail"] > .inbox-detail { display: block; position: static; max-height: none; }