/* Refresh the remaining homepage demos from the current desktop client. */

/* F12 removes both title bar and the in-window menu on Windows. */
.borderless-demo .appwin.borderless .app-body { inset-block-start:0; }

/* Single-line mode places the reading text directly in the host input. */

/* list_panel.html / tokens.css: light title bar, white list card, pink selection, fixed actions. */
.nav-console,.search-console.client-search {
  overflow:hidden; padding:0; border:1px solid #E5DCE3; border-radius:14px;
  background:#F7F4F6; color:#2F2A33;
  box-shadow:0 1px 3px rgba(47,42,51,.05),0 18px 42px rgba(0,0,0,.26);
}
.nav-console-top {
  position:relative; display:flex; align-items:center; height:38px; padding:0 14px;
  background:linear-gradient(180deg,#FDF7FA,#F7F4F6); border-bottom:1px solid rgba(229,220,227,.7);
}
.nav-console-top > b { position:absolute; left:0; right:0; color:#8B8190; font-size:12px; font-weight:600; text-align:center; }
.client-lights { display:flex; align-items:center; gap:7px; z-index:1; }
.client-lights i { width:10px; height:10px; border:.5px solid rgba(0,0,0,.12); border-radius:50%; }
.client-lights i:nth-child(1){background:#FF5F57}.client-lights i:nth-child(2){background:#FEBC2E}.client-lights i:nth-child(3){background:#DEDEDE}
.nav-console .nav-command,.client-search .search-field {
  height:36px; margin:14px 16px 10px; padding:0 11px;
  border:1.5px solid #E5DCE3; border-radius:11px; background:white; color:#8B8190;
}
.nav-console .nav-command em { margin-left:auto; color:#8B8190; font-size:10px; font-style:normal; }
.nav-console .nav-list,.search-results-card {
  margin:0 16px 14px; padding:4px 10px; border:1px solid #E5DCE3;
  border-radius:16px; background:white; box-shadow:0 1px 3px rgba(47,42,51,.05);
}
.nav-console .nav-list button {
  display:flex; grid-template-columns:none; min-height:36px; padding:8px 4px;
  border-bottom:1px solid #F1EBF0; border-radius:0; color:#2F2A33;
}
.nav-console .nav-list button:last-child { border-bottom:0; }
.nav-console .nav-list button b { color:#574F5B; font-size:11px; font-weight:500; }
.nav-console .nav-list button em { margin-left:auto; color:#8B8190; font-size:10px; }
.nav-console .nav-list button.active { background:#FBEAF1; box-shadow:inset 2px 0 0 #E36F9D; }
.nav-console .nav-list button.active b,.nav-console .nav-list button.active em { color:#8E3E5D; }
.nav-client-actions { display:flex; justify-content:flex-end; gap:8px; padding:10px 16px; border-top:1px solid #E5DCE3; }
.nav-client-actions button { min-width:72px; padding:7px 14px; border:0; border-radius:8px; background:linear-gradient(180deg,#E36F9D,#D85D8E); color:white; font:600 11px/1.4 inherit; }
.nav-client-actions button[disabled] { display:none; }
.client-search .search-field { color:#2F2A33; }
.client-search .search-field em { color:#8B8190; }
.client-search .search-result { margin:0; padding:9px 4px; border-bottom:1px solid #F1EBF0; border-radius:0; color:#574F5B; }
.client-search .search-result:last-child { border-bottom:0; }
.client-search .search-result.active { background:#FBEAF1; box-shadow:inset 2px 0 0 #E36F9D; }
.client-search .search-result small { color:#8B8190; }
.client-search .search-result mark { color:#8E3E5D; background:#F5C0D6; }

@media(max-width:680px) {
  .nav-console,.search-console.client-search { border-radius:12px; }
  .nav-console .nav-list,.search-results-card { margin-inline:10px; }
}