/* 顧客管理（Demo-M-000）専用の見た目 */
.rank{display:inline-block;width:1.6em;text-align:center;border-radius:4px;font-weight:700;font-size:.8rem;color:#fff}
.rank-A{background:#d33}.rank-B{background:#e08a00}.rank-C{background:#8a94a0}
.st{font-size:.75rem;border-radius:999px;padding:0 8px;border:1px solid var(--line)}
.st-active{color:#2a9d4b;border-color:#2a9d4b}.st-prospect{color:var(--accent);border-color:var(--accent)}.st-dormant{color:var(--sub)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:760px){.grid2{grid-template-columns:1fr}}
.panel{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 16px}
.panel h2{margin:0 0 8px;font-size:.95rem}
.todo{list-style:none;margin:0;padding:0}
.todo li{display:flex;gap:8px;align-items:flex-start;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line);font-size:.9rem}
.todo li:first-child{border-top:0}
.todo form{margin:0}
.late{color:#d33;font-weight:700}
dl.info{display:grid;grid-template-columns:7em 1fr;gap:4px 12px;margin:0;font-size:.92rem}
dl.info dt{color:var(--sub)}
dl.info dd{margin:0;word-break:break-all}
.timeline{list-style:none;margin:0;padding:0}
.timeline li{border-left:3px solid var(--accent);padding:4px 0 10px 12px;margin-left:4px}
.timeline .head{font-size:.85rem;color:var(--sub)}
.timeline .body{white-space:pre-wrap}
.timeline .next{font-size:.88rem;margin-top:4px}
.form.wide{max-width:none}
.form .row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 16px}
.tbl td.wrap{white-space:normal}
.os-won{color:#2a9d4b;border-color:#2a9d4b}.os-quote{color:#e08a00;border-color:#e08a00}.os-lost{color:var(--sub)}
.bars{font-size:.85rem}
.bar-row{display:grid;grid-template-columns:3em 1fr 7em;gap:8px;align-items:center;margin:2px 0}
.bar{background:var(--bg);border-radius:4px;height:14px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--accent)}
.rankl{margin:0;padding-left:1.4em;font-size:.9rem}
.rankl li{display:flex;justify-content:space-between;gap:8px;padding:3px 0}
.summary a{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 16px;color:var(--fg);text-decoration:none}
.summary a:hover{border-color:var(--accent)}
.summary a b{font-size:1.3rem;display:block}
.pager{display:flex;gap:8px;align-items:center;margin:12px 0}