/* Round 11 · offline, with your data on your phone (design/round-11/return/patterns.css, "Round 11").
   The hollow ring means "on this phone, not sent yet". No banners, counters, spinners or red. */
:root,[data-theme]{
--off-ink:var(--ink-2);--off-ring:var(--ink-3);
--wait-ink:var(--ink-2);--wait-ring:var(--ink-3);--wait-chip:var(--cv-chip);
--nc-fill:var(--paper-sunk);--nc-ink:var(--ink);
--one-ink:var(--ink);
--chg-fill:var(--maybe-soft);--chg-ink:var(--ink);
--keep11-fill:var(--paper-raised);--keep11-edge:var(--line-strong);
--out11-fill:var(--in-soft);--out11-ink:var(--ink);
}
/* the hollow ring: on this phone, not sent yet */
.ring11{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--off-ring);flex:none;display:inline-block;box-sizing:border-box}
/* offline: one quiet line under the title */
.off11{display:flex;align-items:center;gap:8px;min-height:24px;font:500 14px/1.35 var(--font-body);color:var(--off-ink)}
/* waiting to send: done on the phone (the tick stays), on its way (the words) */
.wt11{display:flex;align-items:center;gap:8px;font-size:var(--t-sub);line-height:1.4;color:var(--ink)}
.wt11 .ring11{border-color:var(--wait-ring)}.wt11 .w{color:var(--wait-ink)}
.wt11.i{display:inline-flex;font-size:inherit;gap:6px}
.wb11{display:inline-flex;align-items:center;gap:5px;color:var(--wait-ink);white-space:nowrap}.wb11 .ring11{width:7px;height:7px}
.mth .tm11{position:absolute;left:4px;right:4px;bottom:4px;min-height:22px;padding:2px 6px;border-radius:11px;background:var(--wait-chip);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-edge);font:600 10px/1.2 var(--font-body);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:4px;text-align:center}
.mth .tm11 .ring11{width:7px;height:7px;border-color:var(--ink-2)}
.ordw11{display:flex;align-items:center;gap:12px;min-height:56px}
.ordw11 .th{width:56px;height:56px;border-radius:12px;overflow:hidden;flex:none}
.ordw11 b{font:600 15px/1.3 var(--font-body);color:var(--ink)}
.note11{background:var(--paper-sunk);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.note11 .l{font:700 11px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.note11 p{font-size:var(--t-body);line-height:1.4;color:var(--ink);text-wrap:pretty}
/* needs a connection: one line, right under what was tapped */
.nc11{background:var(--nc-fill);border-radius:14px;padding:12px 14px;font-size:var(--t-sub);line-height:1.4;color:var(--nc-ink);text-wrap:pretty}
.nci11{color:var(--nc-ink);font-weight:600}
/* back online: the one-line sheet, and a host's change said once */
.one11{display:flex;flex-direction:column;gap:10px;padding:10px 0 4px}
.one11 p{font:500 22px/1.3 var(--font-display);color:var(--one-ink);text-wrap:pretty}
.chg11{background:var(--chg-fill);color:var(--chg-ink);border-radius:14px;padding:12px 14px;font:600 15px/1.4 var(--font-body);text-wrap:pretty}
/* K · keep it on this phone (iPhone), once */
.keep11{margin:0 16px 16px;background:var(--keep11-fill);border:1px solid var(--keep11-edge);border-radius:var(--r-card);padding:16px;display:flex;flex-direction:column;gap:10px}
.keep11 h3{font:500 21px/1.25 var(--font-display);color:var(--ink)}
.keep11 p{font-size:var(--t-sub);line-height:1.45;color:var(--ink);text-wrap:pretty}
.out11{background:var(--out11-fill);color:var(--out11-ink);border-radius:14px;padding:12px 14px;display:flex;gap:8px;align-items:flex-start;font:600 15px/1.4 var(--font-body);text-wrap:pretty}
.out11 .ic{flex:none;margin-top:2px}
.tick10 .col .help{font:400 13px/1.4 var(--font-body);color:var(--ink-2)}
.pth11{width:48px;height:48px;border-radius:12px;overflow:hidden;flex:none;display:block}