/* ═══════════════════════════════════════════════════════════════
   SedoNote パネルスタイル（panels.css / v0.186）
   index.php の body内インライン<style>10ブロックを出現順のまま外部化。
   読み込みは <head> の sn.css 直後（＝旧body内styleと同じカスケード位置）。
   トークンは sn.css の --sn-* と --glass* を参照（本ファイルは定義を持たない）。
   ═══════════════════════════════════════════════════════════════ */

/* ───── panel block 1/10 ───── */
/* === 在庫ビュー専用CSS（ホーム kx-kpi 意匠を忠実踏襲） === */
/* select：プルダウン一覧を濃色化（白背景対策・nyuuryoku.php と同一） */
#panel-stock .list-toolbar select, #panel-sold .list-toolbar select{appearance:none;-webkit-appearance:none;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text);border-radius:9px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 11px center;padding:0 34px 0 14px;cursor:pointer;height:var(--ctl-h);line-height:normal;}#panel-stock .list-toolbar select option, #panel-sold .list-toolbar select option{background-color:var(--menu);color:var(--text);}/* 検索ボックス：ラッパでフォーカス表現／内側inputは枠線・影を出さない（二重枠線の修正） */
#panel-stock .list-toolbar .search-box, /* 検索ボックス：ラッパでフォーカス表現／内側inputは枠線・影を出さない（二重枠線の修正） */
#panel-sold .list-toolbar .search-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9px;height:var(--ctl-h);transition:border-color .15s,background .15s,box-shadow .15s;}#panel-stock .list-toolbar .search-box:focus-within, #panel-sold .list-toolbar .search-box:focus-within{border-color:rgba(201,168,76,.55);background:rgba(255,255,255,.07);box-shadow:0 0 0 3px rgba(201,168,76,.1);}#panel-stock .list-toolbar .search-box input, #panel-sold .list-toolbar .search-box input{background:transparent !important;border:0 !important;outline:0 !important;box-shadow:none !important;height:100%;}/* ページタイトル（nyuuryoku.php の page-head と同一スタイル） */
#panel-stock .page-head, /* ページタイトル（nyuuryoku.php の page-head と同一スタイル） */
#panel-sold .page-head{margin-bottom:20px;}#panel-stock .page-head h1, #panel-sold .page-head h1{font-size:20px;font-weight:600;letter-spacing:.01em;color:var(--text);}#panel-stock .page-head .sub, #panel-sold .page-head .sub{font-size:12px;color:var(--text3);margin-top:3px;}/* 統計カード：ホーム mcard 意匠（区切り線mdiv＋▲▼デルタ）を等倍で再現 */
#panel-stock .sv-mrow, /* 統計カード：ホーム mcard 意匠（区切り線mdiv＋▲▼デルタ）を等倍で再現 */
#panel-sold .sv-mrow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;}#panel-stock .mcard, #panel-sold .mcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:12px;display:flex;align-items:stretch;padding:0 6px;min-height:74px;}#panel-stock .mcol, #panel-sold .mcol{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:14px 8px;min-width:0;}#panel-stock .mcol-label, #panel-sold .mcol-label{font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.35);white-space:nowrap;}#panel-stock .mcol-val, #panel-sold .mcol-val{font-size:21px;font-weight:300;letter-spacing:-.03em;color:#f0ede8;line-height:1;white-space:nowrap;}#panel-stock .mcol-val.gold, #panel-sold .mcol-val.gold{color:rgba(201,168,76,.9);}#panel-stock .mcol-val .ut, #panel-sold .mcol-val .ut{font-size:11px;color:rgba(255,255,255,.3);margin-left:2px;}#panel-stock .mcol-chg, #panel-sold .mcol-chg{font-size:10px;display:flex;align-items:center;gap:2px;white-space:nowrap;letter-spacing:.01em;color:var(--text3);}#panel-stock .mcol-chg .ar, #panel-sold .mcol-chg .ar{font-size:9px;}#panel-stock .mcol-chg.up, #panel-sold .mcol-chg.up{color:rgba(90,191,138,.85);}#panel-stock .mcol-chg.down, #panel-sold .mcol-chg.down{color:rgba(224,82,82,.85);}#panel-stock .mdiv, #panel-sold .mdiv{width:1px;background:rgba(255,255,255,.08);margin:16px 0;flex-shrink:0;}#panel-stock .sv-ch, #panel-sold .sv-ch{display:inline-block;padding:1px 8px;border-radius:5px;font-size:10px;white-space:nowrap;}#panel-stock .sv-ch.kaitori, #panel-sold .sv-ch.kaitori{background:rgba(201,168,76,.14);color:var(--gold-soft,#e8d5a3);border:1px solid rgba(201,168,76,.28);}#panel-stock .sv-ch.amazon, #panel-sold .sv-ch.amazon{background:rgba(82,136,200,.14);color:var(--info);border:1px solid rgba(82,136,200,.28);}#panel-stock .sv-ch.flea, #panel-sold .sv-ch.flea{background:rgba(90,191,138,.14);color:var(--success);border:1px solid rgba(90,191,138,.28);}#panel-stock .sv-cond, #panel-sold .sv-cond{display:inline-block;padding:1px 8px;border-radius:5px;font-size:10px;background:rgba(201,168,76,.12);color:var(--accent);border:1px solid rgba(201,168,76,.25);white-space:nowrap;}#panel-stock .sv-cond.used, #panel-sold .sv-cond.used{background:rgba(82,136,200,.12);color:var(--info);border-color:rgba(82,136,200,.25);}#panel-stock .sv-num, #panel-sold .sv-num{font-variant-numeric:tabular-nums;}#panel-stock .sv-pos, #panel-sold .sv-pos{color:var(--success);font-variant-numeric:tabular-nums;}#panel-stock .sv-neg, #panel-sold .sv-neg{color:var(--danger);font-variant-numeric:tabular-nums;}/* 詳細検索ボタン */
#panel-stock .sv-detail-btn, /* 詳細検索ボタン */
#panel-sold .sv-detail-btn{display:flex;align-items:center;gap:6px;height:var(--ctl-h);padding:0 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9px;color:var(--text2);font-size:13px;cursor:pointer;white-space:nowrap;transition:all .15s;user-select:none;flex-shrink:0;}#panel-stock .sv-detail-btn:hover, #panel-sold .sv-detail-btn:hover{background:rgba(201,168,76,.14);border-color:rgba(201,168,76,.4);color:var(--gold-soft,#e8d5a3);}/* CSV出力ピル（詳細検索ピルと同じ見た目） */
#panel-stock .sv-csv-btn, /* CSV出力ピル（詳細検索ピルと同じ見た目） */
#panel-sold .sv-csv-btn{display:flex;align-items:center;gap:6px;height:var(--ctl-h);padding:0 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9px;color:var(--text2);font-size:13px;cursor:pointer;white-space:nowrap;}#panel-stock .sv-csv-btn:hover, #panel-sold .sv-csv-btn:hover{background:rgba(90,191,138,.14);border-color:rgba(90,191,138,.4);color:var(--success,#5abf8a);}#panel-stock .sv-detail-badge, #panel-sold .sv-detail-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--gold,#c9a84c);color:#1a1a1a;border-radius:9px;font-size:10px;font-weight:600;}/* 詳細検索モーダル */
#sv-filter-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:5600;display:none;align-items:center;justify-content:center;padding:76px 20px 150px;overflow-y:auto;}#sv-filter-modal.open{display:flex;}#sv-filter-modal .sv-modal{width:100%;max-width:680px;background:var(--menu);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;}#sv-filter-modal .sv-modal-head{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.08);}#sv-filter-modal .sv-modal-title{font-size:15px;font-weight:600;color:var(--text);}#sv-filter-modal .sv-modal-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text2);cursor:pointer;font-size:16px;transition:all .15s;}#sv-filter-modal .sv-modal-close:hover{background:rgba(224,82,82,.15);border-color:rgba(224,82,82,.4);color:var(--danger);}#sv-filter-modal .sv-modal-body{padding:14px 20px;max-height:calc(100vh - 76px - 150px - 96px);overflow-y:auto;}#sv-filter-modal .sv-fsec{margin-bottom:14px;}#sv-filter-modal .sv-fsec-label{font-size:11px;color:var(--text3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;}#sv-filter-modal .sv-pills{display:flex;flex-wrap:wrap;gap:7px;}#sv-filter-modal .sv-pill{padding:6px 13px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--text2);cursor:pointer;font-size:12px;transition:all .15s;user-select:none;white-space:nowrap;}#sv-filter-modal .sv-pill:hover{border-color:rgba(201,168,76,.35);}#sv-filter-modal .sv-pill.on{background:rgba(201,168,76,.16);border-color:rgba(201,168,76,.45);color:var(--gold-soft,#e8d5a3);}#sv-filter-modal .sv-range{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}#sv-filter-modal .sv-range input{width:140px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9px;color:var(--text);font-family:inherit;font-size:13px;padding:9px 12px;outline:none;height:var(--ctl-h);}#sv-filter-modal .sv-range input:focus{border-color:rgba(201,168,76,.55);background:rgba(255,255,255,.07);box-shadow:0 0 0 3px rgba(201,168,76,.1);}#sv-filter-modal .sv-range .sep{color:var(--text3);}#sv-filter-modal .sv-range .unit{color:var(--text3);font-size:12px;}#sv-filter-modal .sv-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-top:1px solid rgba(255,255,255,.08);}#sv-filter-modal .sv-btn-reset{padding:9px 18px;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:var(--text2);font-size:13px;cursor:pointer;transition:all .15s;}#sv-filter-modal .sv-btn-reset:hover{background:rgba(255,255,255,.05);color:var(--text);}#sv-filter-modal .sv-btn-apply{padding:9px 28px;background:var(--gold,#c9a84c);border:none;border-radius:9px;color:#1a1a1a;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;}#sv-filter-modal .sv-btn-apply:hover{background:var(--gold-soft,#e8d5a3);}#sd-filter-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:5600;display:none;align-items:center;justify-content:center;padding:76px 20px 150px;overflow-y:auto;}#sd-filter-modal.open{display:flex;}#sd-filter-modal .sv-modal{width:100%;max-width:680px;background:var(--menu);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;}#sd-filter-modal .sv-modal-head{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.08);}#sd-filter-modal .sv-modal-title{font-size:15px;font-weight:600;color:var(--text);}#sd-filter-modal .sv-modal-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text2);cursor:pointer;font-size:16px;transition:all .15s;}#sd-filter-modal .sv-modal-close:hover{background:rgba(224,82,82,.15);border-color:rgba(224,82,82,.4);color:var(--danger);}#sd-filter-modal .sv-modal-body{padding:14px 20px;max-height:calc(100vh - 76px - 150px - 96px);overflow-y:auto;}#sd-filter-modal .sv-fsec{margin-bottom:14px;}#sd-filter-modal .sv-fsec-label{font-size:11px;color:var(--text3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;}#sd-filter-modal .sv-pills{display:flex;flex-wrap:wrap;gap:7px;}#sd-filter-modal .sv-pill{padding:6px 13px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--text2);cursor:pointer;font-size:12px;transition:all .15s;user-select:none;white-space:nowrap;}#sd-filter-modal .sv-pill:hover{border-color:rgba(201,168,76,.35);}#sd-filter-modal .sv-pill.on{background:rgba(201,168,76,.16);border-color:rgba(201,168,76,.45);color:var(--gold-soft,#e8d5a3);}#sd-filter-modal .sv-range{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}#sd-filter-modal .sv-range input{width:140px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9px;color:var(--text);font-family:inherit;font-size:13px;padding:9px 12px;outline:none;height:var(--ctl-h);}#sd-filter-modal .sv-range input:focus{border-color:rgba(201,168,76,.55);background:rgba(255,255,255,.07);box-shadow:0 0 0 3px rgba(201,168,76,.1);}#sd-filter-modal .sv-range .sep{color:var(--text3);}#sd-filter-modal .sv-range .unit{color:var(--text3);font-size:12px;}#sd-filter-modal .sv-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-top:1px solid rgba(255,255,255,.08);}#sd-filter-modal .sv-btn-reset{padding:9px 18px;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:var(--text2);font-size:13px;cursor:pointer;transition:all .15s;}#sd-filter-modal .sv-btn-reset:hover{background:rgba(255,255,255,.05);color:var(--text);}#sd-filter-modal .sv-btn-apply{padding:9px 28px;background:var(--gold,#c9a84c);border:none;border-radius:9px;color:#1a1a1a;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;}#sd-filter-modal .sv-btn-apply:hover{background:var(--gold-soft,#e8d5a3);}/* ページネーション（ガラス意匠・控えめ） */
#panel-stock .sv-pager, /* ページネーション（ガラス意匠・控えめ） */
#panel-sold .sv-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px;padding:0 2px;}#panel-stock .sv-pager-info, #panel-sold .sv-pager-info{font-size:11.5px;color:var(--text3);font-variant-numeric:tabular-nums;}#panel-stock .sv-pager-btns, #panel-sold .sv-pager-btns{display:flex;gap:6px;}#panel-stock .sv-pager-btn, #panel-sold .sv-pager-btn{display:flex;align-items:center;justify-content:center;min-width:var(--ctl-h);height:var(--ctl-h);padding:0 10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text2);font-size:12px;cursor:pointer;transition:all .15s;user-select:none;}#panel-stock .sv-pager-btn:hover:not(.disabled), #panel-sold .sv-pager-btn:hover:not(.disabled){background:rgba(201,168,76,.14);border-color:rgba(201,168,76,.4);color:var(--gold-soft,#e8d5a3);}#panel-stock .sv-pager-btn.disabled, #panel-sold .sv-pager-btn.disabled{opacity:.35;cursor:default;}/* テーブルを囲むガラスカード（nyuuryoku .fcard と同一意匠） */
#panel-stock .sv-fcard, /* テーブルを囲むガラスカード（nyuuryoku .fcard と同一意匠） */
#panel-sold .sv-fcard{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;}#panel-stock .sv-fcard .fhead, #panel-sold .sv-fcard .fhead{display:flex;align-items:center;gap:9px;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.08);}#panel-stock .sv-fcard .ttl, #panel-sold .sv-fcard .ttl{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text2);}/* ガラス内のテーブル境界線を半透明に */
#panel-stock .sv-fcard thead th, /* ガラス内のテーブル境界線を半透明に */
#panel-sold .sv-fcard thead th{border-bottom:1px solid rgba(255,255,255,.08);padding-left:11px;padding-right:11px;}#panel-stock .sv-fcard tbody td, #panel-sold .sv-fcard tbody td{border-bottom:1px solid rgba(255,255,255,.05);padding-left:11px;padding-right:11px;}#panel-stock .sv-fcard tbody tr:last-child td, #panel-sold .sv-fcard tbody tr:last-child td{border-bottom:none;}#panel-stock .sv-fcard tbody tr:hover td, #panel-sold .sv-fcard tbody tr:hover td{background:rgba(255,255,255,.025);}/* ソート可能なth：ホバー色変化＋並び替え中の列を金色＋矢印 */
#panel-stock thead th, /* ソート可能なth：ホバー色変化＋並び替え中の列を金色＋矢印 */
#panel-sold thead th{cursor:pointer;user-select:none;transition:color .12s;}#panel-stock thead th:hover, #panel-sold thead th:hover{color:var(--text2);}#panel-stock thead th.sorted, #panel-sold thead th.sorted{color:var(--accent2);}#panel-stock thead th .arrow, #panel-sold thead th .arrow{font-size:9px;margin-left:3px;opacity:.9;}
/* ── 収支レポート ─────────── */
#panel-profit .pr-head{display:flex;justify-content:flex-end;margin-bottom:12px;}
#panel-profit .pr-range{font-size:11.5px;color:var(--text2);}
#panel-profit .pr-period{display:flex;gap:7px;margin-bottom:18px;flex-wrap:wrap;align-items:center;}
#panel-profit .pr-pill{width:88px;text-align:center;padding:5px 0;border-radius:8px;font-size:11.5px;cursor:pointer;background:rgba(255,255,255,.04);color:var(--text2);border:1px solid rgba(255,255,255,.09);transition:all .15s;user-select:none;}
#panel-profit .pr-pill:hover{border-color:rgba(255,255,255,.16);color:var(--text);}
#panel-profit .pr-pill.active{background:rgba(201,168,76,.14);color:var(--accent2);border-color:rgba(201,168,76,.38);}
#panel-profit .pr-custom{display:flex;align-items:center;gap:7px;margin-left:auto;flex-wrap:wrap;}
#panel-profit .pr-custom-lbl{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);}
#panel-profit .pr-custom input{width:140px;flex:0 0 auto;box-sizing:border-box;height:var(--ctl-h);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);color:var(--text);border-radius:7px;padding:4px 8px;font-size:11.5px;color-scheme:dark;}
#panel-profit .pr-custom span{color:var(--text3);font-size:11px;}
#panel-profit .pr-custom .pr-apply{padding:5px 12px;border-radius:7px;font-size:11.5px;font-weight:500;cursor:pointer;background:rgba(201,168,76,.14);color:rgba(255,255,255,.72);border:1px solid rgba(201,168,76,.32);}
#panel-profit .pr-mrow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;}
#panel-profit .pr-mcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:74px;}
#panel-profit .pr-mlabel{font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.35);white-space:nowrap;}
#panel-profit .pr-mval{font-size:21px;font-weight:300;letter-spacing:-.03em;color:#f0ede8;line-height:1;white-space:nowrap;}
#panel-profit .pr-mval.sm{font-size:21px;}
#panel-profit .pr-mval.gold{color:rgba(201,168,76,.92);font-weight:400;}
#panel-profit .pr-mval .ut{font-size:11px;color:rgba(255,255,255,.3);margin-left:2px;}
#panel-profit .pr-msub{font-size:10px;color:var(--text3);white-space:nowrap;}
#panel-profit .pr-msub.up{color:rgba(90,191,138,.85);}
#panel-profit .pr-msub.down{color:rgba(224,82,82,.85);}
#panel-profit .pr-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;margin-bottom:14px;}
#panel-profit .pr-card-head{display:flex;align-items:center;gap:9px;padding:9px 16px;border-bottom:1px solid rgba(255,255,255,.08);}
#panel-profit .pr-card-ttl{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text2);}
#panel-profit .pr-card-note{margin-left:auto;font-size:10px;color:var(--text3);}
#panel-profit .pr-chart-wrap{padding:12px 14px 8px;}
#panel-profit #pr-chart{width:100%;height:170px;}
#panel-profit .pr-chart-x{display:flex;justify-content:space-between;font-size:9.5px;color:var(--text3);padding:4px 2px 0;}
#panel-profit .pr-chan{padding:12px 16px;display:flex;flex-direction:column;gap:12px;}
#panel-profit .pr-chan-row .pr-chan-line{display:flex;align-items:center;gap:10px;margin-bottom:5px;font-size:11.5px;}
#panel-profit .pr-chip{display:inline-block;padding:1px 9px;border-radius:5px;font-size:10px;white-space:nowrap;}
#panel-profit .pr-chip.kaitori{background:rgba(201,168,76,.14);color:var(--accent);border:1px solid rgba(201,168,76,.28);}
#panel-profit .pr-chip.amazon{background:rgba(82,136,200,.14);color:var(--info);border:1px solid rgba(82,136,200,.28);}
#panel-profit .pr-chip.flea{background:rgba(90,191,138,.14);color:var(--success);border:1px solid rgba(90,191,138,.28);}
#panel-profit .pr-chan-units{color:var(--text2);}
#panel-profit .pr-chan-rev{margin-left:auto;color:var(--text);}
#panel-profit .pr-chan-prof{color:rgba(201,168,76,.9);min-width:118px;text-align:right;}
#panel-profit .pr-bar{height:6px;border-radius:4px;background:rgba(255,255,255,.05);overflow:hidden;}
#panel-profit .pr-bar i{display:block;height:100%;border-radius:4px;}
#panel-profit .pr-bar i.kaitori{background:rgba(201,168,76,.55);}
#panel-profit .pr-bar i.amazon{background:rgba(82,136,200,.55);}
#panel-profit .pr-bar i.flea{background:rgba(90,191,138,.55);}
#panel-profit .pr-table{width:100%;border-collapse:collapse;font-size:11.5px;}
#panel-profit .pr-table thead th{color:rgba(255,255,255,.45);font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:400;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:right;}
#panel-profit .pr-table thead th:first-child{text-align:left;padding-left:16px;}
#panel-profit .pr-table thead th:last-child{padding-right:16px;}
#panel-profit .pr-table tbody td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.05);text-align:right;color:#cfccc6;}
#panel-profit .pr-table tbody td:first-child{text-align:left;padding-left:16px;color:var(--text2);}
#panel-profit .pr-table tbody td:last-child{padding-right:16px;}
#panel-profit .pr-table tbody tr:last-child td{border-bottom:none;}
#panel-profit .pr-table tbody tr:hover td{background:rgba(255,255,255,.025);}
#panel-profit .pr-pos{color:var(--success);}
#panel-profit .pr-neg{color:var(--danger);}
#panel-profit .pr-empty{display:none;padding:48px 20px;text-align:center;color:var(--text3);font-size:13px;}
#panel-profit .pr-empty .pr-empty-ic{font-size:30px;margin-bottom:10px;opacity:.5;}
#panel-profit.pr-noData .pr-card,#panel-profit.pr-noData .pr-mrow{display:none;}
#panel-profit.pr-noData .pr-empty{display:block;}
@media (max-width:720px){#panel-profit .pr-mrow{grid-template-columns:repeat(2,1fr);}#panel-profit .pr-chan-prof{min-width:0;}#panel-profit .pr-table{font-size:10.5px;}#panel-profit .pr-table thead th,#panel-profit .pr-table tbody td{padding:7px 6px;}}

/* ───── panel block 2/10 ───── */
  #rr-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:5600;display:none;align-items:center;justify-content:center;padding:76px 20px 150px;overflow-y:auto;}
  #rr-modal.open{display:flex;}
  #rr-modal .sv-modal{width:100%;max-width:560px;background:var(--menu);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;}
  #rr-modal .sv-modal-head{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.08);}
  #rr-modal .sv-modal-title{font-size:15px;font-weight:600;color:var(--text);}
  #rr-modal .sv-modal-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text2);cursor:pointer;font-size:16px;transition:all .15s;}
  #rr-modal .sv-modal-close:hover{background:rgba(224,82,82,.15);border-color:rgba(224,82,82,.4);color:var(--danger);}
  #rr-modal .sv-modal-body{padding:14px 20px;max-height:calc(100vh - 76px - 150px - 96px);overflow-y:auto;}
  #rr-modal .sv-fsec{margin-bottom:14px;}
  #rr-modal .sv-fsec-label{font-size:11px;color:var(--text3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;}
  #rr-modal .sv-pills{display:flex;flex-wrap:wrap;gap:7px;}
  #rr-modal .sv-pill{padding:6px 13px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--text2);cursor:pointer;font-size:12px;transition:all .15s;user-select:none;white-space:nowrap;}
  #rr-modal .sv-pill:hover{border-color:rgba(201,168,76,.35);}
  #rr-modal .sv-pill.on{background:rgba(201,168,76,.16);border-color:rgba(201,168,76,.45);color:var(--gold-soft,#e8d5a3);}
  #rr-modal .sv-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-top:1px solid rgba(255,255,255,.08);}
  #rr-modal .sv-btn-reset{padding:9px 18px;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:var(--text2);font-size:13px;cursor:pointer;transition:all .15s;}
  #rr-modal .sv-btn-reset:hover{background:rgba(255,255,255,.05);color:var(--text);}
  #rr-modal .sv-btn-reset:disabled{opacity:.5;cursor:default;}
  #rr-modal .sv-btn-apply{padding:9px 28px;background:var(--gold,#c9a84c);border:none;border-radius:9px;color:#1a1a1a;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;}
  #rr-modal .sv-btn-apply:hover{background:var(--gold-soft,#e8d5a3);}
  #rr-modal .rr-note{font-size:11.5px;color:var(--text3);line-height:1.6;}
  #rr-modal .rr-log{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px;color:var(--text2);}
  #rr-modal .rr-log:last-child{border-bottom:none;}
  #rr-modal .rr-log .t{color:var(--text3);font-size:11px;white-space:nowrap;}

/* ───── panel block 3/10 ───── */
#nf-embed{
  /* テーマ追従：ローカル固定値をやめ、アプリ共通トークンを参照（ライトモード対応） */
  --bar-h:56px; --gold:var(--accent2); --gold-soft:var(--accent); --green:#5abf8a;
}
#nf-embed .out{font-weight:600;color:var(--gold-soft) !important;background:rgba(201,168,76,.06) !important;border-color:rgba(201,168,76,.18) !important;}#nf-embed #f-prov,#nf-embed #f-provrate,#nf-embed #fl-prof,#nf-embed #fl-profrate,#nf-embed #k-prof,#nf-embed #k-profrate{color:var(--text) !important;/* v0.146: 利益額・利益率は通常の白文字（Amazon/フリマ/買取 共通） */}
#nf-embed .ref{color:var(--text2) !important;}

#nf-embed .tplsel{margin-bottom:7px;}
#nf-embed .link-toggle{display:inline-block;margin-top:8px;font-size:11.5px;color:var(--gold);cursor:pointer;}
#nf-embed .link-toggle:hover{text-decoration:underline;}
#nf-embed .cond-col{}
#nf-embed .info-i{width:17px;height:17px;border-radius:50%;border:1px solid var(--glass-border);color:var(--text3);font-size:10px;display:inline-flex;align-items:center;justify-content:center;cursor:help;margin-left:auto;flex-shrink:0;}
#nf-embed .info-i:hover{color:var(--gold);border-color:var(--gold);}
#nf-embed .sbar-g{width:min(560px,92vw);margin-bottom:9px;background:var(--surface);border:1px solid rgba(255,255,255,.10);border-radius:24px;display:flex;align-items:center;padding:0 5px 0 0;overflow:hidden;pointer-events:auto;}
#nf-embed .di{width:43px;height:43px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;}
#nf-embed .di:hover{transform:translateY(-9px) scale(1.1);transition:transform .15s;}
#nf-embed .page-head{margin-bottom:20px;}
#nf-embed .page-head h1{font-size:20px;font-weight:600;letter-spacing:.01em;}
#nf-embed .page-head .sub{font-size:12px;color:var(--text3);margin-top:3px;}
#nf-embed .fcard{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;margin-bottom:16px;}
#nf-embed .fhead{display:flex;align-items:center;gap:9px;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.08);}
#nf-embed .fhead .ico{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;}
#nf-embed .fhead .ttl{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text2);}
#nf-embed .fhead .req{font-size:10px;color:var(--gold);}
#nf-embed .fhead .hint{margin-left:auto;font-size:10.5px;color:var(--text3);}
#nf-embed .fbody{padding:4px 16px 14px;display:flex;flex-direction:column;gap:12px;}
#nf-embed .fbody.one{grid-template-columns:1fr;}
#nf-embed .field{display:flex;flex-direction:column;gap:6px;min-width:0;}
#nf-embed .field>label{font-size:11.5px;color:var(--text2);font-weight:500;}
#nf-embed .field>label .opt{color:var(--text3);font-weight:400;font-size:10.5px;margin-left:4px;}
#nf-embed input[type=text], #nf-embed input[type=email], #nf-embed input[type=number], #nf-embed input[type=date], #nf-embed select, #nf-embed textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9px;color:var(--text);font-family:inherit;font-size:13px;line-height:1.45;/* v0.145: .out(DM Mono)のフォント差で縦サイズが揃わないため明示 */padding:9px 12px;outline:none;transition:border-color .15s,background .15s,box-shadow .15s;}
#nf-embed input::placeholder, #nf-embed textarea::placeholder{color:var(--text3);}
#nf-embed input:focus, #nf-embed select:focus, #nf-embed textarea:focus{border-color:rgba(201,168,76,.55);background:rgba(255,255,255,.07);box-shadow:0 0 0 3px rgba(201,168,76,.1);}
#nf-embed select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 11px center;padding-right:32px;cursor:pointer;}
#nf-embed textarea{resize:vertical;min-height:62px;line-height:1.6;}
#nf-embed .with-btn{display:flex;gap:8px;}
#nf-embed .with-btn input{flex:1;}
#nf-embed .radio-group{display:flex;flex-wrap:wrap;gap:7px;}
#nf-embed .radio-opt{padding:7px 13px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--text2);cursor:pointer;font-size:12px;transition:all .15s;user-select:none;white-space:nowrap;}
#nf-embed .radio-opt:hover{border-color:rgba(255,255,255,.18);color:var(--text);}
#nf-embed .radio-opt.selected{background:rgba(201,168,76,.16);border-color:rgba(201,168,76,.45);color:var(--gold-soft);}
#nf-embed .radio-opt.big{padding:11px 18px;font-size:13px;font-weight:500;}

#nf-embed .btn-primary{width:100%;height:50px;border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;color:#0a0d16;background:linear-gradient(135deg,#e8d5a3,#c9a84c);letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:8px;}
#nf-embed .btn-primary:hover{filter:brightness(1.07);}
#nf-embed .ghost-btn{height:var(--ctl-h);padding:0 14px;border-radius:9px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:inherit;font-size:12.5px;color:var(--text2);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);white-space:nowrap;}
#nf-embed .note{margin-top:18px;padding:13px 16px;border:1px dashed rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.03);color:var(--text2);font-size:11.5px;line-height:1.8;}
#nf-embed .note b{color:var(--gold-soft);}
@media(max-width:760px){
  #nf-embed .fbody{grid-template-columns:1fr;}
}
#nf-embed select option{background-color:var(--menu);color:var(--text);}
#nf-embed .fcard.basic .fhead{padding:8px 16px;}
#nf-embed .fcard.basic .fbody{padding:13px 16px;gap:10px 16px;}
#nf-embed .field.row{flex-direction:row;align-items:center;gap:10px;}
#nf-embed .field.row>label{flex:0 0 auto;min-width:48px;margin:0;font-size:11.5px;color:var(--text2);font-weight:500;}
#nf-embed .field.row .radio-group{flex:1;}
#nf-embed .field.row select{flex:1;}
@media(max-width:760px){
  #nf-embed .field.row{flex-direction:column;align-items:stretch;gap:5px;}
  #nf-embed .field.row>label{min-width:0;}
}
#nf-embed .fbody.three{grid-template-columns:1fr auto 1fr;align-items:start;}
@media(max-width:760px){
  #nf-embed .fbody.three{grid-template-columns:1fr;}
}
#nf-embed .fcard.basic .radio-opt{height:var(--ctl-h);padding:0 18px;min-width:68px;justify-content:center;display:inline-flex;align-items:center;}
#nf-embed .fcard.basic select{height:var(--ctl-h);padding:0 32px 0 12px;}
#nf-embed .fcard.basic .fbody.bsplit{--bgap:16px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:stretch;column-gap:var(--bgap);padding:4px var(--bgap) 14px;}
#nf-embed .bsec{min-width:0;display:flex;flex-direction:column;}
#nf-embed .bsec-div{width:1px;background:rgba(255,255,255,.08);align-self:stretch;}
#nf-embed .fcard.basic .bsec select{width:100%;}
#nf-embed .fcard.basic .bsec .radio-group{display:flex;gap:7px;width:100%;}
#nf-embed .fcard.basic .bsec .radio-opt{flex:1;}
#nf-embed .fcard.basic .bsec .field>label{line-height:1.25;margin-bottom:-1px;}
@media(max-width:760px){
  #nf-embed .fcard.basic .fbody.bsplit{grid-template-columns:1fr;row-gap:12px;}
  #nf-embed .bsec-div{display:none;}
}
#nf-embed input[type=date]{color-scheme:dark;}
#nf-embed #profit-out{font-weight:600;}
#nf-embed .req-star{color:var(--gold);font-weight:700;margin-left:2px;}
#nf-embed .frow{display:grid;align-items:stretch;column-gap:16px;row-gap:13px;}
#nf-embed .frow.c1{grid-template-columns:1fr;}
#nf-embed .frow.c2{grid-template-columns:1fr 1fr;}
#nf-embed .frow.c3{grid-template-columns:1fr 1fr 1fr;}
#nf-embed .vdiv{width:1px;background:rgba(255,255,255,.08);align-self:stretch;}
#nf-embed .frow .field{min-width:0;}
#nf-embed .frow .field>label{line-height:1.25;margin-bottom:-1px;}
#nf-embed .frow .field .radio-group{display:flex;gap:7px;flex-wrap:wrap;}
#nf-embed .frow .field .radio-opt{padding-top:9px;padding-bottom:9px;}
#nf-embed #pay-card, #nf-embed #pay-gift, #nf-embed #bill-addr{display:flex;flex-direction:column;gap:13px;}
/* v0.199 段3: ギフトカード充当ウィジェット（旧.gift-row自由入力は廃止→台帳から選択） */
#nf-embed .gu-row{display:grid;grid-template-columns:1fr 150px var(--ctl-h);gap:8px;margin-bottom:8px;}
#nf-embed .gu-row select,#nf-embed .gu-row input{width:100%;}
#nf-embed .gu-rm{height:var(--ctl-h);border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:var(--text2);cursor:pointer;font-size:16px;line-height:1;}
#nf-embed .gu-add{align-self:flex-start;margin-top:2px;}
@media(max-width:760px){
  #nf-embed .frow.c2, #nf-embed .frow.c3{grid-template-columns:1fr;}
  #nf-embed .vdiv{display:none;}
  #nf-embed .gu-row{grid-template-columns:1fr 110px var(--ctl-h);}
}
#nf-embed .radio-group.compact .radio-opt{padding-left:8px;padding-right:8px;letter-spacing:-.01em;}
#nf-embed .ghost-btn{height:var(--ctl-h);padding:0 14px;border-radius:9px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:inherit;font-size:12.5px;color:var(--text2);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);white-space:nowrap;}
#nf-embed #pay-card, #nf-embed #pay-gift, #nf-embed #bill-addr{display:flex;flex-direction:column;gap:13px;}
#nf-embed .radio-group.even{display:flex;gap:7px;flex-wrap:nowrap;}
#nf-embed .radio-group.even .radio-opt{flex:1 1 0;min-width:0;justify-content:center;text-align:center;white-space:normal;}
#nf-embed .pair2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
#nf-embed .pair2 input{width:100%;}
#nf-embed .radio-group.even-1line{display:flex;gap:6px;flex-wrap:nowrap;}
#nf-embed .radio-group.even-1line .radio-opt{flex:1 1 0;min-width:0;justify-content:center;text-align:center;white-space:nowrap;font-size:11px;padding-left:6px;padding-right:6px;}
#nf-embed .radio-group.cond-grid{display:flex;flex-wrap:wrap;gap:7px;}
#nf-embed .kc-block{min-width:0;}
#nf-embed .kc-labels{display:grid;grid-template-columns:repeat(6,1fr);column-gap:7px;margin-bottom:6px;}
#nf-embed .kc-labels label{font-size:11.5px;color:var(--text2);font-weight:500;line-height:1.25;}
#nf-embed .kc-l-cond{grid-column:1 / span 2;}
#nf-embed .kc-l-stat{grid-column:3 / span 4;}
#nf-embed .kc-pills{display:grid;grid-template-columns:repeat(6,1fr);column-gap:7px;}
#nf-embed .kc-contents{display:contents;}
#nf-embed .kc-pills .radio-opt{justify-content:center;text-align:center;white-space:nowrap;font-size:11px;padding:9px 6px;min-width:0;}
#nf-embed .am-hs{display:flex;gap:7px;align-items:flex-start;}
#nf-embed .am-hs .field{min-width:0;}
#nf-embed .radio-group.even-tight{display:flex;gap:6px;flex-wrap:nowrap;}
#nf-embed .radio-group.even-tight .radio-opt{flex:1 1 0;min-width:0;justify-content:center;text-align:center;white-space:nowrap;font-size:10.5px;padding:9px 4px;letter-spacing:-.02em;}
#nf-embed .radio-group.cond-grid .radio-opt{flex:1 1 0;min-width:0;justify-content:center;text-align:center;white-space:normal;}
#nf-embed .cond-break{flex-basis:100%;flex-shrink:0;height:0;}
#nf-embed .radio-group.pay-fit{display:flex;gap:6px;flex-wrap:nowrap;}
#nf-embed .radio-group.pay-fit .radio-opt{flex:1 1 auto;min-width:0;white-space:nowrap;justify-content:center;text-align:center;}

/* ───── panel block 4/10 ───── */
        #panel-price-chart .ws-inp{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:7px;color:var(--text);font-size:13px;padding:8px 10px;font-family:inherit;transition:border-color .15s;}
        #panel-price-chart .ws-inp:focus{outline:none;border-color:var(--accent2);}
        #panel-price-chart .ws-inp::placeholder{color:var(--text3);}
        #panel-price-chart .ws-sel{background-color:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:7px;color:var(--text);font-size:13px;padding:8px 10px;font-family:inherit;width:100%;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:32px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 11px center;}
        #panel-price-chart .ws-sel:focus{outline:none;border-color:var(--accent2);}
        #panel-price-chart .ws-sel option{background-color:var(--menu);color:var(--text);}
        #panel-price-chart .ws-gold{background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);border:none;color:#1a1408;font-weight:700;border-radius:8px;padding:9px 16px;font-size:13px;cursor:pointer;font-family:inherit;transition:opacity .15s;white-space:nowrap;}
        #panel-price-chart .ws-gold:hover{opacity:.92;}
        #panel-price-chart .ws-gold:disabled{opacity:.5;cursor:default;}
        #panel-price-chart .ws-ghost{background:transparent;border:1px solid var(--glass-border);color:var(--text3);border-radius:8px;padding:9px 16px;font-size:12px;cursor:pointer;font-family:inherit;}
        #panel-price-chart .ws-ghost:hover{color:var(--text);border-color:var(--glass-border-strong);}
        #panel-price-chart .ws-results{display:flex;flex-direction:column;gap:8px;}
        #panel-price-chart .ws-item{background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;overflow:hidden;}
        #panel-price-chart .ws-row{display:flex;align-items:center;gap:12px;padding:12px 14px;}
        #panel-price-chart .ws-rmain{flex:1;min-width:0;}
        #panel-price-chart .ws-name{font-size:13px;color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
        #panel-price-chart .ws-meta{font-size:11px;color:var(--text3);margin-top:3px;}
        #panel-price-chart .ws-price{color:var(--accent);}
        #panel-price-chart .ws-cond{border-top:1px solid var(--glass-border);padding:14px;display:none;}
        #panel-price-chart .ws-cond.open{display:block;}
        #panel-price-chart .ws-crow{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
        #panel-price-chart .ws-field{flex:1;min-width:120px;display:flex;flex-direction:column;gap:5px;}
        #panel-price-chart .ws-field .ws-inp{width:100%;}
        #panel-price-chart .ws-label{font-size:11px;color:var(--text2);font-weight:500;}
        #panel-price-chart .ws-thr{display:flex;align-items:stretch;}
        #panel-price-chart .ws-thr .ws-inp{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;width:100%;}
        #panel-price-chart .ws-unit{display:flex;align-items:center;padding:0 12px;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-left:none;border-top-right-radius:7px;border-bottom-right-radius:7px;font-size:12px;color:var(--accent);min-width:38px;justify-content:center;}
        #panel-price-chart .ws-toggle{display:flex;align-items:center;gap:8px;padding:10px 0;cursor:pointer;user-select:none;border-top:1px dashed var(--glass-border);margin-top:4px;}
        #panel-price-chart .ws-chk{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--glass-border-strong);background:rgba(255,255,255,.04);flex-shrink:0;position:relative;transition:all .15s;}
        #panel-price-chart .ws-toggle.on .ws-chk{background:var(--accent2);border-color:var(--accent2);}
        #panel-price-chart .ws-toggle.on .ws-chk::after{content:'';position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #1a1408;border-width:0 2px 2px 0;transform:rotate(45deg);}
        #panel-price-chart .ws-toggle .ws-tlbl{font-size:12px;color:var(--text);font-weight:500;}
        #panel-price-chart .ws-fields{margin-top:12px;}
        #panel-price-chart .ws-fields.hidden{display:none;}
        #panel-price-chart .ws-cact{display:flex;gap:8px;align-items:center;margin-top:14px;}
        #panel-price-chart .ws-alert-hint{font-size:11px;color:var(--text3);margin:2px 0 0;line-height:1.5;}
        #panel-price-chart .ws-empty{text-align:center;padding:24px 12px;color:var(--text3);font-size:12px;border:1px dashed var(--glass-border);border-radius:10px;}

/* ───── panel block 5/10 ───── */
        #panel-price-chart .folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start;}
        @media (max-width:560px){ #panel-price-chart .folder-grid{grid-template-columns:1fr;} }
        #panel-price-chart .btn{background:var(--glass);border:1px solid var(--glass-border);color:var(--text2);}
        #panel-price-chart .btn:hover{background:var(--glass-2);color:var(--text);border-color:var(--glass-border-strong);}
        #panel-price-chart .chart-tf-btn.active{background:var(--accent2);border-color:var(--accent2);color:#0f0f11;font-weight:500;}
        #panel-price-chart #jan-add-btn{background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);border:none;color:#1a1408;font-weight:700;}
        #panel-price-chart #jan-add-btn:hover{opacity:.92;}

/* ───── panel block 6/10 ───── */
        #alert-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--glass-border);}
        #alert-section .al-head{display:flex;align-items:center;gap:8px;margin-bottom:4px;}
        #alert-section .al-head h2{font-size:15px;font-weight:500;margin:0;}
        #alert-section .al-head-sub{font-size:11px;color:var(--text3);margin-bottom:14px;}
        #alert-section .al-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;padding:16px;margin-bottom:18px;}
        #alert-section .al-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:11px 10px;grid-template-areas:"prod prod metric" "cond thr cool" "note note note";}
        #alert-section .al-grid.no-metric{grid-template-areas:"prod prod prod" "cond thr cool" "note note note";}
        #alert-section .al-field{display:flex;flex-direction:column;gap:5px;min-width:0;}
        #alert-section .f-prod{grid-area:prod;}#alert-section .f-metric{grid-area:metric;}#alert-section .f-cond{grid-area:cond;}#alert-section .f-thr{grid-area:thr;}#alert-section .f-cool{grid-area:cool;}#alert-section .f-note{grid-area:note;}
        #alert-section .al-label{font-size:11px;color:var(--text2);font-weight:500;}
        #alert-section .al-input,#alert-section .al-select{background-color:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:7px;color:var(--text);font-size:13px;padding:8px 10px;font-family:inherit;width:100%;transition:border-color .15s;}
        #alert-section .al-input:focus,#alert-section .al-select:focus{outline:none;border-color:var(--accent2);}
        #alert-section .al-select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:32px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 11px center;}
        #alert-section .al-select option{background-color:var(--menu);color:var(--text);}
        #alert-section .al-input::placeholder{color:var(--text3);}
        #alert-section .al-thr-wrap{display:flex;align-items:stretch;}
        #alert-section .al-thr-wrap .al-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;}
        #alert-section .al-unit{display:flex;align-items:center;padding:0 12px;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-left:none;border-top-right-radius:7px;border-bottom-right-radius:7px;font-size:12px;color:var(--accent);min-width:38px;justify-content:center;}
        #alert-section .al-actions{display:flex;gap:8px;align-items:center;margin-top:14px;}
        #alert-section .al-btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);color:#1a1408;border:none;font-weight:700;padding:9px 20px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;transition:opacity .15s;}
        #alert-section .al-btn-primary:hover{opacity:.9;}
        #alert-section .al-btn-ghost{background:transparent;color:var(--text3);border:1px solid var(--glass-border);padding:9px 16px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:12px;}
        #alert-section .al-btn-ghost:hover{color:var(--text);border-color:var(--glass-border-strong);}
        #alert-section .al-list{display:flex;flex-direction:column;gap:8px;}
        #alert-section .al-item{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;transition:opacity .2s;}
        #alert-section .al-item.al-off{opacity:.5;}
        #alert-section .al-item .al-main{flex:1;min-width:0;}
        #alert-section .al-item .al-title{font-size:13px;color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
        #alert-section .al-item .al-title .al-prod{color:var(--accent);}
        #alert-section .al-item .al-sub{font-size:11px;color:var(--text3);margin-top:3px;display:flex;gap:10px;flex-wrap:wrap;}
        #alert-section .al-item .al-sub .al-fired{color:var(--success);}
        #alert-section .al-item-btns{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
        #alert-section .al-icon-btn{background:transparent;border:none;color:var(--text3);cursor:pointer;font-size:13px;padding:4px;border-radius:5px;font-family:inherit;}
        #alert-section .al-icon-btn:hover{color:var(--text);}
        #alert-section .al-icon-btn.del:hover{color:var(--danger);}
        #alert-section .al-sw{position:relative;width:42px;height:23px;flex:0 0 auto;cursor:pointer;display:inline-block;}
        #alert-section .al-sw .al-track{position:absolute;inset:0;background:var(--border2);border-radius:999px;transition:.2s;}
        #alert-section .al-sw .al-thumb{position:absolute;top:2px;left:2px;width:19px;height:19px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.3);}
        #alert-section .al-sw.al-on .al-track{background:var(--accent2);}
        #alert-section .al-sw.al-on .al-thumb{left:21px;}
        #alert-section .al-empty{text-align:center;padding:28px 12px;color:var(--text3);font-size:12px;border:1px dashed var(--glass-border);border-radius:10px;}
        @media (max-width:520px){
          #alert-section .al-grid{grid-template-columns:1fr;grid-template-areas:"prod" "metric" "cond" "thr" "cool" "note";}
          #alert-section .al-grid.no-metric{grid-template-columns:1fr;grid-template-areas:"prod" "cond" "thr" "cool" "note";}
        }

/* ───── panel block 7/10 ───── */
    .aia-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;}
    .aia-sec-label{font-size:11px;letter-spacing:.1em;color:var(--text3);text-transform:uppercase;margin:0 0 12px 2px;}
    .aia-kpis{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap;align-items:stretch;}
    /* v0.221: 縦幅を販売・仕入リスト（#panel-stock/#panel-sold: min-height74・mcol padding14px）と統一 */
    #panel-ai .mcard{flex:2 1 0;min-width:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:10px;display:flex;align-items:stretch;padding:0 6px;min-height:74px;}
    #panel-ai .mcard-wide{flex:3 1 0;}
    #panel-ai .mcol{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:14px 8px;min-width:0;}
    #panel-ai .mcol-label{font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.35);white-space:nowrap;}
    #panel-ai .mcol-val{font-size:19px;font-weight:300;letter-spacing:-.03em;color:#f0ede8;line-height:1;white-space:nowrap;}
    #panel-ai .mcol-val.gold{color:rgba(201,168,76,.9);}
    #panel-ai .mcol-val .ut{font-size:10.5px;color:rgba(255,255,255,.3);margin-left:2px;}
    /* v0.222: 増減欄が空でも高さ17pxを予約し全mcolを3行化＝販売・仕入カードと同一の内容高さに揃える
       （17px=stock chg 15px＋val差2px[stock21/AI19]の相殺。min-height依存の magic number を避け内容駆動で一致） */
    #panel-ai .mcol-chg{font-size:9.5px;min-height:17px;display:flex;align-items:center;justify-content:center;gap:2px;white-space:nowrap;letter-spacing:.01em;color:var(--text3);}
    #panel-ai .mcol-chg .ar{font-size:8.5px;}
    #panel-ai .mcol-chg.up{color:rgba(90,191,138,.85);}
    #panel-ai .mcol-chg.down{color:rgba(224,82,82,.85);}
    #panel-ai .mdiv{width:1px;background:rgba(255,255,255,.08);margin:16px 0;flex-shrink:0;}
    .aia-diag{position:relative;padding:22px 24px 20px;margin-bottom:24px;overflow:hidden;}
    .aia-diag-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:10px;}
    .aia-diag-title{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--accent);display:flex;align-items:center;gap:7px;}
    .aia-diag-meta{display:flex;align-items:center;gap:12px;}
    .aia-diag-time{font-size:11px;color:var(--text3);}
    .aia-diag-body{font-size:13.5px;line-height:1.9;color:var(--text);white-space:pre-wrap;}
    .aia-diag-body b,.aia-diag-body strong{color:var(--accent);font-weight:600;}
    .aia-chips{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;}
    .aia-chips:empty{display:none;}
    .aia-chip{font-size:11px;padding:5px 12px;border-radius:20px;font-weight:500;border:1px solid;}
    .aia-chip-a{color:var(--danger);border-color:rgba(224,122,95,.35);background:rgba(224,122,95,.08);}
    .aia-chip-b{color:var(--accent2);border-color:rgba(224,178,82,.35);background:rgba(224,178,82,.08);}
    .aia-chip-c{color:var(--info);border-color:rgba(91,155,213,.35);background:rgba(91,155,213,.08);}
    .aia-btn-gold{font-family:inherit;font-size:12px;font-weight:500;padding:7px 16px;border-radius:8px;border:1px solid var(--accent2);background:rgba(201,168,76,.12);color:var(--accent);cursor:pointer;transition:all .15s;white-space:nowrap;}
    .aia-btn-gold:hover{background:rgba(201,168,76,.2);}
    .aia-btn-gold:disabled{opacity:.5;cursor:default;}
    .aia-chat{padding:20px 22px;}
    .aia-chat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-wrap:wrap;gap:10px;}
    .aia-chat-h{font-size:13px;font-weight:600;display:flex;align-items:center;gap:7px;}
    .aia-toggle{display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none;}
    .aia-toggle-lbl{font-size:11.5px;color:var(--text2);}
    .aia-switch{position:relative;width:38px;height:21px;flex-shrink:0;display:inline-block;}
    .aia-switch input{opacity:0;width:0;height:0;}
    .aia-slider{position:absolute;inset:0;background:var(--glass);border:1px solid var(--glass-border);border-radius:21px;transition:.2s;}
    .aia-slider::before{content:'';position:absolute;height:15px;width:15px;left:2px;top:2px;background:var(--text3);border-radius:50%;transition:.2s;}
    .aia-switch input:checked + .aia-slider{background:rgba(201,168,76,.25);border-color:var(--accent2);}
    .aia-switch input:checked + .aia-slider::before{transform:translateX(17px);background:var(--accent);}
    .aia-hint{font-size:11px;color:var(--text3);line-height:1.6;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--glass-border);}
    .aia-chatwin{display:flex;flex-direction:column;gap:12px;min-height:90px;max-height:440px;overflow-y:auto;margin-bottom:14px;padding:2px;}
    .aia-input{display:flex;gap:8px;}
    .aia-input input{flex:1;font-family:inherit;font-size:12.5px;padding:10px 14px;border-radius:10px;border:1px solid var(--glass-border);background:var(--glass);color:var(--text);outline:none;transition:border-color .15s;}
    .aia-input input:focus{border-color:var(--glass-border-strong);}
    .aia-input input::placeholder{color:var(--text3);}
    .aia-suggest{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
    .aia-sg{font-size:11px;color:var(--text2);border:1px solid var(--glass-border);background:var(--glass);padding:6px 12px;border-radius:20px;cursor:pointer;transition:all .15s;}
    .aia-sg:hover{border-color:var(--accent2);color:var(--accent);}
    .aia-meter{display:flex;gap:14px;font-size:11px;background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;padding:9px 14px;margin-top:16px;flex-wrap:wrap;align-items:center;}
    .aia-meter-k{color:var(--text3);}
    .aia-meter-v{font-weight:500;color:var(--accent2);}
    .aia-anon-wrap{display:none;margin-left:auto;}
    .aia-anon-btn{font-size:11px;padding:4px 10px;border-radius:6px;border:1px solid;background:transparent;cursor:pointer;font-family:inherit;}
    @media(max-width:620px){.aia-kpis{flex-direction:column;}#panel-ai .mcard,#panel-ai .mcard-wide{flex:1 1 auto;}}

/* ───── panel block 8/10 ───── */
#panel-mypage{--gold-soft:rgba(201,168,76,.9);}
#panel-mypage .mpg-head .mpg-eyebrow{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);opacity:.8;}
#panel-mypage .mpg-head h2{font-size:20px;font-weight:600;letter-spacing:.01em;margin-top:5px;}
#panel-mypage .mpg-head .mpg-sub{font-size:11.5px;color:var(--text3);margin-top:4px;}
#panel-mypage .mpg-layout{display:grid;grid-template-columns:182px 1fr;gap:24px;margin-top:22px;align-items:start;}
#panel-mypage .mpg-nav{position:sticky;top:calc(var(--bar-h) + 16px);display:flex;flex-direction:column;gap:2px;background:rgba(255,255,255,.04);border:1px solid var(--glass-border);border-radius:14px;padding:7px;}
#panel-mypage .mpg-snav{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;cursor:pointer;font-size:12px;color:var(--text2);transition:all .14s;border:1px solid transparent;text-decoration:none;}
#panel-mypage .mpg-snav:hover{background:var(--glass-2);color:var(--text);}
#panel-mypage .mpg-snav.active{background:rgba(201,168,76,.12);color:var(--accent);border-color:rgba(201,168,76,.22);}
#panel-mypage .mpg-snav .ic{font-size:14px;width:18px;text-align:center;}
#panel-mypage .mpg-content{display:flex;flex-direction:column;gap:16px;}
#panel-mypage .mpg-card{background:rgba(255,255,255,.045);border:1px solid var(--glass-border);border-radius:14px;padding:20px 22px;scroll-margin-top:70px;}
#panel-mypage .mpg-card-title{font-size:10.5px;font-weight:500;color:var(--gold-soft);margin-bottom:18px;display:flex;align-items:center;gap:8px;letter-spacing:.1em;text-transform:uppercase;}
#panel-mypage .mpg-card-title .ja{}
#panel-mypage .mpg-card-title .hint{margin-left:auto;font-size:9.5px;color:var(--text3);font-weight:400;letter-spacing:.02em;text-transform:none;}
#panel-mypage .mpg-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--glass-border);}
#panel-mypage .mpg-row:first-of-type{padding-top:0;}
#panel-mypage .mpg-row:last-child{border-bottom:none;padding-bottom:0;}
#panel-mypage .mpg-rl{font-size:11.5px;color:var(--text3);flex-shrink:0;}
#panel-mypage .mpg-rv{font-size:13px;font-weight:500;color:var(--text);text-align:right;display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap;}
#panel-mypage .mpg-num{font-variant-numeric:tabular-nums;letter-spacing:-.01em;}
#panel-mypage .mpg-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;padding:3px 9px;border-radius:20px;letter-spacing:.02em;}
#panel-mypage .mpg-badge.paid{background:rgba(82,183,136,.16);color:var(--success);}
#panel-mypage .mpg-badge.trial{background:var(--glass-2);color:var(--text2);border:1px solid var(--glass-border);}
#panel-mypage .mpg-badge.google{background:rgba(91,155,213,.14);color:var(--info);}
#panel-mypage .mpg-fld{background:var(--glass);border:1px solid var(--glass-border);border-radius:9px;padding:9px 12px;color:var(--text);font-size:13px;outline:none;transition:border-color .15s;}
#panel-mypage .mpg-fld:focus{border-color:rgba(201,168,76,.4);}
#panel-mypage .mpg-btn{padding:9px 16px;border-radius:9px;border:1px solid var(--glass-border);background:var(--glass);color:var(--text);font-size:12px;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px;text-decoration:none;}
#panel-mypage .mpg-btn:hover{background:var(--glass-2);}
#panel-mypage .mpg-btn.primary{background:rgba(201,168,76,.16);border-color:rgba(201,168,76,.32);color:var(--accent);font-weight:500;}
#panel-mypage .mpg-btn.sm{padding:6px 11px;font-size:11px;border-radius:8px;}
#panel-mypage .mpg-btn.stripe{background:linear-gradient(135deg,#635bff,#7c74ff);border-color:#635bff;color:#fff;font-weight:500;}
#panel-mypage .mpg-mstrip{display:flex;gap:14px;flex-wrap:wrap;}
#panel-mypage .mpg-mcard{flex:1 1 0;min-width:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:10px;display:flex;align-items:stretch;padding:0 6px;min-height:84px;}
#panel-mypage .mpg-mcol{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 8px;min-width:0;}
#panel-mypage .mpg-mlabel{font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.35);white-space:nowrap;}
#panel-mypage .mpg-mval{font-size:22px;font-weight:300;letter-spacing:-.03em;color:#f0ede8;line-height:1;white-space:nowrap;}
#panel-mypage .mpg-mval.gold{color:var(--gold-soft);}
#panel-mypage .mpg-mval .lim{font-size:11px;color:rgba(255,255,255,.3);margin-left:1px;}
#panel-mypage .mpg-mchg{font-size:9px;letter-spacing:.02em;color:var(--text3);white-space:nowrap;}
#panel-mypage .mpg-mchg.warn{color:rgba(224,82,82,.8);}
#panel-mypage .mpg-mdiv{width:1px;background:rgba(255,255,255,.08);margin:16px 0;flex-shrink:0;}
#panel-mypage .mpg-note{font-size:11px;color:var(--text3);line-height:1.7;margin-top:14px;padding:11px 13px;background:var(--glass-2);border:1px solid var(--glass-border);border-radius:9px;}
#panel-mypage .mpg-suffix{font-size:11.5px;color:var(--text3);}
#panel-mypage .mpg-msub{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;background:var(--glass-2);padding:5px;border-radius:11px;border:1px solid var(--glass-border);}
#panel-mypage .mpg-msub-btn{flex:1;min-width:78px;padding:7px 13px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text2);font-size:12px;cursor:pointer;transition:all .14s;display:inline-flex;align-items:center;justify-content:center;gap:6px;}
#panel-mypage .mpg-msub-btn:hover{color:var(--text);}
#panel-mypage .mpg-msub-btn.cur{background:var(--glass);border-color:var(--glass-border-strong);color:var(--text);font-weight:500;}
#panel-mypage .mpg-mpane{display:none;}
#panel-mypage .mpg-mpane.show{display:block;}
#panel-mypage .mpg-sub-desc{font-size:11px;color:var(--text3);margin-bottom:14px;}
#panel-mypage .mpg-addbox{background:var(--glass-2);border:1px solid var(--glass-border);border-radius:11px;overflow:hidden;margin-bottom:14px;}
#panel-mypage .mpg-addbox-h{padding:10px 14px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--glass-border);font-size:9.5px;font-weight:500;color:var(--gold-soft);letter-spacing:.08em;text-transform:uppercase;}
#panel-mypage .mpg-addrow{display:flex;gap:8px;flex-wrap:wrap;padding:13px 14px;align-items:center;}
#panel-mypage .mpg-addrow .mpg-fld{flex:1;min-width:130px;}
#panel-mypage select.mpg-fld{cursor:pointer;}
#panel-mypage .mpg-mlist-card{border:1px solid var(--glass-border);border-radius:11px;overflow:hidden;}
#panel-mypage .mpg-mlist-h{padding:10px 14px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--glass-border);font-size:11px;color:var(--text2);}
@media(max-width:760px){
  #panel-mypage .mpg-addrow{flex-direction:column;align-items:stretch;}
  #panel-mypage .mpg-addrow .mpg-fld{max-width:none;min-width:0;}
}

@media(max-width:760px){
  #panel-mypage .mpg-layout{grid-template-columns:1fr;}
  #panel-mypage .mpg-nav{position:static;flex-direction:row;overflow-x:auto;}
  #panel-mypage .mpg-snav .lbl{display:none;}
  #panel-mypage .mpg-mstrip{flex-direction:column;}
}

/* ───── panel block 9/10 ───── */
/* v0.214 B-31: tips-* は #panel-tips（市場ランキング）と #pr-myrank（収支レポート内の
   実績ランキングカード）の2箇所で共用するため、#panel-tips スコープを外している */
#panel-tips,#pr-myrank{--gold-soft:rgba(201,168,76,.9);}
.tips-card{background:rgba(255,255,255,.045);border:1px solid var(--glass-border);border-radius:14px;padding:20px 22px;margin-bottom:16px;}
.tips-card-title{font-size:10.5px;font-weight:500;color:var(--gold-soft);margin-bottom:16px;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:8px;}
.tips-card-title .ja{}
.tips-toggle{display:flex;gap:6px;margin-bottom:16px;background:var(--glass-2);padding:5px;border-radius:11px;border:1px solid var(--glass-border);}
.tips-tbtn{flex:1;padding:7px 13px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text2);font-size:12px;cursor:pointer;transition:all .14s;}
.tips-tbtn:hover{color:var(--text);}
.tips-tbtn.cur{background:var(--glass);border-color:var(--glass-border-strong);color:var(--text);font-weight:500;}
.tips-row{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--glass-border);}
.tips-row:last-child{border-bottom:none;}
.tips-rank{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0;background:var(--glass-2);color:var(--text2);}
.tips-rank.r1{background:rgba(232,190,90,.2);color:#e8be5a;}
.tips-rank.r2{background:rgba(185,185,195,.2);color:#c8c8d0;}
.tips-rank.r3{background:rgba(196,146,106,.2);color:#c8926a;}
.tips-name{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tips-sub{font-size:10.5px;color:var(--text3);margin-top:2px;}
.tips-val{font-variant-numeric:tabular-nums;font-size:14px;font-weight:500;color:var(--success);text-align:right;flex-shrink:0;white-space:nowrap;}
.tips-empty{color:var(--text3);font-size:12px;padding:26px;text-align:center;}
.tips-note{font-size:11px;color:var(--text3);line-height:1.7;margin-top:6px;padding:11px 13px;background:var(--glass-2);border:1px solid var(--glass-border);border-radius:9px;}
/* v0.214 B-31: 市場ランキング（#panel-tips）専用 — 行クリック可・サブ行は省略表示 */
#panel-tips .tips-row{cursor:pointer;}
#panel-tips .tips-row:hover .tips-name{color:var(--gold-soft);}
#panel-tips .tips-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* 要確認バッジ（ホームウィジェット v0.207 pf-gray の等倍ページ版。赤系は --sn-claude 規定） */
.tips-gray{display:inline-block;margin-left:6px;padding:0 5px;border:1px solid rgba(217,119,87,.5);border-radius:4px;color:var(--sn-claude,#d97757);font-size:10px;line-height:1.6;white-space:nowrap;vertical-align:baseline;}

/* ───── panel block 10/10 ───── */
/* パネル本体（フラットB意匠・仕入リスト系の統計カードと同トーン） */
#panel-inbound .ib-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-wrap:wrap;}
#panel-inbound .ib-note{font-size:12px;color:var(--text3);}
#panel-inbound .ib-newbtn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;background:var(--gold,#c9a84c);border:none;border-radius:9px;color:#1a1a1a;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;}
#panel-inbound .ib-newbtn:hover{filter:brightness(1.06);}
#panel-inbound .ib-empty{padding:44px 0;text-align:center;color:var(--text3);font-size:13px;}
.ib-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:14px 16px;margin-bottom:12px;}
.ib-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ib-name{font-size:14px;font-weight:600;color:var(--text);}
.ib-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:6px;font-size:10.5px;white-space:nowrap;border:1px solid;}
.ib-badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;}
.ib-badge.b-run{background:rgba(82,136,200,.12);color:var(--info,#5288c8);border-color:rgba(82,136,200,.3);}
.ib-badge.b-act{background:rgba(201,168,76,.12);color:var(--gold-soft,#e8d5a3);border-color:rgba(201,168,76,.3);}
.ib-badge.b-ok{background:rgba(90,191,138,.12);color:var(--success,#5abf8a);border-color:rgba(90,191,138,.3);}
.ib-badge.b-err{background:rgba(224,82,82,.12);color:var(--danger,#e05252);border-color:rgba(224,82,82,.3);}
.ib-badge.b-done{background:rgba(255,255,255,.06);color:var(--text3);border-color:rgba(255,255,255,.14);}
.ib-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:9px;font-size:12px;color:var(--text3);}
.ib-meta b{color:var(--text2);font-weight:500;}
.ib-skus{margin-top:9px;display:flex;gap:6px;flex-wrap:wrap;}
.ib-sku{padding:1px 8px;border-radius:5px;font-size:10.5px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);color:var(--text2);}
.ib-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.ib-btn{padding:7px 14px;border-radius:8px;font-size:12px;cursor:pointer;font-family:inherit;border:1px solid var(--border,rgba(255,255,255,.14));background:transparent;color:var(--text2);transition:background .12s;}
.ib-btn:hover{background:rgba(255,255,255,.06);}
.ib-btn.gold{background:var(--gold,#c9a84c);border:none;color:#1a1a1a;font-weight:600;}
.ib-btn:disabled{opacity:.45;cursor:default;}
.ib-sel{appearance:none;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text);border-radius:8px;padding:7px 30px 7px 11px;font-size:12px;font-family:inherit;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 9px center;}
.ib-sel option{background-color:var(--menu);color:var(--text);}
.ib-issues{margin-top:10px;display:flex;flex-direction:column;gap:6px;font-size:12px;}
.ib-spin{display:inline-block;width:11px;height:11px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--info,#5288c8);border-radius:50%;animation:ibspin .8s linear infinite;vertical-align:-1px;}
@keyframes ibspin{to{transform:rotate(360deg);}}
/* モーダル共通（am-result-overlay と同系） */
.ib-overlay{display:none;position:fixed;inset:0;z-index:1300;background:rgba(0,0,0,.55);align-items:center;justify-content:center;padding:20px;}
.ib-modal{background:var(--menu,rgba(22,26,36,.99));border:1px solid rgba(255,255,255,.12);border-radius:14px;max-width:640px;width:100%;max-height:86vh;display:flex;flex-direction:column;}
.ib-mhead{padding:16px 20px 12px;font-size:15px;font-weight:600;color:var(--text);border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;}
.ib-mx{cursor:pointer;color:var(--text3);font-size:16px;padding:2px 6px;}
.ib-mbody{padding:16px 20px;overflow-y:auto;font-size:13px;color:var(--text2);}
.ib-mfoot{padding:12px 20px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:9px;justify-content:flex-end;align-items:center;}
.ib-mbody label{display:block;font-size:11px;color:var(--text3);margin:0 0 4px;}
.ib-mbody input[type=text],.ib-mbody input[type=number],.ib-mbody input[type=date],.ib-mbody input[type=tel]{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9px;color:var(--text);font-family:inherit;font-size:13px;line-height:1.45;padding:8px 11px;outline:none;}
.ib-mbody input:focus{border-color:rgba(201,168,76,.5);}
.ib-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.ib-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
.ib-row{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.08);margin-bottom:7px;background:rgba(255,255,255,.03);}
.ib-row .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text2);font-size:12.5px;}
.ib-row input[type=number]{width:70px;text-align:right;}
.ib-box{border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:12px;margin-bottom:10px;background:rgba(255,255,255,.03);}
.ib-boxhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:12px;color:var(--text2);font-weight:600;}
body.light .ib-modal{background:var(--menu,#fbfaf7);border-color:rgba(0,0,0,.12);}

/* ═══════ v0.198 段2: 金券台帳 #panel-giftledger（角R統一: 部品7px/バッジ4px） ═══════ */
#panel-giftledger .gl-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap;}
#panel-giftledger .gl-note{font-size:12px;color:var(--text3);line-height:1.7;}
#panel-giftledger .gl-newbtn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;background:var(--gold,#c9a84c);border:none;border-radius:7px;color:#1a1a1a;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;}
#panel-giftledger .gl-newbtn:hover{filter:brightness(1.06);}
#panel-giftledger .gl-empty{padding:44px 0;text-align:center;color:var(--text3);font-size:13px;}
#panel-giftledger .gl-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
#panel-giftledger .gl-sumcard{display:flex;flex-direction:column;gap:3px;padding:10px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:7px;min-width:110px;}
#panel-giftledger .gl-sumlabel{font-size:10px;letter-spacing:.06em;color:var(--text3);}
#panel-giftledger .gl-sumval{font-size:16px;font-weight:600;color:var(--gold-soft,#e8d5a3);}
#panel-giftledger .gl-sumval.sub{color:var(--text2);}
#panel-giftledger .gl-card{background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:12px 15px;margin-bottom:10px;cursor:pointer;transition:background .12s;}
#panel-giftledger .gl-card:hover{background:var(--surface);}
#panel-giftledger .gl-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
#panel-giftledger .gl-name{font-size:13.5px;font-weight:600;color:var(--text);}
#panel-giftledger .gl-tag{padding:1px 8px;border-radius:4px;font-size:10.5px;background:var(--surface);border:1px solid var(--border);color:var(--text3);}
#panel-giftledger .gl-bal{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--success,#5abf8a);white-space:nowrap;}
#panel-giftledger .gl-bal.zero{color:var(--text3);}
#panel-giftledger .gl-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:11.5px;color:var(--text3);}
#panel-giftledger .gl-meta b{color:var(--text2);font-weight:500;}
.gl-mhint{margin-top:12px;font-size:11px;color:var(--text3);line-height:1.7;}
.gl-delbtn{border-color:rgba(217,119,87,.45);color:var(--sn-claude,#d97757);}
.gl-delbtn:hover{background:rgba(217,119,87,.1);}
/* 金券モーダル内の種類プルダウンを入力欄と同じ縦寸に揃える（.ib-selは7px/12px、入力欄は8px/13px）
   ※border-radiusは指定しない: ID優先で body.flat .ib-sel の7pxを上書きし角Rが他と揃わなくなるため（v0.199是正） */
#gl-overlay .ib-sel{width:100%;padding:8px 30px 8px 11px;font-size:13px;line-height:1.45;}
/* v0.199 段3: 月別セクション見出し＋使用済み表示 */
#panel-giftledger .gl-msec{margin:20px 0 10px;font-size:12.5px;font-weight:600;color:var(--text2);display:flex;align-items:baseline;gap:10px;}
#panel-giftledger .gl-msec .gl-mcnt{font-size:10.5px;font-weight:400;color:var(--text3);}
#panel-giftledger .gl-card.used{opacity:.6;}
#panel-giftledger .gl-usedtag{margin-left:auto;padding:1px 8px;border-radius:4px;font-size:10.5px;background:var(--surface);border:1px solid var(--border);color:var(--text3);white-space:nowrap;}

/* ═══ v0.224: コントロール縦幅の全ページ統一（--ctl-h＝32px・デザインルール） ═══
   正典: development_guide.md §3「コントロール縦幅」。IZUNA承認 2026-07-23（マイページ表示名行の
   試作32pxを実機確認のうえ決定）。対象=標準フォーム行のピル・入力欄・プルダウン・ボタン。
   方式: height明示＋縦padding 0（padding積み上げはフォント行間の環境差で高さがブレるため。
   button/input/selectはブラウザ標準の垂直センタリングで文字が中央に乗る）。
   対象外: ホームキャンバス(#home-screen=縮尺モック)・グローバルchrome・textarea（複数行）・
   大型CTA(btn-primary/nf-del-btn等のヒーロー級)・正方形アイコンボタン(sv-modal-close/al-icon-btn等)・
   admin.php（A案自己完結・memory/admin-css-unify-future） */
.search-box,.list-toolbar select,
#panel-stock .list-toolbar select,#panel-sold .list-toolbar select,
#panel-stock .list-toolbar .search-box,#panel-sold .list-toolbar .search-box,
:is(#sv-filter-modal,#sd-filter-modal) .sv-range input,
:is(#sv-filter-modal,#sd-filter-modal) :is(.sv-btn-reset,.sv-btn-apply,.sv-pill),
#alert-section :is(.al-input,.al-select,.al-unit),
#alert-section :is(.al-btn-primary,.al-btn-ghost),
#nf-embed :is(input[type=text],input[type=email],input[type=number],input[type=date],select),
#panel-mypage :is(.mpg-fld,.mpg-btn,.mpg-msub-btn),
#panel-stock :is(.sv-detail-btn,.sv-csv-btn,.sv-pager-btn),
#panel-sold :is(.sv-detail-btn,.sv-csv-btn,.sv-pager-btn),
#panel-giftledger .gl-newbtn,
.ws-inp,.ws-sel,.ws-gold,
.btn,.ghost-btn,.aia-anon-btn,.radio-opt,
#nf-embed .gu-rm,
#nf-embed .fcard.basic .radio-opt,
#nf-embed .fcard.basic select,
.tips-tbtn,.aia-btn-gold,.ib-btn{height:var(--ctl-h);padding-top:0;padding-bottom:0;}
/* v0.225: fcard.basic系2本は高詳細度の元定義への後着打ち消しとして追加（v0.226で元定義側も
   var(--ctl-h)化したため現在は二重の安全網）。ws-*はAI相談（#panel-form内チャット）でも使うため
   グローバル。.radio-opt（販路/出品方法/コンディション/危険物/ステータス等のピル）は
   span＝inlineのためheightを効かせるにはinline-flex化が必要（下行） */
.radio-opt{display:inline-flex;align-items:center;justify-content:center;}
/* v0.226: 高さの実値は --ctl-h が唯一の源。各定義元のハードコード(34/36/38px)も全て
   var(--ctl-h) 参照へ置換済み＝トークン1行の変更で全ページのコントロール縦幅が一括で変わる。
   今後この系統のコントロールに height の px直書きをしない（development_guide §3） */
