/* Bakuraku 風の濃い色の左メニュー（最後に読み込む） */
.app .side{background:#2b3140;box-shadow:none;border-right:0;color:#e8ecf4;padding:16px 0 0}
.app .side .brand{padding:4px 18px 16px}.app .side .brand b{color:#fff}.app .side .brand span{color:#a9b4c8}
.app .side nav a{color:#dbe2ee;border-radius:0;height:44px;padding:0 18px;border-bottom:1px solid #373e50}
.app .side nav a svg{opacity:.9}
.app .side nav a:hover{background:#3a4254;color:#fff}
.app .side nav a.on{background:#fff;color:var(--blue-d);font-weight:700}
.app .side nav .sep{background:#475066}
.app .side nav a.navmenu{color:#a9b4c8}
.app .side .me{border-top:1px solid #475066;color:#a9b4c8;background:#2b3140;padding:12px 18px}
.app .side button.btn,.app .side .newmenu>button{border-radius:6px}

/* ---- 書類一覧：Bakuraku の「発行済」一覧に合わせた、平らな表 ---- */
.bk-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.bk-ttl{display:flex;align-items:center;gap:10px;color:var(--blue-d)}.bk-ttl h1{margin:0;font-size:22px;color:#222;font-weight:500}.bk-guide{font-size:12.5px;color:var(--blue);margin-left:6px}
.bk-filterbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0 14px;border-top:1px solid var(--line2)}
.bk-fbtn{background:none;border:0;color:var(--blue);font-size:14px;cursor:pointer;padding:4px 0}
.bk-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px 12px;margin-bottom:12px}.bk-filter[hidden]{display:none}
.bk-tabrow{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #D9E2EB;margin-top:4px}
.bk-tabs2{display:flex;gap:2px}.bk-tabs2 button{background:none;border:1px solid transparent;border-bottom:0;padding:11px 26px;font-size:15px;color:var(--blue);cursor:pointer;border-radius:4px 4px 0 0;margin-bottom:-1px}
.bk-tabs2 button.on{background:#fff;border-color:#D9E2EB;color:#222;font-weight:500}
.bk-ctls{display:flex;gap:14px;align-items:center;padding-bottom:8px}.bk-ctl,.bk-ctls .newmenu>button{background:none!important;border:0!important;color:var(--blue)!important;font-size:13px!important;cursor:pointer;box-shadow:none!important;padding:2px 4px!important;font-weight:400!important}
.bk-panel{background:#fff;border:1px solid #D9E2EB;border-top:0;min-height:120px}
.bk-scroll{overflow-x:auto}
table.bk-list{width:100%;border-collapse:collapse;font-size:14px;color:#222}
table.bk-list th{text-align:left;font-weight:600;padding:16px 12px;border-bottom:2px solid #D9E2EB;white-space:nowrap;font-size:13.5px;background:#fff}
table.bk-list td{white-space:nowrap;padding:12px;border-bottom:1px solid #E4EBF2;vertical-align:middle;background:#fff}
table.bk-list tr:hover td{background:#F6F9FC}
table.bk-list .r{text-align:right}table.bk-list .c{text-align:center}
table.bk-list .cb{width:44px;text-align:center}.bk-list input[type=checkbox]{width:18px;height:18px}
.bk-num a{color:#222;text-decoration:none;font-size:14.5px}.bk-num a:hover{color:var(--blue);text-decoration:underline}.bk-sub{white-space:nowrap;font-size:12.5px;color:#8a8f99;margin-top:2px}
.bk-memo{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-pill{display:inline-block;font-size:11.5px;font-weight:700;color:#fff;padding:2px 9px;border-radius:3px;margin-right:4px;background:#64748b}
.bk-pill.green{background:#1fa64a}.bk-pill.gray{background:#6b7078}
.bk-detail{display:inline-block;background:#0B6B55;color:#fff;text-decoration:none;padding:6px 14px;border-radius:5px;font-size:13.5px}.bk-detail:hover{background:#095A48;color:#fff}
table.bk-list td.act{text-align:right;white-space:nowrap;width:1%}
.bk-pager{position:sticky;bottom:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid #D9E2EB;border-top:0;padding:10px 14px}
.bk-pgs{display:flex}.bk-pg{min-width:38px;height:34px;border:1px solid #D9E2EB;background:#fff;margin-left:-1px;cursor:pointer;color:#555}.bk-pg:first-child{border-radius:4px 0 0 4px;margin-left:0}.bk-pg:last-child{border-radius:0 4px 4px 0}
.bk-pg.cur{background:#0B6B55;color:#fff;border-color:#0B6B55}.bk-pg:disabled{color:#bbb;cursor:default}
.bk-size{font-size:13px;color:#555}.bk-size select{height:34px;border:1px solid #D9E2EB;border-radius:4px;padding:0 8px;margin:0 4px}

.bk-size select{appearance:auto;min-width:64px;padding:0 6px}
/* ---- 他の画面の表・タブ・見出しも、同じ平らな見た目にそろえる ---- */
.tbl-wrap,.card.flush{border-radius:0;border:1px solid #D9E2EB;box-shadow:none;background:#fff}
.tbl-wrap table,table.tbl{border-collapse:collapse;font-size:14px;color:#222}
.tbl-wrap th,table.tbl th{background:#fff!important;color:#222!important;font-weight:600;font-size:13.5px;text-transform:none;letter-spacing:0;padding:15px 12px;border-bottom:2px solid #D9E2EB}
.tbl-wrap td,table.tbl td{padding:12px;border-bottom:1px solid #E4EBF2}
.tbl-wrap tbody tr:hover td,table.tbl tbody tr:hover td{background:#F6F9FC}
.utabs{border-bottom:1px solid #D9E2EB;gap:2px;background:none}
.utab{background:none!important;border:1px solid transparent!important;border-bottom:0!important;border-radius:4px 4px 0 0!important;padding:10px 22px!important;color:var(--blue)!important;font-size:15px!important;margin-bottom:-1px;box-shadow:none!important}
.utab.on{background:#fff!important;border-color:#D9E2EB!important;color:#222!important;font-weight:500!important}
.pagehead h1{font-size:22px;font-weight:500;color:#222}
.hubtabs{background:none;border-bottom:1px solid #D9E2EB;border-radius:0;padding:0;gap:2px;margin-bottom:14px}
.hubtabs a{border-radius:4px 4px 0 0;padding:10px 20px;color:var(--blue);background:none;box-shadow:none;border:1px solid transparent;border-bottom:0;margin-bottom:-1px}
.hubtabs a.on{background:#fff;border-color:#D9E2EB;color:#222;font-weight:500}
.card{border-radius:4px;box-shadow:none}
.btn.pri,.btn:not(.ghost):not(.sm){border-radius:5px}
.alpha-chip.on b,.alpha-chip.on span{color:#fff}

/* ---- 設定のカード（4列・高さをそろえる）と、設定の各ページ ---- */
.bk-cards h3{display:flex;align-items:center;gap:8px;border-left:0!important;padding-left:0!important;font-size:16px;color:#222}.bk-cards h3 span{color:var(--blue);display:inline-flex}
.bk-cardgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.bk-card{min-height:138px;border-radius:4px;border:1px solid #D9E2EB;padding:12px 14px;gap:10px}.bk-card:hover{box-shadow:none;border-color:var(--blue)}
.bk-card b{font-size:14.5px;color:#222}.bk-card span{font-size:13.5px;color:#666;line-height:1.7}
@media(max-width:1200px){.bk-cardgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:700px){.bk-cardgrid{grid-template-columns:1fr!important}}
.bk-crumb .bk-ttl a{color:var(--blue);text-decoration:none;font-size:18px}.bk-crumb .bk-ttl span{color:#555;font-size:12px}.bk-crumb .bk-ttl h1{font-size:18px}
.bk-setform{max-width:840px}.bk-setform .card{border:0;padding:4px 0;background:none}.bk-setform .fgrid input,.bk-setform .fgrid select,.bk-setform .fgrid textarea{border-radius:3px;border-color:#c9ced8}
.bk-savebar{border-top:1px solid #D9E2EB;margin-top:14px;padding-top:14px;display:flex;justify-content:flex-end}
/* ---- レポート ---- */
.bk-rhead .bk-ttl h1{font-size:19px}
.bk-rbody{padding:4px 0 40px}.bk-rlabel{font-size:15px;margin:6px 0 8px}.bk-rpick{display:flex;gap:6px;margin-bottom:22px}.bk-rpick input{height:34px;padding:0 8px;border:1px solid #c9ced8;border-radius:3px}
.bk-sq{width:34px;height:34px;border:1px solid #c9ced8;background:#f1f2f5;border-radius:3px;cursor:pointer;color:#555}.bk-sq:disabled{color:#bbb;cursor:default}
table.bk-rtbl{border-collapse:collapse;font-size:14px;min-width:700px}table.bk-rtbl.wide{width:100%}
.bk-rtbl th{font-weight:600;padding:8px 12px;border-bottom:1px solid #222;vertical-align:bottom;white-space:nowrap}.bk-rtbl th.l{text-align:left;min-width:300px}.bk-rtbl th.r,.bk-rtbl td.r{text-align:right;min-width:110px}
.bk-rtbl th.now,.bk-rtbl td.now{background:#e1f0f8}.bk-rtbl th.now div:first-child:not(:only-child){color:inherit}
.bk-rtbl td{padding:9px 12px;border-bottom:1px solid #D9E2EB}.bk-rtbl td.m{color:#888}.bk-rtbl td.b{font-weight:700;color:#111}
.bk-rtbl tr.grp td{border-top:1px solid #222}.bk-rtbl td.cat{vertical-align:top;border-right:1px solid #D9E2EB;min-width:190px;padding-top:12px}
.bk-notes{font-size:12.5px;color:#444;margin-top:14px;line-height:1.7}.bk-total{font-size:15px;margin-top:18px}.bk-sec{font-size:17px;font-weight:500;margin:6px 0 10px}
.bk-rtbl thead th{background:#fff!important;color:#222!important}.bk-rtbl thead th.now{background:#e1f0f8!important}.bk-rtbl th.l{font-size:14px!important}

/* ---- 書類テンプレート・定期作成・ガイド ---- */
.tpl-lines{display:flex;flex-direction:column;gap:6px}
.tpl-lr{display:grid;grid-template-columns:minmax(160px,3fr) 70px 60px 100px 84px 40px;gap:6px;align-items:center}
.tpl-lr.hd{font-size:12px;color:#6b7280}
.tpl-lr input,.tpl-lr select{width:100%;min-width:0}
.tpl-pick{height:34px;border:1px solid #C3CFDB;border-radius:6px;background:#fff;padding:0 8px;font-size:13px;max-width:190px}
.gd{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start;margin-top:8px}
.gd-side{display:flex;flex-direction:column;border:1px solid #dfe3ea;border-radius:8px;background:#fff;overflow:hidden}
.gd-side button{text-align:left;padding:11px 14px;border:0;border-bottom:1px solid #EDF2F7;background:#fff;font-size:14px;cursor:pointer;color:#1f2937}
.gd-side button:last-child{border-bottom:0}
.gd-side button.on{background:#F6F9FC;color:#0B6B55;font-weight:700}
.gd-main{background:#fff;border:1px solid #dfe3ea;border-radius:8px;padding:20px 26px}
.gd-main h2{margin:0 0 14px;font-size:18px}
.gd-main section{margin:0 0 16px}
.gd-main h3{margin:0 0 4px;font-size:14px;color:#0B6B55}
.gd-main p{margin:0;line-height:1.8;font-size:14px;color:#374151}
@media (max-width:760px){.gd{grid-template-columns:1fr}.tpl-lr{grid-template-columns:1fr 56px 50px 84px 70px 36px}}

/* ---- 書類の表示画面（左に情報・右にPDF） ---- */
.dv-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:2px 0 10px}
.dv-back{font-size:13px;color:#0B6B55;text-decoration:none;white-space:nowrap}
.dv-ttl{display:flex;align-items:center;gap:10px;flex:1;min-width:260px}
.dv-ttl b{font-size:18px}
.dv-acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;width:100%}
.dv-btn{display:inline-flex;align-items:center;gap:6px;height:34px}
.dv-btn.pri{background:#0B6B55;border-color:#0B6B55;color:#fff}
.dv-acts .newmenu>button{display:inline-flex;align-items:center;height:34px}
.dv-tabs{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #D9E2EB;margin-top:6px}
.dv-tabs nav{display:flex;gap:2px}
.dv-tabs nav button{border:1px solid transparent;border-bottom:0;background:none;padding:10px 20px;font-size:14px;color:#0B6B55;cursor:pointer;border-radius:6px 6px 0 0;margin-bottom:-1px}
.dv-tabs nav button.on{background:#fff;border-color:#D9E2EB;color:#111;font-weight:600}
.dv-memo{border:0;background:none;color:#0B6B55;font-size:13px;cursor:pointer;padding:8px 4px;display:inline-flex;align-items:center;gap:4px}
.dv-split{display:grid;grid-template-columns:300px minmax(0,1fr);gap:0;background:#fff;border:1px solid #D9E2EB;border-top:0}
.dv-left{border-right:1px solid #D9E2EB;padding:0 0 16px;max-height:calc(100vh - 250px);min-height:560px;overflow:auto}
.dv-tog{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;border-bottom:1px solid #D9E2EB;background:#fff;padding:14px 16px;color:#0B6B55;font-size:14px;cursor:pointer;text-align:left}
.dv-tog span{font-size:18px;transition:transform .15s}
.dv-tog.on span{transform:rotate(90deg)}
.dv-f{padding:10px 14px 0}
.dv-f label{display:block;font-size:12.5px;color:#4b5563;margin-bottom:4px}
.dv-v{background:#f5f5f6;border-radius:4px;padding:10px 12px;font-size:14px;min-height:20px;word-break:break-all}
.dv-lines{padding:8px 10px;border-bottom:1px solid #D9E2EB;background:#fafbfc;font-size:12.5px}
.dv-lines table{width:100%;border-collapse:collapse}
.dv-lines th,.dv-lines td{padding:5px 4px;border-bottom:1px solid #eceff4}
.dv-lines .r{text-align:right}
.dv-pdf{background:#d2d4d9;min-height:560px;height:calc(100vh - 250px);position:relative;overflow:auto}
.dv-pdf iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dv-pdfload{padding:40px;text-align:center;color:#4b5563}
.dv-paper{padding:20px;display:flex;justify-content:center}
.dv-pane{background:#fff;border:1px solid #D9E2EB;border-top:0;padding:16px 18px}
.dv-tbl{width:100%;border-collapse:collapse;font-size:14px}
.dv-tbl th{background:#f5f6f8;text-align:left;font-size:12.5px;color:#4b5563;padding:9px 10px;border-bottom:1px solid #D9E2EB}
.dv-tbl td{padding:10px;border-bottom:1px solid #eceff4;vertical-align:top}
.dv-sum{display:flex;gap:22px;align-items:center;margin-bottom:12px;font-size:14px;flex-wrap:wrap}
@media (max-width:860px){.dv-split{grid-template-columns:1fr}.dv-left{max-height:none;min-height:0;border-right:0;border-bottom:1px solid #D9E2EB}.dv-pdf{height:70vh}}

/* ---- 集計期間（週・月・年度） ---- */
.bk-per{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 10px;font-size:13px}
.bk-perl{color:#4b5563}
.bk-seg{display:inline-flex;border:1px solid #C3CFDB;border-radius:6px;overflow:hidden;background:#fff}
.bk-seg button{border:0;border-right:1px solid #C3CFDB;background:#fff;padding:6px 14px;font-size:13px;cursor:pointer;color:#0B6B55}
.bk-seg button:last-child{border-right:0}
.bk-seg button.on{background:#0B6B55;color:#fff;font-weight:600}
.bk-pernav{display:inline-flex;align-items:center;gap:6px}
.bk-pernav b{min-width:150px;text-align:center;font-size:14px}
.bk-pernav button{border:1px solid #C3CFDB;background:#fff;border-radius:6px;height:30px;min-width:30px;cursor:pointer;color:#0B6B55;font-size:16px;line-height:1}
.bk-pernav .bk-today{font-size:12.5px;padding:0 10px}

/* 一覧：選択バー・行の削除ボタン */
.bk-selbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;background:#EEF4FC;border-bottom:1px solid #D5E2F4;font-size:14px}
.bk-selbar[hidden]{display:none}
.bk-selbar b{margin-right:6px;color:#095A48}
table.bk-list tr.sel td{background:#F2F7FD}
table.bk-list td.act{white-space:nowrap}
.bk-del{margin-left:8px;width:32px;height:32px;padding:0;border:1px solid #E4EBF2;background:#fff;border-radius:6px;color:#8a94a6;cursor:pointer;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center}
.bk-del:hover{color:#8A5400;border-color:#E8B7A5;background:#FCEFD6}
table.bk-list td.bk-to{max-width:280px;overflow:hidden;text-overflow:ellipsis}

/* 倉庫指示書：出荷予定日ごとのまとまり */
.bk-pill.red{background:#8A5400}
.bk-cutnote{margin:2px 0 10px;padding:9px 14px;background:#FFF8EC;border:1px solid #F3DDB5;border-radius:8px;font-size:13px;color:#6b4a12}
.bk-cutnote b{color:#8a5a00}
table.bk-list tr.bk-daygrp td{background:#F4F7FB;border-bottom:1px solid #d5e0ee;padding:9px 14px;font-size:13.5px}
table.bk-list tr.bk-daygrp.today td{background:#EAF6EE;border-bottom-color:#BFE0CB}
table.bk-list tr.bk-daygrp.next td{background:#EEF4FC}
table.bk-list tr.bk-daygrp.late td{background:#FDEEE8;border-bottom-color:#F0C9BA}
table.bk-list tr.bk-daygrp:hover td{background:inherit}
.bk-daycount{float:right;color:#6b7078;font-size:12.5px}

/* 倉庫指示書の画面：倉庫CSVの中身 */
.dv-csv{padding:14px;overflow:auto;background:#fff;min-height:100%}
.dv-csvh{margin:0 0 10px;font-size:14px}
.dv-csvscroll{overflow:auto;max-width:100%}
.dv-csv table{font-size:12px;white-space:nowrap}
.dv-csv th{background:#f4f7fb;font-weight:600;padding:6px 8px}
.dv-csv td{padding:6px 8px;border-top:1px solid #E4EBF2}