/* oisi (브랜드 런칭) — 현황판 · 홈페이지 시안 (js/oisi.js, sql/293). 접두사 .oisi- */
#page-oisi-board,
#page-oisi-drafts{max-width:none;padding:0;}
#page-oisi-board.active,
#page-oisi-drafts.active{display:flex;flex-direction:column;height:100vh;}

#oisi-board-root,
#oisi-drafts-root{flex:1;min-height:0;display:flex;flex-direction:column;}

.oisi-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;flex-wrap:wrap;}
.oisi-bar-t{font-size:14px;font-weight:700;color:var(--text);}
.oisi-bar-meta{font-size:12px;color:var(--text3);}
.oisi-bar-act{margin-left:auto;display:flex;gap:6px;align-items:center;}

.oisi-btn{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:12.5px;font-family:inherit;color:var(--text2);cursor:pointer;white-space:nowrap;}
.oisi-btn:hover{background:var(--surface2);color:var(--text);}
.oisi-btn-p{background:var(--accent);border-color:var(--accent);color:#fff;}
.oisi-btn-p:hover{background:var(--accent-text);color:#fff;}
.oisi-sel{padding:6px 8px;border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface);font-size:12.5px;font-family:inherit;color:var(--accent-text);cursor:pointer;}

.oisi-frame{flex:1;min-height:0;width:100%;border:0;background:#fff;display:block;}

.oisi-loading{padding:40px 24px;color:var(--text3);font-size:13px;}
.oisi-empty{margin:40px auto;max-width:520px;padding:24px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface);}
.oisi-empty-t{font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px;}
.oisi-empty-d{font-size:13px;color:var(--text2);line-height:1.6;}
.oisi-empty-e{margin-top:10px;font-size:11.5px;color:var(--text3);word-break:break-all;}