/* ============================================================
   mono.css — 白黒表示（data-theme=mono）専用（v152）
   スコープ: :root[data-theme=mono] を付けたルールだけ。ほかの表示（ソフト・ダーク）には効かない
   方針: 黒と白だけ。影・ぼかし・グラデーション・光沢なし。境界は太い黒の実線。
         選択中＝黒ベタに白文字／未選択＝白地に黒の太枠＋黒文字。高め＝▲、低め＝▼を数字の前に付ける
   色・影のトークンは css/theme.css 末尾。印刷・PDF・印刷プレビューは白黒の影響を受けない（@media screen の中だけ）
   ============================================================ */
.mi{display:none}   /* 朝・夜の白黒の線画。白黒のときだけ出す（v153） */
@media screen{

/* 下タブ */
:root[data-theme=mono] .tab-bar{background:#fff;border-top:4px solid #000;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
:root[data-theme=mono] .tab-btn{margin:4px 3px;padding:1px 0 0;border:3px solid #000;border-radius:14px;background:#fff;color:#000;box-shadow:none}
:root[data-theme=mono] .tab-btn.active{background:#000;color:#fff;box-shadow:none}

/* カード・ボタン・切替 */
:root[data-theme=mono] .card{border:3px solid #000;box-shadow:none}
:root[data-theme=mono] .btn,:root[data-theme=mono] .btn-sub,:root[data-theme=mono] .btn-danger{background:#fff;background-image:none;color:#000;border:3px solid #000;box-shadow:none}
:root[data-theme=mono] .btn.pri{background:#000;color:#fff}
:root[data-theme=mono] .btn:active{opacity:1;background:#000;color:#fff;transform:none}
:root[data-theme=mono] .btn.pri:active{background:#fff;color:#000}
:root[data-theme=mono] .seg button{background:#fff;background-image:none;color:#000;border:3px solid #000;box-shadow:none}
:root[data-theme=mono] .seg button.on{background:#000;color:#fff}
:root[data-theme=mono] button:disabled{border-style:dashed}

/* 数字のマス・入力欄 */
:root[data-theme=mono] .cell{position:relative;background:#fff;background-image:none;border:3px solid #000;box-shadow:none}
:root[data-theme=mono] .cell:focus-within{outline:3px solid #000;outline-offset:2px;box-shadow:none}
:root[data-theme=mono] .mrow .cell::before{position:absolute;left:5px;bottom:5px;font-size:.8rem;line-height:1;color:#000}
:root[data-theme=mono] .mrow .cell:has(input.bp-high)::before{content:"▲"}
:root[data-theme=mono] .mrow .cell:has(input.bp-low)::before{content:"▼"}
:root[data-theme=mono] textarea,:root[data-theme=mono] input[type=month],:root[data-theme=mono] #ezMemo{border:3px solid #000;box-shadow:none}
:root[data-theme=mono] textarea:focus,:root[data-theme=mono] input[type=month]:focus,:root[data-theme=mono] #ezMemo:focus{outline:3px solid #000;outline-offset:2px}

/* 日付・時刻・‹›・月の行 */
:root[data-theme=mono] .date-pill,:root[data-theme=mono] .time-pill,:root[data-theme=mono] .dnav,:root[data-theme=mono] .mnav,:root[data-theme=mono] .gday,:root[data-theme=mono] .month-nav input{background:#fff;background-image:none;border:3px solid #000;box-shadow:none;color:#000}
:root[data-theme=mono] .date-pill,:root[data-theme=mono] .time-pill{box-sizing:border-box}
:root[data-theme=mono] .rp-floating-toggle{border:3px solid #000;box-shadow:none;background:#fff;color:#000}

/* 先生へ（レポートの日別一覧・拡大）：罫線は太い黒の実線。
   v212：先生へだけ ▲▼ をやめ、強調は太字だけにした（ほかの画面の ▲▼ は今までどおり）。
   数字の枠は css/report.css の共通ルール（3桁ぶん・右そろえ）がそのまま効くので、ここでは上書きしない */
:root[data-theme=mono] #reportTab .rp-screen-table{border-top-width:4px;border-left-width:4px;border-color:#000}
:root[data-theme=mono] #reportTab .rp-screen-table th,:root[data-theme=mono] #reportTab .rp-screen-table td{border-right:3px solid #000;border-bottom:3px solid #000;background:#fff;color:#000}
:root[data-theme=mono] #reportTab .rp-screen-table th:last-child,:root[data-theme=mono] #reportTab .rp-screen-table td:last-child{border-right-width:4px}
:root[data-theme=mono] #reportTab .rp-screen-table tbody tr:last-child td{border-bottom-width:4px}

/* グラフ画面 */
:root[data-theme=mono] .g-avg,:root[data-theme=mono] .g-avg.am,:root[data-theme=mono] .g-avg.pm{border:3px solid #000;box-shadow:none}
:root[data-theme=mono] .g-avg b{font-size:2.3rem}
:root[data-theme=mono] .g-avg span{font-size:1.4rem}
:root[data-theme=mono][data-fs="l"] .g-avg b{font-size:1.92rem}
:root[data-theme=mono][data-fs="l"] .g-avg span{font-size:1.17rem}
:root[data-theme=mono] .g-avg b.bp-high::before,:root[data-theme=mono] .g-avg span.bp-high bdi::before{content:"▲"}
:root[data-theme=mono] .g-avg b.bp-low::before,:root[data-theme=mono] .g-avg span.bp-low bdi::before{content:"▼"}
:root[data-theme=mono] .g-avg b::before,:root[data-theme=mono] .g-avg bdi::before{font-size:.55em;font-weight:normal}
:root[data-theme=mono] .g-pager{border:0;background:transparent;box-shadow:none;padding:0;gap:6px}
:root[data-theme=mono] .g-pager button{border:3px solid #000;background:#fff;background-image:none;color:#000;box-shadow:none}
:root[data-theme=mono] .g-pager button.on{background:#000;color:#fff}
/* 凡例の点の形：朝は●最高・■最低、夜は▲最高・◆最低 */
:root[data-theme=mono] .g-title>span:not(.g-key) i{width:13px;height:13px}
:root[data-theme=mono] .g-title>span:not(.g-key) i.k2{border-radius:2px}
:root[data-theme=mono] .g-title>span:not(.g-key) i.k3{border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%)}
:root[data-theme=mono] .g-title>span:not(.g-key) i.k4{border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}

/* かんたんモード */
:root[data-theme=mono] .ez-date button,:root[data-theme=mono] .ez-pad button,:root[data-theme=mono] .ez-top button,:root[data-theme=mono] .ez-sub button,:root[data-theme=mono] .ez-mc .ez-btn.alt{background:#fff;background-image:none;color:#000;border:3px solid #000;box-shadow:none}
:root[data-theme=mono] .ez-pad button.go{background:#000;color:#fff}
:root[data-theme=mono] .ez-btn{background-image:none;box-shadow:none}
:root[data-theme=mono] .ez-col,:root[data-theme=mono] .ez-f{border:3px solid #000;box-shadow:none}
:root[data-theme=mono] .ez-f.on{background:#000;color:#fff}
:root[data-theme=mono] .ez-f.on small,:root[data-theme=mono] .ez-f.on div{color:#fff}
:root[data-theme=mono] .ez-col div.bp-high::before,:root[data-theme=mono] .ez-f div.bp-high::before{content:"▲"}
:root[data-theme=mono] .ez-col div.bp-low::before,:root[data-theme=mono] .ez-f div.bp-low::before{content:"▼"}
:root[data-theme=mono] .ez-col div::before,:root[data-theme=mono] .ez-f div::before{font-size:.55em;font-weight:normal}
:root[data-theme=mono] .ez-warn{background:#fff;border:3px solid #000}
:root[data-theme=mono] .ez-toast{background:#000;color:#fff}

/* ヘルスケア送信・重なりの暗幕（暗幕は白で隠す） */
:root[data-theme=mono] .hk-band{background:#fff;background-image:none;border:3px solid #000;box-shadow:none}
:root[data-theme=mono] .hk-sheet{border-top:4px solid #000;box-shadow:none}
:root[data-theme=mono] .hk-ok{background:#000}
:root[data-theme=mono] .hk-send{background:#000;background-image:none;color:#fff;box-shadow:none}
:root[data-theme=mono] .hk-bg,:root[data-theme=mono] .led-edit-bg{background:#fff}

/* 電光掲示板：枠と文字の光は消す（黒い板に白い文字だけ） */
:root[data-theme=mono] .led-frame,:root[data-theme=mono] .led-frame.pearl,:root[data-theme=mono] .led-frame.white{background:none;box-shadow:none;padding:0}
:root[data-theme=mono] .led-panel{background:#000;border:3px solid #000;border-radius:8px;box-shadow:none}
:root[data-theme=mono] .led-pop{background:#000;color:#fff;border:3px solid #fff;box-shadow:0 0 0 3px #000;-webkit-backdrop-filter:none;backdrop-filter:none}
:root[data-theme=mono] .led-card-pinned{box-shadow:none}
:root[data-theme=mono] .memo-block-pinned{box-shadow:none}
:root[data-theme=mono] .led-sbtn{border:3px solid #000;background:#fff;background-image:none;color:#000;box-shadow:none}
:root[data-theme=mono] .led-sbtn.main{background:#000;color:#fff}

/* 朝・夜・設定の見出しの絵文字（v153）：朝・夜は白黒の線画に、設定の見出しの絵文字はなくす。規約のアプリアイコンもなくす */
:root[data-theme=mono] .em{display:none}
:root[data-theme=mono] .mi{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:.1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:root[data-theme=mono] .ab-app img{display:none}

/* 設定 */
:root[data-theme=mono] .set-fold{border:3px solid #000;background:#fff;background-image:none;color:#000;box-shadow:none}
:root[data-theme=mono] .set-dragging{box-shadow:none}
:root[data-theme=mono] .ab-row:not(:first-child){border-top:3px solid #000}
:root[data-theme=mono] .ac-pt{border:3px solid #000;box-shadow:none}
:root[data-theme=mono] .ac-go{background-image:none;box-shadow:none}
:root[data-theme=mono] .ab-top button{border:3px solid #000;background:#fff;background-image:none;color:#000;box-shadow:none}

/* 一言メモが13文字を超えている間（変換中）は、枠を破線にする（v167。色が使えないので） */
:root[data-theme=mono] #inputTab #memo.memo-over,:root[data-theme=mono] #ezMemo.memo-over{border-style:dashed}

/* 掲示板のトグル（v159）：黒と白の太い枠。オン＝黒ベタ＋白い丸、オフ＝白地＋白い丸（枠つき）。横の「表示／非表示」の文字でも分かる */
:root[data-theme=mono] .led-tgl{color:#000}
:root[data-theme=mono] .led-tgl i{border:3px solid #000;background:#fff;box-shadow:none}
:root[data-theme=mono] .led-tgl i::after{top:1px;left:1px;width:20px;height:20px;box-sizing:border-box;border:3px solid #000;background:#fff;box-shadow:none}
:root[data-theme=mono] .led-tgl[aria-checked=true] i{background:#000}

/* カメラ・メッセージの色（緑・赤の文字も黒にする。JSが直接つける色に勝つため !important） */
:root[data-theme=mono] .ocr-seg button.on{background:#fff;color:#000}
:root[data-theme=mono] .status-msg,:root[data-theme=mono] .ocr-msg{color:#000!important}

/* マニュアル「使い方ガイド」（v225）：図と注意の枠は、白黒の作法どおり太い黒の実線にする。
   本文中の ✅ は theme.js の monoFix が ✓ に置き換える（マニュアルにも効く）。📷 は manual.js が線画に置き換え済み */
:root[data-theme=mono] .mn-dia{border:3px solid #000}
:root[data-theme=mono] .mn-warn{border:3px solid #000}
:root[data-theme=mono] .mn-warn-ic{border:3px solid #000}
:root[data-theme=mono] .mn-num{border:2.5px solid #000}
}