/* 현장 요청 판 — 서버 연결판에서 더한 표시(board.js) */
.board-connection>div{flex:1;min-width:0}
.board-connection[data-tone=""]{background:#eef5ef;border-color:#cfe2d4}
.board-connection[data-tone=""] span{color:#4f6b57}
.board-dot.on{background:#2f8a5c;box-shadow:0 0 0 3px #2f8a5c22}
.board-connection .board-login,.board-connection #board-wake{flex-shrink:0;white-space:nowrap;text-decoration:none}
.board-status.red{background:#fbe6e0;color:#a8461f}
.board-status.gray{background:#eeeeea;color:#77776f}
.board-news{margin:6px 0 0;font-size:12px;color:#55684f;background:#f4f7f1;border-radius:7px;padding:6px 8px}
.board-bubble.system.core{background:#eaf2fb;border-left:3px solid #448de5}
.board-ticket{text-align:left;cursor:pointer}
.board-ticket .board-approval{margin-top:8px}
.board-detail-actions .small{padding:7px 12px;font-size:12px}
#board-detail-body h4{margin:14px 0 4px;font-size:12px;color:#6b7a70}
.board-history small{color:#8a948c;margin-right:4px}
@media (max-width:900px){.board-connection .board-login{padding:7px 10px;font-size:12px}}

/* 입력 칸이 어디인지 바로 보이게 */
.board-input-hint{margin-top:14px!important;padding:10px 12px;border-radius:10px;background:#eef5ef;color:#2f5a3e!important;font-size:13px!important}
.board-composer{background:#f4f8f1;border-top:2px solid #cfe0c6}
.board-text-label{display:flex;align-items:baseline;gap:6px;margin:8px 2px 6px;font-size:14px;font-weight:700;color:#244b39}
.board-text-label small{font-weight:400;font-size:12px;color:#6b7a70}
.board-composer textarea,.board-composer textarea#board-text{background:#fff;border:2px solid #4f8a62;box-shadow:0 2px 8px #244b3914;min-height:84px;height:auto;max-height:180px}
.board-composer textarea::placeholder{color:#7f8f84}
.board-composer textarea:focus{outline:3px solid #9cc7a6;outline-offset:1px;border-color:#2f6b45}
@media (max-width:900px){.board-composer textarea,.board-composer textarea#board-text{min-height:84px;height:84px;font-size:16px}.board-text-label{margin-top:6px}}

/* 휴대폰 키보드가 열린 동안 — 요청 화면만 보이는 영역에 꼭 맞춰 입력 칸과 '요청 보내기'가 늘 보이게 */
html.board-keyboard body[data-current-page=requests] .app-header,
html.board-keyboard body[data-current-page=requests] header,
html.board-keyboard .mobile-nav,
html.board-keyboard .app-nav,
html.board-keyboard #page-requests .board-heading,
html.board-keyboard #page-requests .board-connection,
html.board-keyboard #page-requests .board-mobile-tabs,
html.board-keyboard #page-requests .board-context{display:none!important}
html.board-keyboard body[data-current-page=requests] .app-main{position:fixed;left:0;right:0;top:var(--vv-top,0px);height:var(--vv-h,100dvh)!important;margin:0!important;z-index:1500;background:#f7f8f3}
html.board-keyboard #page-requests{height:100%;padding:6px 8px 0!important;gap:0!important}
html.board-keyboard #page-requests .board-chat{border-radius:10px}
html.board-keyboard #page-requests .board-messages{flex:1 1 0;min-height:0;padding:8px 10px}
html.board-keyboard #page-requests .board-welcome{display:none}
html.board-keyboard #page-requests .board-composer{padding:8px}
html.board-keyboard #page-requests .board-kind button{min-height:32px;font-size:12px}
html.board-keyboard #page-requests .board-text-label{display:none}
html.board-keyboard #page-requests .board-composer textarea#board-text{height:96px;min-height:96px}
html.board-keyboard #page-requests .board-send-row{margin-top:6px}