/* Frosted glass navigation and unified line icons. */
.phone .navigation-drawer{width:min(324px,87vw);padding-inline:18px;border-right:1px solid rgba(255,255,255,.8);background:rgba(243,248,255,.78);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);box-shadow:14px 0 52px rgba(21,48,90,.16),inset -1px 0 0 rgba(255,255,255,.5);}
.navigation-drawer::backdrop{background:rgba(20,43,77,.18);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
.phone .sidebar-profile{background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 20px rgba(37,72,125,.04);padding:14px 12px;margin-bottom:14px;}
.phone .drawer-nav{gap:4px;}.phone .drawer-nav .nav-item{min-height:50px;padding:7px 12px;gap:12px;border:1px solid transparent;background:transparent;color:#294b78;}
.nav-icon{flex:0 0 36px;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.64);color:#4872bd;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);}.nav-icon svg{display:block;}.nav-label{font-size:15px;font-weight:600;}
.phone .drawer-nav .nav-item:hover{background:rgba(255,255,255,.38);border-color:rgba(255,255,255,.64);}.phone .drawer-nav .nav-item.active{background:rgba(220,233,255,.72);border-color:rgba(163,191,242,.7);color:#285bd0;}.phone .drawer-nav .nav-item.active .nav-icon{background:#3564da;border-color:rgba(255,255,255,.6);color:#fff;box-shadow:0 3px 10px rgba(53,100,218,.18);}
.phone .drawer-heading{margin-bottom:18px;padding-left:8px;}.phone .drawer-close{display:grid;place-items:center;background:rgba(255,255,255,.4);width:36px;height:36px;border-radius:12px;}.phone .drawer-section-title{margin:14px 12px 4px;color:#798ba6;font-size:11px;letter-spacing:.1em;}
.phone.theme-dark .navigation-drawer{background:rgba(21,35,56,.82);border-right-color:rgba(175,197,233,.2);box-shadow:14px 0 52px rgba(0,0,0,.3),inset -1px 0 0 rgba(255,255,255,.04);}.phone.theme-dark .sidebar-profile{background:rgba(73,96,131,.2);border-color:rgba(175,197,233,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}.phone.theme-dark .drawer-nav .nav-item{color:#d5e2f7;}.phone.theme-dark .nav-icon{background:rgba(123,156,215,.1);border-color:rgba(175,197,233,.14);color:#9fc0fb;}.phone.theme-dark .drawer-nav .nav-item.active{background:rgba(56,95,166,.35);border-color:rgba(128,163,224,.3);}.phone.theme-dark .drawer-close{background:rgba(123,156,215,.12);}.phone.theme-dark .drawer-nav .nav-item:hover{background:rgba(123,156,215,.1);}.phone.theme-dark .sidebar-level{color:#a7c4f0;}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.phone .navigation-drawer{background:#f1f6fd;}.phone.theme-dark .navigation-drawer{background:#172333;}}
/* Icons remain unframed; selection belongs to the whole navigation row. */
.phone .drawer-nav .nav-icon,.phone .drawer-nav .nav-item.active .nav-icon{width:28px;height:28px;flex-basis:28px;background:none;border:0;border-radius:0;box-shadow:none;color:#4872bd;}
.phone .drawer-nav .nav-item.active .nav-icon{color:#285bd0;}
.phone.theme-dark .drawer-nav .nav-icon,.phone.theme-dark .drawer-nav .nav-item.active .nav-icon{color:#a7c5fb;}
.phone .drawer-close,.phone.theme-dark .drawer-close{background:transparent;border:0;box-shadow:none;}