/* 社長室ライブ ― 指示チャット部品の見た目（既存ボードの色合いに合わせた紺＋金） */
#shachoChat {
  background: rgba(255, 215, 106, 0.07);
  border: 1px solid rgba(255, 215, 106, 0.45);
  border-radius: 14px;
  padding: 12px;
  margin-top: 12px;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;
  color: #eef2f8;
}
#shachoChat .sc-head {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}
#shachoChat .sc-title { font-size: 15px; font-weight: 800; }
#shachoChat .sc-note { font-size: 11px; color: #9fb4d8; }
#shachoChat .sc-president {
  background: #0c1120;
  border: 1px solid #2a3a5f;
  border-radius: 10px;
  padding: 9px 11px;
  margin-top: 10px;
}
#shachoChat .sc-president-name {
  display: inline-block;
  background: #ffd76a;
  color: #3a2c07;
  font-size: 10.5px;
  font-weight: 800;
  border-radius: 4px;
  padding: 1px 7px;
  margin-bottom: 5px;
}
#shachoChat .sc-president-say { font-size: 13px; line-height: 1.6; }
#shachoChat .sc-label {
  display: block;
  font-size: 11px;
  color: #9fb4d8;
  margin: 10px 0 4px;
}
#shachoChat .sc-pass,
#shachoChat .sc-text {
  width: 100%;
  box-sizing: border-box;
  background: #10182c;
  border: 1px solid #33477a;
  border-radius: 9px;
  color: #eef2f8;
  font-size: 16px; /* 16px未満だとスマホで入力時に画面が自動拡大されるため */
  padding: 9px 10px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#shachoChat .sc-text { resize: vertical; line-height: 1.6; }
#shachoChat .sc-pass:focus,
#shachoChat .sc-text:focus { outline: 2px solid #ffd76a; outline-offset: 0; }
#shachoChat .sc-send {
  width: 100%;
  margin-top: 11px;
  background: #ffd76a;
  color: #3a2c07;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 800;
  padding: 11px 0;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  transition: filter 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
}
#shachoChat .sc-send:hover:not(:disabled) { filter: brightness(1.05); }
#shachoChat .sc-send:active:not(:disabled) { transform: scale(0.985); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }
#shachoChat .sc-send:disabled { opacity: 0.55; cursor: wait; }
#shachoChat .sc-status { font-size: 12.5px; margin-top: 9px; min-height: 1.4em; line-height: 1.6; }
#shachoChat .sc-status.ok { color: #4ade80; }
#shachoChat .sc-status.ng { color: #fb7185; }
#shachoChat .sc-activity { font-size: 12px; color: #ffd76a; margin-top: 4px; line-height: 1.7; }

/* 指示を受けた部隊の部屋を光らせる（ボード側が対応している場合の共通クラス） */
.order-active {
  box-shadow: 0 0 0 2px #ffd76a, 0 0 18px rgba(255, 215, 106, 0.45) !important;
  transition: box-shadow 0.4s;
}
