@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650&family=Manrope:wght@750&display=swap');
/* One sidebar geometry for the app and standalone workspace pages. */
aside.qrio-sidebar{box-sizing:border-box;position:fixed;inset:0 auto 0 0;width:226px;padding:32px 23px;display:flex;flex-direction:column;overflow-y:auto;background:#fff;border:0;border-right:1px solid #e3e8e7;color:#2f4f4f;font:14px/1.5 'DM Sans',sans-serif;z-index:10}
aside.qrio-sidebar [hidden]{display:none!important}
aside.qrio-sidebar>.brand,aside.qrio-sidebar>.site-brand{display:flex;align-items:center;gap:10px;margin:0;padding:0;font:750 32px/1.5 Manrope,sans-serif;letter-spacing:-1.5px;color:#2f4f4f;text-decoration:none}
aside.qrio-sidebar>.brand svg,aside.qrio-sidebar>.site-brand svg{width:36px;height:36px;flex:0 0 36px}
aside.qrio-sidebar>.brand b,aside.qrio-sidebar>.site-brand b{font:inherit}
aside.qrio-sidebar>.brand-parent,aside.qrio-sidebar>.site-parent{font:400 10px/1.5 'DM Sans',sans-serif;letter-spacing:0;color:#626f6e;margin:6px 0 28px}
aside.qrio-sidebar>.workspace-label{display:block;font:600 10px/1.5 'DM Sans',sans-serif;letter-spacing:1.8px;color:#707c7b;margin:0 12px}
aside.qrio-sidebar nav{display:flex;flex-direction:column;gap:3px;margin:18px 0 0;padding:0;flex-shrink:0}
aside.qrio-sidebar nav a,aside.qrio-sidebar nav button{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:48px;padding:14px 12px;margin:0;border:0;border-radius:7px;background:transparent;color:#626f6e;text-align:left;text-decoration:none;font:400 14px/20px 'DM Sans',sans-serif;cursor:pointer}
aside.qrio-sidebar nav span{font:inherit;margin:0}
aside.qrio-sidebar nav .sidebar-icon{width:20px;height:20px;flex:0 0 20px}
aside.qrio-sidebar nav .selected,aside.qrio-sidebar nav [aria-current=page]{box-shadow:inset 3px 0 #2f4f4f;background:#edf2f1;color:#2f4f4f;font-weight:600}
aside.qrio-sidebar nav a:hover,aside.qrio-sidebar nav button:hover{background:#edf2f1;color:#2f4f4f}
aside.qrio-sidebar .sidebottom,aside.qrio-sidebar .site-account{position:static;display:block;margin-top:auto;padding-top:24px;flex-shrink:0}
aside.qrio-sidebar .profile,aside.qrio-sidebar .site-account p{display:block;font:400 12px/1.5 'DM Sans',sans-serif;margin:10px 0;overflow-wrap:anywhere}
aside.qrio-sidebar .profile span{font:inherit;margin:0}
aside.qrio-sidebar #authButton,aside.qrio-sidebar .site-account a,aside.qrio-sidebar .site-account button{box-sizing:border-box;display:block;width:100%;margin:0;padding:11px;border:1px solid #dbe4d8;border-radius:8px;background:#fff;color:#2f4f4f;text-align:center;text-decoration:none;font:400 14px/20px 'DM Sans',sans-serif}
.qrio-app>main,.site-content{margin-left:226px}
@media(max-width:760px){aside.qrio-sidebar{position:static;width:100%;padding:18px;border-right:0;border-bottom:1px solid #e3e8e7}aside.qrio-sidebar>.brand,aside.qrio-sidebar>.site-brand{font-size:27px}aside.qrio-sidebar>.brand-parent,aside.qrio-sidebar>.site-parent{margin:6px 0 16px}aside.qrio-sidebar nav{flex-direction:row;flex-wrap:wrap;gap:4px;margin-top:10px}aside.qrio-sidebar nav a,aside.qrio-sidebar nav button{width:auto;flex:0 0 auto;gap:6px;min-height:40px;padding:10px;font-size:12px}aside.qrio-sidebar nav .sidebar-icon{width:18px;height:18px;flex-basis:18px}aside.qrio-sidebar .sidebottom,aside.qrio-sidebar .site-account{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:0;padding-top:12px}aside.qrio-sidebar .profile,aside.qrio-sidebar .site-account p{flex:1;margin:10px 0}aside.qrio-sidebar #authButton,aside.qrio-sidebar .site-account a,aside.qrio-sidebar .site-account button{width:auto}.qrio-app>main,.site-content{margin-left:0}}
@media print{aside.qrio-sidebar{display:none!important}.qrio-app>main,.site-content{margin-left:0}}

/* Keep the wordmark visually at least as tall as the logo. */
aside.qrio-sidebar>.brand,aside.qrio-sidebar>.site-brand{font-size:48px;line-height:1.1;letter-spacing:-2px}