/* re4urbished platform kit · CARE (element 18). Inherits the host's tokens (--paper --ink --muted --line --gold --font --radius). */
.care-fab,.care-ov,.care-panel{--c-bg:var(--paper,#fff);--c-bg2:var(--paper-2,#f4f1ec);--c-ink:var(--ink,#1c1c1c);--c-mut:var(--muted,#6b6b6b);--c-line:var(--line,rgba(0,0,0,.12));--c-acc:var(--gold,var(--accent,#7a5b2a));--c-font:var(--font,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif);--c-r:var(--radius,14px)}
.care-fab{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:70;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--c-line);background:var(--c-bg);color:var(--c-ink);font:600 .86rem/1 var(--c-font);letter-spacing:.01em;box-shadow:0 6px 22px rgba(0,0,0,.14);cursor:pointer;opacity:.92;transition:opacity .2s,transform .2s}
.care-fab:hover,.care-fab:focus-visible{opacity:1;transform:translateY(-1px)}
html.care-has-bar .care-fab{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
@media (max-width:760px){html.care-has-tabbar .care-fab{bottom:calc(78px + env(safe-area-inset-bottom,0px))}.care-fab{left:12px;min-height:40px;padding:0 14px;font-size:.8rem}}
html.care-open{overflow:hidden}
html.care-open body{overflow:hidden;touch-action:none}
.care-ov{position:fixed;inset:0;z-index:2147483000;background:rgba(10,8,6,.42);display:flex;align-items:flex-end;justify-content:center;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .2s,visibility 0s .2s}
.care-ov.show{visibility:visible;pointer-events:auto;opacity:1;transition:opacity .2s}
.care-sheet{width:min(560px,100%);max-height:calc(100dvh - 24px);display:flex;flex-direction:column;background:var(--c-bg);color:var(--c-ink);font:15px/1.5 var(--c-font);border-radius:18px 18px 0 0;border:1px solid var(--c-line);border-bottom:0;box-shadow:0 -10px 40px rgba(0,0,0,.25);transform:translateY(16px);transition:transform .22s ease;padding-bottom:env(safe-area-inset-bottom,0px)}
.care-ov.show .care-sheet{transform:none}
@media (min-width:761px){.care-ov{align-items:center}.care-sheet{border-radius:18px;border-bottom:1px solid var(--c-line)}}
.care-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--c-line);flex:0 0 auto}
.care-head b{font-size:1.02rem}
.care-x{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--c-line);background:transparent;color:var(--c-ink);font:600 .84rem/1 var(--c-font);cursor:pointer}
.care-body{overflow:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:12px 16px 4px;flex:1 1 auto}
.care-foot{display:flex;gap:8px;justify-content:center;padding:10px 16px 14px;color:var(--c-mut);font-size:.86rem;flex:0 0 auto}.care-foot a{color:var(--c-ink)}
.care-sub{color:var(--c-mut);margin:0 0 12px;font-size:.92rem}
.care-form{display:flex;flex-direction:column;gap:8px;margin:0}
.care-cats{border:0;margin:0 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.care-cats legend{font-size:.84rem;color:var(--c-mut);margin-bottom:6px;padding:0}
.care-cat{position:relative}.care-cat input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.care-cat span{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--c-line);font-size:.86rem;background:var(--c-bg)}
.care-cat input:checked+span{border-color:var(--c-acc);box-shadow:inset 0 0 0 1px var(--c-acc);font-weight:600}
.care-cat input:focus-visible+span{outline:2px solid var(--c-acc);outline-offset:2px}
.care-l{font-size:.86rem;color:var(--c-mut);margin-top:4px}.care-l small{opacity:.85}
.care-in{width:100%;box-sizing:border-box;font:16px/1.45 var(--c-font);color:var(--c-ink);background:var(--c-bg);border:1px solid var(--c-line);border-radius:12px;padding:10px 12px}
textarea.care-in{min-height:104px;resize:vertical}
.care-in:focus{outline:2px solid var(--c-acc);outline-offset:1px}
.care-shot{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.care-file{position:relative;display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border-radius:999px;border:1px dashed var(--c-line);font-size:.86rem;cursor:pointer}
.care-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.care-shot-name{font-size:.8rem;color:var(--c-mut);overflow:hidden;text-overflow:ellipsis;max-width:60%}
.care-who{font-size:.84rem;color:var(--c-mut);margin:2px 0}
.care-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.care-err{color:#b3261e;font-size:.88rem;margin:2px 0}
.care-actions{display:flex;justify-content:flex-end;margin:4px 0 8px}
.care-send{min-height:44px;padding:0 22px;border-radius:999px;border:0;background:var(--c-ink);color:var(--c-bg);font:600 .92rem/1 var(--c-font);cursor:pointer}.care-send[disabled]{opacity:.6}
.care-done{padding:18px 4px 22px;outline:0}.care-done b{font-size:1.1rem}.care-done p{margin:.4em 0 0;color:var(--c-mut)}.care-done a{color:var(--c-ink)}
.care-panel{background:var(--c-bg);color:var(--c-ink);font:15px/1.5 var(--c-font);border:1px solid var(--c-line);border-radius:var(--c-r);padding:18px;margin:22px 0 120px}
.care-panel h2{font:inherit;font-size:1.25rem;font-weight:600;margin:0 0 4px}.care-panel a{color:var(--c-ink)}
.care-h3{font-size:1rem;margin:20px 0 8px}
.care-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.care-item{border:1px solid var(--c-line);border-radius:12px;padding:12px;background:var(--c-bg2)}
.care-item-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.care-item-top small{color:var(--c-mut)}
.care-msg{margin:6px 0 0;white-space:pre-wrap;word-break:break-word}
.care-chip{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.74rem;font-weight:600;border:1px solid var(--c-line)}
.care-chip.care-s-done{background:#e6f4ea;color:#1e5b33;border-color:#b9dcc4}.care-chip.care-s-in_progress{background:#fff4dc;color:#6b4a00;border-color:#f0d9a2}.care-chip.care-s-waiting_client{background:#fdeaea;color:#7a1f1f;border-color:#f1c2c2}
.care-reply{margin:8px 0 0;padding:8px 10px;border-left:3px solid var(--c-acc);background:var(--c-bg)}.care-reply p{margin:2px 0 0;white-space:pre-wrap}.care-reply small{color:var(--c-mut)}
.care-quiet{color:var(--c-mut)}
.care-toggle{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:.9rem;color:var(--c-mut)}.care-toggle input{width:20px;height:20px;margin-top:1px}
@media (prefers-reduced-motion:reduce){.care-sheet,.care-ov,.care-fab{transition:none}}