/* Agent personal — stil după Urechi, direcția „AI high-tech”: fundal negru, spectru violet→albastru→cyan→roz,
   butoane dreptunghiulare 12 px cu reflex interior, acțiunea principală cu margine în gradient conic, fonturi de sistem. */
:root{
  --c1:#a78bfa; --c2:#60a5fa; --c3:#67e8f9; --c4:#f472b6;
  --page:#000; --scr:#08090b; --fill:#15161a; --edge:rgba(255,255,255,.10); --hi:rgba(255,255,255,.08);
  --text:#f5f5f7; --muted:#a1a1a8; --ok:#30d158; --red:#ff6961; --rec:#ff453a; --warn:#f2c063;
  --amb1:rgba(124,92,255,.17); --amb3:rgba(96,165,250,.20);
  --sans:-apple-system,system-ui,"SF Pro Text",Inter,Roboto,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
  --sunk:inset 0 1px 3px rgba(0,0,0,.55);
  color-scheme:dark;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{margin:0;font-family:var(--sans);color:var(--text);background:var(--page);
  background-image:radial-gradient(1200px 500px at 50% -10%,rgba(124,92,255,.10),transparent 70%);
  min-height:100vh;display:flex;flex-direction:column;
  padding:max(14px,env(safe-area-inset-top)) 16px max(14px,env(safe-area-inset-bottom))}
body>*{width:100%;max-width:520px;margin-left:auto;margin-right:auto}
header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;min-height:48px}
.hcenter{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}
/* 31 oct (captura lui Radu): în aplicația Android, fereastra stă deja între bara de stare și bara de navigare; marginile
   sigure ale paginii (env) se adăugau a doua oară. Bara de sus urcă, butoanele coboară. */
html.native body{padding-top:4px;padding-bottom:6px}
html.native .page{margin-top:10px}
/* 31 oct: în apel, focus total: fără meniu și fără notificări (locul rămâne, ca logo-ul să stea la mijloc) */
body.incall .hdr-side{visibility:hidden;pointer-events:none}
.brand{display:flex;align-items:center;padding:6px 4px}
.logo{height:30px;width:auto;display:block;filter:drop-shadow(0 0 10px rgba(124,92,255,.35))}
.hdr-r{display:flex;justify-content:flex-end}
#status{display:none;font-size:13px;color:var(--text);background:var(--fill);border:1px solid var(--edge);border-radius:99px;padding:6px 12px}
#status.on{display:inline-block}
#status.live::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--rec);margin-right:7px;vertical-align:1px;
  box-shadow:0 0 0 3px rgba(255,69,58,.18);animation:rec 1.6s ease-in-out infinite}
@keyframes rec{0%,100%{opacity:1}50%{opacity:.35}}

.page{display:none;flex-direction:column;gap:12px;margin-top:16px}
#pageSetup.on{flex:1;justify-content:space-between;margin-top:0}
.setup{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:12px 0}
.foot{display:flex;flex-direction:column;gap:6px;padding-bottom:4px}
.page.on{display:flex}
input{font-size:16px;padding:13px 14px;border-radius:12px;border:1px solid var(--edge);background:var(--fill);color:var(--text);
  box-shadow:var(--sunk);outline:none;width:100%}
input:focus{border-color:rgba(167,139,250,.55)}
input#pin{font-size:30px;letter-spacing:10px;text-align:center;font-family:var(--mono)}
.btn{font:inherit;font-size:16px;font-weight:600;padding:14px;border-radius:12px;border:1px solid var(--edge);background:var(--fill);color:var(--text);
  box-shadow:inset 0 1px 0 var(--hi);cursor:pointer;min-height:52px}
.btn:active{transform:translateY(1px)}
.btn{touch-action:manipulation;transition:transform .12s,filter .12s,opacity .2s}
.btn.tap{transform:scale(.97);filter:brightness(1.3)}
.btn.busy{opacity:.55}
.btn.pri{position:relative;border:1px solid transparent;background:linear-gradient(var(--fill),var(--fill)) padding-box,
  conic-gradient(from 210deg,var(--c1),var(--c2),var(--c3),var(--c4),var(--c1)) border-box;
  box-shadow:0 8px 30px -14px color-mix(in srgb,var(--c1) 70%,transparent),inset 0 1px 0 var(--hi)}
.btn.danger{color:#fff;background:linear-gradient(var(--fill),var(--fill));border-color:rgba(255,105,97,.45)}
.btn.danger.on{background:var(--rec)}
.seg{display:flex;flex-direction:column;gap:8px}
.seg label{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--edge);border-radius:14px;background:var(--fill);box-shadow:var(--sunk);font-size:14px;line-height:1.35;color:var(--muted);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.seg label:has(input:checked){color:var(--text);border-color:transparent;background:linear-gradient(var(--fill),var(--fill)) padding-box,linear-gradient(120deg,var(--c1),var(--c2) 45%,var(--c3) 75%,var(--c4)) border-box;box-shadow:0 10px 30px -18px rgba(124,92,255,.9)}
.seg label b{display:block;font-size:16px;color:var(--text);margin-bottom:2px}
.seg input[type=radio]{width:18px;height:18px;margin:2px 0 0;accent-color:var(--c1);box-shadow:none}
.hint{font-size:12.5px;color:var(--muted);text-align:center;line-height:1.4;margin:0}
.hint a{color:var(--c2)}
#warn{display:none;background:rgba(255,69,58,.14);border:1px solid rgba(255,69,58,.5);color:#fff;padding:10px 12px;border-radius:12px;font-size:14px;text-align:center}
#msg{color:var(--red);text-align:center;font-size:14px;min-height:18px;margin:0}

/* ecranul de apel: linia de voce */
#pageCall.on{flex:1;min-height:0}
#stage{flex:1;min-height:200px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
#wave{width:100%;height:160px;display:block}
#phase{font-size:15px;color:var(--muted);letter-spacing:.3px;text-align:center;min-height:20px;transition:color .25s}
#phase.hot{color:var(--text)}
#camera{font-family:var(--mono);font-size:12px;color:var(--muted)}
#talk{min-height:84px;font-size:21px;border-radius:14px}
#talk.ask{background:linear-gradient(var(--fill),var(--fill)) padding-box,conic-gradient(from 210deg,var(--c4),var(--c1),var(--c2),var(--c4)) border-box;color:#fff}
#talk.on{border-color:rgba(48,209,88,.55)}
#bar{display:flex;gap:8px}
#bar .btn{flex:1;font-size:14px;padding:11px;min-height:46px}
#card{display:none;max-height:38vh;overflow:auto;background:var(--fill);border:1px solid var(--edge);border-radius:14px;padding:10px 12px;font-size:14px;line-height:1.45}
#card.on{display:block}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.card-head b{color:var(--c2)}
#cardText{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
#log{display:none;max-height:34vh;overflow:auto;font-size:13.5px;line-height:1.4;border-top:1px solid var(--edge);padding-top:8px;margin-top:4px}
#log p{margin:0 0 8px}
#log b{color:var(--c2)}

/* antet: butoane rotunde */
.iconbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;
  border:1px solid var(--edge);background:var(--fill);color:var(--text);font:inherit;font-size:16px;font-weight:600;cursor:pointer;
  text-decoration:none;box-shadow:inset 0 1px 0 var(--hi);padding:0}
.iconbtn svg{width:22px;height:22px}
.iconbtn.avatar{background:linear-gradient(var(--fill),var(--fill)) padding-box,conic-gradient(from 210deg,var(--c1),var(--c2),var(--c3),var(--c4),var(--c1)) border-box;border-color:transparent}
#badge b{display:none;position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--c4);
  color:#120612;font-size:11.5px;line-height:20px;text-align:center;box-shadow:0 0 0 3px var(--page)}
#badge.hot b{display:block}
#badge.hot{color:#fff}

/* notificări: panou care urcă de jos */
#scrim{position:fixed;inset:0;max-width:none;margin:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .25s;z-index:8}
#scrim.on{opacity:1;pointer-events:auto}
#inboxPanel,#about,#feedback{position:fixed;left:0;right:0;bottom:0;margin:0 auto;max-width:560px;max-height:82vh;display:flex;flex-direction:column;
  background:#0c0d11;border:1px solid var(--edge);border-bottom:0;border-radius:22px 22px 0 0;padding:8px 14px max(14px,env(safe-area-inset-bottom));
  z-index:9;transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 -20px 60px rgba(0,0,0,.6)}
#inboxPanel.on,#about.on,#feedback.on{transform:none}
.grab{width:40px;height:5px;border-radius:3px;background:rgba(255,255,255,.18);margin:2px auto 10px}
.inbox-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.inbox-head span{flex:1;font-size:18px;font-weight:700}
.inbox-head .iconbtn{width:36px;height:36px;font-size:20px;color:var(--muted)}
#inboxList{overflow:auto;display:flex;flex-direction:column;gap:10px;padding-bottom:4px}
.btn.mini{font-size:13px;padding:8px 12px;min-height:36px;border-radius:10px}
.btn.ghost{background:transparent;border-color:var(--edge);color:var(--muted);box-shadow:none}
.item{flex:none;display:flex;gap:12px;border:1px solid var(--edge);border-radius:16px;padding:12px;background:var(--fill);position:relative;overflow:hidden}
.item.unread::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--c1),var(--c3))}
.it-ic{flex:none;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(96,165,250,.12);color:var(--c2)}
.it-ic svg{width:20px;height:20px}
.src-sistem .it-ic{background:rgba(242,192,99,.12);color:var(--warn)}
.src-mcp .it-ic{background:rgba(103,232,249,.12);color:var(--c3)}
.it-body{flex:1;min-width:0}
.it-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:15px;line-height:1.3}
.it-head b{font-weight:600}
.item:not(.unread) .it-head b{color:var(--muted);font-weight:500}
.it-src{color:var(--muted);font-size:12px;white-space:nowrap}
.it-text{font-size:14px;color:var(--muted);margin:4px 0 10px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.it-text.open{display:block;-webkit-line-clamp:unset}
.it-act{display:flex;gap:8px}
.empty{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:28px 12px 34px;color:var(--muted);font-size:14px}
.empty svg{width:44px;height:44px;color:var(--ok);background:rgba(48,209,88,.10);border-radius:50%;padding:10px;margin-bottom:6px}
.empty b{color:var(--text);font-size:16px}
#sttnote{display:none;color:rgba(255,214,10,.85);font-size:12px;text-align:center;margin:4px 0 0}
/* „Despre” și actualizarea */
#about{gap:12px}
.about-top{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 0 4px}
.about-top b{font-size:20px}
.about-top span{color:var(--muted);font-size:13px}
.logo.big{height:54px}
.ab-rows{border:1px solid var(--edge);border-radius:14px;background:var(--fill)}
.ab-row{display:flex;justify-content:space-between;gap:10px;padding:13px 14px;font-size:15px}
.ab-row+.ab-row{border-top:1px solid var(--edge)}
.ab-row span{color:var(--muted)}
#about .btn{width:100%;text-align:center;text-decoration:none;display:block}
#about .hint{min-height:0}
#about{overflow:auto}
#about .inbox-head{margin-bottom:0}
#abLogout{margin:6px 0 0}
#abLogout .btn{width:100%;color:#FF6961}
.upd{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font:inherit;font-size:14px;color:var(--text);cursor:pointer;
  padding:10px 14px;border-radius:12px;border:1px solid rgba(103,232,249,.35);background:rgba(103,232,249,.08);margin-top:8px}
.upd b{color:var(--c3)}
#pageSetup .hint a{color:var(--muted);text-decoration:none}
#pageSetup #apkHint a{color:var(--c2)}

/* feedback (31 oct): panou care urcă de jos, ca notificările */
#feedback{overflow:auto;gap:4px}
#fbForm{display:flex;flex-direction:column;gap:10px}
textarea{font:inherit;font-size:16px;padding:13px 14px;border-radius:12px;border:1px solid var(--edge);background:var(--fill);color:var(--text);
  box-shadow:var(--sunk);outline:none;width:100%;resize:vertical;min-height:96px;max-height:40vh}
textarea:focus{border-color:rgba(167,139,250,.55)}
.fb-or{text-align:center;color:var(--muted);font-size:12.5px}
#fbRec{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#fbRec.on{background:var(--rec);border-color:var(--rec);color:#fff}
#fbRec:disabled{opacity:.5}
.fb-time{text-align:center;font-family:var(--mono);font-size:13px;color:var(--muted);margin-top:-4px}
.fb-voice{display:flex;align-items:center;gap:8px}
.fb-voice audio{flex:1;min-width:0;height:40px}
.fb-check{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.35;cursor:pointer}
.fb-check input{width:18px;height:18px;margin:2px 0 0;padding:0;accent-color:var(--c1);box-shadow:none;flex:none}
.fb-check small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
#fbMsg{min-height:18px}
.fb-done{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:22px 8px 8px;color:var(--muted);font-size:14px}
.fb-done svg{width:48px;height:48px;color:var(--ok);background:rgba(48,209,88,.10);border-radius:50%;padding:11px}
.fb-done b{color:var(--text);font-size:17px}
.fb-done .btn{width:100%;margin-top:10px}
.src-echipa .it-ic{background:rgba(244,114,182,.12);color:var(--c4)}
.it-tag{display:inline-block;margin-top:4px;font-size:11.5px;color:var(--c4);border:1px solid rgba(244,114,182,.35);border-radius:99px;padding:2px 8px}

/* client / proiect: lista din câmpul de pe pagina de start (31 oct) */
.cp{position:relative;display:flex;flex-direction:column}
.cp-list{display:none;margin-top:6px;max-height:40vh;overflow:auto;background:#15161a;border:1px solid var(--edge);border-radius:12px}
.cp-list.on{display:block}
.cp-it{display:flex;align-items:stretch}
.cp-it+.cp-it{border-top:1px solid var(--edge)}
.cp-pick{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left;font:inherit;color:var(--text);background:none;border:0;padding:12px 14px;cursor:pointer}
.cp-pick b{font-size:15px;font-weight:600}
.cp-pick small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-x{width:46px;font-size:20px;color:var(--muted);background:none;border:0;cursor:pointer}

/* meniul (31 oct, etapa A): panou din stânga, peste ecran; trei vederi (meniu, clienți, un client) */
#menu{position:fixed;top:0;bottom:0;left:0;width:min(88vw,400px);margin:0;max-width:none;z-index:9;background:var(--scr);
  border-right:1px solid var(--edge);transform:translateX(-102%);transition:transform .25s ease;overflow:auto;
  padding:calc(14px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))}
html.native #menu{padding-top:14px;padding-bottom:16px}
#menu.on{transform:none}
.mview{display:none;flex-direction:column;gap:10px;min-height:100%}
.mview.on{display:flex}
.m-who{margin:-4px 2px 4px;color:var(--muted);text-align:left}
.m-list{display:flex;flex-direction:column;border:1px solid var(--edge);border-radius:14px;background:var(--fill);overflow:hidden}
.m-list:empty{display:none}
.m-row{display:flex;align-items:center;gap:10px;width:100%;padding:14px;font:inherit;font-size:15.5px;color:var(--text);background:none;border:0;
  text-align:left;text-decoration:none;cursor:pointer}
.m-row+.m-row,.m-meet+.m-meet{border-top:1px solid var(--edge)}
.m-row>span{flex:1;min-width:0}
.m-row small{color:var(--muted);font-size:13px}
.m-row small.hot{color:var(--c4);font-weight:600}
.chev{width:18px;height:18px;color:var(--muted);flex:none}
.m-txt{display:flex;flex-direction:column;gap:2px}
.m-txt b{font-weight:600}
.m-txt small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-txt small.m-stat{color:#9aa0aa;font-size:12.5px}
#mLogout{margin-top:auto;padding-top:14px}
#mLogout .btn{width:100%;color:#FF6961}
.m-lbl{font-size:13px;color:var(--muted);margin:4px 2px -4px}
#menu textarea{font:inherit;font-size:15px;padding:12px 14px;border-radius:12px;border:1px solid var(--edge);background:var(--fill);color:var(--text);resize:vertical}
.m-small{font-size:12.5px;margin-top:-4px}
.m-sec{font-size:13px;font-weight:600;color:var(--muted);margin:10px 2px 0;text-transform:uppercase;letter-spacing:.04em}
/* 31 oct (feedback Radu): rezumatul deschis are înălțime fixă și se derulează în el; lista întâlnirilor la fel */
.m-sum{margin:0 10px 12px;padding:10px 12px;max-height:42vh;overflow:auto;font-size:14px;line-height:1.5;white-space:pre-wrap;color:#d8d8dc;
  background:rgba(255,255,255,.03);border:1px solid var(--edge);border-radius:10px}
/* 31 oct (feedback 2): fără overscroll „contain” în interior: la capătul listei, derularea trece la meniu (altfel partea de jos
   a meniului rămânea de neatins pe telefon); doar meniul o oprește, ca să nu se miște pagina din spate */
#mcHist{max-height:62vh;overflow:auto;flex:none}
#menu{overscroll-behavior:contain}
.m-meet.open>.m-row b{color:#fff}
.m-meet.open>.m-row{background:rgba(255,255,255,.04)}
.m-dict{margin-top:-2px}
.m-dict.on{border-color:rgba(255,69,58,.6);color:#fff}
.m-merge{display:flex;gap:8px}
.m-merge select{flex:1;min-width:0;font:inherit;font-size:15px;padding:12px;border-radius:12px;border:1px solid var(--edge);background:var(--fill);color:var(--text)}
.m-remove{color:#FF6961;margin-top:6px}
.m-total{margin-top:auto;padding:14px 2px 2px;border-top:1px solid var(--edge);font-size:14px;font-weight:600;color:var(--text)}
.m-total:empty{display:none}
/* X în câmpul „Client / proiect”: golește textul și arată toată lista (31 oct) */
.cp-field{position:relative;display:flex}
.cp-field input{flex:1;min-width:0;padding-right:48px}
.cp-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;
  background:none;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}
/* „Scrie rezumatul” în istoricul clientului (31 oct) */
.m-write{white-space:normal;display:flex;flex-direction:column;gap:8px;max-height:none}
.m-write[style*="none"]{display:none}
.m-write textarea{font:inherit;font-size:15px;padding:10px 12px;border-radius:10px;border:1px solid var(--edge);background:var(--fill);color:var(--text);resize:vertical}
/* „Setări avansate” (31 oct): conectorii ca carduri, în același stil cu lista din meniu */
.m-card{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--edge);border-radius:14px;background:var(--fill)}
.m-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.m-card-h b{font-size:15.5px;font-weight:600}
.m-state{font-size:12.5px;color:var(--muted);padding:3px 10px;border:1px solid var(--edge);border-radius:999px;white-space:nowrap}
.m-state.on{color:#4ade80;border-color:rgba(74,222,128,.45)}
.m-desc{margin:0;font-size:13.5px;line-height:1.45;color:#b8bcc4}
.m-steps{margin:0;padding-left:20px;font-size:13.5px;line-height:1.5;color:#b8bcc4}
.m-steps li+li{margin-top:2px}
.m-copy{display:flex;align-items:center;gap:8px}
.m-copy code{flex:1;min-width:0;font-size:12.5px;padding:10px 12px;border:1px solid var(--edge);border-radius:10px;background:rgba(255,255,255,.03);
  white-space:normal;word-break:break-all;line-height:1.45;color:var(--text)}
.m-copy .btn{flex:none;width:auto}
.m-pre{margin:0;padding:10px 12px;border:1px solid var(--edge);border-radius:10px;font-size:12.5px;white-space:pre-wrap;word-break:break-word;
  background:rgba(255,255,255,.03);color:var(--text)}
.m-link{background:none;border:0;padding:4px 0;font:inherit;font-size:13px;color:var(--muted);text-decoration:underline;cursor:pointer;text-align:left}
.m-ok{color:#4ade80;text-align:left}
.m-conn{display:flex;flex-direction:column}
.m-conn:empty{display:none}
.m-crow{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--edge)}
.m-crow .m-txt{flex:1;min-width:0}
.m-crow small{color:var(--muted);font-size:12.5px}
.m-revoke{color:#FF6961;flex:none;width:auto}
.m-adv{border:1px solid var(--edge);border-radius:14px;background:var(--fill);padding:0 14px}
.m-adv summary{padding:14px 0;font-size:15px;cursor:pointer;color:var(--muted)}
.m-adv[open]{padding-bottom:14px}
.m-adv[open]>*:not(summary){margin-bottom:10px}
.m-adv input{width:100%;box-sizing:border-box}
.m-adv .m-crow:first-child{border-top:0}
.m-crow .m-txt small{white-space:normal;overflow:visible}
#mSettings .m-crow .m-revoke{color:#FF6961}
.m-adv>.btn{width:100%}
/* pașii conectorilor, strânși sub primul paragraf, cu săgeată în jos (feedback Radu, 31 oct) */
.m-more{display:flex;flex-direction:column}
.m-more>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0 2px;font-size:14px;color:var(--c2,#a78bfa);cursor:pointer}
.m-more>summary::-webkit-details-marker{display:none}
.m-more-chev{width:18px;height:18px;flex:none;transition:transform .2s ease}
.m-more[open]>summary .m-more-chev{transform:rotate(180deg)}
.m-more[open]>*:not(summary){margin-top:10px}
/* „Consum” (31 oct 2026) */
.u-months{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}
.u-chip{flex:none;padding:7px 14px;font:inherit;font-size:13.5px;color:var(--muted);background:var(--fill);border:1px solid var(--edge);border-radius:999px;text-transform:capitalize}
.u-chip.on{color:var(--text);border-color:var(--c2,#a78bfa)}
.u-sum{font-size:20px;font-weight:700;color:var(--text);white-space:nowrap}
.u-sum.u-info{font-size:16px;font-weight:600;color:var(--muted)}
.u-meta{color:var(--muted);font-size:13px;margin-top:-6px}
.u-cats{display:flex;flex-direction:column;border-top:1px solid var(--edge)}
.u-cat{display:flex;justify-content:space-between;gap:10px;padding:9px 0 0;font-size:14px;color:#d8d8dc}
.u-cat.u-fee{color:var(--muted);font-size:13px}
.u-amt{flex:none;font-weight:600;font-size:14.5px;white-space:nowrap}
.u-calls{margin:0 10px 10px;border-top:1px solid var(--edge)}
.u-call{display:flex;align-items:center;gap:10px;padding:10px 4px;font-size:14px}
.u-call+.u-call{border-top:1px solid var(--edge)}
.u-call .m-txt{flex:1;min-width:0}
.u-call .u-amt{font-weight:500;color:#d8d8dc}
.u-foot{margin-top:4px}
.m-row>span.u-amt{flex:none}
