/* Expressive, high-clarity design layer */
:root{
  --primary:#155eef;
  --primary-strong:#0038b8;
  --accent:#0ea5a4;
  --ink:#0f172a;
  --muted:#5b6473;
  --bg:#f2f6fc;
  --surface:#ffffff;
  --surface-2:#f8fbff;
  --line:rgba(16,24,40,.09);
  --success:#0f9f56;
  --danger:#dc3545;
  --radius-sm:9px;
  --radius-md:14px;
  --radius-lg:18px;
  --shadow-soft:0 10px 30px rgba(12,23,43,.08);
  --shadow-strong:0 18px 44px rgba(8,20,40,.14);
  --focus-ring:0 0 0 3px rgba(21,94,239,.2);
}

[data-theme="dark"]{
  --primary:#5c8dff;
  --primary-strong:#3870ff;
  --accent:#35c7c5;
  --ink:#e8f0ff;
  --muted:#a6b2c8;
  --bg:#061023;
  --surface:#0d1932;
  --surface-2:#0f1f3d;
  --line:rgba(173,196,255,.14);
  --shadow-soft:0 10px 30px rgba(0,0,0,.34);
  --shadow-strong:0 20px 46px rgba(0,0,0,.45);
  --focus-ring:0 0 0 3px rgba(92,141,255,.35);
}

body{
  background:var(--bg);
  color:var(--ink);
  transition:background .28s ease,color .2s ease;
}

a{color:var(--primary)}

.app-bg{
  position:fixed;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:-1;
}

.orb{
  position:absolute;
  border-radius:999px;
  filter:blur(4px);
  opacity:.55;
}

.orb-one{
  width:min(42vw,440px);
  aspect-ratio:1;
  top:-140px;
  left:-110px;
  background:radial-gradient(circle at 30% 30%, rgba(21,94,239,.35), rgba(33,160,239,0));
}

.orb-two{
  width:min(34vw,360px);
  aspect-ratio:1;
  right:-110px;
  top:20%;
  background:radial-gradient(circle at 50% 50%, rgba(14,165,164,.28), rgba(14,165,164,0));
}

.grid-noise{
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(16,24,40,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(16,24,40,.04) 1px, transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(circle at 20% 10%, black 22%, transparent 70%);
}

#app{position:relative}

/* Filament sidebar refinement */
:root,
.fi-body,
.fi-layout,
body.fi-body,
.fi-panel{
  --sidebar-width: 14rem !important;
}

@media (min-width:64rem){
  .fi-sidebar,
  .fi-sidebar.fi-sidebar-open,
  .filament-sidebar{
    width:var(--sidebar-width) !important;
    min-width:var(--sidebar-width) !important;
    max-width:var(--sidebar-width) !important;
  }

  body.fi-body[class*="fi-body-has-sidebar"] .fi-main-ctn{
    margin-inline-start:var(--sidebar-width) !important;
  }
}

.fi-sidebar,
.filament-sidebar{
  border-right:1px solid var(--line);
  background:
    radial-gradient(circle at 110% -10%, rgba(21,94,239,.12), transparent 36%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface) 98%, transparent), color-mix(in srgb, var(--surface-2) 95%, transparent));
}

.fi-sidebar-header,
.filament-sidebar-header{
  border-bottom:1px solid var(--line);
  background:color-mix(in srgb, var(--surface) 92%, transparent);
}

.fi-sidebar-nav,
.filament-sidebar-nav{
  padding:.65rem .55rem;
}

.fi-sidebar-group-label,
.filament-sidebar-group-label,
.fi-sidebar-nav-groups-label{
  color:var(--muted);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.45px;
  text-transform:uppercase;
  margin:.55rem .45rem .4rem;
}

.fi-sidebar-item,
.filament-sidebar-item{
  margin:.14rem 0;
}

.fi-sidebar-item-button,
.filament-sidebar-item a,
.filament-sidebar-item-button{
  border-radius:11px;
  border:1px solid transparent;
  transition:background .14s ease,border-color .14s ease,transform .12s ease,color .14s ease;
}

.fi-sidebar-item-button:hover,
.filament-sidebar-item a:hover,
.filament-sidebar-item-button:hover{
  background:color-mix(in srgb, var(--primary) 8%, var(--surface));
  border-color:color-mix(in srgb, var(--primary) 26%, var(--line));
  transform:translateX(1px);
}

.fi-sidebar-item.fi-active .fi-sidebar-item-button,
.fi-sidebar-item-button.fi-active,
.filament-sidebar-item.active a,
.filament-sidebar-item a[aria-current="page"],
.filament-sidebar-item-button.active{
  background:linear-gradient(95deg, rgba(21,94,239,.16), rgba(14,165,164,.1));
  border-color:color-mix(in srgb, var(--primary) 36%, var(--line));
  color:color-mix(in srgb, var(--primary) 78%, var(--ink));
  box-shadow:0 8px 16px rgba(12,23,43,.08);
}

.fi-sidebar-item-icon,
.filament-sidebar-item-icon,
.filament-sidebar .heroicon{
  opacity:.86;
}

[data-theme="dark"] .fi-sidebar,
[data-theme="dark"] .filament-sidebar{
  background:
    radial-gradient(circle at 120% -10%, rgba(92,141,255,.2), transparent 38%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface) 97%, transparent), color-mix(in srgb, var(--surface-2) 96%, transparent));
}

[data-theme="dark"] .fi-sidebar-item.fi-active .fi-sidebar-item-button,
[data-theme="dark"] .fi-sidebar-item-button.fi-active,
[data-theme="dark"] .filament-sidebar-item.active a,
[data-theme="dark"] .filament-sidebar-item a[aria-current="page"],
[data-theme="dark"] .filament-sidebar-item-button.active{
  background:linear-gradient(95deg, rgba(92,141,255,.26), rgba(53,199,197,.18));
  border-color:color-mix(in srgb, var(--primary) 44%, var(--line));
}

.dashboard-container{
  width:100%;
  max-width:none;
  margin-inline:0;
  padding-inline:1rem;
}

/* Filament page consistency (resources, forms, tables) */
.fi-main{
  background:transparent;
}

.fi-page,
.fi-page-content,
.fi-page-header-main-ctn{
  gap:.9rem;
}

.fi-page-header{
  border:1px solid color-mix(in srgb, var(--primary) 14%, var(--line));
  border-radius:14px;
  background:
    radial-gradient(circle at 95% 10%, rgba(14,165,164,.11), transparent 42%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface) 97%, transparent), color-mix(in srgb, var(--surface-2) 95%, transparent));
  box-shadow:var(--shadow-soft);
  padding:.85rem .95rem;
}

.fi-page-header-heading,
.fi-header-heading{
  font-family:Sora,Manrope,"Segoe UI",Tahoma,sans-serif;
  font-weight:700;
  letter-spacing:.1px;
}

.fi-section,
.fi-ta-ctn,
.fi-in-entry,
.fi-modal-window{
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(165deg, color-mix(in srgb, var(--surface) 97%, transparent), color-mix(in srgb, var(--surface-2) 95%, transparent));
  box-shadow:var(--shadow-soft);
}

.fi-section-header{
  border-bottom:1px solid color-mix(in srgb, var(--ink) 10%, transparent);
}

.fi-section-header-heading,
.fi-section-header-description,
.fi-ta-header-heading,
.fi-ta-header-description{
  color:var(--ink);
}

.fi-ta-ctn{
  overflow:hidden;
}

.fi-ta table thead tr,
.fi-ta-header,
.fi-ta-filters,
.fi-ta-content,
.fi-ta-empty-state,
.fi-ta-footer,
.fi-ta-toolbar{
  background:transparent;
}

.fi-ta table thead th{
  color:var(--muted);
  font-weight:800;
  font-size:.78rem;
  letter-spacing:.2px;
}

.fi-ta table tbody tr{
  transition:background .12s ease;
}

.fi-ta table tbody tr:hover{
  background:color-mix(in srgb, var(--primary) 5%, var(--surface));
}

.fi-input,
.fi-input-wrp,
.fi-fo-field-wrp,
.fi-select-input,
.fi-textarea{
  border-radius:10px;
}

.fi-input-wrp,
.fi-select-input,
.fi-textarea{
  border-color:var(--line);
  background:color-mix(in srgb, var(--surface) 96%, transparent);
}

.fi-input:focus,
.fi-input-wrp:focus-within,
.fi-select-input:focus,
.fi-textarea:focus{
  box-shadow:var(--focus-ring);
}

.fi-btn{
  border-radius:10px;
  font-weight:700;
  letter-spacing:.1px;
}

.fi-btn.fi-color-primary,
.fi-btn-color-primary{
  background:linear-gradient(145deg,var(--primary),var(--primary-strong));
  border-color:color-mix(in srgb, var(--primary-strong) 80%, white 20%);
  box-shadow:0 10px 22px rgba(21,94,239,.22);
}

.fi-dropdown-panel,
.fi-modal-window{
  border:1px solid var(--line);
  background:color-mix(in srgb, var(--surface) 98%, transparent);
}

@media (min-width:1280px){
  .dashboard-container{
    padding-inline:1.2rem;
  }
}

/* Navigation */
.topbar{
  position:sticky;
  top:0;
  z-index:80;
  margin-top:.5rem;
  backdrop-filter:blur(10px);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  background:color-mix(in srgb, var(--surface) 84%, transparent);
  box-shadow:var(--shadow-soft);
}

.topbar-main{
  display:flex;
  align-items:center;
  gap:1rem;
  width:100%;
}

.brand-block{display:flex;align-items:center;gap:.75rem}

.brand-wrap{display:grid;gap:.1rem}

.brand{
  font-family:Sora,Manrope,"Segoe UI",Tahoma,sans-serif;
  font-size:1.04rem;
  font-weight:700;
  letter-spacing:.1px;
}

.brand-sub{
  font-size:.78rem;
  color:var(--muted);
  line-height:1;
}

.topbar-search-wrap{
  position:relative;
  flex:1;
  min-width:180px;
}

.nav-actions{
  display:flex;
  align-items:center;
  gap:.52rem;
}

/* Components */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  min-height:38px;
  border-radius:10px;
  border:1px solid transparent;
  padding:.42rem .82rem;
  cursor:pointer;
  font-size:.9rem;
  font-weight:700;
  letter-spacing:.1px;
  color:var(--ink);
  background:transparent;
  transition:transform .12s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(1px)}

.btn:focus,
.input:focus,
a:focus{
  outline:none;
  box-shadow:var(--focus-ring);
}

.btn-primary{
  color:#fff;
  border-color:color-mix(in srgb, var(--primary-strong) 80%, white 20%);
  background:linear-gradient(145deg,var(--primary),var(--primary-strong));
  box-shadow:0 10px 22px rgba(21,94,239,.25);
}

.btn-ghost{
  border-color:var(--line);
  background:color-mix(in srgb, var(--surface) 84%, transparent);
}

.btn-ghost:hover{
  background:color-mix(in srgb, var(--surface-2) 88%, transparent);
  border-color:color-mix(in srgb, var(--primary) 25%, var(--line));
}

.input{
  width:100%;
  border:1px solid var(--line);
  background:color-mix(in srgb, var(--surface) 95%, transparent);
  color:var(--ink);
  border-radius:10px;
  min-height:40px;
  padding:.56rem .72rem;
  transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.input::placeholder{color:color-mix(in srgb, var(--muted) 80%, transparent)}

.card{
  background:linear-gradient(160deg, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface-2) 96%, transparent));
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-soft);
  transition:transform .18s ease, box-shadow .2s ease, border-color .2s ease;
}

.interactive:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-strong);
  border-color:color-mix(in srgb, var(--primary) 18%, var(--line));
}

.card .label,
.stat .label{font-size:.84rem;color:var(--muted)}

.card .value{
  font-size:1.45rem;
  font-weight:800;
  margin-top:.32rem;
}

.badge{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  border:1px solid var(--line);
  padding:.12rem .5rem;
  font-size:.78rem;
  font-weight:700;
  background:color-mix(in srgb, var(--surface) 94%, transparent);
}

.badge-accent{
  border-color:color-mix(in srgb, var(--accent) 35%, var(--line));
  color:color-mix(in srgb, var(--accent) 78%, var(--ink));
}

/* Dashboard */
.dashboard-hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding:.3rem 0 .25rem;
  margin-bottom:.95rem;
}

.dashboard-hero-card{
  margin-bottom:.95rem;
  padding:1rem 1rem .8rem;
  border:1px solid color-mix(in srgb, var(--primary) 18%, var(--line));
  border-radius:16px;
  background:
    radial-gradient(circle at 92% 18%, rgba(14,165,164,.16), transparent 36%),
    radial-gradient(circle at 8% 82%, rgba(21,94,239,.13), transparent 42%),
    linear-gradient(175deg, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface-2) 95%, transparent));
  box-shadow:var(--shadow-soft);
}

.hero-pill{
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  padding:.18rem .62rem;
  margin-bottom:.4rem;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--primary) 32%, var(--line));
  color:color-mix(in srgb, var(--primary) 72%, var(--ink));
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.2px;
  text-transform:uppercase;
}

.hero-meta{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
}

.hero-meta-item{
  min-width:126px;
  padding:.5rem .62rem;
  border:1px solid var(--line);
  border-radius:12px;
  background:color-mix(in srgb, var(--surface) 92%, transparent);
  display:grid;
  gap:.1rem;
}

.hero-meta-item span{
  font-size:.74rem;
  color:var(--muted);
}

.hero-meta-item strong{
  font-size:.95rem;
  font-weight:800;
}

.dashboard-hero .title{
  font-family:Sora,Manrope,"Segoe UI",Tahoma,sans-serif;
  font-size:clamp(1.2rem,2vw,1.55rem);
  font-weight:700;
}

.dashboard-hero .subtitle{color:var(--muted)}
.dashboard-hero .actions{display:flex;flex-wrap:wrap;gap:.5rem}

.dashboard-filter-panel{
  margin:.45rem 0 .95rem;
  padding:.75rem;
  border:1px solid var(--line);
  border-radius:12px;
  background:color-mix(in srgb, var(--surface) 96%, transparent);
  box-shadow:var(--shadow-soft);
}

.dashboard-filter-panel .label{
  display:block;
  margin-bottom:.45rem;
  font-size:.84rem;
  color:var(--muted);
}

.stats-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:.75rem;
}

.stat{
  border-radius:12px;
  border:1px solid var(--line);
  padding:.9rem;
  background:linear-gradient(170deg, color-mix(in srgb, var(--surface) 95%, transparent), color-mix(in srgb, var(--surface-2) 90%, transparent));
  box-shadow:var(--shadow-soft);
}

.stat .kpi{
  margin-top:.25rem;
  font-size:1.35rem;
  font-weight:800;
}

.stat-tone-1{background:linear-gradient(165deg, rgba(21,94,239,.14), rgba(255,255,255,.94))}
.stat-tone-2{background:linear-gradient(165deg, rgba(14,165,164,.14), rgba(255,255,255,.94))}
.stat-tone-3{background:linear-gradient(165deg, rgba(248,113,113,.13), rgba(255,255,255,.95))}
.stat-tone-4{background:linear-gradient(165deg, rgba(251,191,36,.17), rgba(255,255,255,.95))}

[data-theme="dark"] .stat-tone-1{background:linear-gradient(165deg, rgba(92,141,255,.2), rgba(13,25,50,.9))}
[data-theme="dark"] .stat-tone-2{background:linear-gradient(165deg, rgba(53,199,197,.2), rgba(13,25,50,.9))}
[data-theme="dark"] .stat-tone-3{background:linear-gradient(165deg, rgba(248,113,113,.16), rgba(13,25,50,.9))}
[data-theme="dark"] .stat-tone-4{background:linear-gradient(165deg, rgba(251,191,36,.2), rgba(13,25,50,.9))}

.chart-panel{
  border:1px solid var(--line);
  border-radius:14px;
  padding:.9rem;
  background:linear-gradient(165deg, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface-2) 90%, transparent));
  box-shadow:var(--shadow-soft);
}

.trend-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:.75rem;
  margin-bottom:.55rem;
}

.trend-meta{
  font-size:.82rem;
  color:var(--muted);
  text-align:right;
}

.trend-chart-wrap{
  height:230px;
  width:100%;
}

.trend-chart{
  width:100%;
  height:100%;
  display:block;
}

.trend-axis{
  stroke:color-mix(in srgb, var(--ink) 30%, transparent);
  stroke-width:1;
}

.trend-grid{
  stroke:color-mix(in srgb, var(--ink) 12%, transparent);
  stroke-dasharray:4 4;
  stroke-width:1;
}

.trend-area{
  fill:color-mix(in srgb, var(--primary) 22%, transparent);
  stroke:none;
}

.trend-line{
  fill:none;
  stroke:var(--primary);
  stroke-width:2.4;
  stroke-linejoin:round;
  stroke-linecap:round;
}

.chart-placeholder{
  min-height:210px;
  border:1px dashed color-mix(in srgb, var(--primary) 30%, var(--line));
  border-radius:10px;
  background:repeating-linear-gradient(140deg, rgba(21,94,239,.06), rgba(21,94,239,.06) 15px, rgba(14,165,164,.07) 15px, rgba(14,165,164,.07) 30px);
  display:grid;
  place-items:center;
  font-weight:700;
  color:color-mix(in srgb, var(--ink) 72%, white);
}

.keyword-panel{padding:.95rem}

.keyword-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
}

.keyword-head h3{
  margin:0;
  font-size:1.1rem;
  font-family:Sora,Manrope,"Segoe UI",Tahoma,sans-serif;
}

.keyword-list-wrap{margin-top:.7rem}

.keyword-list li{display:grid;gap:.28rem}

.keyword-row{
  gap:.45rem;
  align-items:center;
}

.keyword-row span:first-child{
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.keyword-bar{
  width:100%;
  height:7px;
  border-radius:999px;
  overflow:hidden;
  background:color-mix(in srgb, var(--ink) 8%, transparent);
}

.keyword-bar span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, var(--primary), var(--accent));
}

.data-block{
  margin-top:1rem;
  padding:.9rem;
  border:1px solid var(--line);
  border-radius:14px;
  background:color-mix(in srgb, var(--surface) 96%, transparent);
  box-shadow:var(--shadow-soft);
}

.data-block-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:.9rem;
  margin-bottom:.65rem;
}

.data-block-head p{
  margin:0;
  color:var(--muted);
  font-size:.86rem;
}

/* Tables */
.table{
  background:color-mix(in srgb, var(--surface) 95%, transparent);
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
}

.table th{
  color:var(--muted);
  background:color-mix(in srgb, var(--surface-2) 75%, transparent);
  font-size:.85rem;
  font-weight:800;
}

.table th,.table td{border-bottom:1px solid var(--line)}
.table tr:last-child td{border-bottom:none}

.table tr:hover td{
  background:color-mix(in srgb, var(--primary) 5%, var(--surface));
}

/* Toast */
.toasts{
  position:fixed;
  right:1rem;
  bottom:1rem;
  z-index:120;
  display:flex;
  flex-direction:column;
  gap:.55rem;
}

.toast{
  min-width:min(92vw,280px);
  padding:.65rem .78rem;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  background:rgba(9,16,34,.88);
  box-shadow:0 12px 30px rgba(0,0,0,.24);
  display:flex;
  justify-content:space-between;
  gap:.65rem;
}

.toast.success{background:linear-gradient(120deg,var(--success),#07723d)}
.toast.error{background:linear-gradient(120deg,var(--danger),#9f1f2e)}
.toast .close{cursor:pointer;opacity:.85}

/* Modal */
.modal-backdrop{
  position:fixed;
  inset:0;
  z-index:110;
  background:rgba(1,8,20,.55);
  backdrop-filter:blur(3px);
  display:grid;
  place-items:center;
  padding:1rem;
}

.modal{
  width:min(100%,620px);
  border-radius:16px;
  border:1px solid var(--line);
  padding:1rem;
  background:var(--surface);
  box-shadow:var(--shadow-strong);
}

/* Utility and motion */
[x-cloak]{display:none !important}

.fade-in{animation:fadeIn .22s ease both}
.reveal-on-scroll{opacity:0;transform:translateY(10px);transition:opacity .36s ease,transform .4s ease}
.reveal-on-scroll.is-visible{opacity:1;transform:none}

@keyframes fadeIn{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:none}
}

.theme-fab{
  position:fixed;
  right:1rem;
  bottom:1rem;
  z-index:95;
  border:none;
  border-radius:999px;
  padding:.58rem .8rem;
  min-height:40px;
  font-weight:800;
  letter-spacing:.2px;
  cursor:pointer;
  color:#fff;
  background:linear-gradient(125deg,var(--primary),var(--accent));
  box-shadow:0 14px 26px rgba(10,34,84,.28);
}

.theme-fab:hover{transform:translateY(-2px)}

/* Search suggestions */
.search-suggestions{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + .35rem);
  z-index:60;
  border:1px solid var(--line);
  border-radius:11px;
  overflow:hidden;
  background:var(--surface);
  box-shadow:var(--shadow-soft);
}

.search-suggestions button{
  width:100%;
  text-align:left;
  border:none;
  padding:.55rem .72rem;
  background:transparent;
  color:var(--ink);
}

.search-suggestions button:hover{
  background:color-mix(in srgb, var(--primary) 6%, var(--surface));
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

/* Mobile */
@media (max-width:900px){
  .dashboard-hero{flex-direction:column;align-items:flex-start}
  .dashboard-hero .actions{width:100%}
  .hero-meta{width:100%}
  .hero-meta-item{flex:1;min-width:0}
  .data-block-head{flex-direction:column;align-items:flex-start}
  .trend-head{flex-direction:column;align-items:flex-start}
  .trend-meta{text-align:left}
}

@media (max-width:760px){
  .topbar{
    border-radius:14px;
    margin-top:.35rem;
  }

  .topbar-main{
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:.65rem;
  }

  .brand-block{justify-content:space-between}

  .topbar-search-wrap{min-width:0}

  .nav-actions{
    display:none;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    padding-top:.55rem;
    border-top:1px solid var(--line);
  }

  .nav-actions.mobile-open{display:flex}

  .nav-actions .btn,
  .nav-actions .badge{width:100%;justify-content:flex-start}

  .theme-fab{
    right:.75rem;
    bottom:.75rem;
    padding:.5rem .7rem;
  }
}

@media (min-width:761px){
  .nav-toggle{display:none}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}