/* 화면/az-ui.css — 대시보드 공통 화면 조각(오늘·계획·보험사·하기·찾기·청구 현황)
   10-19 17:51 대표 "CSS 안 깨지게 · 임시방편 처리 X"
   - 예전엔 화면/오늘A.js·claim.js 가 실행 중에 <style> 을 끼워 넣고(#az9css·#az9ins·#azacss·#cbStepsCss),
     각 탭 그리는 코드가 style="…!important" 로 옛 규칙(toss.css .t-hm-sec·.t-cells 의 !important)을 덮어썼다.
   - 이제 그 규칙은 전부 이 파일 한 곳 · 탭 코드는 아래 5번 클래스(azu-*)만 쓴다. toss.css 바로 뒤에 읽힌다(예전 끼워 넣기와 같은 순서). */

/* ── 1. 오늘A 공통(옛 #az9css) ── */
.az9-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}
.az9-chip{border:1px solid var(--t-line,#E5E8EB);background:#fff;border-radius:999px;padding:8px 13px;font:600 14px var(--t-font,inherit);color:#333D4B}
.az9-chip b{margin-left:5px;color:var(--t-blue,#3182F6)}
.az9-chip.on{background:var(--t-blue,#3182F6);border-color:var(--t-blue,#3182F6);color:#fff}
.az9-chip.on b{color:#fff}
.az9-none{font-size:14px;color:#8B95A1;margin:2px 0 8px}
.az9-wk{margin-top:6px}
.az9-wh{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 14px}
.az9-wh b{font-size:17px;letter-spacing:-.2px}
.az9-wh small{color:#8B95A1;font-size:12.5px}
.az9-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;align-items:end}
.az9-day{border:0;background:none;padding:6px 0 4px;border-radius:14px;text-align:center;font-family:var(--t-font,inherit);min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;-webkit-tap-highlight-color:transparent}
.az9-day .n{font-size:13px;font-weight:700;color:var(--t-blue,#3182F6);height:16px;line-height:16px}
.az9-day .n.z{color:transparent}
.az9-day .bar{display:block!important;flex:none;width:22px;min-height:6px;border-radius:7px;background:#C9E2FF;transition:height .2s}
.az9-day .bar.z{background:#F2F4F6}
.az9-day .y{font-size:12px;color:#8B95A1}
.az9-day .dt{width:30px;height:30px;line-height:30px;border-radius:50%;font-size:14.5px;font-weight:600;color:#333D4B}
.az9-day.today .bar{background:var(--t-blue,#3182F6)}
.az9-day.today .dt{background:var(--t-blue,#3182F6);color:#fff}
.az9-day.today .y{color:var(--t-blue,#3182F6);font-weight:700}
.az9-day.past{opacity:.38}
.az9-day.past .bar{background:#E5E8EB}
.az9-day.on{background:#F2F8FF}
.az9-day.on:not(.today) .dt{box-shadow:inset 0 0 0 1.5px var(--t-blue,#3182F6)}
.az9-sub{margin-top:8px}
.az9-gname{font-size:12.5px;color:#8B95A1;margin:10px 0 2px}

/* ── 2. 보험사 탭(옛 #az9ins) ── */
.az9i-mode{display:flex;background:var(--t-gap,#F2F4F6);border-radius:14px;padding:4px;margin:2px 0 12px}
.az9i-mode button{flex:1;border:0;background:transparent;font:600 14px var(--t-font,inherit);color:#8B95A1;padding:9px 0;border-radius:11px;cursor:pointer}
.az9i-mode button.on{background:#fff;color:#191F28;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.az9i-search{position:relative;margin:0 0 10px}
.az9i-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:#8B95A1;fill:none;stroke-width:2.2;stroke-linecap:round;pointer-events:none}
.az9i-find{width:100%;box-sizing:border-box;border:1.5px solid var(--t-line,#E5E8EB);background:#fff;border-radius:14px;padding:12px 40px 12px 42px;font:500 15px var(--t-font,inherit);color:#191F28;outline:0}
.az9i-find:focus{border-color:#3182F6}
.az9i-find::placeholder{color:#B0B8C1}
.az9i-find::-webkit-search-cancel-button,.az9i-find::-webkit-search-decoration{-webkit-appearance:none;display:none}
.az9i-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:var(--t-gap,#F2F4F6);color:#4E5968;font:700 14px/28px var(--t-font,inherit);cursor:pointer}
.az9i-none{font-size:14px;color:#8B95A1;padding:18px 6px}
.sa-grid.az9i-top .sa-ic{width:58px;height:58px;font-size:17px}
.az9i-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 6px;border:0;background:none;text-align:left;font-family:var(--t-font,inherit);color:#191F28;cursor:pointer;border-radius:14px;text-decoration:none;-webkit-tap-highlight-color:transparent}
.az9i-row:active{background:var(--t-gap,#F2F4F6)}
.az9i-row .sa-ic{width:40px;height:40px;font-size:13px;flex:none}
.az9i-tx{flex:1;min-width:0}
.az9i-tx b{display:block;font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.az9i-tx small{display:block;font-size:12.5px;color:#8B95A1;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.az9i-no{flex:none;font:700 15px var(--t-font,inherit);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:#191F28}
.az9i-no.dim{color:#B0B8C1;font-weight:600}
.az9i-no.txt{font-size:12.5px;font-weight:600;color:#8B95A1;max-width:46%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.az9i-act{flex:none;width:34px;height:34px;border-radius:50%;background:var(--t-gap,#F2F4F6);display:grid;place-items:center;color:#4E5968}
.az9i-act svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.az9i-sub{display:flex;gap:6px;flex-wrap:wrap;padding:0 6px 10px 58px;margin-top:-6px}
.az9i-sub a{font:600 12px var(--t-font,inherit);color:#4E5968;background:var(--t-gap,#F2F4F6);border-radius:8px;padding:4px 8px;text-decoration:none}
.az9i-note{font-size:12.5px;color:#8B95A1;padding:8px 6px 2px}
.az9i-co{padding:4px 8px;border-top:1px solid #F2F4F6}
.az9i-co:first-of-type{border-top:0}
.az9i-co-h{display:flex;align-items:center;gap:6px;min-height:48px}
.az9i-tog{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:6px 2px;font-family:var(--t-font,inherit);cursor:pointer;text-align:left;width:auto;min-height:0;color:inherit}
.az9i-co-h .sa-ic{width:34px;height:34px;font-size:12px;flex:none}
.az9i-tog b{font-size:14.5px;font-weight:800;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.az9i-chev{font-style:normal;color:#B0B8C1;font-size:15px;margin-left:2px}
.az9i-grp{display:flex;align-items:baseline;gap:8px;width:100%;border:0;background:transparent;padding:14px 12px 10px;font-family:var(--t-font,inherit);cursor:pointer;text-align:left;color:inherit}
.az9i-grp b{font-size:15px;font-weight:800}
.az9i-grp span{font-size:13px;color:#8B95A1;font-weight:600}
.az9i-grp i{margin-left:auto;font-style:normal;font-size:12.5px;color:#3182F6;font-weight:700}
.az9i-nm{flex:1;min-width:0;font-size:14.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 2px}
.az9i-ibs{display:flex;gap:4px;flex:none}
.az9i-ib{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:44px;height:40px;border:0;border-radius:10px;background:#F2F4F6;color:#3182F6;cursor:pointer;padding:0;min-height:0;text-decoration:none}
.az9i-ib svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.az9i-ib small{font-size:9px;font-weight:700;color:#8B95A1;line-height:1}
.az9i-ib:active{background:#E5E8EB}
.az9i-ib.dim{color:#8B95A1}
.az9i-ib.off{color:#D1D6DB;background:#F7F8FA}
.az9i-ib.off small{color:#D1D6DB}
.az9i-no1{border:0;background:#F2F4F6;border-radius:8px;padding:6px 8px;font:800 12.5px var(--t-font,inherit);color:#191F28;font-variant-numeric:tabular-nums;letter-spacing:-.02em;cursor:pointer;width:auto;min-height:0;white-space:nowrap}
.az9i-no1.dim{color:#B0B8C1;font-weight:600}
.az9i-tel{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#F2F4F6;color:#3182F6;text-decoration:none;font-size:13px}
.az9i-go{font:700 12.5px var(--t-font,inherit);color:#3182F6;background:#E8F3FF;border-radius:10px;padding:0 9px;height:40px;display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap;flex:none}
.az9i-go.dim{color:#B0B8C1;background:#F2F4F6}
.az9i-chips{display:flex;flex-direction:column;gap:5px;margin:4px 0 8px 44px}
.az9i-chip{display:flex;flex:1 1 100%;width:100%;align-items:stretch;border-radius:10px;background:#F2F4F6;overflow:hidden}
.az9i-chip button{flex:1;width:auto;min-height:0;border:0;background:transparent;padding:8px 10px;text-align:left;font-family:var(--t-font,inherit);cursor:pointer;display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.az9i-chip small{font-size:11px;color:#8B95A1;font-weight:700}
.az9i-chip b{font-size:13px;font-weight:800;color:#191F28;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.az9i-chip a{display:flex;align-items:center;padding:0 12px;border-left:1px solid #E5E8EB;color:#3182F6;text-decoration:none;font-size:14px}
.az9i-chip.dim b{color:#8B95A1;font-weight:600}
.az9i-chip button:active{background:#E5E8EB}

/* ── 3. 오늘 탭·공통 줄·띠·시트(옛 #azacss) ── */
#home .t-td-chips{display:none!important}
#tSay .aza-red{font-style:normal;color:#F04452!important}
#tSaySub i{font-style:normal;color:#B0B8C1}
.aza-seg{display:flex;background:#F2F4F6;border-radius:14px;padding:4px;margin:0 0 12px}
.aza-seg button{flex:1;border:0;background:transparent;font:600 14px var(--t-font,inherit);color:#8B95A1;padding:9px 0;border-radius:11px;cursor:pointer}
.aza-seg button.on{background:#fff;color:#191F28;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.aza-seg small{font-weight:700;margin-left:3px;font-size:12px}
.aza-sec{padding:6px 10px 8px!important}
.aza-strip{display:flex;gap:5px;padding:12px 6px 2px}
.aza-st{flex:1;border:0;border-radius:14px;background:#F2F4F6;padding:10px 2px;text-align:center;position:relative;font-family:var(--t-font,inherit);cursor:pointer;-webkit-tap-highlight-color:transparent}
.aza-st b{display:block;font-size:20px;font-weight:800;color:#191F28}
.aza-st span{font-size:11.5px;color:#8B95A1;font-weight:700}
.aza-st.on{background:#E8F3FF;box-shadow:inset 0 0 0 2px #3182F6}
.aza-st.on b{color:#3182F6}
.aza-st.z b{color:#B0B8C1}
/* 10-20 하기 띠 — 숫자 없이 이름만(시작하는 곳) */
.aza-st.aza-st-nm{padding:13px 2px}
.aza-st.aza-st-nm span{font-size:14px;color:#4E5968}
.aza-st.aza-st-nm.on span{color:#3182F6}
.aza-ic.wait{background:#F2F4F6;opacity:.7}
.aza-li .aza-wait{color:#8B95A1;font-weight:700}
.aza-li.quiet-wait .aza-t1{color:#8B95A1}
.aza-seg3{display:flex;background:#F2F4F6;border-radius:14px;padding:4px;gap:4px;margin:6px 0 2px}
.aza-seg3 button{flex:1;border:0;background:transparent;border-radius:11px;padding:11px 4px;font:700 13px var(--t-font,inherit);color:#4E5968;cursor:pointer;min-height:0;width:auto;white-space:nowrap}
.aza-seg3 button.p{background:#fff;color:#3182F6;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.aza-seg3 button.on{background:#fff;color:#8B95A1}
.aza-seg3 button:active{background:#E5E8EB}
.aza-grp{display:flex;align-items:baseline;gap:8px;padding:14px 12px 4px}
.aza-grp b{font-size:15px;font-weight:800;color:#191F28}
.aza-grp span{font-size:13px;color:#8B95A1;font-weight:600}
.aza-grp b{white-space:nowrap}
.aza-grp .r{margin-left:auto;font-weight:500;font-size:12.5px;flex:1 1 auto;min-width:0;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aza-li{display:flex;align-items:center;gap:12px;padding:11px 12px;width:100%;border:0;background:transparent;text-align:left;font-family:var(--t-font,inherit);cursor:pointer;color:inherit;border-radius:14px;-webkit-tap-highlight-color:transparent}
.aza-li:active{background:#F2F4F6}
.aza-ic{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;background:#F2F4F6;color:#6B7684}
.aza-ic.now{background:#FFEBEE;color:#F04452}
.aza-ic.soon{background:#FFF4E0;color:#E08A00}
.aza-ic.info{background:#E8F3FF;color:#3182F6}
.aza-strip-note{margin:2px 14px 6px;font-size:12.5px;color:#8B95A1}
.az9-polno{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:12px 14px;border-radius:14px;background:#F2F4F6}
.az9-polno small{font-size:11px;color:#8B95A1;flex:none}
.az9-polno b{flex:1;font-size:17px;letter-spacing:.02em;font-variant-numeric:tabular-nums;word-break:break-all}
.az9-polno button{flex:none;border:0;border-radius:10px;padding:8px 12px;background:#3182F6;color:#fff;font-weight:700;font-size:13px}
.az9-progs{display:flex;gap:6px;margin:10px 0 0;flex-wrap:wrap}
.az9-prog{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#F2F4F6;font-size:12.5px;color:#6B7684}
.az9-prog b{font-weight:700;color:#333D4B}
.az9-prog.ok{background:#E6F7F0;color:#1FB57E}
.az9-prog.no{background:#FFEBEE;color:#F04452}
.az9-prog.na{opacity:.6}
.aza-ic.me{background:#ECE9FF;color:#4B3FA8}
.aza-ic.ok{background:#E6F7F0;color:#1FB57E}
.aza-ic svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.aza-tx{flex:1;min-width:0}
.aza-t1{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#191F28}
.aza-t2{display:flex;gap:5px;align-items:center;font-size:13px;color:#8B95A1;margin-top:3px;white-space:nowrap;overflow:hidden}
.aza-t2>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.aza-t2 q{quotes:none;color:#4E5968}
.aza-t2 q:before{content:"“"}
.aza-t2 q:after{content:"”"}
.aza-src{font-style:normal;font-size:11px;font-weight:700;padding:1px 6px;border-radius:6px;background:#F2F4F6;color:#4E5968;flex:none}
.aza-src.k{background:#FFF3C4;color:#6B4E00}
.aza-src.n{background:#ECE9FF;color:#4B3FA8}
.aza-src.e{background:#E8F3FF;color:#1A5FBF}
.aza-src.c{background:#E6F7F0;color:#117A55}
.aza-src.q{background:#FFEBEE;color:#B3261E}
.aza-src.t{background:#191F28;color:#fff}
.aza-src.v{background:#fff;color:#B0B8C1;border:1px dashed #D1D6DB}
.aza-chev{color:#B0B8C1;font-size:20px;flex:none}
.aza-note{font-size:12.5px;color:#8B95A1;padding:8px 12px 10px;line-height:1.5;margin:0}
.aza-pipes{display:flex;gap:6px;padding:6px 12px 10px;overflow:hidden}
.aza-pipes span{flex:1 1 0;min-width:0;background:#F2F4F6;border-radius:14px;padding:9px 10px;font-size:12px;color:#8B95A1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aza-pipes b{display:block;font-size:13.5px;color:#191F28;font-weight:700;margin-bottom:1px}
.aza-pipes b i{font-style:normal;color:#1FB57E;font-size:11px;margin-left:3px}
.aza-pipes b i.off{color:#B0B8C1}
.aza-so{margin:10px 0 0;padding:12px 14px;border-radius:14px;background:#E8F3FF;color:#1A5FBF;font-size:14px;font-weight:600;line-height:1.45}
.aza-h2{margin:18px 0 6px;font:800 14px var(--t-font,inherit);color:#191F28}
.aza-h2 small{font-weight:500;color:#8B95A1;margin-left:6px}
.aza-add{display:flex;flex-direction:column;gap:8px}
.aza-in{width:100%;box-sizing:border-box;border:1.5px solid #E5E8EB;border-radius:14px;padding:12px 14px;font:500 15px var(--t-font,inherit);outline:0}
.aza-in:focus{border-color:#3182F6}
.aza-due{display:flex;gap:6px}
.aza-due button{flex:1;border:1.5px solid #E5E8EB;background:#fff;border-radius:12px;padding:9px 0;font:600 13.5px var(--t-font,inherit);color:#4E5968;cursor:pointer}
.aza-due button.on{border-color:#191F28;color:#191F28;background:#F2F4F6}
.aza-ok{border:0;border-radius:14px;padding:13px 0;background:#191F28;color:#fff;font:700 15px var(--t-font,inherit);cursor:pointer}
.aza-sug{padding:10px 12px 12px;border-bottom:1px solid #F2F4F6}
.aza-sug:last-child{border-bottom:0}
.aza-sug-t b{display:block;font-size:15px;font-weight:700;margin-top:4px}
.aza-sug-t span{display:block;font-size:12.5px;color:#8B95A1;margin-top:2px}
.aza-sug-b{display:flex;gap:6px;margin-top:10px}
.aza-sug-b button{flex:1;border:1.5px solid #E5E8EB;background:#fff;border-radius:12px;padding:9px 0;font:700 13.5px var(--t-font,inherit);color:#191F28;cursor:pointer}
.aza-sug-b button.p{background:#3182F6;border-color:#3182F6;color:#fff}
.aza-who{font-size:13px;color:#8B95A1;font-weight:600}
.aza-facts{margin:14px 0 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.aza-facts span{background:#F2F4F6;border-radius:12px;padding:9px 10px;font-size:12px;color:#8B95A1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aza-facts b{display:block;font-size:14px;color:#191F28;font-weight:700}
.aza-facts a{color:#3182F6;text-decoration:none;font-weight:600}
.aza-btns{display:flex;gap:8px;padding:14px 0 4px}
.aza-btns a,.aza-btns button{flex:1;padding:14px 0;border-radius:14px;border:0;font:700 14.5px var(--t-font,inherit);background:#F2F4F6;color:#191F28;cursor:pointer;text-align:center;text-decoration:none;display:block}
.aza-btns .p{background:#3182F6;color:#fff;flex:1.3}

/* ── 4. 청구 현황(옛 #cbStepsCss) ── */
.cb-steps{display:flex;gap:6px;margin:12px 0 2px}
.cb-step{flex:1;text-align:center;padding:8px 2px;border-radius:12px;background:#F2F4F6;color:#8B95A1}
.cb-step i{display:block;width:22px;height:22px;line-height:22px;margin:0 auto 4px;border-radius:50%;background:#E5E8EB;font-style:normal;font-size:12px;font-weight:800;color:#8B95A1}
.cb-step.on{background:#E8F3FF;color:#191F28}
.cb-step.on i{background:#3182F6;color:#fff}
.cb-step b{display:block;font-size:12px;font-weight:700}
.cb-step small{display:block;font-size:11px;margin-top:2px;color:inherit}
.cb-strip{display:flex;gap:6px;padding:12px 8px 4px}
.cb-st{flex:1;border:0;border-radius:14px;background:#F2F4F6;padding:10px 2px;text-align:center;position:relative;font-family:var(--t-font,inherit);cursor:pointer}
.cb-st b{display:block;font-size:20px;font-weight:800;color:#191F28}
.cb-st span{font-size:11.5px;color:#8B95A1;font-weight:700}
.cb-st.on{background:#E8F3FF;box-shadow:inset 0 0 0 2px #3182F6}
.cb-st.on b{color:#3182F6}
.cb-st.z b{color:#B0B8C1}
.cb-dot{position:absolute;top:6px;right:8px;width:8px;height:8px;border-radius:50%;background:#F04452}
.cb-arrows{display:flex;justify-content:space-around;padding:0 28px;color:#B0B8C1;font-size:12px;margin-top:-2px}
.cb-hint{margin:2px 12px 6px;font-size:12px;color:#B0B8C1}
.cb-mrow.on span{font-weight:800}
.cb-flag{margin:8px 0 0;padding:8px 12px;border-radius:12px;background:#FFF4E5;color:#B25E09;font-size:13px;font-weight:600}
.cb-did{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 2px}
.cb-did button{padding:11px 14px;border-radius:14px;border:1px solid #E5E8EB;background:#fff;font:700 14px var(--t-font,inherit);color:#191F28;cursor:pointer}
.cb-did button:active{background:#F2F4F6}

/* ── 5. 공통 뼈대(azu-*) — 큰 문장 상자 · 본문 카드 · 셀 목록 · 단추 칸 · 접는 머리 · 달마다 표 ──
   값은 10-19 화면에서 실제로 보이던 값 그대로(인라인이 !important 에 져서 실제로는 16px 24px 이었던 것까지) — 바꾼 뒤 픽셀 비교 0 */
.azu-top { background: #fff; border-radius: 22px; overflow: hidden; margin: 0 0 12px; }
.azu-top .t-pt-bar { margin: 12px 0 8px; }
.azu-card { display: block; background: #fff; border-radius: 22px; box-shadow: 0 2px 14px rgba(0, 20, 60, 0.04); margin: 0 0 14px; padding: 16px 24px; }
.azu-card.azu-list { padding: 6px 10px 8px; }
.azu-cells { padding: 0 12px; margin: 0; background: none; box-shadow: none; border-radius: 0; }
.azu-cells.flush { padding: 0; }
.azu-cells .t-cell b.red { color: #F04452; }
.azu-cta { padding: 10px 12px 4px; }
.azu-cta .aza-note { margin: 8px 2px 0; }
.azu-foot { margin: 4px 12px 10px; }
.azu-fold { width: 100%; text-align: left; background: none; border: 0; cursor: pointer; }
.azu-mtab { width: 100%; border-collapse: collapse; font-size: 13.5px; margin-top: 8px; }
.azu-mtab th { text-align: right; padding: 6px 4px; font-weight: 600; color: #8B95A1; font-size: 12px; }
.azu-mtab td { text-align: right; padding: 9px 4px; }
.azu-mtab tbody tr { border-top: 1px solid #F2F4F6; }
.azu-mtab th:first-child, .azu-mtab td:first-child { text-align: left; }
.azu-mtab tr.now { font-weight: 700; }
.azu-mtab tr.now small { color: #3182F6; font-weight: 600; }
.azu-mtab td.dim { color: #6B7684; }
.azu-mtab td.red { color: #F04452; }
.azu-mtab + .aza-note { margin: 8px 0 0; }

/* ── 6. 보험사 바둑판(10-19 20:36 대표 "밑으로 쭉 나열 말고 바둑판") — 칸 하나 = 회사 하나: 위 이름(누르면 전산) · 아래 번호 아이콘 셋(누르면 복사) ── */
#saView .az9i-search { margin: 10px 8px 6px; }
#saView .az9i-all .az9i-search { margin: 0 0 8px; }
#saView .az9i-all .az9i-find { padding-top: 10px; padding-bottom: 10px; }
#saView .az9i-foot { margin: 4px 16px 14px; }
.az9i-x[hidden] { display: none; }
.az9i-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 2px 0 6px; }
@media (min-width: 700px) { .az9i-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .az9i-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.az9i-tile { min-width: 0; display: flex; flex-direction: column; gap: 8px; padding: 10px; border-radius: 16px; background: #F7F8FA; }
.az9i-tile-h { display: flex; align-items: center; gap: 6px; min-height: 34px; color: #191F28; text-decoration: none; border-radius: 10px; -webkit-tap-highlight-color: transparent; }
.az9i-tile-h b { flex: 1; min-width: 0; font-size: 14.5px; font-weight: 800; letter-spacing: -0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.az9i-tile-h span { flex: none; font-size: 12px; font-weight: 700; color: #3182F6; background: #E8F3FF; border-radius: 8px; padding: 6px 9px; }
.az9i-tile-h:active span { background: #D6E8FF; }
.az9i-tile-h.off { color: #8B95A1; }
.az9i-tile-h.off span { color: #B0B8C1; background: #EEF0F3; }
.az9i-tile-ibs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
.az9i-tile .az9i-ib { width: auto; height: 44px; background: #fff; }
.az9i-tile .az9i-ib.off { background: #F2F4F6; }

/* ── 7. 보험사 나란히 세로 칸(10-19 21:17 대표 "손해·생명 밑으로 말고 옆으로") — 손해 | 생명 | 그 밖 · 폰에선 칸이 좁아 이름 단추 + 아이콘만(글자 표시는 700px↑) ── */
.azu-card.az9i-cols-card { padding: 12px 10px; }
.az9i-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; align-items: start; }
.az9i-col { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.az9i-col-h { display: flex; align-items: baseline; justify-content: center; gap: 4px; padding: 4px 0 2px; position: sticky; top: 0; background: #fff; z-index: 1; }
.az9i-col-h b { font-size: 14px; font-weight: 800; color: #191F28; }
.az9i-col-h span { font-size: 12px; font-weight: 700; color: #8B95A1; }
.az9i-col .az9i-tile { padding: 6px; gap: 6px; border-radius: 12px; }
.az9i-col .az9i-tile-h { justify-content: center; min-height: 34px; padding: 0 6px; background: #E8F3FF; color: #1B64DA; }
.az9i-col .az9i-tile-h b { flex: 0 1 auto; font-size: 13px; text-align: center; }
.az9i-col .az9i-tile-h span { display: none; }
.az9i-col .az9i-tile-h:active { background: #D6E8FF; }
.az9i-col .az9i-tile-h.off { background: #EEF0F3; color: #8B95A1; }
.az9i-col .az9i-tile-ibs { gap: 3px; }
.az9i-col .az9i-ib { height: 30px; border-radius: 8px; }
.az9i-col .az9i-ib small { display: none; }
.az9i-col .az9i-ib svg { width: 15px; height: 15px; }
@media (min-width: 700px) {
  .azu-card.az9i-cols-card { padding: 16px 24px; }
  .az9i-cols { gap: 12px; }
  .az9i-col .az9i-tile { padding: 8px; }
  .az9i-col .az9i-tile-h b { font-size: 14px; }
  .az9i-col .az9i-ib { height: 40px; }
  .az9i-col .az9i-ib small { display: block; }
}

/* ── 8. 보험사 한 화면(10-19 21:29 대표 "모든 보험사 한눈에") — 4칸 · 묶음 나란히(긴 묶음은 칸 둘) · 칸 하나 = 이름(누르면 전산) + ⋯(번호 시트) · PC 는 ⋯ 대신 아이콘 셋 ── */
.azu-card.az9i-all { padding: 10px 8px; }
.az9i-all-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px 4px; align-items: start; }
.az9i-all-h { display: flex; align-items: baseline; justify-content: center; gap: 4px; padding: 2px 0 4px; border-bottom: 2px solid #F2F4F6; margin-bottom: 2px; }
.az9i-all-h.s2 { grid-column: span 2; } .az9i-all-h.s3 { grid-column: span 3; } .az9i-all-h.s4 { grid-column: span 4; }
.az9i-all-h b { font-size: 13.5px; font-weight: 800; color: #191F28; }
.az9i-all-h span { font-size: 11.5px; font-weight: 700; color: #8B95A1; }
.az9i-all-col { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.az9i-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
.az9i-mini { display: flex; align-items: center; min-width: 0; height: 34px; border-radius: 9px; background: #E8F3FF; }
.az9i-mini .nm { flex: 1; min-width: 0; padding: 0 0 0 6px; font-size: 12.5px; font-weight: 700; color: #1B64DA; text-decoration: none; line-height: 1.15; letter-spacing: -0.03em; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.az9i-mini .more { flex: none; width: 18px; height: 34px; border: 0; background: none; color: #6B9BE0; font: 700 14px var(--t-font, inherit); padding: 0; cursor: pointer; }
.az9i-mini .ibs { display: none; }
.az9i-mini.off { background: #F2F4F6; }
.az9i-mini.off .nm { color: #8B95A1; }
.az9i-mini.off .more { color: #B0B8C1; }
.az9i-mini:active { background: #D6E8FF; }
@media (min-width: 1024px) {
  .azu-card.az9i-all { padding: 16px 20px; }
  .az9i-all-grid, .az9i-flow { gap: 6px 10px; }
  .az9i-mini { height: 40px; padding-right: 4px; }
  .az9i-mini .nm { font-size: 14px; padding-left: 10px; -webkit-line-clamp: 1; }
  .az9i-mini .more { display: none; }
  .az9i-mini .ibs { display: flex; gap: 3px; flex: none; }
  .az9i-mini .az9i-ib { width: 30px; height: 30px; background: #fff; border-radius: 8px; }
  .az9i-mini .az9i-ib small { display: none; }
  .az9i-mini .az9i-ib svg { width: 14px; height: 14px; }
  .az9i-mini .az9i-ib { display: flex; align-items: center; justify-content: center; border: 0; padding: 0; cursor: pointer; }
  .az9i-mini .az9i-ib svg { fill: none; stroke: #3182F6; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .az9i-mini .az9i-ib.off { cursor: default; } .az9i-mini .az9i-ib.off svg { stroke: #C9CED6; }
  .az9i-mini a.nm { text-decoration: underline; text-decoration-color: #B8D4FA; text-underline-offset: 3px; } .az9i-mini a.nm:hover { text-decoration-color: #1B64DA; }
  .az9i-mini .az9i-ib.done { background: #E8F7EE; } .az9i-mini .az9i-ib.done svg { stroke: #0E9F6E; }
}
.az9i-num { display: flex; align-items: center; gap: 8px; padding: 12px 2px; border-top: 1px solid #F2F4F6; }
.az9i-num:first-of-type { border-top: 0; }
.az9i-num span { flex: none; width: 74px; font-size: 13px; color: #8B95A1; font-weight: 600; }
.az9i-num b { flex: 1; min-width: 0; font-size: 16px; font-variant-numeric: tabular-nums; }
.az9i-num button, .az9i-num a { flex: none; border: 0; border-radius: 10px; padding: 8px 12px; font: 700 13px var(--t-font, inherit); background: #3182F6; color: #fff; text-decoration: none; cursor: pointer; }
.az9i-num a { background: #E8F3FF; color: #1B64DA; }
.az9i-num.off b { color: #B0B8C1; font-size: 14px; font-weight: 500; }

/* ── 9. 시트 공통(10-20 대표 "하기 하위 항목 통일 · 보기 어렵다") — 작은 위치 줄(aza-who) → 제목 → 한 줄 설명(az9-range) → 칸·줄 → 파란 단추 ── */
.az9-sheet > .t-q-h { margin: 4px 0 4px; }
.az9-range { margin: 0 0 12px; font-size: 13.5px; line-height: 1.45; color: #8B95A1; }
.azu-form .t-q-in { margin-bottom: 8px; }
.azu-form .t-cta { margin-top: 8px; }
.azu-form .t-q-list { margin: 4px -4px 0; }
.azu-form .aza-li[hidden] { display: none; }
.aza-note.azu-tight { padding: 0 2px 6px; margin: -2px 0 0; }

/* ── 10. 놓친 것(10-20 대표 "해야 될 걸 안 놓치려고 본다") — 띠 맨 앞 빨간 칸 · 늦은 줄은 왼쪽 빨간 선 ── */
.aza-st.miss b { color: #F04452; }
.aza-st.miss.on { background: #FFEBEE; box-shadow: inset 0 0 0 1.5px #F04452; }
.aza-st.miss.on span { color: #F04452; }
.aza-li.late { box-shadow: inset 3px 0 0 #F04452; }

.aza-auto { color: #1FB57E; font-weight: 700; text-decoration: none; }

/* 11. 보장분석표 고치기 (10-20) — 줄 끝 작은 [고치기] · 쌓인 수정·직접 고친 금액 ※ 한 줄 */
.t-cov-fix { margin-left: 8px; border: 0; background: #F2F4F6; color: #6B7684; font: 600 11.5px var(--t-font, inherit); border-radius: 8px; padding: 3px 7px; cursor: pointer; }
.t-cov-why { font-size: 12px; color: #3182F6; padding: 0 0 8px 10px; line-height: 1.4; }

/* 12. 보험사 탭 폰(10-21 대표 "모바일에선 쭈그러져서 안 보인다") — 묶음 고르기 + 큰 칸 3줄 · ⋯ 는 칸 오른쪽 위 작게 · 찾기 결과도 3줄(폰만) */
.az9i-mseg { margin: 2px 0 10px; }
.az9i-m-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.az9i-m-grid .az9i-mini { position: relative; height: 56px; border-radius: 14px; justify-content: center; }
.az9i-m-grid .az9i-mini .nm { flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 14px 0 8px; font-size: 15px; line-height: 1.2; word-break: keep-all; }
.az9i-m-grid .az9i-mini .more { position: absolute; top: 0; right: 0; width: 26px; height: 26px; font-size: 13px; line-height: 1; }
@media (max-width: 1023px) {
  .az9i-flow { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .az9i-flow .az9i-mini { position: relative; height: 56px; border-radius: 14px; justify-content: center; }
  .az9i-flow .az9i-mini .nm { flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 14px 0 8px; font-size: 15px; line-height: 1.2; word-break: keep-all; }
  .az9i-flow .az9i-mini .more { position: absolute; top: 0; right: 0; width: 26px; height: 26px; font-size: 13px; line-height: 1; }
}
/* 12-2 폰 칸 = 이름 + 아이콘 셋(전화 = 고객센터 · 헤드셋 = 모니터링 · 팩스 — 10-21 대표 "번호도 안 보여도 · 누르면 바로 복사") · 칸 셋씩 · 이름 = 번호 시트 */
.az9i-mini.az9i-phone { height: auto; min-height: 56px; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 4px; padding: 6px; }
.az9i-phone button { border: 0; background: none; font-family: var(--t-font, inherit); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.az9i-m-grid .az9i-phone .nm, .az9i-flow .az9i-phone .nm { flex: none; height: auto; display: block; padding: 4px 2px 2px; text-align: center; font-size: 15px; font-weight: 700; color: #1B64DA; }
.az9i-phone .tels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.az9i-phone .tel { display: flex; align-items: center; justify-content: center; height: 34px; border-radius: 9px; background: #fff; padding: 0; }
.az9i-phone .tel .ic svg { width: 16px; height: 16px; display: block; fill: none; stroke: #3182F6; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.az9i-phone .tel.off { background: transparent; }
.az9i-phone .tel.off .ic svg { stroke: #C9CED6; }
.az9i-phone .tel:active { background: #D6E8FF; }
.az9i-phone .tel.done { background: #E8F7EE; }
.az9i-phone .tel.done .ic svg { stroke: #0E9F6E; }
/* 아이콘 뜻(폰 묶음 위 한 줄) */
.az9i-legend { display: flex; justify-content: center; gap: 14px; margin: -2px 0 8px; font-size: 12px; color: #8B95A1; }
.az9i-legend span { display: inline-flex; align-items: center; gap: 4px; }
.az9i-legend svg { width: 13px; height: 13px; fill: none; stroke: #8B95A1; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.az9i-phone .tel:active { background: #D6E8FF; }
.az9i-phone .tel.done { background: #E8F7EE; color: #0E9F6E; }
.az9i-phone .tel.done i { color: #0E9F6E; }
@media (max-width: 370px) { .az9i-phone .tels { gap: 3px; } .az9i-mini.az9i-phone { padding: 5px 4px; } }

/* 13. 10-22 대표 "피로감 없게 — 바로바로" : 띠 일곱 칸(가로로 밀림) · 줄마다 할 일 단추 하나 · ✓ 한 번이면 끝 */
.aza-strip .aza-st{flex:1 1 0;min-width:0;padding:10px 0}
.aza-strip .aza-st span{font-size:11px;white-space:nowrap;letter-spacing:-.03em}
.aza-strip .aza-st.far{background:transparent;box-shadow:inset 0 0 0 1.5px #E5E8EB}
.aza-strip .aza-st.far + .aza-st.far{margin-left:0}
.aza-strip .aza-st:not(.far) + .aza-st.far{margin-left:5px}
.aza-strip .aza-st.far.on{background:#E8F3FF;box-shadow:inset 0 0 0 2px #3182F6}
.aza-st.miss b{color:#F04452}
.aza-st.miss.on b{color:#F04452}
.aza-li .aza-act{flex:none;border-radius:10px;padding:8px 11px;font-size:13.5px;font-weight:700;background:#E8F3FF;color:#1B64DA;white-space:nowrap;cursor:pointer}
.aza-li .aza-act:active{background:#D0E5FF}
.aza-li .aza-go{flex:none;align-self:center;margin-left:8px;background:none;color:#3182F6;font-weight:600;font-size:13.5px;line-height:1.2;padding:6px 0 6px 6px;white-space:nowrap;cursor:pointer}   /* 11-07 시스템 현황 할 일 — 줄에서 바로 누르는 단추 */
.aza-li .aza-ck{flex:none;width:34px;height:34px;border-radius:10px;box-shadow:inset 0 0 0 2px #D1D6DB;position:relative;cursor:pointer}
.aza-li .aza-ck::after{content:"";position:absolute;left:12px;top:8px;width:7px;height:13px;border:solid #C4CAD0;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.aza-li .aza-ck.on{background:#3182F6;box-shadow:none}
.aza-li .aza-ck.on::after{border-color:#fff}
.aza-li.done{opacity:.45;transition:opacity .2s}
.aza-src.t{background:#E8F3FF;color:#1B64DA}
.bottomnav button.on > .nbadge{visibility:hidden}
.aza-li:has(.aza-act) .aza-t1{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* 14. 10-22 20:48 대표 "오늘 일은 오늘 — 답할 것·계약 관리·청구" : 오늘 탭 세 칸(칸마다 3줄 · 나머지 누르면) */
#hmTodayList .azt-card{background:#fff;border-radius:20px;padding:16px 10px 6px;margin:0 0 12px}
#hmTodayList .azt-h{display:flex;align-items:center;gap:12px;padding:0 8px 8px;width:100%;border:0;background:none;font-family:var(--t-font,inherit);text-align:left;cursor:pointer;color:inherit}
#hmTodayList .azt-h:disabled{cursor:default;opacity:1}
#hmTodayList .azt-h b{flex:1;font-size:18px;font-weight:800;letter-spacing:-.02em;color:#191F28}
#hmTodayList .azt-h em{font-style:normal;font-size:24px;font-weight:900;color:#191F28}
#hmTodayList .azt-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none}
#hmTodayList .azt-ic svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#hmTodayList .azt-ic.g{background:#00B386}
#hmTodayList .azt-ic.b{background:#3182F6}
#hmTodayList .azt-ic.r{background:#F04452}
#hmTodayList .azt-card .aza-li{border-top:1px solid #F2F4F6;border-radius:0}
#hmTodayList .azt-card .aza-ic{display:none}
#hmTodayList .azt-none{margin:0;padding:10px 8px 12px;border-top:1px solid #F2F4F6;font-size:14px;color:#8B95A1}
#hmTodayList .azt-more{display:block;width:100%;border:0;border-top:1px solid #F2F4F6;background:none;padding:12px 8px;text-align:left;font:700 14px var(--t-font,inherit);color:#4E5968;cursor:pointer}
#hmTodayList .azt-note{margin:0;padding:8px 8px 10px;font-size:12.5px;color:#8B95A1}
#hmTodayList .azt-sys{background:#FFF8E6;border-radius:16px;padding:4px;margin:0 0 12px}
/* 14-2. 10-23 07:17 대표 "칸 이름을 누르면 늘어나고 줄어들게" — 머리가 단추 · ▾/▴ · 접혀 있으면 아래 작은 안내 한 줄 */
#hmTodayList .azt-chev{width:9px;height:9px;border:solid #8B95A1;border-width:0 2px 2px 0;transform:rotate(45deg);margin:0 4px 4px 2px;transition:transform .15s}
#hmTodayList .azt-card.open .azt-chev{transform:rotate(-135deg);margin-bottom:-2px}
#hmTodayList .azt-hint{margin:0;padding:8px 8px 10px;border-top:1px solid #F2F4F6;font-size:12.5px;color:#8B95A1}
#hmTodayList .azt-ic.k{background:#8B95A1}
#hmTodayList .azt-ic svg{max-width:none}
#hmTodayList .azt-log{background:#fff;border-radius:20px;padding:16px 10px 6px;margin:0 0 12px}
#hmTodayList .azt-log .aza-li{border-top:1px solid #F2F4F6;border-radius:0}
#hmTodayList .azt-log .aza-ic{display:none}
#hmTodayList .azt-log .aza-t1{color:#4E5968;font-weight:600}
#hmTodayList .azt-log.open .azt-chev{transform:rotate(-135deg);margin-bottom:-2px}

/* 15. 10-23 21:58 대표 "보험사 탭 — PC 에서는 더 크게 · 아이콘 키워 누르기 편하게" : 넓은 화면만(폰은 그대로) */
@media (min-width: 1100px) {
  .azu-card.az9i-all { padding: 20px 24px; }
  .az9i-all-grid { gap: 8px 14px; }
  .az9i-all-col { gap: 8px; }
  .az9i-all-h { padding: 4px 0 8px; margin-bottom: 4px; }
  .az9i-all-h b { font-size: 16px; } .az9i-all-h span { font-size: 13px; }
  .az9i-mini { height: 56px; border-radius: 12px; padding-right: 6px; }
  .az9i-mini .nm { font-size: 14px; padding-left: 10px; -webkit-line-clamp: 2; word-break: keep-all; overflow-wrap: anywhere; }
  .az9i-mini .ibs { gap: 3px; }
  .az9i-mini .az9i-ib { width: 36px; height: 36px; border-radius: 10px; }
  .az9i-mini .az9i-ib svg { width: 19px; height: 19px; }
  #saView .az9i-all .az9i-find { padding-top: 14px; padding-bottom: 14px; font-size: 16px; }
}
@media (min-width: 1440px) {
  .az9i-mini .nm { font-size: 15px; padding-left: 12px; }
  .az9i-mini .ibs { gap: 4px; }
  .az9i-mini .az9i-ib { width: 40px; height: 40px; border-radius: 10px; }
  .az9i-mini .az9i-ib svg { width: 20px; height: 20px; }
}
/* 16. 10-24 11:05 대표 "그 밖은 하단으로" — 아래 묶음은 위와 띄움 */
.az9i-below { margin-top: 18px; }
/* 17. 10-24 15:47 대표 "흐름을 따라 다음 걸음" — 시트 안 세 줄 흐름(확인된 것 ✓ · 모르는 것 ! · 다음 걸음 →) */
.aza-flow { list-style: none; margin: 12px 0 4px; padding: 0; }
.aza-flow li { position: relative; padding: 8px 0 8px 30px; font-size: 14.5px; line-height: 1.4; color: #333D4B; }
.aza-flow li::before { content: ''; position: absolute; left: 0; top: 8px; width: 20px; height: 20px; border-radius: 50%; background: #F2F4F6; color: #8B95A1; font-size: 12px; font-weight: 800; display: grid; place-items: center; }
.aza-flow li:not(:last-child)::after { content: ''; position: absolute; left: 9.5px; top: 30px; bottom: -6px; width: 1px; background: #E5E8EB; }
.aza-flow li.ok::before { content: '✓'; background: #E8F7EE; color: #0E9F6E; }
.aza-flow li.no::before { content: '!'; background: #FFF4E6; color: #D9480F; }
.aza-flow li.next { font-weight: 700; color: #191F28; }
.aza-flow li.next::before { content: '→'; background: #3182F6; color: #fff; }
/* 18. 10-24 17:06 대표 "구분 안 가는 건 내가 밑에 코멘트" — 시트 맨 아래 한 칸(적고 보내면 다음부터 그렇게) */
.aza-teach { display: flex; gap: 8px; align-items: flex-end; margin: 16px 0 0; padding-top: 12px; border-top: 1px solid #F2F4F6; }
.aza-teach textarea { flex: 1; min-width: 0; min-height: 44px; border: 1.5px solid #E5E8EB; border-radius: 12px; padding: 10px 12px; font-size: 14px; line-height: 1.4; font-family: inherit; resize: vertical; }
.aza-teach textarea:focus { outline: 0; border-color: #3182F6; }
.aza-teach button { flex: none; height: 44px; padding: 0 16px; border: 0; border-radius: 12px; background: #191F28; color: #fff; font-size: 14px; font-weight: 700; font-family: inherit; cursor: pointer; }
.aza-teach button:disabled { opacity: .5; }

/* 10-27 대표 '이달 청구' — 한 달 한 목록 · 줄은 다른 탭과 같은 .aza-li · 상태는 칩 하나(접수·보완·완료) · 초록 표시 없음 · 글 한 줄 말줄임 */
.cb-nav{display:flex;align-items:center;gap:8px}.cb-nav .cb-mv{width:28px;height:28px;border-radius:50%;border:0;background:#F2F4F6;font-size:17px;line-height:1;color:#333D4B}.cb-nav .cb-mv:disabled{opacity:.3}
.cb-list{padding:6px 4px}.cb-row{display:flex;align-items:center;gap:4px}.cb-row .aza-li{flex:1;min-width:0;padding:11px 4px 11px 10px}
.cb-row .aza-li{padding-right:10px}.cb-stat{flex:0 0 auto;margin-left:6px;border-radius:8px;padding:5px 8px;font:700 12px var(--t-font,inherit);line-height:1;background:#F2F4F6;color:#8B95A1;white-space:nowrap}
.cb-stat.pre{background:transparent;color:#B0B8C1;font-weight:600}.cb-stat.in{background:#E8F3FF;color:#1B64DA}.cb-stat.need{background:#FFF3E0;color:#D97706}.cb-stat.done{background:#F2F4F6;color:#333D4B}.cb-stat.no{background:#FDECEC;color:#D22D2D}
/* ── 11-01 오늘 탭 띠 넷(시안 2026-11-01_오늘탭현황_2판 · 대표 확인) — 보장분석·청구·병력·계약 · 고른 칸 밑 막대 · 바로 아래 그 칸 줄 ── */
#tSay:empty{display:none}
#hmTodayList .azb{background:#fff;border-radius:20px;overflow:hidden;margin:0 0 10px;padding:0}
#hmTodayList .azb-seg{position:relative;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 6px 0}
#hmTodayList .azb-seg button{border:0;background:none;padding:10px 2px 12px;font-family:var(--t-font,inherit);cursor:pointer;border-radius:12px;color:inherit;transition:background .2s}
#hmTodayList .azb-seg button:active{background:#F2F4F6}
#hmTodayList .azb-n{display:inline-block;height:26px;overflow:hidden;font-size:22px;font-weight:800;line-height:26px;color:#191F28;vertical-align:top}
#hmTodayList .azb-n i{display:inline-block;font-style:normal}
#hmTodayList .azb-seg button.hot .azb-n::after{content:'';display:inline-block;vertical-align:top;margin:5px 0 0 3px;width:6px;height:6px;border-radius:50%;background:#F04452}
#hmTodayList .azb-l{display:block;font-size:12.5px;font-weight:700;color:#6B7684;margin-top:2px;transition:color .2s}
#hmTodayList .azb-seg button.on .azb-l{color:#191F28}
#hmTodayList .azb-ind{position:absolute;left:0;bottom:0;height:3px;width:0;border-radius:3px 3px 0 0;background:#3182F6;transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1)}
#hmTodayList .azb-panel{border-top:1px solid #F2F4F6;overflow:hidden;transition:height .24s cubic-bezier(.2,.8,.2,1)}
#hmTodayList .azb-pin{padding:0 6px 4px}
#hmTodayList .azb-pin .aza-li{border-top:1px solid #F2F4F6;border-radius:0}
#hmTodayList .azb-pin .aza-li:first-child{border-top:0}
#hmTodayList .azb-pin .aza-ic{display:none}
#hmTodayList .azb-pin.from-r{animation:azbR .2s cubic-bezier(.2,.8,.2,1)}
#hmTodayList .azb-pin.from-l{animation:azbL .2s cubic-bezier(.2,.8,.2,1)}
#hmTodayList .azb-pin.rise .aza-li,#hmTodayList .azb-pin.from-r .aza-li,#hmTodayList .azb-pin.from-l .aza-li{animation:azbUp .26s cubic-bezier(.2,.8,.2,1) both}
#hmTodayList .azb-pin .aza-li:nth-child(2){animation-delay:.03s}#hmTodayList .azb-pin .aza-li:nth-child(3){animation-delay:.06s}#hmTodayList .azb-pin .aza-li:nth-child(4){animation-delay:.09s}
#hmTodayList .azb-pin .aza-li:nth-child(5){animation-delay:.12s}#hmTodayList .azb-pin .aza-li:nth-child(n+6){animation-delay:.15s}
@keyframes azbR{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes azbL{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@keyframes azbUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#hmTodayList .azb-all{display:block;width:100%;border:0;border-top:1px solid #F2F4F6;background:none;padding:11px 8px 9px;text-align:left;font:600 13px var(--t-font,inherit);color:#8B95A1;cursor:pointer}
#hmTodayList .azb-mini{background:#fff;border-radius:16px;margin:0 0 10px;padding:0;overflow:hidden}
#hmTodayList .azb-mh{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;border:0;background:none;padding:13px 14px;font-family:var(--t-font,inherit);cursor:pointer;color:inherit;text-align:left}
#hmTodayList .azb-mh b{font-size:14px;font-weight:700;flex:0 0 auto}
#hmTodayList .azb-mh span{font-size:12.5px;color:#8B95A1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hmTodayList .azb-mh em{font-style:normal;font-weight:800;color:#191F28;margin-left:4px}
#hmTodayList .azb-ml{padding:0 6px 4px;border-top:1px solid #F2F4F6}
#hmTodayList .azb-ml .aza-li{border-top:1px solid #F2F4F6;border-radius:0}#hmTodayList .azb-ml .aza-li:first-child{border-top:0}
@media (prefers-reduced-motion:reduce){#hmTodayList .azb-ind,#hmTodayList .azb-panel,#hmTodayList .azb-pin,#hmTodayList .azb-pin .aza-li{transition:none!important;animation:none!important}}
#home .t-box.t-hm-topbox.azb-fold{display:none!important}   /* toss.css #home .t-box{display:block!important} 보다 세게 */
#hmTodayList .azb-date{padding:12px 16px 0;font-size:12.5px;font-weight:600;color:#8B95A1}
/* ── 11-01 대표 "API 가 필요한 부분은 조그만 아이콘으로 API — 이 기능을 쓸 때 API 가 들어가는구나 정도" — 쓸 때마다 Claude API 를 부르는 단추에만 ──
   .az-api = 글 안에 넣는 작은 표 · .has-api = 단추 글 뒤에 같은 표(::after — 단추 글자는 그대로) */
.az-api,.has-api::after{display:inline-block;vertical-align:middle;margin-left:6px;padding:0 5px;height:16px;line-height:16px;border-radius:5px;background:#F2F4F6;color:#8B95A1;font:800 10px/16px var(--t-font,inherit);letter-spacing:.02em;font-style:normal}
.has-api::after{content:'API'}
.t-cta.has-api::after,.t-go-b.has-api::after{background:rgba(255,255,255,.22);color:#fff}
.t-cta.has-api:disabled::after{background:rgba(255,255,255,.3)}
#wkGrid .wk-tile.has-api{position:relative}#wkGrid .wk-tile.has-api::after{position:absolute;top:16px;right:14px;margin:0}
/* ── 11-01 대표 "에즈전산 조회는 오늘 탭으로 · 검색줄처럼 줄 하나 · 맨 위" — 누르면 에즈전산 대화(자판 바로) ── */
#hmTodayList .azb-ask{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 10px;padding:0 14px;height:48px;border:0;border-radius:14px;background:#fff;font-family:var(--t-font,inherit);cursor:pointer;text-align:left;color:#8B95A1}
#hmTodayList .azb-ask:active{background:#F2F4F6}
#hmTodayList .azb-ask svg{flex:none;width:19px;height:19px;stroke:#8B95A1;fill:none;stroke-width:2.2;stroke-linecap:round}
#hmTodayList .azb-ask span{flex:1;min-width:0;font-size:15px;font-weight:600;color:#6B7684;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hmTodayList .azb-ask small{font-size:12.5px;font-weight:500;color:#B0B8C1;margin-left:4px}
#hmTodayList .azb-ask .az-api{flex:none;margin:0}
#hmTodayList .azb-date{padding:4px 4px 8px}
/* 11-01 toss.css '.t-hm-sec{padding:16px 24px!important}' 이 띠·시스템 알림 카드 안쪽을 넓혀 줄이 좁아 보였음 → 카드 안쪽은 줄이 맡음 */
#hmTodayList .t-hm-sec.azb,#hmTodayList .t-hm-sec.azb-mini{padding:0!important;margin-bottom:10px!important}
#hmTodayList .azb-seg{padding:8px 8px 0}
#hmTodayList .azb-pin{padding:0 12px 6px}
#hmTodayList .azb-mh{padding:15px 18px}
#hmTodayList .azb-ml{padding:0 12px 6px}
@media (max-width:380px){#hmTodayList .azb-ask small{display:none}}
/* 작은 단추(.t-go)는 글 뒤에 붙이면 폰 390 에서 줄이 넘침 → 단추 윗모서리에 얹음(폭 0) */
.t-go.has-api{position:relative;overflow:visible}
.t-go.has-api::after,.t-go-b.has-api::after{position:absolute;top:-7px;right:8px;margin:0;height:14px;line-height:14px;font-size:9px;background:#191F28;color:#fff}
/* 11-01 시스템 알림 맨 위 — 급한 줄(전산 못 읽음 등)이 있으면 접힌 줄 글을 빨강 */
#hmTodayList .azb-mini.hot .azb-mh span{color:#F04452;font-weight:600}
#hmTodayList .azb-mini.hot .azb-mh em{color:#F04452}
/* ── 11-01 대표 '네'(시안 디자인팀/시안/2026-11-01_탭머리통일) — 모든 탭 머리 한 규칙: 작은 윗줄 + 큰 제목 + 오른쪽 단추 하나 · 찾는 칸은 흰 줄 한 모양 ── */
.az-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:4px 6px 12px;margin:0}
.az-hd-t{min-width:0}
.az-hd small{display:block;font:600 12.5px/1.4 var(--t-font,inherit);color:#8B95A1;margin:0 0 2px}
.az-hd h2{margin:0;font:800 22px/1.3 var(--t-font,inherit);letter-spacing:-.02em;color:#191F28;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.az-hd h2 em{font-style:normal}
.az-hd-act,button.t-hd-act.az-hd-act{flex:none;border:0;background:#E8F3FF!important;color:#3182F6!important;font:700 13.5px var(--t-font,inherit)!important;border-radius:10px!important;padding:8px 12px!important;cursor:pointer;margin:0!important;position:static!important;box-shadow:none!important;height:auto!important;width:auto!important}
.az-hd-act:active{background:#D4E8FF!important}
#hmTodayList .az-hd{padding:4px 4px 10px}
/* 청구·병력 — 옛 큰 문장 상자(카드)를 머리 모양으로(윗줄 = 달·탭 이름 · 큰 제목 = 지금 상황 한 줄 · 작은 줄 · 오른쪽 단추) */
#claim .t-hm-topbox.azu-top,#hxlist .t-hm-topbox.azu-top{background:none!important;box-shadow:none!important;border-radius:0!important;padding:4px 6px 12px!important;margin:0!important}
#claim .t-hm-topbox.azu-top .t-top,#hxlist .t-hm-topbox.azu-top .t-top{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:0!important;background:none!important;min-height:0!important}
#claim .t-hm-topbox.azu-top .t-top>div,#hxlist .t-hm-topbox.azu-top .t-top>div{min-width:0}
#claim .t-hm-topbox.azu-top .t-date,#hxlist .t-hm-topbox.azu-top .t-date{font:600 12.5px/1.4 var(--t-font,inherit)!important;color:#8B95A1!important;margin:0 0 2px!important}
#claim .t-hm-topbox.azu-top .t-say,#hxlist .t-hm-topbox.azu-top .t-say{font:800 22px/1.3 var(--t-font,inherit)!important;letter-spacing:-.02em;margin:0!important;color:#191F28}
#claim .t-hm-topbox.azu-top .t-say-sub,#hxlist .t-hm-topbox.azu-top .t-say-sub{font-size:12.5px!important;color:#8B95A1!important;margin:4px 0 0!important}
#claim .t-hm-topbox.azu-top .cb-nav{gap:6px}#claim .t-hm-topbox.azu-top .cb-mv{width:22px;height:22px;font-size:14px}
/* 찾는 칸 한 모양 — 흰 줄 46px · 돋보기(오늘 에즈전산 · 고객 · 보험사) */
#saView .az9i-search.az-find{margin:0 0 10px}
#saView .az-find .az9i-find{height:46px;border:0!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;font-size:15px;padding:0 40px 0 42px!important}
#customer #clSearchBox{background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
#customer #clSearchBox>.t-sh{display:none}
#customer #clFind{height:46px;min-height:46px!important;border:0!important;border-radius:14px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238B95A1' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px 50%/18px!important;padding:0 14px 0 42px!important;font-size:15px;box-shadow:none!important;margin:0 0 10px!important}
/* 빨강은 늦음·급함만 — 청구 아이콘은 주황 */
.wk-ic.o{background:#FF8A3D}
#claimBody > .az-hd:first-child{margin-top:12px}
/* ── 11-01 대표 '5번 6번도 진행' — ⑥ 폰 보험사: 회사 한 줄(이름 + 번호 종류) · 누르면 그 자리에서 펼침(번호 단추 — 누르면 복사) · 파란 바둑판·아이콘 40개 대신 ── */
#saView .az9i-m-grid,#saView .az9i-flow:has(.az9i-phone){display:block}
#saView .az9i-mini.az9i-phone{display:block;height:auto;min-height:0;padding:0;border-radius:0;background:none;border-top:1px solid #F2F4F6}
#saView .az9i-m-grid .az9i-phone:first-child,#saView .az9i-flow .az9i-phone:first-child{border-top:0}
#saView .az9i-mini.az9i-phone:active{background:none}
#saView .az9i-phone .nm{display:flex!important;align-items:center;gap:10px;width:100%;height:auto!important;padding:13px 8px 13px 10px!important;text-align:left!important;color:#191F28!important;-webkit-line-clamp:unset;overflow:visible}
#saView .az9i-phone .az9i-rt{flex:1;min-width:0;display:block}
#saView .az9i-phone .az9i-rt b{display:block;font-size:15px;font-weight:700;color:#191F28;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
#saView .az9i-phone .az9i-rt small{display:block;font-size:12px;font-weight:500;color:#8B95A1;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#saView .az9i-phone .az9i-chev{flex:none;width:8px;height:8px;border:solid #B0B8C1;border-width:0 2px 2px 0;transform:rotate(45deg);margin:0 6px 4px 0;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
#saView .az9i-phone.open .az9i-chev{transform:rotate(225deg);margin-bottom:-2px}
#saView .az9i-phone .tels{display:flex;flex-direction:column;gap:6px;padding:0 8px 12px 10px;animation:azbUp .22s cubic-bezier(.2,.8,.2,1)}
#saView .az9i-phone .tel{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border-radius:12px;background:#F2F4F6;justify-content:flex-start;text-align:left;font-family:var(--t-font,inherit)}
#saView .az9i-phone .tel span{font-size:13px;font-weight:600;color:#6B7684;flex:none;width:64px}
#saView .az9i-phone .tel b{flex:1;min-width:0;font-size:15px;font-weight:700;color:#191F28;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#saView .az9i-phone .tel em{font-style:normal;font-size:12px;font-weight:700;color:#3182F6}
#saView .az9i-phone .tel.done{background:#E8F7F0}#saView .az9i-phone .tel.done em{color:#00A06B}
#saView .az9i-phone .az9i-more{align-self:flex-start;border:0;background:none;padding:4px 2px;font:600 13px var(--t-font,inherit);color:#4E5968;cursor:pointer}
#saView .azu-card.az9i-all:has(.az9i-m-grid){padding:4px 8px!important}
/* ⑤ 밑줄 친 회색 링크 글 → 카드 한 줄(제목 · 작은 설명 · ›) */
.az-row.t-linkish{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:14px 16px;text-align:left;text-decoration:none!important;color:#191F28!important;font-family:var(--t-font,inherit);cursor:pointer}
.az-row span{flex:1;min-width:0}.az-row b{display:block;font-size:15px;font-weight:700;color:#191F28}.az-row small{display:block;font-size:12.5px;color:#8B95A1;margin-top:2px}
.az-row i{font-style:normal;color:#B0B8C1;font-size:18px}
#saView .azu-card.az9i-foot{padding:0!important;margin-top:10px}
#saView .azu-card.az9i-foot{margin:10px 0 0!important}

/* 11-07 대표 '폰 첫 화면에 시스템 현황 할 일·진행 중밖에 안 보여요' — 시스템 현황 줄을 띠 줄처럼 짧게(아이콘 없음 · 한 줄 50px 안팎) */
#hmTodayList #azSysLine .aza-ic{display:none}
#hmTodayList #azSysLine .aza-li{padding:8px 14px;gap:8px}
#hmTodayList #azSysLine .aza-t1{font-size:14.5px}
#hmTodayList #azSysLine .aza-t2{font-size:12.5px;margin-top:1px}
#hmTodayList #azSysLine .aza-go{font-size:13px}
#hmTodayList #azSysLine .azn-fold{font-size:12.5px;padding:8px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 11-07 그분 일 한 장 — 시스템 현황과 같은 줄 */
.az-sys-sheet .aza-li{border-top:1px solid #F2F4F6;border-radius:0;padding:12px 4px}
.az-sys-sheet .aza-li:first-child{border-top:0}

/* 11-07 시스템 현황 그 일 한 장 — 일마다 [처리] · [삭제] */
.az-ev-list .az-ev{padding:14px 2px;border-top:1px solid #F2F4F6}
.az-ev-list .az-ev:first-child{border-top:0}
.az-ev-list .az-ev b{display:block;font-size:15.5px;font-weight:700;color:#191F28}
.az-ev-list .az-ev small{display:block;font-size:13px;color:#8B95A1;margin-top:4px;line-height:1.45}
.az-ev-list .az-ev-b{display:flex;gap:8px;margin-top:10px}
.az-ev-list .az-ev-go{flex:1;border:0;border-radius:12px;background:#3182F6;color:#fff;font-weight:700;font-size:14.5px;padding:12px;cursor:pointer}
.az-ev-list .az-ev-x{flex:none;border:0;border-radius:12px;background:#F2F4F6;color:#4E5968;font-weight:600;font-size:14.5px;padding:12px 16px;cursor:pointer}
#hmTodayList #azSysLine .aza-t2{display:none}   /* 11-07 대표 '시스템 알림 밑에 설명 안 써 줘도 돼요' */
#hmTodayList #azSysLine .az-sys1 .aza-t1{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}   /* 11-07 이벤트 이름이 잘리지 않게 두 줄까지 */
#hmTodayList #azSysLine div.azb-mh{cursor:default}
#hmTodayList #azSysLine .azn-g.wait .aza-t1,#hmTodayList #azSysLine .azn-g.done .aza-t1{color:#8B95A1;font-weight:600}   /* 11-07 하는 중·오늘 끝난 일은 옅게(칸 제목 없이) */
/* 11-07 대표 Y안 '사람 카드'(시안 디자인팀/시안/2026-11-07_사람카드) — 시스템 한 줄 · 오늘 챙길 분 한 분 한 장 */
#hmTodayList .azc-sub{font-size:14px;color:#4E5968;margin:-4px 2px 14px}
#hmTodayList .azc-sys{background:#fff;border-radius:14px;margin:0 0 16px;padding:0!important;overflow:hidden}
#hmTodayList .azc-sysl{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:12px 14px;font-family:inherit;font-size:14px;color:#4E5968;text-align:left;cursor:pointer}
#hmTodayList .azc-sysl i{flex:none;width:8px;height:8px;border-radius:50%;background:#B0B8C1}
#hmTodayList .azc-sysl i.r{background:#F04452}
#hmTodayList .azc-sysl b{flex:none;color:#191F28;font-weight:700}
#hmTodayList .azc-sysl span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hmTodayList .azc-sysl em{flex:none;font-style:normal;color:#8B95A1}
#hmTodayList .azc-sys .azb-ml{border-top:1px solid #F2F4F6}
#hmTodayList .azc-sys .aza-ic{display:none}
#hmTodayList .azc-sys .aza-li{padding:8px 14px}
#hmTodayList .azc-sys .aza-t2{display:none}
#hmTodayList .azc-sys .azn-g.wait .aza-t1,#hmTodayList .azc-sys .azn-g.done .aza-t1{color:#8B95A1;font-weight:600}
#hmTodayList .azc{background:#fff;border-radius:18px;padding:16px 16px 14px;margin:0 0 10px;cursor:pointer;-webkit-tap-highlight-color:transparent}
#hmTodayList .azc-r{display:flex;align-items:center;gap:10px}
#hmTodayList .azc-nm{flex:1;min-width:0;font-size:18px;font-weight:800;letter-spacing:-.01em;color:#191F28}
#hmTodayList .azc-nm small{font-size:13px;color:#8B95A1;font-weight:600;margin-left:6px}
#hmTodayList .azc.late .azc-nm::after{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#F04452;margin-left:6px;vertical-align:middle}
#hmTodayList .azc-tel{flex:none;width:40px;height:40px;border-radius:50%;background:#F2F4F6;display:grid;place-items:center}
#hmTodayList .azc-tel svg{width:19px;height:19px;stroke:#4E5968;fill:none;stroke-width:2}
#hmTodayList .azc-it{display:flex;align-items:flex-start;gap:8px;margin-top:10px}
#hmTodayList .azc-chip{flex:none;font-size:12px;font-weight:700;border-radius:7px;padding:4px 7px;line-height:1;margin-top:1px}
#hmTodayList .azc-chip.c-보장분석{color:#3182F6;background:#E8F3FF}
#hmTodayList .azc-chip.c-청구{color:#00A661;background:#E5F8EF}
#hmTodayList .azc-chip.c-병력{color:#7B61FF;background:#F0EDFF}
#hmTodayList .azc-chip.c-계약{color:#F27C1E;background:#FFF1E5}
#hmTodayList .azc-tx{min-width:0;font-size:14.5px;line-height:1.45;color:#191F28}
#hmTodayList .azc-tx small{display:block;font-size:13px;color:#8B95A1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hmTodayList .azc-go{display:block;width:100%;margin-top:12px;border:0;border-radius:12px;background:#E8F3FF;color:#3182F6;font-weight:700;font-size:14.5px;padding:11px;font-family:inherit;cursor:pointer}
#hmTodayList .azc-more{display:block;width:100%;border:0;background:#fff;border-radius:14px;padding:14px;font-size:14.5px;font-weight:600;color:#4E5968;font-family:inherit;cursor:pointer;margin-bottom:10px}
/* 11-07 대표 '카테고리별로 나눠서' — 칸 넷(보장분석·청구·병력·계약)을 위에서 아래로 · 칸 안은 사람마다 한 줄 */
#hmTodayList .azk{background:#fff;border-radius:16px;margin:0 0 10px;padding:4px 16px 6px!important}
#hmTodayList .azk-h{display:flex;align-items:center;gap:8px;padding:12px 0 6px}
#hmTodayList .azk-h i{width:8px;height:8px;border-radius:50%;background:#B0B8C1}
#hmTodayList .azk-h i.c-보장분석{background:#3182F6}#hmTodayList .azk-h i.c-청구{background:#00A661}#hmTodayList .azk-h i.c-병력{background:#7B61FF}#hmTodayList .azk-h i.c-계약{background:#F27C1E}
#hmTodayList .azk-h b{font-size:15px;font-weight:800;color:#191F28}
#hmTodayList .azk-h em{font-style:normal;font-size:14px;font-weight:700;color:#8B95A1}
#hmTodayList .azk .azc{display:grid;grid-template-columns:1fr auto;column-gap:10px;align-items:center;background:none;border-radius:0;margin:0;padding:11px 0;border-top:1px solid #F2F4F6}
#hmTodayList .azk .azc-r{display:contents}
#hmTodayList .azk .azc-nm{grid-column:1;font-size:15.5px;font-weight:700}
#hmTodayList .azk .azc-tel{grid-column:2;grid-row:1 / span 9;width:36px;height:36px}
#hmTodayList .azk .azc-chev{grid-column:2;grid-row:1 / span 9;color:#B0B8C1;font-size:18px}
#hmTodayList .azk .azc-tel + .azc-it ~ .azc-chev{display:none}
#hmTodayList .azk .azc-it{grid-column:1;margin-top:3px}
#hmTodayList .azk .azc-chip{display:none}
#hmTodayList .azk .azc-tx{font-size:14px;color:#4E5968}
#hmTodayList .azk .azc-tx small{font-size:12.5px}
#hmTodayList .azk .azc-more{background:none;padding:10px 0 8px;margin:0;border-top:1px solid #F2F4F6;border-radius:0;font-size:14px}
/* 11-08 대표 '심플하게 한눈에' — 오늘 탭 숫자 넷(누르면 그 칸만 아래 목록) */
#hmTodayList .azq{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 10px}
#hmTodayList .azq-c{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;background:#fff;border:0;border-radius:16px;padding:12px 10px 11px;font-family:inherit;color:#191F28;cursor:pointer;text-align:left}
#hmTodayList .azq-c b{position:relative;font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
#hmTodayList .azq-c b i{position:absolute;top:1px;right:-9px;width:6px;height:6px;border-radius:50%;background:#F04452}
#hmTodayList .azq-c span{display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:#6B7684;white-space:nowrap}
#hmTodayList .azq-c span i{flex:none;width:6px;height:6px;border-radius:50%}
#hmTodayList .azq-c span i.c-보장분석{background:#3182F6}#hmTodayList .azq-c span i.c-청구{background:#00A661}#hmTodayList .azq-c span i.c-병력{background:#7B61FF}#hmTodayList .azq-c span i.c-계약{background:#F27C1E}
#hmTodayList .azq-c.on{background:#191F28;color:#fff}#hmTodayList .azq-c.on span{color:#C1C6CD}
#hmTodayList .azq-c.zero{opacity:.45;cursor:default}
#hmTodayList .azk-off{display:none}
#hmTodayList .azk .azk-h{display:none}
#hmTodayList .azk{padding-top:2px!important}
#hmTodayList .azk .azc:first-of-type{border-top:0}
:root[data-theme=dark] #hmTodayList .azq-c{background:#2a2b2e;color:#F2F4F6}:root[data-theme=dark] #hmTodayList .azq-c.on{background:#F2F4F6;color:#191F28}:root[data-theme=dark] #hmTodayList .azq-c.on span{color:#4E5968}
/* 11-08 대표 Y안 — 계약 칸 종류별 묶음(종류마다 한 줄 · 누르면 그 분들) */
#hmTodayList .azt{border-top:1px solid #F2F4F6}
#hmTodayList .azk .azt:first-of-type{border-top:0}
#hmTodayList .azt-h{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;column-gap:8px;width:100%;border:0;background:none;padding:14px 0;font-family:inherit;text-align:left;cursor:pointer;color:#191F28}
#hmTodayList .azt-h b{font-size:15.5px;font-weight:800;white-space:nowrap}
#hmTodayList .azt-h em{font-style:normal;font-size:15.5px;font-weight:800;color:#F27C1E}
#hmTodayList .azt.late .azt-h em::after{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#F04452;margin-left:4px;vertical-align:top}
#hmTodayList .azt-h small{min-width:0;font-size:13px;color:#8B95A1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
#hmTodayList .azt-h i{font-style:normal;color:#B0B8C1;font-size:17px}
#hmTodayList .azt-b{background:#F9FAFB;border-radius:12px;padding:0 12px;margin:0 0 12px}
#hmTodayList .azt-b .azc:first-child{border-top:0}
:root[data-theme=dark] #hmTodayList .azt-h{color:#F2F4F6}:root[data-theme=dark] #hmTodayList .azt-b{background:#1f2023}:root[data-theme=dark] #hmTodayList .azt{border-top-color:#38393c}
#hmTodayList .azk .azc{grid-template-columns:minmax(0,1fr) auto}
#hmTodayList .azk .azc-it,#hmTodayList .azk .azc-tx{min-width:0}
#hmTodayList .azk .azc-tx small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hmTodayList .azk[data-k="청구"] .azt-h em{color:#00A661}#hmTodayList .azk[data-k="병력"] .azt-h em{color:#7B61FF}
#hmTodayList .azk[data-k="보장분석"] .azt-h em{color:#3182F6}
/* 11-08 대표 '비교확인서 — 보낼 내용 보여 주고 바로 발송' */
.cmp-sum{background:#F2F4F6;border-radius:14px;padding:12px 14px;margin:10px 0 6px}
.cmp-sum>div{font-size:15px;color:#191F28;padding:3px 0}.cmp-sum>div small{display:block;font-size:12.5px;color:#6B7684;margin-top:1px}
.cmp-sum .cmp-to{border-top:1px solid #E5E8EB;margin-top:6px;padding-top:8px;font-size:13.5px;font-weight:700;color:#3182F6}
#cmpGo{position:sticky;bottom:8px;z-index:2;box-shadow:0 6px 18px rgba(49,130,246,.35)}
:root[data-theme=dark] .cmp-sum{background:#2a2b2e}:root[data-theme=dark] .cmp-sum>div{color:#F2F4F6}
/* 11-08 대표 '비교확인서 한 장 — 계약자·피보험자·연락처·보험사·상품명·체크박스만' */
.cmp-s .cmp-kv{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:center;padding:7px 0}
.cmp-s .cmp-kv span{font-size:13px;color:#8B95A1}.cmp-s .cmp-kv b{font-size:15px;font-weight:600;color:#191F28;min-width:0}
.cmp-s .cmp-all,.cmp-s .cmp-c{border-top:1px solid #F2F4F6;padding:6px 0}
.cmp-s .cmp-docs{display:flex;flex-wrap:wrap;gap:6px 12px}.cmp-s .cmp-docs label{font-size:14px;font-weight:600;display:flex;align-items:center;gap:4px}
.cmp-s .cmp-docs input{width:18px;height:18px;accent-color:#3182F6}
.cmp-s .cmp-pick b{display:flex;flex-direction:column;gap:6px}.cmp-s .cmp-pick label{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #E5E8EB;border-radius:10px}.cmp-s .cmp-pick label:has(input:checked){border-color:#3182F6;background:#E8F3FF}.cmp-s .cmp-pick input{width:18px;height:18px;accent-color:#3182F6}.cmp-s .cmp-pick small{font-size:12px;font-weight:500;color:#F04452}
:root[data-theme=dark] .cmp-s .cmp-pick label{border-color:#333D4B}:root[data-theme=dark] .cmp-s .cmp-pick label:has(input:checked){background:#1B2B44}
.cmp-s .cmp-src{font-size:12px;font-weight:500;color:#8B95A1;margin-left:4px}.cmp-s .cmp-why-n{font-size:12px;color:#F04452;margin:-2px 0 6px 80px}
.cmp-s #cmpGo{margin-top:12px}
:root[data-theme=dark] .cmp-s .cmp-kv b{color:#F2F4F6}
/* 11-08 대표 Z안 — 관리(⚙) 맨 위 '기획' 한 줄(아래 탭에서 뺌) */
.t-adm-gh{display:flex;align-items:center;gap:10px;width:100%;border:0;background:#fff;border-radius:16px;padding:14px 16px;margin:0 0 12px;font-family:inherit;text-align:left;cursor:pointer;color:#191F28}
.t-adm-gh b{font-size:16px;font-weight:800}.t-adm-gh span{flex:1;font-size:13px;color:#8B95A1}.t-adm-gh i{font-style:normal;color:#B0B8C1;font-size:18px}
:root[data-theme=dark] .t-adm-gh{background:#2a2b2e;color:#F2F4F6}
/* 11-08 대표 '곧 가입 가능해요 1명 — 눌러 보고 싶게' — 종류 줄 = 문장 · 오른쪽 인원 · 이름 없음 */
#hmTodayList .azt-h{grid-template-columns:1fr auto auto}
#hmTodayList .azt-h b{white-space:normal;font-weight:700}
#hmTodayList .azt-h em{font-size:15px}
#hmTodayList .azc-sysl em.azc-sysn{font-style:normal;font-weight:800;color:#191F28;margin-left:auto}
/* 11-09 대표 Z안 — 오늘 탭 맨 위 '폰 알림 받기 [켜기]' */
#hmTodayList .az-pushb{display:flex;align-items:center;gap:10px;background:#E8F3FF;border-radius:16px;padding:12px 14px;margin:0 0 10px}
#hmTodayList .az-pushb>div{flex:1;min-width:0}#hmTodayList .az-pushb b{display:block;font-size:15px;color:#191F28}#hmTodayList .az-pushb small{display:block;font-size:12.5px;color:#4E5968;margin-top:2px}
#hmTodayList .az-pushb-go{flex:none;border:0;border-radius:10px;background:#3182F6;color:#fff;font-weight:700;font-size:14px;padding:9px 14px;font-family:inherit}
#hmTodayList .az-pushb-x{flex:none;border:0;background:none;color:#8B95A1;font-size:13px;font-family:inherit;padding:4px}
:root[data-theme=dark] #hmTodayList .az-pushb{background:#1D2B44}:root[data-theme=dark] #hmTodayList .az-pushb b{color:#F2F4F6}:root[data-theme=dark] #hmTodayList .az-pushb small{color:#C1C6CD}
/* 11-09 대표 '청구 현황 보기 좋게 쉽게 간단하게' — 숫자 넷(접수 전 · 접수 · 보완 · 완료) · 누른 단계만 아래 목록 */
.cbq{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 10px}
.cbq-c{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;background:#fff;border:0;border-radius:16px;padding:12px 10px 11px;font-family:inherit;color:#191F28;cursor:pointer;text-align:left}
.cbq-c b{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.cbq-c span{font-size:12.5px;font-weight:700;color:#6B7684;white-space:nowrap}
.cbq-c.on{background:#191F28;color:#fff}.cbq-c.on span{color:#C1C6CD}
.cbq-c.zero{opacity:.45;cursor:default}
:root[data-theme=dark] .cbq-c{background:#2a2b2e;color:#F2F4F6}:root[data-theme=dark] .cbq-c.on{background:#F2F4F6;color:#191F28}
.cb-list.cbq-on .cb-off{display:none}
.cb-list.cbq-on .cb-stat:not(.no){display:none}