/* apps-sv3.css — the super view's Passwords, Procedures, Goals and Communication screens (prefix ap-), and the narrow-screen
   rules of all eight drawn screens. */
.ap-pw-vault,.ap-pr-st,.ap-gl-root,.ap-cm-list,.ap-cm-th{background:#fff;box-shadow:inset 0 1px 0 #fff,0 16px 30px -20px rgba(90,40,0,.5),0 2px 5px -2px rgba(90,40,0,.12)}

/* ── Passwords: the vault; Brain Club sees dates and holders, never a password ──────────────────────────────────── */
.ap-pw{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr);gap:18px;align-items:start}
.ap-sv[data-layer="app"] .ap-pw{grid-template-columns:minmax(0,1fr)}
.ap-pw-never{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:20px;background:#e9f4e1;box-shadow:inset 0 0 0 1.5px rgba(47,154,98,.3);font-size:.9375rem;line-height:1.4;color:#24543a}
.ap-pw-never b{color:#1d4a31}
.ap-pw-sh{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#2f9a62;color:#fff;box-shadow:0 6px 10px -4px rgba(20,90,50,.6)}
.ap-pw-sh .pb-i{width:20px;height:20px;stroke-width:2.2}
.ap-pw-vault{min-width:0;border-radius:24px;overflow:hidden}
.ap-pw-head{display:flex;align-items:center;gap:10px;padding:14px 18px;font:700 .9rem/1.2 var(--display);color:var(--plum-600);box-shadow:inset 0 -1px 0 rgba(100,8,46,.08)}
.ap-pw-head .pb-i{width:18px;height:18px;color:var(--plum-500)}
.ap-pw-cols,.ap-pw-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,1.15fr) minmax(0,1fr);gap:12px;align-items:center;padding:11px 18px}
.ap-pw-cols{padding-block:9px;background:var(--cream-100);font:650 .66rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.ap-pw-row{font-size:.8125rem;color:var(--ink-2);box-shadow:inset 0 -1px 0 rgba(100,8,46,.07)}
.ap-pw-row:last-child{box-shadow:none}
.ap-pw-n{display:flex;align-items:center;gap:12px;min-width:0}
.ap-pw-n>span:last-child{display:grid;gap:2px;min-width:0}
.ap-pw-n b{font:700 .9rem/1.2 var(--text);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-pw-n small{font-size:.75rem;color:var(--ink-3)}
.ap-pw-ic{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;color:var(--plum-700);background:var(--k-gold-clay);box-shadow:inset 0 1px 1px rgba(255,255,255,.7),inset 0 -3px 6px rgba(170,100,0,.3),0 6px 10px -6px rgba(130,70,0,.6)}
.ap-pw-ic .pb-i{width:18px;height:18px;stroke-width:2}
.ap-pw-mask{letter-spacing:.14em;color:var(--ink-3)}
.ap-pw-age{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.ap-sv[data-layer="club"] .ap-pw-old .ap-pw-age>span:first-child{color:#a2391d;font-weight:600}
.ap-pw-who span.ap-isyes{color:#24603d;font-weight:700}
.ap-pw-side{display:grid;min-width:0}

/* ── Procedures: the written path, and one run of it ───────────────────────────────────────────────────────────── */
.ap-pr-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:18px}
.ap-pr-ic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;color:var(--plum-700);background:var(--k-gold-clay);box-shadow:var(--k-gold-shadow)}
.ap-pr-ic .pb-i{width:22px;height:22px}
.ap-pr-top>div{display:grid;gap:4px;flex:1;min-width:0}
.ap-pr-top a{font:780 1.3rem/1.15 var(--display);letter-spacing:-.02em;color:var(--plum-600);text-decoration:none}
.ap-pr-top a:hover{text-decoration:underline;text-underline-offset:4px}
.ap-pr-top small{font-size:.8125rem;color:var(--ink-3)}
.ap-pr-top small::first-letter{text-transform:uppercase}
.ap-pr-run{display:inline-flex;align-items:center;gap:10px;padding-block:9px; padding-inline:12px 16px;border-radius:999px;background:var(--gold-50);box-shadow:inset 0 0 0 1.5px rgba(242,182,41,.5);font:600 .8125rem/1.2 var(--text);color:var(--plum-700)}
.ap-pr-run b{font-weight:700}
.ap-pr-path{display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--rows,5),auto);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.ap-pr-st{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;align-items:start;padding:13px 14px;border-radius:20px;transition:opacity .3s}
.ap-pr-n{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:800 .875rem/1 var(--display);color:var(--plum-600);background:var(--cream-200);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.ap-pr-st[data-who="you"] .ap-pr-n{color:var(--plum-700);background:var(--k-gold-clay);box-shadow:inset 0 1px 1px rgba(255,255,255,.7),inset 0 -3px 6px rgba(170,100,0,.3)}
.ap-pr-ok{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:#2f9a62}
.ap-pr-ok .ap-tick{width:34px;height:34px;padding:8px;background:none;box-shadow:none}
.ap-pr-b{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.ap-pr-b>b{font:700 .95rem/1.3 var(--text);color:var(--ink)}
.ap-pr-w{display:inline-flex;align-items:center;gap:6px;font:600 .75rem/1 var(--text);color:var(--ink-3)}
.ap-pr-w img{width:18px;height:auto}
.ap-pr-w .pb-i{width:14px;height:14px}
.ap-pr-st[data-who="you"] .ap-pr-w{color:var(--plum-500)}
.ap-pr-st .ap-wait{grid-column:1/-1;margin-top:8px}
.ap-sv[data-layer="club"] .ap-pr-st[data-st="wait"]{box-shadow:inset 0 0 0 2px rgba(242,182,41,.7),0 16px 30px -18px rgba(200,130,0,.55)}
.ap-sv[data-layer="club"] .ap-pr-st[data-st="todo"]{background:rgba(255,255,255,.45);box-shadow:inset 0 0 0 1.5px rgba(100,8,46,.08)}
.ap-sv[data-layer="club"] .ap-pr-st[data-st="todo"] .ap-pr-b>b{font-weight:600;color:var(--ink-2)}
.ap-sv[data-layer="club"] .ap-pr-st[data-st="todo"] .ap-pr-n{background:transparent;box-shadow:inset 0 0 0 2px rgba(100,8,46,.16)}

/* ── Goals: the goal, its gauges, its milestones ────────────────────────────────────────────────────────────────── */
.ap-gl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.ap-gl-root{padding:22px;border-radius:26px}
.ap-gl-state{display:flex;align-items:center;gap:10px;font:600 .8125rem/1 var(--text);color:var(--ink-3)}
.ap-gl-root h4{margin-top:12px;font:800 1.75rem/1.05 var(--display);letter-spacing:-.03em;color:var(--plum-600)}
.ap-gl-aml{display:grid;gap:10px;margin-top:16px}
.ap-gl-aml div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;font-size:.875rem;line-height:1.45}
.ap-gl-aml dt{padding-top:2px;font:650 .66rem/1.3 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--plum-500)}
.ap-gl-aml dd{margin:0;color:var(--ink-2)}
.ap-gl-gs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.ap-gl-g{padding:14px;border-radius:18px;background:var(--cream-100);box-shadow:inset 0 0 0 1.5px rgba(100,8,46,.07)}
.ap-gl-g p{display:grid;gap:4px;font:600 .75rem/1.2 var(--text);color:var(--ink-3)}
.ap-gl-g b{font:800 1.45rem/1 var(--display);letter-spacing:-.03em;color:var(--plum-600)}
.ap-gl-bar{position:relative;display:block;height:9px;margin:12px 0 8px;border-radius:999px;background:rgba(100,8,46,.08);box-shadow:inset 0 1px 2px rgba(100,8,46,.12)}
.ap-gl-fill{position:absolute;inset:0 auto 0 0;width:var(--w,0);border-radius:999px;background:var(--k-gold-clay);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.ap-gl-lim{position:absolute;top:-5px;bottom:-5px;inset-inline-start:var(--w,100%);width:3px;translate:-1.5px 0;border-radius:2px;background:#c4502f}
.ap-gl-g small{font-size:.7rem;color:var(--ink-3)}
.ap-gl-lives{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;padding-top:16px;box-shadow:inset 0 1px 0 rgba(100,8,46,.08)}
.ap-gl-lives>p{flex-basis:100%;font:650 .66rem/1.2 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--plum-500)}
.ap-gl-app{display:inline-flex;align-items:center;gap:8px;padding-block:4px; padding-inline:4px 14px;border-radius:999px;font:650 .8125rem/1 var(--display);text-decoration:none;color:var(--plum-600);background:var(--cream-100);box-shadow:inset 0 0 0 1.5px rgba(100,8,46,.1);transition:transform .3s var(--spring),background .2s}
.ap-gl-app:hover{transform:translateY(-2px);background:#fff}
.ap-gl-app img{width:28px;height:28px;border-radius:23%}
.ap-gl-tree{position:relative;display:grid;gap:10px;padding-inline-start:4px}
.ap-gl-tree::before{content:"";position:absolute;inset-inline-start:21px;top:26px;bottom:26px;width:3px;border-radius:2px;background:linear-gradient(#2f9a62,#2f9a62 46%,var(--gold-500) 60%,rgba(100,8,46,.14))}
.ap-gl-m{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding-block:12px; padding-inline:0 14px}
.ap-gl-dot{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px rgba(100,8,46,.16),0 6px 10px -6px rgba(90,40,0,.4)}
.ap-gl-m[data-st="done"] .ap-gl-dot{background:#2f9a62;box-shadow:0 6px 10px -4px rgba(20,90,50,.55)}
.ap-gl-dot .ap-tick{width:36px;height:36px;padding:9px;background:none;box-shadow:none}
.ap-gl-m[data-st="wait"] .ap-gl-dot{background:var(--k-gold-clay);box-shadow:0 0 0 6px rgba(250,201,63,.25),var(--k-gold-shadow)}
.ap-gl-x{display:grid;gap:3px;min-width:0}
.ap-gl-x b{font:700 .95rem/1.25 var(--text);color:var(--ink)}
.ap-gl-x small{font-size:.75rem;color:var(--ink-3)}
.ap-gl-who{grid-column:2/-1;display:inline-flex;align-items:center;gap:7px;justify-self:start;padding-block:3px; padding-inline:3px 10px;border-radius:999px;background:var(--gold-50);box-shadow:inset 0 0 0 1.5px rgba(242,182,41,.42);font-size:.75rem;color:var(--ink-2)}
.ap-gl-who small{font-weight:600;color:var(--plum-600)}
.ap-gl-m .ap-wait{grid-column:2/-1;margin-top:4px}

/* ── Communication: one inbox for every channel, one thread, one answer for five ─────────────────────────────────── */
.ap-cm{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:16px;align-items:start}
.ap-cm-list{border-radius:24px;overflow:hidden}
.ap-cm-c{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 16px;box-shadow:inset 0 -1px 0 rgba(100,8,46,.07)}
.ap-cm-c:last-child{box-shadow:none}
.ap-cm-c.ap-cm-on{background:linear-gradient(90deg,rgba(250,201,63,.2),rgba(250,201,63,.04));box-shadow:inset 4px 0 0 var(--gold-500),inset 0 -1px 0 rgba(100,8,46,.07)}
.ap-cm-av{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;font:800 1rem/1 var(--display);color:var(--plum-700);background:var(--k-gold-clay);box-shadow:inset 0 1px 1px rgba(255,255,255,.7),inset 0 -3px 6px rgba(170,100,0,.3)}
.ap-cm-av[data-c="1"]{color:var(--cream-50);background:var(--k-plum-clay);box-shadow:inset 0 1px 1px rgba(255,255,255,.25),inset 0 -3px 6px rgba(25,0,12,.4)}
.ap-cm-av[data-c="2"]{background:var(--cream-200);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1.5px rgba(100,8,46,.12)}
.ap-cm-av[data-c="3"]{color:var(--cream-50);background:linear-gradient(160deg,#c76a98,#811347)}
.ap-cm-b{display:grid;gap:4px;min-width:0}
.ap-cm-nm{display:flex;align-items:center;gap:8px;min-width:0}
.ap-cm-nm b{font:700 .9rem/1.2 var(--text);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-cm-x{font-size:.8125rem;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-cm-c>small{font:600 .7rem/1.4 var(--text);color:var(--ink-3)}
.ap-cm-q{position:absolute;inset-inline-end:14px;bottom:12px}
.ap-ch{display:inline-flex;flex:none;padding:3px 8px;border-radius:999px;font:700 .625rem/1.2 var(--display);letter-spacing:.04em;color:var(--plum-600);background:var(--plum-50)}
.ap-ch[data-ch="wa"]{color:#1f6b3e;background:#e1f1d6}
.ap-ch[data-ch="tg"]{color:#255a8a;background:#e2eef8}
.ap-cm-th{display:grid;gap:14px;min-width:0;padding:18px 20px 20px;border-radius:24px}
.ap-cm-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;box-shadow:inset 0 -1px 0 rgba(100,8,46,.08)}
.ap-cm-head .ap-cm-av{width:34px;height:34px;font-size:.875rem}
.ap-cm-head b{font:780 1.1rem/1 var(--display);color:var(--plum-600)}
.ap-cm-msgs{display:grid;gap:12px}
.ap-cm-m{justify-self:start;max-width:86%}
.ap-cm-m p{padding:11px 15px;border-start-start-radius:20px; border-start-end-radius:20px; border-end-end-radius:20px; border-end-start-radius:6px;font-size:.9375rem;line-height:1.45;color:var(--ink);background:var(--cream-100);box-shadow:inset 0 0 0 1.5px rgba(100,8,46,.06)}
.ap-cm-m small{display:block;margin-block:4px 0; margin-inline:6px 0;font:600 .7rem/1 var(--text);color:var(--ink-3)}
.ap-cm-draft{justify-self:end;max-width:92%;padding:13px 16px 15px;border-start-start-radius:20px; border-start-end-radius:20px; border-end-end-radius:6px; border-end-start-radius:20px;font-size:.9375rem;line-height:1.5;color:var(--ink);background:var(--gold-50);box-shadow:inset 0 0 0 2px rgba(242,182,41,.65)}
.ap-cm-dh{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font:650 .72rem/1.2 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--plum-600)}
.ap-cm-dh .ap-bdg{width:20px;height:auto}
.ap-cm-dh .ap-chip{text-transform:none;letter-spacing:0}
.ap-cm-type{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:8px; padding-inline:18px 8px;border-radius:999px;font-size:.875rem;color:var(--ink-3);background:var(--cream-100);box-shadow:inset 0 0 0 1.5px rgba(100,8,46,.08)}
.ap-cm-send{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--k-plum-clay);color:var(--cream-50)}
.ap-cm-send .pb-i{width:17px;height:17px}
.ap-cm-side{display:grid;gap:0}

/* ── narrow screens ───────────────────────────────────────────────────────────────────────────────────────────── */
@media (max-width:1100px){.ap-ml{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.ap-ml-dirs{display:none}}
@media (max-width:900px){.ap-mo,.ap-iv,.ap-dc,.ap-pw,.ap-gl,.ap-cm{grid-template-columns:minmax(0,1fr)}.ap-pr-path{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);grid-template-rows:none}}
@media (max-width:760px){.ap-ml{grid-template-columns:minmax(0,1fr)}
  .ap-pw-cols{display:none}.ap-pw-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.ap-pw-mask{display:none}.ap-pw-age{grid-column:1/-1;padding-inline-start:48px;font-size:.75rem}.ap-pw-who{grid-column:1/-1;padding-inline-start:48px;font-size:.75rem;margin-top:-2px}}
@media (max-width:560px){
  .ap-mo-stats{grid-template-columns:1fr 1fr;gap:10px}.ap-mo-stats li:first-child{grid-column:1/-1}.ap-mo-stats li{padding:14px 16px}.ap-cash-x .ap-odd{display:none}.ap-mo-card{padding:16px}
  .ap-paper{padding:22px 16px 18px}.ap-iv-parties{grid-template-columns:1fr}.ap-iv-t{font-size:.8125rem}.ap-iv-sum dd{min-width:78px}.ap-iv-dates{gap:16px}
  .ap-gl-gs{grid-template-columns:1fr}.ap-gl-aml div{grid-template-columns:1fr;gap:3px}.ap-gl-root{padding:18px}.ap-gl-root h4{font-size:1.5rem}
  .ap-ml-open{padding:18px 16px 20px}.ap-ml-open h4{font-size:1.2rem}.ap-cm-th{padding:16px}
  .ap-sh-c0{width:30px}.ap-sh-c2{width:34%}.ap-sh td{padding:8px 8px}.ap-dc-out li{flex-wrap:wrap}.ap-dc-did{margin-inline-start:34px}}
@media (prefers-reduced-motion:reduce){.ap-gl-app,.ap-pr-st{transition:none}.ap-gl-app:hover{transform:none}}