/* 経理ページ「自動経理」タブ（public/autokeiri.js）固有。接頭辞 ak- */
#paneAuto [hidden]{display:none !important}

.ak-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}
.ak-card h2{font-size:15.5px;color:var(--green-d)}
.ak-sub{font-size:12px;color:var(--muted);line-height:1.6}
.ak-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ak-row .sp{flex:1}

/* 見出し */
.ak-head{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.ak-head .ak-title{flex:1 1 380px;min-width:0}
.ak-head h2{font-size:19px;margin:2px 0 4px}
.ak-head p{margin:0;font-size:12.5px;color:var(--ink-2);line-height:1.75}
.ak-run{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto}
.ak-when{font-size:12px;color:var(--muted)}
.ak-when b{color:var(--ink);font-weight:700}
.ak-stale{font-size:12px;color:var(--danger);font-weight:700}
@media(max-width:640px){.ak-run{align-items:flex-start;width:100%}}

/* 全体スイッチ */
.ak-switch{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:11px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#FAFBF8}
.ak-switch.on{background:var(--green-tint);border-color:#CFE0CC}
.ak-pill{font-family:var(--font-head);font-weight:700;font-size:12px;padding:3px 11px;border-radius:99px;white-space:nowrap}
.ak-pill.on{background:var(--green);color:#fff}
.ak-pill.off{background:#FBF3E4;color:var(--gold-d);border:1px solid #EBDCC0}
.ak-switch .txt{flex:1 1 320px;font-size:12.5px;color:var(--ink-2);line-height:1.65}
.ak-switch .txt b{color:var(--ink)}

/* 進み具合 */
.ak-prog{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:10px 13px;background:#fff}
.ak-bar{height:6px;border-radius:99px;background:var(--line-2);overflow:hidden}
.ak-bar i{display:block;height:100%;width:0;background:var(--green);transition:width .4s}
.ak-prog .lbl{font-size:12px;color:var(--ink-2);margin-top:6px;display:flex;justify-content:space-between;gap:10px}

/* 数字 */
.ak-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ak-kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-s);padding:11px 14px}
.ak-kpi b{font-family:var(--font-head);font-size:22px;color:var(--green-d);display:block;line-height:1.3}
.ak-kpi b small{font-size:13px;color:var(--muted);font-weight:700;margin-left:2px}
.ak-kpi span{font-size:11.5px;color:var(--muted)}
.ak-kpi.warn b{color:var(--gold-d)}
@media(max-width:760px){.ak-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 人の作業 */
.ak-tasks{display:flex;flex-direction:column;gap:8px}
.ak-task{border:1px solid #EBDCC0;background:#FBF8F1;border-radius:12px;padding:10px 13px}
.ak-task.stop{border-color:#E7CFCC;background:#FCF4F3}
.ak-task b{font-family:var(--font-head);font-size:13.5px;color:var(--gold-d)}
.ak-task.stop b{color:var(--danger)}
.ak-task p{margin:3px 0 0;font-size:12.5px;color:var(--ink-2);line-height:1.7}

/* 月 */
.ak-months{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.ak-month{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-s);padding:12px 14px;display:flex;flex-direction:column;gap:7px}
.ak-month.closed{border-color:#CFE0CC}
.ak-month.todo{border-color:#EBDCC0}
.ak-month.late{border-color:#E7CFCC}
.ak-month h3{font-size:14.5px;color:var(--ink);display:flex;align-items:center;gap:8px}
.ak-month h3 .sp{flex:1}
.ak-st{font-family:var(--font-head);font-weight:700;font-size:11px;padding:2px 9px;border-radius:99px;white-space:nowrap}
.ak-st.closed{background:var(--green);color:#fff}
.ak-st.ready{background:var(--green-soft);color:var(--green-d)}
.ak-st.open{background:#EEF1EA;color:var(--ink-2)}
.ak-st.todo{background:#FBF3E4;color:var(--gold-d)}
.ak-st.late{background:#F3E3E1;color:var(--danger)}
.ak-mnum{font-size:11.5px;color:var(--muted)}
.ak-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.ak-checks li{display:flex;gap:7px;font-size:12px;line-height:1.55;color:var(--ink-2)}
.ak-checks li .ic{margin-top:2px;flex:none}
.ak-checks li.ok .ic{color:var(--green)}
.ak-checks li.na .ic{color:var(--faint)}
.ak-checks li.ng .ic{color:var(--danger)}
.ak-checks li.ask .ic{color:var(--gold-d)}
.ak-checks li.wait .ic{color:var(--info)}
.ak-checks li b{font-weight:700;color:var(--ink)}
.ak-checks li span{display:block;color:var(--muted);font-size:11.5px}
.ak-more{background:none;border:0;padding:0;color:var(--green);font-size:12px;cursor:pointer;align-self:flex-start;font-family:var(--font-body)}

/* 質問 */
.ak-qhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ak-qhead h2{font-size:16px}
.ak-qhead .sp{flex:1}
.ak-qs{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.ak-q{border:1px solid var(--line);border-radius:14px;padding:13px 15px;background:#fff}
.ak-q.done{background:var(--green-tint);border-color:#CFE0CC}
.ak-q.err{border-color:#E7CFCC}
.ak-q .t{font-family:var(--font-head);font-weight:700;font-size:14px;color:var(--ink);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ak-q .t .kind{font-size:10.5px;padding:1px 8px;border-radius:99px;background:#EEF1EA;color:var(--ink-2)}
.ak-q .p{font-size:13px;color:var(--green-d);font-weight:700;margin:4px 0 2px}
.ak-q ul.f{margin:4px 0 6px;padding-left:18px;font-size:12px;color:var(--ink-2);line-height:1.7}
.ak-choices{display:flex;flex-direction:column;gap:5px;margin-top:6px}
.ak-choice{display:flex;gap:9px;align-items:flex-start;border:1.5px solid var(--line);border-radius:11px;padding:8px 11px;cursor:pointer;background:#fff}
.ak-choice:hover{border-color:var(--green)}
.ak-choice.on{border-color:var(--green);background:var(--green-tint)}
.ak-choice input{margin-top:4px;accent-color:var(--green)}
.ak-choice .l{font-size:13px;font-weight:700;color:var(--ink);line-height:1.5}
.ak-choice .d{font-size:11.5px;color:var(--muted);line-height:1.55;display:block;font-weight:400}
.ak-rec{font-family:var(--font-head);font-size:10.5px;font-weight:700;background:var(--green);color:#fff;border-radius:99px;padding:1px 8px;margin-left:6px;white-space:nowrap}
.ak-custom{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 0 26px}
.ak-custom select,.ak-yen{font-size:13px;padding:7px 9px;border-radius:9px;border:1.5px solid var(--line);background:#fff;font-family:var(--font-body)}
.ak-yen{width:160px}
.ak-qfoot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:9px}
.ak-qfoot .sp{flex:1}
.ak-learn{font-size:12px;color:var(--ink-2);display:flex;align-items:center;gap:6px;cursor:pointer}
.ak-learn input{accent-color:var(--green)}
.ak-msg{font-size:12.5px;line-height:1.6}
.ak-msg.ok{color:var(--green-d);font-weight:700}
.ak-msg.ng{color:var(--danger)}
.ak-keiri{font-size:12.5px;color:var(--ink-2);background:#FBF8F1;border:1px solid #EBDCC0;border-radius:10px;padding:8px 11px;margin-top:6px}

/* 表 */
.ak-tbl{margin-top:10px}
.ak-tbl table.gt{min-width:640px}
.ak-empty{font-size:12.5px;color:var(--muted);margin:8px 0 0}

/* 試算表の要約 */
.ak-tb{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:10px}
.ak-tb div{border:1px solid var(--line-2);border-radius:10px;padding:8px 11px;background:#FAFBF8}
.ak-tb span{display:block;font-size:11.5px;color:var(--muted)}
.ak-tb b{font-family:var(--font-head);font-size:15px;color:var(--ink)}
.ak-tb b.neg{color:var(--danger)}

/* まとめて答える */
.ak-batch{max-height:360px;overflow:auto;margin:10px 0;border:1px solid var(--line);border-radius:10px}
.ak-batch label{display:flex;gap:9px;align-items:flex-start;padding:8px 11px;border-bottom:1px solid var(--line-2);font-size:12.5px;line-height:1.55;cursor:pointer}
.ak-batch label:last-child{border-bottom:0}
.ak-batch input{margin-top:3px;accent-color:var(--green)}
.ak-batch .d{color:var(--muted);font-size:11.5px;display:block}