/* Inbox only. Shared plum selection, original green switches and brand symbols. */
#app .inbox-screen { --inbox-surface:var(--raised); font-family:var(--sans); }
#app .inbox-screen>.feature-tabs {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px;
  padding:5px; margin:8px 0 20px; overflow:visible;
  border:1px solid var(--line); border-radius:14px; background:var(--inbox-surface);
}
#app .inbox-screen>.feature-tabs a {
  display:flex; align-items:center; justify-content:center; min-height:46px;
  padding:10px; border-radius:10px; white-space:normal;
  color:var(--muted); font:600 15px/1.45 var(--sans);
  transition:background-color .18s ease,color .18s ease;
}
#app .inbox-screen>.feature-tabs a[aria-current=page] { background:var(--ui-plum); color:#fff; }
#app .inbox-screen .inbox-updates { margin:0 0 24px; padding:16px; align-items:center; gap:12px; border-radius:14px; }
#app .inbox-screen .inbox-update-art { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; font:26px/1 "Segoe UI Emoji","Apple Color Emoji",sans-serif; }
#app .inbox-screen .inbox-updates .inbox-top b { font:650 15px/1.5 var(--sans); }
#app .inbox-screen .inbox-updates small { font:400 13px/1.6 var(--sans); }
#app .inbox-screen .inbox-arrow { font-size:24px; transition:transform .18s ease; }
#app .inbox-screen .inbox-empty { margin:0; padding:36px 22px 38px; text-align:center; border:1px solid var(--line); border-radius:16px; background:var(--inbox-surface); }
#app .inbox-screen .inbox-empty-art { display:block; font:48px/1.25 "Segoe UI Emoji","Apple Color Emoji",sans-serif; margin-bottom:18px; }
#app .inbox-screen .inbox-empty h2 { margin:0 0 10px; color:var(--ink); font:700 20px/1.4 var(--sans); letter-spacing:0; }
#app .inbox-screen .inbox-empty p { max-width:30ch; margin:0 auto; color:var(--ink-2); font:400 14px/1.8 var(--sans); text-wrap:pretty; }
#app .inbox-screen .feature-toolbar { margin:20px 0 12px; font:500 13px/1.5 var(--sans); flex-wrap:wrap; }
#app .inbox-screen .feature-toolbar button { min-height:44px; font-size:13px; }
#app .inbox-screen .inbox-list { border-radius:14px; }
#app .inbox-screen .inbox-list>.inbox-row { padding:18px 16px; gap:12px; }
#app .inbox-screen .inbox-list .inbox-main { gap:7px; }
#app .inbox-screen .inbox-top { flex-wrap:wrap; gap:4px 12px; }
#app .inbox-screen .inbox-top b { flex:1 1 150px; font-size:15px; line-height:1.5; white-space:normal; overflow:visible; overflow-wrap:anywhere; }
#app .inbox-screen .inbox-top time { font:400 12px/1.6 var(--sans); }
#app .inbox-screen .inbox-list .inbox-main small { font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
#app .inbox-screen .inbox-settings { margin:0; border-radius:16px; box-shadow:none; }
#app .inbox-screen .inbox-settings>label { padding:16px; min-height:86px; gap:14px; cursor:pointer; }
#app .inbox-screen .inbox-settings .txt>b { display:block; font:600 15px/1.5 var(--sans); }
#app .inbox-screen .inbox-settings .txt>small { margin-top:5px; color:var(--ink-2); font:400 13px/1.6 var(--sans); }
#app .inbox-screen .inbox-switch-hit { display:grid; place-items:center; flex:0 0 54px; min-height:44px; }
#app .inbox-screen>.feature-note { margin:18px 2px 0; color:var(--ink-2); font:400 13px/1.75 var(--sans); }
#app .inbox-screen a:focus-visible,#app .inbox-screen button:focus-visible,#app .inbox-screen input:focus-visible { outline:2px solid var(--ui-plum); outline-offset:3px; }
#app .inbox-screen .inbox-list>.inbox-row:focus-visible { outline-offset:-3px; }
@media(hover:hover) {
  #app .inbox-screen>.feature-tabs a:not([aria-current=page]):hover,#app .inbox-screen .inbox-list>.inbox-row:hover { background:var(--raised-2); }
  #app .inbox-screen .inbox-updates:hover .inbox-arrow { transform:translateX(3px); }
}
@media(max-width:359px) {
  #app .inbox-screen .inbox-settings>label { padding:16px 12px; gap:10px; }
  #app .inbox-screen .inbox-empty { padding-inline:18px; }
}
@media(prefers-reduced-motion:reduce) {
  #app .inbox-screen>.feature-tabs a,#app .inbox-screen .inbox-arrow { transition:none; }
}