/* 相談の画面（soudan.html）と履歴（rireki.html）の見た目 */
.back{font-size:14px;display:inline-block;margin-bottom:10px}
.sd-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 16px;margin-bottom:16px}
.sd-box h2{font-size:17px;margin:0 0 10px}
.sd-note{font-size:13px;color:var(--gray);margin:8px 0 0}
.sd-btns{display:flex;flex-wrap:wrap;gap:8px}
.sd-btns button,.sd-pick{min-height:46px;border:1px solid var(--blue);background:#fff;color:var(--blue);border-radius:10px;padding:8px 16px;font-weight:700;font-size:16px}
.sd-btns button.on{background:var(--blue);color:#fff}
.sd-btns button.none{border-color:var(--line);color:var(--gray)}
.sd-btns button.none.on{background:var(--gray);border-color:var(--gray);color:#fff}
.sd-grp{margin-top:10px}
.sd-grp .g{font-size:13px;color:var(--gray);margin:0 0 4px}
.sd-go{margin-top:6px}
.sd-go .btn{min-height:50px;font-size:17px;padding:10px 28px}

/* 会話 */
.sd-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--gray);margin-bottom:10px}
.sd-meta b{color:var(--ink)}
.sd-talk{display:flex;flex-direction:column;gap:12px}
.sd-msg{display:flex}
.sd-msg .b{padding:10px 14px;border-radius:14px;max-width:min(680px,100%);white-space:pre-wrap;word-break:break-word}
.sd-msg.ai .b{background:var(--after-bg);border-top-left-radius:4px}
.sd-msg.user{justify-content:flex-end}
.sd-msg.user .b{background:var(--blue);color:#fff;border-top-right-radius:4px}
.sd-msg.err .b{background:var(--red-bg);color:var(--red)}
.sd-msg.sys .b{background:#ecfdf3;color:#065f2c}
.sd-ph{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;justify-content:flex-end}
.sd-ph img{width:84px;height:84px;object-fit:cover;border-radius:8px;border:2px solid #fff;background:#ddd}
.sd-choices{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 0}
.sd-choices button{min-height:44px;border:1px solid var(--blue);background:#fff;color:var(--blue);border-radius:999px;padding:6px 18px;font-size:16px;font-weight:700}
.sd-causes{display:grid;gap:8px;max-width:680px}
.sd-cause{background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:10px;padding:8px 12px}
.sd-cause .c{font-weight:700}
.sd-cause .k{font-size:14px;color:var(--gray);white-space:pre-wrap}
.sd-cause .k::before{content:'確かめ方：';font-weight:700}
.sd-refs{font-size:14px;background:#fff8e6;border-radius:10px;padding:8px 12px;max-width:680px}
.sd-refs a{display:inline-block;margin-right:12px}

/* まとめのカード */
.sd-sum{background:#fff;border:2px solid var(--blue);border-radius:var(--radius);padding:14px 16px;max-width:760px}
.sd-sum .h{font-size:13px;font-weight:700;color:var(--blue);margin-bottom:4px}
.sd-sum .t{font-size:19px;font-weight:900;margin-bottom:8px;word-break:break-word}
.sd-sum dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0}
.sd-sum dt{color:var(--gray);font-size:14px;white-space:nowrap}
.sd-sum dd{margin:0;white-space:pre-wrap;word-break:break-word}
.sd-sum .act{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.sd-sum .act .hint{font-size:13px;color:var(--gray)}
.sd-st{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:1px 10px;background:var(--before-bg);color:var(--gray)}
.sd-st.s-解決{background:#e7f6ec;color:#11683a}
.sd-st.s-未解決{background:var(--red-bg);color:var(--red)}
.sd-st.s-提案{background:var(--after-bg);color:var(--blue)}

/* 入力 */
.sd-in{position:sticky;bottom:0;background:var(--bg);padding:12px 0 6px;margin-top:14px}
.sd-in .row{display:flex;gap:8px;align-items:stretch}
.sd-in textarea{flex:1;min-width:0;font:inherit;font-size:16px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;resize:vertical;min-height:50px;max-height:200px}
.sd-send{border:0;background:var(--blue);color:#fff;border-radius:10px;padding:0 22px;font-weight:700;font-size:16px;flex:none}
.sd-send:disabled{opacity:.5;cursor:default}
.sd-in .tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.sd-in .tools .left{font-size:12px;color:var(--gray);margin-left:auto}
.sd-tool{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:6px 14px;font-size:14px}
.sd-wait{display:inline-flex;gap:4px}
.sd-wait i{width:7px;height:7px;border-radius:50%;background:var(--blue);opacity:.35}
.sd-wait i:nth-child(1){opacity:.9}
.sd-wait i:nth-child(2){opacity:.6}
.sd-done{background:#ecfdf3;border-radius:var(--radius);padding:14px 16px;color:#065f2c;font-weight:700}

/* QR（写真） */
.sd-qr{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.sd-qr .q{width:180px;height:180px;flex:none}
.sd-qr .q svg{width:100%;height:100%;display:block}
.sd-qr .x{flex:1;min-width:200px;font-size:14px}
.sd-qr .u{font-size:12px;color:var(--gray);word-break:break-all}

/* ホームの続き */
.cont{margin-top:22px}
.cont h2{font-size:16px;color:var(--gray);margin:0 0 8px}
.cont a{display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:6px;text-decoration:none;color:var(--ink)}
.cont a span{color:var(--gray);font-size:14px}

@media (max-width:640px){
  .sd-box{padding:14px}
  .sd-sum dl{grid-template-columns:1fr}
  .sd-sum dt{margin-top:4px}
  .sd-qr .q{width:150px;height:150px}
}

/* 履歴 */
.rk-q{display:flex;gap:8px;margin-top:10px}
.rk-q input{flex:1;min-width:0;font:inherit;font-size:16px;border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.rk-list{display:flex;flex-direction:column;gap:8px}
.rk-row{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"k t s" "k m s";gap:2px 12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--ink)}
.rk-row:hover{border-color:var(--blue)}
.rk-row.hid{opacity:.55;background:#f7f7f7}
.rk-k{grid-area:k;font-size:12px;font-weight:700;border-radius:8px;padding:4px 8px;white-space:nowrap}
.rk-k.k-kaizen{background:var(--after-bg);color:var(--blue)}
.rk-k.k-trouble{background:#fff1e6;color:#b45309}
.rk-t{grid-area:t;font-weight:700;word-break:break-word}
.rk-m{grid-area:m;font-size:13px;color:var(--gray)}
.rk-row .sd-st{grid-area:s}
.rk-p{font-size:13px;font-weight:400;color:var(--gray)}
.rk-h{font-size:12px;font-weight:700;color:#fff;background:var(--gray);border-radius:999px;padding:1px 8px}
.rk-photos{margin-top:16px}
.rk-ph{display:flex;flex-wrap:wrap;gap:10px}
.rk-pi{position:relative}
.rk-pi img{width:180px;height:135px;object-fit:cover;border-radius:10px;display:block;background:#ddd}
.rk-x{position:absolute;top:6px;right:6px;border:0;background:rgba(185,28,28,.92);color:#fff;border-radius:8px;padding:3px 10px;font-size:13px;font-weight:700}
.rk-del{width:180px;height:135px;border-radius:10px;background:var(--before-bg);color:var(--gray);display:flex;align-items:center;justify-content:center;font-size:13px;text-align:center}
.rk-talk{margin-top:16px}
.rk-talk summary{cursor:pointer;font-weight:700}
.rk-talk .sd-talk{margin-top:12px}
.rk-af{border-top:1px solid var(--line);padding:8px 0}
.rk-af .d{font-size:13px;color:var(--gray)}
.rk-af div{white-space:pre-wrap;word-break:break-word}
.rk-add{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.rk-add textarea{font:inherit;font-size:16px;border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.rk-add .btn{align-self:flex-start}
.sd-sum + .sd-box{margin-top:16px}
@media (max-width:640px){
  .rk-row{grid-template-columns:1fr auto;grid-template-areas:"k s" "t t" "m m"}
  .rk-k{justify-self:start}
  .rk-pi img,.rk-del{width:140px;height:105px}
}