.share-client{border:1px solid var(--line);border-radius:9px;margin:12px 0;padding:12px 16px;background:var(--paper)}
.share-client>.member-setting{border:0;padding-top:0;font-weight:600}
.share-client>.member-setting small{font-weight:400}
.share-projects{margin:8px 0 0 8px;padding-left:16px;border-left:2px solid var(--tint)}
.share-projects .member-setting:last-child{border-bottom:0}
.share-client label{display:flex;align-items:center;gap:8px;min-height:36px;overflow-wrap:anywhere}
.share-client input:disabled{opacity:.7;accent-color:var(--accent)}
.member-setting>div{overflow-wrap:anywhere}
.paused-panel{border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:18px 22px;margin-bottom:24px}
.paused-task{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.paused-task>div:first-child{min-width:0;overflow-wrap:anywhere}.paused-task small,.timer-right small{color:var(--muted);font-size:11px}.timer-right{flex-wrap:wrap}.timer-right>.actions{max-width:260px}.paused-panel summary{padding-top:12px;color:var(--accent)}
@media(max-width:780px){.timer-panel{align-items:flex-start;flex-direction:column}.timer-right{width:100%;justify-content:space-between}.paused-panel{padding:16px}.paused-task{flex-wrap:wrap}.paused-task>.actions{margin-left:auto}.timer-right>.actions{max-width:none}}
@media(max-width:480px){.share-client{padding:10px}.share-projects{margin-left:4px;padding-left:10px}.member-setting .actions{width:100%;justify-content:flex-end}.share-projects .btn{min-height:40px}}
.companion { background:#f6f7f9; }
.companion-main { padding:20px; max-width:520px; margin:auto; }
.companion-head,.companion-status { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.companion-head strong { font-size:20px; letter-spacing:-.5px; }
.companion-head small { display:block; font-size:12px; font-weight:400; color:#798294; letter-spacing:0; }
.companion-status { margin:12px 0 20px; font-size:12px; color:#798294; flex-wrap:wrap; }
.companion-status #sync-status { flex:1; }
.companion .timer-panel { display:block; padding:20px; }
.companion .timer-right { display:block; margin-top:16px; }
.companion .timer-clock { font-size:38px; font-variant-numeric:tabular-nums; }
.companion .timer-right .actions { margin-top:16px; gap:8px; flex-wrap:wrap; }
.companion .paused-task { display:block; }
.companion .paused-task .actions { margin-top:10px; }
.companion-idle { background:white; border:1px solid #e3e6ed; border-radius:16px; padding:24px; }
.companion-idle h1 { font-size:23px; margin:12px 0 20px; }
.companion-recent h2 { font-size:15px; margin:24px 0 10px; }
.recent-task { display:block; text-align:left; width:100%; padding:14px; margin:8px 0; background:white; border:1px solid #e3e6ed; border-radius:12px; cursor:pointer; color:#252a36; }
.recent-task > strong,.recent-task > small,.recent-task > span { display:block; overflow-wrap:anywhere; }
.recent-task small { margin:5px 0; color:#798294; }
.recent-task > span { color:#6053cf; font-size:12px; }
.companion .auth-card { margin:20px auto; padding:24px; width:calc(100% - 32px); }
.companion .auth-shell { min-height:100vh; padding:0; }
.companion dialog { max-width:calc(100vw - 20px); max-height:calc(100vh - 20px); }
.switch-label { font-size:14px; margin:20px 0 10px; }
.switch-list { display:grid; gap:8px; }
.switch-task { width:100%; display:flex; text-align:left; align-items:center; gap:12px; justify-content:space-between; padding:16px; border:1px solid #e3e6ed; border-radius:12px; background:white; color:#252a36; cursor:pointer; }
.switch-task strong,.switch-task small { display:block; overflow-wrap:anywhere; }
.switch-task small { font-size:12px; color:#798294; margin-top:6px; }
.switch-task:disabled { opacity:.5; cursor:not-allowed; }
.switch-task:hover:not(:disabled) { border-color:#6053cf; background:#f5f3ff; }
.switch-go { white-space:nowrap; color:#6053cf; font-size:13px; }
.switch-new { width:100%; display:flex; justify-content:center; align-items:center; gap:8px; padding:14px; margin-top:16px; border:1px dashed #6053cf; color:#6053cf; background:#f5f3ff; border-radius:12px; cursor:pointer; }
.switch-new svg { width:18px; height:18px; }
.work-picker { position:relative; }
.picker-source { position:absolute!important; width:1px!important; height:1px!important; opacity:0; pointer-events:none; }
.picker-trigger { display:flex; justify-content:space-between; align-items:center; width:100%; min-height:44px; padding:11px 14px; border:1px solid #dce0e9; border-radius:10px; background:white; color:#252a36; text-align:left; cursor:pointer; font:inherit; }
.picker-trigger:disabled { background:#f6f7f9; color:#798294; cursor:not-allowed; }
.picker-trigger:focus-visible,.switch-task:focus-visible,.switch-new:focus-visible { outline:2px solid #6053cf; outline-offset:2px; }
.picker-trigger[aria-expanded="true"] { border-color:#6053cf; }
.picker-list { position:relative; padding:8px; margin-top:6px; background:white; border:1px solid #dce0e9; border-radius:12px; box-shadow:0 6px 20px #252a3610; }
.picker-list[hidden] { display:none; }
.picker-search { margin-bottom:8px; min-height:36px; }
.picker-list [role="listbox"] { max-height:170px; overflow:auto; }
.picker-list [role="option"] { width:100%; display:block; padding:10px; border:0; border-radius:8px; background:white; text-align:left; color:#252a36; cursor:pointer; font:inherit; }
.picker-list [role="option"][aria-selected="true"] { color:#6053cf; background:#eeebfb; font-weight:600; }
.picker-list [role="option"]:hover,.picker-list [role="option"]:focus-visible { background:#f5f3ff; outline:1px solid #6053cf; }