/* 돌봄 달력 Release 1. 360px에서도 상태·동작이 글자로 확인되도록 설계한다. */
.care-add{margin:6px 0 10px;background:var(--orange);color:#fff;border:none;font-size:15px;font-weight:800;padding:13px;border-radius:14px;cursor:pointer;width:100%}
.care-sync{margin:-2px 0 10px;padding:9px 10px;background:#fff8ec;border:1px solid #f2d49d;border-radius:11px;color:#76500c;font-size:12px;line-height:1.35;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.care-sync button{border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;padding:4px 7px;font:inherit;font-weight:800;cursor:pointer}.care-sync.conflict{background:#fff1f0;border-color:#efb2ad;color:#9f261e}.care-sync.failed{background:#fff5ed;border-color:#ecb782;color:#9b4b0b}.care-sync.waiting{background:#fff8ec;border-color:#f2d49d;color:#76500c}.care-sync:not(.failed) #careSyncRetry,.care-sync:not(.conflict) #careSyncReload{display:none}
.care-card{width:100%;text-align:left;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eee5dc;border-left:4px solid #9b7762;border-radius:15px;box-shadow:var(--shadow);padding:12px;margin-bottom:9px;color:inherit;font-family:inherit;cursor:pointer}.care-card.assigned{border-left-color:#4979b8}.care-card.done{border-left-color:#4e9665}.care-card.late{border-left-color:#c95d47}.care-card.local{opacity:.82}.care-card:focus-visible,.care-detail-actions button:focus-visible,.care-modal-actions button:focus-visible{outline:3px solid #1d68d7;outline-offset:2px}.care-kind{font-size:24px;width:29px;text-align:center;flex:none}.care-card-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.care-card-main strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.care-card-main small{font-size:12px;color:var(--gray);line-height:1.35}.care-state{font-size:11px;font-weight:800;color:#5b554f}.care-card.done .care-state{color:#317247}.care-card-sync{font-size:10px;font-weight:800;color:#9b4b0b;text-align:right;max-width:55px}.care-chevron{font-size:23px;color:#a89b92;line-height:1}.care-empty{text-align:center;color:var(--gray);font-size:14px;padding:34px 12px;line-height:1.7}.care-empty b{color:#564d47}.care-empty small{font-size:12px}
/* legacy fallback */
.cev{display:flex;align-items:center;gap:11px;background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:12px;margin-bottom:8px}.cev .cic{font-size:23px;width:32px;text-align:center;flex-shrink:0}.cev .cmid{flex:1;min-width:0}.cev .cmid b{font-size:14px;display:block}.cev .cmid small{color:var(--gray);font-size:11.5px;display:block;line-height:1.4}.cev .cdday{font-size:12px;font-weight:800;color:var(--orange);white-space:nowrap}.cev .cdel{border:none;background:none;color:#cbb;font-size:18px;cursor:pointer;padding:0 2px}
#careAdd,.care-sheet{position:fixed;inset:0;background:rgba(25,18,14,.48);z-index:56;display:none;align-items:flex-end;justify-content:center}.care-sheet{z-index:57}.care-sheet.on,#careAdd.on{display:flex}.careform,.care-detail-card,.care-mini-card{background:#fff;border-radius:20px 20px 0 0;max-width:480px;width:100%;padding:18px 18px 22px;max-height:90vh;overflow:auto;box-sizing:border-box}.careform h3,.care-detail-card h3,.care-mini-card h3{font-size:18px;font-weight:900;margin:0 0 6px}.careform label,.care-mini-card label{display:block;font-size:13px;font-weight:800;color:#5b554f;margin:13px 0 6px}.careform input,.careform select,.careform textarea,.care-mini-card input,.care-mini-card select,.care-mini-card textarea{box-sizing:border-box;width:100%;border:1.5px solid var(--line);border-radius:12px;padding:11px;font-size:15px;outline:none;font-family:inherit;background:#fff}.careform input:focus,.careform select:focus,.careform textarea:focus,.care-mini-card input:focus,.care-mini-card select:focus,.care-mini-card textarea:focus{border-color:var(--orange)}.care-optional{font-weight:600;color:var(--gray)}.care-repeat{display:grid;grid-template-columns:1fr 1.25fr;gap:7px}.care-form-status{font-size:11.5px;color:#76685f;line-height:1.45;margin:12px 0 0}.typechips{display:flex;flex-wrap:wrap;gap:7px}.typechip{border:1.5px solid var(--line);background:#fff;border-radius:18px;padding:8px 12px;font-size:13px;font-weight:700;color:var(--gray);cursor:pointer}.typechip.on{background:var(--orange);border-color:var(--orange);color:#fff}
.care-detail-top{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eee5dc;padding-bottom:12px}.care-detail-top p{margin:4px 0 0;color:var(--gray);font-size:13px;line-height:1.4}.care-detail-top button{border:none;background:#f3eee9;width:34px;height:34px;border-radius:50%;font-size:25px;color:#665b53;cursor:pointer;flex:none}.care-detail-state{margin:13px 0;padding:10px 12px;background:#f7f3ef;border-radius:11px;color:#514740;font-size:13px;font-weight:800}.care-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.care-detail-actions button,.care-modal-actions button{border:1px solid #d9ccc2;background:#fff;border-radius:11px;padding:11px 8px;color:#4d443e;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.care-detail-actions .care-primary,.care-modal-actions .care-primary{background:var(--orange);color:#fff;border-color:var(--orange)}.care-history{margin-top:21px}.care-history h4{margin:0 0 9px;font-size:14px}.care-history ul{list-style:none;padding:0;margin:0}.care-history li{border-top:1px solid #eee5dc;padding:10px 0;display:flex;flex-direction:column;gap:3px}.care-history li b{font-size:13px}.care-history li span,.care-history li small,.care-detail-loading{font-size:12px;color:var(--gray);line-height:1.4}.care-archive{border:none;background:transparent;color:#80675a;text-decoration:underline;font:inherit;font-size:12px;padding:16px 0 0;cursor:pointer}.care-mini-card{border-radius:18px;margin:0 14px;max-height:85vh}.care-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
@media (max-width:380px){.care-card{padding:10px 9px;gap:7px}.care-card-main strong{font-size:13px}.care-kind{width:25px;font-size:21px}.care-card-sync{max-width:45px;font-size:9px}.careform,.care-detail-card{padding:16px 14px 20px}.care-detail-actions{grid-template-columns:1fr}.care-sync{font-size:11px}.care-repeat{grid-template-columns:88px 1fr}}
