/* RastaYar Dashboard & Navigation Experience 2.0 */

#nav{gap:8px!important;padding-bottom:8px}
.nav2-search-trigger{
  width:100%;min-height:44px;border:1px solid rgba(200,232,218,.12);border-radius:12px;
  background:rgba(255,255,255,.045);color:#dcebe4;display:grid;grid-template-columns:auto 1fr auto;
  align-items:center;gap:9px;padding:9px 11px;text-align:right;font-weight:800;margin-bottom:4px
}
.nav2-search-trigger:hover{background:rgba(255,255,255,.075);border-color:rgba(85,224,151,.2)}
.nav2-search-trigger>span:first-child{font-size:1.1rem;color:#78eba4}
.nav2-search-trigger kbd{font:700 .68rem/1 Tahoma,"Segoe UI",sans-serif;padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.07);color:#95b5a8;border:1px solid rgba(255,255,255,.08);direction:ltr}
.nav2-sections{display:flex;flex-direction:column;gap:5px}
.nav2-section{border-radius:14px}
.nav2-section+.nav2-section{margin-top:2px}
.nav2-section-toggle,.nav2-section-label{
  width:100%;min-height:32px;border:0;background:transparent;color:#78968a;padding:7px 9px 5px;
  display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.69rem;font-weight:900;letter-spacing:.02em;text-align:right
}
.nav2-section-toggle:hover{color:#bcd3ca;background:rgba(255,255,255,.025)}
.nav2-section-label{justify-content:flex-start;color:#7ee6aa}
.nav2-chevron{transition:transform .18s ease;font-size:.85rem}
.nav2-section.is-collapsed .nav2-chevron{transform:rotate(90deg)}
.nav2-section-items{display:flex;flex-direction:column;gap:4px}
.nav2-section.is-collapsed .nav2-section-items{display:none}
.nav2-section .nav-item{width:100%;min-height:43px;padding:10px 11px}
.nav2-section .nav-item .nav2-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav2-section .nav-item.nav2-favorite{background:rgba(45,197,118,.035)}
.nav2-section .nav-item.nav2-favorite:not(.active):after{content:"★";margin-right:auto;color:#77cf9d;font-size:.72rem;opacity:.65}

.nav2-context{border-bottom:1px solid rgba(213,226,220,.78);background:rgba(247,250,249,.84);backdrop-filter:blur(10px)}
.nav2-context-inner{max-width:1560px;margin:auto;min-height:45px;padding:7px clamp(18px,2.2vw,34px);display:flex;align-items:center;gap:12px}
.nav2-breadcrumb{display:flex;align-items:center;gap:7px;min-width:0;color:#71817b;font-size:.76rem;white-space:nowrap;overflow:hidden}
.nav2-breadcrumb span,.nav2-breadcrumb strong{overflow:hidden;text-overflow:ellipsis}
.nav2-breadcrumb b{color:#a3b1ac;font-weight:500}
.nav2-breadcrumb strong{color:#31423c}
.nav2-context-actions{margin-right:auto;display:flex;align-items:center;gap:8px;min-width:0}
.nav2-recents{display:flex;align-items:center;gap:5px;min-width:0}
.nav2-recents>span{font-size:.69rem;color:#87958f;white-space:nowrap}
.nav2-recents button,.nav2-context-search,.nav2-favorite-current{
  border:1px solid var(--ui-border);background:#fff;color:#54635e;border-radius:9px;min-height:31px;padding:5px 8px;font-size:.7rem;font-weight:800
}
.nav2-recents button{max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav2-recents button:hover,.nav2-context-search:hover,.nav2-favorite-current:hover{background:var(--ui-brand-soft);border-color:#c7e7d7;color:var(--ui-brand-strong)}
.nav2-favorite-current{width:34px;padding:4px;font-size:1rem;color:#8a9792}
.nav2-favorite-current.active{color:#b97800;background:#fff8e7;border-color:#f0dfb0}
.nav2-context-search{direction:ltr;display:flex;align-items:center;gap:5px}
.nav2-context-search span{font-size:.62rem;color:#8b9994}

.nav2-dashboard-hero{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;
  border:1px solid #dce9e3;border-radius:24px;padding:26px;margin-bottom:20px;overflow:hidden;position:relative;
  background:linear-gradient(135deg,#ffffff 0%,#f5fbf8 58%,#eef9f4 100%);box-shadow:var(--ui-shadow-md)
}
.nav2-dashboard-hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;left:-170px;top:-240px;background:radial-gradient(circle,rgba(32,200,121,.14),rgba(32,200,121,0) 70%);pointer-events:none}
.nav2-dashboard-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.nav2-dashboard-meta{display:flex;gap:7px;align-items:center;color:#6f8079;font-size:.74rem;font-weight:800;margin-bottom:6px}
.nav2-dashboard-copy h2{font-size:1rem;color:var(--ui-brand-strong);margin:4px 0}
.nav2-dashboard-copy h3{font-size:1.5rem;margin:5px 0 6px;color:var(--ui-text-strong)}
.nav2-dashboard-copy p{max-width:690px;color:var(--ui-muted);margin:0;line-height:1.9}
.nav2-dashboard-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
.nav2-dashboard-shortcuts{position:relative;z-index:1;border:1px solid rgba(203,222,214,.82);background:rgba(255,255,255,.75);border-radius:18px;padding:16px;align-self:stretch}
.nav2-dashboard-shortcuts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:11px}
.nav2-dashboard-shortcuts-head strong{font-size:.88rem}.nav2-dashboard-shortcuts-head span{font-size:.68rem;color:var(--ui-muted);text-align:left}
.nav2-dashboard-shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nav2-dashboard-shortcut-grid button{
  min-height:86px;border:1px solid #e1ebe6;background:#fff;border-radius:13px;padding:12px;text-align:right;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 9px;align-content:center
}
.nav2-dashboard-shortcut-grid button:hover{border-color:#bfe3d1;background:#f8fcfa;transform:translateY(-1px);box-shadow:var(--ui-shadow-sm)}
.nav2-dashboard-shortcut-grid button>span{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#edf8f3;font-size:1rem}
.nav2-dashboard-shortcut-grid b{font-size:.78rem;color:#263a33}.nav2-dashboard-shortcut-grid small{font-size:.65rem;color:#83928c}

.nav2-palette{border:0;background:transparent;padding:0;width:min(720px,calc(100% - 28px));max-width:720px}
.nav2-palette::backdrop{background:rgba(5,16,12,.67);backdrop-filter:blur(7px)}
.nav2-palette-card{background:#fff;border:1px solid #dce7e2;border-radius:22px;box-shadow:0 32px 90px rgba(5,22,15,.28);overflow:hidden;max-height:min(78vh,760px);display:flex;flex-direction:column}
.nav2-palette-head{display:flex;align-items:flex-start;gap:14px;padding:20px 20px 12px}.nav2-palette-head>div:first-child{flex:1}.nav2-palette-head h2{font-size:1.12rem;margin:3px 0}.nav2-palette-head .icon-btn{display:grid;width:36px;height:36px;padding:0;font-size:1.15rem}
.nav2-palette-search{margin:0 20px 12px;border:1px solid #cfddd7;border-radius:13px;background:#f9fbfa;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:4px 11px;color:#7e8f88}
.nav2-palette-search:focus-within{border-color:#54c998;box-shadow:var(--ui-focus);background:#fff}
.nav2-palette-search input{border:0!important;box-shadow:none!important;background:transparent!important;min-height:43px;padding:7px 2px}
.nav2-palette-search kbd{font-size:.66rem;padding:5px 7px;background:#edf3f0;border:1px solid #dbe5e1;border-radius:7px;color:#788780}
.nav2-palette-results{overflow:auto;padding:4px 12px 12px;display:flex;flex-direction:column;gap:4px}
.nav2-palette-result{border:1px solid transparent;background:transparent;border-radius:11px;min-height:57px;padding:8px 10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:right;color:var(--ui-text)}
.nav2-palette-result:hover,.nav2-palette-result.is-selected{background:#f0f8f4;border-color:#d7ebe1}
.nav2-result-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#fff;border:1px solid #e2ebe7}
.nav2-palette-result>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.nav2-palette-result strong{font-size:.82rem}.nav2-palette-result small{font-size:.69rem;color:#788780}.nav2-result-enter{color:#9aa7a2;font-size:.8rem}
.nav2-palette-empty{padding:34px;text-align:center;color:var(--ui-muted)}
.nav2-palette-foot{display:flex;gap:14px;justify-content:flex-end;border-top:1px solid #e5ece9;padding:9px 18px;color:#87958f;font-size:.66rem;background:#fafcfb}

.nav2-mobile{display:none}

@media(max-width:1100px){
  .nav2-recents{display:none}
  .nav2-dashboard-hero{grid-template-columns:1fr .85fr}
  .nav2-dashboard-copy h3{font-size:1.32rem}
}

@media(max-width:820px){
  .nav2-context-inner{padding-inline:14px;min-height:42px}
  .nav2-breadcrumb span:first-child,.nav2-breadcrumb b:first-of-type{display:none}
  .nav2-context-actions{gap:5px}
  .nav2-context-search span{display:none}
  .nav2-dashboard-hero{grid-template-columns:1fr;padding:20px;margin-bottom:16px;border-radius:20px}
  .nav2-dashboard-shortcut-grid{grid-template-columns:repeat(4,1fr)}
  .nav2-dashboard-shortcut-grid button{min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;padding:8px}
  .nav2-dashboard-shortcut-grid button>span{width:30px;height:30px}.nav2-dashboard-shortcut-grid small{display:none}
  .nav2-mobile{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:10px;z-index:45;padding:7px;background:rgba(13,30,24,.94);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:17px;box-shadow:0 18px 45px rgba(4,17,12,.28)}
  .nav2-mobile-item{border:0;background:transparent;color:#a9c0b6;border-radius:11px;min-height:52px;padding:5px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
  .nav2-mobile-item span{font-size:1.02rem}.nav2-mobile-item small{font-size:.61rem;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nav2-mobile-item.active{background:rgba(45,201,117,.15);color:#e9fff4}
  .content{padding-bottom:92px!important}
}

@media(max-width:560px){
  .nav2-context-inner{padding-inline:10px}
  .nav2-breadcrumb span:nth-of-type(1),.nav2-breadcrumb b{display:none}
  .nav2-favorite-current{width:32px}
  .nav2-dashboard-copy h3{font-size:1.2rem}
  .nav2-dashboard-copy p{font-size:.82rem}
  .nav2-dashboard-actions{width:100%}.nav2-dashboard-actions button{flex:1;min-width:130px}
  .nav2-dashboard-shortcuts{padding:13px}.nav2-dashboard-shortcuts-head span{display:none}
  .nav2-dashboard-shortcut-grid{grid-template-columns:1fr 1fr}
  .nav2-dashboard-shortcut-grid button{min-height:74px}
  .nav2-palette{width:calc(100% - 14px)}
  .nav2-palette-card{border-radius:18px;max-height:82vh}.nav2-palette-head{padding:16px 14px 10px}.nav2-palette-search{margin-inline:14px}.nav2-palette-foot{justify-content:center;gap:8px}.nav2-palette-foot span:last-child{display:none}
  .nav2-mobile{left:6px;right:6px;bottom:6px;border-radius:15px;padding:5px}
  .nav2-mobile-item{min-height:50px}.nav2-mobile-item small{font-size:.58rem}
}

@media(prefers-reduced-motion:reduce){
  .nav2-chevron,.nav2-dashboard-shortcut-grid button{transition:none!important}
}